/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family: Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button{ color: #222; -webkit-tap-highlight-color: transparent;}
input, textarea, select {width: 100%;}
html { font-size: 1em;line-height: 1.4;  } 

::-moz-selection { background: #e7e7e7; color: #000; text-shadow: none; outline: 0; }
::selection { background: #e7e7e7; color: #000; text-shadow: none; }
/* Misc defaults */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0;} 
textarea { resize: vertical;}

/* ==========================================================================
   Browser Upgrade
   ========================================================================== */

.browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;}
.browserupgrade a {color: #b81424;}  


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-size:16px; background-color:#fff;}
h1, h2 { margin:0; font-size: 1em;font-family: "Glorious-Regular";    font-weight: normal;}
h3, h4{margin:0; font-size: 1em;font-family: "Glorious-Regular";    font-weight: normal;}
h5,h6 { margin:0; font-size: 1em;font-family: "SFPro-Regular";    font-weight: normal;}
p{line-height:1.5em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.0em;color: #000;font-weight: 400;font-family:"SFPro-Light";}
a {text-decoration:none;outline:0; outline-color: rgba(0, 0, 0, 0);}
ul {list-style:none; padding:0; margin:0;}
img {max-width:100%; height:auto;width: 100%;}
input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);}
textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], select, button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
select > option {padding: 0; -moz-padding:0;}
::-webkit-input-placeholder{font-weight: 400;color: #000;}
:-moz-placeholder{font-weight: 400;color: #000;}
::-moz-placeholder{font-weight: 400;color: #000;}
:-ms-input-placeholder{font-weight: 400;color: #000;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none; 
margin: 0;
}

/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
 
/* ==========================================================================
                              text colors related
   ========================================================================== */
/* normal */
*{box-sizing:border-box;}
body {color:#000;font-family:"SFPro-Regular";overflow: hidden;}
body.loaded {overflow-x: hidden; overflow-y: auto;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
/* .clearfix: {*zoom: 1;} */
/*body{background: url(../bg//Attrarre1.jpg) no-repeat 0 0 /100% auto;padding-bottom: 1000px;}*/
@font-face {font-family:"Glorious-Regular";src:url("glorious/Glorious.otf");}
@font-face {font-family:"SFPro-Black";src:url("sfpro/SF-Pro-Display-Black.otf");}
@font-face {font-family:"SFPro-Bold";src:url("sfpro/SF-Pro-Display-Bold.otf");}
@font-face {font-family:"SFPro-Heavy";src:url("sfpro/SF-Pro-Display-Heavy.otf");}
@font-face {font-family:"SFPro-Light";src:url("sfpro/SF-Pro-Display-Light.otf");}
@font-face {font-family:"SFPro-Medium";src:url("sfpro/SF-Pro-Display-Medium.otf");}
@font-face {font-family:"SFPro-Regular";src:url("sfpro/SF-Pro-Display-Regular.otf");}
@font-face {font-family:"SFPro-Semibold";src:url("sfpro/SF-Pro-Display-Semibold.otf");}
@font-face {font-family:"SFPro-Thin";src:url("sfpro/SF-Pro-Display-Thin.otf");}
@font-face {font-family:"SuisseIntl Regular";src:url("suisse/SuisseIntl-Regular.ttf");}
@font-face {font-family:"SuisseIntl Medium";src:url("suisse/SuisseIntl-Medium.ttf");}
@font-face {font-family:"SuisseIntl Light";src:url("suisse/SuisseIntl-Light.ttf");}
@font-face {font-family:"SuisseIntl Book";src:url("Suisse-Intl-Book.ttf");}
@font-face {font-family:"SuisseIntl SemiBold";src:url("suisse/SuisseIntl-SemiBold.ttf");}
/* ==========================================================================
                             commoncode
   ========================================================================== */
.mob,.mob1,.mob2,.sldmnu{display: none;}

input.error, input.error ~ .drpdwn .efrm11, input.error ~ .drpdwn .expfrm11 {border: 1px solid #ff0000 !important;}
em.error {
font-size: 0.75em;
color: #ff0000;
}
#orimode{position:fixed;z-index:9999999;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.9);display:none}.oriprompt{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#fff;position:absolute;top:50%;left:0;right:0;padding:20px}.oriprompt{text-align:center;color:#fff}.oriprompt h3{color:#fff;text-transform:uppercase;font-size:1.6em}.oriprompt p{color:#fff;text-align:center;font-size:1em;}
.oriprompt img {width: auto;}
#overlay,#FlashmesOverlay{z-index:999999;align-items: center;justify-content: center;display: none;}
#overlay,#FlashmesOverlay{width:100%;height:100%;top:0;min-width:320px}
#overlay,#FlashmesOverlay{position:fixed}
#overlay,#FlashmesOverlay{background-color:rgba(0,0,0,.8)}
#message,#flashmessage{width:50%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:20px}
#message,#flashmessage{border-radius: 15px;background-color: #fff;}
#message,#flashmessage{font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 40px;background: #af5005;border-radius: 10px;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#message > p{font-size: 18px;line-height: 1.5em;}
#flashmessage > p {padding: 25px;font-size: 18px;line-height: 1.5em;}
@media only screen and (max-width: 600px){#message,#flashmessage{width: 90%;}}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape) {
#orimode {display: block;}
}
/* ==========================================================================
                              animation
   ========================================================================== */
a,.sldmnu,.logo,.hmbtn > a span,.hmbtn1 > a span,.hmptjcse61 > a span,.hmptjcse61 > a img,.eeffrm1 > input,.fotr3 > p > a.directn::after,.lfmsbt > input,.ceffrm1 > input,.calim2 > input,.jobsbt > input,.suble > input,.subtns,.intsbt > input{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.story3,.comptve41,.leathr-mainimg,.leathxz a,.wedo21,accesory31,.intlgncig{overflow: hidden;}
.story3:hover img,.comptve41:hover img,.leathr-mainimg:hover img,.leathxz a:hover img,.wedo21:hover img,accesory31:hover img,.intlgncig:hover img{transform: scale(1.05);}
.story3 img,.comptve41 img,.leathr-mainimg img,.leathxz a img,.wedo21 img,accesory31 img,.intlgncig img{transition: all 500ms ease-in-out;}


.hmbnercnt > h6{-webkit-transition: all 500ms ease-in-out 0.3s;-moz-transition: all 500ms ease-in-out 0.3s;-ms-transition: all 500ms ease-in-out 0.3s;-o-transition: all 500ms ease-in-out 0.3s;transition: all 500ms ease-in-out 0.3s;}
.hmbaner2 > h3,.hmbaner2  > h4{-webkit-transition: all 500ms ease-in-out 0.5s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 0.5 ) 0.5s;-ms-transition: all 500ms ease-in-out 0.5s;-o-transition: all 500ms ease-in-out 0.5s;transition: all 500ms ease-in-out 0.5s;}
.hmbaner2 > p{-webkit-transition: all 500ms ease-in-out 0.7s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 0.5 ) 0.7s;-ms-transition: all 500ms ease-in-out 0.7s;-o-transition: all 500ms ease-in-out 0.7s;transition: all 500ms ease-in-out 0.7s;}
.hmbtnz{-webkit-transition: all 500ms ease-in-out 0.9s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 0.5 ) 0.9s;-ms-transition: all 500ms ease-in-out 0.9s;-o-transition: all 500ms ease-in-out 0.9s;transition: all 500ms ease-in-out 0.9s;}
.hmbaner2 > h6,.hmbaner2 > h3,.hmbaner2 > h4,.hmbaner2 > p,.hmbaner2 > .hmbtnz{opacity: 0;transform: translateY(30px);}
.content.anmtr .hmbaner2 > h6,.content.anmtr .hmbaner2 > h3,.content.anmtr .hmbaner2 > h4,.content.anmtr .hmbaner2 > p,.content.anmtr .hmbaner2 > .hmbtnz{opacity: 1;transform: translateY(0px);}

.exnda1,.cbtn1,.sticn1{position: relative;z-index: 1;transition: all 500ms ease-in-out;}
.btnq:hover .exnda1,.subtns:hover .exnda1{color: #fff;}
.btnq:hover span.exnda2,.subtns:hover span.exnda2 {top: 51%;width: 100%;height: 98%;background-color: #000;border-radius: 0;right: 0;}
.cbtn:hover span.cbtn1{color: #af5005;}
.cbtn:hover span.cbtn2,a.quotebtn:hover span.sticn2 {top: 50%;width: 100%;height: 100%;background-color: #fff;border-radius: 0;right: 0;}
a.aqbtn:hover span.aqbtn1 {
    color: #111;
}
a.aqbtn:hover span.aqbtn2 {
    top: 50%;
    width: 100%;
    height: 99%;
    background-color: #fff;
    border-radius: 0;
    right: 0;
}
.pagetop > a:hover {
    background-color: #af5005;
}
button.owl-prev,button.owl-prev span,button.owl-next,button.owl-next span {transition: all 500ms ease-in-out;}
.owl-nav button.owl-prev:hover,.owl-nav button.owl-next:hover {
    background-color: #af5005 !important;
}
button.owl-prev:hover span,button.owl-next:hover span {
    filter: brightness(0) invert(1);
}
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.99);
    z-index: 3000;display: flex;align-items: center;justify-content: center;
}
html.skip-preloader #preloader { display: none !important; }
html.skip-preloader body { overflow-x: hidden; overflow-y: auto; }
.loader-img {
    width: 120px;margin: 0 auto;
}
.loader-prog {
    width: 300px;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    overflow: hidden;
    margin-top: 35px;
}
.progres-bar {
    width: 0;
    height: 100%;
    background-color: #af5005;
    border-radius: 5px;
}

/* ==========================================================================
                              header
   ========================================================================== */
header{position: fixed;width: 100%;top: 0;z-index: 666;}
.header{width: 100%;background-color: transparent;transition: background-color 500ms ease-in-out;}
.header.shead{background-color: rgba(0,0,0, 0.95);}
.hedcontainer{padding: 1% 6.7% 1%;display: flex;align-items: center;justify-content: space-between;position: relative;transition: padding 500ms ease-in-out;}
.header.shead .hedcontainer{padding: 1% 6.7%;}
.logo{width: 4.9vw;}
.header.shead .logo{width: 3vw;}
.logo img{width: auto;}
.navi{display: flex;align-items: center;font-family:"SuisseIntl Regular";}
.navi > li{padding-right: 2.3vw;position: relative;}
.navi > li:last-child{padding-right: 0;}
.navi > li > a{color: #fff;font-size: 1.1vw;display: block;font-weight: 400;text-transform: capitalize;}
.navi > li.active > a,.navi > li > a:hover,.navi > li.active > a.quotebtn:hover{color: #a35520;}
.opts > li.active > a{color: #a35520;}
.navi > li.active > a.quotebtn,
.opts > li.active > a.quotebtn{color: #fff;}
.navi > li > a.quotebtn,.opts > li > a.quotebtn {position: relative;
    display: flex;
    align-items: center;background-color: #a35520; padding: 0.7vw 3.6vw 0.7vw 1.6vw;
}
a.quotebtn {
    margin-left: 5vw;
}
.sticn2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.1vw;
    width: 10px;
    height: 10px;
    border: 3px solid #fff;
    border-radius: 50%;transition: all 500ms ease-in-out;
}
.phmenu{display: none;}
.hedright{display: flex;align-items: center;}
/* ==========================================================================
                              content / hero
   ========================================================================== */
.hmbaner1 .desk img {
    height: 100vh;
    object-fit: cover;
}
.hmbaner2 {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 58%;
    text-align: center;
}
.hmbaner2 > h6 {
    color: #eeb77c;
    text-transform: uppercase;    letter-spacing: 0.6em;
    font-size: 1.1vw;
}
.hmbaner2 > h3 {
    color: #fff;
    font-size: 4.6vw;text-transform: uppercase;line-height: 0.9em;
    padding-top: 24px;
}
.hmbaner2 > h4 {
    color: #eeb77c;
    font-size: 4.6vw;text-transform: uppercase;    text-transform: uppercase;
    line-height: 1.3em;
}
.hmbaner2 > p{
    color: #fff;font-size: 1.1vw;
}
.btnq {
    font-family: "SFPro-Regular";
    color: #000;
    padding: 0.7vw 3.7vw 0.7vw 1.2vw;
    font-size: 1.1vw;
    display: inline-block;border: 1px solid #fff;
    background-color: #fff;position: relative;
}
.exnda2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.1vw;
    width: 10px;
    height: 10px;
    border: 3px solid #000;
    border-radius: 50%;transition: all 500ms ease-in-out;
}

.hmbaner3 {
    position: absolute;
    left: 7%;
    bottom: 5%;
}
.hmbaner3 > h5 {
    font-family: "Glorious-Regular";
    font-size: 7vw;
    color: #363636;
}
.banner {
    position: relative;
}
.scrollnxt > a {
    display: block;
    width: 3vw;animation: bounce linear 2s infinite;
}
@keyframes bounce{0%{transform:translate(0,0)}15%{transform:translate(0,-25px)}30%{transform:translate(0,0)}45%{transform:translate(0,-15px)}60%{transform:translate(0,0)}75%{transform:translate(0,-5px)}100%{transform:translate(0,0)}}
.scrollnxt {
    position: absolute;
    right: 5%;
    bottom: 5%;z-index: 1;
}
.leather-marquee {
      position: relative;
      display: flex; padding: 1.3vw 0;
      align-items: center;
      overflow: hidden;
      background:
        linear-gradient(
          90deg,
          #b84a00 0%,
          #84400d 48%,
          #3d2a12 100%
        );
    }
.leather-marquee__viewport {
      display: flex;
      width: max-content;
      min-width: 100%;
    }

    .leather-marquee__track {
      display: flex;
      width: max-content;
      flex-shrink: 0;
      align-items: center;
      animation:
        marquee-scroll 32s linear infinite;
      will-change: transform;
    }

    .leather-marquee__group {
      display: flex;
      width: max-content;
      flex-shrink: 0;
      align-items: center;
    }

    .leather-marquee__item {
      display: inline-flex;
      flex-shrink: 0;
      align-items: center;
      gap: 1.65vw;
      padding-right: 1.65vw;
      white-space: nowrap;
      font-size: 1.18vw;color: #fff;
      line-height: 1;    font-family: "SFPro-Thin";
    }

    .leather-marquee__dot {
      display: block;
      width: 0.38vw;
      height: 0.38vw;
      flex: 0 0 0.38vw;
      border-radius: 50%;
      background:#fff;
    }

/*
    .leather-marquee:hover .leather-marquee__track {
      animation-play-state: paused;
    }
*/

    @keyframes marquee-scroll {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }
.container {
    margin: 0 6.8%;
}
.explorec {
    padding: 4.6% 0;
}
.explorec > h3 {
    text-align: center;
    font-size: 4.4vw;
}
.explorec > h3 span {
    color: #a35520;
}
.category-grid {
    padding-top: 1.5%;
    display: flex;
    gap: 0.9%;
}
.category-card {
    width: 24.3%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 4% 2% 3.3% 3%;background-color: #f1ede7;
}
.category-icon {
    width: 29%;    padding-bottom: 3%;
}
.category-card1 > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.55vw;
}

.category-card1 > h5 span {
    font-size: 1.1vw;
    background-color: #000;
    color: #fff;
    margin-left: 0.6vw;
    padding: 0.2vw 0.4vw;
}
.ctrgy-list {
    padding-top: 8%;
}
.ctrgy-list > li {
    font-family: "SFPro-Light";
    font-size: 1.1vw;
    padding-bottom: 11px;
    border-bottom: 1px solid #e7dace;
    padding-left: 7px;
    margin-bottom: 12px;
}
.ctrgy-list > li:last-child {border-bottom: none;}

.category-card2 {
    padding-top: 10px;
}
.cbtn {
    font-family: "SFPro-Light";
    color: #fff;
    padding: 0.3vw 2.8vw 0.3vw 0.8vw;
    font-size: 1.1vw;
    display: inline-block;
    border: 1px solid #af5005;
    background-color: #af5005;
    position: relative;
}
span.cbtn2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.6vw;
    width: 10px;
    height: 10px;
    border: 3px solid #fff;
    border-radius: 50%;
    transition: all 500ms ease-in-out;
}
.story {
    padding: 4.8% 0 2.5%;
    display: flex;
    justify-content: space-between;
}

.story1 {
    width: 48%;
    padding-top: 0.7%;
}
.cmnstyl > h5 {
    font-size: 1.1vw;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    color: #af5005;
}
.cmnstyl > h3 {
    text-transform: uppercase;
    line-height: 0.9em;
    padding-top: 24px;
    font-size: 4.4vw;
}
.cmnstyl > h4 {
    color: #af5005;
    font-size: 4.4vw;
    text-transform: uppercase;
    line-height: 1.3em;
}
.cmnstyl > p {
    font-size: 1.1vw;
}
.story1 > p {
    padding-top: 7px;
}
.story2 {
    width: 41.7%;
}
.strylst {
    display: flex;
    gap: 1.2%;    padding-bottom: 5%;
}
.strylt {
    width: 24.1%;
    padding: 2.8% 3.7% 3.5%;
    border: 1px solid #f1ede7;
}
.stryig {
    width: 33%;
    padding-bottom: 7%;
}
.strylt > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.55vw;
    padding-bottom: 11px;
}
.strylt > p {
    font-size: 1.1vw;
    padding-bottom: 0;
}
.comptive {
    margin: 3.4% 0;
    background-color: #f1ede7;
    padding: 6% 0 7%;overflow: hidden;
}

.comptve1 {
    text-align: center;
    width: 44%;
    margin: 0 auto;
}
.comptve2 {
    padding-top: 2%;
}
.comptve3 .owl-stage {
    display: flex;
}
.comptve4 {
    height: 100%;background-color: #000;
}
.comptve42 {
    padding: 11% 9% 17% 14.5%;
}
.comptve42 > h5 {
    font-family: "SFPro-Bold";
    color: #fff;
    font-size: 1.65vw;
    line-height: 1.2em;
    padding-bottom: 10px;
}
.comptve42 > p {
    color: #fff;
    font-size: 1.14vw;
    font-family: "SFPro-Thin";
    opacity: 0.6;
}


.comptve3 .owl-nav,.leathx .owl-nav,.banerslider .owl-nav,.brstory .owl-nav,.testimn .owl-nav,.blogsl .owl-nav{position: absolute;top: 46%;    left: -2vw;right: -2vw;display: flex;justify-content: space-between;pointer-events: none;}
.banerslider .owl-nav{left: 2vw;right: 2vw;}
.banerslider .owl-nav button{background-color: rgba(255, 255, 255, 0.7) !important;}
.comptve3 .owl-nav button,.leathx .owl-nav button,.banerslider .owl-nav button,.brstory .owl-nav button,.testimn .owl-nav button,.blogsl .owl-nav button{pointer-events: all;width: 3vw;height: 3vw;background-color: #fff !important;border-radius: 50% !important;display: flex !important;align-items: center;justify-content: center;margin: 0 !important;}
.comptve3 .owl-nav button span,.leathx .owl-nav button span,.banerslider .owl-nav button span,.brstory .owl-nav button span,.testimn .owl-nav button span,.blogsl .owl-nav button span{font-size: 0;background: url(../img/rarrow.png) no-repeat 0 0 / 0.6vw auto;display: block;width: 0.6vw;height: 1vw;}
.comptve3 .owl-nav button.owl-prev span,.leathx .owl-nav button.owl-prev span,.banerslider .owl-nav button.owl-prev span ,.brstory .owl-nav button.owl-prev span,.testimn .owl-nav button.owl-prev span,.blogsl .owl-nav button.owl-prev span {transform: rotate(-180deg);}
.comptve3 .owl-stage-outer,.hmantes .owl-stage-outer {
    overflow: visible !important;
}
.owl-nav button.owl-prev.disabled, .owl-nav button.owl-next.disabled
 {
    opacity: 0 !important;
    visibility: hidden;
}
.leathx .owl-nav button{background-color: #f1ede7 !important;}
/* ==========================================================================
                              leather collections
   ========================================================================== */
.leatherc {
    padding: 6% 0 9%;
}
.leathr1 {
    text-align: center;
}
.leathr2 {
    padding-top: 3.1%;
}
.leathr-brands {
    display: flex;
    justify-content: center;
    gap: 1.2%;    padding-bottom: 2.4%;
}
.leathr-brands > li {
    width: 12vw;
}
.leathr-brand {display: block;text-align: center;
    padding: 1vw 1vw;
    font-family: "SFPro-Medium";
    font-size: 1.35vw;
    color: #000;
    border: 1px solid #ddc0ad;
    cursor: pointer;
}
.leathr-brand.active,.leathr-brand:hover {
    background-color: #af5005;
    color: #fff;
}
.leathr-select-wrap {
    position: relative;
}
.leathr-select-btn {
    display: none;
}
.leathr-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.48vw;
    padding: 2.2% 0 2.2%;
}
.leathr-pills > li {
    width: 10.5%;
}
.leathr-pills > li > a {display: block;
    font-family: "SFPro-Medium";
    font-size: 1.2vw;
    padding: 0.85vw 1.6vw;
    border-radius: 3vw;
    background-color: #f1ede7;
    color: #222;
    text-transform: capitalize;
    text-align: center;
}
.leathr-pills > li.active > a,.leathr-pills > li > a:hover {
    background-color: #af5005;
    color: #fff;
}
.leathr-brln {
    padding-top: 3.6%;
}
.leathr-detail {
    display: flex;
    justify-content: space-between;
}
.leathr-info {
    width: 41%;    padding-top: 0.7%;
}
.leathr-info > h6 {
    font-size: 1.1vw;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: #af5005;padding-bottom: 1%;
}
.leathr-info > h5{
    font-family: "SFPro-Medium";
    font-size: 3.2vw;
    padding-bottom: 1.3%;text-transform: capitalize;
}
.leathr-info > p {    font-size: 1.1vw;
    padding-bottom: 5%;
}
.leathr-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.leathr-spec {
    padding: 1vw 1.3vw;
    border: 1px solid #e8e0d6;
    width: 47%;
    margin-bottom: 2%;
}
.leathr-spec > h5 {
    color: #af5005;
    font-family: "SFPro-Medium";
    font-size: 1.1vw;
}
.leathr-spec > h6 {
    font-family: "SFPro-Medium";
    font-size: 1.1vw;
}
.leathr-shades {
    padding-top: 5.5%;    padding-bottom: 7%;
    display: flex;
    align-items: center;
}
.leathr-shades > h6 {
    font-family: "SFPro-Medium";
    font-size: 1.4vw;
    text-transform: uppercase;
    width: 25%;
}
.leathr-swatches {width: 65%;    padding-left: 20px;
}
.leathr-swatch {
    text-align: center;
}
.ltswh {
    border-radius: 50%;
    overflow: hidden;    width: 94%;
}
.leathr-swatch > span {display: block;
    font-family: "SFPro-Light";
    font-size: 0.7vw;
    color: #555;
    padding-top: 10px;
}
.leather-cta > a {
    font-size: 1.13vw;
    color: #fff;
    padding: 0.6vw 1.5vw;
    display: inline-block;
    background-color: #af5005;border: 1px solid #af5005;
}
.leather-cta > a:hover {
    background-color: #fff;
    color: #af5005;
}
.leathr-swatches .owl-nav {
    position: absolute;
    top: 20%;left: -35px;
    right: -50px;
    display: flex;
    justify-content: space-between;
    width:calc(100% + 70px);pointer-events: none;
}
.leathr-swatches1 .owl-nav button{pointer-events: all;width: 2vw;height: 2vw;border: 1px solid #000 !important; background-color: #fff !important;border-radius: 50% !important;display: flex !important;align-items: center;justify-content: center;margin: 0 !important;}
.leathr-swatches1 .owl-nav button span{font-size: 0;background: url(../img/rarrow.png) no-repeat 0 0 / 0.4vw auto;display: block;width: 0.4vw;height: 0.7vw;}
.leathr-swatches1 .owl-nav button.owl-prev span {transform: rotate(-180deg);}
/*.leathr-swatches1 .owl-nav button.owl-prev {opacity: 0;visibility: hidden;}*/
.leathr-gallery {
    width: 53.3%;
}
.leathr-thumbs {
    padding-top: 2.3%;
}
.leathxz a {
    border: 2px solid #e8e0d6;
    display: block;
}
.leathxz a.active{    border: 2px solid #000;
}
section#swatchkit {
    background: url(../assets/swatch-bg.jpg) no-repeat 0 0 / 100% 100%;
}
.swtchkit {
    padding: 10.3% 0 9.7%;
    display: flex;
    justify-content: space-between;
}
.swtchk1 {
    width: 40%;
    padding-top: 2.7%;
}
.swtchk1 > h3 {
    text-transform: uppercase;
    line-height: 0.9em;
    padding-top: 24px;
    font-size: 4.4vw;
    color: #fff;
}
.swtchk1 > h4 {
    color: #eeb77c;
    font-size: 4.4vw;
    text-transform: uppercase;
    line-height: 1.3em;
    padding-bottom: 2.3%;
}
.swtchk1 > p {
    color: #fff;
    font-size: 1.14vw;
    font-family: "SFPro-Thin";
}
.swtchk1 ul {
    padding-top: 4%;
}
.swtchk1 ul > li {
    color: #fff;
    padding-left: 1.4vw;
    font-size: 1.15vw;
    padding-bottom: 4.7%;position: relative;
}
.swtchk1 ul > li::before{position: absolute;content: '';left: 0;top: 4px;width: 1vw;height: 1vw;background: url(../img/tick.png) no-repeat 0 0 / 100% auto;}
.swtchk2 {
    width: 50.5%;
    padding: 3.6% 4.4%;
    background-color: #fff;
}
.comneq > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.65vw;
}
.comneq > h6 {
    font-family: "SFPro-Light";
    font-size: 1vw;
    padding-top: 5px;
    opacity: 0.6;
}
.cntctl2 {
    padding-top: 5%;
}
form#cals{    position: relative;
    z-index: 1;}
.efrm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.efrm1 {
    width: 48%;
    padding-bottom: 4%;
}
.efrm1 > label {
    font-family: "SFPro-Light";
    font-size: 1vw;
    padding-bottom: 0.6vw;
    display: block;
}
.efrm11 {
    background-color: #f8f3eb !important;
    border-radius: 8px !important;
    padding: 0.9vw 1.1vw;
    font-size: 0.9vw;
    font-family: "SFPro-Light";
    color: #000;
    width: 100%;
    display: block;
}
a.efrm11.slctnm, .drpdwn{
    position: relative;
}
a.efrm11.slctnm::after, a.itfrm1.slctnm::After {
    position: absolute;
    content: '';
    top: 40%;
    right: 19px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-50%) rotate(135deg);
}
.drpdwn.active a.efrm11.slctnm::after, .drpdwn.active a.itfrm1.slctnm::after {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
.dropcnt {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #f8f3eb;
    border-radius: 8px;
    background-color: #fff;display: none;
}
.dropcnt > li > a {
    color: #000;
    text-transform: capitalize;
    padding: 10px 20px;
    display: block; font-family:"SFPro-Light";    font-size: 1.1vw;
}
.dropcnt > li.active > a {background-color: #ccc}
.efrm1.full {
    width: 100%;
}
.eeffrm1 > input {
    text-align: center;
    color: #fff;
    font-size: 0.9vw;
    padding: 0.8vw 2vw;
    font-family: "SFPro-Light";
    background-color: #000;
}
.eeffrm1 > input:hover {
    background-color: #af5005;
    color: #fff;
}
.cntctl2 > p {
    padding-top: 4.4%;
    font-size: 1vw;
    width: 90%;
    opacity: 0.6;
    padding-bottom: 0;
}
.autmtive {
    width: 80%;
    margin: 0 auto;
    padding: 10.5% 0;
}
.autmtive1 {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.autmtive1 > h5 {
    font-size: 1.1vw;
    letter-spacing: 0.6em;
    text-transform: uppercase;
    color: #af5005;
}
.autmtive1 > h4 {
    text-transform: uppercase;
    line-height: 0.9em;
    padding-top: 15px;
    font-size: 4.4vw;
}
.autmtive1 > p {
    font-size: 1.1vw;
    padding-top: 8px;
}
.autmtive2 {
    display: flex;
    justify-content: space-between;
    padding-top: 2%;
}
.autmtive21 {
    width: 49%;
    padding:4% 4.5% 3.5% 6%;background-color: #e5e5e5;
}
.autmtive21 > h6 {
    font-size: 1.1vw;
    letter-spacing: 0.38em;
    text-transform: uppercase;
    color: #af5005;
}
.autmtive21 > h5 {
    font-family: 'SFPro-Bold';
    font-size: 1.65vw;
    padding-top: 3%;
    line-height: 1.3em;
    padding-bottom: 4%;
}
.autmtive21 > p {
    font-size: 1.1vw;
    opacity: 0.6;
}
.grde {
    padding-top: 2%;
}
.grde > li {
    display: flex;
    padding-bottom: 3%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 4.6%;
}
.grde > li:last-child {border-bottom: none;}
.grde > li dt {
    font-family: "SFPro-Light";
    font-size: 1.05vw;
    opacity: 0.6;
    width: 57%;
}
.grde > li dd {
    margin-left: 0;width: 43%;
    font-size: 1.1vw;
}
.enqaut {
    padding-top: 5px;
}
.enqaut > a {
    text-align: center;
    color: #fff;
    font-size: 0.9vw;
    padding: 0.8vw 2vw;
    font-family: "SFPro-Light";
    background-color: #000;
    display: block;
}
.enqaut > a:hover {
    background-color: #af5005;
    color: #fff;
}
.autmtive22 {
    width: 49%;
    background-color: #f3ede5;
    padding: 4% 5%;
}
.autmtive22 > h6 {
    font-size: 1.1vw;
    letter-spacing: 0.38em;
    text-transform: uppercase;
    color: #af5005;
}
.reason-list {
    padding-top: 6.5%;
}
.reason-list > li {
    display: flex;
    padding-bottom: 4.8%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 4.5%;
}
span.reason-number {
    font-family: 'SFPro-Medium';
    font-size: 6vw;
    line-height: 0.9em;
    width: 15%;
    color: #a06424;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.1) 70%, transparent 100%);
}
.reason-content {
    width: calc(100% - 15%);
}
.reason-content > h3 {
    font-family: 'SFPro-Medium';
    font-size: 1.35vw;
}
.reason-content > p {
    font-size: 1.1vw;
    padding-top: 5px;
    padding-bottom: 0;
    opacity: 0.6;
}
.sampriz > a {
    color: #af5005;
    font-family: 'SFPro-Light';
    font-size: 1.1vw;
}
.sampriz > a:hover {
    color: #000;
}
/* ==========================================================================
                              how it works
   ========================================================================== */
.howwrk {
    padding: 0.5% 0 0;
}
.howrk1 {
    text-align: center;
}
.howrk2 {
    display: flex;
    margin: 7% 8% 4.3%;
    position: relative;
}
/* wavy connector line with dots — draws L→R when animated */
.howrk2::before {
    content: "";
    position: absolute;
    left: 12.5%;
    top: 11vw;
    width: 76%;
    height: 12vw;
    pointer-events: none;
    background: url(../img/curve.png) no-repeat left center / 100% 100%;
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
}
.howwrk.is-animated .howrk2::before {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    transition: clip-path 1.8s linear, -webkit-clip-path 1.8s linear;
}
.howrk21 {
    text-align: center;
    position: relative;
    z-index: 1;
    flex: 1;
}
.howrk-copy > h5,
.howrk21 > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.7vw;
    padding-bottom: 7px;
}
.howrk-copy > p,
.howrk21 > p {
    font-size: 1.1vw;
    color: #4a4a4a;
    padding-bottom: 0;
}
.sptp {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0.55);
    width: 6.5vw;
    height: 6.5vw;
    border-radius: 50%;
    background-color: #f1ede7;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}
.sptp > h5 {
    font-family: "SFPro-Bold";
    font-size: 2.8vw;
    color: #af5005;
}
.howrk-copy {
    opacity: 0;
    transform: translateY(18px);
}
.howrk21:nth-child(odd) .sptp {
    top: 14.5vw;
}
.howrk21:nth-child(even) .sptp {
    top: 13.2vw;
}
.howrk21:nth-child(even) {
    padding-top: 25vw;
    padding-bottom: 2vw;
}
/* Sequential reveal: number just before each curve peak, then copy */
.howwrk.is-animated .howrk21:nth-child(1) .sptp {
    opacity: 1;
    transform: translateX(-50%) scale(1);
    transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.2s;
}
.howwrk.is-animated .howrk21:nth-child(1) .howrk-copy {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.45s ease, transform 0.5s ease;
    transition-delay: 0.4s;
}
.howwrk.is-animated .howrk21:nth-child(2) .sptp {
    opacity: 1;
    transform: translateX(-50%) scale(1);
    transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0.6s;
}
.howwrk.is-animated .howrk21:nth-child(2) .howrk-copy {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.45s ease, transform 0.5s ease;
    transition-delay: 0.8s;
}
.howwrk.is-animated .howrk21:nth-child(3) .sptp {
    opacity: 1;
    transform: translateX(-50%) scale(1);
    transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 1s;
}
.howwrk.is-animated .howrk21:nth-child(3) .howrk-copy {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.45s ease, transform 0.5s ease;
    transition-delay: 1.2s;
}
.howwrk.is-animated .howrk21:nth-child(4) .sptp {
    opacity: 1;
    transform: translateX(-50%) scale(1);
    transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 1.4s;
}
.howwrk.is-animated .howrk21:nth-child(4) .howrk-copy {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.45s ease, transform 0.5s ease;
    transition-delay: 1.6s;
}

@media (prefers-reduced-motion: reduce) {
    .howrk2::before,
    .howwrk.is-animated .howrk2::before {
        clip-path: none;
        -webkit-clip-path: none;
        transition: none;
    }
    .sptp,
    .howrk-copy,
    .howwrk.is-animated .howrk21 .sptp,
    .howwrk.is-animated .howrk21 .howrk-copy {
        opacity: 1;
        transform: none;
        transition: none;
    }
    .howrk21 .sptp {
        transform: translateX(-50%);
    }
}
/* ==========================================================================
                              the attrarre standard
   ========================================================================== */
.standard {
    display: flex;
    justify-content: space-between;
    padding: 6% 0 6%;
}
.stndrd1 {
    width: 41%;
}
.stndrd1.cmnstyl > h3 {
    width: 70%;
    line-height: 1em;padding-bottom: 12px;
}
.stndrd11 {
    padding-top: 10px;
}
.stndrd2 {
    width: 53.3%;
}
.stndrd21 {
    width: 100%;
    border-collapse: collapse;
}
.stndrd21 th {
    text-align: left;
    font-size: 1.1vw;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 1.15vw 2.1vw;
    width: 50%;border: 1px solid #f0e3cd;
}
.stndrd21 th:first-child {
    background-color: #e6e6e6;
    color: #a5a5a5;
}
.stndrd21 th:last-child {
    background-color: #f1e4cf;
    color: #af5005;font-family: "SFPro-Bold";font-size: 1.2vw;
}
.stndrd21 td {
    font-size: 1.1vw;
    line-height: 1.2em;
    padding: 1vw 2.1vw;
    vertical-align: middle;
    width: 50%;border: 1px solid #f0e3cd;
}
.stndrd21 td:first-child {
    background-color: #f8f8f8;
    color: #a3a3a3;
    font-family: "SFPro-Light";
}
.stndrd21 td:last-child {
    background-color: #fff5e5;
    color: #1c1c1c;
    font-family: "SFPro-Medium";
}
/* ==========================================================================
                              what we do
   ========================================================================== */
.whatwedo {
    padding-top: 3.5%;
}
.wedo1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 2.7%;width: 93%;
}
.wedo11 {
    width: 50%;
}
.wedo11 > h3 {
    line-height: 1.05em;
    padding-top: 15px;
}
.wedo12 {
    width: 41%;
    padding-bottom: 16px;
}
.wedo12 > p {
    font-size: 1.1vw;
    padding-bottom: 0;
}
.wedo2 {
    display: flex;
    justify-content: space-between;
}
.wedo21 {
    width: 50%;
}
.wedo22 {
    width: 45%;margin-top: -8px;
}
.wedo3 > li {
    border-bottom: 1px solid #e3ded6;
    padding: 2.2vw 0 2.7vw;
}
.wedo3 > li:first-child {
    padding-top: 0vw;
}
.wedo3 > li:last-child {
    border-bottom: none;
}
.wedo3 > li > a {
    display: block;
    color: #af5005;
    font-family: "SFPro-Medium";
    font-size: 1.65vw;position: relative;display: inline-block;
    padding-right: 3vw;
}
.wedo3 > li > a::after{position: absolute;content: '';right: 15px;top: 20%;width: 0.7vw;height: 0.7vw;border-top: 2px solid #af5005;border-right: 2px solid #af5005;transform: rotate(135deg);}
.wedo3 > li.active > a::after{top: 45%;transform: rotate(-45deg);}
.wedo23 {
    display: none;
    padding-top: 0.6vw;
}
.wedo23 > p {
    font-size: 1.1vw;
    opacity: 0.7;
    padding-bottom: 0.9em;
}
.wedo23 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.9vw;
}
.wedo23 ul > li {
    font-family: "SFPro-Medium";
    font-size: 1.1vw;
    position: relative;
}
.wedo23 ul > li + li::before {
    content: '';
    position: absolute;
    left: -1.15vw;
    top: 50%;
    transform: translateY(-50%);
    width: 0.4vw;
    height: 0.4vw;
    border-radius: 50%;
    background-color: #af5005;
}
/* ==========================================================================
                              bespoke banner
   ========================================================================== */
.bespok {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f1ede7;
    padding: 3.5% 7.5%;
    margin-top: 5%;    margin-bottom: 7.6%;
}
.bespok2 {
    width: 29.5%;
}
.bespok2 > p {
    font-size: 1.1vw;
    padding-bottom: 0.5em;
}
/* ==========================================================================
                              brochure / free resource
   ========================================================================== */
.brochur {
    background: url(../assets/free-resources.jpg) no-repeat center / cover;
    text-align: center;
    padding: 7.6% 0 8%;
}
.brochur1 > h3 {
    color: #fff;
    line-height: 1em;
    width: 30%;
    margin: 0 auto;
    padding-top: 20px;
}
.brochur1 > p {
    color: #fff;
    font-size: 1.1vw;
    width: 41%;
    margin: 0 auto;
    padding-top: 0.9em;
}
.brch {
    padding-top: 1.2vw;    width: 35%;
    margin: 0 auto;
}
.subscrb {
    display: flex;
    justify-content: center;
}
.subscrb1,.subscrb2 {
    width: 50%;
}
.subscrb1 > input.yrema {background-color: #fff;
    color: #af5005;
    padding: 0.95vw 1.5vw;
    font-size: 1.1vw;
    font-family: "SFPro-Light";border: 1px solid #fff;
}
.subscrb1 > input.yrema::-webkit-input-placeholder { color: #af5005; }
.subscrb1 > input.yrema::placeholder { color: #af5005; }
.subscrb2 > .subtns {    background-color: #af5005;
    color: #fff;
    padding: 0.84vw 2.1vw;
    font-size: 1.1vw;
    font-family: "SFPro-Light";
    cursor: pointer;
    text-align: left;width: 100%;border: 1px solid #af5005; position: relative;
}
.oblig {
    display: flex;
    justify-content: center;
    gap: 1.8vw;
    padding-top: 2.7vw;
}
.oblig > li {
    color: #fff;
    font-size: 0.95vw;
    font-family: "SFPro-Light";
    position: relative;
    padding-left: 1.7vw;
}
.oblig > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.15vw;
    height: 1.15vw;
    background: url(../img/rtick.png) no-repeat 0 0 / 100% auto;
}
/* ==========================================================================
                              accessories
   ========================================================================== */
.accesory {
    padding: 10% 0 9.4%;
}
.accesory1 {
    text-align: center;
    width: 55%;
    margin: 0 auto;
}
.accesory1 > p {
    font-size: 1.1vw;
    padding-top: 8px;
}
.accesory2 {
    display: flex;
    gap: 1.1%;
    padding-top: 2.3%;
}
.accesory3 {
    width: 24.2%;background-color: #b25b12;
}

.accesory32 {
    padding: 10% 10% 12%
}
.accesory32 > h5 {
    color: #fff;
    font-family: "SFPro-Medium";
    font-size: 1.55vw;
    padding-bottom: 0.3vw;
}
.accesory32 > p {
    color: #fff;
    opacity: 0.85;
    font-size: 1.05vw;
    padding-bottom: 1em;
}
.accenq a.aqbtn {
    width: 79%;
}
.aqbtn {
    display: inline-block;
    background-color: #111;
    border: 1px solid #111;
    color: #fff;
    font-family: "SFPro-Light";
    font-size: 0.95vw;
    padding: 0.55vw 3vw 0.55vw 1.1vw;
    position: relative;
}
.aqbtn1 {
    position: relative;
    z-index: 1;
    transition: all 500ms ease-in-out;
}
span.aqbtn2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.7vw;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 500ms ease-in-out;
}

.accesory4 {
    text-align: center;
    padding-top: 2.8vw;
}
.accesory4 > p {
    font-size: 1.1vw;
    padding-bottom: 1em;
}
.enqabta {
    padding-top: 7px;
}
/* ==========================================================================
                              gallery
   ========================================================================== */
.galery {
    overflow: hidden;
    padding-top: 1%;
}
.galery1,
.galery2 {
    overflow: hidden;
    width: 100%;
}
.galery1 {
    margin-bottom: 1.4%;
}
.galry {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: paused;
}
.galry-group {
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 0.9vw;
    padding-right: 0.9vw;
}
.galery.is-in-view .galry--left {
    animation-name: gallery-marquee-left;
    animation-duration: var(--marquee-duration, 40s);
    animation-play-state: running;
}
.galery.is-in-view .galry--right {
    animation-name: gallery-marquee-right;
    animation-duration: var(--marquee-duration, 40s);
    animation-play-state: running;
}
.galig {
    flex-shrink: 0;
    height: 26vw;
}
.galig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

@keyframes gallery-marquee-left {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(-1 * var(--marquee-distance, 50%)), 0, 0); }
}

@keyframes gallery-marquee-right {
    from { transform: translate3d(calc(-1 * var(--marquee-distance, 50%)), 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .galery.is-in-view .galry--left,
    .galery.is-in-view .galry--right {
        animation: none !important;
    }
}
/* ==========================================================================
                              our process
   ========================================================================== */
.ourprocess {
    padding-top: 1.4vw;
}
.ourproces {
    position: relative;
}
.ourproces1::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 56%;
    transform: translate(-50%, -50%);
    width: 14.5vw;
    height: 14.5vw;
    background: url(../img/play.png) no-repeat center / contain;
    pointer-events: none;
}
.ourproces1,.ourproces2 {
    position: relative;
}
.ourproces2::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.6) 100%);
}
.ourproces3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15%;
    text-align: center;
    z-index: 1;
}
.ourproces3 > h4 {
    color: #fff;
    font-size: 4.4vw;    line-height: 0.9em;
    text-transform: uppercase;
}
.ourproces3 > h4 span{color: #eeb77c;}
.ourproces3 > p {
    color: #fff;
    opacity: 0.9;
    font-size: 1.1vw;
    padding: 0.5em 0 1em;
}
.ourproces4 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 5;
}
.ourproces4.active {
    display: block;
}
.ourproces4 video{width: 100%;height: 100%;}
.closevid {
    position: absolute;
    top: 15px;
    right: 25px;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
}
.oprstps {
    display: flex;
    background-color: #f2f2f1;
    padding: 3.8vw 3vw;
}
.oprstp {
    flex: 1;
    text-align: center;
    border-right: 1px solid #ddd;
    padding: 0vw 1vw;
}
.oprstp:last-child {
    border-right: none;
}
.opstpig {
    width: 4.5vw;
    height: 4.5vw;
    margin: 0 auto 1.3vw;
}
.oprstp > h5 {
    font-family: "SFPro-Medium";
    font-size: 1vw;
}
/* ==========================================================================
                              client stories
   ========================================================================== */
#articles {
    overflow: hidden;
}
.artcles {
    padding: 7.2% 0 4.3%;
}
.artcle {
    text-align: center;
}
.artcle > h3 {
    padding-top: 18px;
}
.artcle1 {padding: 3.8% 3.8% 0 0;
}
.artcle2 .owl-stage {
    display: flex;
}
.artcle3 {
    height: 100%;
    background-color: #f0efee;
    padding: 13% 10% 10.5%;
    text-align: center;
    position: relative;
    display: flex;flex-wrap: wrap;
    align-content: space-between;
}
.artcle3::before {
    content: '';
    position: absolute;
    top: 0vw;width: 11vw;
    height: 8vw;
    left: 2.3vw;background: url(../img/colon.png) no-repeat 0 0 / 100% auto;
}
.artcle31 {
    padding: 0 8%;
}
.artcleg {
    width: 65%;
    margin: 0 auto;
    padding-bottom: 1.2vw;
    position: relative;
}
.artcle31 > p {
    font-size: 1.1vw;
    line-height: 1.5em;
    position: relative;
    padding-bottom: 0;
}
.artcle32 {
    padding-top: 1.7vw;width: 100%;
}
.artcle32 > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.3vw;
    padding-bottom: 4px;
}
.artcle32 > p {
    font-size: 1.1vw;
    color: #999;
    padding-bottom: 0;
}
.artcle2 .owl-stage-outer,
.intlgnc2 .owl-stage-outer {
    overflow: visible !important;
}
.artcle2 .owl-nav,
.intlgnc2 .owl-nav {
    position: absolute;
    top: 44%;
    left: -1.5vw;
    right: -1.5vw;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.artcle2 .owl-nav button,
.intlgnc2 .owl-nav button {
    pointer-events: all;
    width: 2.6vw;
    height: 2.6vw;
    background-color: #000 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}
.artcle2 .owl-nav button span,
.intlgnc2 .owl-nav button span {
    font-size: 0;
    display: block;
    width: 0.55vw;
    height: 0.55vw;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.artcle2 .owl-nav button.owl-prev span,
.intlgnc2 .owl-nav button.owl-prev span {
    transform: rotate(-135deg);
}
.artcle2 .owl-nav butto.owl-prev span, .intlgnc2 .owl-nav button.owl-prev span{margin-left: 2px;}
.artcle2 .owl-nav butto.owl-next span, .intlgnc2 .owl-nav button.owl-next span{margin-left: -2px;}
/* ==========================================================================
                              consultation
   ========================================================================== */
.expconsult {
    display: flex;
    justify-content: space-between;
    padding: 6% 0 5%;
}
.expcnslt1 {
    width: 46%;    margin-top: -10px;
}
.expcnslt1 > p {
    padding-bottom: 0.7em;
}
.prjspec {
    background-color: #f1ede7;
    padding: 2vw 1.9vw 2.6vw;
    margin-top: 1.6vw;
}
.prjspc {
    display: flex;justify-content: space-between;    align-items: center;
    padding-bottom: 1.5vw;
}
.prjspc:last-child{padding-bottom: 0;}
.prjspc1 {
       width: 14%;
}
.prjspc2 {
    width: 83%;
}
.prjspc2 > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.55vw;
}
.prjspc2 > p {
    font-size: 1.1vw;
    opacity: 0.7;
    padding-bottom: 0;
}
.expcnslt2 {
    width: 50.5%;
    background-color: #0d0c0a;
    padding: 3.7% 4.4%;
}
.expcenq > h5 {
    color: #fff;
    font-family: "SFPro-Medium";
    font-size: 1.83vw;
}
.expcenq > h6 {
    color: #a9a49d;
    font-family: "SFPro-Light";
    font-size: 1.1vw;
}
.expcfrm {
    padding-top: 1.8vw;
}
.expfrm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.expfrm1 {
    width: 48.5%;
    padding-bottom: 1.4vw;
}
.expfrm1:nth-child(n+5) {
    width: 100%;
}
.expfrm1 > label {
    display: block;
    color: #c9c4bd;
    font-family: "SFPro-Light";
    font-size: 1vw;
    padding-bottom: 0.7vw;
}
.expfrm11 {
    display: block;
    width: 100%;
    background-color: #fff !important;
    padding: 0.8vw 1vw;
    font-size: 0.95vw;
    font-family: "SFPro-Light";
    color: #000;
}
.expfrm11::-webkit-input-placeholder { color: #999; }
.expfrm11::placeholder { color: #999; }
a.expfrm11.slctnm {
    position: relative;
    color: #999;
}
a.expfrm11.slctnm::after {
    position: absolute;
    content: '';
    top: 40%;
    right: 19px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: translateY(-50%) rotate(135deg);
}
.drpdwn.active a.expfrm11.slctnm::after {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
.eexpffrm {
    padding-top: 13px;
}
.eexpffrm > input {
    width: 100%;
    background-color: #af5005;border: 1px solid #af5005;
    color: #fff;
    text-align: center;
    padding: 0.8vw;
    font-size: 0.9vw;
    font-family: "SFPro-Light";
    cursor: pointer;transition: all 300ms ease-in-out;
}
.eexpffrm > input:hover {
    background-color: #fff;
    color: #af5005;
}
.chtdrtly {
    display: flex;
    justify-content: center;
    padding-top: 2.8vw;
}
.chtdir1 > span {
    display: block;
    background-color: #1c1a17;
    color: #b5b0a9;
    font-family: "SFPro-Light";
    font-size: 1vw;
    padding: 0.75vw 1.2vw;
}
.chtdir2 > a {
    display: block;
    background-color: #fff;
    color: #000;
    font-family: "SFPro-Light";
    font-size: 0.9vw;
    padding: 0.75vw 1.6vw ;
}
.chtdir2 > a:hover {
    background-color: #af5005;
    color: #fff;
}
/* ==========================================================================
                              leather intelligence
   ========================================================================== */
#intelligence {
    overflow: hidden;
}
#intelligence .container {
    margin: 0 3.8% 0 6.8%;
}
.intelgnce {
    padding: 5.3% 0 8%;
}
.intlgnc {
    text-align: center;
}
.intlgnc > h3 {
    padding-top: 18px;
}
.intlgnc1 {
    padding-top: 3.5%;
}
.intlgnc2 .owl-stage {
    display: flex;
}
.intlgnc3 {
    height: 100%;
    background-color: #f5f0e8;
}
.intlgnc4 {
    padding: 8% 7%;
}
.intlgnc4 > h6 {
    color: #af5005;
    font-family: "SFPro-Medium";
    font-size: 1.2vw;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding-bottom: 0.5vw;
}
.intlgnc4 > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.55vw;
    line-height: 1.3em;
    padding-bottom: 0.6vw;
}
.intlgnc4 > p {
    font-size: 1.1vw;
    opacity: 0.7;
}
.intlgnc4 > span {
    display: flex;
    align-items: center;
    gap: 0.6vw;
    color: #8a8a8a;
    font-family: "SFPro-Light";
    font-size: 1.1vw;
}
.intlgnc4 > span dt {
    width: 0.35vw;
    height: 0.35vw;
    border-radius: 50%;
    background-color: #8a8a8a;
}
.genrl img {
    display: block;
}
/* ==========================================================================
                              faq
   ========================================================================== */
.faqs {
    display: flex;
    justify-content: space-between;
    padding: 8% 0 5.5%;
}
.faq1 {
    width: 31%;
}
.faq1 .cmnstyl {
    position: sticky;
    top: 7vw;
}
.faq2 {
    width: 49%;
}
.faq3 > li {
    border-bottom: 1px solid #ddd;
    padding: 2.5vw 0 1.95vw;
}
.faq3 > li:last-child{border-bottom: none;}
.faq3 > li:first-child {
    padding-top: 0;
}
.faq3 > li > a {
    display: block;
    color: #000;
    font-family: "SFPro-Medium";
    font-size: 1.2vw;
    position: relative;
    padding-right: 3vw;
}
.faq3 > li > a::after {
    content: '\2197';
    position: absolute;
    right: 0vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.3vw;
    color: #222;
    transition: all 300ms ease-in-out;
}
.faq3 > li.active > a::after {
    color: #af5005;
    transform: translateY(-50%) rotate(180deg);
}
.faq-ans {
    display: none;
    padding-top: 0.8vw;
}
.faq-ans > p {font-size: 1.2vw;
    opacity: 0.6;
    width: 87%;
    padding-bottom: 0;
    line-height: 1.42em;
}
/* ==========================================================================
                              footer
   ========================================================================== */
.footer {
    background-color: #0b0a09;
    padding: 5.8% 6.8% 0;
}
.footer2 {
    display: flex;
    padding-bottom: 1.5%;
}
.fotr1 {
    width: 26%;    margin-right: 10.5%;
}
.foot11 {
    width: 4.8vw;
    padding-bottom: 2vw;
}
.fotr1 > h3 {
    color: #fff;
    font-family: "SFPro-Medium";
    font-size: 1.15vw;
    padding-bottom: 10px;
}
.fotr1 > p {color: #fff;
    opacity: 0.9;
    font-size: 1.2vw;
    font-family: "SFPro-Light";
}
.social {
    padding-top: 4%;
    display: flex;
}
.social > li {
    margin-right: 17px;position: relative;overflow: hidden;border-radius: 50%; background-color: #2c2c2c;
}
.social > li::before{    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #af5005;
    transition: .5s;
    z-index: 2;}
.social > li:hover::before{top: 0;}
.social > li > a {
    width: 48px;
    height: 48px;
    display: block;
    background-image: url(../img/social.png);
    background-repeat: no-repeat;
    background-size: 260px;transition: 0s;    position: relative;
    z-index: 5;
}
.social > li > a.fb{background-position: 0 0;}
.social > li > a.insta{background-position: -65px 0;}
.social > li > a.twtr{background-position: -129px 0;}
.social > li > a.utbe{background-position: -193px 0;}
.social > li > a.fb:hover{background-position: 0 -70px;}
.social > li > a.insta:hover{background-position: -65px -70px;}
.social > li > a.twtr:hover{background-position: -129px -70px;}
.social > li > a.utbe:hover{background-position: -193px -70px;}
.footer21 > h5 {
    color: #fff;
    font-family: "SFPro-Medium";
    font-size: 1.2vw;
    text-transform: capitalize;
    padding-bottom:2vw;
}
.fotr2 {
    width: 16.4%;padding-top: 3%;
}
.fotr3 {
    width: 21%;padding-top: 3%;
}
.fotr4 {
    width: 26%;padding-top: 3%;
}
.ftmenu > li {
    padding-bottom: 1vw;
}
.ftmenu > li > a {
    color: #fff;opacity: 0.9;
    font-family: "SFPro-Light";
    font-size: 1.2vw;
}
.ftmenu > li > a:hover {
    color: #af5005;
}
.ft-conct {
    display: flex;
    gap: 1vw;
    padding-bottom: 2vw;
}
.ft-conct1 {    margin-top: 4px;
    width: 2.9vw;
    height: 2.9vw;
}
.ft-conct2 {
    width: calc(100% - 3.9vw);
}
.ft-conct2 > p {
    color: #8f8b86;
    font-family: "SFPro-Light";
    font-size: 1.1vw;
    padding-bottom: 2px;
}
.ft-conct2 .ftadr {
    color: #fff;
    font-size: 1.1vw;
    display: block;
}
a.ftadr:hover {
    color: #af5005;
}
.footer3 {
    border-top: 1px solid #26241f;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.9vw 0;
}
.compny > p {
    color: #8f8b86;
    font-size: 1.1vw;
    padding-bottom: 0;
}
.cpyrt {
    display: flex;
    align-items: center;
    gap: 1.3vw;
}
.cpyrt > li > a {
    color: #8f8b86;
    font-size: 1.05vw;
    font-family: "SFPro-Light";
}
.cpyrt > li + li {
    border-left: 1px solid #3a3733;
    padding-left: 1.5vw;
}
.cpyrt > li > a:hover {
    color: #fff;
}
/* ==========================================================================
                              enquiry popup
   ========================================================================== */
.enqpop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.72);
    padding: 3vw;
}
.enqpop.active {
    display: flex;
}
.enqpop-box {
    position: relative;
    width: 100%;
    max-width: 32vw;
    background-color: #fff;
    padding: 2.6vw 2.4vw 2.4vw;
}
.enqpop-close {
    position: absolute;
    top: 1vw;
    right: 1vw;
    width: 1.4vw;
    z-index: 2;
}
.enqpop-head {
    padding-bottom: 1.5vw;
    padding-right: 1.5vw;
}
.enqpop-head > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.6vw;
    color: #111;
    padding-bottom: 0.45vw;
}
.enqpop-head > p {
    font-size: 0.95vw;
    color: #777;
    padding-bottom: 0;
}
.enqfld {
    padding-bottom: 1.15vw;
}
.enqfld > label {
    display: block;
    font-family: "SFPro-Light";
    font-size: 0.95vw;
    padding-bottom: 0.45vw;
    color: #333;
}
.enqinp {
    display: block;
    width: 100%;
    background-color: #f8f3eb !important;
    border-radius: 8px !important;
    padding: 0.9vw 1.1vw;
    font-size: 0.95vw;
    font-family: "SFPro-Light";
    color: #000;
}
.enqinp::-webkit-input-placeholder { color: #999; }
.enqinp::placeholder { color: #999; }
.enqpop-submit > input {
    width: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 0.95vw;
    font-size: 1vw;
    font-family: "SFPro-Light";
    cursor: pointer;
    margin-top: 0.4vw;transition: all 300ms ease-in-out;
}
.enqpop-submit > input:hover {
    background-color: #af5005;
}
/* ==========================================================================
                              legal popup (privacy / terms)
   ========================================================================== */
.legalpop {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.72);
    padding: 3vw;
}
.legalpop.active {
    display: flex;
}
.legalpop-box {
    position: relative;
    width: 100%;
    max-width: 60vw;
    max-height: 82vh;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 2.6vw 2.4vw 2.2vw;
}
.legalpop-close {
    position: absolute;
    top: 1vw;
    right: 1vw;
    width: 1.4vw;
    z-index: 2;
}
.legalpop-head {
    padding-bottom: 1.2vw;
    padding-right: 1.8vw;
    flex-shrink: 0;
}
.legalpop-head > h5 {
    font-family: "SFPro-Medium";
    font-size: 1.6vw;
    color: #111;
    padding-bottom: 0.35vw;
}
.legalpop-head > p {
    font-size: 0.85vw;
    color: #999;
    padding-bottom: 0;
}
.legalpop-body {
    overflow-y: auto;
    padding-right: 0.6vw;
    -webkit-overflow-scrolling: touch;
}
.legalpop-body > h6 {
    font-family: "SFPro-Medium";
    font-size: 1.2vw;
    color: #111;
    padding: 0vw 0 0.25vw;
}
.legalpop-body > p {
    font-size: 1.1vw;
    line-height: 1.55;
    color: #555;
    padding-bottom: 1.55vw;
}
.legalpop-body > p > a {
    color: #af5005;
    text-decoration: underline;
}
/*pagetop*/
.pagetop > a {display: block;width: 50px;height: 50px;background-color: #000;border-radius: 50%;position: relative;border: 1px solid #fff;}
.pagetop {position: fixed;right: 20px;bottom: 30px;z-index: 2002;transform: translateY(100px);transition: all 500ms ease-in-out;}
.main.thead .pagetop{transform: translateY(0);}
.pagetop > a::after{position: absolute;content: '';top: 56%;left: 50%;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-50%,-50%) rotate(-45deg);width: 10px;height: 10px;}
  /*----------------------sticky--------------------*/
.enbt {position: fixed;right: 10px;bottom: 40%; z-index: 2000;}
.enbt a{color:#fff;padding:10px;display:flex;justify-content: center;align-items: center;margin:8px 5px;position:relative;background-color: #af5005;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 45px;
    height: 45px;}
.enbt a>img{width:20px;display: inline-block;vertical-align: middle;position: relative;z-index: 1;}
.enbt a span{display:block;position: absolute;top: 0px;text-align: left;color: #fff; background:#af5005;border: 1px solid #af5005;z-index:-1;right:20px;border-radius: 30px 0 0 30px;font-family: "SFPro-Medium";padding: 10px 10px 8px 25px;font-size: 1.1em;transform:translateX(0px);visibility:hidden;opacity:0;text-transform:capitalize;    transition: all 500ms ease-in-out;}
.enbt a.ecall span{width:120px}
.enbt a.ewhatsapp span{width:145px}
.enbt a.eenquire span{width:160px}
.enbt a:hover span{opacity:1;visibility:visible;transform:translateX(-7px)}
/* ==========================================================================
                              Blog Detail
   ========================================================================== */
   a.redmre {
    background-color: #af5005;
    border: 1px solid #af5005;
    color: #fff;
    text-align: center;
    padding: 0.6vw 2vw;
    font-size: 0.9vw;
    font-family: "SFPro-Light";
    display: inline-block;
    margin-top: 15px;
}
a.redmre:hover {
    background-color: #fff;color: #af5005;
    border-color: #8f4204;
}
.main.blogpg .header{background-color:rgba(0,0,0,.95)}
.main.blogpg .header .logo{width:3vw}
.main.blogpg .hedcontainer{padding:1% 6.7%}
.blghero{background:linear-gradient(160deg,#3a1f0e 0%,#1a1210 50%,#0b0a09 100%);padding:9.5vw 0 5vw;position:relative;overflow:hidden}
.blghero::after{content:"";position:absolute;right:-8vw;top:-6vw;width:38vw;height:38vw;border-radius:50%;background:radial-gradient(circle,rgba(175,80,5,.22),transparent 68%);pointer-events:none}
.blghero .container{position:relative;z-index:1}
.blgcrumb{font-family:"SFPro-Light";font-size:1vw;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);padding-bottom:2vw}
.blgcrumb a{color:rgba(255,255,255,.55);transition:color .3s}
.blgcrumb a:hover{color:#af5005}
.blgcrumb span{margin:0 .55vw;color:rgba(255,255,255,.25)}
.blgcat{display:inline-block;font-family:"SFPro-Medium";font-size:1.05vw;letter-spacing:.28em;text-transform:uppercase;color:#af5005;padding-bottom:1.2vw}
.blghero h1{font-family:"Glorious-Regular";font-size:3.6vw;font-weight:400;color:#f5f0e8;line-height:1.12;max-width:58vw;letter-spacing:.01em}
.blglead{font-family:"SFPro-Light";font-size:1.25vw;color:rgba(245,240,232,.62);max-width:46vw;margin-top:1.4vw;line-height:1.75;padding-bottom:0}
.blgmeta{display:flex;flex-wrap:wrap;gap:1.6vw;align-items:center;margin-top:2.6vw;padding-top:1.6vw;border-top:1px solid rgba(175,80,5,.28);font-family:"SFPro-Light";font-size:1vw;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,240,232,.42)}
.blgmeta strong{color:#af5005;font-family:"SFPro-Medium";font-weight:400}
.blgwrap{display:flex;gap:4.5vw;padding:4.5vw 0 2vw;align-items:start}
.blgtoc{position:sticky;top:7vw;width: 22%;}
.blgtoc h4{font-family:"SFPro-Medium";font-size:1vw;letter-spacing:.22em;text-transform:uppercase;color:#af5005;padding-bottom:.9vw;margin-bottom:1.1vw;border-bottom:1px solid #e7dace}
.blgtoc ul{list-style:none;padding:0;margin:0}
.blgtoc li{margin-bottom:.85vw}
.blgtoc a{font-family:"SFPro-Light";font-size:1.05vw;color:#7a736c;line-height:1.45;display:block;border-left:2px solid transparent;padding-left:.9vw;margin-left:-1vw;transition:all .25s}
.blgtoc a:hover,.blgtoc a.active{color:#111;border-left-color:#af5005}
.blgbody{width: 73%;font-size:1.15vw;line-height:1.8;color:#3c3833}
.blgbody h2{font-family:"SFPro-Medium";font-size:1.8vw;font-weight:400;color:#111;line-height:1.2;margin:1.5vw 0 1.2vw;scroll-margin-top:7vw}
.blgbody h2:first-of-type{margin-top:0}
.blgbody h3{font-family:"SFPro-Medium";font-size:1.4vw;font-weight:400;color:#111;margin:1.2vw 0 .7vw;line-height:1.3}
.blgbody p{font-family:"SFPro-Light";font-size:1.1vw;line-height:1.5;color:#3c3833;padding-bottom:1.1vw}
.blgbody p strong{font-family:"SFPro-Medium";font-weight:400;color:#111}
.blgbody em{font-style:italic}
.blgbody ul,.blgbody ol{margin:0 0 1.5vw 1.4vw;padding:0;list-style: disc;}
.blgbody li{font-family:"SFPro-Light";font-size:1.1vw;line-height:1.5;color:#3c3833;margin-bottom:.7vw;padding-left:.35vw}
.blgbody li::marker{color:#af5005}
.blgbody a.inline{color:#af5005;border-bottom:1px solid rgba(175,80,5,.35);transition:border-color .25s}
.blgbody a.inline:hover{border-bottom-color:#af5005}
.blgintro{font-size:1.35vw;line-height:1.75;color:#4a453f}
.blgtake{background-color:#f3ede5;padding:2vw 2.2vw;margin:0 0 2.6vw}
.blgtake h4{font-family:"SFPro-Medium";font-size:1vw;letter-spacing:.22em;text-transform:uppercase;color:#af5005;padding-bottom:1vw}
.blgtake p{font-size:1.1vw;line-height:1.5;padding-bottom: 0;}
.blgtake ul{margin:0 0 0 1.1vw;    list-style: disc;}
.blgtake li{font-size:1.1vw;margin-bottom:.65vw;line-height:1.5}
.blgtake li:last-child{margin-bottom:0}
.blgquote{font-size:1.6vw;font-style:italic;line-height:1.4;color:#111;border-top:1px solid #e7dace;border-bottom:1px solid #e7dace;padding:2vw 0;margin:1.8vw 0;text-align:center}
.blgquote span{display:block;font-family:"SFPro-Medium";font-style:normal;font-size:.95vw;letter-spacing:.2em;text-transform:uppercase;color:#af5005;margin-top:1.1vw}

.blgcall p{padding-bottom:0}
.blgtbl-wrap{overflow-x:auto;margin:2.2vw 0;-webkit-overflow-scrolling:touch}
.blgtbl{width:100%;border-collapse:collapse;font-size:1.05vw;min-width:560px}
.blgtbl thead th{background:#0b0a09;color:#f5f0e8;font-family:"SFPro-Medium";font-weight:400;font-size:.95vw;letter-spacing:.1em;text-transform:uppercase;padding:1vw 1.05vw;text-align:left;    border: 1px solid #fff;}
.blgtbl tbody td{padding:1vw 1.05vw;border:1px solid #e7dace;vertical-align:top;line-height:1.55;font-family:"SFPro-Light";color:#3c3833}
.blgtbl tbody tr:nth-child(even){background:#fbf8f3}
.blgtbl tbody td:first-child{font-family:"SFPro-Medium";color:#111}
.blgbody p.blgnote{font-size:1vw;color:#8a847d;margin-top:-1vw;padding-bottom:1.2vw}
.blgcheck{list-style:disc;margin-left:1.8vw;}
.blgcheck li{position:relative;margin-bottom:.9vw}
/*.blgcheck li::before{content:"—";position:absolute;left:0;color:#af5005;font-family:"SFPro-Medium"}*/
.blgstep{display:flex;gap:1.4vw;margin-bottom:1.8vw;align-items:flex-start}
.blgstep-num{flex:none;min-width:2.2vw;height:2.2vw;padding:0 .35vw;border:1px solid #af5005;color:#af5005;font-size:1.1vw;display:flex;align-items:center;justify-content:center;border-radius:50%;white-space:nowrap}
.blgstep-txt h3{margin-top:0!important;margin-bottom:.45vw!important;font-size:1.4vw}
.blgstep-txt p{padding-bottom:0}
.blgcta{background:#0b0a09;color:#f5f0e8;padding:2.8vw 2.8vw;margin:1.4vw 0;position:relative;overflow:hidden}
.blgcta::after{content:"";position:absolute;right:-4vw;bottom:-5vw;width:18vw;height:18vw;border-radius:50%;background:radial-gradient(circle,rgba(175,80,5,.2),transparent 70%);pointer-events:none}
.blgcta .tag{font-family:"SFPro-Medium";font-size:.9vw;letter-spacing:.24em;text-transform:uppercase;color:#af5005}
.blgcta h3{font-size:2.1vw;font-weight:400;color:#f5f0e8;margin:.7vw 0 .7vw;line-height:1.25}
.blgcta p{font-size:1.1vw;color:rgba(245,240,232,.55);padding-bottom:1.6vw;position:relative;z-index:2}
.blgcta .blgbtns{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.8vw;align-items:center}
.blgbtn{display:inline-block;background:#af5005;color:#fff;padding:.55vw 2vw;font-family:"SFPro-Medium";font-size:1vw;letter-spacing:.1em;transition:background .5s;border:1px solid #af5005}
.blgbtn:hover{background:#fff;color: #af5005;}
.blgbtn-ghost{display:inline-block;background-color: #fff; border:1px solid #af5005;color:#af5005;padding:.55vw 1.8vw;font-family:"SFPro-Medium";font-size:1vw;letter-spacing:.1em;transition:all .5s}
.blgbtn-ghost:hover{background:#af5005;color: #fff;}
.blgfaq > li{border-bottom:1px solid #e7dace;padding:0}
.blgfaq > li > a{display:block;font-size:1.4vw;color:#111;padding:1.4vw 2.6vw 1.4vw 0;position:relative;line-height:1.35}
.blgfaq > li > a::after{content:"+";position:absolute;right:.2vw;top:2.25vw;color:#af5005;font-family:"SFPro-Light";font-size:1.5vw;line-height:1;transition:transform .3s}
.blgfaq > li.active > a::after{transform:translateY(-50%) rotate(45deg)}
.blgfaq .faq-ans{padding-top:0;padding-bottom:0}
.blgfaq .faq-ans > p{font-size:1.1vw;color:#5a554f;opacity:1;width:100%;padding-bottom:1.4vw;line-height:1.5}
.blgauthor{display:flex;gap:1.5vw;align-items:flex-start;background:#f5f0e8;padding:2vw 2.2vw;margin:3.6vw 0 0}
.blgauthor-mark{flex:none;width:3.8vw;height:3.8vw;border-radius:50%;background:#0b0a09;color:#af5005;font-family:"Glorious-Regular";font-size:1.7vw;display:flex;align-items:center;justify-content:center}
.blgauthor h4{font-family:"Glorious-Regular";font-size:1.4vw;padding-bottom:.35vw}
.blgauthor p{font-size:1.05vw;color:#5a554f;padding-bottom:0;line-height:1.5}
.blgrel{background:#1a1a1a;padding:5.5vw 0}
.blgrel-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.8vw;flex-wrap:wrap;gap:1.2vw}
.blgrel-head .tag{font-family:"SFPro-Medium";font-size:1vw;letter-spacing:.24em;text-transform:uppercase;color:#af5005;display:block;padding-bottom:.7vw}
.blgrel-head h2{font-family:"Glorious-Regular";font-size:2.8vw;font-weight:400;color:#f5f0e8}
.blgrel-head a{font-family:"SFPro-Medium";font-size:1vw;letter-spacing:.16em;text-transform:uppercase;color:#af5005;border-bottom:1px solid rgba(175,80,5,.4);padding-bottom:2px}
.blgrel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.blgrel-card{background:#1a1816;transition:background .3s;display:block}
.blgrel-card:hover{background:#2a2622}
.blgrel-visual{height:20vw;overflow:hidden}
.blgrel-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.blgrel-card:hover .blgrel-visual img{transform:scale(1.05)}
.blgrel-body{padding:1.7vw 1.8vw 2vw}
.blgrel-body .c{font-family:"SFPro-Medium";font-size:.9vw;letter-spacing:.2em;text-transform:uppercase;color:#af5005}
.blgrel-body h3{font-family:"Glorious-Regular";font-size:1.5vw;font-weight:400;color:#f5f0e8;line-height:1.3;margin:.55vw 0 .55vw}
.blgrel-body p{font-size:1.05vw;color:rgba(245,240,232,.42);line-height:1.65;padding-bottom:1vw}
.blgrel-body .m{font-family:"SFPro-Light";font-size:.95vw;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.3)}
.blgfaq.faq3 {list-style: none;margin-left: 0;}
.blgspec{background:#e5e5e5;color:#f5f0e8;padding:2.4vw 2.4vw;margin:0.5vw 0 2vw;}
.blgspec h4{font-family:"SFPro-Medium";font-size:.95vw;letter-spacing:.22em;text-transform:uppercase;color:#af5005;padding-bottom:1.4vw}
.blgspec-row{display:grid;grid-template-columns:14vw 1fr;gap:1vw;padding:.7vw 0;border-bottom:1px solid #ccc;font-size:1.05vw}
.blgspec-row:last-child{border-bottom:none}
.blgspec-row span:first-child{font-family:"SFPro-Medium";color:#777;letter-spacing:.02em}
.blgspec-row span:last-child{font-family:"SFPro-Light";color:#000;line-height:1.5}
.blgbody p.blgdisc{font-size:1vw;color:#8a847d;margin-top:2vw;border-top:1px solid #e7dace;padding-top:1.4vw}

    /* ==========================================================================
                                  Responsive
       ========================================================================== */
@media only screen and (max-width: 1024px) {
    
    .logo { width: 52px; }
    .header.shead .logo { width: 42px; }
    .hedcontainer { padding: 18px 4% 14px; }
    .header.shead .hedcontainer { padding: 12px 4%; }
    .navi > li > a{font-size: 1.3vw;}
    a.quotebtn {margin-left: 4vw;}
    .container,#intelligence .container { margin: 0 4%; }
    
    .hmbaner1 .desk img {height: auto;}
    
    .hmbaner2 {width: 80%;bottom: 10%;}
    .hmbaner2 > h6 { font-size: 1.4vw; }
    .hmbaner2 > h3,
    .hmbaner2 > h4 { font-size: 5.5vw; }
    .hmbaner2 > p,
    .btnq { font-size: 1.5vw; }
    .hmbaner3 > h5 { font-size: 7vw; }
    .leather-marquee__item { font-size: 1.6vw; }
    .explorec > h3 { font-size: 5vw; }
/*    .category-card { width: 49.5%; margin-bottom: 1%; }*/
    .category-card1 > h5 span{display: inline-block;}
    .category-card1 > h5 { font-size: 2vw; }
    .category-card1 > h5 span,
    .ctrgy-list > li,
    .cbtn { font-size: 1.5vw; }
    .cmnstyl > h5 { font-size: 1.4vw; }
    .cmnstyl > h3{padding-top: 20px;}
    .cmnstyl > h3,
    .cmnstyl > h4 { font-size: 5vw; }
    .cmnstyl > p,
    .story1 > p,
    .strylt > p { font-size: 1.5vw; }
    .strylt > h5 { font-size: 2vw; }
    .story2 {
    width: 48%;
}
    .strylt{padding: 3% 3% 3%;}
    .comptve1{width: 60%;}
    .comptve42 > h5,.comneq > h5 { font-size: 2.1vw; }
    .comptve42 > p { font-size: 1.5vw; }
    .comptve3 .owl-nav button,
    .artcle2 .owl-nav button,
    .intlgnc2 .owl-nav button,.banerslider .owl-nav button { width: 36px; height: 36px; }
    .leathr-brand { font-size: 1.8vw; padding: 1vw 1vw; }
    .leathr-pills > li > a { font-size: 1.6vw; padding: 1vw 0.8vw; }
    .leathr-info {
    width: 43%;}
    .leathr-spec{width: 49%;}
    .leathr-info > h6 { font-size: 1.4vw; }
    .leathr-info > h5 { font-size: 5vw; }
    .leathr-info > p,
    .leathr-spec > h5,
    .leathr-spec > h6,
    .leather-cta > a { font-size: 1.5vw; }
    .leathr-shades > h6 { font-size: 1.6vw; width: 30%; }
/*    .leathr-swatch { width: 4vw; }*/
    .leathr-swatch > span { font-size: 1.2vw; }
    .swtchk1 > h3,
    .swtchk1 > h4 { font-size: 5vw; }
    .swtchk1 > p,
    .swtchk1 ul > li,
    .efrm1 > label,
    .efrm11,
    .eeffrm1 > input,
    .cntctl2 > p,.comneq > h6,.dropcnt > li > a  { font-size: 1.5vw; }
    .swtchk1 ul > li{padding-left: 2vw;}
    .swtchk1 ul > li::before{width: 1.2vw;
    height: 1.2vw;
}
    .cntctl2 > p{width: 100%;}
    .swtchk2 {
        width: 55%;}
    .autmtive { width: 92%;padding: 7% 0;}
    .autmtive1 { width: 80%; }
    .autmtive1 > h5,
    .autmtive21 > h6,
    .autmtive22 > h6 { font-size: 1.4vw; }
    .autmtive1 > h4 { font-size: 5vw; }
    .autmtive1 > p,
    .autmtive21 > p,
    .grde > li dt,
    .grde > li dd,
    .enqaut > a,
    .reason-content > p,
    .sampriz > a { font-size: 1.5vw; }
    .autmtive21 > h5,
    .reason-content > h3 { font-size: 2vw; }
    span.reason-number { font-size: 7vw; }
    .autmtive21{padding: 4% 4% 3.5% 4%;}
    .autmtive22{padding: 4% 4%;}
    .howrk2{    margin: 7% 0% 4.3%;}
    .howrk2::before{top: 14vw;}
    .howrk21:nth-child(odd) .sptp {
    top: 17.5vw;
}
    .howrk21:nth-child(even) {
        padding-top: 28vw;}
    .howrk21:nth-child(even) .sptp {
    top: 14.2vw;
}
    .howrk21 > h5 { font-size: 1.8vw; }
    .howrk-copy > h5 { font-size: 1.8vw; }
    .howrk21 > p,
    .howrk-copy > p { font-size: 1.4vw; }
    .sptp { width: 8vw; height: 8vw; }
    .sptp > h5 { font-size: 3vw; }
    .stndrd1 > h5 { font-size: 1.4vw; }
    .stndrd1 > h4 { font-size: 5vw; }
    .stndrd1 > p,
    .stndrd21 th,
    .stndrd21 td { font-size: 1.4vw; }
    .wedo11 > h3 { font-size: 4vw; }
    .wedo12 > p,
    .wedo23 > p,
    .wedo23 ul > li { font-size: 1.4vw; }
    .wedo3 > li > a { font-size: 2vw; }
    .bespok2 > p { font-size: 1.4vw; }
    .brochur1 > h3 { font-size: 4.5vw; width: 42%; }
    .brochur1 > p,
    .subscrb1 > input.yrema,
    .subscrb2 > input.subtns,
    .oblig > li,.subscrb2 > .subtns { font-size: 1.4vw; }
    .whatwedo {
    padding-top: 5%;
}
    .bespok{    padding: 3.5% 4.5%;}
    .bespok2 {
    width: 35%;
}
    .cbtn{padding: 0.5vw 3vw 0.5vw 1vw;}
    .brochur1 > p{width: 50%;}
    .brch{width: 50%;}
    .accesory {
    padding: 8% 0 8%;
}
    .artcle31 {
    padding: 0;
}
    .expcnslt1{margin-top: 0px;}
    .accesory1 { width: 80%; }
    .accesory1 > h3 { font-size: 4vw; }
    .accesory1 > p,
    .accesory32 > p,
    .aqbtn,
    .accesory4 > p { font-size: 1.4vw; }
    .accesory32 > h5 { font-size: 1.6vw; }
    .galig { height: 30vw; }
    .ourproces3 > h4 { font-size: 4vw; }
    .ourproces3 > p,
    .oprstp > h5 { font-size: 1.4vw; }
    .opstpig { width: 5.5vw; height: 5.5vw; }
    .artcle > h3,
    .intlgnc > h3 { font-size: 4vw; }
    .artcle31 > p,
    .artcle32 > p,
    .intlgnc4 > p,
    .intlgnc4 > span { font-size: 1.4vw; }
    .artcle32 > h5,
    .intlgnc4 > h5 { font-size: 1.7vw; }
    .intlgnc4 > h6 { font-size: 1.2vw; }
    .expcnslt1 > h3,
    .expcnslt1 > h4 { font-size: 4vw; }
    .expcnslt1 > p,
    .prjspc2 > p,
    .expfrm1 > label,
    .expfrm11,
    .eexpffrm > input,
    .chtdir1 > span,
    .chtdir2 > a,
    .faq1 > p,
    .faq3 > li > a,
    .faq-ans > p,.expcenq > h6 { font-size: 1.4vw; }
    .prjspc2 > h5 { font-size: 1.8vw; }
    .expcenq > h5{font-size: 2.2vw;}
    .prjspc1 { width: 5.5vw; }
    .faq1 {
    width: 35%;
}
    .faq2 {
    width: 55%;
}
    .footer{padding: 5% 4% 0;}
    .fotr1{width: 28%;margin-right: 8.5%;}
    .social > li:last-child{margin-right: 0;}
    .fotr1 > h3,
    .footer21 > h5 { font-size: 1.5vw; }
    .fotr1 > p,
    .ftmenu > li > a,
    .ft-conct2 > p,
    .ft-conct2 .ftadr,
    .compny > p,
    .cpyrt > li > a { font-size: 1.7vw; }
    .foot11 { width: 7vw; }
    .ft-conct1 { width: 3.6vw; height: 3.6vw; }
    .enqpop-box { max-width: 500px; padding: 4vw; }
    .enqpop-close { width: 2.4vw; top: 2vw; right: 2vw; }
    .enqpop-head > h5 { font-size: 2.4vw; }
    .enqpop-head > p,
    .enqfld > label,
    .enqinp,
    .enqpop-submit > input { font-size: 1.5vw; }
    .legalpop-box { max-width: 640px; padding: 4vw; }
    .legalpop-close { width: 2.4vw; top: 2vw; right: 2vw; }
    .legalpop-head > h5 { font-size: 2.4vw; }
    .legalpop-head > p { font-size: 1.3vw; }
    .legalpop-body > h6 { font-size: 1.7vw; padding: 1.6vw 0 0.6vw; }
    .legalpop-body > p { font-size: 1.5vw; }
    .enbt a span {display: none;}

    /*---------Blog detail-----------------------*/
    .main.blogpg .header .logo { width: 42px; }
    .main.blogpg .hedcontainer { padding: 12px 4%; }
    .blghero { padding: 14vw 0 7vw; }
    .blgcrumb { font-size: 1.3vw; }
    .blgcat { font-size: 1.3vw; }
    .blghero h1 { font-size: 4.8vw; max-width: 90%; }
    .blglead { font-size: 1.6vw; max-width: 80%; }
    .blgmeta { font-size: 1.3vw; gap: 2vw; }
    .blgwrap { grid-template-columns: 1fr; gap: 0; padding: 6vw 0 3vw; }
    .blgtoc { display: none; }
    .blgbody { max-width: 100%; font-size: 1.55vw;    width: 100%; }
    .blgbody h2 { font-size: 2.5vw; scroll-margin-top: 10vw; }
    .blgbody h3 { font-size: 2vw; }
    .blgbody p,
    .blgbody li { font-size: 1.55vw; }
    .blgbody p.blgnote{font-size: 1.2vw;}
    .blgintro { font-size: 1.75vw; }
    .blgtake { padding: 3vw 3.2vw; }
    .blgtake h4 { font-size: 1.3vw; }
    .blgtake li { font-size: 1.5vw; }
    .blgquote { font-size: 2.3vw; padding: 3vw 0; }
    .blgquote span { font-size: 1.2vw; }
    .blgcall { padding: 2.6vw 2.8vw; }
    .blgcall .tag { font-size: 1.2vw; }
    .blgtbl { font-size: 1.4vw; }
    .blgtbl thead th { font-size: 1.2vw; padding: 1.4vw; }
    .blgtbl tbody td { padding: 1.4vw; }
    .blgstep-num { width: 3vw; height: 3vw; font-size: 1.4vw; }
    .blgstep-txt h3 { font-size: 2vw; }
    .blgcta { padding: 4vw; }
    .blgcta .tag { font-size: 1.2vw; }
    .blgcta h3 { font-size: 3.2vw; }
    .blgcta p { font-size: 1.5vw; max-width: 100%; }
    .blgbtn,
    .blgbtn-ghost { font-size: 1.4vw; padding: 1.2vw 2.4vw; }
    .blgfaq > li > a { font-size: 2vw; }
    .blgfaq .faq-ans > p { font-size: 1.5vw; }
    .blgauthor { padding: 3vw; }
    .blgauthor-mark { width: 6vw; height: 6vw; font-size: 2.4vw; }
    .blgauthor h4 { font-size: 2.2vw; }
    .blgauthor p { font-size: 1.5vw; }
    .blgrel { padding: 8vw 0; }
    .blgrel-head h2 { font-size: 4vw; }
    .blgrel-head .tag,
    .blgrel-head a { font-size: 1.3vw; }
    .blgrel-visual { height: 18vw; }
    .blgrel-body h3 { font-size: 2.2vw; }
    .blgrel-body p,
    .blgrel-body .c,
    .blgrel-body .m { font-size: 1.4vw; }
    .blgfaq > li > a::after{font-size: 2.5vw}
    
}
@media only screen and (max-width: 900px){
    .desk1 { display: none; }
    .mob1 { display: block; }
    .hedright .navi { display: none; }
    .phmenu { display: block; }
    .moblnk {
        display: block;
        width: 30px;
        height: 22px;
        position: relative;
        z-index: 10;
    }
    .moblnk span,
    .moblnk span::before,
    .moblnk span::after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transition: all 300ms ease-in-out;
    }
    .moblnk span { top: 10px; }
    .moblnk span::before { top: -8px; }
    .moblnk span::after { top: 8px; }
    .sldmnu {
        display: block;
        position: fixed;
        top: 0;
        right: -100%;
        width: 70%;
        max-width: 360px;
        height: 100%;
        background-color: #0b0a09;
        z-index: 665;
        padding: 90px 40px 40px;
        overflow-y: auto;
        transition: right 400ms ease-in-out;
    }
    .sldmnu.open { right: 0; }
    .smclos {
        position: absolute;
        top: 22px;
        right: 22px;        width: 30px;
        height: 30px;
        display: block;
        z-index: 2;padding: 9px;border-radius: 50%;background-color: #fff;
    }
    .smclos img {
        width: 100%;
        height: auto;
        display: block;
    }
    .opts > li { padding-bottom: 18px; }
    .opts > li > a {
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
        display: block;
    }
    .opts > li > a.quotebtn {
        margin-left: 0;
        display: inline-flex;
        margin-top: 10px;
        padding: 12px 40px 12px 18px;
        font-size: 14px;
    }
    
    /*--------------------Home-------------------------*/
    section#categories,section#about {
    overflow: hidden;
}
    .overscrl {
    overflow-x: auto;overflow-y: hidden;
}
    .cmnstyl > h5{letter-spacing: 0.3em;}
    .cmnstyl > h5,
    .cmnstyl > p,
    .story1 > p,
    .strylt > p,
    .comptve42 > p,
    .navi > li > a,
    .hmbaner2 > h6,
    .hmbaner2 > p,
    .btnq,
    .leather-marquee__item,
    .category-card1 > h5 span,
    .ctrgy-list > li,
    .cbtn,
    .ctag .cbtn{font-size: 2vw;}
    .explorec > h3,
    .cmnstyl > h3,
    .cmnstyl > h4,
    .hmbaner2 > h3,
    .hmbaner2 > h4{font-size: 5.5vw;}
    .strylt > h5,
    .comptve42 > h5,
    .comneq > h5,
    .category-card1 > h5{font-size: 2.5vw;}
    .hmbaner1{padding-bottom: 80px;background-color: #000;}
    .hmbaner2{width: 86%;bottom: 9%;}
    .hmbaner2 > h6{letter-spacing: 0.3em;}
    .hmbaner2 > p{padding-bottom: 12px;}
    .btnq{padding: 1.1vw 4.2vw 1.1vw 1.4vw;}
    .hmbaner3{left: 4%;}
    .hmbaner3 > h5{font-size: 9vw;}
    .scrollnxt{right: 4%;}
    .scrollnxt > a{width: 5vw;}
    .leather-marquee{padding: 2.2vw 0;}
    .leather-marquee__dot{width: 0.7vw;height: 0.7vw;flex: 0 0 0.7vw;}
    .explorec{padding: 6% 0;}
    .category-grid{gap: 2%;width: 180%;}
    .category-card{width: 49%;margin-bottom: 2%;padding: 4% 2.5%;}
    .category-card1{width: 100%;}
    .category-icon{width: 22%;}
    .category-card1 > h5 span{padding: 0.3vw 1vw;font-size: 2vw;}
    .ctrgy-list{padding-top: 6%;}
    .cbtn{padding: 0.7vw 3.2vw 0.7vw 1.1vw;}
    .story{flex-direction: column;gap: 4vw;padding: 6% 0 4%;}
    .story1,
    .story2{width: 100%;}
    .story1 > p{padding-top: 0;}
    .strylst{gap: 2%;padding-bottom: 4%;width: 150%;}
    .strylt{width: 49%;margin-bottom: 2%;padding: 4% 3.5% 4%;}
    .stryig{width: 28%;}
    .comptive{padding: 8% 0 9%;}
    .comptve1{width: 78%;}
    .comptve42{padding: 11% 9% 17% 10%;}
    .comptve42 > h5{font-size: 2.6vw;}
    /* Leather collections — content first, then images */
    .leathr1 > h3,
    .leatherc .cmnstyl > h3{font-size: 5.5vw;}
    .leathr-brands{gap: 2%;padding-bottom: 3%;}
    .leathr-brands > li{width: 22vw;}
    .leathr-brand{font-size: 2.2vw;padding: 1.3vw 1vw;}
    .leathr-pills{gap: 1.2vw;padding: 2% 0 3%;}
    .leathr-pills > li > a{font-size: 2vw;padding: 1vw 0.6vw;}
    .leathr-detail{
        flex-direction: column;
        gap: 4vw;
    }
    .leathr-info,
    .leathr-gallery{width: 100%;}
    .leathr-info > h6{font-size: 2vw;letter-spacing: 0.25em;}
    .leathr-info > h5{font-size: 6vw;}
    .leathr-info > p,
    .leathr-spec > h5,
    .leathr-spec > h6,
    .leather-cta > a,
    .leathr-swatch > span{font-size: 2vw;}
    .leathr-spec{padding: 1.4vw 1.5vw;}
    .leathr-shades{padding-top: 4%;padding-bottom: 5%;}
    .leathr-shades > h6{font-size: 2.2vw;width: auto;padding-right: 3%;}
/*    .leathr-swatch{width: 6vw;}*/
    .leather-cta > a{padding: 1.1vw 2vw;}
    .leathr-gallery{
        display: flex;
        align-items: flex-start;
        gap: 2%;
    }
    .leathr-mainimg{
        width: 59%;
        flex-shrink: 0;
    }
    .leathr-thumbs{
        width: 39%;
        padding-top: 0;
        flex: 1;
    }
    .leathr-thumbs .leathx.owl-carousel .owl-nav{
        top: 42%;
        left: -1.2vw;
        right: -1.2vw;
    }
    .swtchkit { flex-direction: column; }
    .swtchk1,
    .swtchk2 { width: 100%; }
    .swtchk1 { padding-bottom: 5%; }
    .swtchk1 > h3,
    .swtchk1 > h4 { font-size: 5.5vw; }
    .swtchk1 > p,
    .swtchk1 ul > li {
        font-size: 2vw;
    }
    .swtchk1 ul > li {
        padding-left: 3vw;
        padding-bottom: 2.2%;
    }
    .swtchk1 ul > li::before {
        width: 1.8vw;
        height: 1.8vw;
        top: 0.35vw;
    }
    .comneq > h5 { font-size: 3vw; }
    .comneq > h6,
    .cntctl2 > p,
    .efrm1 > label,
    .efrm11,
    .eeffrm1 > input,
    .dropcnt > li > a { font-size: 2.2vw; }
    .efrm11 { padding: 1.5vw 2vw; }
    .eeffrm1 > input { font-size: 2.2vw; padding: 1.3vw 2vw; }
    .autmtive2 { flex-direction: column; gap: 3vw; }
    .autmtive21,
    .autmtive22 { width: 100%; }
    .autmtive1 { width: 90%; }
    .autmtive1 > h5,
    .autmtive21 > h6,
    .autmtive22 > h6 { font-size: 2vw; letter-spacing: 0.3em; }
    .autmtive1 > h4 { font-size: 5.5vw; }
    .autmtive1 > p,
    .autmtive21 > p,
    .grde > li dt,
    .grde > li dd,
    .enqaut > a,
    .reason-content > p,
    .sampriz > a { font-size: 2vw; }
    .autmtive21 > h5,
    .reason-content > h3 { font-size: 2.8vw; }
    span.reason-number { font-size: 9vw; }
    .enqaut > a { padding: 1.2vw; font-size: 2.2vw; }
    .howrk2 {
        flex-wrap: wrap;
        margin: 6% 0 0;gap:2%;
    }
    .howrk2::before { display: none; }
    .howrk21 {
        width: 49%;
        flex: none;
        padding: 0 2% 6% !important;
    }
    .howrk21:nth-child(odd) .sptp,
    .howrk21:nth-child(even) .sptp {
        position: static;
        transform: scale(1);opacity: 1;
        margin: 0 auto 3vw;
    }
    .howrk-copy {
        opacity: 1;}
    .howwrk.is-animated .howrk21 .sptp {
        transform: scale(1);
    }
    .howrk21:nth-child(even) { padding-top: 0 !important; }
    .howrk21 > h5,
    .howrk-copy > h5 { font-size: 2.6vw; }
    .howrk21 > p,
    .howrk-copy > p { font-size: 2vw; }
    .sptp { width: 9vw; height: 9vw; }
    .sptp > h5 { font-size: 3.6vw; }
    .standard { flex-direction: column; gap: 5vw; }
    .stndrd1,
    .stndrd2 { width: 100%; }
    .stndrd1 > h4 { max-width: 100%; font-size: 6vw; }
    .stndrd1 > h5 { font-size: 2vw; }
    .stndrd1 > p,
    .stndrd21 th,
    .stndrd21 td,.stndrd21 th:last-child { font-size: 2.2vw; }
    .stndrd21 th,.stndrd21 td{    padding: 1.5vw 2.1vw;}
    .howwrk.is-animated .howrk21:nth-child(1) .sptp, .howwrk.is-animated .howrk21:nth-child(2) .sptp, .howwrk.is-animated .howrk21:nth-child(3) .sptp, .howwrk.is-animated .howrk21:nth-child(4) .sptp {transform: translateX(0) scale(1);}
    .wedo1 { flex-direction: column; align-items: flex-start; gap: 3vw; }
    .wedo11,
    .wedo12 { width: 100%; }
    .wedo2 { flex-direction: column; gap: 4vw; }
    .wedo21{width: 50%;}
    .wedo22 { width: 100%; }
    .wedo11 > h3 { font-size: 5.5vw; }
    .wedo12 > p,
    .wedo23 > p,
    .wedo23 ul > li { font-size: 2vw; }
    .wedo3 > li > a { font-size: 2.8vw;padding-right: 5vw;}
    .wedo3 > li > a::after{width: 1vw;height: 1vw;}
    .bespok { flex-direction: column; align-items: flex-start; gap: 3vw; padding: 5vw; }
    .bespok1 > h3 { font-size: 4.5vw; }
    .bespok2 { width: 100%; }
    .bespok2 > p { font-size: 2.2vw; }
    .brochur1 > h3 { font-size: 5.5vw; width: 70%; }
    .brochur1 > p {
        font-size: 2.2vw;
        width: 75%;
    }
    .brch { width: 70%; }
    .subscrb1 > input.yrema,
    .subscrb2 > input.subtns,
    .subscrb2 > .subtns,
    .oblig > li { font-size: 2.2vw; }
    .subscrb1 > input.yrema { width: 100%; }
    .oblig > li { padding-left: 2.6vw; }
    .oblig > li::before {
        width: 1.8vw;
        height: 1.8vw;
        line-height: 1.8vw;
        font-size: 1.1vw;
    }
    .accesory { padding: 8% 0; }
    .accesory1 { width: 90%; }
    .accesory1 > h3 { font-size: 5.2vw; }
    .accesory1 > p,
    .accesory32 > p,
    .aqbtn,
    .accesory4 > p { font-size: 2.2vw; }
    .accesory32 > h5 { font-size: 2.5vw; }
    .accesory2 { flex-wrap: wrap; gap: 3%; }
    .accesory3 { width: 48.5%; margin-bottom: 3%; }
    .accenq a.aqbtn {
    width: 50%;
}
    .accesory32 { padding: 2vw 1.8vw 2.2vw; }
    .ourproces3 > h4 { font-size: 5vw; }
    .ourproces3 > p,
    .oprstp > h5 { font-size: 2.2vw; }
    .opstpig { width: 7vw; height: 7vw; }
    .artcle > h3,
    .intlgnc > h3 { font-size: 5.2vw; }
    .artcle31 > p,
    .artcle32 > p,
    .intlgnc4 > p,
    .intlgnc4 > span { font-size: 2.2vw; }
    .artcle32 > h5,
    .intlgnc4 > h5 { font-size: 2.5vw; }
    .intlgnc4 > h6 { font-size: 1.8vw; }
    .artcle3 { padding: 3vw 2.4vw; }
    .intlgnc4 { padding: 2.2vw; }
    .expconsult { flex-direction: column; gap: 5vw; }
    .expconsult > .expcnslt1:first-child,
    .expconsult > .expcnslt1:last-child,
    .expconsult > .expcnslt2 { width: 100%; }
    .expcnslt1 > h3,
    .expcnslt1 > h4,
    .faq1 > h3,
    .faq1 > h4 { font-size: 5.5vw; }
    .expcnslt1 > p,
    .prjspc2 > p,
    .expfrm1 > label,
    .expfrm11,
    .eexpffrm > input,
    .chtdir1 > span,
    .chtdir2 > a,
    .faq1 > p,
    .faq3 > li > a,
    .faq-ans > p,
    .expcenq > h6 { font-size: 2vw; }
    .prjspc2 > h5 { font-size: 2.6vw; }
    .expcenq > h5 { font-size: 3vw; }
    .prjspc1 { width: 7vw; }
    .prjspc2 {
    width: 88%;
}
    .prjspc{padding-bottom: 3vw;}
    .expfrm11 { padding: 1.3vw 1.4vw; }
    .faqs { flex-direction: column; gap: 5vw; }
    .faq1,
    .faq2 { width: 100%; }
    .faq1 > p { width: 100%; }
    .fotr1 > h3,
    .footer21 > h5 { font-size: 2.4vw; }
    .fotr1 > p,
    .ftmenu > li > a,
    .ft-conct2 > p,
    .ft-conct2 .ftadr,
    .compny > p,
    .cpyrt > li > a { font-size: 2.1vw; }
    .foot11 { width: 9vw; }
    .ft-conct1 { width: 4.5vw; height: 4.5vw; }
    .footer2 { flex-wrap: wrap; gap: 4vw; }
    .fotr1 { width: 32%; }
    .fotr2,
    .fotr3 { width: 25%; }
    .fotr4 { width: 100%; }
    .enqpop-box { max-width: 500px; padding: 4.5vw; }
    .enqpop-head > h5 { font-size: 3vw; }
    .enqpop-head > p,
    .enqfld > label,
    .enqinp,
    .enqpop-submit > input { font-size: 2.2vw; }
    .legalpop-box { max-width: 88%; padding: 4.5vw; }
    .legalpop-head > h5 { font-size: 4vw; }
    .legalpop-head > p { font-size: 1.8vw; }
    .legalpop-body > h6 { font-size: 2.2vw; }
    .legalpop-body > p { font-size: 2.1vw; }
    .faq3 > li > a::after{font-size: 2.3vw;}
    .comptve3 .owl-nav button, .leathx .owl-nav button, .newsmd .owl-nav button, .brstory .owl-nav button, .testimn .owl-nav button, .blogsl .owl-nav button{width: 4vw;
    height: 4vw;}
    .artcle2 .owl-nav button span, .intlgnc2 .owl-nav button span{width: 1vw;height: 1vw;}
        .cmnstyl > h3 {
        padding-top: 10px;
    }
    .leathr-swatches1 .owl-nav button{    width: 3vw;height: 3vw;}
    .faq1 .cmnstyl {position: static;}
    .leathr-swatches{padding-left: 40px;}
    .leathr-pills > li {
    width: 15%;
}
    /*--------------------Blog Detail-------------------------*/
    .blghero { padding: 12vw 0 6vw; }
    .blgcrumb { font-size: 1.8vw; padding-bottom: 2.5vw; letter-spacing: .14em; }
    .blgcat { font-size: 1.8vw; padding-bottom: 1.6vw; letter-spacing: .2em; }
    .blghero h1 {max-width: 100%; line-height: 1.18; }
    .blglead { font-size: 2vw; max-width: 100%; margin-top: 2vw; line-height: 1.6; }
    .blgmeta { font-size: 1.8vw; gap: 2vw 2.5vw; margin-top: 3vw; padding-top: 2vw; letter-spacing: .1em; }
    .blgwrap { display: block; padding: 6vw 0 3vw; gap: 0; }
    .blgtoc { display: none; }
    .blgbody { width: 100%; font-size: 2vw; line-height: 1.65; }
    .blgbody h2 { font-size: 3vw; margin: 2vw 0 2vw; scroll-margin-top: 12vw; line-height: 1.25; }
    .blgbody h3 { font-size: 2.4vw; margin: 3vw 0 1.2vw; line-height: 1.3; }
    .blgbody p,
    .blgbody li,
    .blgtake p,
    .blgtake li,
    .blgstep-txt p,
    .blgcta p,
    .blgfaq .faq-ans > p,
    .blgauthor p,
    .blgrel-body p { font-size: 2vw; line-height: 1.5; }
    .blgbody p { padding-bottom: 2.2vw; }
    .blgtake p{padding-bottom: 0 !important;}
    .blgbody li { margin-bottom: 1.4vw; }
    .blgbody ul,
    .blgbody ol { margin: 0 0 0vw 2vw; }
    .blgintro { font-size: 2vw; line-height: 1.6; padding-bottom: 2.5vw; }
    .blgtake { padding: 4vw 4vw; margin: 0 0 4vw; }
    .blgtake h4 { font-size: 2vw; padding-bottom: 2vw; letter-spacing: .1em; }
    .blgtake li { margin-bottom: 1.4vw; }
    .blgquote { font-size: 2.8vw; padding: 4vw 0; margin: 4vw 0; line-height: 1.4; }
    .blgquote span { font-size: 2vw; margin-top: 2vw; }
    .blgtbl-wrap { margin: 3.5vw 0; }
    .blgtbl { font-size: 2vw; min-width: 520px; }
    .blgtbl thead th { font-size: 1.8vw; padding: 2vw 1.6vw; letter-spacing: .08em; }
    .blgtbl tbody td { padding: 2vw 1.6vw; font-size: 2vw; line-height: 1.5; }
    .blgbody p.blgnote { font-size: 1.8vw; margin-top: -1.5vw; padding-bottom: 2.5vw; }
    .blgcheck { margin-left: 4vw; }
    .blgcheck li { margin-bottom: 1.8vw; }
    .blgstep { gap: 2.5vw; margin-bottom: 1.5vw; }
    .blgstep-num { width: 4vw; height: 4vw; font-size: 2vw; }
    .blgstep-txt h3 { font-size: 3vw; margin-bottom: 1vw !important; }
    .blgcta { padding: 5vw 4.5vw; margin: 4vw 0; }
    .blgcta .tag { font-size: 2vw; }
    .blgcta h3 { font-size: 3.4vw; margin: 1.4vw 0 1.4vw; }
    .blgcta p { padding-bottom: 3vw; max-width: 100%; }
    .blgcta .blgbtns { gap: 2vw; }
    .blgbtn,
    .blgbtn-ghost { font-size: 2vw; padding:1.2vw 2.4vw; letter-spacing: .04em; }
    .blgfaq > li > a { font-size: 2.5vw; padding: 1.5vw 5vw 2vw 0; line-height: 1.35; }
    .blgfaq > li > a::after { font-size: 4vw; top: 2.8vw; }
    .blgfaq .faq-ans > p { padding-bottom: 2.5vw; }
    .blgauthor { gap: 3vw; padding: 4vw; margin: 5vw 0 0; }
    .blgauthor-mark { width: 8vw; height: 8vw; font-size: 3.5vw; }
    .blgauthor h4 { font-size: 4.2vw; padding-bottom: 1vw; }
    .blgrel { padding: 8vw 0; }
    .blgrel-head { margin-bottom: 4vw; gap: 2vw; }
    .blgrel-head .tag { font-size: 2vw; padding-bottom: 1.2vw;letter-spacing: 0.1em; }
    .blgrel-head h2 { font-size: 5vw; }
    .blgrel-head a { font-size: 2vw; }
    .blgrel-grid { grid-template-columns: 1fr; gap: 12px; }
    .blgrel-visual { height: 28vw; }
    .blgrel-body { padding: 3.5vw 3.2vw 4vw; }
    .blgrel-body .c { font-size: 2vw; }
    .blgrel-body h3 { font-size: 4.4vw; margin: 1.2vw 0 1.2vw; }
    .blgrel-body p { padding-bottom: 2vw; }
    .blgrel-body .m { font-size: 2vw; }
    .blgspec { padding: 4vw; margin: 4vw 0; }
    .blgspec h4 { font-size: 2vw; padding-bottom: 2.5vw; }
    .blgspec-row { grid-template-columns: 1fr; gap: .4vw; padding: 1.4vw 0; font-size: 2vw; }
    .blgbody p.blgdisc { font-size: 1.8vw; margin-top: 3vw; padding-top: 2vw; }
    #blogs,#testimonials {overflow: hidden;}
    a.redmre{font-size: 2vw;}
}
@media only screen and (max-width: 39em) {
    .loader-img {
        width: 60px;}
    .loader-prog{width: 200px;}
    .desk{display: none;}
    .mob{display: block;}
    .sldmnu { width: 82%; padding: 80px 24px 30px; }
    .opts > li > a { font-size: 16px; }
    .logo { width: 44px; }
    .header.shead .logo { width: 36px; }
    .hedcontainer { padding: 14px 5% 12px; }
        .header.shead .hedcontainer {
        padding: 12px 5%;
    }
    .container { margin: 0 5%; }
    .hmbaner2 {
        width: 90%;
        bottom: 8%;
        left: 50%;
    }
    .hmbaner2 > h6 {
        font-size: 3vw;
        letter-spacing: 0.3em;
    }
    .hmbaner2 > h3,
    .hmbaner2 > h4 { font-size: 8.5vw; padding-top: 10px; }
    .hmbaner2 > p {
        font-size: 4vw;
        padding: 8px 0 14px;
    }
    .btnq {
        font-size: 3.4vw;
        padding: 12px 42px 12px 14px;
    }
    .exnda2,
    .sticn2,
    span.cbtn2,
    span.aqbtn2 {
        width: 8px;
        height: 8px;
        border-width: 2px;
        right: 12px;
    }
    .hmbaner3 { display: none; }
    .scrollnxt {
        right: 4%;
        bottom: 4%;
    }
    .scrollnxt > a { width: 28px; }
    .leather-marquee { padding: 14px 0; }
    .leather-marquee__item {
        font-size: 4vw;
        gap: 12px;
        padding-right: 12px;
    }
    .leather-marquee__dot {
        width: 5px;
        height: 5px;
        flex-basis: 5px;
    }
    .explorec { padding: 12% 0 6%; }
    .explorec > h3 { font-size: 9vw; }
    .category-grid {    padding-top: 4%;gap: 1%;width: 350%;}
    .category-card {
        width: 100%;
        margin-bottom: 14px;
        padding:4% 2.5%;
    }
    .category-icon { width: 18%; }
    .category-card1 > h5 { font-size: 5.2vw; }
    .category-card1 > h5 span {
        font-size: 3.2vw;
        margin-left: 8px;
        padding: 2px 6px;
    }
    .ctrgy-list { padding-top: 5%; }
    .ctrgy-list > li {
        font-size: 4vw;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .ctag .cbtn,.cbtn {
        font-size: 4vw;
        padding: 10px 36px 10px 12px;
    }
    .story { padding: 10% 0 6%; }
    .strylst{width: 280%;}
    .cmnstyl > h5 {
        font-size: 3.2vw;
        letter-spacing: 0.3em;padding-bottom: 5px;
    }
    .cmnstyl > h3,
    .cmnstyl > h4 ,.leathr1 > h3, .leatherc .cmnstyl > h3{ font-size: 9vw; padding-top: 5px; }
    .cmnstyl > p,
    .story1 > p,
    .strylt > p { font-size: 4vw; }
    .strylt {
        width: 100%;
        margin-bottom: 12px;
        padding: 3% 3%;
    }
    .stryig { width: 30%; }
    .strylt > h5 { font-size: 4.8vw; }
    .comptive { margin: 6% 0; padding: 12% 0; }
    .comptve1 { width: 100%; }
    .comptve42 { padding: 10% 8% 14%; }
    .comptve42 > h5 { font-size: 5vw; }
    .comptve42 > p { font-size: 4vw; }
    .comptve3 .owl-nav button, .leathx .owl-nav button, .banerslider .owl-nav button, .brstory .owl-nav button, .testimn .owl-nav button, .blogsl .owl-nav button{width: 8vw;
    height: 8vw;}
    .comptve3 .owl-nav button span, .leathx .owl-nav button span, .banerslider .owl-nav button span, .brstory .owl-nav button span, .testimn .owl-nav button span, .blogsl .owl-nav button span{width: 3vw;height: 3vw;background: url(../img/rarrow.png) no-repeat 3px 1px / 1.6vw auto;}
    .artcle2 .owl-nav button span, .intlgnc2 .owl-nav button span{width: 2.5vw;height: 2.5vw;}
    .leatherc { padding: 12% 0; }
    .leathr2 { padding-top: 6%; }
    .leathr-brands {
        gap: 10px;
        padding-bottom: 5%;
    }
    .leathr-brands > li { width: 100%; }
    .leathr-brand {
        font-size: 4vw;
        padding: 14px 12px;
    }
    .leathr-select-wrap {
        padding: 0 0 6%;
        z-index: 5;        position: sticky;
        top: 74px;
        background-color: #fff;
    }
    .leathr-select-btn {
        display: block;
        position: relative;
        font-family: "SFPro-Medium";
        font-size: 4vw;
        padding: 14px 44px 14px 18px;
        border: 1px solid #ddc0ad;
        border-radius: 8px;
        background-color: #f1ede7;
        color: #222;
        text-transform: capitalize;
    }
    .leathr-select-btn::after {
        position: absolute;
        content: '';
        top: 40%;
        right: 18px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #222;
        border-right: 1px solid #222;
        transform: translateY(-50%) rotate(135deg);
    }
    .leathr-select-wrap.active .leathr-select-btn::after {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }
    .leathr-pills {
        display: none;
        position: absolute;
        top: calc(100% - 15px);
        left: 0;
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
        padding: 0;
        border: 1px solid #ddc0ad;
        border-radius: 8px;
        background-color: #fff;
        overflow: hidden;
        z-index: 6;
    }
    .leathr-pills > li {
        width: 100%;
    }
    .leathr-pills > li > a {
        font-size: 4vw;
        padding: 14px 18px;
        border-radius: 0;
        background-color: #fff;
        text-align: left;
    }
    .leathr-pills > li.active > a,
    .leathr-pills > li > a:hover {
        background-color: #af5005;
        color: #fff;
    }
    .leathr-info > h6 {
        font-size: 4vw;
        letter-spacing: 0.2em;
    }
    .leathr-info > h5 { font-size: 10vw; }
    .leathr-info > p { font-size: 4vw; }
    .leathr-spec {
        width: 100%;
        padding: 14px 12px;
        margin-bottom: 10px;
    }
    .leathr-spec > h5,
    .leathr-spec > h6 { font-size: 4vw; }
    .leathr-shades {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding: 8% 0;
    }
    .leathr-shades > h6 {
        width: 100%;
        font-size: 3.6vw;
    }
/*    .leathr-swatch { width: 14vw; }*/
    .leathr-swatch > span { font-size: 3vw; }
    .leather-cta > a {
        font-size: 3.6vw;
        padding: 14px 18px;
        width: 100%;
        text-align: center;
    }
    .leathx .owl-nav button { width: 34px; height: 34px; }
    .leathr-gallery {
    display: block;
}
        .leathr-mainimg {
            width: 100%;}
        .leathr-thumbs {
        width: 100%;
            padding-top: 15px;}
    .swtchkit { padding: 12% 0; }
    .swtchk1{padding-top: 0;}
    .swtchk1 > h3{padding-top: 5px;}
        .swtchk1 ul > li::before {
        width: 3.5vw;
        height: 3.5vw;
        top: 3px;
    }
    .swtchk1 > h3,
    .swtchk1 > h4 { font-size: 9vw; }
    .swtchk1 > p,
    .swtchk1 ul > li { font-size: 4vw; }
    .swtchk1 ul > li {
        padding-left: 18px;
        padding-bottom: 12px;
    }
    .swtchk2 { padding: 7% 6%; }
    .comneq > h5 { font-size: 6vw; }
    .comneq > h6,
    .cntctl2 > p { font-size: 4vw; }
    .efrm1 {
        width: 100%;
        padding-bottom: 14px;
    }
    .efrm1 > label,
    .efrm11,
    .eeffrm1 > input,
    .dropcnt > li > a { font-size: 4vw; }
    .efrm11 { padding: 14px 16px; }
    .eeffrm1 > input {
        width: 100%;
        padding: 14px;
    }
    .grde > li dt,.grde > li dd{width: 50%;}
    .autmtive { width: 100%; padding: 12% 5%; }
    .autmtive1 { width: 100%; }
    .autmtive1 > h5,
    .autmtive21 > h6,
    .autmtive22 > h6 {
        font-size: 3.2vw;
        letter-spacing: 0.25em;
    }
    .autmtive1 > h4 { font-size: 9vw; }
    .autmtive1 > p,
    .autmtive21 > p,
    .grde > li dt,
    .grde > li dd,
    .reason-content > p,
    .sampriz > a { font-size: 4vw; }
    .autmtive21,
    .autmtive22 { padding: 7% 6%; }
    .autmtive21 > h5,
    .reason-content > h3 { font-size: 5vw; }
    span.reason-number {
        font-size: 12vw;
    }
    .enqaut > a {
        font-size: 4vw;
        padding: 14px;
        text-align: center;
    }
    .howwrk { padding: 10% 0 0; }
    .howrk21 {
        width: 100%;
        padding: 0 0 10% !important;
    }
    .howrk21 > h5,
    .howrk-copy > h5 { font-size: 6vw; }
    .howrk21 > p,
    .howrk-copy > p { font-size: 4vw; }
    .sptp {
        width: 60px;
        height: 60px;
        margin-bottom: 16px !important;
        transform: scale(0.55);
    }
    .howwrk.is-animated .howrk21 .sptp {
        transform: scale(1);
    }
    .sptp > h5 { font-size: 24px; }
    .stndrd1.cmnstyl > h3{width: 100%;}
    .standard { padding: 12% 0; }
    .stndrd1 > h5 { font-size: 3.2vw; letter-spacing: 0.3em; }
    .stndrd1 > h4 { font-size: 9vw; }
    .stndrd1 > p { font-size: 4vw; padding-bottom: 3%; }
    #works{overflow: hidden;}
    .stndrd2 {
    overflow-x: auto;
    overflow-y: hidden;
}
    .stndrd21 {
        width: 190%;}
    .stndrd21 th,
    .stndrd21 td {
        font-size: 3.2vw;
        padding: 12px 10px;
        display: block;
        width: 50%;
    }
    .stndrd21 th:last-child{font-size: 3.2vw;}
    .stndrd21 td {font-size: 4vw;}
    .stndrd21 tr {
        display: flex;
    }
        .wedo1,.wedo21,.subscrb1, .subscrb2 {
        width: 100%;
    }
    .whatwedo { padding-top: 8%; }
    .wedo2{gap:8vw;}
    .wedo11 > h3 { font-size: 9vw; }
    .wedo12 > p,
    .wedo23 > p { font-size: 4vw; }
    .wedo3 > li { padding: 16px 0; }
    .wedo3 > li > a { font-size: 5vw;padding-right: 10vw;}
    .wedo3 > li > a::after{width: 2vw;height: 2vw;}
    .wedo23 ul { gap: 18px; }
    .wedo23 ul > li { font-size: 4vw; }
    .wedo23 ul > li + li::before {
        left: -12px;
        width: 5px;
        height: 5px;
    }
    .bespok { padding: 7% 5%; margin-top: 8%; }
    .bespok1 > h3 { font-size: 8.5vw; }
    .bespok2 > p { font-size: 4vw; }
    .brochur { margin-top: 8%; padding: 14% 5%; }
    .brochur1 > h3 {
        font-size: 8vw;
        width: 100%;
    }
    .brochur1 > p {
        font-size: 4vw;
        width: 100%;
    }
    .brch { padding-top: 18px; }
    .subscrb {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    .subscrb1 > input.yrema,
    .subscrb2 > .subtns {
        width: 100%;
        font-size: 4vw;
        padding: 14px 16px;
    }
    .oblig {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        padding-top: 22px;        margin-left: 54%;
        transform: translateX(-50%) !important;
    }
    .oblig > li {
        font-size: 4vw;
        padding-left: 28px;
    }
    .oblig > li::before {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 10px;
    }
    .accesory {
        padding: 12% 0;
    }
    .accesory1 { width: 100%; }
    .accesory1 > h3 { font-size: 9vw; }
    .accesory1 > p {
        font-size: 4vw;
        width: 100%;
    }
    .accesory2 { gap: 0; }
    .accesory3 {
        width: 100%;
        margin-bottom: 16px;
    }
    .accesory32 { padding: 18px 16px 20px; }
    .accesory32 > h5 { font-size: 5vw; }
    .accesory32 > p,
    .aqbtn,
    .accesory4 > p { font-size: 4vw; }
    .aqbtn { padding: 10px 36px 10px 12px; }
    .galig { height: 42vw; }
    .galry-group { gap: 2vw; padding-right: 2vw; }
    .ourproces2::before{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.6) 100%);}
    .ourproces3 { bottom: 6%; padding: 0 5%; }
    .ourproces3 > h4 { font-size: 9.5vw;        width: 80%;
        margin: 0 auto;}
    .ourproces3 > p {
        font-size: 4vw;
        padding: 8px 0 5px;
    }
    .ourproces1::after {
        width: 56px;
        height: 56px;
        top: 22%;
    }
    .closevid { width: 24px; top: 12px; right: 12px; }
    .oprstps {
        flex-wrap: wrap;
        padding: 6% 3%;
    }
    .oprstp {
        width: 50%;
        flex: none;
        border-right: none;
        border-bottom: 1px solid #ddd;
        padding: 5% 3%;
    }
    .oprstp:nth-child(odd){border-right: 1px solid #ddd;}
    .oprstp:nth-child(5),
    .oprstp:nth-child(6) { border-bottom: none; }
    .opstpig {
        width: 48px;
        height: 48px;
        margin-bottom: 10px;
    }
    .oprstp > h5 { font-size: 4vw; }
    .artcles,
    .intelgnce { padding: 12% 0; }
    .artcle > h3,
    .intlgnc > h3 { font-size: 9vw; }
    .artcle1 { margin: 5% 0% 0; }
    .artcle3 { padding: 28px 20px 24px; }
    .artcle3::before {
        font-size: 70px;
        top: 8px;
        left: 12px;
    }
    .artcleg { width: 50%;padding-bottom: 15px;}
    .artcle31 > p,
    .intlgnc4 > p,
    .intlgnc4 > span { font-size: 4vw; }
    .artcle32 > h5,
    .intlgnc4 > h5 { font-size:5vw; }
    .artcle32 > p { font-size: 4vw; }
    .artcle2 .owl-nav,
    .intlgnc2 .owl-nav {        left: -15px;
        right: -15px;}
    .artcle2 .owl-nav button,
    .intlgnc2 .owl-nav button {
        width: 34px;
        height: 34px;
    }
    .intlgnc4 { padding: 18px 16px; }
    .intlgnc4 > h6 {
        font-size: 3vw;
        letter-spacing: 0.1em;
    }
    
    .expconsult { padding: 5% 0; }
    .expcnslt1 > h3,
    .expcnslt1 > h4,
    .faq1 > h3,
    .faq1 > h4 { font-size: 9vw; }
    .expcnslt1 > p,
    .faq1 > p { font-size: 4vw; width: 100%; }
    .prjspec { padding: 7% 5%; margin-top: 5%; }
    .prjspc {flex-wrap: wrap; gap: 14px; padding-bottom: 25px;        justify-content: center;text-align: center;}
    .prjspc2 {
        width: 100%;
    }
    .prjspc1 { width: 50px; }
    .prjspc2 > h5 { font-size: 5vw; }
    .prjspc2 > p { font-size: 4vw; }
    .expconsult > .expcnslt1:last-child,
    .expconsult > .expcnslt2 { padding: 7% 5%; }
    .expcenq > h5 { font-size: 5vw; }
    .expcenq > h6 { font-size: 4vw; }
    .expcfrm {
    padding-top: 20px;
}
    
    .expfrm1 {
        width: 100% !important;
        padding-bottom: 14px;
    }
    .expfrm1 > label,
    .expfrm11,
    .eexpffrm > input,
    .chtdir1 > span,
    .chtdir2 > a { font-size: 4vw; }
    .expfrm11 { padding: 14px 16px; }
    .eexpffrm > input { padding: 14px; }
    .chtdir1 > span,.chtdir2 > a{text-align: center;padding: 3vw 3vw;}
    .chtdrtly {    padding-top: 5vw;
        flex-direction: column;
        gap: 8px;
    }
    .intlgnc4 > h6,.intlgnc4 > h5{padding-bottom: 5px;}
    .faqs { padding: 12% 0; }
    .faq3 > li { padding: 16px 0; }
    .faq3 > li > a {
        font-size:4vw;
        padding-right: 28px;
        line-height: 1.4em;
    }
    .faq3 > li > a::after { font-size: 16px;top: 10px; }
    .faq-ans > p {
        font-size: 4vw;
        width: 100%;
    }
    .faq-ans{padding-top: 2vw;}
    .footer { padding: 12% 5% 50px; }
    .footer2 {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 8%;
    }
    .fotr1,
    .fotr2,
    .fotr3,
    .fotr4 { width: 100%;margin-right: 0; }
    .foot11 { width: 52px; padding-bottom: 14px; }
    .fotr1 > h3,
    .footer21 > h5 { font-size: 4.4vw; padding-bottom: 12px; }
    .fotr1 > p,
    .ftmenu > li > a,
    .ft-conct2 > p,
    .ft-conct2 .ftadr,
    .compny > p,
    .cpyrt > li > a { font-size: 4vw; }
    .ftmenu > li { padding-bottom: 10px; }
    .ft-conct1 {
        width: 36px;
        height: 36px;
    }
    .footer3 {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        padding: 18px 0;
    }
    .enqpop { padding: 5vw; }
    .enqpop-box { max-width: 100%; padding: 8vw 6vw 7vw; }
    .enqpop-close { width: 18px; top: 14px; right: 14px; }
    .enqpop-head { padding-bottom: 18px; }
    .enqpop-head > h5 { font-size: 5.2vw; }
    .enqpop-head > p,
    .enqfld > label,
    .enqinp,
    .enqpop-submit > input { font-size: 3.6vw; }
    .enqfld { padding-bottom: 14px; }
    .enqinp { padding: 14px 16px; }
    .enqpop-submit > input { padding: 14px; }
    .legalpop { padding: 5vw; }
    .legalpop-box { max-width: 100%; max-height: 88vh; padding: 8vw 6vw 6vw; }
    .legalpop-close { width: 18px; top: 14px; right: 14px; }
    .legalpop-head { padding-bottom: 14px; }
    .legalpop-head > h5 { font-size: 6vw; }
    .legalpop-head > p { font-size: 4vw; }
    .legalpop-body > h6 { font-size: 5vw; padding: 16px 0 8px; }
    .legalpop-body > p { font-size: 4vw; padding-bottom: 10px; }
    .pagetop > a{    width: 40px;height: 40px;}
    .pagetop > a::after{width: 7px;height: 7px;}
    .leathr-swatches {
    width: 100%;
    padding: 0 30px;
}
    .leathr-swatches1 .owl-nav {
    left: -30px;
    right: -30px;
    width: auto;
}
    .leathr-swatches1 .owl-nav button.owl-prev {
    opacity: 1;
    visibility: visible;
}
    .leathr-swatches1 .owl-prev button,.leathr-swatches1 .owl-nav button{    width: 6vw;height: 6vw;}
    .leathr-swatches1 .owl-nav button span{background: url(../img/rarrow.png) no-repeat 0 0 / 1.2vw auto;
    width: 1.2vw;
    height: 2vw;}
    .comptve42 > p{    font-family: "SFPro-Light";}
    span.reason-number{height: 10vw;}
    
    
    .pagetop{bottom: 70px;}
    .enbt {left: 0;right: 0;bottom: 0;display: flex;justify-content: space-around; background-color: #f1ede7;padding: 5px 5% 5px;border-radius: 15px 15px 0 0;}
        .enbt a{display: flex;margin: 0;text-align: center;background-color: transparent;border: none;width: auto;height: auto;}
        .enbt a img{width: 20px;border-radius: 0;}
        .enbt a.ecall span,.enbt a.eenquire span,.enbt a.ewhatsapp span {width: auto;}
        .enbt a span {display: block;position: static;opacity: 1;visibility: visible;color: #000;background-color: transparent;border: none;padding: 0px 0 0 5px;font-size: 0.8em;font-family: "SFPro-Regular";}
     
     a.redmre{font-size: 4vw;padding: 1vw 4vw;}

        /*---------Blog detail-----------------------*/
        .main.blogpg .header .logo { width: 36px; }
    .main.blogpg .hedcontainer { padding: 12px 5%; }
    .blghero { padding: 110px 0 48px; }
    .blgcrumb { font-size: 3vw; padding-bottom: 18px; letter-spacing: .12em; }
    .blgcat { font-size: 3.2vw; letter-spacing: .18em; padding-bottom: 14px; }
    .blghero h1 { font-size: 8vw; max-width: 100%; line-height: 1.15; }
    .blglead { font-size: 4vw; max-width: 100%; margin-top: 14px; }
    .blgmeta { font-size: 3.5vw; gap: 12px 18px; margin-top: 22px; padding-top: 16px; letter-spacing: .08em; }
    .blgwrap { padding: 36px 0 20px; }
    .blgbody { font-size: 4vw; }
    .blgbody h2 { font-size: 6vw; margin: 20px 0 14px; scroll-margin-top: 90px; }
    .blgbody h3 { font-size: 5vw; margin: 10px 0 10px; }
    .blgbody p,
    .blgbody li,.blgtbl tbody td { font-size: 4vw; }
    .blgtake { padding: 22px 18px; margin-bottom: 20px;margin-top: 10px;}
    .blgtake h4 { font-size: 3.5vw; padding-bottom: 12px; }
    .blgbody ul, .blgbody ol {margin: 0 0 0vw 4vw;}
    .blgtake li{        margin-bottom: 0vw;}
    .blgbody p,.blgbody li {padding-bottom: 3vw;}
    .blgquote { font-size: 5vw; padding: 24px 0; margin: 32px 0; }
    .blgquote span { font-size: 3vw; margin-top: 14px; }
    .blgcall { padding: 18px 16px; margin: 24px 0; }
    .blgcall .tag { font-size: 3vw; }
    .blgtbl { font-size: 3.4vw; min-width: 480px; }
    .blgtbl thead th { font-size: 3.2vw; padding: 12px 10px; letter-spacing: .1em; }
    .blgtbl tbody td { padding: 12px 10px; }
    .blgnote { font-size: 3.2vw; }
    .blgcheck li { padding-left: 0px; }
    .blgstep { gap: 14px; margin-bottom: 22px; }
    .blgstep-num { width: 30px; height: 30px; font-size: 14px; }
    .blgstep-txt h3 { font-size: 4.6vw; }
    .blgcta { padding: 28px 20px; margin: 36px 0; }
    .blgcta .tag { font-size: 3vw; }
    .blgcta p { font-size: 4vw; padding-bottom: 18px; }
    .blgbtn,
    .blgbtn-ghost { font-size: 3.2vw; padding: 12px 18px; letter-spacing: .1em; }
    .blgfaq > li > a { font-size:5vw; padding: 15px 28px 15px 0; }
    .blgfaq > li > a::after { font-size: 22px; top: 26px; }
    .blgfaq .faq-ans > p { font-size: 3.8vw; padding-bottom: 16px; }
    .blgauthor { flex-direction: column; gap: 14px; padding: 22px 18px; margin-top: 36px; }
    .blgauthor-mark { width: 48px; height: 48px; font-size: 22px; }
    .blgauthor h4 { font-size: 5vw; }
    .blgauthor p { font-size: 3.8vw; }
    .blgrel { padding: 56px 0; }
    .blgrel-head { margin-bottom: 28px; }
    .blgrel-head .tag { font-size: 3.2vw; }
    .blgrel-head h2 { font-size: 8vw; }
    .blgrel-head a { font-size: 3.2vw; }
    .blgrel-grid { grid-template-columns: 1fr; }
    .blgrel-visual { height: 42vw; }
    .blgrel-body { padding: 18px 16px 22px; }
    .blgrel-body .c { font-size: 3vw; }
    .blgrel-body h3 { font-size: 6vw; }
    .blgrel-body p { font-size: 4vw; }
    .blgrel-body .m { font-size: 3vw; }
    .blgbody p.blgnote {font-size: 3.5vw;margin-top: 0;padding-bottom: 0;}
    .blgspec { padding: 22px 18px; margin: 28px 0; }
    .blgspec h4 { font-size: 3.2vw; padding-bottom: 16px; letter-spacing: .14em; }
    .blgspec-row { grid-template-columns: 1fr; gap: 4px; padding: 12px 0; font-size: 3.8vw; }
    .blgbody p.blgdisc { font-size: 3.4vw; margin-top: 24px; padding-top: 16px; }
    .blgfaq.faq3 > li {padding: 5px 0;}
}