.gradients_bg_01{background: linear-gradient(180deg, #000 0%, #00277F 50%, #000 100%);}

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

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

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

section.quality-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.quality-sec-hero .cta-wrapper{ transform: translateY(38px);}
section.quality-sec-hero .cta-wrapper .navbar-toggler-icon{display: none;}


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

section.quality-sec-hero .hero-banner{ position: relative; width: 100%; height: 60vh; border-radius: 10px; margin-top: 50px; overflow: hidden;}

/* Poster image shown immediately */
section.quality-sec-hero .video-poster{ position: absolute; inset: 0; background: url("hero-banner.webp") center center no-repeat; background-size: cover; transition: opacity .6s ease;}

section.quality-sec-hero .hero-banner 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;
	z-index: 2;
}

section.quality-sec-hero .hero-banner::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.25);
    pointer-events: none;
}


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: 300px;border-radius: 15px;margin-right: 20px; display: flex;
    flex-direction: column;
    justify-content: space-between;}
section.quality-sec-01 .quality_slider .qualities p{}
section.quality-sec-01 .quality_slider .qualities h3{font-size: var(--rfs-36);font-weight: 300; text-transform: inherit;}

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: 80px;height: 80px;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.webp")}
.slick-next.slick-arrow{margin-left: 60px;background-image: url("../../assets/img/right-arrow.webp")}
/*.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;}


@media (hover: hover) and (pointer: fine) and (min-width:992px){

  section.quality-sec-02 ul.quality_process li:hover{ transition:all 300ms ease-in-out;}

  section.quality-sec-02 ul.quality_process li:hover .qp_thumb{ width: 50%; max-width: 720px; opacity: 1;}

  section.quality-sec-02 ul.quality_process li:hover .qp_text:before{ height:16vh;}

  section.quality-sec-02 ul.quality_process li:hover .qp_text h3 span{ opacity:1; transform: scale(1);}

  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:hover .qp_text h3:after{ transform: translate(0%, -50%) scale(0.6);}


}

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;}

.slick-arrow { bottom: -10%;}

.custom-modal { background: #000;  height: 80vh;}

#modalContent { overflow-y: auto; flex: 1;}

#modalContent canvas { width: 100%; height: auto; margin-bottom: 15px;}

#modalContent img {object-fit: contain; display: block; margin-inline:auto;}

.modal-header,
.modal-footer { flex-shrink: 0;}

#certModal .btn-close { filter: invert(1);}
#modalContent canvas { width: 100%; height: auto; margin-bottom: 15px;}

#modalContent { max-height: 80vh; overflow-y: auto;}

.modal-header { position: sticky; top: 0; background: #000; z-index: 10;}

.modal-footer { position: sticky; bottom: 0; background: #000;}




section.quality-sec-06{padding-top:30px;}
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);}

@media(max-width:1440px){
	.heading-01 ,.heading-02{  line-height: 64px;}
	section.quality-sec-01 .quality_slider .qualities h3{ font-size: var(--rfs-36);}
	section.quality-sec-02 .container-fluid{padding-top:0px;}
	.slick-arrow {bottom: -10%;}
    /*	#certModal img { max-height: 70vh;}*/
}

@media(max-width:1366px){
	#modalContent img { height: stretch;}
}

@media(max-width:1280px){
	section.quality-sec-04 .heading-02{ margin-bottom: 6rem;}
	.slick-arrow { bottom: -15%;}
}

@media(max-width:1024px){
	section.quality-sec-hero .data-content p br{display: none;}
	section.quality-sec-01 .quality_slider .qualities{padding:30px; min-height: 300px;}
	section.quality-sec-01 .quality_slider .qualities h3{  font-size: var(--rfs-30);}
	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: 15vh;}
	section.quality-sec-06 { padding-top: 0px;}
}

@media (max-width: 991px){
  section.quality-sec-hero{min-height: auto;}
  section.quality-sec-hero .hero-banner{height: 500px;}
  .heading-01,.heading-02 {line-height: 42px;}
  section.quality-sec-01 .quality_slider .qualities{min-height: 250px;}
  section.quality-sec-02 ul.quality_process{min-height:300px;}
  section.quality-sec-02 ul.quality_process li.active .qp_text:before{ height:90px;}
  section.quality-sec-02 ul.quality_process li .qp_text:after{/*height: 7vh;*/ height: 80px;}
  section.quality-sec-02 ul.quality_process li .qp_text h3 span {transform: scale(.75);}
	
  section.quality-sec-04 .heading-02 { margin-bottom: 1rem;}
	
  section.quality-sec-04 .main-row .columns:nth-child(4){margin-top:7rem;}
  section.quality-sec-05 .main-row .columns:nth-child(4){margin-top: 50px;}
	
  section.quality-sec-04 ul.facility_list li .fl_text{padding-bottom: 5px;}
  section.quality-sec-04 .main-row .columns:nth-child(4){margin-top:2rem;}
	
  section.quality-sec-04 ul.facility_list li{ flex-direction: column; gap: 10px;}

  section.quality-sec-04 ul.facility_list li .fl_thumb{ position: relative; width: 100%; top: 0; opacity: 0; max-height: 0; overflow: hidden; transition: all 400ms ease; }

  section.quality-sec-04 ul.facility_list li.active .fl_thumb{ opacity: 1; max-height: 300px;   margin-bottom:1rem;}

  section.quality-sec-04 ul.facility_list li .fl_thumb img{ width: 100%; height: auto; }

  /* optional: disable background animation */
  section.quality-sec-04 ul.facility_list li .fl_text:before{ display: none; }

  section.quality-sec-04 ul.facility_list li .fl_text:after{ width: 100%; }
	
  section.quality-sec-05 .slick-arrow {bottom: 50%; }
  section.quality-sec-05 .slick-arrow.slick-prev,.slick-arrow.slick-next{}
  section.quality-sec-05 .slick-arrow.slick-prev { left:0%; }
  section.quality-sec-05 .slick-arrow.slick-next { left: unset; right: -4%;}
}

@media(max-width:768px){

	section.quality-sec-hero .hero-banner{height: 400px; margin-top: 2rem;}
	section.quality-sec-hero .container-fluid{padding-bottom: 0px;}
	section.quality-sec-01 .quality_slider .qualities{min-height: 200px;}
	section.quality-sec-01 .main-row .columns:nth-child(4){margin-top:2rem;}

	section.quality-sec-05 .main-row .columns:nth-child(1){margin-top: 50px;}

    section.quality-sec-04 h4 {font-size: var(--rfs-30);}

	section.quality-sec-04 .container-fluid{padding-block:0px;}
	section.quality-sec-04 ul.facility_list li .fl_text h3{font-size: var(--rfs-30);}
  

}

@media(max-width:767px){
	.heading-01{margin-bottom: 30px;}
	section.quality-sec-01 .quality_slider{padding-bottom: 40px;}
	section.quality-sec-hero .data-content{max-width: 100%;}
	section.quality-sec-02 p br{display: none;}
	section.quality-sec-03 .main-row .columns:nth-child(4){margin-top:2rem;}
	section.quality-sec-03 .main-row .columns:nth-child(5){margin-top:2rem;}

}

@media(max-width:576px){

  section.quality-sec-04 h4{margin-top:1.5rem;}
  section.quality-sec-05 .main-row .columns:nth-child(1){margin-top:1.5rem;}
  
  section.quality-sec-hero .hero-banner { height: 300px; }
  section.quality-sec-hero .hero-banner{margin-top: 2rem;}

  .container-fluid{padding-block:2.5rem;}
  section.quality-sec-01 .quality_slider .qualities{margin-right:10px; padding:25px;}
  section.quality-sec-01 .quality_slider .qualities h3 { font-size: var(--rfs-24); }
  section.quality-sec-07 p br{display: none;}

  section.quality-sec-02 ul.quality_process{ min-height: auto; gap: 20px;}

  section.quality-sec-02 ul.quality_process li{ flex-direction: column; gap: 10px;}

  section.quality-sec-02 ul.quality_process li .qp_text{ width: 100%; }
	
  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: 27vh;*/ height: 233px; }
	
  section.quality-sec-02 ul.quality_process li .qp_text:after { /* height: 7vh;*/ height: 60px;}
  
  section.quality-sec-02 ul.quality_process li .qp_thumb{ position: relative; width: 100%; max-height: 0; opacity: 0; overflow: hidden; border-radius: 10px; left: 7%;}

  section.quality-sec-02 ul.quality_process li.active .qp_thumb{ max-height: 250px;  opacity: 1; /*left:7%;*/}

  section.quality-sec-02 ul.quality_process li .qp_thumb img{ width: 100%; height: auto;}

  /* text animation reset */
  section.quality-sec-02 ul.quality_process li .qp_text h3 span{ opacity: 1; transform: scale(1); }

  section.quality-sec-07 .safety_slider{margin-top: 1rem;}
  .custom-modal{height: auto;}
  #modalContent {max-height: 400px;}
  #modalContent img{width:60%;}
  .modal-dialog-centered { align-items: flex-end; }
	
}

@media(max-width:480px){
	section.quality-sec-hero .video-wrapper::before{background-image: linear-gradient(#1b1a2433 30%, #000 100%);}
	section.quality-sec-hero .video-wrapper{height: 600px;}
    section.quality-sec-hero .hero-cwrapper{top:75%;}
	
	section.quality-sec-hero .hero-cwrapper p{font-size: 1.1rem; }
	section.quality-sec-hero .hero-cwrapper p br{display: none;}
	section.quality-sec-02 ul.quality_process li{gap:30px;}
	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: 27vh;  /*height: 220px;*/}
	section.quality-sec-02 ul.quality_process li .qp_text:after{height:68px;}
	section.quality-sec-02 ul.quality_process li .qp_thumb{left:13%;}
    section.quality-sec-hero .hero-banner {  margin-top: 0.5rem;}
	.heading-01, .heading-02 { font-size: var(--rfs-54); line-height: 1.1;   margin-bottom: 1rem;}
	section.quality-sec-01 .quality_slider .qualities h3{font-size: var(--rfs-36);}
	.rfs-p { padding-inline: calc(1.5rem - 12px); }
	section.quality-sec-hero .hero-banner { height: 180px; }
	section.quality-sec-03 .mmt_box {padding:25px;}
	
	section.quality-sec-04 h4 br{display: none;}
	section.quality-sec-06 h3{font-size: 1rem;}
	section.quality-sec-07 .container-fluid{padding-block: 0rem;}
	section.quality-sec-07 .safety_slider{margin-bottom:2rem;}
	
}

@media(max-width:414px){
	section.quality-sec-02 ul.quality_process li.active .qp_text:before{ height: 26vh; }
}

@media(max-width:390px){
	section.quality-sec-02 ul.quality_process li.active .qp_text:before{ height: 27vh; }
}

@media(max-width:320px){
	section.quality-sec-02 ul.quality_process li.active .qp_text:before{ height: 34vh; }
	section.quality-sec-hero .video-wrapper { height: 500px; }
	section.quality-sec-hero .hero-cwrapper { top: 60%; }


}