:root{
	--theme:#203556;
	--white:#ffffff;
	--black:#000000;
	--teal:#4B8CA1;
	--text:#3C3C3C;
	--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: 'Barlow', 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(--blue); font-family: 'Barlow', sans-serif; font-weight:normal; font-size:16px; line-height:24px; position:relative; overflow-x:hidden; }
strong, b{ font-weight:700;}

h1{ font-size: 42px; line-height: 1; font-weight: 700; color: #203556;}
h2{ font-size: 38px; line-height: 1.1; font-weight: 700; text-transform: uppercase;}
h3{ font-size: 26px; line-height: 1.1; font-weight: 700;}
h4{ font-size: 20px; line-height: 1.1; font-weight: 700; }
h5{ font-size: 18px; line-height: 1.1; font-weight: 700;}
h6{ font-size: 16px; line-height: 1.1; 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: 7px;font-weight:600;}
.container{ max-width: 1200px; margin: 0 auto; width: 100%;}
.btn.white{ background: var(--white); color:var(--theme);}
.btn.dark{ background: var(--theme); color:var(--white);}

.btn:hover{background:var(--theme); color: #fff;}
.btn.white:hover{ background: var(--teal); color:var(--white);}
.btn.dark: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;
}


/* Header Section */
.flex{ display: flex; align-items: center;}
.between{ justify-content: space-between;}
.header{ width: 100%; position: relative; background-color: var(--theme); color: var(--white);}
.topbar{ width: 100%; border-bottom: 1px solid #4C8CA3; padding: 5px 0;}
.topbar .flex{ column-gap: 30px;}
.topbar a, .topbar .searchtext{ color: #fff; font-size: 14px; line-height: 20px; font-weight: 500;}
.searchtext{ cursor: pointer;}
.mainheader{ width: 100%; padding: 15px 0;}
.logo img{ display: block; max-height: 60px;}
.mainheader .colleft{ display: flex; align-items: center;}
.navigation ul{ display: flex;}
.navigation ul li{ font-size: 17px; font-weight: 700; margin-left: 35px;}
.navigation ul li a{ color: #fff;}
.navigation ul li a:hover{ color: var(--teal);}
.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:#fff; height:4px; transition: .25s ease-in-out;}
.menutoggle i.b{ top:10px;}
.menutoggle i.c{ top:21px; width:80%;}
.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%;}
/* Header Section */

/* Middle Section */
.homehero{ width: 100%; position: relative; padding: 25px 0 0;}
.hero_slider{ width: 100%; position: relative;}
.hero_slider .item{  width: 100%; position: relative; overflow: hidden; background-repeat: no-repeat; background-size: cover; position: relative; min-height: 600px; background-size: cover; background-position: center; border-radius: 25px 25px 25px 0;}
.hero_slider .item::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.15;}
.hero_slider .textcol{ position: absolute; bottom: -2px; left: 0; background: #fff; padding: 20px; border-radius: 0 20px 20px 0; max-width: 55%; z-index: 1;}
.hero_slider p{ margin: 20px 0; font-weight: 700;}
.hero_slider .btn{ background: #D81F38;}
.hero_slider .btn:hover{background: var(--teal);}
.hero_slider h1{ padding-bottom: 15px; position: relative;}
.hero_slider h1::after{ content: ''; position: absolute; bottom: 0; left: 0;  width: 100px; height: 2px; border-bottom: 1px solid #000;}
.hero_slider .slick-dots{ position: absolute; top: 0; right: 30px; height: 100%; width: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hero_slider .slick-dots li{ width: 100%; }
.hero_slider .slick-dots li button{ width: 12px; height: 12px; cursor: pointer; border-radius: 50%; background: #fff; opacity: 0.5; font-size: 0px; }
.hero_slider .slick-dots li.slick-active button{  opacity: 1;}
.section_cs{ width: 100%; margin: 80px 0 0;}
.section_cs h2, .section_rs h2{ color: var(--theme); margin-bottom: 40px; text-transform: uppercase;}
.section_rs{ width: 100%; margin: 80px 0 40px;}
.section_who{ width: 100%; background-color: var(--theme); color: var(--white); position: relative; overflow: hidden; padding: 80px 0;}
.section_who .textcol{ width: 45%; position: relative; z-index: 1;}
.section_who .imagecol{ width: 45%;}
.section_who .imagecol img{ width: 100%; display: block;}
.section_who p{ margin: 20px 0 0;}
.section_who::after{ content: ''; position: absolute; bottom: 20px; left: 0; background: url(../images/who-shape.svg) no-repeat; background-size: 100%; width: 400px; height: 90px;}
.srvcrow{ width: 100%;}
.items-container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.srvcrow .item{ flex: 1 1 25%; transition: flex 0.4s ease;}
.srvcrow .item a{ width: 100%; display: block;}
.srvcrow .item .thumbnail{ background: #000; transition: all 0.4s ease; height: 320px; overflow: hidden; display: block; position: relative;}
.thumbnail span { opacity: 1; transition: all 0.4s ease-in-out; display: block; width: 100%; height: 100%; background-size: cover;   background-position: center;  transition: all 0.6s ease-in-out;}
.srvcrow .item label{ display: flex; align-items: center; padding-top: 10px; cursor: pointer; font-size: 16px; column-gap: 10px; font-weight: 700; color: var(--text);}
.srvcrow:hover .item:not(:hover) .thumbnail span{opacity: 0.6; transition: all 0.6s ease-in-out; }
.srvcrow .item:hover .thumbnail span{ transform: scale(1.02); transition: all 0.6s ease-in-out;}
.srvcrow.col3 .item .thumbnail{ height: 400px;}
/* 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%; padding: 40px 0 0; background: var(--theme); position: relative; overflow: hidden;}
.footer::after{ content: ''; position: absolute; top: 40px; right: 0; background: url(../images/footer-shape.svg) no-repeat; background-size: 100%; width: 320px; height: 80px;}
.flogo{ width: 100%; margin: 0 0 35px;}
.flogo img{ display: block; max-height: 80px;}
.flrow2{ width: 100%;align-items: initial;}
.fcol1{ width: 50%; padding-right: 150px; display: flex; flex-wrap: wrap; row-gap: 10px;}
.fcol2{ width: 50%; display: flex; justify-content: space-between;}
.fnav{ width: 45%;}
.fnav .menu li{ width: 100%; margin-top: 15px;}
.fnav .menu li a{ color: #fff;}
.fnav .menu li a:hover{ color: var(--teal);}
.footer h5{ color: var(--teal); padding: 0 0 5px;}
.fadrs p{ color: #fff;}
.fadrs p a{ color: #fff;}
.fadrs p a:hover{ text-decoration: underline;}
.fadrs{ width: 100%;}

.fadrs.w5{ width: 48%; padding-top: 10px;}
.fadrs p br{ display: none;}
.flrow3{ width: 100%; margin-top: 35px; border-top: 1px solid  rgba(255,255,255,0.5); padding: 10px 0;}
.flrow3 p{font-size: 14px; margin: 0; color: #fff;}
.flrow3 p a{ color: #fff; text-decoration: underline;}
.flrow3 p a:hover{ color: var(--teal);}
.flrow3 ul{ display: flex; column-gap: 20px;}
.flrow3 ul li a{ font-size: 18px; color: #fff;}
.flrow3 ul li a:hover{ color: var(--teal);}

/* Footer Section */


/* Contact Page */
.ctpage{ width: 100%; padding: 60px 0;}
.ctpage h1{ text-transform: uppercase;color: var(--theme);}
.ctpage2{ width: 100%; padding: 0 0 60px;}
.ctpage2 .row{ width: calc(100% + 30px); margin: 0 -15px;}
.ctpage2 .item{ width: calc(33.33% - 30px); margin: 0 15px; background: #203556; border-radius: 20px; padding: 30px 20px 40px; position: relative; text-align: center; overflow: hidden;}
.ctpage2 .item h4{ color: var(--teal);  margin-top: 15px;}
.ctpage2 .item p{ margin-top: 15px; color: #fff; font-weight: 500; position: relative; z-index: 1;}
.ctpage2 .item p a{ color: #fff;}
.ctpage2 .item p a:hover{ text-decoration: underline;}
.ctpage2 .item .icon{ width: 100%; height: 60px; display: flex; align-items: center; justify-content: center;}
.ctpage2 .item .icon img{ display: block; margin: 0 auto; max-height: 54px;}
.ctpage2 .item::before{ content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; height: 70px; background-image: url(../images/ctshape.svg); background-repeat: no-repeat;background-size: 90%; background-position: bottom center;}

.ctform .wpforms-container{ width: 100%; margin: 0!important;}
.ctform .wpforms-container .wpforms-field-label{ font-weight: 500!important; font-size: 18px!important; color: var(--theme)!important;}
.ctform .wpforms-container .wpforms-field{ padding: 40px 0 0!important; margin: 0!important;}
.ctform .wpforms-container .wpforms-field-large{ width: 100%; height: 52px!important; font-size: 18px!important; color: var(--theme)!important; border: 0!important; border-radius: 0!important; border-bottom: 1px solid rgba(32,53,86,0.5)!important;}
.ctform .wpforms-container textarea.wpforms-field-large{ resize: none;}
.ctform .wpforms-container .wpforms-submit-container{ padding: 40px 0 0!important; margin: 0!important;}
.ctform .wpforms-submit-container .wpforms-submit{ height: 52px; width: 200px; font-size: 18px!important; background: var(--teal)!important; color: #fff!important; border-radius: 8px!important; border: 0!important;}
.ctform .wpforms-submit-container .wpforms-submit:hover{ background: var(--theme)!important;}


.ctpage2 .address {display: none;}

.offcTabs{ width: 100%;}
.offcTabs ul{ display: flex; align-items: center; gap: 16px; margin: 25px 0; padding: 0;}
.offcTabs .btn{background-color: #D81E38; color: #fff;}
.offcTabs .btn.active {background: var(--theme); color: #fff;}
.offcTabs h2{ color: var(--theme);}





/* Contact Page */


/* Our Story Page */
.inner_banner{ width: 100%; position: relative; min-height: 500px; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 50px 0; display: flex; align-items: center; justify-content: center;}
.inner_banner .textcol{ width: 50%; position: relative; z-index: 1;}
.inner_banner .btn{ background: #D81F38;}
.inner_banner p{ margin: 20px 0; color: #fff; font-weight: 700; display: block; width: 100%;}
.inner_banner h1{ color: #fff; text-transform: uppercase; position: relative; padding-bottom: 15px; display: inline-block;}
.inner_banner h1::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-bottom: 1px solid #fff;}
.inner_banner .btnwrap{ margin-top: 20px;}
.inner_banner .shdow{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(119deg, rgba(0,0,0,1) 0%, rgba(84,84,84,0) 100%); }

.story_main{ width: 100%;  position: relative; padding: 80px 0; background-color: #FFFFFF; background-image: url(../images/story-shape.svg); background-repeat: no-repeat; background-position: 50% 110%; background-size:800px;}
.story_main .container{ max-width: 800px;}
.story_main h3{ color: #000; text-transform: uppercase; font-weight: 400; font-size: 32px; line-height: 1.2; text-align: center;}


.expert_section{ width: 100%; position: relative; background: var(--theme); padding: 50px 0; color: #fff;}
.exptext{ position: relative; width: 44%;}
.exptext p{ margin: 15px 0 0; font-weight: 500;}
.exprtimg{ position: absolute; top: 0; right: 0; width: 50%; height: 100%;}
.exprtimg img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center;}

.content_type2{ width: 100%; padding: 60px 0; background: rgba(23,71,128,0.2); color: var(--theme);}
.content_type2 .container{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.content_type2 .col{width: 46%;}
.content_type2 .col p{ margin: 0 0 20px; font-weight: 500;}
.content_type2 .col p a{ color: var(--theme); text-decoration: underline;}
.content_type2 .col h4{ margin: 0 0 20px; font-weight: 700;}
.content_type2 .col h3{ margin: 0 0 20px; font-weight: 700;}
.content_type2 .col h5{ margin: 0 0 20px; font-weight: 700;}
.ourteam{ width: 100%; padding: 50px 0;}
.ourteam h2{ padding-bottom: 10px;}
.teamrow{ width: 100%; display: flex; flex-wrap: wrap;}
.teamrow .item{width: 33.33%; margin-top: 30px;}
.teamrow .item img{ width: 100%; display: block;}
.teamrow .item h4{ font-size: 18px; font-weight: 400; color: #3D3D3D; margin: 15px 0 0;}
.teamrow .item h4 strong{ font-weight: 700;}
.teamrow .item h4 i{ font-style: italic;}
.content_type2.bgdark{ background-color: var(--theme); color: #fff;}
.content_type2.bgdark  .col p a{ color: #fff;}
.page-template-real-estate-service .story_main{ background-image: url(../images/real-shape-2.svg); }
.review_slider{ width: 100%; position: relative; background: #D81E38; color: #FFFFFF; overflow: hidden;}
.review_slider.red{ background-color: var(--teal);}
.review_slider .item{ width: 100%; position: relative;}
.review_slider .item .container{ position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; height: 100%;}
.review_slider .textcol{position: relative; width: 50%;  padding: 40px 6% 90px 0; height: 100%;}
.review_slider .textcol p{ margin: 15px 0 0; font-weight: 500;}
.review_slider .img{ width: 50%; margin-left: auto; margin-right:0;}
.review_slider .img img{ width: 100%; display: block;    margin-bottom: -10px;}
.review_slider .textcol::after{ content: ''; position: absolute; bottom: 10%; right: 0; background: url(../images/review-shape.svg) no-repeat; background-size: 100%; width: 340px; height: 80px;}
.review_slider .slick-arrow{ position: absolute; bottom: 30px; left: calc(50vw - 600px); font-size: 0px; width: 40px; height: 40px; border-radius: 50%; background: url(../images/prev.svg) no-repeat; background-size: 100%;}
.review_slider .slick-arrow.slick-next{ background-image: url(../images/next.svg); margin-left: 80px;}
.story_main.ctsec1{ background-color: var(--theme); background-image: url(../images/ct-shape.svg); }
.story_main.ctsec1 h3{ color: #fff;}
.section_cs.ctsec3{ margin: 50px 0;}
.subservices{ width: 100%; margin: 50px 0;}
.subservices h2{ color: var(--text);}
.subservices .row{ width: 100%; display: flex; flex-wrap: wrap; padding: 40px 0 0;}
.subservices .item{ flex: 1 1 33.33%;  position: relative; overflow: hidden;}
.subservices .img{ position: relative; height: 100%;}
.subservices .img img{  width: 100%; display: block; height: 100%; object-fit: cover; object-position: center;}
.subservices .img::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4;} 
.subservices .textcol{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;}
.subservices .textcol h5{ color: #fff;}
.content_type2.ctsec2{ background: var(--theme); color: #fff;}
.page-id-30 .subservices .item{ flex: 1 1 25%; }
.content_type2 .col:only-child{ width: 100%;}
.content_type2 .col ul{ margin: 0 0 20px; padding-left: 15px;}
.content_type2 .col ul li{ margin: 0 0 5px; list-style: disc; list-style-position: outside;}
.subservices .item:nth-child(4):nth-last-child(2),
.subservices .item:nth-child(5):nth-last-child(1) { flex: 1 1 50%;}
.dektophide{ display: none!important;}
.page-template-real-estate-service .content_type2{ background-color: var(--teal);}
.page-template-real-estate-service .inner_banner .btn{ background-color: var(--teal);}
.errorpage{ text-align: center;}
.errorpage h1{ margin-bottom: 25px;}
.errorpage p{ margin-top: 20px;}
.ctsection .btn.dark{ background: #D81E38;}
.ctsection .btn.dark:hover{ background: var(--theme);}

.ctform .wpforms-container .wpforms-field-large:focus{ outline: none; box-shadow: none;}
.ctform .wpforms-container .wpforms-confirmation-container-full{ border-radius: 6px; margin: 30px 0; text-align: center; background: #203556;border: 0;}
.ctform .wpforms-container .wpforms-confirmation-container-full p{ color: #fff; font-weight: 500;}

#image-popup img{ display: block; margin: 0 auto;}
#image-popup{text-align: center;margin: 0 auto;position: relative;background: #fff; width: 90%; max-width: 440px;border-radius: 10px;}
.crtf_slider{ width: 100%; padding: 20px;}
.crtf_slider .item{ width: 100%;}
.crtf_slider .item img{ display: block;}
.crtf_slider .slick-dots{ display: flex; column-gap: 8px; width: 100%; align-items: center; justify-content: center;}
.crtf_slider .slick-dots button{ width: 12px; height: 12px; font-size: 0px; background: var(--theme); border-radius: 50%; opacity: 0.5;}
.crtf_slider .slick-dots .slick-active button{ opacity: 1;}


/* Our Story Page */



/* Our Reviews Page */

.rvform{ width: 100%; position: relative; max-width: 880px; margin: 0 auto; border-radius: 10px; background: #4C8CA3; text-align: center; color: #fff; padding: 30px 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: 15px; column-gap: 20px;}
#review-form .formitem{ width: calc(50% - 10px); position: relative;}
#review-form .formitem.w100{ width: 100%;}
#review-form label{ text-align: left; color: #fff; 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: #4C8CA3; color: #fff;}
#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: #fff;}


#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: #fff;  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(--theme); 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: 20px; font-weight: 700;}
.submitbtn{margin-top: 10px; display: inline-block;background: var(--theme); border: 0; color: #fff; height: 48px; font-size: 16px; font-weight: 700; padding: 12px 25px; border-radius: 10px;}
.submitbtn:hover{ background: #fff; color: var(--theme);}


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

#review-form input::-webkit-input-placeholder { color: #fff; opacity: 1;}
#review-form input::-moz-placeholder {color: #fff; opacity: 1;}
#review-form textarea::-webkit-input-placeholder { color: #fff; opacity: 1;}
#review-form textarea::-moz-placeholder {color: #fff; 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: 60px 0; background: #f7f7f7;}
.homeReview h2{ color: var(--theme); margin: 0 0 50px; text-align: center;}
.rvw_slider{ width: 100%; position: relative;}
.rvw_slider .item{ padding: 0 25px;}
.review-slide{ width: 100%; padding: 25px; background: var(--theme); color: #fff; border-radius: 15px;}
.review-slide h3{ font-size: 20px;}
.review-slide .reviewer-name{ font-size: 17px; margin: 5px 0 15px;}
.review-slide .review-text {font-size: 15px; 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden; text-overflow: ellipsis; line-height: 1.6; max-height: calc(1.6em * 5); min-height: calc(1.6em* 5);
  }
.review-slide .stars{ width: 100%; display: block; margin: 20px 0 0;}
.review-slide .stars i{ display: inline-block; color: #fff; 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: #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(--theme); font-size: 16px;}
.rvw_slider .slick-next::before{content: "\f105"; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--theme); font-size: 16px;}
.rvw_slider .slick-arrow:hover::before{ color: var(--teal)!important;}

.leavereview2{ width: 100%; text-align: center; padding: 50px 0 0;}
.leavereview2 .btn{ margin: 0 6px; cursor: pointer;}
.leavereview2 .btn.bgred{ background:#D81E38;}
.leavereview2 .btn.bgred:hover{ background: var(--theme);}





/* Our Reviews Page */


/* Accreditations Page */
.accr_sctn1{ width: 100%; padding: 50px 0;}
.acrrow{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 60px; margin-top: 60px;}
.acrrow .item{ width: 25%; padding: 0 50px 0 0; }
.acrrow .logoimg{ width: 100%; display: flex; align-items: center; height: 140px;}
.acrrow .logoimg img{ display: block; max-height: 110px; max-width: 240px;}
.acrrow p{ margin: 20px 0 0;}
.acrrow .btnwrap{ width: 100%; display: block; margin: 20px 0 0;}
.acrrow  .btn, .accr_sctn2 .btn{background: #D81E38;}
.acrrow  .btn:hover, .accr_sctn2 .btn:hover{ background: var(--teal);}
.accr_sctn2{ width: 100%; background-color: #203555; text-align: center; padding: 50px 0; background-image: url(../images/ct-shape.svg); background-repeat: no-repeat;  background-size: 700px; background-position: 50% 110%;}
.accr_sctn2 h2{ text-align: left; color: #fff;}
.accr_sctn2 .btnwrap{ width: 100%; text-align: center; margin: 60px 0 0;}
.acrrow2{ width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; margin-top: 60px;}
.acrrow2 .item{ width: 20%; text-align: center; padding: 0 15px;}
.acrrow2 .at img{ display: block; margin: 0 auto; max-width: 50px;}
.acrrow2 h4{ color: #fff; margin: 25px 0 0; font-weight: 500;}
.page-template-accreditations .ctsection:not(.acr){ display: none;}
.ctsection.acr h2{ margin: 0 0 30px;}


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

.acr_slider{ width: 100%; position: relative; margin: 60px 0 0;}
.acr_slider .logoimg{ width: 100%; display: flex; align-items: center; justify-content: center; height: 145px;}
.acr_slider .logoimg img{ display: block; max-height: 140px; max-width: 180px; margin: 0 auto;}




/* Accreditations Page */













/* Responsive */
.navigation ul ul{ padding: 35px calc(50% - 600px);}

@media(min-width:768px){
	.navigation ul li{ min-height: 60px; display: flex; align-items: center; cursor: pointer;}
	.navigation ul ul{position: absolute;top: calc(100% - 15px);background: #f7f7f7; border-top: 15px solid var(--theme); z-index: 9;width: 100%; left: 0; display: none;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
	.navigation ul ul li{width: 33.33%; margin: 0; display: block; min-height: initial;}
	.navigation ul ul li a{ font-weight: 700; color: var(--theme); font-size: 18px;}
	.navigation ul ul ul{ position: static; background: transparent; display: block; padding: 0;box-shadow:none; margin: 0; border: 0;}
	.navigation ul ul ul li{ width: 100%; display: block; min-height: initial; margin: 12px 0 0;}
	.navigation ul ul ul li a{ font-size: 16px; font-weight: 500;}
	.navigation ul li:hover > ul{ display: flex; flex-wrap: wrap;}
	.navigation ul ul ul li a:hover{ text-decoration: underline; text-underline-offset: 2px;}	
}

@media(max-width:1280px){
	.container{ padding: 0 15px;}
	.ctsection{ min-height: initial; padding: 50px 0;}
	.ctsection p{ max-width: 100%;}
	h2 {font-size: 32px;}
	h1 {font-size: 36px;}
	body {font-size: 15px;line-height: 22px;}
	.section_who{ padding: 50px 0;}
	.section_who .textcol {width: 50%;}
	.section_cs h2, .section_rs h2 {margin-bottom: 20px;}
	.section_rs {margin: 50px 0;}
	.section_cs {margin: 50px 0 0;}
	.hero_slider .textcol{ padding-left: 0;max-width: 50%;}
	.hero_slider .item {min-height: 500px;}
	.srvcrow .item .thumbnail {height: 260px;}
	.srvcrow.col3 .item .thumbnail {height: 320px;}
	.inner_banner {min-height: 350px;}
	.story_main{ padding: 50px 0;}
	.content_type2{ padding: 50px 0;}
	.teamrow .item h4 {font-size: 16px;margin: 10px 0 0;}
	.content_type2 .col {width: 48%;}
	.story_main h3 {font-size: 28px;}
	.inner_banner .textcol {width: 65%;	}
	.ctpage2 .item h4 {font-size: 18px;}
	.ctpage2 .item {width: calc(33.33% - 20px);margin: 0 10px;padding: 20px 15px 30px;}
	.ctpage2 .row {width: calc(100% + 20px);margin: 0 -10px;}
	.ctform .wpforms-container .wpforms-field-label {font-size: 15px !important;}
	.ctform .wpforms-container .wpforms-field-large {font-size: 15px !important;}
	.ctpage{ padding: 50px 0;}
	.ctpage2 .item .icon img {max-height: 40px;}
	.ctpage2{ padding: 0 0 50px;}
	.subservices .textcol {padding: 12px;}
	.subservices .textcol h5 {font-size: 15px;}
	.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 ul{padding: 30px 15px;}
	.accr_sctn2 {background-size: 500px;background-position: 50% 102%;}
	.acr_slider{ padding: 0 20px;}
	.acr_slider .slick-arrow{width: 28px; height: 28px;}
    .acr_slider .slick-prev{ left: -10px;}
    .acr_slider .slick-next{ right: -10px;}
	.acrrow .logoimg img{ max-height: 90px; max-width: 180px;}
	.acrrow .logoimg{ height: 120px;}
	.fcol1 {padding-right: 40px;}







}




@media(max-width:979px){
	.section_who::after{ display: none;}
	.srvcrow .item {flex: 1 1 50%;}
	.items-container {row-gap: 20px;}
	.srvcrow .item label {padding-top: 5px;font-size: 15px;}
    .content_type2 .col {width: 100%;}
	.content_type2 .col:nth-child(2) { margin-top: 25px;}
	.story_main h3 {font-size:24px;}
	.story_main {background-size: 80%; text-align: center;}
	.btn {font-size: 15px;line-height: 20px;padding: 9px 20px;min-width: 120px;}
	.ctform .wpforms-container .wpforms-field-label{ margin: 0!important; }
	.subservices .item {flex: 1 1 50%;}
	.subservices .row {padding: 30px 0 0;}
	.page-id-30 .subservices .item {flex: 1 1 50%;}

	.rvform{padding: 20px 15px;}
	.acrrow .item {width: 33%;}
	.acrrow2 .item {width: 33%;}
	.acrrow, .acrrow2 {row-gap: 40px;margin-top: 40px;}



}


@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;}
	.srvcrow .item {flex: 1 1 100%;}
	.navigation{ display: none;}
	.header .colright{ display: none;}
	.dektophide{ display: inline-block!important;}
	.menutoggle{ display: block;}






	.logo img {max-height: 50px;}
	.hero_slider .textcol{ position: static;}
	.homehero{ padding: 0;}
	.homehero .container{ padding: 0;}
	.hero_slider .item{ min-height: initial; border-radius: 0px; padding: 60px 0;}
	.hero_slider h1 {font-size: 20px; padding: 0 0 10px; line-height: 24px;}
	.hero_slider h1::after { left: 0; right: 0; margin: 0 auto;}
	.hero_slider p{ margin: 15px 0; font-size: 14px;}
	.hero_slider .btnwrap{ display: none;}
	.hero_slider .textcol{max-width: 90%;padding: 20px;text-align: center;background: rgba(255,255,255,0.7);margin-left: 5%;border-radius: 15px;}

	.hero_slider .slick-dots {top: auto;right: 0;width: 100%; flex-direction: initial;bottom: 20px; height: auto; column-gap: 15px; }
	.hero_slider .slick-dots li{ width: auto;}
	.flex{ flex-wrap: wrap;}
	.section_who .textcol{ width: 100%;}
	.section_who .imagecol{ width: 100%; margin-top: 20px;}
	.flogo img {max-height: 70px;}
	.footer::after {width: 200px; height: 50px;}
	.fcol1{ width: 100%; order: 2; padding-top: 30px; padding-right: 0;}
	.fcol2{ width: 100%; order: 1; flex-wrap: wrap; row-gap: 30px;}
	.flrow3{ flex-direction: column; flex-wrap: wrap; justify-content: center; row-gap: 10px;}
	.fnav {width: 100%;}
	.fnav .menu li {margin-top: 10px;}
	.inner_banner .textcol {width: 100%; text-align: center;}
	.inner_banner h1::after {left: 0; right: 0; margin: 0 auto;}
	.story_main h3 {font-size: 20px;}
	.story_main {background-size: 90%;background-position: 50% 103%;}
	.exptext{ width: 100%;}
	.exprtimg{ width: 100%; position: static; margin-top: 30px;}
	.exprtimg img{ position: static; height: initial;}
	.expert_section{ padding: 50px 0 0;}
	.ourteam h2 {padding-bottom: 0;}
	.teamrow .item {width: 100%;margin-top: 20px;}
	.ctform .wpforms-container .wpforms-field-large {height: 48px !important;}
	.ctform .wpforms-submit-container .wpforms-submit {height: 48px;width: 100%;font-size: 16px !important;}
	.ctpage2 .row{ flex-wrap: wrap; row-gap: 20px;margin: 0; width: 100%;}
	.ctpage2 .item{ width: 100%; margin: 0;}
	.mainheader .colleft {justify-content: space-between;width: 100%;flex-wrap: wrap;}
	body.navopen .navigation{ width: 100%; display: block;padding: 5px 0;}
	.navigation ul{ display: block;}
	.navigation ul li {	display: block;	margin: 15px 0 0; font-size: 16px;}
	.subservices .item {flex: 1 1 100%;}
	.review_slider .img {position: static;width: 100%; height: initial;}
	.review_slider .textcol{ width: 100%; padding: 40px 0;text-align: center;}
	.review_slider .slick-arrow {left: 15px;}
	.review_slider .img img {margin-bottom: -10px;}
	.review_slider .item{ display: flex!important; flex-direction: column;}
	.review_slider .item .img{ order: 1;}
	.review_slider .item .container{ order: 2;}
	.review_slider .slick-arrow.slick-next {margin-left: 0;right: 15px;left: auto;}
	.page-id-30 .subservices .item {flex: 1 1 100%;}
	.subservices .item:nth-child(4):nth-last-child(2), .subservices .item:nth-child(5):nth-last-child(1) {flex: 1 1 100%;}
	.subservices .img{ min-height: 120px;}
	.subservices .item{ padding: 2px;}

	.navigation ul li{ position: relative;}
	.navigation ul li .trigger{ position: absolute; top: 0;right: 0; width: 32px;height: 22px; cursor: pointer; text-align: center;}
	.navigation ul ul{ padding: 0 0 0 10px; display: none;}

	.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%;}
	.footer{ text-align: center;}
	.acrrow .item {width: 50%;padding: 0 10px;}
	.acrrow .logoimg{ height: 150px;}
	.acrrow .logoimg img{ max-height: 140px;}
	.acrrow p, .acrrow .btnwrap{margin: 15px 0 0;}
	.acrrow2 .item {width: 50%; padding: 0 10px;}
	.acrrow2 .at img {max-width: 40px;}
	.acrrow2 h4 {margin: 20px 0 0;}
	.inner_banner h1 br{ display: none;}
	.acrrow, .acrrow2 {justify-content: center; row-gap: 30px; text-align: center;}
	.accr_sctn1 h2, .accr_sctn2 h2{ text-align: center;}
	.acr_slider{margin: 40px 0 0;}
	.acr_slider .logoimg{ height: 115px;}
	.acr_slider .logoimg img{  max-height: 110px; max-width: 110px;}
	.rvw_slider .slick-prev {left: -10px;}
	.rvw_slider .slick-next {right: -10px;}
	.acrrow .logoimg img{ max-height: 100px; max-width: 94%;}
	.acrrow .logoimg{ height: 120px;}
	.acrrow .logoimg{ justify-content: center;}
	.acrrow .btn{ font-size: 14px; padding: 10px;}
	.offcTabs ul {gap: 5px; margin: 20px 0;}
	.offcTabs .btn{ min-width: 75px; font-size: 14px;}
	





}







/* Responsive */