@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/made-outer-sans/made-outer-sansthin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

/* Light (300) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/made-outer-sans/made-outer-sanslight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* Regular (400) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/made-outer-sans/made-outer-sans-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* Medium (500) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/made-outer-sans/made-outer-sansmedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/* Bold (700) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/made-outer-sans/made-outer-sans-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* Black (900) */
@font-face {
  font-family: 'MADE-Outer-Sans';
  src: url('../fonts/made-outer-sans/made-outer-sans-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
  /* Myriad Pro Regular (300) */
@font-face {
  font-family: 'Myriad-Pro';
  src: url('../fonts/made-outer-sans/myriadpro-regular.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

  /* Myriad Pro Semi Bold (500) */
@font-face {
  font-family: 'Myriad-Pro';
  src: url('../fonts/made-outer-sans/myriadpro-semibold.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
 /* Myriod Pro Regular (600) */
@font-face {
  font-family: 'Myriad-Pro';
  src: url('../fonts/made-outer-sans/myriadpro-bold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

h1, h2, h3  {
    font-family: 'MADE-Outer-Sans', sans-serif;
    font-weight: 400 !important;
    text-transform: uppercase!important;
}
 h6 {
  font-family: 'MADE-Outer-Sans', sans-serif !important;
    font-weight: 100 !important;
}



.header-bottom { padding: 0px 0px ;}
.slider-height-2 { height: 550px;}

h1,h2,h3,h4,h5,h6 { font-family: 'MADE-Outer-Sans', sans-serif; letter-spacing: 1px;  }
p, li, a, span, label, input, textarea, button { font-family: 'poppins', sans-serif; font-weight:300;}
.bg-brown { background-color:#3e414f; }
.container { max-width: 100%; padding: 0px 20px; }
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    color: #fff;
    background-color: #5e3200;
    border-color: #5e3200;
}
h2 {
        line-height: 1.0;
}

.hero-slide-content .title-1 { font-family: 'MADE-Outer-Sans', sans-serif; }
.hero-slide-content.hero-slide-content-2 .title-1 { color: #fff; font-size: 60px; }
.section-title .title { font-family: 'MADE-Outer-Sans', sans-serif; }
.main-menu ul li .mega-menu li ul { width: 33.33%;  margin-right: 30px; }
.main-menu ul li .mega-menu li ul li.title a { font-size: 18px; font-weight: 600;}
.main-menu ul li + li { margin-left: 20px; }
.main-menu ul li a { color: #dadada;}
.slider-dot-style-1 .swiper-pagination-bullet.swiper-pagination-bullet-active { width:40px; border-radius: 50px;}

.category-wrapper .category-inner .category-single-item img { margin: auto; width: 64px; height: 64px; }

.banner .info .content .title { font-size: 30px; font-weight: 700;  font-family: 'MADE-Outer-Sans', sans-serif; color: #fff; }
.banner .info .content p { color: #fff; line-height: 1.4;}
.banner .info { z-index: 10;}
a.banner { position: relative; display: block; overflow: hidden; height: 100%; border-radius: 20px;}
a.banner::after { content:''; top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-image: linear-gradient(4deg, rgb(0 0 0 / 97%) 0%, rgb(0 0 0 / 0%) 100%); z-index: 1; }

.cta-sec { padding: 100px 0px; position: relative;}
.cta-sec .section-title { margin-bottom: 0px;}
.cta-sec .section-title .title {  color: #fff; }
.cta-sec .section-title .sub-title { padding: 0; color: #fff; margin-bottom: 20px;}
.bg-img { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.bg-img img { width: 90%; height: 100%; object-fit: cover;border-radius: 50px 0 50px 0;  }

.productsshow { position:  relative; padding: 70px 0px; }
.productsshow .procontent { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: 30px; width: 100%; height: 100%; background-color: #3e414f; }
.productsshow .procontent h3 { font-size: 50px; color: #fff; font-weight: 600; margin-bottom: 10px;  }
.productsshow .procontent p { color: #fff; line-height: 1.5; margin-bottom: 20px; }
.productsshow .proimg { position: relative; width: 100%; height: 100%; overflow: hidden;}
.productsshow .proimg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; }
.productsshow:hover .proimg img { transform: scale(1.1); }

.about-content p { line-height: 2 !important; }
.about-content .about-title h2 { font-size: 50px;} 

 @media only screen and (max-width: 767px){.about-content .about-title h2 { font-size: 37px; line-height: 1.0;}}
.about-content a { margin-top: 30px;}

.blog-text .blog-heading a.blog-heading-link { font-family: 'MADE-Outer-Sans', sans-serif; }

.footer-area { position: relative; background-color: transparent;}
.footer-area .footer-top {  padding: 40px 0 0px 0; }
.fotbor { border-bottom:1px solid #e2e2e26e; border-top:1px solid #e2e2e26e;  padding:10px; }
.foot { padding: 10px 0px; }
.foot a { margin-bottom: 10px; }
.fotbor .footer-widget-title { color: #fff;}
.social-icons a i { font-size: 28px; color: #fff; margin-right: 10px; transition: all 0.3s ease; }
.social-icons a { color: #fff; transition: all 0.3s ease;}
.social-icons a:hover i { color: #c67a51; }
.social-icons a:hover { color: #c67a51; }
.footer-bottom  { background-color: transparent;}
.single-wedge .footer-links ul.category { display: flex; flex-wrap: wrap; width: 400px;}
.single-wedge .footer-links ul.category li { width: 50%; margin-bottom: 10px; }

#gradient-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    --gradient-color-1: #3e414f;
    --gradient-color-2: #3e414f;
    --gradient-color-3: #3e414f;
    --gradient-color-4: #3e414f;
    --gradient-color-5: #3e414f;
    z-index: -1;
    opacity: 1;
    transition: var(--all-medium);
    pointer-events: none;
}


