section.infrastructure-sec-hero .video-wrapper{  position: relative; overflow: hidden; height: 100vh;}

section.infrastructure-sec-hero .video-wrapper::before{
    content: ""; position: absolute; inset: 0; z-index: 2; background-image: linear-gradient(#1b1a2433 50%, #000 100%); width: 100%; height: 120%;
}

section.infrastructure-sec-hero .vimeo-bg{
    position: absolute; inset: 0; overflow: hidden;
}

section.infrastructure-sec-hero .vimeo-bg iframe{
    position: absolute; top: 50%; left: 50%; width: 177.77777778vh; /* 16:9 */ height: 56.25vw; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); border: 0;
}

section.infrastructure-sec-hero .cta-wrapper{/*position: absolute; bottom: 5%; right: 0%; z-index: 999;*/     transform: translateY(38px);}
section.infrastructure-sec-hero .cta-wrapper .navbar-toggler-icon{display: none;}


section.infrastructure-sec-hero .hero-cwrapper{position: absolute; top: 50%; left: 4%; transform: translateY(-50%); z-index: 99;}


/*
section.infrastructure-sec-hero{min-height: 100vh;background: linear-gradient(180deg, #010101 80%, #010D26 100%);padding-top: 90px;position: relative;overflow: hidden;}
section.infrastructure-sec-hero > div{position:relative;z-index:9;}
section.infrastructure-sec-hero h1{}
section.infrastructure-sec-hero p.lead{color: var(--color-03);font-size: var(--rfs-21);font-weight:  400;}
section.infrastructure-sec-hero p{color: var(--color-02);max-width: 440px;}
section.infrastructure-sec-hero .hero-banner{width: 100%;height: 60vh;background: url("hero-banner.webp") no-repeat center center;background-size: cover;border-radius: 10px;margin-bottom: 50px;}
section.infrastructure-sec-hero .btn-km.red{margin-top:10px;margin-bottom:20px;}

section.infrastructure-sec-hero .main-row .columns:nth-child(3){text-align: right;}
*/

section.infrastructure-sec-01{background: linear-gradient(180deg, #010d26 0%, #00277F 50%, #000000 100%);position:relative;padding-top:100px;padding-bottom:100px;}
section.infrastructure-sec-01 .sliders_wrps{position:relative;padding-left: 170px;}
section.infrastructure-sec-01 .infinite-nav{z-index: 999;width: 150px;border-radius: 10px;overflow: hidden;position:absolute;top:0;left:0;}
section.infrastructure-sec-01 .infinite-nav .slick-list{padding:0px !important;}
section.infrastructure-sec-01 .infinite-nav .thumbs{margin-bottom: 15px;width: 165px;background:var(--color-02);}
section.infrastructure-sec-01 .infinite-nav .thumbs img{opacity: .4;transition: all 500ms ease-in-out;}
section.infrastructure-sec-01 .infinite-nav .slick-current.slick-center .thumbs img{opacity: 1;transition: all 500ms ease-in-out;}


section.infrastructure-sec-01 .infinite-for{border-radius: 5px;overflow:hidden;}
section.infrastructure-sec-01 .infinite-for .thumbs{}
section.infrastructure-sec-01 .infinite-for .thumbs img{/* border-radius: 5px; */}


section.infrastructure-sec-01 p{margin-bottom: 3rem;}


section.infrastructure-sec-02{}
section.infrastructure-sec-02 ul.facility_list{margin: 0px;padding: 0px;list-style-type: none;border-bottom: 1px solid #303030;}
section.infrastructure-sec-02 ul.facility_list li{padding: 40px 0px;border-top: 1px solid #303030;gap: 50px;position: relative;display: flex;transition:all 700ms ease-in-out;}
section.infrastructure-sec-02 ul.facility_list li:before{content:"";width: 0%;height:1px;background:var(--color-01);position:absolute;top: 0;right:0;transition:all 700ms ease-in-out;}
section.infrastructure-sec-02 ul.facility_list li .fl_text{width: 50%;min-height: 300px;display: flex;flex-direction: column;justify-content: space-between;}
section.infrastructure-sec-02 ul.facility_list li .fl_text h3{font-size: var(--rfs-42);}
section.infrastructure-sec-02 ul.facility_list li .fl_text p{max-width: 640px;}

section.infrastructure-sec-02 ul.facility_list li .fl_thumb{width: 15%;max-height: 50vh;overflow: hidden;position: relative;transition: all 700ms ease-in-out;}
section.infrastructure-sec-02 ul.facility_list li .fl_thumb img{transform:scale(1.4);transition:all 500ms ease-in-out;}

section.infrastructure-sec-02 ul.facility_list li.active,
section.infrastructure-sec-02 ul.facility_list li:hover{transition:all 500ms ease-in-out;}
section.infrastructure-sec-02 ul.facility_list li.active:before,
section.infrastructure-sec-02 ul.facility_list li:hover:before{width:100%;left:0;right:inherit;transition:all 500ms ease-in-out;}
section.infrastructure-sec-02 ul.facility_list li.active .fl_thumb,
section.infrastructure-sec-02 ul.facility_list li:hover .fl_thumb{width:47%;transition:all 700ms ease-in-out;}
section.infrastructure-sec-02 ul.facility_list li.active .fl_thumb img,
section.infrastructure-sec-02 ul.facility_list li:hover .fl_thumb img{transform:scale(1);transition:all 500ms ease-in-out;}


section.infrastructure-sec-03{background: url("bg-product-deliver.webp") no-repeat top center;background-size: cover;min-height: 65vh;padding-top: 50px;padding-bottom: 50px;position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
section.infrastructure-sec-03:after{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(360deg, black 0%, transparent 70%);}


@media(max-width:1440px){
	.btn-km.bdr.lightWhite .bkm-text{ height: 55px;}
	.btn-km.bdr.lightWhite .bkm-arrow{width:60px; height: 55px;}
		section.infrastructure-sec-hero .hero-cwrapper h1 { margin-bottom: 0.5rem;}
	section.infrastructure-sec-01 .infinite-nav .thumbs {width:110px;}
	
	section.infrastructure-sec-01 .sliders_wrps {padding-left: 135px;}
	section.infrastructure-sec-01{padding-top: 40px; padding-bottom: 40px;}
}

@media(max-width:1366px){
		section.infrastructure-sec-hero .hero-cwrapper p { font-size: 1.1rem; }
       section.infrastructure-sec-hero .cta-wrapper {transform: translateY(24px);}
	   section.infrastructure-sec-01 .infinite-nav .thumbs {width:100px;}
	
	
}

@media(max-width:1280px){
section.infrastructure-sec-01 .infinite-nav .thumbs {width:85px;}
	section.infrastructure-sec-01 .sliders_wrps {padding-left: 110px;}
}

@media(max-width:1024px){
	.heading-01 { line-height: 45px; }
	section.infrastructure-sec-01 .infinite-nav .thumbs {width:60px;}
	section.infrastructure-sec-01 .sliders_wrps {padding-left: 85px;}
	.btn-km.bdr .bkm-text {    padding: 15px 10px 12px 10px;}
	
}
@media(max-width:991px){
/*
	section.infrastructure-sec-hero h1{margin-bottom: 1.5rem;}
	section.infrastructure-sec-hero .main-row .columns:nth-child(3){text-align: left;}
*/
	 .btn-km.bdr .bkm-text {  padding: 20px 22px 15px 22px; }
	section.infrastructure-sec-01 .sliders_wrps{margin-top: 3rem;}
	.heading-02 br{display: none;}
	section.infrastructure-sec-01 p {margin-bottom: 2rem; }
}

@media(max-width:768px){
/*	section.infrastructure-sec-hero .hero-banner{height: 400px;}*/
	section.infrastructure-sec-01 .container-fluid{padding-block:0rem;}
}

@media(max-width:576px){
/*	section.infrastructure-sec-hero .hero-banner { height: 320px; }*/
	section.infrastructure-sec-02 ul.facility_list li{flex-direction: column-reverse;}
	section.infrastructure-sec-02 ul.facility_list li .fl_text{width: 100%;  justify-content: flex-start;
        min-height: auto;}
	section.infrastructure-sec-02 ul.facility_list li.active .fl_thumb, section.infrastructure-sec-02 ul.facility_list li:hover .fl_thumb,section.infrastructure-sec-02 ul.facility_list li .fl_thumb{width:100%;}
	section.infrastructure-sec-02 ul.facility_list li .fl_text h3{margin-bottom: 1rem;}
}
@media(max-width:480px){

	section.infrastructure-sec-hero .btn-km.fill.lightBlue {margin-right: 0px;}
	
	section.infrastructure-sec-hero .video-wrapper::before{ background-image: linear-gradient(#1b1a2433 30%, #000 100%);}
	section.infrastructure-sec-hero .video-wrapper{height: 600px;}
    section.infrastructure-sec-hero .hero-cwrapper{top:65%;}
	section.infrastructure-sec-hero .cta-wrapper { transform: translateY(10px); }
	section.infrastructure-sec-hero .hero-cwrapper p{font-size: 1.1rem;}
	.rfs-p { padding-inline: calc(1.5rem - 12px); }
	 .heading-01, .heading-02 { font-size: var(--rfs-54); line-height: 1.1; }
/*	.btn-km.bdr.lightWhite .bkm-text, .btn-km.bdr.lightWhite .bkm-arrow {height: 70px;}*/
	section.infrastructure-sec-01 .infinite-nav .thumbs {  width: 40px;}
	section.infrastructure-sec-01 .sliders_wrps { padding-left: 60px;}
	section.infrastructure-sec-03.rfs-p { padding-inline: 1.5rem;}
	section.infrastructure-sec-03{min-height: 450px;}
	 .btn-km.bdr.lightWhite .bkm-text, .btn-km.bdr.lightWhite .bkm-arrow{height: 40px;}
	    .btn-km.bdr .bkm-text {  padding: 13px 10px 15px 10px;  font-size: 13px; }
	    .btn-km.bdr.lightWhite .bkm-arrow {width: 45px; }
	section.infrastructure-sec-03 .btn-km.bdr .bkm-text{padding-top: 18px; width:100%;}
	section.infrastructure-sec-03 .btn-km.bdr .bkm-text, section.infrastructure-sec-03 .btn-km.bdr .bkm-arrow{height: 48px;}
	.btn-km.bdr.lightWhite {width:100%;}
	.btn-km.bdr.lightWhite .bkm-text{width:100%;}
}

@media(max-width:320px){
	    section.infrastructure-sec-hero .video-wrapper { height: 500px; }
	    section.infrastructure-sec-hero .hero-cwrapper { top: 60%; }
	    .btn-km.fill .bkm-text {    padding: 15px 8px 12px 8px;}
}