:root{
	--theme:#D77988;
	--white:#ffffff;
	--black:#000000;
	--teal:#442859;
	--text:#442859;
	--lightgray:#f5f4f6;
	--bggray:#edeaef;
	--trns: all 0.3s ease-in-out;
}
*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:var(--theme); transition: var(--trns);}
a:hover{transition: var(--trns); color:var(--theme);}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{font-family: 'Source Sans 3', sans-serif; font-weight:normal;}
input[type=submit], button{ cursor:pointer;transition: var(--trns);}
input[type="submit"], input[type="text"], input[type="date"], input[type="time"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {order: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%;overflow-y: scroll;-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;scroll-behavior: smooth;}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0;outline: 0;}
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:var(--teal); font-family: 'Source Sans 3', sans-serif; font-weight:normal; font-size:16px; line-height:24px; position:relative; overflow-x:hidden; }
strong, b{ font-weight:700;}

h1{ font-size: 40px; line-height: 1.15; font-weight: 700; }
h2{ font-size: 34px; line-height: 1.15; font-weight: 700;}
h3{ font-size: 22px; line-height: 1.15; font-weight: 700;}
h4{ font-size: 20px; line-height: 1.15; font-weight: 700; }
h5{ font-size: 18px; line-height: 1.15; font-weight: 700;}
h6{ font-size: 15px; line-height: 1.15; font-weight: 700; }

p:last-child{ margin-bottom: 0!important;}
p:empty{ display: none!important;}
.btn{ display:inline-block; background-color:var(--teal); color:var(--white); font-size:16px; line-height:22px; text-align:center; padding: 10px 20px; min-width: 130px; border-radius: 60px;font-weight:700;}
.container{ max-width: 1200px; margin: 0 auto; width: 100%;}

.btn.pink{ background: var(--theme); color:var(--white);}

.btn:hover{background:var(--theme); color: #fff;}
.btn.pink:hover{ background: var(--teal); color:var(--white);}

.dflex{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.row{ display: flex;}
.justify{ justify-content: space-between;}
input[type="text"],
input[type="tel"],
input[type="email"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"],
input[type="tel"],
input[type="email"] {
    background-image: none !important;
}

.errorpage{ padding: 80px 0;}




/* Header Section */
.flex{ display: flex; align-items: center;}
.between{ justify-content: space-between;}
.header{ width: 100%; position: absolute; top: 0; left: 0; z-index: 999; background-color: transparent; color: var(--white);}

.mainheader{ width: 100%; padding: 15px 0;}

.navigation{padding-left: 40px;}
.logo img{ display: block; max-height: 68px;}
.mainheader .colleft{ display: flex; align-items: center;}
.navigation ul{ display: flex;}
.navigation ul li{ font-size: 16px; font-weight: 400;transition: all 0.3s ease-in-out; margin-left: 35px; position: relative;}
.navigation ul li a{ color: #fff; position: relative; padding: 1px 0;}
.navigation ul li a:hover{ color: #fff;}
.navigation ul li .trigger{ margin-left: 5px; position: relative; top: 2px;}
.navigation ul li.current-menu-item, .navigation ul li.current-menu-item:hover{ font-weight: 700; transition: all 0.3s ease-in-out;}

.navigation ul li.current-menu-item a::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--theme); }

.mobile{ display: none;}
.menutoggle {display: none;width: 34px;height: 26px;position: relative;margin-left: 20px;cursor: pointer;}
.menutoggle i{ position:absolute; top:0; left:0; width:100%; border-radius:8px; background:var(--white); height:3px; transition: .25s ease-in-out;}
.menutoggle i.b{ top:10px;}
.menutoggle i.c{ top:21px; }
.menutoggle.active i{ transition: .25s ease-in-out;}
.menutoggle.active .a {transform: rotate(45deg);top: 10px;}
.menutoggle.active .b {opacity: 0;}
.menutoggle.active .c {transform: rotate(-45deg);top: 10px; width:100%;}


.darrkheader .menutoggle i{background:var(--teal);}

.error404 .header{ position: relative;}
.error404 .mainheader{ background: linear-gradient(90deg,rgba(68, 40, 89, 1) 15%, rgba(215, 121, 136, 0.7) 85%);}







/* Header Section */




/* Middle Section */

.homehero{width: 100%; position: relative; background-color: var(--teal); background-repeat: no-repeat; background-size: cover; background-position: right; color: #fff; }
.homehero .bgradient{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(68, 40, 89, 1) 15%, rgba(215, 121, 136, 0.7) 85%);}
.homehero .container{ display: flex; min-height: 100vh; align-items: center; position: relative; z-index: 1;}

.herocol{ width: 39%;}
.herocol h1{ color: var(--theme); position: relative; padding-bottom: 15px;}
.herocol h1::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100px; height: 2px; background: #fff;}


.herocol p { margin: 20px 0 0; font-size: 18px; line-height: 24px; letter-spacing: 0.5px;}
.btnwrrap{ margin-top: 30px;}
.homehero .pinkicon{ position: absolute; bottom: -40px; right: 11%; max-width: 380px; z-index: 1;}
.homehero .pinkicon img{ width: 100%; display: block;}


.afterhero{ width: 100%; position: relative; background:var(--bggray);}
.afterhero .darkbg{ background: var(--teal); padding: 60px 0 190px; border-radius: 0 0 0 280px;}
.afterhero .centertext{ max-width: 75%; margin: 0 auto; text-align: center; color: #fff;}
.afterhero h3{font-weight: 400;}
.afterhero p{ margin: 20px 0 0;}

.section_srv{ width: 100%; background:var(--bggray); padding: 0 0 60px;}
.srvcrow{ width: 100%; display: flex; flex-wrap: wrap; gap: 10px; margin-top: -100px; position: relative; padding: 0 20px; justify-content: center;}
.srvcrow .item{ flex: 0 0 calc((100% - 30px) / 4); background-color: #fff; text-align: center; padding:0 20px 30px; color: var(--teal); border-top-left-radius: 300px; border-top-right-radius: 300px; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.srvcrow .item{border-top-left-radius: 300px; border-top-right-radius: 300px; border-bottom-left-radius: 80px;}
.srvcrow .item:nth-child(2n){border-bottom-left-radius: 0; border-bottom-right-radius: 80px;}

.srvcrow .item h3{font-size: 18px; font-weight: 700; margin: 30px 0 0;}
.srvcrow .item p{ min-height: 122px; margin: 50px 0 0;}
.srvcrow .item .btmbtn{ margin-top: 20px;}
.srvcrow .icon{ width: 80px; display: block; margin:0 auto; margin-top: -40px;}
.maxw60{ max-width: 60%; margin: 0 auto;}



/* Middle Section */



/* Footer Section */
.ctsection{ width: 100%; text-align: center; color: #fff; padding: 100px 0; min-height: 500px; display: flex;  align-items: center; justify-content: center; background-repeat: no-repeat;  background-size: cover;  background-position: center;}
.ctsection h2{ color: #fff; position: relative;}
.ctsection h2 strong{ position: relative; display: inline-block; padding: 0 0 15px;}
.ctsection h2 strong::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 2px; border-bottom: 1px solid #fff;}
.ctsection p{ margin: 20px auto; font-weight: 700; max-width: 50%;}


.footer{ width: 100%; background: var(--theme); position: relative; overflow: hidden; color: var(--white);}
.footer .container{ display: flex; position: relative; z-index: 11; justify-content: space-between; align-items: flex-end;}
.footermain{ width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 120px 0 40px; position: relative; overflow: hidden;}

.footermain::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/footer-path.png) no-repeat; background-size: 100%; background-position: bottom; z-index: 1;}
.footermain::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: linear-gradient(285deg,rgba(68, 40, 89, 0.5) 0%, rgba(68, 40, 89, 1) 100%); z-index: 1;}

.footerleft{ width: 60%;}
.footer h4{ margin: 0 0 15px;}
.footerrow{ width: 100%; display: flex; align-items: flex-end; gap: 80px;}
.footerlogo{ max-width: 140px;}
.footerlogo img{ display: block;}

.footerinfo{ flex: 1;}
.footeritems{ width: 100%; display: flex; align-items: flex-end; justify-content: space-between;}
.footeritems p{ font-size: 15px; line-height: 20px; color: #fff; margin: 4px 0 0;}
.footeritems p a{ color: #fff;}
.footeritem ul{ display: flex; gap: 13px; align-items: center; margin: 4px 0 0;}
.footeritem ul li a{ font-size: 16px; color: #fff;}
.footeritem ul li a:hover{ color: var(--theme);}
.footerright{ max-width: 24%;}
.footerright img{ width: 100%; display: block;}
.footer .fcopyright .container{ align-items: center;}
.fcopyright{ padding: 16px 0;}
.fcopyright p{ display: flex; color: #fff; gap: 20px; font-weight: 500; font-size: 14px;}
.fcopyright p a{ color: #fff;}
.fcopyright p a:hover{ text-decoration: underline; text-underline-offset: 2px;}
body .wpforms-container{ width: 100%; margin: 0!important; padding: 0!important;}
body .wpforms-field{ margin: 0!important; padding: 0!important;}
body .wpforms-field .wpforms-field-large{ width: 100%; height: 44px; box-shadow: none!important; outline: none!important; background: #fff; border-radius: 8px!important; border: 0; padding: 2px 15px!important; font-size: 15px!important; color: var(--text);}
.footerform .wpforms-form{ display: flex; align-items: flex-end; justify-content: space-between;}
.footerform .wpforms-form .wpforms-submit-container{ width: 150px; margin: 0; padding: 0;}
.footerform .wpforms-form .wpforms-submit{ width: 100%; height: 44px; background: var(--theme)!important; color: #fff; border-radius: 60px; font-size: 16px; font-weight: 700; border: 0;}
.footerform .wpforms-form .wpforms-submit:hover{ opacity: 0.9;}
.footerform .wpforms-field-container{ width: calc(100% - 170px); display: flex; row-gap: 15px; column-gap: 10px; flex-wrap: wrap;}
.footerform .wpforms-field-container .w1{ width: 35%;}
.footerform .wpforms-field-container .w2{ width: 50%;}
.footerform .wpforms-field-container .w3{ width: 63%;}
.footerform em.wpforms-error{ display: none!important;}
.footerform{ width: 100%; position: relative; margin: 0 0 30px;}


/* Footer Section */



/* Our Story Page */
.dektophide{ display: none!important;}
.errorpage{ text-align: center;}
.errorpage h1{ margin-bottom: 25px;}
.errorpage p{ margin-top: 20px;}
/* Our Story Page */



/* Our Reviews Page */
.rvform{ width: 100%; position: relative; max-width: 880px; margin: 0 auto; border-radius: 10px; background: var(--theme); text-align: center; color: #fff; padding: 20px 80px;}
.leaveReviewpopup{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; display: none;}
.leaveReviewpopup .overlay{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 999; background: rgba(32,53,86,0.8); z-index: 1;}
.leaveReviewpopup .popupwrap{ padding: 10px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center;z-index: 11;}
.popupclose{ opacity: 0.75; width: 40px; height: 40px; position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer; background: url(../images/close-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 24px;}
.popupclose:hover{ opacity: 1;}
#ui-datepicker-div{ z-index: 9999!important;}
#review-form{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px; column-gap: 20px;}
#review-form .formitem{ width: calc(50% - 10px); position: relative; color: var(--teal);}
#review-form .formitem.w100{ width: 100%;}
#review-form label{ text-align: left; color: var(--teal); font-size: 12px; line-height: 1; font-weight: 700; display: block; width: 100%; margin: 0 0 8px;}
#review-form .field{ width: 100%; height: 40px; border: 1px solid rgba(255,255,255,0.5); border-radius: 10px; padding:5px 15px; font-size: 14px; background-color: #fff; color: var(--teal);}
#review-form textarea.field{ height: 100px; resize: none; padding: 10px 15px 30px;}
#review-form #char-counter{ position: absolute; bottom: 5px; right: 20px; font-size: 12px; color: var(--teal); font-weight: 500;}
#review-form input#date_experience{ cursor: pointer; background-image: url(../images/date-icon.svg); background-size: 20px; background-position: calc(100% - 15px) 50%; background-repeat: no-repeat;}
#toggle-service-list{ width: 100%; display: flex; align-items: center; cursor: pointer; height: 40px; border: 1px solid rgba(255,255,255,0.5); border-radius: 10px; padding:5px 15px; text-align: left; font-size: 14px; background-color: transparent; color: var(--teal);  background-image: url(../images/down-icon.svg); background-size: 20px; background-position: calc(100% - 15px) 50%; background-repeat: no-repeat;}
#toggle-service-list.active{ background-color: #fff; color: var(--theme); border-radius: 10px 10px 0 0; background-image: url(../images/down-icon2.svg); font-weight: 500;}
#service_used_list{ display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 11; background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 5px 10px rgba(0,0,0,.25);}
#service_used_list .service-option{ position: relative; margin: 0; width: 100%;border-bottom: 1px solid rgba(32,53,86,0.1);}
#service_used_list .service-option:last-child{ border-bottom: 0;}
#service_used_list .service-icon{ width: 100%; cursor: pointer; position: relative; color: var(--teal); font-size: 14px; line-height: 20px; font-weight: 500; display: block; padding: 10px 15px; padding-right: 40px; background-image: url(../images/check-icon.svg); background-repeat: no-repeat; background-size: 18px; background-position: calc(100% - 15px) 50%;}

#service_used_list .service-option input{ position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%;}
#service_used_list .service-option input:checked + .service-icon{ background-image: url(../images/checked-icon.svg);}
.formitem.note p{ margin: 10px 0; padding: 0 20px; font-size: 12px; line-height: 16px; font-weight: 700;}
.submitbtn{margin-top: 10px; display: inline-block;background: var(--teal); border: 0; color: #fff; height: 48px; font-size: 16px; font-weight: 700; padding: 12px 25px; border-radius: 60px;}
.submitbtn:hover{ background: #fff; color: var(--teal);}


.formdtl{ width: 100%; text-align: left; margin-bottom: -10px; font-size: 12px; color: var(--teal);}
.star-rating{ text-align: left; width: 100%;}
.star-rating i{ font-size: 20px; cursor: pointer;}

#review-form input::-webkit-input-placeholder { color: var(--teal); opacity: 1;}
#review-form input::-moz-placeholder {color: var(--teal); opacity: 1;}
#review-form textarea::-webkit-input-placeholder { color: var(--teal); opacity: 1;}
#review-form textarea::-moz-placeholder {color:var(--teal); opacity: 1;}


.rvform h3{ margin: 0 0 30px;}
.thankNote, #thank-you-message{ width: 100%; padding: 15px; text-align: center; font-weight: 700; font-size: 18px; line-height: 1.4;}

.reiewlist{ width: 100%; padding: 60px 0;}
.reviwhad{ text-align: center;}
.reviwhad h2{ color: var(--theme); margin: 0  0 30px;}
.reviwhad .fivestars{ display: flex; align-items: center; justify-content: center; column-gap: 5px; color: var(--theme); font-size: 28px;}

.review-tabs{ width: 100%;}
.review-tabs .tabs{ width: 100%; margin: 30px 0 50px; display: flex; align-items: center; justify-content: center; column-gap: 25px;}
.review-tabs .tabs li{ cursor: pointer; border-radius: 8px; padding: 8px 20px; min-width: 120px; text-align: center; font-size: 15px; font-weight: 700; color: #fff; background: var(--theme);}
.review-tabs .tabs li[data-tab="real-estate"]{ background: #4C8CA3;}
.review-tabs .tabs li[data-tab="construction"]{ background: #D81F38;}
.review-tabs .tabs li.active{ box-shadow: 0 5px 10px rgba(0,0,0,.25);}

.review-tabs .tab-content{ display: none;}

.review-tabs .review{ width: 100%; position: relative; color: #fff; background: var(--theme); border-radius: 12px; padding: 30px; margin-top: 30px;}
.review .row2{ display: flex; width: 100%;}
.review .left{ width: 25%; padding-right: 30px;}
.review .right{ padding-left: 30px; border-left: 4px solid #fff; width: 75%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
.review h4{ font-size: 17px; font-weight: 400; margin: 15px 0;}
.review .date{ font-size: 20px; font-weight: 500; width: 100%; display: block;}
.review .stars{ width: 100%; display: block; margin-top: 30px;}
.review .stars i{ display: inline-block; margin-right: 4px;}

.srvcTags{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; column-gap: 5px; margin-top: 30px;}
.srvcTags span{ background: #4C8CA3; color: #fff; font-size: 12px; font-weight: 700; line-height: 20px; padding: 3px 10px; border-radius:6px; display: inline-block;}
.srvcTags span.construction-service{background: #D81F38;}

.leavereview{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 0 60px;}
.leavereview .lvwrvw{ display: inline-block; background: #D81F38; cursor: pointer; transition: all 0.3s ease-in-out; color: #fff; font-size: 16px; font-weight: 700; border-radius: 10px; padding: 10px 20px; min-width: 120px;}
.leavereview .lvwrvw:hover{ background: var(--theme); transition: all 0.3s ease-in-out;}

.leaveReviewpopup.showpopup{ display: block;}
#formResponse p{ padding: 15px; margin: 25px 0; text-align: center; border: 2px solid #fff; font-size: 16px; line-height: 26px; font-weight: 500;}
.submit-loader{display: none; margin-left: 10px;}
.flexAction{ display: flex; align-items: center; justify-content: center; position: relative;}
.submit-loader .loader {
    display: inline-block;
    border: 3px solid #fff;
    border-top: 3px solid var(--theme);
    border-radius: 50%;
    width: 30px;
    height: 30px;
	font-size: 0px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.crtf_slider .slick-slide {display: flex;align-items: stretch;height: 100%;}
.crtf_slider  .slick-slide > div {display: flex;flex-grow: 1;flex-direction: column; align-items: center; justify-content: center;}
  

.homeReview{ padding: 0; background: var(--bggray);}
.homeReview .bgwhite{ background:#fff; border-radius: 0 280px 0 0; padding: 80px 0 0;}


.homeReview h2{ color: var(--text); margin: 0 0 50px; text-align: center; text-transform: initial;}

.rvw_slider{ width: 64%; position: relative; margin: 0 auto; margin-bottom: -30px;}
.rvw_slider .item{ padding: 0 35px;}
.review-slide{ width: 100%; padding: 25px; background: #F4E5E7; color: #fff; border-radius: 20px; text-align: center;}
.review-slide h3{ font-size: 24px; text-transform: initial; color: var(--teal);}
.review-slide .reviewer-name{ font-size: 15px; margin: 15px 0 0; color: var(--teal); font-weight: 700;} 
.review-slide .review-text {font-size: 15px; margin: 20px 0 0; color: var(--teal); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; min-height: 120px; overflow: hidden; text-overflow: ellipsis; line-height: 1.6; }

.review-slide .stars{ width: 100%; display: block; margin: 20px 0 0;}
.review-slide .stars i{ display: inline-block; color: #D77988; font-size: 20px; margin-right: 4px;}


.rvw_slider .slick-arrow{ position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; font-size: 0; background: #D8D4DD; color: #fff; border-radius: 50%; width: 34px; height: 34px; transform: translateY(-50%); z-index: 11;}
.rvw_slider .slick-prev{ left: -30px;}
.rvw_slider .slick-next{ right: -30px;}
.rvw_slider .slick-prev::before{content: "\f104"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--white); font-size: 16px;}
.rvw_slider .slick-next::before{content: "\f105"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--white); font-size: 16px;}
.rvw_slider .slick-arrow:hover::before{ color: var(--teal)!important;}

.leavereview2{ width: 100%; text-align: center; padding: 90px 0 60px; background: var(--theme);}
.leavereview2 .btn{ margin: 0 6px; cursor: pointer; }
.leavereview2 .btn:hover{ background: var(--white); color: var(--teal);}

/* Our Reviews Page */



/* Why Choose Us Page */
.homehero2{width: 100%; position: relative; background-color: var(--bggray); }
.homehero2 .bgimage{ width: 100%; position: relative;  background-repeat: no-repeat; background-size: cover; background-position: right; color: #fff; border-radius:0 0 180px 0;}
.homehero2 .bgradient{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg,rgba(68, 40, 89, 1), rgba(255, 255, 255, 0) 85%);}
.homehero2 .container{ display: flex; min-height: 66vh; align-items: center; position: relative; z-index: 1;}
.homehero2 .herocol { width: 42%; padding-top: 100px;}
.homehero2 .herocol h1{ color: #fff;}

.afterhero.gray{ background: #fff;}
.afterhero.gray .darkbg{ background: var(--bggray); color: var(--teal); padding: 60px 0; border-radius: 0 0 0 180px;}
.afterhero.gray .centertext{ color: var(--teal);}
.afterhero p:last-child{ margin: 0;}
.py60{ padding: 60px 0;}
.py40{ padding: 40px 0;}

.pt0{ padding-top: 0!important;}
.pb0{ padding-bottom: 0!important;}

.textImage .container{ display: flex; align-items: center; justify-content: space-between; max-width: 1000px;}
.textImage .img, .textImage .text{ width: calc(50% - 40px);}
.textImage .img img{ display: block; margin: 0 auto;}
.text{ text-align: center;}
.text h2{ color: var(--theme);}
.text p{margin: 15px 0 0; color: var(--teal);}

.readytoSctn h3{ font-weight: 400; color: var(--theme); font-size: 22px; line-height: 28px; margin: 10px 0 0;}
.readytoSctn .container{ max-width: 840px;}
.readytoSctn .btnwrrap{ text-align: center;}
.readytoSctn .btn{ min-width: 280px;}


.srvcrow.col5{ margin: 0; padding: 90px 0 0;}
.srvcrow.col5 .item{flex: 0 0 calc((100% - 40px) / 5);}
.srvcrow.col5 .icon {width: 60px; margin-top: -30px;}

.srvcrow.col5 .item:nth-child(3){border-bottom-right-radius: 80px;border-bottom-left-radius: 80px;}
.srvcrow.col5 .item:nth-child(4){border-bottom-right-radius: 0px;border-bottom-left-radius: 80px;}
.srvcrow.col5 .item:nth-child(5){border-bottom-right-radius: 80px;border-bottom-left-radius: 0px;}


.homeReview.type2{ background: var(--white);}
.homeReview.type2 h2 {color: var(--theme); font-size: 27px; font-weight: 400; max-width: 800px; margin: 0 auto 50px;}


.mainsrvcs .srvcrow{ margin: 0; padding-top: 90px;}




.header.darrkheader{backdrop-filter: blur(30px); background: rgba(255,255,255,0.8);-webkit-backdrop-filter: blur(30px); box-shadow: 0 10px 20px rgba(0,0,0,.16);}
.header.darrkheader .navigation ul li a{ color: var(--teal);}
.header.darrkheader .navigation ul li .trigger{color: var(--teal);}


.homehero2.pink .bgimage{ border-radius: 0;}
.homehero2.pink .bgradient{ background: linear-gradient(90deg,rgba(215, 121, 136, 1), rgba(255, 255, 255, 0) 85%)}
.homehero2.pink .herocol h1{ padding: 10px 0; margin: 15px 0 0;}
.homehero2.pink .herocol h1::after{ top: 0; bottom: auto;}

.herocol .subtitle{ font-weight: 700; font-size: 22px; text-transform: uppercase;}



.afterhero.pink .darkbg{ background: var(--theme); padding: 60px 0;}
.srvclinks{ width: 100%; text-align: center; display: flex; justify-content:center; gap: 20px; padding: 0 5%; margin-top: 40px;}
.srvclinks .item{ width: 200px;}
.srvclinks a{ color: var(--teal); display: flex; flex-direction: column; justify-content: center; gap: 15px; font-weight: 700; }
.srvclinks a:hover{ color: var(--white);}
.srvclinks img{ display: block; max-width: 80px; margin: 0 auto; border-radius: 100%;}

.afterhero .centertext p{ margin: 0 0 20px;}
.afterhero .centertext p:last-child{ margin: 0;}




.servicedetail{ width: 100%; padding: 0 0 70px; background: var(--bggray);}
.service_row{ width: 100%; display: flex; text-align: center; justify-content: space-between; align-items: center; padding: 70px 10% 0;}
.service_row .img{ width: 40%; position: relative; padding-bottom: 15px; padding-left: 15px;}
.service_row .img img{ width: 100%; position: relative; display: block; border-top-right-radius: 180px;}

.service_row .img::after{ content: ''; position: absolute; bottom: 0px; left:0; background: #F4E5E7; width: 15px; height: calc(100% - 15px);}
.service_row .img::before{ content: ''; position: absolute; bottom: 0px; left:0; background: #F4E5E7; width: calc(100% - 15px); height: 15px;}






.service_row .text{ width: 52%; text-align: center; color: var(--teal);}
.service_row .text p{ margin: 20px 0;}
.service_row .text p:last-child{ margin-bottom: 0;}
.service_row .text h5{ color: var(--theme);}

.service_row:nth-child(2n){ flex-direction: row-reverse;}
.service_row:nth-child(2n) .text h2, .service_row:nth-child(2n) .text h5{ color: var(--teal);}

.service_row:nth-child(2n) .btn{ background-color: var(--theme);}
.service_row:nth-child(2n) .btn:hover{ background: var(--teal);}

.service_row:nth-child(2n) .img{ padding-left: 0; padding-right: 15px; }
.service_row:nth-child(2n) .img img{border-top-right-radius: 0px; border-top-left-radius: 180px;}
.service_row:nth-child(2n) .img::after{  left:auto; right: 0; background: #D8D4DD;}
.service_row:nth-child(2n) .img::before{ left:auto; right: 0; background: #D8D4DD; }

.recrutsrvcs{ background: var(--bggray);}

.srvcform{ margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid rgba(215,121,136,0.3);}

.srvcform .wpforms-field-container{ width: 100%; display: flex; flex-wrap: wrap; gap: 15px;}
.srvcform .wpforms-field-container .wpforms-field{ width: calc(33.33% - 10px);}
.srvcform .wpforms-field-container .wpforms-field.w100{ width: 100%;}

.srvcform .wpforms-field-label {font-size: 15px!important; color: var(--theme)!important;margin: 0 0 10px!important;}

.srvcform .wpforms-field-label .wpforms-required-label{ display: none;}


.srvcform .wpforms-field-container .wpforms-field-large{ width: 100%; height: 44px!important; background: #fff; border: 0!important; color: var(--teal); font-size: 15px!important; padding: 10px 15px!important;}
.srvcform .wpforms-field-container textarea.wpforms-field-large{ height: 120px!important; resize: none;}
.srvcform .wpforms-submit-container{ width: 100%; margin: 0!important; padding: 20px 0 0!important;}

.srvcform .wpforms-form .wpforms-submit{ width: 200px; height: 48px; background: var(--teal)!important; color: #fff; border-radius: 60px; font-size: 16px; font-weight: 700; border: 0;}
.srvcform .wpforms-form .wpforms-submit:hover{background: var(--theme)!important;}

.srvcform .wpforms-confirmation-container-full{ background: var(--theme)!important; border: 0!important; text-align: center; padding: 25px; border-radius: 15px; color: #fff;}
.srvcform .wpforms-confirmation-container-full p{ color: #fff!important; margin: 10px 0; font-weight: 700;}

.footerform .wpforms-confirmation-container-full{ background: var(--theme)!important; border: 0!important; text-align: center; padding: 25px; border-radius: 15px; color: #fff;}
.footerform .wpforms-confirmation-container-full p{ color: #fff!important; margin: 10px 0; font-weight: 700;}




.wpforms-submit:focus,
.wpforms-submit:focus-visible {
    outline: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.wpforms-submit::after{display: none !important;}

/* Why Choose Us Page */





/* Join Our Franchise  Page */
.homehero.jof .herocol h1{ color: var(--teal);}
.homehero.jof .bgradient {background: linear-gradient(90deg,rgba(215, 121, 136, 1) 25%, rgba(255, 255, 255, 0) 100%);}
.homehero.jof .container{ min-height: 85vh;}

.afterhero.jof .darkbg{ padding: 60px 0;}
.reasonSctn.jof{ background: var(--bggray);}

.homehero.ctpage{ background-size: contain;}
.homehero.ctpage .container{ min-height: 480px;}
.afterhero h2{ color: var(--theme); margin: 0 0 20px;}

.herocol .ctcol{ padding: 20px 0 0;}
.herocol .ctcol p{ margin: 2px 0 0; font-weight: 700;}
.herocol .ctcol p a{ color: var(--white);}
.herocol .ctcol p a:hover{ text-decoration: underline;}
.herocol .ctcol ul{ display: flex; gap: 15px; padding: 15px 0 0;}
.herocol .ctcol ul li a{ font-size: 20px; color: var(--white);}



.all_locations{ width: 100%; display: flex;justify-content: center; gap: 40px; padding: 40px 0 0;}
.all_locations li{ min-width: 200px; display: flex; flex-direction:column; gap: 10px; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: 0.5px;}
.all_locations li img{ display: block; max-width: 48px; margin: 0 auto;}


/* Join Our Franchise  Page */









.navigation ul ul li.current-menu-item a{ font-weight: 700;}

/* Responsive */
.dektophide{ display: none;}
@media(min-width:1800px){
	.footermain::after{ bottom: -10%;}
}
@media(min-width:979px){
.navigation ul li{ min-height: 60px; display: flex; align-items: center; cursor: pointer;}
.navigation ul ul{position: absolute;top: calc(100% - 15px); background: #fff; z-index: 9; width:220px; left: -50%; padding: 10px 15px; display: none;}
.navigation ul ul li{width: 100%; margin: 0 0 20px; display: block; min-height: initial; font-size: 15px; line-height: 20px;}
.navigation ul ul li a{ font-weight: 400; color: var(--teal);  display: block; text-align: center; border-bottom: 1px solid var(--theme);}
.navigation ul ul li a:hover{ color: var(--theme)!important;}
.navigation ul ul li a::after{ display: none;}
.navigation ul ul li:last-child{ margin: 0;}
.navigation ul ul ul{ position: static; background: transparent; display: block; padding: 0; box-shadow:none; margin: 0; border: 0;}
.navigation ul li:hover > ul{ display: flex; flex-wrap: wrap;}
}



@media(max-width:1180px){
.container{ padding: 0 15px;}
h2 {font-size: 30px;}
h1 {font-size: 36px;}
body {font-size: 15px;line-height: 22px;}
.review_slider .item .container{ position: static;}
.review_slider .img {position: absolute;top: 0;right: 0;height: 100%;}
.review_slider .img img {height: 100%;object-fit: cover;}
.review_slider .textcol{ min-height: 520px; padding: 40px 20px 40px 0;}
.review_slider .textcol::after{ display: none;}
.review_slider .slick-arrow {left: 52%; width: 30px; height: 30px; bottom: 20px;z-index: 1;}
.navigation ul li{ margin-left: 20px;}
.logo img {max-height: 58px;}
.homehero{ background-size: cover;}
.herocol {width: 55%;}
.homehero .container {min-height: 640px;}
.homehero .pinkicon {bottom: -40px;right: 3%;max-width: 300px;}
.rvw_slider {width: 75%;}
.footerform .wpforms-field-container .w3 {width: 62%;}
.fcopyright p {gap: 12px;font-size: 13px; line-height:18px; flex-wrap: wrap; justify-content: center;}
.maxw60{ max-width: 85%;}


.afterhero .darkbg {border-radius: 0 0 0 80px;}
.service_row {padding: 70px 5% 0;}
.srvcrow{ padding: 0;}
.service_row .img img {border-top-right-radius: 80px;}
.service_row:nth-child(2n) .img img {border-top-left-radius: 80px;}
.all_locations li {min-width: 140px;}
.homehero.ctpage {background-size: cover;}






}





@media(max-width:979px){
.btn {font-size: 15px;line-height: 20px;padding: 9px 20px;min-width: 120px;}
.rvform{padding: 20px 15px;}
.navigation{ display: none;}
body.navopen .navigation{ width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; margin-top: 5px; background: #fff; display: block;padding: 5px 0;}
.navigation ul{ display: block;}
.navigation ul li {	display: block;	margin: 10px 0 0; font-size: 16px; padding: 5px 15px;}
.navigation ul li{ position: relative;}
.navigation ul li a, .navigation ul li a:hover{ color: var(--teal);}
.navigation ul li .trigger{ position: absolute; top: 0;right: 0; width: 32px;height: 22px; cursor: pointer; text-align: center; color: var(--teal);}
.navigation ul ul{ padding: 0 0 0 10px; display: none;}
.navigation ul ul li{ margin-top: 0;}

.header .colright{ display: none;}
.dektophide{ display: inline-block!important;}
.menutoggle{ display: block;}
.mainheader .colleft{width: 100%; flex-wrap: wrap;justify-content: space-between;}

.srvcrow{ margin-top: 0; padding-top: 90px;}
.srvcrow .icon {width: 60px;margin-top: -30px;}


.afterhero .darkbg {padding: 50px 0;border-radius: 0 0 0 40px;}
.afterhero .centertext {max-width: 100%;}


.homeReview .bgwhite {border-radius: 0 40px 0 0;padding: 50px 0 0;}
.rvw_slider {width: 90%;}

.footer{ background: var(--teal);}
.footer .container {flex-wrap: wrap;}
.footermain{ background: var(--teal); background-size: 0px; padding: 40px 0;}
.footermain::before, .footermain::after{ display: none;}
.footerleft{width: 100%;}
.footerright{width: 100%; margin-top: 40px; max-width: 100%;}
.footerright img{ max-width: 240px; margin: 0 auto;}
.fcopyright{ background: var(--theme);}


.afterhero.gray .darkbg{ border-radius: 0 0 0 40px; padding: 50px 0;}
.homehero2 .bgimage {border-radius: 0 0 40px 0;  background-position: 60%;}
.mainheader {padding: 10px 0;}
.homeReview.type2 h2 {font-size: 20px;margin: 0 auto 30px;line-height: 28px;}
.maxw60{ max-width: 100%;}


.service_row {padding: 50px 0 0;}
.srvclinks img {max-width: 60px;}
.srvclinks a {gap: 8px;}
.afterhero.pink .darkbg{ padding: 40px 0;}

.homehero2 .container {min-height: 440px;}
.homehero2 .herocol {width: 100%;}
.herocol .subtitle {font-size: 18px;}

.all_locations li img {max-width: 32px;}
.all_locations li {min-width: 120px; font-size: 16px;}
.all_locations {gap: 20px;padding: 20px 0 0;}

.homehero.ctpage {background-position: center;}




}


@media(max-width:767px){
h1 {font-size: 28px; line-height: 34px;}
h2 {font-size: 26px; line-height: 32px; }
h3 {font-size: 20px; line-height: 26px;}
h4 {font-size: 18px; line-height: 24px;}
h5 {font-size: 16px; line-height: 22px;}

.subservices .item {flex: 1 1 100%;}
.review-slide{ padding: 20px 15px; border-radius: 15px;}
.review-slide .review-text {font-size: 14px;line-height: 20px;}
.review-slide h3 {font-size: 18px;}
.homeReview h2 {margin: 0 0 30px;}

.review-tabs .review {border-radius: 10px;	padding: 15px;margin-top: 20px; text-align: center;	}
.review .row2{ flex-wrap: wrap;}
.review .left {width: 100%;padding: 0;}
.review h4 {font-size: 15px;margin: 10px 0;}
.review .date {font-size: 17px;}
.review .stars {margin-top: 10px;}
.review .right{ width: 100%; border: 0; padding: 15px 0 0;}
.review .right p{ font-size: 15px; line-height: 20px;}
.srvcTags {row-gap: 4px;column-gap: 4px;margin-top: 20px;justify-content: center;}
.srvcTags span {font-size: 10px;padding: 2px 10px;}
.reviwhad .fivestars {font-size: 20px;}
.review-tabs .tabs {margin: 20px 0 40px;column-gap: 15px;}
.review-tabs .tabs li {padding: 6px 15px;min-width: 100px;font-size: 14px;}
.reiewlist {padding: 40px 0;}
.leavereview{ padding: 0 0 40px;}
#review-form .formitem {width: 100%;}
.formitem.note p {padding: 0;}
.rvform {overflow-y: scroll;height: 85%;}

.homehero .pinkicon{ display: none;}
.rvw_slider {width: 88%;}
.rvw_slider .slick-arrow {width: 25px;height: 25px;}
.rvw_slider .item {padding: 0px;}
.footerform .wpforms-form{ flex-wrap: wrap;}
.footerform .wpforms-field-container{ width: 100%; row-gap: 5px;}
.footerform .wpforms-form .wpforms-submit-container{ width: 100%;}
.footerrow{ flex-wrap: wrap; flex-direction: column; gap: 30px;justify-content: center; align-items: center; text-align: center;}

.footeritems{ flex-direction: column; gap: 20px; text-align: center; justify-content: center;}
.footerinfo{ width: 100%;}
.footeritem{width: 100%;}
.footeritem ul{justify-content: center;}
.footer .fcopyright .container{ justify-content: center; flex-direction: column; gap: 10px; text-align: center;}
.footerform .wpforms-field-container .wpforms-field{ width: 100%!important;}
.footer h4{ text-align: center;}

.homehero .container{ min-height: 320px;}
.herocol, .homehero2 .herocol{ width: 100%; padding-top: 120px; padding-bottom: 40px;text-align: center;}
.herocol p {margin: 15px 0 0;font-size: 15px;line-height: 20px;letter-spacing: 0px;}
.herocol h1 {padding-bottom: 10px;}
.herocol h1::after {width: 60px; margin: 0 auto; right: 0;}
.srvcrow {padding: 50px 0 0;row-gap: 20px;}
.srvcrow .item{ flex: 100%!important; width: 100%; border-radius: 20px!important; padding: 25px 20px!important;}
.srvcrow .icon{ margin: 0 auto!important;}
.srvcrow .item h3{ margin: 10px 0 0;}
.herocol h1{ color: #fff;}
.srvcrow .item p{ min-height: initial;}
.py60 {padding: 50px 0;}
.readytoSctn h3 {font-size: 18px;line-height: 24px;}
.srvcrow.col5, .mainsrvcs .srvcrow{	padding: 40px 0 0;}

.textImage .container{ flex-wrap: wrap; flex-direction: column; gap: 30px; text-align: center;}
.textImage .img, .textImage .text{ width: 100%;}
.homehero2 .container{ min-height: 300px;}
.srvclinks{ flex-wrap: wrap; gap: 20px; padding: 0;}
.srvclinks .item{ width: calc(50% - 10px);}

.service_row{ flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; gap: 20px;}
.service_row .img, .service_row .text{ width: 100%;}

.srvcform .wpforms-field-container .wpforms-field{ width: 100%;}
.srvcform .wpforms-form .wpforms-submit{ width: 100%;}
.homehero.jof .container {min-height: initial;}
.homehero.jof .bgradient {background: linear-gradient(90deg,rgba(215, 121, 136, 1) 5%, rgba(255, 255, 255, 0) 100%);}


.homehero.ctpage .container {min-height: initial;}
.homehero.ctpage .container {min-height: initial;}
.homehero.ctpage .container {min-height: 320px;}
.herocol .ctcol ul {justify-content: center;}
.all_locations{ flex-wrap: wrap;}




}







/* Responsive */



