@font-face {font-family: 'involvebold';src: url('../fonts/involve-bold-bf65bb0f66f270b-webfont.woff2') format('woff2'),url('../fonts/involve-bold-bf65bb0f66f270b-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'involveregular';src: url('../fonts/involve-regular-bf65bb0f66a3dc1-webfont.woff2') format('woff2'),url('../fonts/involve-regular-bf65bb0f66a3dc1-webfont.woff') format('woff');font-weight: normal;font-style: normal;
}
@font-face {font-family: 'involvemedium';src: url('../fonts/involve-medium-bf65bb0f6716366-webfont.woff2') format('woff2'),url('../fonts/involve-medium-bf65bb0f6716366-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'involvesemibold';src: url('../fonts/involve-semibold-bf65bb0f6747dfe-webfont.woff2') format('woff2'),url('../fonts/involve-semibold-bf65bb0f6747dfe-webfont.woff') format('woff');font-weight: normal;font-style: normal;
}
:root{--ink:#171513;--gold:#84602F;--gold-light:#b9965a;--gold-pale:#f6f1e8;--line:#e8e0d3;--shadow-soft:0 18px 50px rgba(45,31,16,.12);--shadow-gold:0 12px 28px rgba(132,96,47,.22);}
/*************** common classes starts ***************/
@media (min-width:1500px){.container{width: clamp(320px, 75%, 2560px) !important;margin: auto;}}
body{font-family: 'involveregular'; font-size:20px!important; color:var(--ink); background:linear-gradient(135deg,#fff 0%,#fff 72%,#faf7f1 100%);}
a{color:inherit; text-decoration:none !important;}
.fluid0{padding:0;}
.boxpadding{padding-bottom:30px;}
.bodybg{background-color:#ffffff;}
.bgwhite{background-color:#ffffff;}
.btn{transition:.5s;}
.a:hover{color:none; text-decoration:none;}
.shadow-sm{box-shadow:none !important;}
ol, ul {padding-left: 0px;}
.theading{font-family: 'involvesemibold'; font-size:68px; line-height:74px; letter-spacing:0; color:var(--ink);}
.tsubheading{font-family: 'involvesemibold'; font-size:28px; line-height:38px;}
.tsubheading01{font-family: 'involvesemibold'; font-size:22px; line-height:32px;}
.tsubheading02{font-family: 'involvesemibold'; font-size:24px; line-height:34px;}
.tsubheading03{font-family: 'involvesemibold'; font-size:50px; line-height:60px;}
.tyellow{color:var(--gold);}
.ttext{line-height:30px;}
.ttext84{font-size: calc(27px + 3vw);}
.lh94{line-height: calc(37px + 3vw);}
.ttextmedium{font-family: 'involvemedium';}

.image-border{border-radius: 25px; box-shadow:var(--shadow-soft);}
.hrlinegrey{border-top:1px solid #adadad;}

.readmorebutton {width: 180px; position: relative; font-size: 15px; line-height: 25px; padding: 5px 15px; overflow: hidden; color: #fff; z-index: 1; border: 1px solid rgba(255,255,255,.22); border-radius: 50px; background: linear-gradient(110deg,#6d4a22,#a47a3e 55%,#6d4a22); box-shadow:var(--shadow-gold); transition: all 500ms ease;}
.readmorebutton-icon { width: 40px; height: 40px; background-color: #fff;
  border-radius: 50%; position: relative;}
.readmorebutton-arrow { width: 18px; height: 18px; position: relative;
  overflow: hidden; }
.iconarrow,
.iconarrow-hover { position: absolute; top: 1px; left: 2px; display: flex; color: #000; font-size: 16px; transition: transform 0.35s linear;transform-style: preserve-3d;}
.iconarrow i, .iconarrow-hover i{transform: rotate(-45deg);}
.iconarrow {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg); transform-style: preserve-3d;}
.iconarrow-hover {transform: translate3d(-17px, 17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);}
.readmorebutton:hover .iconarrow {transform: translate3d(17px, -17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);}
.readmorebutton:hover .iconarrow-hover {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);}

/*larger button*/
.readmorelgbutton {width: 205px; position: relative; font-size: 15px; line-height: 25px; padding: 5px 15px; overflow: hidden; color: #fff; z-index: 1; border: 1px solid rgba(255,255,255,.22); border-radius: 50px; background: linear-gradient(110deg,#6d4a22,#a47a3e 55%,#6d4a22); box-shadow:var(--shadow-gold); transition: all 500ms ease;}
.readmorelgbutton-icon { width: 40px; height: 40px; background-color: #fff;
  border-radius: 50%; position: relative;}
.readmorelgbutton-arrow { width: 18px; height: 18px; position: relative;
  overflow: hidden; }
.readmorelgbutton .iconarrow i, .readmorelgbutton .iconarrow-hover i{transform: rotate(0deg);}
.readmorelgbutton:hover .iconarrow {transform: translate3d(17px, -17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);}
.readmorelgbutton:hover .iconarrow-hover {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);}


/***common animation styles starts***/
.moveup{opacity: 0; transform: translateY(20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.movedown{opacity: 0; transform: translateY(-20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.moveleft{opacity: 0; transform: translateX(20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.moveright{opacity: 0; transform: translateX(-20px); transition: opacity 1.5s ease, transform 1.5s ease;}
.animate-fadeInUp {opacity: 1 !important; transform: translateY(0) !important;}
.animate-fadeInDown {opacity: 1 !important; transform: translateY(0) !important;}
.animate-fadeInLeft {opacity: 1 !important; transform: translateX(0) !important;}
.animate-fadeInRight {opacity: 1 !important; transform: translateX(0) !important;}
/***common animation styles ends***/
/*************** common classes ends ***************/
/**** modal starts ****/
.modal.fade .modal-dialog {transform: scale(0.9) translateY(-20px);transition: transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1),opacity 0.9s ease;opacity: 0;}
.modal.show .modal-dialog {transform: scale(1) translateY(0);opacity: 1;transition: transform 0.9s;}
.modal-content {background-color: transparent;border:none;}
.modal-body {background-color: #FFFFFF;}
.btn-close {--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");filter: none;opacity: 1;}
.btn-close:hover { --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");filter: none;opacity: 1;}
/**** modal ends ****/
/******* gotop & whtsapp starts *******/
.gotopround{width:45px; height:45px; line-height:40px; background-color:#84602F; color:#ffffff; box-shadow:2px 2px 5px #3D3D3D;}
.gotopround:hover{background-color:#84602F; color:#ffffff; border:1px solid #84602F;}
.gotop{position:fixed; right:23px; bottom:80px; z-index:120;}
.whtsapp-icon{width:55px; height:auto; position:fixed; right:75px; bottom:75px; z-index:120;}
/******* gotop & whtsapp ends *******/
/*************** header classes starts ***************/
#header {background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 30px rgba(45,31,16,.06);z-index:199;height:122px;border-bottom:1px solid rgba(132,96,47,.18);transition:all .9s ease;}
#header .logo {transition: opacity 0.9s ease;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {content: ""!important;border-top: 0;display:none;}
.navbar-brand .logo {transition: transform 0.3s ease;transform: scale(1); transform-origin: left center;}
.navbar-brand{padding:10px 0px;}
.dropdown-menu .content p {line-height:26px;color:#000000;border-bottom:1px solid #E9E9E9;padding: 15px 10px;transition:0.9s ease all;}
.dropdown-menu .content p:hover {color: #84602F;transition: all 0.9s ease;}
.dropdown-menu .content .active {color: #84602F;}
nav.bootsnav .collapse {display: block;}
/******** fixed nav classes starts ********/
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {font-family: 'involveregular';color: #84602F;}
nav.navbar.bootsnav ul.nav > li > a {font-family: 'involveregular';color: #FFFFFF;padding: 30px 0px;margin: 0 35px;font-size: 16px;}
nav.navbar.bootsnav ul.nav > li > a:hover{color: #FFFFFF;}
.fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active{font-family: 'involveregular';color: #84602F;}
.fixed-nav nav.navbar.bootsnav ul.nav > li > a {font-family: 'involveregular';color: #000000;padding: 30px 0px;margin: 0 35px;}
.fixed-nav nav.navbar.bootsnav ul.nav li.dropdown.on > a{color: #84602F!important;}
.dropdown-menu .content p:hover .fixed-nav nav.navbar.bootsnav ul.nav li.dropdown.on > a{color: #84602F!important;}

#header.fixed-nav { background-color:rgba(255,255,255,.96);transition:transform .9s ease;border-bottom:1px solid rgba(132,96,47,.12)!important;box-shadow:0 10px 35px rgba(45,31,16,.1);}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {border-color: #84602F;left: 20px;}
#header.fixed-nav .navbar-brand {padding-top: 0px;padding-bottom: 0px;}
/******** fixed nav classes ends ********/
/******** single dropdown classes starts ********/
.dropdown-menu {width: 260px!important;}
.single-menu {margin-top: 9px!important;}
.single-menu li {padding: 13px 0px 13px 0px!important;}
.single-menu li:hover {background-color: #84602F;color: #FFFFFF;}
.single-menu li:hover a{color: #FFFFFF!important;}
/******** single dropdown classes ends ********/
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}}.fade-Out-Up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fade-In-Down, .navbar-full .animated{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
/********* top contact starts ***********/
.topcontacthover{position: relative;}
.topcontacthover .front-image {display: none;transition:0.9s ease all;}
.topcontacthover:hover .front-image {display: inline;transition:0.9s ease all;}
.topcontacthover:hover .back-image {display: none;transition:0.9s ease all;}
/********* top contact ends ***********/
/*************** header classes ends ***************/
/*************** carousel classes ends ***************/
.carousel {margin-top: -40px;}
.carousel-indicators {width: fit-content;display: inline-grid;justify-content: left;padding: 0;margin-right: 0;margin-left: 3%;bottom: 40%;}
.carousel-indicators [data-bs-target] {width: 3px;height: 16px;}
.carousel-caption {bottom: 39%;left: 13%;width: fit-content;text-align: left;}
.tcarouselhead{font-family: 'involvebold';}
.tcarouseltext{font-family: 'involveregular';font-size:28px!important; line-height:38px; color:#FFFFFF;}
.fade-left {opacity: 0;animation: fadeInLeft 1s ease-out forwards;}
@keyframes fadeInLeft {
0% {opacity: 0;transform: translateX(-50px);}
100% {opacity: 1;transform: translateX(0);}
}
.delay-1 {animation-delay: 0.5s;}
.delay-2 {animation-delay: 1s;}
.carouselimg {animation: zoom-in-zoom-out 200s ease infinite alternate;width: 100%;animation-duration: 80s !important;}
@keyframes zoom-in-zoom-out{
0% {transform: scale(1, 1);}
50% {transform: scale(1.5, 1.5);}
100% {transform: scale(1.5, 1.5);}
}
/*************** carousel classes ends ***************/
/*************** banner bottom boxes classes ends ***************/
.card{background:linear-gradient(145deg,rgba(132,96,47,.82),rgba(72,47,20,.9));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.2);border-radius:28px;box-shadow:var(--shadow-soft);}
.card-header{background:transparent;}
.card-title{font-family: 'involvesemibold';font-size:28px;line-height:38px;}
.bannerbottomboxtop{margin-top: -290px;z-index: 1;}
.tbannerbottomboxtext{font-size:22px; line-height:32px;}
.bannerbottomboxhr {margin: 0 0 15px 0;border: 0;height: 2px;background: linear-gradient(90deg, #000000, #94846f, #8e6c3e, #ba9767);background-size: 200% 100%;background-position: 100% 0;transition: background-position 0.8s ease;opacity: 1;}
.card:hover .bannerbottomboxhr {background: linear-gradient(90deg, #bfae8b, #c6b38d, #000000, #000000);background-position: 0 100%;transition: 0.8s ease;}
/*************** banner bottom boxes classes ends ***************/
/****iwelcome starts****/
.iconaboutitem{ font-size:22px; line-height:22px;}
.taboutsubhead{font-family: 'involvesemibold'; font-size:28px; line-height:38px;}
.quotebox{padding:95px 59px;background-image:linear-gradient(135deg,rgba(55,35,13,.08),rgba(255,255,255,.08)),url(../img/bgquotebox.png);background-color:var(--gold);border:1px solid rgba(255,255,255,.2);border-radius:28px;background-position:center;background-repeat:no-repeat;box-shadow:var(--shadow-gold);}
.iconquote{ font-size:54px; line-height:54px; }
.quoteboximg{position:absolute; top:-54px; left:11%;}
/****iwelcome ends****/

/**********projects classes starts **********/
.hrlinelight{ color:#e0e0e0; opacity:1;}
.projectsection { position: relative; overflow: visible;}
.projectwrapper {position: sticky; top: 12%; height: 80vh; overflow: hidden;}
.projectslide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;transition: transform 0.3s ease;}
.projectcontent { position: relative; z-index: 1; color: #fff;}
.projectcontentimg{overflow: hidden;} 
.projectcontentimg img {object-fit: cover;display: block;}
.projectslide1 { z-index: 5; background-image: url(../img/projectimg01.jpg);}
.projectslide2 { z-index: 4; background-image: url(../img/projectimg02.jpg);}
.projectslide3 { z-index: 3; background-image: url(../img/projectimg03.jpg);}
.projectslide4 { z-index: 2; background-image: url(../img/projectimg04.jpg);}
.projectslide5 { z-index: 1; background-image: url(../img/projectimg05.jpg);}
.projectoverlay {background: rgba(38, 38, 38, 0.85);height: 100%;width: 28%;z-index: 2;}
.projectcontentinner{padding-top: 10%;padding-right:10%;}
.projectcontentbottom{ position:absolute; bottom: 20%; padding-top: 10%; padding-right: 10%;}
.tprojectnumber{font-size: 90px; line-height:90px;  letter-spacing: -2px;-webkit-text-stroke-width: 1px; stroke-width: 1px; -webkit-text-stroke-color: rgba(255, 255, 255, 1); stroke: #E0E0E040; color: #E4ED6400;}
.iconproject{color:#84602F; font-size: 20px; line-height:20px;}
.tprojecttext{ font-size: 20px; line-height:30px;}
.tprojectsubhead{font-size: 27px; line-height: 37px;}
.projecthr{width: 300px;}
/**********projects classes ends **********/
/***what makes different starts ***/
.widget-container{height: 100%;}
.twhatmakehead {font-family:'involvesemibold';font-size: 22px;line-height: 27px;}
.whatmakeiconbox{width:70px;height:70px;color: #FFFFFF;background-color:#84602F;border-radius:50%;}
.icon{font-size:37px; line-height: 37px;  display: flex; align-items: center;
    justify-content: center; flex-shrink: 0;}
/***what makes different ends ***/
/*************** bottom starts ***************/
.bottombg{background-image: url(../img/bottombg.jpg);background-repeat: no-repeat;background-size: cover; min-height: 1000px;position: relative;z-index: 1;}
.bottombg::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.67);z-index: -1;}
.bottombg-topcurve{background: #FFFFFF;width: 100%;height: 50px;border-radius: 0px 0px 50px 50px;top: 0px;z-index: 2;position: absolute;}
.bottomcontent { max-width: 600px;}
.tbottomhead {font-family: 'involvebold';font-size: 68px;line-height: 78px;}
.tbottomhead01{font-family: 'involvesemibold';font-size: 25px;line-height: 35px;color:#84602F;}
.bottomshadowhead{background:linear-gradient(to bottom,#FFFFFF,#FFFFFF00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;white-space:nowrap;margin-top:-80px;}
.tbottomshadowhead{font-family: 'involvebold';font-size: clamp(95px, 15vw, 380px) !important;letter-spacing:3px;}
.bottom-wrapper{bottom: 40px;position: relative;}
.bottom-contentbox{border-radius:30px;}
.box-border-right{border-right: 1px solid #e0e0e0;}
.tbottomtext{font-size:16px;line-height:26px;color:#8a8a8a;}
.tbottomlinks{font-family: 'involvesemibold'; font-size:16px;color:#000!important;line-height:26px;transition:200ms; }
.tbottomlinksactive{font-family: 'involvesemibold'; font-size:16px;color: #84602F !important;line-height:26px;transition:200ms;}
.tbottomlinks span{position:relative; display: inline-block; text-decoration: none;transition: color 0.3s ease;}
.tbottomlinks span::after {content: "";position: absolute;left: 0;bottom: 5px; width: 0%;height: 1px;background-color: #84602F;transition: width 0.3s ease;}
.tbottomlinksactive span{position:relative; display: inline-block;text-decoration: none;transition: color 0.3s ease;}
.tbottomlinksactive span::after {content: "";position: absolute;left: 0;bottom: 5px; width: 0%;height: 1px;background-color: #84602F;transition: width 0.3s ease;}
.tbottomlinks:hover span::after, .tbottomlinksactive:hover span::after { width: 100%;}
.tquickcontact{ font-family: 'involvebold'; font-size:26px; line-height:36px; transition: 0.9s ease all;}
.tquickcontact:hover {color:#84602F;transition: 0.9s ease all;}
.tsocialtext{font-family: 'involvesemibold'; color:#8a8a8a; font-size:15px; line-height:25px; transition: 0.3s ease all;}
.tsocialtext:hover{color:#000;transition: 0.9s ease all;}
.bottomlinelighthr{color:#E0E0E0; opacity:1;}
/********** copyright starts **********/
.tcopyright{font-family:'Roboto', sans-serif; font-size:12px; color:#000000; font-weight:400; line-height:17px;}
.tdesignby{font-family:'Roboto', sans-serif; font-size:12px; color:#000000; font-weight:400; line-height:17px;}
/********** copyright ends **********/
/*************** bottom ends ***************/

/*************** inner page styles starts ***************/
.bgwhite-topcurve{background: #FFFFFF;width: 100%;height: 50px;border-radius: 50px 50px 0px 0px;bottom: 0px;z-index: 2;position: absolute;}
.strokehead{ position:absolute; right:13%; top:52%;z-index: 2;}
.strokefill {font-family: 'involvesemibold'; font-size:46px;line-height:46px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;position:relative;}
/*************** about starts ***************/
.circlebox{width:50px;height:50px;background:#fff;border:1px solid #69727d;border-radius:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(45,31,16,.08);}
.iconcircle{font-size:28px; line-height: 28px;}
.iconaboutinner{ font-size:40px; line-height:40px;}
.iconlist{ font-size:24px; line-height:34px; position: relative; left: -1px;}
.aboutbottombox{background-image: url(../img/bgaboutbottombox.jpg); background-size:cover; background-repeat:no-repeat; background-position: bottom; padding: 50px 40px;  border-radius: 35px; min-height: 480px;}
.logo-sistercombox{ background:#fff; padding:8px 10px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); transition: all 0.3s ease; border-radius: 25px;}
.aboutprojbox{padding: 35px 40px; border-radius: 25px;background-image: linear-gradient(135deg, transparent 45%, #c8c8c8 45%, #f6f6f6 55%, transparent 0);
background-size: 5px 5px;background-color: #f6f6f6;}
/*************** about ends ***************/
/****project common page starts****/
.projectbox{border-radius:30px; min-height: 370px; border: 1px solid #f6f3ee;}
.projectbox-hover {position: relative;overflow: hidden;}
.projectbox-hover:before {content: ""; width: 40px; height: 40px;border-radius: 100%; z-index: 0; position: absolute; background: #84602F; top: 5px; right:2px; transform: scale3d(1, 1, 1); transform-style: preserve-3d; transition: all 0.8s ease;border:none;}
.projectbox-hover:hover:before { transform: scale3d(45, 45, 1); will-change: transform;}
.box-arrow{ position: absolute; top:2px; right:2px; z-index: 3;}
.box-arrow-icon { width: 50px; height: 50px; background-color: #fff; border-radius: 50%; justify-content: center; align-items: center; display:flex; color:#000;}
.box-arrow:hover .iconrightarrow {transform: translate3d(17px, -17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);}
.box-arrow:hover .iconrightarrow-hover {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);}
.projectbox:hover .box-arrow-icon{background-color:#84602F;}
.tprojecthead{font-family: 'involvesemibold'; font-size: 24px; line-height: 32px; transition: all 0.8s ease;}
.projectbox:hover .tprojecthead{ color:#fff;}
.projectspacedivider { width: 60px; height: 60px; right:0px; position:absolute; top: 0px; border-radius: 30px; border: none;}
.projectspacedivider-box{background-color: #f6f3ec; height: 100%; width: 100%; border-radius: 0px 0px 0px 30px; border: none;}
.project-border-shape { border: none; background-color: #f6f3ec; width: 30px; height: 30px; position: absolute; clip-path: path("M0 0 Q0,30 30,30 L 0 30 Z");}
.project-border-shape.top-left {  left: -30px; top: 0; transform: rotate(180deg);}
.project-border-shape.bottom-right { bottom: -30px; right:0;  transform: rotate(180deg);}
.project-image{ bottom: -30px; left:-30px; position: absolute;}
.project-image img{transition: all 0.5s ease;}
.projectbox:hover img {transform: translateY(-10px); transition: all 0.5s ease;}
.whitebutton-arrow {width: 18px; height: 18px; position: relative;overflow: hidden; }
.iconrightarrow,
.iconrightarrow-hover {position: absolute; top: 0; left: 0; display: flex; color: #000; font-size: 16px; line-height:16px; transition: transform 0.35s linear; transform-style: preserve-3d;}
.iconrightarrow-hover i{color:#fff;}
.iconrightarrow i, .iconrightarrow-hover i{transform: rotate(-45deg);}
.iconrightarrow {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg); transform-style: preserve-3d;}
.iconrightarrow-hover {transform: translate3d(-17px, 17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);}
/****project common page ends****/
/*************** project starts ***************/
.project-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fcfaf6)!important;padding:10px 10px;box-shadow:0 12px 35px rgba(45,31,16,.08);transition:transform .45s ease,box-shadow .45s ease;}
.project-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(45,31,16,.16);}
.project-card .card-header{ padding:0px 0px !important;}
.project-card .card-body{ padding: 35px 15px 0px 15px !important; flex: none;}
.project-card .card-footer{ padding: 0px 15px 20px 15px !important; background:none; border:0;}
.buttonimg-border {position: absolute;width: 100px;height: 34px;bottom: 0;right: 26px;z-index: 3;}
.buttonimg-border:after {content: "";width: 100px;height: 33px;clip-path: path("M0 33H100C90.7952 33 83.6787 25.1703 79.2588 17.1769C73.5989 6.94119 62.6183 0 50 0C37.3818 0 26.4011 6.94119 20.7412 17.1769C16.3213 25.1703 9.20474 33 0 33Z");background-color: #fff;position: absolute;left: 0;bottom: -1px;display: block;z-index: -1;}
.projectbox-arrow{ position: absolute; bottom: -25px; right: 52px;  z-index: 4;}
.projectbox-arrow-icon { width: 50px; height: 50px; background-color: #84602F; border-radius: 50%; justify-content: center; align-items: center; display:flex; color:#fff;}
.projectbox-arrow:hover .iconrightarrow02 {transform: translate3d(17px, -17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);}
.projectbox-arrow:hover .iconrightarrow02-hover {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);}
.whitebutton-arrow02 {width: 18px; height: 18px; position: relative;overflow: hidden; }
.iconrightarrow02,
.iconrightarrow02-hover {position: absolute; top: 0; left: 0; display: flex; color: #000; font-size: 16px; line-height:16px; transition: transform 0.35s linear; transform-style: preserve-3d;}
.iconrightarrow02-hover i{color:#fff;}
.iconrightarrow02 i, .iconrightarrow02-hover i{transform: rotate(-45deg);}
.iconrightarrow02 {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg); transform-style: preserve-3d;}
.iconrightarrow02-hover {transform: translate3d(-17px, 17px, 0px) scale3d(0.2, 0.2, 1) rotate(-45deg);}
.projectbox-arrow-icon:hover{background:#000;}
.ticontoptext{font-family: 'involvesemibold'; font-size:18px; line-height:28px; }
.iconprojectdetail{font-size: 22px; line-height:32px;}
.tupcomingtext{ font-size:30px; line-height:40px;}
.my-pagination .swiper-pagination-bullet {background: #707070;opacity: 0.5;width: 10px;height: 10px;display: inline-block;margin: 0 5px;border-radius: 50%;cursor: pointer; position:relative; z-index:1;}
.my-pagination .swiper-pagination-bullet-active {opacity: 1; background: #000;}
/*************** project ends ***************/

/*************** careers starts ***************/
.bgcareerbox{background-image: url(../img/bgcareers.jpg); background-size:cover; background-repeat:no-repeat; min-height: 500px; border-radius: 50px;}
.iconcareerbox{width:80px; height:80px; background:#fff; border-radius:50%; }
.iconcareer{ font-size:24px; line-height:24px; }
.tcareeremail{ font-family: 'involvebold'; font-size:26px; line-height:36px; transition: 0.9s ease all;}
.tcareeremail:hover {color:#84602F;transition: 0.9s ease all;}
/*************** careers ends ***************/

/*************** contact starts ***************/
.bgcontactbox{background-image: url(../img/bgcontact.jpg); background-size:cover; background-repeat:no-repeat; background-position: right center; border-radius: 35px; position: relative; padding: 300px 50px 70px;}
.bgcontactbox::before{ content:""; position:absolute; top:0; left:0; width:100%; height: 100%; background:rgba(0, 0, 0,  0.7); z-index: 1; border-radius: 35px;}
.iconsocialcon{font-size:24px; line-height:24px;}
.contactbox{background-image: url(../img/bgcontactbox.jpg); background-size:cover; background-repeat:no-repeat; background-position: center; border-radius: 35px; padding:40px 25px;}
.tcontacttext{transition: 0.9s ease all;}
.tcontacttext:hover{color:#84602F;}
/*************** contact ends ***************/
/*************** news and events start ***************/

.play-btn {
  width: 38px;
  height: 38px;
  background: #0b1c2d;
  border-radius: 50%;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.play-btn i {
  color: #e11d2a;
  font-size: 14px;
  margin-left: 1px;
}
.play-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 0 15px rgba(225, 29, 42, 0.6);
}
.event-detailbox{position:absolute;  padding-left: 16px;
  right: 0;
  bottom: 20px;           
  padding: 45px;
  background: rgb(0 0 0 / 0%);}
/*************** news and events ends ***************/

/*************** inner page styles ends ***************/

/******************************** Media Query Starts ********************************/
/*** COL & SM & MD starts ***/
@media only screen and (min-device-width:320px) and (max-device-width:991px){
nav.bootsnav .collapse {display: none;}
.fixed-nav nav.navbar.bootsnav ul.nav li > a {padding: 10px 22px;}
nav.navbar.bootsnav .navbar-toggle {background-color: transparent !important;}
#header.fixed-nav nav.navbar.bootsnav .navbar-toggle {background-color: transparent !important;margin-top: 15px!important;}
nav.navbar.bootsnav .navbar-collapse.collapse.show{display:block !important;}nav.navbar.bootsnav.navbar-mobile .navbar-collapse.show{left:0;}.bootsnav button.navbar-toggler:focus {box-shadow: none;outline: 1px transparent;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left, nav.bootsnav.brand-center .navbar-collapse .col-half.left {padding-right: 60px;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right, nav.bootsnav.brand-center .navbar-collapse .col-half.right {padding-left: 60px;}.navbar .navbar-brand {padding: 0 10px 0 50px;}nav.navbar.bootsnav .attr-nav, nav.navbar.bootsnav.navbar-transparent .attr-nav {padding-left: 10px;margin-left: 0;}.fixed-nav nav.bootsnav .navbar-brand > img.logo, .fixed-nav .navbar-brand .logo {margin-top: 8px;height: 40px;}.attr-nav > ul > li.dropdown ul.dropdown-menu {left: -242px;}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu .content ul.menu-col li a {padding: 10px 5px !important;}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {padding: 0 20px;}#header nav.navbar.bootsnav .nav {-ms-flex-direction: column;flex-direction: column;background-color: #84602F;padding: 15px;}nav.bootsnav .collapse {display: none;}nav.bootsnav .collapse.show {display: block;}#header nav.navbar.bootsnav.navbar-left {display: -webkit-flex;display: flex;}#header nav.navbar.bootsnav .navbar-header {width: 100%;}#header nav.navbar.bootsnav .collapse.show {width: 100%;margin-top: 8px;}
#header nav.navbar.bootsnav.navbar-mobile .navbar-collapse.collapse.show {width: 265px;}#header nav.navbar.bootsnav.navbar-mobile ul.nav {margin-left: -11px;}nav.navbar.bootsnav.navbar-mobile .navbox-collapse {width: 270px;}nav.navbar.bootsnav.navbar-mobile ul.nav {width: 283px;}nav.navbar.brand-center.bootsnav ul.nav > li > a {padding: 10px;}#header nav.navbar.bootsnav.navbar-center .collapse {display: none;}#header nav.navbar.bootsnav.navbar-center .collapse.show {display: block;}#header nav.navbar.bootsnav.navbar-center .collapse ul.nav {margin: 0;}#header nav.navbar.bootsnav.brand-center .navbar-collapse, #header.fixed-nav nav.navbar.bootsnav.brand-center .navbar-collapse {margin-top: 0;}#header nav.navbar.bootsnav .navbar-collapse.collapse.show {display: block !important;}#header nav.navbar.bootsnav.brand-center ul.nav {display: block !important;}#header nav.navbar.bootsnav.brand-center .navbar-nav > li > a {border: none;}#header nav.navbar.bootsnav.brand-center ul.nav > li {padding: 0;}#header nav.navbar.bootsnav.brand-center .navbar-nav {padding-right: 20px;margin: 0;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left,nav.bootsnav.brand-center .navbar-collapse .col-half.left {padding-right: 0;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right,nav.bootsnav.brand-center .navbar-collapse .col-half.right {padding-left: 0;}nav.bootsnav.navbar-full .navbar-collapse {z-index: 10;}nav.bootsnav.navbar-full .navbar-collapse {left: 0;}
nav.bootsnav.navbar-full .navbox-collapse {left: 0;z-index: 10;}.fixed-top .navbox-collapse, #header nav.navbar.bootsnav .collapse.show {max-height: calc(100vh - 80px);overflow: auto;}#header.fixed-nav nav.navbar.bootsnav .collapse.show {max-height: calc(100vh - 56px);}#header nav.navbar.bootsnav.navbar-full .collapse.navbar-collapse.show,#header nav.navbar.bootsnav.navbar-mobile .collapse.navbar-collapse.show {max-height: 100vh;}.navbox-collapse ul.nav.navbar-nav {margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;background-color: #f0f0f0;}nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {color: #FFFFFF;}.navbox-collapse ul.nav.navbar-nav li:hover a, .navbox-collapse ul.nav.navbar-nav li a:hover {color: #fff;}.navbar-nav {margin-top: 0;}
button .menubar1, button .menubar2, button .menubar3 {display: block;width: 30px;height: 4px;margin: 4px 0;transition: 0.3s;background-color:#FFFFFF;}
button.toggle .menubar1 {-webkit-transform: rotate(-45deg) translate(-4px, 5px);transform: rotate(-45deg) translate(-4px, 5px);background-color: #FFFFFF;}
button.toggle .menubar2 {opacity: 0;}
button.toggle .menubar3 {-webkit-transform: rotate(45deg) translate(-6px, -8px);transform: rotate(45deg) translate(-6px, -8px);background-color: #FFFFFF;}
.fixed-nav button .menubar1, .fixed-nav button .menubar2, .fixed-nav button .menubar3 {background-color:#84602F;}
.fixed-nav button.toggle .menubar1 {-webkit-transform: rotate(-45deg) translate(-4px, 5px);transform: rotate(-45deg) translate(-4px, 5px);background-color: #84602F;}
.fixed-nav button.toggle .menubar2 {opacity: 0;}
.fixed-nav button.toggle .menubar3 {-webkit-transform: rotate(45deg) translate(-6px, -8px);transform: rotate(45deg) translate(-6px, -8px);background-color: #84602F;}
#header.fixed-nav nav.navbar.bootsnav.brand-center .navbar-collapse {margin-top: 6px;}
nav.navbar.bootsnav.navbar-mobile .navbox-collapse {width: 240px;}
.nav li{padding:15px 0px;border-bottom:1px dashed #C3AB7A;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {padding: 0px !important;left: 0;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {border-bottom: none;padding: 0px;color: #FFFFFF;font-size: 16px;}
nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px;margin: 0 0px;        font-family: 'involvemedium' !important;font-size: 18px;line-height: 28px; color: #FFFFFF !important;}
.fixed-nav nav.navbar.bootsnav ul.nav > li > a {padding: 0px 0px;margin: 0 0px;color: #FFFFFF;}
.fixed-nav nav.navbar.bootsnav ul.nav > li > a.active {color: #FFFFFF;}
.fixed-nav nav.navbar.bootsnav ul.nav li.dropdown.on > a {color: #FFFFFF !important;}
.fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover{color: #FFFFFF !important;}
.bottom-wrapper {bottom: 12px;}
.aboutbottombox{min-height:0;}
.projectoverlay {background: rgba(38, 38, 38, 0.6);width: 50%;}
}
@media only screen and (min-device-width:320px) and (max-device-width:374px){
.carousel-caption {bottom: 13%;left: 2%;right: 2%;}
.tcarouseltext {font-size: 16px !important;line-height: 26px;}
.card-header {padding-left:0;padding-right:0;}
.card-body {padding-left:0;padding-right:0;}
.card-title {font-size: 22px;line-height: 32px;}
.tbannerbottomboxtext {font-size: 16px;line-height: 26px;}
.projecthr {width: 145px;}	
.tbottomhead {font-size: 40px;line-height: 50px;}
.tbottomhead01 {font-size: 23px;line-height: 33px;}
.box-border-right {border-right: none;}
.tquickcontact {font-size: 18px;line-height: 28px;}
.contactbox{padding: 35px 15px;}
.iconemail{margin-bottom: -7px;}
.bgcareerbox{min-height: 350px;}
.aboutbottombox{padding: 30px 25px;}
.bgwhite-topcurve {height: 22px;bottom: 255px;}
}
@media only screen and (min-device-width:375px) and (max-device-width:574px){
.carousel-caption {bottom: 15%;left: 2%;right: 2%;text-align: left;}
.tcarouseltext {font-size: 18px !important;line-height: 28px;}
.card-title {font-size: 22px;line-height: 32px;}
.tbannerbottomboxtext {font-size: 16px;line-height: 26px;}
.projecthr {width: 150px;}
.tbottomhead {font-size: 40px;line-height: 50px;}
.tbottomhead01 {font-size: 23px;line-height: 33px;}
.box-border-right {border-right: none;}
.tquickcontact {font-size: 18px;line-height: 28px;}
.iconemail{margin-bottom: -7px;}
.bgcareerbox{min-height: 350px;}
.bgwhite-topcurve {height: 22px;bottom: 361px;}
}

@media only screen and (min-device-width:425px) and (max-device-width:574px){
.bgwhite-topcurve {height: 22px;bottom: 332px;}
}
@media only screen and (min-device-width:575px) and (max-device-width:767px){
.carousel-caption {bottom: 29%;left: 7%;right: 7%;}
.tcarouseltext {font-size: 20px !important;line-height: 30px;}
.projecthr {width: 160px;}
.bgcareerbox{min-height: 370px;}
.bgwhite-topcurve{height: 25px; bottom: -3px;}
}
@media only screen and (min-device-width:320px) and (max-device-width:767px){
#header {height: 86px;}
.fixed-top .navbox-collapse, #header nav.navbar.bootsnav .collapse.show {margin-top: 8px;}
.gotop {bottom: 15px;}
.whtsapp-icon {right: 19px;bottom: 70px;}
.carousel-indicators {display: flex!important;justify-content: center!important;margin-right: auto!important;margin-left: auto!important;bottom: 3%!important;}
.carousel-indicators [data-bs-target] {width: 25px!important;height: 3px!important;margin-right: 6px!important;margin-left: 6px!important;}
.theading{ font-size: 34px; line-height: 40px;}
.tsubheading{font-size: 26px; line-height: 36px;}
.ttext{font-size: 17px; line-height: 27px;}
.bannerbottomboxtop {margin-top: 0px;z-index: 1;}
.card {-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);}
.tprojecthead { font-size: 22px; line-height: 30px;}
.projectcontentbottom{padding-left: 0; bottom: 10%;}
.tprojectsubhead{font-size: 20px; line-height:30px;}
.tprojecttext{font-size: 15px; line-height:25px;}
.tprojectnumber {font-size: 56px;   line-height: 56px;}
.tsubheading01{font-size: 20px; line-height: 30px;}
.tsubheading02{font-size: 22px; line-height: 32px;}
.taboutsubhead{font-size: 24px; line-height: 34px;}
.iconaboutinner { font-size: 34px; line-height: 34px;}
.contactbox{ background-position:center;}
.tcareeremail{font-size: 18px; line-height: 28px;}
.iconcareerbox { width: 70px; height: 70px;}
.tupcomingtext { font-size: 26px; line-height: 36px;}
.bottombg-topcurve{height: 25px;}
.strokehead {top: 22%;}
.strokefill {font-size: 22px;line-height: 22px;}
}
@media only screen and (min-device-width:768px) and (max-device-width:991px){
#header {height: 86px;}
#header.fixed-nav {height: 86px;}
.theading{ font-size: 48px; line-height: 54px;}
.tsubheading{font-size: 26px; line-height: 36px;}
.ttext{font-size: 17px; line-height: 27px;}
.card {-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.carousel-caption {bottom: 35%;left: 11%;}
.carousel-indicators {bottom: 37%!important;}
.card-header {padding-left:0;padding-right:0;}
.card-body {padding-left:0;padding-right:0;}
.card-title {font-size: 19px;line-height: 29px;}
.tbannerbottomboxtext {font-size: 14px;line-height: 24px;}
.tquickcontact {font-size: 20px;line-height: 30px;}
.tprojecthead { font-size: 20px; line-height: 28px;}
.projectcontentbottom{padding-left: 5%;}
.tprojectsubhead{font-size: 24px; line-height:34px;}
.tprojectnumber {font-size: 72px; line-height: 72px;}
.iconimgcon{width:90%; height:auto;}
.tcareeremail{font-size: 18px; line-height: 28px;}
.bgcareerbox{min-height: 370px;}
.iconcareerbox { width: 70px; height: 70px;}
.bgwhite-topcurve {height: 35px;bottom: 50px;}
.strokehead {top: 45%;}
}
/*** COL & SM & MD ends ***/

/*** LG starts ***/
@media only screen and (min-device-width:992px) and (max-device-width:1199px){
nav.navbar.bootsnav ul.nav > li > a, .fixed-nav nav.navbar.bootsnav ul.nav > li > a{margin: 0 18px;}
.theading{ font-size: 56px; line-height: 62px;}
.ttext{font-size: 18px; line-height: 28px;}
.carousel-caption {bottom: 17%;left: 6%;}
.carousel-indicators {bottom: 26%!important;}
.tcarouseltext {font-size: 20px !important;line-height: 30px;}
.bannerbottomboxtop {margin-top: -120px;}
.card {-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);}
.card-header {padding-left:0;padding-right:0;}
.card-body {padding-left:0;padding-right:0;}
.card-title {font-size: 22px;line-height: 32px;}
.tbannerbottomboxtext {font-size: 14px;line-height: 24px;}
.tprojecthead { font-size: 22px; line-height: 30px;}
.projectcontentinner { padding-left: 0;}
.projectcontentbottom{bottom: 8%; padding-left: 0;}
.projecthr { width: 250px;}
.tprojectsubhead{font-size: 20px; line-height:30px;}
.aboutbottombox{ padding:40px 40px; min-height:550px;}
.bgcareerbox{min-height: 465px;}
.tcareeremail{font-size: 23px; line-height: 33px;}
.bgwhite-topcurve{height: 25px; bottom: -5px;}
.bottombg-topcurve{height: 25px;}
.strokefill{font-size: 36px; line-height: 36px;}
.strokehead{top: 64%;}
.quotebox{top: 10%; padding: 110px 59px 60px 59px;}
.taboutsubhead{font-size: 24px;line-height: 34px;}
.projectoverlay {background: rgba(38, 38, 38, 0.6);width: 32%;}
}
/*** LG ends ***/
/*** XL starts ***/
@media only screen and (min-device-width:1200px) and (max-device-width:1299px){
.carousel-caption {bottom: 20%;left: 5%;}	
.tbannerbottomboxtext {font-size: 17px;line-height: 27px;}
.bannerbottomboxtop {margin-top: -135px;}
.tbottomlinks {font-size: 15px;line-height: 25px;}
.tcareeremail{font-size: 23px; line-height: 33px;}
.aboutbottombox{min-height:486px;}
.bgcareerbox{min-height: 450px;}
}
@media only screen and (min-device-width:1300px) and (max-device-width:1399px){
.carousel-caption {bottom: 25%;left: 5%;}	
.bannerbottomboxtop {margin-top: -155px;}
.tbannerbottomboxtext {font-size: 18px;line-height: 28px;}
.aboutbottombox{min-height:458px;}
.bgcareerbox{min-height: 485px;}
.bgwhite-topcurve{height: 25px; bottom: -5px;}
.bottombg-topcurve{height: 25px;}
}
@media only screen and (min-device-width:1200px) and (max-device-width:1399px){
.theading{ font-size: 60px; line-height: 66px;}
.ttext{font-size: 18px; line-height: 28px;}
.tcarouseltext {font-size: 22px !important;line-height: 32px;}	
.carousel-indicators {bottom: 33%!important;}
.tprojectsubhead{font-size: 24px; line-height: 34px;}
.projectcontentinner { padding-left: 10%;}
.projectcontentbottom{bottom: 8%; padding-left: 10%;}
.card-title{font-size: 26px; line-height: 36px;}
.bgwhite-topcurve{height: 25px;}	
.strokehead{top: 58%;}
.tprojectnumber {font-size: 80px;line-height: 80px;}
.quotebox{top: 10%; padding: 110px 59px 60px 59px;}
.taboutsubhead{font-size: 24px;line-height: 34px;}
.tquickcontact {font-size: 20px;line-height: 30px;}
.quicksocial.gap-3 {gap: 24px !important;}
.sociallinkhide{display:none;}
.tsocialtext {font-size: 20px;line-height: 30px;}
}
/*** XL ends ***/
/*** XXL starts ***/
@media only screen and (min-device-width:1400px) and (max-device-width:1499px){
.carousel-caption {bottom: 25%;left: 5%;}
.carousel-indicators {bottom: 34%!important;}
.tcarouseltext {font-size: 25px !important;line-height: 35px;}
.bannerbottomboxtop {margin-top: -163px;}
.theading {font-size: 60px; line-height: 66px;}
.bgwhite-topcurve{height: 25px;}	
.strokehead{top: 58%;}
}
@media only screen and (min-device-width:1500px) and (max-device-width:1599px){
.tcarouseltext {font-size: 25px !important;line-height: 35px;}	
.card-title {font-size: 25px;line-height: 35px;}
.tbannerbottomboxtext {font-size: 16px;line-height: 26px;}		
.theading {font-size: 62px; line-height: 68px;}
.tprojectsubhead { font-size: 27px; line-height: 37px;}
.tbottomhead01 {font-size: 22px;line-height: 32px;}
.tquickcontact {font-size: 20px;line-height: 30px;}
.tbottomlinks {font-size: 14px;line-height: 24px;}
.aboutbottombox{min-height:570px;}
.bgcareerbox{min-height: 406px;}		
}
@media only screen and (min-device-width:1600px) and (max-device-width:1699px){	
.bannerbottomboxtop {margin-top: -260px;}
.card-title {font-size: 25px;line-height: 35px;}
.tbannerbottomboxtext {font-size: 18px;line-height: 28px;}
.tbottomlinks {font-size: 15px;line-height: 25px;}
.tquickcontact {font-size: 22px;line-height: 22px;}
.aboutbottombox{min-height:540px;}
.bgcareerbox{min-height: 450px;}
.twhatmakehead{font-size: 19px; line-height: 25px;}
}
@media only screen and (min-device-width:1500px) and (max-device-width:1699px){
.quotebox{top: 10%; padding: 110px 59px 60px 59px;}
.taboutsubhead{font-size: 24px;line-height: 34px;}
.tsocialtext {font-size: 20px;line-height: 25px;}
.quicksocial.gap-3 {gap: 24px !important;}
.sociallinkhide{display:none;}
}
@media only screen and (min-device-width:1700px) and (max-device-width:1799px){
.bannerbottomboxtop {margin-top: -260px;}
.tbannerbottomboxtext {font-size: 18px;line-height: 28px;}
.aboutbottombox{min-height:510px;}
.bgcareerbox{min-height: 475px;}
.tsocialtext {font-size: 14px;line-height: 24px;}
}	
@media only screen and (min-device-width:1800px) and (max-device-width:1899px){
.bannerbottomboxtop {margin-top: -260px;}
.tbannerbottomboxtext {font-size: 18px;line-height: 28px;}
.tsocialtext {font-size: 14px;line-height: 24px;}
}	
@media only screen and (min-device-width:2000px) and (max-device-width:2999px){
nav.navbar.bootsnav ul.nav > li > a {font-size: 18px;}
nav.navbar.bootsnav ul.nav > li > a {margin: 0 40px;}
.fixed-nav nav.navbar.bootsnav ul.nav > li > a {margin: 0 40px;}
.carousel-caption {bottom: 39%;}
.tcarouseltext {font-size: 35px !important;line-height: 45px;}	
.card-title {font-size: 35px;line-height: 45px;}
.tbannerbottomboxtext {font-size: 28px;line-height: 38px;}
.theading { font-size: 72px; line-height: 78px;}
.projectcontentinner{padding-right: 10%; padding-left: 23%;}
.aboutbottombox{ padding:90px 50px; min-height: 470px;}
.quotebox{background-size: cover;}
}	
/*** XXL ends ***/

/* Premium finish: depth, rhythm and restrained interaction without changing the palette */
.container{position:relative;}
.theading,.tsubheading,.tsubheading01,.tsubheading02,.tsubheading03{letter-spacing:0;}
.theading::after,.tbottomhead::after{content:"";display:block;width:54px;height:2px;margin-top:20px;background:var(--gold);}
.ttext{max-width:780px;line-height:1.75;}
#header{border-top:2px solid var(--gold);}
.navbar-brand{padding-top:14px;padding-bottom:14px;}
nav.navbar.bootsnav ul.nav>li>a{position:relative;transition:color .35s ease,transform .35s ease;}
nav.navbar.bootsnav ul.nav>li>a::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .35s ease;}
nav.navbar.bootsnav ul.nav>li>a:hover::after,nav.navbar.bootsnav ul.nav>li>a.active::after{transform:scaleX(1);}
.navbar-brand .logo{filter:drop-shadow(0 5px 8px rgba(45,31,16,.12));}
.readmorebutton:hover,.readmorelgbutton:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(132,96,47,.3);}
.project-card .card-header,.projectbox{position:relative;}
.project-card .card-header::after,.projectbox::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:1px;background:var(--line);transform:scaleX(.35);transform-origin:center;transition:transform .45s ease;}
.project-card:hover .card-header::after,.projectbox:hover::after{transform:scaleX(1);}
.project-card .card-title{min-height:72px;display:flex;align-items:flex-start;}
.project-card img,.projectbox img{transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s ease;}
.project-card:hover img,.projectbox:hover img{transform:scale(1.035);filter:saturate(1.04);}
.image-border{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s ease;}
.image-border:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(45,31,16,.18);}
.quotebox,.aboutbottombox,.bgcareerbox,.contactbox{box-shadow:var(--shadow-soft);}
.hrlinegrey,.bottomlinelighthr{border-color:var(--line);}
.tbottomlinks:hover,.tquickcontact:hover,.tcareeremail:hover{letter-spacing:.01em;}
@media (min-width:768px){
  .project-card,.projectbox,.quotebox,.aboutbottombox,.bgcareerbox,.contactbox{border-radius:20px;}
  .project-card .card-body{padding-top:42px!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
}

/* Signature layout */
html{scroll-behavior:smooth;}
::selection{background:var(--gold);color:#fff;}
.carousel{height:min(860px,88vh);min-height:620px;overflow:hidden;margin-top:0;}
.carousel-inner,.carousel-item,.carousel-item>img{height:100%;}
.carousel-item{position:relative;}
.carousel-item::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.04) 100%);pointer-events:none;}
.carouselimg{height:100%;object-fit:cover;object-position:center;animation-duration:55s!important;}
.carousel-caption{z-index:2;bottom:20%;left:10%;right:auto;width:min(720px,78%);padding:0;text-align:left;}
.tcarouselhead{font-family:'involvebold';font-size:clamp(48px,5.5vw,96px);line-height:1.04;letter-spacing:0;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.2);}
.tcarouseltext{font-size:18px!important;line-height:28px;letter-spacing:.08em;text-transform:uppercase;border-left:2px solid var(--gold);padding-left:16px;}
.carousel-indicators{z-index:3;bottom:10%;left:10%;margin:0;display:flex;gap:10px;}
.carousel-indicators [data-bs-target]{width:42px;height:2px;margin:0;background:#fff;opacity:.55;transition:width .35s ease,opacity .35s ease;}
.carousel-indicators .active{width:74px;opacity:1;background:var(--gold);}
.bannerbottomboxtop{margin-top:-92px;padding-top:0!important;z-index:4;}
.bannerbottomboxtop .row{margin-left:-10px;margin-right:-10px;}
.bannerbottomboxtop [class*=col-]{padding-left:10px;padding-right:10px;}
.bannerbottomboxtop .card{min-height:238px;padding:26px 28px!important;border:1px solid rgba(255,255,255,.28)!important;transition:transform .45s ease,box-shadow .45s ease;}
.bannerbottomboxtop .card:hover{transform:translateY(-12px);box-shadow:0 28px 55px rgba(45,31,16,.25);}
.bannerbottomboxtop .card-header img{height:50px;width:auto;object-fit:contain;}
.bannerbottomboxtop .card-title{font-size:25px;line-height:34px;}
.bannerbottomboxtop .tbannerbottomboxtext{font-size:16px;line-height:25px;opacity:.86;}
.container-fluid.bg-white{padding-top:120px!important;padding-bottom:120px!important;}
.container-fluid.bg-white .theading{font-size:clamp(42px,4.2vw,72px);line-height:1.08;}
.container-fluid.bg-white .theading::first-line{color:var(--ink);}
.container-fluid.bg-white> .container> .row:first-child img{height:590px;object-fit:cover;}
.container-fluid.bg-white .quotebox{min-height:330px;display:flex;align-items:center;}
.projectsection{background:transparent;padding:0;}
.projectwrapper{height:78vh;top:0;}
.projectoverlay{width:42%;background:linear-gradient(90deg,rgba(20,18,16,.94),rgba(20,18,16,.72));}
.projectcontentbottom{bottom:13%;}
.tprojectnumber{font-size:clamp(72px,8vw,150px);line-height:.85;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65);}
.projecthr{width:180px;opacity:.55;}
.tprojectsubhead{font-family:'involvesemibold';font-size:clamp(26px,2.4vw,42px);line-height:1.15;}
.bottombg{min-height:780px;background-position:center;}
.bottom-contentbox{background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(0,0,0,.18);}
@media (min-width:992px){
  #header.header-desktop{background:rgba(20,18,16,.32)!important;background-color:rgba(20,18,16,.32)!important;}
  #header.header-desktop .navbar{min-height:118px;}
  #header.header-desktop nav.navbar.bootsnav ul.nav{display:flex!important;align-items:center;flex-wrap:nowrap!important;}
  #header.header-desktop nav.navbar.bootsnav ul.nav>li>a{white-space:nowrap;}
}
@media (min-width:992px) and (max-width:1399px){
  #header.header-desktop .row.mx-0{padding-left:28px!important;padding-right:28px!important;}
  #header.header-desktop nav.navbar.bootsnav ul.nav>li>a{margin-left:12px;margin-right:12px;font-size:14px;}
}
@media (max-width:767px){
  .carousel{height:78vh;min-height:560px;}
  .carousel-item::after{background:linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,.1) 72%);}
  .carousel-caption{bottom:18%;left:7%;width:86%;}
  .tcarouselhead{font-size:clamp(38px,11vw,58px);}
  .tcarouseltext{font-size:14px!important;line-height:22px;}
  .carousel-indicators{left:7%;bottom:9%;}
  .bannerbottomboxtop{margin-top:0;padding-top:24px!important;}
  .bannerbottomboxtop .card{min-height:0;}
  .container-fluid.bg-white{padding-top:70px!important;padding-bottom:70px!important;}
  .container-fluid.bg-white> .container> .row:first-child img{height:340px;}
  .projectsection{padding:0;}
  .projectwrapper{height:68vh;min-height:500px;}
  .projectoverlay{width:78%;}
  .projectcontentbottom{bottom:9%;padding-left:7%!important;}
  .bottombg{min-height:900px;}
}

/* CMS responsive refinement — matches the supplied reference composition while fixing clipping on all breakpoints. */
.carousel{position:relative;height:min(86svh,900px);min-height:600px;overflow:hidden;margin-top:0;}
.carousel-inner,.carousel-item{height:100%;}
.carousel-item>img.carouselimg{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.carousel-item::after{background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.04) 100%);}
.carousel-caption{top:50%;bottom:auto;left:8%;right:auto;transform:translateY(-50%);width:min(760px,54vw);padding:0;text-align:left;}
.tcarouselhead{font-family:'involvebold';font-size:clamp(54px,6.3vw,104px);line-height:.98;letter-spacing:-.02em;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.22);max-width:11ch;text-wrap:balance;overflow-wrap:anywhere;}
.tcarouseltext{font-family:'involveregular';font-size:18px!important;line-height:28px;color:#fff;letter-spacing:.015em;border-left:2px solid var(--gold);padding-left:16px;text-transform:none;max-width:620px;}
.carousel-indicators{left:8%;bottom:9%;margin:0;display:flex;gap:10px;width:auto;justify-content:flex-start;padding:0;}
.carousel-indicators [data-bs-target]{width:42px;height:2px;margin:0;background:#fff;opacity:.55;transition:width .35s ease,opacity .35s ease,background-color .35s ease;}
.carousel-indicators .active{width:74px;opacity:1;background:var(--gold);}
.bginnerbanner{position:relative;overflow:hidden;}
.bginnerbanner>img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.strokehead{position:absolute;right:8%;left:auto;top:50%;transform:translateY(-50%);z-index:2;max-width:min(58vw,760px);text-align:right;}
.strokefill{font-family:'involvesemibold';font-size:clamp(32px,4.4vw,72px);line-height:1.04;white-space:normal;overflow-wrap:anywhere;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;}
.jersey-cms-section{position:relative;max-width:100%;}
.jersey-cms-section > * {position:relative;z-index:1;}
.jersey-page-hero{background-size:cover;background-position:center;min-height:460px;display:flex;align-items:center;}
.jersey-page-hero-inner{max-width:min(820px,90%);}
.jersey-page-hero .theading{color:#fff!important;}
.jersey-page-hero .ttext{color:#fff!important;}
.jersey-page-spacer{width:100%;}
@media (min-width:992px){
  .jersey-cms-section[style*="--jersey-section-max-width"] > *{max-width:var(--jersey-section-max-width);margin-left:auto;margin-right:auto;}
}
@media (max-width:1199px){
  .carousel{min-height:560px;}
  .carousel-caption{top:52%;left:7%;width:82%;}
  .tcarouselhead{font-size:clamp(44px,7vw,76px);max-width:12ch;}
  .tcarouseltext{font-size:16px!important;line-height:26px;}
  .strokehead{right:7%;max-width:70vw;}
  .strokefill{font-size:clamp(34px,5vw,58px);}
}
@media (max-width:767px){
  .carousel{height:min(82svh,760px);min-height:520px;}
  .carousel-item::after{background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.30) 62%,rgba(0,0,0,.08) 100%);}
  .carousel-caption{top:56%;left:5%;width:90%;transform:translateY(-50%);}
  .tcarouselhead{font-size:clamp(36px,9.4vw,56px);line-height:1.04;max-width:12ch;letter-spacing:-.015em;}
  .tcarouseltext{font-size:14px!important;line-height:22px;max-width:100%;padding-left:12px;}
  .carousel-indicators{left:5%;bottom:7%;gap:7px;}
  .carousel-indicators [data-bs-target]{width:28px;height:2px;}
  .carousel-indicators .active{width:54px;}
  .bginnerbanner{height:300px!important;}
  .strokehead{right:5%;left:auto;top:50%;max-width:90%;}
  .strokefill{font-size:clamp(28px,8vw,42px);line-height:1.08;}
  .jersey-page-hero{min-height:360px;}
  .jersey-page-hero-inner{max-width:94%;}
}
@media (max-width:420px){
  .carousel{min-height:500px;height:76svh;}
  .carousel-caption{top:57%;}
  .tcarouselhead{font-size:clamp(32px,9vw,47px);}
  .tcarouseltext{font-size:13px!important;line-height:21px;}
  .strokehead{right:6%;max-width:88%;}
  .strokefill{font-size:clamp(25px,7.8vw,34px);}
}

/* CMS responsive refinement — supplied reference composition / responsive correction. */
.carousel{position:relative;height:min(86svh,900px);min-height:600px;overflow:hidden;margin-top:0;background:#151515;}
.carousel-inner,.carousel-item{height:100%;}
.carousel-item>img.carouselimg{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.carousel-item::after{background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.06) 100%);}
.carousel-caption{z-index:2;top:50%;bottom:auto;left:8%;right:auto;transform:translateY(-50%);width:min(760px,54vw);padding:0;text-align:left;}
.tcarouselhead{font-family:'involvebold';font-size:clamp(54px,6.15vw,104px);line-height:.98;letter-spacing:-.02em;color:#fff;text-shadow:0 8px 24px rgba(0,0,0,.24);max-width:12ch;text-wrap:balance;overflow-wrap:anywhere;margin-bottom:24px!important;}
.tcarouseltext{font-family:'involveregular';font-size:18px!important;line-height:28px;color:#fff;letter-spacing:.01em;border-left:2px solid var(--gold);padding-left:16px;max-width:620px;text-transform:none;}
.carousel-indicators{left:8%;right:auto;bottom:8%;margin:0;display:flex;gap:10px;width:auto;justify-content:flex-start;padding:0;z-index:3;}
.carousel-indicators [data-bs-target]{width:42px;height:2px;margin:0;background:#fff;opacity:.55;transition:width .35s ease,opacity .35s ease,background-color .35s ease;}
.carousel-indicators .active{width:74px;opacity:1;background:var(--gold);}
.bannerbottomboxtop{margin-top:-72px;padding-top:0!important;z-index:4;position:relative;}
.bginnerbanner{position:relative;overflow:hidden;min-height:360px;}
.bginnerbanner>img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;}
.strokehead{position:absolute;right:8%;left:auto;top:50%;transform:translateY(-50%);z-index:2;max-width:min(58vw,760px);text-align:right;}
.strokefill{font-family:'involvesemibold';font-size:clamp(32px,4.4vw,72px);line-height:1.04;white-space:normal;overflow-wrap:anywhere;text-align:right;}
.jersey-page-block{position:relative;}
.jersey-page-hero{min-height:420px;display:flex;align-items:center;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:0;}
.jersey-page-hero-inner{max-width:900px;}
.jersey-page-video video{display:block;max-height:75vh;object-fit:cover;background:#000;}
.jersey-cms-section{position:relative;width:100%;}
.jersey-cms-section>*:first-child{max-width:100%;}
@media (max-width:1199px){
  .carousel{min-height:560px;}
  .carousel-caption{left:7%;width:min(760px,72vw);}
  .tcarouselhead{font-size:clamp(46px,7.2vw,82px);max-width:12ch;}
  .tcarouseltext{font-size:17px!important;line-height:27px;}
  .strokehead{right:7%;max-width:64vw;}
  .strokefill{font-size:clamp(30px,5.4vw,58px);}
}
@media (max-width:767px){
  .carousel{height:76svh;min-height:520px;}
  .carousel-item::after{background:linear-gradient(0deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.26) 60%,rgba(0,0,0,.08) 100%);}
  .carousel-caption{top:55%;left:6%;width:88%;transform:translateY(-50%);}
  .tcarouselhead{font-size:clamp(38px,10.5vw,58px);line-height:1.0;max-width:12ch;margin-bottom:18px!important;}
  .tcarouseltext{font-size:15px!important;line-height:23px;padding-left:12px;max-width:95%;}
  .carousel-indicators{left:6%;bottom:6%;}
  .carousel-indicators [data-bs-target]{width:28px;height:2px;}
  .carousel-indicators .active{width:48px;}
  .bannerbottomboxtop{margin-top:0;padding-top:22px!important;}
  .bginnerbanner{min-height:280px;}
  .strokehead{right:6%;left:6%;top:50%;max-width:none;transform:translateY(-50%);text-align:right;}
  .strokefill{font-size:clamp(24px,7.8vw,38px);line-height:1.08;text-align:right;}
  .jersey-page-hero{min-height:360px;}
  .jersey-page-hero-inner{max-width:none;}
}
@media (max-width:420px){
  .carousel{height:72svh;min-height:500px;}
  .carousel-caption{top:57%;left:6%;width:88%;}
  .tcarouselhead{font-size:clamp(34px,10vw,48px);}
  .tcarouseltext{font-size:14px!important;line-height:21px;}
}
@media (prefers-reduced-motion:reduce){.carouselimg{animation:none!important;}}