/* Font Family */
@font-face {
    font-family: 'ProximaNova Regular';
    src: url('/font1/proximanova_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova SemiBold';
    src: url('/font1/proximanova_semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova Bold';
    src: url('/font1/proximanova_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* global css */
*{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'ProximaNova Regular'; }
h1 { font-size: 55px; line-height: 1.3em; color: #fff; font-family: 'ProximaNova Bold'; }
h2, h3, .h3 { font-size: 50px; line-height: 1.3em; color: #000201; font-family: 'ProximaNova Bold'; color: #000201; }
h4 { font-size: 30px; font-family: 'ProximaNova SemiBold'; line-height: 1.2em; }
.para1 { font-size: 18px; line-height: 1.6em; color: #000201; }
.bg_grey { background-color: #f6f6f6; }
.smallHead { color: #000; text-transform: uppercase; letter-spacing: 0.9px; font-family: 'ProximaNova SemiBold'; background-color: rgb(253, 156, 11); width: max-content; padding: 1px 8px; border-radius: 5px; }
.fw_bold { font-family: 'ProximaNova Bold'; }
.fw_sbold { font-family: 'ProximaNova SemiBold'; }
.fw_norm { font-family: 'ProximaNova Regular'; }
.blackImgBg { background: #000000c0; }
.storyList li { font-size: 18px; list-style: none; position: relative; color: #000201; }
.storyList li::before { content: ''; position: absolute; top: 5px; left: -30px; height: 15px; width: 15px; background: url('/images/story_tick.svg') no-repeat center; }
.ssDotSec { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; }
.ssDotSec video { height: 100%; width: 100%; object-fit: cover; filter: grayscale(1); }

/* inner banner css */
.innerBnr { position: relative; overflow: hidden; background-color: #f6f6f6; margin-top: 95px; padding-top: 330px;  }

/* Stat sec css */
.storyStat { z-index: 3; }
.storyStatSec .start-50 { left: 12px !important; }
.storyStatSec .translate-middle { transform: translate(0%,-50%)!important; }
.statBox { border: 1px solid #FD9B0B; border-radius: 20px; padding: 20px; background-color: #FFFFFFE5; text-align: center; width: 200px; height: 100%; }
.statBox .firstPara { font-size: 35px; font-family: 'ProximaNova Bold'; color: #FD9B0B; line-height: 1.2em; }
.statBox .SecPara { font-size: 17px; color: #000; line-height: 1.4em; }

/* overview sec css */
.overviewSec { margin-top: 72px; }

/* Project Challenges css */
.customtabs .collapse:not(.show){display: block;}
.customtabs .card .card-header{display: none;}
.tabs-left { margin-top: 85px; margin-bottom: 85px; }
.tabs-left .nav{flex-direction: column;}
.tabs-left .nav .nav-item{width: 100%; text-align: left;border: none;margin-bottom: 8px;font-size: 15px; }
.tabs-left .nav .nav-item .nav-link{display: flex; gap: 50px; align-items: start; border-radius: 20px 0 0 20px; padding: 20px 30px; cursor: pointer; }
.tabs-left .nav .nav-item .nav-link svg { margin-top: 10px; }
.tabs-left .nav .nav-item .nav-link span{ width: calc(100% - 120px); color: #888888; text-align: left; font-size: 30px; font-family: 'ProximaNova SemiBold'; line-height: 1.3em; }
.tabs-left .nav .nav-item .nav-link.active{background-color: #fff !important; height: 100%; position: relative;}
.tabs-left .nav .nav-item .nav-link.active svg path { fill: #FD9B0B;  }
.tabs-left .nav .nav-item .nav-link.active span {color:#FD9B0B !important;}
.tabs-right {background: #fff; padding: 50px; text-align: left; border: none; border-radius: 20px; position: absolute; height: 100%; }
.tabs-right .active{border: none; padding: 0;}  
.tabs-left .nav .nav-item .nav-link img { width: 50px; height: 50px; object-fit: contain; border-radius: 10px; }

/* Our Solution css */
.icnBox { position: relative; }
.sol_icn img { width: 100%; }
.icnBox::before { content: ''; position: absolute; border-left: 2px solid #d4d4d4; height: 120%; top: 0px; left: 42px; }
.icnBox svg { width: 100%; }
.progress-line-fill {top: 0;left: 42px; width: 2px;height: 0;background: #FD9B0B;z-index: 1;transition: height 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
.timeline-item {position: relative;transition: all 0.8s ease-out;}
.timeline-item svg {padding-top: 48px; padding-bottom: 48px; margin-top: -48px; background-color: #fff; position: relative; z-index: 2; }
.timeline-item.active svg path {fill: #FD9B0B;}
#progressFill {transition: height 0.3s linear;}
.solNumBox { height: 62px; width: 62px; border: 1px solid #B3B3B3; border-radius: 50%; background-color: #fff; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; }
.timeline-item.active .solNumBox {border: 1px solid #FD9B0B;}
.timeline-item.active .solNumBox p {color: #000;}
.solNumBox p { font-size: 32px; font-family: 'ProximaNova Bold'; color: #B3B3B3; line-height: 1em; }
.icnBox1 { position: relative; z-index: 99; }
.icnBox1::before { content: none; }

/* Project Outcomes css */
.proOutBox { background-color: #fff; border-radius: 20px; height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; }
.outIcnBox { width: 75px; height: 75px; background-color: #F0F0F0; border-radius: 50%; margin-top: 24px; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; }
.proOutHead { font-size: 19px; font-family: 'ProximaNova Bold'; text-align: center; line-height: 1.2em; }
.proOutText { font-size: 30px; font-family: 'ProximaNova SemiBold'; color: #FD9B0B; line-height: 1.3em; }
.proOutText1 { font-size: 19px; line-height: 1.3em; }
.proOutpara { font-size: 16px; }
.outIcnBox img { height: 35px;}

/* cta sec */
.ctaSec { background: url(/images/ftr-cta-bg.jpg); position: relative; background-size: cover; background-repeat: no-repeat; background-position: right; }
.ctaPara { font-size: 22px; line-height: 1.4em; color: #fff; }
.ctaSec .ctaBtn { background-color: #FD9B0B; color: #202020; padding: 1px 8px; border-radius: 50px; text-decoration: none; transition: all 0.3s; }
.ctaSec .ctaBtn:hover { background-color: #000201; color: #fff; }
.ctaVdo { position: absolute; top: 0; right: 0; width: 60%; height: 100%; z-index: -1; display: none; }
.ctaVdo video { width: 100%; height: 100%; object-fit: cover; }




#slideout.slide-contact {z-index: 99;}
.slide-bttn {background-color: #FD9B0B;color: #FFFFFF;font-weight: 400;padding: 8px 14px;position: relative;top: 0;right: 0;border-radius: 10px 0 0 10px;cursor: pointer; transition: all 0.2s ease 0s;}
.slide-bttn img {margin-right: 6px;vertical-align: top; margin-top: 1px; mix-blend-mode: multiply; width:20px;}
#slideout.slide-contact.selected #slideout_inner {right: 0;}
.slide-contact #Fname {float: left;width: 100%;margin-right: 4%;}
#slideout_inner input, #slideout_inner textarea {width: 100%;padding: 6px 10px;margin-bottom: 10px;font-size: 13px;border: 1px solid #BCB9B3;box-sizing: border-box;color: #333333;}
#slideout_inner .btn-input1 {background: #333;border: none;color: #FFFFFF;margin: 0;font-weight: 700;border-radius: 4px;padding: 10px;letter-spacing: 2px;font-size: 15px;transition: all 0.2s ease 0s;font-family: 'ProximaNova Bold';}

.slide-contact.is_stuck{height:128px!important;top:150px!important;width:auto!important;}
#slideout{position:fixed;top:200px;right:0; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;}
#slideout_inner{position:fixed;top:200px;right:-250px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;width:250px;background-color:#f6f6f6;padding:20px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);box-sizing:border-box;}
#slideout.slide-contact.selected{right:250px;}
#slideout.slide-contact{right:0;}
#slideout.slide-contact.selected #slideout_inner{right:0;}
#slideout_inner input, #slideout_inner textarea{width:100%;padding:10px 10px;margin-bottom:10px;font-size:13px;border:1px solid #BCB9B3;box-sizing:border-box;color:#333333;}
.slide-bttn {background-color:#FD9B0B;color: #FFFFFF;font-weight:400;padding:8px 14px;position: relative;top:0;right: 0;border-radius: 10px 0 0 10px;cursor: pointer; transition: all 0.2s ease 0s;}
.slide-bttn:hover {background-color: #c3c3c4;}
.slide-bttn i{margin-right:4px;font-size:19px;}
.slide-bttn span{display:inline-block; color: #010101; }
#slideout_inner .btn-input1 {background: #333;border: none;color: #FFFFFF;margin: 0;font-weight: 700;border-radius: 4px;padding: 10px;letter-spacing: 2px;font-size: 15px;transition: all 0.2s ease 0s;font-family: 'ProximaNova Bold';}
#slideout_inner .btn-input1:hover{background:#FD9B0B;color:#fff;}
#slideout_inner > h3 {color: #444;display: block;font-size: 19px;font-weight: 700;text-transform: uppercase;line-height: normal;margin: 0 0 10px !important;padding: 0 !important;}
#slideout_inner .sec-box{width:100%;}
#slideout_inner .security-sec{width:100%;color:#333;padding-top:0;}
#slideout_inner .security-sec .sign{color:#333;}
#slideout_inner .security-sec img, #slideout_inner .security-sec span, #slideout_inner .security-sec input{float:left;}
#slideout_inner .security-sec input{width:50px;margin-left:10px;padding:8px 10px;}
#slideout_inner .security-sec img, #slideout_inner .security-sec span{margin-top:0;}
#slideout_inner span.spclose {cursor: pointer;display: inline-block;width: 10%;text-align: right;color: #858585;position: absolute;top: 10px;right: 10px;}
.slide-contact #Fname{float:left !important;width:100%!important;margin-right:0;}
.slide-contact #email{float:left;width:100%;}
.slide-contact textarea{width:100%;}


.list-rw {
  margin-bottom: 50px;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
}
.list-rw li {
  width: calc(100% / 2 - 10px) !important;
  padding: 10px 18px !important;
  background: #f6f6f6;
  margin: 10px 10px 0 0;
  display: inline-block;
  border-radius: 5px;
}
.list-rw span {
  display: inline-block;
  width: 80%;
  vertical-align: middle;
}
.list-rw img {
  display: inline-block;  vertical-align: middle;margin-right: 5px;
}	





.grecaptcha-badge {display:none;}
.ctaSec .amzLogo {color: #fff;}




@media(max-width:1450px) { 
    /* global css */
    .container { max-width: 100%; padding-left: 40px; padding-right: 40px; }
    h1 { font-size: 50px; line-height: 1.3em; color: #fff; font-family: 'ProximaNova Bold'; }
    h2, h3, .h3 { font-size: 45px; line-height: 1.3em; color: #000201; font-family: 'ProximaNova Bold'; color: #000201; }
    h4 { font-size: 28px; font-family: 'ProximaNova SemiBold'; line-height: 1.2em; }

    /* banner css */
    .storyStatSec .start-50 { left: 40px !important; }

    /* Project Challenges css */
    .tabs-right { padding: 30px; }
}

@media (max-width: 1200px) { 
    /* inner banner css */
    .innerBnr {  margin-top: 65px; }
}

@media (max-width: 992px) {
    /* global css */
    .container { max-width: 100%; padding-left: 30px; padding-right: 30px; }

    /* banner css */
    .storyStatSec .start-50 { left: 30px !important; }

    /*Custom Tabs Start*/
    .customtabs{padding-inline: 16px;border: none;}
    .customtabs .collapse:not(.show) {display: none;}
    .customtabs .tab-pane {border:none; display:block !important; margin:30px 0 0; padding:5px; border-radius: 10px; opacity:1; overflow: hidden;}
    .customtabs .card-header a[aria-expanded="false"]::after, 
    .customtabs .card-header a[aria-expanded="true"]::after {content: "";display: block;height: 10px;width: 10px;border-left: 2px solid #000;border-top: 2px solid #000;position: absolute;right: 20px;top: 26px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
    .customtabs .card-header a[aria-expanded="true"]::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
    .customtabs .card-header a[aria-expanded="true"] { color: #FD9B0B !important; }
    .customtabs .card .card-header{display: block;padding: 0;border: none;background: #fff;border-radius: 0;}
    .customtabs .card .card-header a{display: block;padding: 10px 15px;color: #000; font-size: 26px; font-family: 'ProximaNova SemiBold'; text-decoration: none;}
    .tabs-right{width:100% !important; padding: 0; background: transparent; min-height: max-content; position: relative;}
    .tab-content .tab-content-inner {padding: 15px; padding-bottom: 0; padding-top: 0; margin-top: 0; background-color: #fff;}
    .customtabs .row { background: none !important; padding: 0; }
    #pane-A { margin-top: 0; }
}

@media (max-width: 768px) {
    /* global css */
    .container { max-width: 100%; padding-left: 20px; padding-right: 20px; }
    h1 { font-size: 35px; line-height: 1.3em; color: #fff; font-family: 'ProximaNova Bold'; }
    h2, h3, .h3 { font-size: 30px; line-height: 1.3em; color: #000201; font-family: 'ProximaNova Bold'; color: #000201; }
    h4 { font-size: 24px; font-family: 'ProximaNova SemiBold'; line-height: 1.2em; }
    .para1 { font-size: 16px; }
    .storyList li { font-size: 16px; }

    /* banner css */
    .innerBnr { padding-top: 200px; }

    /* stat css */
    .storyStatSec .start-50 { left: 20px !important; }
    .statBox { width: 130px; padding: 15px; }
    .statBox .SecPara { font-size: 14px; }
    .statBox .firstPara { font-size: 28px; }
    
    /* cta css */
    .ctaPara { font-size: 19px; }
	.slide-bttn span {display: none;}
}

@media (max-width: 500px) {
    /* stat css */
    .statBox { width: 105px; padding: 15px; }
    .impSub { gap: 10px !important; }
    
    /* Our Solution css */
    .solNumBox { width: 50px; height: 50px; }
    .icnBox::before { left: 35px; }
    .progress-line-fill { left: 35px; }
    .solNumBox p { font-size: 24px; }
}