.main-slider .active .image-layer { transform: scale(1.15); }
.main-slider .active h1 { opacity: 1; transform: translateX(0px); transition-delay: 450ms; }
.main-slider .active .btns-box { opacity: 1; transform: translateX(0px); transition-delay: 900ms; }
@-webkit-keyframes ripple { 
  70% { box-shadow: rgba(253, 167, 0, 0) 0px 0px 0px 70px; }
  100% { box-shadow: rgba(253, 167, 0, 0) 0px 0px 0px 0px; }
}
@keyframes ripple { 
  70% { box-shadow: rgba(253, 167, 0, 0) 0px 0px 0px 70px; }
  100% { box-shadow: rgba(253, 167, 0, 0) 0px 0px 0px 0px; }
}
.main-slider .owl-dots, .main-slider .owl-nav { display: none; }
.main-slider-two .active .title { opacity: 1; transform: translateX(0px); transition-delay: 150ms; }
.main-slider-two .active h1 { opacity: 1; transform: translateX(0px); transition-delay: 450ms; }
.main-slider-two .active .text { opacity: 1; transform: translateX(0px); transition-delay: 650ms; }
.main-slider-two .active .btns-box { opacity: 1; transform: translateX(0px); transition-delay: 900ms; }
.main-slider-two .active .options { opacity: 1; transform: translateX(0px); transition-delay: 1200ms; }
.main-slider-two .active .side-image { opacity: 1; transform: translateX(0px); transition-delay: 1200ms; }
.main-slider-two .owl-dots { display: none; }
.main-slider-two .owl-nav { position: absolute; right: 0px; bottom: 0px; }
.main-slider-two .owl-nav .owl-prev, .main-slider-two .owl-nav .owl-next { position: relative; width: 90px; height: 90px; line-height: 90px; text-align: center; display: inline-block; font-size: var(--font-26); font-family: Flaticon; color: var(--white-color); background-color: var(--color-two); transition: 500ms; }
.main-slider-two .owl-nav .owl-prev:hover, .main-slider-two .owl-nav .owl-next:hover { background-color: var(--main-color); }
.main-slider-three .active h1 { opacity: 1; transform: translateX(0px); transition-delay: 150ms; }
.main-slider-three .active .text { opacity: 1; transform: translateX(0px); transition-delay: 300ms; }
.main-slider-three .active .btns-box { opacity: 1; transform: translateX(0px); transition-delay: 600ms; }
.main-slider-three .active .options { opacity: 1; transform: translateX(0px); transition-delay: 1200ms; }
.main-slider-three .owl-dots { display: none; }
.main-slider-three .owl-nav { position: absolute; right: 0px; bottom: 0px; }
.main-slider-three .owl-nav .owl-prev, .main-slider-three .owl-nav .owl-next { position: relative; width: 90px; height: 90px; line-height: 90px; text-align: center; display: inline-block; font-size: var(--font-26); font-family: Flaticon; color: var(--white-color); background-color: var(--color-two); transition: 500ms; }
.main-slider-three .owl-nav .owl-prev:hover, .main-slider-three .owl-nav .owl-next:hover { background-color: var(--main-color); }
.main-slider-four .active h1 { opacity: 1; transform: translateX(0px); transition-delay: 450ms; }
.main-slider-four .active .btns-box { opacity: 1; transform: translateX(0px); transition-delay: 900ms; }
.main-slider-four .active .video-box { opacity: 1; transform: scale(1, 1); transition-delay: 600ms; }
.main-slider-four .active .image { opacity: 1; transform: translateX(0px); transition-delay: 300ms; }
.main-slider-four .active .options { opacity: 1; transform: translateX(0px); transition-delay: 1200ms; }
.main-slider-four .owl-dots, .main-slider-four .owl-nav { display: none; }
.services-section .owl-dots { display: none; }
.services-section .owl-nav { position: absolute; right: 0px; top: -120px; }
.services-section .owl-nav .owl-prev, .services-section .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; }
.services-section .owl-nav .owl-prev:hover, .services-section .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.services-section .owl-carousel .owl-stage-outer { overflow: visible; }
.service-block { position: relative; margin-bottom: var(--margin-bottom-30); }
.service-block .inner-box { position: relative; padding: 50px 0px 0px 50px; background-color: var(--white-color); }
.service-block .inner-box .icon { position: relative; line-height: 1em; color: var(--color-two); font-size: var(--font-60); font-family: Flaticon; display: inline-block; transition: 500ms; }
.service-block .inner-box:hover .icon { transform: scale(-1) rotate(180deg); }
.service-block .inner-box h4 { position: relative; font-weight: 600; margin-top: var(--margin-top-25); margin-bottom: var(--margin-bottom-15); }
.service-block .inner-box h4 a { position: relative; color: var(--color-two); }
.service-block .inner-box:hover h4 a { color: var(--main-color); }
.service-block .inner-box .text { color: var(--color-five); max-width: 270px; line-height: 28px; margin-bottom: var(--margin-bottom-35); }
.service-block .inner-box .view-detail { position: relative; display: block; font-weight: 600; letter-spacing: 3px; color: var(--white-color); text-transform: uppercase; padding: 15px 20px 15px 25px; background-color: var(--color-two); font-family: var(--font-family-Jost); }
.service-block .inner-box .view-detail::before { position: absolute; content: ""; right: 20px; font-size: var(--font-12); color: var(--white-color); font-family: Flaticon; }
.service-block .inner-box:hover .view-detail { background-color: var(--main-color); }
.service-block.style-two { margin-bottom: var(--margin-bottom-60); }
.service-block.style-two .inner-box { padding: 0px 50px 0px 0px; background: none; }
.counter-section { position: relative; overflow: hidden; }
.counter-section .inner-container { position: relative; margin-right: -180px; padding: 60px 0px 30px 100px; background-color: var(--main-color); }
.counter-section .inner-container::before { position: absolute; content: ""; left: 95%; top: 0px; bottom: 0px; width: 150%; background-color: var(--main-color); }
.counter-block { position: relative; margin-bottom: var(--margin-bottom-30); }
.counter-block .inner-block { position: relative; }
.counter-block .counter { position: relative; line-height: 1em; color: var(--white-color); font-size: var(--font-55); font-family: var(--font-family-Jost); }
.counter-block .counter-text::before { position: absolute; content: ""; left: 0px; top: 0px; width: 21px; height: 21px; background: url("../images/icons/stars.png") no-repeat; }
.counter-block .counter-text { position: relative; font-weight: 600; letter-spacing: 2px; color: var(--white-color); font-size: var(--font-14); text-transform: uppercase; margin-top: var(--margin-top-10); padding-left: var(--padding-left-30); font-family: var(--font-family-Jost); }
.counter-section.style-two { padding-bottom: var(--padding-bottom-30); background-color: var(--color-three); }
.counter-section.style-two .inner-container { background-color: var(--color-three); }
.counter-section.style-two .inner-container::before { display: none; }
.counter-section.style-two .counter-block .counter { color: var(--color-two); }
.counter-section.style-two .counter-block .counter-text { color: var(--main-color); }
.counter-section.style-two .counter-block .counter-text::before { background: url("../images/icons/stars-1.png"); }
.project-section .filters li.active, .project-section .filters li:hover { color: var(--main-color); }
.testimonial-section .owl-nav { display: none; }
.testimonial-section .owl-dots { position: relative; margin-top: var(--margin-top-60); }
.testimonial-section .owl-dots .owl-dot { position: relative; width: 20px; height: 8px; opacity: 0.2; display: inline-block; margin-right: var(--margin-right-15); background-color: var(--white-color); transition: 300ms; }
.testimonial-section .owl-dots .owl-dot.active, .testimonial-section .owl-dots .owl-dot:hover { opacity: 1; background-color: var(--main-color); }
.clients-section .owl-nav, .clients-section .owl-dots { display: none; }
.news-section .owl-dots { display: none; }
.news-section .owl-nav { position: absolute; right: 0px; top: -125px; }
.news-section .owl-nav .owl-prev, .news-section .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 72px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; background-color: var(--color-three); }
.news-section .owl-nav .owl-prev:hover, .news-section .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.main-footer { position: relative; background-color: var(--color-two); }
.service-block-two.active .inner-box::before { opacity: 1; transform: scale(1, 1); }
@-webkit-keyframes circle { 
  0% { opacity: 1; }
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; }
}
@keyframes circle { 
  0% { opacity: 1; }
  40% { opacity: 1; }
  100% { width: 200%; height: 200%; opacity: 0; }
}
.fluid-section-four .carousel-column .owl-nav { display: none; }
.fluid-section-four .carousel-column .owl-dots { position: relative; margin-top: var(--margin-top-50); }
.fluid-section-four .carousel-column .owl-dots .owl-dot { position: relative; width: 20px; height: 8px; opacity: 0.2; display: inline-block; margin-right: var(--margin-right-15); background-color: var(--white-color); transition: 300ms; }
.fluid-section-four .carousel-column .owl-dots .owl-dot.active, .fluid-section-four .carousel-column .owl-dots .owl-dot:hover { opacity: 1; background-color: var(--main-color); }
.services-section-three .owl-dots, .services-section-three .owl-nav { display: none; }
@-webkit-keyframes shine { 
  100% { left: 125%; }
}
@keyframes shine { 
  100% { left: 125%; }
}
.services-section-four .owl-dots { display: none; }
.services-section-four .owl-nav { position: absolute; right: 0px; top: -130px; }
.services-section-four .owl-nav .owl-prev, .services-section-four .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; }
.services-section-four .owl-nav .owl-prev:hover, .services-section-four .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.services-section-four .owl-carousel .owl-stage-outer { overflow: visible; }
.project-section-three .owl-dots { display: none; }
.project-section-three .owl-nav { position: absolute; right: 0px; top: -130px; }
.project-section-three .owl-nav .owl-prev, .project-section-three .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; }
.project-section-three .owl-nav .owl-prev:hover, .project-section-three .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.project-section-three .owl-carousel .owl-stage-outer { overflow: visible; }
.team-section-three .owl-carousel .owl-stage-outer { overflow: visible; }
.team-section-three .owl-dots { display: none; }
.team-section-three .owl-nav { position: absolute; right: 0px; top: -120px; }
.team-section-three .owl-nav .owl-prev, .team-section-three .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; }
.team-section-three .owl-nav .owl-prev:hover, .team-section-three .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.faq-section .accordion-box .block.active-block::before { opacity: 1; }
.accordion-box .block.active-block { padding-top: var(--padding-top-15); background-color: var(--white-color); border-color: var(--white-color); }
.accordion-box .block .acc-btn.active { color: var(--main-color); }
.accordion-box .block .acc-btn.active .icon { transform: rotate(180deg); }
.accordion-box .block .acc-content.current { display: block; }
.testimonial-section-two .owl-carousel .owl-stage-outer { overflow: visible; }
.testimonial-section-two .owl-dots { display: none; }
.testimonial-section-two .owl-nav { position: absolute; right: 0px; top: -125px; }
.testimonial-section-two .owl-nav .owl-prev, .testimonial-section-two .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--white-color); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--white-color); transition: 500ms; }
.testimonial-section-two .owl-nav .owl-prev:hover, .testimonial-section-two .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.news-section-two .owl-dots { display: none; }
.news-section-two .owl-nav { position: absolute; right: 150px; top: -125px; }
.news-section-two .owl-nav .owl-prev, .news-section-two .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 72px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; background-color: var(--color-three); }
.news-section-two .owl-nav .owl-prev:hover, .news-section-two .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.mobile-menu .search-box .form-group { position: relative; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: var(--margin-bottom-10); }
.mobile-menu .search-box .form-group input[type="text"], .mobile-menu .search-box .form-group input[type="search"] { position: relative; line-height: 43px; padding: 10px 50px 10px 25px; display: block; font-size: var(--font-16); width: 100%; height: 54px; font-weight: 500; background: none; color: var(--white-color); transition: 500ms; font-family: var(--font-family-Jost); }
.mobile-menu .search-box .form-group button { position: absolute; right: 0px; top: 0px; height: 56px; width: 60px; display: block; font-size: 16px; color: var(--white-color); cursor: pointer; line-height: 100%; font-weight: normal; background: none; font-family: Flaticon; }
.mobile-menu .search-box .form-group input[type="text"]:focus, .mobile-menu .search-box .form-group input[type="search"]:focus { border-color: var(--main-color); }
.mobile-menu .search-box .form-group input::-webkit-input-placeholder { color: var(--white-color); }
.testimonial-section-three .owl-dots { display: none; }
.testimonial-section-three .owl-nav { position: absolute; left: 0px; right: 0px; top: 12%; }
.testimonial-section-three .owl-nav .owl-prev { position: absolute; left: 0px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; display: inline-block; font-family: Flaticon; color: var(--white-color); font-size: var(--font-24); transition: 500ms; background-color: rgba(var(--white-color-rgb), 0.04); }
.testimonial-section-three .owl-nav .owl-next { position: absolute; right: 0px; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; display: inline-block; font-family: Flaticon; color: var(--white-color); font-size: var(--font-24); transition: 500ms; background-color: rgba(var(--white-color-rgb), 0.04); }
.testimonial-section-three .owl-nav .owl-prev:hover, .testimonial-section-three .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.mobile-menu-visible .sidebar-menu-page .mobile-menu { visibility: visible; }
.project-section-five .owl-dots { display: none; }
.project-section-five .owl-nav { position: relative; text-align: center; margin-top: var(--margin-top-40); }
.project-section-five .owl-nav .owl-prev, .project-section-five .owl-nav .owl-next { position: relative; width: 77px; height: 77px; margin: 0px 10px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); border: 3px solid var(--color-two); transition: 500ms; }
.project-section-five .owl-nav .owl-prev:hover, .project-section-five .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.team-section-four .owl-carousel .owl-stage-outer { overflow: visible; }
.team-section-four .owl-dots { display: none; }
.team-section-four .owl-nav { position: absolute; right: 0px; top: -125px; }
.team-section-four .owl-nav .owl-prev, .team-section-four .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; }
.team-section-four .owl-nav .owl-prev:hover, .team-section-four .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.testimonial-section-four .owl-dots, .testimonial-section-four .owl-nav { display: none; }
.news-section-four .owl-dots { display: none; }
.news-section-four .owl-nav { position: absolute; right: 0px; top: -125px; }
.news-section-four .owl-nav .owl-prev, .news-section-four .owl-nav .owl-next { position: relative; width: 77px; height: 77px; line-height: 74px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-30); margin-left: var(--margin-left-20); border: 3px solid var(--color-two); transition: 500ms; }
.news-section-four .owl-nav .owl-prev:hover, .news-section-four .owl-nav .owl-next:hover { color: var(--white-color); border-color: var(--main-color); background-color: var(--main-color); }
.news-section-four .owl-carousel .owl-stage-outer { overflow: visible; }
.main-slider-five { position: relative; overflow: hidden; }
.main-slider-five .slide { position: relative; overflow: hidden; padding: 120px 0px 420px; }
.main-slider-five .image-layer { position: absolute; inset: 0px; background-size: cover; transform: scale(1); background-position: right center; transition: 6000ms linear; }
.main-slider-five .active .image-layer { transform: scale(1.15); }
.main-slider-five .image-layer::before { position: absolute; content: ""; inset: -150px 0px 0px; background: url("../images/main-slider/gradient-layer-1.png") center top repeat-y; }
.main-slider-five .content-boxed { position: relative; text-align: center; }
.main-slider-five .content-boxed .inner-box { position: relative; }
.main-slider-five h1 { opacity: 0; line-height: 77px; text-transform: uppercase; color: var(--color-two); transform-origin: center top; transform: translateY(200px); transition: 1000ms; margin-bottom: var(--margin-bottom-50); }
.main-slider-five .active h1 { opacity: 1; transform: translateY(0px); transition-delay: 450ms; }
.main-slider-five .btns-box { opacity: 0; transform: translateY(200px); transform-origin: center top; display: inline-block; transition: 900ms; }
.main-slider-five .active .btns-box { opacity: 1; transform: translateY(0px); transition-delay: 900ms; }
.main-slider-five .owl-dots, .main-slider-five .owl-nav { display: none; }
.about-section-two { position: relative; margin-top: -430px; padding: 540px 0px 70px; }
.about-section-two.style-two { padding: 130px 0px 50px; margin: var(--margin-zero); background-color: var(--white-color); }
.about-section-two .pattern-layer { position: absolute; inset: 0px; background-size: cover; background-color: var(--color-three); }
.about-section-two .image-column { position: relative; margin-bottom: var(--margin-bottom-30); }
.about-section-two .image-column .inner-column { position: relative; padding-right: var(--padding-right-50); }
.about-section-two .experience-box { position: absolute; left: 0px; bottom: 0px; width: 250px; height: 270px; text-align: center; padding: 30px 15px 10px; background-color: var(--main-color); border: 10px solid var(--white-color); background-position: right bottom; background-repeat: no-repeat; }
.about-section-two .experience-box .counter { position: relative; font-weight: 500; overflow: hidden; line-height: 1em; font-size: var(--font-80); color: var(--white-color); font-family: var(--font-family-Jost); }
.about-section-two .experience-box .text { position: relative; line-height: 32px; font-size: var(--font-24); color: var(--white-color); font-family: "DM Sans", sans-serif; }
.about-section-two .content-column { position: relative; margin-bottom: var(--margin-bottom-30); }
.about-section-two .content-column .inner-column { position: relative; padding-right: var(--padding-right-90); }
.about-section-two .info-column { position: relative; margin-bottom: var(--margin-bottom-30); }
.about-section-two .info-column .column-inner { position: relative; }
.about-section-two .info-column .icon { position: relative; line-height: 1em; font-size: var(--font-50); color: var(--main-color); font-family: Flaticon; }
.about-section-two .info-column h4 { font-weight: 500; color: var(--color-two); margin-top: var(--margin-top-15); }
.about-section-two .info-column .text { max-width: 255px; line-height: 28px; font-size: var(--font-16); color: var(--color-five); margin-top: var(--margin-top-10); }
.mission-section { position: relative; overflow: hidden; padding-top: var(--padding-top-110); background-color: var(--color-three); }
.mission-section .color-layer { position: absolute; left: 0px; top: 0px; right: 20%; height: 550px; background-color: var(--main-color); }
.mission-section .inner-container { position: relative; padding-bottom: var(--padding-bottom-100); background-color: var(--white-color); }
.mission-section .inner-container::before { position: absolute; content: ""; left: 50%; top: 0px; bottom: 0px; width: 150%; background-color: var(--white-color); }
.mission-section .tab-column { position: relative; }
.mission-section .tab-column .inner-column { position: relative; padding-right: var(--padding-right-100); }
.mission-section .tab-column .inner-column .sec-title .text { padding-right: var(--padding-right-50); }
.mission-section .image-column { position: relative; }
.mission-section .image-column .inner-column { position: relative; }
.mission-section .image-column .image { position: relative; margin-left: -130px; }
.mission-section .image-column .image img { position: relative; max-width: inherit; }
.mission-tabs { position: relative; }
.mission-tabs .tab-btns { position: relative; border-bottom: 1px solid rgba(var(--black-color-rgb), 0.04); }
.mission-tabs .tab-btns .tab-btn { position: relative; float: left; display: block; cursor: pointer; font-weight: 500; line-height: 24px; padding: 20px 38px; color: var(--color-two); font-size: var(--font-20); text-transform: capitalize; transition: 500ms; font-family: var(--font-family-Jost); border-right: 1px solid rgba(var(--black-color-rgb), 0.04); }
.mission-tabs .tab-btns .tab-btn:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.mission-tabs .tab-btns .tab-btn::before { position: absolute; content: ""; left: 50%; bottom: 0px; opacity: 0; margin-left: -5px; transition: 500ms; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid var(--color-two); }
.mission-tabs .tab-btns .tab-btn:hover, .mission-tabs .tab-btns .tab-btn.active-btn { color: var(--white-color); background: var(--color-two); }
.mission-tabs .tab-btns .tab-btn:hover::before, .mission-tabs .tab-btns .tab-btn.active-btn::before { bottom: -10px; opacity: 1; }
.mission-tabs .tabs-content { position: relative; padding: 80px 60px 0px; }
.mission-tabs .tabs-content .tab { position: relative; display: none; }
.mission-tabs .tabs-content .tab.active-tab { display: block; }
.mission-tabs .tabs-content .tab .content { }
.mission-tabs.style-two .tab-btns .tab-btn:hover, .mission-tabs.style-two .tab-btns .tab-btn.active-btn { color: var(--color-two); border-color: var(--main-color); }
.mission-tabs .option { position: relative; }
.mission-tabs .option li { position: relative; font-weight: 500; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; font-size: var(--font-16); font-family: var(--font-family-Jost); padding-left: var(--padding-left-40); margin-bottom: var(--margin-bottom-25); }
.mission-tabs .option li::before { position: absolute; content: ""; left: 0px; top: 0px; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50px; display: inline-block; color: var(--white-color); font-family: flaticon; font-size: var(--font-10); background-color: var(--main-color); }
.project-section-six .owl-carousel .owl-stage-outer { overflow: visible; }
.project-section-six .project-tab .p-tabs-content .owl-nav, .project-section-six .project-tab .p-tabs-content .owl-dots { display: none; }
.project-section-six .project-tab .p-tab.active-tab { position: relative; visibility: visible; z-index: 5; }
.project-section-six .p-tab.active-tab .project-block-two { transform: scaleY(1); }
.project-section-six .product-tab-btns li.active-btn, .project-section-six .product-tab-btns li:hover { color: var(--main-color); }
.page-title { position: relative; z-index: 1; text-align: center; background-size: cover; padding: 150px 0px 140px; }
.page-title::before { position: absolute; content: ""; inset: 0px; opacity: 0.7; background: var(--black-color); }
.page-title h2 { color: var(--white-color); text-transform: uppercase; }
.page-title .bread-crumb { position: relative; margin-top: var(--margin-top-20); }
.page-title .bread-crumb li { position: relative; font-weight: 600; display: inline-block; text-transform: uppercase; font-size: var(--font-16); color: var(--main-color); font-family: var(--font-family-Jost); margin-right: 13px; padding-right: var(--padding-right-10); padding-left: 0px; }
.page-title .bread-crumb li::before { position: absolute; right: 0px; top: -2px; content: ":"; font-weight: 400; font-size: var(--font-22); color: var(--white-color); font-family: FontAwesome; }
.page-title .bread-crumb li:last-child { padding-right: 0px; margin-right: 0px; }
.page-title .bread-crumb li:last-child::before { display: none; }
.page-title .bread-crumb li a { color: var(--white-color); transition: 300ms; }
.page-title .bread-crumb li a:hover { color: var(--main-color); }
.page-title .scroll-to-down { position: absolute; left: 50%; bottom: -38px; width: 76px; height: 76px; font-size: 30px; cursor: pointer; line-height: 76px; text-align: center; margin-left: -38px; border-radius: 50px; display: inline-block; font-family: Flaticon; background-color: var(--white-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; transition: 300ms; }
.page-title .scroll-to-down::before { position: absolute; content: ""; inset: -7px; border-radius: 50px; border: 1px solid var(--white-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; }
.page-title .scroll-to-down:hover { color: var(--white-color); background-color: var(--main-color); }
.services-page-section { position: relative; padding: 120px 0px 50px; }
.styled-pagination li a:hover, .styled-pagination li a.active { color: var(--white-color); background-color: var(--main-color); }
.shop-detail-section .prod-tabs .tab-btns .tab-btn:hover, .shop-detail-section .prod-tabs .tab-btns .tab-btn.active-btn { color: var(--main-color); background: var(--white-color); }
.shop-detail-section .prod-tabs .tabs-content .tab.active-tab { display: block; }
.sidebar-page-container { position: relative; padding: 100px 0px; }
.sidebar-page-container .sidebar-side { margin-bottom: var(--margin-bottom-40); }
.sticky-top { top: 90px; z-index: 1; }
.sidebar-widget { position: relative; padding: 30px 30px 35px; margin-bottom: var(--margin-bottom-40); border: 1px solid rgba(var(--black-color-rgb), 0.06); }
.sidebar-title, .widget h2, .wp-block-search .wp-block-search__label { position: relative; margin-bottom: var(--margin-bottom-20); }
.sidebar-title h4, .widget h2, .wp-block-search .wp-block-search__label { position: relative; color: var(--color-two); text-transform: uppercase; font-size: 20px; font-family: var(--font-family-Jost); font-weight: 700; }
.sidebar .search-box { position: relative; }
.search-box .form-group, .wp-block-search__inside-wrapper { position: relative; margin: var(--margin-zero); }
.search-box .form-group input[type="text"], .search-box .form-group input[type="search"], .wp-block-search__inside-wrapper input { position: relative; line-height: 28px; font-size: var(--font-14); padding: 10px 50px 10px 25px; background: var(--white-color); display: block; width: 100%; height: 60px; border-radius: 0px; color: var(--color-eightteen); transition: 500ms; border: 1px solid rgba(var(--black-color-rgb), 0.06); }
.search-box .form-group button, .wp-block-search__inside-wrapper button { position: absolute; right: 0px; top: 0px; height: 60px; min-width: 60px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; cursor: pointer; line-height: 100%; font-weight: normal; border-radius: 0px; font-size: var(--font-18); color: var(--color-two); background: none; transition: 500ms; }
.search-box .form-group button:hover, .wp-block-search__inside-wrapper button:hover { background: var(--main-color-two); }
.news-block-six { position: relative; margin-bottom: var(--margin-bottom-50); }
.news-block-six .inner-box { position: relative; }
.news-block-six .lower-content { position: relative; }
.news-block-six .inner-box .image { position: relative; overflow: hidden; margin-bottom: 40px; text-align: center; }
.news-block-six .inner-box .image img { position: relative; display: inline-block; transition: 500ms; }
.news-block-six .inner-box:hover .image img { opacity: 0.7; transform: scale(1.04, 1.04); }
.news-block-six .owl-dots { display: none; }
.news-block-six .owl-nav { position: absolute; left: 0px; right: 0px; top: 50%; margin-top: -30px; }
.news-block-six .owl-nav .owl-prev { position: absolute; left: 0px; width: 60px; height: 60px; line-height: 60px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-24); transition: 500ms; background-color: var(--white-color); }
.news-block-six .owl-nav .owl-next { position: absolute; right: 0px; width: 60px; height: 60px; line-height: 60px; text-align: center; display: inline-block; font-family: Flaticon; color: var(--color-two); font-size: var(--font-24); transition: 500ms; background-color: var(--white-color); }
.news-block-six .owl-nav .owl-prev:hover, .news-block-six .owl-nav .owl-next:hover { color: var(--white-color); background-color: var(--main-color); }
.news-block-six .post-meta { position: relative; }
.news-block-six .post-meta li { position: relative; font-weight: 500; display: inline-block; font-size: var(--font-16); color: var(--color-five); text-transform: uppercase; font-family: var(--font-family-Jost); margin-right: var(--margin-right-20); padding-left: var(--padding-left-25); }
.news-block-six .post-meta li span { position: absolute; left: 0px; top: -1px; font-size: var(--font-16); font-family: Flaticon; color: var(--color-five); }
.news-block-six .post-meta li:last-child { margin-right: var(--margin-zero); }
.news-block-six h3 { line-height: 45px; text-transform: uppercase; margin-top: var(--margin-top-20); }
.news-block-six h3 a { position: relative; color: var(--color-two); display: inline; width: 100%; background-repeat: no-repeat; background-position-y: -2px; background-image: linear-gradient(transparent calc(100% - 2px), currentcolor 1px); transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); background-size: 0px 100%; backface-visibility: hidden; }
.news-block-six h3 a:hover { background-size: 100% 100%; }
.news-block-six .text { position: relative; line-height: 28px; font-size: var(--font-16); color: var(--color-five); margin-top: var(--margin-top-20); }
.news-block-six .read-more { position: relative; font-weight: 700; display: inline-block; color: var(--main-color); font-size: var(--font-16); text-transform: uppercase; margin-top: var(--margin-top-20); padding-left: var(--padding-left-25); font-family: var(--font-family-Jost); transition: 300ms; }
.news-block-six .read-more::before { position: absolute; content: ""; left: 0px; top: 0px; font-size: var(--font-14); font-family: Flaticon; }
.news-block-six .read-more:hover { color: var(--color-two); }
.news-detail { position: relative; }
.news-detail .inner-box { position: relative; }
.news-detail .lower-content { position: relative; }
.news-detail .inner-box .image { position: relative; margin-bottom: 40px; }
.news-detail .inner-box .image img { position: relative; width: 100%; display: block; }
.news-detail .post-meta { position: relative; }
.news-detail .post-meta li { position: relative; font-weight: 500; display: inline-block; font-size: var(--font-16); color: var(--color-five); text-transform: uppercase; font-family: var(--font-family-Jost); margin-right: var(--margin-right-20); padding-left: var(--padding-left-25); }
.news-detail .post-meta li span { position: absolute; left: 0px; top: -1px; font-size: var(--font-16); font-family: Flaticon; color: var(--color-five); }
.contact-info-section-two { position: relative; padding: 120px 0px 0px; }
.info-block { position: relative; margin-bottom: var(--margin-bottom-30); }
.info-block .inner-box { position: relative; padding: 50px 30px; text-align: center; transition: 300ms; border: 1px solid rgba(var(--color-two-rgb), 0.07); }
.info-block .inner-box:hover { border-color: var(--main-color); }
.info-block .icon-outer { position: relative; display: inline-block; }
.info-block .icon-outer::before { position: absolute; content: ""; left: -15px; top: -5px; width: 45px; height: 45px; opacity: 0.1; border-radius: 50px; background-color: var(--main-color); }
.info-block .icon-outer .icon { position: relative; line-height: 1em; color: var(--main-color); font-size: var(--font-50); font-family: Flaticon; }
.info-block h4 { font-weight: 500; text-transform: capitalize; margin-top: var(--margin-top-20); }
.info-block .text { font-weight: 500; line-height: 30px; color: var(--color-five); font-size: var(--font-20); text-transform: capitalize; margin-top: var(--margin-top-10); }
.contact-info-section-two .form-box { position: relative; z-index: 1; padding: 80px 80px 70px; background-color: var(--white-color); border: 1px solid rgba(var(--color-two-rgb), 0.07); }
.contact-form { position: relative; }
.admin-bar .main-header .sticky-header { top: 32px; }
.elementor-section-wrap .elementor-section, .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0px !important; }
.pagination { position: relative; display: block; width: 100%; text-align: center; }
.pagination li { position: relative; margin: 0px 5px 10px; display: inline-block; }
.pagination li a, .pagination li span { position: relative; display: inline-block; line-height: 50px; height: 50px; width: 50px; min-width: 50px; font-weight: 500; border-radius: 0px; text-align: center; background: var(--white-color); color: var(--color-two); text-transform: capitalize; transition: 500ms; font-size: var(--font-14); border: 1px solid rgba(var(--black-color-rgb), 0.1); }
.pagination li.active a, .pagination li:hover a { color: var(--white-color); background-color: var(--main-color); }
.widget { position: relative; margin-bottom: 60px; }
.news-block-five .text p, .news-block-six .text p { margin-bottom: 0px; }
.main-header .main-menu .navigation > li { margin-right: var(--margin-right-30); }
.error-section { position: relative; padding: 130px 0px; display: block; text-align: center; }
.error-section .inner-box h1 { font-size: 200px; line-height: 200px; color: rgb(71, 44, 53); font-weight: 900; margin-bottom: 60px; }
.error-section .inner-box h2 { position: relative; display: block; font-size: 30px; line-height: 42px; font-weight: 700; margin-bottom: 60px; }
.error-section .btn-box .btn-style-two:hover { color: rgb(255, 255, 255) !important; }
.m-b25 { margin-bottom: 25px !important; }
.widget .has-avatars li, .footer-widget .has-avatars li { padding-left: 0px; }
.widget .has-avatars li::before, .footer-widget .has-avatars li::before { display: none; }
.widget .has-avatars li .wp-block-latest-comments__comment-meta, .footer-widget .has-avatars li .wp-block-latest-comments__comment-meta { min-height: 40px; }
.main-header .sticky-header .logo { padding: 6px 0px 14px; }
.main-header .sticky-header .logo img { height: 55px; }
.alignnone { margin: 5px 20px 20px 0px; }
.thm-unit-test .tag-sticky-2 .news-block-six .inner-box, .thm-unit-test .sticky .news-block-six .inner-box { background: rgb(250, 250, 250); padding: 36px; border: 5px solid rgb(225, 225, 225) !important; }
.thm-unit-test h1, .thm-unit-test h2, .thm-unit-test h3, .thm-unit-test h4, .thm-unit-test h5, .thm-unit-test h6 { margin-bottom: 15px; }
.thm-unit-test .text > ul, .thm-unit-test .text > ol, .thm-unit-test > ol, .thm-unit-test > ul { padding-left: 18px; margin-bottom: 20px; }
.thm-unit-test .text > ul li, .thm-unit-test > ul li { list-style-type: disc; display: list-item; }
.thm-unit-test ol li { list-style-type: decimal; display: list-item; }
.thm-unit-test p img, .thm-unit-test figure img, .thm-unit-test img { max-width: 100%; display: block; height: auto; }
.alignnone { margin: 5px 20px 20px 0px; }
.thm-unit-test > p, .thm-unit-test .text p { margin-bottom: 25px; }
.thm-unit-test > p:last-child, .thm-unit-test .text p:last-child, .thm-unit-test blockquote p { margin-bottom: 0px; }
.alignnone { margin: 5px 20px 20px 0px; }
.wp-block-cover p:not(.has-text-color) { color: rgb(255, 255, 255); }
.wp-block-button { margin-bottom: 25px; }
@media only screen and (max-width: 1340px){
.page-wrapper { overflow: hidden; }
}
@media only screen and (max-width: 1200px){
.main-header .logo-box { position: relative; left: 0px; }
.main-header .header-lower .main-menu .navigation { left: 0px; }
.main-header .outer-box { position: relative; margin-left: var(--margin-left-30); }
.main-header .main-menu { width: auto; float: left; }
.main-header .header-lower .nav-outer { float: right; }
.info-section, .counter-section { background-color: var(--main-color); }
.counter-section .inner-container { padding-left: var(--padding-zero); margin-right: var(--margin-zero); }
.main-header .main-menu .navigation > li, .header-style-two .main-menu .navigation > li { margin-right: var(--margin-right-20); }
.news-section-two .owl-nav { right: 0px; }
.sidebar-menu-page .mobile-menu { visibility: hidden; }
.about-section-two .content-column .inner-column, .about-section-two .image-column .inner-column { padding-right: var(--padding-zero); }
}
@media only screen and (max-width: 1140px){
.page-wrapper { overflow: hidden; }
h3 { font-size: var(--font-30); }
h2 { font-size: var(--font-36); }
.main-header .main-menu .navigation > li { margin-right: var(--margin-right-20); }
.main-header .outer-box .nav-btn { width: 90px; }
.main-header .sticky-header .main-menu { float: right; }
.service-block .inner-box { padding-left: var(--padding-left-25); }
.main-header.header-style-seven .outer-box, .main-header .search-box-outer { display: none; }
.main-header.header-style-three .nav-outer .mobile-nav-toggler, .main-header.header-style-five .nav-outer .mobile-nav-toggler, .main-header.header-style-six .nav-outer .mobile-nav-toggler, .main-header.header-style-seven .nav-outer .mobile-nav-toggler { color: var(--color-two); }
.sidebar-menu-page .mobile-menu .menu-box { left: -400px; }
.mobile-menu-visible .sidebar-menu-page .mobile-menu .menu-box { left: 0px; }
.service-block.style-two .inner-box { padding-right: var(--padding-zero); }
}
@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul { visibility: hidden; opacity: 0; display: block !important; }
}
@media only screen and (max-width: 1023px){
.main-menu .navigation > li > a { font-size: 14px; }
.main-header .main-menu .navigation > li { margin-right: var(--margin-right-25); }
.main-header .sticky-header .logo { padding: 10px 0px; }
.main-header { position: relative; }
.main-header .nav-outer { width: 100%; padding-top: 0px; }
.main-menu .navigation > li > a { text-transform: capitalize; }
.main-header .main-menu .navigation > li > a { padding: 20px 0px; }
.shop-detail-section .gallery-column .thumbs-carousel, .main-slider-two .side-image, .main-header .outer-box { display: none; }
h1 { font-size: var(--font-60); }
.mCSB_inside > .mCSB_container { margin-right: var(--margin-zero); }
.main-slider .scroll-box, .main-header .main-menu, .info-section .info-column::before { display: none; }
.main-header .sticky-header .mobile-nav-toggler, .main-header .nav-outer .mobile-nav-toggler { display: block; }
.main-header .header-lower .nav-outer { margin-top: -85px; }
#navbarSupportedContent { display: block; }
.main-header .nav-outer .mobile-nav-toggler { color: var(--color-two); }
.main-header.header-style-two .nav-outer .mobile-nav-toggler { color: var(--white-color); }
.project-section-three .owl-nav { position: relative; top: 0px; text-align: center; margin-top: var(--margin-top-30); }
.main-header.header-style-four .nav-outer .mobile-nav-toggler { color: var(--color-two); }
.about-section-two .content-column .inner-column { padding-right: var(--padding-zero); }
.about-section-two .content-column { order: 1; }
.about-section-two .image-column { order: 2; }
.mission-section .tab-column .inner-column { padding-right: var(--padding-zero); }
.mission-tabs .tabs-content { padding: 40px 20px 20px; }
.mission-section .image-column .image { margin-left: var(--margin-zero); }
.mission-section .inner-container { padding-bottom: var(--padding-zero); }
.main-slider-five .slide { padding: 100px 0px; }
.about-section-two { padding: 100px 0px 70px; margin-top: var(--margin-zero); }
.mission-section .tab-column .inner-column .sec-title .text { padding-right: var(--padding-zero); }
.main-header.header-style-seven .header-lower .nav-outer { margin-top: -115px; }
}
@media only screen and (max-width: 991px){
.sidebar-page-container .sidebar-side { margin-top: 60px; }
}
@media only screen and (max-width: 900px){
.testimonial-section-three .owl-nav { position: relative; top: auto; text-align: center; margin-top: var(--margin-top-40); }
.testimonial-section-three .owl-nav .owl-prev, .testimonial-section-three .owl-nav .owl-next { position: relative; display: inline-block; margin: 0px 10px; }
}
@media only screen and (max-width: 767px){
.main-header .sticky-header .outer-box { display: block; right: 15px; left: auto; top: 0px; }
.nav-outer .mobile-nav-toggler { display: block; margin: 0px 0px 0px 20px; padding: 8px 0px; }
#navbarSupportedContent { display: block; }
.mCSB_inside > .mCSB_container { margin-right: 0px; }
.main-header .outer-box { position: absolute; left: 0px; margin-left: 0px; padding: 12px 0px; }
.main-header .sticky-header .outer-box { padding: 35px 0px; }
.main-header .main-menu { display: none; }
h2 { font-size: var(--font-34); }
h1 { font-size: var(--font-44); line-height: 54px; }
h4 { font-size: var(--font-20); }
.page-title { padding: 100px 0px; }
.main-header .nav-outer .mobile-nav-toggler { display: block; z-index: 99; }
.news-section .owl-nav, .services-section .owl-nav { position: relative; text-align: center; top: 0px; }
.services-section .owl-nav .owl-prev, .services-section .owl-nav .owl-next, .news-section .owl-nav .owl-prev, .news-section .owl-nav .owl-next { margin: 0px 15px; }
.service-block .inner-box { padding-left: var(--padding-left-15); padding-right: var(--padding-right-15); }
.team-section-three .owl-nav, .services-section-four .owl-nav { position: relative; top: 0px; text-align: center; }
.testimonial-section-two .owl-nav { position: relative; top: 0px; text-align: center; margin-top: var(--margin-top-40); }
.main-slider-five h1 { line-height: 55px; }
.about-section-two .info-column .text { max-width: 100%; }
.mission-tabs .tab-btns .tab-btn { padding: 18px 22px; font-size: var(--font-18); }
.counter-section.style-three .counter-block .inner-block, .counter-section.style-two .counter-block .inner-block { text-align: center; }
.counter-section.style-three .counter-block .counter-text, .counter-section.style-two .counter-block .counter-text { display: inline-block; }
.mission-section .image-column .image img { max-width: 100%; }
.about-section-two .content-column .inner-column .sec-title h2 br { display: none; }
.admin-bar .main-header .sticky-header { display: none; }
}
@media only screen and (max-width: 599px){
h1 { font-size: var(--font-40); }
h2 { font-size: var(--font-28); }
.service-block .inner-box .text { max-width: 100%; }
.news-section-two .owl-nav { position: relative; top: 0px; text-align: center; }
.news-section-four .owl-nav, .team-section-four .owl-nav { position: relative; top: 0px; text-align: center; }
.team-section-four .owl-nav .owl-prev, .team-section-four .owl-nav .owl-next { color: var(--white-color); border-color: var(--white-color); }
.news-block-five .post-meta li, .news-block-six .post-meta li { margin-bottom: var(--margin-bottom-10); }
.news-block-six h3, .news-block-five h3 { margin-top: var(--margin-top-5); }
}
@media only screen and (max-width: 479px){
h1 { font-size: var(--font-26); line-height: 38px; }
h2 { font-size: var(--font-24); }
h3 { font-size: var(--font-22); }
h5 { font-size: var(--font-18); }
.main-header .logo-box, .main-header .sticky-header .logo { width: 80%; }
.main-header .header-lower .nav-outer { margin-top: -75px; }
.main-slider-two .owl-nav .owl-prev, .main-slider-two .owl-nav .owl-next { width: 46px; height: 46px; line-height: 46px; font-size: 16px; }
.sec-title h2 br { display: none; }
.main-slider-five h1 { line-height: 40px; }
.mission-tabs .tab-btns .tab-btn { width: 50%; }
.news-block-six h3 { line-height: 32px; }
}