.mb_parallax_container {
  min-height: 100vh;
  height: auto;
  width: 100vw;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.mb_parallax_overlay {
  height: 60vh;
  width: 60vw;
  margin: auto;
  background-color: black;
  opacity: .9;
}


#mb_parallax_one {
  background-image: url('../assets/images/hero.png');
}

#mb_parallax_two {
  background-image: url(../assets/images/feature.png);
}

#mb_parallax_three {
  background-image: url(https://picsum.photos/700/300/);
}
.mb_parallax_container:after{content: ''; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 1;}
/* navbar */
.navbar-menu{position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding: 20px 50px; transition: 0.4s;}
.navbar-menu.scrolled{padding: 8px 50px; background-color: rgba(0, 0, 0, 0.8);}
.hambarger-menu{width: 50px; height: 50px; background-color: #fff; border-radius: 50%; position: relative; cursor: pointer;}
.hambarger-menu:after{content: ''; position: absolute; top: 30%; width: 60%; height: 4px; background-color: #1E1E1E; border-radius: 5px; z-index: 1; left: 50%; transform: translateX(-50%);}
.hambarger-menu:before{content: ''; position: absolute; bottom: 30%; width: 60%; height: 4px; background-color: #1E1E1E; border-radius: 5px; z-index: 1; left: 50%; transform: translateX(-50%);}
.hambarger-menu span{position: absolute; top: 50%; width: 60%; height: 4px; background-color: #1E1E1E; border-radius: 5px; z-index: 1; left: 50%; transform: translate(-50%,-50%);}
.nav-btn ul li{vertical-align: middle; margin-right: 15px;}
.logo{height: 100%; display: flex; justify-content: flex-start; align-items: center;}
.nav-btn{height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.get-in-touch-btn{position: fixed; bottom: 55px; right: 120px; z-index: 999; opacity: 0; background-color: rgba(211, 84, 22, 0.5);}
.wp-btn{position: fixed; bottom: 50px; right: 50px; z-index: 999;}
.wp-btn i{color: #075E54; font-size: 50px;}
.get-in-touch-btn.opacity{opacity: 1;}
.side-menu ul li a:hover, .side-menu table tr td a:hover {color: #fff;}
/* side menu */
.side-menu{position: fixed; top: 0; right: -100%; width: 35%; height: 100vh; background-color: #d35416; z-index: 99999; transition: 0.4s; padding: 25px 50px;}
.side-menu.opened{right: 0;}
.cross-menu{position: absolute; top: 15px; right: 20px;}
.side-menu-details{height: 90vh; display: flex; justify-content: center; flex-direction: column;}
.side-menu-details ul li{margin: 15px 0;}
.address{margin: 20px 0; position: absolute; bottom: 0; left: 50px;}
.address p span, .address a span, .address ul li {margin-right: 10px;}
.close{cursor: pointer;}
.side-menu-two {position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.8); z-index: 99999; transition: 0.4s;}
.side-menu-two.opened{right: 0;}
.cross-menu-two{text-align: right; cursor: pointer; position: absolute; top: 15px; right: 15px;}
.side-menu-two-details{margin-top: 65px;}
.side-menu-two-details h2{margin-bottom: 35px;}
.white-section{background-color: #d35416;padding: 25px 50px; width: 60%; margin: 0 0 0 auto; height: 100vh;}
#contact-frm .white-section{display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
/*  hero  */
.hero-details{padding-top: 20vh;}
.hero-details p{width: 60%; margin-top: 15px;}
.heading-top h2{position: relative;}
#hero{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1; overflow: hidden;}
#hero video{width: 100%; height: 100vh; object-fit: cover;}
.paralex-div{position: relative; z-index:2;}
.hero-info{position: relative; height: 100vh;}
#hero.opacity{opacity: 0;}
.hero-txt p{width: 40%;}
.hero-txt a{margin-top: 8px;}


/*about us*/
#about-us{background-color: #1E1E1E; padding: 150px 0;}
.about-us-div{margin: 0 auto;}
.about-us-div p, .about-us-div a{margin-top: 20px;}
.about-us-div p{width: 65%;}
.member-img img{ max-width: 100%;}
.member-section .row{margin-bottom: 50px;}
.about-us-div .member-details p,.about-us-div .category-member p{width: 85%;}
.category-member {width: 100%;}
.member-img{display: flex; height: 100%; justify-content: center; align-items: flex-start; flex-direction: column;}

/* featured  */
.featured-top p{width: 50%;}
/*.featured-card{position: relative; display: none; overflow: hidden; z-index: 1;}*/
.featured-card img{width: 100%; object-fit: cover; transition: 0.4s; height: 100%;}
.featured-card:hover img{scale: 1.2;}
.feature-details ul{margin-top: 20px;padding: 0; list-style: none;}
.feature-details h3{margin-bottom: 20px;}
.featured-top p{width: 40%; margin-top: 15px;}
.featured-bottom{margin-top: 50px;}
.featured-card{display: none;margin-bottom: 20px; height: 600px; border-radius: 20px; overflow: hidden; cursor: pointer; position: relative; z-index: 1;}
.feature-details{position: absolute; left: 0px; right:0px; bottom: 0px; z-index: 2; background-color: rgba(0, 0, 0, 0.5); padding: 25px;}
.feature-details .category label{display: inline-block;margin: 0 10px 10px 0; padding: 5px 15px; border: 1px solid #fff; border-radius: 25px; transition: 0.4s; font-size: 12px;}
.feature-details .category label{color: #fff;}
.view-more{margin-top: 20px; text-align: center;}
.pop-up-btn{transition: 0.4s;position: absolute; top: 25px; right: 25px; z-index: 1; cursor: pointer; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.5); display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.pop-up-btn:hover{background: #fff;}
#loadLess {
  display: none;
}
/*Partner*/
#partners{background-color: rgba(0, 0, 0, 0.8); padding: 30px 0;}
.partner-carousel .item img{width: auto !important; margin: 0px auto !important; max-width: 100% !important; filter: grayscale(100%);}
.partner-carousel .item{text-align: center;}
.partners-div{margin: 30px 0 10px;}
.partner-carousel {height: 100%; display: flex; justify-content: center; flex-direction: column;}
/* our solution */
#our-solution{background-color: #1E1E1E;}
.our-solution-top p{width: 40%; margin-top: 15px;}
.our-solution-bottom{margin-top: 50px;}
.details-btn{flex-direction: column;display: flex; justify-content: center; align-items: flex-end; border: none !important; outline: none !important; margin: 0 0 0 auto;}
.solution-div{border-radius: 30px; overflow: hidden; padding: 50px 30px;border: 1px solid #1E1E1E; background-color: #1E1E1E; margin-bottom: 30px; transition: 0.4s; box-shadow: 0 0 5px 1px #333333 inset;}
/*.solution-div:after{content: ''; position: absolute; top: 0; left: 5px; height: 100%; width: auto; background-color: #1E1E1E; border-radius: 30px; right: 0;}*/
.solution-div .row{position: relative; z-index: 2;}
.solution-div:before{content: ''; position: absolute; top: 0; left: 0px; height: 100%; width: 0%; background-color: #d35416; border-radius: 30px;z-index: 2; transition: 0.4s;}
.solution-div:hover:before{width: 100%;}
/*.solution-div:hover{border-left: 5px solid transparent;}*/
.details-btn div{margin-bottom: 15px;}

/*our client*/
#our-client{background-color: #1E1E1E;}
.blue-card{background-color: #06A8BE;}
.client-card{padding: 20px; border-radius: 20px; overflow: hidden; margin-bottom:  20px; height: 500px}
.blue-card .first-letter{overflow: hidden;margin-right: 15px;width: 100px; height: 100px !important;box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.5), -5px -5px 11px rgba(0, 0, 0, 0.5); border-radius: 50%; text-align: center;}
.blue-card .first-letter img{width: 100%; object-fit: cover;}
.profile-details{width: 100%;}
.client-card-top ul li{height: 100%; vertical-align: middle;}
.client-card-middle{margin: 0;}
.yellow-card{background-color: #F6C208;}
.yellow-card .first-letter{margin-right: 15px;width: 65px; height: 65px !important;box-shadow: 5px 5px 11px #EAB808, -5px -5px 11px #FFCC08; border-radius: 50%; text-align: center;}
.our-client-bottom{margin: 50px 0 0;}
.our-client-bottom .item{transition: 0.4s;}
.our-client-bottom .item:nth-child(1){rotate: -3deg;}
.our-client-bottom .item:nth-child(2){rotate: 3deg;}
.our-client-bottom .item.in-viewport{rotate: 0deg;}
.client-card-bottom{margin-top: 20px; height: 380px; overflow-y: scroll; overflow-x: hidden;}
.client-card-bottom p{padding-right: 7px;}
.our-client-bottom .owl-item.active.center{scale: 1;}
.our-client-bottom .owl-item{scale: 0.8;}
.our-client-bottom .owl-item.active.center .client-card-middle{height: 460px; overflow: hidden;}
.our-client-bottom .owl-item .client-card-middle{height: 460px; overflow: hidden;}
/* our-process */
#our-process{background-color: #1E1E1E;}
.our-process-div{transition: 0.4s;margin-bottom: 20px;border-radius: 30px; border:  1px solid rgba( 255, 255, 255, 0.5); padding: 40px 30px; min-height: 410px; position: relative;}
.process-counter{margin-bottom: 10px;}
.our-process-div:hover{background: rgba(255, 255, 255, 0.5);}
.our-process-div h3{margin-bottom: 30px;}
.our-process-div-bottom{margin: 35px 10px 0;}
.our-process-div-bottom a{opacity: 0.5;}
.our-process-div-bottom a:hover{color: #B53007; opacity: 1;}
.our-process-div p i{margin-right: 8px;}
.our-process-bottom{margin-top: 35px;}

/* faq */
#faq{background-color: #1E1E1E;}
.faq-radius{background-color: #333333; overflow: hidden;}
ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 50px;
  list-style: none; padding: 0;
  
}
.accordion-item {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #ECECEC;
  padding: 25px 35px 25px 25px;
  margin: 0 1% 15px auto;
  border-left: 5px solid #d35416;
  border-radius: 20px;
  cursor: pointer;
  vertical-align: text-top;
}
.accordion-item.active{background-color: #fff;}
.accordion-item.active h3:after {
  transform: rotate(45deg);
}
.accordion-item h3 {
  font-family: "Hanken Grotesk", sans-serif; color: #000;
  font-weight: 500;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0 0 0 0;
  padding-right: 40px;
  margin: 0;
  font-size: 24px;
  letter-spacing: 0.01em;
  cursor: pointer;
}
.accordion-item h3:after {
  content: "";
  font-family: "material-design-iconic-font";
  position: absolute;
  right: 0;
  top: 0;
  color: #Fcc110;
  transition: all 0.3s ease-in-out;
  font-size: 18px; opacity: 0;
}
.accordion-item div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer; margin-top: 20px;
}
.accordion-item div.answer p {
  position: relative; color: #969696; font-family: "Hanken Grotesk", sans-serif;
  display: block;
  font-weight: 400;
  cursor: pointer;
  line-height: 1.1;
  margin: 0 0 15px 0;
  font-size: 18px;
}
.accordion-item .icon{width: 40px; height: 40px; position: absolute; top: 20px; right: 25px; z-index: 1; box-shadow: 5px 5px 11px #D1D1D1E5, -5px -5px 11px #D1D1D1E5; border-radius:50%; display: flex; justify-content: center; align-items: center; transition: 0.4s;}
.accordion-item .icon img{max-width: 100%;}
.accordion-item.active .icon{rotate: -90deg;}

/* styles.css */

.accordion-container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
}


.accordion-item {
    margin-bottom: 20px;
}

.accordion-content {
    display: none;
}


.accordion-column-left, .accordion-column-right{width: 49%;}
.accordion-item{border: none !important; border-left: 5px solid #d35416 !important;}

.accordion-item:first-of-type, .accordion-item:last-of-type {border-radius: 20px !important;}



/* footer */
footer{padding: 50px 0; background-color: #1E1E1E; position: relative; z-index: 9;}
footer .logo img{max-width: 200px;}
.footer-left table{margin: 0;}
.heading-section{width: 30px;}
table td{vertical-align: text-top; margin-bottom: 25px;}
table td a:hover{color: #d35416;}
.social-media ul li{margin: 0 10px 0 0; transition: 0.4s;}
.social-media ul li:hover{rotate: 360deg;}
.footer-right{height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: flex-end;}
.copyright{margin-top: 15px;}
footer h3{margin-bottom: 30px;}
footer ul li{margin-bottom: 10px;}
footer a:hover{color: #d35416;}

/*contact us*/
.wpcf7-form-control.options{margin: 5px 0 8px;}
.other-frm{display: none;}
.other-frm.show{display: block;}
.contact-frm-section label{font-family: "Hanken Grotesk", sans-serif; color: #fff; font-size: 16px; margin-bottom: 3px;}
.common-frm{width: 90%; border: none; border-bottom: 1px solid #fff; padding: 6px 0;font-family: "Hanken Grotesk", sans-serif; color: #fff; font-size: 16px; margin-bottom: 10px; outline: none; background-color: transparent;}
.contact-frm .cross-menu-two{position: absolute; top: 15px; right: 15px;}
.contact-frm .side-menu-two-details {margin-top: 0px;}
.#contact-frm .white-section::-webkit-scrollbar {
  width: 3px;
}

/* Track */
#contact-frm .white-section::-webkit-scrollbar-track {
  box-shadow: none; 
  border-radius: 10px;
  margin-left: 15px;
}
 
/* Handle */
#contact-frm .white-section::-webkit-scrollbar-thumb {
  background: #000; 
  border-radius: 10px;
}
#contact-frm .white-section::scrollbar {
  width: 3px;
}

/* Track */
#contact-frm .white-section::scrollbar-track {
  box-shadow: none; 
  border-radius: 10px;
  margin-left: 15px;
}
 
/* Handle */
#contact-frm .white-section::scrollbar-thumb {
  background: transparent; 
  border-radius: 10px;
}
.common-frm::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff; opacity: 0.5;
}

.common-frm::placeholder {
  color: #fff; opacity: 0.5;
}
.side-menu-two-details p a{color: #333;}
.side-menu-two-details p a:hover{color: #fff; text-decoration: underline;}
.owl-next{border: none !important; outline: none !important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 60px; height:  60px; border-radius: 50% !important; background-color:#fff !important; overflow: hidden;}
.owl-prev{border: none !important; outline: none !important; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;width: 60px; height:  60px; border-radius: 50% !important; background-color:#fff !important; overflow: hidden;}
.owl-nav button img{width:  20px; margin: 0 auto;}
.owl-nav button{opacity: 0.5;}
.owl-nav button:hover{opacity: 1;}
.from-area{width: 47%; display: inline-block; margin-right: 1.5%; vertical-align: text-top;}
form .common-btn-three{margin-top: 15px;}
.check-area{width: 95%;}
.description{height: 85vh; overflow-y: scroll; overflow-x: hidden;}
.description::-webkit-scrollbar, .client-card-bottom::-webkit-scrollbar, form::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.description::-webkit-scrollbar-track, .client-card-bottom::-webkit-scrollbar-track, form::-webkit-scrollbar-track, {
  box-shadow: none; 
  border-radius: 10px;
  margin-left: 15px;
}
 
/* Handle */
.description::-webkit-scrollbar-thumb, .client-card-bottom::-webkit-scrollbar-thumb, form::-webkit-scrollbar-thumb {
  background: #000; 
  border-radius: 10px;
}
.description::scrollbar, .client-card-bottom::scrollbar, form::scrollbar {
  width: 3px;
}

/* Track */
.description::scrollbar-track, .client-card-bottom::scrollbar-track, form::scrollbar-track {
  box-shadow: none; 
  border-radius: 10px;
  margin-left: 15px;
}
 
/* Handle */
.description::scrollbar-thumb, .client-card-bottom::scrollbar-thumb, form::scrollbar-thumb {
  background: #000; 
  border-radius: 10px;
}

/*  other page*/
.other-page-hero{background: linear-gradient(180deg, #fff 0%, #FFFFFF 100%);}
.other-page-hero-section{height: 40vh; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; padding-bottom: 50px;}
.other-page-content p{font-family: "Hanken Grotesk", sans-serif; line-height: 1.2; font-size: 14px;}
.other-page-content h2{color: #d35416; font-family: "Hanken Grotesk", sans-serif; font-size: 28px; font-weight: 700; line-height: 1.2; margin: 0; margin-bottom: 15px;}
.other-page-content h3{color: #d35416; font-family: "Hanken Grotesk", sans-serif; font-size: 22px; font-weight: 700; line-height: 1.2; margin: 0; margin-bottom: 15px;}
.other-page-content h4{color: #d35416; font-family: "Hanken Grotesk", sans-serif; font-size: 18px; font-weight: 700; line-height: 1.2; margin: 0; margin-bottom: 15px;}
.other-page-content a{color: #d35416;}
.other-page-content a:hover{text-decoration: underline;}
.other-page-content{padding:  0px 0 100px;}
#scrollToTop{position:  fixed; left: 50px; bottom: 50px; z-index: 9999; opacity:  0; background-color: rgba(211, 84, 22, 0.5);}
#scrollToTop.opacity{opacity: 1;}
.navbar-menu .bth{background-color: rgba(0, 0, 0, 0.5);}
.navbar-menu.scrolled .bth{background-color: #fff;}
.navbar-menu .bth:hover{background-color: #d35416;}
.navbar-menu.scrolled .bth:hover{background-color: #d35416;}
/*popup*/
.popup-frm-section form textarea{height: 35px;} 
.pop-upfrm{position: fixed; top: -150vh; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 99999; transition: 0.4s;}
.pop-upfrm.opened{top: 0;}
.popup-frm-section{max-width: 500px; padding: 20px; background-color: #d35416; border-radius: 10px;}
 #popup form{height: auto !important;}
.popup-close{position: absolute; top: 15px; right: 15px; cursor: pointer;}
.popup-frm-section h2{margin-bottom: 20px;}
.from-area2 textarea{height: 100px;}
.from-area2 .common-frm{width: 100%;}
.popup-close img{width: 35px;}