/* common css */
body{
    font-family: "Geist", sans-serif;
    background: #fffbfb;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    width: 100%
}
a{
    text-decoration: none
}
.btn-main{
    background-image: linear-gradient(to right, #c41f43 0%, #111d3a 51%, #00435a 100%);
    padding: 12px 32px 12px 45px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 0px;
}
.btn-main span{
    position: relative
}
.btn-main span:before{
    content: '';
    width: 22px;
    left: -26px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 9px;
}
.btn-main:hover span:before{

}
.btn-main:hover, .btn-main:active{
    background-position: right center; /* change the direction of the change here */
    color: #fff !important;
    text-decoration: none;
}

.btn-nav{
    border: 1px solid #00435a;
    color: #00435a;
    height: 40px;
    line-height: 28px;
}

.main-h{
    color: #00435a;
    font-weight: 500;
    font-size: 3em;
    font-family: "Playfair", serif;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    padding-bottom: 0px;
}
.main-h:after{
    content: "";
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: 3px;
    background: #c41f43;
    background-repeat: no-repeat;
    margin-top: 6px;
    bottom: -10px;
}
.section-space{
    padding-top: 60px;
    padding-bottom: 60px;
}
button:focus{
    outline: 0 !important;
    box-shadow: none !important
}
button:focus:not(:focus-visible){
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent;
}

/* common css ends */

/* top sec */
.fix-sec.is-sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
}
.fix-sec.is-sticky .top-sec .navbar-brand img{
    width: 130px
}
.fix-sec.is-sticky .offer-strip{

}

.top-sec{
    padding-top: 5px;
    padding-bottom: 5px
}
.top-sec .navbar-brand img{
    width: 180px
}
.top-sec-ic{
    text-align: right
}
.ul-ic{
    margin-bottom: 0px;
}
.ul-ic li{
    text-align: center;
    margin-left: 19px;
    margin-right: 0px !important;
}
.ul-ic li a{
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}
.ul-ic li a i{
    display: block;
    font-size: 16px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    margin: auto;
    background: #c41f43;
    border-radius: 100px;
}
.ul-ic li a span{
    color: #00435a;
}
.top-sec .search-form{

}
.top-sec .search-form .form-control{
    height: 50px;
    border: 1px solid #c41f43;
    background: #fffbfb;
}
.top-sec .search-form .btn{
    border: 1px solid #c41f43;
    background-color: #c41f43;
    color: #fff;
    padding: 10px 20px;
}
/* strip sec */
.menu-canvas .offcanvas-body{
    padding: 10px 0px
}
.menu-canvas .accordion-body{
    padding: 0px
}
.menu-canvas .offcanvas-body button, .menu-canvas .offcanvas-body  a{
    padding: 12px 12px;
    font-size: 14px;
    display: block;
    color: #222
}
.menu-canvas .accordion-item:first-of-type>.accordion-header .accordion-button{
    border-radius: 0px
}
.menu-canvas .accordion-item:last-of-type, .menu-canvas .accordion-item:first-of-type{
    border-radius: 0px
}
.menu-toggle::after {
    content: '-';
    font-size: 1.25rem;
    color: #6c757d;
    float: right;
    transition: transform 0.3s ease;
    background-image: none !important;
    !i;!;
    transform: initial !important;
    !i;!;
    text-align: right;
    margin-top: -5px
}
.menu-toggle.collapsed::after {
    content: '+';
    color: #222;
}

.submenu-toggle::after {
    content: '-';
    font-size: 1rem;
    color: #6c757d;
    float: right;
    transition: transform 0.3s ease;
}

.submenu-toggle.collapsed::after {
    content: '+';
    color: #6c757d;
}

/* Submenu style */
.accordion-body ul {
    padding-left: 0;
    margin-top: 10px;
}

.submenu-toggle {
    display: block;
    width: 100%;
    text-align: left;
    background-color: #f8f9fa;
    color: #495057;
    border: none;
    text-decoration: none;
}

.submenu-toggle:hover {
    background-color: #e9ecef;
    color: #343a40;
}

.submenu-toggle.collapsed {
    background-color: #ffffff;
}
.offer-strip{
    background: #c41f43;
    padding-top: 6px;
    padding-bottom: 6px
}
.offer-strip a{
    color: #fff;
}
.offer-strip a:hover{
    text-decoration: underline
}
/* navbar */
.m-nav{
    background-color: #00435a;
}
.ul-mob .li-mob{
    display: none
}
.m-nav .nav-link{
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
}
.m-nav .dropdown-menu .dropdown-item{
    font-size: 15px;
    font-weight: 500;
}
.m-nav .dropdown-menu{
    background-color: #f7f1ea
}
/* Main Banner */
.main{
    position: relative;
}
.main .slider-content{
    z-index: 5;
    margin-top: 24%;
    display: block;
}
.main .slider-content h1{
    color: #00435a;
    font-weight: 600;
    font-size: 4.2rem;
    font-family: "Playfair", serif;
}
.main .slider-content p{
    color: #222;
    font-weight: 500;
    margin-bottom: 40px;
    font-size: 26px;
    font-family: "Playfair", serif;
    font-style: italic;
}
.main .owl-carousel{
    position: relative;
}
.main .owl-carousel .item{
    height: 550px;
}
.main .owl-carousel .slide-1{
    background-image: url(../../assets/img/slide-1.jpg);

}
.main .owl-carousel .slide-2{
    background-image: url(../../assets/img/slide-3.jpg);
}
.main .owl-carousel .item{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
/* .main .owl-carousel .item:before{
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(-224deg, #ffffffdb 41%, #ffffff00 100%);
} */
.main .owl-theme .owl-nav.disabled+.owl-dots{
    position: absolute;
    bottom: 4%;
    left: 2%;
}
.main .owl-dots .owl-dot.active:before{
    border-color: #feb406;
    color: #fff
}
.main .owl-theme .owl-dots .owl-dot{
    display: none !important
}
button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}
.main .owl-theme .owl-dots .owl-dot.active span{
    background: #3d59e8;
}
.main .owl-theme .owl-dots .owl-dot:hover span {
    background: #7c91ff;
}
.main .owl-theme .owl-dots .owl-dot span{
    background: #fff;
    display:none;
}
.main .owl-theme .owl-nav {
    position: absolute;
    bottom: 40%;
    right: 2%;
    display: grid;
}
.main .owl-carousel .owl-nav button.owl-next, .main .owl-carousel .owl-nav button.owl-prev{
    background: #ffffff80;
    color: #00435a;
    padding: 0!important;
    font: inherit;
    width: 50px;
    height: 50px;
    line-height: 33px;
    border: 1px solid #00435a;
    border-radius: 100px;
    font-size: 28px;
}
.main .owl-carousel .owl-nav button.owl-next:hover, .main .owl-carousel .owl-nav button.owl-prev:hover{
    background-color: #00435a;
    color: #fff;
}
.owl-dot:before{
    display: block;
    opacity: 0.3;
    border-bottom: 1px solid #919191;
    font-size: 12px;
    font-weight: 600;
    width: 50px;
    padding: 12px 5px;
}
.main-top{
    color: #3d59e8;
    font-size: 1.2rem;
}
.main-heading{
    font-size: 2.5rem;
    line-height: 3.125rem;
    font-weight: 300;
    text-transform: capitalize;
}
.sub-heading{
    font-size: 1.2rem;
    color: gray;
    line-height: 1.8rem;
    font-weight: 100;
}
.left-gray-content{
    padding: 4rem 2rem
}
/* inner header */
.inner-header{
    padding-top: 25px;
    padding-bottom: 25px;
    background: #fdf7f3;
    border-top: blue;
}
.inner-header .breadcrumb{
    margin-bottom: 0px
}
.inner-header .breadcrumb a{
    color: #000
}
/* jew type */
.jew-slider .owl-theme .owl-nav {
    bottom: 60%;
    display: block !important;
    width: 100%;
    right: auto;
}
.jew-slider .owl-carousel .owl-nav button.owl-next{
    right: -26px;
}
.jew-slider .owl-carousel .owl-nav button.owl-prev{
    left: -26px;
}
.jew-slider .owl-carousel .owl-nav button.owl-next, .jew-slider .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    background: #fffbfb;
    color: #00435a;
    padding: 0!important;
    font: inherit;
    width: 44px;
    height: 44px;
    line-height: 32px;
    border: 1px solid #00435a;
    border-radius: 100px;
    font-size: 28px;
    bottom: 32%;
}
.jew-slider .owl-carousel .owl-nav button.owl-next:hover, .jew-slider .owl-carousel .owl-nav button.owl-prev:hover{
    background-color: #00435a;
    color: #fff;
}
.jew-type {
    background: #f7f1ea;
    border-radius: 999px;
    padding: 20px;
}
.jew-type:hover a{
    opacity: 1
}
.jew-type .jew-img {
    border-radius: 999px;
    overflow: hidden;
    border: 2px solid #fffbfb;
    box-shadow: 1px 1px 5px gainsboro;
}
.jew-type .jew-img img {
    width: 100%;
    border-radius: 999px;
}
.jew-type .jew-title {
    font-size: 20px;
    font-family: "Playfair", serif;
    margin-top: 8px;
}
.jew-type a {
    background: #00435a;
    color: #ffffff;
    padding: 0 !important;
    font: inherit;
    width: 28px;
    height: 28px;
    line-height: 27px;
    border: 1px solid #00435a;
    border-radius: 100px;
    font-size: 22px;
    display: inline-block;
    opacity: 0.7;
}
.jew-type a:hover {
}
/* product box */
.recm-sec{
    position: relative;

}
.peacock{
    position: absolute;
    opacity: .4;
    width: 30%;
    bottom: -4px;
    right: 0px;
}
.top-product-sec{
    background-image: url('../../assets/img/bg-thread.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.product-box{
    background: #f7f1ea;
    padding: 10px;
    position: relative;
    transition: all 1s ease-in-out;
    margin-bottom: 30px
}
.product-box .pro-wish{
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    line-height: 34px;
    background: #f7f7f7;
    text-align: center;
    border-radius: 999px;
    color: #ff1100;
    font-size: 17px;
    z-index: 5
}
.product-box .product-img{
    overflow: hidden;
    display: block;
    position: relative;
}
.product-box .product-img img{
    width: 100%;
}
.product-box:hover .product-img img{
    transition: all 1s ease-in-out;
    transform: scale(1.05);
}
.product-box .product-img .img-frnt{
}

.product-box .product-img .img-hover{
    visibility: hidden;
    */
    /* position: absolute; */
    /* top: 0; */;
    position: absolute;
    right: 0;
    top: 0;
}

.product-box:hover .product-img .img-frnt{
    
}
.product-box .product-des{
    padding-top: 10px;
    position: relative
}
.product-box .product-des .product-title{
    color: #00435a;
    font-weight: 500;
    font-size: 21px;
    font-family: "Playfair", serif;
}
.product-box .product-des .product-price{
    margin-bottom: 0px;
    font-weight: 600;
}
.product-box .product-des .product-price i{

}
.product-box .product-des .product-price del{
    color: gray;
    font-size: 14px;
}
.product-box .product-des .product-price ins{
    text-decoration: none;
    vertical-align: middle;
}
.product-box .add-cart {
    position: absolute;
    top: 22px;
    right: 0px;
    width: 32px;
    height: 32px;
    line-height: 34px;
    background: #00435a;
    text-align: center;
    border-radius: 999px;
    color: #fff;
    font-size: 17px;
}

/* shop by price */
.shop-price{
    background-image: url('../../assets/img/price-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.shop-price-box {
    text-align: center;
    color: #fff;
    border: 1px solid #ffffff;
    display: block;
    padding: 20px;
    background: #f7f1eaa6;
    border-radius: 4px;
    position: relative
}
.shop-price-box:hover{
    background-color: #00435a
}
.shop-price-box:hover h4, .shop-price-box:hover p{
    color: #fff
}
.shop-price-box .bi-gift{
    background: #fffbfb;
    width: 41px;
    height: 41px;
    line-height: 42px;
    display: inline-block;
    color: #E91E63;
    font-size: 20px;
    border-radius: 999px;
}
.shop-price-box h4 {
    margin-top: 13px;
    font-size: 33px;
    color: #00435a;
    margin-bottom: 6px;
    font-family: "Playfair", serif;
}
.shop-price-box p {
    font-size: 24px;
    font-weight: 700;
    color: #00435a;
    margin-bottom: 0px;
    line-height: 7px;
}
.shop-price-box p i {
    font-size: 22px;
    font-weight: bold;
}

.shop-price-box.prem{
    background: #00435ad4;
}
.shop-price-box.prem p{
    color: #fff;
    margin-top: 6px;
    line-height: 21px;
}
.shop-price-box.prem h4{
    color: #fff;
}
.gift-sec{
    position: relative
}
.gift-sec .shape-1{
    position: absolute;
    top: 10%;
    left: 6%;
}
.gift-sec .shape-2{
    position: absolute;
    bottom: 10%;
    right: 6%;
}
.m-gen{
    overflow: hidden;
    display: block;
    transition: all 1s ease-in-out;
    z-index: 4;
    position: relative;
}
.m-gen:hover img{
    transition: all 1s ease-in-out;
    transform: scale(1.03);
}
/* essential sec */
.essen-title{
    position: relative
}
.essen-title .main-h{

}
.essen-title img{
    position: absolute;
    left: 35%;
    top: -96px;
    opacity: .1;
    width: 32%;
}
.ess-box{
    background: linear-gradient(135deg, rgb(0 67 90 / 11%) 0%, rgb(196 31 67 / 8%) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    position: relative;
    display: block;
    border-radius: 4px;
    transition: all .7s ease-in-out;
    text-align: center;
    padding: 40px 30px;
}

.ess-box:after{
    content: '';
    position: absolute;
    left: 11px;
    top: 10px;
    width: 93%;
    height: 93%;
    border: 2px solid #f4f4f4;
    opacity: 1;
    border-radius: 4px;
}

.ess-box img{
    margin-bottom: 40px;
    width: 170px;
}
.ess-box .ess-title{
    position: relative;
    color: #00435a;
    font-weight: 500;
    font-size: 35px;
    font-family: "Playfair", serif;
    z-index: 3;
    text-align: center;
}
.ess-box .ess-title i{
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 44px;
    background: #c41f43;
    text-align: center;
    border-radius: 999px;
    color: #ffffff;
    font-size: 29px;
}
.what-float{
    position: fixed;
    bottom: 25px;
    right: 15px;
    background: #25d366;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    border-radius: 999px;
    box-shadow: 1px 1px 10px #d8d8d8;
    z-index: 50;
}
.what-float:hover{
    background: #075e54
}
.pulse {
    animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}
/* Prdouct Page */
.filter-sec .accordion-item{
    border-width: 0px;
    margin-bottom: 0px;
    background: transparent;
}
.filter-sec .accordion-body{
    padding: 10px;
    background: transparent;
}
.filter-sec label{
    font-size: 14px;
}
.filter-sec .card{
    border: 0px;
}
.filter-sec .form-check{
    margin-bottom: 10px;
}
.form-check-input:checked {
    background-color: #00435a;
    border-color: #00435a;
}
.filter-sec .accordion-button{
    font-weight: 500;
    font-size: 19px;
    line-height: 27px;
    color: #3F3B47;
    padding: 10px 10px;
    border-bottom: 1px solid #f9f1ea;
    background: transparent;
    font-family: "Playfair", serif;
}
.filter-sec .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-radius: 0px
}
.filter-sec .accordion-button:not(.collapsed){
    font-weight: 600;
    font-size: 19px;
    line-height: 27px;
    color: #2a2834;
    background-color: transparent;
    border-bottom: 1px solid #f9f1ea;
    box-shadow: none !important;
    !i;!;
}
.filter-sec #amount{
    border-width: 0px;
    font-size: 12px;
    line-height: 18px;
    color: #6A6464;
    text-align: center;
    margin-top: 23px;
    background: transparent;
    width: 100%;
}
.right-hr{
    background: #cacaca;
}
.filter-sec #amount:focus-visible{
    border-width: 0px !important;
}
.filter-sec .ui-widget.ui-widget-content {
    border: 4px solid #d3d3d3;
    height: 0px;
}
.filter-sec .ui-slider-horizontal .ui-slider-range {
    top: -4px;
    border: 4px solid #00435a;
    height: 0px;
    background: #00435a;
}
.filter-sec .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -0.6em;
    border-radius: 50px;
    background: #00435a !important;
    border: 2px solid #fff !important;
    width: 14px;
    height: 14px;
}
.filter-sec .ui-slider-horizontal .ui-slider-handle:focus-visible{
    border-color: #fff !important;
}
.filter-sec #amount{
    border-width: 0px;
    font-size: 14px;
    line-height: 18px;
    color: #2a2834;
    text-align: center;
    margin-top: 23px;
    background: transparent;
    width: 100%;
    font-weight: 500;
}
.right-hr{
    background: #cacaca;
}
.filter-sec #amount:focus-visible{
    border-width: 0px !important;
}
.filter-sec .ui-widget.ui-widget-content {
    border: 4px solid #d3d3d3;
    height: 0px;
}
.filter-sec .ui-slider-horizontal .ui-slider-range {
    top: -4px;
    border: 4px solid #00435a;
    height: 0px;
    background: #00435a;
}
.filter-sec .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -0.6em;
    border-radius: 50px;
    background: #00435a !important;
    border: 2px solid #fff !important;
    width: 14px;
    height: 14px;
}
.filter-sec .ui-slider-horizontal .ui-slider-handle:focus-visible{
    border-color: #fff !important;
}
.filter-sec .accordion-header{
    background-color: transparent
}
.filter-sec .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    transform: scale(.5) !important;
}
.filter-sec .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
}
.search-products{
    border-bottom: 1px solid #00435a;
    padding-bottom: 1rem;
    margin-bottom: 20px;
}

.search-products select{
    width: max-content !important;
    margin-left: auto;
    background-color: transparent;
    font-size: 14px;
    height: 44px;
    border: 1px solid #ebcfb7;
    margin-bottom: 10px;
    border-radius: 6px;
}
.search-products select:focus{
    outline: 0 !important;
    box-shadow: none !important
}
.p-pro {
    font-weight: 600;
    font-size: 25px;
    color: #00435a;
    margin-bottom: 10px;
    font-family: "Playfair", serif;
}
.m-thumb-slider #big{
    margin-bottom: 1.5rem
}
.m-thumb-slider #big .item{
    height: 300px;
}
.m-thumb-slider #big .item img{
    object-fit: cover;
    height: 300px;
    border-radius: 4px;
}
.m-thumb-slider #thumbs .owl-nav button.owl-prev, .m-thumb-slider #thumbs .owl-nav button.owl-next{
    top: 35%;
    background: #2a2834;
    width: 22px;
    height: 24px;
    color: #fff;
    font-size: 13px;
}
.m-thumb-slider #thumbs .owl-nav button.owl-prev:hover, .m-thumb-slider #thumbs .owl-nav button.owl-next:hover{
    background: #b28f6f;
}
.m-thumb-slider #thumbs .owl-nav button.owl-prev{
    position: absolute;
    left: 0px
}
.m-thumb-slider #thumbs .owl-nav button.owl-next{
    position: absolute;
    right: 0px
}
.m-thumb-slider .owl-carousel .owl-item img{
    width: 100%;
    display: block;
}
.m-thumb-slider #thumbs .owl-item.current{
    border: 1px solid #00435a;
    box-sizing: border-box;
    border-radius: 12px;
}
.m-thumb-slider #thumbs .owl-item{
    border-radius: 12px;
    background: #E9E7E1;
    border: 2px solid #DCDCDC;
}
.m-thumb-slider #thumbs img{
    border-radius: 12px;
    height: 90px;
    object-fit: cover;
}
.product-det{
    background: #f9f1ea;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
}
.product-det .pro-mh{
    font-family: "Playfair", serif;
    color: #6d6d6d;
}
.product-det .pro-price{
    font-size: 30px;
    font-weight: 600;
    color: #00435a;
}
.product-det .pro-price .inc{
    font-size: 14px;
    vertical-align: middle;
    color: #6d6d6d;
    font-weight: 500;
}
.product-det .det-des{
    margin-bottom: 15px
}
.list-feat{
    position: relative;
    margin-bottom: 40px;
}
.list-feat li{
    margin-bottom: 16px;
    font-size: 15px;
}
.list-feat li i{
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    background: #f9f1ea;
    border-radius: 100px;
}
/* footer */

.m-footer{
    padding-top: 60px;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    background-color: #202020;
    ative;
    background-image: url(../../assets/img/ft-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.footer-link-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-link-list li a{
    position: relative;
    color: #e5e5e5;
    margin-right: 30px;
    font-size: 15px;
    transition: all 0.5s ease-out;
}
.m-footer p{
    color: #e5e5e5;
    font-size: 14px;
    line-height: 1.9;
}
.m-footer h6{
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 50px;
    position: relative;
    font-family: "Playfair", serif;
}
.m-footer h6:after{
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0px;
    height: 4px;
    background: #c41f43;
    width: 50px;
}
.footer-middle{
    padding-bottom: 0px;
}
.footer-social-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-social-list a{
    color: #00435a;
    font-size: 15px;
    transition: .2s;
    width: 34px;
    background: #fff;
    height: 34px;
    border-radius: 100%;
    text-align: center;
    line-height: 34px;
    display: inline-block;
}
.footer-social-list a:hover{
    color: #ffffff;
    background: #00435a;
}
.footer-link-list li a{
    padding-bottom: 6px;
    margin-bottom: 7px;
    padding-left: 10px;
    display: inline-block;
}
.footer-link-list li a:hover{
    color: #ffffff;
}
.footer-widget{
    margin-top: 10px;
    padding-bottom: 25px;
}
.footer-bottom{
    margin-bottom: 0px;
    margin-top: 0;
    padding: 15px 0;
    width: 100%;
    /* background-color: #00445b; */
}
.footer-bottom p{
    margin-bottom: 0px;
    font-size: 14px;
    color: #fff
}
.footer-bottom .container{
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 20px;
}
.footer-bottom p span{
    color: #0286ef;
}
.footer-bar{
    border-bottom: 1px solid rgba(132,132,132,.17);
    margin-bottom: 60px;
    padding: 25px 0 22px;
}
.address-ul{
    color: #e5e5e5;
    font-size: 16px;
}
.address-ul li{
    padding-bottom: 6px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 26px;
    font-size: 15px;
    color: #e5e5e5;
}
.address-ul li i{
    color: #ffffff;
    font-size: 15px;
    margin-right: 3px;
    position: absolute;
    left: 0;
    margin-top: 3px;
}
.footer-link-list li a:after{
    content: "";
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    top: 6px;
    left: -7px;
    -moz-transform: rotate(224deg);
    -o-transform: rotate(224deg);
    -ms-transform: rotate(224deg);
    -webkit-transform: rotate(224deg);
    transform: rotate(224deg);
    transition: all 0.5s ease-out;
}
.footer-link-list li a:hover:after{
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
#bt{
    background-color: #212121;
    color: #fafafa;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    opacity: 0;
    border: none;
    transition: opacity .1s linear;
    z-index: 10000;
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f;
}
#bt.show{
    opacity: 1;
}
.news-group{
    width: 80%;
}
.news-group input, .news-group input:focus{
    background: transparent;
    border: 1px solid #ffffff;
    color: #fff;
    height: 50px;
    outline: 0;
    box-shadow: none;
}
.news-group .btn{
    background: #ffffff00;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.news-group input::placeholder {
    color: #fff;
    opacity: 1;
}

.news-group input::-ms-input-placeholder {
    color: #fff;
}
/* About */
.about-main{
    background-image: url('../../assets/img/about-back.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.about-card{
    padding: 60px 60px;
    background: rgb(255 255 255 / 95%);
}
/* contact */
.cont-page .main-h:after{
    background-image: none;
    height: 1px;
    background: #002b95;
    margin-left: inherit;
    width: 100%;
}
.cont-page .address-ul li{
    color: #222
}
.cont-page .address-ul li i{
    color: #00435a;
}
.reg-form{
    background: rgb(249 241 234);
    padding: 20px 30px;
    border-radius: 4px;
}
.reg-form .form-group {
    margin-bottom: 1rem;
    position: relative
}

.reg-form .form-group label {
    font-size: 15px;
    margin-bottom: 8px;
    color: #fff
}

.reg-form .form-group .form-control {
    height: 48px;
    font-size: 14px;
    background-color: #ffffff00;
    border: 1px solid #00435a;
    border-radius: 4px;
    color: #00435a;
    padding: 10px 10px;
    font-weight: 400;
    letter-spacing: .5px
}

.reg-form .form-check-label {
    font-size: 15px;
}
.reg-form .reg-title{
    color: #00435a;
    font-weight: 800;
    font-size: 30px;
    font-family: "Playfair", serif;
}
.reg-form .reg-subtitle{
    color: #222;
    margin-bottom: 19px;
}
.reg-form .form-group .form-control::placeholder {
    color: #222;
    opacity: 1;
}

.reg-form .form-group .form-control:-ms-input-placeholder {
    color: #222
}

.reg-form .form-group .form-control::-ms-input-placeholder {
    color: #222
}

/* stores */
.store-box{
    position: relative;
    background: #f7f1ea;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-top: 30px
}
.store-map{height: 210px;overflow: hidden;}
.store-box .store-con{padding: 15px;}
.store-box .store-name{font-size: 19px;font-weight: 600;color: #00435a;margin-bottom: 21px;}

.store-box .store-con .cont-list{

}
.store-box .store-con .cont-list li{font-size: 14px;margin-top: 14px;position: relative;padding-left: 20px;}
.store-box .store-con .cont-list li i{position: absolute;left: 0;color: #00435a;}


/* ========  media Query  ============ */
@media (max-width: 992.2px){
    .btn-main {
        padding: 6px 15px;
        font-size: 14px;
        margin: 0;
    }
    .btn-main span:before{
        display: none
    }
    .ul-mob .li-mob{
        display: inline-block
    }
    .top-sec .navbar-brand img{
        width: 60px
    }
    .shop-price-box{
        margin-bottom: 30px
    }
    .top-sec .search-form {
        margin-top: 6px;
        margin-bottom: 6px;
    }
    .section-space {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .essen-title img{
        top: -56px
    }
    .m-nav{
        display: none
    }
}
@media screen and (min-width: 992px) {
    .filter-canvas.offcanvas-start {
        position: relative;
        visibility: visible;
        display: block;
        flex-direction: initial;
        transform: inherit;
        border-right: none;
        width: auto;
        border-radius: 4px;
        border: 1px solid #ebcfb7;
        z-index: 3;
        background: transparent;
    }
    .filter-canvas.offcanvas {
        overflow-y: auto;
    }
    .filter-canvas .offcan-btn {
        display: none;
    }
    .filter-canvas .btn-filter {
        display: none;
    }
    .navbar {
        padding: 0;
        line-height: 2rem;
    }
    .navbar .dropdown-menu {
        line-height: initial;
    }

    .dropdown .dropdown-menu {
        display: none;
    }

    .dropdown:hover > .dropdown-menu,
    .dropend:hover > .dropdown-menu {
        display: block;
    }

    .dropdown:hover > .dropdown-menu {
        margin-top: -0.5rem;
    }

    .dropend:hover > .dropdown-menu {
        position: absolute;
        top: -0.5rem;
        left: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px){
    .main .slider-content p{
        margin-bottom: 15px
    }
    .ul-ic li a{
        font-size: 11px
    }
    .ul-ic li a i {
        font-size: 13px;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
    .ul-ic li {
        margin-left: 13px;
    }
    .jew-slider .owl-carousel .owl-nav button.owl-next, .jew-slider .owl-carousel .owl-nav button.owl-prev{
        display: none
    }
    .main .slider-content h1{
        font-size: 22px
    }
    .main .slider-content p{
        font-size: 18px
    }
    .main .owl-carousel .item{
        height: 300px
    }
    .main .slider-content{
        margin-top: 13%
    }
    .main .owl-carousel .owl-nav button.owl-next, .main .owl-carousel .owl-nav button.owl-prev{
        display: none
    }

    .main-h{
        font-size: 2em
    }
    .main-h:after{
        width: 190px
    }
    .product-box .product-des .product-title{
        font-size: 13px
    }
    .product-box .product-des .product-title{
        font-size: 13px
    }
    .ess-box .ess-title{
        font-size: 20px
    }
    .ess-box .ess-title i {
        width: 30px;
        height: 30px;
        line-height: 34px;
        font-size: 26px;
    }
    .btn-main {
        padding: 6px 15px;
        font-size: 14px;
        margin: 0;
    }
    .shop-price-box h4 {
        font-size: 18px;
    }
    .shop-price-box p {
        font-size: 20px;
    }
    .ess-box{
        margin-bottom: 20px
    }
    .ess-box img {
        margin-bottom: 10px;
        width: 70px;
    }
    .top-sec .search-form .form-control{
        height: 40px;
        font-size: 14px
    }
    .top-sec .search-form .btn{
        padding: 7px 14px;f
    }
    .offer-strip a{
        font-size: 14px
    }
}
@media screen and (max-width: 600px){
    .main .owl-carousel .item{
        height: 220px
    }
    .main .slider-content h1{
        font-size: 20px
    }
    .peacock{
        bottom: auto;
        top: 50px;
    }
}