*{
    margin: 0;
    padding: 0;
    

    --primary-color:#d89e2d;
    --secondary-color:#946c24;
    --footer-color:#e6cdaf;
    --light-color:#deb77066;
    --dark-color:#2d2c2b;
    --dark-color-2:#644c24;
    --body-background-color:#fafafa;
    --white-color:#fff;
    
    --mobile-device-starts:420px;
    --mobile-device-ends:768px;
}

::-webkit-scrollbar {
  width: 10px; 
}
/* Handle */
::-webkit-scrollbar-thumb {
  background:var(--dark-color-2);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background:var(--secondary-color);
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--white-color);
}

/* Fonts  */
/* Open Sans  */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
/* Fonts Ends  */

ul,p{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
a{
  text-decoration: none !important;
  color:inherit
}
a:link{
  color:inherit !important
}
a:visited{
  color: inherit !important
}

body{
    background-color: var(--body-background-color) !important;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: 2 !important;
}
.modal-ul>ul{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.modal-ul>ul>li{
  text-align: center;
}
.modal-ul{
  margin-block: 42px;
}
.hoverable{
cursor: pointer;
}
.modal-ul>ul>li>div>img{
  margin: auto;
}
.main__section{
  padding-top:120px;
  min-height: 90vh;
}
.hdr{
  position: fixed;
  width: 100%;
  z-index: 1000; 
}
 
/* HEADER CSS ENDS */

/* Header Top Css*/
.header__top{
  background-color: var(--footer-color);
  color: black;
  padding: 5px;
  padding-inline:30px;
  margin-inline:40px;
  border-radius: 2px; 
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.header__top>ul>li>ul>li{
 padding-inline: 10px;
 font-size: 14px;
 
  }
  .header__top>ul , .header__top>ul>li>ul{
   display:flex;
   flex-direction: colum;
   justify-content: space-between;
   list-style: none;
    
   align-items: center;
  }

@media screen and (max-width: 768px) {
   .header__top{
    display: none;
    padding-inline:20px;
    margin-inline:40px;

   }
    
}
   
/*Header Top Css Ends  */

/*----- 
---------------------------
------*/

/* Main Header Css */
 
.header__main{
 background-color: var(--white-color);
 padding-block: 10px;
 
 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.075);
}
@media screen and (min-width: 768px) {
  .header__main{
    padding-inline:50px;
     margin-inline:40px;
  }
    .header__main>ul , .header__main>ul>li>ul{
     display:flex;
     flex-direction: colum;
     justify-content: space-between;
     list-style: none;
      
     align-items: center;
    }
    .header__main>ul>li>ul>li{
        color: var(--dark-color);
        width: auto;
        padding-inline: 20px;
        font-size: 17px;
        font-weight: 600;
       }
       .header__main>ul>li>ul>li>form>input{
       padding: 8px 15px;
       border:1px solid gray;
       border-radius: 5px;
       }
       .header__main>ul>li>ul>li>form>input:focus{
     outline: none;
        border:1px solid gray;
        }
        
       .header__main>ul>li>ul>li:hover{
        color: var(--dark-color-2);
        cursor: pointer;
       }
  }
/* Main Header Css Ends  */
.checkout__button{
  width: 90%;
  height: 40px;
  border-radius: 40px;
  color: white;
  font-size: 20px;
  background-color: #644c24;
  margin-block: 40px;
}
.checkout__button:hover{
  background-color: #000;
}
.icon:hover{
  background-color: #000;
  color:#fff;
  cursor: pointer;
}
.icon_plus{
  font-size: 20px;
  height: 35px;width: 45px !important;
  padding: 5px 10px;
  border: 1px solid black;
  border-radius: 50%;
}
.icon_minus{
  font-size: 28px;
  height: 20px;
  padding:1px 11px;
  border: 1px solid black;
  border-radius: 50%;
}
.quan{ 
  padding: 10px;
  font-weight: bolder;
  font-size: 20px;
}

/*----BODY CSS STARTS ------------*/
.cta{ 
  width: auto; 
  margin-inline:40px ; 
  margin-block:100px 40px;
  height: auto;
  min-height: 600px;
  border-radius: 10px;
  background-position: center;
  background-image: url('https://portal.ekanaherbs.com/custom/images/cta11.png');
  background-size:90% auto;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-weight: bolder;
 padding-inline:300px;
}
@media screen and (max-width:420px) {
.cta{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline:0;
}
}
.cta__button{
  color: white;
  background-color: #000;
  border-radius: 4px;
  padding: 10px;
  min-width: 200px;
 
}
.cta__button:hover{
  color: black;
  background-color: var(--white-color);
  border-radius: 4px;
  padding: 9px;
  border: 1px solid black;
  min-width: 200px;
  transition: 0.4s ease-in;
 
}

.categories{
  padding: 30px 10px;
}
.categories>h2{
  font-size: 40px;
}

.categories>ul{
  margin:0px;padding:0px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}
.categories>ul>li{
  padding-inline:20px;
  font-size: 20px;
}
.categories>ul>li:hover{
 cursor: pointer;
 background-color: #eaeaea;
 color: var(--dark-color-2);
 transition: 1s ease-in-out
}

.categories>ul>li>p{
  margin:0;padding: 0;
  font-weight: bolder;
  font-size: 20;
}

.categories>ul>li>img{
  height:200px;width: 200px;
}


.products{
  padding: 30px 10px;
}
.products>h2{
  font-size: 40px;
}

.products>ul{
  margin:0px;padding:0px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;

}
.products>ul>li{
  padding-inline:20px;
  padding-block: 20px;
  font-size: 20px;
  background-color: #fafafa; 
  margin-inline: 10px;
}
 p{
  text-align: left;
 }
.product__container{
  display: flex;
  flex-direction: column;
  justify-content: start;
  float:left;
  padding: 10px;
}
 
.skeletal_ul{
   display: flex; flex-direction: row;
   flex-wrap: wrap;
}
.skeletal_ul>li{
  flex: 250px;
  margin-inline-end:20px;
  margin-block-end: 5px;
}


.products>ul>li:hover{
 cursor: pointer;
 background-color: #eaeaea;
 color: var(--dark-color-2);
 transition: 1s ease-in-out
}
.product__image{
  height: 250px;
  width: 300px;
}

.product__brand{
  color:gray;
  font-size: 12px;
}
.product__title{
  font-weight:bolder;
  font-size: 20px;
  margin:0px;
  padding:0px;
}
.product__quantity{
  font-size: 15px;
} 
.product__code{
  color: var(--dark-color-2);
  font-size: 15px;
  font-weight: bold;
}
.product__addToCart{
  color: var(--white-color);
  background-color: var(--dark-color);
  border-radius: 10px;
  padding: 10px; 
  font-size: 12px;
  float: right;
  position: relative;
  display:flex;
  align-items: center;
}
.product__addToCart__text{
  padding-inline-start: 10px;
}
.product__addToCart:hover{
   background-color: var(--white-color);
 color: var(--dark-color);
 border: 1px solid var(--dark-color);
 transition: 0.4s ease-in-out;
 padding: 9px;
}
.product__addToCart::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23FFF" stroke-width="1.5"><path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="%23FFF"/><path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="%23FFF"/><path d="M9.5 9L10.0282 12.1179" stroke="%23FFF" stroke-width="1.5" stroke-linecap="round"/><path d="M15.5283 9L15.0001 12.1179" stroke="%23FFF" stroke-width="1.5" stroke-linecap="round"/><path d="M2 3L2.26121 3.09184C3.5628 3.54945 4.2136 3.77826 4.58584 4.32298C4.95808 4.86771 4.95808 5.59126 4.95808 7.03836V9.76C4.95808 12.7016 5.02132 13.6723 5.88772 14.5862C6.75412 15.5 8.14857 15.5 10.9375 15.5H12M16.2404 15.5C17.8014 15.5 18.5819 15.5 19.1336 15.0504C19.6853 14.6008 19.8429 13.8364 20.158 12.3075L20.6578 9.88275C21.0049 8.14369 21.1784 7.27417 20.7345 6.69708C20.2906 6.12 18.7738 6.12 17.0888 6.12H11.0235M4.95808 6.12H7" stroke="%23FFF" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-size: cover;
  color: white;
  margin-right: 1px; /* Adjust as needed */
}

.product__addToCart:hover::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="1.5"><path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="%23000"/><path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="%23000"/><path d="M9.5 9L10.0282 12.1179" stroke="%23000" stroke-width="1.5" stroke-linecap="round"/><path d="M15.5283 9L15.0001 12.1179" stroke="%23000" stroke-width="1.5" stroke-linecap="round"/><path d="M2 3L2.26121 3.09184C3.5628 3.54945 4.2136 3.77826 4.58584 4.32298C4.95808 4.86771 4.95808 5.59126 4.95808 7.03836V9.76C4.95808 12.7016 5.02132 13.6723 5.88772 14.5862C6.75412 15.5 8.14857 15.5 10.9375 15.5H12M16.2404 15.5C17.8014 15.5 18.5819 15.5 19.1336 15.0504C19.6853 14.6008 19.8429 13.8364 20.158 12.3075L20.6578 9.88275C21.0049 8.14369 21.1784 7.27417 20.7345 6.69708C20.2906 6.12 18.7738 6.12 17.0888 6.12H11.0235M4.95808 6.12H7" stroke="%23000" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-size: cover;
  color: white;
  margin-right: 1px; /* Adjust as needed */
}

.product__goToCart{
  color: var(--dark-color);
  background-color: var(--primary-color);
  border-radius: 10px;
  padding: 10px; 
  font-size: 12px;
  float: right;
  position: relative;
  display:flex;
  align-items: center;
}
.product__goToCart__text{
  padding-inline-start: 10px;
}
.product__goToCart:hover{
   background-color: var(--primary-color);
 color: var(--dark-color);
 border: 1px solid var(--dark-color);
 transition: 0.4s ease-in-out;
 padding: 9px;
}
.product__goToCart::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23FFF" stroke-width="1.5"><path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="%23FFF"/><path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="%23FFF"/><path d="M9.5 9L10.0282 12.1179" stroke="%23FFF" stroke-width="1.5" stroke-linecap="round"/><path d="M15.5283 9L15.0001 12.1179" stroke="%23FFF" stroke-width="1.5" stroke-linecap="round"/><path d="M2 3L2.26121 3.09184C3.5628 3.54945 4.2136 3.77826 4.58584 4.32298C4.95808 4.86771 4.95808 5.59126 4.95808 7.03836V9.76C4.95808 12.7016 5.02132 13.6723 5.88772 14.5862C6.75412 15.5 8.14857 15.5 10.9375 15.5H12M16.2404 15.5C17.8014 15.5 18.5819 15.5 19.1336 15.0504C19.6853 14.6008 19.8429 13.8364 20.158 12.3075L20.6578 9.88275C21.0049 8.14369 21.1784 7.27417 20.7345 6.69708C20.2906 6.12 18.7738 6.12 17.0888 6.12H11.0235M4.95808 6.12H7" stroke="%23FFF" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-size: cover;
  color: white;
  margin-right: 1px; /* Adjust as needed */
}

.product__goToCart:hover::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="1.5"><path d="M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z" stroke="%23000"/><path d="M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z" stroke="%23000"/><path d="M9.5 9L10.0282 12.1179" stroke="%23000" stroke-width="1.5" stroke-linecap="round"/><path d="M15.5283 9L15.0001 12.1179" stroke="%23000" stroke-width="1.5" stroke-linecap="round"/><path d="M2 3L2.26121 3.09184C3.5628 3.54945 4.2136 3.77826 4.58584 4.32298C4.95808 4.86771 4.95808 5.59126 4.95808 7.03836V9.76C4.95808 12.7016 5.02132 13.6723 5.88772 14.5862C6.75412 15.5 8.14857 15.5 10.9375 15.5H12M16.2404 15.5C17.8014 15.5 18.5819 15.5 19.1336 15.0504C19.6853 14.6008 19.8429 13.8364 20.158 12.3075L20.6578 9.88275C21.0049 8.14369 21.1784 7.27417 20.7345 6.69708C20.2906 6.12 18.7738 6.12 17.0888 6.12H11.0235M4.95808 6.12H7" stroke="%23000" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-size: cover;
  color: white;
  margin-right: 1px; /* Adjust as needed */
}
.super-script{
  position: relative;
  top: 0;
  right: 0;
  font-size: 12px;
}
/* main Carousel*/
 
.main_carousel{
  margin-top:40px;
  background-color: #38539a;
  height: 400px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color:#fff;
}
/* main carousel ends*/

/*---PRODUCT BANNERS---*/
.product__banners{
  padding: 50px;
}
.product__banners>ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  
}
.product__banners>ul>li{
  flex: 50%;
  padding: 30px;
}
.product__banner>img{
 max-height: 500px;
 width: 100%;
}
.product__banner>.text_container{
  background-color: #f9d79c84;
  padding: 50px;
}
.banner_explore_button{
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  padding: 9px 30px;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 10px;
}
/*----END OF PRODUCT BANNERS---*/
 

/*----TESTIMONIAL SECTIONS-----*/
.testimonial{
  background-color: #fafafa;
  margin: 50px;
  padding: 10px 50px;
}
.testimonial> ul{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.testimonial>ul>li{
  flex: 33%;
}
.testimonial__card>ul{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.testimonial__card>ul>li{
  padding-inline: 50px;
  min-height: 300px; 
  
}
.testimonial__card>ul>li>.card__body{
  max-width:500px;
  background-color: rgba(239, 182, 132, 0.211);
  padding: 20px;
}


.icon-text{
  margin-left:20px
}



/*----END OF TESTIMONIAL SECTION---*/




/*----BODY CSS ENDS ------------*/


/* HEADER CSS ENDS */

/*
---------------------------------------
---------------------------------------
---------------------------------------
*/
/* FOOTER CSS STARTS */
 
 
.footer{
  background-color: var(--footer-color);
  color: black; 
  position: relative; 
  bottom: 0;
  margin-inline: 40px;
  padding: 20px 40px;
}

.footer>ul{
  margin:0;padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

}
.footer>ul>li:first-child{
  max-width: "300px"
}
.footer>ul>li>p{
  color:black; 
  text-transform: uppercase;
  font-weight: bold;
}
.footer>ul>li>ul>li{
  text-align: left;
  margin-block:3px;
}
.footer>ul>li>ul>{
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
} 

.social_icons{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.social_icons>a{
  margin-inline-end: 10px;
}
.percent__box{
  height: 100px;
  width: 100px;
  border-radius: 50%;
  background-color: #38539a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 30px;
}
.hoverable:hover{
  cursor: pointer;
}
.percent__box:hover{
  cursor: pointer;
  background-color: #082e8f;
}
.footer>ul>li>a{
  margin-inline-end: 10px;
  margin-block:10px;
}
/* FOOTER CSS ENDS  */

/* EKANA ACADEMY PAGE  */
.smooth__header{
  margin-inline:60px;
  margin-block:20px;
  border-radius: 10px; 
  /* border: 1px solid green; */
  background-color: #fafafa;
  height: 200px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items:center;
}
.instructions>li{
text-align: left;
}
@media screen and (max-width:1640px) {
  .start-biz{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/start-biz-1400X200.jpg');
    background-size: cover ;
  }
  .resource-file{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/res-1400X200.jpg');
    background-size: cover ;
  }
  .academy{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/academy-1400X200.jpg');
    background-size: cover ;
  }
  .offers{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/offer-940X200.jpg');
    background-size: cover ;
  }
  .products-bg{
    background-image:url('https://portal.ekanaherbs.com/custom/images/products/product-1400X200.jpg');
    background-size: cover;
  }

}
@media screen and (max-width:940px) {
  .start-biz{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/start-biz-1400X200.jpg');
    background-size: cover ;
  }
  .resource-file{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/res-1400X200.jpg');
    background-size: cover ;
  }
  .academy{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/academy-1400X200.jpg');
    background-size: cover ;
  }
  .offers{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/offer-940X200.jpg');
    background-size: cover ;
  }
  .products-bg{
    background-image:url('https://portal.ekanaherbs.com/custom/images/products/product-1400X200.jpg');
    background-size: cover;
  }

}

@media screen and (max-width:500px) { 
  .start-biz{
    background-image: url('https://portal.ekanaherbs.com/custom/images/start-biz-940X200.jpg');
    background-size: cover ;
  }
  .resource-file{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/res-494X150.jpg');
    background-size: cover ;
  }
  .academy{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/academy-494X150.jpg');
    background-size: cover ;
  }
  .products-bg{
    background-image:url('https://portal.ekanaherbs.com/custom/images/products/product-494X150.jpg');
    background-size: cover;
  }
}

@media screen and (max-width:10px) {
  .start-biz{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/start-biz-494X150.jpg');
    background-size: cover ;
  }
  .academy{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/academy-494X150.jpg');
    background-size: cover ;
  }
  .resource-file{
    background-image: url('https://portal.ekanaherbs.com/custom/images/products/res-494X150.jpg');
    background-size: cover ;
  }
  .products-bg{
    background-image:url('https://portal.ekanaherbs.com/custom/images/products/product-494X150.jpg');
    background-size: cover;
  }
}




.smooth__header__info{
  background-color: #f3f4ef;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  opacity: 0.9; 
  background-repeat: no-repeat; 
  background-position: center;
  text-align: right !important;
   
}

.resource-file , .academy , .start-biz {
  display: flex;
  align-items: end;
  padding-inline: 20px;
}

.smooth__header h4{
  font-size: 32px;
  font-weight: bolder;
  color: rgb(4, 90, 90);
  
}
.offers>h4{
text-align: center;
display: flex;
align-items: center;
}
.search__container{
  width:500px;
  text-align: center;
  
}
.search__container>form>input{
  width:100%;
  margin: auto;
  border-radius: 20px;
  padding:5px 10px;
  border: none;outline: none;
}
.search__container>input:focus{
  border: none;outline: none;
}
.page__content{
  margin-inline:30px;
}
.page__content>ul{
  display: flex;
  flex-direction: row;
}
.item__container>ul{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content:start;flex-wrap: wrap;
}
.resource_ul{
  padding-inline:10px !important;
}
.resource_ul>li{
  background-color: #cbbeaf ; 
  flex: 30%;
  margin: 10px;
  max-width: 300px;
}
.resource_ul>li>img{
  height:250px;
  width: 300px;
}
.resource_ul>li>p{
  background-color: var(--secondary-color) !important;padding-inline: 5px !important; 
  color: white !important;
  padding: 10px !important;
}
.item__container>ul>li{
  
  flex: 30% !important;
}
 
 
 

.academy__card{
  height: 250px;
  width: 250px;
}
.academy__card>.academy__card_content{
  padding-inline: 10px;
  font-size: 14px;font-weight: bold;
  background-color: #e9e9e9;
}
.academy__card img{
  height: 200px;
  width: 240px;
}

/* EKANA ACADEMY PAGE ENDS */

/* Ekana About Page  */
.action_ul{
  display:flex;
  flex-direction:row;justify-content:start;flex-wrap:'wrap'
}
.main__section>ul{
  margin-inline: 100px !important; 
  display: flex;
  flex-direction: row;

}
.main__section>ul>li:first-child{
  flex: 0.25;
  text-align: left; 
  padding-block-start: 10px;
}
.main__section>ul>li:first-child>div>ul>li{
margin-inline:10px;
margin-block:2px;
padding: 10px 10px; 
background-color: #fafafa;
font-size: 16px !important;

}

/* Tream */

.comp-2>img{
  height: 70px !important;
}
.comp-2>p{
  font-size: 20px;
  padding: 20px;
}
/* #38539a */
.main__section>ul>li:first-child>div>ul>li:hover{
  background-color: #f1f2ff !important;
  color:black
}
.main__section>ul>li:first-child>div>ul>li.active{
  background-color: #f1f2ff !important;
  color:#38539a;
  font-weight: bold;
  
}
.main__section>ul>li:nth-child(2){
  flex: 0.7;
  text-align: left; 
}
.shaded-bg{
  background-color: #cbbeaf;
  padding: 50px 100px;
  text-align: center;
  border-radius: 0px 0px 10px 10px;
}
.shaded-bg>h4{
  font-size: 42px;
  color: #644c24;
  margin: auto;
  text-align: center;
}
.image__header>ul{
display:flex;
flex-direction: row;

}
.image__header>ul>li{
 flex: 0.5;
}
.image__header>ul>li:nth-child(2){
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 60px;
 }
.image__header>ul>li>img{
  width: 100%;
  height: 380px;
}


 

.content__bg{
  padding: 10px;
}
.content__bg>p{
  padding: 10px;
  font-size: 18px;
  letter-spacing: 1px;
  margin-bottom: 10px !important;
}
/* Ekana About Page Ends  */


/* Ekana single Producy View */
 
.product__detail>ul{
  margin-inline: 100px !important; 
  display: flex;
  flex-direction: row;
}
.product__detail>ul>li:first-child{
  flex: 0.40;
  text-align: left; 
  padding-block-start: 10px;
}
.product__detail>ul>li:nth-child(2){
  flex: 0.60;
  text-align: left; 
  padding-block-start: 10px;
  padding-inline: 10px !important;
}
.product__detail>ul>li:first-child>div>ul>li{
margin-inline:10px;
margin-block:2px;
padding: 10px 10px; 
background-color: #fafafa;
font-size: 16px !important;

}
.product__title_text{
  font-size: 52px;
  font-family: 'Work Sans', sans-serif;
  line-height: 100px;
}
.product__price_text1{
  font-size: 23px;
  font-family: 'Work Sans', sans-serif;
  color: gray;
  font-weight: lighter;
}
.product__price_text2{
  font-size: 32px;
  color: black;
}
.product__brand_text{
  font-size: 16px;
}
.product__description_text{
  font-size:16px;
  font-weight: bold;
  color: var(--dark-color-2);
}
.product__addToCart{
  font-size: 14px;
}
.product__addToCart:hover{
  cursor:pointer; 
}
.product_quantity__input{
  outline: none;
  border:1px solid black; 
  padding: 6px;
  border-radius: 10px;
}
.product_quantity__input:focus{
  outline: none;
  border:1px solid purple;
}
/* Ekana Single Product view  */

/* Ekana All Products Page  */
.products_page{
  margin-inline:60px
}
.products_page>ul{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.products_page>ul>li:first-child{
  flex: 20%; 
  background-color: var(--dark-color);
  max-height: 400px;
  border-radius: 10px;
  padding:10px 10px;
  color:white;
}
.products_page>ul>li:nth-child(2){
  flex:80%;
  padding:0px 10px;
  width: auto; 
}
.products_page>ul>li:first-child>ul{
  display: flex;
  flex-direction: column; 
}
.products_page>ul>li:first-child>ul>li:first-child{
 font-weight: bolder;
 font-size: 22px;
 border-bottom: 1px solid black;
}
.products_page>ul>li:first-child>ul>li{
  display: flex;
  flex-direction:row;
  justify-content: space-between;
  font-size: 22px;
  border-bottom:1px solid gray;
  padding: 10px 20px;
} 

.product__div{
  margin-inline:50px !important;
}
.product__div>ul{
  display: flex;
  flex-direction: row;
}
.product__div>ul>li:first-child{
 flex: 0.3;
 text-align: left;
 max-width:330px;
 padding-inline: 20px; 
}
.product__div>ul>li:first-child>ul>li{
  border-bottom: 1px solid gray;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.product__div>ul>li:first-child>ul>li>input{
height: 40px;
}
.product__div>ul>li:first-child>ul>li:first-child{
font-size: 20px;
font-weight: bolder;
border-bottom: 1px solid black;
}
.float__right{
 float: right; 
}
.clear__btn{
  
  font-size: 14px;
  font-weight:500;
}
.product__div>ul>li:nth-child(2){
  flex: 0.8;
  text-align: left;
 }
 .product__div > ul > li:nth-child(2) > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product__div > ul > li:nth-child(2) > ul > li {
  flex: 0.20;
  padding-block: '10px';
}

#product_list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#product_list>li{
  width: 33%;
   
  padding: 20px;
}
#product_list>li>.product__container:hover{
  background-color:var(--light-color);
}
 
  
/* Ekana  All Products Page Ends */

/* Privacy Policy Page  */
section{
  margin-block: 40px;
  font-family: 'Work Sans', sans-serif;
}
section>h3{
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}
section>p{
  margin-block-start: 20px;
  font-size: 16px;
  letter-spacing: 1px;
}

.carousel-indicators li {
  border-top: unset;
  width: 10px;
  border-bottom: unset;
  border: 1px solid transparent;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 10px;
  background-color: var(--secondary-color) !important;
  height: 10px;
  width: 20px;}                                                  
                                                                 
  .carousel-indicators .active {
  border-top: unset;
  border-bottom: unset;
  border: 1px solid transparent;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 10px;
  background-color: var(--secondary-color)  !important;
  height: 10px;
  width: 50px}

  .carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

.addSubs{ 
   display: flex;
   align-items: center;
}
.addSubs>svg{
  border:1px solid black;
  padding:5px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
.addSubs>.quan{
  margin-inline: 10px;
}
.addSubs>svg:hover{
background-color: black;
color: white;
cursor: pointer;
}
#cartSummary{
  border-radius: 10px;
}
#cartSummary>div>p{
  margin-block: 10px !important;
  font-size: 18px;
}
#cartSummary>div>p>span{
  font-weight: bolder;
}
.clickable{
  border: 1px solid var(--footer-color);
  border-radius: 4px;
  padding:5px 20px;
  min-width: 200px;
  margin:5px;
  background-color: var(--footer-color);
  color: var(--dark-color-2);
  font-weight: bolder;
  cursor: pointer;

}
.clickable.active{
  border: 1px solid var(--primary-color);
  background-color: var(--light-color);
}

.carousel-skeletal{
  background-color: #eaeaea;
  height: auto;
  margin-inline: 40px;
  background-position: center;
}
 
.cs2{
  background-color: #dad6f67d;
}
.cs3{
 
  background-color: #c1cffe;
   
}
.cs1>ul>li:nth-child(2){
  display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 padding: 20px;
}
.cs3>ul>li:nth-child(2){
   display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.cs2>ul>li:nth-child(2){
  display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 color: white;
 padding: 20px;
}
.auth_options{
  display: flex;
  align-items: center;
}
.auth_options>li{
 color: black;
 font-weight: bolder;
 font-size: 20px;
 margin: 5px;
 cursor: pointer;
}
.auth_options>li.active{
  color: var(--dark-color-2); 
  text-decoration: underline;
 }
.policy-box>h2{
  margin-block: 15px 5px;
  font-size: 24px;
} 

.home__header{
  background-color: var(--secondary-color);
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding-inline: 100px;
  color: white;
  margin-bottom: 20px;
}
.home__header>h2{
  margin: 0px;padding: 0px;
  color: peachpuff;
}
.info{
  background-color: var(--secondary-color);
  padding: 10px !important;
  border-radius: 10px;
  color: #fff;
  font-weight: normal;
}
.info>ul>li{
  font-size: 15px;
  color: white;
  margin-block: 10px;

}

.carousel-skeletal>ul{
  display: flex;
  flex-direction: row;
  padding: 0px;margin: 0px;

}
.carousel-skeletal>ul>li{
  flex:50%
}