@font-face {
      font-family: 'Century Schoolbook';
      src: url('../fonts/CenturySchoolbook-Bold.woff2') format('woff2'),
          url('../fonts/CenturySchoolbook-Bold.woff') format('woff');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'OPTICenturySchoolbookBold';
      src: url('../fonts/OPTICenturySchoolbookBold.woff2') format('woff2'),
          url('../fonts/OPTICenturySchoolbookBold.woff') format('woff');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
    }
   @font-face {
    font-family: 'Graphik Trial Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Regular'), url('../fonts/Graphik-Regular-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Regular Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Regular Italic'), url('../fonts/Graphik-RegularItalic-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Thin'), url('../fonts/Graphik-Thin-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Thin Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Thin Italic'), url('../fonts/Graphik-ThinItalic-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Extralight';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Extralight'), url('../fonts/Graphik-Extralight-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Extralight Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Extralight Italic'), url('../fonts/Graphik-ExtralightItalic-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Light';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Light'), url('../fonts/Graphik-Light-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Light Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Light Italic'), url('../fonts/Graphik-LightItalic-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Medium'), url('../fonts/Graphik-Medium-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Medium Italic'), url('../fonts/Graphik-MediumItalic-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Semibold'), url('../fonts/Graphik-Semibold-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Semibold Italic'), url('../fonts/Graphik-SemiboldItalic-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Bold'), url('../fonts/Graphik-Bold-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Bold Italic'), url('../fonts/Graphik-BoldItalic-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Black';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Black'), url('../fonts/Graphik-Black-Trial.woff') format('woff');
    }
    @font-face {
    font-family: 'Graphik Trial Black Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Graphik Trial Black Italic'), url('../fonts/Graphik-BlackItalic-Trial.woff') format('woff');
    }
    
* {margin: 0; padding: 0; box-sizing: border-box; } html {
  scroll-behavior: smooth;
}
html, body {overflow-x: hidden; }
body {margin: 0; padding: 0; background: #fff; font-size: 24px; -webkit-text-size-adjust: 100%; font-family: 'Century Schoolbook'; position: relative; overflow-x: hidden; } 
::-moz-selection {background: #fff; color: #000; }
ul li, ol li, ul, ol {list-style: none;margin: 0;padding: 0;}
img {border: none !important; outline: none; max-width: 100%; transition: all 0.3s; }
body {overflow-x: hidden; width: 100%; max-width: 100%; min-height: 100vh; font-family: 'Graphik Trial Regular'; color:#000; }
body p {font-size: 23px; line-height: 39px; color: #000; } 
body h1, body h2, body h3, body h4, body h5, body h6 {font-family: 'OPTICenturySchoolbookBold'; margin-bottom: 15px; }
body h1 {font-size: 80px; line-height: 90px; font-weight: 700; }
body h2 {font-size: 50px; line-height: 57px; font-weight: 700; }
body h3 {font-size: 40px; line-height: 46px; }
body h4 {font-size: 24px; line-height: 44px; } 
body h5 {font-size: 20px; line-height: 36px; font-weight: 600; }
h6 {font-size: 18px; line-height: 30px; }
body .container, body .container-sm {max-width: 1670px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; width: 100%; }
body .container-sm {max-width: 1370px; width: 100%; }
body a {text-decoration: none;}
.primary-btn{background:#000;color:#fff;padding:18px 20px;font-size:24px;line-height: 1;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;min-height:80px;}
.primary-btn:hover{background:#2A2A2A;color:#fff;box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
header#myHeader {padding: 48px 0px 36px; }
.navbar-brand {display: flex; flex-direction: column; align-items: center; justify-content: center; }
.navbar-brand span{color:#000; font-size:20px; }
.banner-slider{margin-bottom:45px;}
.banner-slider .owl-carousel .owl-nav{text-align: center;margin-top:clamp(2.375rem, 2.1255rem + 0.5204vw, 2.75rem);}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {background: url(../images/Arrow-left.svg) no-repeat;width: 77px;height: 15px;background-size: contain;}
.owl-carousel .owl-nav button.owl-next{background: url(../images/Arrow-right.svg) no-repeat;width: 77px;height: 15px;background-size: contain;}
.owl-carousel .owl-nav button:not(:last-child){margin-right:27px;}
.owl-carousel .owl-nav button span{font-size:0}
.home-main-content{text-align: center;margin-bottom:clamp(8.25rem, 6.7533rem + 3.1223vw, 10.5rem);}
.home-main-content h1{font-size:28px;line-height: 44px;margin-bottom:121px;}
.home-main-content .primary-btn{max-width:336px;width:100%;margin:0px auto;}
.story{margin-bottom:clamp(4.25rem, 3.4185rem + 1.7346vw, 5.5rem);}
.story-content{margin-bottom:clamp(5.5rem, 4.7932rem + 1.4744vw, 6.5625rem);}
.story-content h4{margin-bottom:16px;}
.story-content p{margin-bottom:20px;}
.handmade-sec{margin-bottom:clamp(8.8125rem, 8.8584rem + 4.0763vw, 13.75rem);}
.handmade-sec h4{margin-bottom:55px}
.handmade-sec .handmade-grid{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap:153px 12px}

.handmade-sec .img-top {margin-bottom:34px;overflow: hidden;}
.handmade-sec .img-top img {height: 574px;width: 100%;object-fit: cover;}
.handmade-sec .handmade-box:hover img{transform: scale(1.3);transition: all 0.3s ease;}
.handmade-box-content{text-align: center;}
.handmade-box-content p{ font-family: 'Graphik Trial Regular';font-weight: 600;}
.handmade-box-content p span {display: block;font-weight: 400;}
.why-sec .container > h4{margin-bottom:clamp(1.875rem, 1.2514rem + 1.301vw, 2.8125rem);}
.why-grid{display:grid;grid-gap:37px 10px;margin-bottom:130px}
.why-box {display: grid;grid-template-columns: 78px 1fr;grid-gap: 28px;align-items: center;}
.why-box h4{font-family: 'Graphik Trial Regular';font-weight: 400;margin-bottom: 0}
.desktop{display: none;}
.why-content{max-width:1326px;margin:0px auto clamp(6.125rem, 4.6283rem + 3.1223vw, 8.375rem);text-align: center;}
.why-content h4{margin-bottom:clamp(3.75rem, 3.1264rem + 1.301vw, 4.6875rem);}
.why-content .primary-btn{max-width:336px;width:100%;}
.full-img-footer img{height:222px;object-fit: cover;display: block;}
footer{padding: 54px 0 103px;}
.footer-grid p {display: block;text-align: center;}
.footer-grid a{color:#000000;}
.footer-grid a img{width:50px;}