.gradient_bgs{background: linear-gradient(180deg, #000e2e 0%, #00277F 40%, #010101 100%);}


section.about-sec-hero{min-height: 100vh;background: url("hero-banner.webp") no-repeat center center;background-size:cover;padding-top: 180px;padding-bottom: 180px;position: relative;overflow: hidden;height: 80vh;display: flex;flex-direction: column;justify-content: space-between;}
section.about-sec-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(45deg, black, transparent);}
section.about-sec-hero h1{}
section.about-sec-hero .stats-box{padding-top: 30px;position: relative;display: flex;flex-direction: row;align-items: center;}
section.about-sec-hero .stats-box .arrows-line{width: 100%;height: 1px;background: #fff;max-width: 250px;margin-bottom: 20px;position: absolute;top: 0px;left: 0px;}
section.about-sec-hero .stats-box .arrows-line:before{content:"";width: 45px;height: 22px;background:url('../../assets/img/arrow-line-stats.webp') no-repeat center center;background-size: contain;z-index: 9;position:absolute;top: -10px;left:-5px;filter: grayscale(1);}
section.about-sec-hero .stats-box h3{font-size: var(--rfs-72);font-weight: 800;line-height: 1;margin-bottom: 0px;}
section.about-sec-hero .stats-box p{max-width: 300px; margin-bottom: 0px;padding-left: 0.5rem;}


section.about-sec-01{padding-top: 40px;padding-bottom: 40px;}
section.about-sec-01 .boxes{padding: 40px;border-radius: 10px;border: 1px solid rgba(255,255,255,0.2);display: flex;flex-direction: column;justify-content: center;}
section.about-sec-01 .boxes h2{font-size: var(--rfs-82);}
section.about-sec-01 .boxes h2 small{font-size: 50%;text-transform: lowercase;}
section.about-sec-01 .boxes .icons{width: 80px;padding: 18px;background: var(--color-06);border-radius: 100px;}
section.about-sec-01 .boxes .icons img{}
section.about-sec-01 .boxes h3{text-transform: inherit;margin-bottom: 0px;}
section.about-sec-01 .boxes p{max-width: 390px;}

section.about-sec-01 .boxes.b_full{align-items: center;height: 100%;background: url("hero-banner.webp") no-repeat center center;}
section.about-sec-01 .boxes.b_half{gap: 20px;align-items: flex-start;}
section.about-sec-01 .col-md-6 .boxes.b_half:nth-child(1){background:var(--gradient-02);margin-bottom: 30px;}
section.about-sec-01 .col-md-6 .boxes.b_half:nth-child(2){background:var(--gradient-01);}

section.about-sec-maps .main-row{ align-items: flex-end;}
section.about-sec-maps .main-row .columns{}
section.about-sec-maps .main-row .columns:nth-child(1) .heading-02{margin-bottom: 0px;}
section.about-sec-maps .main-row .columns:nth-child(2){text-align: right;}

section.about-sec-02{background: linear-gradient(0deg, #000e2e, #000615);}
section.about-sec-02 .units_slider{}
section.about-sec-02 .units_slider img{border-radius:15px;transform:scale(0.95);}
 

section.about-sec-03{}
section.about-sec-03 ul.facility_list{counter-reset: facility-counter;margin: 0px;padding: 0px;list-style-type: none;border-bottom: 1px solid #303030;}
section.about-sec-03 ul.facility_list li{counter-increment: facility-counter;padding: 40px 0px;border-top: 1px solid #ffffff38;gap: 50px;position: relative;display: flex;transition:all 700ms ease-in-out;}
section.about-sec-03 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.about-sec-03 ul.facility_list li .fl_text{width: 50%;display: flex;flex-direction: column;justify-content: space-between;}
section.about-sec-03 ul.facility_list li .fl_text h3{font-size: var(--rfs-36);text-transform: inherit;}
section.about-sec-03 ul.facility_list li .fl_text h3:before{content: '0' counter(facility-counter);font-size: var(--rfs-18);display: block;margin-bottom: 10px;}

section.about-sec-03 ul.facility_list li .fl_text p{max-width: 440px;font-weight: 100;}

section.about-sec-03 ul.facility_list li .fl_thumb{width: 360px;min-height: 400px;overflow: hidden;z-index: 9;position: absolute;top: 50%;right: 0px;transform: translate(0%,-50%) scale(0);transition: all 700ms ease-in-out;}
section.about-sec-03 ul.facility_list li .fl_thumb img{border-radius: 15px;transform:scale(1.4);transition:all 500ms ease-in-out;}

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


section.about-sec-timeline{}

section.about-sec-timeline .timeline-for{}
section.about-sec-timeline .timeline-for .t_container{}
section.about-sec-timeline .timeline-for .t_container h2{font-size: var(--rfs-54);margin-bottom:20px;}
section.about-sec-timeline .timeline-for .t_container p.head{font-size: var(--rfs-30);}
section.about-sec-timeline .timeline-for .t_container p{font-size: var(--rfs-21);}
section.about-sec-timeline .timeline-for .t_container img{}

/*section.about-sec-timeline .timeline-for .gray-scale{}*/

section.about-sec-timeline .timeline-nav{padding-top:80px;padding-bottom: 20px;position: relative;}
section.about-sec-timeline .timeline-nav:before{content:"";width: 100%;height: 1px;background: #8E8E8E;position: absolute;bottom: 30px;left: 0;}
section.about-sec-timeline .timeline-nav .slick-list,
section.about-sec-timeline .timeline-nav .slick-track{padding:0px !important;}
section.about-sec-timeline .timeline-nav .t_btns{padding-bottom: 40px;position: relative;display: block;text-align: center;pointer-events: auto;cursor: pointer;}
section.about-sec-timeline .timeline-nav .t_btns:before{content:"";width: 12px;height: 12px;background: #8E8E8E;border-radius: 100px;position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;transition: all 500ms ease-in-out;}
section.about-sec-timeline .timeline-nav .t_btns:after{content:"";width: 12px;height: 12px;opacity: 1;background: var(--color-11);border-radius: 100px;position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;transform: scale(0);transition: all 500ms ease-in-out;}
section.about-sec-timeline .timeline-nav .t_btns span{line-height: 1;padding: 10px 10px 12px 10px;display: inline-block;min-width: 120px;border-radius: 5px;border: 1px solid var(--color-01);opacity: .5;position: relative;transition: all 300ms ease-in-out;}
section.about-sec-timeline .timeline-nav .t_btns span:before{content:"";width: 100%;height: 0%;background: var(--color-11);z-index: -1;position: absolute;bottom: 0;left: 0;}

section.about-sec-timeline .timeline-nav .slick-current.slick-center{}
section.about-sec-timeline .timeline-nav .slick-current.slick-center .t_btns span{opacity: 1;transition: all 500ms ease-in-out;}
section.about-sec-timeline .timeline-nav .slick-current.slick-center .t_btns:after{transform: scale(1.75);transition: all 500ms ease-in-out;}
section.about-sec-timeline .timeline-nav .slick-current.slick-center .t_btns span{border-color:var(--color-11);transition: all 500ms ease-in-out;}
section.about-sec-timeline .timeline-nav .slick-current.slick-center .t_btns span:before{height:100%;transition: all 500ms ease-in-out;}


section.about-sec-timeline .timeline-nav .slick-slide{position:relative;}
section.about-sec-timeline .timeline-nav .slick-slide:after{content:"";width: 0%;height: 2px;background: var(--color-11);z-index: -1;position: absolute;bottom: 10px;left: 0;right: 0;margin: auto;transition: all 500ms ease-in-out;}
section.about-sec-timeline .timeline-nav .slick-current.slick-center:after{width: 100%;transition: all 500ms ease-in-out;}

.slick-arrow{font-size: 0px;width: 50px;height: 50px;border: none;border-radius: 100px;background: transparent;z-index: 9;position: absolute;bottom: 6px;transform-origin: center center;background-repeat:no-repeat;background-position:center center;background-size: 65%;transition:all 200ms ease-in-out;}
.slick-prev.slick-arrow{left: -13px;background-image: url("../../assets/img/left-arrow.webp")}
.slick-next.slick-arrow{right: -13px;background-image: url("../../assets/img/right-arrow.webp")}

.slick-prev.slick-arrow:hover{transform:scale(1.2) translateX(-30%);transition:all 200ms ease-in-out;}
.slick-next.slick-arrow:hover{transform:scale(1.2) translateX(30%);transition:all 200ms ease-in-out;}

@media(max-width:1440px){
	section.about-sec-timeline .timeline-for .t_container p{font-size: var(--rfs-21);}
	.heading-01{line-height: 64px;}
	.heading-02 {margin-bottom: 30px;}
}
@media(max-width:1366px){
	section.home-sec-next .container-fluid{ padding:1rem 0px;}
}
@media(max-width:1280px){}
@media(max-width:1024){
		
}
@media (max-width:991px){
	body.darkBg header { background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);}
	section.about-sec-hero h1 { margin-bottom: 2rem; }
	
	.heading-01 { line-height: 42px;}
	
	
	section.about-sec-hero{min-height: auto; height: auto; padding-bottom: 0px;}
	section.about-sec-hero .stats-box .arrows-line{max-width: 100%;}
	section.about-sec-hero .main-row .columns:nth-child(2){margin-block: 2rem;}
	section.about-sec-hero .stats-box p{padding-left: 1rem;}
	
	section.about-sec-03 ul.facility_list li .fl_thumb {width: 200px;}
		section.about-sec-02 .slick-arrow { top: 50%; transform: translateY(-50%);}
	section.about-sec-02 .slick-arrow:hover { transform:translateY(-50%);}

}
@media(max-width:768px){
	section.about-sec-hero{padding-top:150px;}

}
@media(max-width:767px){
	section.about-sec-01 .col-md-6 .boxes.b_half:nth-child(1) {margin-block:30px;}
		section.about-sec-01 {padding-bottom: 0px;}
	section.about-sec-timeline .timeline-for .t_container p {font-size: var(--rfs-30); }
	section.about-sec-timeline .timeline-for .t_container img { max-width: 300px; margin-inline: auto; margin-top: 1rem;}
	section.about-sec-timeline .timeline-nav {padding-top: 40px;}
	section.about-sec-maps .main-row .columns:nth-child(2) {text-align: left;}
	section.about-sec-maps .main-row .columns:nth-child(1) .heading-02{margin-bottom: 1rem;}
	section.about-sec-timeline .timeline-nav .t_btns span {min-width: auto;}


}


@media(max-width:576px){
	    section.about-sec-timeline .timeline-nav { padding-top: 0px;}
	section.about-sec-hero .stats-box p br{display: none;}
}

@media(max-width:480px){
	.heading-01, .heading-02 { font-size: var(--rfs-54); line-height: 1.1;}
	.btn-km.fill.darkBlue{display: none;}
	section.about-sec-hero .stats-box h3{font-size: var(--rfs-54);}
	section.about-sec-hero .stats-box{justify-content: space-between;}
	section.about-sec-hero .stats-box p{font-size: 1rem; text-align: right; max-width: 65%;}
	section.about-sec-01 .boxes.b_full p{text-align: center;}
	section.about-sec-01 .boxes{padding:30px 20px;}
	section.about-sec-hero.rfs-p { padding-inline: 1.5rem;}
    .rfs-p { padding-inline: calc(1.5rem - 12px);}
	section.about-sec-timeline .timeline-for .t_container img {max-width: 240px;}
	section.about-sec-timeline .timeline-nav .t_btns span{border:none;}
	section.about-sec-timeline .timeline-for .t_container p{font-size: 1rem;}
	
	section.about-sec-03 ul.facility_list li{flex-direction: column; gap: 1.3rem;}
	section.about-sec-03 ul.facility_list li .fl_thumb{position: static; transform: none; width:100%;}
	section.about-sec-03 ul.facility_list li .fl_text{width:100%;}
	section.about-sec-03 ul.facility_list li.active .fl_thumb, section.about-sec-03 ul.facility_list li:hover .fl_thumb{width:100%; transform: none;}

	section.about-sec-team.rfs-p,section.home-sec-next.rfs-p { padding-inline: 1.5rem;} 
	section.home-sec-next .container-fluid { padding: 0rem 0px 2rem;}

}