@keyframes slideBackground { 
  0% { background-position: 0px 0px; }
  100% { background-position: 100% 0px; }
}
.feature-block_two-inner { position: relative; overflow: hidden; border-radius: 15px; padding: 12px 25px 30px; background-image: linear-gradient(rgb(0, 89, 178), rgb(0, 89, 178), rgb(0, 89, 178), rgb(0, 89, 178), rgb(77, 168, 255)); height: 100%; }
.feature-block_two-title { position: relative; font-size: 18px; font-weight: 500; color: var(--white-color); font-family: Barlow, sans-serif; display: flex; flex-direction: column; justify-content: space-between; min-height: 55px; }
.feature-block_two-icon { position: relative; display: block; text-align: right; margin-bottom: 15px; border-bottom: 1px solid var(--white-color); }
.feature-block_two-icon i { position: relative; display: inline-block; transition: 500ms; }
.feature-block_two-inner:hover .feature-block_two-icon i { transform: rotateY(180deg); }
.feature-block_two_count { position: relative; font-weight: 700; font-size: 34px; line-height: 50px; color: var(--white-color); font-family: Barlow, sans-serif; }
.feature-block_two_count sup { position: relative; color: rgb(255, 255, 255); }
.feature-block_two-inner:hover .feature-block_two_count sup { color: var(--white-color); }
.feature-block_two_text { position: relative; font-size: 20px; color: var(--white-color); text-transform: uppercase; }
.service-one { position: relative; overflow: hidden; z-index: 1; padding: 50px 0px; }
.service-one_pattern-layer { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 150%; overflow: hidden; background-repeat: repeat; background-attachment: fixed; }
.service-one .auto-container { max-width: 1300px; padding: 0px 15px; }
.service-one .inner-container { padding-top: 50px; padding-bottom: 50px; }
.service-one_title { position: relative; margin-bottom: 10px; }
.service-one_title .service-one_arrow { position: absolute; right: 10px; top: 8px; width: 35px; height: 35px; font-size: 20px; text-align: center; line-height: 35px; border-radius: 60px; display: inline-block; color: rgb(34, 34, 34); transform: rotate(-45deg); background-color: rgb(255, 215, 50); }
.service-one_title:last-child { margin-bottom: 0px; }
.service-one_heading { font-weight: 600; color: var(--white-color); text-transform: uppercase; transition: 500ms; }
.service-one_heading { position: relative; display: block; border-radius: 50px; color: var(--white-color); text-transform: uppercase; font-size: 18px; cursor: pointer; background-color: rgba(var(--white-color-rgb), 0.35); padding: 10px 55px 10px 25px; }
.service-one_title.active .service-one_arrow, .service-one_title:hover .service-one_arrow { color: var(--black-color); background-color: var(--white-color); }
.service-one_title.active .service-one_heading a, .service-one_title:hover .service-one_heading a { color: var(--white-color); background-color: var(--main-color); }
.service-one_image-column { position: relative; z-index: 10; }
.service-one_image-outer { position: relative; height: 100%; }
.service-one_images_outer { position: relative; height: 100%; }
.service-one_image { position: absolute; right: 15px; opacity: 0; display: block; transition: 0.9s; }
.service-one_image > img { position: relative; width: 100%; display: block; overflow: hidden; border-radius: 10px; }
.service-one_image.active { opacity: 1; transition: 0.9s; }
.service-one_content-column { position: relative; z-index: 10; }
.service-one_content-outer { position: relative; padding-right: 60px; }
.service-one_content { position: relative; padding-top: 10px; }
.service-one_sub-title { position: relative; font-weight: 600; color: var(--white-color); text-transform: uppercase; font-size: 18px; line-height: 30px; font-family: Barlow, sans-serif; }
.service-one_text { position: relative; font-weight: 400; font-size: 16px; line-height: 28px; margin-top: 12px; color: var(--white-color); }
.project-one { position: relative; padding: 50px 0px 20px; }
.project-one .auto-container { max-width: 1320px; }
.project-block_one.style-two .project-block_one-overlay { display: flex; justify-content: end; }
.project-block_one.style-two .project-block_one-image::before { left: -1px; right: auto; background: url("../images/icons/shape-2.png"); }
.project-block_one { position: relative; margin-bottom: 50px; }
.project-block_one-inner { position: relative; }
.project-block_one-image { position: relative; }
.project-block_one-image picture { display: block; width: 100%; }
.project-block_one-image img { position: relative; width: 100%; display: block; overflow: hidden; border-radius: 40px; }
.project-block_one-image::before { position: absolute; content: ""; right: 0px; top: -1px; width: 393px; height: 111px; z-index: 1; background: url("../images/icons/shape-1.png") no-repeat; }
.project-block_one-overlay { position: absolute; left: 100px; top: 110px; right: 130px; }
.project-block_one-overlay_inner { position: relative; width: 100%; max-width: 478px; min-height: 332px; padding: 42px 45px; background-size: cover; }
.project-block_one-heading { font-weight: 600; margin-top: 18px; text-transform: inherit; }
.project-block_one-heading a { position: relative; color: var(--black-color); }
.project-block_one-heading a:hover { color: var(--main-color); }
.project-block_one-text { position: relative; font-weight: 400; font-size: 16px; color: rgb(34, 34, 34); line-height: 30px; margin-top: 25px; }
.project-block_one-arrow { position: absolute; right: 66px; bottom: -30px; width: 59px; height: 59px; font-size: 20px; line-height: 59px; text-align: center; border-radius: 50px; display: inline-block; color: rgb(34, 34, 34); transform: rotate(-45deg); background-color: rgb(255, 215, 50); }
.project-block_one-arrow:hover { background-color: rgb(0, 89, 178); color: rgb(255, 255, 255); }
.testimonial-one_circle { position: absolute; right: -250px; top: 80px; width: 536px; height: 536px; border-radius: 550px; border: 80px solid rgb(245, 245, 245); }
@-webkit-keyframes float_up_down { 
  0% { transform: translateY(0px); opacity: 1; }
  50% { transform: translateY(30px); opacity: 1; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes float_up_down { 
  0% { transform: translateY(0px); opacity: 1; }
  50% { transform: translateY(30px); opacity: 1; }
  100% { transform: translateY(0px); opacity: 1; }
}
.testimonial-one_circle { animation-name: float_up_down; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; }
.faq-one { position: relative; padding: 50px 0px; overflow: hidden; }
.faq-one.style-two { background-color: inherit; background-position: left top; background-repeat: no-repeat; }
.faq-one.style-two::before { position: absolute; content: ""; left: 0px; top: 0px; right: 0px; height: 50%; z-index: -1; background-image: linear-gradient(rgb(245, 245, 245), rgb(247, 247, 247), rgb(250, 250, 250), rgb(252, 252, 252), rgb(255, 255, 255)); }
.faq-one_accordian-outer { position: relative; }
.accordion-box { position: relative; z-index: 1; }
.accordion-box .block { position: relative; border-radius: 50px; margin-bottom: 20px; background-color: rgb(245, 245, 245); }
.accordion-box .block.active-block { border-radius: 35px; }
.accordion-box .block:last-child { margin-bottom: 0px; }
.accordion-box .block .acc-btn h3 { line-height: 30px; font-weight: 600; font-size: 20px; text-transform: inherit; }
.accordion-box .block .acc-btn { position: relative; cursor: pointer; line-height: 30px; font-weight: 600; font-size: 19px; border-radius: 50px; padding: 10px 55px 10px 30px; color: var(--black-color); transition: 500ms; font-family: Barlow, sans-serif; background-image: linear-gradient(to right, rgb(238, 238, 238), rgb(242, 242, 242), rgb(246, 246, 246), rgb(251, 251, 251), rgb(255, 255, 255)); }
.accordion-box .block .acc-btn.active { background: none; }
.accordion-box .block .icon-outer { position: absolute; right: 12px; top: 10px; transition: 500ms; }
.accordion-box .block .icon-outer .icon { position: relative; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; display: inline-block; transform: rotate(-45deg); color: rgb(34, 34, 34); transition: 500ms; background-color: rgb(255, 215, 50); }
.accordion-box .block .acc-btn.active .icon-outer .icon { transform: rotate(45deg); background-color: rgb(255, 215, 50); }
.accordion-box .block.active-block .icon { opacity: 1; color: rgb(34, 34, 34); }
.accordion-box .block .acc-content { position: relative; display: none; }
.accordion-box .block .acc-content.current { display: block; }
.accordion-box .block .content { position: relative; padding: 0px 30px 30px; }
.accordion-box .block .content .text { line-height: 32px; font-size: 16px; color: rgb(34, 34, 34); }
.accordion-box.style-two .block { border: 1px solid rgba(0, 0, 0, 0.6); }
.accordion-box.style-two .block .acc-btn { background: none; }
.accordion-box.style-two .block.active-block { background-color: rgb(238, 238, 238); }
.client-one_subtitle { position: relative; padding: 10px 25px; color: rgb(34, 34, 34); font-size: 16px; font-weight: 400; margin-top: 30px; border-radius: 50px; display: inline-block; text-transform: uppercase; border: 1px solid rgb(102, 102, 102); }
.contact-one { position: relative; padding: 50px 0px; }
.contact-one .sec-title_text { font-weight: 400; font-size: 16px; line-height: 32px; color: rgb(34, 34, 34); padding-left: 20px; }
.info-block_one { position: relative; margin-bottom: 45px; }
.info-block_one-inner { position: relative; color: rgb(34, 34, 34); font-size: 16px; padding-left: 75px; }
.info-block_one-icon { position: absolute; left: 0px; top: 0px; height: 60px; font-size: 22px; border-radius: 50px; display: inline-block; color: var(--white-color); background-color: var(--main-color); width: 60px !important; text-align: center !important; line-height: 60px !important; }
.info-block_one-inner strong { position: relative; display: block; font-size: 22px; line-height: 25px; margin-bottom: 5px; color: var(--black-color); font-family: Barlow, sans-serif; text-transform: uppercase; }
.contact-form { position: relative; z-index: 10; padding: 20px; }
.contact-form .form-group { margin-bottom: 20px; }
.contact-form .form-group:last-child { margin-bottom: 0px; }
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="password"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select { position: relative; display: block; width: 100%; height: 60px; line-height: 28px; padding: 10px 30px; font-weight: 400; font-size: 16px; background: none rgb(245, 245, 245); color: var(--black-color); border-radius: 50px; transition: 300ms; border: 1px solid rgb(198, 198, 198) !important; }
.contact-form .form-group input[type="text"]:focus, .contact-form .form-group input[type="password"]:focus, .contact-form .form-group input[type="tel"]:focus, .contact-form .form-group input[type="email"]:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus { }
.contact-form .form-group textarea { position: relative; display: block; width: 100%; height: 130px; resize: none; font-size: 16px; line-height: 26px; padding: 20px 30px; border-radius: 25px; color: var(--black-color); background-color: rgb(245, 245, 245); transition: 300ms; border: 1px solid rgb(198, 198, 198) !important; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { }
.contact-form input.error, .contact-form select.error, .contact-form textarea.error { border-color: rgb(255, 0, 0) !important; }
.contact-form label.error { display: block; line-height: 24px; padding: 5px 0px 0px; margin: 0px; text-transform: uppercase; font-size: 12px; color: rgb(255, 0, 0); font-weight: 500; }
@-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; }
}
.service-two { position: relative; overflow: hidden; padding: 50px 0px; background-position: right bottom; background-repeat: no-repeat; }
.service-two .auto-container { max-width: 1300px; }
.service-two .service-block_one { width: 20%; }
.service-block_one { position: relative; }
.fluid-one { position: relative; }
.fluid-one::before { position: absolute; content: ""; inset: 90px 0px 0px; background-color: rgb(245, 245, 245); }
.fluid-one .outer-container { position: relative; }
.fluid-one .left-box { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-size: cover; border-radius: 0px 50px 50px 0px; }
.fluid-one .right-box { position: relative; float: right; width: 50%; padding: 130px 15px 40px 80px; }
.fluid-one .right-box_inner { position: relative; max-width: 650px; }
.fluid-one .sec-title_text { max-width: 550px; }
.fluid-one_list { position: relative; margin-bottom: 50px; }
.fluid-one_list li { position: relative; font-size: 18px; font-weight: 600; margin-bottom: 20px; color: rgb(34, 34, 34); font-family: Barlow, sans-serif; display: flex; }
.fluid-one_list li i { position: relative; margin-right: 20px; color: var(--main-color); margin-top: 5px; }
.fluid-one_list li:last-child { margin-bottom: 0px; }
.fluid-one_experiance { position: relative; line-height: 1em; font-size: 90px; font-weight: 700; color: rgb(255, 255, 255); -webkit-text-stroke-width: 2px; font-family: Barlow, sans-serif; -webkit-text-stroke-color: rgba(var(--main-color-rgb), 1); }
.fluid-one_experiance span { position: relative; font-size: 18px; margin-left: -20px; color: rgb(34, 34, 34); font-family: Barlow, sans-serif; text-transform: uppercase; font-weight: 600 !important; -webkit-text-stroke-width: 0px !important; }
.fluid-one_author { position: relative; }
.fluid-one_video { position: relative; padding: 8px; border-radius: 200px; background-color: var(--main-color); }
.fluid-one_video-text { position: relative; font-size: 16px; color: var(--white-color); text-transform: uppercase; font-weight: 600; font-family: Barlow, sans-serif; }
.fluid-one_author { position: relative; display: inline-block; }
.fluid-one_video-play { position: relative; width: 80px; height: 80px; font-size: 22px; text-align: center; border-radius: 100px; line-height: 80px; display: inline-block; color: rgb(0, 89, 178); background-color: rgb(255, 215, 50); }
.fluid-one_video-play::before { position: absolute; content: ""; inset: 7px 7px -7px -7px; z-index: -1; border-radius: 150px; background-color: var(--main-color); }
.fluid-one_video-play .ripple, .fluid-one_video-play .ripple::before, .fluid-one_video-play .ripple::after { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px 0px; animation: 3s ease 0s infinite normal none running ripple; }
.fluid-one_video-play .ripple::before { animation-delay: 0.9s; content: ""; position: absolute; }
.fluid-one_video-play .ripple::after { animation-delay: 0.6s; content: ""; position: absolute; }
.project-two_bg { position: absolute; inset: 0px; background-size: cover; background-attachment: fixed; }
@-webkit-keyframes slide-left { 
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
@keyframes slide-right { 
  0% { transform: translateX(-90%); }
  100% { transform: translateX(90%); }
}
.award-one { position: relative; overflow: hidden; padding: 50px 15px; background-color: rgb(245, 245, 245); }
.award-one .auto-container { position: relative; max-width: 1750px; }
.award-one .inner-container { position: relative; }
.award-one .animation_mode { min-height: 70px; }
.award-one .animation_mode-two { min-height: 70px; margin-top: 30px; }
.award-block_one { position: relative; display: inline-block; margin: 10px; }
.award-block_one-inner { position: relative; padding: 10px; align-items: center; border-radius: 50px; display: inline-block; background-color: var(--white-color); }
.award-block_one-icon { position: relative; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; border-radius: 50px; display: inline-block; color: rgb(34, 34, 34); background-color: rgb(255, 215, 50); transition: 500ms; }
.award-block_one-title { position: relative; font-weight: 600; font-size: 16px; margin: 0px 15px; display: inline-block; color: rgb(34, 34, 34); transition: 500ms; font-family: Barlow, sans-serif; text-transform: uppercase; }
.award-block_one-title i { position: relative; font-weight: 400; color: rgb(34, 34, 34); font-size: 16px; margin-right: 10px; margin-left: 10px; transition: 500ms; font-family: Rubik, sans-serif; }
.award-block_one-inner:hover .award-block_one-title i, .award-block_one-inner:hover .award-block_one-title { color: var(--white-color); }
.award-block_one-inner:hover .award-block_one-icon { color: var(--white-color); background-color: rgb(255, 215, 50); }
.award-block_one-inner:hover { background-color: var(--main-color); }
.team-one { position: relative; overflow: hidden; padding: 50px 0px; }
.team-one.style-two { background-position: left top; background-repeat: no-repeat; }
.team-one.style-two::before { position: absolute; content: ""; left: 0px; top: 0px; right: 0px; height: 50%; z-index: -1; background-image: linear-gradient(rgb(245, 245, 245), rgb(247, 247, 247), rgb(250, 250, 250), rgb(252, 252, 252), rgb(255, 255, 255)); }
.team-one .auto-container { position: relative; }
.team-one .lower-box { position: relative; margin-top: 20px; }
.team-one_text { position: relative; font-size: 25px; color: rgb(255, 255, 255); line-height: 28px; font-family: Barlow, sans-serif; font-weight: 600; text-transform: uppercase; }
.slider-three { position: relative; border-bottom: 12px solid rgb(255, 215, 50); }
.slider-three_big-title { position: absolute; left: 0px; right: 0px; top: 260px; z-index: 10; opacity: 0.1; font-size: 182px; color: transparent; font-weight: 800; text-align: center; text-transform: uppercase; font-family: Raleway, serif; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(var(--white-color-rgb), 1); }
.slider-three .slider-one_pagination { position: absolute; top: 40%; z-index: 999; left: 40px !important; right: auto !important; width: 60px !important; }
.slider-three .slider-one_pagination { position: absolute; top: 46%; z-index: 999; padding: 15px 0px 15px 25px; border-radius: 30px 0px 0px 30px; background-color: var(--white-color); left: auto !important; right: 0px !important; bottom: auto !important; width: 60px !important; }
.slider-three .slider-one_pagination .swiper-pagination-bullet { position: relative; opacity: 1; width: 10px; height: 10px; font-size: 0px; background: none rgb(187, 187, 187); color: var(--white-color); transition: 300ms; border-radius: 50px; display: block; margin: 30px 0px !important; }
.slider-three .slider-one_pagination .swiper-pagination-bullet::before { position: absolute; content: ""; inset: -8px; opacity: 0; border-radius: 50px; border: 1px solid var(--white-color); }
.slider-three .slider-one_pagination .swiper-pagination-bullet:hover, .slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: var(--main-color); }
.slider-three .slider-one_pagination .swiper-pagination-bullet:hover::before, .slider-three .slider-one_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before { opacity: 1; border-color: var(--main-color); }
.slider-three .swiper-slide { position: relative; overflow: hidden; padding: 180px 0px; }
.slider-three_image-layer { position: absolute; inset: 0px; z-index: 1; opacity: 0; overflow: hidden; background-size: cover; background-position: center center; clip-path: polygon(0px 0px, 40% 0px, 40% 100%, 0% 100%); transition: 1000ms linear; }
.slider-three_image-layer::before { position: absolute; content: ""; inset: 0px; opacity: 0.2; background-color: rgb(0, 89, 178); }
.slide-bg-1 { background-image: url("../images/banner-3.webp"); }
.slide-bg-2 { background-image: url("../images/banner-5.webp"); }
.slide-bg-3 { background-image: url("../images/banner-4.webp"); }
.slider-three .swiper-slide-active .slider-three_image-layer { opacity: 1; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%); }
.slider-three_button { position: relative; }
.slider-three .swiper-slide-active .slider-three_button { transition-delay: 1400ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
.slider-three_content { position: relative; z-index: 20; width: 70%; }
.slider-three_content-inner { position: relative; display: inline-block; padding: 40px; border-radius: 36px; border-left: 6px solid rgb(255, 215, 50); background-image: linear-gradient(to right, rgb(0, 89, 178), rgba(0, 89, 178, 0.6), rgba(0, 89, 178, 0.1), rgba(255, 255, 255, 0)); }
.slider-three_title { position: relative; font-size: 45px; line-height: 50px; display: block; z-index: 1; font-weight: 700; color: var(--white-color); transition: 900ms; text-transform: uppercase; font-family: Barlow, sans-serif; }
.slider-three_title span { position: relative; font-weight: 700; }
.slider-three_title span::before { position: absolute; content: ""; left: 0px; top: 0px; width: 452px; height: 109px; z-index: -1; background: url("../images/main-slider/slider-three_vector.png") no-repeat; }
.slider-three .swiper-slide-active .slider-three_title { transition-delay: 500ms; }
.slider-three_heading { font-size: 50px; line-height: 90px; margin-top: 10px; font-weight: 700; margin-bottom: 25px; color: rgb(255, 255, 255); text-transform: uppercase; font-family: Barlow, sans-serif; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
.slider-three .swiper-slide-active .slider-three_heading { transition-delay: 800ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
.slider-three_text { font-weight: 400; font-size: 18px; line-height: 30px; margin: 15px 0px 5px; color: var(--white-color); text-transform: capitalize; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
.slider-three .swiper-slide-active .slider-three_text { transition-delay: 1200ms; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
.slider-three_arrow { position: absolute; content: ""; left: 95%; bottom: 80px; width: 211px; height: 115px; background-repeat: no-repeat; }
.slider-three .slider-three_button { position: relative; margin-top: 15px; transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
.slider-three .slider-three_button .theme-btn { text-transform: uppercase; }
.slider-three_video .ripple, .slider-three_video .ripple::before, .slider-three_video .ripple::after { position: absolute; top: 50%; left: 50%; width: 126px; height: 126px; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 0px 0px; animation: 3s ease 0s infinite normal none running ripple; }
.slider-three_video .ripple::before { animation-delay: 0.9s; content: ""; position: absolute; }
.slider-three_video .ripple::after { animation-delay: 0.6s; content: ""; position: absolute; }
.slider-three_construction { position: absolute; right: 70px; z-index: 1; bottom: -60px; animation: 0.8s ease-out 0s infinite normal none running icon-bounce; }
@media (max-width: 1024px){.slider-three .swiper-slide { padding: 140px 0px; }.slider-three_title { font-size: 36px; line-height: 42px; }.slider-three_content { width: 80%; }.slider-three_content-inner { padding: 30px; }.slider-three .slider-one_pagination { padding-left: 18px; right: 0px !important; width: 50px !important; }}
@media (max-width: 768px){.slide-bg-1 { background-image: url("../images/banner-3-mobile.webp") !important; }.slide-bg-2 { background-image: url("../images/banner-5-mobile.webp") !important; }.slide-bg-3 { background-image: url("../images/banner-4-mobile.webp") !important; }.slider-three { border-bottom-width: 8px; }.slider-three .swiper-slide { padding: 120px 0px 100px; }.slider-three_image-layer { background-position: center center; clip-path: polygon(0px 0px, 40% 0px, 40% 100%, 0% 100%); }.slider-three .swiper-slide-active .slider-three_image-layer { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%); }.slider-three_content { width: 100%; }.slider-three_content-inner { padding: 24px 20px; border-radius: 20px; border-left-width: 4px; }.slider-three_title { font-size: 24px; line-height: 30px; }.slider-three .slider-three_button { margin-top: 12px; }.slider-three .slider-three_button .theme-btn { font-size: 13px; padding: 10px 22px; }.slider-three .slider-one_pagination { transform: translateX(-50%); display: flex; flex-direction: row; gap: 0px; background-color: rgba(255, 255, 255, 0.9); inset: auto auto 12px 50% !important; width: auto !important; padding: 8px 14px !important; border-radius: 30px !important; }.slider-three .slider-one_pagination .swiper-pagination-bullet { display: inline-block; margin: 0px 8px !important; }}
@media (max-width: 480px){.slider-three .swiper-slide { padding: 100px 0px 85px; }.slider-three_content-inner { padding: 20px 16px; border-radius: 16px; }.slider-three_title { font-size: 20px; line-height: 26px; }.slider-three .slider-three_button .theme-btn { font-size: 12px; padding: 8px 18px; }.slider-three .slider-one_pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0px 6px !important; }}
.about-three { position: relative; overflow: hidden; padding: 110px 0px 90px; }
.about-three_pattern { position: absolute; right: 80px; top: 80px; width: 395px; height: 286px; background-repeat: no-repeat; }
.about-three .auto-container { position: relative; }
.about-three_content-column { position: relative; margin-bottom: 30px; }
.about-three_content-outer { position: relative; margin-right: -60px; }
.about-three_list { position: relative; margin-bottom: 20px; }
.about-three_list li { position: relative; font-size: 15px; font-weight: 400; margin-bottom: 5px; color: rgb(34, 34, 34); display: flex; }
.about-three_list li i { position: relative; margin-right: 15px; color: var(--main-color); display: flex; align-items: start; margin-top: 5px; }
.about-three_list li:last-child { margin-bottom: 0px; }
.about-three .lower-box { position: relative; margin-top: 50px; gap: 30px; }
.about-three_images-column { position: relative; margin-bottom: 30px; }
.service-three_btn { margin-top: 30px; }
.customer-block_one { position: relative; margin-bottom: 30px; }
.customer-block_one-inner { position: relative; padding: 25px; overflow: hidden; border-radius: 10px; background-color: var(--white-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; height: 100%; display: flex; flex-direction: column; }
.customer-block_one-bg { position: absolute; inset: 0px; opacity: 0; background-size: cover; transition: 500ms; transform: scale(0.2, 1); }
.customer-block_one-inner:hover .customer-block_one-bg { opacity: 1; transform: scale(1, 1); }
.customer-block_one-number { font-size: 60px; line-height: 1em; font-weight: 800; color: transparent; transition: 500ms; font-family: Barlow, sans-serif; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(var(--main-color-rgb), 1); }
.customer-block_one-inner:hover .customer-block_one-number { opacity: 0.4; -webkit-text-stroke-color: rgba(var(--white-color-rgb), 1); }
.customer-block_one-title { position: relative; font-weight: 600; margin: 0px 0px 15px; }
.customer-block_one-title a { position: relative; color: rgb(34, 34, 34); }
.customer-block_one-inner:hover .customer-block_one-text, .customer-block_one-inner:hover .customer-block_one-title { color: var(--white-color); }
.customer-block_one-text { position: relative; color: rgb(34, 34, 34); font-size: 16px; line-height: 28px; transition: 500ms; }
.testimonial-block_three { position: relative; margin-bottom: 50px; margin-right: 40px; }
.testimonial-block_three-inner { position: relative; padding: 25px 35px; border-radius: 25px; background-size: cover; background-color: rgb(245, 245, 245); }
.testimonial-block_three-text { position: relative; font-size: 16px; color: rgb(34, 34, 34); line-height: 32px; margin-top: 18px; margin-bottom: 35px; }
.testimonial-block_three-author { position: relative; font-weight: 600; font-size: 20px; line-height: 30px; padding-left: 100px; min-height: 82px; padding-top: 7px; color: var(--black-color); font-family: Barlow, sans-serif; text-transform: uppercase; }
.testimonial-block_three-author span { position: relative; display: block; font-size: 16px; font-weight: 400; color: var(--black-color); }
.testimonial-block_three-image { position: absolute; left: 0px; top: 0px; width: 82px; height: 82px; overflow: hidden; border-radius: 150px; }
.testimonial-block_three-quote { position: absolute; right: 30px; bottom: -25px; width: 60px; height: 60px; overflow: hidden; text-align: center; line-height: 50px; border-radius: 150px; background-color: rgb(0, 89, 178); border: 5px solid rgb(255, 215, 50); }
.testimonial-block_three-quote img { width: 35px; height: 35px; }
.team-two { position: relative; overflow: hidden; padding: 50px 0px; background: rgb(245, 245, 245); }
.team-two .auto-container { position: relative; }
.team-two .lower-box { position: relative; margin-top: 20px; }
.page-title { position: relative; padding: 15px 0px; background: rgb(247, 247, 247); border-top: 3px solid rgb(0, 89, 178); border-bottom: 1px solid rgb(243, 243, 243); }
.page-title .bread-crumb { position: relative; display: inline-block; }
.page-title .bread-crumb li { position: relative; display: inline-block; font-size: 16px; color: rgb(34, 34, 34); text-transform: capitalize; margin-right: 10px; padding-right: 10px; }
.page-title .bread-crumb li::before { position: absolute; right: -6px; top: 0px; content: ">"; color: rgb(34, 34, 34); }
.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: rgb(0, 89, 178); font-weight: 600; transition: 300ms; }
.page-title .bread-crumb li a:hover { color: var(--main-color); }
.project-detail { position: relative; padding: 50px 0px; }
.project-detail_image { position: relative; display: block; overflow: hidden; border-radius: 10px; }
.project-detail h1 { position: relative; margin-bottom: 20px; font-size: 35px; line-height: 45px; font-weight: 600; background: linear-gradient(50deg, rgb(0, 63, 127), rgb(0, 89, 178), rgb(77, 168, 255)) text; -webkit-text-fill-color: transparent; }
.project-detail p { position: relative; font-size: 16px; color: rgb(34, 34, 34); line-height: 28px; margin-bottom: 15px; }
.sticky-top { z-index: 1; top: 110px; }
.service-detail { position: relative; }
.service-detail_inner { position: relative; }
.service-detail_title { position: relative; margin-bottom: 20px; padding-bottom: 15px; font-size: 28px; line-height: 30px; font-weight: 600; font-family: Barlow, sans-serif; background: linear-gradient(50deg, rgb(0, 63, 127), rgb(0, 89, 178), rgb(77, 168, 255)) text; -webkit-text-fill-color: transparent; text-transform: inherit; }
.service-detail_title::before { content: ""; position: absolute; bottom: 0px; width: 15%; height: 4px; background: linear-gradient(45deg, rgb(0, 89, 178) 45%, rgb(255, 215, 50) 5%); }
.service-detail_title1 { font-size: 28px; line-height: 30px; font-weight: 600; font-family: Barlow, sans-serif; text-transform: uppercase; color: rgb(255, 255, 255); }
.service-detail p { position: relative; color: rgb(34, 34, 34); font-size: 16px; line-height: 28px; }
.faq-title { position: relative; margin-bottom: 20px; padding-bottom: 15px; font-size: 28px; line-height: 30px; font-weight: 600; font-family: Barlow, sans-serif; background: linear-gradient(50deg, rgb(0, 63, 127), rgb(0, 89, 178), rgb(77, 168, 255)) text; -webkit-text-fill-color: transparent; text-transform: uppercase; }
.faq-title::before { content: ""; position: absolute; bottom: 0px; width: 15%; height: 4px; background: linear-gradient(45deg, rgb(0, 89, 178) 45%, rgb(255, 215, 50) 5%); }
.service-detail_list { position: relative; }
.service-detail_list li { position: relative; font-size: 16px; color: rgb(34, 34, 34); line-height: 28px; padding-left: 35px; margin-bottom: 15px; }
.service-detail_list li i { position: absolute; left: 0px; top: 5px; font-size: 17px; line-height: 20px; color: var(--main-color); }
.service-detail_list li span { position: relative; font-weight: 600; font-size: 16px; color: var(--black-color); }
.project-four { position: relative; padding: 50px 0px; background: rgb(245, 245, 245); }
.project-block_three-image::before { position: absolute; content: ""; inset: 30% 0px 0px; z-index: 1; background: linear-gradient(to top, rgba(var(--black-color-rgb), 1) 0%, rgba(var(--white-color-rgb), 0) 100%); }
.project-block_three-image { position: relative; border-radius: 25px; overflow: hidden; margin-bottom: 10px; }
.project-block_three-image > img { position: relative; width: 100%; display: block; }
.project-block_three-overlay { position: absolute; left: 35px; bottom: -65px; right: 35px; z-index: 2; transition: 500ms; }
.project-block_three-inner:hover .project-block_three-overlay { bottom: 35px; }
.project-block_three-inner:hover .project-block_three_button { opacity: 1; }
.project-block_three-title { position: relative; }
.project-block_three-title a { position: relative; color: var(--white-color); }
.project-block_three_button { position: relative; margin-top: 30px; opacity: 0; }
.project-block_three_button .theme-btn { position: relative; text-transform: uppercase; }
.contact-three_form-outer { position: relative; }
.error-one { position: relative; overflow: hidden; text-align: center; padding: 120px 0px 80px; }
.error-one_image { position: relative; margin-top: 0px; }
.error-one_content { position: relative; text-align: center; margin-top: 30px; }
.error-one h2 { line-height: 1em; }
.error-one_text { position: relative; margin-top: 30px; color: rgb(34, 34, 34); font-size: 18px; }
.error-one_button { position: relative; margin-top: 30px; }
.related-products { position: relative; margin-top: 30px; }
.related-products h3 { position: relative; color: rgb(255, 255, 255); font-size: 22px; font-weight: 500; line-height: 25px; text-transform: inherit; }
.app-container { display: flex; height: 700px; position: relative; border-bottom: 12px solid rgb(255, 215, 50); }
.left-section { flex: 1 1 0%; position: relative; width: 100%; background-size: cover; background-position: center center; }
.left-section::before { content: ""; position: absolute; inset: 0px; background: rgba(29, 50, 113, 0.65); z-index: 1; transition: 0.6s ease-in-out; }
.left-content { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; color: white; max-width: 650px; animation: 0.8s ease-out 0s 1 normal none running fadeInUp; }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.left-content h3 { font-size: 23px; font-weight: 700; margin-bottom: 10px; color: rgb(255, 255, 255); }
.left-content p { font-size: 16px; line-height: 25px; color: rgb(255, 255, 255); }
.dots-container { display: none; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 3; gap: 8px; }
.dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); cursor: pointer; transition: 0.3s; border: 2px solid white; }
.dot.active { background: white; width: 30px; border-radius: 6px; }
.dot:hover { background: rgba(255, 255, 255, 0.8); }
.right-section { width: 400px; height: 100%; border: 1px solid rgba(255, 255, 255, 0.3); display: flex; flex-direction: column; padding: 0px; position: absolute; right: 0px; top: 0px; z-index: 5; }
.nav-item { padding: 28px 35px; border: 0px; background: transparent; cursor: pointer; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-align: left; position: relative; height: 100%; }
.nav-item::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1px; background: rgba(255, 255, 255, 0.3); }
.nav-item:last-child::after { display: none; }
.nav-item:hover { background: rgba(23, 162, 184, 0.08); border-left-color: rgb(23, 162, 184); padding-left: 40px; }
.nav-item.active { background: rgb(0, 89, 178); border-left-color: rgb(0, 89, 178); }
.nav-item-en { display: block; font-size: 20px; font-family: Barlow, sans-serif; text-transform: uppercase; color: rgb(255, 255, 255); transition: color 0.4s; font-weight: 600; }
.nav-item.active .nav-item-en { color: rgba(255, 255, 255, 0.85); }
.nav-item:hover .nav-item-en { color: rgb(255, 255, 255); }
@media (max-width: 1024px){.app-container { flex-direction: column; height: 550px; position: relative; }.left-section { height: 350px; order: 1; }.right-section { display: none; position: static; height: auto; }.left-content h3 { font-size: 22px; line-height: 25px; }.dots-container { display: flex; }}
.language-selector { position: relative; display: inline-block; margin-left: 20px; }
.language-selector input[type="checkbox"] { display: none; }
.language-btn { display: flex; align-items: center; gap: 8px; padding: 0px 7px; border: 2px solid rgb(255, 215, 50); border-radius: 2rem; background: transparent; cursor: pointer; font-weight: 500; color: rgb(34, 34, 34); font-size: 18px; transition: 0.3s; font-family: Barlow, sans-serif; }
.language-btn:hover { background: rgb(255, 215, 50); color: rgb(34, 34, 34); }
.language-btn i { font-size: 12px; transition: transform 0.3s; }
.language-selector input[type="checkbox"]:checked ~ .language-btn i { transform: rotate(180deg); }
.language-dropdown { position: absolute; top: 100%; right: 0px; background: rgb(255, 215, 50); border-radius: 5px; margin-top: 2px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: 0.3s; z-index: 9999; box-shadow: rgba(0, 0, 0, 0.16) 0px 1rem 2.5rem; pointer-events: none; }
.language-selector input[type="checkbox"]:checked ~ .language-dropdown { opacity: 1; visibility: visible; transform: translateY(0px); pointer-events: auto; }
.language-dropdown a { display: block; padding: 2px 18px; text-decoration: none; color: rgb(34, 34, 34); border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 16px; font-weight: 500; font-family: Barlow, sans-serif; transition: 0.2s; }
.language-dropdown a:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
@media (min-width: 769px){.language-selector:hover .language-dropdown { opacity: 1; visibility: visible; transform: translateY(0px); pointer-events: auto; }.language-selector input[type="checkbox"] { display: none !important; }.language-btn:hover i { transform: rotate(180deg); }}
@media (max-width: 768px){.language-selector input[type="checkbox"]:checked ~ .language-btn { background: rgb(255, 215, 50); }}
.footer-three { position: relative; padding-top: 50px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; border-top: 12px solid rgb(255, 215, 50); }
.footer-three .auto-container { max-width: 1300px; }
.footer-three .widgets-section { position: relative; }
.footer-three_column { position: relative; margin-bottom: 30px; }
.footer-three_logo { position: relative; margin-bottom: 35px; filter: brightness(0) invert(1); }
.footer-three_text { position: relative; font-size: 15px; line-height: 25px; color: var(--white-color); }
.footer-three_links { position: relative; }
.footer-three_links li { position: relative; margin-bottom: 15px; }
.footer-three_links li a:hover { color: rgb(255, 215, 50); }
.footer-three_links li a { font-size: 15px; padding-left: 22px; font-weight: 400; color: var(--white-color); }
.footer-three_links li a::before { position: absolute; content: ">"; left: 0px; width: 7px; height: 7px; }
.footer-three_widget-title { font-weight: 600; margin-bottom: 25px; font-size: 22px; line-height: 30px; color: var(--white-color); text-transform: uppercase; font-family: Barlow, sans-serif; }
.footer-three_copyright::before { position: absolute; content: ""; left: -31px; bottom: 0px; width: 32px; height: 26px; background: url("../images/icons/shape-6.png") no-repeat; }
.footer-three_copyright::after { position: absolute; content: ""; right: -34px; bottom: 0px; width: 35px; height: 24px; background: url("../images/icons/shape-7.png") no-repeat; }
.footer-three_copyright { position: relative; font-size: 16px; font-weight: 400; color: rgb(34, 34, 34); padding: 20px 40px; border-radius: 20px 20px 0px 0px; background-color: var(--white-color); }
.footer-three_socials { position: relative; margin-top: 30px; }
.footer-three_socials span { position: relative; font-size: 18px; font-weight: 600; margin-right: 15px; color: var(--white-color); font-family: Barlow, sans-serif; text-transform: uppercase; }
.footer-three_socials a { position: relative; font-size: 20px; margin-right: 10px; color: var(--white-color); }
.sticky-sidebar { position: fixed; right: 0px; top: 35%; z-index: 999; display: flex; flex-direction: column; }
.sticky-sidebar a { background: rgb(0, 89, 178); color: rgb(255, 255, 255); padding: 12px; text-align: center; font-size: 25px; border: 1px solid rgba(255, 255, 255, 0.5); transition: background 0.3s; }
.sticky-sidebar a:hover { background: rgb(255, 215, 50); color: rgb(0, 89, 178); }
.mobile-sticky-bar { display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; background: rgb(255, 255, 255); border-top: 1px solid rgb(221, 221, 221); z-index: 999; }
.mobile-sticky-bar a { flex: 1 1 0%; text-align: center; padding: 8px 0px; text-decoration: none; color: rgb(34, 34, 34); font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: Barlow, sans-serif; }
.mobile-sticky-bar a i { display: block; font-size: 18px; margin-bottom: 3px; color: rgb(0, 89, 178); }
@media (max-width: 991px){.sticky-sidebar { display: none; }.mobile-sticky-bar { display: flex; }}
.toc-head { scroll-margin-top: 100px; }
.tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 25px; }
.tabs button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 5px 15px; background: rgb(221, 221, 221); cursor: pointer; border-radius: 50px; font-size: 15px; }
.tabs button.active { background: rgb(255, 215, 50); color: rgb(34, 34, 34); }
.tabs button:disabled { opacity: 0.6; cursor: not-allowed; }
.loading { color: rgb(34, 34, 34); font-size: 12px; margin-left: 10px; }
table { width: 100%; }
@media (max-width: 768px){th, td { padding: 8px; font-size: 15px; }}
.news-events-section { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 30px; }
@media (max-width: 1200px){.news-events-section { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 700px){.news-events-section { grid-template-columns: 1fr; }}
.load-more-btn { display: block; margin: 36px auto 0px; padding: 13px 42px; border-radius: 30px; font-size: 1.1rem; font-weight: 600; background: rgb(34, 60, 114); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; box-shadow: rgba(12, 33, 67, 0.1) 0px 2px 10px 0px; transition: background 0.2s; }
.load-more-btn:hover { background: rgb(21, 37, 76); }
.news-inner-content { background: rgb(255, 255, 255); border: 1px solid rgb(184, 187, 193); padding: 28px 24px 32px 28px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: rgb(34, 34, 34); line-height: 1.62; max-width: 1250px; margin: 0px auto; box-sizing: border-box; }
.news-article header { margin-bottom: 13px; }
.news-meta.mb-3 { font-size: 13px; color: rgb(21, 81, 166); margin-bottom: 15px; }
.news-body p { margin-top: 0px; margin-bottom: 10px; }
.news-body ul { margin: 0px 0px 12px 15px; padding: 0px; list-style: disc; }
.news-body ul:not([style]) { margin: 0px 0px 12px 15px; }
.news-images-flex { display: flex; justify-content: center; gap: 18px; margin: 30px 0px 0px; }
.news-images-flex a { display: block; max-width: 48%; }
.news-images-flex img { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 14px; }
@media (max-width: 767px){.news-images-flex { flex-direction: column !important; gap: 14px !important; }.news-images-flex a { max-width: 100% !important; }}
.customer-block_one-inner:hover .grade-a { color: yellow !important; }
table.gsc-input { border-spacing: 7px !important; }
form.gsc-search-box { margin: 0px 4px !important; }
table.gsc-search-box td.gsc-input { padding-right: 0px !important; width: 190px !important; }
.gsc-control-cse { padding: 0px !important; }
.gsc-search-button-v2 { border: 0px rgb(0, 89, 178) !important; background-color: rgb(0, 89, 178) !important; padding: 10px !important; }
.gsc-input-box { width: 190px !important; height: 45px !important; }
table tr td.gsc-search-button { padding: 2px; }
.gsc-search-button-v2:hover { border-color: rgb(0, 89, 178) !important; background-color: rgb(0, 89, 178) !important; }
.gsc-search-box table tr td { border: 0px !important; }
.gsc-control-cse { z-index: 999; }
.gsib_a { padding: 4px 10px 4px 5px !important; }
.gsib_b { height: auto !important; width: auto !important; }
.gsc-search-button { margin-left: -6px !important; }
.grades-section { padding: 30px 0px; position: relative; }
.grade-card { background-image: linear-gradient(rgb(0, 89, 178), rgb(0, 89, 178), rgb(0, 89, 178), rgb(0, 89, 178), rgb(7, 73, 139)); border-radius: 10px; padding: 20px; position: relative; overflow: hidden; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; }
.grade-card::before { content: ""; position: absolute; top: 0px; left: -100%; width: 100%; height: 100%; background-image: linear-gradient(rgb(0, 89, 178), rgb(0, 89, 178), rgb(0, 89, 178), rgb(0, 89, 178), rgb(7, 73, 139)); transition: left 0.5s; }
.grade-card:hover { transform: translateY(-10px); border-color: var(--accent); background: linear-gradient(130deg, rgba(0, 89, 178, 0.9) 0%, rgba(0, 89, 178, 0.5) 100%); box-shadow: rgba(6, 182, 212, 0.2) 0px 30px 60px, rgba(6, 182, 212, 0.2) 0px 1px 0px inset; }
.grade-card:hover::before { left: 100%; }
.grade-card h3 { font-family: Barlow, sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 12px; color: rgb(255, 255, 255); }
.grade-tag { display: inline-block; background: rgb(255, 215, 50); border: 1px solid var(--accent); color: var(--accent); padding: 6px 14px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 15px; }
.grade-card p { color: rgb(255, 255, 255); line-height: 25px; margin-bottom: 20px; font-size: 16px; }
.grade-link { display: inline-flex; align-items: center; color: var(--accent); text-decoration: none; font-weight: 500; font-size: 15px; gap: 8px; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.grade-link:hover { gap: 12px; color: var(--accent-warm); text-decoration: none; }
.grade-link::after { content: "→"; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.grade-link:hover::after { transform: translateX(3px); }
@media (max-width: 768px){.grades-section { padding: 80px 0px; }.grade-card { margin-bottom: 30px; }}
@media (max-width: 576px){.grade-card { padding: 25px 15px; }}
:root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33,37,41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0,0,0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33,37,41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233,236,239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33,37,41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248,249,250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13,110,253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10,88,202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; }
[data-bs-theme="dark"] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222,226,230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33,37,41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255,255,255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222,226,230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52,58,64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222,226,230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43,48,53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110,168,254; --bs-link-hover-color-rgb: 139,185,254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference){:root { scroll-behavior: smooth; }}
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr { margin: 1rem 0px; color: inherit; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: var(--bs-border-width) solid; opacity: 0.25; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); }
.h1, h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px){.h1, h1 { font-size: 2.5rem; }}
.h2, h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px){.h2, h2 { font-size: 2rem; }}
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px){.h3, h3 { font-size: 1.75rem; }}
.h4, h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px){.h4, h4 { font-size: 1.5rem; }}
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
blockquote { margin: 0px 0px 1rem; }
b, strong { font-weight: bolder; }
.small, small { font-size: 0.875em; }
.mark, mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); }
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: underline; }
a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; }
pre { display: block; margin-top: 0px; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; }
pre code { font-size: inherit; color: inherit; word-break: normal; }
code { font-size: 0.875em; color: var(--bs-code-color); overflow-wrap: break-word; }
a > code { color: inherit; }
kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; }
kbd kbd { padding: 0px; font-size: 1em; }
figure { margin: 0px 0px 1rem; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px){legend { font-size: 1.5rem; }}
legend + * { clear: left; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
::file-selector-button { font: inherit; appearance: button; }
output { display: inline-block; }
iframe { border: 0px; }
summary { display: list-item; cursor: pointer; }
progress { vertical-align: baseline; }
[hidden] { display: none !important; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px){.container, .container-sm { max-width: 540px; }}
@media (min-width: 768px){.container, .container-md, .container-sm { max-width: 720px; }}
@media (min-width: 992px){.container, .container-lg, .container-md, .container-sm { max-width: 960px; }}
@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }}
@media (min-width: 1400px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1362px; }}
:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col-12 { flex: 0 0 auto; width: 100%; }
.g-3, .gx-3 { --bs-gutter-x: 1rem; }
.g-3, .gy-3 { --bs-gutter-y: 1rem; }
.g-4, .gx-4 { --bs-gutter-x: 1.5rem; }
.g-4, .gy-4 { --bs-gutter-y: 1.5rem; }
@media (min-width: 576px){.col-sm-6 { flex: 0 0 auto; width: 50%; }.col-sm-12 { flex: 0 0 auto; width: 100%; }}
@media (min-width: 768px){.col-md-3 { flex: 0 0 auto; width: 25%; }.col-md-4 { flex: 0 0 auto; width: 33.3333%; }.col-md-6 { flex: 0 0 auto; width: 50%; }.col-md-12 { flex: 0 0 auto; width: 100%; }}
@media (min-width: 992px){.col-lg-3 { flex: 0 0 auto; width: 25%; }.col-lg-4 { flex: 0 0 auto; width: 33.3333%; }.col-lg-5 { flex: 0 0 auto; width: 41.6667%; }.col-lg-6 { flex: 0 0 auto; width: 50%; }.col-lg-7 { flex: 0 0 auto; width: 58.3333%; }.col-lg-8 { flex: 0 0 auto; width: 66.6667%; }.col-lg-12 { flex: 0 0 auto; width: 100%; }}
.table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); }
.table > :not(caption) > * > * { padding: 0.5rem; color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg))); }
.table > tbody { vertical-align: inherit; }
.table > thead { vertical-align: bottom; }
.table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; }
.table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); }
.table-responsive { overflow-x: auto; }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce){.fade { transition: none; }}
.fade:not(.show) { opacity: 0; }
.collapse:not(.show) { display: none; }
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; }
.dropdown-toggle { white-space: nowrap; }
.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-style: solid solid none; border-color: currentcolor transparent; }
.dropdown-toggle:empty::after { margin-left: 0px; }
.dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0px; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); }
.dropdown-menu[data-bs-popper] { top: 100%; left: 0px; margin-top: var(--bs-dropdown-spacer); }
.dropdown-menu-start { --bs-position: start; }
.dropdown-menu-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-end { --bs-position: end; }
.dropdown-menu-end[data-bs-popper] { right: 0px; left: auto; }
@media (min-width: 576px){.dropdown-menu-sm-start { --bs-position: start; }.dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0px; }.dropdown-menu-sm-end { --bs-position: end; }.dropdown-menu-sm-end[data-bs-popper] { right: 0px; left: auto; }}
@media (min-width: 768px){.dropdown-menu-md-start { --bs-position: start; }.dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0px; }.dropdown-menu-md-end { --bs-position: end; }.dropdown-menu-md-end[data-bs-popper] { right: 0px; left: auto; }}
@media (min-width: 992px){.dropdown-menu-lg-start { --bs-position: start; }.dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0px; }.dropdown-menu-lg-end { --bs-position: end; }.dropdown-menu-lg-end[data-bs-popper] { right: 0px; left: auto; }}
@media (min-width: 1200px){.dropdown-menu-xl-start { --bs-position: start; }.dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0px; }.dropdown-menu-xl-end { --bs-position: end; }.dropdown-menu-xl-end[data-bs-popper] { right: 0px; left: auto; }}
@media (min-width: 1400px){.dropdown-menu-xxl-start { --bs-position: start; }.dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0px; }.dropdown-menu-xxl-end { --bs-position: end; }.dropdown-menu-xxl-end[data-bs-popper] { right: 0px; left: auto; }}
.dropdown-divider { height: 0px; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; }
.dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; border-radius: var(--bs-dropdown-item-border-radius,0); }
.dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); }
.dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); }
.dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0px; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; }
.dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); }
.dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; }
.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }
.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); }
@media (prefers-reduced-motion: reduce){.navbar-toggler { transition: none; }}
.navbar-toggler:hover { text-decoration: none; }
.navbar-toggler:focus { text-decoration: none; outline: 0px; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }
@media (min-width: 768px){.navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; }.navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand-md .navbar-toggler { display: none; }}
.accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); }
@keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}
.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); }
@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog { transition: none; }}
.modal.show .modal-dialog { transform: none; }
.modal.modal-static .modal-dialog { transform: scale(1.02); }
.modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }
.modal-dialog-scrollable .modal-body { overflow-y: auto; }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0px; }
.modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: var(--bs-backdrop-opacity); }
.modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); }
.modal-title { margin-bottom: 0px; line-height: var(--bs-modal-title-line-height); }
.modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); }
.modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); }
.modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); }
@media (min-width: 576px){.modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); }.modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; }.modal-sm { --bs-modal-width: 300px; }}
@media (min-width: 992px){.modal-lg, .modal-xl { --bs-modal-width: 800px; }}
@media (min-width: 1200px){.modal-xl { --bs-modal-width: 1140px; }}
.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; }
.modal-fullscreen .modal-content { height: 100%; border: 0px; border-radius: 0px; }
.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0px; }
.modal-fullscreen .modal-body { overflow-y: auto; }
@media (max-width: 575.98px){.modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-sm-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0px; }.modal-fullscreen-sm-down .modal-body { overflow-y: auto; }}
@media (max-width: 767.98px){.modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-md-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0px; }.modal-fullscreen-md-down .modal-body { overflow-y: auto; }}
@media (max-width: 991.98px){.modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-lg-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0px; }.modal-fullscreen-lg-down .modal-body { overflow-y: auto; }}
@media (max-width: 1199.98px){.modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-xl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0px; }.modal-fullscreen-xl-down .modal-body { overflow-y: auto; }}
@media (max-width: 1399.98px){.modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }.modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }.modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0px; }.modal-fullscreen-xxl-down .modal-body { overflow-y: auto; }}
@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
@keyframes placeholder-glow { 
  50% { opacity: 0.2; }
}
@keyframes placeholder-wave { 
  100% { mask-position: -200% 0%; }
}
.clearfix::after { display: block; clear: both; content: ""; }
.ratio { position: relative; width: 100%; }
.ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; }
.ratio > * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ratio-16x9 { --bs-aspect-ratio: 56.25%; }
.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }
.sticky-top { position: sticky; top: 0px; z-index: 1020; }
.sticky-bottom { position: sticky; bottom: 0px; z-index: 1020; }
@media (min-width: 576px){.sticky-sm-top { position: sticky; top: 0px; z-index: 1020; }.sticky-sm-bottom { position: sticky; bottom: 0px; z-index: 1020; }}
@media (min-width: 768px){.sticky-md-top { position: sticky; top: 0px; z-index: 1020; }.sticky-md-bottom { position: sticky; bottom: 0px; z-index: 1020; }}
@media (min-width: 992px){.sticky-lg-top { position: sticky; top: 0px; z-index: 1020; }.sticky-lg-bottom { position: sticky; bottom: 0px; z-index: 1020; }}
@media (min-width: 1200px){.sticky-xl-top { position: sticky; top: 0px; z-index: 1020; }.sticky-xl-bottom { position: sticky; bottom: 0px; z-index: 1020; }}
@media (min-width: 1400px){.sticky-xxl-top { position: sticky; top: 0px; z-index: 1020; }.sticky-xxl-bottom { position: sticky; bottom: 0px; z-index: 1020; }}
.align-middle { vertical-align: middle !important; }
.d-flex { display: flex !important; }
.position-relative { position: relative !important; }
.flex-wrap { flex-wrap: wrap !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.mb-3 { margin-bottom: 1rem !important; }
.p-0 { padding: 0px !important; }
.text-center { text-align: center !important; }
.visible { visibility: visible !important; }
.main-header { position: absolute; left: 0px; top: 40px; right: 0px; z-index: 1001; width: 100%; transition: 900ms; }
.main-header .header-lower { position: relative; transition: 900ms; }
.main-header .header-lower .nav-outer { position: static; }
.main-header .header-lower .logo-box { position: relative; z-index: 1; }
.main-header .header-lower .logo-box .logo { position: relative; padding: 8px 30px 8px 0px; }
.main-header .main-menu .navigation > li:nth-child(7) > ul, .main-header .main-menu .navigation > li:nth-child(8) > ul { left: 0px; right: auto !important; }
.main-header .main-menu { position: static; transition: 300ms; }
.main-header .main-menu .navbar-collapse { padding: 0px; display: block; }
.main-header .header-lower .main-menu .navigation { position: static; }
.main-header .main-menu .navigation > li { position: relative; margin-right: 25px; display: inline-block; transition: 500ms; }
.main-header .main-menu .navigation > li.current a::after, .main-header .main-menu .navigation > li:hover a::after { opacity: 1; }
.main-header.fixed-header .header-lower { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 9999999; opacity: 1; visibility: visible; background-color: var(--white-color); animation-name: fadeInDown; animation-duration: 500ms; animation-timing-function: linear; animation-iteration-count: 1; box-shadow: rgba(0, 0, 0, 0.04) 0px 10px 15px; transition: 900ms; }
.main-header .main-menu .navigation > li > a { position: relative; display: block; font-size: 17px; font-weight: 600; line-height: 20px; padding: 35px 0px; text-align: center; color: var(--black-color); transition: 500ms; text-transform: uppercase; font-family: Barlow, sans-serif; }
.main-header .main-menu .navigation > li.dropdown a { padding-right: 17px !important; }
.main-header .main-menu .navigation > li.dropdown > a::after { position: absolute; content: ""; right: 0px; line-height: 22px; font-weight: 700; font-size: 13px; font-family: "Font Awesome 6 Free"; transition: 0.3s; }
.main-header .main-menu .navigation > li.dropdown:hover > a::after { transform: rotate(180deg); }
.main-header .main-menu .navigation > li:hover > a::before { color: var(--main-color); transition: 500ms; }
.main-header .main-menu .navigation > li:hover > a span { --m: calc(17px * -1); }
.main-header .main-menu .navigation > li > a > span { position: absolute; right: -25px; top: 20px; width: 42px; height: 16px; font-weight: 600; line-height: 1.6em; border-radius: 50px; letter-spacing: 1px; font-size: 12px; text-transform: uppercase; color: var(--black-color); background-color: var(--main-color); }
.main-header .main-menu .navigation > li:last-child { margin-right: 0px; }
.main-header .sticky-header .main-menu .navigation > li { position: relative; }
.main-header .sticky-header .main-menu .navigation > li:last-child { margin-right: 0px; }
.main-header .main-menu .navigation > li:last-child ul { right: 0px; }
.main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a { opacity: 1; color: var(--main-color); }
.main-header .main-menu .navigation > li > ul { position: absolute; width: 16rem; top: 100%; padding: 15px; transform: scaleY(0); transform-origin: center top; opacity: 0; visibility: hidden; transition: 300ms; border-radius: 0px; background-color: var(--white-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
.main-header .main-menu .navigation > li > ul > li { position: relative; width: 100%; opacity: 0; text-align: left; margin-bottom: 2px; transform: translateY(11px); transition: 500ms; }
.main-header .main-menu .navigation > li > ul > li:last-child { margin-bottom: 0px; }
.main-header .main-menu .navigation > li:hover > ul > li { opacity: 1; transform: translateY(0px); transition-delay: 70ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(2) { transition-delay: 140ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(3) { transition-delay: 210ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(4) { transition-delay: 280ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(5) { transition-delay: 350ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(6) { transition-delay: 420ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(7) { transition-delay: 490ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(8) { transition-delay: 560ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(9) { transition-delay: 630ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(10) { transition-delay: 700ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(11) { transition-delay: 770ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(12) { transition-delay: 840ms; }
.main-header .main-menu .navigation > li:hover > ul > li:nth-child(13) { transition-delay: 900ms; }
.main-header .main-menu .navigation > li > ul > li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.main-header .main-menu .navigation > li > ul > li > a { position: relative; display: block; line-height: 24px; font-weight: 600; font-size: 16px; font-family: Barlow, sans-serif; padding: 10px 5px; border-bottom: 1px solid rgb(242, 242, 242); text-transform: uppercase; color: var(--black-color); transition: 500ms; }
.main-header .main-menu .navigation > li > ul > li > a:hover { color: var(--white-color); background-color: var(--main-color); }
.main-header .main-menu .navigation > li > ul > li.dropdown > a::after { position: absolute; content: ""; right: 15px; top: 12px; z-index: 5; width: 10px; height: 20px; display: block; line-height: 20px; text-align: center; font-weight: 800; font-size: 14px; color: var(--black-color); font-family: "Font Awesome 6 Free"; }
.main-header .main-menu .navigation > li > ul > li > ul { position: absolute; left: 100%; top: 0px; width: 16rem; padding: 15px; transform: scaleY(0); transform-origin: center top; opacity: 0; visibility: hidden; transition: 300ms; border-radius: 0px; background-color: var(--white-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; }
.main-header .main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; text-align: left; opacity: 0; margin-bottom: 2px; transform: translateY(-8px); transition: 500ms; }
.main-header .main-menu .navigation > li > ul > li > ul > li:last-child { margin-bottom: 0px; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li { opacity: 1; transform: translateY(0px); transition-delay: 70ms; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(2) { transition-delay: 140ms; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(3) { transition-delay: 210ms; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(4) { transition-delay: 280ms; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(5) { transition-delay: 350ms; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(6) { transition-delay: 420ms; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(7) { transition-delay: 490ms; }
.main-header .main-menu .navigation > li > ul > li.dropdown:hover > ul > li:nth-child(8) { transition-delay: 560ms; }
.main-header .main-menu .navigation > li > ul > li > ul > li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.main-header .main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; line-height: 24px; font-weight: 600; font-size: 15px; font-family: Barlow, sans-serif; padding: 10px 15px; text-transform: uppercase; color: var(--black-color); transition: 500ms; background-color: rgba(var(--black-color-rgb), 0.06); }
.main-header .main-menu .navigation > li > ul > li > ul > li > a:hover { color: var(--white-color); background-color: var(--main-color); }
.main-header .main-menu .navigation > li.dropdown:hover > ul { transform: scaleY(1); opacity: 1; visibility: visible; }
.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul { transform: scaleY(1); opacity: 1; visibility: visible; }
.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; color: var(--white-color); line-height: 28px; border: 1px solid var(--white-color); background-size: 20px auto; cursor: pointer; z-index: 5; display: none; }
.header-style-two { position: relative; min-height: 90px; top: 0px; background: transparent; }
.header-style-two .auto-container { max-width: 1700px; }
.main-header.header-style-two .header-lower .logo-box .logo { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 7px 0px; }
.main-header.header-style-two .main-menu .navigation > li > a { color: rgb(34, 34, 34); }
.main-header.header-style-two .outer-box { margin-left: 15px; }
.main-header.header-style-two.fixed-header .header-lower { background-color: rgb(255, 255, 255); }
.main-header .mobile-nav-toggler { position: relative; font-size: 28px; line-height: 30px; cursor: pointer; display: none; color: var(--black-color); font-family: "Font Awesome 6 Free"; }
.main-header .sticky-header .mobile-nav-toggler { color: var(--black-color); }
.mobile-menu { position: fixed; right: 0px; top: 0px; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; visibility: hidden; z-index: 99999999; }
.mobile-menu .nav-logo { position: relative; padding: 20px; text-align: left; }
.mobile-menu .nav-logo img { max-width: 200px; }
.mobile-menu-visible { overflow: hidden; }
.mobile-menu-visible .mobile-menu { visibility: visible; }
.mobile-menu .menu-backdrop { position: fixed; right: 0px; top: 0px; width: 0%; height: 100%; z-index: 1; background: transparent; transform: translateX(101%); transition: none; }
.mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 1; width: 100%; visibility: visible; transition: none; transform: translateX(0%); }
.mobile-menu .menu-box { position: absolute; right: -400px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: rgb(255, 255, 255); padding: 0px; z-index: 5; border-radius: 0px; transition: right 250ms; }
.mobile-menu-visible .mobile-menu .menu-box { right: 0px; transition-delay: 0ms; }
.mobile-menu .close-btn { position: absolute; right: 15px; top: 15px; line-height: 30px; width: 30px; text-align: center; font-size: 20px; color: rgb(32, 32, 32); cursor: pointer; z-index: 10; font-weight: 700; transition: none; transform: translateY(0px); font-family: "Font Awesome 6 Free"; }
.mobile-menu-visible .mobile-menu .close-btn { transform: translateY(0px); transition-delay: 0ms; }
.mobile-menu .close-btn:hover { opacity: 0.5; }
.mobile-menu .navigation { position: relative; display: block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.mobile-menu .navigation li > ul > li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.mobile-menu .navigation li > ul > li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); }
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a { color: rgb(17, 17, 17); }
.mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0px; width: 44px; height: 44px; text-align: center; font-size: 16px; line-height: 44px; color: rgb(64, 64, 64); cursor: pointer; z-index: 5; }
.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul { display: none; }
.mobile-menu .navigation li > ul > li > a { padding-left: 30px; }
.mobile-menu .navigation li > ul > li > ul { padding-left: 0px; }
.mobile-menu .navigation li > ul > li > ul > li > a { padding-left: 40px; }
.main-header .mobile-menu .close-btn:hover { opacity: 0.5; }
.main-header .mobile-menu .navigation { position: relative; display: block; width: 100%; border-top: 1px solid rgb(221, 221, 221); }
.main-header .mobile-menu .navigation li { position: relative; display: block; }
.main-header .mobile-menu .navigation li > ul > li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.main-header .mobile-menu .navigation li > ul > li:first-child { border-top: 1px solid rgb(221, 221, 221); }
.main-header .mobile-menu .navigation li > a { position: relative; display: block; line-height: 24px; padding: 12px 20px; font-size: 17px; font-weight: 600; font-family: Barlow, sans-serif; color: var(--black-color); text-transform: uppercase; }
.main-header .mobile-menu .navigation li:hover > a, .main-header .mobile-menu .navigation li.current > a { }
.main-header .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0px; width: 44px; height: 44px; text-align: center; color: var(--dark-color); font-size: 16px; line-height: 44px; cursor: pointer; z-index: 5; }
.main-header .mobile-menu .navigation li.dropdown .dropdown-btn::after { content: ""; position: absolute; left: 0px; top: 10px; width: 1px; height: 24px; border-left: 1px solid rgb(221, 221, 221); }
.main-header .mobile-menu .navigation li > ul, .main-header .mobile-menu .navigation li > ul > li > ul { display: none; }
.main-header .sticky-header .navbar-header { display: none; }
.main-header .outer-box { position: relative; gap: 15px; }
@-webkit-keyframes burger-hover { 
  0% { width: 100%; }
  50% { width: 50%; }
  100% { width: 100%; }
}
@keyframes burger-hover { 
  0% { width: 100%; }
  50% { width: 50%; }
  100% { width: 100%; }
}
.main-menu .navigation > li.has-mega-menu { position: static; }
.main-menu .navigation > li > .mega-menu { position: absolute; left: 0px; right: 0px; margin: auto; width: 100%; max-width: 1300px; background-color: rgb(255, 255, 255); padding: 15px; top: 100%; z-index: 100; opacity: 0; border-radius: 0px; transform: scaleY(0); transform-origin: center top; transition: 500ms; box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px; }
.main-menu .navigation > li:hover > .mega-menu { opacity: 1; visibility: visible; transform: scaleY(1); }
.main-menu .navigation > li > .mega-menu .mega-menu-bar { position: relative; }
.main-menu .navigation > li .mega-menu-bar p { position: relative; font-size: 18px; font-family: Barlow, sans-serif; font-weight: 600; line-height: 22px; padding-bottom: 12px; margin-bottom: 10px; text-transform: uppercase; color: rgb(0, 89, 178); border-bottom: 1px solid rgba(var(--black-color-rgb), 0.15); }
.main-menu .navigation > li .mega-menu-bar > ul { position: relative; }
.main-menu .navigation > li .mega-menu-bar .column > ul > li { position: relative; width: 100%; padding: 4px 0px; text-transform: capitalize; transition: 500ms; }
.main-menu .navigation > li .mega-menu-bar .column { position: relative; margin-bottom: 12px; }
.main-menu .navigation > li .mega-menu-bar .column ul { position: relative; margin-bottom: 10px; }
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a { position: relative; display: block; line-height: 20px; font-weight: 400; font-size: 15px; color: rgb(34, 34, 34); font-family: Rubik, sans-serif; transition: 500ms; }
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover { color: var(--main-color); }
.mobile-menu.active-mobile-menu { visibility: visible; right: auto; left: 0px; }
.mobile-menu.active-mobile-menu .menu-box { left: 0px; right: auto; }
.mobile-menu.active-mobile-menu #navbarSupportedContent { display: block; }
.mobile-menu.active-mobile-menu .mCSB_inside > .mCSB_container { margin-right: 0px; }
.mobile-menu.active-mobile-menu .mega-menu-bar .column { width: 100%; }
.mobile-menu.active-mobile-menu .mega-menu-bar .column p { position: relative; margin-left: 20px; margin-top: 10px; }
.main-header .has-mega-menu .mega-menu { max-height: calc(-130px + 100vh); overflow: hidden auto; }
.main-header .has-mega-menu .mega-menu::-webkit-scrollbar { width: 6px; }
.main-header .has-mega-menu .mega-menu::-webkit-scrollbar-thumb { background: rgb(204, 204, 204); border-radius: 10px; }
:root { --main-color: #0059b2; --main-color-rgb: 0,89,178; --color-two: rgb(193,21,236); --color-two-rgb: 193,21,236; --white-color: rgb(255,255,255); --white-color-rgb: 255,255,255; --black-color: rgb(0,0,0); --black-color-rgb: 0,0,0; }
html { font-synthesis: none; }
* { margin: 0px; padding: 0px; outline: none; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: rgb(241, 241, 241); }
::-webkit-scrollbar-thumb { background-color: var(--main-color); }
::-webkit-scrollbar-thumb:hover { background-color: var(--color-three); }
body { font-family: Rubik, sans-serif; font-size-adjust: 0.52; line-height: 1.6em; font-weight: 400; font-size: 15px; color: rgb(34, 34, 34); -webkit-font-smoothing: antialiased; }
@keyframes pulse { 
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.3); opacity: 0.4; }
}
@keyframes reverse-pulse { 
  0%, 100% { transform: scale(1); opacity: 0.6; }
  50% { transform: scale(0.7); opacity: 0.8; }
}
@keyframes bounce { 
  0%, 100% { transform: translateY(0px) scale(1); }
  25% { transform: translateY(-15px) scale(1.1); }
  50% { transform: translateY(0px) scale(1); }
  75% { transform: translateY(5px) scale(0.9); }
}
i { font-style: normal; }
a { text-decoration: none; cursor: pointer; transition: 0.3s; color: var(--main-color); }
button, a:hover, a:focus, a:visited { text-decoration: none; outline: none !important; }
h1, h2, h3, h4, h5, h6 { position: relative; margin: 0px; background: none; font-weight: 700; color: rgb(34, 34, 34); font-family: Barlow, sans-serif; font-size-adjust: 0.54; }
input, button, select, textarea { }
textarea { overflow: hidden; }
.text, p { position: relative; line-height: 1.7em; color: rgb(34, 34, 34); font-size: 16px; }
h1 { line-height: 60px; font-size: 50px; }
h2 { line-height: 50px; font-size: 40px; text-transform: uppercase; }
h3 { line-height: 30px; font-size: 23px; text-transform: uppercase; font-weight: 600; }
h4 { line-height: 30px; font-size: 22px; }
h5 { line-height: 30px; font-size: 20px; }
h6 { line-height: 28px; font-size: 18px; }
.auto-container { position: static; max-width: 1300px; padding: 0px 15px; margin: 0px auto; }
.page-wrapper { position: relative; margin: 0px auto; width: 100%; min-width: 300px; }
ul, li { list-style: none; padding: 0px; margin: 0px; }
.theme-btn { cursor: pointer; display: inline-block; transition: 0.3s; }
.btn-right { margin-left: 20px; }
.centered { text-align: center; }
::-webkit-input-placeholder { color: inherit; }
.progress-wrap { position: fixed; right: 30px; bottom: 40px; height: 35px; width: 35px; cursor: pointer; display: block; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 2px inset; z-index: 99; opacity: 0; visibility: hidden; transition: 200ms linear; transform: translateY(15px); }
.progress-wrap::after { position: absolute; content: ""; font-family: "Font Awesome 5 Free"; text-align: center; line-height: 35px; color: var(--main-color); left: 0px; top: 0px; height: 35px; width: 35px; cursor: pointer; display: block; font-weight: 700; z-index: 1; transition: 200ms linear; font-size: 13px; }
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path { stroke: var(--main-color); stroke-width: 4; box-sizing: border-box; transition: 200ms linear; }
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0px); }
.btn-style-one { position: relative; font-weight: 500; font-size: 14px; overflow: hidden; text-align: center; border-radius: 50px; display: inline-block; padding: 2px 8px 2px 35px; color: var(--white-color); text-transform: uppercase; font-family: Barlow, sans-serif; background-color: rgb(255, 215, 50); }
.btn-style-one::before { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: -200%; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: 1; background-color: var(--white-color); }
.btn-style-one:hover::before { top: 0%; }
.btn-style-one i { position: relative; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-left: 15px; border-radius: 50px; display: inline-block; background-color: rgb(0, 89, 178); }
.btn-style-one .btn-wrap { position: relative; z-index: 1; float: left; overflow: hidden; display: inline-block; }
.btn-style-one .btn-wrap .text-one { position: relative; display: block; color: rgb(34, 34, 34); transition: 0.3s; }
.btn-style-one:hover .btn-wrap .text-one:first-child { transform: translateY(-150%); }
.btn-style-one .btn-wrap .text-two { position: absolute; top: 100%; display: block; color: rgb(255, 255, 255); transition: 0.3s; }
.btn-style-one:hover .btn-wrap .text-two { top: 50%; transform: translateY(-50%); }
.btn-style-one:hover .btn-wrap .text-two { color: var(--black-color); }
.btn-style-one:hover { }
.btn-style-one:hover::before { top: -40%; }
.btn-style-three { position: relative; font-weight: 700; font-size: 15px; overflow: hidden; text-align: center; border-radius: 50px; display: inline-block; padding: 8px 8px 8px 20px; color: rgb(34, 34, 34); text-transform: uppercase; font-family: Barlow, sans-serif; background-color: rgb(255, 215, 50); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.btn-style-three::before { transition-duration: 800ms; position: absolute; width: 200%; height: 200%; content: ""; top: -200%; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: 1; background-color: rgb(255, 215, 50); }
.btn-style-three:hover::before { top: 0%; }
.btn-style-three:hover i { background-color: var(--main-color); }
.btn-style-three i { position: relative; width: 35px; height: 35px; line-height: 35px; text-align: center; margin-left: 15px; border-radius: 50px; display: inline-block; transition: 0.3s; background-color: rgb(0, 89, 178); }
.btn-style-three .btn-wrap { position: relative; z-index: 1; float: left; overflow: hidden; display: inline-block; }
.btn-style-three .btn-wrap .text-one { position: relative; display: block; color: rgb(34, 34, 34); transition: 0.3s; }
.btn-style-three:hover .btn-wrap .text-one:first-child { transform: translateY(-150%); }
.btn-style-three .btn-wrap .text-two { position: absolute; top: 100%; display: block; color: rgb(34, 34, 34); transition: 0.3s; }
.btn-style-three:hover .btn-wrap .text-two { top: 50%; transform: translateY(-50%); }
.btn-style-three:hover .btn-wrap .text-two { color: rgb(34, 34, 34); }
.btn-style-three:hover { }
.btn-style-three:hover::before { top: -40%; }
.btn-style-four { position: relative; font-weight: 700; font-size: 14px; overflow: hidden; text-align: center; border-radius: 50px; display: inline-block; padding: 10px 20px; color: rgb(34, 34, 34); text-transform: uppercase; font-family: Barlow, sans-serif; background-color: rgb(255, 215, 50); }
img { display: inline-block; max-width: 100%; height: auto; }
.sec-title { position: relative; z-index: 2; margin-bottom: 20px; }
.sec-title_title { position: relative; font-weight: 700; font-size: 16px; font-family: Barlow, sans-serif; display: flex; gap: 15px; align-items: center; color: var(--main-color); text-transform: uppercase; padding-left: 60px; }
.sec-title_title::before { position: absolute; content: ""; left: 0px; top: 10px; width: 50px; height: 1px; border-bottom: 1px dashed var(--main-color); }
.sec-title_heading { color: var(--black-color); text-transform: uppercase; background: linear-gradient(50deg, rgb(0, 63, 127), rgb(0, 89, 178), rgb(77, 168, 255)) text; -webkit-text-fill-color: transparent; }
.sec-title_heading1 { color: rgb(255, 255, 255); text-transform: uppercase; }
.sec-title_text { line-height: 30px; font-size: 16px; margin-top: 20px; color: rgb(34, 34, 34); }
.sec-title.light .sec-title_title span { background-color: rgba(255, 255, 255, 0); background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); }
.sec-title.light .sec-title_text { opacity: 1; color: var(--white-color); }
.sec-title.light .sec-title_heading { color: var(--white-color); }
.sec-title.centered { text-align: center !important; }
.sec-title.centered .sec-title_title { justify-content: center; display: inline-block; padding-right: 60px; }
.sec-title.centered .sec-title_title::after { position: absolute; content: ""; right: 0px; top: 10px; width: 50px; height: 1px; border-bottom: 1px dashed var(--main-color); }
.cursor { position: fixed; background-color: var(--main-color); width: 10px; height: 10px; border-radius: 100%; transition: transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33), opacity 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33), -webkit-transform 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33); user-select: none; pointer-events: none; z-index: 10000; transform: scale(1); }
.cursor.active { opacity: 1; transform: scale(0); }
.cursor.hovered { opacity: 1; }
.cursor-follower { position: fixed; border: 0.5px solid var(--main-color); width: 30px; height: 30px; border-radius: 100%; transition: transform 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33), opacity 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33), background 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33), -webkit-transform 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33); user-select: none; pointer-events: none; z-index: 10000; transform: translate(2px, 2px); }
.cursor-follower.active { opacity: 1; transform: scale(2); }
.cursor-follower.hovered { opacity: 1; }
.close-side-widget { display: block; }
table { border-spacing: 3px; border-collapse: separate; }
table tr td { border: 1px solid rgb(216, 216, 216); padding: 8px 10px; margin: 5px; text-align: center; vertical-align: middle; }
.table-responsive table tr.tbl-main td { color: rgb(255, 255, 255); font-weight: 500; vertical-align: middle; background-color: rgb(0, 89, 178) !important; }
.mt-20 { margin-top: 20px; }
.related-astm-wrap { padding-top: 20px; padding-bottom: 20px; }
.related-astm-panel { position: relative; border-radius: 18px; padding: 28px; overflow: hidden; background: radial-gradient(circle at 100% 0%, rgba(255, 215, 50, 0.22) 0%, rgba(255, 215, 50, 0) 34%), linear-gradient(145deg, rgb(0, 62, 123) 0%, rgb(0, 89, 178) 55%, rgb(12, 79, 146) 100%); box-shadow: rgba(0, 35, 82, 0.25) 0px 18px 38px; }
.related-astm-panel::before { content: ""; position: absolute; top: -60px; right: -60px; width: 180px; height: 180px; border-radius: 50%; background: rgba(255, 215, 50, 0.17); }
.related-astm-header { position: relative; margin-bottom: 40px; }
.related-astm-header .service-detail_title { margin-bottom: 10px; color: rgb(255, 255, 255); margin-top: 0px !important; }
.related-astm-header p { margin-bottom: 0px; max-width: 760px; color: rgba(255, 255, 255, 0.9); }
.related-astm-grid { row-gap: 14px; }
.related-astm-item { display: block; height: 100%; border-radius: 12px; padding: 16px 15px; text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.24); background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(4px); transition: transform 0.25s, background 0.25s, border-color 0.25s; }
.related-astm-item:hover { transform: translateY(-4px); text-decoration: none; border-color: rgb(255, 215, 50); background: rgba(255, 215, 50, 0.14); }
.related-astm-item span { display: block; margin-bottom: 6px; color: rgba(255, 255, 255, 0.82); font-size: 11px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; }
.related-astm-item strong { display: block; margin-bottom: 4px; color: rgb(255, 255, 255); font-size: 22px; line-height: 1.2; font-weight: 500; font-family: Barlow, sans-serif; }
.related-astm-item em { font-style: normal; color: rgb(255, 215, 50); font-size: 13px; }
.related-astm-item em::after { content: " >"; }
@media (max-width: 767px){.related-astm-panel { padding: 20px 14px; }.related-astm-item strong { font-size: 20px; }}
@media only screen and (max-width: 1600px){.slider-three { margin: 0px; }.slider-three .swiper-slide { border-radius: 0px; }}
@media only screen and (max-width: 1500px){.slider-one .slider-one_pagination { right: 40px !important; left: auto !important; }.main-header.header-style-two .main-menu .navigation > li { margin-right: 15px; }.fluid-one .right-box { padding-left: 40px; }.slider-three_big-title { font-size: 140px; }}
@media only screen and (max-width: 1300px){.main-header .main-menu .navigation > li { margin-right: 20px; }.main-header.header-style-two #navbarSupportedContent { display: block; }.main-header.header-style-two .mCSB_inside > .mCSB_container { margin-right: 0px; }.main-header.header-style-two { top: 0px; }.main-header.header-style-two .header-lower .logo-box .logo { padding: 10px 0px; }.main-header.header-style-two .mobile-menu .navigation li.has-mega-menu > .mega-menu { display: none; }.mobile-menu .navigation li a { display: block; padding: 12px 20px; font-size: 17px; font-weight: 600; font-family: Barlow, sans-serif; line-height: 1.4; text-transform: uppercase; border-bottom: 1px solid rgb(229, 229, 229); color: rgb(0, 89, 178); }.mobile-menu .navigation p { margin-bottom: 0px !important; }.main-header .mobile-menu .navigation li ul li > a { font-size: 15px; font-weight: 400; text-transform: none; line-height: 22px; font-family: Rubik, sans-serif; }.main-header.header-style-two .mobile-menu .navigation li.has-mega-menu .mega-menu .mega-menu-bar .column { width: 100%; }.footer-three { margin: 0px; border-radius: 0px; }.fluid-one_video-text { font-size: 13px; }}
@media only screen and (max-width: 1240px){.service-one_content-outer { padding-left: 20px; padding-right: 0px; }.accordion-box .block .acc-btn { font-size: 18px; }.slider-three_big-title { font-size: 100px; line-height: 1em; }}
@media only screen and (max-width: 1140px){.main-header .main-menu .navigation > li { margin-right: 15px; }.main-header .main-menu .navigation > li > a { font-size: 14px; }.main-header .header-lower { border-radius: 0px; }.main-header .header-lower .outer-box { margin-top: 0px; }h2 { line-height: 54px; font-size: 44px; }.project-block_one-overlay { top: 70px; }.feature-block_two-title { font-size: 15px; }.feature-block_two-inner { padding: 15px; }.feature-block_two_count { font-size: 30px; font-weight: 600; }.feature-block_two_text { font-size: 21px; font-weight: 500; }.service-one_heading { font-size: 18px; }.service-two .service-block_one { width: 33.3333%; margin-bottom: 15px; }.fluid-one .right-box { padding-left: 30px; }.fluid-one_video-text { display: none; }.fluid-one_list li { font-size: 16px; }}
@media only screen and (max-width: 1032px){.customer-block_one-number { font-size: 90px; }.customer-block_one-inner { padding: 25px; }.testimonial-block_three-inner { padding: 20px 25px; }.testimonial-block_three { margin-right: 0px; }}
@media only screen and (max-width: 1023px){.main-header .outer-box { position: static; display: block; }.main-header .mobile-nav-toggler { display: block; }.main-header .sticky-header .mobile-nav-toggler { display: block; }.main-header .nav-outer, .main-header .sticky-header .main-menu { display: none; }.main-header #navbarSupportedContent { display: block; }.main-header .mCSB_inside > .mCSB_container { margin-right: 0px; }.main-header .outer-box { margin-left: 0px; }.main-header .main-menu { display: none; }.main-header .mobile-menu .navigation li.has-mega-menu .mega-menu .mega-menu-bar .column { width: 100%; }.service-two .service-block_one { width: 50%; margin-bottom: 15px; }.fluid-one .left-box { position: relative; width: 100%; background-image: inherit !important; }.fluid-one .right-box { width: 100%; }.fluid-one .right-box { padding: 30px 15px 10px 20px; }.team-one_btn { margin-top: 30px; }.fluid-one .sec-title_text, .fluid-one .right-box_inner { max-width: 100%; }}
@media only screen and (max-width: 990px){.main-header .header-lower .logo-box .logo { padding-top: 20px; padding-bottom: 20px; }.slider-one .swiper-slide { padding: 250px 0px 170px; }.service-one .inner-container::before { left: -15px; border-radius: 0px; }.service-one_content-outer { padding-left: 0px; }.service-one_image.active { position: relative; margin-top: 10px; }.service-one_image { right: 0px; }.info-block_one-inner strong { font-size: 18px; }.accordion-box .block .content .text { line-height: 28px; font-size: 16px; }.project-block_one-image::before, .contact-form_text br { display: none; }.faq-one_accordian-outer { padding-left: 0px; }.faq-one_image-column { text-align: center; }.testimonial-one_circle { display: none; }.fluid-one_list li { font-size: 16px; display: flex; }.fluid-one_list li i { margin-right: 10px; margin-top: 6px; }.about-three_content-outer { margin-right: 0px; }.related-products h3 { font-size: 16px; font-weight: 600; }.project-detail_image img { max-width: 100%; height: auto; display: block; }.wow, .fadeInLeft, .fadeInRight, .fadeInUp, .animated { animation: auto ease 0s 1 normal none running none !important; transform: none !important; }}
@media only screen and (max-width: 820px){h1 { line-height: 50px; font-size: 40px; }.project-block_one { margin-bottom: 20px; }.project-block_one-overlay { position: relative; inset: 0px; width: 100%; display: block; }.project-block_one-overlay_inner { max-width: 100%; min-height: auto; padding: 10px; background-color: var(--white-color); background-image: none !important; }.project-block_one-image img { border-radius: 10px; }.project-block_one-arrow { right: 20px; bottom: 20px; }.counter-three, .award-one, .project-one, .project-two, .team-one, .contact-one, .project-four, .faq-one, .service-two, .team-two, .project-detail { padding: 30px 0px; }.related-products { padding: 30px 0px; margin-top: 0px; }.btn-right { margin-left: 0px; }.service-one .inner-container { padding-top: 30px; }.contact-one .video-image::before, .project-block_one-heading a br { display: none; }.slider-three_big-title { font-size: 80px; line-height: 1em; }.slider-three_title { font-size: 40px; line-height: 50px; }.slider-three_content { width: 100%; }.slider-three .swiper-slide { padding: 80px 0px; }.slider-three_heading { font-size: 70px; line-height: 80px; }.slider-three_title span::before { display: none; }.footer-three_copyright { bottom: 30px; }.progress-wrap { bottom: 70px; }.footer-three .widgets-section { margin-bottom: 30px; }}
@media only screen and (max-width: 767px){.btn-style-three { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }.main-header .sticky-header .outer-box { display: block; right: 0px; left: auto; top: 0px; }.main-header .main-menu { width: 100%; display: none; }.main-header .main-menu .navbar-collapse > .navigation li.dropdown::after, .main-header .main-menu .navigation > li > ul::before { display: none !important; }.main-header .header-lower .outer-box { position: relative; z-index: 12; display: block; }.main-header .main-menu .navbar-header .navbar-toggler { display: inline-block; z-index: 12; width: 50px; height: 40px; float: none; padding: 0px; text-align: center; border-radius: 0px; background: none; border: 1px solid rgb(255, 255, 255); }.main-header .main-menu .navbar-header .navbar-toggler .icon-bar { position: relative; background: rgb(255, 255, 255); height: 2px; width: 26px; display: block; margin: 5px 11px; }.main-header .nav-outer .mobile-nav-toggler { display: block; }.search-bar { display: none; }.main-header #navbarSupportedContent { display: block; }.main-header .mCSB_inside > .mCSB_container { margin-right: 0px; }.slider-one_arrow, .slider-one_socials, .slider-one .slider-one_pagination, .main-header.header-style-one .main-header_button, .clock-wrapper { display: none; }.feature-block_two-icon { margin-bottom: 10px; }.feature-block_two-title { font-size: 15px; }.feature-block_two-inner { padding: 15px; }.feature-block_two_count { font-size: 25px; font-weight: 600; line-height: 30px; }.feature-block_two_text { font-size: 16px; font-weight: 500; }h2 { line-height: 44px; font-size: 34px; }.project-block_one-arrow { position: relative; right: 0px; bottom: 0px; }.project-block_one-text { margin-top: 15px; margin-bottom: 20px; }.contact-form { padding: 20px 0px; }.contact-one .sec-title_text { font-size: 16px; line-height: 26px; padding-left: 0px; }.sec-title_text br, .team-one_text br, .contact-two_form-outer .title-box .text br { display: none; }.slider-three_big-title { font-size: 60px; line-height: 1em; }.slider-three_content-inner { overflow-wrap: anywhere; padding: 30px 30px 35px; }}
@media only screen and (max-width: 599px){h3 { line-height: 22px; font-size: 24px; }.client-one_subtitle { font-size: 14px; margin-top: 30px; }.contact-one .sec-title_text br { display: none; }.service-two .service-block_one { width: 50%; margin-bottom: 15px; }.last-child { margin: 0px auto; }.slider-three_big-title { font-size: 50px; line-height: 1em; }.slider-three .slider-one_pagination { display: none; }.slider-three_title { font-size: 30px; line-height: 35px; }.slider-three_heading { font-size: 50px; line-height: 60px; }.footer-three_copyright { font-size: 14px; text-align: center; }.footer-three_text br { display: none; }.footer-three_text { display: block; max-width: 100%; }}
@media only screen and (max-width: 479px){.slider-two_options, .about-widget { display: none; }.main-header .outer-box { gap: 0px; }.main-header.header-style-two .outer-box { margin-left: 15px; }.main-header .header-lower .logo-box .logo { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding-right: 0px; }h1 { line-height: 35px; font-size: 30px; }.shop-detail_title, h2 { line-height: 36px; font-size: 26px; }.project-detail_image { margin-top: 15px; }.project-block_one-text, .service-one_text { font-size: 16px; line-height: 25px; }.service-one_heading { font-size: 15px; }.service-one_title .service-one_arrow { top: 50%; transform: translateY(-50%) rotate(-45deg); width: 35px; height: 35px; line-height: 35px; }.accordion-box .block .icon-outer { top: 50%; transform: translateY(-50%); }.accordion-box .block .acc-btn { padding: 15px 55px 15px 25px; font-size: 19px; line-height: 22px; }.accordion-box .block .content { padding: 0px 20px 25px; }.slider-one_text { font-size: 16px; }.slider-three_big-title { display: none; }.slider-three_content { width: 100%; }.slider-three .swiper-slide { padding: 100px 0px; }.slider-three_title { font-size: 28px; line-height: 35px; }.slider-three_heading { font-size: 24px; line-height: 35px; }.about-three_list li { font-size: 16px; }.testimonial-block_three-quote, .about-three_award br { display: none; }.testimonial-block_three-author span { font-size: 12px; }.customer-block_one-number { top: 25px; font-size: 50px; }.project-block_three-overlay { left: 25px; }}
@media only screen and (min-width: 318px) and (max-width: 350px){.language-selector { margin-left: 0px; }.slider-three_title { font-size: 22px; line-height: 25px; }.feature-block_two-title { font-size: 14px; }.feature-block_two_text { font-size: 16px; }.btn-style-one { padding: 5px 8px 5px 15px; }.main-header.header-style-two .outer-box { margin-left: 0px; }.project-detail_image { margin-top: 15px; }.btn-right { margin-left: 0px; }.testimonial-block_three { margin-right: 0px; }.main-header .mobile-nav-toggler { font-size: 20px !important; }.btn-style-one i { width: 35px; height: 35px; line-height: 35px; }.counter-three, .award-one, .project-one, .project-two, .team-one, .contact-one, .project-four, .faq-one, .team-two, .service-two, .project-detail { padding: 25px 0px; }.service-one_heading a { font-size: 15px; line-height: 22px; }.sec-title_text { line-height: 22px; }.service-one_heading a { padding: 15px 42px 15px 20px; }.service-one_image { top: 25px; }.service-one_image > img { border-radius: 10px; }.project-detail h1 { font-size: 30px; line-height: 35px; }.fluid-one_experiance { font-size: 75px; }}
.lazy-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.swiper-container { contain: layout style paint; }
.swiper-wrapper { will-change: transform; }
.feature-block_two_count { min-width: 120px; display: inline-block; }
.logo img { width: 200px; height: auto; }
.main-header { min-height: 100px; }
.slider-three { min-height: 100%; position: relative; overflow: hidden; }
.slider-three_image-layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.slider-three_image-layer img { width: 100%; height: auto; object-fit: cover; }
.swiper-slide { transform: translate3d(0px, 0px, 0px); will-change: transform; }
.slider-arrows { position: absolute; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; background: rgb(11, 94, 215); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; cursor: pointer; z-index: 5; }
.slider-arrows.left { left: -54px; }
.slider-arrows.right { right: -54px; }
.slider-btn { background: rgb(11, 94, 215); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px 18px; margin: 5px; cursor: pointer; border-radius: 5px; font-size: 20px; }
.slider-btn:hover { background: rgb(8, 66, 152); }
.client-slider-wrapper { position: relative; display: flex; align-items: center; }
.client-slider { overflow: hidden; width: 100%; }
.client-track { display: flex; gap: 40px; align-items: center; }
.client-item { flex: 0 0 auto; width: 140px; text-align: center; margin-right: 5px; }
.client-item img { width: 100%; max-width: 150px; height: auto; margin: auto; border: 1px solid rgb(245, 245, 245); border-radius: 5px; }
.fullimagebg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; border-radius: 0px 50px 50px 0px; }
@media (max-width: 768px){.slider-three { height: 550px; }.slider-three_image-layer { height: auto; }.slider-three_image-layer img { height: 500px; object-fit: cover; }}
img { content-visibility: auto; }
.sticky-sidebar a.wc { position: relative; }
.wechat-popup { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); margin-right: 12px; width: 200px; padding: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.18) 0px 6px 24px; display: none; z-index: 1001; }
.sticky-sidebar a.wc.active .wechat-popup { display: block; }
.wechat-popup img { display: block; width: 100%; height: auto; border-radius: 4px; }
.wechat-id { display: block; margin-top: 8px; font-size: 13px; font-weight: 600; color: rgb(34, 34, 34); text-align: center; font-family: Barlow, sans-serif; line-height: 1.3; word-break: break-all; text-transform: none; }
.mobile-sticky-bar a.wc-mobile { position: relative; }
.wechat-popup-mobile { position: fixed; bottom: 72px; left: 50%; transform: translateX(-50%); width: 220px; padding: 14px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 24px; display: none; z-index: 1001; }
.mobile-sticky-bar a.wc-mobile.active .wechat-popup-mobile { display: block; }
.wechat-popup-mobile img { display: block; width: 100%; height: auto; border-radius: 4px; }
.wechat-close { position: absolute; top: 2px; right: 8px; font-size: 20px; line-height: 1; font-weight: 700; color: rgb(136, 136, 136); cursor: pointer; z-index: 2; }
.wechat-close:hover { color: rgb(34, 34, 34); }