@charset "utf-8";

/*common*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent; text-decoration:none !important;}
a:active, a:hover{outline: 0; text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit;margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
ul, li{ list-style:none;}
*:focus{ outline:0;}
.trans{transition: all 0.5s ease;}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
    font-style: normal;
}
:root {
    --thin:100;
    --ultra-light:200;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semibold: 600;
    --bold: 700;    
}
html{ scroll-behavior: smooth;}
body {margin: 0; padding:0;font-size:16px;font-weight: var(--light);color:#000;}
/*common end*/


/***Scrollbar***/
::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 5px; }
::-webkit-scrollbar:horizontal { height: 5px; }
::-webkit-scrollbar-thumb { background-color: #000; border-radius: 5px; }
::-webkit-scrollbar-track { background-color: transparent; }

.common-container{padding-right: 30px; padding-left: 30px;}
.right-container{padding-left: 30px;}
.common-pad {padding:60px 0;}
.zoom {transition:transform .5s; -webkit-transition:transform .5s; -moz-transition:transform .5s; transform:scale(1); overflow:hidden;}
.zoom:hover {transform:scale(1.03);}
.round-bord-wrap{padding: 100px 0 200px;border-radius: 100px 100px 0 0;margin-top: -100px;}
.xtra-pad-btm{padding-bottom: 200px !important;}

.shine-efft{position: relative;overflow: hidden;}
.shine-efft:hover:before {content:''; position:absolute; width:100px; height:100%; background-image:linear-gradient(120deg, rgba(255,255,255, 0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 70% ); top:0; left:-100px; animation:shine-glare 3s infinite linear;}
.banner-thumb-img .shine-efft:hover:before {animation:shine-glare 4s infinite linear;}

@keyframes shine-glare {
0% {left:-100px}
20% {left:100%}
100% {left:100%}
}

.bod-anim-btn{position: relative;}
.bod-anim-btn:after, .bod-anim-btn:before { content: ''; display: block; height: 1px; position: absolute; transition: all 0.5s ease; background-color: #E92E2D;}
.bod-anim-btn:after {top: 0; left: 0; right: 100%;}
.bod-anim-btn:before {bottom: 0; left: 100%; right: 0;}
.bod-anim-btn:hover:after {right: 0;}
.bod-anim-btn:hover:before {left: 0;}
.bod-anim-btn > em, .bod-anim-btn > i { display: block; width: 1px; position: absolute; transition: all 0.5s ease; background-color: #E92E2D;}
.bod-anim-btn > em {top: 100%; left: 0; bottom: 0;}
.bod-anim-btn > i {top: 0; right: 0; bottom: 100%;}
.bod-anim-btn:hover>em {top: 0;}
.bod-anim-btn:hover>i { bottom: 0;}
.bod-anim-btn.active::before, .bod-anim-btn.active::after, .bod-anim-btn.active > em, .bod-anim-btn.active > i{display: none;}

/*captcha*/
label.error {  font-size: 12px; color: red;  position: absolute;  left: 0;  bottom: -20px;}
/* #quick_enquiry_form label.error {font-size:12px; top:-4px; color:red; margin-bottom:5px !important;} */
.err-cpt {display:flex; flex-direction:column; margin:0px 15px 0px 0px; width:120px; color:#ffffff !important;}
/* #quick_enquiry_form .err-cpt {display:flex; flex-direction:column; margin:0px 15px 0px 0px; width:170px; color:#ffffff !important;} */
.flash_message {float:left; font-size:16px; font-weight:300; margin-bottom:15px; position:fixed; top:50%; left:50%; padding:12px 30px; color:#000000; background-color:#fde386; border-radius:2px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 5px 0 rgba(0, 0, 0, .23); z-index:9999; transform:translate(-50%, -50%);}
.gl_cod_order_captcha {border:1px solid #000;}
.captcha-spcl {display:flex; width:100%;align-items:baseline}
.gl_cod_order_captcha {font-size:18px; text-align:center; color:#555; border:1px dashed #888; background:#F0F1F2; padding:7px 25px; margin:0 15px 0 0;}
.CaptchaEqual {font-size:20px; color:#ffffff; text-align:center; margin:0 15px 0 0;}
.gl_order_captcha {padding:0 0 5px 0; font-size:15px;color: #000;  background:none; border:0px; border-bottom:1px solid #d0d0d0; border-radius:0; box-shadow:none; height:auto;}
.gl_order_error-center {text-align:center;}
.gl_order_captcha:focus-visible {outline:none !important;}
.gl_order_captcha_two:focus-visible {outline:none !important;}

/*captcha*/
.hom-enq-captcha .gl_order_error {font-size:14px;color: #E92E2D;font-weight: var(--regular);}
.hom-enq-captcha .gl_order_captcha::placeholder{color: #8F8F8F;}
.hom-enq-captcha .gl_order_captcha{font-size: 17px;color: #fff;}
.hom-enq-captcha .gl_cod_order_captcha{ color: #fff; background: transparent;padding: 15px 25px;width: 250px;}

.comn-enq-captcha .gl_order_error {font-size:14px;color: #E92E2D;font-weight: var(--regular);}
.comn-enq-captcha .gl_order_captcha::placeholder{color: #000;}
.comn-enq-captcha .gl_order_captcha{font-size: 17px;color: #000;}
.comn-enq-captcha .gl_cod_order_captcha{ color: #000; background: transparent;padding: 15px 25px;width: 250px;}


@media (max-width:1100px) {
.err-cpt {width:110px; color:#ffffff !important;}
}

@media (max-width:575px) {
.gl_cod_order_captcha {padding:7px 16px; font-size:14px;}
.gl_order_captcha {font-size:14px; width:120px;}
.CaptchaEqual {margin:0 10px 0 0;}
.gl_cod_order_refresh {margin-left:15px;}
.gl_order_error {font-size:12px;}
/* #quick_enquiry_form .err-cpt {display:flex; flex-direction:column; margin:0px 15px 0px 0px; width:200px; color:#ffffff !important;} */

.hom-enq-captcha .gl_cod_order_captcha{ width: auto;}
.comn-enq-captcha .gl_cod_order_captcha{ width: auto;}
}

.loading-spinner {border:3px solid #f3f3f3; border-top:3px solid #3498db; border-radius:50%; width:13px; height:13px; animation:spin 2s linear infinite; display:inline-block;}

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





/*header*/
header {position:absolute; top:0; left:0; background:transparent; width:100%; z-index:99999; transition:all 0.s ease;}
.header-wrap {display:flex; height:80px; align-items:center; gap:20px; justify-content:space-between;}
.company-logo {}
.nav-sec {display:none; gap:50px; margin-left:auto;}
.nav-links {display:flex; align-items:center; margin:0; padding:0; gap:20px;}
.nav-links > li {}
.nav-links > li > a {color:#fff; display:block; text-transform:capitalize; font-size:17px; line-height:1.3em; position:relative;}
.nav-links > li > a::before {content:""; background-color:#FF0000; position:absolute; left:0; right:100%; bottom:-1px; height:1px; transition:all 0.4s ease;}
.nav-links > li > a:hover::before {right:30%;}
.nav-links > li.active > a::before {right:30%;}
.enquiry-btn {color:#fff; text-transform:capitalize; border:1px solid #fff; border-radius:10px; width:144px; height:36px; display:flex; justify-content:center; align-items:center; font-size:15px;}
.ham-menu-btn {display:flex; align-items:center;}
.ham-menu-icon {position:relative; width:47px; height:18px;}
.ham-menu-icon > i {position:absolute; right:0; height:3px; width:38px; background-color:#ffffff; border-radius:10px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.ham-menu-icon > i::before, .ham-menu-icon > i::after {position:absolute; content:""; border-radius:10px; height:3px; background:#fff; right:0; transition:all 0.3s ease-in-out;}
.ham-menu-icon > i::before {width:30px; top:7px;}
.ham-menu-icon > i::after {width:22px; top:14px;}
.ham-menu-btn:hover .ham-menu-icon > i, .ham-menu-btn.Nclose .ham-menu-icon > i {width:22px;}
.ham-menu-btn:hover .ham-menu-icon > i::after, .ham-menu-btn.Nclose .ham-menu-icon > i::after {width:38px;}
header.sticky {position:fixed; background:#000; -webkit-animation:headerSlideDown .8s ease forwards; animation:headerSlideDown .8s ease forwards;}
header.hover-sticky{background:#000;}

@-webkit-keyframes headerSlideDown {
0% {margin-top:-50px; opacity:0;}
30% {margin-top:-10px; opacity:0;}
100% {margin-top:0; opacity:1;}
}

@keyframes headerSlideDown {
0% {margin-top:-50px; opacity:0;}
30% {margin-top:-10px; opacity:0;}
100% {margin-top:0; opacity:1;}
}

.slidenav {width:300px;height: 100vh; position:fixed; top:0; bottom:0; right:-300px; background:#000; z-index:9997; transition:all 0.5s ease; padding:40px 25px; overflow:auto;}
.slidenav.open {right:0;}
.close-icon {position:absolute; width:24px; height:24px; cursor:pointer; top:15px; left:15px;}
.close-icon::before, .close-icon::after {content:""; position:absolute; left:50%; top:50%; width:20px; height:2px; background-color:#fff; transform-origin:center;}
.close-icon::before {transform:translate(-50%, -50%) rotate(45deg);}
.close-icon::after {transform:translate(-50%, -50%) rotate(-45deg);}
.side-menu-cont {margin:50px 0;}
.side-menu-cont .nav-links {flex-direction:column; align-items:start;}
.side-menu-cont .enquiry-btn {margin-top:25px;}
.header-wrap .enquiry-btn {display:none;}

/* submenu */
.serv-sub-menu {position:absolute;left: 20px;right: 20px;top:80px;background:rgb(0 0 0 / 90%);color:#fff;padding:70px 0;max-height:calc(100vh - 80px);overflow-y:auto;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;}
.has-sub-menu:hover .serv-sub-menu{right: 0;left: 0;opacity: 1;visibility:visible;}

.serv-sub-menu::-webkit-scrollbar-thumb {background-color:#fff;}
.sub-menu-list {display:flex; gap:40px; margin:0; padding:0;}
.sub-menu-list a {position:relative; transition:all 0.4s ease;}
.sub-menu-list a::before {content:""; background-color:#FF0000; position:absolute; left:0; right:100%; bottom:-3px; height:1px; transition:all 0.4s ease;}
.sub-menu-list a:hover::before {right:50%;}
.sub-menu-list > li {flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:30px;}
.sub-menu-title {color:#fff; display:block; margin:0; padding:0; font-weight:var(--regular); font-size:14px; line-height:1.5em; width:fit-content; text-transform: capitalize;}
.sub-menu-title > b {display:block; margin:0; padding:0; font-weight:inherit;}
.sub-menu-title > li {}
.sub-inner-menu {display:flex; flex-direction:column; gap:10px; margin:0; padding:0;}
.sub-inner-menu > li {}
.sub-inner-menu > li > a {color:#B5B5B5; display:inline-block; margin:0; padding:0; font-size:17px; line-height:1em;}
.serv-menu-img {overflow:hidden; border-radius:15px;cursor: pointer;}
.serv-menu-img > img {border-radius:15px;}
.serv-menu-cont {color:#B5B5B5; display:block; margin:0; padding:0; font-size:12px; line-height:1.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}

.has-child-menu {position:relative; padding-right:20px;}
.has-child-menu::after {content:"\f107"; font-family:"FontAwesome"; font-weight:400; color:#fff; font-size:14px; position:absolute; top:1px; right:0; transition:all 0.3s ease;}
.has-sub-menu:hover .has-child-menu::after {transform:rotate(180deg);}
.has-sub-menu:hover .has-child-menu::before {right:30%;}
.sm-menu-btn {display:none; color:#fff; position:absolute; top:5px; right:0; cursor:pointer; font-size: 25px;}

/*banner*/
/* .banner-wrap {background:url(../images/services/commercial/office/office-hero-banner.webp) no-repeat center; background-size:cover; } */
.banner-cont {position:relative; background:rgb(0 0 0 / 70%);}
.banner-inner {color:#fff; height:100vh; display:flex; justify-content:center; align-items:center; text-align:center;}
.comp-title {display:block; margin:0; padding:0; font-size:32px; line-height:1.5em; font-weight:var(--light);}
.comp-title-tag {display:block; margin:0; padding:0; font-size:32px; line-height:1.5em; font-weight:var(--light);}
.comp-title-tag >b {display:block; font-size:73px; line-height:1.3em; font-weight:var(--thin);}

.corner-border {position:relative; padding: 1em 2rem;}
.corner-border::before, .corner-border::after, .corner-border span::before, .corner-border span::after {content:""; position:absolute; width:24px; height:24px; border:1px solid #dddddd;}
.corner-border::before {top:0; left:0; border-right:none; border-bottom:none;}
.corner-border::after {top:0; right:0; border-left:none; border-bottom:none;}
.corner-border span::before {bottom:0; left:0; border-right:none; border-top:none;}
.corner-border span::after {bottom:0; right:0; border-left:none; border-top:none;}

.hero-banner-vid {object-fit:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}

.banner-thumb-img{position: absolute;bottom: 30px;display: flex;gap: 22px;}
.thumb-img-links{color: #fff;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 18px;font-weight: var(--ultra-light);font-size: 16px;line-height: 1em;max-width: 150px;}
.thumb-img-links > i{position: relative;display: block;font-style: normal;}
.thumb-img-links > i::after{content: "";position: absolute;width: 12px;height: 12px;background: url(../images/arrow-icon.svg)no-repeat center;background-size: contain;right: 5px;top: 50%;transform: translateY(-50%);transition: all 0.3s ease;}
.thumb-img-links:hover > i::after{right: 0;}

/*home-about*/
.hom-abt-wrap {padding:80px 0;}
.hom-about-sec {display:grid; grid-template-columns:1.5fr 1fr; gap:30px;}
.about-cont {}
.abt-seperator {display:flex; margin-bottom:50px; position:relative; z-index:1;flex-direction: column;gap: 50px;}
.abt-seperator::before {content:"40"; position:absolute; font-size:320px; line-height:1em; font-weight:800; color:#F6F6F6; z-index:-1; left:5%; top:auto;bottom: 80px;}
.abt-left-cont {flex:1;display: flex;flex-direction: column;gap: 50px;}
.about-title {display:block; margin-bottom:20px; padding:0; font-size:32px; font-weight:var(--light);}
.about-title > b {display:block; font-weight:inherit;}
.about-title > i {display:block; font-style:normal; font-size:62px;}
.abt-left-cont > p {display:block; margin:0; padding:0; font-size:17px; line-height:1.5em;}

.excel-year {flex:1; display:flex; justify-content:center; align-items:end;}
.year-icon {padding-bottom:35px;}
.year-icon > b {display:inline-block; margin:0; padding:0; font-size:175px; line-height:1em; position:relative; font-family:"Poppins", sans-serif; font-weight:700; -webkit-text-stroke-width:1.3px; -webkit-text-stroke-color:#000; color:transparent;}
.year-icon > b > i {position:absolute; font-size:50px; line-height:1em; top:-20px; right:-20px; font-family:"Poppins", sans-serif; font-weight:700;}
.year-icon > em {display:block; margin:0; padding:0; font-size:39px; line-height:1em; font-weight:var(--bold);}
.year-icon > span {display:block; margin:0; padding:0; font-size:75px; line-height:1em; font-family:"Poppins", sans-serif; font-weight:700; -webkit-text-stroke-width:2px; -webkit-text-stroke-color:#000; color:transparent;}
.year-icon > span >i {display:inline-block; margin:0; padding:0; -webkit-text-stroke-width:1px; font-family:"Poppins", sans-serif; font-weight:700;}

.discover-link {display: block;position:relative; font-weight: var(--regular) ;font-size:18px; line-height:1em; color:#000; padding-left:30px;width: fit-content;}
.discover-link::before {position:absolute; content:""; background:url(../images/link-red.svg)no-repeat center; width:18px; height:10px; background-size:contain; top:4px; left:0; transition:all 0.3s ease;}
.discover-link:hover:before {top:0;}
.discover-link.wht-txt{color: #fff;}
.discover-link.wht-txt::before{background:url(../images/link-white.svg)no-repeat center; }
.discover-link.wht-txt:hover:before{background:url(../images/link-red.svg)no-repeat center; }

.counter-strip {display:flex;margin-top: 60px;justify-content:space-between;position: relative;}
.counter-strip::before{position: absolute;content: "";width: 100%;height: 1px;background-color: #707070;top: 40%;left: 0;transform: translateY(-50%);}

.counter-item {display:flex;flex-direction:column;gap: 55px;text-align:center;position: relative;}
.counter-item::after{position: absolute;content: "";height: 3px;background-color: #000;top: 40%;left: 100%;right: 100%;transform: translateY(-50%);transition: all 0.6s ease;} 
.counter-item:hover:after{right: 0;left: 0;}
.counter-item > img {max-width:70px; margin:0 auto;}
.counter-cont {display:flex;flex-direction:column;gap:5px;}
.counter-cont > b {font-weight:var(--light);font-size:40px;line-height:1em;position: relative;width: fit-content;margin: 0 auto;padding-right: 20px;transition: all 0.6s ease; min-width: 4ch;}
.counter-cont > b > em{position: absolute;top: -2px;right: 0;font-size: 30px;line-height: 1em;}
.counter-cont > i {font-weight:var(--light); font-size:18px; line-height:1em;}

.sm-abt-img{display: none;}


/*home-service*/
.hom-service-wrap{background-color: #E3E3E3;padding: 100px 0 200px;}
.serv-section{display:grid; grid-template-columns:1fr 2fr; gap:20px;position: relative;}
.serv-left-sec{display: flex;flex-direction: column;gap: 50px;color: #000;padding-bottom: 80px;}
.serv-title{display: block;margin: 0;padding: 0;font-size: 60px;line-height: 1em;font-weight: var(--medium);}
.serv-title > b{display: block !important;margin: 0;padding: 0;font-weight: inherit;}
.serv-left-sec > p{display: block;margin: 0;padding: 0;font-size: 23px;line-height: 1.3em;font-weight: var(--ultra-light);}

.serv-rght-sec{overflow: hidden;}
.serv-box{position: relative;background-color: #fff;color: #000;display: flex;flex-direction: column;padding: 22px 20px 52px;width: 100%;max-width: 410px;min-height: 475px;gap: 20px;box-shadow: 0px 3px 28px rgb(0 0 0 / 10%);}
.serv-box::after{content: "+";position: absolute;background-color: #F3F3F3;width: 50px;height: 50px;color: #E92E2D;font-size: 30px;font-weight: var(--regular);bottom: 0;right: 0;display: flex;justify-content: center;align-items: center;border-top-left-radius: 15px;transition: all 0.3s ease;}
.serv-box:hover:after{color: #000;}
.serv-box-img{display: block;margin: 0;padding: 0;overflow: hidden;}
.serv-box-img > img{}
.serv-box-title{display: block;margin: 0;padding: 0;font-size: 20px;line-height: 1.3em;font-weight: var(--regular);}
.serv-box-title > b{display: block;margin: 0;padding: 0;font-weight: inherit;}
.serv-box > p{display: block;margin: 0;padding: 0;font-size: 16px;line-height: 1.3em;}
.hom-service-wrap .serv-box > p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*service slider*/
.service-slider { position:relative;}
.slider-custom-nav{position: absolute;bottom: 0;left: 0;display: flex;gap: 15px;}
.sldr-nav-btn{width: 44px;height: 44px;border: 1px solid #707070;border-radius: 50%;background: transparent;display: flex;justify-content: center;align-items: center;transition: all 0.4s ease;}
.sldr-nav-btn:hover{ transform: scale(1.05);}
.sldr-nav-btn.nxt > img{transform: rotate(180deg);}
.sldr-nav-btn.disabled{opacity: 0.4; pointer-events: none;}

/* home our works */
.our-works-wrap{position: relative;background-color: #3D3D3D;color: #fff;margin-top: -100vh !important;}
.works-title-sec {}
.section-sub-head {display:block; margin-bottom:30px; padding:0; font-size:25px; line-height:1em; font-weight:var(--ultra-light);}
.section-head {display:block; margin:0; padding:0; font-size:62px; line-height:1.3em; font-weight:var(--regular);}
.work-slidr-sec {position:relative; margin-top: 60px;}
.work-box {display:flex; flex-direction:column; gap:23px;width: fit-content;}
.work-box-img{display: block;margin: 0;padding: 0;overflow: hidden;border-radius: 30px;}
.work-box-img > img{border-radius: 30px;}
.work-box > b{color: #fff;position: relative;display: block;font-weight: var(--ultra-light);font-size: 20px;line-height: 1.3em;}

.work-box > b > i {position:absolute;right:0;height:7px;width:7px;background-color:#ffffff;border-radius:50%;transition:all 0.3s ease;top: 50%;transform: translateY(-50%);}
.work-box > b > i::before, .work-box > b > i::after {position:absolute;content:"";height:7px;width:7px;background-color:#ffffff;border-radius:50%;transition:all 0.3s ease;top: 0;}
.work-box > b > i::before{left: -12px;}
.work-box > b > i::after{left:-24px}
.work-box:hover > b > i, .work-box:hover > b > i::before, .work-box:hover > b > i::after{background-color: #E92E2D;}

.work-custom-nav{position: absolute;top: -100px;right: 0;display: none;gap: 15px;}
.work-custom-nav .sldr-nav-btn{border: 1px solid #E3E3E3;}

/* features */
.features-wrap{position: relative;background-color: #1A1A1A;color: #fff;}
.feature-section{display: flex;justify-content: space-between;padding-top: 40px;}
.feature-box{display: flex;flex-direction: column;gap: 60px;}
.featr-img{width: 85px;}
.featr-title{display:block;margin: 0;padding:0;font-size:26px;line-height: 1.2em;font-weight:var(--regular);margin-top: auto;}
.featr-title > b{display: block !important;margin: 0;padding: 0;font-weight: inherit;}

/* testimonial */
.testimonial-wrap {position:relative; overflow:hidden; color:#000; background:#ffffff;}
.testimonial-wrap::before {content:""; position:absolute; top:0; bottom:100px; left:0; right:0; z-index:1; background:linear-gradient(90deg, #ffffff 0%, rgb(255 255 255 / 59%) 74%, rgb(255 255 255 / 0%) 100%); border-radius: 100px 100px 0 0;}
.testim-head-sec{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.grad-overlap-wrap {position:relative; z-index:1;}
.big-text-testm {position:relative; height:270px;}
.big-text-testm::before {content:"Real Stories"; position:absolute; font-size:270px; line-height:1em; font-weight:var(--regular); color:#E5E5E5; top:-40px; left:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.testimonial-slider {margin-top:20px;padding-bottom: 50px;}
.review-sldr-box {display:flex;flex-direction: column; gap:50px;padding: 0 100px 0 250px; position:relative;}
.review-sldr-box::before {content:""; position:absolute; background:url(../images/testimonial/review-quote-gray.svg)no-repeat center; background-size:contain; width:150px; height:150px; top:0; left:0;}
.author-profile {}
.author-profile > img {border-radius:30px;width: 100%;min-width: 400px;max-width: 400px;}

.author-cont {display:flex; flex-direction:column; align-self:center; gap:50px; position:relative;}
.author-cont > p {position: relative;;display:block; margin:0; padding-top:50px; font-size:20px; line-height:1.8em; font-weight:var(--regular);}
.author-cont > p::before {content:""; position:absolute; background:url(../images/testimonial/review-quote-black.svg)no-repeat center; background-size:contain; width:30px; height:30px; top:0; left:0;} 
.author-cont > b {display:block; margin:0; padding:0; font-size:20px; line-height:1.3em; font-weight:var(--bold);}

.testimonial-slider .swiper-pagination{ width: fit-content; position: absolute; left: 52%; bottom: 0; display: flex; gap: 15px;}
.testimonial-slider .swiper-pagination-bullet{width: 17px; height: 17px; background: #AEAEAE;transition: all 0.3s ease;}
.testimonial-slider .swiper-pagination-bullet-active{background: #000;}


/* home-blog */
.blog-wrap{position: relative;background-color: #1A1A1A;color: #fff;}
.blog-all-link{ position: absolute;top: 20px;right: 0;}
.head-sub-cont{display: block;margin: 24px 0 0;padding: 0;font-size: 25px;line-height: 1.3em;font-weight: var(--ultra-light);}

.hom-blog-sec{padding-top: 90px;position: relative;}
.hom-blog-box{display: flex;flex-direction: column;gap: 35px;padding: 0 5px;height: 100%;}
.blog-thumb-img{display: block;margin: 0;padding: 0;overflow: hidden;border-radius: 30px;min-height: 300px;}
.blog-thumb-img > img{border-radius: 30px;width: 100%; height: 100%; object-fit: cover;}
.blog-thumb-title{display: block;margin: 0;padding: 0;font-weight: var(--medium);line-height: 1.3em;font-size: 22px;font-style: italic; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hom-blog-box > p{display: block;margin: 0;padding: 0;font-weight: var(--ultra-light);font-size: 16px;line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-top: auto;}
.sm-blog-vw{display: none;}


/* our Clients */
.clients-wrap{position: relative;color: #000;background: #F1F1F1;background: linear-gradient(180deg, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.client-card-wrap{padding: 80px 0;}
.client-logo-box{width: 100%;max-width: 286px;height: 100%;max-height: 135px;transition: all 0.4s ease;}
.client-logo-box:hover{box-shadow: 0px 3px 6px rgb(0 0 0 / 16%)}
.client-logo-box > img{ filter: grayscale(100%); transition: filter 0.3s ease;}
.client-logo-box:hover > img{ filter: grayscale(0%);}
.sm-client-card{display: none;}
.client-sldr-box{text-align: center;}
.client-slider .swiper-button-next:after, .client-slider .swiper-button-prev:after{ font-size: 20px;color: #E92E2D;}

/* get in touch */
.enquiry-wrap{position: relative;color: #fff;background: url(../images/enuiry-bg.webp)no-repeat center; background-size: cover;}
.enquiry-wrap::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgb(0 0 0 / 70%);border-radius: 100px 100px 0 0;}
.enquiry-wrap .wrap-head-sec{text-align: center;}

.enquiry-wrap .form-wrapper{width: 100%; margin: 60px auto 0;}
.form-input-group {position:relative; border:2px solid #8F8F8F; border-radius:20px;color: #fff;}
.form-input-group input, .form-input-group textarea {width:100%;min-height: 60px;padding: 15px 15px 3px 25px;border:none;outline:none;font-size: 18px;background:transparent;margin:0;color: #fff;border-radius: 20px;}
.form-input-group select{padding: 15px;border:none;outline:none;width:100%;min-height: 60px;border-radius:20px;background:transparent;}
.form-input-group option{background: #000;}
.form-input-group textarea {resize:none;padding-top: 25px;}
.form-sub-btn {color:#fff;font-size: 20px;font-weight:var(--medium);border-radius:12px;padding:12px 35px;transition:all 0.3s ease;background: rgb(143 143 143 / 72%);border: 1px solid #8F8F8F;width: 100%;}
.form-sub-btn:hover {background-color:#8F8F8F;}

.input-label{position: absolute;top: 50%;transform: translateY(-50%);left: 25px;color: #fff;opacity: 0.7;font-size: 16px;transition: all 0.3s ease;}
.form-input-group.has-value .input-label{font-size: 12px;top:13px;}

.enquiry-wrap .comn-input-group input:-webkit-autofill,
.enquiry-wrap .comn-input-group input:-webkit-autofill:hover,
.enquiry-wrap .comn-input-group input:-webkit-autofill:focus,
.enquiry-wrap .comn-input-group textarea:-webkit-autofill,
.enquiry-wrap .comn-input-group select:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

.enquiry-wrap .comn-input-group{  border: 1px solid rgb(255 255 255 / 25%); border-bottom: 1px solid #fff; color: #fff;}
.enquiry-wrap .comn-input-group input, .enquiry-wrap .comn-input-group textarea, .enquiry-wrap .custom-file-label{color: #fff;}
.enquiry-wrap .comn-input-group select{color: #fff;}
.enquiry-wrap .comn-label{color: #fff;}
.enquiry-wrap .comn-input-group.comn-select::before{color: #fff;}

/* input group */
.comn-input-group {position:relative;border: 1px solid #8F8F8F;border-bottom: 2px solid #000;color: #fff;width: 100%;z-index: 0;}
.comn-input-group input, .comn-input-group textarea, .custom-file-label, .comn-input-group select {width:100%;min-height: 65px;padding: 15px 15px 3px 25px;border:none;outline:none;font-size: 19px;background:transparent;margin:0;color: #000000;}
.comn-input-group select{padding: 15px;border:none;outline:none;width:100%;min-height: 65px;background:transparent;color: #000; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 40px;}
.comn-input-group option{background: #000;color: #fff;}
.comn-input-group textarea {resize:none;min-height: 155px;padding-top: 35px;}
.custom-file-label{cursor: pointer;position: relative;}
.custom-file-label::before{content: "\f0f6";font-family:"FontAwesome";color: #000;font-size: 20px;line-height: 1em;position:absolute;top: 50%;right: 15px;transform: translateY(-50%);z-index: 1;}
/* .textarea-group.has-value .comn-label{display: none;} */

.comn-sub-btn {color:#fff;font-size: 24px;font-weight: var(--regular);padding:12px 35px;transition:all 0.3s ease;background: #000;border: none;width: 100%;height: 65px; display: flex; justify-content: center; align-items: center;}
.comn-sub-btn:hover {background-color:transparent;border: 2px solid #E92E2D; color: #000;}

.comn-label{position: absolute;top: 50%;transform: translateY(-50%);left: 25px;color: #000000;opacity: 0.7;font-size: 19px;transition: all 0.3s ease; z-index: -1;}
.comn-input-group.has-value .comn-label{font-size: 14px;top:13px;}
.comn-input-group.textarea-group{}
.comn-input-group.textarea-group .comn-label{top: 15px;transform: translateY(0);}
.comn-input-group .file-err{ color: red; position: absolute; left: 25px;  bottom: 2px;}
 
.comn-input-group input:-webkit-autofill,
.comn-input-group input:-webkit-autofill:hover,
.comn-input-group input:-webkit-autofill:focus,
.comn-input-group textarea:-webkit-autofill,
.comn-input-group select:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #000 !important;
  color: 000 !important;
  transition: background-color 5000s ease-in-out 0s;
}

.comn-input-group.comn-select{position: relative;z-index: 0;}
.comn-input-group.comn-select::before {content:"\f107";font-family:"FontAwesome";font-weight:400;color:#000;font-size: 16px;line-height: 1em;position:absolute;top: 50%;right: 15px;transform: translateY(-50%);z-index: -1;}


/* footer */
.footer-wrap{position: relative;background-color: #3D3D3D;color: #fff;font-weight: var(--light);font-size: 16px;padding: 100px 0 0 ;}
.foot_copyright {display:block;margin:0;padding: 20px 0 50px;text-align:center;border-top:1px solid rgb(255 255 255 / 10%);font-weight: var(--light);font-size: 13px;color: #9C9C9C;}

.footlogo {display:block;margin: 0 0 40px;padding:0;}
.foot_secs {display:grid;grid-template-columns: 1.5fr 1fr 1fr;gap: 20px;padding: 0 0 80px;}
footer h6{font-weight: var(--medium);color: #fff;}
.foot_secs p {display:block; margin:0; padding:0; font-size:14px; line-height:24px;}
footer ul{margin: 0;padding: 0;}
footer a {color:#ddd; transition:all 0.4s ease; display:inline-block; margin:0; padding:0;}
footer a:hover {color:#fff;}
.foot-link-wrap{ display: flex;  gap: 50px;}
.foot_linksec{justify-self: center;}
.foot_linksec ul > li {padding:0 0 20px;}
.foot_linksec ul > li:last-child {padding:0;}
h6.foot_mailhead, h6.foot_mobhead {margin:0 0 5px}
.foot_address{ display: flex; flex-direction: column; gap: 25px;justify-content: space-between;}
.foot_address p{margin: 0 !important;}
.foot_sociallinks {justify-self:start;}
.foot_sociallinks a {padding-right:5px;}
.foot_sociallinks a:hover {transform:rotate(360deg);}
.foot_logosec{ display: flex; flex-direction: column; gap: 40px;justify-content: space-between;}
.foot_logosec .discover-link{  font-size: 15px;}

.foot-link-section{display: flex; flex-direction: column; justify-self: center;justify-content: space-between;}
.brochure-btn{border: 1px solid #9c5657;padding: 10px 25px 10px 50px;border-radius: 8px;position: relative; display: block;width: fit-content;}
.brochure-btn:hover{border: 1px solid #E92E2D;}
.brochure-btn::before{position: absolute;content: "";background: url(../images/download-icon.svg)no-repeat center;background-size: contain;width: 38px;height: 38px;left: 5px;top: 0; transition: all 0.3s ease;}
.brochure-btn:hover::before{transform: scale(1.1);}

.foot-quick-links {display:block; margin:0; padding:20px 0; border-top:1px solid rgb(255 255 255 / 50%); font-weight:var(--light); color:#9C9C9C;}
.services-row {display:flex; justify-content:center; row-gap:8px; flex-wrap:wrap;}
.services-row a {display:inline-block; margin:0; padding:0 10px; text-transform:capitalize; color:#9C9C9C; font-size:15px; font-weight:var(--light); line-height:1.3em; position:relative;}
.services-row a:not(:first-child)::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:70%; background-color:rgba(255, 255, 255, 0.3);}

.news-letter-wrap{}
.news-letter-input {display:flex; gap:0; position:relative; width:fit-content; flex-direction: column; gap: 20px;}
.news-letter-input input {width: 100%;padding:12px 20px; border:none; outline:none; font-size:15px; font-weight:var(--regular); background:#4e4e4e; margin:0; color:#fff; border-radius:8px;}
.news-letter-input button {color:#fff; font-size:15px; font-weight:var(--medium); border-radius:8px; padding:12px 20px; transition:all 0.3s ease; background:rgb(233 46 45 / 80%); border:none;}
.news-letter-input button:hover{background: #E92E2D;}
.news-letter-input input::placeholder {color: #ddd;}

.news-letter-group{position: relative;}
.newsletter-captcha-sec{display: flex;}
.newsletter-captcha-sec .gl_cod_order_refresh{margin: 0;}
.newsletter-captcha-sec .gl_cod_order_refresh img{ width: 18px;margin: 0 10px;}
.newsletter-captcha-sec .comn-enq-captcha .gl_cod_order_captcha{ padding: 10px 15px; width: 100px; font-size: 15px;  color: #fff;margin: 0;}
.newsletter-captcha-sec .err-cpt{position: relative;}
.newsletter-captcha-sec .frm-spc{ position: absolute;  bottom: -25px; left: 0;}
.newsletter-captcha-sec .comn-enq-captcha .gl_order_captcha{color: #fff; font-size: 15px; padding: 10px;width: 120px;}
.newsletter-captcha-sec .comn-enq-captcha .gl_order_captcha::placeholder {color: #ddd;}

.foot-hidden-text { opacity: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease;}
.foot-hidden-text.show { opacity: 1; max-height: 1000px; }
.footer-abt-content{display: flex;flex-direction: column;gap: 20px;}
.footer-abt-content > div{ max-height: 200px; overflow: auto;}
.footer-abt-content > div::-webkit-scrollbar-thumb { background-color: #fff; border-radius: 5px; }
.footer-abt-content.view p{margin-bottom: 10px;}

/* fixed icons */
.whatsapp-float {position: fixed;bottom: 20px;right: 20px;z-index: 999;background-color: #000;border-radius: 50%;padding: 12px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease;transform: scale(0.9);}
.whatsapp-float:hover {transform: scale(1);}
.scrollup {position:fixed; right:35px; bottom:100px; background-color:rgb(255 255 255 / 10%); opacity:0; pointer-events:none; width:40px; height:40px; border-radius:50%; z-index:999; box-shadow:0 2px 10px rgba(0, 0, 0, 0.1); text-align:center; line-height:38px !important; color:#999; cursor:pointer; font-size:22px !important; transition:all 0.3s ease;}
.scrollup.show {opacity:0.7; pointer-events:auto;}
.scrollup:hover {opacity:1; color:#000; background-color:#fff;}

/* circle transition */
.round-sec-outer {background:#1A1A1A; color:#fff; padding:100px 0 0; border-radius:100px 100px 0 0; margin-top:-100px;}
.round-sections-wrapper {position:relative; width:100%; height:100vh; overflow:hidden; padding:200px 0 0;}
.trans-section {position:absolute; inset:0; width:100%; height:100%; color:white; display:flex; align-items:center; justify-content:center; overflow:hidden; z-index:0;}
.section-0 {z-index:0;}
.section-1, .section-2, .section-3 {-webkit-mask-image:url('../images/mask-gradient.png'); -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; mask-image:url('../images/mask-gradient.png'); mask-repeat:no-repeat; mask-position:center; mask-size:contain;}
.section-1 {background:url(../images/services/commercial/office/office-hero-banner.webp) no-repeat center/cover; z-index:1;}
.section-2 {background:url(../images/services/commercial/commercial-land-banner.webp) no-repeat center/cover; z-index:2;}
.section-3 {background:url(../images/services/residential/residential-design-banner.webp) no-repeat center/cover; z-index:3;}
.circle-section {display:flex; justify-content:center; align-items:center;}
.circle {max-width:600px; max-height:600px; width:300px; height:300px; border:1px solid #fff; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; transform-origin:center center; transition:transform 0.3s ease-in-out;}
.circle p {font-size:16px; line-height:1.5em; font-weight:var(--ultra-light); display:block; margin:0; padding:0;}
.circle.active {border:8px solid #fff; margin:0 -35px;}
.rad-dark-grad {background:#FFF; background:radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 88%); width:100%; height:100%;}
.trans-inner-wrap {}
.trans-inner-cont {display:flex; height:100vh; align-items:center; justify-content:center; gap:45px; margin: 0 30px;}
.trans-inner-cont > div:first-child {}
.trans-inner-cont > div > b {font-weight:var(--regular); font-size:60px; line-height:1em; font-style:italic; text-shadow: 1px 0px 4px rgb(0 0 0 / 40%);}
.trans-inner-cont > div > p {display:block; margin:20px 0 0; padding:0; font-size:18px; font-weight:var(--ultra-light); line-height:1.5em;}
.trans-inner-cont > div:nth-child(1) {flex:1; text-align:right; margin-bottom:12%;}
.trans-inner-cont > div:nth-child(2) {flex:1;}
.trans-inner-cont > div:nth-child(3) {flex:1;}
.section-1, .section-2, .section-3, 
.section-1 .trans-inner-cont > div,
.section-2 .trans-inner-cont > div,
.section-3 .trans-inner-cont > div {
  will-change: transform, opacity, mask, -webkit-mask;
}



/* contact us */
.contact-banner{background:url(../images/contact-banner.webp) no-repeat center; background-size:cover;}
.address-strip{padding: 100px 0 0;}
.address-links {display:flex;gap:30px;justify-content: space-around;}
.adress-box {position:relative;display: flex;gap: 20px;}
.adress-head {display:block;margin:0 0 5px;padding:0;font-weight: var(--medium);font-size: 18px;line-height:1.5em;}
.adress-box > i{width: 40px;}
.adress-box > div > a {display:inline-block;margin:0;padding:0;font-weight:var(--regular);font-size: 16px;color:#707070;transition:all 0.3s ease;}
.adress-box > div > a:hover{color: #E92E2D;}

.contact-form-section{background-color: #F5F5F5;color: #000;padding: 100px 0;}
.cont-title{display: block;margin: 0;padding: 0;font-size: 40px;line-height: 1.1em;font-weight: var(--regular);text-align: center;}

.cont-form-wrapper{margin-top:50px; display: flex;gap: 50px;}
.cont-form-lft{flex: 1;display: flex;flex-direction: column;gap: 30px;justify-content: space-between;}
.cont-form-rght{flex: 1;display: flex;flex-direction: column;gap: 30px;justify-content: space-between;}

.map-section{padding: 100px 0 0;}
.gmap-wrapper{width: 100%;height: 70vh;}
.gmap-wrapper > iframe {width: 100%; height: 100%; border-radius: 20px;}


/*------accordion ----------*/

.accordions {width:100%; margin:0 auto;}
.accordion {margin-bottom:1rem; overflow:hidden; border-radius:10px;}
.accordion__header {cursor:pointer; font-weight:var(--light); font-size:20px; display:flex; align-items:center; position:relative; padding:20px 50px 20px 30px; color:#000000; border-radius:50px; background:#FFF8F8;}
.accordion__header:after, .accordion__header:before {content:''; position:absolute; right:1.5em; width:1px; height:0.75em; background-color:#E92E2D; transition:all ease-in-out .5s;}
.accordion__header:after {transform:rotate(90deg);}
.accordion:has(input:checked) .accordion__header {color:#000;}

.accordion__content {
max-height:0; overflow:hidden; transition:all 0.5s ease; font-size:18px; line-height:1.5em; * {padding:0 1em 1em;}
}

.accordion input {display:none;}
.accordion input:checked~.accordion__header:before {transform:rotate(270deg) !important; background-color:#000;}
.accordion input:checked~.accordion__header:after {transform:rotate(270deg) !important; background-color:#000;}
.accordion input:checked~.accordion__content {max-height:1000px; margin-top:15px;}

.long-faq {}



/*testimonial - inner pages*/
.inner-review-slider {padding:0; overflow:hidden; background:#fff; margin-top:45px; padding-bottom:60px !important; position:relative;}
.testm-sldr-box {padding:25px;border-radius:20px;display:flex;gap:15px;text-align: center;background: #F8F8F8;flex-direction: column;height: auto;}
.testm-sldr-box >p {display:block; margin:0;padding: 0;order: 1;}
.testm-sldr-box>b {font-weight: var(--regular);display:block;color: #000;font-size: 20px;}
.testm-sldr-box .swiper-pagination {bottom:0 !important;}
.inner-review-slider  .swiper-pagination-bullet-active{background:#E92E2D;}

/* view projects */
.sub-cont-section{padding: 80px 0 0;}
.comn-sub-head{  display: block; margin: 0 0 40px; padding: 0;  font-weight: var(--light);  font-size: 60px; line-height: 1em;}

.land-page-portfolio{margin-bottom: 80px;}
.land-page-portfolio .project-box{opacity: 1;  transform: translateY(0);}

/* aos */
.aos-sec-ov-hdn{overflow-x: hidden;}

/* Modal Form */
.enq-modal-form { z-index: 100004;}
.modal-enquiry-form{  display: flex; flex-direction: column;  gap: 20px;}
/* .enq-modal-form .modal-content{ max-height: calc(100vh - 100px); overflow: auto;} */

.modal-enquiry-form .comn-label{ font-size: 16px;}
.modal-enquiry-form .comn-input-group input, .modal-enquiry-form .comn-input-group textarea, .modal-enquiry-form .comn-input-group select{min-height: 50px;font-size: 16px;}
.modal-enquiry-form .comn-enq-captcha .gl_cod_order_captcha{padding: 10px 20px; width: 200px; font-size: 16px;}
.modal-enquiry-form .comn-enq-captcha .gl_order_captcha{font-size: 16px;}
.modal-enquiry-form .gl_cod_order_refresh img{width: 22px;}
.modal-enquiry-form .comn-sub-btn{height: 50px; font-size: 20px;}

.inner-brochure-btn a{color: #000; border-color: #E92E2D;}