/* ====common css start here===== */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Outfit:wght@200;300;400;500;600;700;800;900&display=swap');



:root {

    --color-black: #000;

    --color-white: #fff;

    --color-green: #00CEA8;

    --color-dark: #373C40;

    --color-text: #06263B;

    --color-text-gray: #979797;



    --color-sky-blue: #4493CB;

    --color-blue: #1F5178;



    --color-gray: #F9F9F9;





    --para-font: 'Outfit', sans-serif;

    --body-font: 'Outfit', sans-serif;

    --heading-font: 'Fredoka', sans-serif;

    --subheading-font: 'Outfit', sans-serif;

    --btn-font: 'Outfit', sans-serif;

}



* {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



/* ------Scrollbar CSS Start----- */

/* Firefox */

* {

    scrollbar-width: auto;

    scrollbar-color: var(--color-blue) var(--color-sky-blue);

}



/* Chrome, Edge, and Safari */

*::-webkit-scrollbar {

    width: 7px;

}



*::-webkit-scrollbar-track {

    background: #ccdceb;

}



*::-webkit-scrollbar-thumb {

    background-color: var(--color-blue);

    border-radius: 8px;

    border: 1px solid var(--color-blue);

}



/* ------Scrollbar CSS End----- */

body {

    margin: 0;

    padding: 0;

    font-family: var(--body-font);

    color: var(--color-black);

    font-size: 15px;

    line-height: 24px;

    font-weight: 400;

}



html,

body {

    overflow-x: hidden;

}



p:last-child {

    margin-bottom: 0;

}



a {

    color: var(--color-black);

    display: inline-block;

    vertical-align: top;

    text-decoration: none;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



a:hover,

a:focus {

    color: var(--color-black);

    text-decoration: none;

}



figure {

    margin: 0;

    padding: 0;

    display: block;

}



img {

    max-width: 100%;

}



h1,

h2,

.heading {

    font-family: var(--heading-font);

    color: var(--color-text);

    position: relative;

    letter-spacing: 0;

    margin-bottom: 15px;

    font-size: 45px;

    font-weight: 600;

    line-height: 1.2;

}



/* .head-border::before{

    background-color: var(--color-blue);

    content: "";

    display: block;

    width: 50px;

    height: 2px;

}  */

.small-head strong {

    color: #57596E;

    letter-spacing: 0;

    font-size: 15px;

    display: block;

    margin-top: 5px;

    font-weight: 400;

}



h3,
h4,
h5,
.subheading {

    font-family: var(--subheading-font);

    color: var(--color-blue);

    font-size: 18px;

    line-height: normal;

    font-weight: 600;

}



.form-control {

    height: 50px;

    border: 1px solid rgb(11 36 113 / 20%);

    padding: 10px 15px;

    background-color: var(--color-white);

    font-size: 13px;

    color: var(--color-gray);

    font-weight: 500;

    letter-spacing: 0;

    border-radius: 0;

    box-shadow: none !important;

    font-family: var(--body-font);

}



textarea.form-control {

    height: 90px;

    resize: none;

}



.form-control::placeholder {

    color: var(--color-gray);

    font-family: var(--body-font);

}



.btn-center,

.btn-left,

.btn-right {

    margin-top: 30px;

}



.btn {

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    border-radius: 25px;

    text-align: center;

    font-size: 13px;

    font-weight: 500;

    text-transform: capitalize;

    padding: 0 22px;

    outline: none;

    box-shadow: none !important;

    letter-spacing: 0;

    position: relative;

    height: 44px;

    line-height: 44px;

    min-width: 100px;

    z-index: 1;

    overflow: hidden;

    color: var(--color-white);

    border: 1px solid var(--btn-border-color);

    font-family: var(--btn-font);

    background-color: var(--btn-bg);

}



.btn.btn-gold {

    color: var(--color-gold);

    border-color: var(--color-gold);

    background-color: #F1EDE6;

    border-width: 2px;

}



.btn.btn-sm {

    height: 36px;

    font-size: 12px;

    min-width: 90px;

    padding: 0 15px;

}



.btn .fa {

    margin-left: 8px;

    flex-shrink: 0;

}



.btn img {

    width: 14px !important;

    margin-left: 10px;

}



.btn:hover {

    background-color: var(--color-gold);

    color: #fff;

    border-color: var(--color-gold);

}



.btn.btn-lg {

    height: 50px;

}



.owl-carousel .owl-nav [class*="owl-"] {

    position: absolute;

    left: -44px;

    top: 50%;

    transform: translateY(-50%);

    box-shadow: none;

    outline: none;

    font-size: 31px !important;

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--color-white) !important;

    border: 1px solid var(--color-white) !important;

    color: var(--color-black) !important;

    border-radius: 100%;

}



.owl-carousel .owl-nav [class*="owl-"]:hover {

    background-color: var(--color-black) !important;

    color: var(--color-white) !important;

}



.owl-carousel .owl-nav .owl-next {

    left: auto;

    right: -44px;

}



.sec-space {

    padding: 60px 0;

}



/* =================scroll top css start here================ */

.go-top {



    bottom: 90px;

    opacity: 1;

    visibility: visible;

    right: 10px;

    border-radius: 100%;

    z-index: 9;

    background: #101010;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    position: fixed;

    cursor: pointer;

}



.go-top::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-image: -moz-linear-gradient(0deg, #101010 0%, #c1282a 100%);

    background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);

    background-image: -ms-linear-gradient(0deg, #101010 0%, #c1282a 100%);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;

    border-radius: 100%;

}



.go-top::after {

    z-index: -1;

    content: "";

    position: absolute;

    left: 3px;

    top: 3px;

    width: 35px;

    height: 35px;

    -webkit-animation: ripple 1.6s ease-out infinite;

    -moz-animation: ripple 1.6s ease-out infinite;

    -o-animation: ripple 1.6s ease-out infinite;

    animation: ripple 1.6s ease-out infinite;

    opacity: 0;

    background-image: -webkit-linear-gradient(0deg, #101010 0%, #101010 100%);

    border-radius: 100%;

}



.go-top i {

    font-size: 16px;

    font-weight: 700;

    padding-left: 4px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: -4px;

    right: 0;

    margin: 0 auto;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all 0.5s ease-out 0s;

    -moz-transition: all 0.5s ease-out 0s;

    -ms-transition: all 0.5s ease-out 0s;

    -o-transition: all 0.5s ease-out 0s;

    transition: all 0.5s ease-out 0s;

}



.go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%;

}



.go-top:focus i:last-child,

.go-top:hover i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%;

}



.go-top:focus i:first-child,

.go-top:hover i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden;

}



@keyframes ripple {



    0%,

    35% {

        -webkit-transform: scale(0);

        -moz-transform: scale(0);

        -ms-transform: scale(0);

        -o-transform: scale(0);

        transform: scale(0);

        opacity: 1;

    }



    50% {

        -webkit-transform: scale(1.5);

        -moz-transform: scale(1.5);

        -ms-transform: scale(1.5);

        -o-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0.8;

    }



    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        -moz-transform: scale(2);

        -ms-transform: scale(2);

        -o-transform: scale(2);

        transform: scale(2);

    }

}



/* =scroll top css start here=*/



/* =============common css end here=============== */

/*--------------Menu Section Start--------------*/



#myHeader {

    min-height: 74px;

    top: 0;

    z-index: 999;

    width: 100%;

    position: absolute;

}



.menumain {

    width: 100%;

    z-index: 9999;

    padding: 10px 0;

    transition: all .5s ease;

}



.menumain nav.navbar {

    transition: all .5s ease;

    padding: 0;

}



.brand-logo {

    display: inline-block;

    position: relative;

    padding: 5px 0;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

}



.brand-logo img {

    width: 130px;

}



.navbar-nav {

    flex-wrap: wrap;

}



.navbar .navbar-collapse>ul>li {

    padding: 0 15px;

    position: relative;

}



.navbar .navbar-collapse>ul>li:first-child {

    padding-left: 0;

}



.navbar .navbar-collapse>ul>li:nth-last-child(3) {

    margin-left: auto;

}





.navbar .navbar-collapse>ul>li>a {

    color: var(--color-white);

    font-size: 13px;

    font-weight: 300;

    padding: 20px 0px;

    display: inline-block;

    position: relative;

}

.navbar .navbar-collapse>ul>li>a:hover {

    color: #9cf9e7;

}

.navbar .navbar-collapse>ul>li>a:hover::after {

    width: 25px;

}

.navbar .navbar-collapse ul ul.sub-menu {
    position: absolute;
    padding: 10px 10px !important;
    border-bottom: 1px solid #dedede;
    top: 100%;
    background: var(--white);
    left: 0;
    min-width: 160px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .5s;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.navbar .navbar-collapse ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all .5s;
}

.navbar .navbar-collapse ul ul.sub-menu li {
    padding: 0;
    text-align: left;
    margin-bottom: 10px;
}

.navbar .navbar-collapse ul ul.sub-menu li a {
    display: block;
    padding: 0 !important;
    color: #898989;
    font-weight: 300;
    position: relative;
    transition: all .4s;
}



.navbar .navbar-collapse ul ul.sub-menu li a:hover {
    color: var(--color-black);
    transform: translateX(15px);
    transition: all .4s;
}

.navbar .navbar-collapse ul ul.sub-menu li a::before {
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    position: absolute;
    content: '';
    background: transparent;
    transition: all .4s;
}

.navbar .navbar-collapse ul ul.sub-menu li a:hover::before {
    transform: translateX(-15px);
    transition: all .4s;
    background: var(--color-blue);
}



.dropdown-toggle::after {

    width: 10px;

    height: 8px;

    border: 0;

    background-image: url(../images/down-aro.png);

    background-repeat: no-repeat;

    background-position: center;

    top: 4px;

    position: relative;

    background-size: contain;

}



/* styke menu  */

.sticky .menumain {

    position: fixed;

    top: 0;

    z-index: 999;

    width: 100%;

    background-color: #06263b;

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    padding: 0;

}



.sticky .brand-logo img {

    width: 100px;

}



.sticky .navbar .navbar-collapse ul li a {

    padding: 24px 0px;

}


/* menu fixd animation */



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@-o-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}



@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}



/* menu animation end */

.top-contactus {

    margin: 0;

    padding: 0;

    position: relative;

    padding-left: 12px;

    margin-left: 12px;

}



.top-contactus::before {

    position: absolute;

    content: "";

    width: 1px;

    height: 18px;

    background-color: var(--color-white);

    top: 50%;

    left: 0;

    transform: translateY(-50%);

}



.top-contactus li {

    margin: 0;

    padding: 0;

    list-style: none;

    display: inline-block;

    margin-left: 15px;



}



.top-contactus li a {

    display: inline-block;

    line-height: normal;

}



.top-contactus li a img {

    height: 18px;

}









/*--------------Menu Section End--------------*/

select.form-control:not([size]):not([multiple]) {

    height: 40px !important;

    padding: 0 20px;

    background: #fff url(../images/select-icon.png) no-repeat center right 10px;

    appearance: none;

    border-radius: 0;

    background-size: 14px;

}



.overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    left: 0;

    top: 0;

    z-index: 9;

    opacity: 0;

    visibility: hidden;

    transition: all 300ms ease-in-out;

}



.close-slide-menu {

    position: absolute;

    left: -24px;

    top: 50%;

    cursor: pointer;

}





.loginpage {

    padding: 60px 0;

}



.labelhead {

    flex-shrink: 0;

    margin-right: 10px;

    font-weight: 600;

    font-size: 16px;

    line-height: normal;

    color: #9A9A9A;

}



/* ===BANNER==== */

.homebanner,

.innerbanner {

    padding: 0;

    position: relative;

    /* background-color: #ccdceb; */

}



/* .homebanner::before{

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #000 url(../images/black-shape.jpg) repeat center;

    opacity: 0.2;

} */

.homebanner .owl-carousel {

    z-index: 2;

    position: relative;

}



.homebanner .owl-carousel .owl-dots {

    position: absolute;

    right: 0;

    margin: 0;

    left: 0;

    bottom: 5%;

    border-radius: 0;

}



.homebanner .owl-carousel .owl-dots button {

    border-radius: 0;

}



.homebanner .owl-carousel .owl-dots button span {

    background-color: #fff;

    border-color: transparent;

    height: 2px;

    margin: 0 5px;

    width: 40px;

    border-radius: 2px;

    opacity: 0.5;

}



.homebanner .owl-carousel .owl-dots button.active span {

    height: 5px;

    opacity: 1;

}



.home-slider.owl-carousel .owl-nav button {

    transition: all 300ms ease-in-out;

    border: none;

    color: #fff !important;

    outline: none !important;

    position: relative;

    transform: none;

    top: auto;

    transition: all 300ms ease-in-out;

}



.home-slider .owl-nav button i {

    font-size: 0;

}



.home-slider .owl-nav {

    position: absolute;

    width: 150px;

    left: 28%;

    display: flex;

    align-items: center;

    bottom: 0;

    justify-content: center;

    height: 60px;

    background: url(../images/black-shape2.jpg) repeat left top;

}



.home-slider .owl-nav .owl-prev {

    background: url(../images/warrow.png) no-repeat center left !important;

}



.home-slider .owl-nav .owl-prev:hover {

    width: 60px;

    background: url(../images/ylw-hvr2.png) no-repeat center right !important;

}



.home-slider .owl-nav .owl-next {

    background: url(../images/warrow-right.png) no-repeat center right !important;

}



.home-slider .owl-nav .owl-next:hover {

    width: 60px;

    background: url(../images/ylw-hvr.png) no-repeat center right !important;

}



.btn_left {

    margin-top: 24px;

}



/* .bannerimg::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    transition: all 2s ease-in-out;

    z-index: 1;

    opacity: 0.2;

} */



.position-col {

    padding-left: 125px;

    margin-left: 70px;

}



.banner-text {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    width: 100%;

    z-index: 1;

}



.banner-text h1 {

    color: var(--color-white);

    font-size: 22px;

    line-height: normal;

    font-weight: 400;

    margin-bottom: -12px;

}



.banner-text h2 {

    font-size: 110px;

    color: var(--color-white);

    font-weight: 700;

}



.active .banner-text h1 {

    animation-duration: 2s;

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

    visibility: visible;

}



.active .banner-text .btn {

    animation-duration: 3s;

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    visibility: visible;

}



.banner-text p {

    color: #fff;

    font-weight: 400;

    font-size: 14px;

    line-height: 24px;

    margin: 30px 0 20px;

    text-shadow: 0px 3px 6px #00000029;

}



.innerbanner .banner-text h1 {

    font-size: 30px;

}



.banner-text h3 {

    color: var(--color-blue);

    font-size: 24px;

    line-height: normal;

    font-weight: 400;

    letter-spacing: 3px;

}



.banner-text .btn {

    margin-top: 30px;

    visibility: hidden;

}



.banner-text .btn:hover img {

    filter: none;

}



.banner-text .btn img {

    width: 22px !important;

    margin-left: 14px;

}



.bannerimg {

    position: relative;

    overflow: hidden;

    width: 100%;

    padding-top: 40%;

}



.bannerimg img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 2s ease-in-out;

    /* border-radius: 0% 0% 42% 30% / 0 50% 7% 7%; */

    /* border-radius: 0% 0% 0 0% / 0 50% 7% 7%; */

}



/* ========================= */



.owl-dots {

    margin-top: 30px;

    text-align: center;

}



.owl-dots button {

    box-shadow: none !important;

    outline: none !important;

    border-radius: 100%;

    margin: 4px 6px;

}



.owl-dots button span {

    width: 8px;

    height: 8px;

    border-radius: 100%;

    overflow: hidden;

    background-color: #ccc;

    border: 2px solid #ccc;

    display: block;

}



.owl-dots button.active span {

    background-color: #000;

    border-color: #000;

}



/* =======footer=== */

.mainFooter {

    position: relative;

    font-size: 13.5px;

    line-height: 22px;

    color: #010101;

    font-weight: 400;

    letter-spacing: 0.02px;

}



.ftop {

    padding: 30px 0;

    border-bottom: 1px solid #efefef;

}



.company-col .menu {

    column-count: 2;

}



.fbox h3 {

    font-size: 14px;

    line-height: normal;

    font-weight: 900;

    letter-spacing: 0.5px;

    color: var(--color-black);

    margin-bottom: 20px;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-family: var(--body-font);

}



.fmiddle {

    padding: 40px 0;

}



/* .flogo {

    margin-top: 30px;

    margin-bottom: 25px;

} */



.fpara {

    font-size: 12px;

    line-height: 20px;

}

/* 

.fnav ul {

    list-style: none;

    margin: 0;

    padding: 0;

    color: var(--color-black);

    font-size: 14px;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    font-family: var(--body-font);

}



.fnav ul li {

    margin: 0 0 17px;

    padding: 0;

}



.fnav ul li a {

    color: inherit;

}



.fnav ul li a:hover {

    transform: translateX(4px);

    color: var(--color-black);

} */



.fcol:nth-child(2) {

    padding-left: 20px;

}



.fcol:nth-child(3) {

    padding-left: 30px;

}



.fcontact ul li:not(:last-child) {

    margin-bottom: 30px;

}



.fcontact ul li a {

    text-transform: lowercase;

}



.ficon {

    flex-shrink: 0;

    margin-right: 8px;

    width: 16px;

    opacity: 0.8;

}



.copyright p {

    padding-bottom: 0;

}



.copyright {

    padding: 12px 0;

    color: #213438;

    font-size: 13px;

    opacity: 0.8;

    font-weight: 400;

    background-color: #F1F1F1;

}



.copyright a {

    color: inherit;

}



.copyright a:hover {

    color: var(--color-black);

}



footer .social a i {

    color: var(--color-black);

    background: transparent !important;

    font-size: 19px;

    width: auto !important;

}



footer .social a i:hover {

    color: var(--color-black);

}



footer .social {

    margin-left: -6px;

}



footer .social a {

    padding: 0 6px;

}



.social a {

    flex-shrink: 0;

    padding: 0 4px;

    display: inline-flex;

}



.social a i {

    background-color: #101010;

    width: 25px;

    height: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    border-radius: 100%;

    transition: all 300ms ease-in-out;

}



.social a:hover .fa {

    color: #101010;

    background-color: #fff;

}



/* ============== */

.wishlist,

.user-icon,

.cart-icon {

    margin-left: 20px;

    /*width: 21px;*/

    display: inline-flex;

    height: 24px;

    align-items: center;

}



.wishlist img,

.user-icon img,

.cart-icon img {

    height: 20px;

}



.header-search {

    position: relative;

    margin-left: 12px;

}



.sbtn {

    width: 20px;

    text-align: center;

    height: 24px;

    position: relative;

    vertical-align: top;

}



.sbtn img {

    vertical-align: top;

    position: absolute;

    left: 0;

    top: 50%;

    right: 0;

    margin: 0 auto;

    transform: translateY(-50%);

}



.close-srch {

    width: 18px;

    height: 18px;

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;



    transform: translate(-50%, -50%);

}



.active-search img {

    opacity: 0;

}



.active-search .close-srch {

    opacity: 1;

}



.srcform {

    display: none;

    position: absolute;

    top: 52px;

    width: 428px;

    right: -25px;

    padding: 20px;

    z-index: 9;

    background: #1f9ab9;

    border-radius: 0 0 12px 12px;

}



.srcform::before {

    content: "";

    position: absolute;

    top: -20px;

    right: 20px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 15px 20px 15px;

    border-color: transparent transparent #1f9ab9 transparent;

}



.srcform .form-control {

    height: 50px;

    border-radius: 30px 0 0 30px;

    padding: 0 70px 0 20px;

}



.searchbtn {

    background: #101010;

    border: none;

    color: #fff;

    text-transform: uppercase;

    top: 0;

    right: 0;

    padding: 0 30px;

    border-radius: 0 30px 30px 0;

    height: 50px;

    margin: 0;

    cursor: pointer;

    outline: none;

    box-shadow: none !important;

    outline: none !important;

}



/* ====================category section start here================ */

.ct-box {

    display: block;

    text-align: center;

    position: relative;

}



.ct-box:hover .ct-img img {

    transform: scale(1.3);

    filter: blur(3px) brightness(0.7);

}



.ct-img {

    position: relative;

    width: 100%;

    padding-top: 106%;

    overflow: hidden;

}



.ct-img::after {

    content: "";

    border: 1px solid #fff;

    position: absolute;

    left: 10px;

    top: 10px;

    right: 10px;

    bottom: 10px;

    opacity: 0;

    -webkit-transition: all 600ms ease-in-out;

    -moz-transition: all 600ms ease-in-out;

    transition: all 600ms ease-in-out;

}



.ct-box:hover .shopnow {

    top: 50%;

    opacity: 1;

}



.ct-box:hover .ct-img::after {

    opacity: 1;

}



.ct-img img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

    -webkit-transition: all 600ms ease-in-out;

    -moz-transition: all 600ms ease-in-out;

    transition: all 600ms ease-in-out;

}



.ct-text {

    color: #57596E;

    font-size: 14px;

    line-height: normal;

    font-weight: 400;

}



.ct-text h3 {

    color: var(--color-black);

    font-size: 20px;

    line-height: normal;

    font-weight: 400;

    padding-top: 20px;

}



.category-list .owl-carousel .owl-nav [class*="owl-"] {

    margin-top: -50px;

}



.owl-carousel .owl-nav [class*="owl-"].disabled {

    opacity: 0;

}



.category-list .owl-carousel .owl-nav .owl-prev,

.dslider.owl-carousel .owl-nav .owl-prev {

    left: -40px;

}



.category-list .owl-carousel .owl-nav .owl-next,

.dslider.owl-carousel .owl-nav .owl-next {

    right: -40px;

}



.dslider2.owl-carousel .owl-nav .owl-prev {

    left: -20px;

    background-color: var(--color-gold) !important;

    color: var(--color-white) !important;

    border-color: var(--color-gold) !important;

}



.dslider2.owl-carousel .owl-nav .owl-next {

    right: -20px;

    background-color: var(--color-gold) !important;

    color: var(--color-white) !important;

    border-color: var(--color-gold) !important;

}



/* ------------ */

.qlty-left h2 {

    font-weight: 500;

    color: #2E3151;

    font-size: 28px;

    line-height: normal;

    margin-bottom: 10px;

}



.qlty-left h3 {

    color: #2E3151;

    font-size: 20px;

    line-height: normal;

    font-weight: 400;

    margin-bottom: 30px;

}



.qlty-right {

    padding-left: 100px;

}



.qlty-row {

    margin-bottom: -30px;

}



.qlty-row [class*="col-"] {

    margin-bottom: 30px;

}



.qlty-row [class*="col-"]:nth-child(1),

.qlty-row [class*="col-"]:nth-child(3) {

    animation-duration: 1s;

}



.qlty-row [class*="col-"]:nth-child(2),

.qlty-row [class*="col-"]:nth-child(4) {

    animation-duration: 3s;

}



.qlty-icon figure {

    margin-bottom: 12px;

}



.qlty-icon figure img {

    height: 70px;

}



.qlty-left {

    color: #3c4166;

    font-size: 15px;

    line-height: 28px;

    font-weight: 400;

}



.qlty-left p {

    margin-bottom: 0;

}



.qlty-icon {

    color: #2E3151;

    text-align: center;

    font-size: 14px;

    line-height: normal;

    position: relative;

    min-height: 100%;

    padding: 20px 10px;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    border: 1px solid transparent;

}



.qlty-icon::before {

    width: 50%;

    height: 50%;

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    background-color: var(--color-blue);

    z-index: -1;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



.qlty-icon::after {

    width: 50%;

    height: 50%;

    position: absolute;

    content: "";

    bottom: 0;

    right: 0;

    background-color: var(--color-blue);

    z-index: -1;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



.qlty-icon:hover::before {

    top: -10px;

    left: -10px;

}



.qlty-icon:hover::after {

    right: -10px;

    bottom: -10px;

}



.qlty-icon:hover {

    border-color: var(--color-blue);

}



.qlty-text {

    font-size: 13px;

    font-weight: 400;

}



.qlty-icon h3 {

    color: #2E3151;

    font-weight: 500;

    font-size: 15px;

    line-height: normal;

}



.qlty-right .row [class*="col-"]:nth-child(1) .qlty-icon {

    background-color: #E0F0F2;

}



.qlty-right .row [class*="col-"]:nth-child(2) .qlty-icon {

    background-color: #E2EFFF;

}



.qlty-right .row [class*="col-"]:nth-child(3) .qlty-icon {

    background-color: #F6F6F6;

}



.qlty-right .row [class*="col-"]:nth-child(4) .qlty-icon {

    background-color: #DFF5EE;

}



/* ======== */

.left-head h2 {

    margin-bottom: 10px;

    color: var(--color-gold);

}



.left-head p {

    color: var(--color-gold);

    font-weight: 400;

}



.dbox {

    text-align: center;

}



.dcontent h3 {

    color: var(--color-gold);

    font-weight: 400;

}



.dbox .dcontent {

    font-size: 13px;

}



.dbox .dcontent h3 {

    font-size: 16px;

}



.dcontent h3 a {

    color: inherit;

}



.dcontent {

    color: var(--color-gold);

    font-weight: 400;

}



.design-img {

    padding-right: 50px;

}



.dimg a,

.pimg a {

    position: relative;

    padding-top: 120%;

    width: 100%;

    overflow: hidden;

    display: block;

    margin-bottom: 20px;

}



.dimg a:hover {

    background-color: var(--color-white);

}



.dimg a img,

.pimg a img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

}



.design-sec {

    background-color: #F1EDE6;

}



.design-sec .owl-carousel .owl-nav [class*="owl-"] {

    border-color: var(--color-gold) !important;

    color: var(--color-gold) !important;

}



.design-sec .owl-carousel .owl-nav [class*="owl-"]:hover {

    border-color: var(--color-blight) !important;

    color: var(--color-white) !important;

}



/* --------main category------------ */

.pcategory-box {

    display: block;

    position: relative;

    text-align: center;

}



.pcategory-box .ct-text {

    color: #696D9A;

}



.pcategory-box .ct-text h3 {

    color: var(--color-blight);

}



.pcategory-img {

    position: relative;

    text-align: center;

    margin-bottom: 50px;

}



.pcategory-img::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background-color: #F1F0DF;

    width: 325px;

    height: 325px;

    border-radius: 100%;

    z-index: -1;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;



}



.pcategory-img img {

    width: 330px;

    height: 330px;

    object-fit: contain;

    object-position: center;

}



.main-category-col:nth-child(1) .pcategory-img::before {

    background-color: #F1F0DF;

}



.main-category-col:nth-child(2) .pcategory-img::before {

    background-color: #FFEDDC;

}



.main-category-col:nth-child(3) .pcategory-img::before {

    background-color: #D8EEFF;

}



.shape {

    position: absolute;

    left: 24%;

    bottom: -26px;

}



.main-category-col:nth-child(1) .shape::before {

    content: "";

    display: block;

    background: url(../images/cshape1.png) no-repeat center;

    width: 90px;

    height: 70px;

    background-size: contain;

}



.main-category-col:nth-child(2) .shape::before {

    content: "";

    display: block;

    background: url(../images/cshape2.png) no-repeat center;

    width: 100px;

    height: 80px;

    background-size: contain;

}



.main-category-col:nth-child(3) .shape::before {

    content: "";

    display: block;

    background: url(../images/cshape3.png) no-repeat center;

    width: 100px;

    height: 80px;

    background-size: contain;

}



.pcategory-img:hover::before {

    -webkit-animation: zooming 2s linear infinite;

    -moz-animation: zooming 2s linear infinite;

    animation: zooming 2s linear infinite;

}



@-webkit-keyframes zooming {

    0% {

        transform: translate(-50%, -50%) scale(1);

    }



    50% {

        transform: translate(-50%, -50%) scale(0.8);

    }



    100% {

        transform: translate(-50%, -50%) scale(1);

    }

}



@keyframes zooming {

    0% {

        transform: translate(-50%, -50%) scale(1);

    }



    50% {

        transform: translate(-50%, -50%) scale(0.8);

    }



    100% {

        transform: translate(-50%, -50%) scale(1);

    }

}



/* ====product-section=== */

.product-section {

    background-color: #FBFAF9;

}



.pbox {

    text-align: center;

}



.product-section .design-img {

    padding-right: 0;

    padding-left: 40px;

}



.pimg a {

    background-color: #fff;

    padding-top: 92%;

}



.pimg a::before {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 0;

    height: 2px;

    background-color: var(--color-blight);

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



.pimg a:hover::before {

    width: 100%;

    right: auto;

    left: 0;

}



.pimg a:hover {

    box-shadow: 0 0 15px #ccc;

}



.pimg a img {

    max-width: 85%;

    max-height: 85%;

}



.pbox .dcontent h3 {

    margin-bottom: 15px;

    font-size: 15px;

    line-height: 19px;

    min-height: 38px;

}



/* ========book-store====== */

.book-bg {

    background-repeat: no-repeat;

    background-position: center;

    background-attachment: fixed;

    background-size: 100%;

    padding: 12rem 0;

}



.book-bg p,

.book-bg h2 {

    color: var(--color-white);

}



/* =======testimonial======= */

.tbox {

    text-align: center;

}



.tbox h2 {

    margin-bottom: 40px;

}



.ticon {

    width: 80px;

    height: 80px;

    margin: 0 auto 20px;

    border-radius: 100%;

    overflow: hidden;

    background-color: #e4ebf4;

    border: 3px solid #9fe2bf;

}



.thead span {

    color: #696D9A;

    text-transform: capitalize;

    font-size: 13px;

    display: block;

    margin-bottom: 5px;

    font-weight: 400;

    display: block;

}



.tcontent {

    padding: 0;

    font-size: 18px;

    line-height: 39px;

    color: var(--color-black);

    font-weight: 400;

    font-style: italic;

    position: relative;

    margin: 0 auto;

    max-width: 540px;

    font-family: 'lucida_bright';

}



.tcontent h2 {

    margin-bottom: 30px;

}



.parascroll {

    height: 94px;

    overflow-y: auto;

}





/* ===================about================ */

.about-section {

    position: relative;

}



.about-section::before {

    content: "";

    position: absolute;

    width: 74%;

    right: 0;

    height: 100%;

    top: 0;

    background-color: #F3EEE8;

}



.btn-link {

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 3px;

    color: var(--color-black);

    text-transform: uppercase;

    border-bottom: 2px solid var(--color-black);

}



.btn-link:hover {

    color: var(--btn-bg);

}



.about-section h2 {

    text-transform: capitalize;

    letter-spacing: 0;

    font-size: 36px;

    max-width: 380px;

}



.product-home {

    position: relative;

}



.product-home::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 168px;

    width: 100%;

    background-color: #F3EEE8;

}





/* =========================================================== */



.custombtn {

    background-color: var(--color-sky-blue);

    color: var(--color-white) !important;

    font-size: 14px;

    font-weight: 300;

    padding: 0 25px;

    border-radius: 25px;

    min-width: 130px;

}



.custombtn.light {

    background-color: var(--color-white) !important;

    color: var(--color-sky-blue) !important;

    font-weight: 400;

}



.custombtn.light:hover {

    background-color: var(--color-sky-blue) !important;

    color: var(--color-white) !important;

}



.custombtn:hover {

    background-color: var(--color-blue);

    color: var(--color-white);

}



.bg-gray {

    background-color: var(--color-gray);

}





/* Product Section End */



.product-box {

    height: 100%;

    width: 100%;

    border: 1px solid #f1f1f1;

    border-width: 0 1px;

    background-color: var(--color-white);

    box-shadow: 0px 4px 10px -10px rgba(0, 0, 0, 0.65);

}



/* .products-images {

    padding: 15px 20px 15px 20px;

    height: 236px;

} */



.products-images img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}



.products-content {

    padding: 25px;

    padding-top: 15px;

    text-align: center;

}



.products-content h5 {

    font-size: 14px;

    font-weight: 500;

    line-height: 19px;

    color: var(--color-text);

}



.pr-price {

    font-size: 17px;

    font-weight: 500;

}

.pr-price del {
    font-size: 80%;
}

.produce-row {

    row-gap: 30px !important;

}



.kippot-size {

    background: url(../images/bg-blue.png) #b3e1fd 100% 100%;

    background-size: cover;

    padding: 80px 0;

    background-attachment: fixed;

}





.custom {

    width: 315px;

    height: 315px;

    position: relative;

    margin: 0 auto 30px auto;

}





/* challah covers section start */

.challah-covers {

    position: relative;

    overflow: hidden;

}



.challah-covers-img {

    position: absolute;

    top: 50%;

    width: 312px;

    left: -120px;

}







.aro-owl .owl-nav .owl-prev,
.aro-owl .owl-nav .owl-next {

    width: 38px;

    height: 38px;

    border-radius: 50%;

    transform: rotate(180deg);

    margin: 0 5px;

    border: solid 1px var(--color-white) !important;

    border: 0px solid #E9E9E9 !important;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: var(--color-white) !important;

    box-shadow: 0 1px 2px 0 #20212447;

}



.aro-owl .owl-nav .owl-prev:hover,

.aro-owl .owl-nav .owl-next:hover {

    background: #E9E9E9 !important;

}



.aro-owl .owl-nav .owl-prev {

    left: -25px;

}



.aro-owl .owl-nav .owl-next {

    right: -25px;

}



.aro-owl .owl-nav .owl-prev i {

    font-size: 0px;

    background-image: url(../images/right.png);

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-size: 18px;

    transform: rotate(180deg);

    transition: 0.5s;

}



.aro-owl .owl-nav .owl-next i {

    font-size: 0px;

    background-image: url(../images/right.png);

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-size: 18px;

    transition: 0.5s;

}



.aro-owl .owl-nav .disabled {

    background-color: var(--color-gray-red);

}



.aro-owl .owl-nav .disabled {

    filter: grayscale(100%);

    opacity: 0;

}



.dot-style .owl-dots {

    text-align: center;

    padding-top: 15px;

}



.dot-style .owl-dots button.owl-dot {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    display: inline-block;

    background: #ccc;

    margin: 0 5px;

}



.dot-style .owl-dots button.owl-dot.active {

    background-color: #000;

}



.dot-style .owl-dots button.owl-dot:focus {

    outline: none;

}



/* owl dote  */



/* testtymonyal Start */

.texttymonial {

    border: 1px solid #CCD3D8;

    border-radius: 6px;

    background-color: var(--color-white);

    padding: 20px;

    font-weight: 400;

    font-size: 14px;

    line-height: 22px;

    color: #334D5E;

}



.user-details {

    display: flex;

    align-items: center;

    margin-top: 10px;

}



.img-u {

    width: 55px;

    height: 55px;

    flex-shrink: 0;

}



.img-u img {

    width: 100%;

    height: 100%;

    border-radius: 50%;

}



.clint-d h4 {

    font-size: 14px;

}



.clint-d {

    padding-left: 12px;

}



.clint-d h4 {

    font-size: 15px;

    margin-bottom: 5px;

}



.clint-d h5 {

    font-size: 12px;

    font-weight: 500;

    margin-bottom: 0;

    color: #808183;

}



/* testtymonyal end */





/* gallery start */

.gallery-img {

    padding-bottom: 100px;

    margin-bottom: -30px;

}



.img-gallery {

    width: 100%;

    overflow: hidden;

    padding-top: 100%;

    position: relative;

}



.img-gallery img {

    transition: 0.5s;

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    left: 0;
    top: 0;

}



.img-gallery:hover img {

    transform: scale(1.2);

}



.img-gallery::before {

    content: "";

    width: 100%;

    height: 0%;

    background: #0000005d;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99;

    transition: 0.5s;

    background-image: url(../images/add.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 60px;

}



.img-gallery:hover::before {

    height: 100%;

}



.bg-green {

    background-color: #00CEA8;

}



.bg-blue {

    background-color: var(--color-sky-blue);

}





/* ====Newsletter===== */

.newsletter-sec h3 {

    margin-bottom: 6px;

    font-size: 16px;

}



.newsletter-sec p {

    margin-bottom: 0;

}



.es-form-field-container {

    display: flex;

    flex-direction: column;

    position: relative;

}



.es-form-field-container .gjs-cell [type="email"] {

    height: 46px;

    border: 1px solid var(--color-white);

    border-width: 0 0 1px;

    padding: 10px 0;

    background-color: var(--color-white);

    font-size: 13px;

    color: var(--color-black);

    font-weight: 300;

    letter-spacing: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    width: 100%;

    box-shadow: none !important;

    outline: none !important;



    width: 100%;

    padding: 0px 12px;

    outline: none;

}



.es-form-field-container .gjs-cell [type="email"]::placeholder {

    color: var(--color-black);

}



.es-form-field-container .gjs-cell [type="submit"] {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    text-align: center;

    font-weight: 400;

    text-transform: capitalize;

    padding: 0 30px;

    outline: none;

    box-shadow: none !important;

    position: absolute;

    right: 6px;

    top: 14px;

    z-index: 1;

    cursor: pointer;

    overflow: hidden;

    font-family: var(--btn-font);

    height: 36px;

    border: 0;

    font-size: 13px;

    width: 120px;

    color: var(--color-white);

    background: var(--color-sky-blue);

}



.es-form-field-container .gjs-cell [type="submit"]:hover {

    background-color: var(--color-green);

    color: var(--color-white);

    border-color: var(--color-green);

}



/* =================== */

/* footer start */

.footer-main {

    padding-top: 30px;

}



.serchbar {

    background: #fff;

    display: flex;

    padding: 6px;

}

button.btn.submitbtn {

    height: 38px;

    border: 0;

    border-radius: 0;

    font-size: 13px;

    width: 125px;

    color: var(--color-white);

    background: var(--color-sky-blue)
}



.subscribe-dev h4 {

    color: var(--color-white);

    font-size: 25px;

    font-weight: 400;

    margin-bottom: 5px;

}



.subscribe-dev h5 {

    font-size: 14px;

    font-weight: 300;

    color: var(--color-white);

    margin-bottom: 30px;

}



.sochal-footer li {

    display: inline-block;

    list-style: none;

    padding: 0 5px;

    font-weight: 300;

    color: var(--color-white);

}



.sochal-footer li a {

    display: inline-block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background-color: var(--color-white);

    line-height: 30px;

    text-align: center;



}



.footer-menumain h4 {

    font-size: 15px;

    color: var(--color-white);

    font-weight: 400;

}



.footer-menumain ul li {

    list-style: none;

    color: var(--color-white);

}

.footer-menumain ul li:nth-child(1) {
    padding-left: 0 !important;
}



.footer-menumain ul li a {

    color: #E5E5E5;

    font-size: 13px;

    font-weight: 300;

}

.footer-menumain ul li a:hover {

    color: var(--color-black);

}

ul.contact-footer li a {

    position: relative;

    display: flex;

    align-items: center;

    margin-bottom: 15px;

}



ul.contact-footer li a i {

    font-size: 11px;

    width: 26px;

    height: 26px;

    background-color: var(--color-white);

    color: var(--color-sky-blue);

    text-align: center;

    line-height: 26px;

    border-radius: 50%;

    flex-shrink: 0;

    margin-right: 5px;

}



.light-logo {

    max-width: 120px !important;

    margin-bottom: 15px;

    filter: brightness(0) invert(1);

}



ul.sochal-footer {

    margin-bottom: 0;

    display: flex;

    align-items: center;

}



ul.sochal-footer li a i {

    color: var(--color-sky-blue);

}



.footer-copyright {

    padding: 15px 0;

    text-align: center;

    color: #fff;

    font-weight: 300;

    font-size: 13px;

    border-top: solid 1px #FFFFFF30;

}



.footer-copyright a {

    color: var(--color-white);

}



/* footer End */

footer.bg-blue {

    position: relative;

    margin-top: 30px;
    /*     clip-path: ellipse(93% 85% at 50% 85%); */

}



footer.bg-blue::before {

    content: "";

    width: 128%;

    height: 200px;

    border-radius: 50% 50% 0px 0px;

    position: absolute;

    left: 50%;

    top: -44px;

    transform: translateX(-50%);

    background-color: var(--color-sky-blue);

}

.innerpage h2 {

    font-size: 28px;
    line-height: normal;

}

.es_subscription_message.success {

    color: #008000;

    font-size: 14px;

    background: #fff;

}

.es_spinner_image {

    position: absolute;

    right: 154px;

    bottom: 25px;

    z-index: 1;

}

/* ============================== */
.custom-product h2 {
    font-size: 30px;
    line-height: normal;
}

.custom-product {
    max-width: 860px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    background-color: #e4f2ff;
    text-align: center;
    border: 3px solid #4493cb;
    box-shadow: 0 0 15px #e1e1e1;
}

.custom-product .form-control {
    background: #fff url(../images/select.png) no-repeat center right 5px !important;
    color: #2e2e2e;
    padding: 0 10px !important;
}

.size-area,
.flxcol {
    display: flex;
    grid-column-gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}

.custom-product .details-add-btn .single_add_to_cart_button {
    padding-right: 50px;
    border-radius: 26px;
    height: 50px;
}

.cp-head {
    background-color: #d2e5f3;
    padding: 4px 10px;
    min-width: 120px;
    position: relative;
}

.cp-head::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 7.5px 0 7.5px 15px;
    border-color: transparent transparent transparent #d2e5f3;
}

.radio-box,
.size-area label {
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.radio-box input,
.size-area input {
    accent-color: var(--color-blue);
    flex-shrink: 0;
    margin-right: 5px;
}

.fab-img {
    margin-top: 8px;
}

.fab-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid #add6f3;
}

.menu-item-has-children .subarrow {
    display: none;
}

ul.sochal-footer li a i,
.go-top i {
    font-family: 'FontAwesome' !important;
}

.mo-openid-app-icons>a {
    margin-left: 0 !important;
}

#customer_login {
    display: flex;
    flex-wrap: wrap;
}

.wpcf7-not-valid-tip+.wpcf7-not-valid-tip {
    display: none;
}

.bd_orderde table.shop_table td {
    font-size: 13px;
}

.mo-openid-app-icons>p {
    display: none;
}

.or {
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 30px;
    max-width: fit-content;
}

.or span {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -22px;
    font-size: 14px;
    line-height: 14px;
    background: #f3f3f3;
    font-weight: 500;
    padding: 4px;
}

.mo_btn-block+.mo_btn-block {
    margin-top: 12px !important;
}

.mo_btn_transform:hover {
    transform: scale(1) !important;
}

.mo_btn_transform_i:hover {
    transform: scale(1) !important;
}

.grecaptcha-badge {
    z-index: 999;
}

.login-other .mo-openid-app-icons a.mo_btn {
    margin-left: 0px !important;
}

.mo-openid-app-icons {
    margin-left: -8px !important;
}

.lost_password {
    margin-top: 10px !important;
}

.woocommerce-account table.account-orders-table .button:nth-child(1) {
    margin-right: 5px !important;
}

.inner-about .sitecon p {
    line-height:20px;
    margin-bottom:6px;
}

.inner-about  .moreimg img {
    margin-top:6px;
    border-radius:6px;
}
.imsAjaxCartCount {color: white!important;}