@font-face {
    font-family: 'Manrope';
    src: url('./webfont/Manrope-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}



:root{
  --primaryColor: #D12995;
  --light-primaryColor: #F4E8F9;
  --secondaryColor: #1A011A;
  --txtColor: #666666;
  --whiteColor:#ffffff;
  --blackColor:#000000;
  --bodyFont: "Manrope";
  --titleFont: "Manrope";
  --subtitleFont: "Manrope";
  --fancyFont: "Manrope";
}

/*:root{*/
/*  --primaryColor: #D12995;*/
/*  --light-primaryColor: #F4E8F9;*/
/*  --secondaryColor: #1A011A;*/
/*  --txtColor: #666666;*/
/*  --whiteColor:#ffffff;*/
/*  --blackColor:#000000;*/
/*  --bodyFont: "Geist", sans-serif;*/
/*  --titleFont: "Inter", sans-serif;*/
/*  --subtitleFont: "Geist Mono", monospace;*/
/*  --fancyFont: "JetBrains Mono", monospace;*/
/*}*/

/* Basics */
html{ overflow-x: hidden; scrollbar-color: var(--primaryColor) transparent; scrollbar-width: thin;}
body{ padding: 0; margin:0; font-size: 18px; color:var(--txtColor); font-family: var(--bodyFont); overflow-x: hidden;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .3s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

/* Container */
.container{ width:90%; max-width:1400px; margin:0 auto; padding:0;}
.container.md{ max-width: 1300px;}
.container.sm{ max-width: 1087px;}

/* Paragraph */
p{ font-size: 18px; line-height: 28px; color: var(--txtColor);}
p.white{ color: var(--whiteColor);}
p a{ color:var(--txtColor);}
p a:hover{ color:var(--primaryColor);}

/* Heading */
h1{ font-size: 92px; font-family: var(--titleFont); color: var(--blackColor); line-height: 100px;}
h2{ font-size: 54px; font-family: var(--titleFont); color: var(--blackColor); line-height: normal;}
h3{ font-size: 32px; font-family: var(--titleFont); color: var(--blackColor); line-height: normal;}


h2 a, h3 a, h4 a{ color: var(--titleColor);}
h5 a{ color: var(--txtColor);}

.global_title{ margin: 0 0 60px; font-size: 54px; font-weight: 500; color: var(--blackColor); font-family: var(--titleFont); line-height: normal;}
.global_title strong{ font-weight: 500; letter-spacing: -2px;}
.global_title small{ margin: 0 0 20px; font-size: 14px; font-weight: 600; color: var(--blackColor); font-family: var(--subtitleFont); display: block; line-height: normal; text-transform: uppercase;}

.global_title.center{ text-align: center;}
.global_title.center small{ text-align: center;}


/* Button */
.btn-theme{ margin: 0; padding: 3px 3px 3px 20px; position: relative; font-size: 14px; font-weight: 600; color: var(--whiteColor); text-transform: uppercase; border-radius: 4px; font-family: var(--subtitleFont); display: flex; gap: 20px; display: inline-flex; gap: 20px; align-items: center; background: var(--primaryColor); border: 1px solid var(--whiteColor); overflow: hidden;  transition: all .6s ease-in-out; z-index: 2; min-height: 40px;}
.btn-theme i{ margin: 0; padding: 0; height: 38px; width: 44px; border-radius: 2px; background: var(--whiteColor); display: flex; justify-content: center; align-items: center; position: relative; z-index: 2;}
.btn-theme i img{ transition: all .4s ease-in-out;}
.btn-theme::before{ content: ""; position: absolute; top: 3px; right: 3px; height: 38px; width: 44px; background: var(--whiteColor); border-radius: 4px; transition: all .4s ease-in-out; z-index: -1;}
.btn-theme:hover{ background: var(--whiteColor); color: var(--primaryColor);}
.btn-theme:hover i img{ transform: translateX(-5px);}
.btn-theme:hover::before{ height: 100%; width: 100%; top: 0; right: 0;}
.btn-theme.white{ border-color: var(--primaryColor); color: var(--primaryColor); background: var(--whiteColor);}
.btn-theme.white i{ background: var(--primaryColor);}
.btn-theme.white::before{ background: var(--primaryColor);}
.btn-theme.white i img{ filter: brightness(0) invert(1);}
.btn-theme.white:hover{ color: var(--whiteColor); background: var(--primaryColor);}

.pageWrapper{ position: relative;}
.pageWrapper::before{ content: ""; position: absolute; top: 0; left: 50%; max-width: 1400px; background: url(../images/bg-bdr.png) center center repeat-y; height: 100%; transform: translateX(-50%); opacity: 0.1; width: 90%; z-index: -1;}


/* Section Spacing */
.py-180, .pt-180{ padding-top: 180px;}
.py-180, .pb-180{ padding-bottom: 180px;}

/*===================
 		HEADER 
===================*/
.header__sec{ width:100%; background: rgba(26, 1, 19, 0.4); position: absolute; top: 0; left: 0; padding: 0; z-index: 1002; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1),inset 0 1px 0 rgba(255,255,255,0.4);}
.header__sec .navbar-brand{ margin:0; padding:0;}
.header__sec .navbar-light .navbar-nav{ margin:0; gap: 20px;}
.header__sec .navbar-light .navbar-nav .nav-item{ margin:0;}
.header__sec .navbar-light .navbar-nav .nav-link{ margin:0; padding:34px 0; font-weight: 500; font-size: 14px; color: var(--whiteColor); position: relative; transition: all .4s ease-in-out; font-family: var(--subtitleFont);}
.header__sec .navbar-light .navbar-nav .dropdown-toggle::after{ content: ""; width: 13px; height: 7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M8.57766 0.5L5.00499 4.07266L1.42226 0.5L0.213623 1.70863L5.00499 6.5L6.21363 5.29137L9.78629 1.70863L8.57766 0.5Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; background-position: center center; border: none; transition: all .3s ease-in-out; vertical-align: inherit; position: relative; bottom: 2px; filter: brightness(0) invert(1); margin: 0;}
.header__sec .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: var(--primaryColor);}
.header__sec .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.show{ color: var(--primaryColor);}
.header__sec .offcanvas .text-reset{ cursor: pointer;}
.header__sec .dropdown-menu{ padding: 8px 0; border-color: var(--whiteColor); border-radius: 0; border: 1px solid rgba(22, 38, 37, 0.05); border-radius: 2px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.header__sec .dropdown-item{ padding: 7px 15px; color: var(--blackColor); font-weight: 500; font-family: var(--subtitleFont); font-size: 14px; line-height: normal;}
.header__sec .dropdown-item:hover, .header__sec .dropdown-item:focus{ background: var(--primaryColor); color: var(--whiteColor);}

@media (min-width: 992px) {
.header__sec .offcanvas { visibility: visible; position: relative; background: none; border: none; justify-content: center; flex-grow: inherit;}
.header__sec .navbar{ justify-content: space-between;}
.header__sec .dropdown-menu{ margin-top: 0; }
.header__sec .dropdown:hover .dropdown-menu { display: block; visibility: visible; animation: dropdownMenu-slide .4s;}
}

/* HEADER STICKY */
.header__sec.sticky{ position:fixed; box-shadow:0 5px 5px rgba(0,0,0,0.1); animation:slide-down 0.4s;}

.AboutPage, .TreatmentPage, .ProductdetailPage{ padding-top: 90px !important;}
@media (max-width:1579px) {
  .AboutPage, .TreatmentPage, .ProductdetailPage{ padding-top: 78px !important;}
}
@media (max-width:1199px) {
  .AboutPage, .TreatmentPage, .ProductdetailPage{ padding-top: 69px !important;}
}
@media (max-width:991px) {
  .AboutPage, .TreatmentPage, .ProductdetailPage{ padding-top: 65px !important;}
}
@media (max-width:575px) {
  .AboutPage, .TreatmentPage, .ProductdetailPage{ padding-top: 60px !important;}
}

@keyframes slide-down{
  0% {
    opacity: 0;
    transform: translateY(-100%);
  } 
  100% {
    opacity: 0.9;
    transform: translateY(0);
  } 
}

/* dropdownMenu-slide */
@keyframes dropdownMenu-slide {
  0% {
    opacity: 0;
    transform: translateY(-10%);
    z-index: -1;
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
    z-index: 55;
  }
}

/*===================
 		  FOOTER 
===================*/
.footer__sec{background: var(--light-primaryColor); padding: 0 0 40px;}
.footer__sec .row{ --bs-gutter-x: 0;}
.footer__sec .container{ max-width: 1320px;}
.footer__sec .ftr-logo{ margin: 0 -2px 0 0; padding: 80px 50px 80px 0; border-right: 1px dashed rgba(22, 38, 37, 0.12); height: 100%;}
.footer__sec .ftr-logo figure{ margin: 0 0 15px; padding: 0;}
.footer__sec .ftr-logo p{ font-size: 16px; font-weight: 400; color: var(--txtColor); font-family: var(--titleFont);}
.footer__sec h3{ margin: 0 0 10px; padding: 0; font-size: 16px; font-weight: 600; color: var(--blackColor); font-family: var(--subtitleFont); text-transform: uppercase;}
.footer__sec .ftr-blk{ padding: 40px;}
.footer__sec .ftr-social{ padding: 40px;}
.social-wrp{ display: flex; gap: 16px;}
.social-wrp a{ height: 60px; width: 60px; border-radius: 10px; background: var(--whiteColor); display: flex; justify-content: center; align-items: center;}
.social-wrp a img{ filter: brightness(0); transition: all .4s ease-in-out;}
.social-wrp a:hover img{ filter: none; transform: rotateY(360deg);}
.footer__sec .ftr-blk h3{ margin-bottom: 24px;}
.footer__sec .ftr_link{ margin: 0; padding: 0;}
.footer__sec .ftr_link li{ margin: 0 0 16px; padding: 0; font-size: 16px; font-weight: 400; color: var(--blackColor); font-family: var(--bodyFont);}
.footer__sec .ftr_link li:last-child{ margin: 0;}
.footer__sec .ftr_link li a{ color: var(--blackColor);}
.footer__sec .ftr_link li.active a{ color: var(--primaryColor);}
.footer__sec .ftr_link li a.active, .footer__sec .ftr_link li a:hover{ color: var(--primaryColor);}
.addres-blk{ padding: 50px 20px 60px 40px; border-top: 1px dashed rgba(22, 38, 37, 0.12); }
.addres-blk .dtl{ margin: 0 0 10px; padding: 0; display: flex; gap: 16px;}
.addres-blk .dtl i{ height: 40px; width: 40px; min-width: 40px; border-radius: 10px; background: var(--whiteColor); display: flex; justify-content: center; align-items: center;}
.addres-blk .dtl:last-child{ margin: 0;}
.addres-blk .dtl p{ margin: 0; align-self: center; font-size: 16px; font-weight: 400; color: var(--blackColor); font-family: var(--bodyFont); line-height: 22px;}
.addres-blk .dtl p a{ color: var(--blackColor);}
.addres-blk .dtl p a:hover{ color: var(--primaryColor);}
.addres-blk.bdr{ margin-left: 1px; border-left: 1px dashed rgba(22, 38, 37, 0.12);}
.footer__sec .addres-blk h3{ position: relative;}

.copyright{ margin: 0; padding: 0; border-bottom: 1px dashed rgba(22, 38, 37, 0.12);}
.copyright h3{ margin: 0 0 24px;}
.copyright .d-flx{ display: flex; gap: 80px;}
.copyright p{ margin: 0; display: flex; gap: 16px; font-size: 16px; font-weight: 400; color: var(--blackColor); font-family: var(--bodyFont);}
.copyright p a{ color: var(--blackColor);}
.copyright p a:hover{ color: var(--primaryColor);}

.owl-dots{ margin-top: 15px; display: flex; justify-content: center; gap: 10px;}
.owl-dots .owl-dot{ height: 10px; width: 10px; border-radius: 50%; background: var(--primaryColor) !important; opacity: 0.5;}
.owl-dots .owl-dot.active{ opacity: 1;}

/* Return To Top */
#return-to-top { position:fixed; bottom:22px; right:20px; width:40px; height:40px; border-radius:50%; text-decoration: none; text-align:center; display:none; transition: all 0.3s ease; z-index:9999; line-height: 38px;}
#return-to-top svg{ width: 18px; height: auto;}
#return-to-top svg path{ fill: var(--secondaryColor);}
#return-to-top:hover { background:var(--light-primaryColor); opacity: 1;}

/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0; position: relative; z-index: 2;}

.hero__sec{ margin: 0; padding: 0; position: relative;}
.hero__sec .sec__bg{ height: 100%; width: 100%; object-fit: cover; position: absolute;}
.hero__sec::before{ content: ""; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(26, 1, 26, 0) -45.49%, #1A0114 61.53%); width: 100%; height: 100%; z-index: 1;}
.hero__sec .inner{ padding: 20px 0 60px; min-height: 1000px; display: flex; flex-direction: column; justify-content: end;}
.hero__sec .detail{ margin: 0 auto 100px; text-align: center; max-width: 1040px;}
.hero__sec .caption{ z-index: 2; position: relative;}
.hero__sec h1{ margin: 0 0 16px; padding: 0; font-size: 94px; font-weight: 500; color: var(--whiteColor);}
.hero__sec p{ margin: 0 0 50px; padding: 0; font-size: 18px; font-weight: 500; color: var(--whiteColor); font-family: var(--titleFont);}
.hero__sec h4{ margin: 0 0 30px; padding: 0; font-size: 14px; font-weight: 600; color: var(--whiteColor); font-family: var(--subtitleFont); text-align: center;}
.hero__sec .logo-slider{ margin: 0 auto; max-width: 838px; position: relative; pointer-events: none;}
.hero__sec .logo-slider figure{ margin: 0;}
.hero__sec .logo-slider::before{ content: ""; position: absolute; height: 100%; width: 14%; background: linear-gradient(90deg, rgba(26, 1, 20, 1) 0%, rgba(26, 1, 20, 0) 100%); top: 0; left: 0; z-index: 3;}
.hero__sec .logo-slider::after{ content: ""; position: absolute; height: 100%; width: 14%; background: linear-gradient(-90deg, rgba(26, 1, 20, 1) 0%, rgba(26, 1, 20, 0) 100%); top: 0; right: 0; z-index: 3;}
.brand-slider .swiper-wrapper{ transition-timing-function: linear !important;}

.about__sec{ margin: 0;}
.about__sec .inner-blk{ margin: 0 0 150px; padding: 80px 30px; background: var(--light-primaryColor); border-radius: 24px; transition: all .4s ease-in-out;}
.about__sec .inner-blk:hover{ background: var(--primaryColor);}
.about__sec .inner-blk .global_title small{ transition: all .4s ease-in-out;}
.about__sec .inner-blk:hover .global_title, .about__sec .inner-blk:hover .global_title small{ color: var(--whiteColor);}
.about__sec .inner-blk .global_title{ margin: 0 auto; max-width: 1010px; transition: all .4s ease-in-out;}
.about-item{ margin: 0; padding: 0; position: relative; overflow: hidden; border-radius: 8px; z-index: 2;}
.about-item figure{ margin: 0;  position: relative; height: 508px; overflow: hidden; border-radius: 8px; border: 1px solid rgba(22, 38, 37, 0.05);}
.about-item::before{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: radial-gradient(20% 50% at 122.9% 7.9%, rgba(26, 1, 26, 0) 0%, #1A011A 100%); z-index: -1; transition: all .4s ease-in-out;}
.about-item::after{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: radial-gradient(77.73% 77.73% at 62.27% 28.3%, rgba(26, 1, 26, 0) 0%, #1A011A 100%); z-index: 1; opacity: 0; transition: all .4s ease-in-out;}
.about-item figure img{ height: 100%; width: 100%; object-fit: cover; opacity: 0; transition: all .4s ease-in-out;}
.about-item .detail{ padding: 32px; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; height: 100%; z-index: 2;}
.about-item .detail strong{ display: block; margin-bottom: auto; font-size: 90px; font-weight: 500; color: var(--whiteColor); font-family: var(--titleFont); letter-spacing: -4px; line-height: normal;}
.about-item .detail h3{ margin: 0 0 15px; font-size: 32px; font-weight: 500; color: var(--whiteColor); letter-spacing: -1px; transition: all .4s ease-in-out;}
.about-item .detail p{ margin: 0; color: var(--light-primaryColor); font-family: var(--bodyFont); font-weight: 500; transition: all .6s ease-in-out; position: absolute; top: 100%;}
.about-slider .owl-item.custom-active .about-item .detail p{ position: unset;}
.about-slider .owl-item.custom-active .about-item::before{ opacity: 0;}
.about-slider .owl-item.custom-active .about-item::after{ opacity: 1;}
.about-slider .owl-item.custom-active .about-item figure img{ opacity: 1;}
.about-slider .owl-item{ transition: all .4s ease-in-out;}

/* Chosose */
.choose__sec{ border-top: 1px dashed rgba(22, 38, 37, 0.12);}
.choose__sec .choose-tabs{ margin: 0 0 50px; padding: 8px; display: inline-flex; align-items: center; gap: 6px; flex-wrap: nowrap; background: var(--light-primaryColor); border-radius: 4px; white-space: nowrap; overflow-x: auto; scrollbar-width: thin;}
.choose__sec .choose-tabs .nav-link{ margin: 0; padding: 11px 12px; background: var(--whiteColor); border-radius: 4px; font-size: 14px; font-weight: 600; font-family: var(--subtitleFont); color: var(--blackColor); letter-spacing: -0.5px; line-height: normal; position: relative; z-index: 2; text-transform: uppercase;}
.choose__sec .choose-tabs .nav-link::before{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0; background: var(--primaryColor); border-radius: 4px; transition: all .3s ease-in-out; z-index: -1;}
.choose__sec .choose-tabs .nav-link.active::before{ width: 100%;}
.choose__sec .choose-tabs .nav-link.active{ color: var(--whiteColor);}
.choose__sec .content-block{ margin: 0; padding: 8px; position: relative; border-radius: 16px; overflow: hidden;}
.choose__sec .content-block::before{ content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(264.29deg, rgba(1, 26, 20, 0) 0%, rgba(1, 26, 20, 0.01) 39%, #011A14 85%, #011A14 97%); height: 100%; width: 100%; z-index: 1;}
.choose__sec .content-block .bg{ position: absolute; height: 100%; width: 100%; object-fit: cover; object-position: right; top: 0; left: 0;}
.choose__sec .content-block .tab-info{ padding: 40px; background: var(--secondaryColor); max-width: 680px; min-height: 642px; position: relative; z-index: 2; border-radius: 16px;}
.choose__sec .content-block h3{ margin: 0 0 10px; font-size: 30px; font-weight: 500; color: var(--whiteColor); font-family: var(--titleFont);}
.choose__sec .content-block p{ margin-bottom: 25px; font-weight: 500; color: var(--whiteColor); letter-spacing: -0.5px; font-family: var(--bodyFont);}
.choose__sec .content-block ul{ padding: 0; margin: 0 0 20px;}
.choose__sec .content-block ul li{ margin: 0; padding: 16px 0 16px 30px; position: relative; font-size: 14px; font-weight: 500; font-family: var(--subtitleFont); line-height: 16px;  color: var(--whiteColor); text-transform: uppercase;}
.choose__sec .content-block ul li::before{ content: ""; position: absolute; top: 16px; left: 0; background: url(../images/list_ic.svg) center center no-repeat; background-size: 100% 100%; height: 16px; width: 16px;}
.choose__sec .content-block ul li + li{ border-top: 1px solid rgba(209, 41, 149, 0.7);}

/* Drive */
.drive__sec{ border-top: 1px dashed rgba(22, 38, 37, 0.12);}
.drive__sec .drive-in{ border-bottom: 1px dashed rgba(22, 38, 37, 0.12);}
.drive__sec .global_title{ margin:0 auto 60px; text-align: center; max-width: 500px;}
.drive__sec .grid{ display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px 20px;}
.drive__sec .grid .drive-box:nth-child(5n + 1), .drive__sec .grid .drive-box:nth-child(5n + 2), .drive__sec .grid .drive-box:nth-child(5n + 3){grid-column: span 2}
.drive__sec .grid .drive-box:nth-child(5n + 4), .drive__sec .grid .drive-box:nth-child(5n + 5){grid-column: span 3}
.drive-box{ margin: 0; padding: 25px; background: var(--light-primaryColor); border-radius: 16px; border: 1px dashed rgba(209, 41, 149, 0.12); transition: all .4s ease-in-out;}
.drive-box i{ margin: 0 0 38px; display: inline-flex; transition: all .4s ease-in-out;}
.drive-box h3{ margin: 0 0 16px; padding: 0; font-size: 24px; font-weight: 500; color: var(--primaryColor); font-family: var(--titleFont);}
.drive-box p{ margin: 0; padding: 0; font-size: 14px; font-weight: 700; font-family: var(--fancyFont); color: var(--txtColor); text-transform: uppercase; line-height: 18px;}
.drive-box:hover{ border-color: var(--primaryColor);}
.drive-box:hover i{ transform: scale(1.1);}


/* About Page */

.AboutPage .choose__sec{padding-bottom: 100px;}

/* Partner */
.partner_sec{ margin: 0; padding: 100px 0; border-bottom: 1px dashed rgba(22, 38, 37, 0.12);}
.partner_sec .row{ --bs-gutter-x: 100px;}
.partner_sec .details .row{ --bs-gutter-x: 16px; --bs-gutter-y: 16px;}
.partner_sec .partner-bx{ margin: 0; padding: 25px; border-radius: 16px; background: var(--light-primaryColor); height: 100%; border: 1px dashed rgba(209, 41, 149, 0.12);}
.partner_sec .partner-bx h3{ margin: 0 0 10px; font-size: 20px; font-weight: 500; color: var(--primaryColor); font-family: var(--fancyFont); line-height: normal; text-transform: uppercase;}
.partner_sec .partner-bx p{ margin: 0 0 15px; font-size: 20px; font-weight: 400; font-family: var(--bodyFont); line-height: 30px;}
.partner_sec .partner-bx p:last-of-type{ margin: 0;}
.partner_sec figure{ margin: 0; height: 392px; overflow: hidden; border-radius: 10px; }
.partner_sec figure img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.partner_sec figure:hover img{ transform: scale3d(1.1, 1.1, 1.1);}

/* Mission */
.mission_sec{ margin: 0; padding-top: 100px; border-top: 1px dashed rgba(22, 38, 37, 0.12);}
.mission_sec .our_in{ background: #F7F5F1;}
.mission_sec .row{ --bs-gutter-x: 24px; }
.mission_sec figure{ margin: 0; height: 638px; overflow: hidden; border-radius: 10px; max-width: 664px;}
.mission_sec figure img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.mission_sec .our_in:hover figure img{ transform: scale3d(1.1, 1.1, 1.1);}
.mission_sec .dtl{ margin: 0 0 0 -24px; background: var(--light-primaryColor); border-radius: 10px; height: 100%; padding: 25px;}
.mission_sec .dtl .global_title{ margin-bottom: 25px;}
.mission_sec .dtl p{ font-size: 20px;}
.mission_sec .row.flex-row-reverse .dtl{ margin: 0 -24px 0 0;}
.mission_sec .row.flex-row-reverse figure{ margin: 0 0 0 auto;}

/* Counter */
.counter_sec{ margin: 0; border-top: 1px dashed rgba(22, 38, 37, 0.12);}
.counter_sec .count-box{ padding: 25px; background: var(--light-primaryColor); border-radius: 8px; height: 100%; transition: all .4s ease-in-out;}
.counter_sec .count-box i{ margin: 0 0 32px; border-radius: 8px; background: var(--whiteColor); height: 42px; width: 42px; display: flex; align-items: center; justify-content: center;}
.counter_sec .count-box strong{ display: block; font-size: 38px; font-weight: 500; color: var(--blackColor); font-family: var(--titleFont); transition: all .4s ease-in-out;}
.counter_sec .count-box p{ margin: 0; font-size: 14px; font-weight: 700; color: var(--txtColor); font-family: var(--fancyFont); line-height: 16px; transition: all .4s ease-in-out;}
.counter_sec .count-box:hover{ background: var(--primaryColor);}
.counter_sec .count-box:hover strong{ color: var(--whiteColor);}
.counter_sec .count-box:hover p{ color: var(--whiteColor);}
.counter_sec .row{ --bs-gutter-x: 10px;}

/* Brand */
.brand_sec{ padding-bottom: 100px;}
.brand_sec h4{ margin: 0 0 30px;  font-size: 14px; font-weight: 600; color: var(--blackColor); font-family: var(--subtitleFont); display: block; line-height: normal; text-transform: uppercase; text-align: center;}
.brand_sec .logo-slider{ margin: 0 auto; max-width: 838px; position: relative; pointer-events: none;}
.brand_sec .logo-slider figure{ margin: 0;}
.brand_sec .logo-slider::before{ content: ""; position: absolute; height: 100%; width: 14%; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); top: 0; left: 0; z-index: 3;}
.brand_sec .logo-slider::after{ content: ""; position: absolute; height: 100%; width: 14%; background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); top: 0; right: 0; z-index: 3;}




.main-title{ margin: 0 0 60px; font-size: 93px; font-weight: 500; color: var(--blackColor); font-family: var(--titleFont); line-height: 100px;}
.main-title strong{ font-weight: 500; letter-spacing: -1px;}
.main-title small{ margin: 0 0 15px; font-size: 14px; font-weight: 600; color: var(--blackColor); font-family: var(--subtitleFont); display: block; line-height: normal; text-transform: uppercase;}

.py-100, .pt-100{ padding-top: 100px;}
.py-100, .pb-100{ padding-bottom: 100px;}





/*----- Treatment Page -----*/


/* Industry */
.industry_sec{ margin: 0; padding: 100px 0;}
.industry_sec figure{ margin: 0; height: 639px; overflow: hidden; border-radius: 4px;}
.industry_sec figure img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.industry_sec figure:hover img{ transform: scale3d(1.1, 1.1, 1.1);}
.industry_sec .details{ padding: 0;}
.industry_sec .details h3{ margin: 0 0 20px; font-size: 28px; font-weight: 600; color: var(--blackColor); font-family: var(--titleFont); line-height: normal;}
.industry_sec .details ul{ margin: 0 0 40px; padding: 0; columns: 2;}
.industry_sec .details ul li{ padding: 0; margin: 0 0 10px; font-size: 18px; font-weight: 500; font-family: var(--bodyFont); display: flex; align-items: center; gap: 10px;}
.industry_sec .details ul li i{ display: flex; height: 24px; width: 24px; min-width: 24px;}
.industry_sec .details p{ margin: 0 0 25px; font-weight: 500; letter-spacing: -0.5px;}
.industry_sec .details p:last-of-type{ margin: 0;}
.industry_sec .row{ --bs-gutter-x: 40px;}


/* Product */
.product_sec{ margin: 0; padding-bottom: 100px; }
.product_sec .splide__arrows{ display: flex; gap: 15px; align-items: center; justify-content: end; position: absolute; width: 100%; top: -60px; right: 2px;} 
.product_sec .splide__arrows button{ position: relative; height: 38px; width: 43px; border-radius: 4px; background: rgba(209, 41, 149, 0.25); top: 0; left: 0; transform: none; opacity: 1;}
.product_sec .splide__arrows .splide__arrow--prev::before{ content: ""; position: absolute; top: 50%; left: 50%; height: 8px; width: 16px; background: url(../images/left-arrow.svg); background-size: 100% 100%; transform: translate(-50% , -50%);}
.product_sec .splide__arrows .splide__arrow--next::before{ content: ""; position: absolute; top: 50%; left: 50%; height: 8px; width: 16px; background: url(../images/btn-arrow.svg); background-size: 100% 100%; transform: translate(-50% , -50%);}
.product_sec .splide__arrows button svg{ display: none;}

.product_sec h3{margin: 0 0 22px; font-size: 30px; font-weight: 600; color: var(--blackColor); font-family: var(--titleFont); letter-spacing: -1px;}
.product_sec .product-bx{ display: block; padding: 0; position: relative; z-index: 2;}
.product_sec .product-bx figure{ margin: 0; height: 330px; border-radius: 8px; overflow: hidden; position: relative;}
.product_sec .product-bx figure img{ height: 100%; width: 100%; object-fit: cover; transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.product_sec .product-bx figure::before{ content: ""; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(26, 1, 26, 0) 69.23%, rgba(26, 1, 26, 0.63) 86.06%); z-index: 1; transition: all .4s ease-in-out;}
.product_sec .product-bx figure:hover::before{  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 69.23%, rgba(0, 0, 0, 0.63) 86.06%); }
.product_sec .product-bx figure:hover img{ transform: scale3d(1.1, 1.1, 1.1);}
.product_sec .product-bx .dtl{ position: absolute; bottom: 0; left: 0; padding: 24px; width: 100%; z-index: 1;}
.product_sec .product-bx .dtl h4{ margin: 0; font-size: 22px; font-weight: 500; color: var(--whiteColor); font-family: var(--subtitleFont); letter-spacing: -1px;}


/*----- Product Detail Page -----*/

.aboutproduct_sec{ padding: 100px 0;}
.aboutproduct_sec .row{--bs-gutter-x: 40px; --bs-gutter-y: 25px;}
.aboutproduct_sec .dtl h3{ margin: 0 0 20px; font-size: 28px; font-weight: 600; color: var(--blackColor); font-family: var(--titleFont); line-height: normal; letter-spacing: -1px;}
.aboutproduct_sec .dtl p{margin: 0 0 25px; font-weight: 500; letter-spacing: -0.5px;}
.aboutproduct_sec .dtl strong{ margin-bottom: 30px; display: block; font-size: 18px; font-weight: 700; color: var(--txtColor); letter-spacing: -0.5px; font-family: var(--bodyFont);}
.aboutproduct_sec .dtl strong:last-of-type{ margin-bottom: 50px;}
.aboutproduct_sec ul{ margin: 0; padding: 0;}
.aboutproduct_sec ul li{ margin: 0 0 10px; padding: 0 0 0 30px; font-size: 18px; font-weight: 500; color: var(--txtColor); font-family: var(--bodyFont); position: relative;}
.aboutproduct_sec ul li::before{ content: ""; position: absolute; top: 5px; left: 0; height: 19px; width: 19px; background: url(../images/list_ic2.svg); background-size: 100% 100%;}
.aboutproduct_sec .form-block{ margin: 0; padding: 28px; background: #FDFDFD; border-radius: 4px; border: 1px solid rgba(22, 38, 37, 0.07);}
.aboutproduct_sec .form-block h4{ margin: 0 0 28px; font-size: 20px; font-weight: 500; color: var(--blackColor); font-family: var(--titleFont); line-height: normal; letter-spacing: -1px;}
.form-group{ margin: 0 0 16px; padding: 0;}
.form-group:last-of-type{ margin: 0;}
.form-group label{ margin: 0 0 10px; font-family: var(--subtitleFont); font-size: 14px; font-weight: 600; color: var(--blackColor); text-transform: uppercase; line-height: normal;}
.form-group .input-group .form-control{ margin: 0; padding: 0 14px; background: #F9F5F8; font-size: 12px; font-weight: 400; font-family: var(--fancyFont); color: var(--blackColor); border-radius: 4px; border: 1px dashed rgba(22, 38, 37, 0.12); height: 56px; font-family: var(--fancyFont);}
.form-group .input-group .form-control:focus{ border-color: var(--primaryColor);}
.form-group .input-group .form-control::placeholder{ color: var(--txtColor); font-family: var(--fancyFont);}
.form-group .input-group textarea.form-control{ padding-top: 20px;}
.aboutproduct_sec .form-block .btn-theme::before{ background: var(--whiteColor);}
.form-group .input-group textarea.form-control{min-height: 121px; resize: none;}
.form-block .btn-theme{margin-top: 24px;}
.form-block .btn-theme::before{background: var(--light-primaryColor);}
.form-group .form-select{ margin: 0; padding: 0 14px; position: relative; height: 56px; background: #F9F5F8 url(../images/drop-arrow.svg) right 10px center no-repeat; font-size: 12px; font-weight: 400; font-family: var(--fancyFont); color: var(--blackColor); border-radius: 4px; border: 1px dashed rgba(22, 38, 37, 0.12); }
.form-group .form-select option{  font-size: 14px; font-weight: 400; color: var(--blackColor);}


.PartnerPage{ padding-top: 80px;}
.PartnerPage .brand_sec .logo-slider{max-width: 100%; pointer-events: none;}
.PartnerPage .brand_sec .logo-slider::before{ display: none;}
.PartnerPage .brand_sec .logo-slider::after{ display: none;}

.inner_banner{ margin: 0; padding: 0;}
.inner_banner .banner-inn{ margin: 0; padding: 0; position: relative; overflow: hidden;}
.inner_banner .bg{ height: 485px; width: 100%; object-fit: cover;}
.inner_banner .inner_cap{ position: absolute; left: 0; width: 100%; bottom: 100px; z-index: 1; text-align: center;}
.inner_banner .inner_cap .main-title{margin-bottom: 10px; text-align: center; margin-left: auto; margin-right: auto;}
.inner_banner .inner_cap p{ margin: 0 auto; max-width: 675px; font-size: 18px; font-weight: 500; color: #D1D1D1; letter-spacing: -1px; font-family: var(--bodyFont);}

.contact_sec{padding: 80px 0;}
.contact_sec h3{ margin: 0 0 50px; font-size: 30px; font-weight: 500; color: var(--blackColor); font-family: var(--titleFont); letter-spacing: -1px;}
.contact_sec .form-group{ margin-bottom: 0;}
.contact_sec .row{--bs-gutter-x: 20px; --bs-gutter-y: 32px;}
.contact_sec .btn-theme{margin-top: 20px;}


.main-title{ margin: 0 0 60px; font-size: 93px; font-weight: 500; color: var(--blackColor); font-family: var(--titleFont); line-height: normal;}
.main-title strong{ font-weight: 500; letter-spacing: -1px;}
.main-title small{ margin: 0 0 15px; font-size: 14px; font-weight: 600; color: var(--blackColor); font-family: var(--subtitleFont); display: block; line-height: normal; text-transform: uppercase;}
.main-title.white{color: var(--whiteColor);}
.main-title.white small{ color: var(--whiteColor);}


.py-100, .pt-100{ padding-top: 100px;}
.py-100, .pb-100{ padding-bottom: 100px;}

/* Breadcrumb */
.breadcrumb{ margin: 0 0 24px; padding: 0; gap: 25px;}
.breadcrumb li{font-size: 14px; font-weight: 600; color: var(--blackColor); font-family: var(--subtitleFont); display: block; line-height: normal; text-transform: uppercase; position: relative;}
.breadcrumb li + li::before{ content: ""; position: absolute; top: 3px; left: -13px; background: url(../images/breadcrumb_ic.svg); width: 6px; height: 13px; background-size: 100% 100%;}
.breadcrumb li a{ color: var(--blackColor);}
.breadcrumb li a:hover{ color: var(--primaryColor);}


/* Page_titel */
.page_title{ margin: 0; padding: 100px 0;}
.page_title .row{ --bs-gutter-y: 10px;}
.page_title .main-title{ margin-bottom: 0;}
.page_title p{ margin-bottom: 20px; font-size: 18px; font-weight: 500; color: var(--blackColor); letter-spacing: -0.5px; line-height: 24px; max-width: 550px; margin: 0 0 0 auto;}
.page_title p:last-of-type{ margin-bottom: 0; }