.mb-33{margin-bottom: 33px;}
.mb-30{margin-bottom: 30px;}
.mb-44{margin-bottom: 44px;}
.mb-60{margin-bottom: 60px;}

.mt-18{margin-top: 18px;}
.mt-14{margin-top: 14px;}
.mt-10{margin-top: 10px;}
.mt-22{margin-top: 22px;}
.mt-24{margin-top:24px;}
.mt-30{margin-top: 30px;}
.mt-33{margin-top: 33px;}
.mt-34{margin-top: 34px;}
.mt-60{margin-top: 60px;}

.ml-25{margin-left: 25px !important;}
.ml-116{margin-left: 116px !important;}
.ml-241{margin-left: 241px;}

.pl-32{padding-left: 32px;}

.font-bolder{font-weight: bolder;}

.f-26{font-size: 26px !important;}

.h-400{height: 400px !important;}

.h-300{height: 300px !important;}

.h-367{height: 367px !important;}

.h-250{height: 250px !important;}
.h-200{height: 200px !important;}

.h-53{height: 53px !important;}

.w-382{width: 382px !important;}

.w-200{width: 200px !important;}
.w-100{width: 100%;}
.w-178{width: 178px !important;}
.border-4{border-radius: 4px !important;}
.bgm-color-cart{background: #EEEEEE;}

.bgm-signup{background-color: #FFE44A !important;}
.bgm-sign-login{background-color: #D8D8D8 !important;}
.super-container {
    width: 100%;
    overflow: hidden;
}

.swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .card-text{font-family: 'Poppins-Regular',sans-serif;
    font-size: 24px;
    color: #494949;}
    .card-img-top {
padding: 12px;
    }

    .card{
        background: #F7F7F7;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
border-radius: 20px;
font-family: 'Poppins-Regular',sans-serif;
font-size: 24px;
color: #494949;
margin: 44px auto;
padding: 15px;
    }

    .section-banner-arrival{
        background-color: #FFE44A;
margin: 35px 0px;
    }

    .section-banner-arrival h1 {
        font-family: 'Poppins-Medium',sans-serif;
        font-size: 30px;
        color: #452500;
        letter-spacing: 1px;
        text-align: center;
       
    }
    .section-banner-arrival p {
       font-family: 'Roboto-Regular',sans-serif;
        font-size: 16px;
        color: #6D6D6D;
        text-align: center;
    }



 .card-border{
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
    border-radius: 7px;
    font-family: 'Roboto-Regular',sans-serif;
    font-size: 16px;
    color: #8C8C8C;
 }
    
   .team-member{
    padding: 19px 0px;
   }
   
    /*------------------------------------------------------------------
    [10. Hover Effects]
    */
    
    .item-wrap {
        margin-bottom: 30px;
    }
    
    figure {
        position: relative;
        overflow: hidden;
        text-align: center;
    }
    
    figure img {
        position: relative;
        opacity: 1.0;
    }
    
    figure figcaption {
        padding: 1.0em;
        color: #303030;
        text-transform: uppercase;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    figure figcaption > .fig-description a {
        z-index: 1000;
        text-indent: 200%;
        white-space: nowrap;
        font-size: 0;
    }
    
    figure figcaption:before,
    figure figcaption:after {
        pointer-events: none;
    }
    
    figure figcaption,
    figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    figure h3 {
        word-spacing: -0.15em;
        font-family: "Montserrat", sans-serif;
    }
    
    figure h3 span {
        font-family: "Montserrat", sans-serif;
    }
    
    figure h3,
    figure p {
        margin: 0;
    }
    
    figure p {
        letter-spacing: 1px;
        font-size: 68.5%;
    }
    
    
    /* Team Hover */
    
    figure.effect-zoe {
        margin: 0;
        width: 100%;
        height: auto;
        min-width: 200px;
        max-height: none;
        max-width: none;
        float: none;
    }
    
    figure.effect-zoe img {
        display: inline-block;
        opacity: 1;
        padding: 0px 10px;
    }
    
    figure.effect-zoe p.icon-links {
        margin: 0px;
        margin-top: 8px;
    }
    
    figure.effect-zoe p.icon-links a {
        color: #fff;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0, 200%, 0);
        transform: translate3d(0, 200%, 0);
    }
    
    figure.effect-zoe p.icon-links a i::before {
        color: #fff;
        font-size: 24px;
        display: inline-block;
        padding: 15px 10px;
        margin-left: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    figure.effect-zoe p.icon-links a:hover img::before {
        color: transparent;
    }
    figure.effect-zoe p.icon-links a:hover img::before {
        color: transparent;
    }
    
    
    figure.effect-zoe figcaption {
        top: auto;
        bottom: 0;
        padding: 0;
        height: 3em;
        background: #000000;
       opacity: .7;
        color: #5d5d5d;
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    
    figure.effect-zoe:hover figcaption,
    figure.effect-zoe:hover h2,
    figure.effect-zoe:hover p.icon-links a {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    figure.effect-zoe:hover p.icon-links a:nth-child(3) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    
    figure.effect-zoe:hover p.icon-links a:nth-child(2) {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }
    
    figure.effect-zoe:hover p.icon-links a:first-child {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    .card-body-cart {text-align:left ;}
.card-body-cart h1{
    white-space: nowrap; 
  width: 253px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

   .card-body-cart h1{
        font-family: 'Poppins-Regular',sans-serif !important;
font-size: 18px !important;
color: #494949;
    }

    .card-body-cart p{
        font-family: 'Roboto-Regular',sans-serif;
font-size: 20px;
color: #494949;
    }

    .card-body-cart span{
        font-family: 'Roboto-Regular',sans-serif;
font-size: 16px;
color: #8C8C8C;
    }


     /* Team Hover */
    
     figure.effect-zoee {
        margin: 0;
        width: 100%;
        height: auto;
        min-width: 200px;
        max-height: none;
        max-width: none;
        float: none;
    }
    
    figure.effect-zoee img {
        display: inline-block;
        opacity: 1;
        padding: 0px 10px;
    }
    
    figure.effect-zoee p.icon-links {
        margin: 0px;
        margin-top: 8px;
    }
    
    figure.effect-zoee p.icon-links a {
        color: #fff;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0, 200%, 0);
        transform: translate3d(0, 200%, 0);
    }
    
    figure.effect-zoee p.icon-links a i::before {
        color: #fff;
        font-size: 24px;
        display: inline-block;
        padding: 15px 10px;
        margin-left: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    figure.effect-zoee p.icon-links a:hover img::before {
        color: transparent;
    }
    figure.effect-zoee p.icon-links a:hover img::before {
        color: transparent;
    }
    
    
    figure.effect-zoee figcaption {
        top: auto;
        bottom: 0;
        padding: 0;
        height: 3em;
        background: #452500;
       opacity: .7;
        color: #5d5d5d;
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    
    figure.effect-zoee:hover figcaption,
    figure.effect-zoee:hover h2,
    figure.effect-zoee:hover p.icon-links a {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    figure.effect-zoe:hover p.icon-links a:nth-child(3) {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    
    figure.effect-zoee:hover p.icon-links a:nth-child(2) {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s;
    }
    
    figure.effect-zoee:hover p.icon-links a:first-child {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }





.banner-exclusive{
   margin: 60px auto;
}



.btn-shop-exclusive{
    background: #452500;
border-radius: 7px;
height: 45px;
width: 154px;
font-family: 'Roboto-Medium',sans-serif;
font-size: 18px;
color: #FFFFFF;
text-align: center;
border: none;
position: absolute;
left: 100px;
top: 233px;
}

.section-banner-toys{
    background-color: #FFE44A;
    margin: 0px 0px 30px 0px;

}
.section-banner-exclusive .header-search .header-search-content{
    top: 25% !important;
}


.section-banner-exclusive{
    background-color: #FFE44A;
margin: 35px 0px 0px 0px;
padding: 14px 0px;
}

.section-banner-toys ul{
    display: inline-flex;
  
    float: right;
}
.section-banner-toys ul li{
    font-family: 'Poppins-Regular',sans-serif;
font-size: 18px;
color: #494949;
padding: 0 18px;
}
.section-banner-toys ul li:hover{
font-family: 'Poppins-Medium',sans-serif;
font-size: 18px;
color: #452500;
cursor: pointer;
}

.offer-25{
    position: absolute;
    top: 0px;
    z-index: 1;
left: 15px;
}
.offer-tag p{
    position: absolute;
    left: 24px;
    top: 5px;
    color: white;
    z-index: 1;
    font-size: 15px;
}



.bottom-search-box{
    font-family: 'Poppins-Regular',sans-serif;
font-size: 40px;
color: #494949;
letter-spacing: 2px;
font-weight: lighter;
}

footer{
    background-color: #452500;
}

footer h3{
    font-family: 'Poppins-Bold',sans-serif;
    font-size: 18px;
    color: #FFE44A;
    letter-spacing: 0;
}




.social-icons{
margin: 50px 0 29px 0;
}
.social-icons img{
    float: left;
    padding: 0 5px;
 
}
.social-icons p{
font-family: 'Poppins-Bold',sans-serif;
font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
}

.footer-bottom {
    background-color: #595959;
}

.footer-bottom p{
    font-family: 'Poppins-Regular',sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    padding: 15px 0px;
    float: none;
    font-weight: lighter;
    margin-bottom: 0px;
}


  .select2-container--default .select2-selection--single {
    
    border: none !important;
   
}

default .select2-selection--single .select2-selection__arrow {
    
    display: none;
}

.select2-container {
    
    margin: 4px !important;
    
}
.select2-search__field{display:none;}


.side-card .card{
    padding: 25px 0;
    margin-top: 0px;
}
.side-card .card p{
padding: 0 25px;
}


  
.price-range-slider {
    width: 100%;
    float: left;
    padding: 10px 20px;
  }
  .price-range-slider .range-value {
    margin: 0;
  }
  .price-range-slider .range-value input {
    width: 100%;
    background: none;
    font-weight: initial;
    box-shadow: none;
    border: none;
    margin: 20px 0 20px 0;
    font-family: 'Roboto',sans-serif;
font-size: 14px;
color: #494949;
letter-spacing: 0;
  }
  .price-range-slider .range-bar {
    border: none;
    background: #B9B6B6;
    height: 3px;
    width: 96%;
    margin-left: 8px;
  }
  .price-range-slider .range-bar .ui-slider-range {
   
    background: #FFE44A;
  }
  .price-range-slider .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: #fff;
    height: 17px;
    width: 17px;
    top: -0.4em;
    cursor: pointer;
    background: #FFFFFF;
box-shadow: 0 0 6px 0 rgba(0,0,0,0.20);
outline-color: white;
  }
  .price-range-slider .range-bar .ui-slider-handle + span {
    background: #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.20);
  }
  
  /*--- /.price-range-slider ---*/

  /* chaeckbox */
  .styled-checkbox {
    position: absolute;
    opacity: 0;
  }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #BDBCBC;
  }
  .styled-checkbox:hover + label:before {
    background: #b8b8b8;
  }
  .styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }
  .styled-checkbox:checked + label:before {
    background: #ffe44a;
  }
  .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }
  .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }
  .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 13px;
    background: rgb(0, 0, 0);
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 rgb(0, 0, 0), 4px 0 0 rgb(0, 0, 0), 4px -2px 0 rgb(0, 0, 0), 4px -4px 0 rgb(0, 0, 0), 4px -6px 0 rgb(0, 0, 0), 4px -8px 0 rgb(0, 0, 0);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .product-color{
      border-top: 1px solid #ccc;
   
  }
  
  .product-color p{
    padding:  25px 25px 0px 25px !important;
}


.full-stars-example  .rating-group {

    /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
   
      display: inline-flex;
    }
    
    /* make hover effect work properly in IE */
    .rating__icon {
      pointer-events: none;
    }
    
    /* hide radio inputs */
    .rating__input {
     position: absolute !important;
     left: -9999px !important;
    }
  
    /* set icon padding and size */
    .rating__label {
      cursor: pointer;
      padding: 0 0.1em;
      font-size: 1rem;
    }
    
    /* set default star color */
    .rating__icon--star {
      color: #FFE44A;
    }
    
    /* set color of none icon when unchecked */
    .rating__icon--none {
      color: #eee;
    }
  
  
    /* if any input is checked, make its following siblings grey */
    .rating__input:checked ~ .rating__label .rating__icon--star {
      color: #ddd;
    }
  
    
  
    /* make hovered input's following siblings grey on hover */
    /* .rating__input:hover ~ .rating__label .rating__icon--star {
      color: #ddd;
    } */
    
    /* make none icon grey on rating group hover */
    /* .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
       color: #eee;
    } */
  
    .page-item:first-child .page-link {
        margin-right: 10px;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        border: none;
    }

    .page-link {
        color: #000;
        text-decoration: none;
        background-color: #EBEBEB;
        border-color: #ffffff;
    }
    .page-link:hover {
        color: #000;
        text-decoration: none;
        background-color: #FFE44A;
        border-color:#fff !important;
    }
    .page-link:focus {
        z-index: 2;
        outline: none !important;
        box-shadow: none !important;
    }
    .page-item:last-child .page-link {
        margin-left: 10px;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }


    .recent-view-prod{
        padding: 18px 0 29px 0;
    }

    .breadcrumb-item a{color: #000;}

    .product-img-sub img{
        width: 127px;
padding-left: 50px;
        margin-left: 100px;
    }

    .slick-prev, .slick-next{display: none !important;}


    .slider > div {
        display:block; width:100%; padding: 50px 0;
        /* background: #FF0; */
        text-align: center; font-size: 2em;
      }
      
      /* Navigation */
      .slider-nav { text-align: center; }
      .slider-nav > div {
        display:inline-block;
        width:100%; 
        height: 100px; 
        margin: 0 5px; 
        padding: 3px 0;
        text-align: center;
        font-size:2em;
        cursor: pointer;
      }


      .swiper-thumb-bgm
      {
        width: 100px;
        margin-right: 10px;
        height: 100px;
        cursor: pointer;
      }
.swiper-slide-thumb-active{
    border-bottom: 6px solid yellow;
}

.slider-content{
    padding: 0px 25px;
    text-align: left;
}
.swiper-slide-thumb{
    border-bottom: 1px solid rgb(112, 112, 111);
}

.swiper-thumb-bgm {
    width: 293px !important;
    margin-right: 10px;
    height: 52px;
    cursor: pointer;
    font-family: 'Poppins',sans-serif;
font-size: 26px;
color: #000000;
}









.detail-product-heading {
    padding: 25px;
}
.detail-product-heading h1{
    margin: 0;
padding: 0;
    padding-top: 0px;
font-size: 30px;
padding-top: 50px;
font-weight: bolder;
}
.detail-product-heading h2{
    margin: 0;
padding: 0;
    padding-top: 0px;
font-size: 22px;
padding-top: 50px;
font-weight: 600;
}
.price-cut{
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    color: #8C8C8C;
}
.detail-product-heading p{
    font-family: 'Roboto',sans-serif;
    font-weight:500;
    font-size: 30px;
    color: #494949;
}

.btn-detail{
    background: #452500;
    border-radius: 7px;
    height: 45px;
    width: 154px;
    font-family: 'Roboto-Medium',sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
}
.product-content{
    border-top: 1px solid #ccc;
margin-top: 50px;
}
.product-content p{
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #494949;
    line-height: 22px;
    padding: 6px 0 0;
}

.cart-section{
    font-family: 'Poppins',sans-serif;
font-size: 30px;
color: #452500;
letter-spacing: 1px;
}

.cart-pay{
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    margin: 0;
}
.cart-product{
    font-family: 'Poppins',sans-serif;
font-size: 18px;
color: #494949;
}
.cart-product-rupee{
    
font-size: 18px;
color: #494949;
}

.card-cart{
    background: #FFFFFF;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
border-radius: 20px;
font-family: 'Poppins-Regular',sans-serif;
font-size: 24px;
color: #494949;
margin: 18px -17px;
padding: 0 14px;

}
.btn-cart{
    background-color: white;
border: none;
cursor: pointer;
}

span {cursor:pointer; }
.number{
    padding: 5px;
    margin: 30px 70px;
    border: 1px solid #ccc;

}
.minus, .plus{
    width:20px !important;
    height:20px !important;
    background:#fff0;
    border-radius:4px;
    padding:8px 5px 8px 5px;
    border:1px solid rgb(255, 255, 255);
   vertical-align: middle;
   text-align: center;
}
.number input{
    height:34px;
width: 40px;
text-align: center;
font-size: 20px;
    border:1px solid rgb(255, 255, 255);
    border-radius:4px;
display: inline-block;
vertical-align: middle;
}

.update-cart{
width: 123px;
height: 45px;
color: white;
background: #452500;
border: none;
outline: none;
cursor: pointer;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

.update-cart1{
    width: 123px;
    height: 45px;
    color: white;
    background: #452500;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
     
}

.input-coupon{
    position: relative;
    left: -30px;
}
.input-coupon input{
    border: 1px solid #ccc ;
    border-bottom-left-radius: 10px;
    border-top-left-radius:10px ;
    padding-left: 20px;
    width: 190px;
}
.input-coupon input:active{
    border: 1px solid #ccc ;
    border-bottom-left-radius: 15px;
    border-top-left-radius:15px ;
    outline: none;
}
.input-coupon input:focus{
    border: 1px solid #ccc ;
    border-bottom-left-radius: 15px;
    border-top-left-radius:15px ;
    outline: none;
}
input-placeholder{
    font-family: 'Poppins',sans-serif;
font-size: 18px;
color: #9B9B9B;
margin-left: 10px;
}
table, tr
{
    border: 1px solid #ccc;
   
}

/* table {
    border-collapse: collapse;
    border-radius: 7px;
    border-style: hidden; */
     /* hide standard table (collapsed) border */
    /* box-shadow: 0 0 0 1px #ccc;  */
    /* this draws the table border  */ 
    /* padding-bottom: 10px;
} */

table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 350px;
    border-style: hidden;
    float: right;
  }
  table tr th,
  table tr td {
   
    border-bottom: 1px solid #ccc;
    
  }
  table tr th:first-child,
  table tr td:first-child {
    border-left: 1px solid #bbb;
  }

  table tr th:last-child{
      border-right: 1px solid #ccc;
  }

  table tr td:last-child{
    border-right: 1px solid #ccc;
  }
  table tr th{
    border-top: 1px solid #ccc;
  }




  /* table tr th:first-child, table tr td:first-child {
    border-left: 1px solid #bbb;
    border-right: 1px solid #ccc;
}
table tr th, table tr td {
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
} */


  
  /* top-left border-radius */
  table tr:first-child th:first-child {
    border-top-left-radius: 6px;
  }
  
  /* top-right border-radius */
  table tr:first-child th:last-child {
    border-top-right-radius: 6px;
  }
  
  /* bottom-left border-radius */
  table tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
  }
  
  /* bottom-right border-radius */
  table tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
  }


th{
    width: 250px;
    padding: 25px;}

    td{
        width: 250px;
        padding: 25px;
    }


    .close-tag{
        position: absolute;
        top: 10px;
        z-index: 1;
    right: 15px;
    cursor: pointer;
    }
    
    .order{
        font-family: 'Roboto',sans-serif;
        font-weight: 400;
font-size: 18px;
color: #C8AA00;
    }

    .order img{
        fill:#C8AA00;
        stroke: #C8AA00;
    }

    .card-order{
        background: #FFFFFF;

border-radius: 9px;
font-family: 'Poppins-Regular',sans-serif;
font-size: 24px;
color: #494949;
margin: 17px auto;
    margin-top: 17px;
border: 1px solid #ccc;
    }
    .order-table{
        border-collapse: separate;
        border-spacing: 0;
        min-width: 400px;
        border-style: hidden;
        float: right;
    }
    .order-table  td{
        width: 250px;
        padding: 15px 25px;
      }

    .order-table tr td{
        border-top: 1px solid #ccc;
      }

      /* top-left border-radius */
      .order-table tr:first-child td:first-child {
    border-top-left-radius: 6px;
  }
  
  /* top-right border-radius */
  .order-table tr:first-child td:first-child {
    border-top-right-radius: 6px;
  }

  .order-action{
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
  }
  .order-content{
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #494949;
  }

  .order-button{
      font-size: 18px;
    color: white;
    background: #452500;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px 15px ;
  }

  .order-detail{
    border-collapse: separate;
    border-spacing: 0;
    min-width: 836px;
    border-style: hidden;
    float: right;
  }

  .order-detail td{
    width: 250px;
    padding: 15px 44px;
  }

  .order-detail th{
    padding: 19px 44px;
  }


.custom-dropdown-co {
    width: 100%;
    height: 50px;
    float: left;
   
}

.custom-select-co::after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    display: block;
    background: #fff;
    color: #000;
    padding: 3px 10px;
    top: 4px;
    right: 9px;
    z-index: 1;
}
.custom-select-co {
    background-color: #fff;
    position: relative;
   
    width: 100%;
    height: 48px;
}
.custom-select-co {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
        background-color: rgb(255, 255, 255);
        background-size: auto;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.custom-select-co select {
    position: relative;
    z-index: 2;
    width: 100% !important;
    height: 100%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom: none !important;
    border: none !important;
    color: #000 !important;
    outline: #fff;
}
  

.required-r {color: red; }
.required-b {color: rgb(0, 0, 0); }
  

.input-group {
    position: relative;
    width: 100%;
  }
  .toggle {
    background: none;
    border: none;
    color: #ccc;
    /*display: none;*/
    /*font-size: .9em;*/
    font-weight: 600;
    /*padding: .5em;*/
    position: absolute;
    right: .75em;
    top: 45px;
    z-index: 9;
  }
  .fa {
    font-size: 1rem;
  }

  /* input[type="checkbox"] {
    visibility: hidden;
  }
  
  input[type="checkbox"] + label:before {
    border: 1px solid #452500;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 16px;
    margin: 5px 0.25em 0 -13px;
    padding: 0;
    vertical-align: top;
    width: 16px;
  }

input[type="checkbox"]:checked + label:before {
  background: #452500;
  color: #fff;
  content: "\2713";
  text-align: center;
}
input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
} */

.credit-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  

  .credit-check  input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  } 
  
  /* Create a custom radio button */
  .checkmark1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #452500;
  }
  
  /* On mouse-over, add a grey background color */
  .credit-check :hover input ~ .checkmark1 {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .credit-check  input:checked ~ .checkmark1 {
    background-color: #452500;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark1:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .credit-check  input:checked ~ .checkmark1:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .credit-check  .checkmark1:after {
       top: 7px;
      left: 7px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white;
  }


  .yellow-login{
    background-color: #FFE44A;
    width: 250px;
    height: 50px;
    float: left;
    clear: both;
    padding: 0 20px;
    margin: 0px 0px 40px 29px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-right: none;
  }
  .yellow-login p,.gary-singup p
  {
    font-family: 'Poppins',sans-serif;
    font-size: 26px;
    color: #452500;
    letter-spacing: 1px;
    padding: 5px;
    text-transform: uppercase;
  }
  

  .gary-singup{
    background-color: #D8D8D8;
    width: 250px;
    height: 50px;
    float: left;
clear: none;
border-bottom-right-radius: 7px;
border-top-right-radius: 7px;
border-left: none;
}
.svg_icon_name{
    position: absolute;
}


path { fill: #C8AA00!important; }

.login-card{
    box-shadow: none !important;
    border: none !important;
}
.login-input{
    padding: 0px 50px;
}

.login-card-label{
    font-size: 18px !important;
}

.styled-checkbox3 {
    position: absolute;
    opacity: 0;
  }
  .styled-checkbox3 + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .styled-checkbox3 + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background: #BDBCBC;
  }
  .styled-checkbox3:hover + label:before {
    background: #b8b8b8;
  }
  .styled-checkbox3:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }
  .styled-checkbox3:checked + label:before {
    background: #ffe44a;
  }
  .styled-checkbox3:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }
  .styled-checkbox3:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }
  .styled-checkbox3:checked + label:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 12px;
    background: rgb(0, 0, 0);
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 rgb(0, 0, 0), 4px 0 0 rgb(0, 0, 0), 4px -2px 0 rgb(0, 0, 0), 4px -4px 0 rgb(0, 0, 0), 4px -6px 0 rgb(0, 0, 0), 4px -8px 0 rgb(0, 0, 0);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .login-forgot{
    font-family: 'Roboto',sans-serif;
    font-size: 18px;
    color: #494949;
    letter-spacing: 1px;
    float: right;
  }

@media (min-width: 1400px) {
    .container {
        max-width: 1300px !important
    }
}




.slick-arrow-right {     position: absolute;
    top: 10px  !important;
    right: 20px  !important;
}


  .slick-arrow-left {  position: absolute;
    top: 10px  !important;
    left: -20px  !important;
}