@import "./objAnimation.css";
@import "./slick.css";

/* body{font-family:Montserrat; font-weight: 400;} */
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Bold.woff2') format('woff2'), url('fonts/Montserrat-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('fonts/Montserrat-ExtraBold.woff') format('woff');  font-weight: bold; font-style: normal;font-display: swap;}
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-Medium.woff2') format('woff2'), url('fonts/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal;font-display: swap;}
@font-face { font-family: 'Montserrat';src: url('fonts/Montserrat-Regular.woff2') format('woff2'), url('fonts/Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat-SemiBold.woff2') format('woff2'), url('fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal;font-display: swap;}
body{font-family:Montserrat; font-weight: 400;font-style: normal;font-display: swap;}
img{height: auto;}
:root{
    --color1:#fff;
    --color2:#9D833E;
    --color3:#000000;
}
.white{color: var(--color1);}
.brown{color: var(--color2);}
.black{color: var(--color3);}
.loaderWrp{position: fixed; left: 0px; top: 0px; z-index: 99; background: var(--color3); width: 100%; height: 100%;}
.loader {width: 48px;height: 48px;display: inline-block;position: relative; position: relative; left: 48%; top: 48%;}
.loader::after,
.loader::before {content: '';  box-sizing: border-box;width: 48px;height: 48px;border: 4px solid #FFF;position: absolute;left: 0;top: 0;animation: animloader 2s ease-in-out infinite;}
.loader::after {border-color: var(--color2); animation-delay: 1s;}
  
  @keyframes animloader {
    0% {transform: scale(0);  opacity: 1; }
    100% {transform: scale(1); opacity: 0; }
  }
  
  @media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1160px}
  }  
  @media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1160px}
  }   

.h1hidden{ font-size: 0px; line-height: 0px; height: 0px; width: 0px;}
header{background: var(--color3); padding-top: 10px;}
.navbar{ padding: 10px 0px 20px !important;}
.bg-dark{ background-color: var(--color3) !important; background: var(--color3) !important;}
.mlogo,.mHLink{display: none;}
.nav-item{ margin: 0px 1.8vw;} 
.nav-item a{color: rgba(255, 255, 255, .9) !important; position: relative; padding: 5px 0px!important; }
.nav-item a:hover{color: var(--color2) !important;}
.nav-item.active a::after{content: ''; background: var(--color2); width: 100%; height: 2px; left: 0px; bottom: 0px; position: absolute; z-index: 1;}

@media (max-width:992px){
    .mlogo,.mHLink{display: block; color: var(--color1);}
    .mlogo img{width: 64px;height: auto; }
    .nav-item.brand{display: none; }
    .nav-item{width: 100%; text-align: center;}
    .nav-item a{padding: 20px 0px 5px !important; display: inline-block;}
    .nav-item:hover{background: rgba(157, 131, 62, .2);}
    .navbar-dark .navbar-toggler{border: none; padding: 0px;line-height: 7px; width: 21px;}
    .navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:active{outline: none; box-shadow: none;}
    .navbar-toggler-icon{width: 100%; height: 2px; border-radius: 4px; background: var(--color1); transition: all .3s ease-in-out;}
    .navbar-collapse{border-top: 1px solid rgba(85, 90, 94,.5);border-bottom: 1px solid rgba(85, 90, 94,.5); margin-top: 15px; padding-bottom: 20px;}
    .navbar-toggler.collapsed .bar1{transform: translate(0) rotate(0deg);}
    .navbar-toggler.collapsed .bar2{opacity: 1;}
    .navbar-toggler.collapsed .bar3{transform: translate(0) rotate(0deg);}
    .navbar-toggler .bar1{transform: translate(0, 7px) rotate(-45deg);}
    .navbar-toggler .bar2{opacity: 0;}
    .navbar-toggler .bar3{transform: translate(0, -7px) rotate(45deg);}
}
h1, h2{ font-weight: 800; color: var(--color1); line-height: 50px; font-size: 48px; text-transform: uppercase; text-align: center; margin: 0px; position: relative;}
h3,h4,h5,p,a{position: relative;}
h4{color: var(--color2); font-size: 28px; line-height: 30px;font-weight: 400; text-transform: uppercase;}
section{padding: 40px 0px; width: 100%; position: relative; overflow: hidden;}
.container{position: relative;}
.container.unset{position: unset;}
.sTitle{clear: both; position: relative; text-align: center; margin: 0px 0px 30px;}
.sTitle h2, .sTitle h1{ display: initial; }
.sTitle h2::before, .sTitle h1::before{content: ''; width: 100%; height: 6px; background: var(--color2); position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px;}
.sTitle.csTitle{margin: 3% 0px 35px;}
.sTitle2{clear: both; position: relative; text-align: left; margin: 0px 0px 35px;}
.sTitle2 h2{ display: inline-block; text-align: left;font-size: 30px; line-height: 42px; } 
.sTitle2 h2::before{content: ''; width: 100%; height: 6px; background: var(--color2); position: absolute; left: 0px; bottom: -15px;}
.sTitle2 h1{ display: initial; font-size: 30px; line-height: 42px; }
.sTitle2 h1::before{ content: ''; width: 100%; height: 6px; background: var(--color2); position: absolute; left: 0px; bottom: -15px;}
.sTitle2 h4{ font-size: 18px; line-height: 42px; font-weight: 600; width: 100%; clear: both; text-transform: capitalize; margin: 0px; }
.sTitle3{clear: both; position: relative; text-align: center; width: 70%; margin: 0px auto 30px;}
.sTitle3 h2{ width: 88%; display: inline-block; font-size: 30px; line-height: 38px; text-transform: none; position: relative; }
.sTitle3 h2::before{content: ''; width: 100%; height: 6px; background: var(--color2); position: absolute; left: 0px; bottom: -15px;}
.sTitle4{clear: both; position: relative; text-align: center; width: 100%; margin: 30px auto 30px;}
.sTitle4 h2{ display: inline-block; font-size: 30px; line-height: 30px; position: relative; }
.sTitle4 h2 span{ font-size: 22px; line-height: 30px;font-weight: 500;}
.sTitle4 h2::before{content: ''; width: 100%; height: 2px; background: var(--color2); position: absolute; left: 0px; bottom: -20px;}
.sTitle4 p{ font-size: 22px; line-height: 30px;font-weight: 500; text-transform: uppercase; margin-top: 50px;}
.sTitle5{clear: both; position: relative; text-align: center; width: 100%; margin: 30px auto 30px;}
.sTitle5 h2{ display: inline-block; font-size: 30px; line-height: 30px; position: relative; }
.sTitle5 h2 span{ font-size: 18px; line-height: 30px;font-weight: 500;}
.bLinkWrp{clear: both; position: relative; text-align: center; margin: 38px 0px 30px;}
.bLinkWrp a{ transition: all .5s ease-in-out; background: var(--color2); color: var(--color1); padding: 13px 25px; border-radius: 27px; text-decoration: none; }
.bLinkWrp a:hover{box-shadow: 0px 5px 1px #000000;}



@media (max-width:480px) {
    h2, h1{ font-size: 25px; line-height: 30px;}
    h4{font-size: 18px;line-height: 22px;}
    .sTitle3{width: 100%; margin: 0px auto 30px;}
    .sTitle3 h2{ width: 100%; font-size: 18px;line-height: 30px;}
    .sTitle5 h2{ width: 100%; font-size: 18px;line-height: 30px;}
}
.cpd-0{padding: 0px;}
@media (max-width:767px) {
    .cpd-0{padding: 0px 15px;}
    h2, h1{ font-size: 35px; line-height: 40px;}
    h4{font-size: 24px;line-height: 30px;}
    .sTitle3{width: 100%; margin: 0px auto 30px;}
    .sTitle3 h2{ width: 100%; font-size: 24px;line-height: 40px;}
    .sTitle5 h2{ width: 100%; font-size: 24px;line-height: 30px;}
}
.mp4video{width: 100%;}

/* Start Home Banner Css */
.bannerBg{background: url('../img/bannerBg.jpg') no-repeat center top; background-size: cover; width: 100%; height: 600px;} 
.caption{ position: relative; text-align: center; width: 88%; margin: 0px auto; top: 33%; transform: translateY(30%); }
.caption h2{margin-bottom: 10px;line-height: 50px;}
.caption .doublecot{padding:0px 15px; width: 90%; margin: 0px auto;}
.caption .doublecot i{font-size: 60px; line-height: 20px; position: relative; top: 20px; right: 5px;}
.caption p{font-size: 24px; line-height: 35px; font-weight: 500; color: var(--color1);  margin: 15px 0px;}
.caption .aName{font-size: 24px; line-height: 29px; font-weight: 700;}
.cInfo{position: absolute; left: 0px; bottom: -15px; width: 100%;}
.cInfo p{font-size: 18px; line-height: 28px; font-weight: 700; background: var(--color1); color: var(--color3); padding: 20px 5%; text-align: center;}
@media (max-width:1200px) {
    .caption{width: 100%;}
}
@media (max-width:832px) {
    .caption{top: 20%; transform: translateY(20%); }
}
@media (max-width:612px) {
    .bannerBg{height: 600px;}
    .caption{top: 30%; transform: translateY(30%); }
    .caption .doublecot{width: 100%;}
    .caption h2{font-size: 30px; line-height: 35px;}
    .caption p{font-size: 18px; line-height: 26px;}
    .caption .aName{font-size: 24px; line-height: 24px; }
    .cInfo p{font-size: 16px;line-height: 26px;}
}
@media (max-width:480px) {
    .bannerBg{height: 666px;}
    .caption{top: 25%; transform: translateY(25%); }
}
@media (max-width:380px) {
    .caption{top: 20%; transform: translateY(20%); }
}
@media (max-width:350px) {
    .caption h2{font-size: 24px; line-height: 30px;}
    .caption p{font-size: 16px; line-height: 22px;}
    .cInfo p{font-size: 14px;line-height: 22px;}
}

/* Start Tech Services Css */
.techServices{background: var(--color3); padding: 50px 0px 40px; color: var(--color1);}
.techServices .order1{ order: 2;}
.techServices .order2{order: 1;}
.iinfoText{margin: 40px 0px 80px; font-size: 24px; line-height: 35px; font-weight: 500;}
#animation_container{color: var(--color3); width: 100% !important; height: auto !important; position: relative; padding: 0px 10%; }
#animation_container canvas{width:100% !important; height: auto !important; position: static; display: block; background:var(--color3);}
#animation_container .dom_overlay{pointer-events:none; overflow:hidden; width:100% !important;  position: absolute; left: 0px; top: 0px; display: block;}
.tinfo{width: 100%; margin: 0px auto;}
.tinfo p{width: 78%; margin: 15px 0px; font-size: 18px; line-height: 30px;font-weight: 500; margin: 20px 0px;} 
@media (max-width:1200px) {
    .tinfo, .tinfo p{width: 100%;}
}
@media (max-width:980px) {
    .sTitle2 h2{font-size: 20px; line-height: 30px;}
    .iinfoText{font-size: 16px; line-height: 20px;}
}
@media (max-width:767px) {
    .techServices .order1{ order: 1;}
    .techServices .order2{order: 2;}
    .tinfo,.tinfo p{width: 100%; text-align: center; font-size: 16px; line-height: 24px;}
    .sTitle2{text-align: center;}
    .sTitle2 h2{font-size: 24px; line-height: 30px;}
    .iinfoText{font-size: 18px; line-height: 26px;}
}



/* Start Connected PlatForm Css */
.cPlatForm{background: var(--color3); color: var(--color1);}
.cPlatForm p{text-align: center;}
.sliderwrp{width: 80%; margin: 0px auto;}
.SlideAgencies, .sPractices{text-align: center; width: 265px; margin: 0px auto; display: inline-block;}
.cText18{ font-size: 18px; line-height: 30px; font-weight: 500;width: 80%; margin: 0px auto;}
@media (max-width:767px) {
    .cText18{ font-size: 16px; line-height: 24px; width: 100%;}
}

/* Start Service Css */
.services{background:var(--color3);}
.tagClouder{background:var(--color3); margin: auto; width: 90%; position: relative;}
#clouder{background: var(--color3); margin: auto; width: 100% !important; height: 500px !important; left: 0px !important; top:0px !important}
#clouder span {text-decoration: none; color: var(--color1) !important;}
#clouder span:nth-child(-n + 12) {color: var(--color1) !important; font-weight: 800;}
#clouder span:nth-child(even) { color:var(--color2) !important;}
#clouder span:nth-child(odd) { color:var(--color1);}

#clouder span a{text-decoration: none; color: var(--color1);}
#clouder span:nth-child(-n + 8) a{color: var(--color1); font-weight: 800;}
#clouder span:nth-child(even) a{ color:var(--color2);}
#clouder span:nth-child(odd) a{ color:var(--color1);}
@media (max-width:767px) {
    .tagClouder{width: 86%;}
    #clouder{left: 20px !important; height: 300px !important;}
}

.stikyTab{border: 1px red dashed;background: #00ffff;text-align:center;padding: 21px 0;  margin: 0 auto;z-index:10; width:100%;left:0;right:0;}
@media(max-width:992px) {
    .container{ width: 100%; min-width: 100%;}
}


/* Start Our-Brands Page Css */

.innerBannerWrp{ background: var(--color3); color: var(--color1); padding: 7% 0px;}
.innerBannerWrp p{ font-size: 24px; line-height: 35px; font-weight: 500; width: 665px; margin: 0px auto; text-align: center;}
.innerBannerWrp p span{color: var(--color2);}

    .ourBrands{position: relative;}
    .ourBrands .aLogosWrp ul{margin: 0px; padding: 0px; display: flex; flex-flow: row; flex-wrap: wrap;}
    .ourBrands .aLogosWrp ul li{list-style: none; text-align: center;  float: left; width: 25%; margin-bottom: 30px;}
    .ourBrands .aLogosWrp ul li img{transition: all 1s ease-in-out; width: 64%; margin: 0px auto;}
    .ourBrands .aLogosWrp ul li img.wt80{width: 64%; height: auto; }
    .ourBrands .aLogosWrp ul li:hover img{transform: scale(1.2);}
    .ourBrands .aLogosWrp ul li a{ font-size: 16px; font-weight: 400; color: #D1D1D1; text-decoration: none; text-transform: uppercase; text-decoration: underline;}
    .ourBrands .aLogosWrp ul li.active a.learnMore::after{content: ""; position: relative; left:0%; top: -22px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 25px solid var(--color2);}
    .gridpopup{ padding: 30px 0px; position: absolute; left: 0; right: 0; color: var(--color1); display: none; background: var(--color3);}
    .gridpopup .closeDP{position: absolute; right: 20px; top: -15px; color: var(--color2) !important; font-size: 18px !important; font-weight: 600 !important; line-height: 10px;}
    .gridpopup p{font-size: 16px; line-height:30px ;font-weight: 500;}
    @media(max-width:767px) {
        .ourBrands .aLogosWrp ul li{width: 33.33%;padding: 0px 15px;}
        .innerBannerWrp{padding: 14% 0px 7%;}
        .innerBannerWrp p{width: 96%; font-size: 18px;line-height: 26px;}
        .ourBrands .aLogosWrp ul li img{width: 100%; height: auto;}
        .ourBrands .aLogosWrp ul li img.wt80{width: 90%; height: auto; }
    }
    @media(max-width:580px) {
        .ourBrands .aLogosWrp ul li{width: 50%;}
        .ourBrands .aLogosWrp ul li img.wt80{width: 100%; }
        .gridpopup p{font-size: 16px; line-height:24px ;}
    }

.innerBannerWrp2{background: var(--color3); color: var(--color1); padding: 40px 0px;}
.innerBannerWrp2 p{ font-size: 16px;color: var(--color1); font-weight: 400;}
.innerBannerWrp2 h4{ font-size: 18px; line-height: 24px; color: var(--color2); font-weight: 500; text-transform: none;}
.innerBannerWrp2 .col-lg-12.logo{text-align: center;}
.innerBannerWrp2 .col-lg-12.slogo{text-align: center; margin: 2% 0px 10%;}
.casestudies{background: var(--color3); color: var(--color1);}
.casestudies .rwrp{margin-top: 30px; margin-bottom: 100px;}
.casestudies p{ font-size: 18px;  line-height: 30px; color: var(--color1); font-weight: 500; margin-bottom: 20px;}
.casestudies .rwrp:nth-child(odd) .thumbCS{width: 90%; margin-left: 0%;}
.casestudies .rwrp:nth-child(even) .infoCS{padding-left:10%;width: 90%;}
.casestudies .rwrp:nth-child(odd) .infoCS{padding-right:10%;width: 90%;}
.casestudies .thumbCS{position: relative;}
.casestudies .thumbCS img{width: 100%; height: auto;}
.casestudies .thumbCS::after{content: url('../img/play.png'); position: absolute; left: calc(50% - 30px); top: calc(50% - 30px); }
.casestudies .thumbCS::before{content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
.casestudies .order1{order: 1;}
.casestudies .order2{order: 2;}


@media(max-width:767px) {
    .casestudies .rwrp .infoCS .sTitle2{ text-align: left;}
    .casestudies .rwrp:nth-child(odd) .thumbCS{width: 100%; margin-left: 0%;}
    .casestudies .rwrp:nth-child(even) .infoCS{padding-left: 0%;} 
    .casestudies .rwrp:nth-child(odd) .infoCS{padding-right:0%;width: 100%;}
    .casestudies .order1{order: 2;}
    .casestudies .order2{order: 1;}   
    .innerBannerWrp2 .col-lg-12.slogo{ margin: 2% 0px 2%;} 
    .casestudies .col-md-6{margin-bottom: 10px;}
    .casestudies .rwrp{margin-bottom: 30px;}
}


.cLogosWrp{position: relative;}
.cLogosWrp ul{margin: 0px; padding: 0px; display: flex; flex-flow: row; flex-wrap: wrap; margin-top: 10px;}
.cLogosWrp ul li{list-style: none; text-align: center;  float: left; width: 25%; margin-bottom: 35px;}
.cLogosWrp ul li img{ width: 64%; height: auto; transition: all 1s ease-in-out;}
.cLogosWrp ul li:hover img{transform: scale(1.2);}
.innrCutomWth{text-align: center; width: 72%; margin: 0px auto;}
.innrCutomWth p{margin: 20px;}
.cAwards{background: var(--color3); color: var(--color1); padding: 30px 0px 60px;}
.cAwardsWrp{width: 90%; margin: 0px auto;}
.cAwards .caMb{margin-bottom: 70px;}
.awBox{width: 94%; margin: 20px auto;}
.awBox img{width: 100%;margin-bottom: 15px; height: auto;}
.awBox p{font-size: 18px;  line-height: 30px; color: var(--color1); font-weight: 500;}
@media(max-width:767px) {
    .cLogosWrp ul li{width: 33.33%;padding: 0px 0px;}
    .innrCutomWth{width: 100%;}
    .cAwardsWrp{width: 100%;}
    .cAwards .caMb{margin-bottom: 20px;}
    .cLogosWrp ul li img{ width: 70%;}
}
@media(max-width:580px) {
    .cLogosWrp ul li{width: 50%;}
    .cLogosWrp ul li img{ width: 80%;}
}

.dmeList{margin: 0px; padding: 0px; display: flex;}
.dmeList li{list-style: none; float: left; width: 16.16%;}
.dmeList li .dmeCell{width: 98%; margin: 0px auto; text-align: center;}
.dmeList li .dmeCell img{width: 100%; height: auto;}
.dmeList li .dmeCell h3{font-size: 24px;  line-height: 30px; color: var(--color3); font-weight: 800;}
.dmeList li .dmeCell h3 span{font-size: 16px;  line-height: 24px; color: var(--color3); font-weight: 400;}
.dmeList li .dmeCell p{font-size: 16px;  line-height: 24px; color: var(--color3); font-weight: 400;}
.dmeList2{margin: 0px; padding: 0px; display: flex;}
.dmeList2 li{list-style: none; float: left; width: 16.16%;}
.dmeList2 li .dmeCell{width: 100%; margin: 0px auto; text-align: center;}
.dmeList2 li .dmeCell img{width: 100%; height: auto;}
@media(max-width:992px) {
    .dmeList{ flex-wrap: wrap;}
    .dmeList li{width: 33%; margin-bottom: 20px;}
    .dmeList2{ flex-wrap: wrap;}
    .dmeList2 li{width: 33%; margin-bottom: 20px;}    
}
@media(max-width:680px) {
    .dmeList li{width: 50%;}
    .dmeList2{ flex-wrap: wrap;}
    .dmeList2 li{width: 50%; margin-bottom: 20px;}
    .dmeList2 li .dmeCell img{width: 60%; margin: 0px auto;}
}
@media(max-width:480px) {
    .dmeList li .dmeCell img{width: 60%; margin: 0px auto;}
    .dmeList li{width: 100%;}
    .dmeList2 li .dmeCell img{width: 80%; margin: 0px auto;}
}
.hr1{ width: 100%; border-top: 2px solid var(--color2);  opacity: 1;clear: both; margin: 20px 0px;}


.clearFix{clear: both; width: 100%;}
.egallery{background: var(--color3); color: var(--color1); padding: 60px 0px;}
.eGallerySlider .slick-prev, .eGallerySlider .slick-next{top: 50% !important; background: #fff; border-radius: 50%; width: 35px; height: 35px;}
.eGallerySlider .slick-prev{left: 25px; z-index: 2;}
.eGallerySlider .slick-prev::after{content: '<'; position: absolute; left: 40%; top: 40%; border: solid var(--color2);  border-width: 0 2px 2px 0;padding: 4px;transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.eGallerySlider .slick-next{right: 25px;}
.eGallerySlider .slick-next::after{content: '>'; position: absolute; right: 40%; top: 40%; border: solid var(--color2);  border-width: 0 2px 2px 0;padding: 4px;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.glleryWrp{width: 90%; margin: 0px auto;}
.glleryWrp img{width: 100%; height: auto; margin-bottom: 10px;}
.glleryWrp .col-md-6{padding: 10px 30px;}
.glleryWrp p{ font-size: 18px;  line-height: 30px; color: var(--color1); font-weight: 600; margin-top: 6px; margin-bottom: 20px;}
@media(max-width:992px) {
    .glleryWrp{width: 100%;}
    .eGallerySlider .slick-prev, .eGallerySlider .slick-next{top: 30%;}
}
@media(max-width:767px) {
    .eGallerySlider .slick-prev, .eGallerySlider .slick-next{top: 25%;}   
    .glleryWrp .col-md-6{padding: 10px 15px;}
    .glleryWrp p{ font-size: 16px;  line-height: 24px;}
}
@media(max-width:580px) {
    .eGallerySlider .slick-prev, .eGallerySlider .slick-next{top: 35%;}   
}
@media(max-width:480px) {
    .eGallerySlider .slick-prev, .eGallerySlider .slick-next{top: 30%;}   
}

.news{background: var(--color3); color: var(--color1); padding: 60px 0px;}
.news .newsWrp{width: 90%; margin: 0px auto;}
.news .newsWrp .col-md-6{padding: 18px 30px;}
.news .newsWrp .newsBox .pImg{overflow: hidden;margin-bottom: 12px;}
.news .newsWrp .newsBox img{width: 100%; height: auto; transition: all 1s ease-in-out;}
.news .newsWrp .newsBox p{transition: all 1s ease-in-out;}
.news .newsWrp .newsBox a{text-decoration: none; color: var(--color1);}
.news .newsWrp .newsBox .txt1{ font-size: 15px;  line-height: 30px; color: var(--color1); font-weight: 400;margin-bottom: 12px;}
.news .newsWrp .newsBox .txt2{ font-size: 18px;  line-height: 30px; color: var(--color1); font-weight: 600; margin-bottom: 12px;}
.news .newsWrp .newsBox .txt3{ font-size: 16px;  line-height: 24px; color: var(--color1); font-weight: 300;}
.glleryWrp .txt3 {
    font-size: 16px;
    line-height: 24px;
    color: var(--color1);
    font-weight: 300;
}
.news .newsWrp .newsBox:hover p{color: var(--color2) !important;}
.news .newsWrp .newsBox:hover img{ transform: scale(1.2);}
@media(max-width:767px) {
    .news .newsWrp{width: 100%;}
    .news .newsWrp .newsBox .txt1{ font-size: 14px;  line-height: 30px;}
    .news .newsWrp .newsBox .txt2{ line-height: 28px;}
    .news .newsWrp .newsBox .txt3{ font-weight: 400;}
    .news .newsWrp .col-md-6{padding: 10px 15px;}
}
@media(max-width:580px) {
    .news .nTitle{margin-bottom: 4rem!important;}
}


.cBanner{ position: relative; background: url('../img/contact-banner.jpg') no-repeat center center; background-size: cover; width: 100%; height: 405px;}
.cBanner::after{content: ''; background: rgba(0, 0, 0,.36); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.contact{background: var(--color1); color: var(--color3); padding: 60px 0px;}
.contact.bg1{background: #FAFAFA;}
.contact .address{width: 90%; margin-bottom: 40px;}
.contact .address p{ font-size: 18px;  line-height: 24px; color: #646464; font-weight: 400; margin-bottom: 10px;}
.contact .address p span{ color: #D1D1D1;line-height: 14px; text-transform: uppercase;}
.lConnect{width: 80%; margin: 0px auto;}
.lConnect h4{font-size: 24px; line-height: 30px; font-weight: 500;}
.lConnect h5{font-size: 24px; line-height: 30px; font-weight: 400; color: #D1D1D1; text-transform: uppercase;}
.lConnect p{ font-size: 18px;  line-height: 30px; color: #646464; font-weight: 400;margin-bottom: 2px;}
.lConnect p.fontm{font-weight: 500;}
.lConnect p a{color: #646464; }
.mapImg{text-align: center;}
.mapImg img{width: 90%; height: auto;}
.mt5{margin: 40px 0px 10px;}
@media(max-width:992px) {
    .lConnect, .contact .address{width: 100%;}
    .mapImg img{width:min-content; margin-bottom: 30px;}
    .ooTitle{margin-top: 0rem!important;}
    .contact{ padding: 20px 0px;}
    .contact.bg1{ padding: 20px 0px 60px;}
}
@media(max-width:680px) {
    .cBanner{ background: url('../img/m-contact-banner.jpg') no-repeat center center;background-size: cover; width: 100%;height: 263px;}
}
@media(max-width:480px) {
    .mapImg img{width: 100%;}
    .lConnect h4, .lConnect h5{font-size: 20px;}
}



.pCulture{background: var(--color3); color: var(--color1); padding: 40px 0px;}
.pCulture .center{text-align: center;}
.pgiWrp{width: 100%; margin: 0px auto;}
.pgiWrp .pgiText .sTitle2{margin-bottom: 30px;}
.pgiWrp .pgiText p{font-size: 18px; line-height: 30px; font-weight: 500;}
.pName{ font-weight: 700; margin-bottom: 30px;}
.pgiWrp .pgiText .bLink{clear: both; margin: 0px 0px 0px;}
.pgiWrp .pgiText .bLink a{ transition: all .5s ease-in-out; background: var(--color2);border: 1px solid var(--color2); color: var(--color1); text-align: center; margin-right: 10px; margin: 8px; display: inline-block; padding: 13px 0px;  width: 205px; border-radius: 27px; text-decoration: none; }
.pgiWrp .pgiText .bLink a.black{background: var(--color3); border: 1px solid var(--color1);}
.pgiWrp .pgiText .bLink a:hover{box-shadow: 0px 4px 2px #ffffff;}
.pgiWrp .pgiImg{padding-left: 8%;}
.pgiWrp .pgiImg img{width: 100%; height: auto; margin-bottom: 10px;}
.pgiWrp .pgiImg p{font-size: 18px; line-height: 30px; font-weight: 600;}

.pCulture .pgiImg2{padding-right: 10%;}
.pCulture .pgiImg2 img{width: 100%; height: auto; margin-bottom: 10px;}
.pCulture .pgiText2 p{font-size: 18px; line-height: 30px; font-weight: 500; margin-bottom: 25px;}
.ocText1{font-size: 18px; line-height: 24px; font-weight: 500; text-align: center;}
.ocText1 span{font-weight: 800;}
.mTitle{display: none;}
@media(max-width:767px) {
    .mTitle{display: block;text-align: left;}
    .dTitle{display: none;}
    .pgiWrp .pgiImg{padding-left: 0%;margin:0px 0px 10px;}
    .pgiWrp .pgiImg img{margin-bottom: 10px;margin-top: 10px;}
    .pCulture .pgiImg2{padding-right: 0%;}
    .pName span{font-weight: 400;}
    .pCulture .sTitle2.center{text-align: left;}
    .ocText1, .pCulture .pgiText2 p{text-align: left;font-size: 16px;}
}
@media (max-width:480px) {
    .pgiWrp .pgiText .bLink a{width: auto;padding: 12px 15px;}
}

.sticky{position:sticky;  top: 0px; z-index: 1;}
.scrollHeight{width: 100%; height: 0px; background:var(--color3); padding: 0px;}
.ocTabs{background: var(--color3); padding: 0px 0px 0px; }

.ocTabsNavWrp{background: var(--color1);}
.ocTabs ul{display: flex; align-items: center; margin: 0px; padding: 0px;}
.ocTabs ul li{list-style: none; height: 100%; float: left; width: 16.66%; text-align: center;}
.ocTabs ul li:last-child{text-align: right;}
.ocTabs ul li .icon{width: 40px; display: inline-block; height: 35px; background: url('../img/tab-icon.png') no-repeat left top; margin-top: 22px; transition: all .5s ease-in-out;}
.ocTabs ul li .icon.i1{background-position: 0px 0px;}
.ocTabs ul li .icon.i2{background-position: -45px 0px;}
.ocTabs ul li .icon.i3{background-position: -85px 0px;}
.ocTabs ul li .icon.i4{background-position: -134px 0px;}
.ocTabs ul li .icon.i5{background-position: -180px 0px;}
.ocTabs ul li .icon.i6{background-position: -224px 0px;}
.ocTabs ul li a{  height: 100px; display: flex; flex-direction: column; align-items: center; font-size: 14px; color: var(--color3); text-decoration: none;}
.ocTabs ul li a p{margin: 0px;}
.ocTabs ul li.active a{ background: var(--color2); color: var(--color1);}
.ocTabs ul li.active .icon.i1{background-position: 0px bottom;}
.ocTabs ul li.active .icon.i2{background-position: -45px bottom;}
.ocTabs ul li.active .icon.i3{background-position: -85px bottom;}
.ocTabs ul li.active .icon.i4{background-position: -134px bottom;}
.ocTabs ul li.active .icon.i5{background-position: -180px bottom;}
.ocTabs ul li.active .icon.i6{background-position: -224px bottom;}


.tabAccordian{display: none;}
.tabAccordian.active{display: block !important;}
.aTabNav{color: var(--color3); display: none;}
.aTabNav h2{transition: all .5s ease-in-out; cursor: pointer; background: var(--color1); margin: 0px; color: var(--color3); position: relative; font-size: 14px; font-weight: 400;display: flex; align-items: center; text-transform: none; height: 88px; padding:0px 20px;}
.aTabNav h2::after{transition: all .5s ease-in-out; content: ''; position: absolute; right: 20px; top: 44%; border: solid var(--color2);  border-width: 0 2px 2px 0;padding: 10px;transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.aTabNav .icon{width: 40px; display: inline-block; height: 35px; background: url('../img/tab-icon.png') no-repeat left top; transition: all .5s ease-in-out;}
.aTabNav .icon.i1{background-position: 0px 0px;}
.aTabNav .icon.i2{background-position: -45px 0px;}
.aTabNav .icon.i3{background-position: -85px 0px;}
.aTabNav .icon.i4{background-position: -134px 0px;}
.aTabNav .icon.i5{background-position: -180px 0px;}
.aTabNav .icon.i6{background-position: -224px 0px;}

.aTabNav.active h2{background: var(--color2);  color: var(--color1); }
.aTabNav.active h2::after{content: '';position: absolute; right: 20px; top: 36%; border: solid var(--color1); border-width: 0 2px 2px 0;padding: 10px;transform: rotate(227deg); -webkit-transform: rotate(227deg);}
.aTabNav.active .icon.i1{background-position: 0px bottom;}
.aTabNav.active .icon.i2{background-position: -45px bottom;}
.aTabNav.active .icon.i3{background-position: -85px bottom;}
.aTabNav.active .icon.i4{background-position: -134px bottom;}
.aTabNav.active .icon.i5{background-position: -180px bottom;}
.aTabNav.active .icon.i6{background-position: -224px bottom;}

.tabAccordian .aTabContainer{position: relative; padding: 30px 0px 30px; display: none;}
.tabAccordian.active .aTabContainer{display: block;}
.tabAccordian .aTabContainer.padd{padding: 20px 5%;}
@media (max-width:992px) {
    .ocTabsNavWrp{display: none;}
    .aTabNav{display: block;}
    .tabAccordian{display: block !important;}
    .ocTabsContainerWrp .container{padding: 0px;}    
    .tabAccordian .aTabContainer{padding: 20px 15px 30px;}
}
@media (max-width:767px) {
    .aTabNav h2{font-size: 20px; line-height: 43px;font-weight: 400;}
    .aTabNav .icon{width: 50px;}
}



.tabTitle{clear: both; width: 100%; margin-bottom: 20px;}
.tabTitle h3{color: var(--color1);font-size: 24px; line-height: 30px; font-weight: 600; text-align: center; position: relative; text-transform: uppercase; display: inline-block;}
.tabTitle h3::before{content: ''; width: 100%; height: 6px; background: var(--color2); position: absolute; left: 0px; bottom: -10px;}
.pwBox{ padding-left: 0px;}
.pwBox ul{margin: 0px; display: flex; flex-direction: row;}
.pwBox ul li{width: 30%; list-style: none; padding: 8px;}
.pwBox ul li.width2{width: 40%;}
.pwBox ul li div{background: var(--color1); padding: 20px 14px; border-radius: 10px; margin: 15px 0px; text-align: left;}
.pwBox ul li div h4{font-size: 16px; line-height: 24px; font-weight: 600; color: var(--color3); text-transform: none;}
.pwBox ul li div p{font-size: 14px; line-height: 20px; font-weight: 300; margin: 0px;}
.pwBox ul li div.active{background: var(--color2);}
.pwBox ul li div.active h4, .pwBox ul li div.active p{color: var(--color1);}
.pwBox .margint2{margin-top: 80px;}
.tabText{position: relative; margin-top: 20%; width: 96%;} 
.tabText p{font-size: 16px; line-height: 24px; color: var(--color1);font-weight: 500; margin: 0px;}
@media (max-width:992px) {
    .tabText{margin-top: 20px;}
}
@media(max-width:680px) {
    .aTabContainer.padd{padding: 20px 15px;}
    .tabText{position: relative; margin: 10px 0px; width: 100%;} 
    .pwBox ul{ flex-wrap: wrap;}
    .pwBox ul li:first-child div:last-child{margin-bottom: 0px;}
    .pwBox ul li, .pwBox ul li.width2{width: 100%; float: left; padding: 0px;}
    .pwBox .margint2{margin-top: 0px;}
}

.pwBox2{ padding-left: 0px;display: flex; flex-direction: row;}
.pwBox2 ul{margin: 0px; display: flex; flex-direction: row;}
.pwBox2 ul li{width: 50%; list-style: none; padding: 8px;}
.pwBox2 div{background: var(--color1); width: 50%; padding: 20px 14px; border-radius: 10px; margin: 10px 10px; text-align: center;}
.pwBox2 div img{width: 80px;height: auto; }
.pwBox2 div p{font-size: 14px; line-height: 20px; font-weight: 300; margin: 0px; text-align: left;}
.tabText2{position: relative; width: 100%; padding-left: 20px;} 
.tabText2.padd0{padding-left: 0px;}
.tabText2 p{font-size: 16px; line-height: 24px; color: var(--color1);font-weight: 500; margin: 0px;}

.gpText{font-size: 16px; line-height: 24px; color: var(--color1);font-weight: 500; text-align: center;}
.mwgrid{width: 100%; margin: 0px auto;}
.mwgrid .row:nth-child(odd) .col-md-12:first-child{padding-right: 40px; margin-bottom: 40px;}
.mwgrid .row:nth-child(odd) .col-md-12:last-child{padding-left: 40px; margin-bottom: 40px;}
.mwgrid .row:nth-child(even) .col-md-12:first-child{padding-left: 40px; margin-bottom: 40px;}
.mwgrid .row:nth-child(even) .col-md-12:last-child{padding-right: 40px; margin-bottom: 40px;}
.mwgrid .pwBox2 img{width: 100%;height: auto; }
.order1{order: 1;}
.order2{order: 2;}
@media(max-width:767px) {
    .pwBox2{ flex-wrap: wrap;}
    .pwBox2 div{width: 100%;  margin: 10px 0px;}
    .tabText2{padding-left: 0px; margin: 10px 0px;}
    .order1{order:unset;}
    .order2{order:unset;}
    .mwgrid .row:nth-child(odd) .col-md-12:first-child{padding-right: 0px; margin-bottom: 40px;}
    .mwgrid .row:nth-child(odd) .col-md-12:last-child{padding-left: 0px; margin-bottom: 40px;}
    .mwgrid .row:nth-child(even) .col-md-12:first-child{padding-left: 0px; margin-bottom: 40px;}
    .mwgrid .row:nth-child(even) .col-md-12:last-child{padding-right: 0px; margin-bottom: 40px;}
}
@media(max-width:680px) {
    .gpText{ text-align: left;}
    .tabTitle.text-center{text-align: left !important;}
    .tabTitle h3{ font-size: 20px; font-weight: 800;}
}

.pwBox4{ padding-left: 0px;display: flex; flex-direction: row;}
.pwBox4 ul{margin: 0px; display: flex; flex-direction: row;align-self: center; padding-right: 0px;}
.pwBox4 ul li{width: 50%; list-style: none; padding: 15px 30px 15px 0px;}
.pwBox4 div{background: var(--color1); width: 100%; padding: 20px 20px; border-radius: 10px; margin: 30px 10px; text-align: center; overflow: hidden;}
.pwBox4 div.padd0{padding: 0px 0px 20px 0px;}
.pwBox4 div.padd0 img{width: 100%;}
.pwBox4 div h4{font-size: 16px; line-height: 24px; font-weight: 600; color: var(--color3); text-transform: none; text-align: left;}
.pwBox4 div img{width: 80%;height: auto; }
.pwBox4 div p{font-size: 14px; line-height: 20px; font-weight: 300; margin: 0px; text-align: left;}
.tabText4{position: relative; width: 100%; padding-left: 20px; margin-bottom: 10px;} 
.tabText4.padd0{padding-left: 0px;}
.tabText4 p{font-size: 16px; line-height: 24px; color: var(--color1);font-weight: 500; margin: 0px;}
@media(max-width:767px) {
    .pwBox4 ul{flex-wrap: wrap;}
    .pwBox4 ul li{ width: 100%;padding: 8px 0px 8px 0px;}
    .pwBox4 div{margin: 0px 0px 16px;}
    .pwBox4 ul li:first-child div:last-child{margin-bottom: 0px;}
    .tabText4{padding-left: 0px;margin: 10px 0px;} 
}

.pwBox5{ padding-left: 0px;display: flex; flex-direction: row;}
.pwBox5 ul{margin: 0px; display: flex; flex-direction: row;align-self: center; padding-right: 0px;}
.pwBox5 ul li{width: 50%; list-style: none; padding: 15px 30px 15px 0px;}
.pwBox5 div{background: var(--color1); width: 100%; padding: 20px 20px; border-radius: 10px; margin: 30px 10px; text-align: left; overflow: hidden;}
.pwBox5 div.padd0{padding: 0px 0px 0px 0px;}
.pwBox5 div.padd0 img{width: 100%;}
.pwBox5 div.padd0 p{padding: 20px;}
.pwBox5 div.sty3{padding: 0px 0px 0px 0px;}
.pwBox5 div.sty3 img{width: 100%; height: auto; margin-top: 20px;}
.pwBox5 div.sty3 p{padding: 20px;}
.pwBox5 div h4{font-size: 16px; line-height: 24px; font-weight: 600; color: var(--color3); text-transform: none; text-align: left;}
.pwBox5 div img{width: 80%;height: auto; }
.pwBox5 div p{font-size: 14px; line-height: 20px; font-weight: 300; margin: 0px; text-align: left;}
.tabText5{position: relative; width: 100%; padding-left: 20px; margin-bottom: 10px;} 
.tabText5.padd0{padding-left: 0px;}
.tabText5 p{font-size: 16px; line-height: 24px; color: var(--color1);font-weight: 500; margin: 0px;}
@media(max-width:767px) {
    .pwBox5 ul{flex-wrap: wrap;}
    .pwBox5 ul li{ width: 100%;padding: 8px 0px 8px 0px;}
    .pwBox5 div{margin: 0px 0px 16px;}
    .pwBox5 ul li:first-child div:last-child{margin-bottom: 0px;}
    .tabText5{padding-left: 0px;margin: 10px 0px;} 
}

.pwBox6{ padding-left: 0px;display: flex; flex-direction: row;}
.pwBox6 ul{margin: 0px; display: flex; flex-direction: row; align-self: center;}
.pwBox6 ul li{width: 40%; list-style: none; padding: 15px 20px 15px 0px;}
.pwBox6 ul li:last-child{margin-top: 12%;}
.pwBox6 div{background: var(--color1); width: 100%; padding: 20px 20px; border-radius: 10px; margin: 30px 10px; text-align: left; overflow: hidden;}
.pwBox6 div.wt6{width: 60%;}
.pwBox6 div.padd0{padding: 0px 0px 0px 0px;}
.pwBox6 div.padd0 img{width: 100%;}
.pwBox6 div.padd0 p{padding: 20px;}
.pwBox6 div.sty3{padding: 0px 0px 0px 0px; display: flex;}
.pwBox6 div.sty3 img{width: 100%; margin-top: 0px;}
.pwBox6 div.sty3 p{padding: 20px;}
.pwBox6 div img{width: 100%;height: auto; }
.pwBox6 div p{font-size: 14px; line-height: 20px; font-weight: 300; margin: 0px; text-align: left;}
@media(max-width:767px) {
    .pwBox6 ul{flex-wrap: wrap;}
    .pwBox6 ul li{ width: 100%;padding: 0px 0px 0px 0px;}
    .pwBox6 div{margin: 0px 0px 16px; text-align: center;}
    .pwBox6 ul li:last-child{width: 100%;margin-top: 0%;}
    .pwBox6 div.wt6{width: 100%;}
    .pwBox6 div img{width: auto;}
}


.mb1{margin-bottom: 10px;}
.mb2{margin-bottom: 20px;}
.mb3{margin-bottom: 30px;}
.mb4{margin-bottom: 40px;}
.mb5{margin-bottom: 50px;}
footer{background: var(--color3); color: rgba(255, 255, 255, .8); border-top: 1px solid #707070; padding: 20px 0px 10px; position: relative; z-index: 11; text-align: left;}
footer p{font-size: 14px;}
footer .socialwrp{margin: 0px; padding: 0px; display: flex; justify-content: end;}
footer .socialwrp li{ list-style: none;}
footer .socialwrp li a{ transition: all .5s ease-in-out; display: inline-block; margin: 0px 10px; width: 30px; height: 24px; background: url('../img/social.png') no-repeat left top;}
footer .socialwrp li a.fb{ background-position: 9px center;}
footer .socialwrp li a.yt{ background-position: -41px center;}
footer .socialwrp li a.in{background-position: -95px center;}
footer .socialwrp li a.insta{background-position: -147px center;}
footer .socialwrp li a.tn{background-position: -200px center;}
footer .socialwrp li:hover a{transform: scale(1.2);}
@media(max-width:767px) {
    footer{ text-align: center;}
    footer .socialwrp{ justify-content: center;}
}

.fBotNav{position: relative;margin: 0px; padding: 0px;  text-align: left;}
.fBotNav>p{font-size: 18px; padding-left: 10px; margin-bottom: 5px;}
.fBotNav li{ list-style: none; margin: 5px 5px;}
.fBotNav li a{ font-size: 13px; transition: all .5s ease-in-out; display: inline-block; text-decoration: none; color: rgba(255, 255, 255, .8);}
.fBotNav li a:hover{    color: var(--color2) !important;}
.fBotNav2{position: relative;margin: 0px; padding: 0px; float: right;}
.fBotNav2 li{float: left; list-style: none; margin: 0px 10px;}
.fBotNav2 li a{ transition: all .5s ease-in-out; display: inline-block; text-decoration: none; color: rgba(255, 255, 255, .8);}
.fBotNav2 li a:hover{    color: var(--color2) !important;}
@media(max-width:992px) {
    .fBotNav{margin: 10px 0px 10px;text-align: center;}
    footer .socialwrp{ justify-content: center; margin-top: 10px;}
}
.align-r{text-align: right;}
.align-c{text-align: center;}
.bottomHr{margin: 0px 0px 20px;}
.video-btn,.video-btn2{cursor: pointer;}
.modal-dialog {max-width: 50%;margin: 30px auto;}
.modal-body {position:relative;padding:0px 10px 10px; text-align: right;}
.btn-close {position:relative;right:0px;top:0; color: #9D833E;}
@media(max-width:1200px) {
    .modal-dialog {max-width: 80%;width:80%;}
}
@media(max-width:767px) {
    .modal-dialog {max-width: 96%;width:96%;}
}

.stickyEnquiry{position: fixed; bottom: 50%; right: -45px;transform: rotate(270deg);}
.stickyEnquiry a{background: #b99e51; color: #FFF; padding: 10px 20px; text-decoration: none; }
.stickyEnquiry a:hover{color: #FFF;}
.bg-dark{background: #000000 !important;}
 .innerBannerWrp2.newcontainer{padding: 2% 0 5% 0;}
.newcontainer .container{max-width: 1250px;}
.newBg{background: #f8f9fa url('../img/PCP/newbg.png') no-repeat center center fixed;background-size: cover;position: absolute;left: 0;top:0;width: 100%;height: 715px;}
.Bannertext-new{display: flex; flex-direction: row; align-items: center; justify-content:space-between;  height: 100%; width: 100%; position: relative; z-index: 1;}

.Bannertext-new  .image , .Bannertext-new  .image img{max-width: 536px;}
.Bannertext-new  .text{margin-right: 10px;padding-top: 6%;}
.Bannertext-new  .text .headBox{display: flex; flex-direction: row; align-items: center; justify-content:left; }
.Bannertext-new  .text .headBox .h2{font-size: 32px;line-height:1.2em;font-weight: 800;color: #fff;text-transform: uppercase;margin: 0px;text-align: left;}
.Bannertext-new  .text  .img{margin-right: 25px;border-right: 1px solid rgba(255, 255, 255, 0.3);padding-right: 25px;}

.Bannertext-new .text  p{font-size: 17px;line-height:1.6em;font-weight: 400;color: #fff;margin: 25px  0 0 0px;}

.Bannertext-new .bLink{clear: both; margin: 0px 0px 0px;}
.Bannertext-new .bLink a{ transition: all .5s ease-in-out; background: var(--color2);border: 1px solid var(--color2); color: var(--color1); text-align: center; margin: 15px 0 0 0; display: inline-block; padding: 13px 20px;  width:auto; border-radius: 27px; text-decoration: none; }
.Bannertext-new  .bLink a.black{background: var(--color3); border: 1px solid var(--color1);}
.Bannertext-new  .bLink a:hover{box-shadow: 0px 4px 2px #ffffff;}

.Commerce-text-wapper{position: relative;}
.Commerce-text-wapper .sTitle{margin-bottom: 60px;}
.Commerce-text-wapper h2.black2{font-size: 32px; line-height: 1.3em; margin-bottom: 20px; display:inline-block;}
.Commerce-text-wapper .t1{ font-size: 18px; line-height: 1.5em; font-weight: 400; color: #000; margin-bottom: 20px; padding-top: 20px;}
.Commerce-text-wapper .t1 span{font-weight: 700;}

.Commerce-text-wapper  .icon { font-size: 50px; margin-bottom: 10px; width: 120px; height: 120px; margin: 0 auto 20px auto; } 
.Commerce-text-wapper  .icon img { width: 100%; height: 100%; } 
.Commerce-text-wapper  .title { font-weight: 700; color: rgba(157, 131, 62, 1); font-size: 20px; } 
.Commerce-text-wapper  .subtitle { font-weight: 700; font-size: 16px; line-height: 1.2em; color: #000; margin: 5px 0; } 
.Commerce-text-wapper  .desc {color: rgba(0, 0, 0, 1);font-size: 16px;line-height:1.8em;font-weight: 400;padding-top: 20px;margin-bottom: 30px;}
.Commerce-text-wapper  .text-center{justify-content: center;}



.tabbed-content .tabs {  background-color: rgba(255, 255, 255, 1);} 
.tabbed-content .tabs ul {margin: 0;padding: 0;list-style: none;display: flex;justify-content: center;align-items: center;/* width: 80%; */}
.tabbed-content .tabs li {margin: 0 10px;padding: 0px 0;font-size: 18px;color: #000;font-weight: 800;width: 260px;text-align: center;}
.tabbed-content .tabs li  a{font-size: 18px;color: #000;font-weight: 800;text-decoration: none;padding: 18px 15px;line-height: 1.5em;}
.tabbed-content .tabs li.active{ color: #fff;  background-color: #b99e51;}
.tabbed-content .tabs li.active a{ color: #fff; }
   .tabbed-content .tabs { position: sticky; top: 0; z-index: 10; background: #fff;} 

.tabbed-content .item .h2 {   font-size: 18px;  color: #000;  font-weight: 800;  text-decoration: none;   padding: 18px  38px  18px  18px; text-align: left;
    line-height: 1.2em; background: #FFF url(../img/PCP/arrow.svg) no-repeat 96% center; ; width: 100%; display: inline-block; }
  .tabbed-content .item.active .h2{ color: #fff;  background: #b99e51 url(../img/PCP/arrow-active.svg) no-repeat 96% center;}
    
.tabbed-content .item .item-content { margin-top: 5%; min-height: 300px; } 
.tabbed-content .item.active, .tabbed-content .item.active .item-content {display: block; } 
.tabbed-content .item .h2{ display: none; } 
.tabbed-content .boxgrid{width: 100%; position: relative; display: flex; flex-flow: row;align-items: center;justify-content: center;} 
.tabbed-content .boxgrid.flex-flow1{flex-flow: row;}
.boxgrid .image{flex: 1;} 
.boxgrid .image img{width: 100%; height: auto; border-radius: 10px;}
.boxgrid{margin-bottom: 40px;}
.boxgrid .data{flex: 1;} 
.boxgrid .data h3{font-size: 22px; line-height: 30px; font-weight: 600; color:rgba(255, 255, 255, 1); margin-bottom: 10px; padding-left:10%; }
.boxgrid .data ul.point{position: relative; margin-left: 0; padding-left: 10%; width: 95%;}
.boxgrid .data ul li{list-style: none; font-size: 16px; line-height: 24px; color:rgba(255, 255, 255, 1); margin-bottom: 10px; background :url(../img/PCP/dot.png) no-repeat left 7px; padding-left: 20px;}

.choose-us-box{display: flex;flex-flow: row;align-items: center;justify-content: space-between;margin-bottom: 40px;gap: 30px;}
.choose-us-box .box{width: 25%;min-height: 303px;background: rgba(157, 131, 62, 1);padding: 30px 15px;border-radius: 10px;margin: 0;text-align: center;}
.choose-us-box .box h2{font-size: 24px;line-height: 30px;font-weight: 800;color:rgba(255, 255, 255, 1);margin-bottom: 27px;}
.choose-us-box .box p{font-size: 16px;line-height: 26px;font-weight: 400;color:rgba(255, 255, 255, 1);margin-bottom: 0;padding: 0 10px;}

.infoCS .bLink{clear: both; margin: 0px 0px 0px;}
.infoCS .bLink a{ transition: all .5s ease-in-out; background: var(--color2);border: 1px solid var(--color2); color: var(--color1); text-align: center; margin: 0px 0 15px 0; display: inline-block; padding: 13px 20px;  width:auto; border-radius: 27px; text-decoration: none; }
.infoCS .bLink a.black{background: var(--color3); border: 1px solid var(--color1);}
.infoCS .bLink a:hover{box-shadow: 0px 4px 2px #ffffff;}
.ourBrands .aLogosWrp ul li img{width: 80%; }

.Thought-Leadership-box{display: flex;flex-flow: row;align-items: center;justify-content: space-between;margin-bottom: 40px;gap: 30px;}
.Thought-Leadership-box .box{width: 33.33%;min-height: 303px;margin: 0;text-align: center;}
.Thought-Leadership-box .box h2{font-size: 20px;line-height: 30px;font-weight: 700;color:rgba(0, 0, 0, 1);margin: 20px 0;}

.Thought-Leadership-box  .bLink{clear: both; margin: 0px 0px 0px;}
.Thought-Leadership-box  .bLink a{ transition: all .5s ease-in-out; background: var(--color2);border: 1px solid var(--color2); color: var(--color1); text-align: center; margin: 0px 0 15px 0; display: inline-block; padding: 13px 20px;  width:auto; border-radius: 27px; text-decoration: none; }
.Thought-Leadership-box  .bLink a.black{background: var(--color3); border: 1px solid var(--color1);}
.Thought-Leadership-box  .bLink a:hover{box-shadow: 0px 4px 2px #000;}

.AWARDS-box{display: flex;flex-flow: column;align-items: center;justify-content:center; margin-bottom: 0px; padding-bottom: 40px;gap: 1px;  }
.AWARDS-box .box{width: 33.33%;min-height: 303px;margin: 0;text-align: center; }
.AWARDS-box .box img{width: 100%;}
.AWARDS-box  .border{ width: 100%; height: 2px; background: rgba(157, 131, 62, 1); margin: 20px 0; border: none !important;}
.AWARDS-box .t1{padding: 0; margin: 0; font-size: 48px; font-weight: 800; color: #000;}
.AWARDS-box .t2{padding: 0; margin: 0; font-size: 24px; font-weight: 700; color: #000; text-align: center;}
.AWARDS-box .imagelogo{width: 100%; height: auto; margin: 20px 0;}
.AWARDS-box .imageWrapperBox{display: flex ; flex-flow: row; flex-wrap: wrap; justify-content: center; padding: 30px 0 0 0; align-items: center; gap: 20px;}
.form {max-width: 600px; width: 95%; margin:auto;}
.errorMsg { color: #FF0004;    font-size: 12px; }
 .form .form-grupe {    margin-bottom: 30px;}
  .form  .form-control{background: transparent; border-radius: 8px; border:none; border-bottom: 2px solid rgba(255, 255, 255, 1); font-size: 16px; color: rgba(255, 255, 255, 0.5); font-weight: 500; resize: none;     box-shadow:none !important; }
.form .form-control.select { background: transparent url(../img/PCP/icon-arrow-drop.svg) 97% center no-repeat;}
.form  select.form-control.inputCS option { color: rgb(71, 71, 71) !important;}

.form  .form-note{font-size: 12px; line-height: 1.2em; color: rgba(255, 255, 255, 0.5); font-weight: 400; margin-top: 20px; text-align: center;}
.form .checkbox-container{display: flex; flex-flow: row; align-items: center; justify-content: center; margin-top: 20px; gap: 10px;}
.form .checkbox-container input[type="checkbox"]{width: 24px; height: 24px; cursor: pointer; border-radius: 4px; border: 1px solid rgba(250, 250, 250, 1); background-color: transparent;}
.form .policytext{ font-size: 12px; line-height: 1.2em; color: rgba(255, 255, 255, 1); font-weight: 300;  text-align: center; }
.form .policytext a{color: rgba(255, 255, 255, 1); text-decoration: underline; font-weight: 700; transition: all .5s ease-in-out;}

.form   .bLink{clear: both; margin: 20px 0px 0px 0;     text-align: center;}
.form  .bLink .butLink{ transition: all .5s ease-in-out; background: var(--color2);border: 1px solid var(--color2); color: var(--color1); text-align: center; margin: 0px 0 15px 0; display: inline-block; padding: 13px 20px;  width:auto; border-radius: 27px; text-decoration: none; font-size: 16px; font-weight: 400;; }

.form   .bLink .butLink:hover{box-shadow: 0px 4px 2px #fff;}
.share-popup { background-color: #fff; max-width:546px; width: 90%; height:max-content; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 100000; transition: right 0.5s ease, bottom 0.5s ease; margin: auto; padding: 20px; border-radius: 14px; }



.bg_overlay{background-color: rgba(0, 0, 0, 0.9);width:100%;height: 100%;position: fixed;top:0px;left:0px;z-index: 1000000000;display: none;}
.modal_popup_content{display: none;background-color: #ffffff;max-width: 694px;width:100%;height: max-content;margin: auto auto;top:0px;left: 0px;right: 0px;bottom: 0;position: fixed;z-index: 10000000001;padding:0;border-radius:0px;overflow: hidden;border: 1px solid rgba(157, 131, 62, 1);}
.modal_popup_content .modal_header{ display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #000; background-color: #000; position: relative;}
.modal_popup_content .modal_header .logo{width: 97px; height: auto; margin: 15px auto;}

.modal_popup_content .modal_body{ padding: 0.625em 0px; overflow-y: scroll;  width: 100%; overflow-x: hidden;}
.close_popup_click{width: 25px; height: 25px; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 1;} 
.modal_body .form {max-width: 300px; width: 95%; margin:20px auto;}
.modal_body .form .form-control {max-width: 300px; width: 95%; margin:auto; border-radius: 8px;color:rgba(0, 0, 0, 1); border-bottom: 2px solid rgba(0, 0, 0, 1);}
.successfully-message{    padding-top: 24px; text-align: center; font-size: 24px;}
.failed-message{    padding-top: 24px; text-align: center; font-size: 24px;}
.tabs { background: #f7f7f7; transition: all 0.9s ease-in-out; position: sticky; } 
.tabs.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.9s ease-in-out; }
.tab-he{height: 90px;}

@media all and (max-width: 1200px) { 
.Commerce-text-wapper .container{ max-width: 100%;}
.choose-us-box{gap: 1%;}
.newBg{min-height: 797px;}
.Bannertext-new .text .headBox .h2 {font-size: 24px;}
.Bannertext-new .text p{font-size: 16px; }
.innerBannerWrp2.newcontainer {
    padding: 9% 0 9% 0;
}

}
@media all and (max-width: 1100px) { 
    .newBg{min-height: 757px;}
    .choose-us-box{flex-flow: column; min-height: auto; align-items: center; justify-content: center; flex-flow: wrap;}
.choose-us-box .box{width:300px; height:auto ; margin-bottom: 20px;}
.Bannertext-new .text .headBox .h2 {font-size: 22px;}
    .innerBannerWrp2.newcontainer {
        padding: 5% 0 5% 0;
    }

}

@media all and (max-width: 1092px) { 

.newBg{min-height: 1060px;}
.Bannertext-new{    flex-direction: column-reverse;}
.Bannertext-new .text { width: 95%; max-width: 669px; margin: auto; }
.Bannertext-new .image, .Bannertext-new .image img { width: 100%; height: auto;}
}

@media all and (max-width: 850px) { 

.newBg{min-height: 1040px;}

}

@media all and (min-width: 800px) { 
 
.tabbed-content .tabs li {display: inline-block;}

 .tabbed-content .tabs li a { display: block;     } 
 .tabbed-content .item::before { display: none; }
  .tabbed-content.tabs-side .tabs { width: 150px; float: left; }
   .tabbed-content.tabs-side .tabs li { display: block; } 
   .tabbed-content.tabs-side .item { margin-left: 150px; }
.casestudies-scroll { transition: all 0.3s ease; } 
.casestudies-scroll .tabbed-content .tabs { transition: opacity 0.4s ease, transform 0.4s ease; opacity: 1; } 
.casestudies-scroll.fixed .tabbed-content .tabs { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: white; transform: translateY(0); opacity: 1; } 
.casestudies-scroll:not(.fixed) .tabbed-content .tabs { transform: translateY(-20px); opacity: 0.5; }
 .casestudies-scroll.fade-out .tabbed-content .tabs { opacity: 0; } 
 .casestudies-scroll.fade-in .tabbed-content .tabs { opacity: 1; }
 }
 html {scroll-behavior: smooth;}

 @media all and (max-width: 1000px) { 
 .tab-he{height: 0px;}
 .tabbed-content .tabs li a { display: block; font-size: 12px  ;     } 
 }
 @media all and (max-width: 800px) { 

.tabbed-content .item { display: block; padding: 1px 0;} 
.tabbed-content .boxgrid.flex-flow1{flex-flow: column-reverse;}
.tabbed-content .boxgrid.flex-flow2{flex-flow: column;}
.boxgrid .data h3{ padding-left:0%;   padding-top: 20px; font-size: 18px;; }
.boxgrid .data ul li {
    list-style: none;
    font-size: 14px; line-height: 18px;}
.boxgrid .data ul.point{position: relative; margin-left: 0; padding-left: 0%; padding-top: 5px; width: 95%;}
  .Thought-Leadership-box{display: flex;flex-flow: column;}
  .Thought-Leadership-box .box{width: 80%;min-height:auto;margin: 0 0 0px 0;text-align: center;}
.AWARDS-box .box{width:300px;min-height: 303px;margin: 0;text-align: center;}
.newcontainer{min-height: 901px;}
.Commerce-text-wapper .t1 br, .Commerce-text-wapper .t1 br{display: none;}
.Commerce-text-wapper h2.black2{font-size: 24px;}

    .tabbed-content .boxgrid.mobilehide{display: none;}
     .tabbed-content .tabs li a { display: block;     font-size: 14px;     padding: 10px } 
         .newBg {
        min-height: 999px;
    }
    .tabbed-content .item .h2{display: block;}
    .tabbed-content .item .item-content{display: none;}
    .tabbed-content .tabs{display: none;}
    .Commerce-text-wapper  .desc {margin-bottom: 0px;}

 }
  @media all and (max-width: 650px) {
  .newBg  {min-height: 1127px;}
 .newcontainer{height: 1000px;}
   }

 @media all and (max-width: 600px) { 
    .newBg  {min-height: 1109px;}
.Bannertext-new .text .headBox .h2{font-size: 24px;}
.Bannertext-new .text p{font-size: 16px; line-height: 1.5em;}
.Bannertext-new .text .headBox{flex-direction: column; align-items: flex-start; justify-content: center;}
.Bannertext-new .text .img{margin: 0 auto 30px auto; border: 0;;}
.Bannertext-new .text .headBox .h2 br, .Commerce-text-wapper h2.black br, .Commerce-text-wapper .t1 br{display: none;}

 }





.scroll-container { width: 100%; overflow: hidden; background-color: #fff; padding: 20px 0; }
.logo-track { 
    display: flex; 
    flex-wrap: nowrap; 
    gap: 10px;  
    width: max-content; 
    will-change: transform; 
    backface-visibility: hidden;
    animation: logo-marquee-continuous 90s linear infinite; 
}



.logo-item { flex: 0 0 auto; width: 280px; height: 180px; display: flex; align-items: center; justify-content: center; }
.logo-item img { height: 100%; max-width: 100%; object-fit: contain; display: block; background: #fff; border-radius: 10px; padding: 10px; }

.scroll-container .logo-track#track1{ animation: logo-marquee-continuous 70s linear infinite; /* seamless, no jerk */}
.scroll-container .logo-track#track3{ animation: logo-marquee-continuous 90s linear infinite; /* seamless, no jerk */}
.scroll-container .logo-track.reverse { 
     
    animation-direction: reverse; /* continuous reverse */
    
}
.scroll-container:hover .logo-track#track1, .scroll-container:hover .logo-track#track3 { animation-play-state: paused; }

@keyframes logo-marquee-continuous {
    0%   { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); } /* shift by half after cloning */
}
 
 @media (max-width: 768px) {
     .logo-item { width: 240px; height: 140px;  } 
     .logo-item img { padding: 5px; }
 }