*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
::selection{
    background-color: var(--msc-theme-black-opacity);
}
@font-face {
    font-family: "poppins-regular";
    src: url("../fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
    font-family: "poppins-italic";
    src: url("../fonts/Poppins/Poppins-Italic.ttf");
}
@font-face {
    font-family: "poppins-medium";
    src: url("../fonts/Poppins/Poppins-Medium.ttf");
}
@font-face {
    font-family: "poppins-semibold";
    src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
}
@font-face {
    font-family: "poppins-bold";
    src: url("../fonts/Poppins/Poppins-Bold.ttf");
}
@font-face {
    font-family: "poppins-light";
    src: url("../fonts/Poppins/Poppins-Light.ttf");
}
@font-face {
    font-family: "stylish-cursive";
    src: url("../fonts/cursive-stylish/ShadowsIntoLight-Regular.ttf");
}
@font-face {
    font-family: "monostat-bold";
    src: url(../fonts/Montserrat/static/Montserrat-ExtraBold.ttf);
}
@font-face{
    font-family: "inter-regular";
    src: url("../fonts/Inter/static/Inter-Regular.ttf");
}
@font-face {
    font-family: "roboto-regular";
    src: url("../fonts/Roboto/static/Roboto-Regular.ttf");
}
@font-face {
    font-family: "roboto-medium";
    src: url("../fonts/Roboto/static/Roboto-Medium.ttf");
}
@font-face {
    font-family: "roboto-semibold";
    src: url("../fonts/Roboto/static/Roboto-SemiBold.ttf");
}
@font-face {
    font-family: "roboto-bold";
    src: url("../fonts/Roboto/static/Roboto-Bold.ttf");
}
@font-face {
    font-family: "roboto-extra-bold";
    src: url("../fonts/Roboto/static/Roboto-ExtraBold.ttf");
}
@font-face {
    font-family: "stylish";
    src: url("../fonts/cursive-stylish/ShadowsIntoLight-Regular.ttf");
}
@font-face {
    font-family: "funky-font1";
    src: url('../fonts/agiven-3d-font/Agiven3DDemoRuderight-nALBg.otf');
}
@font-face {
    font-family: "funky-font2";
    src: url("../fonts/Bungee_Shade/BungeeShade-Regular.ttf");
}
@font-face {
    font-family: "funky-font3";
    src: url('../fonts/Ceviche_One/CevicheOne-Regular.ttf');
}
@font-face {
    font-family: "funky-font4";
    src: url('../fonts/chunky-retro-font/ChunkyRetro-6YmnD.otf');
}
@font-face {
    font-family: "funky-font5";
    src: url('../fonts/m-masiyo-font/Masiyo-JpGBx.otf');
}
@font-face {
    font-family: "funky-font6";
    src: url('../fonts/somteka-font/Somteka-LVG0D.otf');
}
@font-face {
    font-family: "funky-font7";
    src: url("../fonts/Bowlby_One_SC/BowlbyOneSC-Regular.ttf");
}
@font-face {
    font-family: "malabar";
    src: url("../fonts/malabar/DemothemalabarRegular-2vGjX.otf");
}
@font-face {
    font-family: "libre-italic";
    src: url("../fonts/Libre/LibreBaskerville-Italic.ttf");
}
@font-face {
    font-family: "libre-bold";
    src: url("../fonts/Libre/LibreBaskerville-Bold.ttf");
}
@font-face {
    font-family: "libre-regular";
    src: url("../fonts/Libre/LibreBaskerville-Regular.ttf");
}
:root{
    --msc-theme-font-malabar:"malabar";
    --msc-theme-font-libre-italic:"libre-italic";
    --msc-theme-font-libre-bold:"libre-bold";
    --msc-theme-font-libre-regular:"libre-regular";
    --msc-funky-font-theme-funkyagiven: 'funky-font1';
    --msc-funky-font-theme-bungee: 'funky-font2';
    --msc-funky-font-theme-ceviche: 'funky-font3';
    --msc-funky-font-theme-retro: 'funky-font4';
    --msc-funky-font-theme-masiyo: 'funky-font5';
    --msc-funky-font-theme-somteka: 'funky-font6';
    --msc-funky-font-theme-bowlby: 'funky-font7';
    --msc-font-regular:"poppins-regular";
    --msc-font-medium:"poppins-medium";
    --msc-font-semibold:"poppins-semibold";
    --msc-font-bold:"poppins-bold";
    --msc-font-italic:"poppins-italic";
    --msc-font-light:"poppins-light";
    --msc-font-theme-cursive:"stylish-cursive";
    --msc-font-theme-inter:"inter-regular";
    --msc-font-theme-mono-bold:"monostat-bold";
    --msc-font-global-regular:"roboto-regular";
    --msc-font-global-medium:"roboto-medium";
    --msc-font-global-semibold:"roboto-semibold";
    --msc-font-global-bold:"roboto-bold";
    --msc-font-global-extrabold:"roboto-extra-bold";
    --msc-theme-font-stylish-cursive:"stylish";
    --msc-dark: #000000;
    --msc-white:#fff;
    --msc-light-text: #5b5b5b;
    --msc-primary: #fbae15;
    --msc-blue: #075298;
    --msc-theme-danger: #CB2128;
    --msc-light: #BBBDBF;
    --msc-light-grey: #6c6c6c;
    --msc-white: #fff;
    --msc-success: #06c516ec;
    --msc-danger: #c52f06ec;
    --msc-warning: #ffd900ec;
    --msc-light-purple:#c36;
    --msc-med-black:#151515;
    --msc-red: #FF0000;
    --msc-light-color:rgb(244, 244, 244);
    --msc-orange:rgba(255, 68, 0, 0.786);
    --msc-light-opacity:#ffffff16;
    --msc-theme-opacity: #141516d4;
    --msc-theme-black-opacity: #050505c2;
    --msc-border-color:#EFEFEF;
    --msc-theme-light-red: #ff8a8a;
    --msc-theme-gradient:linear-gradient(to left bottom,var(--msc-theme-primary),var(--msc-theme-orange));
    --msc-appoint-gradient:linear-gradient(324deg, #08275a, #2d8c9f);
    --msc-theme-global-dark-blue: #1b2f3e;
    --msc-theme-global-blue: #004461;
    --msc-theme-global-new-blue: #004271;
    --msc-theme-global-lightblue: #0379BE;
    --msc-theme-global-shadow-color: #F0F0F0;
    --msc-theme-global-blue-tone: #D5D5D5;
    --msc-theme-global-grey: #666666;
    --msc-theme-black-shade: #363636;
    --msc-theme-light-grey-tone: #F7F7F7;
    --msc-theme-med-grey-tone: #D9D9D9;
    --msc-theme-light-blue-tone: #F6F9FF;
    --msc-theme-pink-tone: #fff1f1;
    --msc-theme-lightgreen-tone: #F2FFFA;
    --msc-theme-oil-black: #3A3736;
    --msc-theme-gold-pink: #ffdeec;
    --msc-theme-light-gold-pink: #F4E9FF;
    --msc-theme-light-med-blue: #CCF1FF;
    --msc-theme-linear-gradient: linear-gradient(118deg, #3FAC8F, #007d5c); 
    --msc-theme-linear-gradient-tech: linear-gradient(118deg, #ff2d20, var(--msc-danger)); 
    --msc-theme-global-purple: #a2a5df; 
    --msc-theme-footer-color: #F4F4F4;
    --msc-theme-footer-dark-color: rgb(14 25 30);
    --msc-theme-slate-blue: #d2e6fd;
    --msc-theme-light-pink: #ff8fb5;
    --msc-theme-soft-red: #fef3f3;
    --msc-theme-med-light-blue: #43baff;
    --msc-theme-3d-grdient: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    --msc-theme-border-grey: #c7c7c7;
    --msc-theme-bg-html: #e44d26;
    --msc-theme-white-grey: #808080;
    --msc-theme-vanilla-color: #DEE2B1;
    --msc-theme-dark-green:#06362D;
    --msc-theme-extra-light-olive:#a7c6ad;
    --msc-theme-dark-olive:#3E4F44;
    --msc-theme-extra-light-brown:#EEDBBE;
    --msc-theme-brown:#9F684B;
    --msc-theme-royal-green: #096a57;
    --msc-theme-global-gradient-green: linear-gradient(85deg, rgba(153, 194, 126, 1), rgba(23, 149, 178, 1) 100%);
    --msc-theme-global-gradient-blue-tone:linear-gradient(to right, #2e9ce0, #04585e);
    --msc-theme-global-royal-blue: rgb(7, 109, 102);
    --msc-theme-global-text-gradient:linear-gradient(to right, #2e9ce0, #c1ffc1);
    --msc-theme-extra-light-orange: #FFF3E8;
    --msc-theme-global-med-violet: #5352B6;
}
/* site-header */

/* site-header-end */

body{
    overflow-x: hidden;
}
/* header */
.msc-info-section{
    background-color: var(--msc-theme-vanilla-color);
}
.msc-info-main{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 50px;
    padding: 10px;
}
.msc-shipping-headline p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-theme-dark-green);
    font-size: 15px;
}
.msc-address-text{
    font-family: var(--msc-font-global-regular);
    font-size: 15px;
    color: var(--msc-theme-dark-green);
}
.msc-header-logo-section{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.msc-header-section{
    margin: 0px 60px;
    padding: 8px 10px;
}
#header-nav{
    box-shadow: 0px 0px 10px var(--msc-theme-vanilla-color);
}
.msc-main-logo img{
    width: 65px;
    height: auto;
}
.msc-icons-links{
    font-size: 15px;
    background-color: var(--msc-theme-extra-light-olive);
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    margin: 0px 5px;
    color: var(--msc-theme-dark-olive);
}
.msc-icons-links:hover{
    color: var(--msc-theme-dark-green);
}
.msc-list-imp-icons{
    color: var(--msc-white);
    font-size: 17px;
    margin: 0px 2px;
}
.msc-list-imp-icons:hover{
    color: var(--msc-theme-vanilla-color) !important;
}
.msc-main-navbar{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.msc-main-navbar p{
    font-family: var(--msc-font-global-medium);
    font-size: 17px;
    margin: 0px 15px;
}
.msc-main-navbar p a{
    display: inline-block;
    position: relative;
    color: var(--msc-white);
    text-shadow: 0px 0px 3px var(--msc-light);
}
.msc-main-navbar p a::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    border-radius: 26px;
    background-color: var(--msc-white);
    left: 0;
    bottom: -6px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}
.msc-main-navbar p a:hover::after{
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.msc-main-dropdown{
    position: relative !important;
    margin: 10px 0px;
    transition: all .2s linear;
}
.msc-overlay-content{
    display: flex;
    flex-direction: column;
    background-color: var(--msc-theme-light-grey-tone);
    overflow: hidden;
    position: absolute;
    left: 0;
    transform: translateY(18px);
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
}
.msc-overlay-content > a{
    display: flex !important;
    padding: 12px 20px !important;
    width: 200px !important;
    border-bottom: 1px solid var(--msc-light);
    color: var(--msc-theme-oil-black);
    font-family: var(--msc-font-global-medium);
    transition: all .2s linear;
    overflow: hidden;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 1px;
}
.msc-overlay-content > a:hover{
    transform: scale(1.04);
    color: var(--msc-theme-global-royal-blue);
}
.msc-main-dropdown:hover .msc-overlay-content{
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
/* header-end */

/* banner */
.msc-banner-wrapper{
    background-image: url(../images/banners/bg1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100% !important;
    height: 550px;
    position: relative;
    z-index: 99 !important;
}
.msc-main-wrapper{
    width: 100% !important;
    height: 560px;
    position: relative;
}
.msc-banner-image{
    position: absolute;
    top: 0rem;
    right: 1.5rem;
    z-index: 99999 !important;
}
.msc-content-shoes{
    position: absolute;
    top: 4.5rem;
    z-index: 999999 !important;
}
.msc-banner-image img{
    height: 520px;
}
.msc-badge-content p {
    border-radius: 0 !important;
    font-family: var(--msc-font-global-regular) !important;
    font-size: 15px;
    font-weight: 200 !important;
    background-color: #fff;
}
.msc-heading-content h1{
    font-family: var(--msc-font-global-extrabold);
    color: var(--msc-white);
    font-size: 55px;
    line-height: 81px;
}
.msc-heading-content h1 span{
    font-size: 100px !important;
}
.msc-text-content-border{
    height: 4px;
    width: 250px;
    background-color: var(--msc-theme-dark-olive);
    /* border-radius: 20px; */
}
.msc-heading-description{
    width: 500px;
}
.msc-heading-description p{
    color: var(--msc-light-color);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc-banner-shop{
    padding: 14px 40px;
    border: none;
    background-color: var(--msc-theme-royal-green);
    color: var(--msc-white);
    font-family: var(--msc-font-medium);
    font-size: 16px;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 999;
    overflow: hidden;
    outline: 1px solid var(--msc-theme-royal-green);
}
.msc-banner-shop::after{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-dark-green);
    height: 30px;
    width: 20px;
    left: -30px;
    top: -10px;
    transform: rotate(50deg);
    transition: all .3s ease-in-out;
    z-index: 9;
}
.msc-banner-shop::before{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-dark-green);
    height: 30px;
    width: 20px;
    right: -30px;
    bottom: -10px;
    transform: rotate(50deg);
    transition: all .3s ease-in-out;
    z-index: 9;
}
.msc-banner-shop:hover::after{
    width: 100%;
    height: 100px;
    z-index: -1;
}
.msc-banner-shop:hover::before{
    width: 100%;
    height: 100px;
    z-index: -1;
}
.msc-banner-shop:hover{
    color: var(--msc-theme-vanilla-color);
    transform: scale(1.06);
    box-shadow: var(--msc-theme-dark-green) 0px 25px 20px -20px;
    transform: translateY(-5px);
    outline: 1px solid var(--msc-theme-dark-green);
    outline-offset: 5px;
    margin-left: 5px;
}
.msc-banner-wrapper .owl-item.active .msc-banner-image{
    animation: zoomIn ease 1s;
}
.msc-banner-wrapper .owl-item.active .msc-badge-content{
    animation: fadeInDown ease 1s;
}
.msc-banner-wrapper .owl-item.active .msc-heading-description{
    animation: fadeInLeft ease 1s;
}
.msc-banner-wrapper .owl-item.active .msc-price-details{
    animation: zoomIn ease 1s;
}
.heading-banner .owl-dots{
    position: absolute;
    top: 4rem;
    right: 2rem;
    display: flex;
    flex-direction: column ;
}
.heading-banner .owl-dot button{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: white !important;
    padding: 7px 16px;
    border-radius: 50%;
    margin-top: 10px;
    border: none;
    width: 65px;
    height: 65px;
    transition: all .2s ease-in-out;
}
.heading-banner .owl-dot.active button{
    border: 2px solid var(--msc-theme-dark-olive) !important;
    outline: 5px solid var(--msc-white);
}
.heading-banner .owl-dot button img{
    width: 60px;
    height: auto;
}
.msc-banner-image img{
    animation: topdown 4s ease-in-out infinite;
}
@keyframes topdown {
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(-5px);
    }
    50%{
        transform: translateY(5px);
    }
    75%{
        transform: translateY(-5px);
    }
    100%{
        transform: translateY(0px);
    }
}
/* banner-end */

/* category */
.msc-category-design{
    padding: 70px 0px;
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    /* background-image: linear-gradient(45deg, #98D8FF, #2D6CDF); */
    /* background-image: linear-gradient(162deg, #81C784, #086b5b); */
}
.msc-category-text-wrapper{
    position: relative;
}
.msc-category-text-wrapper h2{
    font-family: var(--msc-funky-font-theme-funkyagiven);
    font-size: 45px;
    color: var(--msc-theme-oil-black);
}
/* .msc-category-text-wrapper h2 span{
    color: var(--msc-theme-dark-olive);
} */
.msc-category-text-wrapper::after{
    content: "";
    position: absolute;
    height: 70px;
    width: 70px;
    background-color: var(--msc-theme-royal-green);
    opacity: 0.4;
    border-radius: 50%;
    top: -1rem;
    left: -1rem;
    animation: updown 5s ease infinite;
    z-index: -1;
}
.msc-category-text-wrapper::before{
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: var(--msc-theme-royal-green);
    opacity: 0.4;
    border-radius: 50%;
    top: -2rem;
    left: -2.4rem;
    animation: downup 5s ease infinite;
    z-index: -1;
}
@keyframes updown {
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(-2px);
    }
    50%{
        transform: translateY(2px);
    }
    75%{
        transform: translateY(-2px);
    }
    100%{
        transform: translateY(0px);
    }
}
@keyframes downup {
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(2px);
    }
    50%{
        transform: translateY(-2px);
    }
    75%{
        transform: translateY(2px);
    }
    100%{
        transform: translateY(0px);
    }
}
.msc-category-outer-wrapper{
    margin-top: 30px; 
    transition: all .2s ease-in;
}
.msc-cat-box{
    /* padding: 20px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
    /* background-color: var(--msc-theme-extra-light-brown); */
    position: relative;
    z-index: 9;
}
.msc-category-outer-wrapper:hover{
    box-shadow: rgba(161, 161, 161, 0.24) 0px 25px 20px -20px;
    transform: translateY(-5px);
}
.msc-cat-box::before{
    content: "";
    position: absolute;
    background-color: var(--msc-white);
    border-radius: 0px 50px 50px 0px;
    height: 30px;
    width: 15px;
    z-index: 123;
}
.msc-cat-box::after{
    content: "";
    position: absolute;
    background-color: var(--msc-white);
    border-radius: 50px 0px 0px 50px;
    height: 30px;
    width: 15px;
    right: 0;
    z-index: 123;
}
.msc-cat-des{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.msc-cat-icon img{
    padding: 27px 22px;
    padding-left: 26px;
    width: 100px !important;
    font-size: 50px;
    color: var(--msc-theme-med-light-blue);
    animation: zoomout 2s linear infinite;
}
@keyframes zoomout {
    0%{
        transform: scale(1);
    }
    40%{
        transform: scale(1.05);
    }   
    60%{
        transform: scale(1.09);
    }
    80%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(1);
    }
}
.msc-cat-heading h2{
    color: var(--msc-theme-oil-black);
    font-family: var(--msc-font-global-medium);
    font-size: 25px;
}
.msc-cat-heading p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-medium);
    font-size: 15px;
}
.msc-cat-icon::after{
    content: "";
    position: absolute;
    border: 2px dashed var(--msc-white);
    height: 100%;
    top: 0;
}
.msc-catwise-shop p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-medium);
    font-size: 14px;
    border-left: 2px solid var(--msc-light-text);
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
/* category-end */

/* unique-collection */
.msc-collection-unique{
    background-color: var(--msc-theme-light-blue-tone);
    background-image: url(../images/animated-bg.svg);
    background-attachment: fixed;
    padding: 40px 0px;
    margin: 0px;
    position: relative;
    z-index: 99;
    overflow: hidden;
}
.msc-collection-unique::after{
    content: "";
    position: absolute;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background-color: var(--msc-theme-light-med-blue);
    filter: blur(25px);
    top: 1rem;
    left: -3rem;
    z-index: -1;
    animation: motion 2s linear infinite;
}
.msc-collection-unique::before{
    content: "";
    position: absolute;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    background-color: var(--msc-theme-extra-light-brown);
    filter: blur(25px);
    bottom: -1rem;
    right: -3rem;
    z-index: -1;
    animation: motionleft 9s linear infinite;
}
@keyframes motion {
    0% {
        transform: translateX(-100px) rotate(-10deg); /* Start from the left */
    }
    50% {
        transform: translateX(200px) rotate(10deg); /* Move to the right */
    }
    100% {
        transform: translateX(0) rotate(0deg); /* Return to the center */
    }
}
@keyframes motionleft {
    0% {
        transform: translateX(100px) rotate(-10deg); /* Start from the left */
    }
    50% {
        transform: translateX(-200px) rotate(10deg); /* Move to the right */
    }
    100% {
        transform: translateX(0) rotate(0deg); /* Return to the center */
    }
}

.msc-collection-text-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.msc-badge-content-collection p {
    font-size: 19px;
    font-family: var(--msc-funky-font-theme-masiyo);
    color: var(--msc-white);
    border-radius: 0;
    padding: 7px 25px;
}
.msc-collection-text-wrapper h2{
    font-family: var(--msc-funky-font-theme-ceviche);
    font-size: 70px;
    color: var(--msc-med-black);
}
.msc-more-collection button i{
    color: var(--msc-white);
}
.msc-3d-view-text{
    font-family: var(--msc-funky-font-theme-bungee) !important;
    font-size: 50px !important;
}
.msc-new-heading-3d{
    font-size: 30px !important;
    font-family: var(--msc-funky-font-theme-masiyo) !important;
    color: var(--msc-white) !important;
}
.msc-description-3d-model p {
    color: var(--msc-white) !important;
}
.msc-more-collection button{
    background-color: var(--msc-white);
    border: 1px solid var(--msc-theme-royal-green);
    border-radius: 40px;
    padding: 15px 30px;
    font-family: var(--msc-font-global-medium);
    position: relative;
    z-index: 99;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
.msc-more-collection button::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: var(--msc-theme-royal-green);
    border-radius: 50%;    
    right: 0.7rem;
    top: 0.4rem;
    transition: all .2s linear;
    z-index: -1;
    opacity: 0.8;
}
.msc-more-collection button:hover::after{
    width: 110%;
    opacity: 1;
    height: 90px;
    top: -1rem;
    right: -0.8rem;
    border-radius: 10%;    
}
.msc-more-collection button:hover{
    color: var(--msc-white);
    transform: scale(1.04);
}
.msc-collection-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 25px 0px;
    height: 360px;
}
.msc-collection-card-image{
    position: relative;
    transition: all .3s ease;
}
.msc-collection-card-image:hover{
    transform: translateY(-10px);
    box-shadow: rgba(0, 0, 0, 0.508) 0px 3px 12px;
}
.msc-collection-card-image:hover .msc-overlay-product img{
    transform: translateY(-8px);
    animation: rotate .2s linear;
    filter: drop-shadow(rgba(199, 199, 199, 0.422) 0.5rem 0.5rem 1rem);
}
@keyframes quickRotate {
    0% {
        transform: rotateY(0deg);
    }
    40% {
        transform: rotateY(10deg);
    }
    70% {
        transform: rotateY(-10deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}

.msc-collection-card-image img{
    width: 100% !important;
    height: 340px !important;
    transition: all .2s ease;
    overflow: hidden;
}
.msc-collection-card:hover .msc-collection-card-image{
    transform-style: preserve-3d;
    transform: perspective(90px) translateY(-14px) rotateX(2deg) scale(1.01);
} 
.msc-collection-card:hover .msc-collection-card-image img{
    transform: scale(1.02);
}
.msc-overlay-product{
    position: absolute;
    top: 0.2rem;
    z-index: 9999 !important;
    text-align: center;
}
.msc-overlay-product img{
    transform: scale(0.9);
    height: 270px !important;
    width: 300px !important;
    object-fit: contain;
    transition: all .5s ease-in-out;
}
.msc-card-tag button{
    background-color: var(--msc-white);
    border: none;
    font-family: var(--msc-font-global-medium);
    font-size: 16px;
    padding: 12px 30px;
    position: relative;
    overflow: hidden;
    z-index: 123;
    transition: all .2s linear;
}
.msc-card-tag button::after{
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: var(--msc-theme-dark-olive);
    top: -1rem;
    left: -1rem;
    transition: all .2s linear;
}
.msc-card-tag button:hover::after{
    width: 150%;
    height: 120%;
    z-index: -1;
}
.msc-card-tag button:hover{
    color: var(--msc-white);
    transform: translateY(-4px);
}
.msc-sliding-text{
    margin-bottom: 0px;
    padding: 9px 40px;
    border-top: 2px solid var(--msc-theme-extra-light-olive);
    border-bottom: 2px solid var(--msc-theme-extra-light-olive);
    background-color: var(--msc-theme-lightgreen-tone);
}
.msc-slide-text{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.msc-icon-slider-txt {
    background-color: var(--msc-theme-royal-green);
    border-radius: 50%;
    margin: 0px 10px;
    padding: 5px;
    position: relative;
    outline: none;
}

.msc-icon-slider-txt::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    outline: 2px dashed var(--msc-theme-royal-green);
    outline-offset: 2px;
    border-radius: 50%;
    animation: rotateslide 9s linear infinite;
    z-index: -1;
}

.msc-slider-icon {
    height: 40px;
    width: 42px;
    padding: 8px;
}

@keyframes rotateslide {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.msc-text-wrppper-slider{
    font-size: 72px;
    background: var(--msc-theme-global-gradient-green);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  
    font-size: 30px;
    font-family: var(--msc-funky-font-theme-bowlby);
    margin: 0px 20px;
}
.msc-text-wrppper-slider::after{
    content: "";
    position: absolute;
    height: 40px;
    /* width: 20px; */
    margin: 0px 15px;
    top: 0.3rem;
    border-right: 2px solid var(--msc-theme-dark-olive);
}
/* unique-collection-end */

/* popular-products */
.msc-popular-products{
    padding: 80px 0px;
    position: relative;
    /* background-image: linear-gradient(135deg, #74ebd5 0%, #ACB6E5 100%); */
}
.msc-tabs-wrapper-outside{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 20px 0px;
}
.msc-main-tab-btn{
    position: relative;
}
.msc-border-pills::after{
    content: "";
    position: absolute;
    border-bottom: 2px solid var(--msc-theme-extra-light-olive);
    height: 20px;
    width: 125%;
    left: -1.5rem;
}
.msc-main-tab-btn::before{
    content: "";
    position: absolute;
    border-left: 2px solid var(--msc-theme-extra-light-olive);
    height: 180%;
    width: 110%;
    top: -0.5rem;
    left: 0rem;
}
ul li:nth-last-of-type(1)::after{
    content: "";
    position: absolute;
    border-right: 2px solid var(--msc-theme-extra-light-olive);
    height: 180%;
    width: 110%;
    top: -0.5rem;
    right: -0.2rem;
}
.msc-tab-pills-btn{
    background-color: transparent !important;
    color: var(--msc-theme-royal-green) !important;
    border: 2px solid var(--msc-theme-royal-green) !important;
    font-family: var(--msc-font-global-medium);
    font-size: 19px;
    margin: 0px 15px;
    border-radius: 40px!important;
    width: 170px;
    padding: 10px !important;
    position: relative;
    overflow: hidden;
    z-index: 99;
    transition: all .3s linear;
    outline: 1px solid var var(--msc-theme-royal-green);
}
.msc-tab-pills-btn:hover{
    color: var(--msc-white) !important;
    transform: scale(1.03);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.msc-tab-pills-btn::after{
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: var(--msc-theme-royal-green);
    top: -6rem;
    left: -6.5rem;
    transform: rotate(120deg);
    transition: all .3s ease-in-out;
}
.msc-tab-pills-btn::before{
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: var(--msc-theme-royal-green);
    bottom: -6rem;
    right: -6.4rem;
    transform: rotate(120deg);
    transition: all .3s ease-in-out;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--msc-white) !important;
    background-color: var(--msc-theme-royal-green) !important;
}
.msc-tab-pills-btn:hover::after{
    width: 100%;
    height: 200px;
    z-index: -1;
}
.msc-tab-pills-btn:hover::before{
    width: 100%;
    height: 200px;
    z-index: -1;
}
.msc-tab-pills-btn:active{
    background-color: var(--msc-theme-royal-green) !important;
    color: var(--msc-white) !important;
    position: relative;
    z-index: 999;
}
.msc-tabs-content-wrapper{
    margin: 50px 0px 30px 0px;
}
.msc-wrapper-card{
    margin: 20px 0px;
    display: flex;
    flex-direction: column;
    position: relative;
    border-bottom: 4px solid #E6F0DC;
    border-bottom-right-radius: 35px;
    border-bottom-left-radius: 35px;
    transition: all .2s ease-in-out;
}
.msc-wrapper-card:hover{
    transform: translateY(-5px);
    border-bottom: 4px solid var(--msc-theme-royal-green);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.msc-wrapper-card:hover .msc-discount-products{
    animation: zoomproduct 2s linear infinite;
}
@keyframes zoomproduct {
    0%{
        transform: scale(1.01);
    }
    50%{
        transform: scale(1.04);
    }
    100%{
        transform: scale(1.01);
    }
}
.msc-discount-products{
    position: absolute;
    background-color: #E6F0DC;
    height: 50px;
    width: 125px;
    right: 0rem;
    border-radius: 25px;
    z-index: 999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.msc-discount-products p{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    outline: 1px solid var(--msc-white);
    border-radius: 25px;
    padding: 8px 17px;
}
.msc-discount-products p span{
    animation: zoomproduct 2s linear infinite;
    transform: scale(1.09);
}
@keyframes zoomproduct {
    0%{
        transform: scale(1.01);
    }50%{
        transform: scale(1.09);
    }100%{
        transform: scale(1.01);
    }
}
.msc-logo-name{
    display: flex;
    flex-direction: row;
   align-items: center;
   background-color: #E6F0DC;
   padding: 15px 15px 15px 20px;
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
   position: relative;
   width: max-content;
   z-index: 999;
}
.msc-logo-name img{
    width: 30px !important;
    height: auto !important;
}
.msc-logo-name p{
    font-family: var(--msc-font-global-medium);
    font-size: 19px; 
    color: var(--msc-theme-royal-green);
}
.msc-logo-name::after{
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #E6F0DC;
    bottom: 0;
    right: -1.5rem;
    z-index: -1;
}
.msc-logo-name::before{
    content: "";
    position: absolute;
    height: 38px;
    width: 38px;
    background-color: #8cd5dc;
    border-bottom-left-radius: 50%;
    right: -2.399rem;
    bottom: 0rem;  
    z-index: 1;
}
.msc-inside-wrapper-card{
    background-color: #E6F0DC;
    border-radius: 30px;
    border-top-left-radius: 0px;
    padding: 10px;
    width: 100%;
}
.msc-product-image-wrapper{
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 250px !important;
    overflow: hidden;
}
.msc-product-image-wrapper img {
    width: 100% !important;
    height: auto !important;
    padding: 36px;
    object-fit: contain;
    position: relative;
    z-index: 99;
    aspect-ratio: 4/4;
    margin-top: 0px;
}
.msc-bg-blur{
    position: absolute;
    background-color: rgba(255, 255, 255, 0.47);
    /* background-color: var(--msc-theme-extra-light-olive); */
    backdrop-filter: blur(90px);
    padding: 40px;
    width: 100%;
    border-radius: 25px;
    height: 100%;
    z-index: 1;
    border: 1px solid var(--msc-border-color);
}
.msc-product-content-wrapper{
    text-align: center;   
    margin-top: 20px;
}
.msc-all-product-name{
    font-family: var(--msc-font-global-bold);
    font-size: 23px;
    color: var(--msc-theme-oil-black);
}
.msc-all-product-name-des{
    color: var(--msc-light-text);
    font-size: 14px;
    font-family: var(--msc-font-medium);
}
.msc-product-price{
    font-size: 17px;
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
}
.msc-product-price span{
    background-color: var(--msc-white);
    padding: 5px 16px;
    border-radius: 20px;
    font-size: 14px;
    color: var(--msc-theme-royal-green);
}
/* .msc-best-price-badge{
    background-color: var(--msc-theme-royal-green);
    color: var(--msc-white);
    font-family: var(--msc-font-regular);
    padding: 4px 7px;
    font-size: 12px;
} */
.msc-buy-now-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 10px;
    /* padding: 5px 6px 5px 6px; */
    position: relative;
}
.msc-buy-now-wrapper::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    border-top: 2px solid var(--msc-white);
}
.msc-buy-opt{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.msc-buy-opt p{
    background-color: var(--msc-theme-dark-olive);
    padding: 10px 14px;
    border-radius: 50px;
    font-size: 16px;
    text-align: center;
    color: var(--msc-white);
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.msc-buy-opt p::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--msc-theme-extra-light-olive);
    left: 0.8rem;
    border-radius: 50px;
    transition: all .2s linear;
    visibility: hidden;
}
.msc-buy-opt p:hover::after{
    visibility: visible;
    transform: scale(3);
    z-index: -1;
}
.add-to-cart{
    border: none;
    background-color: transparent;
}
.msc-buy-opt p:hover{
    color: var(--msc-theme-oil-black);
}
.msc-by-product{
    border: 2px solid var(--msc-theme-royal-green);
    border-radius: 50px;
    font-family: var(--msc-font-global-regular);
    padding: 8px 16px;
    background: transparent;
    color: var(--msc-theme-royal-green);
    position: relative;
    overflow: hidden;
    z-index: 9;
    transition: all .2s linear;
}
.msc-by-product::after{
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    right: 0;
    background-image: var(--msc-theme-global-gradient-green);
    top: 0;
    border-bottom-left-radius: 30px;
    transition: all .2s linear;
    visibility: hidden;
    opacity: 0;
}
.msc-by-product:hover::after{
    visibility: visible;
    width: 100%;
    opacity: 1;
    height: 120%;
    z-index: -1;
}
.msc-by-product:hover{
    transform: translateY(-2px) scale(1.01);
    color: var(--msc-white);
}
.msc-view-360 {
    margin-top: 10px;
}
.msc-view-360 button{
    padding: 9px 16px;
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    border-radius: 30px;
    border: none;
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: var(--msc-theme-royal-green);
    color: var(--msc-white);
}
.msc-360-deg-icon{
    height: 25px;
    width: 25px;
    animation: rotate360 5s linear infinite;
}
@keyframes rotate360 {
    0%{
        transform: rotateY(0deg);
    }
    50%{
        transform: rotateY(360deg);
    }
    100%{
        transform: rotateY(0deg);
    }
}
.msc-wishlist-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 999;
    left: -5rem;
    top: 0.3rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.msc-wishlist-section button{
    background-color: var(--msc-white);
    /* color: var(--msc-theme-oil-black); */
    border: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: 4px 0px;
    text-align: center;
    color: var(--msc-red);
    align-items: center;
    transition: all .2s linear;
}
.msc-wishlist-section button:hover{
    transform: scale(1.03);
}
.msc-wishlist-section button:nth-child(2){
    color: var(--msc-theme-royal-green);
}
.msc-wrapper-card:hover .msc-wishlist-section{
    left: 0.7rem;
    visibility: visible;
    opacity: 1;
}
.msc-tag-after{
    color: var(--msc-white);
    padding: 2px 8px;
    font-family: var(--msc-font-global-regular);
    background-color: var(--msc-theme-oil-black);
    border: none;
    font-size: 13px;
    width: max-content;
    position: absolute;
    left: 2.5rem;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.msc-tag-after::after{
    content: "";
    position: absolute;
    /* width: 0px;
    height: 0px; */
    left: -0.6rem;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent var(--msc-theme-oil-black) transparent transparent; 
}
.msc-wishlist-section button:hover .msc-tag-after{
    visibility: visible;
    opacity: 1;
}
.msc-product-image-wrapper .product-images .owl-dot button{
    display: flex !important;
    flex-direction:row !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0px 4px;
}
.msc-product-image-wrapper .product-images .owl-dots{
    position: absolute;
    /* top: 0; */
    bottom: -0.5rem;
    left: calc(300px - 215px);
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in;
}
.msc-product-image-wrapper .product-images .owl-dot button{
    background-color: var(--msc-white) !important;
    border:2px solid var(--msc-theme-extra-light-olive) !important;
    border-radius: 5px;
}
.msc-product-image-wrapper .product-images .owl-dot button img{
    border: var(--msc-theme-royal-green) !important;
    height: 40px !important;
    width: 40px !important;
    text-align: center;
    padding: 3px !important;
    margin: 0 !important;
}
.msc-product-image-wrapper .product-images .owl-dot.active button{
    border:2px solid var(--msc-theme-royal-green) !important;
}
.msc-wrapper-card:hover .msc-product-image-wrapper .product-images .owl-dots{
    visibility: visible;
    opacity: 1;
    bottom: 0.2rem;
}
.owl-carousel.owl-loaded{
    display: block !important;
}
.msc-all-products{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.msc-all-products button {
    background-color: white;
    color: var(--msc-theme-oil-black);
    border-radius: 10em;
    font-size: 17px;
    font-family: var(--msc-font-global-medium);
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--msc-theme-oil-black);
    box-shadow: 0 0 0 0 black;
  }
  
.msc-all-products button:hover {
    transform: translateY(-4px) translateX(-2px);
    box-shadow: 2px 5px 0 0 black;
};
/* popular-products-end */

/* hoddie-3d-modal */
.msc-3d-model-content{
    display: flex;
    flex-direction: column;
}
.msc-3d-model-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.msc-3d-img{
    width: 600px !important;
    height: auto !important;
}
.msc-description-3d-model{
    width: 380px;
}
.msc-ar-3d-text{
    font-family: var(--msc-funky-font-theme-funkyagiven) !important;
    font-size: 30px !important;
}
/* .msc-model-color-ar-des p{
    color: var(--msc-theme-oil-black) !important; 
} */
.msc-3d-model-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 550px;
}
.msc-description-3d-model p{
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    color: var(--msc-light-text);
}
.msc-3d-model-buy-now button{
    border: none;
    color: var(--msc-theme-global-royal-blue);
    padding: 12px 40px;
    border-radius: 50px;
    font-size: 17px;
    font-family: var(--msc-font-global-regular) !important;
}

.animated-button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 16px 36px;
    border: 4px solid;
    border-color: transparent;
    font-size: 16px;
    background-color: inherit;
    border-radius: 100px;
    font-weight: 600;
    color: rgb(7, 109, 102);
    box-shadow: 0 0 0 2px rgb(7, 109, 102);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .animated-button svg {
    position: absolute;
    width: 24px;
    fill:  rgb(7, 109, 102);
    z-index: 9;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .animated-button .arr-1 {
    right: 20px;
  }
  
  .animated-button .arr-2 {
    left: -25%;
  }
  
  .animated-button .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    /* background-color: ; */
    background: linear-gradient(to right, #2e9ce0, #04585e);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .animated-button .text {
    position: relative;
    z-index: 1;
    transform: translateX(-12px);
    transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  }
  
  .animated-button:hover {
    box-shadow: 0 0 0 12px transparent;
    color: var(--msc-white);
    border-radius: 12px;
  }
  
  .animated-button:hover .arr-1 {
    right: -25%;
  }
  
  .animated-button:hover .arr-2 {
    left: 16px;
  }
  
  .animated-button:hover .text {
    transform: translateX(12px);
  }
  
  .animated-button:hover svg {
    fill: var(--msc-white);
  }
  
  .animated-button:active {
    scale: 0.95;
    box-shadow: 0 0 0 2px rgb(7, 109, 102);
  }
  
  .animated-button:hover .circle {
    width: 220px;
    height: 220px;
    opacity: 1;
  }
  .msc-3d-view-text{
    font-family: var(--msc-font-global-bold);
    background: var(--msc-theme-global-text-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  
}
.msc-whislist-now a{
    background-color: var(--msc-theme-footer-color);
    padding: 10px 15px; 
    font-size: 18px;
    color: var(--msc-red);
    border-radius: 50%;
    display: inline-block;
    margin-top: 1px;
    margin-right: 10px;
    transition: all .2s linear;
    animation: wishlistzoom 2s linear infinite;
}
@keyframes wishlistzoom {
    0%{
        transform: scale(1.01px);
    }50%{
        transform: scale(1.08);
    }100%{
        transform: scale(1.01);
    }
}
.msc-3d-modal-view{
    margin: 10px 0px;
    position: relative;
    z-index: 9;
}
.msc-3d-modal-view::after{
    content: "";
    position: absolute;
    height: 500px;
    width: 400px;
    background-image: url(../images/pattern.webp);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    z-index: -1;
}
.msc-svg-animation{
    width: 100% !important;
    /* height: 200px; */
    position: absolute;
    object-fit: contain;
    bottom: 0;
    left:0;
    z-index: -1;
}
canvas{
    cursor: grab !important;
}
#hoddie{
    width: 700px !important;
    height: 650px;
}
#shoes{
    width: 650px !important;
    height: 640px;
}
/* hoddie-3d-modal-end */

/* main-video-section */
.msc-shoes-video{
    margin: 90px 0px 50px 0px;
}
.msc-video-wrapper-main{
    position: relative;
    overflow: hidden;
}
.msc-video-wrapper-main::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #453f3f5b;
    top: 0;
    left: 0;
    z-index: 9;
}
.msc-video-wrapper-main video{
    width: 100% !important;
    height: 620px;
    background-blend-mode: darken;
    background-color: #545454a0;
    position: relative;
    /* z-index: -1; */
}
.msc-overlay-content-video{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 8rem;
    z-index: 99999;
}
.msc-tag-video p{
    font-size: 17px;
    letter-spacing: 2px;
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
}
.msc-heading-video h2{
    font-family: var(--msc-font-global-extrabold);
    font-size: 50px;
    color: var(--msc-white);
    letter-spacing: 1.5px;
    margin: 10px 0px;
}
.msc-des-video{
    width: 800px;
}
.msc-des-video p{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px !important;
    text-align: center;
    padding: 0px 60px;
    font-family: var(--msc-font-global-regular) !important;
}
.msc-video-shop{
    background-color: var(--msc-theme-extra-light-brown);
    border: none;
    color: var(--msc-theme-oil-black);
    font-family: var(--msc-font-global-medium);
    padding: 12px 40px;
    position: relative;
    z-index: 99;
    overflow: hidden;
    border: 2px solid var(--msc-theme-extra-light-brown);
    transition: all .3s ease-in-out;
}
.msc-video-shop:hover{
    background-color: transparent !important;
    color: var(--msc-white);
}
.msc-video-shop:hover::after{
    width: 0;
    height: 0;
}
.msc-video-shop:hover::before{
    width: 0;
    height: 0;
}
.msc-video-shop::after{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-extra-light-brown);
    height: 110px;
    width: 100px;
    transform: rotate(38deg);
    top: -1rem;
    right: -0.8rem;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.msc-video-shop::before{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-extra-light-brown);
    height: 110px;
    width: 100px;
    transform: rotate(38deg);
    bottom: -1rem;
    left: -0.8rem;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.msc-sale-start{
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
    font-size: 16px;
}
.msc-timer{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.msc-time-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 6px 10px;
    background-color: var(--msc-light-opacity);
    border: 1px solid var(--msc-theme-light-grey-tone);
    backdrop-filter: blur(10px);
    width: 68px;
    height: 65px;
    border-radius: 10px;
    animation: fadeInOut 2s ease-in-out infinite;
}
@keyframes fadeInOut {
    0% {
        background-color: var(--msc-light-opacity);
    }
    50% {
        background-color: var(--msc-theme-extra-light-brown);
    }
    100% {
        background-color: var(--msc-light-opacity);
    }
}
.msc-time-box span{
    color: var(--msc-white);
    opacity: 1 !important;
}
.msc-svg-animation-shoes{
    position: absolute;
    top: 0;
    right: 2rem;
    width: 600px;
    height: 600px;
    z-index: -1;
}
.msc-shoe-3d-model-wrapper{
    display: flex;
    flex-direction: column;
}
.msc-shoe-3d-model-wrapper img{
    width: 650px !important;
    height: auto;
}
/* main-video-section-end */

/* msc-what-we-do */
.msc-what-we-do{
    margin: 60px 0px 80px 0px;
    /* padding: 40px 0px; */
    position: relative;
}
.msc-wrapper-what-we-do{
    background-color: var(--msc-theme-light-blue-tone);
    padding: 0px 65px 60px 65px;
    margin: 0px 55px;
    margin-top: 20px;
    border-radius: 30px;
    position: relative;
    box-shadow: rgba(214, 214, 214, 0.2) 0px 2px 8px 0px;
}
.msc-what-we-do::after{
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    z-index: -1;
    background-color: var(--msc-theme-global-royal-blue);
    opacity: 0.4;
    right: 0;
    top: 5rem;
    transform: rotate(45deg);
    border-radius: 50px;
    animation: designnew 5s ease-in-out infinite;
}
.msc-what-we-do::before{
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    z-index: -1;
    background-color: var(--msc-theme-global-royal-blue);
    opacity: 0.4;
    left: -2rem;
    bottom: 0rem;
    transform: rotate(45deg);
    border-radius: 50px;
    animation: designnew 5s ease-in-out infinite;
}
@keyframes designnew {
    0%{
        transform: scale(1.01) translateY(0) rotate(45deg);
    }25%{
        transform: scale(1.05) translateY(-5px) rotate(45deg);
    }50%{
        transform: scale(1.09) translateY(5px) rotate(45deg);
    }75%{
        transform: scale(1.1) translateY(-5px) rotate(45deg);
    }100%{
        transform: scale(1.01) translateY(0) rotate(45deg);
    }
}
.msc-wrapper-do{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 65px;
    position: relative;
    transition: all .2s ease-in-out;
}
.msc-wrapper-do:hover .msc-icons-wrapper-do i{
    transform: rotate(-15deg);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.msc-wrapper-do:hover{
    transform: translateY(-5px);
}
/* .msc-wrapper-do::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    border-right: 2px solid var(--msc-theme-global-new-blue);
    right: 0;
} */
.msc-border-do{
    position: relative;
    margin: 0px 40px;
}
.msc-border-do::after{
    content: "";
    position: absolute;
    border: 1px solid var(--msc-border-color);
    width: 100%;
    height: 1px;
    top: 11rem;
}
.msc-icons-wrapper-do{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: center; */
}
.msc-icons-wrapper-do i{
    border-radius: 10px;
    background-color: var(--msc-theme-extra-light-orange);
    color: var(--msc-theme-brown);
    font-size: 22px;
    padding: 19px;
    border: 1px solid var(--msc-theme-brown);
    transition: all .2s ease-in-out;
}
.msc-content-do h2{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 24px;
}
.msc-content-do p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 16px;
}
.msc-content-do{
    margin: 0px 15px;
}
/* msc-what-we-do-end */
.msc-new-arrivals{
    margin: 0px 0px;
    /* background-image: url(../images/patern-animated.svg); */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
}
.msc-cartBtn {
    width: 155px;
    height: 50px;
    border: none;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: white;
    font-weight: 500;
    position: relative;
    padding: 8px 20px !important;
    height: 44px !important;
    background-color: var(--msc-theme-oil-black);
    /* box-shadow: 0 20px 30px -7px rgba(27, 27, 27, 0.219); */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    overflow: hidden;
  }
  
  .cart {
    z-index: 2;
  }
  
  .msc-cartBtn:active {
    transform: scale(0.96);
  }
  
  .product {
    position: absolute;
    width: 12px;
    border-radius: 3px;
    content: "";
    left: 33px;
    bottom: 23px;
    opacity: 0;
    z-index: 1;
    fill: rgb(211, 211, 211);
  }
  
  .msc-cartBtn:hover .product {
    animation: slide-in-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
  
  @keyframes slide-in-top {
    0% {
      transform: translateY(-30px);
      opacity: 1;
    }
  
    100% {
      transform: translateY(0) rotate(-90deg);
      opacity: 1;
    }
  }
  
  .msc-cartBtn:hover .cart {
    animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
  
  @keyframes slide-in-left {
    0% {
      transform: translateX(-20px);
      opacity: 0;
    }
  
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  .c-button {
    color: #000;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    padding: 8px 15px!important;
    background-color: var(--msc-white);
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
  }
  
  .c-button--gooey {
    color: var(--msc-theme-global-royal-blue);
    /* letter-spacing: 1px; */
    font-family: var(--msc-font-global-regular);
    border: 2px solid var(--msc-theme-global-royal-blue);
    border-radius: 0;
    position: relative;
    transition: all 700ms ease;
  }
  
  .c-button--gooey .c-button__blobs {
    height: 100%;
    filter: url(#goo);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: -3px;
    right: -1px;
    z-index: -1;
  }
  
  .c-button--gooey .c-button__blobs div {
    background-color: var(--msc-theme-global-royal-blue);
    width: 34%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    transform: scale(1.4) translateY(125%) translateZ(0);
    transition: all 700ms ease;
  }
  
  .c-button--gooey .c-button__blobs div:nth-child(1) {
    left: -5%;
  }
  
  .c-button--gooey .c-button__blobs div:nth-child(2) {
    left: 30%;
    transition-delay: 60ms;
  }
  
  .c-button--gooey .c-button__blobs div:nth-child(3) {
    left: 66%;
    transition-delay: 25ms;
  }
  
  .c-button--gooey:hover {
    color: #fff;
  }
  
  .c-button--gooey:hover .c-button__blobs div {
    transform: scale(1.4) translateY(0) translateZ(0);
  }
.msc-arrivals-card-wrapper{
    background-color: var(--msc-white);
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    transition: all .2s linear;
    position: relative;
}
.msc-arrival-whishlist{
    position: absolute;
    top: 1rem;
    right: 0.6rem;
}
.msc-arrival-whishlist span{
    background-color: var(--msc-white);
    padding: 8.5px 11px;
    font-size: 12px;
    border-radius: 50%;
    width: 100%;
    height: auto;
    color: var(--msc-light-text);
    border: 2px solid var(--msc-light-text);
}
.msc-arrivals-card-wrapper:hover{
    transform: translateY(-5px);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.msc-arrival-product-content{
    padding: 5px 17px;
}
.msc-arrival-product{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--msc-theme-global-shadow-color);
    padding: 20px;
    text-align: center;
    margin: 5px;
    height: 250px;
    overflow: hidden;
}
.msc-arrival-product img {
    width: 250px !important;
    height: auto;
    object-fit: contain;
    transition: all .2s linear;
    padding: 17px;
    aspect-ratio: 4/4;
}
.msc-arrival-product-content h2{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-theme-oil-black);
    font-size: 21px;
}
.msc-arrival-product-content p span{
    background-color: var(--msc-theme-extra-light-olive);
    color: var(--msc-white);
    padding: 3px 10px;
}
.msc-arrival-product-content p{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
    font-size: 17px;
}
.msc-arrival-buy{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    padding-bottom: 14px;
    margin-top: 15px;
    position: relative;
}
.msc-arrival-buy a{
    margin: 0px 5px;
}
.msc-rating-arrival-product{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.msc-rating-arrival-product p{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 16px;
    margin-bottom: 0;
}
.msc-rating-arrival-product p i{
    color: var(--msc-primary);
    font-size: 14px;
}
.msc-rating-arrival-product button{
    background-color: var(--msc-theme-light-blue-tone);
    border: none;
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    color: var(--msc-theme-black-shade);
    padding: 4px 10px;
    border-radius: 40px;
}
.msc-arrival-buy::after{
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    padding: 0px 20px;
    border: 1px solid var(--msc-theme-global-blue-tone);
    z-index: 1;
    top: -0.3rem;
}
.msc-carousel-arrival-wrapper{
    margin: 0px 20px;
}
.arrivals .owl-dots{
    display: block !important;
}
.arrivals .owl-dot{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.arrivals .owl-dot span{
    text-align: center;
    background-color: var(--msc-white) !important;
    height: 20px !important;
    width: 20px !important;
    margin: 0px 5px;
    display: none !important;
    border-radius: 50%;
    transition: all .2s linear;
}
.arrivals .owl-dot.active span{
    border: 3px solid var(--msc-theme-global-royal-blue);
    outline: 3px solid var(--msc-white);
}
.msc-vector-arrivals{
    margin-top: 20px;
}   
.msc-vector-arrivals img{
    height: 480px !important;
    width: 100% !important;
    /* object-fit: cover; */
}
.msc-arrivals-card-wrapper:hover .msc-arrival-product img{
    transform: scale(1.05);
}
/* new-arrivals-end */

/* ar-technology */
.msc-ar-tech{
    padding: 100px 0px 80px 0px;
    position: relative;
    /* background: linear-gradient(135deg, #2c3e50 0%, #032328 100%); */

}
.msc-ar-tech::after{
    content: "";
    position: absolute;
    background-image: url(../images/animated-new.svg);
    /* background-repeat: no-repeat; */
    height: 600px;
    width: 600px;
    background-size: cover;
    top: -1rem;
    z-index: -1;
}
.cursor{
    display: inline-block;
    width: 1px;
    height: 1em;
    background-image: var(--msc-theme-global-text-gradient) !important;
    animation: blink 0.7s steps(2, start) infinite !important;
}

@keyframes blink {
    50% {
      opacity: 0;
    }
}
.msc-ar-video{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 600px !important;
    overflow: hidden;
    border-radius: 50px !important;
}
.msc-ar-video video{
    border: 5px solid var(--msc-theme-footer-color);
    outline: 1px solid var(--msc-white);
    border-radius: 40px;
    width: 580px;
    height: auto;
}
.msc-virtual-try-card{
    background-color: var(--msc-theme-light-blue-tone);
    border-radius: 20px;
    padding: 7px;
}
.msc-virtual-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--msc-theme-med-grey-tone);
    padding: 7px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.msc-virtual-img img{
    width: 100px;
    height: auto;
}
.msc-content-virtual-card p{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 16px;
    text-align: center;
}
.msc-virtual-products-card{
    margin: 10px 12px;
}
.msc-try-on{
    position: relative;
}
.msc-try-on::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border: 1px solid var(--msc-light);
    top: -0.4rem;
}
.msc-try-on span{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
    font-size: 15px;
    display: block;
    text-align: center;
}
/* ar-technology-end */


/* coupen-code */
.msc-coupen-code{
    margin: 60px 0px;
}
.msc-sale-on-products{
    border: 3px solid var(--msc-theme-border-grey);
}
.msc-card-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 17px;
}
.msc-sale-design{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    text-align: center;
    background-color: var(--msc-theme-royal-green);
    padding: 27px 15px;
    border-radius: 50%;
    outline: 3px solid var(--msc-theme-vanilla-color);
    outline-offset: 2px;
    animation: roatatebadge 2s ease-in-out infinite;
}
@keyframes roatatebadge {
    0% {
        transform: rotateY(0deg) scale(1.02);
    }
    20% {
        transform: rotateY(-40deg) scale(1.06);
    }
    40% {
        transform: rotateY(20deg) scale(1.08);
    }
    60% {
        transform: rotateY(-30deg) scale(1.04);
    }
    80% {
        transform: rotateY(30deg) scale(1.06);
    }
    100% {
        transform: rotateY(0deg) scale(1.02);
    }
}


.msc-sale-text{
    color: var(--msc-white);
    font-family: var(--msc-font-global-extrabold);
    font-size:28px;
}
.msc-item-design{
    line-height: 0.2rem;
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-vanilla-color);
    font-size: 13px;
}
.msc-sale-design::after{
    content: "";
    position: absolute;
    background-color: var(--msc-white);
    height: 10px;
    width: 10px;
    border-radius: 40px;
    top: 0.5rem;
    /* left: 3.3rem; */
}
.msc-sale-design::before{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-oil-black);
    height: 30px;
    width: 1px;
    border-radius: 40px;
    top: -1rem;
    /* left: 0rem; */
    z-index: -1;
}
.msc-design-sale{
    margin-top: 10px;
    text-align: center;
}
.msc-discount{
    text-align: center;
    position: relative;
    font-size: 70px;
    font-family: var(--msc-font-global-extrabold);
}
.msc-discount small{
    transform: rotate(-90deg);
    color: var(--msc-light-text);
    left: 2.4rem;
    top: 2.2rem;
    position: absolute;
    font-size: 12px;
}
.msc-discount sup{
    top: 2rem;
    position: absolute;
    font-size: 40px;
}
.msc-discount sub{
    top:3.8rem;
    position: absolute;
    font-size: 17px;
}
.msc-sale-text-item{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 15px;
}
.msc-view-sale-btn{
    position: relative;
    color: var(--msc-white) !important;
    z-index: 99;
    overflow: hidden;
    background-color: var(--msc-theme-oil-black);
    border: 1px solid var(--msc-theme-oil-black) !important;
}
.msc-view-sale-btn:hover{
    border: 1px solid var(--msc-theme-dark-olive) !important;
}
.msc-view-sale-btn::after{
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--msc-theme-global-royal-blue);
    top: -2rem;
    left: -2rem;
    transition: all .3s ease-in-out;
}
.msc-view-sale-btn:hover::after{
   width: 150px;
   height: 80px;
   z-index: -1;
}
.msc-coupen-code-apply img{
    height: auto;
    width: 100% !important;
}
/* coupen-code-end */

/* msc-reviews */
.msc-customer-reviews{
    margin: 80px 0px 140px 0px;
    position: relative;
}
.msc-customer-reviews::after{
    content: "";
    position: absolute;
    background-image: url(../images/gradient.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: lighten;
    background-color: #ffffff60;
    width: 100%;
    height: 600px;
    top:-1rem;
    z-index: -1;
}
.msc-customer-reviews::before{
    content: "";
    position: absolute;
    background-image: url(../images/vector.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 600px;
    opacity: 0.5;
    z-index: -1;
    top: -1rem;
}
.msc-book {
    position: relative;
    border-radius: 10px;
    width: 100%;
    height: 320px;
    background-color: var(--msc-theme-light-gold-pink);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    -webkit-transform: preserve-3d;
    -ms-transform: preserve-3d;
    transform: preserve-3d;
    -webkit-perspective: 2000px;
    perspective: 2000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
  }
  
  .msc-cover {
    top: 0;
    position: absolute;
    background-color: var(--msc-theme-light-grey-tone);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px !important;
  }
  
  .msc-book:hover .msc-cover {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: rotatey(-80deg);
    -ms-transform: rotatey(-80deg);
    transform: rotatey(-80deg);
  }
  .msc-customer-review-inner{
    margin: 25px 7px;
  }
  .msc-customer-review-inner{
    margin-top: 50px;
  }
.msc-front-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 4px solid var(--msc-theme-global-royal-blue);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.msc-front-wrapper::after{
    content: "";
    position: absolute;
    height: 70px;
    width: 2px;
    background-color: var(--msc-theme-oil-black);
    top: -0.7rem;
    left: 6rem;
    transform: rotate(-45deg);
    z-index: 1;
}
.msc-front-wrapper::before{
    content: "";
    position: absolute;
    height: 70px;
    width: 2px;
    background-color: var(--msc-theme-oil-black);
    top: -0.7rem;
    right: 6rem;
    transform: rotate(45deg);
    z-index: 1;
}
.msc-image-section{
    position: relative;
    z-index: 99;
}
.msc-image-section img{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    outline: 3px solid var(--msc-theme-royal-green);
    outline-offset: 2px;
}
.msc-rating-review{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.msc-stars span i{
    color: var(--msc-primary);
    font-size: 16px;
    margin: 0px 5px;
}
.msc-rating-review p {
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
    font-size: 16px;
}
.msc-tag-line-review p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 15px;
    padding: 0px 10px;
    text-align: center;
}
.msc-customer-name p{
    font-family: var(--msc-font-medium);
    color: var(--msc-theme-oil-black);
    font-size: 18px;
    text-align: center;
}
.msc-review-back{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.msc-review-back p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 16px;
    margin: 10px 10px 10px 30px;
}
.msc-heading-back{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.msc-back-view-name{
    font-family: var(--msc-font-global-medium) !important;
    color: var(--msc-theme-oil-black) !important;
    font-size: 16px !important;
    background-color: var(--msc-theme-light-gold-pink);
    position: relative;
    width: max-content;
    padding: 0px 10px;
    /* z-index: 1; */
}
.msc-heading-back::after{
    content: "";
    position: absolute;
    border: 1px solid var(--msc-theme-oil-black);
    width: 75%;
    height: 1px;
    left: 2.7rem;
    z-index: -1;
}
.msc-customer-review-vector img{
    width: 400px !important;
    height: auto;
}
.customer-review .owl-dots{
    display: block !important;
}
.customer-review .owl-dot{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.customer-review .owl-dot span{
    text-align: center;
    background-color: var(--msc-white) !important;
    height: 20px !important;
    width: 20px !important;
    margin: 0px 5px;
    border-radius: 50%;
    transition: all .2s linear;
}
.customer-review .owl-dot.active span{
    border: 3px solid var(--msc-theme-global-royal-blue);
    outline: 3px solid var(--msc-white);
}
/* msc-reviews-end */

/* footer */
.msc-footer-design{
    /* margin-top: 40px; */
    /* min-width: max-content; */
    background-image: url(../images/stars.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: darken;
    background-color: #00000058;
    background-attachment: fixed;
}
.footer-ribbon{
    position: relative;
}
.footer-ribbon p{
    position: absolute;
    top: -1.2rem;
    font-size: 22px;
    background-color: var(--msc-theme-med-light-blue);
    color: var(--msc-white);
    font-family: var(--msc-theme-font-stylish-cursive);
    padding: 4px 20px;
}
.footer-ribbon p::before{
    content: "";
    position: absolute;
    left: -10px;
    top: -0rem;
    border: 11px solid #005580;
    border-top-width: 0px;
    border-bottom-width: 19.2px;
    border-right-color: transparent;
    border-left-color: transparent;
    border-right-width: 0;
}
.msc-about-text{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-vanilla-color);
    font-size: 20px;
}
.msc-addres-design{
    font-family: var(--msc-font-regular);
    font-size: 16px;
    color: var(--msc-theme-border-grey);
}
.footer-about-description{
    color: #a8a8a8;
    font-size: 15px;
}
.read-more-footer{
    font-size: 13.4px;
    font-family: var(--msc-theme-fonts);
    color: var(--msc-theme-white);
    text-decoration: underline;
}
.msc-addres-information{
    line-height: 1.1rem;
    font-size: 15px;
    color: var(--msc-theme-vanilla-color);
    font-family: var(--msc-font-global-regular);
}
.addres-no{
    width: max-content;
    line-height: 1.1rem;
    font-size: 14px;
    color: #a8a8a8;
    font-family: var(--msc-theme-font-regular);
    transition: all .2s linear;
}
.addres-no:hover{
    color: var(--msc-theme-background-color);
}
.footer-icon-facebook{
    font-size: 15px;
    color: var(--msc-theme-white);
    border: 1px solid #313438;
    border-radius: 50%;
    padding: 11.8px 14.9px; 
    transition: all .2s linear;  
}
.footer-icon-facebook:hover{
    background-color: #3b5a9a;
    border: 1px solid #3b5a9a;
}
.footer-icon-twitter{
    font-size: 14.9px;
    color: var(--msc-theme-white);
    border: 1px solid #313438;
    border-radius: 50%;
    padding: 11.9px 11.9px;
    margin-left: 3px; 
    transition: all .2s linear;
}
.footer-icon-twitter:hover{
    background-color: #1aa9e1;
    border: 1px solid #1aa9e1;
}
.footer-icon-in{
    font-size: 15px;
    color: var(--msc-theme-white);
    border: 1px solid #313438;
    border-radius: 50%;
    padding: 11.9px 13px;
    margin-left: 3px; 
    transition: all .2s linear;
}
.footer-icon-in:hover{
    background-color: var(--msc-theme-background-color);
    border: 1px solid #08c;
}
.customer-help-service{
    width: max-content;
    font-size: 13.8px;
    color: #a8a8a8;
    font-family: var(--msc-theme-font-regular);
    transition: all .2s linear;
}
.customer-help-service:hover{
    color: #08c;
}
.btn-tag-design{
    font-size: 12px;
    font-family: var(--msc-theme-font-regular);
    color: #a8a8a8;
    border: 1px solid #313438;
    padding: 4px 6px;
    transition: all .2s linear;
}
.btn-tag-design:hover{
    color: var(--msc-theme-white);
    border-color: 1px solid var(--msc-theme-white);
}
.msc-popular-tags-design > a{
    margin-left: 2px;
}
.tag-product{
    margin-top: 11px;
}
.tag-product > a{
    margin-left: 2px;
}
.winter-product{
    margin-top: 11px;
}
.winter-product > a{
    margin-left: 2px;
}
.msc-copy-right{
    font-size: 14px;
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-border-grey);
    margin: 8px 0px;
}
.visa-icon{
    background-image: url(assets/images/payment-visa.svg);
    height: 32px;
    display: inline-block;
    width: 56px;
    background-color: #d6d3cc;
    background-size: 80%;
    border-radius: 4px;
    background-position: 45%;
    filter: invert(1);
    opacity: 1;
    background-repeat: no-repeat;
    transition: all .2s linear;
}
.visa-icon:hover{
    opacity: 0.7;
}
.paypal-icon{
    background-image: url(assets/images/payment-paypal.svg);
    height: 32px;
    display: inline-block;
    width: 56px;
    background-color: #d6d3cc;
    background-size: 90%;
    border-radius: 4px;
    background-position: 70%;
    filter: invert(1);
    margin-left: 2px;
    opacity: 1;
    background-repeat: no-repeat;
    transition: all .2s linear;
}
.paypal-icon:hover{
    opacity: 0.7;
}
.payment-stripe{
    background-image: url(assets/images/payment-stripe.png);
    height: 32px;
    display: inline-block;
    width: 56px;
    background-color: #d6d3cc;
    background-size: 70%;
    border-radius: 4px;
    background-position: 50%;
    filter: invert(1);
    margin-left: 2px;
    opacity: 1;
    background-repeat: no-repeat;
    transition: all .2s linear;
}
.payment-stripe:hover{
    opacity: 0.7;
}
.payment-sign{
    background-image: url(assets/images/payment-verisign.svg);
    height: 32px;
    display: inline-block;
    width: 56px;
    background-color: #d6d3cc;
    background-size: 80%;
    border-radius: 4px;
    background-position: 50%;
    filter: invert(1);
    margin-left: 2px;
    opacity: 1;
    background-repeat: no-repeat;
    transition: all .2s linear;
}
.payment-sign:hover{
    opacity: 0.7;
}
.msc-about-us-link{
    display: flex;
    flex-direction: column;
}
.msc-about-us-link a{
    display: inline-block;
    margin: 5px 0px;
    color: var(--msc-theme-vanilla-color);
    font-size: 16px;
    font-family: var(--msc-font-global-regular);
    position: relative;
    width: max-content;
    transition: all .2s ease-in-out;
}
.msc-about-us-link a::after{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-vanilla-color);
    height: 2px;
    width: 10px;
    top: -0.2rem;
    right: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.msc-about-us-link a::before{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-vanilla-color);
    height: 2px;
    width: 10px;
    left: 0;
    bottom: -0.2rem;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.msc-about-us-link a:hover::after{
    width: 100%;
    height: auto;
    visibility: visible;
}
/* .msc-about-us-link a:hover::before{
    width: 100%;
    visibility: visible;
    height: auto;
} */
.msc-about-us-link a:hover{
    margin-left: 4px;
    color: var(--msc-theme-vanilla-color);
}
.msc-social-icons{
    display: flex;
    flex-direction: column;
}
.msc-social-icons p{
    color: var(--msc-theme-vanilla-color);
    font-family: var(--msc-font-global-regular);
}
.msc-text-subscribe{
    font-family: var(--msc-theme-font-regular);
    font-size: 16px;
    color: var(--msc-theme-vanilla-color);
}
.msc-news-input{
    border: 0px !important;
    padding: 12px 20px !important;
    border-radius: 0px !important;
}
.msc-news-input:focus{
    box-shadow: none !important;
}
.msc-new-btn{
    background-color: var(--msc-theme-extra-light-brown);
}
.msc-icon-social{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
}
.msc-inner-social{
    display: inline-block;
    margin: 0px 5px;
    text-align: center;
    background-color: transparent;
    border: 2px solid var(--msc-theme-extra-light-brown);
    height: 40px;
    width: 42px;
    transition: all .2s linear;
}
.msc-inner-social:hover{
    animation: socialicon .2s ease-in-out 2;
    background-color: var(--msc-theme-extra-light-brown);
}
@keyframes socialicon {
    0%{
        transform: scale(1.01);
    }50%{
        transform: scale(1.07);
    }100%{
        transform: scale(1.01);
    }
}
.msc-inner-social i{
    color: var(--msc-theme-extra-light-brown);
    font-size: 16px;
    padding: 10px;
}
.msc-inner-social:hover .msc-icon-social{
    color: var(--msc-theme-brown) !important;
}
.msc-border-design-brands{
    border-bottom: 1px solid var(--msc-border-color);
}
/* footer-end */

/* shop-products */
.msc-main-section-hero {
    background-image: url(../images/tech.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 90%;
    background-blend-mode: darken;
    background-attachment: fixed;
    background-color: #161616b6;
    height: 362px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.msc-hero-heading{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px;
    margin-top: 60px;
}
.msc-hero-section-heading{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-white);
    font-size: 35px;
}
.msc-bread-crumb a{
    display: inline-block;
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
    font-size: 16px;
    margin: 0px 5px;
}
.msc-bread-crumb a i{
    font-size: 10px;
}
.msc-bread-crumb a:hover{
    color: var(--msc-theme-extra-light-brown);
}
.msc-shop-products{
    margin-top: 60px;
    position: relative;
    overflow: hidden;
}
.msc-shop-products::after{
    content: "";
    position: absolute;
    background-image: url(../images/vector.svg);
    height: 600px;
    width: 700px;
    top:-4rem;
    left: 0;
}
.msc-shop-products::before{
    content: "";
    position: absolute;
    background-image: url(../images/all-right-shape.png);
    background-size: contain;
    right: -5rem;
    top: 0;
    height: 500px;
    width: 200px;
    background-repeat: no-repeat;
}
.msc-outer-wrapper-product-image{
    margin: 0px 20px 0px 5px;
    position: relative;
}
.msc-inner-wrapper-shop{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}
.msc-inner-wrapper-shop::after{
    content: "";
    position: absolute;
    background-color: var(--msc-theme-extra-light-brown);
    border-radius:50%;
    height: 550px;
    width: 550px;
    z-index: -1;
}
.msc-main-img-product-shop{
    display: flex;
    align-items: center;
    width: 100%;
    height: 600px;
}
.msc-zoom-image{
    position: relative;
}
.msc-zoom-image:hover{
    cursor: pointer;
}
.msc-zoom-image::after{
    content: "";
    position: absolute;
    width:200px;
    height:200px;
    border: 2px solid var(--msc-light-grey);
    background-image: var(--msc-url);
    background-repeat: no-repeat;
    background-size: 250%;
    background-position: var(--zoom-x) var(--zoom-y);
    display: var(--display);
    pointer-events: none;
    right: 0rem;
    top: 0rem;
    z-index: 999999;
    background-color: var(--msc-border-color);
    border-radius: 50%;
}
.msc-main-img-product-shop img{
    width: 100% !important;
    height: auto;
    padding: 30px;
}
.msc-product-name-shop{
    padding: 20px 0px;
}
.msc-discount-on-shop-product p{
    background-color: var(--msc-theme-danger);
    color: white;
}

.msc-discount-btn {
    position: relative;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    padding: 5px 15px;
    background-color: rgb(0 107 179);
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffff;
    gap: 10px;
    font-weight: bold;
    border: 3px solid #ffffff4d;
    outline: none;
    overflow: hidden;
    font-size: 15px;
  }
  .icon {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
  }
  
  .msc-discount-btn:hover {
    transform: scale(1.05);
    border-color: #fff9;
  }
  
  .msc-discount-btn:hover .icon {
    transform: translate(4px);
  }
  
  .msc-discount-btn::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(
      120deg,
      rgba(255, 255, 255, 0) 30%,
      rgba(255, 255, 255, 0.8),
      rgba(255, 255, 255, 0) 70%
    );
    top: 0;
    left: -100px;
    opacity: 0.6;
    animation: shine 1.5s ease-out infinite;
  }
  
  @keyframes shine {
    0% {
      left: -100px;
    }
  
    60% {
      left: 100%;
    }
  
    to {
      left: 100%;
    }
  }
.msc-product-shop-name{
    margin: 8px 0px;
    font-family: var(--msc-font-global-bold);
    color: var(--msc-theme-oil-black);
    font-size: 40px;
}

.rating {
    display: inline-block;
  }
  
  .rating input {
    display: none;
  }
  
  .rating label {
    float: right;
    margin: 0px 3px;
    cursor: pointer;
    color: #ccc;
    transition: color 0.3s;
  }
  
  .rating label:before {
    content: '\2605';
    font-size: 20px;
  }
  
  .rating input:checked ~ label,
  .rating label:hover,
  .rating label:hover ~ label {
    color: var(--msc-primary);
    transition: color 0.3s;
  }
.msc-rating-product{
    display: flex;
    flex-direction: row;
}
.msc-rating-product p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-red);
    font-size: 15px;
    margin-top: 6px;
    margin-left: 6px;
    animation: changecolor 2s linear infinite;
}
@keyframes changecolor {
    0%{
        color: var(--msc-red);
    }50%{
        color: var(--msc-theme-global-royal-blue);
    }100%{
        color: var(--msc-red);
    }
}
.msc-shop-product-price p{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-theme-global-royal-blue);
    font-size: 30px;
    margin: 10px 0px;
    padding-bottom: 12px;
    border-bottom: 1.4px solid var(--msc-border-color);
}
.msc-info-product-small p{
    font-family: var(--msc-theme-font-regular);
    font-size: 16px;
    color: var(--msc-light-text);
}
.msc-product-details-shop{
    position: relative;
}
.msc-hurry-sale{
    background-color: var(--msc-theme-extra-light-olive);
    color: var(--msc-theme-dark-green);
    font-family: var(--msc-font-global-medium);
    font-size: 16px;
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0;
}
.msc-measurments-products{
    display: flex;
    flex-direction: row;
    margin: 17px 0px;
}
.msc-measurments-products p{
    font-family: var(--msc-font-global-medium);
    font-size: 22px;
    width: 200px;
    color: var(--msc-theme-black-shade);
}
.msc-measurments-products p span{
    font-family: var(--msc-font-global-medium);
    font-size: 20px !important;
    width: 200px;
    color: var(--msc-light-text) !important;
}
.msc-color-options{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 20px;
    gap: 10px;
}
.msc-color-options label{
    display: flex;
    align-items: center;
    /* gap: 10px; */
}
.msc-color-options label input[type="radio"]{
    display: none !important;
}
.msc-color-swatch{
    width: 22px;
    height:22px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s linear;
}
.msc-color-options input[type="radio"]:checked + .msc-color-swatch{
    transform: scale(1.1);
    outline: 1px solid var(--msc-border-color);
    outline-offset: 2px;
}

.msc-size-options{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.msc-size-options label input[type = "radio"]{
    display: none;
}
.msc-size-swatch {
    text-align: center;
    display: inline-block;
    padding: 6px 8px;
    /* width: 38px; */
    cursor: pointer;
    color: var(--msc-light-text);
    background-color: transparent;
    border: 2px solid var(--msc-theme-black-shade);
    font-size: 13px;
    transition: all .2s linear;
    white-space: nowrap;
}

.msc-size-options input[type = "radio"]:checked + .msc-size-swatch{
    background-color: var(--msc-theme-vanilla-color);
}

.quantity-container {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    border-radius: 50px;
    padding: 8px 9px; 
    border: 2px solid var(--msc-theme-oil-black);
  }

  .quantity-container button {
    width: 20px;
    height: 20px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    color: var(--msc-theme-black-shade);
    border: none;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .quantity-container input {
    border: none;
    width: 30px;
    text-align: center;
    font-family: var(--msc-font-medium);
    font-size: 18px;
  }
  .quantity-container input:focus {
    outline: none !important;
  }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.msc-btn-selects-shop{
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.msc-shop-add-tocart{
    height: 50px;
    width: 190px;
}
.msc-shop-add-tocart button{
    padding: 12.5px 20px;
    width: 100%;
    border: 2px solid var(--msc-theme-oil-black);
    color: var(--msc-theme-oil-black);
    background-color: transparent;
    font-size: 15px;
    font-family: var(--msc-font-medium);
    position: relative;
    overflow: hidden;
    z-index: 9;
    transition: all .2s linear;
}
.msc-shop-add-tocart button:hover{
    color: var(--msc-white);
    border:2px solid var(--msc-theme-dark-olive);
}
.msc-shop-add-tocart button::after{
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    background-color: var(--msc-theme-global-royal-blue);
    bottom: -1rem;
    right: -1rem;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: -1;
}
.msc-shop-add-tocart button::before{
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    background-color: var(--msc-theme-global-royal-blue);
    top: -1rem;
    left: -1rem;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: -1;
}
.msc-shop-add-tocart button:hover::after{
    width: 120%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.msc-shop-add-tocart button:hover::before{
    width: 120%;
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.msc-shop-buy-now{
    height: 50px;
    width: 190px;
}
.msc-shop-buy-now button{
    font-family: var(--msc-font-global-medium);
    padding: 11.5px 30px;
    width: 100%;
    background-color: var(--msc-theme-global-royal-blue);
    color: var(--msc-white);
    font-size: 16px;
    border: 2px solid var(--msc-theme-dark-olive);
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.msc-shop-buy-now button::after{
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0) 70%
    );
    top: 0;
    left: -100px;
    opacity: 0.6;
    animation: shine 1.5s ease-out infinite;
}
.msc-whishlist-shop-section{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.msc-whishlist-shop-section{
    border-bottom: 1px solid var(--msc-border-color);
    margin-top: 25px;
}
.msc-main-shop p {
    font-family: var(--msc-font-global-regular);
    font-size: 17px;
    color: var(--msc-light-grey);
}
.msc-gurantee-returns-shop{
    display: flex;
    flex-direction: column;
}
.msc-gurantee-returns-shop p{
    font-family: var(--msc-font-global-medium);
    font-size: 18px;
    color: var(--msc-theme-oil-black);
}
.msc-gurantee-returns-shop{
    margin-top: 17px;
}
.msc-gurantee-returns-shop p span{
    font-family: var(--msc-font-global-regular);
    font-size: 17px;
    color: var(--msc-light-grey);
    margin-left: 7px;
}
.msc-payments-methods-shop{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.msc-payments-methods-shop span{
    background-color: var(--msc-theme-extra-light-brown);
    padding: 4px 10px;
    margin: 0px 3px;
    border-radius: 10px;
}
.msc-payments-methods-shop img{
    width: 40px;
    height: auto;
    margin-bottom: 3px;
}
.msc-ppay{
    width: 60px !important;
}
.msc-thumbnail-image-shop{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100px;
    border-radius: 10px;
    background-color: var(--msc-theme-extra-light-brown);
    border-radius: 50%;
    z-index: 999;
    margin: 10px 0px;
    cursor: pointer;
}
.msc-thumbnail-image-shop img{
    width: 100%;
    height: auto;
    opacity: 1;
}
.shop-now .owl-nav button.owl-prev span{
    display: inline-block;
    background-color: var(--msc-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50px;
    font-size: 17px !important;
    padding: 10px 20px !important;
}
.shop-now .owl-nav button.owl-prev span{
    margin: 0px 10px !important;
}
.shop-now .owl-nav button.owl-prev:hover{
    background-color: transparent !important;
    color: var(--msc-theme-oil-black) !important;
}
.shop-now .owl-nav button.owl-prev span:hover{
    background-color: var(--msc-white) !important;
    color: var(--msc-theme-oil-black) !important;
}
.shop-now .owl-nav button.owl-next span{
    display: inline-block;
    background-color: var(--msc-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50px;
    font-size: 17px !important;
    padding: 10px 20px !important;
}
.shop-now .owl-nav button.owl-next:hover{
    background-color: transparent !important;
    color: var(--msc-theme-oil-black) !important;
}
.shop-now .owl-nav button.owl-next span:hover{
    background-color: var(--msc-white) !important;
    color: var(--msc-theme-oil-black) !important;
}
.shop-now .owl-item.active .msc-main-img-product-shop img{
    animation: slideInDown ease 1s;
}
.nav-tabs .nav-link.active {
    background: transparent !important;
    border-color: transparent !important;
    border-bottom: 2px solid var(--msc-theme-oil-black) !important;
    color: var(--msc-theme-oil-black) !important;
}
.nav-tabs .nav-link{
    font-family: var(--msc-font-global-bold) !important;
    font-size: 17.5px !important;
    color: var(--msc-theme-oil-black) !important;
    text-transform: uppercase;
}
.nav-link:hover {
    border-color: transparent !important;
}
.msc-tabs-product-info-section{
    margin: 50px 0px;
    position: relative;
}
.msc-tabs-product-info-section::after{
    content: "";
    position: absolute;
    height: 600px;
    width: 550px;
    background-color: var;
    background-image: url(../images/pattern.webp);
    background-size: contain;
    background-repeat: no-repeat;
    left: -7rem;
    top: 0;
    z-index: -1;
}
.msc-main-product-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.msc-wrapper-product-details{
    position: relative;
    height: 400px;
    width: 100%;
}
.msc-product-image{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.msc-product-image img{
    width: 300px;
    height: auto;
    object-fit: cover;
}
.msc-product-sepcification{
    margin-top: 15px;
}
.msc-product-sepcification h2{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 18px;
}
.msc-product-sepcification p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 16px;
}
.msc-product-des-deep{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.msc-new-fade{
    animation: backInUp .9s ease-in-out;
}
.msc-row-table-product th{
    color: var(--msc-theme-oil-black);
    font-size: 18px;
    font-family: var(--msc-font-global-regular);
    padding: 10px 20px !important;
}
.msc-row-table-product td{
    color: var(--msc-light-text);
    font-size: 17px;
    font-family: var(--msc-font-global-medium);
    padding: 10px 20px !important;
}
.msc-main-reviews-section{
    margin: 40px 0px 50px 0px;
}
.msc-main-review-section-shop{
    background-color: var(--msc-theme-light-blue-tone);
    padding: 20px;
    margin: 30px 0px;
}
.msc-desc-review-main{
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    color: var(--msc-light-text);
}
.msc-tag-review-main{
    background-color: var(--msc-theme-global-royal-blue);
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.msc-img-customer-review{
    display: flex;
    flex-direction: row;
}
.msc-img-customer-review img{
    height: auto;
    width: 70px !important;
}
.msc-name-customer-main{
    margin-left: 10px;
}
.msc-name-customer-main h2{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-white);
    font-size: 28px;
}
.msc-name-customer-main p{
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
    font-size: 16px;
}
.msc-qotes-reviews{
    margin: 10px 8px 10px 5px; 
}
.msc-qotes-reviews span{
    display: inline-block;
    width: 25px;
    height: 45px;
    margin-left: 5px;
    background-color: white;
    position: relative;
}
.msc-qotes-reviews span{
    display: inline-block;
    width: 25px;
    height: 45px;
    margin-left: 5px;
    background-color: white;
    position: relative;
    overflow: hidden;
}
.msc-qotes-reviews span::after{
    content: "";
    position: absolute;
    height: 50px;
    width: 25px;
    background-color: var(--msc-theme-global-royal-blue);
    transform: rotate(50deg);
    bottom: -1rem;
    right: -0.5rem;
}
.shop-review .owl-nav{
    display: block !important;
}
.shop-review .owl-nav button.owl-next{
    position: absolute;
    top: 0;
    right: -1.8rem;
    top: 8rem;
}
.shop-review .owl-nav button.owl-prev{
    position: absolute;
    top: 0;
    left: -1.8rem;
    top: 8rem;
}
.shop-review .owl-nav button.owl-next{
    display: inline-block;
    background-color: var(--msc-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50px;
    background-color: var(--msc-white) !important;
    font-size: 17px !important;
    padding: 10px 40px !important;
    width: 45px;
    height: 45px;
    text-align: center;
    transition: all .2s linear;
    border: 2px solid var(--msc-theme-royal-green) !important;
}
.shop-review .owl-nav button.owl-next:hover{
    color: var(--msc-theme-oil-black) !important; 
    background-color: var(--msc-theme-global-royal-blue);
    color: var(--msc-theme-global-royal-blue) !important;
    border: 2px solid var(--msc-theme-slate-blue) !important;
}
.shop-review .owl-nav button.owl-prev{
    display: inline-block;
    background-color: var(--msc-white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50px;
    background-color: var(--msc-white) !important;
    font-size: 17px !important;
    padding: 10px 40px !important;
    width: 45px;
    height: 45px;
    text-align: center;
    transition: all .2s linear;
    border: 2px solid var(--msc-theme-royal-green) !important;
}
.shop-review .owl-nav button.owl-prev:hover{
    color: var(--msc-theme-oil-black) !important; 
    background-color: var(--msc-theme-global-royal-blue);
    color: var(--msc-theme-global-royal-blue) !important;
    border: 2px solid var(--msc-theme-slate-blue) !important;
}
.msc-related-products{
    background-color: var(--msc-theme-light-grey-tone);
    padding: 50px 0px 90px 0px;
}
/* shop-products-end */

/* cart-design */
.msc-product-add-success{
    color: var(--msc-white);
    font-size: 16px;
    padding: 12px 20px;
}
.msc-img-view-cart-side img{
    padding: 8px;
}
.msc-cart-design{
    height: 100vh;
    width: 360px;
    overflow-y: auto;
    background-color: var(--msc-white);
    position: fixed;
    right: -550px;
    top: 0;
    z-index: 9999999;
    transition: all .3s ease-in-out;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.msc-show-cart{
    right: 0;
}
.msc-inside-card-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.msc-main-heading-cart{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 2px solid var(--msc-theme-dark-green);
    width: 100% !important;
    transition: all .2s ease-in-out;
    background-color: var(--msc-theme-global-royal-blue);
}
.msc-text-cart h2{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-white);
    font-size: 24px;
}
.msc-close-icon-cart i{
    font-size: 22px;
    color: var(--msc-theme-oil-black);
    transition: all .4s ease-in-out;
    cursor: pointer;
    margin-top: 5px;
    color: var(--msc-white);
}
.msc-close-icon-cart i:hover{
    transform: rotate(180deg);
    color: var(--msc-theme-vanilla-color);
}
.msc-cart-empty{
    height: 67vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--msc-white);
    overflow-y: scroll;
}
.msc-cart-empty::-webkit-scrollbar {
    width: 0px;
    background-color: var(--msc-theme-vanilla-color);
}
.msc-cart-empty img{
    width: 400px;
    height: auto;
}
.msc-cart-empty video{
    width: 100%;
    height: auto;
    -webkit-filter: brightness(108.5%);
}
.msc-cart-empty p{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
    font-size: 19px;
}
.msc-sub-total{
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: end;
}
.msc-coupon-icon{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.msc-coupon-icon span{
    color: var(--msc-light-text);
    font-size: 17px;
    font-family: var(--msc-font-global-regular);
}
.msc-coupon-icon p{
    border: 1px solid var(--msc-theme-oil-black);
    height: 20px;
}
.msc-subtotal-main{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-btn-checkout-cart{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.msc-subtotal-main h2{
    font-family: var(--msc-font-global-medium);
    font-size: 24px;
    color: var(--msc-theme-oil-black);
    margin-bottom: 0 !important;
}
.msc-subtotal-main p{
    font-family: var(--msc-font-global-medium);
    font-size: 17px;
    color: var(--msc-light-text);
    margin-bottom: 0 !important;
}
.msc-subtotal-main{
    margin-bottom: 13px;
}
.msc-btn-checkout-cart{
    width: 100% !important;
}
.msc-btn-checkout-cart a{
    display: inline-block;
    width: 100% !important;
}
.msc-view-cart{
    width: 100% ;
    background-color: var(--msc-theme-gradient);
    border: 2px solid var(--msc-theme-global-royal-blue);
    padding: 10px 20px;
    font-family: var(--msc-font-global-regular);
    color: var(--msc-theme-global-royal-blue);
    position: relative;
    overflow: hidden;
    z-index: 9;
    transition: all .3s ease-in-out;
}
.msc-view-cart::after{
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: var(--msc-theme-global-royal-blue);
    left: -0.1rem;
    top: -5rem;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
}
.msc-view-cart:hover::after{
    width: 100%;
    height: 150px;
    visibility: visible;
    opacity: 1;
    z-index: -1;
}
.msc-view-cart:hover{
    color: var(--msc-white);
}
.msc-checkout{
    width: 100%;
    background-color: var(--msc-theme-global-royal-blue);
    font-family: var(--msc-font-global-regular);
    color: var(--msc-white);
    padding: 10px 20px;
    border: 2px solid var(--msc-theme-global-royal-blue);
}
.msc-cart-product-item{
    padding: 20px;
}
.msc-img-view-cart-side{
    background-color: var(--msc-border-color);
    height: 90px !important;
    width: 100% !important; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.msc-content-cart-product h2{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 19px;
}
.msc-content-cart-product p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 16px;
}
.msc-remove-item i{
    color: var(--msc-danger);
    font-size: 17px;
}
.msc-main-description-cart-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* cart-design-end */

/* login-now */
.msc-wrapper-login-image{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #295270;
    padding: 30px;
    border-radius: 0px;
    width: 100% !important;
    height: 450px;
}
.msc-wrapper-login-image img{
    width: 100%;
}
.msc-popup-login-input{
    width: 100% !important;
    margin-top: 15px;
    position: relative !important;
}
.msc-popup-login-input:focus{
    box-shadow: none !important;
}
.form-floating>.form-control {
    padding: 0px 14px !important;
    color: var(--msc-light-text);
}
.form-floating>label {
    padding: 0px 10px !important;
    height: 10px !important;
    margin: 13px 6px !important;
    background-color: var(--msc-white);
    width: max-content;
}
.form-floating>.form-control, .form-floating>.form-select {
    height: 50px !important;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1 !important;
    transform: scale(.85) translateY(-1.3rem) translateX(-0.1rem) !important;
}
.msc-login-now{
    padding: 12px 28px;
    font-family: var(--msc-font-global-regular);
    font-size: 17px;
    color: var(--msc-white);
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 9;
    border: 2px solid #295270;
    transition: all .3s ease-in-out;
    margin-top: 4px;
}
.msc-login-now:hover{
    background-color: transparent;
    color: #295270;
}
.msc-login-now::after{
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #295270;
    width: 180px;
    height: 170px;
    top: -2rem;
    left: -1.4rem;
    z-index: -1;
    visibility: visible;
    opacity: 1;
    transition: all .3s ease-in-out;
}
.msc-login-now:hover::after{
    height: 20px;
    top: 0rem;
    left: 3rem;
    width: 20px;
    opacity: 0;
    visibility: hidden;
}
.msc-login-form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 40px 10px 10px;
    margin-top: 44px;
}
.msc-btn-close{
    position: absolute;
    right: 1rem;
    top: 1rem;
    background-color: transparent;
    border: none;
    z-index: 999;
}
.msc-btn-close i{
    color: var(--msc-light-text);
    font-size: 25px;
}
.msc-login-form h2{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-theme-global-blue);
    font-size: 30px;
}
.msc-new-signup{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc-password-input{
    position: relative !important;
}
.msc-hide img{
    position: absolute;
    width: 20px;
    top: 1rem;
    right: 0.7rem;
    height: auto;
    cursor: pointer;
}
.msc-model-login{
    animation: zoomIn .4s ease-in-out;
}
.msc-search-bar-section{
    padding: 40px 200px; 
    background-color: var(--msc-theme-global-royal-blue);
    height: 150px;
    width: 100%;
    position: fixed;
    top: -400px;
    z-index: 9999999;
    transition: all .3s ease-in-out;
}
.search-view{
    top: 0;
}
.msc-search-input{
    background-color: transparent !important;
    border: none !important;
    border-bottom: 2px solid var(--msc-white) !important;
    border-radius: 0 !important;
    font-family: var(--msc-font-global-medium);
    color: var(--msc-white) !important;
}
.msc-search-input:focus{
    box-shadow: none !important;
}
.msc-search-float label{
    background-color: transparent !important;
    color: var(--msc-white) !important;
    font-family: var(--msc-font-global-medium) !important;
    font-size: 16px !important;
}
.msc-icon-search{
    position: absolute;
    top: 0.8rem;
    right:1rem;
}
.msc-icon-search i{
    color: var(--msc-white);
}
.msc-close-search{
    position: absolute;
    top: 1.5rem;
    right: 2rem;
}
.msc-close-search i{
    color: var(--msc-white);
    font-size: 28px;
    cursor: pointer;
}
/* login-now-end */

/* cart-page */
.msc-cartpage-design{
    margin: 45px 0px;
}
.msc-cart-head{
    border-bottom: 2px solid var(--msc-border-color);
    width: 100%;
}
.msc-cart-head tr td{
    padding: 10px 15px !important;
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
    font-size: 18px;
}
.msc-cart-image-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--msc-border-color);
    height: 100px;
    border-radius: 10px;
    width: 100px;
    padding: 12px;
}
.msc-cart-image-wrapper img{
    width: 100% !important;
    height: auto !important;
}
.msc-body-cart tr td{
    padding: 20px 5px !important;
}
.msc-body-cart>tr:hover {
    --bs-table-accent-bg: transparent !important;
    color: var(--bs-table-hover-color);
}
.msc-cart-product-page{
    display: flex;
    flex-direction: column;
    align-items: start !important;
}
.msc-cart-product-page h2{
    font-family: var(--msc-font-global-semibold);
    color: var(--msc-theme-oil-black);
    font-size: 24px;
}
.msc-product-des-cart{
    font-size: 15px;
    display: -webkit-box;
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 1.3em;
    line-height: 1.5em;
}
.msc-cart-product-page{
    padding: 0px 25px ;
}
.msc-cart-head {
    border-bottom: 2px solid var(--msc-light-grey);
}
.msc-cart-head td,
.msc-body-cart td{
    vertical-align: middle;
    text-align: center;
}
.msc-cart-view-design .table .msc-body-cart tr{
    vertical-align: middle !important;
}
.msc-cart-product-page {
    word-wrap: break-word;
    max-width: 100%;
}
.msc-product-price-cart{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
    font-size: 17.5px;
}
.msc-qty-cart-main{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--msc-light-grey);
    margin: 0px 10px;
}
.msc-cart-qty{
    border: none;
    text-align: center;
    width: 50px;
}
.msc-cart-qty:focus{
    outline: none;
}
.msc-increament-cart{
    background-color: transparent;
    border: none;
    font-size: 14px;
    padding: 7px 10px;
}
.msc-increament-cart:hover{
    background-color: var(--msc-theme-global-royal-blue);
    color: var(--msc-white);
    transition: all .2s linear;
}
.msc-decreament-cart:hover{
    background-color: var(--msc-theme-global-royal-blue);
    color: var(--msc-white);
}
.msc-decreament-cart{
    background-color: transparent;
    border: none;
    font-size: 14px;
    padding: 7px 10px;
    transition: all .2s linear;
}
.msc-related-product-cart{
    margin-top: 15px;
}
.msc-heading-text-cart-page p{
    font-family: var(--msc-font-global-medium);
    font-size: 18px;
    color: var(--msc-theme-oil-black);
}
.msc-heading-text-cart-page span{
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    color: var(--msc-theme-oil-black);
}
.msc-heading-text-cart-page span i{
    color: var(--msc-theme-danger);
}
.msc-related-bought-wrapper{
    border: 3px solid var(--msc-border-color);
    padding: 10px;
    margin-top: 20px;
    outline: 1px solid var(--msc-light-grey);
    outline-offset: 2px;
    border-radius: 15px;
}
.msc-content-bought{
    margin-left: 13px;
}
.msc-image-bought{
    background-color: var(--msc-border-color);
    border-radius: 10px;
    height: 80px;
    width: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.msc-image-bought img{
    height: auto;
    width: 100%;
}
.msc-related-bought-wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.msc-content-bought h2{
    font-size: 17px;
}
.msc-add-now{
    border: none;
    padding: 4px 10px;
    background-color: var(--msc-theme-royal-green);
    color: var(--msc-white);
    font-size: 15px;
}
.msc-cart-total-wrapper{
    border: 1px solid var(--msc-light-grey);
    padding: 40px 30px;
    margin: 0px 15px;
}
.msc-cart-total-wrapper h2{
    font-family: var(--msc-font-global-semibold);
    font-size: 30px;
    overflow-x: hidden;
    color: var(--msc-theme-global-royal-blue);
    position: relative;
    margin-bottom: 30px;
}
.msc-cart-total-wrapper h2::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: var(--msc-light);
    margin: 0px 10px;
    top: 0.9rem;
}
.msc-total-cart{
    margin-top:20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid var(--msc-light);
    padding: 0px 10px;
}
.msc-total-cart p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-medium);
    font-size: 18px;
}
.msc-total-cart span{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc-final-total{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    margin-top: 17px;
}
.msc-final-total p{
    color: var(--msc-theme-global-royal-blue);
    font-family: var(--msc-font-global-semibold);
    font-size: 24px;
}
.msc-final-total span{
    font-family: var(--msc-font-global-regular);
    font-size: 17px;
    color: var(--msc-light-text);
}
.msc-btn-checkout{
    margin-top: 20px;
    background-color: var(--msc-theme-global-royal-blue);
    color: var(--msc-white);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    width: 100%;
    padding: 12px 20px;
    border: 2px solid var(--msc-theme-global-royal-blue);
    position: relative;
    overflow: hidden;
    z-index: 99;
    transition: all .3s ease-in-out;
}
.msc-btn-checkout:hover{
    color: var(--msc-theme-global-royal-blue);
    transform: translateY(-3px);
    box-shadow: rgba(0, 0, 0, 0.279) 0px 25px 20px -20px;
}
.msc-btn-checkout::after{
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: var(--msc-white);
    visibility: hidden;
    transition: all .3s ease-in-out;
    left: -2rem;
    top: -4rem;
    z-index: -1;
}
.msc-btn-checkout:hover::after{
    width: 400px;
    height: 200px;
    visibility: visible;
}
.msc-cart-total-wrapper{
    outline: 2px dashed  var(--msc-light);
    outline-offset: -19px;
}
/* cart-page-end */

/* checkout */
.msc-checkout-page{
    margin: 50px 0px;
}
.msc-billing-form{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 15px;
}
.msc-heading-billing{
    color: var(--msc-theme-global-royal-blue);
    font-family: var(--msc-font-global-bold);
}
.msc-billing-form{
    margin-bottom: 25px;
}
.msc-login-now-billing{
    display: flex;
    flex-direction: row;  
    align-items: center;
    /* margin: 10px 0px;   */
}
.msc-login-now-billing p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
}
.msc-login-checkout{
    padding: 8px 13px;
    border: none;
    background-color: var(--msc-theme-oil-black);
    color: var(--msc-white);
    position: relative;
    border: 2px solid var(--msc-theme-oil-black);
    z-index: 99;
    transition: all .2s linear;
}
.msc-login-checkout:hover{
    color: var(--msc-theme-oil-black);
}
.msc-login-checkout::after{
    content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: var(--msc-white);
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .2s linear;
    z-index: -1;
}
.msc-login-checkout:hover::after{
    visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
}
.msc-input-billing{
    padding: 13px 20px !important;
    border-radius: 5px !important;
    margin-bottom: 18px;
    color: var(--msc-light-text) !important;
    font-size: 16px !important;
}
.msc-input-billing:focus{
    box-shadow: none !important;
}
.msc-billing-contact{
    font-family:  var(--msc-font-global-medium);
    font-size: 22px;
    color: var(--msc-theme-oil-black);
}
.msc-checkout-form-wrapper{
    padding-bottom: 10px;
    border-bottom: 1px solid var(--msc-light);
    padding: 0px 15px;
}
.msc-move-cart{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0px 15px;
}
.msc-continue-shopping {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 12px 25px;
    font-size: 18px;
    font-family: var(--msc-font-global-medium);
    border: 0;
    background-color: var(--msc-theme-global-royal-blue);
    overflow: hidden;
    transition: 31ms cubic-bezier(.5, .7, .4, 1);
   }
   
   .msc-continue-shopping:before {
    content: attr(alt);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    font-size: 17px;
    color: white;
    letter-spacing: 0px;
    opacity: 1;
   }
   
   .msc-continue-shopping:active {
    box-shadow: none;
    transform: translateY(7px);
    transition: 35ms cubic-bezier(.5, .7, .4, 1);
   }
   
   .msc-continue-shopping:hover:before {
    transition: all .0s;
    transform: translateY(100%);
    opacity: 0;
   }
   
   .msc-continue-shopping i {
    color: white;
    font-size: 17px;
    font-style: normal;
    transition: all 2s ease;
    transform: translateY(-20px);
    opacity: 0;
   }
   
   .msc-continue-shopping:hover i {
    transition: all .2s ease;
    transform: translateY(0px);
    opacity: 1;
   }
   
   .msc-continue-shopping:hover i:nth-child(1) {
    transition-delay: 0.045s;
   }
   
   .msc-continue-shopping:hover i:nth-child(2) {
    transition-delay: calc(0.045s * 3);
   }
   
   .msc-continue-shopping:hover i:nth-child(3) {
    transition-delay: calc(0.045s * 4);
   }
   
   .msc-continue-shopping:hover i:nth-child(4) {
    transition-delay: calc(0.045s * 5);
   }
   
   .msc-continue-shopping:hover i:nth-child(6) {
    transition-delay: calc(0.045s * 6);
   }
   
   .msc-continue-shopping:hover i:nth-child(7) {
    transition-delay: calc(0.045s * 7);
   }
   
   .msc-continue-shopping:hover i:nth-child(8) {
    transition-delay: calc(0.045s * 8);
   }
   
   .msc-continue-shopping:hover i:nth-child(9) {
    transition-delay: calc(0.045s * 9);
   }
   
   .msc-continue-shopping:hover i:nth-child(10) {
    transition-delay: calc(0.045s * 10);
   }
.msc-cart-go{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 19px;
}
.msc-confirm-order{
    background-color: var(--msc-border-color);
    padding: 25px 20px;
    /* border-radius: 45px 45px 0px 0px; */
}
.msc-product-main-checkout{
    background-color: var(--msc-white);
    border-radius: 25px 25px 8px 8px;
}
.msc-tag-checkout-bill{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-light-text);
    font-size: 16px;
    padding: 13px 22px;
    border-bottom: 1px solid var(--msc-light);
}
.msc-product-in-checkout{
    padding: 8px 18px;
}
.msc-product-checkout-table-heading tr{
    border-bottom: 1px solid var(--msc-light) !important; 
}
.msc-product-checkout-table-heading tr th{
    color: var(--msc-light-text) !important;
    font-family: var(--msc-font-global-medium) !important;
    font-weight: normal !important;
}
.msc-table-checkout>:not(:last-child)>:last-child>* {
    border-bottom-color: var(--msc-light) !important;
}
.msc-thumbnail-product-check{
    background-color: var(--msc-border-color);
    height: 68px;
    width: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px;
}
.msc-thumbnail-product-check img{
    width: 100%;
    height: auto;
}
.msc-thumbnail-content h2{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 20px;
}
.msc-thumbnail-content p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-theme-oil-black);
    font-size: 15px;
}
.msc-product-checkout-table-heading td,
.msc-checkout-body td{
    vertical-align: middle;
}
.msc-product-in-checkout .table .msc-checkout-body tr{
    vertical-align: middle !important;
}
.msc-thumbnail-content{
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    align-items: center;
    height: 100%;
}
.msc-price-checkout{
    font-family: var(--msc-font-global-medium) !important;
    font-size: 17px !important;
    color: var(--msc-light-text) !important;
}
.msc-apply-coupon-discount{
    background-color: var(--msc-white);
    margin: 8px 0px;
    border-radius: 8px;
}
.msc-appply-form{
    padding: 20px 18px;
}
.msc-button-submit-coupon{
    width: 100%;
    height: 100%;
    border: none;
    background-color: var(--msc-theme-global-blue);
    color: var(--msc-white);
    border: 2px solid var(--msc-theme-global-blue);
    border-radius: 8px;
    font-family: var(--msc-font-global-regular);
    transition: all .3s ease-in-out;
}
.msc-button-submit-coupon:hover{
    background-color: var(--msc-white);
    border: 2px solid var(--msc-theme-global-blue);
    color: var(--msc-theme-global-blue);
}
.msc-confirm-order-main{
    background-color: var(--msc-white);
    border-radius: 10px 10px 0px 0px;
}
.msc-checkout-price-main{
    display: flex;
    flex-direction: column;
    padding: 10px 18px;
    margin-top: 5px;
}
.msc-checkout-price-all{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-checkout-price-all p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 15px;
}
.msc-checkout-price-all span{
    color: var(--msc-light-text);
    font-size: 15px;
    font-family: var(--msc-font-global-medium);
}
.msc-total-checkout{
    background-color: var(--msc-light);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 8px 18px;
}
.msc-confirm-order-btn{
    background-color: var(--msc-theme-global-blue);
    border: 2px solid var(--msc-theme-global-blue);
    color: var(--msc-white);
    padding: 10px 22px;
    border-radius: 10px;
    font-family: var(--msc-font-global-regular);
    transition: all .2s linear;
}
.msc-confirm-order-btn:hover{
    background-color: var(--msc-white);
    color: var(--msc-theme-global-blue);
}
.msc-total-checkout p{
    font-family: var(--msc-font-global-extrabold);
    font-size: 28px;
    color: var(--msc-theme-oil-black);
    margin-left: 8px;
}
/* checkout-end */

/* confirm-order */
.msc-place-order{
    margin: 50px 0px;
}
.msc-wrapper-shipping-details{
    display: flex;
    flex-direction: column;
    border-right: 2px solid var(--msc-border-color);
    padding-right: 25px;
}
.msc-wrapper-shipping-details h2{
    font-family: var(--msc-font-global-bold);
    font-size: 30px;
    color: var(--msc-theme-oil-black);
}
.msc-shipping-details-wrapper{
    border-radius: 20px;
    border: 1px solid var(--msc-light);
    padding: 25px 30px;
    margin-top: 17px;
    position: relative;
}
.msc-place-des{
    font-family: var(--msc-font-global-medium);
    font-size: 18px;
    color: var(--msc-light-text);
}
.msc-shipping-details-wrapper p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc-address-tag{
    border-radius: 15px;
    background-color: var(--msc-white);
    padding: 15px 25px;
    box-shadow: rgba(108, 108, 108, 0.09) 0px 3px 5px;
    border: 2px solid var(--msc-border-color);
    margin: 15px 0px;
}
.msc-address-tag p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
    font-size: 17px;
}
.msc-address-tag p span{
    color: var(--msc-theme-oil-black);
    font-family: var(--msc-font-global-medium);
}
.msc-tag-main-design{
    margin: 15px 0px 5px 0px;
}
.msc-tag-main-design h3{
    margin-left: 10px;
    margin-bottom: 5px;
    display: inline-block;
    font-family: var(--msc-font-global-medium);
    font-size: 19px;
    color: var(--msc-light-text);
}
.msc-address-tag span{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 17px;
    margin-bottom: 3px;
}
.msc-shipping-details-wrapper span{
    font-family: var(--msc-font-global-medium);
    font-size: 15px;
    color: var(--msc-theme-oil-black);
    border: 1px solid var(--msc-light);
    padding: 7px 14px;
    border-radius: 20px;
    background-color: var(--msc-white);
    position: absolute;
    top: -1.4rem;
    left: 1rem;
}
.msc-heading-place-order{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-theme-oil-black);
    font-size: 29px;
    margin-bottom: 12px;
}
.msc-product-img-detail{
    background-color: var(--msc-border-color);
    height: 150px;
    width: 150px;
}
.msc-product-img-detail img{
    width: 100%;
    height: 100%;
    padding: 12px;
    object-fit: contain;
}
.msc-prodcut-info-details{
    margin: 20px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.msc-product-content-details-order span{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc-product-content-details-order h2{
    font-family: var(--msc-font-global-medium);
    font-size: 25px;
    color: var(--msc-theme-oil-black);
}
.msc-product-des-order{
    font-family: var(--msc-font-global-regular);
    font-size: 15px;
    color: var(--msc-light-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3em;
    line-height: 1.5em;
    margin: 0;
}
.msc-price-order-place{
    font-family: var(--msc-font-global-bold);
    font-size: 24px;
    color: var(--msc-theme-oil-black);
}
.msc-prodcut-info-details{
    padding-bottom: 10px;
    border-bottom: 1px solid var(--msc-theme-vanilla-color);
}
.msc-btn-pay{
    margin-top: 10px;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items:end;
}
.msc-btn-pay button{
    background-color: var(--msc-theme-oil-black);
    color: var(--msc-white);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    border: 2px solid var(--msc-theme-oil-black);
    padding: 13px 70px;
    position: relative;
    transition: all .2s linear;
}
.msc-btn-pay button:hover{
    background-color: var(--msc-white);
    color: var(--msc-theme-oil-black);
}
.msc-order-summary-total{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-order-summary-total p{
    margin: 10px 0px 0px 0px;
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc-order-summary-total span{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-medium);
    font-size: 17px;
}
.msc-order-summary h2{
    color: var(--msc-theme-oil-black);
    font-family: var(--msc-font-global-semibold);
    font-size: 24px;
}
.msc-order-summary{
    margin:5px 0px;
}
.msc-total-money-order{
    border-top: 1px solid var(--msc-light);
    border-bottom: 1px solid var(--msc-light);
    padding: 10px 5px;
    margin: 15px 0px;
}
.msc-total-money-order p{
    font-size: 24px !important; 
    font-family: var(--msc-font-global-medium) !important;
}
/* confirm-order-end */

/* dummy-payment */
.msc-payment-design{
    background-color: var(--msc-border-color);
    padding: 50px 0px;
}
  
.card-container {
    perspective: 1000px;
  }

  .card {
    width: 380px;
    height: 240px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
    cursor: pointer;
  }

  .card .front, .card .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  }

  .front {
    background: linear-gradient(135deg, #3db2ff, #0082c8);
    padding: 20px;
    color: white;
  }

  .chip {
    width: 50px;
    position: absolute;
    top: 15px;
    left: 20px;
  }

  .logo {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
  }

  .circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ff6f00;
  }

  .circle.red {
    margin-left: -10px;
    background-color: #e41e26;
  }

  .card-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
  }

  .label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 0.8;
  }

  .number {
    font-size: 20px;
    letter-spacing: 3px;
    margin: 5px 0;
  }

  .details {
    display: flex;
    justify-content: space-between;
  }

  .name, .date {
    font-size: 16px;
    margin-top: 5px;
  }

  .back {
    background: linear-gradient(135deg, #3db2ff, #0082c8);
    transform: rotateY(180deg);
    padding: 20px;
    color: white;
  }

  .magnetic-stripe {
    width: 100%;
    height: 50px;
    background: black;
    position: absolute;
    top: 15px;
    left: 0;
    border-radius: 5px 5px 0 0;
  }

  .signature-strip {
    background: white;
    width: 80%;
    height: 40px;
    position: absolute;
    top: 80px;
    left: 10%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-family: cursive;
    color: #333;
    font-size: 16px;
  }

  .cvv-box {
    width: 57px;
    height: 38px;
    background: var(--msc-border-color);
    position: absolute;
    top: 80.5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    right: 39.8px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    color: black;
    border-radius: 5px;
  }

  .disclaimer {
    font-size: 10px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    opacity: 0.8;
  }
  .flipped {
    transform: rotateY(180deg);
  }
  .msc-main-wrapper-payment{
    background-color: var(--msc-white);
    margin: 0px 160px;
    border-radius: 20px;
    overflow: hidden;
  }
.msc-input-payment{
    padding: 11px 16px !important;
    margin: 12px 0px;
    font-size: 16px !important;
    font-family: var(--msc-font-global-regular) !important;
    color: var(--msc-light-text) !important;
    border-radius: 10px !important;
}
.msc-input-payment:focus{
    box-shadow: none !important;
}
.msc-payment-form-label{
    font-family: var(--msc-font-global-regular);
    font-size: 15px;
    margin: 0;
    color: var(--msc-light-text);
}
.msc-form-payment{
    padding: 25px 30px 25px 5px;
}
.msc-btn-pay-btn-new{
    padding: 14px 60px;
    width: 100%;
    background-color: var(--msc-theme-global-blue);
    border: none;
    font-family: var(--msc-font-global-regular);
    color: var(--msc-white);
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 15px;
}
.pay-btn {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 5px;
    justify-content: center;
    position: relative;
    padding: 12px 24px;
    font-size: 16px;
    background: #1a1a1a;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
  }
  
  .pay-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  }
  
  .icon-container {
    position: relative;
    width: 24px;
    height: 24px;
  }
  
  .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    color: #22c55e;
    opacity: 0;
    visibility: hidden;
  }
  
  .default-icon {
    opacity: 1;
    visibility: visible;
  }
  .pay-btn:hover .icon {
    animation: none;
  }
  
  .pay-btn:hover .wallet-icon {
    opacity: 0;
    visibility: hidden;
  }
  
  .pay-btn:hover .card-icon {
    animation: iconRotate 2.5s infinite;
    animation-delay: 0s;
  }
  
  .pay-btn:hover .payment-icon {
    animation: iconRotate 2.5s infinite;
    animation-delay: 0.5s;
  }
  
  .pay-btn:hover .dollar-icon {
    animation: iconRotate 2.5s infinite;
    animation-delay: 1s;
  }
  
  .pay-btn:hover .check-icon {
    animation: iconRotate 2.5s infinite;
    animation-delay: 1.5s;
  }
  .pay-btn:active .icon {
    animation: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  
  .pay-btn:active .check-icon {
    animation: checkmarkAppear 0.6s ease forwards;
    visibility: visible;
  }
  
  .btn-text {
    font-weight: 600;
    font-family:
      system-ui,
      -apple-system,
      sans-serif;
  }
  
  @keyframes iconRotate {
    0% {
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px) scale(0.5);
    }
    5% {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
    }
    15% {
      opacity: 1;
      visibility: visible;
      transform: translateY(0) scale(1);
    }
    20% {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px) scale(0.5);
    }
    100% {
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px) scale(0.5);
    }
  }
  
  @keyframes checkmarkAppear {
    0% {
      opacity: 0;
      transform: scale(0.5) rotate(-45deg);
    }
    50% {
      opacity: 0.5;
      transform: scale(1.2) rotate(0deg);
    }
    100% {
      opacity: 1;
      transform: scale(1) rotate(0deg);
    }
  }
  
.msc-form-payment h1{
    font-family: var(--msc-font-global-semibold);
    font-size: 32px;
}
.msc-card-design{
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--msc-theme-light-blue-tone);
}
/* dummy-payment-end */

/* all-products */
.msc-all-products-design{
    /* background-color: var(--msc-theme-light-grey-tone); */
    padding: 50px 0px;
}
.msc-product-override{
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px !important;
}
.msc-heading-all-products{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-sort{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.msc-sort p{
    white-space:nowrap;
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 18px;
    margin: 0px 10px;
}
.msc-sorting-new{
    background-color: transparent !important;
    /* padding: 10px 15px !important; */
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular) !;
    font-size: 17px !important; 
    border: none !important;
    cursor: pointer;
}
.msc-sorting-new:focus{
    box-shadow: 0 0 0 .25rem rgba(27, 109, 86, 0.25) !important;
}
.msc-heading-all-products h2{
    font-family: var(--msc-font-global-semibold);
    color: var(--msc-theme-oil-black);
    font-size: 25px;
}
.msc-heading-all-products{
    padding: 7px 5px;
    border-bottom: 1px solid var(--msc-light);
}
.msc-filters-for-price p{
    font-family: var(--msc-font-global-medium);
    font-size: 19px;
    border-radius: 30px;
    border: 1px solid var(--msc-light-text);
    width: max-content;
    padding: 2px 20px;
    margin-top: 20px;
    color: var(--msc-light-text);
}
.msc-apply-filter-heading{
    font-family: var(--msc-font-global-semibold);
    font-size: 30px;
    color: var(--msc-theme-global-royal-blue);
}
.msc-filters-wrapper-main{
    margin: 7px 0px;
    padding: 0px 10px 0px 0px;
}
.msc-input-group{
    position: relative;
}
.msc-input-group span{
    font-family: var(--msc-font-global-medium);
    font-size: 19px;
    color: var(--msc-light-text);
    position: absolute;
    left: 0.9rem;
    top: 0.7rem;
}
.msc-input-filters{
    font-family: var(--msc-font-global-regular) !important;
    font-size: 17px !important;
    color: var(--msc-light-text) !important;
    padding: 10px 12px 10px 30px !important;
    border: 2px solid var(--msc-light) !important;
    border-radius: 0 !important;
    margin: 15px 0px !important;
}
.msc-input-filters:focus{
    box-shadow: none !important;
}
.msc-input-radio{
    border-radius: 4px !important;
    transition: all .2s ease-in-out !important;
}
.msc-input-radio:checked[type=radio] {
    background-color: var(--msc-theme-global-royal-blue) !important;
    background-image: url(../images/icons/tick.png) !important;
}
.msc-input-radio:focus{
    box-shadow: 0 0 0 1.6px rgba(21, 87, 96, 0.468) !important;
}
.msc-label-radio{
    font-family: var(--msc-font-global-medium);
    font-size: 17px;
    margin-left: 8px !important;
    color: var(--msc-theme-oil-black);
}
.apply-btn-filters{
    padding: 10px;
    width: 100%;
    margin-top: 15px;
    border: none;
    background-color: var(--msc-theme-global-royal-blue);
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
}
.reset-btn-filters{
    background-color: var(--msc-theme-oil-black) !important;
}
.msc-wrapper-sepcial{
    margin: 15px 0px;
}
.msc-special-heading{
    margin-top: 20px;
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 19px;
}
.msc-special-product{
    padding: 0px 10px 0px 0px;
}
.msc-wrapper-sepcial{
    background-color: var(--msc-white);
    padding: 10px;
    box-shadow: rgba(141, 141, 141, 0.08) 0px 4px 12px;
    border: 1px solid var(--msc-border-color);
}
.msc-special-product-image{
    height: 90px;
    width: 90px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.msc-special-product-image img{
    width: 100%;
    height: auto;
}
.msc-specail-product-main{
    padding: 5px 7px; 
}
.msc-specail-product-main h2{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 20px;
}
.msc-specail-product-main p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-semibold);
    font-size: 17px;
}
.msc-specail-product-main span{
    color: var(--msc-theme-oil-black);
    font-family: var(--msc-font-global-medium);
    font-size: 16px;
}
.msc-specail-product-main span i{
    color: var(--msc-primary);
}
.msc-wrapper-rating-special{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
/* all-products-end */

/* all-3d-models */
.msc-3d-modal-outer-wrapper{
    background: linear-gradient(to top, rgb(162, 190, 175), rgb(255, 255, 255));
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: -1;
}
.msc-text-bg{
    position: absolute;
    z-index: 1;
    top: 4rem;
}
.msc-text-bg p{
    color: var(--msc-theme-oil-black);
    font-size: 7rem;
    opacity: 0.9;
    font-family: var(--msc-font-global-bold);
}
.msc-main-modal-inner{
    position: relative;
    z-index: 999;
}
.msc-try-on-3d-modal{
    backdrop-filter: blur(20px);
    width: 450px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(238, 238, 238, 0.333);
    border-radius: 40px;
    padding: 10px;
    position: absolute;
    bottom: 2rem;
    /* left: 8rem; */
    z-index: 99999;
}
.msc-product-name{
    font-family: var(--msc-font-global-semibold);
    color: var(--msc-theme-oil-black);
    font-size: 18px;
    margin-left: 15px;
}
.try-on-btn{
    background-image: var(--msc-theme-linear-gradient);
    border: none;
    height: 100%;
    padding: 12px 24px;
    border-radius: 50px;
    color: var(--msc-white);
}
.msc-wrapper-puma{
    width: 1000px !important;
    height: 660px !important;
}
.message-login{
    color: var(--msc-warning);
    margin-bottom: 0;
    padding: 5px;
    font-size: 17px;
    color: var(--msc-theme-global-royal-blue);
}
/* all-3d-models-end */

/* account */
.msc-account-design{
    margin: 50px 0px;
}
.msc-button-account{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid var(--msc-light) !important;
    color: var(--msc-light-text) !important;
    border-radius: 0 !important;
    padding: 13px !important;
}
.msc-button-account:hover{
    border-bottom: 1px solid var(--msc-light) !important; 
}
/* .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--msc-light-text) !important;
    background-color: transparent !important;
} */
.msc-account-inner-wrapper{
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
}
.msc-dashboard-name{
    font-family: var(--msc-font-global-regular);
    font-size: 18px;
    color: var(--msc-theme-oil-black);
}
.msc-des-dash{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc-outer-wrapper-order-box{
    background-color: var(--msc-theme-extra-light-brown);
    /* border: 1px solid var(--msc-light-text); */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 0px;
    border-radius: 20px;
}
.msc-icon-box i{
    font-size: 70px;
    color: var(--msc-theme-brown);
}
.msc-icon-box p{
    color: var(--msc-theme-oil-black);
    font-family: var(--msc-font-global-medium);
    font-size: 23px;  
}
.msc-logout{
    color: var(--msc-light-text);
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-logout:hover{
    color: var(--msc-light-text);
}
.msc-product-add-success{
    width: max-content;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    font-family: var(--msc-font-global-regular);
    display: none;
    transition: all .3s linear;
}
.msc-response-message-outer{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.show-success{
    display: flex;
    background-color: #198754;
}

.show-danger{
    display: flex;
    background-color: var(--msc-theme-danger) !important;
}
.remove-checkout{
    display: none !important;
}
.re-subtotal{
    display: none !important;
}
.msc-cart-empty-page{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.msc-outer-cart-em-page img{
    height: auto;
    width: 280px;
}
.msc-outer-cart-em-page p{
    color: var(--msc-light-text);
    font-family: var(--msc-font-global-bold);
    font-size: 35px;
    margin-bottom: 0;
}
#msc-success{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 40px;
}
.msc-img-success-wrapper img{
    height: 600px !important;
}
.msc-order-row-account td{
    padding: 12px !important;
}
.msc-order-row-account th{
    font-family: var(--msc-font-global-regular) !important;
    font-size: 17px !important;
    color: var(--msc-theme-oil-black) !important;
}
.msc-tag-address-account{
    background-color: var(--msc-theme-light-grey-tone);
    padding: 20px;
    border-radius: 20px;
    margin: 15px 0px;
}
.msc-tag-address-account p{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-theme-oil-black);
    font-size: 17px;
}
.msc-tag-address-account span{
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    color: var(--msc-light-text);
}
/* account-end */

/* banner-video */
#msc-banner-video{
    width: 100% !important;
    height: 740px !important;
    object-fit: cover;
}
.msc-video-banner{
    position: relative;
}
.msc-main-section-bannerv{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-inner-header{
    position: absolute;
    left: 0;
    width: 100% !important;
    z-index: 99;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(40px);
    padding: 10px;
}
.msc-main-logo a{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
.msc-banner-text p{
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
    font-size: 23px;
}
.msc-inner-header-scroll{
    position: fixed;
    top: -200px;
    left: 0;
    width: 100% !important;
    z-index: 9999999;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(40px);
    padding: 10px;
    opacity: 0;
    transition: opacity.3s ease-in-out;
    transition: top.5s ease-in-out;
}
.scroll-show{
    opacity: 1;
    padding: 2px 27px;
    position: fixed;
    top: 0;
    background-image: linear-gradient(45deg, var(--msc-theme-global-royal-blue), var(--msc-theme-royal-green));
}

.color-change{
    color: #f5e082 !important;
    text-shadow: none !important;
}
.imp-links{
    color: #f5e082 !important;
}
.msc-login-user{
    color: var(--msc-white);
}
.login-color{
    color: #f5e082 !important;
}
.msc-responsive-sidebar-logo{
    display: none;
}
.msc-banner-text p {
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
    font-size: 23px;
    margin-left: 10px;
}
.msc-responsive-links{
    display: none;
}
/* banner-video-end */

/* hamburger */
.msc-hamburger-responsive{
    display: none;
}
.msc-hamburger-responsive span{
    display: block;
    width: 30px !important;
    height: 2px !important;
    background-color: var(--msc-white);
    border-radius: 20px;
    margin: 5px;
}
.msc-bar-1{
    transition: all .2s ease-in-out;
}
.msc-bar-2{
    transition: opacity 0.3s ease, height 0.3s ease;
}
.msc-bar-3{
    transition: all .2s ease-in-out;
}
.msc-bar-1.bar-active-1{
    transform: rotate(45deg) translateY(5px);
}
.msc-bar-2.bar-active-2{
    opacity: 0;
    height: 0;
    transform: translateX(50px);
}
.msc-bar-3.bar-active-3{
    transform: rotate(-45deg) translateY(-5px);
}
.msc-responsive-logo{
    display: none;
}
.msc-responsive-logo-slider{
    display: none;
}
.msc-filter-btn-responsive{
    display: none;
}
.msc-icon-close-filter{
    display: none !important;
}
/* hamburger-end */

/* changes */
/* body{
    background: linear-gradient(135deg, #0a0a0a, #162a3a, #000000);
} */
.msc-discount {
    color: var(--msc-white);
}
.msc-ar-tech::after {
    height: 0;
    width: 0;
}
.msc-category-design {
    margin-top: -6px;
}
.scroll-show {
    background-image: linear-gradient(45deg, #000000, #494949);
}
.color-change {
    color: var(--msc-white) !important;
}
.imp-links {
    color: var(--msc-white) !important;
}
.msc-category-design {
    padding: 70px 0px;
    background: linear-gradient(135deg, #0a0a0a, #162a3a, #000000);
}
.msc-collection-unique {
    background-color: var(--msc-theme-light-blue-tone);
    background-image: url("../images/background/bg-new.png");
    background-attachment: fixed;
    position: relative;
    z-index: 99;
    padding: 40px 0px;
    margin: 0px;
    overflow: hidden;
}
.msc-collection-unique::before {
    height: 0px;
    width: 0px;
}
.msc-collection-unique::after {
    height: 0px;
    width: 0px;
}
.msc-popular-products {
    padding: 80px 0px;
}
.msc-video-wrapper-main video {
    object-fit: cover;
}
.msc-logo-name::before {
    background-color: #111b24;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #1f2328 !important;
    background-color: #eeecec !important;
    border: 2px solid lightgrey !important;
}
.msc-tab-pills-btn {
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.msc-tab-pills-btn::after {
    height: 0;
    width: 0;
    background-color: transparent !important;
}
.msc-tab-pills-btn::before {
    height: 0;
    width: 0;
    background-color: transparent !important;
}
.nav-link:hover {
    border-color: 2px solid var(--msc-light-opacity) !important;
}
.msc-video-wrapper-main::after {
    height: 99%;
    width: 100%;
}
.msc-customer-reviews {
    margin: 80px 0px 0px 0px;
}
.msc-ar-video video {
    border: none;
    outline: none;
}
.msc-category-text-wrapper h2 {
    font-family: var(--msc-theme-font-libre-bold);
    color: var(--msc-white);
    font-size: 38px;
}
.msc-badge-content-collection p {
    font-size: 19px;
    font-family: var(--msc-theme-font-libre-italic);
}
.msc-collection-text-wrapper h2 {
    font-family: var(--msc-theme-font-libre-bold);
    color: var(--msc-white);
    font-size: 40px;
}
.msc-ar-3d-text{
    font-family: var(--msc-theme-font-libre-bold) !important;
    color: var(--msc-white) !important;
    font-size: 22px !important;
}
.msc-new-arrivals{
    /* background-image: linear-gradient(135deg, #0a0a0a, #162a3a, #000000); */
}
.msc-sliding-text {
    background-color: transparent;
}
.msc-customer-reviews::after {
    content: "";
    position: absolute;
    background-image: url(../images/gradient.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: lighten;
    background-color: transparent;
    width: 100%;
    height: 600px;
    top: -1rem;
    z-index: -1;
}
.msc-customer-reviews::before {
    content: "";
    position: absolute;
    background-image: url(../images/gradient.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: lighten;
    background-color: transparent;
    width: 0;
    height: 0;
    top: -1rem;
    z-index: -1;
}
.msc-sale-text-item{
    color: var(--msc-white);
}
.msc-special-product-image img {
    width: 100%;
    height: auto;
    padding: 10px;
}
.msc-container-wishlist {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
    border-radius: 10px;
    color: var(--msc-light-text);
    font-family: 'roboto-regular';
    font-size: 17px;
}
  
  #favorite {
    display: none;
  }
  
  #favorite:checked + .msc-container-wishlist svg {
    fill: hsl(0deg 100% 50%);
    stroke: hsl(0deg 100% 50%);
    animation: heartButton 1s;
  }
  
  @keyframes heartButton {
    0% {
      transform: scale(1);
    }
  
    25% {
      transform: scale(1.3);
    }
  
    50% {
      transform: scale(1);
    }
  
    75% {
      transform: scale(1.3);
    }
  
    100% {
      transform: scale(1);
    }
  }
  
  #favorite + .msc-container-wishlist .action {
    position: relative;
    overflow: hidden;
    display: grid;
  }
  
  #favorite + .msc-container-wishlist .action span {
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    transition: all 0.5s;
  }
  
  #favorite + .msc-container-wishlist .action span.option-1 {
    transform: translate(0px, 0%);
    opacity: 1;
  }
  
  #favorite:checked + .msc-container-wishlist .action span.option-1 {
    transform: translate(0px, -100%);
    opacity: 0;
  }
  
  #favorite + .msc-container-wishlist .action span.option-2 {
    transform: translate(0px, 100%);
    opacity: 0;
  }
  
  #favorite:checked + .msc-container-wishlist .action span.option-2 {
    transform: translate(0px, 0%);
    opacity: 1;
  }
  .msc-header-custom-size-modal{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px !important;
    border-bottom: 0px !important;
    text-align: center;
}
.msc-btn-close-size-guide{
    box-sizing: content-box;
    padding: 6px !important;
    border-radius: 50% !important;
    font-size: 16px !important;
    color: var(--msc-white) !important;
    background: transparent !important;
    background-color: var(--msc-light-text) !important;
    border: 0;
    outline-offset: 2px;
    border-radius: .25rem;
    position: absolute;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;  
    right: -0.5rem;
    top: -0.5rem;
    opacity: 1 !important;
    z-index: 99 !important;
}
.btn-close:focus {
    outline: 0;
    box-shadow: none !important;
    opacity: 0.6 !important;
}
.msc-size-guide-outer{
    padding: 1px 15px !important;
}
.msc-main-dialog{
    max-width: 650px !important;
}
.msc-clothing-size-title{
    font-family: var(--msc-font-global-medium);
    font-size: 20px;
    color: var(--msc-light-text);
    position: relative;
    overflow: hidden;
}
.msc-clothing-size-title::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    color: var(--msc-light-grey);
    border-bottom: 1px solid var(--msc-light);
    margin: 0px 10px;
    top: 14px;
}
.modal {
    z-index: 9999999 !important;
}
.msc-input-url{
    border-radius: 0px !important;
    padding: 10px 16px !important;
}
.msc-input-url:focus{
    box-shadow: none !important;
}
.msc-btn-url-copy{
    border-radius: 0px !important;
    background-color: var(--msc-theme-global-royal-blue) !important;
    color: var(--msc-white) !important;
    border: 1px solid var(--msc-theme-global-royal-blue) !important;
}
.msc-btn-whatsapp-share{
    padding: 10px 15px;
    background-color: var(--msc-theme-global-dark-blue);
    color: var(--msc-white);
    display: inline-block;
    margin-top: 15px;
}
.msc-btn-whatsapp-share:hover{
    color: var(--msc-white);
} 
.msc-qr-placment{
    margin-top: 40px;
}
.msc-qr-placment img{
    padding: 10px;
    background-color: var(--msc-white);
    border-radius: 25px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    box-shadow: rgba(167, 167, 167, 0.45) 0px 25px 20px -20px;
}
.msc-qr-placment img:hover{
    outline: 1px solid whitesmoke;
    outline-offset: 8px;
    transform: scale(1.03) translateY(-5px);
}
.msc-bottom-ar-page{
    margin-top: 40px;
    position: relative;
    z-index: 9999;
    text-align: center;
}
.msc-made-by{
    font-family: var(--msc-font-global-medium);
    font-size: 18px;
    color: whitesmoke;
    margin-top: 10px;
}
.msc-made-by a{
    color: var(--msc-red);
}
.msc-made-by a:hover{
    color: var(--msc-red);
}
.msc-btn-back-home {
    padding: 0.1em 0.25em;
    width: 13em;
    height: 4.2em;
    background-color: #212121;
    border: 0.08em solid #fff;
    border-radius: 0.3em;
    font-size: 12px;
    cursor: pointer;
  }
  
  .msc-btn-back-home span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0.4em;
    width: 8.25em;
    height: 2.5em;
    background-color: #212121;
    border-radius: 0.2em;
    font-size: 1.5em;
    color: #fff;
    border: 0.08em solid #fff;
    box-shadow: 0 0.4em 0.1em 0.019em #fff;
  }
  
  .msc-btn-back-home span:hover {
    transition: all 0.5s;
    transform: translate(0, 0.4em);
    box-shadow: 0 0 0 0 #fff;
  }
  
  .msc-btn-back-home span:not(hover) {
    transition: all 1s;
  }
  
/* changes-end */

/* ar */
.msc-main-bg-ar{
    min-height: 100vh;
    /* background: linear-gradient(90deg, #000000, #0a1f33, #051b2f); */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.msc-qr-placment img{
    height: 300px;
    width: 300px;
    border: 5px solid var(--msc-white);
}
.msc-heading-qr{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-white);
    font-size: 40px;
}
.msc-main-inner-qr{
    position: relative;
    z-index: 99;
    text-align: center;
}
.msc-heading-description-qr{
    font-family: var(--msc-font-global-medium);
    color: var(--msc-white);
    font-size: 25px;
}
.back-to-home{
    background-color: var(--msc-white);
    margin-top: 20px;
    padding: 10px;
    border: none;
}
.msc-main-bg-ar::after{
    content: "";
    position: absolute;
    background-image: url(../images/background/ar-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    /* opacity: 0.03; */
    z-index: 1;
}
.msc-virtual-img{
    height: 120px;
}
/* ar-end */

/* ml-css */
.msc-recommended-sizes{
    padding: 5px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-recommended-sizes p{
    font-family: var(--msc-font-global-regular);
    color: var(--msc-light-text);
    font-size: 18px;
}
.cta {
    position: relative;
    margin: auto;
    padding: 12px 18px;
    transition: all 0.2s ease;
    border: none;
    background: none;
    cursor: pointer;
  }
  
  .cta:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 50px;
    background: var(--msc-theme-vanilla-color);
    width: 45px;
    height: 45px;
    transition: all 0.3s ease;
  }
  
  .cta span {
    position: relative;
    font-family: var(--msc-font-global-medium);
    font-size: 17px;
    /* font-weight: 700; */
    letter-spacing: 0.05em;
    color: var(--msc-light-text);
  }
  
  .cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #234567;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
  }
  
  .cta:hover:before {
    width: 100%;
    background: var(--msc-theme-vanilla-color);
  }
  
  .cta:hover svg {
    transform: translateX(0);
  }
  
  .cta:active {
    transform: scale(0.95);
  }
.msc-main-wrapper-row{
    margin: 70px 120px;
    /* background-color: var(--msc-theme-light-grey-tone); */
    background-image: linear-gradient(135deg, #0a0a0a, #162a3a, #000000);
    outline: 2px solid var(--msc-light-text);
    outline-offset: -15px;
    border-radius: 30px;
}
.msc-input-ml-part{
    padding: 12px 17px !important;
    background-color: transparent !important;
    border: 1px solid var(--msc-white) !important; 
    border-radius: 7px !important;
    color: var(--msc-white) !important;
}
.msc-input-ml-part:focus{
    box-shadow: none !important;
    color: var(--msc-white) !important;
}
.msc-input-ml-part::placeholder{
    color: var(--msc-white) !important;
}
.msc-main-wrapper-ml-input{
    margin: 10px 0px;
}
.msc-input-label-ml{
    color: whitesmoke;
    font-family: var(--msc-font-global-regular);
    font-size: 17px;
}
.msc-form-data-ml-size{
    padding: 20px 50px 20px 10px;
    margin-top: 12px;
    margin-bottom: 10px;
}
.msc-form-image-upload{
    display: none !important;
}
.msc-file-upload-design{
    background-color: var(--msc-light-opacity);
    /* padding: 30px 20px !important; */
    color: var(--msc-white);
    outline: 2px solid whitesmoke;
    outline-offset: -7px;
    padding: 20px 30px;
    margin-top: 8px;
    margin-left: 15px;
    border-radius: 15px;
    cursor: pointer;
}
.msc-form-heading-ml{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-white);
    font-size: 27px;
}
.msc-preview-uploaded-image{
    height:100px;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid whitesmoke;
    border-radius: 25px;
    padding: 5px;
}
.msc-preview-uploaded-image img{
    width: 100%;
    height: 100%;
    padding: 5px;
    border: 1px dashed whitesmoke;
    border-radius: 20px;
}
.msc-wrapper-main-upload{
    display: flex;
    flex-direction: row;
    border: 1px solid var(--msc-theme-white-grey);
    border-radius: 28px;
    width: max-content;
    padding: 10px;
}
.msc-form-ml-submit{
    padding: 13px 30px;
    border-radius: 30px;
    margin: 5px 0px;
    border: none;
    background-color: var(--msc-theme-light-blue-tone);
    font-family: var(--msc-font-global-regular);
    border: 2px solid var(--msc-theme-light-blue-tone);
    transition: all .3s ease-in-out;
}
.msc-form-ml-submit:hover{
    background-color: var(--msc-light-opacity);
    border: 2px solid var(--msc-theme-light-blue-tone);
    color: var(--msc-theme-light-blue-tone);
    transform: translateY(-2px) scale(1.03);
}
.msc-size-guider-image img{
    height: 650px;
    object-fit: cover;
}
.msc-size-suggest-icon img{
    height: 50px;
    width: 50px;
}
.msc-alert-design{
    display: none;
}
.msc-content-alert{
    display: flex;
    flex-direction: column;
}
.msc-content-alert{
    color: var(--msc-white);
}
.msc-main-size-alert{
    font-size: 17px;
    font-family: var(--msc-font-global-medium);
}
.msc-alert-design{
    padding: 20px 50px 20px 10px;
}
.msc-alert-design h2{
    font-size: 30px;
    color:var(--msc-white);
    font-family: var(--msc-font-global-bold);
}
.msc-alert-design p{
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
    font-size: 20px;
}
.msc-paragraph-response p{
    color: var(--msc-white);
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
}
.msc_visible_content {
    display: flex;
    flex-direction: column;
    margin: 18px;
    margin-top: 52px;
}
.msc-image-response{
    height: 500px !important;
}

.msc-sub-heading-ml{
    font-family: var(--msc-font-global-regular);
    color: whitesmoke;
    font-size: 17px;
}
.msc-form-heading-ml{
    font-family: var(--msc-font-global-bold);
    color: var(--msc-white);
    font-size: 32px;
}
.msc-size-guider-image img {
    height: 520px;
    object-fit: cover;
}
.msc-form-ml-submit{
    margin-top: 10px;
    padding: 8px 20px !important;
}
.msc-main-wrapper-button-ml{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.msc-description-content-ml-main{
    margin-top: 20px;
}
.msc-instructions-ml-form{
    color: whitesmoke;
    font-family: var(--msc-font-global-regular);
}
.msc-age-panel-form{
    margin-top: 50px;
    padding: 0px 60px 20px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.msc-chest-panel-form{
    margin-top: 20px;
    padding: 40px 70px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    text-align: center;
}
.msc-content-desc-panel-chest{
    margin-bottom: 15px;
}
.msc-content-desc-panel-chest h2{
    color: var(--msc-white);
    font-family: var(--msc-font-global-bold);
    font-size: 34px;
}
.msc-content-desc-panel-chest p{
    color: whitesmoke;
    font-family: var(--msc-theme-font-regular);
    font-size: 17px;
}
.msc-chest-size-text{
    color: var(--msc-white);
    font-family: var(--msc-font-global-medium);
}
.msc-image-chest-guider{
    height: 220px !important;
    width: 220px !important;
    aspect-ratio: 1/1;
}
.msc-main-image-chest{
    margin-top: 20px;
    opacity: 0.7;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.msc-main-image-chest:hover{
    transform: translateY(-2px) scale(1.01);
    opacity: 1;
}
.remove-form{
    display: none;
    opacity: 0;
}
.msc-main-wrapper-row { 
    height: 520px;
    overflow: hidden;
}
.danger-input{
    border: 2px solid red !important;
}
.focus{
    transform: translateY(-2px) scale(1.01);
    opacity: 1;
}
.msc-main-image-waist{
    margin-top: 20px;
    opacity: 0.7;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.msc-main-image-waist:hover{
    transform: translateY(-2px) scale(1.01);
    opacity: 1;
}
.msc-waist{
    transform: translateY(-2px) scale(1.01);
    opacity: 1;
}
.msc_visible_content {
    margin: 0;
    margin-top: 0;
}
.msc-alert-design {
    padding: 0;
}
.msc-response-content-ml-new{
    padding: 84px 44px 40px 15px;
}
/* ml-css-end */


/* loader */
.msc-main-wrapper-loader{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #333333ae;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.circle {
    width: 20px;
    height: 20px;
    margin: 0 5px;
    background: #3498db;
    border-radius: 50%;
    animation: bounce 1.5s infinite ease-in-out;
}

.circle:nth-child(2) {
    animation-delay: 0.2s;
}

.circle:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.3;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}
/* loader-end */

.msc-login-form {
    margin-top: 0 !important;
    padding: 40px 26px !important;
    padding-bottom: 20px !important;
}
.msc-login-form h2{
    margin-bottom: 8px;
    font-size: 30px;
    color: whitesmoke !important; 
}
.msc-popup-login-input {
    width: 100% !important;
    margin-top: 15px;
    margin-bottom: 15px;
    color: var(--msc-white) !important;
    position: relative !important;
    background-color: var(--msc-light-opacity) !important;
    border-radius: 10px !important;
    /* padding: 10px !important; */
}
.msc-popup-login-input:focus{
    box-shadow: none !important;
}
.form-floating>.form-control {
    padding: 0px 10px !important;
    color: whitesmoke !important;
}
.form-floating>label {
    padding: 0px 10px !important;
    height: 10px !important;
    margin: 13px 6px !important;
    background-color: transparent !important;
    width: max-content;
    color: whitesmoke !important;
}
.form-floating>.form-control, .form-floating>.form-select {
    height: 50px !important;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1 !important;
    transform: scale(.85) translateY(-1.3rem) translateX(-0.1rem) !important;
}
.msc-new-signup {
    color: whitesmoke;
    font-family: var(--msc-font-global-regular);
    font-size: 16px;
    border-bottom: 1px solid #f5f5f58f;
    padding-bottom: 11px;
    padding-top: 3px;
    padding-left: 4px;
}
.msc-login-now {
    width: 100% !important;
    margin: 2px;
    border-radius: 8px;
}
.msc-login-now::after {
    width: 496px;
    height: 300px;
    top: -3rem;
    left: -4.4rem;
}
.msc-login-now:hover {
    background-color: transparent;
    color: whitesmoke;
    border: 2px solid whitesmoke;
}
.msc-login-form-bottom-popup{
    font-family: var(--msc-font-global-medium);
    color: whitesmoke;
    font-size: 17px;
    border-top: 1px solid rgba(245, 245, 245, 0.477);
    padding-top: 8px;
    text-align: center;
}
.msc-login-form-bottom-popup a{
    color: #295270;
    transition: all .3s ease-in-out;
}
.msc-login-form-bottom-popup a:hover{
    color: #295270;
}

/* responsive-design */

@media screen and (max-width:700px) {
    body{
        overflow-x: hidden !important;
    }   
    .msc-banners-design{
        display: none;
    }
    .msc-responsive-logo-slider{
        display: block;
    }
    .msc-responsive-links{
        display: flex !important;
        flex-direction: column !important;
        padding: 10px 8px;
    }
    .msc-responsive-links a{
        font-size: 20px !important;
        margin: 5px 0px;
    }
    .responsive-border{
        border-bottom:1px solid var(--msc-theme-extra-light-olive);
        padding: 10px 0px;
        width: 100%;
    }
    .msc-main-navbar.navbar-active{
        left: 0;
        opacity: 1;
    }
    body.msc-navbar-scroll{
        width: 100% !important;
        height: 100vh;
        position: fixed;
        overflow: hidden !important;
    }
    .msc-main-navbar {
        display: flex;
        flex-direction: column;
        justify-content: start !important;
        align-items: start;
        padding: 10px;
        position: absolute;
        height: 100vh;
        width: 330px;
        background-image: linear-gradient(45deg, var(--msc-theme-global-royal-blue), var(--msc-theme-dark-olive));
        left: -400px;
        top: 0;
        padding: 16px 21px;
        transition: all .3s ease-in-out;
    }
    .msc-responsive-main-header{
        display: none;
    }
    .msc-main-logo img {
        width: 75px;
        height: auto;
    }
    .msc-badge-category{
        display: none;
    }
    .msc-product-des-cart{
        display: none;
    }
    .msc-cart-product-page h2 {
        font-size: 20px;
        margin-left: 48px;
    }
    .msc-login-now-billing {
        display: none;
    }
    .msc-move-cart {
        margin-bottom: 25px;
    }
    .msc-main-content-billing{
        margin-left: 24px;
    }
    .msc-responsive-icon-header-main span{
        display: none !important;
    }
    .msc-responsive-icon-header-main i{
        margin: 0px 4px;
    }
    .msc-wrapper-shipping-details {
        border-right: none;
        padding-right: 0;
    }
    .msc-place-order{
        padding: 0px 10px;
    }
    .msc-responsive-sidebar-logo{
        display: block;
        margin-bottom: 26px;
    }
    .msc-banner-text p{
        font-size: 26px !important;
    }
    .msc-main-navbar p {
        font-family: var(--msc-font-global-regular);
        text-shadow: none;
        font-size: 19px;
        padding: 0px 0px;
        margin: 15px;
    }
    .msc-cart-empty {
        height: 74vh !important;
    }
    .msc-main-dropdown {
        position: relative !important;
        margin: -16px 0px;
        transition: all .2s linear;
    }
    .msc-hamburger-responsive {
        display: block !important;
    }
    #shoes {
        width: 100% !important;
        height: 100% !important;
    }
    #hoddie {
        width: 100% !important;
        height: 100% !important;
    }
    .msc-imp-icons{
        display: flex;
        flex-direction: row;
    }
    .msc-ar-tech::after {
        height: auto;
        width: 100%;
    }
    .msc-what-we-do::after {
        width: 280px;
        height: auto;
    }
    .msc-category-text-wrapper {
        position: relative;
        padding: 0px 12px;
    }
    .msc-category-outer-wrapper{
        background-color: var(--msc-theme-vanilla-color) !important;
        visibility: visible;
        animation-duration: 1s;
        margin: 25px 12px 0px 12px;
    }
    .msc-cat-heading h2 {
        font-size: 21px;
    }
    .msc-catwise-shop i{
        padding-right: 7px;
    } 
    .msc-badge-content-collection p {
        font-size: 13px;
    }
    .msc-collection-text-wrapper h2 {
        font-size: 33px;
    }
    .msc-more-collection button {
        background-color: var(--msc-white);
        border: 1px solid var(--msc-theme-royal-green);
        border-radius: 40px;
        padding: 15px 17px;
        font-family: var(--msc-font-global-medium);
        position: relative;
        z-index: 99;
        white-space: nowrap;
        /* font-size: 17px; */
        overflow: hidden;
        transition: all .2s ease-in-out;
    }
    .msc-collection-outer-wrapper {
        padding: 0px 15px;
    }
    .msc-collection-card {
        margin: 14px 0px;
        height: auto;
    }
    .msc-collection-card-image {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0px 18px;
    }
    .msc-tabs-content-card {
        margin: 0px 18px;
    }
    .msc-discount-products p {
        padding: 8px 33px;
    }
    .msc-discount-products {
        height: 55px;
        width: 156px;
        right: 0.3rem;
    }
    .msc-logo-name {
        padding: 15px 20px 15px 23px;
    }
    .msc-product-image-wrapper .product-images .owl-dots {
        left: calc(300px - 191px);
    }
    .msc-wrapper-card:hover .msc-product-image-wrapper .product-images .owl-dots {
        bottom: 1.6rem;
    }
    .msc-3d-model-content {
        height: auto;
        width: 100%;    
        padding: 40px;
    }
    .msc-tabs-wrapper-outside {
        border: 1px solid var(--msc-theme-am-med-blue);
        border-radius: 40px;
        width: max-content;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 7px;
        border: 1px solid var(--msc-theme-global-royal-blue);
        padding: 13px 10px 0px 7px;
    }
    .msc-tab-pills-btn {
        margin: 0px;
        width: 100%;
        padding: 10px 27px !important;
    }
    .msc-main-tab-btn::before {
        height: 0;
        width: 0;
    }
    ul li:nth-last-of-type(1)::after {
        height: 0;
        width: 0;
    }
    .msc-border-pills::after {
        content: "";
        position: absolute;
        border-bottom: 2px solid var(--msc-theme-extra-light-olive);
        height: 0;
        width: 0;
        left: 0;
    }
    .msc-main-tab-btn {
        margin: 0px 3px;
    }
    .msc-tabs-content-wrapper {
        margin: 10px 0px 30px 0px;
    }
    .msc-tabs-wrapper-outside.nav-pills{
        margin-bottom: 0 !important;
    }
    .msc-overlay-content-video {
        display: none;
    }
    .msc-video-wrapper-main video {
        width: 100% !important;
        height: auto;
        background-color: transparent !important;
        position: relative;
    }
    .msc-svg-animation-shoes {
        top: auto;
        right: 5rem;
        width: 450px;
        height: 450px;
        z-index: -1;
        bottom: -58px;
    }
    .msc-vector-arrivals img {
        height: auto!important;
        width: 100% !important;
    }
    .msc-new-arrivals {
        padding: 40px 0px;
    }
    .msc-arrival-buttons{
        display: none;
    }
    .msc-ar-video {
        height: 503px !important;
        margin: 0px 5px;
    }
    .msc-wrapper-do {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 45px;
        position: relative;
        transition: all .2s ease-in-out;
        justify-content: center;
        text-align: center;
    }
    .msc-wrapper-what-we-do {
        background-color: var(--msc-theme-light-blue-tone);
        padding: 0px 15px 60px 15px;
        margin: 0px 3px;
        margin-top: 20px;
        border-radius: 30px;
        position: relative;
        box-shadow: rgba(214, 214, 214, 0.2) 0px 2px 8px 0px;
    }
    .msc-content-do {
        margin: 1px 7px;
        margin-top: 12px;
    }
    .msc-content-do h2 {
        font-size: 19px;
    }
    .msc-content-do p {
        font-size: 14px;
    }
    .msc-sale-on-products {
        margin: 21px 9px;
    }
    .msc-coupen-code-apply{
        padding: 0px 11px;
    }
    .msc-main-reviews{
        display: flex;
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important; 
    }
    .msc-customer-review-inner {
        margin: 60px 30px 30px 30px;
    }
    .msc-product-content-details-order {
        margin-left: 68px;
    }
    .msc-product-des-order {
        -webkit-line-clamp: 1;
        height: 1.5em;
    }
    .msc-main-wrapper-payment {
        margin: 0px 5px;
        border-radius: 20px;
        overflow: hidden;
    }
    .msc-form-payment {
        padding: 20px;
    }
    .msc-img-success-wrapper img {
        height: auto !important;
    }
    .msc-hero-heading {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 74px 50px;
        margin-top: 60px;
    }
    .msc-hero-section-heading {
        font-family: var(--msc-font-global-bold);
        color: var(--msc-white);
        font-size: 32px;
        text-align: center;
    }
    .msc-account-design {
        padding: 0px 6px;
    }
    .msc-section-divide{
        margin-top: 25px;
    }
    .msc-outer-wrapper-order-box {
        margin-top: 14px;
    }
    .msc-dashboard-name {
        padding: 0px 10px;
    }
    .msc-des-dash {
        padding: 0px 10px;
    }
    .msc-wrapper-login-image {
        display: none;
    }
    .msc-login-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
        margin-top:0;
    }
    .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
        /* border: 4px solid var(--msc-theme-royal-green); */
    }
    .msc-btn-close-size-guide {
        right: 1rem;
        top: 1.4rem;
    }
    .msc-order-row-account th{
        font-size: 15px !important;
    }
    .msc-special-product {
        display: none;
    }
    .msc-filters-wrapper-main {
        margin: 7px 0px;
        padding: 0px 10px 0px 0px;
        height: 100vh;
        position: fixed;
        z-index: 999;
        left: -500px;
        top: -0.5rem;
        background-color: white;
        padding: 10px 25px;
        width: 100%;
        transition: all .3s ease-in-out;
    }
    .msc-apply-filter-heading{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .msc-icon-close-filter{
        display: block !important;
    }
    .msc-filter-btn-responsive{
        display: flex;
        align-items: center;
        padding: 10px 20px;
        margin: 10px 0px;
        border: none; 
        color: var(--msc-white);
        background-color: var(--msc-theme-global-royal-blue);
    }
    .show-filter{
        left: 0;
    }
    .msc-sort {
        display: none;
    }
    .msc-heading-all-products h2 {
        font-size: 30px;
    }
    .msc-all-products-design {
        padding: 50px 15px;
    }
    .msc-3d-modal-outer-wrapper {
        text-align: center;
    }
    .msc-text-bg p {
        color: var(--msc-theme-oil-black);
        font-size: 4rem;
        opacity: 0.9;
        line-height: 4.5rem;
        font-family: var(--msc-font-global-bold);
    }
    .msc-try-on-3d-modal {
        display: none;
    }
    .msc-3d-modal-outer-wrapper {
        height: 370px;
    }
    .msc-wrapper-puma {
        width: 100% !important;
        height: 100% !important;
    }
    .msc-outer-wrapper-product-image {
        margin: 10px;
        position: relative;
    }
    .msc-main-img-product-shop {
        width: 100%;
        height: 385px;
    }
    .msc-inner-wrapper-shop::after {
        border-radius: 19px;
        height: 100%;
        width: 100%;
    }
    .msc-thumbnail-image-shop {
        height: 61px;
        border-radius: 10px;
        background-color: var(--msc-theme-extra-light-brown);
        border-radius: 1;
        z-index: 9;
        margin: 10px 0px;
    }
    .msc-main-shop-products{
        padding: 0px 11px;
    }
    .quantity-container {
        display: none;
    }
    .msc-shop-add-tocart {
        margin-right: 5px;
    }
    .msc-shop-buy-now {
        margin-left: 5px;
    }
    .msc-wrapper-product-details {
        height: auto;
        padding: 0px 16px;
    }
    .msc-product-image img {
        width: 100%;
    }
    .msc-name-customer-main h2 {
        font-size: 23px;
    }
    .shop-review .owl-nav button.owl-prev {
        left: -1rem;
    }
    .shop-review .owl-nav button.owl-next {
        right: -1rem;
    }
    .msc-arrivals-card-wrapper {
        margin: 19px 24px;
    }
    .msc-category-text-wrapper h2 {
        font-size: 27px;
    }
    .msc-search-bar-section {
        padding: 39px;
    }
    .msc-main-img-product-shop img {
        aspect-ratio: 4/4;
    }
    .msc-form-data-ml-size {
        padding: 34px;
        margin-top: 12px;
    }
    .msc-size-guider-image img {
        height: auto;
        object-fit: cover;
    }
    .msc-main-wrapper-row {
        margin: 20px 20px 40px 20px;
        outline: none;
    }
    .msc_visible_content {
        padding: 33px;
    }
    .cta{
        white-space: nowrap;
    }
     /* ml-responsive */
     .msc-main-wrapper-row {
        height: auto;
        overflow: hidden;
    }
    .msc-form-data-ml-size {
        padding: 34px;
        margin-top: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .msc-age-panel-form {
        margin-top: 0;
        padding: 25px 37px;
    }
    .msc_visible_content {
        margin: 0;
        margin-top: 0;
    }
    .msc_visible_content {
        padding: 0;
    }
    .msc-alert-design {
        padding: 0;
    }
    .msc-response-content-ml-new{
        padding: 34px 38px;
    }
    /* ml-responsive-end */
}