:root {
   --cursor-stroke: #fff;
   --cursor-fill: none;
   --cursor-stroke-width: 1px;
   
   /* COLOR VARIABLES */
   --white: #ffffff;
   --black: #000000;
   --blue: #00145E;
   --grey: #919191;
   --marron: #460023;
   --yellow: #906b51;

   --outfit: "Outfit", serif;

   --gap-xxl:48px;
   --gap-xl:32px;
   
   
   /* TRANSITION SPEED */
   --all-fast: all 0.3s;
   --all-medium: all 0.5s;
   --all-slow: all 0.8s;
   --offset: -30vh;
   --radius-small: 4px;
   --radius: 0px;
   --rotation: 0deg;
   --gap: 2.5vw;
   --grid-item-width: 32vw;
   --ratio: 1.3;
   --s-30: 30px;
   --s-50: 50px;
   --s-30: 30px;
   --s-60: 60px;
   --s-15: 15px;
   
   }
   
   /* ========================== COMMON CSS ========================== */
   .body--bg { background: #202020; }
   .py--lg { padding: 120px 0px; }
   .pb--lg { padding-bottom: 120px; }
   .pt--lg { padding-top: 120px; }
   
   .py--md { padding: 80px 0px; }
   .pb--md { padding-bottom: 80px; }
   .pt--md { padding-top: 80px; }
   
   .pxl { font-size: 24px; }
   .pl { font-size: 22px; }
   .pm { font-size: 18px; }
   .ps { font-size: 16px; }

   .h2 { font-size: 45px; }
   
   
   .blue { color: var(--blue)!important; }
   .black { color: var(--black)!important; }
   .white { color: var(--white)!important; }
   
   .section--subtitle { margin-top: 10px; font-size: 20px; color: var(--black); font-weight: 400; display: flex; align-items: center; margin-bottom: var(--s-30); position: relative; }
   .section--subtitle .line { margin-left: 20px; width: auto; flex: 1; height: 1px; background: linear-gradient(to left,  rgba(66,101,129,1) 0%,rgba(37,80,112,1) 50%,rgba(9,65,90,1) 100%); }
   .section--subtitle .svg { margin-right: 15px; width: 30px; height: auto; }
   .section--title { font-size: 45px; text-transform: uppercase; color: var(--white); margin-bottom: var(--s-60); font-weight: 400; }
   .section--title--grp { margin-bottom: var(--s-60); }
   .section--title--grp .section--title { margin-bottom: var(--s-15); } 
   .section--title--grp p { margin-bottom: 0px; }

   .section--title span { font-family: "Aboreto", serif; line-height: 0.6; }
   .splitting .word { margin-right: 14px; }
   .splitting span { line-height: 0.6; }
   
   .img--bx { width: 100%; overflow: hidden; }
   .img--bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
   
   .button, .submit { padding: 16px 32px; color: var(--black); line-height: 1; border:1px solid var(--white); font-size: 14px; overflow: hidden; border-radius: 30px; position: relative; display: inline-flex; align-items: center; justify-content: center; transition: all 0.5s; }
   .button:hover, .submit:hover { background: transparent; font-weight: 300; color: var(--white); } 
   .button span { font-size: 14px; line-height: 1; display: flex; font-weight: 300; align-items: center; position: relative; z-index: 1; transition: all 0.5s }
   .button span .svg { width: 13px; transition: all 0.5s; margin-left: 10px; }
   
   .button--border { background: transparent; border:1px solid var(--white); }
   .button--border span { color: var(--white); transition: all 0.3s; }
   .button--border:hover { background: var(--white); }
   .button--border:hover span { color: var(--black); }
   .button--border:hover span svg path { fill: var(--white); }
   
   .button--white { background: var(--white); border: 1px solid transparent; }
   .button--white span { color: var(--black); }
   .button--white:hover { border: 1px solid var(--white); background: transparent; }
   .button--white:hover span { color: var(--white); }
      
   .link--btn { display: flex; align-items: center; }
   .link--btn span { font-size: 16px; font-weight: 300; display: flex; align-items: center; text-transform: uppercase; position: relative; z-index: 1; transition: all 0.4s; padding-bottom: 1px; }
   .link--btn span:after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; }
   .link--btn--b span { color: var(--black); }
   .link--btn--b span:after { background: var(--black); }
   
   .link--btn--w span { color: var(--white); }
   .link--btn--w span:after { background: var(--white); }

   .fade-in-left { transform: translateX(-150px); opacity: 0 }
   .fade-in-right { transform: translateX(150px); opacity: 0 }  
   
   /* dropdown */
   .dropdown--bx .dropdown--item .drop--arrow { width: 10px; height: auto; margin-left: 5px; margin-top: 2px; }
   .dropdown--bx .dropdown--menu { display: none; position: absolute; top: 100%; width: auto; }
   .dropdown--bx .dropdown--menu li { display: block; }
   .dropdown--bx .dropdown--menu li a { background: rgba(0,0,0,0.95); margin-right: 0px; padding: 10px 30px; color: var(--black); display: block; border-bottom: 1px solid rgba(168, 168, 168, 0.2); }
   
   .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none; }
   
   #smooth-wrapper { position: relative; z-index: 1; overflow-x: hidden; }
   
   *,ul,ol,li,a, p, span { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Outfit", serif; font-weight: 200; line-height: 1.5; color: inherit; color: var(--white); }
   .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Aboreto", serif; font-weight: 400; transition: var(--all-slow); }
   input:focus,textarea,textarea:focus,.form-control:focus { box-shadow: none; outline: none; background: transparent; color:#fff; }
   *,a,a:active,a:focus,a:hover,button:hover,button:focus { text-decoration: none; outline: 0; color: inherit; }
   button { background: transparent; outline: none; box-shadow: none; cursor: pointer; }
   [type=reset], [type=submit] { -webkit-appearance: none; outline: none; }

   .form-check-input:focus { box-shadow: none; border: 0px; }
   button:focus, .btn-check:focus+.btn, .btn:focus { box-shadow: none; outline: none; }

   a { display: inline-flex; flex-flow: row wrap; transition: var(--all-medium); }
   a:hover { color: inherit; }
   textarea { resize: none; }
   
   body { width: 100%; font-size: 18px; line-height: 1.3; width: 100%; position: relative; font-family: "Outfit", serif; font-weight: 300; color: var(--white); z-index: 1; overflow-x: hidden; transition: var(--all-slow); }
   body p { font-size: 18px; font-weight: 100; line-height: 1.3; color: var(--white); margin-bottom: var(--s-30); font-family: "Outfit", serif; transition: var(--all-slow); }
   .no-scroll { overflow: hidden; }
   
   ::-moz-selection { color: var(--black); background: var(--white); }
   ::selection { color: var(--black); background: var(--white); }
   ::-webkit-scrollbar { width: 3px; display: none; }
   ::-webkit-scrollbar-thumb { background-color: #88888861; border-radius: 15px; }
      
   .barContainer { position: fixed; top: 0; right: 0; width: 5px; height: 100vh; box-shadow: inset 0 0 3px rgba(255,255,255,0.8); background: var(--black); border-radius: 15px; z-index: 999; pointer-events: none; }
   .bar { height: 20%; width: 100%; background-color: #888; border-radius: 15px; }
   
   /* Chrome Safari Edge Opera */
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
   
   .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5); }
   .form-control::-moz-placeholder { color: rgba(255,255,255,0.5); }
   .form-control:-ms-input-placeholder { color: rgba(255,255,255,0.5); }
   .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.5); }
   .form-control::placeholder { transition: var(--all-fast); color: rgba(255,255,255,0.5); }
   
   .form-group { margin-bottom: 30px; position: relative; }
   ::placeholder { font-size: 14px; color: #ffffff; letter-spacing: 0.5px; font-weight: 200; }
   
   /* Firefox */
   input[type=number] { -moz-appearance: textfield; }
   
   .img-box { display: flex; flex-flow: row wrap; }
   img, .svg { width: 100%; height: 100%; object-fit: cover; }
   
   /* LOADER */
   .loader-container { position: fixed; display: flex; flex-flow: row wrap; align-content: center; justify-content: center; align-items: center; width: 100%; height: 100vh; background: #fff; backdrop-filter: blur(10px); z-index: 999999; transition: var(--all-medium); }
   .circular-progress { position: relative; height: 162px; width: 162px; border-radius: 50%; background: conic-gradient(#666 3.6deg, #ddd 0deg); display: flex; align-items: center; justify-content: center; animation: fadeIn 1s ease-in-out; }
   .loader { display: flex; align-items: center; justify-content: center; width: 160px; height: 160px; border-radius: 50%; background: #fff; padding: 20px; animation: rotate360 10s linear infinite; position: absolute; left: 1px; top: 1px; }
   .loader img { width: 90px; height: auto; object-fit: contain; }
   .progress-value { width: 100%; text-align: center; padding-top: 15px; font-size: 20px; }
   .loader-container.hidden { pointer-events: none; opacity: 0; }
   @keyframes fadeIn {
   0% { opacity: 0; }
   100% { opacity: 1; }
   }
   
   .main-content { background: #202020; }
   #smooth-content, section { position: relative; }
   section { display: block; }

   @media (any-pointer: fine) {
      .cursor { position: fixed; top: 0; left: 0; display: block; pointer-events: none; opacity: 0; z-index: 999; }
      .cursor__inner { fill: var(--cursor-fill); stroke: var(--cursor-stroke); stroke-width: var(--cursor-stroke-width); }
      }
   
   img { width: 100%; }
   .Container { width: 100%!important; max-width: 90%!important; position: relative; z-index: 1; }
   .fade-in-left { transform: translateX(-100px); opacity: 0 }
   .fade-in-right { transform: translateX(100px); opacity: 0 }
   
      @media screen and (min-width: 1760px) {
       .container { max-width: 1700px; position: relative; z-index: 1; }
      }

      @media screen and (max-width: 1920px) {
         .container { position: relative; z-index: 1; }
        }
   
   /* HEADER */
   .header-cont { width: 100%; z-index: 11111; transition: all 0.4s; position: fixed; left: 0; top: 0; }
   .header-cont .header { width: 100%; backdrop-filter: blur(4px); width: 100%; background: rgba(0,0,0,0.5); position: relative; margin-top: -1px; }
   .header-cont.active .header { backdrop-filter: blur(5px); width: 100%; background: rgba(0,0,0,0.9); }
   .header .logo { width: 170px; transition: all 0.4s ease; display: flex; }
   .header-cont.active .header .logo { width: 150px; }
      
   .header .logo img { object-fit: contain; height: auto; }
   
   .header-cont .top--note { text-align: center; text-transform: uppercase; font-size: 12px; margin-bottom: 0px; letter-spacing: 2.2px; padding: 12px 10px; width: 100%; background: var(--black); }
   .hamburder--div { display: none; }
   .hamburger--menu { display: block; margin-left: auto; }
   .hamburger--menu img { width: 28px; margin-right: 8px; }
   .header .navigation--grp { display: flex; }
   .header .navigation--grp--menu { align-items: stretch; display: flex; }
   .close-icon { display: none; width: 20px; padding: 3px; height: 20px; position: absolute; right: 20px; top:20px; z-index: 11; }
   
   .header-cont.active .header .wrapper-dropdown .dropdown li { height: auto; width: 100%; }
   .header-cont.active .header .wrapper-dropdown .dropdown { top: 100%; }
   .header .container { position: static; }
   .header .cart--info li .search--div { display: flex; position: relative; width: auto; height: auto; }
   .serch--icon--grp { display: flex; align-items: center; justify-content: center; }
   .header .cart--info li .search--div .svg { width: 15px; height: auto; margin-right: 20px; margin-left: 10px; }
   .header .cart--info li .search--div .is-form-style { position: absolute; pointer-events: none; opacity: 0; right: 100%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; background: transparent; border-radius: 0px; padding: 10px 0px; height: 35px; width: 0px; border: 0px!important; border-bottom: 1px solid #6c6c6c!important; margin-left: auto; transition: var(--all-medium); color: var(--white); }
   .header .cart--info li .search--div .is-search-input { width: 100%; background: transparent; padding: 0px; border:0px!important; height: 100%; }
   .header .cart--info li .search--div.active .is-form-style { width: 150px; pointer-events: all; opacity: 1; }
   .header .cart--info li .search--div .is-search-input::placeholder { font-size: 14px; color: rgba(255, 255, 255, 0.5); }
   .header .cart--info .hamburger--cont { display: none; }

   .cart--info { display: flex; align-items: center; }
   .cart--info li a { width: 60px; height: 30px; display: flex;align-items: center; justify-content: center; position: relative; }
   .cart--info li a:before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 1px; background: var(--white); opacity: 0.5; height: 15px; }
   .cart--info li a .svg { height: 16px; width: auto; transition: var(--all-medium); object-fit: contain; }
   .cart--info li a:hover .svg { opacity: 0.8; }
   .cart--info li:first-child a:before { display: none; } 
   .cart--info li a .cart--count { position: absolute; right: 11px; top: 0px; font-size: 11px; color: var(--white); }
   
   .header .menu--link { display: flex; align-items: center; }
   .header .menu--link li a { font-size: 14px; letter-spacing: 3px; padding: 35px 0px; font-weight: 400; color: var(--white); display: flex; align-items: center; margin-right: 70px; text-transform: uppercase; position: relative; transition: all 0.4s; text-transform: uppercase; }
   .header .menu--link li a:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 0px; height: 1px; background: var(--white); transition: all 0.4s; }
   .header .menu--link li a:hover:before { width: 100%; } 
   .header .menu--link li:last-child a { margin-right: 0px; }
   .header .menu--link li { display: flex; }
   .header-cont.active .header .menu--link li a { padding: 22px 0px; }

   .header .menu--link .dropdown--bx .dropdown--menu li a { margin-right: 0px; padding: 10px 20px; display: block; width: 100%; }
   
   .dropdown .dropdown-toggle { padding: 0px; background: transparent; display: flex; align-items: center; border-radius: 0px; font-size: 14px; color: var(--white); }
   .dropdown .dropdown-toggle::after { display: none; }
   .dropdown .dropdown-toggle .flag--img { width: 20px; margin-right: 5px; }
   .dropdown .dropdown-toggle .svg { margin-left: 5px; height: auto; }
   .dropdown .dropdown-menu { width: auto; padding: 0px; }
   .dropdown .dropdown-menu li { width: auto; height: auto; display: block; padding: 0px; background: white; }
   
   .dropdown--menu.form-container { right: 0px; }
   .form-container .form--div form { padding: 50px 50px 150px 50px; }
   .form-container .form--div { width: 400px; }

   .navigation--grp--menu .dropdown--bx .mega--menu { width: 100%; left: 0; right: 0; background: var(--black); padding: 40px 20px; }
   .navigation--grp--menu .dropdown--bx .mega--menu .container { max-width: 100%; }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--left .menu--title { margin-bottom: 22px; letter-spacing: 2px; font-size: 14px; color: rgba(255,255,255,0.8); }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--left .menu--list li a { display: inline-block; font-weight: 200; text-transform: none; letter-spacing: 1px; width: auto; padding: 0px 0px 1px 0px; color: rgba(255,255,255,0.7); font-size: 14px; background: transparent; border: 0px; }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--left .menu--list li { margin-bottom: 8px; }
   .navigation--grp--menu .dropdown--bx .mega--menu .button { margin-top: 25px; padding: 16px 30px; overflow: hidden; border-radius: 30px; position: relative; display: inline-flex; }
   .navigation--grp--menu .dropdown--bx .mega--menu .button span { font-size: 12px; line-height: 1; display: flex; font-weight: 400; }
  
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--collection--bx { --bs-gutter-x: 30px; }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--collection--bx li a { display: block; padding: 0px; border: 0px; background: transparent; }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--collection--bx li a:before { display: none; }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--collection--bx li a .img--bx { width: 100%; height: auto; aspect-ratio: 0.8; margin-bottom: 15px; overflow: hidden; transition: var(--all-medium); }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--collection--bx li a .menu--category--title { font-size: 14px; color: rgba(255,255,255,0.8); }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--collection--bx li a .img--bx img { transition: var(--all-medium); }
   .navigation--grp--menu .dropdown--bx .mega--menu .menu--collection--bx li a:hover .img--bx img { transform: scale(1.05); filter: grayscale(100%); }


   /*MENU */
   .fullscreen { width: 100%; position: fixed; background-size: cover; height: 100vh; top: 0; right:0px; transition: all 0.5s; z-index: 999; opacity: 0; pointer-events: none; }
   .fullscreen.active { opacity: 1; pointer-events: all; }
   .fullscreen:after { content: ""; position: absolute; right: 100%; top:0px; width: 100vw;display: none; height: 100%; background: rgba(0,0,0,0.6); transition: all 0.4s; backdrop-filter: blur(3px); }
   .fullscreen.active:after { display: block; }
   .fullscreen { background: linear-gradient(to bottom, rgba(0,0,0,1) 5%,rgba(10,13,17,1) 16%,rgba(50,66,86,1) 38%,rgba(69,94,110,1) 50%,rgba(107,148,158,1) 80%); }
   .fullscreen .container { width: 100%; }
   .fullscreen.active .close { position: absolute; right: 100px; top: 50px; width: 30px; height:30px; z-index: 9; opacity: 1; }
   .fullscreen .close img { width: 30px; filter: brightness(1) invert(1); }
   .fullscreen.active .close::before { transform: rotate(45deg); }
   .fullscreen.active .close:after { transform: rotate(-45deg); }
   .fullscreen.active { right: 0px; transition: all 0.8s; }
   
   .hamburger { display: flex; flex-direction: column; grid-gap: 6px; justify-content: center; width: 30px; height: 35px; }
   .hamburger span { width: 30px; height: 2px; background: var(--black); text-align: right; margin-left: auto; display: inline-flex; transition: all 0.5s; border-radius: 5px }
   .hamburger span:nth-child(1) { width: 25px; height: 2px; }
   .hamburger span:nth-child(3) { width: 18px; height: 2px; } 
   
   .hamburger.active { grid-gap: 0 }
   .hamburger.active span:nth-child(2) { display: none}
   .hamburger.active span:nth-child(1) { transform: rotate(48deg); margin-top: 2px; transform-origin: center; }
   .hamburger.active span:nth-child(3) { transform: rotate(-48deg); transform-origin: center; }
   
   /*MENU HOVER EFFECT*/
   .hamburger--content ul li .link { position: relative; }
   
   /* custom dropdown */
   .custom-dropdown .dropdown-submenu { display: none }
   .custom-dropdown .dropdown-submenu li a { font-size: 20px; }
   .custom-dropdown .dropdown-submenu li:hover a { color:#aecb0a; }
   .custom-dropdown .dropdown-submenu li:last-child { padding-bottom: 0px; } 
   .custom-dropdown .dropdown-submenu li { border-bottom: 1px solid rgb(var(--yellow) / 10%); }
   .custom-dropdown .dropdown-submenu li { padding: 20px 0px }
   .custom-dropdown .drop-btn { position: relative; }
   .custom-dropdown .drop-btn .svg { width: 15px; position: absolute; right: 0px; top:50%; transform: translateY(-50%); height: 15px; transition: all 0.3s }
   .custom-dropdown.active .drop-btn .svg { transform: rotate(180deg); }
   .fullscreen.active .hamburger-content ul>li .dropdown-submenu ul li { animation: none }
   
   
   /* BANNER */
   .banner { position: relative; width: 100%; overflow: hidden; flex: 1; height: 100%; background:var(--black) }
   .banner .banner--img , .banner .banner--video { width: 100%; height: 100vh; position: relative; }
   .banner .banner--video { background: #000000; }
   
   .banner .banner--video video { width: 105%; height: 105%; object-fit: cover; }
   .banner-slider { height: 100%; }
   .banner .banner--img img { width: 105%; height: 105%; object-fit: cover; }
   .banner-slider .swiper-slide .banner--content { width: 100%; text-align: left; position: absolute; top: 50%; margin-top: 50px; transform: translateY(-50%); left: 0px; opacity: 1; transition-delay: 3s; }
   .banner-slider .swiper-slide.swiper-slide-active .banner--content { opacity: 1; }
   
   .banner-slider .swiper-slide .banner--content .banner--text { width: 60%; opacity:1; transition: all 0.3s; }
   .banner-slider .swiper-slide .banner--content .banner--text .title { font-size: 64px; line-height: 1.2; margin-bottom: var(--s-30); color:var(--white); font-weight: 300; transition: var(--all-slow); }
   .banner-slider .swiper-slide .banner--content .banner--text p { color: rgba(255,255,255,0.6); font-size: 26px; font-weight: 300; margin-bottom: 30px; width: 80%; transition: var(--all-slow); }
   .banner-slider .swiper-slide .banner--content .subtitle { font-size: 25px; font-weight: 200; text-transform: capitalize; line-height: 1.4; margin-bottom: 40px; }
   .banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text { opacity: 1; }
   .banner-slider .swiper-slide .banner--content .banner--text .button { margin-top: 10px; transition: var(--all-slow); }

   .banner-slider .swiper-slide .banner--content .banner--text p,
   .banner-slider .swiper-slide .banner--content .banner--text .title,
   .banner-slider .swiper-slide .banner--content .banner--text .button { transform: translateX(-50%); opacity: 0; }

   .banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text p, .banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text .title, .banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text .button { animation: slide-in-animation 1s ease-out forwards; }
   .banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text .title { animation-delay: 0.5s; }
   .banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text .button { animation-delay: 1s; }
   .banner-slider .swiper-slide.swiper-slide-active .banner--content .banner--text p { animation-delay: 0.7s; }
   
   @keyframes slide-in-animation {
      0% {
        transform: translateX(-50%); 
                opacity: 0;
      }
      100% {
        transform: translateX(0);
        opacity: 1;
      }
    }

   .banner-slider .swiper-slide { transition: transform 1s ease-out, opacity 1s ease-out; }
   .swiper-pagination { bottom: 300px!important; width: auto; max-width: fit-content; white-space: nowrap; }
   .swiper-pagination-bullet { width: 14px; height: 4px; margin-left: 15px!important; margin-right: 0px!important; border-radius: 10px; background:var(--white); opacity: 0.3; }
   .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
   
   .swiper--btn--grp .swiper-button-next, .swiper--btn--grp .swiper-button-prev, .swiper--btn--grp .swiper-pagination { position: static; }
   .swiper--btn--grp .swiper-button-next, .swiper--btn--grp .swiper-button-prev { margin: 0px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; }
   .swiper--btn--grp { display: flex; align-items: center; justify-content: flex-end; position: absolute; right: 110px; bottom: 140px; }
   .swiper--btn--grp .swiper-button-next .svg, .swiper--btn--grp .swiper-button-prev .svg { width: 10px; height: auto; }
   .banner .banner .swiper-pagination-total { color: var(--white); margin: 0px 25px; }
   .banner .swiper-pagination { left: unset; bottom: unset; right: 120px; writing-mode: vertical-rl; top: 50%; transform: translateY(-50%); color: var(--white); }
   .banner .swiper-pagination span { font-size: 14px; font-weight: 300; color: var(--white); letter-spacing: 2px; margin: 7px 0px; }
   
   /* about section */
   .about--section { position: relative; background: linear-gradient(135deg,  rgba(255,0,44,1) 0%,rgba(136,0,84,1) 22%,rgba(0,20,94,1) 65%,rgba(1,53,232,1) 100%); }
   .about--overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,0.7); }
   .about--section p { color: rgba(255,255,255,0.8); }
   
   .about--section .section--title { margin-bottom: 15px; }
   .about--section .about-img { height: 100%; width: auto; }
   .about--section .about-img .svg { width: auto; height: 100%; }
   .about--section .about-img svg path { stroke-dasharray: 1000; stroke-dashoffset: 1000; }
   
   /* Shipping section */
   .shipping--section { padding: 48px 0px; position: relative; background: linear-gradient(135deg,  rgba(255,0,44,1) 0%,rgba(136,0,84,1) 22%,rgba(0,20,94,1) 65%,rgba(1,53,232,1) 100%); }
   .shipping--section:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
   .shipping--section .shipping--list { display: grid; grid-template-columns: repeat(4, 1fr); }
   .shipping--section .shipping--list li { letter-spacing: 1px; display: flex; flex-direction: column; justify-content: flex-start; text-align: center; color: rgba(255,255,255,0.8); font-size: 22px; line-height: 1.3; }
   .shipping--section .shipping--list li .shipping--icon { height: 70px; width: auto; margin-bottom: 15px; display: inline-flex; justify-content: center; }
   .shipping--section .shipping--list li span .svg { height: 100%; width: auto; }
   .shipping--section .shipping--list li p:last-child { margin-bottom: 0px; }
   .shipping--section .shipping--list li p { font-size: 16px; }

   .shipping--section .shipping--list { grid-template-columns: repeat(3, 1fr); gap:150px; }
    .shipping--description{ padding-top:10px; display: flex; align-items: center; flex: 0 0 auto; color: rgba(255, 255, 255, 0.6); text-transform: none; }
   
   /* Collection section */
   .collection--sec { background: #202020; }
   .collection--bx { width: 100%; height: auto; aspect-ratio: 0.7; overflow: hidden; position: relative; background: var(--black); }
   .collection--bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: var(--all-slow); }
   .collection--bx:hover img { transform: scale(1.2); }
   .collection--bx .collection--text { position: absolute; top: 0; left: 0; padding: 20px 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; transition: all 0.3s ease-in-out; }
   .collection--bx .collection--text .collection--title { text-transform: uppercase; text-align: center; transform: translateY(0px); color:var(--white); font-size: 24px; }
   .collection--bx .collection--text .collection--desc--text { opacity: 0; height: 0px; visibility: hidden; text-align: center; transform: translateY(20px); transition: all 0.5s ease-in-out; }
   .collection--bx:hover .collection--text .collection--title { transform: translateY(-10px); }
   .collection--bx:hover .collection--text { justify-content: center; }
   .collection--bx:hover .collection--text .collection--desc--text { opacity: 1; height: auto; transform: translateY(0); visibility: visible; }
   .collection--bx .collection--text .link--btn { justify-content: center; }
   .collection--bx .collection--text:before { z-index: 0; content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(180deg,  rgba(255,0,44,1) 0%,rgba(136,0,84,1) 22%,rgba(0,20,94,1) 64%,rgba(26,0,142,1) 91%,rgba(2,5,209,1) 100%); opacity: 0; transition: var(--all-medium); }
   .collection--bx:hover .collection--text:before { opacity: 0.75; }
   
   /* category section */
   .category--section { background: #202020; margin-top: -1px; }
   .category--bx { width: 100%; height: 100%; aspect-ratio: 0.95; overflow: hidden; position: relative; background: var(--black); }
   .category--bx img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: var(--all-slow); }
   .category--bx:hover img { transform: scale(1.2); }
   .category--bx:hover img { width: 100%; height: 100%; filter: grayscale(0%); }
   
   .category--bx .category--text { position: absolute; top: 0; left: 0; z-index: 1; padding: 20px 0px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; transition: all 0.3s ease-in-out; }
   .category--bx .category--text .category--title { text-transform: uppercase; text-align: center; color:var(--white); font-size: 24px; }
   .category--bx:before { z-index: 1; content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(180deg,  rgba(255,0,44,1) 0%,rgba(136,0,84,1) 22%,rgba(0,20,94,1) 64%,rgba(26,0,142,1) 91%,rgba(2,5,209,1) 100%); opacity: 0; transition: var(--all-medium); }
   .category--bx:hover:before { opacity: 0.65; }
   
   /* blog section */
   .blog--section { background: #202020; display: block; margin-top: -1px; }
   .blog--section .blog---row { --bs-gutter-x: 25px; --bs-gutter-y: 60px; }
   .blog--section .blog--title--grp { margin-bottom: var(--s-50); }
   .blog--section .blog--title--grp .btn--grp { text-align: right; display: flex; justify-content: flex-end; font-size: 14px; }
   .blog--section .blog--title--grp .row { align-items: center; }
   .blog--bx { width: 100%; }
   .blog--bx .blog--img { width: 100%; height: auto; aspect-ratio: 1.3; margin-bottom: 25px; transition: var(--all-medium); overflow: hidden; position: relative; }
   .blog--bx:hover .blog--img { transform: scale(0.90); }
   .blog--bx .blog--img img { transition: var(--all-medium); }
   .blog--bx:hover .blog--img img { transform: scale(1.1); }
      
   .blog--bx .blog--img .blog--date { font-size: 12px; color: var(--white); font-weight: 300; text-transform: uppercase; margin-bottom: 0px; position: absolute; left: 20px; bottom: 20px; }
   .blog--bx .blog--text--grp .blog--title { text-transform: none; font-size: 26px; font-weight: 300; color: var(--white); margin-bottom: 12px; font-family: "Outfit", serif; }
   .blog--bx .blog--text--grp p { color: rgba(255,255,255,0.7); margin-bottom: 20px; }
   .blog--bx .blog--text--grp p:last-child { margin-bottom: 0px; }
   .blog--bx .link--btn  span { text-transform: none; }
   .blog--bx .link--btn { display: none; }
   
   /* instgram */
   .instagram--section { background:#202020; margin-top: -1px; }
   .instagram--section .instagram--list { display: grid; grid-template-columns: repeat(5, 1fr); }
   .instagram--section .section--title { justify-content: center; font-size: 18px; text-align: center; margin-bottom: var(--s-30); letter-spacing: 4px; }
   .instagram--section .section--title .svg { width: 15px; margin-right: 5px; height: auto; }
   .instagram--list li a { width: 100%; height: auto; aspect-ratio: 1; overflow: hidden; background: var(--white); position: relative; }
   .instagram--list li a .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.5); opacity: 0; transition: var(--all-medium); }
   .instagram--list li a .overlay .svg { width: 20px; height: auto; }
   .instagram--list li a:hover .overlay { opacity: 1; }
   .instagram--list li { display: flex; }
   .instagram--list li a img { width: 100%; transform: scale(1.02); height: 100%; object-fit: cover; transition: var(--all-medium); }
   .instagram--list li a:hover img { transform: scale(1.05); opacity: 0.8; }
   
   /* footer */
   footer { position: relative; margin-top: -1px; overflow: hidden; }
   .footer--overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0,0,0,0.7); }
   #gradient-canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; --gradient-color-1: #000000; --gradient-color-2: #b60321; --gradient-color-3: #880054; --gradient-color-4: #061016; --gradient-color-5: #00145e; z-index: 0; opacity: 1; transition: var(--all-medium); pointer-events: none; }
   footer .footer--logo { width: 180px; margin-bottom: var(--s-30); display: inline-block; }
   footer .footer--logo img { width: 100%; height: auto; }
   footer .footer--div p { font-size: 18px; width: 90%; }
   
   footer .footer--title { font-size: 18px; color: var(--white); letter-spacing: 2px; margin-bottom: var(--s-30); font-weight: 400; } 
   footer .footer--div .footer--link li a { display: inline-block; margin-bottom: 6px; font-size: 16px; font-weight: 100; color: rgba(255,255,255,0.5); padding-bottom: 1px; position: relative; transition: var(--all-medium); }
   footer .footer--div .footer--link li a:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: rgba(255,255,255,0.8); transition: var(--all-medium); }
   footer .footer--div .footer--link li a:hover:before { width: 100%; }
   footer .footer--div .footer--link li a:hover { opacity: 0.9; }
   footer .footer--div .footer--link li:last-child a { margin-bottom: 0px; }

   footer .newsletter--bx { padding-right: 100px; }
   footer .newsletter--bx  .input-group { border:1px solid #b7b7b7; height: 50px; display: flex; align-items: center; margin-bottom: 15px; flex-wrap: nowrap; } 
   footer .newsletter--bx  .input-group .form-control { border:0px; height: 100%; display: flex; font-weight: 100; align-items: center; padding: 15px 20px; background: transparent; font-size: 16px; color:var(--white); } 
   footer .newsletter--bx  .input-group .input-group-text { height: 100%; border:0px; background: transparent; cursor: pointer; } 
   footer .newsletter--bx  .input-group .input-group-text .svg { width: 9px; height: auto; }
   footer .newsletter--bx .small--note { font-size: 14px; color: rgba(255,255,255,0.5); }

   .social--link { display: flex; align-items: center; }
   .social--link li a { padding-right: 20px; margin-right: 10px; }
   .social--link li a .svg { transition: var(--all-medium); height: 17px; width: auto; }
   .social--link li a:hover .svg { opacity: 0.6; }
   .social--link li:last-child a { margin-right: 0px; }
   
   footer .section--title { margin-bottom: var(--s-50); }
   footer .footer--bottom { padding: 24px 0px; margin-top: 100px; position: relative; border-top: 1px solid rgba(255,255,255,0.2); }
   footer .footer--bottom .design--text--grp { display: flex; }
   footer .footer--bottom .design--text--grp .designby-text { position: relative; padding-left: 20px; margin-left: 20px; }
   footer .footer--bottom .design--text--grp .designby-text:before { content: ""; position: absolute; left: 0px; height: 20px; top: 50%; transform: translateY(-50%); background: rgba(239,234,226,0.20); width: 1px; }
   footer .footer--bottom .design--text--grp p, footer .footer--bottom .design--text--grp p a,    footer .footer--bottom .design--text--grp p span { font-size: 14px; font-weight: 100; color:rgba(255,255,255,0.5); margin-bottom: 0px; }
   .footer--bottom p a:hover { opacity: 0.5; }

   footer .footer--bottom .payment--method { display: flex; justify-content: flex-end; }
   footer .footer--bottom .payment--method li { margin-left: 20px; }
   footer .footer--bottom .payment--method li a .svg { height: 22px; width: auto; }

   footer .footer--icon--grp { display: flex; flex-shrink: 0; position: relative; z-index: 1; margin-bottom: -100px; margin-top: 50px; }
   footer .footer--icon--grp .footer--icon { width: 100%; display: flex; flex: 0 0 auto; }
   footer .footer--icon--grp .footer--icon .svg { width: 100%; height: auto; }

/* SHOP PAGE  */
.inner--banner { position: relative; padding-top: 135px; padding-bottom: 20px; overflow: hidden;  background: linear-gradient(135deg, rgba(255, 0, 44, 1) 0%, rgba(136, 0, 84, 1) 22%, rgba(0, 20, 94, 1) 65%, rgba(1, 53, 232, 1) 100%); }
.inner--banner .inner--page--bg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; }
.inner--banner .inner--page--bg img { height: calc(100% + 70px); }
.inner--banner .inner--page--text { padding-top: 70px; }
.inner--banner .inner--page--text  .inner--page--title { margin-bottom: 30px; font-size: 45px; }

.plain--banner .banner--overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); }
.plain--banner.inner--banner { text-align: center; padding-bottom: 50px; }
.plain--banner .breadcrumb { justify-content: center; margin-bottom: 0px; }

.breadcrumb li, .breadcrumb li a { font-size: 14px; color: rgba(255, 255, 255, 0.5); transition: var(--all-medium); font-weight: 300; font-family: var(--outfit); }
.breadcrumb li a:hover { color: rgba(255, 255, 255, 1); }

.product--card { position: relative; overflow: hidden; }
.product--card  .action--wrapper { position: absolute; top: 15px; right: -100%; transition: var(--all-medium);z-index: 11; }
.product--card:hover  .action--wrapper { right: 15px; }
.product--card  .action--wrapper span { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.product--card  .action--wrapper span button { border: 0px; background: transparent; }
.product--card  .action--wrapper span button img { height: auto; }
.product--card--img { background: var(--white); transition: var(--all-medium); aspect-ratio: 0.8; }
.product--card--img img { width: 100%; height: 100%; }
.product--card--img-wrapper { position: relative; transition: var(--all-medium); margin-bottom: 5px; }
.product--card--img:hover { transform: scaleX(0.98) scaleY(0.99); }
.product--card--img-wrapper:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background: linear-gradient(135deg,  rgba(255,0,44,1) 0%,rgba(136,0,84,1) 22%,rgba(0,20,94,1) 65%,rgba(1,53,232,1) 100%); z-index: -1; }
.product--card del .woocommerce-Price-amount, .product--card del .woocommerce-Price-currencySymbol, .product--card del { color: #77767a; }
.product--card .woocommerce-Price-amount, .product--card .product--price { font-size: 16px; font-weight: 300; }
.product--card .product--name { font-size: 20px; font-weight: 300; }

.a2a_kit a img { filter: invert(1) brightness(0.8); width: 20px; height: auto; }
.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider:not(.slick-initialized)>div { margin-right: 20px!important; width: 130px!important; }
.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-thumbnail-slider { margin-top: 20px!important; }
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.current-thumbnail { background: linear-gradient(135deg,  rgba(255,0,44,1) 0%,rgba(136,0,84,1) 22%,rgba(0,20,94,1) 65%,rgba(1,53,232,1) 100%); }
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image div { transition: var(--all-medium); border: 3px solid transparent}
.woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.current-thumbnail div { transform: scale(0.98); border: 3px solid #202020 }

.pswp__caption__center { text-align: center; }
.woocommerce-notices-wrapper.add--to--cart--notice { background: #202020; width: 450px; padding: 40px 40px; }
.woocommerce-notices-wrapper.add--to--cart--notice .woocommerce-message { text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.woocommerce-notices-wrapper.add--to--cart--notice .woocommerce-message .button { background: var(--white); margin-top: 15px; }
.woocommerce-notices-wrapper.add--to--cart--notice .woocommerce-message .button:hover { background: transparent; }

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background-color: #012192!important; }

 /* size chart modal  */
 .modal-backdrop.show { opacity: 0; pointer-events: none; }
 .modal.size--chart { background: rgba(0,0,0,0.75); }
 .size--chart .modal-content { background: rgba(255,255,255,1); padding: 30px 30px; position: relative; }
 .size--chart .modal-content .btn-close { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
 .size--chart .modal-body { padding: 0px; }
 .size--chart .modal-title { font-size: 22px; color: var(--black); font-weight: 600; margin-bottom: 25px; }
 .size--chart .modal-dialog { max-width:1050px; }
 .size--chart .nav-pills { display: flex; gap: 20px; border: 0px; }
 .size--chart .nav-pills li { flex: 1; }
 .size--chart .nav-pills li .nav-link { display: block; border: 0px; padding: 12px 10px; background: #f2f2f2; width: 100%; border-radius: 0px; transition: var(--all-medium); font-size: 16px; color: var(--black); font-weight: 500; }
 .size--chart .nav-pills li .nav-link.active { background: rgba(136,0,84,1) ; color: var(--white); }

 .size--chart .sub--tab { display: flex; padding-top: 0px; padding-bottom: 25px; flex-wrap: wrap; gap: 20px; }
 .size--chart .sub--tab li { flex: 0 0 auto; background: #f2f2f2; }
 .size--chart .sub--tab { border: 0px; }
 .size--chart .nav-tabs .nav-item.show .nav-link,  .size--chart .nav-tabs .nav-link.active { border: 0px; }
 .size--chart .sub--tab li .nav-link { padding: 10px; background: transparent; font-weight: 300; font-size: 16px; color: var(--black); border:0px; border-radius: 5px; padding: 8px 20px; }
 .size--chart .sub--tab li .nav-link.active { background:rgba(136,0,84,1); color: var(--white); }
 .size--chart .tab--sub--title { font-size: 18px; color: var(--black); text-transform: uppercase; font-family: var(--outfit); margin-bottom: 20px; }
 .size--chart .sub--tab--content .tab-pane { overflow-y: scroll; max-height: 45vh; }
 .size--chart .measure--info p { color: var(--black); margin-bottom: 15px; font-size: 16px; }
 .size--chart .measure--info p:last-child { margin-bottom: 0px; }
 .size--chart .line { display: block; width: 100%; height: 1px; background: #d3d3d3; margin: 20px 0px 30px 0px; }
 
 .unit-toggle { display: flex; margin-bottom: 20px; }
 .calculater--div .unit-toggle button { width: auto; transition: var(--all-medium); margin-right: 20px; text-transform: uppercase; border:0px; box-shadow: none; outline: none; padding-left: 22px; position: relative; display: flex; align-items: center; justify-content: center; background: transparent; color:var(--black); font-size: 16px; font-weight: 400; margin-top: 0px; transition: var(--all-medium); }
 .calculater--div .unit-toggle button:before { content: ""; transition: var(--all-medium); position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.5); }
 .calculater--div .unit-toggle button.active:before { background: #880054; border-color: #880054; }
.calculater--div { max-width:100%; padding: 25px 25px 30px 25px; border: 1px solid #ddd; border-radius: 5px }
.size-result { font-weight: bold; margin: 0px; color: #000000; font-family: "Outfit", serif; margin-top: 5px; }
.calculater--div .form-group { margin-bottom: 0px; }
.calculater--div .form-group label { color: var(--black); margin-bottom: 10px; }
.calculater--div .form-group .form-control { border: 1px solid rgba(0,0,0,0.2); color:#000000; }
.calculater--div button { background: rgba(136,0,84,1); width: 100%; margin-top: 30px; border: 1px solid rgba(136,0,84,1); }
.calculater--div button span { color: var(--white); }
.calculater--div button:hover span { color: var(--black); }

.btn-close:focus { box-shadow: none; }
.btn-close { background-size: 15px; }

/* brand page  */
.Ceo--group-sec { position: relative; padding: 200px 0px 200px 0px; overflow: hidden; }
.ceo--group--bg { position: absolute; left: 0px; top:0px; width: 100%; height: 100%; z-index: -1; }
.ceo--group--bg img { object-position: left center; }
.ceo--group--bg .container-fluid { position:  relative; z-index: 1; }
.ceo--group--bg:before { content: ""; position: absolute; opacity: 0.2; left: 0px; top:0px; width: 100%; height: 100%; background: linear-gradient(to right,  rgba(255,0,44,0) 0%,rgba(255,0,44,0.57) 57%,rgba(136,0,84,0.74) 74%,rgba(0,20,94,0.86) 86%,rgba(1,53,232,1) 100%); }
.brand--svg { position: absolute; top: 0px; right: -80px;  width: auto; height: 600px; min-height: 100%; text-align: right; z-index: -1; }
.brand--svg .svg { width: auto; height: 100%; }
.brand--svg svg path { stroke-dasharray: 2000;  stroke-dashoffset: 2000; }

.team--cont .ceo--group--bg2 { display: none; }

.Ceo--group-sec .brand--info { position: relative; margin-left: 100px; margin-right: 50px; }
.Ceo--group-sec .brand--info .section--title { margin-bottom: 25px; }
.Ceo--group-sec .brand--info p { margin-bottom: 15px; }
.Ceo--group-sec .brand--info p:last-child { margin-bottom: 0px; }


.ceo--slider { opacity: 0; margin-left: 100px; margin-bottom: -180px;  background: rgba(27,24,24,0.4); backdrop-filter: blur(21px); border-radius: 80px; border-top-left-radius: 0px; transition: var(--all-medium); }
.ceo--slider.active { opacity: 1; }
.ceo--slider .swiper-slide { opacity: 0!important; transition: var(--all-medium); }
.ceo--slider .swiper-slide.swiper-slide-active { opacity: 1!important; }
.ceo--slider .ceo--text--cont { width: 100%; padding: 45px 70px; }
.ceo--slider .ceo--text--cont .ceo--name--grp { border-left: 2px solid #FF002C; padding-left: 15px; }
.ceo--slider .ceo--text--cont .ceo--name--grp .ceo--name { font-size: 18px; font-family: var(--outfit); margin-bottom: 0px; }
.ceo--slider .ceo--text--cont .ceo--name--grp .designation { font-size: 12px; font-weight: 300; }
.ceo--thumb--slider { width: 100%; height: 100%; }
.ceo--thumb--slider .swiper-slide .ceo--thumb { background: rgba(0,0,0,0.3); transition: var(--all-medium); display: inline-flex; padding: 0.5px; backdrop-filter: blur(1px); border: 1px solid transparent;
   border-image: url(../images/border-img.png) 30 stretch;  }
.ceo--slider .ceo--text--cont .close-slide { opacity: 0; transition: all 0.3s; position: absolute; top: 20px; cursor: pointer; right: 30px; width: 40px; height: 40px; padding: 12px; display: flex; align-items: center; justify-content: center; }
.ceo--slider .ceo--text--cont:hover .close-slide { opacity: 1; }
.close-slide .svg { width: 100%; height: auto; object-fit: contain; }
.close-slide svg path { fill: var(--white); }
.ceo--thumb--slider .swiper-slide .ceo--thumb .ceo--thumb--inner { padding: 5px 12px; display: flex; align-items: center; flex: 0 0 auto; font-size: 14px; color: rgba(255,255,255,0.6); }
.ceo--thumb--slider .swiper-slide .ceo--thumb .ceo--thumb--inner span { width: 6px; height: 6px; border-radius: 50%; margin-left: 6px; background: #D9D9D9; display: inline-flex;   animation: fadeIn 0.8s infinite alternate; }
@keyframes fadeIn { 
   from { opacity: 0; } 
 }
 .ceo--thumb--slider .swiper-slide.swiper-slide-thumb-active .ceo--thumb .ceo--thumb--inner span { animation: none; }

.ceo--thumb--slider .swiper-slide.two .ceo--thumb .ceo--thumb--inner, .ceo--thumb--slider .swiper-slide.one .ceo--thumb .ceo--thumb--inner { flex-direction: row-reverse; }
.ceo--thumb--slider .swiper-slide.two .ceo--thumb .ceo--thumb--inner span, .ceo--thumb--slider .swiper-slide.one .ceo--thumb .ceo--thumb--inner span { margin-left: 0px; margin-right: 6px; }

.ceo--thumb--slider .swiper-slide { width: auto!important; position: absolute; height: auto!important; cursor: pointer; }
.ceo--thumb--slider .swiper-slide.swiper-slide-thumb-active .ceo--thumb { background: rgba(0,0,0,0.75) }
.ceo--thumb--slider { position: relative; height: 350px; margin-bottom: 50px; }
.ceo--thumb--slider .swiper-slide.one { right: 120px; top: 46px; }
.ceo--thumb--slider .swiper-slide.two { left: 210px; top: 40px; }
.ceo--thumb--slider .swiper-slide.three { right:65px; top: 61%; }
.ceo--thumb--slider .swiper-slide.four { left: 244px; bottom: 60px; }

.antomy--section { background: linear-gradient(135deg, rgba(255, 0, 44, 1) 0%, rgba(136, 0, 84, 1) 22%, rgba(0, 20, 94, 1) 65%, rgba(1, 53, 232, 1) 100%); position: relative; }
.antomy--section .overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); }

.brand--feature { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.brand--feature .feature--img--shape { width: 400px; display: inline-block; margin-bottom: 10px; }
.brand--feature1 .feature--img--shape { margin-left: 35px; }
.brand--feature2 .feature--img--shape { margin-left: -25px; }
.feature--img--shape svg .shape { fill: transparent; }
.feature--img--shape svg { width: 100%; }
.brand--feature p:last-child { margin-bottom: 0px; }

.logo--drawing { width: 100%; margin-bottom: 20px; }
.logo--drawing svg { width: 100%; }
.logo--drawing svg path { stroke: transparent; }

/* blog detail  */

.blog--detail--page { background: #1E1E1E; }
.blog--detail--page p { color: rgba(255, 255, 255, 0.7); font-size: 18px; }
.blog--detail--page p span { color: rgba(255, 255, 255, 1); font-weight: 400; }
.blog--detail--page h4, .blog--detail--page h1, .blog--detail--page h2, .blog--detail--page h3, .blog--detail--page h5, .blog--detail--page h6 { font-size: 34px; margin-top: 20px; }
.blog--detail--page .blog--detail--row1 { background: #121212;  padding: 35px 35px 35px 70px; margin-bottom: 30px; }
.blog--detail--page .blog--detail--row1 h3 { line-height: 1.5; color: rgba(255, 255, 255, 0.5); }
.video--div { width: 100%; margin: 30px 0px; height: 600px; overflow: hidden; }
.video--div .img--bx { height: 100%; }

.blog--detail--page .new--collection--blog { margin-top: 70px; margin-bottom: 70px; }
.blog--detail--page .new--collection--blog h3, .blog--detail--page .new--collection--blog h2, .blog--detail--page .new--collection--blog h4, .blog--detail--page .new--collection--blog h5, .blog--detail--page .new--collection--blog h6 { font-size: 24px; }
.blog--detail--page .new--collection--blog h3 a, .blog--detail--page .new--collection--blog h2 a, .blog--detail--page .new--collection--blog h4 a, .blog--detail--page .new--collection--blog h5 a, .blog--detail--page .new--collection--blog h6 a { text-decoration: underline; text-underline-offset: 3px; font-family: "Aboreto", serif; font-weight: 400; }
.blog--detail--page .blog--share { display: flex; align-items: center; }
.blog--detail--page .blog--share .blog--line { display: flex; flex: 1; height: 1px; width: 100%; background: rgba(255, 255, 255, 0.5); }
.blog--detail--page .blog--share .social--link li { text-transform: uppercase; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.blog--detail--page .blog--share .social--link li:first-child { margin-right: 20px; }

.blog--detail--page .blog--btn--grp { display: flex; align-items: center; justify-content: space-between; margin-top: 70px; }
.blog--detail--page .blog--btn--grp a { display: inline-flex; border: 1px solid var(-white); }

/* privacy policy modal  */
.privacy--modal .modal-body { padding: 30px; }
.privacy--modal .modal-dialog { max-width: 920px; }
.privacy--modal .modal-content { position: relative; }
.privacy--modal .privacy--title { font-size: 32px; margin-bottom: 30px; margin-top: 0px; }
.privacy--modal h1, .privacy--modal h2, .privacy--modal h3, .privacy--modal h4, .privacy--modal h5, .privacy--modal h6 { font-size: 22px; margin-top: 25px; margin-bottom: 15px; color: var(--black); font-family: "Outfit", serif; }
.privacy--modal p { margin-bottom: 15px; }
.privacy--modal p, .privacy--modal p a, .privacy--modal a { font-size: 15px; color:var(--black); font-weight: 300; }
.privacy--modal p b, .privacy--modal p strong, .privacy--modal strong  { font-weight: 500; color: var(--black); }
.privacy--modal ul { padding-left: 20px; margin-bottom: 20px; }
.privacy--modal ul li { font-size: 15px; list-style: disc; list-style-position: outside; margin-bottom: 5px; color: var(--black); font-weight: 300; }
.privacy--modal ul li:last-child { margin-bottom: 0px; }
.privacy--modal .btn-close { width: 30px; height: 30px; padding: 5px; box-sizing: border-box; background: none;  display: flex; align-items: center; justify-content: center; position: absolute; right: 10px; top: 10px; opacity: 0.7; z-index: 11; cursor: pointer; }
.privacy--modal .btn-close img { width: 100%; height: 100%; }
.privacy--modal ul ul { padding-left: 0px; }

.product-description .size-selection .product-attributes-dropdown { width: 100px;     appearance: none; /* Hides default arrow */ -webkit-appearance: none; -moz-appearance: none; background: url('../images/icons/down-arrow-white.svg') no-repeat right 7px center; background-size: 8px; }
.product-description .size-selection.pa_band-size { width: auto; display: inline-flex; float: left; vertical-align: top; }
.product-description .size-selection.pa_cup-size { width: auto; display: inline-flex; vertical-align: top; margin-left: 15px; }

.contact--info--left { position: relative; }
.contact--info--left .section--title { font-size: 80px; }
.contact--info--left .contact--arrow { width: 100px; height: auto; margin-left: auto; margin-right: 150px; }
.contact--info--left .contact--arrow img { height: auto; object-fit: contain; }
.contact--info--left .bg--color { position: absolute; bottom: -120px; left: 20%; width: 570px; height: auto; z-index: -1; }
.contact--info--left .bg--color img { width: 100%; height: auto; }

.contact--info--right .contact--info { display: flex; align-items: center; margin-bottom: var(--s-50); flex-wrap: wrap; }
.contact--info--right .contact--info > li { padding-right: 30px; margin-right: 30px; position: relative; display: flex; align-items: center; }
.contact--info--right .contact--info > li:last-child { padding-right: 0px; margin-right: 0px; }
.contact--info--right .contact--info > li:after { content: ""; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background: #303030; }
.contact--info--right .contact--info > li:last-child:after { display: none; }
.contact--info--right .contact--info > li, .contact--info--right .contact--info > li a, .contact--info--right .contact--info > li span { font-size: 18px; color: var(--white); }
.contact--info--right .contact--info > li span { position: relative; }
.contact--info--right .contact--info > li span:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: var(--white); transition: var(--all-medium); }
.contact--info--right .contact--info > li span:hover:before { width: 100%; }
.contact--info--right .contact--info > li a img { width: 20px; height: auto; object-fit: contain; margin-right: 15px; }
.contact--info--right .contact--info > li .social--link li:first-child { margin-right: 20px; }
.contact--info--right .contact--info > li .social--link li a { margin-right: 0px; }
.contact--info--right .form--group { margin-bottom: 40px; }
.contact--info--right .form--group .form-control { padding: 10px 0px;  border: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.contact--info--right .form--group textarea.form-control { height: auto; }
.contact--info--right .sub--title { margin-bottom: 50px; font-size: 20px; }
.contact--info--right .btn--group { display: flex; justify-content: flex-end; }

.divider { width: 100%; height: 1px; background: rgba(255,255,255,0.3); display: block; }

.faq--row { --bs-gutter-x: 50px; }
.faq--section .section--title { text-transform: none; }
.faq--list li { position: relative; margin-bottom: 30px;  background: linear-gradient(135deg,  rgba(255,0,44,1) 0%,rgba(136,0,84,1) 22%,rgba(0,20,94,1) 65%,rgba(1,53,232,1) 100%); transition: var(--all-medium); }
.faq--list li .faq--wrap { padding-bottom: 20px; padding-right: 20px; position: relative; z-index: 1; background: #202020; border-bottom: 1px solid #363636; transition: var(--all-medium); }
.faq--list li.active .faq--wrap { border-bottom: 1px solid transparent; }
.faq--list li.active { padding-bottom: 1px; }
.faq--list li a { position: relative; font-size: 18px; color: rgba(255,255,255,0.5); display: flex; }
.faq--list li.active a { color: var(--white); }
.faq--list li a .icon { position: absolute; width: 12px; height: 12px; opacity: 0.8; top:5px; right: -10px; transform: rotate(-90deg); transition: var(--all-medium); }
.faq--list li.active a .icon { transform: none; right: -18px; top: -3px; }
.faq--list li a .icon .svg { width: 100%; height: auto; }
.faq--list li .text--box { display: none; margin-top: 15px; }
.faq--list li .text--box p { font-size: 15px; color: var(--white); font-weight: 200; }
.faq--list li .text--box p:last-child { margin-bottom: 0px; }

/* about us  */
.about--info--section p { font-size: 28px; }
.about--info--section p:last-child { margin-bottom: 0px; }
.team--section { background: linear-gradient(135deg, rgba(255, 0, 44, 1) 0%, rgba(136, 0, 84, 1) 22%, rgba(0, 20, 94, 1) 65%, rgba(1, 53, 232, 1) 100%); position: relative; }
.team--section .overlay { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); }

.team--bx { text-align: center; }
.team--bx .team--img { width: 100%; height: 500px; position: relative; margin-bottom: 20px; }
.team--bx .team--img .team--name { position: absolute; text-transform: uppercase; width: 100%; padding: 20px 10px; text-align: center; left: 0px; bottom: 0px; color: var(--white); font-size: 28px; }
.team--bx p { font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.3);  transition: var(--all-medium); margin-bottom: 15px; }
.team--bx .social--icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--white); border-radius: 50%; opacity: 0.5; transition: var(--all-medium); }
.team--bx .social--icon img { width: 20px; height: auto; object-fit: contain; }
.row.team--row { justify-content: space-between; }

.team--bx .team--img:before { z-index: 0; content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: linear-gradient(180deg, rgba(255, 0, 44, 1) 0%, rgba(136, 0, 84, 1) 22%, rgba(0, 20, 94, 1) 64%, rgba(26, 0, 142, 1) 91%, rgba(2, 5, 209, 1) 100%); opacity: 0; transition: var(--all-medium); }
.team--bx:hover .team--img:before { opacity: 0.3; }
.team--bx:hover p { color: var(--white); }
.team--bx:hover .social--icon { opacity: 1; }

.founder--bx { text-align: center; }
.founder--bx .founder--img { width: 100%; height: 400px; overflow: hidden; margin-bottom: 20px; }
.founder--bx .founder--img img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.founder--bx .founder--name { font-size: 32px; }
.founder--bx p { font-size: 16px; color: var(--white); margin-bottom: 0px; }
.founder--info .sign { width: 220px; height: auto; object-fit: contain; margin-top: 10px; }
.founder--info .section--title { margin-bottom: 25px; }

.wpcf7-not-valid-tip { font-size: 16px; font-weight: 300; }
.footer .wpcf7-not-valid-tip { position: absolute; font-size: 16px; bottom: -27px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-width: 1px!important; font-size: 18px; padding: 20px; }

.footer .wpcf7 form.invalid .wpcf7-response-output, .footer .wpcf7 form.unaccepted .wpcf7-response-output, .footer .wpcf7 form.payment-required .wpcf7-response-output { margin-left: 0px; margin-right: 0px; }


/* policy page  */
.default--page--row h1, .default--page--row h2, .default--page--row h3, .default--page--row h4, .default--page--row h5, .default--page--row h6 { font-size: 22px; margin-top: 25px; margin-bottom: 15px; color: var(--white); font-family: "Outfit", serif; font-weight: 300; }
.default--page--row p { margin-bottom: 20px; }
.default--page--row p, .privacy--modal p a, .privacy--modal a { font-size: 15px; color:var(--white); font-weight: 200; }
.default--page--row p b, .privacy--modal p strong, .privacy--modal strong  { font-weight: 400; color: var(--white); }
.default--page--row ul { padding-left: 20px; margin-bottom: 30px; }
.default--page--row ul li { font-size: 15px; list-style: disc; list-style-position: outside; margin-bottom: 5px; color: var(--white); font-weight: 200; }
.default--page--row ul li:last-child { margin-bottom: 0px; }
.default--page--row .btn-close { width: 30px; height: 30px; padding: 5px; box-sizing: border-box; background: none;  display: flex; align-items: center; justify-content: center; position: absolute; right: 10px; top: 10px; opacity: 0.7; z-index: 11; cursor: pointer; }
.default--page--row .btn-close img { width: 100%; height: 100%; }
.default--page--row ul ul { padding-left: 0px; }
.default--page--row ul:last-child { margin-bottom: 0px; }
.default--page--row b, .default--page--row strong { font-weight: 400; }

/* 404 page */
.error--bx--in { position: relative; text-align: center; padding: 60px 0px; }
.error--bx--in .error--no { font-size: 600px; font-family: 'ChopardLight'; color: rgb(103 101 101 / 20%); font-weight: 300; line-height: 1; margin-bottom: 0px; }
.header--space { width: 100%; height: 100px; }
.error--description { position: absolute; bottom: 100px; right: 100px; width: 40%; text-align: right; }
.error--description p { font-size: 32px; }

.filter-tab.mobile-filter-tab { display: none; }