/* css version 1 */

html{
    box-sizing: border-box;
}

*,
*:before,
*:after{
    box-sizing: inherit;
}

body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

ul,
li{
    list-style: none;
    margin: 0;
    padding: 0;
}

a{
    display: block;
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
    margin: 0px;
    padding: 0px;
}

@media (max-width : 992px){
    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br,
    p br{
        display: none;
    }
}

button{
    border: none;
}

:root{
    --category-bg-color: rgba(150, 98, 74, 0.8);
    --category-bg-hover-color: rgb(198, 123, 88);
    --category-border-color: #BBC9CF;
}

:root{
    --theme-bg-color: #96624A;
    --theme-text-color: #96624A;
}

/* Heaader Css Variables Start Here */

:root{
    --menu-bg-color: #96624A;
    --menu-text-color: #96624A;
    --menu-text-hover-color: #000;
    --menu-underline-color: #000;
    --header-icons-color: #000;
    --header-icons-hover-color: #95634a;
    --header-icons-text-color: #000;
    --header-icons-text-hover-color: #96624A;
}

/* Heaader Css Variables End Here */

/* Footer Css Variables Start Here */

:root{
    --footer-bg-color: #96624A;
    --footer-center-bg-color: #96624A;
    --footer-column-heading-color: #fff;
    --footer-text-color: #fff;
    --footer-menu-hover-color: #96624A;
    --footer-menu-text-hover-color: #fff;
    --footer-icons-bg-color: #fff;
    --footer-icons-bg-hover-color: #96624A;
    --footer-icons-color: #000;
    --footer-icons-hover-color: #fff;
    --footer-payment-img-border-color: #96624A;
    --footer-payment-img-border-hover-color: #96624A;
    --footer-slasi-text-color: #000;
    --footer-slasi-text-hover-color: #b0b000;
}

/* Footer Css Variables End Here */

.theme-btn{
    padding: 10px 30px;
    width: 100%;
    text-align: center;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-regular);
    background-color: var(--theme-bg-color);
    border-radius: var(--border-radius-xs-2);
    border: 1px solid transparent;
    color: var(--light);
    transition: .3s;
}

.theme-btn:hover{
    background-color: transparent;
    border: 1px solid var(--theme-bg-color);
    color: var(--theme-color);
}

/*========================================
       Color Variable Start Here
=========================================*/

:root{
    --light: #fff;
    --dark: #000;
    --light-with-opacity: rgba(255, 255, 255, 0.8);
    --dark-with-opacity: rgba(0, 0, 0, 0.8);
    --theme-color1-with-opacity: rgba(176, 176, 0, 0.8);
    --theme-color2-with-opacity: rgba(52, 62, 92, 0.8);
    --theme-color: #96624A;
    --theme-bg-color1: #96624A;
    --theme-bg-color2: #95634a;
    --theme-bg-color3: #666666;
    --theme-bg-color4: #666a13;
    --theme-bg-color5: #cdcdcd;
    --theme-bg-color6: #b1b1b1;
    --theme-bg-color8: #c8bcc6;
    --theme-text-color1: #b0b000;
    --theme-text-color2: #95634a;
    --theme-text-color3: #666666;
    --theme-text-color4: #666a13;
    --theme-text-color5: #cdcdcd;
    --theme-text-color6: #b1b1b1;
    --theme-text-color7: #a4a4a4;
    --theme-text-color8: #c8bcc6;
}

/*========================================
       Color Variable End Here
=========================================*/

/*========================================
    border Radius Variable Start Here
=========================================*/

:root{
    --border-color1: #96624A;
    --border-color2: #95634a;
    --border-color3: #cdcdcd;
    --border-color4: #b1b1b1;
    --border-color5: #f0f0f0;
    --border-color6: #d0d0d0;
    --border-color7: #999999;
    --border-color8: #e5e5e5;
    --border-color9: #c8bcc6;
}

/*========================================
    border Radius Variable End Here
=========================================*/

/*========================================
       Font Variable Start Here
=========================================*/

:root{
   --font-size-xxlg: 48px;
   --font-size-xlg: 40px;
   --font-size-lg: 36px;
   --font-size-md-1: 32px;
   --font-size-md-2: 28px;
   --font-size-md-3: 24px;
   --font-size-md-4: 20px;
   --font-size-sm: 18px;
   --font-size-xs-1: 16px;
   --font-size-xs-2: 14px;
   --font-size-xs-3: 12px;
}

/*========================================
       Font Variable End Here
=========================================*/

/*========================================
       Line height Variable Start Here
=========================================*/

:root{
    --line-heights-xxlg: 60px;
    --line-heights-xlg: 52px;
    --line-heights-lg: 48px;
    --line-heights-md-1: 44px;
    --line-heights-md-2: 40px;
    --line-heights-md-3: 36px;
    --line-heights-md-4: 32px;
    --line-heights-sm: 30px;
    --line-heights-xs-1: 28px;
    --line-heights-xs-2: 24px;
    --line-heights-xs-3: 20px;
 }

/*========================================
       Line height Variable End Here
=========================================*/

/*========================================
       Font Icon Variable Start Here
=========================================*/

:root{
    --font-size-icon-xxlg: 64px;
    --font-size-icon-xlg: 52px;
    --font-size-icon-lg-1: 44px;
    --font-size-icon-lg-2: 36px;
    --font-size-icon-lg-3: 30px;
    --font-size-icon-md-1: 28px;
    --font-size-icon-md-2: 24px;
    --font-size-icon-md-3: 20px;
    --font-size-icon-sm: 18px;
    --font-size-icon-xs: 16px;
    --font-size-icon-xxs: 14px;
}

/*========================================
       Font Icon Variable End Here
=========================================*/

/*========================================
       Font Family Variable Start Here
=========================================*/

:root{
    --font-family-light: "Heebo-Light";
    --font-family-black: "Heebo-Black";
    --font-family-medium: "Heebo-Medium";
    --font-family-regular: "Heebo-Regular";
    --font-family-extralight: "Heebo-ExtraLight";
    --font-family-extrabold: "Heebo-ExtraBold";
    --font-family-semibold: "Heebo-SemiBold";
    --font-family-bold: "Heebo-Bold";
    --font-family-thin: "Heebo-Thin";
}

/*========================================
       Font Family Variable End Here
=========================================*/

/*========================================
    border Radius Variable Start Here
=========================================*/

:root{
    --border-radius-full-rounded: 100%;
    --border-radius-xxlg: 40px;
    --border-radius-xlg: 32px;
    --border-radius-lg: 24px;
    --border-radius-md: 20px;
    --border-radius-sm: 16px;
    --border-radius-xs-1: 12px;
    --border-radius-xs-2: 8px;
    --border-radius-xs-3: 4px;
}

/*========================================
    border Radius Variable End Here
=========================================*/

/*========================================
    Box Shadow Variable Start Here
=========================================*/

:root{
    --box-shadow1: -0.927px -0.375px 12px rgba(77,77,77,0.5);
    --box-shadow2: 0 0 19px rgba(182,182,182,0.5);
    --box-shadow3: 1.5px 2.598px 3.5px rgba(147,151,174,0.35);
}

/*========================================
    Box Shadow Variable End Here
=========================================*/


h1{
    color: var(--dark);
    font-size: var(--font-size-xxlg);
    line-height: var(--line-heights-xxlg);
    font-family: var(--font-family-semibold);
}

h1 span{
    color: var(--dark);
    font-size: var(--font-size-xxlg);
    line-height: var(--line-height-xxlg);
    font-family: var(--font-family-semibold);
}

h2{
    color: var(--dark);
    font-size: var(--font-size-xlg);
    line-height: var(--line-height-xlg);
    font-family: var(--font-family-semibold);
    margin-bottom: 21px;
    position: relative;
    display: inline-block;
}

h2 span{
    color: var(--dark);
    font-size: var(--font-size-xlg);
    line-height: var(--line-height-xlg);
    font-family: var(--font-family-semibold);
}

h2::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 1px;
    background-color: var(--theme-bg-color);
}

h2::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
    width: 18px;
    height: 24px;
    background-image: url("/uploads/images/icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: 1;
}

h3{
    color: var(--theme-color1);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);
    font-family: var(--font-family-medium);
}

h4{
    color: var(--theme-color1);
    font-size: var(--font-size-md);
    line-height: var(--line-height-md);
    font-family: var(--font-family-medium);
}

h5{
    color: var(--theme-color1);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-medium);
}

h6{
    color: var(--theme-color1);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-medium);
}

p,span,strong,b,ul,li,a{
    color: var(--dark);
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    font-family: var(--font-family-regular);
}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
area:focus,
select:focus,
button:focus,
a:hover:focus{
    outline: 2px dashed var(--border-color6);
}

select:focus,
select:focus-within,
select:focus-visible{
    outline: 2px dashed var(--border-color6);
}

.theme-input{
    padding: 10px 30px;
    background-color: var(--light);
    color: var(--dark);
    width: 100%;
    text-align: right;
    border-radius: 0;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-regular);
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-2);
    transition: .3s;
}

.theme-input:focus{
    border: 1px solid var(--border-color1);
    box-shadow: var(--box-shadow3);
    color: var(--dark);
    outline: none;
}

.theme-input:focus::placeholder{
    opacity: 0;
}

.theme-input::placeholder{
    color: var(--theme-text-color1);
    transition: .3s;
}

.input-otr{
    position: relative;
}

.input-otr label{
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 575px){
    h1{
        font-size: var(--font-size-xlg);
        line-height: var(--line-height-xlg);
    }
    h2{
        font-size: var(--font-size-lg);
        line-height: var(--line-height-lg);
    }
}

@media (max-width: 575px){
    .col-xs-1{
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xs-2{
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xs-3{
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xs-4{
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xs-5{
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xs-6{
        flex: 0 0 auto;
        width: 50%;
    }

    .col-xs-7{
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xs-8{
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xs-9{
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xs-10{
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xs-11{
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xs-12{
        flex: 0 0 auto;
        width: 100%;
    }
}

/* Mobile Menu Start Here */

@media (min-width : 992px){
    .mobile-nav{
        display: none;
    }
}

@media (max-width : 991px){
    .mob-header{
        background-color: var(--light);
        border-bottom: 2px solid var(--border-color8);
        height: 74px;
    }
    .mob-header .container .row{
        padding: 0;
        height: 74px;
        align-items: center;
    }
    .mob-header .desk-menu .logo-site .logo-img{
        height: 50px;
    }
    .mob-header .hamburger-menu .bar{
        background-color: var(--dark);
    }
    .mob-header .hamburger-menu .bar::before,
    .mob-header .hamburger-menu .bar::after{
        background-color: var(--dark);
    }
    .mob-header .desk-menu .menu-container{
        top: 74px;
    }
    .desk-menu .icon-li .icon-a{
        width: auto;
        height: auto;
        background-color: var(--theme-text-color1);
    }
    .desk-menu .icon-li .icon-a .social-icon{
        color: var(--theme-text-color1);
        font-size: var(--font-size-icon-md-2);
    }
    .mobile-nav{
        display: block;
    }
    .mob-header .desk-menu .logo-site .logo-img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 150px;
    }
    .logo-site .logo-img{
        width: 130px;
    }
    .desk-menu .icon-main{
        position: relative;
        top: -26px;
    }
    .desk-menu .icon-ul{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .bar-icon-otrr{
        background-color: transparent;
    }
    .desk-menu .icons-li .icons-a .social-icon,
    .bar-icon-otrr .bar-icon-inr{
        font-size: var(--font-size-icon-md-3);
        color: var(--theme-text-color2);
        position: relative;
        transition: .3s; 
    }
    .desk-menu .icons-li .icons-a .items-count{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: var(--theme-bg-color1);
        color: var(--dark);
        font-size: 12px;
        line-height: 11px;
        font-family: "Heebo-Light";
        position: absolute;
        top: -8px;
        left: -8px;
    }
    .desk-menu .icons-li .icons-a:hover,
    .mob-header .hamburger-menu span:hover{
        background-color: transparent;
    }
    .bar-icon-otr {
        position: absolute !important;
        right: 44px;
        top: 52%;
        transform: translateY(-50%);
        color: #fff;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .bar-icon-otrr .items-count {
        position: absolute;
        left: -10px;
        top: -6px;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        background-color: var(--theme-bg-color1);
        font-family: var(--font-family-regular);
        color: var(--dark);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 11px;
        transition: .3s;
    }
    .bar-icon-otrr{
        color: #fff;
    }
    .mob-header .desk-menu{
        height: 70px;
    }
    .logo-site {
        position: absolute;
        text-align: center;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .desk-menu .icon-main {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .desk-menu .icon-ul{
        gap: 12px;
    }
    .desk-menu .icon-ul .icon-li{
        position: relative;
    }
    .mob-basket .icon-ul .icons-li{
        position: relative;
    }
}

/* Mobile Menu End Here */

/* Seach Nav */

header{
   position: relative;
}

header .TopNav{
    padding: 4px 0 2px 0;
    border-bottom: 1px solid var(--border-color8);
}

header .TopNav .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .TopNav .top-menu-li{
    display: flex;
    align-items: center;
    gap: 10px;
}

header .TopNav .top-menu-li .delivery-icon{
    font-size: var(--font-size-sm);
    color: var(--dark);
    transition: .3s;
}

header .TopNav .top-menu-li .delivery-text{
    color: var(--dark);
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-1);
    font-family: var(--font-family-regular);
    transition: .3s;
}

header .TopNav .top-menu-link:hover .delivery-icon,
header .TopNav .top-menu-link:hover .delivery-text{
    color: var(--theme-text-color1);
}

header .TopNav .social-icon-link{
    line-height: normal;
}

header .TopNav .social-icon,
header .TopNav .info-icon-inr{
    font-size: var(--font-size-md-4);
    color: var(--dark);
    transition: .3s;
}

header .TopNav .social-icon:hover,
header .TopNav .info-icon-inr:hover{
    color: var(--theme-color);
}

header .search-nav{
    position: relative;
    padding: 12px 0;
}

header .search-nav .logo-otr{
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    width: 200px;
    background-color: var(--light);
}

header .search-nav .img-logo{
    width: 170px;
    height: auto;
    object-fit: contain;
}

header .search-nav .side-elm{
    width: calc(50% - 140px);
}

header .search-nav .input-otr{
    position: relative;
    width: 100%;
    flex: 1;
}

header .search-nav .input-otr label{
    display: none;
}

header .search-nav .theme-input{
    padding-right: 54px;
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-regular);
}

header .search-nav .icon-otr{
    background-color: transparent;
    padding: 0;
    border: none;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

header .search-nav .search-icon{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: var(--font-size-sm);
    color: var(--theme-text-color1);
    cursor: pointer;
}

header .search-nav .icons-li:nth-child(2){
    padding: 0 20px;
    margin: 0 20px;
    border-left: 1px solid var(--border-color8);
    border-right: 1px solid var(--border-color8);
}

header .search-nav .icons-a{
    text-align: center;
    transition: .3s;
}

header .search-nav .icons-a p{
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-1);
    color: var(--dark);
    transition: .3s;
}

header .search-nav .icons-a .icon-inr{
    font-size: var(--font-size-icon-md-2);
    color: var(--dark);
    transition: .3s;
}

header .search-nav .icons-a:hover .icon-inr{
    color: var(--theme-text-color2);
}

header .search-nav .icons-a:hover p{
    color: var(--theme-text-color2);
}

/* Logos Navs */

.logo-Navs{
    position: relative;
    border-bottom: 1px solid var(--border-color6);
}

.logo-Navs .container-fluid{
    padding: 0 50px;
}

.logo-Navs .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-left: 30px;
}

.logo-Navs .wrapper .img-logo{
    width: 220px;
    height: auto;
    object-fit: contain;
}

.logo-Navs .wrapper .icons-li:not(:first-child){
    border-right: 1px solid var(--border-color8);
}

.logo-Navs .wrapper .icons-li:last-child{
    padding-left: 0;
}

.logo-Navs .wrapper .icons-li{
    position: relative;
    padding: 0 20px;
    top: 4px;
}

.logo-Navs .wrapper .icons-main-div{
    text-align: center;
} 

.logo-Navs .wrapper .flex-icons{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px 12px;
}

.logo-Navs .wrapper .icons-a{
    text-align: center;
    transition: .3s;
}

.logo-Navs .wrapper .icons-a p,
.logo-Navs .wrapper .icons-main-div .num-text{
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-1);
    color: var(--header-icons-text-color);
    transition: .3s;
}

.logo-Navs .wrapper .icons-a .icon-inr{
    font-size: var(--font-size-icon-md-1);
    color: var(--header-icons-color);
    transition: .3s;
}

.logo-Navs .wrapper .icons-a:hover .icon-inr{
    color: var(--header-icons-text-hover-color);
}

.logo-Navs .wrapper .icons-a:hover p,
.logo-Navs .wrapper .icons-a:hover .num-text{
    color: var(--header-icons-text-hover-color);
}

/* Logos Navs */

/* Menu Main */

header .menu-main{
    position: relative;
}

header .sticky-nav{
    position: fixed;
    top: -120px;
    right: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid var(--border-color6);
    background-color: var(--light);
    transition: .3s;
}

header .sticky-nav-active{
    top: 0;
}

header .sticky-nav .container-fluid{
    padding: 0 50px;
}

header .sticky-nav .logo-img{
    width: 150px;
    height: 50px;
    object-fit: contain;
}

header .sticky-nav .menu-main .menu-link{
    line-height: 60px;
}

header .sticky-nav .menu-link::after{
    bottom: 0;
}

.sticky-nav .nav-icons-ul{
    position: relative;
    top: 3px;
}

.sticky-nav .nav-icons-link{
    position: relative;
}

.sticky-nav .nav-icons-link .icon-inr{
    font-size: var(--font-size-icon-md-2);
    color: var(--theme-text-color);
    transition: .3s;
}

.sticky-nav .nav-icons-link .icon-inr:hover{
    color: var(--theme-text-color2);
}

.sticky-nav .nav-icons-link .items-count{
    position: absolute;
    right: 16px;
    top: -7px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: var(--theme-bg-color2);
    font-family: "Heebo-Medium";
    color: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: .3s;
}

.sticky-nav .menu-li .vertical-menu-ul2{
    top: 70px !important;
}

.sticky-nav .menu-li:hover .vertical-menu-ul2{
    top: 60px !important;
}

.menu-main .categories-main:hover .megamenu-main,
.menu-main .categories-main:hover .megamenu-main2,
.menu-main .categories-main:hover .megamenu-main3{
    opacity: 1;
    visibility: visible;
    top: 52px;
}

.menu-main .megamenu-main,
.menu-main .megamenu-main2,
.menu-main .megamenu-main3{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: var(--theme-bg-color2);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.menu-main .megamenu-main{
    background-color: var(--theme-bg-color2);
}

.menu-main .megamenu-main2{
    background-color: var(--theme-bg-color2);
}

.menu-main .megamenu-main3{
    overflow: auto;
    height: calc(100vh - 270px);
    padding: 40px 0 40px 0;
    background-color: var(--theme-bg-color2);
}

.megamenu-main3 .col-option-inr h3{
    padding: 0 10px 10px 0;
    color: var(--light);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-medium);
    border-bottom: 1px solid var(--border-color8);
}

.megamenu-main3 .option-ul{
    margin-top: 10px;
}

.megamenu-main3 .option-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background-color: transparent;
    color: var(--light);
    transition: .3s;
}

.megamenu-main3 .option-link:hover{
    background-color: var(--light-with-opacity);
    color: var(--theme-color);
}

.megamenu-main3 .option-link:hover .option-icon{
    color: var(--theme-color);
}

.megamenu-main3 .option-link .option-icon{
    position: relative;
    top: -1px;
    font-size: var(--font-size-icon-md);
    color: var(--light);
    transition: .3s;
}

.megamenu-main3 .col-inr{
    position: relative;
    background-color: var(--light);
    transition: .3s;
}

.megamenu-main3 .col-inr .img-otr{
    padding: 10px;
    background-color: var(--theme-bg-color2);
    box-shadow: 0.927px 0.375px 12px rgba(70, 58, 58, 0.9);
}

.megamenu-main3 .col-inr:hover{
    transform: translateY(-3px);
    box-shadow: 0px 3px 5px -1px rgba(255, 255, 255, 0.04), 0px 6px 10px 0px rgba(255, 254, 254, 0.04), 0px 1px 18px 0px rgba(255, 255, 255, 0.04);
}

.megamenu-main3 .col-inr:hover .product-title::after{
    background-color: var(--border-color1);
}

.megamenu-main3 .col-inr:hover .product-title .title{
    color: var(--light);
}

.megamenu-main3 .col-inr .img-inr{
    width: 100%;
    height: 350px;
    object-fit: contain;
    object-position: center;
}

.megamenu-main3 .col-inr .product-title{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    backdrop-filter: blur(3px);
    transition: .3s;
}

.megamenu-main3 .col-inr .product-title::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--light);
    opacity: .7;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.megamenu-main3 .col-inr .product-title .title{
    color: var(--dark);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-medium);
    position: relative;
    z-index: 11;
}

.menu-main .menu-li{
    position: relative;
}

.menu-main .menu-ul .divider{
    color: var(--light);
}

.menu-main .megamenu-show{
    position: initial !important;
}

.menu-main .menu-link{
    position: relative;
    color: var(--menu-text-color);
    font-size: var(--font-size-sm);
    line-height: 120px;
    font-family: var(--font-family-regular);
    cursor: pointer;
    padding: 0px 20px;
    transition: .3s;
}

.menu-main .menu-link:hover{
    color: var(--menu-text-hover-color);
}

.menu-main .menu-link:hover::after{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scale(1);
}

.menu-main .menu-link::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 34px;
    width: 100%;
    height: 2px;
    background-color: var(--menu-underline-color);
    transform: translateX(-50%) scale(0);
    z-index: 1;
    transition: .3s;
}

.menu-main .menu-li:hover .vertical-menu-ul,
.menu-main .menu-li:focus-within .vertical-menu-ul{
    top: 52px;
    opacity: 1;
    visibility: visible;
}

.menu-main .vertical-menu-ul{
    position: absolute;
    top: 60px;
    right: 0;
    width: 250px;
    background-color: var(--theme-bg-color2);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.menu-main .vertical-menu-ul:focus,
.menu-main .vertical-menu-ul:hover,
.menu-main .vertical-menu-ul2:focus,
.menu-main .vertical-menu-ul2:hover{
    visibility: visible;
    opacity: 1;
}

.menu-main .vertical-menu-ul .vertical-menu-li:not(:last-child){
    border-bottom: 1px solid var(--border-color8);
}

.menu-main .vertical-menu-ul .vertical-menu-link{
    color: var(--light);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-regular);
    transition: .3s;
}

.menu-main .vertical-menu-ul .vertical-menu-link:hover{
    background-color: var(--light);
    color: var(--theme-color);
}

.menu-main .vertical-menu-ul .vertical-menu-link span{
    font-size: var(--font-size-icon-sm);
    color: var(--light);
}

.menu-main .vertical-menu-ul .vertical-menu-link:hover span{
    color: var(--theme-color);
}

.menu-main .vertical-menu-ul .vertical-menu-li{
    position: relative;
}

.menu-main .vertical-menu-ul .vertical-menu-li:hover .subdrop-ul{
    visibility: visible;
    opacity: 1;
}

.menu-main .vertical-menu-ul .vertical-menu-li .subdrop-ul{
    position: absolute;
    left: -250px;
    top: 0;
    width: 250px;
    background-color: var(--theme-bg-color2);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.menu-main .vertical-menu-ul .vertical-menu-li .subdrop-ul .subdrop-li:not(:last-child){
    border-bottom: 1px solid var(--border-color8);
}

.menu-main .vertical-menu-ul .vertical-menu-li .subdrop-ul .subdrop-li .action .theme-btn{
    padding: 9px 12px;
}

.menu-main .vertical-menu-ul2{
    position: absolute;
    top: 130px;
    right: 0;
    width: 250px;
    background-color: var(--theme-bg-color2);
    opacity: 0;
    padding: 0px 0px 0px 0;
    visibility: hidden;
    z-index: 1000;
    transition: .3s;
}

.menu-main .menu-li:hover .vertical-menu-ul2,
.menu-main .menu-li:focus-within .vertical-menu-ul2{
    top: 120px;
    opacity: 1;
    visibility: visible;
}

.menu-main .menu-li:hover .megamenu-main3{
    opacity: 1;
    visibility: visible;
    top: 52px;
}

.menu-main .vertical-menu-ul2 .vertical-menu-link{
    color: var(--light);
    font-family: var(--font-family-light);
    transition: .3s;
}

.menu-main .vertical-menu-ul2 .vertical-menu-link:hover{
    background-color: #9b9b21;
    color: var(--light);
}

.menu-main .vertical-menu-ul2 .vertical-menu-link:hover span{
    color: var(--light);
}

.menu-main .vertical-menu-ul2 .vertical-menu-link span{
    color: var(--light);
    transition: .3s;
}

.menu-main .vertical-menu-ul2 .vertical-menu-li .subdrop-ul{
    box-shadow: 0px 4px 4px rgba(93, 97, 137, 0.16);
    position: absolute;
    left: -250px;
    top: 0;
    width: 250px;
    background-color: var(--theme-bg-color2);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.menu-main .vertical-menu-ul2 .vertical-menu-li:hover .subdrop-ul{
    visibility: visible;
    opacity: 1;
}

.menu-main .subdrop-ul .img-inr{
    width: 100%;
    height: 126px;
    object-fit: contain;
}

.menu-main .subdrop-ul .title-product{
    color: var(--light);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    font-family: var(--font-family-regular);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: .3s;
}

.menu-main .subdrop-ul .title-product:hover{
    color: var(--theme-text-color1);
}

.menu-main .subdrop-ul .theme-btn{
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xxs);
    padding: 9px 14px;
    background-color: var(--light);
    color: var(--theme-color);
    border: 1px solid transparent;
}

.menu-main .subdrop-ul .theme-btn:hover{
    color: var(--light);
    background-color: transparent;
    border: 1px solid var(--border-color3);
}

/* Mega menu */


.menu-main .menu-ul .menu-li:hover .megamenu-main{
    opacity: 1;
    top: 52px;
    visibility: visible;
}

.menu-main .menu-ul .menu-li .megamenu-main{
    position: absolute;
    right: 0;
    top: 60px;
    width: 100%;
    background-color: var(--theme-bg-color2);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.menu-main .megamenu-main .row-menu{
    border: 1px solid var(--border-color3);
}

.menu-main .megamenu-main .col-menu-otr strong{
    font-family: var(--font-family-medium);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    padding: 10px 30px;
    display: block;
    border-bottom: 1px solid var(--border-color3);
}

.menu-main .megamenu-main .col-menu-otr{
    border-left: 1px solid var(--border-color3);
}

.menu-main .megamenu-main .col-menu-otr .li-main{
    border-bottom: 1px solid var(--border-color3) !important;
}

.menu-main .megamenu-main .col-menu-otr .at-link{
    font-size: var(--font-size-xs);
    color: var(--light);
    font-family: var(--font-family-light);
    padding: 12px 30px;
    text-transform: capitalize;
    display: block;
    transition: .5s;
}

.menu-main .megamenu-main .col-menu-otr .at-link:hover{
    color: var(--theme-color);
    background-color: var(--light);
}

/* Megamenu 2 */

.menu-main .menu-ul .menu-li:hover .megamenu-main2{
    opacity: 1;
    top: 52px;
    visibility: visible;
}

.menu-main .menu-ul .menu-li .megamenu-main2{
    position: absolute;
    right: 0;
    top: 60px;
    width: 100%;
    padding: 0 50px;
    background-color: var(--theme-bg-color2);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.menu-main .megamenu-main2 .col-menu-otr h3{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    font-family: var(--font-family-semibold);
    color: var(--light);
    padding: 12px;
    display: block;
    border-bottom: 1px solid var(--border-color8);
}

.menu-main .megamenu-main2 .col-menu-otr .ul-main{
    position: relative;
    left: -30px;
    padding: 20px 0 50px 0;
}

.menu-main .megamenu-main2 .col-menu-otr .li-main{
    list-style: disc;
}

.menu-main .megamenu-main2 .col-menu-otr .li-main{
    margin-bottom: 6px;
}

.menu-main .megamenu-main2 .col-menu-otr .li-main::marker{
    color: var(--light);
}

.menu-main .megamenu-main2 .col-menu-otr .at-link:hover .li-main::marker{
    color: var(--theme-text-color1);
}

.menu-main .megamenu-main2 .col-menu-otr .at-link{
    display: inline-block;
    color: var(--light);
    text-transform: capitalize;
    font-family: var(--font-family-light);
    transition: .5s;
}

.menu-main .megamenu-main2 .col-menu-otr .at-link:hover{
    color: var(--theme-text-color1);
}

@media (max-width : 1400px){
    .menu-main .categories-main{
        padding: 14px 26px;
    }
}

@media (max-width : 1199px){
    header .sticky-nav .container-fluid{
        padding: 0 20px;
    }
    .navbar-main .container{
        max-width: 100%;
    }
    .sticky-nav .container{
        max-width: 100%;
    }
    header .navbar-main .img-logo{
        width: 200px;
    }
    .menu-main .menu-link{
        font-size: var(--font-size-xs-2);
        font-family: var(--font-family-regular);
    }
}

@media (max-width : 992px){
    .navbar-main{
        display: none;
    }
}

/* Navbar Main End Here */

/* Banner Start Here */

.desktop-banner{
    display: block;
}

.mobile-banner{
    display: none;
}

@media (max-width : 992px){
    .desktop-banner{
        display: none !important;
    }
    .mobile-banner{
        display: block !important;
    }
}

.banner-main{
    position: relative;
}

.banner-main .overlay-banner{
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 50px;
    width: 50%;
    height: 100%;
}

.banner-main .overlay-banner .overlay-inr{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    max-width: 500px;
    width: 100%;
    z-index: 10;
}

.banner-main .overlay-banner h1{
    display: inline-block;
    color: var(--light);
    margin-bottom: 12px 0;
}

.banner-main .overlay-banner h1::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 1px;
    background-color: var(--theme-bg-color2);
}

.banner-main .overlay-banner h1::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
    width: 26px;
    height: 24px;
    background-image: url("/uploads/images/pages/n&s.webp");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}

.banner-main .overlay-banner h1 span{
    display: block;
    color: var(--dark);
}

.banner-main .overlay-banner p{
    color: var(--light);
    margin: 20px 0;
}

.banner-main .overlay-banner .action{
    display: inline-flex;
}

.banner-main .overlay-banner .theme-btn:hover{
    background-color: var(--theme-bg-color2);
    color: var(--light);
}

.banner-main .slick-slider{
    margin: 0 !important;
}

.banner-main .overlay-banner h1,
.banner-main .overlay-banner p,
.banner-main .overlay-banner .action{
    opacity: 0;
    transform: translateY(-20px);
    transition: .3s;
}

.banner-main .slick-active h1,
.banner-main .slick-active p,
.banner-main .slick-active .action{
    opacity: 1;
    transition: .7s;
    transform: translateY(0) scale(1);
}

.banner-main .slick-active h1{
    transition-delay: .3s;
}

.banner-main .slick-active p{
    transition-delay: .6s;
}

.banner-main .slick-active .action{
    transition-delay: .9s;
}

.banner-main .slick-initialized .slick-slide{
    float: right !important;
}

.banner-main .slick-slider .slick-arrow{
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-bg-color);
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--light);
    font-size: var(--font-size-icon-sm);
    cursor: pointer;
    z-index: 10;
    transition: .3s;
}

.banner-main .slick-slider .slick-disabled{
    opacity: .7;
}

.banner-main .slick-slider .slick-disabled:hover{
    background-color: var(--theme-bg-color1) !important;
    box-shadow: var(--box-shadow1) !important;
}

.banner-main .slick-slider .slick-arrow:hover{
    background-color: var(--theme-bg-color3);
    box-shadow: var(--box-shadow1) !important;
    color: var(--light);
}

.banner-main .slick-slider .right-arrow{
    position: absolute;
    right: 40px;
}

.banner-main .slick-slider .left-arrow{
    position: absolute;
    left: 74px;
}

.banner-main .slick-slider{
    margin: 0 !important;
}

.banner-main .slick-dots{
    position: absolute;
    bottom: 20px;
    margin: 0;
    
}

.banner-main .slick-dots li button::before{
    display: none;
}

.banner-main .slick-dots li{
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--border-color1);
}

.banner-main .slick-dots .slick-active{
    background-color: var(--theme-bg-color2);
}

.banner-main .banner-img{
    width: 100%;
    height: 500px;
    object-fit: fill;
}

@media (min-width : 1600px){
    .banner-main .banner-img{
        width: 100%;
        height: calc(100vh - 250px);
        object-fit: fill;
    }
}

@media (max-width : 992px){
    .banner-main{
        margin-top: 74px;
    }
    .banner-main .banner-img{
        height: 300px;
    }
    .banner-main .overlay-banner{
        width: 50%;
        left: 0;
    }
    .banner-main .overlay-banner .overlay-inr{
        text-align: left;
        padding-left: 12px;
    }
    .banner-main .overlay-banner h1,
    .banner-main .overlay-banner h1 span{
        font-size: var(--font-size-md-2);
        line-height: var(--line-heights-md-2);
    }
    .banner-main .overlay-banner p{
        font-size: var(--font-size-xs-1);
        line-height: var(--line-heights-xs-1);
        margin: 8px 0;
    }
    .banner-main .overlay-banner .theme-btn{
        padding: 6px 12px;
        font-size: var(--font-size-xs-1);
        line-height: var(--line-heights-xs-2);
    }
    .banner-main .slick-slider .slick-arrow{
        display: none !important;
    }
}

@media (max-width : 575px){
    .banner-main .banner-img{
        height: 200px;
        object-position: right;
    }
    .banner-main .overlay-banner{
        width: 60%;
    }
    .banner-main .overlay-banner .overlay-inr{
        text-align: left;
        padding-left: 12px;
    }
    .banner-main .overlay-banner h1,
    .banner-main .overlay-banner h1 span{
        font-size: var(--font-size-md-4);
        line-height: var(--line-heights-xs-2);
    }
    .banner-main .overlay-banner p{
        font-size: var(--font-size-xs-2);
        line-height: var(--line-heights-xs-3);
        margin: 3px 0;
    }
    .banner-main .overlay-banner .theme-btn{
        padding: 4px 8px;
        font-size: var(--font-size-xs-2);
        line-height: var(--line-heights-xs-3);
    }
}

/* Banner End Here */

/* categories Start Here */

.categories{
    position: relative;
    margin: 30px 0;
}

.categories .container{
    width: 100%;
    max-width: 100%;
    padding: 0 50px;
}

.categories-inner{
    margin: 0 0;
}

.categories .wrapper{
    text-align: center;
}

.categories .row{
    margin: 30px 0;
    gap: 24px 0;
}

.categories .col-otr{
    padding: 0 12px;
}

.categories .col-inr{
    height: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--category-border-color);
    border-radius: 0;
    transition: .3s;
}

.categories .col-inr:hover{
    box-shadow: var(--box-shadow3);
}

.categories .col-inr:hover .overlay h3{
    background-color: var(--category-bg-hover-color);
    color: var(--light);
}

.categories .categories-img{
    display: block;
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}

.categories .categories-img-logo{
    display: block;
    width: 100%;
    height: calc(100% - 50px);
    object-fit: contain;
    object-position: top;
    border-radius: var(--border-radius-xs-3) var(--border-radius-xs-3) 0 0;
}

.categories .categories-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 50px);
    font-size: var(--font-size-icon-xxlg);
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-3) var(--border-radius-xs-3) 0 0;
}

.categories .overlay{
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% + 2px);
}

.categories .overlay h3{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 10px 0;
    background-color: var(--category-bg-color);
    color: var(--light);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    text-align: center;
    border-radius: 0;
    transition: .3s;
}

.categories .slick-dots{
    position: absolute;
    bottom: -40px;
    margin: 0; 
}

.categories .slick-dots li button::before{
    display: none;
}

.categories .slick-dots li{
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: transparent;
    background-color: var(--dark);
}

.categories .slick-dots .slick-active{
    background-color: var(--theme-bg-color2);
}

@media (max-width : 575px){
    .categories .row{
        margin: 30px -6px;
    }
    .categories .col-otr{
        padding: 0 6px;
    }
}

/* categories End Here */

/* About Section Strat Here */

.aboutSec{
    position: relative;
    padding: 30px 0;
    margin: 60px 0 30px 0;
}

.aboutSec .container{
    width: 100%;
    max-width: 100%;
    padding: 0 50px;
}

.aboutSec::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--light-with-opacity);
}

.aboutSec .about-bg-img{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.aboutSec .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 10;
}

.aboutSec .row{
    position: relative;
    z-index: 10;
    gap: 50px 0;
}

.aboutSec .col-content-inr h1{
    display: block;
    color: var(--theme-text-color8);
    font-size: var(--font-size-md-3);
    line-height: var(--line-heights-md-3);
    font-family: var(--font-family-medium);
}

.aboutSec .col-content-inr h2{
    color: var(--dark);
    line-height: 40px;
    margin: 0;
}

.aboutSec .col-content-inr h2::after,
.aboutSec .col-content-inr h2::before{
    display: none;
}

.aboutSec .col-content-inr p:not(:last-child){
    margin-bottom: 10px;
}

.aboutSec .col-content-inr .action{
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.aboutSec .col-content-inr .action .theme-btn{
    width: auto;
}

.aboutSec .col-img-inr{
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-left: 60px;
}

.aboutSec .col-img-inr::after{
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: calc(100% - 30%);
    height: calc(100% - 30%);
    background-color: var(--theme-bg-color8);
    border-radius: var(--border-radius-xs-1);
    z-index: -1;
}

.aboutSec .col-img-inr .about-img{
    width: auto;
    height: 384px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--border-radius-xs-1);
}

@media (max-width : 992px){
    .aboutSec{
        padding: 30px 0;
    }
    .aboutSec .col-content-inr .action{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .aboutSec .col-content-inr .theme-btn{
        width: auto;
    }
    .aboutSec .col-img-inr{
        margin-left: 0;
    }
    .aboutSec .col-img-inr .about-img{
        width: 100%;
        height: auto;
    }
}

/* About Section End Here */

/* Products Start Here */

.products-main{
    margin: 30px 0;
}

.products-main .container-fluid{
    padding: 0 70px;
}

.products-main .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}

.products-main .row{
    margin-top: 30px;
    gap: 12px 0;
}

.products-main .col-inr{
    height: 100%;
    padding: 16px;
    position: relative;
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-3);
    transition: .3s;
}

.products-main .col-inr:hover{
    border: 1px solid var(--border-color2);
}

.products-main .col-inr .like-otr{
    position: absolute;
    right: 20px;
    top: 20px;
    border-radius: var(--border-radius-full-rounded);
    background-color: var(--light-with-opacity);
    box-shadow: var(--box-shadow3);
    width: 40px;
    height: 40px;
}

.products-main .col-inr .like-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font-size-icon-sm);
    color: var(--dark);
}

.products-main .col-inr .img-otr{
    position: relative;
}

.products-main .col-inr .product-img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: var(--border-radius-xs-3);
}

.products-main .product-content{
    text-align: center;
    margin-top: 12px;
}

.products-main .product-title{
    color: var(--dark);
    font-size: var(--font-size-md-3);
    line-height: var(--line-heights-md-3);
    font-family: var(--font-family-medium);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s;
}

.products-main  .product-title:hover{
    color: var(--theme-text-color);
}

.products-main .product-desc{
    color: var(--dark);
    margin: 4px 0 10px 0;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.products-main .product-price-otr{
    display: flex;
    align-items: center;
    gap: 10px;
}

.products-main .product-price-otr span,
.products-main .product-price-otr p,
.products-main .product-price-otr span p{
    color: var(--dark);
    font-size: var(--font-size-md-3);
    line-height: var(--line-heights-md-3);
    font-family: var(--font-family-medium); 
}

.products-main .product-price-otr .cut-price{
    text-decoration: line-through;
}

.products-main .quantity-main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
}

.products-main .quantity-otrr{
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-xs-3);
} 

.products-main .quantity-otrr .icon-otr{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.products-main .quantity-otrr .icon-left{
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-3) 0 0 var(--border-radius-xs-3);
}

.products-main .quantity-otrr .icon-right{
    border: 1px solid var(--border-color8);
    border-radius: 0 var(--border-radius-xs-3) var(--border-radius-xs-3) 0;
}

.products-main .quantity-otrr .icon-otr .qty-icon{
    font-size: var(--font-size-icon-sm);
    color: var(--theme-text-color7);
}

.products-main .quantity-otrr .icon-left:hover{
    background-color: var(--theme-bg-color2);
}

.products-main .quantity-otrr .icon-right:hover{
    background-color: var(--theme-bg-color2);
}

.products-main .quantity-otrr .icon-otr:hover .qty-icon{
    color: var(--light);
}

.products-main .quantity-otrr .icon-otr .quantity-input{
    border: none;
    text-align: center;
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-1);
    font-family: var(--font-family-medium);
    color: var(--theme-text-color7);
    border-top: 1px solid var(--border-color8);
    border-bottom: 1px solid var(--border-color8);
    margin: 0;
    height: 40px;
}

.products-main .quantity-otrr .icon-otr .quantity-input:focus{
    outline: none;
}

.products-main .quantity-main .action{
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

.products-main .theme-btn{
    padding: 8px 12px;
    width: auto;
}

.products-main .btn-main{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 30px;
    z-index: 10;
}

.products-main .action-otr,
.products-main .btn-main .action{
    margin-top: 0;
    display: flex;
    justify-content: flex-end;
}

@media (max-width : 1600px){
    .products-main .container-fluid{
        padding: 0 12px;
    }
    .products-main .row{
        margin: 0 6px;
    }
    .products-main .quantity-otrr .icon-otr{
        width: 34px;
        height: 34px;
    }
    .products-main .quantity-otrr .icon-otr .quantity-input{
        height: 34px;
    }
    .products-main .product-price-otr span, 
    .products-main .product-price-otr p, 
    .products-main .product-price-otr span p{
        font-size: var(--font-size-md-4);
    }
    .products-main .theme-btn{
        padding: 6px 10px;
        font-size: var(--font-size-xs-1);
        line-height: var(--line-heights-xs-1);
    }
}

@media (max-width : 992px){
    .products-main .row{
        margin: 0;
    }
}

/* Products End Here */

/* Cta Start Here */

.cta-main{
    background-color: transparent;
    position: relative;
    padding: 30px 0 40px 0;
}

.cta-main::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-with-opacity);
    z-index: 1;
}

.cta-main .bg-img{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.cta-main .wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

.cta-main .wrapper h2,
.cta-main .wrapper p{
    color: var(--light);
}

.cta-main .wrapper h2::before{
    background-color: transparent;
}

.cta-main .wrapper .theme-btn{
    background-color: var(--light);
    color: var(--dark);
}

.cta-main .wrapper .theme-btn:hover{
    background-color: transparent;
    border: 1px solid var(--light);
    color: var(--light);
}

/* Cta End Here */

/* BlogSec Start Here */

.blogSec{
    margin: 30px 0;
}

.blogSec .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.blogSec .row{
    gap: 12px 0;
    margin-top: 30px;
}

.blogSec .col-inr{
    padding: 10px;
    height: 100%;
    border-radius: var(--border-radius-xs-3);
    border: 1px solid var(--border-color8);
    transition: .3s;
}

.blogSec .col-inr:hover{
    border: 1px solid transparent;
    box-shadow: var(--box-shadow2);
}

.blogSec .col-inr .img-inr{
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--border-radius-xs-3);
}

.blogSec .col-inr .content-div{
    margin-top: 12px;
    height: calc(100% - 312px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blogSec .col-inr .title{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--dark);
    font-size: var(--font-size-md-2);
    line-height: var(--line-heights-md-2);
    font-family: var(--font-family-medium);
    transition: .3s;
}

.blogSec .col-inr .date{
    font-size: var(--font-size-xs-2);
    line-height: var(--line-heights-xs-2);
    font-family: var(--font-family-regular);
    color: var(--dark);
}

.blogSec .col-inr p{
    height: 90px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--dark);
    margin: 6px 0 12px 0;
}

.blogSec .col-inr .action{
    text-align: center;
}

.blogSec .col-inr .theme-btn{
    display: inline;
    padding: 0;
    background-color: transparent;
    color: var(--dark);
    text-decoration: underline;
}

.blogSec .col-inr .theme-btn:hover{
    color: var(--theme-text-color);
}

.blogSec .btn-main{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.blogSec .btn-main .action{
    margin-top: 30px;
    display: flex;
}


/* BlogSec End Here */

/* Review Start Here */

.reviewSec{
    padding: 30px 0;
    margin: 30px 0;
    position: relative;
}

.reviewSec::after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--light-with-opacity);
}

.reviewSec .review-bg-img{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.reviewSec .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 10;
}

.reviewSec .wrapper h2::before{
    background-color: transparent;
}

.reviewSec .review-slider{
    margin-top: 18px;
    position: relative;
    z-index: 100;
    padding: 0 60px;
}

.reviewSec .col-otr{
    padding: 12px;
}

.reviewSec .col-inr{
    padding: 12px;
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-3);
    background-color: var(--light);
    transition: .3s;
}

.reviewSec .col-inr:hover{
    border: 1px solid transparent;
    box-shadow: var(--box-shadow2);
}

.reviewSec .col-inr p{
    color: var(--dark);
}

.reviewSec .col-inr .star-ul{
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0;
}

.reviewSec .col-inr .star-icon{
    color: var(--theme-text-color);
}

.reviewSec .col-inr .user-profile{
    display: inline-flex;
    align-items: center;
    gap: 20px;
}

.reviewSec .col-inr .user-profile:hover .img-inr{
    border: 3px solid var(--border-color2);
}

.reviewSec .col-inr .user-profile:hover .name{
    color: var(--theme-text-color);
}

.reviewSec .col-inr .img-inr{
    width: 70px;
    height: 70px;
    flex: 1;
}

.reviewSec .col-inr .img-inr{
    width: 70px;
    height: 70px;
    border: 3px solid var(--border-color1);
    border-radius: var(--border-radius-full-rounded);
    transition: .3s;
}

.reviewSec .col-inr .user-info .name{
    display: block;
    font-variant: var(--font-size-md-4);
    line-height: var(--line-heights-md-4);
    font-family: var(--font-family-medium);
    transition: .3s;
}

.reviewSec .col-inr .user-info .profession{
    margin-top: 4px;
}

.reviewSec .slick-dots{
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0; 
}

.reviewSec .slick-dots li button::before{
    display: none;
}

.reviewSec .slick-dots li{
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: transparent;
    background-color: var(--dark);
}

.reviewSec .slick-dots .slick-active{
    background-color: var(--theme-bg-color);
}

.reviewSec .btn-main{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.reviewSec .btn-main .action{
    margin-top: 30px;
    display: flex;
}

@media (max-width : 992px){
    .reviewSec .review-slider{
        padding: 0;
    }
}

@media (max-width : 576px){
    .reviewSec .col-otr{
        padding: 0;
    }
}

.gallery-main .col-inr:hover{
    border: 1px solid var(--theme-bg-color);
}

/* Review End Here */

/* Gallery Start Here */

.gallery-main {
    margin: 30px 0;
}

.gallery-main .wrapper {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.gallery-main .row{
    display: flex;
    text-align: center;
    margin-top: 30px;
    gap: 24px 0;
}

.gallery-main .col-inr {
    position: relative;
    border: none;
    background-color: none;
    padding: 0;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: .3s;
}

.gallery-main .col-inr::after,
.gallery-main .col-inr::before{
    display: none;
}

.gallery-main .popup-image-gallery img {
    cursor: pointer;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    transition: .3s;
}

.gallery-main .popup-image-gallery img:hover {
    box-shadow: var(--box-shadow1);
}

.gallery-main .show-popup {
    z-index: 999;
    display: none;
}

.gallery-main .show-popup .overlay-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.gallery-main .show-popup .img-show {
    width: 100%;
    height: 100%;
    background-color: var(--dark-with-opacity);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 9999;
    transition: .3s;
}

.gallery-main .img-show img {
    width: 70%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: contain;
    background-color: var(--dark-with-opacity);
    transform: translate(-50%, -50%);
}

.gallery-main .show-popup .close-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    border-radius: var(--border-radius-full-rounded);
    background-color: transparent;
    border: 2px solid var(--border-color8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    cursor: pointer;
    transition: .3s;
}

.gallery-main .show-popup .close-icon:hover{
    color: var(--dark);
    background-color: var(--light);
}

.gallery-main button#prev1 span{
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 20px;
    background: no-repeat;
    color: var(--light);
    border: 1px solid;
    padding: 10px;
    cursor: pointer;
    transition: .3s;
}

.gallery-main button#next1 span{
    position: fixed;
    z-index: 9999;
    top: 50%;
    right: 20px;
    background: no-repeat;
    color: var(--light);
    border: 1px solid;
    padding: 10px;
    cursor: pointer;
    transition: .3s;
}

.gallery-main button#prev1:hover span,
.gallery-main button#next1:hover span {
    background-color: var(--light);
    color: var(--dark);
    border: 1px solid var(--border-color8);
}

/* Gallery End Here */

/* Contact Start Here */

.contact-main .input{
    background-color: var(--light);
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    font-family: var(--font-family-regular);
    border: 1px solid var(--border-color8);
}

.contact-main .theme-input,
.contact-main .theme-textarea{
    padding: 10px 30px;
    background-color: var(--light);
    color: var(--dark);
    width: 100%;
    text-align: right;
    border-radius: 0;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-regular);
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-2);
    transition: .3s;
}

.contact-main .theme-input:focus,
.contact-main .theme-textarea:focus{
    border: 1px solid var(--border-color1);
    box-shadow: var(--box-shadow3);
    color: var(--dark);
    outline: none;
}

.contact-main .theme-input:focus::placeholder,
.contact-main .theme-textarea:focus::placeholder{
    opacity: 0;
}

.contact-main .theme-input::placeholder,
.contact-main .theme-textarea::placeholder{
    color: var(--theme-text-color1);
    transition: .3s;
}

.contact-main .theme-textarea{
    height: 196px;
}

.contact-main .row-info{
    align-items: inherit;
}

.contact-main .row-info .col-inr{
    height: 100%;
}

.contact-main .row-info .link-box{
    height: 100%;
    border-radius: var(--border-radius-xs-2);
}

.contact-main .row-info .col-inr:hover .icon-otr{
    background-color: var(--theme-bg-color1);
    border: 1px solid var(--border-color1);
}

/* Contact End Here */

/* Breadcrumbs Start Here */

.breadcrumb-otr .breadcrumb .home{
    display: flex;
}

/* Breadcrumbs End Here */

/* Catalog details Page Start Here */

.catelogue-details-page{
    margin: 0 !important;
}

/* Catalog Details Page End Here */

/* Footer1 Start Here */

.footer-main{
    position: relative;
    padding: 30px 0;
    background-color: var(--footer-bg-color);
}

.footer-main .footer-bg-img{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.footer-main .row{
    gap: 30px 0;
    padding: 0 12px;
}

.footer-main h3{
    color: var(--footer-column-heading-color);
    font-size: var(--font-size-md-3);
    line-height: var(--line-heights-md-3);
    margin-bottom: 10px;
}

.footer-main p,
.footer-main a,
.footer-main strong
.footer-main b,
.footer-main span,
.footer-main div{
    color: var(--footer-text-color);
}

.footer-main .logo-img{
    width: 150px;
    height: auto;
    object-fit: contain;
    margin-bottom: 16px;
}

.footer-main .icons-ul{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 20px;
}

.footer-main .icons-link{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--footer-icons-bg-color);
    position: relative;
    transition: .3s;
}

.footer-main .icons-link .icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font-size-icon-sm);
    color: var(--footer-icons-color);
    transition: .3s;
}

.footer-main .icons-link:hover{
    background-color: var(--footer-icons-bg-hover-color);
    border: 1px solid var(--light);
}

.footer-main .icons-link:hover .icon{
    color: var(--footer-icons-hover-color);
}

.footer-main .menu-ul{
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
}

.footer-main .menu-li{
    position: relative;
    display: flex;
}

.footer-main .menu-li:hover::before{
    opacity: 1;
}

.footer-main .menu-li::before{
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    width: calc(100% + 20px);
    height: calc(100% + 10px);
    background-color: var(--footer-menu-hover-color);
    z-index: 0;
    opacity: 0;
    transition: .3s;
}

.footer-main .menu-link{
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s;
}

.footer-main .menu-link span{
    transition: .3s;
}

.footer-main .menu-link:hover{
    color: var(--footer-menu-text-hover-color);
}

.footer-main .menu-link:hover span{
    color: var(--footer-menu-text-hover-color);
}

/* Footer1 End Here */

/* Footer links Start Here */

.footer-links{
    padding: 9.5px 0;
    background-color: var(--footer-center-bg-color);
    border-bottom: 1px solid var(--footer-payment-img-border-color);
}

.footer-links .footer-links-ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.footer-links .footer-links-ul .footer-links-a{
    color: var(--footer-text-color);
    transition: .3s;
}

.footer-links .footer-links-ul .footer-links-a:hover{
    color: var(--footer-menu-hover-color);
}

/* Footer links End Here */

/* footer 3 Start Here */

.footer-center{
    padding: 10px 0;
    background-color: var(--footer-center-bg-color);
}

.footer-center p{
    color: var(--footer-text-color);
    text-align: center;
}

.footer-center p .link{
    color: var(--footer-menu-hover-color);
    display: inline-block;
    transition: .3s;
}

.footer-center p .link:hover{
    color: var(--footer-menu-hover-color);
}

/* footer 3 Start Here */

/* copyright Start Here */

.copyright-main,
.copyright-otr{
    padding: 9.5px 0;
    background-color: var(--light);
    border-top: 1px solid var(--border-color3);
}

.copyright-main .wrapper{
    text-align: center;
}

.copyright-main .pay-ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.copyright-main .pay-img{
    width: 60px;
    height: 30px;
    object-fit: contain;
    border: 1px solid var(--border-color2);
    box-shadow: var(--box-shadow3);
    padding: 4px 6px;
    transition: .3s;
}

.copyright-main .pay-img:hover{
    border: 1px solid var(--border-color1);
}

.copyright-main .copy .slasi-logo{
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.copyright-main .copy .link{
    display: inline-block;
    color: var(--dark);
    transition: .3s;
}

.copyright-main .copy:hover .link{
    color: var(--footer-slasi-text-hover-color);
}

.copy-text .copy{
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--footer-slasi-text-color);
}

.copy-text .linkk{
    display: inline;
    margin: 0 !important;
    transition: .3s;
}

.copy-text .linkk:hover{
    color: var(--footer-slasi-text-hover-color);
}

/* Side fixed icons Start Here */

.icon-bar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index:1050;
}

.icon-bar a{
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 999;
    transition: .3s;
}
  
.icon-bar a span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font-size-md-4);
    color: var(--light);
    transition: 0.3s;
}

.icon-bar a:hover {
    background-color: #000;
    transform: scale(1.1);
    z-index: 999;
}

.facebook {
    background: #3B5998;
    color: white;
}

.whatsapp{
    background: #19ae36;
    color: white;
    font-weight:600
}
  
.waze {
    background: #035ea3;
    color: white;
    font-weight:600
}

.icon-bar .instagram{
    background: linear-gradient(222.41deg, #334FFF 13.29%, #C838F7 32.84%, #FF1F7A 52.63%, #FF8534 72%, #FFBD28 93.09%);
}

.icon-bar .instagram:hover{
    background: #000 !important;
}

/* Side fixed icons End Here */

/* copyright End Here */

@media (max-width : 992px){
    .footer-main .col-otr:nth-child(2){
        padding: 0 40px 0 0;
    }
}

@media (max-width : 786px){
    .footer-main .logo-img{
        width: 120px;
        height: auto;
    }
    .copyright-main .wrapper{
        flex-direction: column;
        justify-content: center;
        gap: 10px 0;
    }
    .copyright-main .pay-ul{
        justify-content: center;
    }
    .footer-main .info-ul{
        gap: 30px 0;
    }

    .footer-main .col-otr:nth-child(2){
        padding: 0 12px;
    }
}



@media (max-width : 992px){
    h1{
        font-size: var(--font-size-xlg);
        line-height: var(--line-heights-xlg);
    }
    
    h1 span{
        font-size: var(--font-size-xlg);
        line-height: var(--line-height-xlg);
    }
    
    h2{
        font-size: var(--font-size-lg);
        line-height: var(--line-height-lg);
    }
    
    h2 span{
        font-size: var(--font-size-lg);
        line-height: var(--line-height-lg);
    }
}

/* Mobile Styles Start Here */

@media (min-width : 992px){
    .mobile-input{
        display: none;
    }
}

/* Mobile Styles End Here */

/* Wishlist Page Css Start Here */

.favoutite-products{
    min-height: auto !important;
    margin: 30px auto !important;
}

.favoutite-products div .theme-btn{
    width: auto;
    margin-bottom: 20px;
}

.favoutite-products .shopping-cart{
    margin: 0;
    border: none;
}

.favoutite-products .shopping-cart div:not(:last-child){
    margin-bottom: 12px;
}

.favoutite-products .cart-details{
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-3);
    float: none;
}

.favoutite-products .cart-details li{
    padding: 0 12px;
}

.favoutite-products .cart-details .media{
    display: flex;
    align-items: center;
    gap: 10px;
}

.favoutite-products .cart-details .media .media-middle{
    margin: 0;
}

.favoutite-products .cart-details li:first-child .item-img{
    width: 80px;
    height: 80px;
    border-radius: var(--border-radius-xs-3);
}

.favoutite-products .cart-details li:first-child .item-img img{
    width: 80px;
    height: 80px;
    border-radius: var(--border-radius-xs-3);
    object-fit: fill;
}

.favoutite-products .cart-details li:first-child .media-body h6{
    margin: 0;
}

.favoutite-products .cart-details li:first-child .media-body h6 a{
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-2);
    font-family: var(--font-family-regular);
}

.favoutite-products .cart-details li:nth-child(2) div span{
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-2);
    font-family: var(--font-family-regular);
}

.favoutite-products .cart-details li:nth-child(3) .theme-btn{
    padding: 8px 16px;
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-2);
    font-family: var(--font-family-regular);
    width: auto;
    margin: 0;
}

.favoutite-products .cart-details li:nth-child(4) span{
    font-size: var(--font-size-icon-xs);
    color: var(--theme-text-color2);
    transition: .3s;
}

.favoutite-products .cart-details li:nth-child(4) span:hover{
    color: var(--theme-text-color1);
}

/* Wishlist Page Css End Here */

/* Order Procees Css Start Here */

.order-process{
    margin: 30px 0;
}

.order-process .input{
    padding: 10px 30px;
    background-color: var(--light);
    color: var(--dark);
    width: 100%;
    text-align: right !important;
    border-radius: 0;
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-regular);
    border: 1px solid var(--border-color8);
    border-radius: var(--border-radius-xs-2);
    transition: .3s;
}

.order-process .input:focus{
    border: 1px solid var(--border-color1);
    box-shadow: var(--box-shadow3);
    color: var(--dark);
    outline: none;
}

.order-process .input:focus::placeholder{
    opacity: 0;
}

.order-process .input::placeholder{
    color: var(--theme-text-color1);
    transition: .3s;
}

.order-process label{
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    font-family: var(--font-family-regular);
    color: var(--dark);
}

.breadcrumb li{
    display: flex;
}

/* Order Process Css End Here */

/* Product Details Css Start Here */

.Product-details-main{
    margin: 30px 0 !important;
}

.Product-details-main .quantity-and-price{
    padding: 12px 0;
    border-top: 1px solid var(--border-color8);
    border-bottom: 1px solid var(--border-color8);
}

.Product-details-main .quantity-otr{
    display: flex;
    align-items: center;
}

.Product-details-main .quantity-otr .icon-otr{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.Product-details-main .quantity-otr .icon-otr:hover{
    background-color: var(--theme-bg-color1);
}

.Product-details-main .quantity-otr .icon-otr:hover .qty-icon{
    color: var(--light);
}

.Product-details-main .quantity-otr .icon-right{
    border: 1px solid var(--border-color8);
    border-left: none;
    border-radius: 0 var(--border-radius-xs-3) var(--border-radius-xs-3) 0;
}

.Product-details-main .quantity-otr .icon-left{
    border: 1px solid var(--border-color8);
    border-right: none;
    border-radius: var(--border-radius-xs-3) 0  0 var(--border-radius-xs-3);
}

.Product-details-main .quantity-otr .qty-icon{
    font-size: var(--font-size-icon-sm);
    color: var(--dark);
    transition: .3s;
}

.Product-details-main .quantity-otr .quantity-input{
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-color8);
    text-align: center;
    font-size: var(--font-size-xs-1);
    line-height: var(--line-heights-xs-2);
    font-family: var(--font-family-regular);
    color: var(--dark);
}

.Product-details-main .price-otr{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    font-family: var(--font-family-regular);
} 

.Product-details-main .action{
    display: flex;
    justify-content: flex-end;
    margin-top: 1px;
}

.Product-details-main .action .theme-btn{
    width: auto;
}

.Product-details-main .product-image-gallery #slider,
.Product-details-main .product-image-gallery #thumbnail-slider{
    margin: 0;
}

.Product-details-main .product-image-gallery #slider a{
    border: 1px solid var(--border-color8);
    background-color: var(--light);
}

.Product-details-main .product-image-gallery #slider img{
    object-fit: contain;
    /*height: 435px;*/
}

.Product-details-main .product-image-gallery #thumbnail-slider li{
    margin-bottom: 10px;
}

.Product-details-main .product-image-gallery #thumbnail-slider li a{
    display: block;
    transition: .3s;
}

.Product-details-main .product-image-gallery #thumbnail-slider li a:hover{
    box-shadow: var(--box-shadow3);
}

.Product-details-main .product-image-gallery #thumbnail-slider li a img{
    height: 100px;
    object-fit: cover;
}

.Product-details-main .flex-direction-nav .flex-prev{
    opacity: 0.7 !important;
    left: 50% !important;
    top: 32px !important;
    transform: translate(-50%, 0) !important;
}

.Product-details-main .flex-direction-nav .flex-next{
    opacity: 0.7 !important;
    left: 50% !important;
    bottom: 10px !important;
    transform: translate(-50%, 0) !important;
    right: inherit !important;
    top: inherit !important;
}

.Product-details-main .flexslider.vertical-carousel:hover .flex-direction-nav .flex-prev,
.Product-details-main .flexslider.vertical-carousel:hover .flex-direction-nav .flex-next{
    opacity: 1 !important;
    left: 50%;
    top: 10px;
    transform: translate(-50%, 0);
    transition: unset;
}

.Product-details-main .flex-direction-nav a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme-bg-color1);
    border-radius: 8px;
}

.Product-details-main .flex-direction-nav a.flex-prev:before,
.Product-details-main .flex-direction-nav a.flex-next:before {
    content: '\f106' !important;
    font-family: 'Font Awesome 5 Pro';
    position: relative;
    top: 7px;
    left: -9px;
    font-size: 30px !important;
    color: var(--light) !important;
}

.Product-details-main .flex-direction-nav a.flex-next:before{
    top: 5px;
    left: -9px;
    transform: rotate(180deg);
}

@media (max-width : 576px){
    .Product-details-main .product-image-gallery #slider{
        width: calc(100% - 80px);
    }
    .Product-details-main .product-image-gallery #thumbnail-slider{
        width: 80px;
    }
    .Product-details-main .product-image-gallery #thumbnail-slider li,
    .Product-details-main .product-image-gallery #thumbnail-slider li a img{
        width: 80px;
        height: 80px;
    }
    .Product-details-main .product-image-gallery #slider img{
        height: 240px;
    }
    .Product-details-main {
    margin: 0px 0 !important;
}
}
 
/* Product Details Css End Here */

/* Accessbility Page Css Start Here */

.gallery-mainn h2,
.gallery-mainn h2:after,
.gallery-mainn h2:before{
    text-align: right;
}
.gallery-mainn h2:after,
.gallery-mainn h2:before{
      display: none;
}
.gallery-mainn p{
    text-align: right;
}

.gallery-block-new .xmark,
.gallery-block-new .x-mark{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: var(--border-radius-full-rounded);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    color: var(--dark);
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    cursor: pointer;
    transition: .3s;
}

.gallery-block-new .xmark:hover,
.gallery-block-new .x-mark:hover{
    background-color: var(--theme-bg-color1);
}
.catelogue-details-page h1{
    font-size:32px;
}

/* Accessbility Page Css End Here */

/* Acc Button Styles Start Here */

.accessbility {
    transition: .3s;
    top: 38px !important;
}

.accessbility-active{
    top: 54px !important;
}

.accessbility,
.accessbility-main .accessbility-wrapper{
    left: 0 !important;
}

.accessbility-btn-otr .accessbility-btn .button-text{
    display: none;
}

.accessbility-btn-otr .accessbility-btn{
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accessbility-btn-otr .accessbility-btn .fa-wheelchair{
    font-size: 20px;
}
/* Acc Button Styles End Here */

/* Vidoes Gallery Css Start Here */

.videos-gallery{
    position: relative;
    margin: 30px 0;
}

.videos-gallery .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.videos-gallery .row{
    margin-top: 30px;
    gap: 24px 0;
}

.videos-gallery .video-slider .col-otr{
    padding: 0 12px;
}

.videos-gallery .col-inr{
    width: 100%;
    height: 300px;
}

.videos-gallery .col-inr iframe,
.videos-gallery iframe{
    width: 100% !important;
    height: 300px !important;
}

.videos-gallery .slick-slider .slick-arrow{
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: var(--light);
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--dark);
    font-size: var(--font-size-icon-sm);
    cursor: pointer;
    z-index: 10;
    transition: .3s;
}

.videos-gallery .slick-slider .slick-disabled{
    opacity: .7;
}

.videos-gallery .slick-slider .slick-disabled:hover{
    background-color: var(--theme-bg-color1) !important;
    box-shadow: var(--box-shadow1) !important;
}

.videos-gallery .slick-slider .slick-arrow:hover{
    background-color: var(--theme-bg-color1);
    box-shadow: var(--box-shadow1) !important;
    color: var(--light);
}

.videos-gallery .slick-slider .right-arrow{
    position: absolute;
    right: 40px;
}

.videos-gallery .slick-slider .left-arrow{
    position: absolute;
    left: 74px;
}

/* Videos Gallery Css End Here */

/* Public blocks styles start Here */

.blog-section-10 .content-block h2{
    margin-bottom: 8px;
}

.blog-section-10 .content-block h2::before{
    display: none;
}

.col-inr .article-ul{
    margin: 20px 0;
}

.blog-details{
    margin: 30px 0;
  }
  
  .blog-details .container{
    max-width: 1000px;
  }
  
  .blog-details .wrapper{
    max-width: 700px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  
  .blog-details .row{
    gap: 20px 0;
    margin-top: 20px;
  }

  .blog-details h3{
    color: var(--dark) !important;
  }
  
  .blog-details .col-inr{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .blog-details .col-inr .img-otr{
    position: relative;
    margin: 10px 0 20px 0;
  }
  
  .blog-details .col-inr .img-inr{
    width: 100%;
    height: 376px;
    object-fit: cover;
    border: 4px solid var(--border-color3);
    border-radius: var(--border-radius-xs-1);
  }
  
  .blog-details .col-inr .label_otr {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--theme-bg-color1);
    padding: 5px 16px;
    transition: .3s;
  }
  
  .blog-details .col-inr .label_otr p {
    font-size: var(--font-size-xs-3);
    line-height: var(--line-heights-xs-3);
    color: var(--light);
  }
  
  .blog-details .col-inr .label_otr p span {
    line-height: var(--line-heights-xs-3);
    font-size: var(--font-size-sm);
    color: var(--light);
  }
  
  .blog-details .col-inr .content{
    position: relative;
  }
  
  .blog-details .col-inr .content p{
    margin: 0;
  }
  
  .blog-details .col-inr .content p:not(:last-child){
    margin-bottom: 14px;
  }
  
  .blog-details .col-inr .content p .link{
    display: inline;
    color: var(--theme-text-color1);
    font-family: var(--font-family-medium);
    transition: .3s;
  }
  
  .blog-details .col-inr .content p .link:hover{
    color: var(--theme-text-color2);
  }
  
  .blog-details .col-inr .content ul li{
    list-style: disc;
    list-style-position: inside;
  }

/* Public blocks styles End Here */

/* Inner Header Start Here */

.opening-section1 .wrapper{
    height: 230px;
}

.opening-img{
    height: 230px;
}

.opening-section3 {
    border: none;
}

.opening-section3 .wrapper {
    position: relative;
}

.opening-section3 .content-block img{
    width: 96%;
}

.opening-section3 .wrapper::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-bg-color2);
    opacity: 93%;
    display: none;
}

.breadcrumb-main {
    background-color: var(--light) !important;
}

.breadcrumb {
    padding: 6px 0;
    font-size: 18px;
    background-color: var(--light);
}

.breadcrumb-main .home {
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.breadcrumb .breadcrumb-item.active,
.breadcrumb-main .breadcrumb-item.active {
    color: var(--dark);
}

.breadcrumb-main .breadcrumb li,
.breadcrumb li{
    display: flex;
}

.breadcrumb-main .breadcrumb li a,
.breadcrumb li a,
.breadcrumb li a span{
    color: var(--dark);
}

.breadcrumb .active span,
.breadcrumb-otr .breadcrumb .active span,
.breadcrumb-main .breadcrumb .active,
.breadcrumb-main .breadcrumb .active span,
.breadcrumb .active,
.breadcrumb .active span
.breadcrumb .home span a{
    color: var(--theme-bg-color5);
}

.breadcrumb .active,
.breadcrumb .active a,
.breadcrumb .home a{
    color: var(--theme-text-color6) !important;
    cursor: auto !important;
}

.breadcrumb-main .breadcrumb li::before,
.breadcrumb li::before{
    padding: 0 4px 0 8px;
    color: var(--theme-text-color5);
}

.breadcrumb .breadcrumb-item{
    color: var(--theme-text-color1);
}

.breadcrumb>li+li:before {
    padding: 0px 4px 0px 8px;
    color: var(--theme-text-color5);
    content: "/\00a0";
}

.opening-section1 .text-main{
    background-color: var(--theme-bg-color1);
}

.opening-section1 .text-main .theme-btn{
    width: auto;
    background-color: var(--theme-bg-color2);
    border: 1px solid var(--border-color2);
}

.opening-section1 .text-main .theme-btn:hover{
    border: 1px solid var(--light);
}

.opening-section1 .text-main .theme-btn img{
    display: none;
}

.opening-section1 .container{
    position: relative;
}

.opening-section1 h1 {
    position: absolute;
    top: -150px;
    transform: none;
    right: 24px;
    padding: 0;
    color: var(--dark);
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: right;
}

.opening6 h1{
    position: relative;
    display: inline-flex;
    line-height: 86px;
    margin-bottom: 10px;
}

.opening6 h1::before{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -16px;
    width: 18px;
    height: 24px;
    background-image: url(/uploads/images/icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: 1;
}

.opening6 h1::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 1px;
    background-color: var(--theme-bg-color1);
}

/* Inner Header End Here */


/* Lp-Template Css Start Here */

.lp-template{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.lp-template h1,
.lp-template h2{
    font-family: var(--font-family-regular);
}

.lp-template h1::after,
.lp-template h1::before,
.lp-template h2::after,
.lp-template h2::before{
    display: none;
}

.lp-template .theme-btn{
    background-color: var(--dark);
    color: var(--light);
}

.lp-template .theme-btn:hover{
    background-color: var(--theme-bg-color);
    color: var(--light);
}

.check-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 30px;
}

.lp-template .form-check{
    position: relative;
}

.lp-template .form-check-label{
    padding-right: 20px !important;
    position: relative;
    top: 3px;
}

.lp-template .form-check-input{
    width: 24px;
    height: 24px;
    border: 1px solid #959595 !important;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.lp-template .form-check-input:checked{
    background-image: url('/uploads/images/pages/check-dot-img1.webp');
    border: 1px solid #95634A;
    background-color: var(--light);
}

.lp-template .form-check-input:focus,
.lp-template .form-check-input:active{
    background-color: var(--light);
    box-shadow: none;
}

.lp-template header{
    position: sticky;
    top: 0;
    left: 0;
    padding: 16px 0;
    width: 100%;
    background-color: var(--light);
    border-bottom: 1px solid #cfcfcf;
    z-index: 99999;
}

.lp-template header .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.lp-template header .logo-img{
    width: 250px;
    height: auto;
    object-fit: contain;
    transition: .2s;
}

.lp-template header .logo-img-small{
    width: 180px;
}

.lp-template header .mobile-num-btn{
    display: flex;
}

.lp-template header .mobile-num{
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--dark);
    padding: 12px 20px;
    border-radius: 5px;
    transition: .3s;
}

.lp-template header .mobile-num:hover{
    background-color: var(--theme-bg-color);
}

.lp-template header .mobile-num p{
    font-size: var(--font-size-md-4);
    line-height: var(--line-heights-sm);
    color: var(--light);
    transition: .3s;
}

.lp-template header .mobile-num .icon{
    color: var(--light);
    font-size: var(--font-size-icon-sm);
    transition: .3s;
}

.lp-template header .mobile-num:hover p,
.lp-template header .mobile-num:hover .icon{
    color: var(--light);
}

.lp-template .banner-img-main{
    position: relative;
    overflow: hidden;
}

.lp-template .banner-img-main .banner-img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

.lp-template .about-us-sec{
    position: relative;
    margin: 30px 0;
}

.lp-template .about-us-sec .wrapper{
    text-align: center;
}

.lp-template .about-us-sec .wrapper h1{
    color: var(--dark);
    font-family: var(--font-family-regular);
}

.lp-template .about-us-sec .wrapper h1::after,
.lp-template .about-us-sec .wrapper h1::before{
    display: none;
}

.lp-template .about-us-sec .about-text{
    margin-top: 10px;
}

.lp-template .about-us-sec .about-text p{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: #575757;
}

.lp-template .about-us-sec .about-text p:not(:last-child){
    margin-bottom: 16px;
}

.lp-template .about-us-sec2{
    position: relative;
    margin: 30px 0;
    padding: 30px 0;
    background-color: #E4E7E7;
}

.lp-template .about-us-sec2 .wrapper{
    position: relative;
}

.lp-template .about-us-sec2 .wrapper h2{
    display: block;
    color: var(--dark);
    text-align: center;
    margin: 0;
}

.lp-template .about-us-sec2 .wrapper h2::after,
.lp-template .about-us-sec2 .wrapper h2::before{
    display: none;
}

.lp-template .about-us-sec2 .about-text{
    margin-top: 0;
}

.lp-template .about-us-sec2 .about-text *{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: #575757;
    text-align: right;
}

.lp-template .about-us-sec2 .about-text p{
    position: relative;
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: #575757;
    padding-right: 30px !important;
}

.lp-template .about-us-sec2 .about-text p:not(:last-child){
    padding: 16px;
}

.lp-template .about-us-sec2 .about-text p:last-child{
    padding-top: 16px;
}

.lp-template .about-us-sec2 .about-text p::after{
    content: "";
    position: absolute;
    right: 0;
    top: 26px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #575757;
}

.lp-template .product-sec{
    margin: 30px 0;
    position: relative;
}

.lp-template .product-sec .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.lp-template .product-sec .wrapper h2{
    margin: 0;
}

.lp-template .product-sec .row{
    gap: 24px 0;
}

.lp-template .product-sec .col-inr{
    border-radius: 35px;
    background-color: var(--light);
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
    transition: .3s;
}

.lp-template .product-sec .col-inr:hover{
    border: 1px solid var(--theme-color);
}

.lp-template .product-sec .product-img{
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 35px 35px 0 0;
}

.lp-template .product-sec .product-content{
    padding: 14px 28px;
    border-radius: 0 0 35px 35px;
    text-align: center;
}

.lp-template .product-sec .prodcut-name{
    font-size: var(--font-size-md-2);
    color: var(--dark);
    font-family: var(--font-family-medium);
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lp-template .product-sec .prodcut-desc{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: var(--dark);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lp-template .product-sec-corner{
    margin: 30px 0;
    position: relative;
}

.lp-template .product-sec-corner .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

.lp-template .product-sec-corner .wrapper h2{
    margin: 0;
}

.lp-template .product-sec-corner .row{
    gap: 24px 0;
}

.lp-template .product-sec-corner .col-inr{
    background-color: var(--light);
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
    transition: .3s;
}

.lp-template .product-sec-corner .col-inr:hover{
    border: 1px solid var(--theme-color);
}

.lp-template .product-sec-corner .product-img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

.lp-template .product-sec-corner .product-content{
    padding: 14px 28px;
    text-align: center;
}

.lp-template .product-sec-corner .prodcut-name{
    font-size: var(--font-size-md-2);
    color: var(--dark);
    font-family: var(--font-family-medium);
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lp-template .product-sec-corner .prodcut-desc{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: var(--dark);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.lp-template .form-main-sec{
    margin: 30px 0;
    position: relative;
}

.lp-template .form-main-sec .wrapper{
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.lp-template .form-main-sec h2{
    margin: 0;
}

.lp-template .form-main-sec .form{
    margin-top: 30px;
    padding: 64px;
    background-color: var(--light);
    border: 1px solid #EBEBEB;
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
    border-radius: 15px;
}

.lp-template .form-main-sec .form .row-inputes{
    gap: 18px 0;
}

.lp-template .form-main-sec .input-otr label{
    display: block;
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: var(--dark);
    font-family: var(--font-family-regular);
    margin-bottom: 6px;
}

.lp-template .form-main-sec label{
    display: block;
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: var(--dark);
    font-family: var(--font-family-regular);
}

.lp-template .form-main-sec .theme-input{
    color: var(--dark);
    border: 1px solid #95634A;
    border-radius: 5px;
}

.lp-template .form-main-sec .theme-input::placeholder{
    color: #B9B9B9;
}

.lp-template .form-main-sec .theme-input:focus{
    box-shadow: 0px 20px 50px rgba(59, 62, 67, 0.05);
}

.lp-template .form-main-sec .row-checkboxes{
    margin: 30px 0;
}

.lp-template .form-main-sec .row-checkboxes p{
    margin-bottom: 20px;
}

.lp-template .check-wrapper .input-otr{
    position: relative;
    padding: 0;
    width: 100%;
    flex: 1;
}

.lp-template .check-wrapper .input-otr label{
    position: absolute;
    top: -32px;
    right: 0;
}

.lp-template .check-wrapper .input-otr .theme-input{
    width: 100%;
}

.lp-template .form-main-sec .row-content{
    padding: 30px 0;
    margin: 0 12px;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.lp-template .form-main-sec .row-content *{
    padding: 0;
}

.lp-template .form-main-sec .action{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.lp-template .form-main-sec .action .theme-btn{
    width: auto;
}

.lp-template .copyright-main{
    margin-top: 80px;
    padding: 15px 0;
    background-color: var(--light);
    border-top: 1px solid #D9D9D9;
}

.lp-template .copyright-main .wrapper{
    text-align: center;
}

.lp-template .copyright-main .copy,
.lp-template .copyright-main .copy .link{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: var(--dark);
    font-family: var(--font-family-medium);
    transition: .3s;
}

.lp-template .copyright-main .copy .link:hover{
    color: var(--theme-bg-color1);
}

.lp-template .copyright-main .copy .slasi-logo{
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    position: relative;
    top: -2px;
}

.input-otr label{
 	position: initial;
    transform: none;
 }

.lp-template header,
.lp-template .copyright-main{
 	display: block;
 }

.lp-template .copyright-main{
    margin-top: 80px;
    padding: 15px 0;
    background-color: var(--light);
}

.lp-template .copyright-main .wrapper{
    text-align: center;
}

.lp-template .copyright-main .copy,
.lp-template .copyright-main .copy .link{
    font-size: var(--font-size-sm);
    line-height: var(--line-heights-sm);
    color: var(--dark);
    font-family: var(--font-family-medium);
}

.lp-template .copyright-main .copy .link:hover{
    color: var(--theme-bg-color1);
}

.lp-template .copyright-main .copy .slasi-logo{
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    position: relative;
    top: -2px;
}

@media (max-width : 992px){
    .lp-template h1{
        font-size: var(--font-size-lg);
        line-height: var(--line-heights-md-1);
    }
    .lp-template h2{
        font-size: var(--font-size-md-2);
        line-height: var(--line-heights-md-3);
    }
    .lp-template .product-sec .prodcut-name{
        font-size: var(--font-size-md-3);
        line-height: var(--line-heights-md-4);
    }
    .lp-template .form-main-sec .form{
        padding: 0;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        border: none;
    }
    .lp-template .form-main-sec .row-checkboxes p,
    .lp-template .form-main-sec .row-checkboxes .check-wrapper{
        padding: 0;
    }
    .lp-template .form-main-sec .row-content{
        margin: 0;
    }
    .lp-template .check-wrapper .input-otr label{
        position: initial;
    }
}

@media (max-width : 576px){
    .lp-template header .logo-img{
        width: 120px;
    }
    .lp-template header .mobile-num{
        padding: 8px 14px;
    }
    .lp-template header .mobile-num p{
        font-size: var(--font-size-xs-1);
        line-height: var(--line-heights-xs-2);
    }
}

/* Lp-Template Css End Here */


.lp-template .form-main-sec .input-otr label{
    position: inherit !important;
    margin: 0 0 6px 0 !important;
    transform: none !important;
    right: 0 !important;
    top: 0 !important;
}

.container{
    max-width: 100%;
    width: 100%;
    padding: 0 50px;
}

@media (max-width : 992px){
    .container{
        padding: 0 12px !important;
    }
    .categories .categories-img{
        height: 300px !important;
    }
}

@media (max-width : 576px){
    .categories .categories-img{
        height: auto !important;
    }
    .footer-main .row{
        padding: 0;
    }
}