
section.home-sec-hero{min-height: 130vh;background: var(--color-01);padding-top: 110px;position: relative;overflow: hidden;}
section.home-sec-hero:before{content:"";width: 100%;height: 100%;background: url("bg-arrows.png") no-repeat bottom center;background-size: contain;position: absolute;top: 0%;left:0%;}
section.home-sec-hero:after{content:"";}
section.home-sec-hero > div{position:relative;z-index:9;}
section.home-sec-hero h1{}
section.home-sec-hero p.lead{color: var(--color-03);font-size: var(--rfs-21);font-weight:  400;}
section.home-sec-hero p{color: var(--color-02);max-width: 440px;}
section.home-sec-hero .hero-banner{width: 100%;height: 60vh;background: url("hero-banner.png") no-repeat center bottom;background-size: cover;border-radius:15px;margin-top: 50px;}
section.home-sec-hero .btn-km.red{margin-top:10px;margin-bottom:20px;}

section.home-sec-01{padding-top: 150px;padding-bottom: 100px;background: linear-gradient(180deg, #000000, transparent);position: relative;z-index: 1;}
section.home-sec-01:before{content:"";width: 30vw;height: 100%;border-radius: 1597.352px;opacity: 0.7;background: linear-gradient(180deg, var(--Color-5, #00277F) 0%, #0046E5 100%);filter: blur(200px);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -10;}
section.home-sec-01 h2{position: relative;}
img.steel-girl {max-width: 400px;position: absolute;bottom: 0;right: 0;left: 0;margin: auto;}

section.home-sec-01 .container_box {margin: 0 auto;height: 750px;position: relative;top: 0px;perspective: 2500px;transform-origin: center center;}
section.home-sec-01 .container_box .carousel_3d {height: 100%;width: 100%;position: absolute;top: -60px;left: 0;right: 0;margin: auto;transform-origin: center center;transform-style: preserve-3d;transition: transform 1s;display: flex;align-items: center;justify-content: center;}
section.home-sec-01 .container_box .item_box {display: block;position: absolute;background: #000;width: 40vh;height: 46vh;}

section.home-sec-01 .container_box .a {transform: rotateY(0deg)   translateZ(30vw);}
section.home-sec-01 .container_box .b {transform: rotateY(60deg)  translateZ(30vw);}
section.home-sec-01 .container_box .c {transform: rotateY(120deg) translateZ(30vw);}
section.home-sec-01 .container_box .d {transform: rotateY(180deg) translateZ(30vw);}
section.home-sec-01 .container_box .e {transform: rotateY(240deg) translateZ(30vw);} 
section.home-sec-01 .container_box .f {transform: rotateY(300deg) translateZ(30vw);}

section.home-sec-01 .container_box .item_box{background: rgba(255,255,255,0.3);padding:20px;/* border: 2px solid #ffffff; */border-radius:10px;backdrop-filter: blur(10px);opacity: 1;transition: all 300ms ease-in-out;}
section.home-sec-01 .container_box .item_box:after{content:"";position:absolute;bottom:0px;left:0;width:100%;height: 16px;background:var(--color-02);filter:blur(10px);border-radius: 100%;transform:scale(0);opacity:.8;transition: all 500ms ease-in-out;}
section.home-sec-01 .container_box .item_box .prod {height: 100%;overflow:hidden;position:relative;gap: 20px;display: flex;flex-direction: column;}

section.home-sec-01 .container_box .item_box .text_heading{color: var(--color-01);opacity:1;transition: all 500ms ease-in-out;}
section.home-sec-01 .container_box .item_box .text_heading h3{font-size: var(--rfs-36);line-height:1;}
section.home-sec-01 .container_box .item_box .text_heading .btn-pro-more{color: var(--color-01);font-size: 14px;font-weight: 400;text-decoration:none;padding-bottom: 5px;position:relative;transition: all 500ms ease-in-out;}
section.home-sec-01 .container_box .item_box .text_heading .btn-pro-more:before{content:"";position:absolute;bottom: 0;left:0;width:0%;height:2px;background:var(--color-11);transition: all 500ms ease-in-out;}
section.home-sec-01 .container_box .item_box .thumb_img{height: 100%;opacity: 0;background-position: center center;background-size: cover;border-radius: 10px;position: relative;top: 0px;transform: scale(.95);transition: all 500ms ease-in-out;}
section.home-sec-01 .container_box .item_box .thumb_img img{max-width:100%;position: absolute;transform:all 500ms ease-in-out;}

section.home-sec-01 .container_box .item_box.active_item{background: rgb(255 255 255 / 30%);}
section.home-sec-01 .container_box .item_box.active_item:after{bottom:-60px;transform:scale(1);transition: all 300ms ease-in-out;}


section.home-sec-01 .container_box .item_box.active_item .thumb_img{opacity:1;top:0;transform:scale(1);transition: all 500ms ease-in-out;}

section.home-sec-01 .container_box .item_box.prev_item .text_heading,
section.home-sec-01 .container_box .item_box.next_item .text_heading{}

section.home-sec-01 .container_box .item_box.prev_item .text_heading .btn-pro-more,
section.home-sec-01 .container_box .item_box.next_item .text_heading .btn-pro-more{opacity: 0;}

section.home-sec-01 .container_box .item_box.prev_item,
section.home-sec-01 .container_box .item_box.next_item{background: rgb(255 255 255 / 15%);}

section.home-sec-01 .container_box .item_box.prev_item .thumb_img,
section.home-sec-01 .container_box .item_box.next_item .thumb_img{opacity: 1;}

section.home-sec-01 .container_box .item_box.prev_item .thumb_img img,
section.home-sec-01 .container_box .item_box.next_item .thumb_img img{}

section.home-sec-01 .container_box .item_box.none_item{opacity: 1;background: rgb(255 255 255 / 8%);filter: blur(11px);transition: all 300ms ease-in-out;}
section.home-sec-01 .container_box .item_box.none_item .text_heading{opacity:0;}
section.home-sec-01 .container_box .item_box.none_item .thumb_img{}
section.home-sec-01 .container_box .item_box.none_item .thumb_img img{}

section.home-sec-01 .container_box .item_box .text_heading .btn-pro-more:hover{color: var(--color-11);font-weight: 500;transition:all 300ms ease-in-out;}
section.home-sec-01 .container_box .item_box .text_heading .btn-pro-more:hover:before{width:100%;transition:all 300ms ease-in-out;}


section.home-sec-01 .next,
section.home-sec-01 .prev {font-size: 0px;position: absolute;bottom: 0;left: 50%;width: 50px;height: 50px;cursor: pointer;background-size: 65%;background-position:center center;background-repeat:no-repeat;transform: translateY(-50%);transform-origin: center center;transition:all 200ms ease-in-out;}


section.home-sec-01 .prev{background-image: url("../../assets/img/left-arrow.png")}
section.home-sec-01 .next{background-image: url("../../assets/img/right-arrow.png")}

section.home-sec-01 .next {margin-left: 30px;}
section.home-sec-01 .prev {margin-left: -30px;}

section.home-sec-01 .next:hover,
section.home-sec-01 .prev:hover {transition: all 300ms ease-in-out;}
section.home-sec-01 .next:active,
section.home-sec-01 .prev:active {box-shadow:none;outline: none;transition: all 300ms ease-in-out;}

section.home-sec-01 .prev:hover{margin-left: -50px;transform: translateY(-50%) scale(1.5);transition:all 200ms ease-in-out;}
section.home-sec-01 .next:hover{margin-left: 50px;transform: translateY(-50%) scale(1.5);transition:all 200ms ease-in-out;}

section.home-sec-02{position:relative;}
section.home-sec-02 .sliders_wrp{width: 100%;background: url("stage.jpg") no-repeat bottom center;background-size: cover;border-radius: 15px;padding: 20px;}
section.home-sec-02 .sliders_wrp .infinite-for{margin-top: 50px;}
section.home-sec-02 .sliders_wrp .infinite-for .thumb_img{display: flex;justify-content: center;}
section.home-sec-02 .sliders_wrp .infinite-for .thumb_img img{margin-bottom: 70px;}
section.home-sec-02 .sliders_wrp .infinite-nav{width: auto;margin: auto;padding: 10px;background: rgb(0 0 0 / 12%);border: 1px solid #ffffff29;backdrop-filter: blur(10px);border-radius: 10px;}
section.home-sec-02 .sliders_wrp .infinite-nav .slick-list.draggable{padding:0px  !important;}
section.home-sec-02 .sliders_wrp .infinite-nav h4{cursor: pointer;font-size: 16px;font-weight: 400;text-align: center;line-height: 1.3;padding: 15px;border-radius: 7px;margin-bottom: 0px;transition:all 300ms ease-in-out;}
section.home-sec-02 .sliders_wrp .infinite-nav  .slick-slide.slick-current.slick-center h4{font-weight: 500;background: var(--color-11);transition:all 300ms ease-in-out;}

section.home-sec-03{padding-top: 0px;padding-bottom: 200px;background: linear-gradient(180deg, #052c82 0%, #030b1c 100%);}
section.home-sec-03 .stats-box{}
section.home-sec-03 .stats-box .arrows-line{width: 100%;height: 1px;background: #fff;max-width: 250px;margin-bottom: 20px;position:relative;}
section.home-sec-03 .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;}
section.home-sec-03 .stats-box h3{font-size: clamp(10rem, 9vw, 112px);font-weight: 800;line-height: 1;}
section.home-sec-03 .stats-box p{max-width: 300px;}

section.home-sec-04{padding-top: 100px;padding-bottom: 100px;}
section.home-sec-04 video{max-width:100%;mix-blend-mode: hard-light;}

section.hs-faqs{}
section.hs-faqs h2{color:var(--color-11);font-size:var(--rfs-48);}


.units-wrapper {position: relative;margin-top: 70px;}
.unit-card {opacity: 1 !important;position: absolute;top: 0;left: 0;width: calc(100% - 210px);border-radius: 15px;/* background: #0c0c0d; */backdrop-filter: blur(31px);}
.unit-card:before{content:"";width: 97%;height: 80%;position:absolute;top: 5%;left: 5%;background:var(--color-02);filter: blur(20px);opacity: .8;}
.unit-card img {border-radius: 15px;z-index: 9;position: relative;}

/* Text */
.unit-content {padding: 30px 0px;gap: 30px;display: flex;opacity: 0;transition: all 300ms ease-in-out;}
.unit-content h2 {font-size: 60px;margin-bottom: 10px;}
.unit-content .uc_data{padding-left: 30px;max-width: 700px;position:relative}
.unit-content .uc_data:before{content:"";background: linear-gradient(180deg, #00000000 0%, #FFF 50%, #00000000 100%);width: 1px;height: 100%;position: absolute;top: 0;left: 0;}
.unit-content .uc_data .location {font-size: 14px;opacity: 0.8;margin-bottom: 8px;}
.unit-content .uc_data h3 {font-size: 24px;margin-bottom: 10px;}
.unit-content .uc_data p {font-size: 15px;line-height: 1.6;margin-bottom: 0px;}

.unit-card.active .unit-content {opacity:1;transition: all 300ms ease-in-out;}

/* Nav */
.unit-nav {z-index: 99;position: absolute;right: 80px;bottom: 200px;}
.unit-nav .next,
.unit-nav .prev {font-size: 0px;background:transparent;width: 50px;height: 50px;cursor: pointer;border: none;background-size: 65%;background-position:center center;background-repeat:no-repeat;transform: translateY(-50%);border-radius: 50%;transition: box-shadow 0.1s, top 0.1s;}

.unit-nav .prev{background-image: url("../../assets/img/left-arrow.png")}
.unit-nav .next{background-image: url("../../assets/img/right-arrow.png")}

.unit-nav .next:hover,
.unit-nav .prev:hover {transition: all 300ms ease-in-out;}
.unit-nav .next:active,
.unit-nav .prev:active {transition: all 300ms ease-in-out;}
.unit-nav .next {margin-left: 10px;}
.unit-nav .prev {margin-left: -10px;}

section.scroller-line {background: linear-gradient(93deg, #58595B 5.83%, #BBBDBF 35.49%, #919090 54.27%, #ADAEB0 65.14%, #BBBDBF 72.06%, #A7A9AB 76.02%, #838587 84.91%, #6D6F71 91.83%, #666769 95.79%);padding: 30px 0px;position: relative;z-index: 9;}
section.scroller-line .f-avtar-arrow {width: 17vw;z-index: 9;position: absolute;top: -89%;right: -5vw;transform: rotate(-23deg);}
section.scroller-line ul {font-family: "IBM Plex Sans Condensed", sans-serif;font-weight: 800;margin: 0;padding: 0;list-style-type: none;display: flex;gap: 80px;width: max-content;}
section.scroller-line ul li {font-size: var(--rfs-82);line-height: 1;text-transform: uppercase;white-space: nowrap;}
section.scroller-line ul li.arrow_blue {width: 150px;min-width: 150px;background: url("../../assets/img/arrow-3-blue.png") no-repeat center center;background-size: contain;}
