
.gradients_bg_01{background: linear-gradient(180deg, #000 0%, #00277F 50%, #000 100%);}

section.quality-sec-hero{min-height: 100vh;/* background: linear-gradient(180deg, #010101 80%, #010D26 100%); */padding-top: 90px;position: relative;overflow: hidden;}
section.quality-sec-hero > div{position:relative;z-index:9;}
section.quality-sec-hero .data-content{display:inline-block;text-align:start;max-width: 550px;}
section.quality-sec-hero .data-content p{color: var(--color-01);}
section.quality-sec-hero .hero-banner{width: 100%;height: 60vh;background: url("hero-banner.jpg") no-repeat center center;background-size: cover;border-radius: 10px;margin-top: 50px;}


section.quality-sec-01{}
section.quality-sec-01 .quality_slider{width: 105%;position:relative;padding-bottom: 100px;}
section.quality-sec-01 .quality_slider .qualities{padding: 40px;min-height: 400px;border-radius: 15px;margin-right: 20px;}
section.quality-sec-01 .quality_slider .qualities p{}
section.quality-sec-01 .quality_slider .qualities h3{font-size: var(--rfs-48);font-weight: 300;}

section.quality-sec-01 .quality_slider .qualities.bg_01{background: #00277F;}
section.quality-sec-01 .quality_slider .qualities.bg_02{border: 1px solid #343434;background: linear-gradient(111deg, #0C0C0D 22.12%, #232325 77.88%);}

.slick-arrow{font-size: 0px;width: 50px;height: 50px;border: none;border-radius: 100px;background: transparent;z-index: 9;position: absolute;bottom: 0%;left: 50%;transform: translateX(-50%);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{background-image: url("../../assets/img/left-arrow.png")}
.slick-next.slick-arrow{margin-left: 60px;background-image: url("../../assets/img/right-arrow.png")}
/*.slick-arrow:hover{transform:scale(1.2) translateX(-50%);transition:all 200ms ease-in-out;}*/

.slick-prev.slick-arrow:hover{transform: scale(1.5) translateX(-70%);transition:all 200ms ease-in-out;}
.slick-next.slick-arrow:hover{transform: scale(1.5) translateX(0%);transition:all 200ms ease-in-out;}


section.quality-sec-02{}
section.quality-sec-02 ul.quality_process{margin: 0px;padding: 0px;list-style-type: none;position: relative;min-height: 50vh;display: flex;flex-direction: column;justify-content: space-between;}
section.quality-sec-02 ul.quality_process li{gap: 50px;display: flex;transition:all 700ms ease-in-out;}
section.quality-sec-02 ul.quality_process li .qp_text:before{content:"";width: 1px;height: 0px;border-left: 1px dashed var(--color-01);position: absolute;top: 50%;left: 10px;transition: all 300ms ease-in-out;}
section.quality-sec-02 ul.quality_process li .qp_text:after{content:"";width: 1px;height: 15vh;border-left: 1px dashed var(--color-01);opacity: .5;position:absolute;top: 50%;left: 10px;}
section.quality-sec-02 ul.quality_process li .qp_text{width: 50%;padding: 0px 0px 0px 0px;position: relative;display: flex;flex-direction: column;justify-content: flex-start;}
section.quality-sec-02 ul.quality_process li .qp_text h3{font-size: var(--rfs-30);text-transform: inherit;margin-bottom: 0px;padding-left: 35px;z-index: 99;position: relative;}
section.quality-sec-02 ul.quality_process li .qp_text h3:before{content:"";width: 20px;height: 20px;border: 1px solid var(--color-04);border-radius: 100px;z-index: 1;position:absolute;top: 45%;left: 0px;transform: translate(0%, -50%);backdrop-filter: blur(10px);transition:all 700ms ease-in-out;}
section.quality-sec-02 ul.quality_process li .qp_text h3:after{content:"";width: 20px;height: 20px;background: var(--color-01);border-radius: 100px;z-index: 1;position:absolute;top: 45%;left: 0px;transform: translate(0%, -50%) scale(.01);backdrop-filter: blur(10px);transition:all 700ms ease-in-out;}
section.quality-sec-02 ul.quality_process li .qp_text h3 span{display: inline-block;opacity: .4;transform: scale(.65);transform-origin: left center;transition: all 500ms ease-in-out;}
section.quality-sec-02 ul.quality_process li .qp_text p{max-width: 640px;}
section.quality-sec-02 ul.quality_process li .qp_thumb{opacity: 0;/* width: 45%; *//* height: 101%; */overflow: hidden;position: absolute;top: 0;right: 0px;border-radius: 15px;transition: all 700ms ease-in-out;display: flex;align-items: center;justify-content: center;}
section.quality-sec-02 ul.quality_process li .qp_thumb img{transform-origin: center center;/* transform: scale(1.2); */transition:all 500ms ease-in-out;}

section.quality-sec-02 ul.quality_process li.active,
section.quality-sec-02 ul.quality_process li:hover{transition:all 300ms ease-in-out;}
section.quality-sec-02 ul.quality_process li.active:before,
section.quality-sec-02 ul.quality_process li:hover:before{width:100%;left:0;right:inherit;transition:all 300ms ease-in-out;}
section.quality-sec-02 ul.quality_process li.active .qp_thumb,
section.quality-sec-02 ul.quality_process li:hover .qp_thumb{width: 50%;max-width: 720px;opacity: 1;transition:all 700ms ease-in-out;}
section.quality-sec-02 ul.quality_process li.active .qp_thumb img,
section.quality-sec-02 ul.quality_process li:hover .qp_thumb img{transition:all 500ms ease-in-out;}


section.quality-sec-02 ul.quality_process li.active .qp_text:before,
section.quality-sec-02 ul.quality_process li:hover .qp_text:before{height:16vh;}

section.quality-sec-02 ul.quality_process li.active .qp_text h3 span,
section.quality-sec-02 ul.quality_process li:hover .qp_text h3 span{opacity:1;transform: scale(1);transition:all 500ms ease-in-out;}

section.quality-sec-02 ul.quality_process li.active .qp_text h3:before,
section.quality-sec-02 ul.quality_process li:hover .qp_text h3:before{border:1px solid var(--color-01);}

section.quality-sec-02 ul.quality_process li.active .qp_text h3:after,
section.quality-sec-02 ul.quality_process li:hover .qp_text h3:after{transform: translate(0%, -50%) scale(0.6);transition:all 300ms ease-in-out;}

section.quality-sec-02 ul.quality_process li:nth-last-child(1) .qp_text:before{display:none;}
section.quality-sec-02 ul.quality_process li:nth-last-child(1) .qp_text:after{display:none;}


section.quality-sec-03{}
section.quality-sec-03 .mmt_box{height: 100%;padding: 40px;border: 1px solid #ffffff63;border-radius: 15px;gap: 50px;display: flex;flex-direction: column;align-items: flex-start;}
section.quality-sec-03 .mmt_box .icons{width: 50px;}
section.quality-sec-03 .mmt_box .icons img{}
section.quality-sec-03 .mmt_box .text{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;}
section.quality-sec-03 .mmt_box .text h3{font-size: var(--rfs-42);font-weight: 300;text-transform: inherit;padding-bottom: 5px;margin-bottom: 20px;}
section.quality-sec-03 .mmt_box .text ul{margin: 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: column;}
section.quality-sec-03 .mmt_box .text ul li{font-size: var(--rfs-18);font-weight: 200;padding-left: 30px;position: relative;}
section.quality-sec-03 .mmt_box .text ul li:before{content:"";width: 15px;height: 1px;background: var(--color-01);position: absolute;top: 13px;left: 0;}


section.quality-sec-04{}
section.quality-sec-04 h4{font-size:var(--rfs-16);line-height:1.3;margin-top:40px;}
section.quality-sec-04 ul.facility_list{counter-reset: facility-counter;margin: 0px;padding: 0px;list-style-type: none;position: relative;}
section.quality-sec-04 ul.facility_list li{counter-increment: facility-counter;gap: 50px;/* position: relative; */display: flex;transition:all 700ms ease-in-out;}
section.quality-sec-04 ul.facility_list li .fl_text:before{content:"";width: 0%;height: 100%;background:var(--color-01);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%);position:absolute;top: 0;right:0;transition:all 700ms ease-in-out;}
section.quality-sec-04 ul.facility_list li .fl_text:after{content:"";width: 80%;height: 1px;/* background:var(--color-01); */background: linear-gradient(90deg, #ffffff 5.83%, #00000000 95.79%);position:absolute;top: 0;left: 0;transition:all 700ms ease-in-out;}

section.quality-sec-04 ul.facility_list li .fl_text{width: 100%;padding: 20px 0px;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
section.quality-sec-04 ul.facility_list li .fl_text h3{font-size: var(--rfs-21);font-weight: 400;text-transform: inherit;}
section.quality-sec-04 ul.facility_list li .fl_text h3:before{/* content: '0' counter(facility-counter); */}

section.quality-sec-04 ul.facility_list li .fl_text p{max-width: 440px;font-weight: 100;}

section.quality-sec-04 ul.facility_list li .fl_thumb{width: 33%;border-radius: 15px;text-align: right;min-height: 100%;overflow: hidden;z-index: 9;opacity: 0;position: absolute;top: -15%;right: 0px;transition: all 700ms ease-in-out;display: flex;align-items: center;justify-content: center;}
section.quality-sec-04 ul.facility_list li .fl_thumb img{max-width: inherit;height: 100%;border-radius: 10px;transition:all 500ms ease-in-out;}

section.quality-sec-04 ul.facility_list li.active,
section.quality-sec-04 ul.facility_list li:hover{transition:all 500ms ease-in-out;}
section.quality-sec-04 ul.facility_list li.active .fl_text:before,
section.quality-sec-04 ul.facility_list li:hover .fl_text:before{width: 80%;left: -10%;right:inherit;transition:all 500ms ease-in-out;}
section.quality-sec-04 ul.facility_list li.active .fl_thumb,
section.quality-sec-04 ul.facility_list li:hover .fl_thumb{opacity: 1;transition:all 700ms ease-in-out;}
section.quality-sec-04 ul.facility_list li.active .fl_thumb img,
section.quality-sec-04 ul.facility_list li:hover .fl_thumb img{max-width: max-content;height: 110%;transform:scale(1);transition:all 500ms ease-in-out;}


section.quality-sec-05{}
section.quality-sec-05 .cs_box{padding: 0px 40px 0px 0px;text-align: center;position: relative;}
section.quality-sec-05 .cs_box:before{content:"";background: linear-gradient(360deg, #00000000 0%, #FFF 50%, #00000000 100%);width:2px;height:100%;position:absolute;right: 20px;}
section.quality-sec-05 .cs_box img{margin-bottom: 20px;}
section.quality-sec-05 .cs_box h4{font-size:var(--rfs-18);}

section.quality-sec-05 .slick-slide.slick-active:nth-last-child(1) .cs_box:before{opacity:0;}

section.quality-sec-06{}
section.quality-sec-06 h3{font-size:var(--rfs-48);font-weight: 400;text-transform: inherit;}


section.quality-sec-07{}
section.quality-sec-07:before{content:"";width: 536px;height: 595px;border-radius: 595px;opacity: 0.7;background: linear-gradient(180deg, var(--Color-5, #00277F) 0%, #0046E5 100%);filter: blur(200px);position: absolute;top: 20%;left: 50%;transform: translateX(-50%);}
section.quality-sec-07 .safety_slider {margin-top:60px;}
section.quality-sec-07 .ss_box{padding: 0px 20px 0px 02px;text-align: center;position: relative;}
section.quality-sec-07 .ss_box img{margin-bottom: 20px;border-radius: 15px;}
section.quality-sec-07 .ss_box p{font-size:var(--rfs-18);}


