@font-face {
    font-family: 'MulishVariableFont_wght';
    src: url('/fonts/Mulish/MulishVariableFont_wght.eot');
    src: url('/fonts/Mulish/MulishVariableFont_wght.eot') format('embedded-opentype'),
         url('/fonts/Mulish/MulishVariableFont_wght.woff2') format('woff2'),
         url('/fonts/Mulish/MulishVariableFont_wght.woff') format('woff'),
          url('/fonts/Mulish/Mulish-ExtraBold.ttf') format('ttf'),
         url('/fonts/Mulish/MulishVariableFont_wght.ttf') format('truetype'),
         url('/fonts/Mulish/MulishVariableFont_wght.svg#MulishVariableFont_wght') format('svg');
}
@font-face {
    font-family: 'Mulish-ExtraBold';
    src:url('/fonts/Mulish-ExtraBold.woff') format('woff'),
        url('/fonts/Mulish-ExtraBold.woff2') format('woff2'),
        url('/fonts/Mulish-ExtraBold.svg#Mulish-ExtraBold') format('svg'),
        url('/fonts/Mulish-ExtraBold.eot'),
        url('/fonts/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Mulish-ExtraBold.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'AderoTrial-Black';
  src: url('/fonts/AderoTrial-ExtraBold.woff2') format('woff2'),
       url('/fonts/AderoTrial-ExtraBold.woff2') format('woff');
   font-family: 'Adero Trial';
    font-weight: bold;
    font-style: normal;
}

     /* Add your custom styles here */
      .custom-navbar-brand {
        padding: 0;
      }
      .custom-navbar-brand img {
        height: 80px; /* Adjust the height as needed */
      }

      /* Custom styles for the overlay menu */
      .overlay-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(255 255 255 / 95%);
        display: none;
        z-index: 99;
      }

      .overlay-content {
       position: absolute;
       top: 17%;
       right: 11%;
       text-align: right;
       color: black;
       z-index: 999999;
       width: 100%;
     }
     button.navbar-toggler {
      border: none;
    }
    .navbar-light .navbar-nav .nav-link {
      color: black;
      text-align: right;
      font-size: 20px;
      font-weight: bold;
    }
    button.navbar-toggler.collapsed {
      z-index: 99999;
    }
    .custom-navbar-brand {
      padding: 0;
      z-index: 99999999;
    }




    /* Define the shape and color of the hamburger lines */
    .navbar-toggler span {
      display: block;
      background-color: #4f4f4f;
      height: 3px;
      width: 25px;
      margin-top: 5px;
      margin-bottom: 5px;
      position: relative;
      left: 0;
      opacity: 1;
      transition: all 0.35s ease-out;
      transform-origin: center left;
    }


    /* top line needs a little padding */
    .navbar-toggler span:nth-child(1) {
      margin-top: 0.3em;
    }

/**
 * Animate collapse into X.
 */

 /* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
 .navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

 /* top line moves back to initial position and rotates back to 0 degrees */
 .navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
  opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg) ;
}

/*slik slider */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: Adero Trial, sans-serif;
   }

 .slick-slide {
     margin: 0px 20px;
}
 .slick-slide img {
     width: auto;
}
 section.category-slider.slider.slick-initialized.slick-slider {
     margin-left: 166px;
}
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
}
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0;
}
 .slick-list:focus {
     outline: none;
}
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand;
}
 .slick-slider .slick-track, .slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
}
 .slick-track:before, .slick-track:after {
     display: table;
     content: '';
}
 .slick-track:after {
     clear: both;
}
 .slick-loading .slick-track {
     visibility: hidden;
}
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px;
}
 [dir='rtl'] .slick-slide {
     float: right;
}
 .slick-slide img {
     display: block;
}
 .slick-slide.slick-loading img {
     display: none;
}
 .slick-slide.dragging img {
     pointer-events: none;
}
 .slick-initialized .slick-slide {
     display: block;
     position: relative;
}
 .slick-loading .slick-slide {
     visibility: hidden;
}
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent;
}
 .slick-arrow.slick-hidden {
     display: none;
}
 .slide p {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     text-align: center;
     background-color: rgba(255, 255, 255, 0.8);
    /* Background color with some transparency */
     padding: 5px;
}
h4.text-center {
    position: relative;
    left: 0px;
    font-family: Adero Trial;
    font-weight: 600;
    font-size: 19px;
}

section.category-slider2.slider.slick-initialized.slick-slider {
    margin-left: 166px;
}

#woven-products {
           visibility: hidden; 
       }
       .slick-prev::before {
    content: url('https://cdn.siter.io/assets/ast_156VrKiSJqPKdMj2ECW633k4S/6fa6175f-e99b-4647-b085-0a978f55e95f.svg');
}

.slick-next::before {
    content: url('https://cdn.siter.io/assets/ast_156VrKiSJqPKdMj2ECW633k4S/6fa6175f-e99b-4647-b085-0a978f55e95f.svg');
}


/*.woven-products{
     display: none;
}*/
/*slider end */
/*======================Section 7 brands sliders=================================*/
 .sec-7, .sec-7 * {
     box-sizing: border-box;
}
 .sec-7 {
     width: 100%;
     height: 332px;
     position: relative;
     margin-top: 50px;
     margin-bottom: 130px;
}
 .logo-animation {
     background: #f3f3f3;
     width: 100%;
     height: 179px;
     position: relative;
     left: 0px;
     top: 153px;
     overflow: hidden;
     display: flex;
     flex-wrap: wrap;
     align-content: center;
     justify-content: space-evenly;
}
 ._335488128-3357669531154409-7319325356800152422-n-1 {
     width: 234px;
     height: 123px;
     position: absolute;
     left: 0px;
     top: 17px;
}
 ._340770312-620344256218502-3638892951015874411-n-1 {
     width: 286px;
     height: 86px;
     position: absolute;
     left: 235px;
     top: 51px;
}
 ._348238081-571498578427931-8306859029623828325-n-1 {
     width: 171px;
     height: 143px;
     position: absolute;
     left: 522px;
     top: 10px;
}
 .bareeze-logo-1 {
     width: 220px;
     height: 61px;
     position: absolute;
     left: 740px;
     top: 54px;
}
 .chinyere-1-1 {
     width: 268px;
     height: 179px;
     position: absolute;
     left: 999px;
     top: 0px;
}
 .cross-stitch-1 {
     width: 428px;
     height: 126px;
     position: absolute;
     left: 1572px;
     top: 29px;
}
 .logo-uhd-60474-f-28-144-e-4-cbd-9151-c-7-a-78-f-8-cbd-1-b-1 {
     width: 299px;
     height: 67px;
     position: absolute;
     left: 1291px;
     top: 59px;
}
 ._335488128-3357669531154409-7319325356800152422-n-12 {
     width: 234px;
     height: 123px;
     position: absolute;
     left: 1957px;
     top: 17px;
}
 ._340770312-620344256218502-3638892951015874411-n-12 {
     width: 286px;
     height: 86px;
     position: absolute;
     left: 2192px;
     top: 51px;
}
 ._348238081-571498578427931-8306859029623828325-n-12 {
     width: 171px;
     height: 143px;
     position: absolute;
     left: 2479px;
     top: 10px;
}
 .bareeze-logo-12 {
     width: 220px;
     height: 61px;
     position: absolute;
     left: 2697px;
     top: 54px;
}
 .chinyere-1-12 {
     width: 268px;
     height: 179px;
     position: absolute;
     left: 2956px;
     top: 0px;
}
 .cross-stitch-2 {
     width: 428px;
     height: 126px;
     position: absolute;
     left: 3529px;
     top: 29px;
}
 .logo-uhd-60474-f-28-144-e-4-cbd-9151-c-7-a-78-f-8-cbd-1-b-2 {
     width: 299px;
     height: 67px;
     position: absolute;
     left: 3248px;
     top: 59px;
}
 .trusted-by-global-brands-we-forge-enduring-relationships-driving-innovation-and-ethical-practices-in-the-textile-sector {
     color: #000000;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
     position: relative;
     width: 601px;
     text-align: center;
     margin: 0 auto;
     margin-bottom: 31px;
}
 .building-lasting-bonds {
     color: #000000;
     font-family: "AderoTrial-ExtraBold", sans-serif;
     font-size: 26px;
     font-weight: 800;
     text-transform: uppercase;
     text-align: center;
     margin: 0 auto;
     width: 471px;
}
 .form-control:focus {
     border-color: none;
     outline: 0;
     box-shadow: unset !important;
}
/*-------------------------------------------------*/
 .column {
     display: flex;
     flex-direction: column;
     line-height: normal;
     width: 38%;
     margin-left: 0px;
}
 .slider-h{
     font: 800 54px Adero Trial, sans-serif;
     color: black;
     font-size: 54px;
     font-family: Adero Trial;
     font-weight: 800;
     text-transform: uppercase;
     word-wrap: break-word;
}
 .slider-p{
     color: black;
     font-size: 18px;
     font-family: Mulish;
     font-weight: 500;
     line-height: 28px;
     word-wrap: break-word 
}
 .div-9 {
    /* gap: 20px;
     */
     display: flex;
     margin-top: 110px !important;
}
 .frame-11::-webkit-scrollbar {
     display: none;
    /* Safari and Chrome */
}
 .frame-11 {
     -ms-overflow-style: none;
    /* Internet Explorer and Edge */
     scrollbar-width: none;
    /* Firefox */
}
 .fixed-top {
     position: fixed !important;
}
 .div-14 {
     gap: 20px;
     display: flex;
}
 .column-3 {
     display: flex;
     flex-direction: column;
     line-height: normal;
     width: 55%;
     margin-left: 0px;
}
 .div-15 {
     display: flex;
     flex-grow: 1;
     flex-direction: column;
}
 .img-4 {
     aspect-ratio: 1.69;
     object-fit: contain;
     object-position: center;
     width: 100%;
     overflow: hidden;
}
.div-16 {
     align-self: end;
     display: flex;
     margin-top: 46px;
     justify-content: space-between;
     gap: 20px;
}
 .div-17 {
     display: flex;
     flex-basis: 0%;
     flex-direction: column;
     align-items: center;
}
 .img-5 {
     aspect-ratio: 1.02;
     object-fit: contain;
     object-position: center;
     width: 44px;
     overflow: hidden;
}
 .img-6 {
     aspect-ratio: 1.02;
     object-fit: contain;
     object-position: center;
     width: 44px;
     overflow: hidden;
     margin-top: 8px;
}
 .img-7 {
     aspect-ratio: 1.22;
     object-fit: contain;
     object-position: center;
     width: 44px;
     overflow: hidden;
     margin-top: 16px;
}
 .img-8 {
     aspect-ratio: 1.13;
     object-fit: contain;
     object-position: center;
     width: 44px;
     overflow: hidden;
     margin-top: 13px;
}
 .div-18 {
     color: #a95e1d;
     text-transform: uppercase;
     margin: auto 0;
     font: 800 26px/53px Adero Trial, -apple-system, Roboto, Helvetica, sans-serif;
}
 .column-4 {
     display: flex;
     flex-direction: column;
     line-height: normal;
     width: 45%;
     margin-left: 20px;
}
.div-19 {
     display: flex;
     margin-top: 107px;
     flex-direction: column;
}
.div-20 {
     color: #000;
     text-transform: uppercase;
     font: 800 26px Adero Trial, sans-serif;
}
.div-21 {
     color: #000;
     text-align: justify;
     margin-top: 45px;
     font: 500 18px/28px Mulish, sans-serif;
}
 .div-22 {
     color: #000;
     text-align: justify;
     margin-top: 41px;
     font: 500 18px/28px Mulish, sans-serif;
}
 .div-13 {
     width: 100% !important;
     max-width: 1439px !important;
     margin: 254px auto 100px !important;
}
 .navbar-scrolled {
     transition: background-color 0.3s ease-in-out;
}
 .CraftingUpto{
     color: white;
     font-size: 33px;
     font-family: Adero Trial;
     font-weight: 800;
     text-transform: uppercase;
     word-wrap: break-word 
}
 .Piecesperyear{
     color: black;
     font-size: 30px;
     font-family: Adero Trial;
     font-weight: 800;
     text-transform: uppercase;
     word-wrap: break-word 
}
 .class840000{
     color: black;
     font-size: 63px;
     font-family: Hanson;
     font-weight: 700;
     text-transform: uppercase;
     word-wrap: break-word 
}
 .sec3-container {
     width: 100%;
     display: flex;
     overflow: auto;
     min-height: 100vh;
     align-items: center;
     flex-direction: column;
     margin-top: 100px;
     position: relative;
}
 .sec3-sec3 {
    /*width: 1728px;
    */
     width: 100%;
     height: 941px;
     display: flex;
     position: relative;
     align-items: flex-start;
     flex-shrink: 0;
}
 .sec3-link {
     display: contents;
}
 .sec3-dlbeatsnoop4 {
     top: 0px;
     left: 0px;
     width: 1726px;
     height: 669px;
     position: absolute;
     text-decoration: none;
     width: 100%;
}
 .sec3-group3 {
     top: 628px;
     left: 830px;
     width: 374px;
     height: 155px;
     display: flex;
     position: absolute;
     align-items: flex-start;
     flex-shrink: 1;
}
 .sec3-text {
     color: rgba(255, 255, 255, 1);
     width: 374px;
     height: auto;
     position: absolute;
     font-size: 33px;
     font-style: Extra Bold;
     text-align: right;
     font-family: Adero Trial;
     font-weight: 700;
     line-height: normal;
     font-stretch: normal;
     text-decoration: none;
}
 .sec3-text02 {
     top: 100px;
     color: rgba(0, 0, 0, 1);
     width: 374px;
     height: auto;
     position: absolute;
     font-size: 30px;
     font-style: Extra Bold;
     text-align: right;
     font-family: Adero Trial;
     font-weight: 700;
     line-height: normal;
     font-stretch: normal;
     text-decoration: none;
}
 .sec3-text04 {
     top: 35px;
     color: rgba(0, 0, 0, 1);
     width: 374px;
     height: auto;
     position: absolute;
     font-size: 63px;
     font-style: bold;
     text-align: right;
     font-family: Hanson;
     font-weight: 700;
     line-height: normal;
     font-stretch: normal;
     text-decoration: none;
}
 .sec3-frame8 {
     top: 509px;
     left: 115px;
     width: 785px;
     height: 432px;
     display: flex;
     position: absolute;
     align-items: flex-start;
     flex-shrink: 0;
}
 .sec3-rectangle1 {
     top: 0px;
     left: 0px;
     width: 749px;
     height: 432px;
     position: absolute;
}
 .sec3-text06 {
     top: 42px;
     left: 38px;
     color: rgba(255, 255, 255, 1);
     width: 488px;
     height: auto;
     position: absolute;
     font-size: 54px;
     font-style: Extra Bold;
     text-align: left;
     font-family: Adero Trial;
     font-weight: 700;
     line-height: normal;
     font-stretch: normal;
     text-decoration: none;
}
 .sec3-text13 {
     top: 254px;
     left: 38px;
     color: rgba(255, 255, 255, 1);
     width: 657px;
     height: auto;
     position: absolute;
     font-size: 18px;
     font-style: Medium;
     text-align: justified;
     font-family: Mulish;
     font-weight: 500;
     line-height: 28px;
     font-stretch: normal;
     text-decoration: none;
}
 .form-row {
     display: flex;
}
/*footer */
 .menu, .menu * {
     box-sizing: border-box;
}
 .menu {
     position: absolute;
     inset: 0;
}
 .innovation {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     left: 2px;
     top: 162px;
}
 .strategic-excellence {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     left: 2px;
     top: 192px;
}
 .production {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     left: 2px;
     top: 224px;
}
 .textile-marvels {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     left: 2px;
     top: 252px;
}
 .versatility {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     left: 2px;
     top: 282px;
}
 .greener-future {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     left: 2px;
     top: 314px;
}
/*===================Footer =======================*/
 form.footer-contact-us-form .form-control {
     display: block;
     width: 100%;
     height: 34px;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.42857143;
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 0px solid #ccc;
     -webkit-box-shadow: unset;
     box-shadow: unset;
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     border-bottom: 1px solid !important;
     border-radius: 0;
     padding-left: 50px;
}
 button.btn.btn-primary {
     background: transparent;
     color: black;
     border-color: black;
     border-radius: 20px;
     width: 166px;
     height: 40px;
     font-size: 18px;
     margin-top: 20px;
}
form.footer-contact-us-form {
     /*margin-left: 36px;*/
     width: 100%;
}
 .form-group {
     margin-bottom: 15px;
     padding: 0 20px 0px;
    /*position: relative;
    */
}
 .footer-contact-us-form label {
     position: relative;
     top: 31px;
}
 .footer-social-icon{
     margin-top: 30px;
}
 .footer-menu-list{
     list-style: none;
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     margin: 30px 0px 0px;
     padding: 0px;
}
 .footer-menu-list li a {
     display: block;
     position: relative;
     height: 20px;
     margin: 10px 0px;
     color: #000;
     align-self: stretch;
     margin-top: 16px;
     font: 500 16px Mulish, sans-serif;
}
 footer .row {
     margin-top: 120px;
}
 .footer, .footer * {
     box-sizing: border-box;
}
 .footer {
     width: 1446px;
     height: 469.05px;
     position: relative;
}
 .footer-menu, .menu * {
     box-sizing: border-box;
}
 .footer-menu {
     position: relative;
     inset: 0;
}
 .innovation {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     left: 2px;
     top: 162px;
}
 .strategic-excellence {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     left: 2px;
     top: 192px;
}
 .production {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     left: 2px;
     top: 224px;
}
 .textile-marvels {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     left: 2px;
     top: 252px;
}
 .versatility {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     left: 2px;
     top: 282px;
}
 .greener-future {
     color: #000000;
     text-align: left;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 16px;
     font-weight: 500;
     position: relative;
     left: 2px;
     top: 314px;
}
 .footer-contact-us * {
     box-sizing: border-box;
}
 .footer-contact-us {
     color: rgba(0, 0, 0, 0.5);
     text-align: right;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 14px;
     line-height: 21px;
     font-weight: 500;
     position: relative;
     width: 100%;
}
 .stay-connected, .stay-connected * {
     box-sizing: border-box;
}
 .stay-connected {
     color: #000000;
     text-align: right;
     font-family: "AderoTrial-ExtraBold", sans-serif;
     font-size: 54px;
     font-weight: 800;
     text-transform: uppercase;
     position: relative;
     width: 100%;
}
 button.slick-next.slick-arrow {
     left: 100px;
     position: absolute;
     bottom: -50px;
}
 button.slick-prev.slick-arrow {
     position: absolute;
     bottom: -42px;
         transform: rotate(179deg);
}
 .forging-a-greener-future-main, .forging-a-greener-future-main * {
     box-sizing: border-box;
}

 .forging-a-greener-future-main {
     width: 100%;
     height: 888.43px;
     position: relative;
     margin-top: 140px;
}
 .forging-a-greener-img {
     width: 100%;
     height: 888.43px;
     position: absolute;
     left: 0px;
     top: 0px;
}
 .forging-a-greener-future {
     color: #ffffff;
     text-align: left;
     font-family: "AderoTrial-ExtraBold", sans-serif;
     font-size: 54px;
     font-weight: 800;
     text-transform: uppercase;
     position: absolute;
     left: 141px;
     top: 444px;
     width: 422px;
     height: 185px;
}
 .sustainability-and-ethics-guide-us-prioritizing-eco-friendly-sourcing-minimizing-waste-and-energy-use-committed-to-social-compliance-we-adhere-to-fair-labor-practices-our-csr-efforts-support-education-and-the-environment-inspiring-mindful-choices-for-a-greener-future {
     color: #ffffff;
     text-align: justified;
     font-family: "Mulish-Medium", sans-serif;
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
     position: absolute;
     left: 141px;
     top: 668px;
     width: 577px;
}
/*=========================================================================================================================================*/
/*---------------------------------------------------- media for Small device -----------------------------------------------------------*/
/*=========================================================================================================================================*/
 @media(max-width: 768px) {
     .sec-5 {
         width: 100% !important;
         height: auto;
         position: relative;
         margin: 0px auto 0px;
    }
    .forging-a-greener-future-main {

    margin-top: 60px;
}
    .knitwear-button {
    width: 100px;
    height: 52px;
    position: relative;
    left: 173px;
    top: 51px;
}
.rectangle-1 {
    background: #ffffff;
    border-radius: 50px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    width: 150px;
    height: 52px;
    position: absolute;
    left: 0px;
    top: 0px;
}.knitwear {
    color: #000000;
    text-align: justified;
    font-family: "Mulish-Regular", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 33px;
    top: 12px;
}
.woven-button {
    width: 100px;
    height: 52px;
    position: relative;
    left: 4px;
    top: 0;
}
.woven {
    color: #000000;
    text-align: justified;
    font-family: "Mulish-Regular", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: calc(50% - 34.5px);
    top: calc(50% - 14px);
}
/*-----------------------------------------------------*/

.forging-a-greener-future-main{

	   background-image: url(../images/v73_208.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 530px !important;
   

}

     .columncc.col-md-5.col-sm-12 {
         width: 100%;
    }
     .div-9.col-md-12 {
         background-image: url(../images/Mobile-Banner.jpg);
         background-size: 100% 100%;
         background-position: center;
         background-repeat: no-repeat;
         height: 550px;
    }
     .hidden-xs{
         display: none !important;
    }
     .Hamburger-icon{
         display: none;
    }
     a.navbar-brand.logo img {
         width: 100px;
    }
     .div-9 {
        /* gap: 20px;
         */
         display: flex;
         margin-top: 26px !important;
    }
     .Innovation-header{
 height: 384px;
    position: relative;
    color: white;
    text-align: left;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: left;
    padding: 0 20px;
    width: 100%;
    margin-bottom: 10px;
    font-family: Adero Trial;
    font-weight: 800;
    text-transform: uppercase;
    word-wrap: break-word;
    line-height: 1.0em;
    font-size: 9vw;
    }
     .Innovation-header-p {
    position: relative;
    text-align: left;
    color: white;
    font-size: 12px;
    font-family: Mulish;
    font-weight: 500;
    line-height: 1.3em;
    word-wrap: break-word;
    padding: 0 20px;
    font-family: 'Mulish', sans-serif;
    }
     .div-13 {
         width: 100% !important;
         max-width: 100% !important;
         margin: 0 !important;
    }
     .div-14 {
         gap: 20px;
         display: flex;
         flex-direction: column;
    }
     .column-3 {
         display: flex;
         flex-direction: column;
         line-height: normal;
         width: 100%;
         margin-left: 0px;
         justify-content: center;
         align-items: flex-start;
    }
    div#slider-control {
         display: none;
    }
    .div-20 {
         color: #000;
         text-transform: uppercase;
         font: 800 16px Adero Trial, sans-serif;
    }
    .div-19 {
         display: flex;
         margin-top: 0;
         flex-direction: column;
    }
    .column-4 {
         display: flex;
         flex-direction: column;
         line-height: normal;
         width: 100%;
         margin-left: 0;
    }
     .div-21 {
         color: #000;
         text-align: left;
         margin-top: 20px;
         font: 500 18px/28px Mulish, sans-serif;
    }
     .div-22 {
         color: #000;
         text-align: left;
         margin-top: 10px;
         font: 500 18px/28px Mulish, sans-serif;
    }
    .img-8 {
         aspect-ratio: 1.13;
         object-fit: contain;
         object-position: center;
         width: 35px;
         overflow: hidden;
         margin-top: 13px;
    }
    .img-5 {
         aspect-ratio: 1.02;
         object-fit: contain;
         object-position: center;
         width: 44px;
         overflow: hidden;
         width: 35px;
    }
    .img-6 {
         aspect-ratio: 1.02;
         object-fit: contain;
         object-position: center;
         width: 35px;
         overflow: hidden;
         margin-top: 8px;
    }
    .img-7 {
         aspect-ratio: 1.22;
         object-fit: contain;
         object-position: center;
         width: 35px;
         overflow: hidden;
         margin-top: 16px;
    }
    .div-18 {
        /* color: #a95e1d;
         text-transform: uppercase;
         margin: auto 0;
         font: 800 17px/42px Adero Trial, -apple-system, Roboto, Helvetica, sans-serif;*/
         color: #a95e1d;
    text-transform: uppercase;
    margin: auto 0;
    font-family: 'AderoTrial-Black', sans-serif;
    font-size: 20px;
    line-height: 2.1em;
    letter-spacing: 0px;
    font-weight: 800;
    }
     .discover-a-diverse-collection-at-crossfit-apparels-from-classic-crew-neck-tees-to-trendy-henley-collars-sleeveless-options-and-raglan-sleeves-experience-timeless-elegance-with-yarn-dyed-striper-shirts-or-rugged-charm-with-rugby-shirts-stay-stylish-and-comfortable-with-sweatpants-sweatshirts-and-activewear-find-the-perfect-apparel-for-every-occasion {
         width: 100% !important;
    }
     .stay-connected {
         color: #000000;
         text-align: center;
         font-family: "AderoTrial-ExtraBold", sans-serif;
         font-size: 28px;
         font-weight: 800;
         text-transform: uppercase;
         position: relative;
         width: 100%;
         margin-top: 25px;
    }
    .footer-contact-us {
         color: rgba(0, 0, 0, 0.5);
         font-family: "Mulish-Medium", sans-serif;
         font-size: 12px;
         line-height: 21px;
         font-weight: 500;
         position: relative;
         width: 100%;
         text-align: center;
    }
    form.footer-contact-us-form {
         margin-left: 0;
         width: 100%;
    }
     .trusted-by-global-brands-we-forge-enduring-relationships-driving-innovation-and-ethical-practices-in-the-textile-sector {
         color: #000000;
         font-family: "Mulish-Medium", sans-serif;
         font-size: 18px;
         line-height: 28px;
         font-weight: 500;
         position: relative;
         width: 100%;
         text-align: center;
         margin: 0 auto;
         margin-bottom: 31px;
    }
    .building-lasting-bonds {
         width: 100%;
    }
     .sec-7 {
         width: 100%;
         height: unset;
         position: relative;
         margin-top: 50px;
         margin-bottom: 50px;
    }
    section.category-slider.slider.slick-initialized.slick-slider {
         margin-left: 0;
    }
    .forging-a-greener-future {
        color: #ffffff;
    font-family: "AderoTrial-ExtraBold", sans-serif;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 360px;
    right: 0;
    width: auto;
    height: auto;
    text-align: left;
    margin-left: 35px;
    }
    .sustainability-and-ethics-guide-us{
       color: #ffffff;
    font-family: "Mulish-Medium", sans-serif;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: 500;
    position: absolute;
    left: 0;
    padding: 0 0px;
    top: 405px;
    right: 0;
    width: 80%;
    height: auto;
    text-align: left;
    margin-left: 35px;
    }
     .forging-a-greener-future-main {
         width: 100%;
         height: auto;
         position: relative;
         margin-top: 100px;
    }
     .forging-a-greener-img {
         width: 100%;
         height: auto;
         left: 0px;
         top: 0px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.hidden-md {
    padding: 10px;
}
footer .row {
    margin-top: 0px;
}

/*.overlay-content {
    position: absolute;
    top: 27%;
    right: 9%;
    text-align: right;
    color: black;
    z-index: 999999;
    width: 100%;
}
*/

}
/*=========================================================================================================================================*/
/*media for large device */
/*=========================================================================================================================================*/
 @media (min-width: 992px){


a.nav-link {
    font-size: 20px;
    font-weight: 500;
    color: black !important;
    text-transform: uppercase;
    font-family: Adero Trial;
}
.overlay-content {
    position: absolute;
    top: 27% !important;
    right: 9%;
    text-align: right;
    color: black;
    z-index: 999999;
    width: 100%;
}

.fixed-top {

    z-index: 999999 !important;
}
 	.overlay-menu {
   position: fixed;
    top: 0;
    left: unset !important;
    right: 0 !important;
    width: 50% !important;
    height: 100%;
    background-color: rgb(255 255 255 / 95%);
    display: none;
        z-index: 9999 !important;
}


.products {
   background: #ffffff;
   width: 100%;
   height: 719px;
   position: relative;
   left: 0px;
   top: 70px;
}
.knitwear-button {
  width: 221px;
  height: 52px;
  position: relative;
  left: 60px;
  top: 176px;
}
.rectangle-1 {
  background: #ffffff;
  border-radius: 50px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  width: 221px;
  height: 52px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.knitwear {
  color: #000000;
  text-align: justified;
  font-family: "Mulish-Regular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  left: 60px;
  top: 12px;
}
.woven-button {
   width: 221px;
   height: 52px;
   position: relative;
   left: 300px;
   top: 123px;

}
.woven {
  color: #000000;
  text-align: justified;
  font-family: "Mulish-Regular", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
  position: absolute;
  left: calc(50% - 34.5px);
  top: calc(50% - 14px);
}
.kintwear-products {
  background: #ffffff;
  width: 1610px;
  height: 473px;
  position: absolute;
  left: 118px;
  top: 193px;
}
.frame-16 {
  width: 1610px;
  height: 473px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.frame-14 {
  width: 1610px;
  height: 393px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.group-10 {
  position: absolute;
  inset: 0;
}
.product-1-1 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 26px;
  top: 0px;
}
.pullovers {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  top: 340px;
  width: 133px;
  height: 22px;
}
.group-11 {
  position: absolute;
  inset: 0;
}
.product-1-2 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 349px;
  top: 0px;
}
.zipper-hoodies {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 323px;
  top: 340px;
  width: 133px;
  height: 22px;
}
.group-12 {
  position: absolute;
  inset: 0;
}
.product-1-3 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 672px;
  top: 0px;
}
.zipper-mock-neck {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 646px;
  top: 340px;
  width: 133px;
  height: 22px;
}
.group-13 {
  position: absolute;
  inset: 0;
}
.product-1-4 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 995px;
  top: 0px;
}
.sweatshirts {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 969px;
  top: 340px;
  width: 162px;
  height: 22px;
}
.group-14 {
  position: absolute;
  inset: 0;
}
.product-1-5 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 1318px;
  top: 0px;
}
.tee-shirts {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 1292px;
  top: 340px;
  width: 133px;
  height: 22px;
}
.group-15 {
  position: absolute;
  inset: 0;
}
.product-1-6 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 1641px;
  top: 0px;
}
.polo-shirt {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 1615px;
  top: 340px;
  width: 133px;
  height: 22px;
}
.group-16 {
  position: absolute;
  inset: 0;
}
.product-1-7 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 1964px;
  top: 0px;
}
.henley-shirts {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 1938px;
  top: 340px;
  width: 133px;
  height: 22px;
}
.group-17 {
  position: absolute;
  inset: 0;
}
.product-1-8 {
  width: 257px;
  height: 362px;
  position: absolute;
  left: 2287px;
  top: 0px;
}
.raglans {
  color: #000000;
  text-align: left;
  font-family: "AderoTrial-ExtraBold", sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  left: 2261px;
  top: 340px;
  width: 133px;
  height: 22px;
}
.icon-arrow-left {
  height: auto;
  position: absolute;
  right: 95.28%;
  left: 1.61%;
  width: 3.11%;
  bottom: 0%;
  top: 89.43%;
  height: 10.57%;
  overflow: visible;
}
.icon-arrow-left2 {
  height: auto;
  position: absolute;
  right: 87.27%;
  left: 9.63%;
  width: 3.11%;
  bottom: -10.57%;
  top: 100%;
  height: 10.57%;
  transform: translate(-50px, -50px);
  overflow: visible;
}
.versatility-copy-1 {
/*  border-radius: 10px 0px 0px 10px;
  width: 748px;
  height: 474px;
  position: absolute;
  left: 860px;
  top: 60px;*/
  border-radius: 10px 0px 0px 10px;
  width: 100%;
  height: auto;
  position: relative;
  top: 60px;
}.discover-a-diverse-collection-at-crossfit-apparels-from-classic-crew-neck-tees-to-trendy-henley-collars-sleeveless-options-and-raglan-sleeves-experience-timeless-elegance-with-yarn-dyed-striper-shirts-or-rugged-charm-with-rugby-shirts-stay-stylish-and-comfortable-with-sweatpants-sweatshirts-and-activewear-find-the-perfect-apparel-for-every-occasion {
  /*  color: #000000;
    text-align: justified;
    font-family: "Mulish-Medium", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    position: relative;
    left: 149px;
    top: 110px;
    width: 601px;*/
    color: #000000;
    text-align:justify;
    font-family: "Mulish-Medium", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    position: relative;
    left: 0;
    top: 110px;
    width: 601px;
}
.a-diverse-range-of-apparel {
    color: #000000;
    font-family: "AderoTrial-ExtraBold", sans-serif;
    font-size: 26px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    left: 0;
    top: 100px;
    width: 437px;
}

/*-------------------------------*/

     .sec3-container::before {
         content: "";
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         background-image: url('https://cdn.siter.io/assets/ast_L51g8PyUZ4LpLUf8DDSZTqGtb/d7983df6-67ec-4e99-a51a-a026bd06eea4.webp');
         background-size: cover;
         background-position: center;
    }
     .div-9.col-md-12.col-sm-12.main-slider{
         /*max-width: 1439px ;*/
         max-width: 100%;
         width: 100%;
         margin: 0 auto;
    }
     .forging-a-greener-img {
         width: 100%;
         height: 888.43px;
         position: absolute;
         left: 0px;
         top: 0px;
    }
     .forging-a-greener-future {
         color: #ffffff;
         text-align: left;
         font-family: "AderoTrial-ExtraBold", sans-serif;
         font-size: 54px;
         font-weight: 800;
         text-transform: uppercase;
         position: absolute;
         left: 141px;
         top: 485px;
         width: 422px;
         height: 185px;
         line-height: 1.1em;
    }
     .sustainability-and-ethics-guide-us{
         color: #ffffff;
         text-align: justified;
         font-family: "Mulish-Medium", sans-serif;
         font-size: 18px;
         line-height: 28px;
         font-weight: 500;
         position: absolute;
         left: 141px;
         top: 681px;
         width: 577px;
    }
     .sec-5, .sec-5 * {
         box-sizing: border-box;
    }
     .sec-5 {
         max-width: 1419px ;
         width: 100%;
         height: auto;
         position: relative;
         margin: 100px auto 140px;
    }
     .hidden-md{
         display: none !important;
    }
     .div-9.col-md-12 {
         padding: 0;
    }
     .columncc.col-md-5 {
        /* display: flex;
         justify-content: center;
         padding-left: 30px;
         align-items: flex-end;
         margin-top: 263px */
             display: flex;
    justify-content: center;
    padding-left: 30px;
    align-items: flex-end;
    margin-top: 263px;
    /*width: 91vh;*/
    }
     .Innovation-header{
    /*    width: 100%;
    height: 185px;
    left: 0px;
    top: 0px;
    position: absolute;
    color: black;
    font-size: 54px;
    font-family: Adero Trial;
    font-weight: 800;
    text-transform: uppercase;
    word-wrap: break-word;
    line-height: 1.0em;
    font-size: 4vw;*/
        width: 100%;
    height: auto;
    left: 0px;
    top: 0px;
    position: absolute;
    color: black;
    font-size: 54px;
    font-family: Adero Trial;
    font-weight: 800;
    text-transform: uppercase;
    word-wrap: break-word;
    line-height: 1.0em;
    font-size: 3.5vw;
    }
     .Innovation-header-p{
     /*   width: 577px;
    left: 0px;
    top: 224px;
    position: absolute;
    text-align: justify;
    color: black;
    font-size: 18px;
    font-family: Mulish;
    font-weight: 500;
    line-height: 28px;
    word-wrap: break-word;
    font-size: 1vw;*/
        width: 100%;
    left: 0px;
    top: 26vh;
    position: absolute;
    text-align: justify;
    color: black;
    font-size: 18px;
    font-family: Mulish;
    font-weight: 500;
    line-height: 28px;
    word-wrap: break-word;
    font-size: 2vh;

    }
     body {
         padding-top: 0;
    }
     .navbar-expand-lg .navbar-nav {
         flex-direction: row;
         margin-right: 18%;
    }
     li.nav-item {
         margin: 0 12px;
    }
    
}





.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}
@media(min-width: 767px) {

	.slider-txt-left{
    height: 100%;
    position: relative;
    width: 100%;
	}

	.menu-txt-bottom h1 {
    color: #a95e1d;
    text-transform: uppercase;
    margin: auto 0;
    font: 800 43px/53px Adero Trial, -apple-system, Roboto, Helvetica, sans-serif;
    margin: 30px auto 0;
    text-align: center;
    position: relative;
    right: -9%;
}

.main-container {
  position: relative;
  width: 100%;
  height: 941px;
  margin: 0 auto;
}
.div-beatsnoop {
  position: absolute;
  width: 1728px;
  height: 678px;
  top: 0;
  left: 0;
  background: url(https://i.imgur.com/35u2ATu.jpg)
    no-repeat center;
  background-size: cover;
}
.div-rectangle {
  position: absolute;
  width: 749px;
  height: 432px;
  top: 509px;
  left: 115px;
  font-size: 0px;
  background: url(https://i.imgur.com/t2kbkx0.png)
    no-repeat center;
  background-size: cover;
  z-index: 6;
}
.span-unleashing-production {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 488px;
  height: 186px;
  margin: 42px 0 0 38px;
  font-family: Adero Trial, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 54px;
  font-weight: 800;
  line-height: 61.56px;
  text-align: left;
  text-overflow: initial;
  z-index: 7;
  overflow: hidden;
}
.span-committed-to-excellence {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 657px;
  height: 140px;
  margin: 26px 0 0 38px;
  font-family: Mulish, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-align: justified;
  z-index: 8;
}
.flex-column-ab {
position: absolute;
    width: 374px;
    height: 155px;
    top: 628px;
    left: 866px;
    font-size: 0px;
    z-index: 4;
}
.crafting-upto {
  
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    width: 374px;
    height: 38px;
    margin: 0 0 0 0;
    color: white;
    font-size: 33px;
    font-weight: 800;
    line-height: 37.62px;
    text-align: right;
    white-space: nowrap;
    z-index: 2;
    font-family: Adero Trial , sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;

}
.comma {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    width: 374px;
    height: 66px;
    margin: 0;
    color: black;
    font-size: 84px;
    font-weight: 700;
    line-height: 65.583px;
    text-align: right;
    white-space: nowrap;
    z-index: 4;
    font-family: sans-serif;
    text-transform: uppercase;
}
.pieces-per-year {
      display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    width: 374px;
    height: 34px;
    margin: -1px 0 0 0;
    line-height: 34px;
    text-align: right;
    white-space: nowrap;
    z-index: 3;
    text-transform: uppercase;
    position: relative;
    width: 374px;
    height: 34px;
    margin: 0 auto;
    color: black;
    font-size: 30px;
    font-weight: 800;
    line-height: 34px;
    font-weight: 800;
    font-size: 33px;
    line-height: 1.5em;
    font-family: 'Adero Trial';



}

/*frame9*/

    .frame-9,
    .frame-9 * {
      box-sizing: border-box;
  }
  .frame-9 {
    background: #ffffff;
    position: relative;
    margin-top:100px !important;
}
.frame-13 {
  max-width: 1419px !important;
  width: 100%;
  margin: 0 auto;
}
.frame-10 {
  width: 615px;
  position: relative;
  left: 0px;
  top: 0px;
  height: 100vh;
}

.frame-13 {
    overflow: hidden;
    position: relative;
}

.frame-13::before {
    content: "";
    position: absolute;
    top: 0;
    left: 47%; /* Adjust as needed based on your layout */
    transform: translateX(-50%);
    width: 2px;
    height: 1773px;
    background: #f3f3f3;
}


.the-artistry-of-textile-marvels {
   position: absolute;
    left: 0px;
    top: 128px;
    width: 471px;
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    font-family: Adero Trial , sans-serif;
}
.n-the-dynamic-world-of-the-textile-sector-exemplified-by-companies-like-crossfit-apparels-a-seamless-fusion-of-artistry-and-innovation-brings-to-life-an-array-of-meticulous-processes {

  font-family: "Mulish-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 198px;
  width: 601px;
  color: #000;
  text-align: justify;
 
  line-height: 28px; /* 155.556% */
}
.this-symphony-of-processes-guided-by-skilled-craftsmanship-and-state-of-the-art-technology-culminates-in-a-seamless-fusion-of-form-and-function-where-textile-marvels-emerge-ready-to-charm-and-inspire-the-world {
 
  font-family: "Mulish-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: 308px;
  width: 601px;
  color: #000;
  text-align: justify;

}
.a-symphony-of-craftsmanship-and-innovation {
  position: absolute;
    left: 393px;
    top: 420px;
    width: 223px;
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    font-family: 'Mulish-ExtraBold';
}
.frame-11 {
/*  width: 588px;
  height: 2018px;
  position: absolute;
  left: 831px;
  top: 0px;*/
  width: 616px;
  height: 100vh;
  overflow-y: scroll;
  position: absolute;
  right: 20px;
  top: 0px;

}
.group-4 {
  position: absolute;
  inset: 0;
}
.rectangle-2 {
  background: #f3f3f3;
  border-radius: 10px;
  width: 100%;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 103px;
}
.yarn-copy-1 {
  border-radius: 10px 0px 0px 10px;
  width: 284px;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 103px;
}
.at-the-outset-the-journey-commences-with-yarn-and-knitting-where-the-finest-threads-are-selected-and-masterfully-interlaced-to-form-the-foundation-of-the-fabric {
  color: #000000;
  text-align: left;
  font-family: "Mulish-Medium", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  left: 309px;
  top: 164px;
  width: 255px;
  height: 123px;
}
.yarn-and-knitting {
  color: #000000;
  text-align: left;
  font-family: "Mulish-ExtraBold", sans-serif;
  font-size: 19px;
  font-weight: 800;
  position: absolute;
  left: 309px;
  top: 118px;
  width: 223px;
}
.group-5 {
  position: absolute;
  inset: 0;
}
.rectangle-22 {
  background: #f3f3f3;
  border-radius: 10px;
  width: 100%;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 419px;
}
.yarn-copy-12 {
  border-radius: 10px 0px 0px 10px;
  width: 284px;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 419px;
}
.next-comes-the-realm-of-fabric-customization-where-creativity-takes-center-stage-and-unique-patterns-and-textures-come-to-fruition-tailored-to-cater-to-diverse-market-segments {
  color: #000000;
  text-align: left;
  font-family: "Mulish-Medium", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  left: 309px;
  top: 480px;
  width: 267px;
  height: 123px;
}
.fabric-customisation {
  color: #000000;
  text-align: left;
  font-family: "Mulish-ExtraBold", sans-serif;
  font-size: 19px;
  font-weight: 800;
  position: absolute;
  left: 309px;
  top: 434px;
  width: 223px;
}
.group-6 {
  position: absolute;
  inset: 0;
}
.rectangle-23 {
  background: #f3f3f3;
  border-radius: 10px;
  width: 100%;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 735px;
}
.yarn-copy-13 {
  border-radius: 10px 0px 0px 10px;
  width: 284px;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 735px;
}
.dyeing-takes-the-baton-transforming-the-fabric-into-a-vibrant-canvas-of-colors-a-process-meticulously-carried-out-to-achieve-precise-hues-and-tones {
  color: #000000;
  text-align: left;
  font-family: "Mulish-Medium", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  left: 309px;
  top: 796px;
  width: 255px;
  height: 123px;
}
.dyeing {
  color: #000000;
  text-align: left;
  font-family: "Mulish-ExtraBold", sans-serif;
  font-size: 19px;
  font-weight: 800;
  position: absolute;
  left: 309px;
  top: 750px;
  width: 223px;
}
.group-7 {
  position: absolute;
  inset: 0;
}
.rectangle-24 {
  background: #f3f3f3;
  border-radius: 10px;
  width: 100%;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 1051px;
}
.yarn-copy-14 {
  border-radius: 10px 0px 0px 10px;
  width: 284px;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 1051px;
}
.garment-washing-adds-character-and-comfort-as-each-piece-undergoes-careful-treatments-imparting-softness-and-a-bespoke-feel {
  color: #000000;
  text-align: left;
  font-family: "Mulish-Medium", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  left: 309px;
  top: 1112px;
  width: 255px;
  height: 123px;
}
.washing {
  color: #000000;
  text-align: left;
  font-family: "Mulish-ExtraBold", sans-serif;
  font-size: 19px;
  font-weight: 800;
  position: absolute;
  left: 309px;
  top: 1066px;
  width: 223px;
}
.group-8 ,.group-7 .group-6 ,.group-5 .group-4 ,.group-3 ,.group-2 , .group-1 {
  position: relative;
  inset: 0;
}
.rectangle-25 {
  background: #f3f3f3;
  border-radius: 10px;
  width: 100%;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 1367px;
}
.yarn-copy-15 {
  border-radius: 10px 0px 0px 10px;
  width: 284px;
  height: 206px;
  position: absolute;
  left: 0px;
  top: 1367px;
}
.embarking-on-a-visual-voyage-printing-embellishes-the-fabric-with-artistic-designs-and-patterns-reflecting-the-zeitgeist-of-contemporary-fashion {
  color: #000000;
  text-align: left;
  font-family: "Mulish-Medium", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  left: 309px;
  top: 1428px;
  width: 255px;
  height: 123px;
}
.printing {
  color: #000000;
  text-align: left;
  font-family: "Mulish-ExtraBold", sans-serif;
  font-size: 19px;
  font-weight: 800;
  position: absolute;
  left: 309px;
  top: 1382px;
  width: 223px;
}
.vector-1 {
  width: 0px;
  height: 1772px;
  position: absolute;
  left: 730px;
  top: 117.5px;
  overflow: visible;
}
.group-9 {
  position: absolute;
  inset: 0;
}
.rectangle-26 {
  background: #f3f3f3;
  border-radius: 10px;
  width: 588px;
  height: 206px;
  position: absolute;
  left: 980px;
  top: 1683px;
}
.yarn-copy-16 {
  border-radius: 10px 0px 0px 10px;
  width: 284px;
  height: 206px;
  position: absolute;
  left: 980px;
  top: 1683px;
}
.finally-the-age-old-art-of-embroidery-emerges-intricately-stitching-captivating-motifs-that-elevate-the-garment-to-an-emblem-of-sophistication {
  color: #000000;
  text-align: left;
  font-family: "Mulish-Medium", sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  position: absolute;
  left: 1289px;
  top: 1744px;
  width: 255px;
  height: 123px;
}
.embroidery {
  color: #000000;
  text-align: left;
  font-family: "Mulish-ExtraBold", sans-serif;
  font-size: 19px;
  font-weight: 800;
  position: absolute;
  left: 1289px;
  top: 1698px;
  width: 223px;
}


body {
    padding: 0;
}
button.navbar-toggler {
    border: none !important;
}



/*--------------------media min width end -------------------*/

}

@media(max-width: 768px) {


img.versatility-copy-1 {
    width: 100%;
    margin-top: 44px;
}
  .span-committed-to-excellence {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    font-family: Mulish , sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3em;
    text-align: left;
    z-index: 8;
    padding: 20px;
}
.span-unleashing-production {
  display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
   /* font-family: Adero Trial;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;*/
    line-height: 1.3em;
    text-align: left;
    text-overflow: initial;
    z-index: 7;
    overflow: hidden;
    padding: 20px 20px 0;
        position: relative;
    width: 306px;
    height: auto;
    margin: auto;
    font-family: Adero Trial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    line-height: 31.92px;

}
.flex-column-ab {
 position: absolute;
    width: 100%;
    height: 155px;
    top: 60px;
    right: 0px;
    font-size: 0px;
    z-index: 13;
}
.comma {
   display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 66px;
    margin: 9px auto 5px;
    color: #ffffff;
    font-size: 63px;
    font-weight: 700;
    line-height: 65.583px;
    text-align: center;
    white-space: nowrap;
    z-index: 4;
    font-family: Adero Trial , sans-serif;
    text-transform: uppercase;
        font-weight: 800;
}
.crafting-upto {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 38px;
    margin: 0 auto;
       color: black;
    /*font-size: 33px;*/
    font-weight: 800;
    line-height: 37.62px;
    text-align: center;
    white-space: nowrap;
    z-index: 2;
      /*font-family: Adero Trial , sans-serif;*/
    text-transform: uppercase;

    position: relative;
  width: 374px;
  height: 38px;
  margin: 0 auto;
  font-family: Adero Trial, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #000000;
  font-size: 33px;
  font-weight: 800;
  line-height: 37.62px;




}
.pieces-per-year {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 34px;
    margin: -1px 0 0 0;
    
    text-align: center;
    white-space: nowrap;
    z-index: 3;
 
    text-transform: uppercase;
     position: relative;

  margin: 0 auto;
  font-family: Adero Trial, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  color: #ffffff;
  font-size: 30px;
  font-weight: 800;
  line-height: 34px;
}


.main-container {
    position: relative;
    width: 100%;
    height: 941px;
    margin: 50px auto;
}
.div-beatsnoop {
    position: absolute;
    width: 100%;
    height: 678px;
    top: 0;
    left: 0;
    background: url(https://i.imgur.com/35u2ATu.jpg);
    background-size: 102% 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.div-rectangle {
    position: absolute;
    width: 80%;
    height: 410px;
    top: 509px;
    left: 0;
    font-size: 0px;
    background: url(https://i.imgur.com/t2kbkx0.png) no-repeat center;
    background-size: cover;
    z-index: 6;
    margin: 0 auto;
    right: 0;
}


.this-symphony-of-processes-guided-by-skilled-craftsmanship-and-state-of-the-art-technology-culminates-in-a-seamless-fusion-of-form-and-function-where-textile-marvels-emerge-ready-to-charm-and-inspire-the-world {
    display: none;
}


	.the-artistry-of-textile-marvels {
    font-weight: bold;
    font-size: 20px;
}
.a-symphony-of-craftsmanship-and-innovation {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    font-family: Adero Trial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;
}
.frame-13 img {
        width: 45%;
    margin: 0px 0px;
    height: 110px;
}
.frame-13::before {
    content: unset !important;
  
}

.group-main{
	     display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    /* background: #f3f3f3; */
    margin: 20px 0;
    position: relative;
    z-index: -4;
}
.group-text {
/*width: 100%;
    display: flex;
    order: 2;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin-top: 18px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 1.3em;
    padding-right: 2px;*/
    width: 100%;
    display: flex;
    order: 2;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 11px;
    line-height: 1.3em;
    padding-right: 2px;
}
.grp-h {
  /* font-weight: bold;
    order: 1;
    display: flex;
    position: absolute;
    left: 46%;
    font-size: 12px;*/
        font-weight: bold;
    /* order: 1; */
    display: flex;
    position: relative;
    font-size: 12px;
        margin-bottom: 4px;
}
.rectangle-2 {
    background: #f3f3f3;
    border-radius: 10px;
    width: 100%;
    height: 109px;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: -3;
}
nav.navbar.mbl-menu {
    padding: 10px;
}
a.navbar-brand.logo {
    z-index: 9999;
}
a.navbar-toggler.border-0 {
    z-index: 99999;
}
.menu-txt-bottom {
    margin-top: 52px;
    margin-right: 0;
    color: #a95e1d;
    text-transform: uppercase;
    text-align: center;
    width: 102%;
    padding: 0;
    left: 9%;
    position: absolute;
}
ul.navbar-nav.mbl-menu li a {
    font-size: 22px;
    font-weight: 500;
    color: black;
}
.menu-txt-bottom h1 {
    color: #a95e1d;
    text-transform: uppercase;
    font-size: 44px;
    font-weight: 800;
    font-family: 'AderoTrial-Black', sans-serif;
}
.slick-slide img {
    width: 100%;
}
section.customer-logos.slider.slick-initialized.slick-slider .slick-slide img{
     width: 100px;
}
section.category-slider2.slider.slick-initialized.slick-slider {
    margin-left: 0;
}

/*------mobile media end -------*/
}