h2, h3, h4, h5, h6{font-family:"Raleway", sans-seriff;font-weight: 700;}
section.hero-banner-sec.hero-banner-video-sec { padding: 0; }
section.hero-banner-sec.hero-banner-video-sec .title { position: absolute; padding: 0; }
body.home-page header.header a.sticky-logo { display: none; }
body.home-page header.header { position: fixed; background: transparent; }
body.home-page header.header.sticky { background: var(--gradient-dark-red-overlay); }
body.home-page header .header-section .header-wrap .header-menu ul li a { color: #fff; }
body.home-page header .header-section .header-wrap .header-menu ul li ul.dropdown li a {color: rgba(0, 0, 0, 1);}
body.home-page header .header-section .header-wrap .header-menu ul li ul.dropdown li a:hover { color: rgba(0, 173, 187, 1) !important;}
body.home-page header.header.sticky .header-section .header-wrap .header-menu ul li a { color: var(--Dark-Brown); }
body.home-page header.header.sticky a.sticky-logo { display: block; }
body.home-page header.header.sticky a.normal-logo { display: none; }
body.home-page header .hamburger span { background: #fff }
body.home-page header.header.sticky .hamburger span { background: var(--Custom-Brown) }
section.hero-banner-sec.hero-banner-video-sec .image img {padding-top: 50px; max-width: 480px; width: 100%; display: block; margin-bottom: 20px; }
section.hero-banner-sec.hero-banner-video-sec > .container { height: 100%; width: 100%; position: absolute; margin: 0 auto; left: 0; right: 0; }
section.hero-banner-sec.hero-banner-video-sec .video-sec.video-wrap { margin: 0; }
section.hero-banner-sec.hero-banner-video-sec .title { position: absolute;  top: 0; bottom: 0; padding: 200px 15px; left: 0; right: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
section.hero-banner-sec.hero-banner-video-sec .title h1{margin: 0;}
section.hero-banner-sec.hero-banner-video-sec .video video { height: 100vh;object-fit: cover;}
.who-we-are-section .content-sec .content-wrap .cta { display: block;margin-top: 20px;}
section.title-img-sec { width: 100%; display: block; vertical-align: top; padding: 100px 0; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 780px; }
section.title-img-sec h2 { margin: 0; }
.who-we-are-section {padding-bottom: 90px;}
.footer .footer-section .footer-wrap .footer-brand a .footer-logo{max-width: 360px;}
.logo-slider-section .logo-slide .content{width: 41%;}
.logo-slider-section .logo-slide{gap: 50px;justify-contesection.box-section .box-grid .box-columnnt: center;}

section.video-sec.walson-dai .video:after {z-index:-1 !important; }

section.about-content-sec { width: 100%; display: block; padding: 100px 0 80px; }
section.video-sec.blue-gradiant .video:after { background: linear-gradient(180deg, rgba(44, 27, 71, 0) 39.06%, #00ADBB 100%);}
section.content-img-sec.two-col-content .wrap { gap: 90px; align-items: flex-start; }
section.content-img-sec.two-col-content .wrap  .text-content { width: 50%; }
section.content-img-sec.two-col-content .wrap .text-content p { margin: 0; }
section.video-sec.small-video video {aspect-ratio: unset;height: 400px;}
section.video-sec.space-to-surat video {object-position: bottom;}
section.video-sec.small-video .title {position: absolute;/*bottom: 30px; left: 30px;*/ z-index: 3;}
section.video-sec.product-img { padding: 30px 0; }
section.video-sec.product-img p.small-title { font-size: 24px; text-align: center; line-height: 160%; }
section.video-sec.product-img .title { bottom: 16px;left: 0; }
section.video-sec.product-img .main-title h2 { margin-bottom: 32px; }
section.video-sec.product-img img {height: 280px; object-fit: cover;}
section.video-sec.product-img .wrap.thre-col-wrap { display: grid; gap: 32px; grid-template-columns: 1fr 1fr 1fr; }
section.video-sec.three-col-img.product-img { padding: 60px 0 30px;}
.cta-wrap.banner-cta-wrap { position: absolute; right: 0;bottom: 10px;}
section.what-we-do-sec .section-title .text p { font-size: 24px; font-weight: 500; line-height: 160%; letter-spacing: 0; text-transform: unset; }
section.what-we-do-sec .section-title .text { max-width: 854px; display: block; margin-top: 70px; }
.tab-section.tab-main-sec { flex-direction: column;padding: 42px 0; }
.tab-section.tab-main-sec .tab-main-title { width: 100%; display: flex; gap: 64px; align-items: center; }
.tab-section.tab-main-sec .tab-main-title .tabline { flex: 1; height: 1px; background-color: rgba(0, 0, 0, 1); }
.tab-section.tab-main-sec .tab-main-title span { font-size: 28px; line-height: 140%; font-weight: 700; color: rgba(44, 27, 71, 1); }
.what-we-do-sec .tab-section .tab-title-group { width: 100%; grid-template-columns: 1fr 1fr 1fr; }
.what-we-do-sec .tab-section .tab-content-group { width: 100%; position: unset; }
.what-we-do-sec .tab-section .tab-content .content-wrap .title span { font-size: 28px; }
.what-we-do-sec .tab-section .tab-content .content-wrap .wrap { display: flex; gap: 20px; align-items: center; }
.what-we-do-sec .tab-section .tab-content .content-wrap .wrap .image { width:30%; }
.what-we-do-sec .tab-section .tab-content .content-wrap .wrap .right { width: 70%; display: flex; flex-direction: column; gap: 40px; }
/*.what-we-do-sec .tab-section .tab-content .content-wrap .content p:first-child { font-weight: 700; }*/
section.what-we-do-sec.full-tab-sec .section-title {margin-bottom: 40px;}
.tab-section.tab-main-sec.tab-col-sec .tab-title-group { grid-template-columns: 1fr;}
.tab-section.tab-main-sec.tab-col-sec .tab-content .content-wrap img { aspect-ratio: 1; object-fit: cover; border-radius: 50%; }
.map-section .map .tooltip { background: rgba(0, 0, 0, 0.001); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.25); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); }
.map-section .map .tooltip * { color: #fff !important; }
.map-section .map .tooltip h4::before{background-image: url(../images/2026-image/near_me.svg);}
.map-section .map .tooltip.world-map h4::before{background-image: url(../images/2026-image/language.svg);width: 24px;height: 24px;}
.map-section .map .tooltip.world-map.discription h4:before {top: 5px; transform: unset;}
.tab-section.tab-main-sec.tab-col-sec .tab-title-group img { height: 280px; }
.map-section .map .tooltip h4 span { font-family: Raleway; font-weight: 400; font-size: 12px; line-height: 15px; letter-spacing: 0.8px; text-transform: uppercase; }
section.video-sec .top { margin-top: 48px; display: flex; gap: 50px; }
section.video-sec .top .quote-btn { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; flex: 1; }
section.video-sec .top .left { width: 61%; }
section.video-sec .top .title p { color: var(--Secondary-DarkBlue); display: block; margin-bottom: 13px; letter-spacing: 1.28px; text-transform: uppercase; font-size: 24px; line-height: 160%; }
section.video-sec .video:has(img) img {min-height: 200px;object-fit: cover; display: block; }
section.box-section { padding-top: 120px; display: block; }
section.box-section .section-title .content p { font-size: 24px; line-height: 160%; text-transform: unset; letter-spacing: 0; }
section.box-section .section-title { max-width: 963px; }

section.products_slider_sec { width: 100%; display: block; vertical-align: top; }
section.products_slider_sec .product_splide_slider .image { width: 100%; display: block; position: relative; border-radius: 30px; overflow: hidden; height: 100%; z-index: 1; }
section.products_slider_sec .product_splide_slider .image:after { background: linear-gradient(180deg, rgba(44, 27, 71, 0) 39.06%, #00ADBB 100%); content: ''; position: absolute; inset: 0; z-index: 1; }
section.products_slider_sec .product_splide_slider .image .title { position: absolute; z-index: 2; padding: 46px; bottom: 0; left: 0; right: 0; }
section.products_slider_sec .product_splide_slider .image img {max-height: 470px; height: 100%; object-fit: cover; }
section.products_slider_sec .product_splide_slider .image .title h3 { color: #fff;  line-height: 140%; }
section.products_slider_sec .product_splide_slider { padding-bottom: 100px; }
section.products_slider_sec .product_splide_slider button.splide__arrow { bottom: 0; top: unset; transform: translateY(0); }
section.products_slider_sec .product_splide_slider button.splide__arrow.splide__arrow--next { right: unset; left:260px; }
section.products_slider_sec .product_splide_slider  ul.splide__pagination { justify-content: flex-start; left: 80px; bottom: 24px; padding: 0; width: fit-content; display: flex !important; align-items: center; gap: 20px; }
section.products_slider_sec .product_splide_slider ul.splide__pagination button.splide__pagination__page { background: rgba(79, 53, 42, 1); opacity: 0.3; margin: 0; height: 10px; transform: unset; width: 10px; }
section.products_slider_sec .product_splide_slider ul.splide__pagination button.splide__pagination__page.is-active { opacity: 1; width: 30px; border-radius: 77px; }
section.products_slider_sec .product_splide_slider ul.splide__pagination li { display: block; line-height: 0; }
section.products_slider_sec .product_splide_slider .splide__track { padding-left: 0 !important;}


/*section.video-sec .video:before { background: rgb(0 0 0 / 20%); content: ''; z-index: 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }*/
section.video-sec.product-img .title {z-index: 2;position: absolute;bottom: 0;color: #fff;text-align: center;left: 0;right: 0;padding: 16px;width: 100%;display: inline-block;}  


/*    =========== 19/03/2026 =============*/
section.products_slider_sec.pro-new .product_splide_slider .image img {max-height: 580px;}

/*    =========== 16/03/2026 =============*/

section.products_slider_sec.pro-new .product_splide_slider .image:after {background: linear-gradient(180deg, rgba(44, 27, 71, 0) 39.06%, #2C1B47 100%);}

.we-serve-section.serve-new { padding: 128px 0; }
.we-serve-section.serve-new .section-title { margin-bottom: 40px; }
.we-serve-section.serve-new .we-serve-group {grid-template-columns: 1fr 1fr;gap: 96px 128px;}
.we-serve-section .we-serve-group .we-serve .content p { font-size: 24px; line-height: 136%; display: block; margin: 0 auto; color: var(--Custom-Brown); }
section.video-sec.video-new .video:before { background: linear-gradient(0deg, #000000, #000000), linear-gradient(180deg, rgba(255, 139, 59, 0) 73.71%, #FF8B3B 100%); z-index: -1; }
section.video-sec.video-dark { padding-top: 128px; }
section.video-sec.video-dark .video:after {background: linear-gradient(180deg, rgba(44, 27, 71, 0) 39.06%, #2C1B47 100%); }
.we-serve-section.serve-new .we-serve-group .we-serve .image { max-width: 312px;margin: 0 auto; }
.we-serve-section.serve-new .we-serve-group .we-serve { justify-content: flex-start; }


.share-container { position: relative; }
.share-menu { position: absolute; bottom: 67px; left: 0; display: none; background: #fff; padding: 6px 8px 5px; border-radius: 8px; list-style: none; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
.share-menu li { width: 24px; height: 24px; display: inline-block; }
.share-menu li a { line-height: 0; vertical-align: top; width: auto; display: inline-block; }
.share-menu li:last-child { width: 18px; height: 18px; }
.share-menu li a img { width: 24px; height: 24px; object-fit: contain; object-position: center; }
.share-menu li:last-child a img { width: 18px; height: 18px; }
.share-menu.show { display: flex; gap: 10px; }



@media(min-width:1201px) {
        section.products_slider_sec .product_splide_slider .image .title h3 { font-size: 36px;}

}
@media(max-width:1600px) {
    section.hero-banner-sec.hero-banner-video-sec .image img { max-width: 400px; max-height: 250px; margin: 0; }
    section.hero-banner-sec.hero-banner-video-sec .title { padding: 100px 15px }
    .we-serve-section.serve-new { padding: 80px 0; }
}

@media(max-width:1200px) {
    .who-we-are-section {padding-bottom: 50px;}
    section.title-img-sec { padding: 80px 0; min-height: 500px; }
    .footer .footer-section .footer-wrap .footer-brand a .footer-logo { max-width: 270px;}
    .logo-slider-section .logo-slide .content{width: 50%;}
    .logo-slider-section .logo-slide{gap:30px;}
    section.about-content-sec { padding: 70px 0 ; }
    section.content-img-sec.two-col-content .wrap { gap: 40px;}
    section.video-sec.product-img .main-title h2 { margin-bottom: 24px; }
    section.video-sec.product-img p.small-title { font-size: 20px;}
    section.video-sec.product-img { padding: 20px 0; }
    section.video-sec.product-img .wrap.thre-col-wrap { gap: 20px;}
    section.video-sec .top { gap: 30px; }
    section.video-sec .top .left { width: 66%; }
    section.box-section { padding-top: 80px; }
    
}

@media(max-width:991px) {
    .who-we-are-section {padding-bottom: 30px;}
    section.title-img-sec { padding: 60px 0; min-height: 400px; }
    .footer .footer-section .footer-wrap .footer-brand a .footer-logo { max-width: 210px;}
    section.about-content-sec { padding: 60px 0 ; }
    section.content-img-sec.two-col-content .wrap {gap: 20px;}
    section.video-sec.small-video video { height: 330px;}
    section.video-sec.product-img p.small-title { font-size: 20px;}
    section.video-sec.three-col-img.product-img { padding: 50px 0 20px;}
    section.what-we-do-sec .section-title .text {  margin-top: 50px; }
    section.what-we-do-sec .section-title .text p { font-size: 20px; }
    .tab-section.tab-main-sec {padding: 40px 0; }
    .what-we-do-sec .tab-section .tab-content .content-wrap:after { display: none; }
    .what-we-do-sec .tab-section .tab-content .content-wrap .title span { font-size: 20px; text-align: left; }
    .what-we-do-sec .tab-section .tab-content .content-wrap .wrap .right { gap: 20px; }
    .tab-section.tab-main-sec.tab-col-sec .tab-title-group .tab-title { width: 100%;}
    section.video-sec .top { flex-direction: column; align-items: flex-start; margin-top: 30px; }
    section.video-sec .top .left { width: 100%; }
    section.video-sec .top .quote-btn { align-items: flex-start; }
    section.video-sec .top .title p { font-size: 20px; }
    section.box-section { padding-top: 60px; }
    section.box-section .section-title .content p { font-size: 20px;}
    section.products_slider_sec .product_splide_slider ul.splide__pagination { bottom: 17px; left: 70px; gap: 13px; }
    section.products_slider_sec .product_splide_slider button.splide__arrow.splide__arrow--next { left: 200px; }
    .product_splide_slider .image .title { padding: 20px;}
    section.products_slider_sec .product_splide_slider { padding-bottom: 70px;}
    .we-serve-section.serve-new { padding: 60px 0; }
    .we-serve-section.serve-new .we-serve-group { gap: 60px 80px; }
    .we-serve-section .we-serve-group .we-serve .content p { font-size: 20px; }
    .we-serve-section.serve-new .we-serve-group .we-serve .title p { font-size: 26px; line-height: 30px; }
    .we-serve-section.serve-new .we-serve-group .we-serve > a { gap: 15px; }
}

@media(max-width:767px) {
    .who-we-are-section {padding-bottom: 30px;}
     section.title-img-sec { padding: 40px 0; min-height: 300px; }
    .logo-slider-section .logo-slide .content { max-width: 350px; width: 100%;}
    section.about-content-sec { padding: 60px 0 ; }
    section.content-img-sec.two-col-content .wrap .text-content{width: 100%;}
    section.video-sec .video, section.video-sec .video video {min-height: unset;}
    section.video-sec.small-video video {height: 300px;}
    section.video-sec.small-video .title {  /*bottom: 20px; left: 20px; */ padding:15px;}
    section.video-sec.three-col-img.product-img { padding: 40px 0 20px;}
    section.video-sec.product-img .wrap.thre-col-wrap { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
    .cta-wrap.banner-cta-wrap { position: unset; align-items: flex-start; margin-top: 30px; }
    section.what-we-do-sec .section-title .text {  margin-top: 30px; }
    section.what-we-do-sec .section-title .text p { font-size: 18px; }
    .tab-section.tab-main-sec {padding: 30px 0; }
    section.what-we-do-sec.full-tab-sec .section-title {margin-bottom: 30px;}
    .what-we-do-sec .tab-section .tab-content .content-wrap .wrap { flex-direction: column; }
    .what-we-do-sec .tab-section .tab-content .content-wrap .title span { text-align: center; }
    .what-we-do-sec .tab-section .tab-content .content-wrap img { margin: 0 auto; }
    .what-we-do-sec .tab-section .tab-content .content-wrap .wrap .image { width: 100%; }
    .what-we-do-sec .tab-section .tab-content .content-wrap .wrap .right { width: 100%; }
    .tab-section.tab-main-sec .tab-main-title { gap: 20px;}
    .map-section .map .tooltip.world-map h4::before { width: 17px; height: 17px; left: -3px; }
    .map-section .map .tooltip h4 span { font-size: 10px; line-height: 10px;}
    section.video-sec .top .title p { font-size: 18px; }
    section.box-section { padding-top: 40px; }
    section.box-section .section-title .content p { font-size: 18px;}
    section.products_slider_sec .container-fluid-sticky-right { padding-right: 16px !important;}
    .we-serve-section.serve-new { padding: 40px 0; }
    .we-serve-section.serve-new .we-serve-group { grid-template-columns: 100%; gap: 40px; }
    .we-serve-section .we-serve-group .we-serve .content p { font-size: 18px; }
    .we-serve-section.serve-new .we-serve-group .we-serve .title p { font-size: 24px; }
    .we-serve-section.serve-new .section-title { margin-bottom: 30px; }
    

}
@media(max-width:640px) {
    section.video-sec.small-video video {height: 250px;}
    .tab-section.tab-main-sec.tab-col-sec .tab-title-group img { height: 210px;}
}

@media(max-width:550px) {
    section.video-sec.small-video video {height: 200px;}
}
@media(max-width:480px) {
    section.video-sec.small-video video {height: 170px;}
    section.video-sec.product-img img { height: 210px;}
    h1 {font-size: 36px;}
    section.products_slider_sec .product_splide_slider .image .title { padding: 20px; }
    section.products_slider_sec .product_splide_slider .image .title h3 { font-size: 19px; }
    section.products_slider_sec .product_splide_slider .image img { min-height: 270px; }

}


/*========= box section css start here ============*/

section.box-section .box-grid { flex-wrap:wrap; width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 41px; }
section.box-section .box-grid .box-column { width: calc((100% - 164px) / 5); text-align: center; background: #391F0F1F; border-radius: 30px; padding: 34px 20px 27px; display: flex; flex-direction: column; gap: 15px; }
section.box-section .box-grid .box-column .card-img { width: 100%; display: inline-block; line-height: 0; vertical-align: top; }
section.box-section .box-grid .box-column .card-img img {height: 70px; max-width: 70px; display: inline-block; }
section.box-section .box-grid .box-column .card-caption { width: 100%; display: inline-block; font-size: 24px; line-height: 119%; font-weight: 700;color: var(--Dark-Brown); }

/*========= three col with bg img css start here ============*/

section.three-col-with-bg-img { width: 100%; display: inline-block; padding: 140px 0 153px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; }
section.three-col-with-bg-img .section-title { margin-bottom: 60px; }
section.three-col-with-bg-img .section-title .title h2 { color: #fff; margin-bottom: 22px; }
section.three-col-with-bg-img .section-title .content { max-width: 1185px; }
section.three-col-with-bg-img .section-title .content p { text-transform: none; color: #fff; font-size: 24px; letter-spacing: 0; }
section.three-col-with-bg-img .grid-items { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 50px; }
section.three-col-with-bg-img .grid-items .grid-col { width: calc((100% - 100px) / 3); display: flex; flex-direction: column; gap: 36px; backdrop-filter: blur(18.600000381469727px); background: #FFFFFF; padding: 30px; border-radius: 30px; }
section.three-col-with-bg-img:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #00000073; display: block; z-index: -1; }
section.three-col-with-bg-img .grid-items .grid-col h3 { font-size: 30px; line-height: 120%; font-weight: 600; color: #171717; position: relative; }
section.three-col-with-bg-img .grid-items .grid-col .caption { font-size: 23px; line-height: 136%; }
section.three-col-with-bg-img .grid-items .grid-col h3:after { position: absolute; content: ''; left: 0; bottom: -18px; width: 30px; height: 2px; background: #2C2C2C; z-index: -1; }

/*========= technical capability css start here ============*/

section.technical-capability { width: 100%; display: inline-block; padding: 128px 0; }
section.technical-capability .technical-inner { width: 100%; display: inline-block; }
section.technical-capability .technical-inner .top { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 32px; }
section.technical-capability .technical-inner .top .section-title { margin-bottom: 0; max-width: max-content; }
section.technical-capability .technical-inner .top .section-title .title h2 { margin: 0; }
section.technical-capability .technical-inner .wrap {position: relative;z-index: 1; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 228px; margin-top: 44px; }
section.technical-capability .technical-inner .wrap .left { width: 416px; display: flex; align-items: center; gap: 16px; background: #2C1B47; padding: 16px 18px; border-radius: 30px; }
section.technical-capability .technical-inner .wrap .right { width: calc(100% - 600px); display: inline-block; border: 3px solid #2C1B47; padding: 16px 60px 16px 32px; border-radius: 30px; background-color: #fff; }
section.technical-capability .technical-inner .wrap .left .round-img { width: 65px; display: inline-block; line-height: 0; vertical-align: top; }
section.technical-capability .technical-inner .wrap .left .round-img img { height: 65px; display: inline-block; }
section.technical-capability .technical-inner .wrap .left h3 { width: calc(100% - 75px); display: inline-block; line-height: 35px; font-weight: 500; color: #fff; }
section.technical-capability .technical-inner .wrap .right .content p { line-height: 40px; }
section.technical-capability .technical-inner .wrap:after { position: absolute; content: ''; left: 0; top: 0; width: 60px; height: 60px; background-image: url(../images/line.png); }
section.technical-capability .technical-inner .wrap:after { position: absolute; content: ''; left: 31%; top: 45px; width: 242px; height: 29px; background-image: url(../images/line.png); background-size: cover; background-repeat: no-repeat; background-position: center; z-index: -1; display: block; }

.cbs_section { width: 100%; display: inline-block; vertical-align: top; }
.cbs_section .wrap { width: 100%; display: flex; gap: 13px; }
.cbs_section .wrap .left { width: 47%; display: block; }
.cbs_section .wrap .right { width: 53%; }
.cbs_section .wrap .right img { width: 100%;display: block;  }
.cbs_section .wrap h2 { margin-bottom: 20px; }
.cbs_section .wrap .left >.content { margin-bottom: 30px; }
.cbs_section .wrap .left >.content p {font-size: 24px;color: #2C1B47;line-height: 160%;}
.cbs_section .wrap .left .content__box__slider { padding: 24px; width: 100%; background: rgba(79, 53, 42, 0.12); border-radius: 30px; }
.cbs_section .wrap .left  .main_box_text_slider { width: 100%; display: block; padding-bottom: 100px; }
.cbs_section .wrap .left .content__box__slider button.splide__arrow { bottom: -100px; top: unset; transform: unset; }
.cbs_section .wrap .left .content__box__slider button.splide__arrow.splide__arrow--next { right: 0; left: 190px; }
.cbs_section .wrap .left .content__box__slider ul.splide__pagination { justify-content: flex-start; left: 80px; bottom: -75px; padding: 0; width: fit-content; display: flex !important; align-items: center; gap: 20px; }
.cbs_section .wrap .left .content__box__slider ul.splide__pagination li { display: block; line-height: 0; }
.cbs_section .wrap .left .content__box__slider ul.splide__pagination li button.splide__pagination__page { background: rgba(79, 53, 42, 1); opacity: 0.3; margin: 0; height: 10px; transform: unset; width: 10px; }
.cbs_section .wrap .left .content__box__slider ul.splide__pagination li button.splide__pagination__page.is-active { opacity: 1; width: 30px; border-radius: 77px; }
.cbs_section .wrap .left .content__box__slider .content p { margin-bottom: 7px;}

/*========= simple two col images section css start here ============*/

.simple-two-images-sec { width: 100%; display: inline-block; }
.simple-two-images-sec .simple-grid { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.simple-two-images-sec .simple-grid .simple-column { width: calc((100% - 12px) / 2); display: inline-block; }
.simple-two-images-sec .simple-grid .simple-column .image { width: 100%; display: inline-block; line-height: 0; vertical-align: text-top; position: relative; overflow: hidden; z-index: 1; }
.simple-two-images-sec .simple-grid .simple-column .image img { object-fit: cover; border-radius: 30px; }
.simple-two-images-sec .simple-grid .simple-column .image:after { content: ''; position: absolute; inset: 0; border-radius: 30px; background: linear-gradient(180deg, rgba(44, 27, 71, 0) 39.06%, #2C1B47 100%); z-index: 1; }

@media(max-width:1400px){
section.box-section .box-grid .box-column { width: calc((100% - 164px) / 4); }
section.three-col-with-bg-img { padding: 80px 0 80px; }
section.three-col-with-bg-img .grid-items { gap: 30px; }
section.three-col-with-bg-img .grid-items .grid-col { width: calc((100% - 60px) / 3); }
section.three-col-with-bg-img .grid-items .grid-col .caption { font-size: 20px; line-height: 136%; }
section.technical-capability .technical-inner .wrap:after { left: 36%; }
section.technical-capability { padding: 80px 0; }
}


@media(max-width:1200px) {
 section.box-section { padding-top: 80px; }
    section.box-section .box-grid .box-column { width: calc((100% - 164px) / 3); }
    section.three-col-with-bg-img .grid-items .grid-col h3 { font-size: 28px; line-height: 110%; }
    section.technical-capability .technical-inner .wrap .right { padding: 16px 20px 16px 20px; }
    section.technical-capability .technical-inner .wrap { gap: 50px; }
    section.technical-capability .technical-inner .wrap .left { width: 370px; }
    section.technical-capability .technical-inner .wrap .right { width: calc(100% - 400px); }
    section.technical-capability .technical-inner .wrap .right .content p { line-height: 37px; }
    section.technical-capability .technical-inner .wrap .left h3 { line-height: 32px; }
    section.technical-capability { padding: 60px 0; }
}


@media(max-width:991px) {

    section.box-section { padding-top: 60px; }
    section.box-section .section-title .content p { font-size: 20px;}
    section.box-section .box-grid { gap: 30px; }
    section.box-section .box-grid .box-column { width: calc((100% - 30px) / 2); }
    section.three-col-with-bg-img .grid-items .grid-col h3 { font-size: 26px; line-height: 110%; }
    section.three-col-with-bg-img .section-title .content p { font-size: 20px; }
    section.three-col-with-bg-img .section-title { margin-bottom: 40px; }
    section.three-col-with-bg-img { padding: 60px 0 ; }
    section.three-col-with-bg-img .grid-items .grid-col { width: calc((100% - 30px) / 2); }
    section.three-col-with-bg-img .grid-items { flex-wrap: wrap; justify-content: center; }
    section.technical-capability { padding: 50px 0; }
    .cbs_section .wrap { flex-direction: column; gap: 30px; }
    .cbs_section .wrap .left { width: 100%; }
    .cbs_section .wrap .right { width: 100%; }
    .cbs_section .wrap .left .main_box_text_slider { padding-bottom: 60px; }
    .cbs_section .wrap .left .content__box__slider button.splide__arrow { bottom: -60px; }
    .cbs_section .wrap .left .content__box__slider ul.splide__pagination { left: 70px; bottom: -42px; gap: 13px; }
    .cbs_section .wrap .left .content__box__slider button.splide__arrow.splide__arrow--next { left: 170px; }
    .cbs_section .wrap .left >.content { margin-bottom: 20px; }
    .cbs_section .wrap .left .content__box__slider { padding: 20px; }
    .cbs_section .wrap .left >.content p {font-size: 20px;}
    
    .share-menu { position: unset; }
    .share-container { display: flex; align-items: center; justify-content: flex-start; gap: 15px; }

}

@media(max-width:767px) {

    section.box-section { padding-top: 40px; }
    section.box-section .section-title .content p { font-size: 18px;}
    section.box-section .box-grid .box-column .card-caption { font-size: 20px; }
    section.box-section .box-grid .box-column { padding: 30px 20px; }
    section.three-col-with-bg-img .grid-items .grid-col h3 { font-size: 21px; }
    section.three-col-with-bg-img .section-title .content p { font-size: 18px; }
    section.three-col-with-bg-img .section-title { margin-bottom: 32px; }
    section.three-col-with-bg-img .grid-items .grid-col { width: 100%; }
    section.three-col-with-bg-img .grid-items .grid-col .caption{font-size: 18px;}
    section.technical-capability .technical-inner .top {flex-direction: column-reverse;}
    section.technical-capability .technical-inner .top .quote-btn { width: 100%; display: flex; justify-content: flex-end; }
    section.technical-capability .technical-inner .wrap { flex-wrap: wrap; margin-top: 30px; }
    section.technical-capability .technical-inner .wrap .left { width: 100%; }
    section.technical-capability .technical-inner .wrap .right { width: 100%; }
    section.technical-capability { padding: 40px 0; }
    section.technical-capability .technical-inner .wrap .right .content p { line-height: 30px; }
    section.technical-capability .technical-inner .wrap:after { left: 40%; height: 30px; width: 97px;transform: rotate(84deg);top: 90px;}
    .cbs_section .wrap .left >.content p {font-size: 18px;}
    .simple-two-images-sec .simple-grid .simple-column { width: 100%; }
    .simple-two-images-sec .simple-grid { flex-wrap: wrap; }
}

@media(max-width:480px) {

    section.box-section .box-grid .box-column { width: 100%; }
    section.box-section .box-grid { gap: 20px; }
}

 /*========= applications slider css start here ============*/

section.applications-slider { width: 100%; display: inline-block; padding: 128px 0; }
section.applications-slider .title h2 { margin: 0 0  40px 0; }
section.applications-slider .app-slider { position: relative; z-index: 1; width: 100%; display: inline-block; padding-bottom: 130px; }
section.applications-slider .app-slider .app-card { width: 100%; display: flex; flex-direction: column; gap: 20px; justify-content: center; text-align: center; }
section.applications-slider .app-slider .app-card .img { width: 100%; display: inline-block; line-height: 0; vertical-align: top; }
section.applications-slider .app-slider .app-card .img img { max-width: 280px; object-fit: contain; object-position: center; height: 280px; border-radius: 100%; }
section.applications-slider .app-slider .app-card h3 { line-height: 135%; margin: 0; font-weight: 500; }
section.applications-slider .app-slider .app-card p { font-size: 24px; line-height: 136%;display: block; margin: 0 auto; color: var(--Custom-Brown); }
section.applications-slider .app-slider button.splide__arrow { bottom: 0; top: unset; transform: translateY(0); }
section.applications-slider .app-slider button.splide__arrow.splide__arrow--next { right: unset; left: 16%; }
section.applications-slider .app-slider button.splide__arrow.splide__arrow--prev { left: 28px; }
section.applications-slider .app-slider ul.splide__pagination { justify-content: flex-start; left: 110px; bottom: 24px; padding: 0; width: fit-content; display: flex !important; align-items: center; gap: 20px; }
section.applications-slider .app-slider ul.splide__pagination button.splide__pagination__page { background: rgba(79, 53, 42, 1); opacity: 0.3; margin: 0; height: 10px; transform: unset; width: 10px; }
section.applications-slider .app-slider ul.splide__pagination button.splide__pagination__page.is-active { opacity: 1; width: 30px; border-radius: 77px; }
section.applications-slider .app-slider ul.splide__pagination li { display: block; line-height: 0; }
/*section.applications-slider .app-slider:after { position: absolute; content: ''; right: 148px; top: -128px; background-image: url(../images/bg-shape.png); width: 653px; height: 897px; background-size: contain; background-repeat: no-repeat; background-position: right; z-index: -1; }*/


/*========= applications slider new css start here ============*/

section.applications-slider-new { width: 100%; display: inline-block; padding: 128px 0; }
section.applications-slider-new .title h2 { margin: 0 0  128px 0; }
section.applications-slider-new .custom-app-slider { position: relative; z-index: 1; width: 100%; display: inline-block; padding-bottom: 130px; }
section.applications-slider-new .custom-app-slider .app-card { width: 100%; display: flex; flex-direction: column; gap: 20px; justify-content: center; text-align: center; }
section.applications-slider-new .custom-app-slider .app-card .img { width: 100%; display: inline-block; line-height: 0; vertical-align: top; }
section.applications-slider-new .custom-app-slider .app-card .img img { max-width: 280px; object-fit: contain; object-position: center; height: 280px; border-radius: 100%; }
section.applications-slider-new .custom-app-slider .app-card h3 { line-height: 135%; margin: 0; font-weight: 500; }
section.applications-slider-new .custom-app-slider .app-card p { font-size: 24px; line-height: 136%;display: block; margin: 0 auto; color: var(--Custom-Brown); }
section.applications-slider-new .custom-app-slider button.splide__arrow { bottom: 0; top: unset; transform: translateY(0); }
section.applications-slider-new .custom-app-slider button.splide__arrow.splide__arrow--next { right: unset; left: 16%; }
section.applications-slider-new .custom-app-slider button.splide__arrow.splide__arrow--prev { left: 28px; }
section.applications-slider-new .custom-app-slider ul.splide__pagination { justify-content: flex-start; left: 110px; bottom: 24px; padding: 0; width: fit-content; display: flex !important; align-items: center; gap: 20px; }
section.applications-slider-new .custom-app-slider ul.splide__pagination button.splide__pagination__page { background: rgba(79, 53, 42, 1); opacity: 0.3; margin: 0; height: 10px; transform: unset; width: 10px; }
section.applications-slider-new .custom-app-slider ul.splide__pagination button.splide__pagination__page.is-active { opacity: 1; width: 30px; border-radius: 77px; }
section.applications-slider-new .custom-app-slider ul.splide__pagination li { display: block; line-height: 0; }
/*section.applications-slider-new custom-app-slider:after { position: absolute; content: ''; right: 148px; top: -128px; background-image: url(../images/bg-shape.png); width: 653px; height: 897px; background-size: contain; background-repeat: no-repeat; background-position: right; z-index: -1; }*/

section.applications-slider-new .custom-app-slider button.splide__arrow { display: none; }
section.applications-slider-new .custom-app-slider ul.splide__pagination { display: none !important; }
section.applications-slider-new .custom-app-slider { padding: 0; }
section.applications-slider-new .title h2 { margin: 0 0 40px 0; }


@media(max-width:1400px){
    section.applications-slider { padding: 100px 0; }
    section.applications-slider .app-slider button.splide__arrow.splide__arrow--next { left: 21%; }
    section.applications-slider .app-slider:after { right: 0; top: -100px; height: 800px; }
    }

@media(max-width:1200px){
    section.applications-slider .app-slider button.splide__arrow.splide__arrow--next { left: 24%; }
    section.applications-slider { padding: 80px 0; }
    section.applications-slider-new { padding: 80px 0; }
    section.applications-slider .title h2 { margin: 0 0 80px 0; }
    section.applications-slider .app-slider { padding-bottom: 140px; }
    section.applications-slider .app-slider:after { right: 0; top: -79px; height: 700px; }

}

@media(max-width:991px){
    section.applications-slider .app-slider .app-card p { font-size: 22px; line-height: 32px; }
    section.applications-slider { padding: 60px 0; }
    section.applications-slider-new { padding: 60px 0; }
    section.applications-slider .app-slider { padding-bottom: 130px; }
    section.applications-slider .app-slider button.splide__arrow.splide__arrow--prev { left: 80px; }
    section.applications-slider .app-slider ul.splide__pagination { left: 140px; bottom: 17px; }
    section.applications-slider .app-slider button.splide__arrow.splide__arrow--next { left: 32%; }
    section.applications-slider .app-slider:after{display: none;}   
}

@media(max-width:767px){
   section.applications-slider .app-slider ul.splide__pagination { left: 90px; }
   section.applications-slider .app-slider { padding-bottom: 120px; }
   section.applications-slider .app-slider button.splide__arrow.splide__arrow--prev { left: 30px; }
    section.applications-slider-new { padding: 50px 0; }

}

@media(max-width:640px){
   section.applications-slider .app-slider ul.splide__pagination { left: 60px; }
   section.applications-slider .app-slider button.splide__arrow.splide__arrow--prev { left: 0; }

}

@media (max-width:575px) {
  section.applications-slider .app-slider .splide__arrows { position: absolute !important; bottom: 50px !important; left: 50% !important; transform: translateX(-50%) !important; width: 80% !important; max-width: 100%; display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 0 auto; }
  section.applications-slider .app-slider button.splide__arrow.splide__arrow--prev, section.applications-slider .app-slider button.splide__arrow.splide__arrow--next { position: static !important; transform: none !important; }
  section.applications-slider .app-slider ul.splide__pagination { position: absolute !important; bottom: 67px !important; left: 50% !important; transform: translateX(-50%) !important; gap:10px; display: flex !important; justify-content: center !important; width: auto !important; }
  section.products_slider_sec .product_splide_slider .splide__arrows { position: absolute !important; bottom: 0px !important; left: 50% !important; transform: translateX(-50%) !important; width: 100% !important; max-width: 80% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 0 auto !important; }
  section.products_slider_sec .product_splide_slider button.splide__arrow.splide__arrow--prev, section.products_slider_sec .product_splide_slider button.splide__arrow.splide__arrow--next { position: static !important; transform: none !important; }
  section.products_slider_sec .product_splide_slider ul.splide__pagination { position: absolute !important; bottom: 15px !important; left: 50% !important; transform: translateX(-50%) !important; display: flex !important; justify-content: center !important; width: auto !important; }
}
@media (max-width:400px) {
  section.products_slider_sec .product_splide_slider .splide__arrows { max-width: 90% !important; }
}










/* popup css */