
.gradient_bgs{background: linear-gradient(180deg, #000e2e 0%, #00277F 40%, #010101 100%);}


section.about-sec-hero{min-height: 100vh;background: url("hero-banner.jpg") 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.png') 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;}


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.jpg") 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-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{font-size: var(--rfs-36);}
section.about-sec-timeline .timeline-for .t_container img{}

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.png")}
.slick-next.slick-arrow{right: -13px;background-image: url("../../assets/img/right-arrow.png")}

.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;}

