/*==========FONTS=============*/
@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationRegular.woff2') format('woff2'),
        url('../fonts/SansationRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/SansationBold.woff2') format('woff2'),
        url('../fonts/SansationBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-SemiBold.woff2') format('woff2'),
        url('../fonts/Sarabun-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Regular.woff2') format('woff2'),
        url('../fonts/Sarabun-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Light.woff2') format('woff2'),
        url('../fonts/Sarabun-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Medium.woff2') format('woff2'),
        url('../fonts/Sarabun-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Thin.woff2') format('woff2'),
        url('../fonts/Sarabun-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Bold.woff2') format('woff2'),
        url('../fonts/Sarabun-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-ExtraLight.woff2') format('woff2'),
        url('../fonts/Sarabun-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

/*==========COMMON START=============*/
body{
    font-family: 'Sansation';
    font-weight: normal;
}
ul{
    margin:0;
    padding:0;
    list-style: none;
}
a{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
}
section{
    padding:80px 0;
}
.common-button{
    display:inline-block;
    width:280px;
    text-align: center;
    height:55px;
    line-height: 58px;
    background: linear-gradient(92.94deg, #a566cc 23.19%, #674188 89.28%);
    color:#fff !important;
    border-radius: 15px;
    font-family: 'Sansation';
    font-weight: 700;
    font-size: 18px;
    text-decoration: none !important;
    transition: all 0.5s ease-in-out;
}
.common-button:hover{
    background: linear-gradient(92.94deg, #674188  23.19%, #a566cc  89.28%);
}
/*==========COMMON END===============*/


/*==========HEADER START=============*/
.menu-wrap{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    padding:20px 0;
}
.logo-holder a{
    display:inline-block;
}
.menu-holder{
    /* width: calc(100% - 206px); */
    text-align: right;
}
.menu-holder>ul{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}
.menu-holder>ul>li:not(:last-child) {
    margin-right: 24px;
    list-style: none;
}
.menu-holder>ul>li>a{
    font-size:16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#000;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
    display:inline-block;
}
.menu-holder>ul>li>a.active{
    font-weight: 700;
}
.menu-holder>ul>li>a.active,
.menu-holder>ul>li>a:hover{
    color:#8441bd;
}
.menu-holder>ul>li.cart>a{
    position:relative;
    padding-right:15px;
}
.menu-holder>ul>li.cart>a>img{
    height:30px;
}
.menu-holder>ul>li.cart>a span{
    position:absolute;
    top:-10px;
    right:0;
    width:25px;
    height:25px;
    background: #8441bd;
    color:#fff;
    font-family: 'Sarabun';
    font-weight: 700;
    font-size: 14px;
    border-radius: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
}
.menu-holder>ul>li.shop-now>a{
    padding: 14px 26px;
    border:1px solid #674188;
    border-radius: 15px;
    color:#674188;
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}
.menu-holder>ul>li.shop-now>a:hover{
    background: linear-gradient(92.94deg, #a566cc 23.19%, #674188 89.28%);
    color:#fff;
}
/*==========HEADER END===============*/


/*==========INDEX START=============*/
.hero-section{
    position: relative;
    padding:32px 0 0 0;
}
.hero-section:after{
    content:'';
    position: absolute;
    right:0;
    top: 45%;
    transform: translateY(-50%);
    background: linear-gradient(22.94deg, #e8d0fc 23.19%, #8441bd 89.28%);
    border-radius: 600px 0px 0px 600px;
    width:43%;
    height: 505px;
}
.hero-section:before{
    content: '';
    position: absolute;
    bottom:65px;
    left:0;
    width: 249px;
    height: 119px;
    background: rgb(244 236 249);
    border-radius:0px  600px 600px 0px;
}
.hero-cont-wrapper{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index:1;
}
.hero-cont-wrapper .text-holder{
    width:50%;
}
.hero-cont-wrapper .text-holder small{
    font-family: 'Sansation';
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    color: #000000;
    display:block;
}
.hero-cont-wrapper .text-holder  span{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    color: #000000;
}
.hero-cont-wrapper .text-holder h1{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 70px;
    /* color: #674188; */
    line-height: 1;
    background: -webkit-linear-gradient(329deg, #000 20.19%, #674188 49.28%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-cont-wrapper .text-holder p{
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.055em;
    line-height: 28px;
    color: #000000;
    margin:50px 0;
}
.hero-cont-wrapper .text-holder .button-holder{
    display:inline-block;
    text-align: center;
}
.hero-cont-wrapper .text-holder .button-holder a{
    display:inline-block;
    width:280px;
    text-align: center;
    height:55px;
    line-height: 55px;
    background: linear-gradient(92.94deg, #a566cc 23.19%, #674188 89.28%);
    color:#fff;
    border-radius: 15px;
    font-family: 'Sansation';
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
.hero-cont-wrapper .text-holder .button-holder a:hover{
    background: linear-gradient(92.94deg, #674188  23.19%, #a566cc  89.28%);
}
.hero-cont-wrapper .text-holder .button-holder p{
    font-size:12px;
    margin:0 0 3px 0;
}
.hero-cont-wrapper .image-holder{
    width:50%;
    text-align: right;
}
.hero-cont-wrapper .image-holder img{
    max-width:100%;
}
.instruction-section .row{
    margin:0 -12.5px;
}
.instruction-section .row .col-lg-4{
    padding:12.5px;
}
.instruction-card{
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    padding:30px;
    min-height:241px;
}
.instruction-card figure{
    margin-bottom:15px;
}
.instruction-card figure figcaption{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #674188;
    margin-top:15px;
}
.instruction-card  p{
    margin:0;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
}
.z-product-section .text-holder h2{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    color: #674188;
    /* background: -webkit-linear-gradient(329deg, #000 20.19%, #674188 49.28%); */
    background: -webkit-linear-gradient(329deg, #000 20.19%, #674188 49.28%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.z-product-section .text-holder>strong{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 38px;
    color: #000000;
}
.z-product-section .text-holder p{
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.055em;
    color: #000000;
    margin-bottom:20px;
}
.z-product-section .text-holder p span{
    color:#674188;
}
.z-product-section .text-holder ul li{
    position:relative;
    padding-left:30px;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.055em;
    color: #000000;
}
.z-product-section .text-holder ul li:not(:last-child){
    margin-bottom:20px;
}
.z-product-section .text-holder ul li:before{
    content:'';
    left:0;
    top:0;
    position: absolute;
    height:18px;
    width:18px;
    background: url('../images/checkmark.png') no-repeat center;
}
.z-product-section .text-holder .link-holder{
    padding-top:30px;
    color:#000;
    font-size:16px;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.055em;
}
.z-product-section .text-holder .link-holder .common-button{
    margin-right:15px;
}
.z-product-section .text-holder .link-holder a{
    color:#674188;
    text-decoration: underline;
    transition: all 0.5s ease-in-out;
}
.z-product-section .text-holder .link-holder a:hover{
    color:#000;
}
.mt-100{
    margin-top:100px;
}
.single-product-section{
    padding-top:0;
    position: relative;
}
.single-product-section>figure{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:auto;
}
.single-product-section>figure img{
    width:100%;
}
.pt-182{
    padding-top:310px;
    text-align: center;
}
.sp-wrap{
    padding-left:125px;
}
.single-product-section .text-holder h2{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    color: #674188;
    background: -webkit-linear-gradient(329deg, #000 20.19%, #674188 49.28%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.single-product-section .text-holder>strong{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 38px;
    color: #000000;
}
.single-product-section .text-holder p{
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.055em;
    color: #000000;
    margin-bottom:20px;
}
.single-product-section .text-holder p span{
    color:#674188;
}
.single-product-section .text-holder ul li{
    position:relative;
    padding-left:30px;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.055em;
    color: #000000;
}
.single-product-section .text-holder ul li:not(:last-child){
    margin-bottom:20px;
}
.single-product-section .text-holder ul li:before{
    content:'';
    left:0;
    top:0;
    position: absolute;
    height:18px;
    width:18px;
    background: url('../images/checkmark.png') no-repeat center;
}
.single-product-section .link-holder{
    padding-top:30px;
    color:#000;
    font-size:16px;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.055em;
    text-align: center;
}
.single-product-section .link-holder a{
    color:#674188;
    text-decoration: underline;
    transition: all 0.5s ease-in-out;
}
.single-product-section .link-holder a:hover{
    color:#000;
}
.mt-50{
    margin-top:50px;
}
.section-heading{
    text-align: center;
    margin-bottom:45px;
}
.section-heading h3{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    color: #FF4C31;
    background: -webkit-linear-gradient(329deg, #000 20.19%, #674188 49.28%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.trending-product-wrapper{
    display:flex;
    flex-wrap:wrap;
}
.trending-product-wrapper:not(:last-child){
    margin-bottom:25px;
}
.trending-product-wrapper .tr-product-card{
    width:25%;
    border:1px solid #B1B1B1;
    padding:30px 15px;
    text-align: center;
}
.trending-product-wrapper .tr-product-card:nth-child(1),
.trending-product-wrapper .tr-product-card:nth-child(2),
.trending-product-wrapper .tr-product-card:nth-child(3){
    border-right: none;
}
.tr-product-card figure{
    height:180px;
    margin-bottom:25px;
}
.tr-product-card figure img{
    height:100%;
    width:auto;
    max-width:100%;
}
.tr-product-card  p{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    margin-bottom:40px;
}
.tr-product-card a{
    display:inline-block;
    background: #FFFFFF;
    border: 0.5px solid #B1B1B1;
    border-radius: 8px;
    height:45px;
    line-height: 45px;
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color:#000;
    width:175px;
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.tr-product-card a:hover{
    border-color:#674188;
    color:#Fff;
    text-decoration: none;
    background:#674188
}
.trending-deals-section .button-holder{
    margin-top:30px;
}
.trending-deals-section .button-holder p{
    font-size: 12px;
    margin: 0 0 3px 0;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.055em;
    line-height: 28px;
    color: #000000;
}
.money-back-section{
    background: #674188;
    background: linear-gradient(92.94deg, #a566cc 23.19%, #674188 89.28%);
}
.money-back-wrap{
    max-width:760px;
    width:100%;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    align-items: center;
}
.money-back-wrap figure{
    width:160px;
}
.money-back-wrap figure img{
    width:100%;
    height:auto;
}
.money-back-wrap .texts{
    width:calc(100% - 160px);
    padding-left:20px;
}
.money-back-wrap .texts h4{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    color: #FFFFFF;
    margin-bottom:10px;
}
.money-back-wrap .texts span{
    border:0.5px solid #fff;
    border-right:0;
    border-left:0;
    display:inline-block;
    padding:5px 0;
    color:#fff;
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
}
.money-back-wrap .texts p{
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    margin:5px 0 0 0;
}
/*==========INDEX END===============*/

/*==========FOOTER START===============*/
.footer-top{
    padding-top:70px;
    padding-bottom:50px;
    background:#fff;
}
.f-logo{
    margin-bottom:25px;
}
.f-logo a{
    display:inline-block;
}
.contact-links li{
    display:flex;
    flex-wrap:wrap;
    align-items: flex-start;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    color: #000000;
}
.contact-links li a{
    color: #000000;
    transition: all 0.5s ease-in-out;
    text-decoration: none;
}
.contact-links li a:hover{
    color:#674188
}
.contact-links li:not(:last-child){
    margin-bottom:10px;
}
.contact-links li span{
    display:inline-block;
    width:20px;
}
.contact-links li p,
.contact-links li address{
    width:calc(100% - 20px);
    margin:0;
    padding-left:5px;
}
.footer-common-box h5{
    font-family: 'Sansation';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    margin-bottom:20px;
}
.footer-common-box ul li:not(:last-child){
    margin-bottom:7px;
}
.footer-common-box ul li a{
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    color: #000000;
}
.footer-common-box:not(:last-child){
    margin-bottom:50px;
}
.footer-common-box p{
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 400;
    color: #000000;
}
.footer-common-box .mt-50{
    margin-top:70px;
}
.footer-copy-right{
    background:#674188;
    padding:15px 0;
}
.footer-copy-right p{
    margin:0;
    font-family: 'Sarabun';
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
}


/* shop page csss starts from here */
:root{
    --color-1: #FF000D;
    --color-2: #000000;
    --color-3: #2C2C2C;
    --color-4: #168B2A;
    --color-5: #1EBA38;
    --color-6: #123E1A;
    --color-white: #ffffff;
    --text-1: "Open Sans", sans-serif;
    --text-2: "Inter", sans-serif;
}

div.ee-shop1{
    background-color: var(--color-1);
    padding:10px 0px;
}
div.ee-shop1 h4{
    color: var(--color-white);
    font-family: var(--text-1);
    font-size: 30px;
    font-weight: 700;
}
div.ee-shop2{
    text-align: right;
    padding-top: 25px;
}
div.ee-shop2 a{
    font-size: 15px;
    font-weight: 700;
    font-family: var(--text-1);
    color: var(--color-1) !important;
}
/* div.ee-shop3{
    border-radius: 13px 13px 0px 0px;
    border: solid 1px #E1E1E1;
} */
div.ee-shop3 p{
    color: #646464;
    font-weight: 500;
    font-family: var(--text-1);
    font-size: 12px;
    margin-bottom: 0px !important;
    padding-top: 15px;
    padding-bottom: 8px;
    padding-left: 8px;
    text-transform: capitalize;
}
a.ee-shop4 {
    cursor: pointer;
    background: #FF000D;
    color: var(--color-white) !important;
    text-align: center;
    font-weight: 600;
    font-family: var(--text-1);
    font-size: 20px;
    padding: 9px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
div.ee-shop3 h4{
    color: var(--color-2);
    font-family: var(--text-1);
    /* background: var(--color-white); */
    font-size: 14px;
    /* padding-left: 8px; */
    /* padding-right:8px; */
    /* padding-top: 10px; */
    /* padding-bottom: 5px; */
    text-transform: capitalize;
    line-height: 24px;
    /* border-top: solid 2px var(--color-2); */
    height: 65px;
    font-weight: 400;
}
div.ee-shop3 h5{
    color: var(--color-2);
    font-weight: 400;
    background: var(--color-white);
    font-size: 25px;
    font-family: var(--text-1);
    /* padding-left: 8px; */
    /* padding-top: 10px; */
    padding-bottom: 14px;
}
.es-makelike-1{
    background: #396DF2;
    color: var(--color-white) !important;
    text-align: center;
    font-weight: 600;
    font-family: var(--text-1);
    font-size: 20px;
    padding: 9px 20px;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: inherit;
    justify-content: center;
    cursor: pointer !important;
}
div.ee-shop3 img{
    height:250px;
    width: 100%;
    object-fit: contain;
    background-color: var(--color-white);
}
div.ee-shop4{
    border: solid 1px #E1E1E1;
    border-radius: 13px;
    padding: 20px 15px;
}
div.ee-shop4 h4{
    color: var(--color-1);
    font-family: var(--text-1);
    font-weight: 700;
    font-size: 24px;
    padding-left: 6px;
    padding-bottom: 10px;
}
a.ee-shop-5{
    font-family: var(--text-1);
    font-weight: 400;
    font-size: 14px;
    padding-left: 6px;
    color: var(--color-2);
    cursor: pointer;
}
a.ee-shop-5.activee{
    background: var(--color-1);
    padding: 5px 6px;
    width: 100%;
    border-radius: 5px;
    display: flex;
    color: var(--color-white);
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}
div.ee-shop4 hr{
    border: solid 1px var(--color-1);
}
.eee-shoppage-1{
    border-right: solid 3px var(--color-1);
    padding: 0 12px;
}
/* .eee-shoppage-2{
    border-right: solid 3px var(--color-1);
    padding: 0px 25px;
} */

.ee-shop-56{
    font-size: 12px;
    color: var(--color-2) !important;
    padding: 0 5px;
    font-family: var(--text-1);
    font-weight: 500;
}
.dropdown-menu.show{
    /* left: -60px !important; */
    text-align: left;
    z-index: 1;
}
.ee-shopage-dropdwnmobile-1 li{border-bottom: solid 1px var(--color-2);}
.ee-shopage-dropdwnmobile a{
    font-family: var(--text-1);
    color: var(--color-1);
    font-size: 15px;
    font-weight: 700;
}
.ee-shopage-dropdwnmobile-1 li a {
    font-size: 12px;
    color: var(--color-2) !important;
    padding: 0 5px;
    font-family: var(--text-1);
    font-weight: 500;
}
.ee-shoppage-displ-nn-check:checked+.ee-shoppage-displ-nn, .ee-shoppage-displ-nn.active, .ee-shoppage-displ-nn.show, .ee-shoppage-displ-nn:first-child:active, :not(.ee-shoppage-displ-nn-check)+.ee-shoppage-displ-nn:active{
    color: var(--color-1);
    font-size: 15px;
    font-weight: 700;
}
.ee-shoppage-displ-nn:hover{color: var(--color-1);}
.ee-shopage-dropdwnmobile-1 li:last-child {
      border-bottom: none; /* Remove border for the last item */
    }

/* new design css for evergreen summit */
div.es-shop-1{
    text-align: center;
}
div.es-shop-1 h4{
    font-family: var(--text-1);
    font-weight: 400;
    font-size: 26px;
    color: var(--color-2);
    text-transform: capitalize;
}
div.es-shop-2 h4{
    font-family: var(--text-1);
    font-weight: 700;
    font-size: 18px; 
    color: var(--color-2);
    text-transform: capitalize;
    width: 50%;
}


div.es-shop-1 h4 i{font-weight: normal;font-size:17px;}
div.es-shop-2{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 20px;
}
.pp-shopage-2{
    background: var(--color-white); 
    border: solid 1px var(--color-2);
    margin-left: 10px;
    width: 100%;
    text-align: left;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.pp-shopage-2:hover{
    border: solid 1px var(--color-2);
}
.pp-shopage-dropdownfilter li a{
    font-family: var(--text-1);
    color: var(--color-2);
    font-size: 15px;
    text-align: left;
}
.ee-shop5{
    font-family: var(--text-1) !important;
    font-weight: 400 !important;
    text-decoration: underline;
    color: var(--color-2) !important;
    background-color: transparent !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 100%;
    display: block;
    
    
    
    
    
    
    !i;
    !;
}

/* product details */
.page-wraper{
    background-color: var(--color-2);
}
.prdctdescription{
    border: solid 4px var(--color-6);
    text-align: left;
    border-radius: 40px;
}
.prdctdescription h1{
    background-color: var(--color-6);
    padding: 20px 15px;
    color: var(--color-white);
    font-family: var(--text-2);
    font-weight: 700;
    font-size: 28px;
    text-transform: capitalize;
    line-height: normal;
    border-radius: 30px 30px 0 0;
}
.prdctdescription p{
    font-family: var(--text-2);
    font-weight: 400;
    font-size: 18px;
    color: var(--color-2);
    padding: 15px 15px;
}
.other_prods {
    background: var(--color-6);
}
.other_prods h1{
    color: var(--color-white);
    font-weight: 700;
    text-align: center;
    font-family: var(--text-2);
    font-size: 30px;
    padding: 15px 0px;
}
.ee-shop3{
    /* width: 250px; */
    /* height: auto; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* margin-bottom: 50px; */
    /* text-align: center; */
}
.es-makelike{
    font-family: var(--text-2);
    color: var(--color-2);
    font-weight: 400;
    font-size: 15px;
    text-decoration: underline !important;
    width: 100%;
    display: block;
    padding: 10px;
    background-color: var(--color-white);
}













/*laptop view*/
@media screen and (min-width: 992px){
    div.ee-shop4{margin-top:25%;}
    .ee-shoppage-lft{ border-left: solid 3px var(--color-1);padding: 0 12px; }
    .ee-productdescriptio-1 {/* width: 17%; */}
    .ee-shoppage-displ-nn{display: none;}
    /* .ee-productdescriptio-2 { width: 75%;} */
    .dropdown-menu.show{width: 22%;}

}



/*tablet*/
@media (min-width: 768px) and (max-width: 991.98px) {
    div.ee-shop4{display: none;}
    .ee-productdescriptio-displ{display: none;}
    .ee-productdetails-3{flex-direction: row;}
    .ee-shopage-dropdwnmobile-2{display: flex;align-items: center;justify-content: space-between;}
    .ee-shoppage-displ-nn{margin-top: 16px;}
    .dropdown-menu.show{width: 33%;}
}



/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    div.ee-shop4{display: none;}
    .ee-productdescriptio-displ{display: none;}
    .ee-productdetails-3{flex-direction: row;}
    .ee-shopage-dropdwnmobile-2{display: flex;align-items: center;justify-content: space-between;}
    .ee-shoppage-displ-nn{margin-top: 16px;}
    .dropdown-menu.show{width: 32%;}
}



/*mobile view*/
@media screen and (max-width: 575px){
    div.ee-shop4{display: none;}
    .ee-productdescriptio-displ{display: none;}
    .ee-productdetails-3{flex-direction: column;}
    .ee-shopage-dropdwnmobile{margin-top:23px;}
    .ee-shopage-dropdwnmobile-2{display: flex;align-items: center;}
    .dropdown-menu.show{width: 66%;}
}

/* product-details page  css*/
div.in-color-v {
            /* background-color: #F4EFE6; */
            padding-top: 25px;
            /* border-radius: 10px; */
        }

        div.in-color-v h5 {
            padding-bottom: 10px;
        }

        div.in-color-v h6 {
            padding-bottom: 15px;
            font-family: var(--text-1);
        }

        div.subscribe-btn {
            align-items: center;
            padding-top: 10px;
            border-top: dashed 1px #168b2a;
            display: flex;
        }

        ul.color-v {
            list-style-type: none;
        }

        ul.color-v img {
            border: 1px solid #168b2a !important;
            border-radius: 100% !important;
            background: #fff;
            width: 100% !important;
        }

        .pro-quantity select {
            background: #ffffff !important;
            border: 1px solid #ffffff !important;
            width: 100% !important;
            border-radius: 5px;
            padding: 10px 15px;
            border-radius: 30px !important;
            margin-bottom: 18px;
            
            
        }

        .pro-quantity h4 a {
            background: #4b73ff !important;
        }

        div.pro-quantity {
            margin-bottom: 0px !important;
        }

        input[type=checkbox],
        input[type=radio] {
            opacity: 1 !important;
        }

        input[type=text]:focus-visible {
            outline: solid 1px #ffffff !important;
            border: solid 1px #fff !important;
        }
         /********Modal**********/
div#success-alert {
    position: fixed;
    top: 0;
    right: 0;
    width: 500px;
    background: #28a745;
    color: #fff;
    text-align: center;
    font-family: 'Sansation';
    text-transform: capitalize;
    font-size: 15px;
    z-index: 99999;
    opacity: 0;
}

#success-alert .close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    border: none !important;
    background-color: transparent !important;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
}

div.ee-productdetail-1{
    /* background-color: #F5F5F5; */
    padding: 0px 20px 20px 22px;
}
.ee-productdetail-1 h5 {
    color: var(--color-white);
    font-family: var(--text-1);
    font-weight: 300;
    font-size: 17px;
}
.ee-productdetail-1 h4 {
    color: var(--color-white);
    font-family: var(--text-2);
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 20px;
}
.ee-productdetail-1 h3 {
    color: var(--color-4);
    font-family: var(--text-2);
    font-weight: 500;
    font-size: 35px;
}
.ee-productdetail-1 p{
    font-family: var(--text-2);
    color: var(--color-white);
    font-weight: 400;
    font-size: 14px;
    padding: 15px 0px;
    /* border-bottom: solid 2px var(--color-4); */
}
.prod_qnty input{
    height: 100% !important;
    width: 70px !important;
    font-size: 20px !important;
    padding: 10px !important;
    text-align: center !important;
    font-family: var(--text-1) !important;
    border: none !important;
    background: var(--color-4);
    color: var(--color-white);
}
.ee-productdetail-2{
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 9px !important;
    box-shadow: 0.81px 0.81px 3.22px 0px rgba(0, 0, 0, 0.25);
    background: var(--color-4);
    color: var(--color-white);
}
.prod_qnty_wrap{width: 100%;/* height: 50px; */}
.prod_quantity h6 {
    font-family: var(--text-2);
    color: var(--color-white);
    font-weight: 300 !important;
    font-size: 18px !important;
}
.ee-productdetails-3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 2px var(--color-4);
    border-top: solid 2px var(--color-4);
    padding: 14px 0px;
}
div.gta-qty label{
    font-family: var(--text-2);
    color: var(--color-white);
    font-weight: 300 !important;
    font-size: 18px !important;
}
.ee-productdetail-select{
    border-radius: 10px !important;
    box-shadow: 0.81px 0.81px 3.22px 0px rgba(0, 0, 0, 0.25);
    /* background: var(--color-4); */
    color: var(--color-white);
    border: solid 1px var(--color-4);
    /* padding: 10px; */
    height: 45px;
}

div.in-color-v ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
div.in-color-v ul li{
    padding: 10px;
}

div.ee-productdetail-1 div.in-color-v div.subscribe-btn p{
    width: 90%;
    font-size: 15px;
    padding-left: 20px;
    font-family: var(--text-1);
}
div.ee-productdetail-1 div.in-color-v div.subscribe-btn .slider{
    border-radius: 30px !important;
}
div.ee-productdetails-4{
    /* background-color: #F5F5F5;
    padding: 30px 20px 20px 22px; */
    margin-top: 15px;
    margin-bottom: 15px;
}
.ee-productdetail-6{
    height: 250px !important;
    width: 100% !important;
    object-fit: contain !important;
}
.ee-productdetail-8{
    border: solid 3px #1EBA38;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    margin-bottom: 20px;
}
div.Prod_details{
    /* display: flex; */
    /* align-items: baseline; */
    /* justify-content: space-between; */
    border-radius: 20px;
    border: solid 3px var(--color-4);
    padding: 20px;
}


.ee-productdescriptio-1 h1 {
    font-family: var(--text-1);
    /* font-size: 18px; */
    font-weight: 600;
}

.ee-productdescriptio-2 p {
    font-size: 13px;
    font-family: var(--text-1);
    line-height: 23px;
}
.top-clr-nav {
    width: 100%;
    height: 7px;
    background: linear-gradient(90.02deg, #57DE7A 7.76%, #0587D0 31.3%, #4631C4 48.01%, #AC55FB 70.84%);
}
.nav-item .first-link{border-bottom: 3px solid #0B36CD !important;}