@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500;600&family=Open+Sans&display=swap");

html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #55555;
    line-height: 26px !important;
    overflow-x: hidden !important;
    font-family: "FiraGO", sans-serif;
    background: #F7FBFE;
    /*overflow-y: hidden !important;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
    color: #0b254a;
    font-family: "FiraGO", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #0b254a;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #4FC4F7;
}

h1 {
    /*font-size: 48px;*/
    font-weight: 600;
}

h2 {
    font-size: 36px;
    margin-top: -7px;
    font-weight: 600;
}

h3 {
    font-size: 28px;
    margin-top: -6px;
    font-weight: 600;
}

h4 {
    font-size: 24px;
    margin-top: -5px;
}

h5 {
    font-size: 20px;
    margin-top: -4px;
}

h6 {
    font-size: 18px;
    margin-top: -3px;
}
/*@media (min-width:1400px) {*/
/*  .new-search{*/
/*      margin-left:10% !important;*/
/*  }*/
/*}*/


@media (min-width: 768px) {
    h1 {
        /*font-size: 76px;*/
        /*line-height: 86px;*/
        /*margin-top: -16px;*/
        color:#000;
    }

    /*h2 {*/
    /*    font-size: 54px;*/
    /*    line-height: 40px;*/
    /*    margin-top: -7px;*/
    /*}*/

    h3 {
        /*font-size: 36px;*/
        /*line-height: 46px;*/
        margin-top: 50px;
    }

    h4 {
        font-size: 30px;
        margin-top: -5px;
    }

    h5 {
        font-size: 24px;
        margin-top: -4px;
    }

    h6 {
        font-size: 20px;
        margin-top: -3px;
    }
    
}

a {
    display: inline-block;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
     text-decoration: none !important;
}

a:hover {
    /*text-decoration: none;*/
    color: inherit;
}

a.mobile-search-class {
    display: none;
}
.btn.search-btn {
    position: relative;
    right: 15px;

}

.btn.search-btn {
    color: #fff;
    background-color: #bf8b4a;
    border-color: #be8c50;
}

.btn.search-btn:hover {
    color: #fff;
    background-color: #a57841;
    /* background-color: #0b5ed7; */

    border-color: #936b3a;
    /* border-color: #0a58ca; */
}

.btn-check:focus+.search-btn,
.btn.search-btn:focus {
    color: #fff;
    background-color: #a57841;
    border-color: #936b3a;
    box-shadow: 0 0 0 .25rem rgba(244, 186, 116, 0.5);
    /* box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); */
}

.btn-check:active+.search-btn,
.btn-check:checked+.search-btn,
.btn.search-btn.active,
.btn.search-btn:active,
.show>.btn.search-btn.dropdown-toggle {
    color: #fff;
    background-color: #966c3a;
    /* background-color: #0a58ca; */
    border-color: #916b3d;
    /* border-color: #0a53be */
}

.btn-check:active+.search-btn:focus,
.btn-check:checked+.search-btn:focus,
.btn.search-btn.active:focus,
.btn.search-btn:active:focus,
.show>.btn.search-btn.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(244, 186, 116, 0.5);
    /* box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5) */
}

.btn.search-btn.disabled,
.btn.search-btn:disabled {
    color: #fff;
    /* background-color: #0d6efd;
    border-color: #0d6efd */
    background-color: #bf8b4a;
    border-color: #be8c50;
}
ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
    /*padding: 5px 0;*/
}

.bg_img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bg_fixed {
    background-attachment: fixed;
}

.top__center {
    background-position: top center;
}

.color-tooltip::before {
    position: absolute;
    content: "";
}

.widget__post,
.widget.widget__tags ul,
.post__tag,
.post__share,
.review-item .content .entry-meta,
.review-item,
.widget-check-group,
.contact__item,
.deposit-item,
.deposit-preview,
.social--icons,
.dashboard__header-top-right,
.dashboard__header-top,
.profile-wrapper,
.reply-item,
.header-wrapper,
.social-icons {
    display: flex;
    flex-wrap: wrap;
}

.video-button,
.widget-check-color input:checked+label::before,
.widget-check-color label img,
.widget-check-color label,
.about-thumb .video__btn {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}

.pt-120 {
    padding-top: 80px;
}

.pb-120 {
    padding-bottom: 80px;
}

.pt-80 {
    padding-top: 90px;
}

.pb-80 {
    padding-bottom: 90px;
}

.pt-60 {
    /*padding-top: 45px;*/
}

.pb-60 {
    padding-bottom: 45px;
    padding-top: 45px;
}

@media (min-width: 992px) {
    .pt-120 {
        /*padding-top: 120px;*/
            padding-top: 40px;
    }

    .pb-120 {
        padding-bottom: 120px;
    }

    .pt-60 {
        padding-top: 40px;
        padding-bottom:40px;
        padding-left: 20px;
    padding-right: 20px;
}
    }

    .pb-60 {
        /*padding-bottom: 60px*/
        /*padding-bottom: 20px;*/
    }
}

/*Section Header*/
label,
button,
input[type=submit] {
    cursor: pointer;
}

body *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body *::-webkit-scrollbar {
    width: 6px;
    height: 4px;
    /*background-color: #4FC4F7;*/
     background-color: #906653;
}

body *::-webkit-scrollbar-button {
    /*background-color: #4FC4F7;*/
    background-color: #906653;
    
}

body *::-webkit-scrollbar-thumb {
    /*background-color: #4FC4F7;*/
     background-color: #906653;
}

*::selection {
    background-color: #4FC4F7;
    color: #fff;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background:#000;*/
    background: rgba(11, 37, 74, 0.7);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

[class*=line--limit] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line--limit-1 {
    -webkit-line-clamp: 1;
}

.line--limit-2 {
    -webkit-line-clamp: 2;
}

.line--limit-3 {
    -webkit-line-clamp: 3;
}

.line--limit-4 {
    -webkit-line-clamp: 4;
}

.line--limit-5 {
    -webkit-line-clamp: 5;
}

strong,
b {
    font-family: "FiraGO", sans-serif;
    font-weight: 700 !important font-size: 20px !important;
}

.bg--overlay {
    position: relative;
}

.bg--overlay::before {
    position: absolute;
    content: "";
    inset: 0;
    background: rgba(11, 37, 74, 0.9);
}

.bg--overlay .container {
    position: relative;
    z-index: 1;
}

.social-icons {
    justify-content: center;
    margin: -3px;
}

.social-icons li {
    padding: 3px;
}

.social-icons li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4FC4F7;
    color: #fff;
}

.social-icons li a i[class*=facebook] {
    background: #3b5998;
}

.social-icons li a i[class*=whatsapp] {
    background: #25d366;
}

.social-icons li a i[class*=twitter] {
    background: #55acee;
}

.social-icons li a i[class*=linkedin] {
    background: #007bb5;
}

.social-icons li a i[class*=instagram] {
    background: #e4405f;
}

.social-icons li a i[class*=google] {
    background: #dd4b39;
}

.social-icons li a i[class*=youtube] {
    background: #cd201f;
}

.social-icons li a i[class*=camera] {
    background: #e4405f;
}

.social-icons li a i[class*=pinterest] {
    background: #007bb5;
}

.social-icons li a i[class*=tumblr] {
    background: #34465d;
}

.social-icons li a i[class*=behance] {
    background: #1769ff;
}

.social-icons li a i[class*=skype] {
    background: #2fb7df;
}

.social-icons li a i[class*=vimeo] {
    background: #1ab7ea;
}

.section__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid linear-gradient(90deg, #E4BE9A, #72493A);
    margin-bottom: 20px;
    /*background: linear-gradient(90deg, #E4BE9A, #72493A);*/
}

.section__header .title {
    color: #000;
    /*font-size: .875rem;*/
    font-size: 0.9rem;
    padding-top: 10px;
    position: relative;
    filter: drop-shadow(1px 1px 0px #906653);
    width: fit-content;
    
    
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
    font-family: "Dosis", sans-serif !important;
    line-height: 1.2;
    margin-top: 0px;
  
    
}
.section__header .title::before{
    content: "";
    position: absolute;
    font-size: 1rem;
    top: -3px;
    left: 0;
    /*background: linear-gradient(90deg, #E4BE9A, #72493A);*/
    width: 50px;
    height: 12px;
    -webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 100%, 0 100%);

}
@media (max-width: 575px) {
    .section__header .title {
        font-size: 0.9rem;
    
    }
    .view--all{
       
       margin-top:10% !important;
    /*line-height:1;*/
    }
   .view--all a svg{
        margin-top: -25px!important;
    margin-left: 100% !important;
    }
}

.view--all {
   
    font-family: "Josefin Sans", sans-serif;
    color:#000;
    /*color: #9b9bb4;;*/
    text-decoration: underline;
    /*font-size: 20px;*/
    font-size: .75rem;
    /*height: 2.125rem;*/
    border-radius: 1.875rem !important;
    background-color: transparent;
    /*border: 1px solid #d9d9e9 !important;*/
     border: 1px solid #000 !important;
    padding: 6px 1.25rem;
    margin-bottom: 10%;

    
}
.view--all .a :hover{
color:#71778e;
}

section:not(.top-brands-section):nth-of-type(odd) .section__header {
    /*flex-direction: row-reverse;*/
}

section:not(.top-brands-section):nth-of-type(odd) .section__header .title {
    /*padding: 14px 18px 10px 40px;*/
    /*clip-path: polygon(20px 0, 100% 0, 100% 100%, 0% 100%);*/
     color: #000;
    
    font-size: 0.9rem;
    padding-top: 10px;
    position: relative;
    filter: drop-shadow(1px 1px 0px #906653);
    width: fit-content;
    
    
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px;
    font-family: "Dosis", sans-serif !important;
    line-height: 1.2;
    margin-top: 0px;
}

@media (max-width: 575px) {
    section:not(.top-brands-section):nth-of-type(odd) .section__header .title {
       /*font-size: 32px;*/
    padding: 20px 40px 7px 0px;
    }
}


.bg--body {
    /*background-color: #F7FBFE !important;*/
}

.bg--section {
    /*background-color: #ffffff !important;*/
}

.btn--base,
.bg--base {
    /*background: linear-gradient(90deg, #E4BE9A, #72493A);*/
     background: linear-gradient(45deg, #000, #1c1c1f, #111, #000) !important;
}

.btn--primary,
.bg--primary {
    background-color: #7367f0 !important;
}

.btn--secondary,
.bg--secondary {
    background-color: #868e96 !important;
}

.btn--success,
.bg--success {
    background-color: #28c76f !important;
}

.btn--danger,
.bg--danger {
    background-color: #ea5455 !important;
}

.btn--warning,
.bg--warning {
    background-color: #f99f0b !important;
}

.btn--info,
.bg--info {
    background-color: #1e9ff2 !important;
}

.btn--dark,
.bg--dark {
    background-color: #222225; !important;
}

.btn--white,
.bg--white {
    background-color: #fff !important;
}

[class*=btn--] {
    color: #fff;
    font-weight: 500;
}

[class*=btn--]:hover {
    color: #fff;
}

.btn--warning,
.badge--warning,
.btn--white,
.badge--white {
    color: #0b254a;
}

.btn--warning:hover,
.badge--warning:hover,
.btn--white:hover,
.badge--white:hover {
    color: #0b254a;
}

.btn--black,
.badge--black,
.bg--black {
    background-color: #000 !important;
}

.btn--title,
.badge--title,
.bg--title {
    background-color: #0b254a !important;
}

.text--primary {
    color: #7367f0 !important;
}

.text--secondary {
    color: #868e96 !important;
}

.text--success {
    color: #000 !important;
}

.text--danger {
    /*color: #ea5455 !important;*/
}

.text--warning {
    color: #f99f0b !important;
}

.text--info {
    color: #1e9ff2 !important;
}

.text--dark {
    color: #0b254a !important;
}

.text--white {
    color: #fff !important;
}

.text--white p,
.text--white ul li,
.text--white ul li a,
.text--white span {
    color: #d2e2ff;
}

.text--black {
    color: #000 !important;
}

.text--body {
    color: #555555 !important;
}

.text--base {
    color: #ccc !important;
}

.text--title {
    color: #0b254a !important;
}

.text--star {
    color: #ff9613 !important;
}

.bg--transparent {
    background-color: transparent !important;
}

.bg--none {
    background: none !important;
}

.bg--base-2 {
    background-color: #48cd89 !important;
}

.bg--base-3 {
    background-color: #1769ff !important;
}

.bg--base-4 {
    background-color: #3e5474 !important;
}

.text--base-2 {
    color: #48cd89 !important;
}

.text--base-3 {
    color: #1769ff !important;
}

.text--base-4 {
    color: #3e5474 !important;
}

.badge {
    border-radius: 15px !important;
    padding: 5px 15px 3px;
    position: relative;
    border-radius: 5px;
    font-size: 13px;
}

.badge--warning {
    background-color: rgba(255, 159, 67, 0.1);
    border: 1px solid #ff9f43;
    color: #ff9f43;
}

.badge--success {
    background-color: rgba(40, 199, 111, 0.1);
    border: 1px solid #2ecc71;
    color: #2ecc71;
}

.badge--danger {
    background-color: rgba(234, 84, 85, 0.1);
    border: 1px solid #ea5455;
    color: #ea5455;
}

.badge--primary {
    background-color: rgba(83, 82, 237, 0.1);
    border: 1px solid #5352ed;
    color: #5352ed;
}

.badge--dark {
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid #000000;
    color: #000000;
}

.badge--discount {
    background-color:#906653;;
    border: 1px solid #906653;;
    color: #fff;
}

.badge--info {
    background-color: rgba(30, 161, 242, 0.1);
    border: 1px solid #1e9ff2;
    color: #1e9ff2;
}

.tos-links a {
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
     /*background: linear-gradient(147deg, #E4BE9A 0%, #72493A)!important;*/
    /*background: rgba(79, 196, 247, 0.12);*/
    color: #fff;
    height: 100%;
    border-radius: 10px;
}
.tos-links a:hover{
    color:#fff;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .tos-links a {
        padding: 20px 15px;
    }
}

.tos-links a .subtitle {
    font-family: "Josefin Sans", sans-serif;
    text-transform: capitalize;
    line-height: 1.2;
}

.tos-links a .icon {
    width: 50px;
    font-size: 42px;
    line-height: 1;
    margin-bottom: 5px;
    display: block;
    color: #4FC4F7;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .tos-links a .icon {
        width: 35px;
    }
}

.tos-links a .icon img {
    width: 100%;
    
}
.tos-links a .icon{
   color:#906653 !important;
}
.tos-links a .content {
    width: calc(100% - 50px);
    padding-left: 15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .tos-links a .content {
        width: calc(100% - 35px);
        padding-left: 10px;
    }
}

.tos-links a .content p {
    margin-bottom: 0;
    font-size: 13px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.051);
}

.footer-top,
.footer-bottom {
    padding: 7px 0;
}

.footer__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -10px -40px;
}

.footer__widget {
    width: 160px;
    flex-grow: 1;
    margin-bottom: 30px;
    padding: 0 10px;
    float:right;
}

@media (min-width: 768px) {
    .footer__widget {
        width: calc(100% / 3);
    }
}

@media (min-width: 992px) {
    .footer__widget {
        width: calc(100% / 6);
    }
}

.footer__widget .title {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
}

.footer__widget ul li a {
    color: #d2e2ff;
    font-size: 14px;
}

.footer__widget ul li a:hover {
    color: #fff;
}

.footer__widget ul li a::before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-flex;
    margin-right: 5px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    background: #4FC4F7;
}

.footer__bottom__widget {
    color: #d2e2ff;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 40px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .footer__bottom__widget {
        width: calc(100% / 2);
    }
}

@media (min-width: 992px) {
    .footer__bottom__widget {
        width: calc(100% / 4);
    }
}

.footer__bottom__widget .title {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
}

.footer__bottom__widget p {
    margin: 0;
}

.footer__bottom__widget .pay-img {
    width: calc(100% / 4);
    height: 45px;
    padding: 4px;
}

@media (max-width: 991px) {
    .footer__bottom__widget .pay-img {
        width: calc(100% / 5);
    }
}

@media (max-width: 767px) {
    .footer__bottom__widget .pay-img {
        width: calc(100% / 8);
    }
}

@media screen and (max-width: 430px) {
    .footer__bottom__widget .pay-img {
        width: calc(100% / 6);
    }
}

@media screen and (max-width: 360px) {
    .footer__bottom__widget .pay-img {
        width: calc(100% / 5);
    }
}

.footer__bottom__widget .pay-img img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newletter-form .form-control {
    height: 45px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    box-shadow: none;
    border: 1px solid rgba(79, 196, 247, 0.1);
}

.newletter-form .form-control::placeholder {
    color: #fff;
}

.newletter-form .cmn--btn {
    width: 45px;
    padding: 0;
}

footer {
    position: relative;
    background: url(./img/footer-bg.png) #212529 center center;
}

footer .scrollTop {
    position: absolute;
    bottom: 70px;
    right: 15px;
    -webkit-transform: translateY(-160%) rotate(-90deg);
    -ms-transform: translateY(-160%) rotate(-90deg);
    transform: translateY(-160%) rotate(-90deg);
    color: #fff;
    z-index: 1;
}

footer .scrollTop::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background: #4FC4F7;
    left: 100%;
    top: 11px;
}

@media screen and (max-width: 1300px) {
    footer .scrollTop {
        right: -25px;
    }
}

@media screen and (max-width: 575px) {
    footer .scrollTop {
        display: none;
    }
    .header__top__wrapper ul:not(.social-icons){
        margin-left:40%;
        /*margin-top:-7%;*/
        font-size:14px !important;
    }
}

.copyright-area {
    display: flex;
    justify-content: space-between;
    color: #ccc;
    padding: 2px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.051);
    font-family: "Josefin Sans", sans-serif;
    font-size: 14px;
    margin: -10px;
}

.copyright-area .copyright {
    padding: 0 10px;
}

.copyright-area .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.copyright-area .links li {
    padding: 0;
}

.copyright-area .links li a {
    padding: 0 10px;
    color: #fff;
}

.copyright-area .links li:not(:last-child) a {
    border-right: 1px solid rgba(79, 196, 247, 0.3);
}

@media (max-width: 991px) {
    .copyright-area {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
}

.header__top__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__top__wrapper ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.header-top .header__top__wrapper p {
    margin-bottom: 0;
    color: #fff;
    /*margin-left: -7px;*/
    font-size: 15px;
}
.header-top .header__top__wrapper {
    padding:0;
}
.header__top__wrapper ul a {
    color: #000;
    font-weight:400;
}

.header__top__wrapper ul:not(.social-icons) {
    font-size: 16px;
    /*padding: 5px 0;*/
    font-weight: 400;
    /*margin-left: 40%;*/
    /*margin-top: -7%;*/
}

.header__top__wrapper ul:not(.social-icons) li {
    padding: 0;
    position: relative;
}

.header__top__wrapper ul:not(.social-icons) li:not(:last-child) {
    /*padding-right: 20px;*/
}

.header__top__wrapper ul:not(.social-icons) li:not(:last-child)::before {
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    height: 14px;
    margin-top: -7px;
    width: 1px;
    background: rgba(255, 255, 255, 0.3);
}

.header__top__wrapper .name {
    text-transform: capitalize;
    font-family: "FiraGO", sans-serif;
}

@media (max-width: 767px) {
    .header__top__wrapper {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .header__top__wrapper .social-icons {
        padding-bottom: 5px;
    }

    .header__top__wrapper ul {
        justify-content: center;
    }
}

.header__top__wrapper .social-icons li a i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.header-top {
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
    /*border-bottom: 1px dashed rgba(255, 255, 255, 0.1);*/
    z-index: 999;
    position: relative;
    /*background: #F7FBFE;*/
    color: #d2e2ff;
    /*padding:3px 10px !important;*/
}

.change-language {
    display: flex;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.change-language span {
    color: #4FC4F7;
    margin-right: 2px;
}

.change-language a {
    color: #0b254a;
}

.change-language a:not(:last-child)::after {
    content: "/";
    display: inline-block;
    margin: 0 5px;
    color: #0b254a;
}

.change-language2 a:not(:last-child)::after {
    content: "/";
    display: inline-block;
    margin: 0 5px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .change-language a {
        color: #fff;
    }

    .change-language a:not(:last-child)::after {
        color: #4FC4F7;
    }
}

.change-language .language {
    height: 32px;
    padding-left: 5px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-left: 15px;
    outline: none;
    background: #ebe9e900;
    color: #f5f6f9;
}

.change-language .language option {
    color: #0b254a;
    background: #ffffff;
}

.change-language .language:focus {
    box-shadow: none;
}

.menu-item-has-children {
    position: relative;
    z-index: 999 !important;
}

.menu-item-has-children>a {
    align-items: center;
}

.menu-item-has-children>a::after {
    content: "\f107";
    font-weight: 700;
    font-family: "Line Awesome Free";
    margin-left: 5px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: inline-block;
}

@media (max-width: 991px) {
    .menu-item-has-children>a::after {
        margin-left: auto;
    }
}

.menu-item-has-children:hover>a::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

@media (min-width: 992px) {
    .menu-item-has-children.open .submenu {
        display: block !important;
    }

    .menu-item-has-children .submenu {
        display: block !important;
    }
}

.header-bar {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 20px;
}

.header-bar span {
    /*position: absolute;*/
    /*display: inline-block;*/
    /*height: 3px;*/
    /*width: 100%;*/
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    /*background: #906653;*/
    /*left: 0;*/
    
    width: 20px;
    height: 5px;
    border-radius: 10px;
    margin: 3px 0;
    margin-left: 10px;
    display: inline-block;
    background-color: #fff;
    transition: 0.3s all ease;
}


.header-bar span:first-child {
    top: 0;
}

.header-bar span:nth-child(2) {
    top: 52%;
    transform: translateY(-65%);
}

.header-bar span:last-child {
    bottom: 0;
}

.header-bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px, 9px);
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px);
}

.header-bar.active span:nth-child(2) {
    opacity: 0;
}

.header-bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px, -9px);
    -ms-transform: rotate(-45deg) translate(3px, -9px);
    transform: rotate(-45deg) translate(3px, -9px);
}

@media (max-width: 575px) {
    .header-bar {
        width: 15px;
        height: 16px;
        /*margin-top:-28% !important;*/
        /*color:#fff !important;*/
        
        float: right;
    /*width: 50px;*/
    /*height: 50px;*/
    padding: 0;
    display: grid;
    place-content: center;
    background-color: #222225;
    /* margin-left: 1rem;
                                                                                                                                                                                    margin-right: 15px; */
    border: none;
    text-align: right;
    /* margin-top: -83px; */
        margin: 10px;
    }

    /*.header-bar span {*/
        height: 2px;
        width: 20px;
    /*}*/

    .header-bar.active span:first-child {
        -webkit-transform: rotate(45deg) translate(4px, 6px);
        -ms-transform: rotate(45deg) translate(4px, 6px);
        transform: rotate(45deg) translate(4px, 6px);
    }

    .header-bar.active span:nth-child(2) {
        opacity: 0;
    }

    .header-bar.active span:last-child {
        -webkit-transform: rotate(-45deg) translate(4px, -6px);
        -ms-transform: rotate(-45deg) translate(4px, -6px);
        transform: rotate(-45deg) translate(4px, -6px);
    }
    .cart--btn{
        left: -7% !important;
    margin-top: -5 !important;
    /*width: 21px !important;*/
    font-size: 20px !important;
    }
    .sign-in-up{
        /*margin-top: -32px;*/
        margin-left: 0%;
            margin-top: 5px;
        /*margin-bottom:40px;*/
    /*margin-left: -60%;*/
    }
}
.header-menu{
    /* position: sticky !important;*/
    /*top: 0;*/
}
.header-bottom {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    /*-webkit-transition: all ease 0.3s;*/
    /*-moz-transition: all ease 0.3s;*/
    /*transition: all ease 0.3s;*/
    z-index: 999;
    padding-top: 5px;
    padding-bottom: 5px;
        background: linear-gradient(45deg, #000, #1c1c1f, #111, #000) !important;
    /*background: #ffffff !important;*/
    /*box-shadow: 0 0 5px 10px rgba(11, 37, 74, 0.1);*/
    /*border-bottom: 1px solid #e3e4ff;*/
}

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

.header-wrapper .logo {
    /*width: 200px;*/
}

.header-wrapper .logo a {
    display: block;
    height: 50px;
}

.header-wrapper .logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    margin-left:-45%;
}

@media (max-width: 767px) {
    .header-wrapper .logo {
        width: 150px;
    }

    .header-wrapper .logo a {
        height: 60px;
    }
}

@media screen and (max-width: 450px) {
    .header-wrapper .logo {
        width: 100px;
    margin-left: 15%
    }

    .header-wrapper .logo a {
        height: 60px;
    }
}

.menu-area .menu li a {
    color: #fff;
    text-transform: capitalize;
    font-family: "Josefin Sans", sans-serif;
}

@media (max-width: 991px) {
    .menu-area .menu li {
        padding: 0;
    }

    .menu-area .menu li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 8px 15px 5px;
        color: #fff;
        display: block;
        border-radius: 3px;
    }

    .menu-area .menu li.menu-item-has-children>a {
        display: flex;
        justify-content: space-between;
    }

    .menu-area .menu li .submenu {
        display: none;
        margin-left: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .menu-area .menu li .submenu li {
        background: rgba(255, 255, 255, 0.051);
    }

    .menu-area .menu li .submenu li:last-child {
        border: none;
    }

    .menu-area .menu li .submenu li a {
        text-transform: capitalize;
        padding: 8px 15px 5px;
    }

    .menu-area .menu li .submenu li a .subtitle {
        color: #fff;
    }

    .menu-area .menu li .submenu li a .info {
        color: #d2e2ff !important;
    }

    .menu-area .menu li .submenu li:first-child {
        border-radius: 5px 5px 0 0;
    }

    .menu-area .menu li .submenu li:last-child {
        border-radius: 0 0 5px 5px;
    }

    .menu-area .menu li:hover,
    .menu-area .menu li.open {
        border-color: #4FC4F7;
    }

    .menu-area .menu li:hover>a,
    .menu-area .menu li.open>a {
        background: #4FC4F7;
        color: #fff;
    }

    .menu-area .menu li:hover>a::after,
    .menu-area .menu li.open>a::after {
        color: #fff;
    }

    .menu-area .menu>li:first-child>a {
        border-top: 1px solid rgba(79, 196, 247, 0.2);
    }

    .menu-area .menu .login-reg-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px;
    }

    .menu-area .menu .login-reg-btn>a {
        border-radius: 5px;
        margin: 0 5px;
        background: #4FC4F7;
    }

    .menu-area .menu .login-reg-btn>a:nth-of-type(even) {
        background: #fff;
        color: #0b254a;
    }

    .menu-area .menu .login-reg-btn .logout--btn {
        border-radius: 5px;
        margin: 10px 10px 0;
        background: #4FC4F7;
        width: unset;
        display: inline-block;
    }

    .menu-area .menu .login-reg-btn .logout--btn:nth-of-type(even) {
        background: #fff;
        color: #0b254a;
    }
}

.menu-area .menu .submenu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 3px;
}

.menu-area .menu .submenu li a .icon {
    font-size: 24px;
    color: #4FC4F7;
    width: 30px;
}

.menu-area .menu .submenu li a .cont {
    padding-left: 10px;
    width: calc(100% - 30px);
}

.menu-area .menu .submenu li a .cont .subtitle {
    margin: 0;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-area .menu .submenu li a .cont .info {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555555;
}

.menu-area .menu .submenu li:hover>a {
    background: #4FC4F7;
    color: #fff;
}

.menu-area .menu .submenu li:hover>a::after {
    color: #fff;
}

.menu-area .menu .submenu li:hover>a .subtitle,
.menu-area .menu .submenu li:hover>a .info,
.menu-area .menu .submenu li:hover>a .icon {
    color: #fff;
}

@media (min-width: 992px) {
    .menu-area .menu {
        display: flex;
        align-items: center;
    }

    .menu-area .menu li {
        padding: 5px;
        position: relative;
    }

    .menu-area .menu li .badge {
        font-size: 10px;
        padding: 2px 5px;
        margin-right: -7px;
    }

    .menu-area .menu li a {
        font-size: 20px;
        padding: 5px;
        font-weight: 500;
        color: #fff;
    }

    .menu-area .menu li a.active {
        text-decoration: underline;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .menu-area .menu li a {
        padding: 10px;
    }
}

@media (min-width: 992px) and (min-width: 1400px) {
    .menu-area .menu li a {
        padding: 5px 10px;
    }
}

@media (min-width: 992px) {
    .menu-area .menu li .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 300px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        padding: 15px;
        border: 1px solid #e3e4ff;
        background: #F7FBFE;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .menu-area .menu li .submenu li {
        width: 100%;
        padding: 0;
        border-radius: 3px;
    }

    .menu-area .menu li .submenu li a {
        padding: 10px;
        color: #0b254a;
        text-transform: capitalize;
    }

    .menu-area .menu li .submenu li:last-child {
        border: none;
    }

    .menu-area .menu li .submenu li .submenu {
        top: -1px;
        left: 100%;
    }
}

@media (min-width: 992px) {
    .menu-area .menu li:hover>.submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }
}

.menu-area .menu-close {
    display: none;
}

@media (max-width: 991px) {
    .menu-area {
        position: fixed;
        top: 0;
        right: 0;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        transform-origin: right;
        z-index: 99999;
        width: 100%;
        max-width: 400px;
        height: 100vh;
        overflow-y: scroll;
        background: #212529;
        padding: 70px 20px 20px;
    }

    .menu-area::-webkit-scrollbar {
        display: none;
    }

    .menu-area .menu-close {
        color: #ea5455;
        font-size: 30px;
        position: absolute;
        left: 85%;
        top: 25px;
        display: block;
        z-index: 1;
    }

    .menu-area .badge {
        margin-left: 5px;
    }

    .menu-area.active {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }

    .menu-area .mega-menu-icon {
        padding: 5px !important;
        background: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 5px;
        margin-bottom: 40px;
    }

    .menu-area .cart-wrapper {
        position: absolute;
        right: 30px;
        top: 25px;
    }
}

@media (min-width: 992px) {
    .menu-area {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
}

.cart-wrapper {
    /*gap: 12px;*/
    /*margin-left: 85%;*/
    /*margin-top: -2%;*/
}

.cart--btn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    /*color: #000;*/
    position: relative;
    color: #906653;
    /*left: 90%;*/
    /*margin-top:-5%;*/
    /*left: 95%;*/
    left:0%;
}

.cart--btn .qty {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -3px;
    right: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
}

.cart--btn:hover {
    color: #fff;
}

.banner-promo a {
    height: 100%;
    display: block;
}

.banner-promo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

@media (max-width: 991px) {
    .banner-promo {
        height: 200px;
    }
}

@media (max-width: 575px) {
    .banner-promo {
        height: 140px;
    }
    .cart-wrapper {
/* margin-left: 60% !important; */
    align-items: end;
    /* margin-top: -25%; */
}
.search--group{
    margin-left:10% !important;
}
    .category-link-area{
        display: block;
    }
    .search--group{
        right:-50%;
    }
}

@media screen and (max-width: 400px) {
    .banner-promo {
        height: 100px;
    }
}

.search--group {
    position: relative;
    overflow: hidden;

    padding: 3px 10px !important;
    
    /*border:1px solid #fff;*/
    
   
    border-radius: 25px !important;
    
    
    /*right: -50%;*/
    
    
    
    cursor: pointer;
    
    
}

.search--group input{
     /*border:none !important;*/
      border: 0 !important;
      border-bottom: 2px solid #fff !important;
     height: 35px;
     width: 35%;
     /*border-radius:11px 5px 5px 11px;*/
     padding-left: 15px;
     
    font-family: Metropolis,Serif,Sans-Serif;
    font-size: .875rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    color: #fff;
    
    font: 14px/22px Open Sans;
   
   
    /*background: linear-gradient(45deg, #000, #1c1c1f, #111, #000) !important;*/
      background-color: transparent;
      border:none;
    
   
     
     
    }

.search--group .form-control {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 5px !important;
    height: auto;
    box-shadow: none;
    
}

.search--group .cmn--btn {
    padding: 6px 25px 6px 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    
}

.category-link-area {
    position: relative;
    z-index: 99;
    display:none;
}
.category-link-area desktop{
    display:none;
}
.category-link-area mobile{
    display:block;
}

.category-link-area .cmn--btn {
    background: #fff;
    padding: 0 15px;
    height: 40px;
    color: #0b254a;
    border-radius: 3px;
    margin-left:25%;
}

@media (min-width: 992px) {
    .category-link-area .category-link {
        position: absolute;
        width: 200px;
        opacity: 0;
        visibility: hidden;
        background:#000;
    }

    .category-link-area .menuButton {
        display: none;
    }

    .category-link-area:hover .category-link {
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 991px) {
    .category-link-area {
        text-align: center;
        font-size: 14px;
    }

    .category-link-area .categoryButton,
    .category-link-area .menuButton {
        margin: 0 auto 20px;
        text-align: center;
    }

    .category-link-area .categoryButton:not(.active),
    .category-link-area .menuButton:not(.active) {
        background: transparent;
        /*color: #4FC4F7;*/
        color:#fff;
    }

    .category-link-area .category-link {
        display: none;
    }

    .category-link-area .category-link li {
        padding: 0;
    }

    .category-link-area .category-link li a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 8px 15px 5px;
        color: #fff;
        display: block;
        border-radius: 3px;
    }

    .category-link-area .category-link li.cate-icon>a {
        display: flex;
        justify-content: space-between;
    }

    .category-link-area .category-link li.cate-icon>a::after {
        content: "\f107";
    }

    .category-link-area .category-link li .category-sublink {
        display: none;
        margin-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .category-link-area .category-link li .category-sublink li {
        background: rgba(255, 255, 255, 0.051);
    }

    .category-link-area .category-link li .category-sublink li:last-child {
        border: none;
    }

    .category-link-area .category-link li .category-sublink li a {
        text-transform: capitalize;
        padding: 8px 15px 5px;
    }

    .category-link-area .category-link li .category-sublink li a .subtitle {
        color: #fff;
    }

    .category-link-area .category-link li .category-sublink li a .info {
        color: #d2e2ff !important;
    }

    .category-link-area .category-link li .category-sublink li:first-child {
        border-radius: 5px 5px 0 0;
    }

    .category-link-area .category-link li .category-sublink li:last-child {
        border-radius: 0 0 5px 5px;
    }

    .category-link-area .category-link li:hover,
    .category-link-area .category-link li.open {
        border-color: #4FC4F7;
    }

    .category-link-area .category-link li:hover>a,
     {
        background: #4FC4F7;
        color: #fff;
    }
    .category-link-area .category-link li.open>a{}

    .category-link-area .category-link li:hover.cate-icon>a,
    .category-link-area .category-link li.open.cate-icon>a {
        background: #4FC4F7;
        color: #fff;
    }

    .category-link-area .category-link li:hover.cate-icon>a::after,
    .category-link-area .category-link li.open.cate-icon>a::after {
        color: #fff;
        content: "\f106";
    }

    .category-link-area .category-link>li:first-child>a {
        border-top: 1px solid rgba(79, 196, 247, 0.2);
    }
}

/*Banner Section*/
.banner-slider {
    position: relative;
}

.owl-dots {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    width: 100%;
    bottom: 20px;
    z-index: 1;
}

.owl-dots .owl-dot {
    margin: 3px;
}

.owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    background: #fff;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.owl-dots .owl-dot.active span {
    width: 12px;
    height: 12px;
    background: #4FC4F7;
}

.banner__wrapper {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 576px) {
    .banner__wrapper {
        padding: 0 15px;
    }
    /* .banner__wrapper-products {*/
        /*margin-top: 30px;*/
    /*    display:none !important;*/
    /*}*/
   
}

.banner__wrapper-category {
    /*margin-left:10%;*/
    /*width: 250px;*/
    /*margin-right:15%;*/
    /*margin-top: -5%;*/
    /*margin-left: 20%;*/
    /*margin-right:-5%;*/
   margin-bottom: -3%;
    margin-left: 10% !important;
    /*justify-content: space-between !important;*/
    /*align-items: center !important;*/
    /*margin:0 !important;*/
    /*padding:0 !important;*/
    
}

.banner__wrapper-category-inner,
.banner__wrapper-products-inner {
    height: 100%;
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
}

.banner__wrapper-category-inner-header,
.banner__wrapper-products-inner-header {
    background: linear-gradient(90deg, #E4BE9A, #72493A);
    padding: 12px 10px 8px;
    margin: 0;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.banner__wrapper-category .category-link,
.banner__wrapper-products .category-link {
    flex-grow: 1;
}

.banner__wrapper-products {
    width: 100%;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .banner__wrapper-products {
        /*margin-top: 30px;*/
        /*display:none !important;*/
    }
}

@media (min-width: 1200px) {
    .banner__wrapper-products {
        width: 250px;
        display:none;
        /*margin-top: 0;*/
    }
    .banner__wrapper-category {
         margin-bottom: -1%;
         margin-top: 2%;
}
    /*margin-left: -4%;*/
    }
}

.banner__wrapper-products-inner {
    /*height: 100%;*/
}

.banner__wrapper-products-inner-body {
    flex-grow: 1;
    padding: 15px;
    background: #0b254a;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.banner__wrapper-content {
    width: 100%;
}

.banner__wrapper-content-inner {
    /*border: 1px solid #e3e4ff;*/
    /*-webkit-border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*border-radius: 20px;*/
    /*background: #ffffff;*/
     background: linear-gradient(45deg, #000, #1c1c1f, #111, #000);
     width:100%;
     /*height:100%;*/
     /*padding:20px;*/
     display:flex;
     /*margin-left:35%;*/
}

.banner__wrapper-content-inner a {
    height: 100%;
    /*overflow: hidden;*/
}

.banner__wrapper-content-inner a img {
        position: absolute;
    height: 280px;
    /*min-width: 1680px;*/
    /*width: 100%;*/
    /*left: 50%;*/
    /*-webkit-transform: translateX(-50%);*/
    /*transform: translateX(-50%);*/
    /*width:100%;*/
    object-fit: cover;
    /*-webkit-border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*border-radius: 3px;*/
}

@media (min-width: 768px) {
    .banner__wrapper-content-inner {
        /*height: 300px;*/
    }
}

@media (min-width: 992px) {
    .banner__wrapper-content {
        /*width: calc(100% - 250px);*/
        padding-left: 12px;
    }

    .banner__wrapper-content-inner {
        height: 280px;
    }
}

@media (min-width: 1200px) {
    .banner__wrapper-content {
        /*width: calc(100% - 500px);*/
        padding: 0 24px;
    }

    .banner__wrapper-content-inner {
        /*height: 500px;*/
    }
}

.banner__wrapper-content-inner a {
    display: block;
}

.banner__wrapper-content-inner a img {
    width: 100%;
}

@media (min-width: 992px) {
    .category-link {
        justify-content: space-between !important;
         align-items: center !important;
         margin:0;
         padding:0;
        position: relative;
        /*border: 1px solid #e3e4ff;*/
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        /*background: #fff;*/
        display:flex;
        list-style-type: none;
        
    
    }

    .category-link li {
        padding: 0;
    }

    .category-link li a {
        font-family: Metropolis-SemiBold,Serif,Sans-Serif;
    font-stretch: normal;
    font-style: normal;
    /*text-transform: uppercase;*/
       cursor: pointer;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    letter-spacing: .03125rem !important;
    font-size: .875rem !important;
    
        padding: 2px 23px;
        color:#fff;
        
        display: flex;
        justify-content: space-between;
        font-weight:400 !important;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-height: 40vh;

        list-style-type: none;
   
        z-index: 2;
       transition: 0.3s all ease;
       -webkit-text-size-adjust: 100%;
      -webkit-tap-highlight-color: transparent;
       font-style: normal;
}
    }

    .category-link li>a {
        /*padding: 5px 10px;*/
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .category-link li>a {
        padding: 2px 10px;
    }
}

@media (min-width: 992px) {
    .category-link li .category-sublink {
        position: absolute;
        top: 50px;
        height: 40vh;
        padding: 9px 8px 9px 8px;
       
        width: 230px;
        
        border-left: 1px solid #25252A;;
        visibility: hidden;
        opacity: 0;
        background:#000;
        overflow-y: auto;
       
        
    }
}

@media (min-width: 992px) {
    .category-link li:hover>.category-sublink {
        visibility: visible;
        opacity: 1;
      background-color: #1c1c1f;
    }

    .category-link li:hover>a {
        background:#222225;
       padding: 10px 30px;
    margin: 0;
    /*width: 100%;*/
    }
}

@media screen and (min-width: 992px) and (max-width: 1439px) {
    .category-link {
        padding: 20px 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .category-link {
        /*padding: 8px 0;*/
    }

    .category-link-wrapper {
        width: 220px;
    }
}

.cate-icon>a::after {
    content: "\f105";
    font-family: "Line Awesome Free";
    /*font-weight: 600;*/
    margin-top:10px;
    margin-left:10px;
    
    border-width: 5px 5px 0;
    border-color: transparent;
    border-style: solid;
    border-top-color: #906653;
}

.deal__item {
    background: #fff;
    display: flex;
    align-items: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}

.deal__item:not(:last-child) {
    margin-bottom: 15px;
}

.deal__item-img {
    width: 80px;
}

.deal__item-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.deal__item-cont {
    color: #0b254a;
    padding-left: 15px;
}

.deal__item-cont .price {
    margin: 0;
    font-size: 18px;
    line-height: 1;
}

.deal__item-cont del {
    font-size: 14px;
    line-height: 1;
}

.product-max-xl-slider {
    width: 100%;
}

@media (min-width: 1200px) {
    .product-max-xl-slider {
        max-height: 420px;
        overflow-y: auto;
    }

    .product-max-xl-slider::-webkit-scrollbar {
        display: none;
    }

    .product-max-xl-slider::-moz-scrollbar {
        display: none;
    }

    .product-max-xl-slider::-ms-scrollbar {
        display: none;
    }
}

.banner-section {
    position: relative;
    /*margin:0 -2% 0 -2%;*/
}

.cmn--card {
    height: 100%;
    border: none;
    background-color: #fff !important;
    box-shadow: 0 3px 25px rgba(11, 37, 74, 0.17);
}

.cmn--card .card-header {
    background: #4FC4F7;
    border: 0;
    margin-top: -1px;
    padding: 15px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.cmn--card .card-header .card-title {
    text-align: center;
    margin: 0;
    font-size: 18px;
    color: #fff;
}

.cmn--card .card-header .title {
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 18px;
}

.cmn--card .card-footer {
    text-align: center;
    background: #fff;
    border: 0;
    padding: 15px;
}

.cmn--card img {
    width: 100%;
}

.form--control:disabled,
.form--control[readonly] {
    background: rgba(11, 37, 74, 0.07);
    border-color: rgba(11, 37, 74, 0.1) !important;
}

.cmn--table {
    margin-bottom: 0;
    box-shadow: 0 5px 25px rgba(11, 37, 74, 0.1);
}

.cmn--table thead {
    background: #4fc4f7;
}

.cmn--table thead th {
    color: #fff;
    font-family: "Josefin Sans", sans-serif;
    text-align: center;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    text-transform: capitalize;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.cmn--table thead th:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.cmn--table thead th:last-child {
    border-radius: 0 7px 7px 0;
}

.cmn--table thead th:first-child {
    border-radius: 7px 0px 0px 7px;
    text-align: left;
}

@media (max-width: 575px) {
    .cmn--table thead th {
        padding: 10px 15px;
    }
}

.cmn--table .thumb img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.cmn--table tbody {
    font-size: 14px;
}


.cmn--table tbody tr td {
    vertical-align: middle;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 20px;
    text-align: center;
}

@media (max-width: 575px) {
    .cmn--table tbody tr td {
        padding: 10px 15px;
    }
}

.cmn--table tbody tr td:first-child {
    text-align: left;
}

.cmn--table tbody tr td:last-child {
    text-align: right;
}

@media (max-width: 1199px) {
    .cmn--table thead {
        display: none;
    }

    .cmn--table tbody tr {
        display: block;
    }

    .cmn--table tbody tr td {
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .cmn--table tbody tr td:not(:last-child) {
        border-bottom: 1px dashed rgba(11, 37, 74, 0.1);
    }

    .cmn--table tbody tr td::before {
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
        color: #0b254a;
        text-align: left;
        content: attr(data-label);
    }

    .cmn--table tbody tr:not(:last-child) {
        border-bottom: 1px dashed rgba(11, 37, 74, 0.1);
    }

    .cmn--table tbody tr:nth-of-type(odd) {
        background: #F7FBFE;
    }
}

@media (min-width: 1200px) {
    .cmn--table .details {
        max-width: 250px;
        margin: 0 auto;
    }
}

.cmn--table .badge {
    padding: 4px 10px 3px;
    min-width: 70px;
    font-weight: 400;
    font-family: "Josefin Sans", sans-serif;
}

.form--group {
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .form--group {
        margin-bottom: 15px;
    }
}

.form--control-3 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(79, 196, 247, 0.1);
    color: #fff;
    height: 50px;
}

.form--control-3::placeholder {
    color: #fff;
}

.form--control-3:focus {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: none;
    border: 1px solid rgba(79, 196, 247, 0.1);
}

.form--control-3:-webkit-autofill,
.form--control-3:-webkit-autofill:hover,
.form--control-3:-webkit-autofill:focus,
.form--control-3:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #555555 !important;
}

.form--control-3[type=file] {

    padding: 15px 20px;
    height: unset;
}

.form--control-3[readonly] {
    background: #F7FBFE;
}

.form--control-3:not(button) {
    box-shadow: none;
    outline: none;
}

textarea.form--control-3 {
    height: 140px;
}

.form--group-select .select2-container--default .select2-selection--single {
    background: #ffffff;
    border-color: #e3e4ff;
    height: 50px;
}

.form--group-select .select2-container {
    width: 100% !important;
}

.bg--section .select2-container--default .select2-selection--single,
.bg--section .form--control-3 {
    /*background: #F7FBFE;*/
}

.form--label-2 {
    text-transform: capitalize;
    font-family: "Josefin Sans", sans-serif;
    margin-bottom: 10px;
    color: #fff;
}

.ticket__wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px;
    box-shadow: 0 5px 25px rgba(11, 37, 74, 0.1);
    background: #fff;
}

@media (max-width: 575px) {
    .ticket__wrapper {
        padding: 20px;
    }
}

.ticket__wrapper-title {
    margin: 0;
    margin-bottom: 25px;
}

.ticket__wrapper-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background: #4FC4F7;
}

.reply-item {
    padding: 15px 0;
    border: 1px solid rgba(79, 196, 247, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    align-items: center;
    margin: 10px;
}

.reply-item .name-area {
    padding: 20px;
    width: 220px;
    text-align: center;
}

.reply-item .name-area .title {
    margin: 0;
    font-size: 18px;
}

.reply-item .name-area .reply-thumb {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 15px;
}

.reply-item .name-area .reply-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.reply-item .content-area {
    width: calc(100% - 220px);
    padding: 20px;
    border-left: 1px solid rgba(11, 37, 74, 0.1);
}

.reply-item .content-area .meta-date {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    display: block;
}

@media (max-width: 767px) {
    .reply-item {
        padding: 0;
    }

    .reply-item .name-area,
    .reply-item .content-area {
        width: 100%;
        border: none;
    }

    .reply-item .name-area {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.reply-item::before {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.reply-message-area {
    margin: -10px;
}

.reply-message-area li {
    padding: 0;
}

.reply-message-area li ul {
    padding-left: 20px;
}

@media (min-width: 768px) {
    .reply-message-area li ul {
        padding-left: 50px;
    }
}

.profile-wrapper {
    padding: 20px;
    box-shadow: 0 5px 25px rgba(11, 37, 74, 0.1);
}

.profile-wrapper .profile-user {
    text-align: center;
    width: 100%;
    max-width: 250px;
    position: relative;
    margin: 0 auto 40px;
}

.profile-wrapper .profile-user .thumb {
    width: 250px;
    height: 250px;
    margin: 0 auto 20px;
    position: relative;
}

.profile-wrapper .profile-user .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.profile-img-upload {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 11;
}

.profile-wrapper .profile-form-area {
    width: calc(100% - 250px);
}

@media (min-width: 1200px) {
    .profile-wrapper .profile-form-area {
        padding-left: 40px;
    }
}

@media (max-width: 1199px) {
    .profile-wrapper .profile-form-area {
        width: 100%;
    }
}

.remove-image {
    display: none;
    font-size: 40px;
    color: #ea5455;
    right: -20px;
    top: -7px;
    position: absolute;
    cursor: pointer;
    line-height: 1;
}

@media screen and (max-width: 340px) {
    .remove-image {
        right: 10px;
    }
}

.two-factor-content {
    padding: 20px 0;
}

.two-factor-content .subtitle {
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.two-factor-thumb {
    max-width: 150px;
    margin: 0 auto;
}

.two__fact__text {
    margin-bottom: 35px;
}

.about--list li {
    position: relative;
    padding-left: 20px;
}

.about--list li::before {
    content: "";
    left: 0;
    top: 15px;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4FC4F7;
    position: absolute;
}

.about--list li:last-child {
    padding-bottom: 0;
}

.lightbox-container {
    z-index: 9999;
}

.about-thumb {
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}

.about-thumb img {
    width: 100%;
    height: 100%;
}

.about-thumb::before {
    content: "";
    inset: 0;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
}

.counter-item {
    padding: 40px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    backdrop-filter: blur(6px);
    overflow: hidden;
    border: 1px solid rgba(79, 196, 247, 0.2);
    position: relative;
}

.counter-item .counter-header {
    display: flex;
    align-items: center;
}

.counter-item .counter-header .title {
    margin: 0;
    color: #4FC4F7;
}

.counter-item .counter-header .title i {
    font-size: 80%;
    line-height: 1;
}

.counter-item .icon {
    font-size: 50px;
    line-height: 1;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0.2;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.counter-item:hover .icon {
    opacity: 0.4;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
}

.contact-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    position: relative;
    z-index: 5;
}

@media (min-width: 992px) {
    .contact-area {
        margin-bottom: -40px;
    }
}

.contact-area .contact-content {
    width: 100%;
    max-width: 450px;
    padding-right: 45px;
}

.contact-area .contact-content .contact-content-top {
    margin-bottom: 35px;
}

.contact-area .contact-content .contact-content-top .title {
    margin: 0;
    margin-bottom: 20px;
}

.contact-area .contact-content .contact-content-top p {
    font-size: 18px;
}

.contact-area .contact-content .contact-content-botom .subtitle {
    color: #4FC4F7;
    margin-bottom: 20px;
}

.contact-area .contact-content .contact-content-botom .contact-info li {
    display: flex;
}

.contact-area .contact-content .contact-content-botom .contact-info li:not(:last-child) {
    margin-bottom: 20px;
}

.contact-area .contact-content .contact-content-botom .contact-info li .icon {
    font-size: 24px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #4FC4F7;
}

.contact-area .contact-content .contact-content-botom .contact-info li .cont {
    width: calc(100% - 60px);
    padding-left: 20px;
}

.contact-area .contact-content .contact-content-botom .contact-info li .cont .name {
    margin: 0;
    font-size: 18px;
}

.contact-area .contact-content .contact-content-botom .contact-info li .cont a {
    color: #4FC4F7;
}

.contact-area .contact-wrapper {
    max-width: 600px;
    padding: 50px 40px;
    border: 1px solid rgba(79, 196, 247, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

@media (max-width: 1199px) {
    .contact-area .contact-content {
        max-width: 400px;
        padding-right: 35px;
    }

    .contact-area .contact-wrapper {
        max-width: 500px;
    }
}

@media (max-width: 991px) {

    .contact-area .contact-content,
    .contact-area .contact-wrapper {
        max-width: 100%;
    }

    .contact-area .contact-content {
        margin-bottom: 45px;
    }
}

.dashboard__sidebar .cmn--btn {
    padding: 6px 20px;
    text-transform: capitalize;
}

/*Dashborad*/
.dashboard__sidebar {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 25px rgba(0, 0, 0, 0.1);
}

.dashboard__sidebar .dashboard__logo {
    position: relative;
}

.dashboard__sidebar .dashboard__logo .close-dashboard-sidebar {
    color: #ea5455;
    font-size: 22px;
    line-height: 1;
    position: absolute;
    cursor: pointer;
    top: 12px;
    right: 12px;
}

.dashboard__sidebar .dashboard__author {
    padding: 25px 15px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard__sidebar .dashboard__author .thumb {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    position: relative;
}

.dashboard__sidebar .dashboard__author .thumb::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #28c76f;
    right: 3px;
    top: 3px;
    outline: 3px solid #fff;
}

.dashboard__sidebar .dashboard__author .thumb a {
    height: inherit;
    width: inherit;
}

.dashboard__sidebar .dashboard__author .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.dashboard__sidebar .dashboard__author .content {
    /*text-align: center;*/
}

.dashboard__sidebar .dashboard__author .content .title {
    margin: 0;
}

.dashboard__sidebar .dashboard__author .content .title a {
    font-size: 20px;
    line-height: 1.2;
}

.dashboard__sidebar .dashboard__author .content .cmn--btn {
    font-size: 14px;
    padding: 3px 10px;
}

.dashboard__sidebar .side__menu__footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard__sidebar .side__menu__footer .side__menu__footer__inner {
    padding: 20px 15px;
    text-align: center;
}

.dashboard__sidebar .side__menu__area {
    overflow: hidden;
}

.dashboard__sidebar .sidebar-container {
    overflow-y: auto;
    height: 100%;
}

.dashboard__sidebar .sidebar-container::-webkit-scrollbar {
    width: 3px;
}

.dashboard__sidebar .sidebar-container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #fff;
}

div[class*=col]:nth-of-type(4n + 1)>.dashboard-card {
    /*background: #5c42af;*/
   /*background:#755230;*/
    background:#957a61;
}

div[class*=col]:nth-of-type(4n + 2)>.dashboard-card {
    /*background: #edddd2;*/
    background:#665d58;
}

div[class*=col]:nth-of-type(4n + 3)>.dashboard-card {
    /*background: #665d58;*/
   background: #957a61;
}

div[class*=col]:nth-of-type(4n + 4)>.dashboard-card {
    /*background: #aca29c;*/
    background:#665d58;
}

div[class*=col]:nth-of-type(4n + 5)>.dashboard-card {
    background: #957a61;
}

div[class*=col]:nth-of-type(4n + 6)>.dashboard-card {
    background: #665d58;
}

.dashboard-card {
    background: #4fc4f7;
    padding: 20px 25px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.dashboard-card::before,
.dashboard-card::after {
    position: absolute;
    content: "";
    width: 70px;
    aspect-ratio: 1;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    right: 0;
    transform: translateX(45%);
}

.dashboard-card::before {
    top: 30px;
    transform: translateX(45%);
}

.dashboard-card::after {
    top: 80px;
    width: 90px;
    transform: translateX(25%);
}

.dashboard-card__icon {
    color: #fff;
    font-size: 24px;
}

.dashboard-card__content p {
    margin-top: 10px;
    color: #fff;
    font-size: 15px;
}

.dashboard-card__content .title {
    color: #fff;
}

.side__menu {
    padding: 5px 0 20px;
}

.side__menu-title {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    color: #4FC4F7;
}

.side__menu li {
    padding: 0;
}

.side__menu li a {
    display: flex;
    padding: 8px 15px;
    color: #555555;
    font-family: "Josefin Sans", sans-serif;
    font-size: 14px;
    border-radius: 5px;
}

.side__menu li a:hover {
    background: rgba(79, 196, 247, 0.1);
    color: #4FC4F7;
}

.side__menu li a:hover i {
    color: #4FC4F7;
}

.side__menu li a.active {
    background: #4FC4F7;
    color: #fff;
}

.side__menu li a.active i {
    color: #4FC4F7;
}

.side__menu li a i {
    font-size: 20px;
    line-height: 1;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side__menu li a .cont {
    padding-left: 15px;
}

.products-table-details a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-table-details a img {
    width: 60px;
    height: 40px;
    object-fit: cover;
    border-radius: 3px;
}

.products-table-details a .sub-title {
    color: #d2e2ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding-left: 10px;
    margin: 0;
}

.side__menu-select {
    height: 35px;
    background: transparent;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 10px;
}

.side__menu-select:focus {
    outline: none;
}

.side__menu-select option {
    color: #0b254a;
    background: #ffffff;
}

.dashboard__article {
    display: flex;
    width: calc(100% - 299px);
    flex-direction: column;
}

.dashboard__responsive__header {
    padding: 10px 20px;
    background: rgba(79, 196, 247, 0.2);
    margin-bottom: 50px;
    border-radius: 7px;
    font-size: 15px;
}

.dashboard-sidebar-toggler {
    font-size: 32px;
    color: #4FC4F7;
    line-height: 1;
}

.dashboard__responsive__header .thumb__wrapper .thumb {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}

.dashboard__responsive__header .thumb__wrapper .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    .dashboard__article {
        width: 100%;
    }

    .dashboard__sidebar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99900;
        max-width: 400px;
        min-height: 100vh;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        transition: ease-in 0.4s;
        border-radius: 0;
    }

    .dashboard__sidebar.active {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.dashboard-search {
    width: 100%;
    max-width: 300px;
}

.dashboard-search .form-control {
    height: 45px;
    background: rgba(255, 255, 255, 0.051);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    padding: 0 40px 0 15px;
}

.dashboard-search .form-control:focus {
    box-shadow: none;
}

.dashboard-search .form-control::placeholder {
    color: #fff;
}

.dashboard-search .form-control:-webkit-autofill,
.dashboard-search .form-control:-webkit-autofill:hover,
.dashboard-search .form-control:-webkit-autofill:focus,
.dashboard-search .form-control:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #555555 !important;
}

.dashboard-search .submit-btn {
    position: absolute;
    line-height: 45px;
    right: 10px;
    top: 0;
    color: #fff;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.dashboard__header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dashboard__header-top {
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #0b254a;
}

.dashboard__header-top-right {
    justify-content: center;
}

.dashboard__header-top-right>li {
    padding: 0;
    position: relative;
}

.dashboard__header-top-right>li>a {
    width: 50px;
    height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    position: relative;
}

.dashboard__header-top-right>li>a::before {
    position: absolute;
    content: "";
    left: 0;
    width: 1px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
}

.dashboard__header-top-right>li .notification__wrapper {
    position: absolute;
    width: 300px;
    right: 0;
    top: 100%;
    z-index: 99;
    background: #F7FBFE;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 5px rgba(11, 37, 74, 0.1);
}

.dashboard__header-top-right>li .notification__wrapper li {
    padding: 0;
}

.dashboard__header-top-right>li .notification__wrapper li:not(:last-child) {
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .dashboard__header-top-right>li .notification__wrapper {
        width: 260px;
    }
}

.dashboard__header-top-right>li a:focus~.notification__wrapper {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 575px) {
    .dashboard__header-top .dashboard-search {
        order: 0;
        width: 100%;
        max-width: 100%;
        margin-bottom: 18px;
    }

    .dashboard__header-top .dashboard__header__bar,
    .dashboard__header-top .dashboard__header-top-right {
        order: 1;
    }
}

.dashboard__header-bottom {
    background: #F7FBFE;
}

.dashboard__header-bottom ul {
    display: flex;
    justify-content: space-between;
}

.dashboard__header-bottom ul li {
    flex-grow: 1;
    padding: 0;
}

.dashboard__header-bottom ul li a {
    padding: 20px 15px;
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    color: #0b254a;
}

.dashboard__header-bottom ul li a i {
    margin-left: auto;
}

.notify__item {
    display: flex;
    text-decoration: none !important;
    align-items: center;
    padding: 10px 15px;
    background: #F7FBFE;
    border: 1px solid #e3e4ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.notify__item:not(:last-child) {
    margin-bottom: 5px;
}

.notify__item .notify__thumb {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notify__item .notify__thumb i {
    color: #fff;
    font-size: 20px;
}

.notify__item .notify__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notify__item .notify__content {
    width: calc(100% - 50px);
    padding-left: 15px;
    color: #555555;
}

.notify__item .notify__content .title {
    font-size: 16px;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.notify__item .notify__content .info {
    font-size: 14px;
    line-height: 1.4;
    display: block;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.notify__item .notify__content .date {
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    align-items: center;
}

.notify__item .notify__content .date i {
    color: #4FC4F7;
    font-size: 18px;
    margin-right: 5px;
}

.notify__item:hover {
    background: rgba(79, 196, 247, 0.2);
    border-color: #4FC4F7;
}

.dashboard__Bid__wrapper {
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dashboard__Bid__wrapper .dashboard__title {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard__Bid__wrapper .dashboard__title a {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #4FC4F7;
}

.dashboard__Bid__item-thumb a {
    display: block;
    height: 180px;
    overflow: hidden;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.dashboard__Bid__item-thumb a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dashboard__Bid__item-content {
    padding: 20px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #F7FBFE;
    display: flex;
    align-items: center;
}

.dashboard__Bid__item-content .title-area {
    width: calc(100% - 100px);
}

.dashboard__Bid__item-content .title-area .title {
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
}

.dashboard__Bid__item-content .title-area .title span {
    font-size: 80%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 10px;
    margin-left: 5px;
    font-weight: 400;
}

.dashboard__Bid__item-content .title-area .rate {
    font-size: 24px;
    font-weight: 700;
}

.dashboard__Bid__item-content .title-area .rate span {
    font-size: 70%;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 10px;
    margin-left: 5px;
    font-weight: 400;
}

@media (max-width: 1199px) {
    .dashboard__Bid__item-content .title-area .title {
        font-size: 18px;
    }

    .dashboard__Bid__item-content .title-area .rate {
        font-size: 20px;
    }
}

@media screen and (max-width: 400px) {
    .dashboard__Bid__item-content .title-area .title {
        font-size: 16px;
    }

    .dashboard__Bid__item-content .title-area .rate {
        font-size: 18px;
    }
}

.chart-1 {
    width: 100px;
}

.filter__modal-content li {
    padding: 0;
}

.filter__modal-content li a {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    color: #0b254a;
    font-weight: 700;
}

.filter__modal-content li a i {
    display: none;
}

.modal {
    z-index: 9999;
}

.modal .modal-header {
    /*background: #0b254a;*/
    background-color: #000 !important;
}

.modal .modal-header .modal-title {
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}

.modal .btn-close {
    /*background: transparent;*/
    color:#fff !important;
    opacity: 1;
    color: #ea5455;
    font-size: 24px;
    line-height: 1;
}


.gift-card .gift-card-title {
    padding: 9px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1 !important;
    text-align: center !important;
}


.modal-header{
    border-bottom:none !important;
}
.modal-footer{
    border-top:none !important;
}

.post-modal-body {
    padding: 0 20px 20px;
}

.post-modal-body .text-area {
    display: flex;
}

.post-modal-body .text-area .thumb {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.post-modal-body .text-area .thumb img {
    width: 100%;
}

.post-modal-body .text-area .content {
    padding-left: 20px;
    flex-grow: 1;
}

.post-modal-body .text-area .content textarea {
    height: 200px;
    box-shadow: none;
}

.post-modal-body .form-control[type=file] {
    line-height: 36px;
}

.filter-show-btn {
    position: fixed !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 40px;
    z-index: 99;
}

.Bid__buy__sell__item {
    width: 100%;
    padding: 0 10px 20px;
}

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

.Bid__buy__sell__item-header-thumb {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.Bid__buy__sell__item-header-thumb img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Bid__buy__sell__item-header-thumb .rate {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: -3px;
    right: -3px;
    font-size: 12px;
    background: #ff9613;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Bid__buy__sell__item-header-cont {
    padding-left: 10px;
    width: calc(100% - 70px);
}

.Bid__buy__sell__item-header-cont .title {
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Bid__buy__sell__item-header-cont .info {
    font-size: 14px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Bid__buy__sell__item-header .watchlist__btn {
    line-height: 1;
    color: #0b254a;
    font-size: 22px;
    width: 30px;
    text-align: right;
}

.Bid__buy__sell__item .chart-market {
    margin-bottom: 15px;
}

.Bid__buy__sell__item .chart-market img {
    width: 100%;
}

.Bid__buy__sell__item .change-Bid {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 5px;
}

@media screen and (min-width: 500px) {
    .Bid__buy__sell__item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .Bid__buy__sell__item {
        width: calc(100% / 3);
    }
}

@media screen and (min-width: 1600px) {
    .Bid__buy__sell__item {
        width: calc(100% / 5);
    }
}

.Bid__buy__sell__item-inner {
    padding: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #F7FBFE;
}

.Bid__buy__sell__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -20px;
}

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

.buy__sell__button__area a {
    color: #555555;
    width: calc(50% - 10px);
    text-align: center;
}

.buy__sell__button__area a .title {
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    background: rgba(11, 37, 74, 0.8);
}

.buy__sell__button__area a .info {
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    display: block;
    padding: 3px 5px;
    color: #0b254a;
    background: #ffffff;
}

.chart-Bid {
    min-height: 60px !important;
}

.editor__item {
    position: relative;
}

.editor__item-thumb {
    height: 150px;
}

.editor__item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.editor__item-content {
    padding: 25px 25px 20px;
    background: #F7FBFE;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top: none;
}

.editor__item-title {
    font-size: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.editor__item-title span {
    font-weight: 400;
    font-size: 80%;
    padding-left: 8px;
    margin-left: 5px;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
}

.editor__item .editors-bottom {
    margin-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 10px;
    font-size: 14px;
}

.editor__item .editors-bottom a i {
    line-height: 1;
    color: #0b254a;
    font-size: 20px;
}

.editor__item .editor__content {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F7FBFE;
    top: 0;
    left: 0;
    padding: 20px;
    overflow-y: auto;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    visibility: hidden;
    opacity: 0;
}

.editor__item .editor__content .title {
    font-size: 22px;
    margin-bottom: 15px;
}

.editor__item .editor__content .title span {
    font-size: 80%;
}

.editor__item-thumb:hover .editor__content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.return__area {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.return__area .rate__area .rate {
    font-size: 24px;
}

.return__area .rate__area .rate i {
    font-size: 70%;
    margin-right: 5px;
}

.return__area .rate__area .info {
    font-size: 14px;
    text-transform: uppercase;
}

.return__area .risk__level {
    text-transform: uppercase;
    font-size: 12px;
}

.return__area .risk__level .level {
    font-size: 16px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    border: 2px solid rgba(40, 199, 111, 0.2);
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.copy__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.fz--14 {
    font-size: 14px;
}

.copy__item {
    padding: 20px 15px 15px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: #F7FBFE;
}

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

.copy__item-header-thumb {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.copy__item-header-thumb img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.copy__item-header-thumb .rate {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: -3px;
    right: -3px;
    font-size: 12px;
    background: #ff9613;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy__item-header-cont {
    padding-left: 10px;
    width: calc(100% - 70px);
}

.copy__item-header-cont .title {
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.copy__item-header-cont .info {
    font-size: 14px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}

.copy__item-header .watchlist__btn {
    line-height: 1;
    color: #0b254a;
    font-size: 22px;
    width: 30px;
    text-align: right;
}

.copy__item__width {
    padding: 10px;
    width: 100%;
}

@media screen and (min-width: 576px) {
    .copy__item__width {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .copy__item__width {
        width: calc(100% / 3);
    }
}

@media screen and (min-width: 1600px) {
    .copy__item__width {
        width: calc(100% / 5);
    }
}

.setting__item {
    padding: 40px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F7FBFE;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #555555;
    display: block;
}

@media (max-width: 575px) {
    .setting__item {
        padding: 30px 15px;
    }
}

.setting__item-icon {
    font-size: 50px;
    line-height: 1;
    color: #4FC4F7;
    margin-bottom: 15px;
}

.setting__item-title {
    margin-bottom: 20px;
}

.setting__item p {
    margin: 0;
}

.setting__item .author {
    display: flex;
    align-items: center;
}

.setting__item .author .thumb {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.setting__item .author .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.setting__item .author .content {
    padding-left: 20px;
    margin-right: auto;
}

.setting__item .author .content .name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.document__card {
    padding: 40px 30px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F7FBFE;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #555555;
    display: block;
}

.document__card-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    display: block;
}

.document__card-body {
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.document__card-body .subtitle {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.document__card-item:not(:last-child) {
    margin-bottom: 25px;
}

.document__card-item .s-title {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
}

.document__card-item .thumb {
    font-size: 50px;
    color: #0b254a;
}

.document__card-item .cont * {
    display: block;
}

.document__card-item .cont .status {
    font-size: 14px;
}

.document__card-footer {
    padding: 20px;
}

.document__card-footer a {
    color: #555555;
}

.document__card-footer .thumb {
    font-size: 40px;
}

.document__card-footer .cont {
    margin-left: 10px;
}

@media (max-width: 575px) {
    .document__card {
        padding: 30px 15px 0;
    }
}

.profile__card {
    padding: 40px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F7FBFE;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #555555;
    display: block;
}

@media (max-width: 575px) {
    .profile__card {
        padding: 30px 15px;
    }
}

.profile__card .author {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.profile__card .author .thumb {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.profile__card .author .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile__card .author .content {
    padding-left: 20px;
    margin-right: auto;
}

.profile__card .author .content .name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.profile-progress .progress-title {
    font-size: 16px;
    font-weight: 600;
}

.profile-progress .progress-bar {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 6px;
    background: rgba(11, 37, 74, 0.3);
    position: relative;
    overflow: hidden;
}

.profile-progress .progress-bar .progress-bar-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #4FC4F7;
}

.profile__details {
    margin-top: 30px;
    margin-bottom: 35px;
}

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

.profile__details li a {
    color: #4FC4F7;
}

.profile__details li span {
    font-size: 14px;
}

.shadow--card {
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F7FBFE;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #555555;
    display: block;
}

@media (max-width: 575px) {
    .shadow--card {
        padding: 30px 15px;
    }
}

.shadow--card .shadow--card-title {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 700;
}

.form-switch {
    position: relative;
    padding: 0;
    padding-right: 40px;
}

.form-switch .form-check-label {
    display: block;
}

.form-switch .form-check-input {
    position: absolute;
    right: 0;
    top: 0;
}

.form-switch .form-check-input:focus {
    box-shadow: none;
}

.trading__activity {
    text-align: center;
}

.trading__activity .thumb {
    font-size: 100px;
    line-height: 1;
}

input[type=checkbox] {
    cursor: pointer;
}

.email__notify__area .form-check {
    margin-top: 30px;
    font-size: 14px;
}

.email__notify__area .form-check .email__notify__title {
    font-size: 18px;
}

.account__setting__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.account__setting__item:not(:last-child) {
    margin-bottom: 30px;
}

.account__setting__item .right-side a {
    background: #4FC4F7;
    color: #fff;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 12px;
}

.account__setting__item-title {
    font-size: 18px;
}

.social--icons {
    justify-content: center;
}

.social--icons li {
    padding: 5px;
}

.social--icons li a {
    display: block;
}

.social--icons li a i {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #4FC4F7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.social--icons li a i[class*=facebook] {
    background: #3b5998;
}

.social--icons li a i[class*=whatsapp] {
    background: #25d366;
}

.social--icons li a i[class*=twitter] {
    background: #55acee;
}

.social--icons li a i[class*=linkedin] {
    background: #007bb5;
}

.social--icons li a i[class*=instagram] {
    background: #e4405f;
}

.social--icons li a i[class*=google] {
    background: #dd4b39;
}

.social--icons li a i[class*=youtube] {
    background: #cd201f;
}

.social--icons li a i[class*=camera] {
    background: #e4405f;
}

.social--icons li a i[class*=pinterest] {
    background: #007bb5;
}

.social--icons li a i[class*=tumblr] {
    background: #34465d;
}

.social--icons li a i[class*=behance] {
    background: #1769ff;
}

.social--icons li a i[class*=skype] {
    background: #2fb7df;
}

.social--icons li a i[class*=vimeo] {
    background: #1ab7ea;
}

.custom--card .card-header {
    border: none;
    background: #0b254a;
}

.custom--card .card-header .card-title {
    margin: 0;
    color: #fff;
    text-align: center;
}

.custom--card .deposit__thumb {
    height: 160px;
}

.custom--card .deposit__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom--card .card-footer {
    background: #fff;
}

.deposit-preview {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 3px 15px rgba(11, 37, 74, 0.1);
    max-width: 740px;
    margin: 0 auto;
}

.deposit-preview .deposit-thumb {
    width: 320px;
    padding: 10px;
    padding-right: 0;
}

@media (max-width: 1199px) {
    .deposit-preview .deposit-thumb {
        width: 300px;
    }
}

.deposit-preview .deposit-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.deposit-preview .deposit-content {
    width: calc(100% - 320px);
    border-left: none;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 1199px) {
    .deposit-preview .deposit-content {
        width: calc(100% - 300px);
    }
}

.deposit-preview .deposit-content ul {
    width: 100%;
    margin-top: -10px;
}

.deposit-preview .deposit-content ul li {
    padding: 10px 0;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.deposit-preview .deposit-content ul li:not(:last-child) {
    border-bottom: 1px dashed rgba(11, 37, 74, 0.15);
}

@media (max-width: 767px) {
    .deposit-preview {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
    }

    .deposit-preview .deposit-thumb {
        width: 100%;
    }

    .deposit-preview .deposit-content {
        padding: 20px 25px;
        width: 100%;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
    }
}

.deposit-item {
    justify-content: space-between;
    background: #F7FBFE;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.deposit-item .deposit-thumb,
.deposit-item .deposit-content {
    width: calc(50% - 15px);
}

.deposit-item .deposit-thumb img,
.deposit-item .deposit-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.deposit-item .deposit-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.deposit-item .deposit-content {
    align-self: center;
}

.deposit-item .deposit-content ul {
    margin: 0;
}

.deposit-item .deposit-content ul li {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.deposit-item .deposit-content ul li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 500px) {
    .deposit-item {
        padding: 15px;
    }

    .deposit-item .deposit-content,
    .deposit-item .deposit-thumb {
        width: 100%;
    }

    .deposit-item .deposit-content {
        padding: 20px 0 0 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .deposit-item .deposit-content,
    .deposit-item .deposit-thumb {
        width: 100%;
    }

    .deposit-item .deposit-content {
        padding: 30px 0 0 0;
    }
}

.mt-20 {
    margin-top: 20px;
}

.dashboard__body {
    padding: 45px 15px 30px;
    margin-top: auto;
}

@media (max-width: 991px) {
    .dashboard__body {
        padding-left: 0;
        padding-right: 0;
    }
}

.dashboard__footer {
    padding: 0 15px;
    margin-top: auto;
}

.dashboard__footer .copyrights {
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: 1px solid rgba(79, 196, 247, 0.2);
}

.contact__wrapper__1,
.contact__wrapper__2 .contact__wrapper__2_inner {
    padding: 50px 30px 30px;
    border: 1px solid #e3e4ff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

@media screen and (max-width: 400px) {

    .contact__wrapper__1,
    .contact__wrapper__2 .contact__wrapper__2_inner {
        padding: 30px 15px 15px;
    }
}

.contact__wrapper__1 {
    width: 100%;
}

@media (min-width: 992px) {
    .contact__wrapper__1 {
        max-width: 900px;
        padding-right: 300px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contact__wrapper__1 {
        max-width: 800px;
    }
}

@media (max-width: 991px) {
    .contact__wrapper__1 {
        margin-bottom: 40px;
    }
}

.contact__wrapper__1.contact--wrapper--full {
    padding: 50px 30px 30px;
    margin: 0 auto;
}

@media screen and (max-width: 400px) {
    .contact__wrapper__1.contact--wrapper--full {
        padding: 30px 15px 15px;
    }
}

.contact__wrapper__2 {
    width: 100%;
}

@media (min-width: 992px) {
    .contact__wrapper__2 {
        position: relative;
        z-index: 1;
        width: calc(100% - 900px);
    }

    .contact__wrapper__2 .contact__wrapper__2_inner {
        margin-left: -270px;
        margin-top: 270px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .contact__wrapper__2 {
        width: calc(100% - 800px);
    }
}

@media (max-width: 991px) {
    .contact__wrapper__2 .contact__wrapper__2_inner {
        background: #F7FBFE !important;
    }

    .contact__wrapper__2 .contact__wrapper__2_inner.bg--body {
        background: #ffffff !important;
    }
}

.maps {
    min-height: 300px;
}

.contact__item {
    height: 100%;
    padding: 32px 30px;
    border: 1px solid #e3e4ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    align-items: center;
    word-break: break-word;
}

.contact__item .contact__icon {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border: 1px solid #e3e4ff;
    background: rgba(255, 255, 255, 0.1);
    font-size: 24px;
    color: #4FC4F7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.contact__item .contact__body {
    width: calc(100% - 70px);
    padding-left: 20px;
}

.contact__item .contact__body .contact__title {
    margin: 0;
    margin-bottom: 5px;
}

.contact__item .contact__body a {
    color: #4FC4F7;
}

.contact__item .contact__info li {
    padding: 0;
}

.contact__item .contact__info li:not(:last-child) {
    margin-bottom: 10px;
}

@media (max-width: 575px) {
    .contact__item {
        padding: 20px 15px;
    }

    .contact__item .contact__body .contact__title {
        margin-bottom: 4px;
    }
}

.contact__item:hover .contact__icon {
    background: #4FC4F7;
    color: #fff;
    border-color: #4FC4F7;
}

/*Create Account Section*/
.create__account-item {
    text-align: center;
}

.create__account-item .create__account-img {
    max-width: 200px;
    margin: 0 auto;
}

.create__account-item .create__account-img img {
    width: 100%;
}

.create__account-item .create__account-cont {
    padding-top: 20px;
}

.create__account-item .create__account-cont-title {
    margin-bottom: 15px;
}

/*Account Section*/
.account__section-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.account__section-wrapper .account__section-content {
    background: rgba(11, 37, 74, 0.9);
    width: 100%;
    max-width: 500px;
    padding: 80px 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-right: 1px dashed rgba(255, 255, 255, 0.1);
}

.account__section-wrapper .account__section-content .section__header .section__title {
    display: flex;
    align-items: flex-end;
}

.account__section-wrapper .account__section-content .section__header .section__title::after {
    display: inline-block;
    content: "";
    height: 2px;
    width: 40px;
    background: #4FC4F7;
    margin-top: 10px;
}

@media screen and (max-width: 390px) {
    .account__section-wrapper .account__section-content {
        padding: 50px 20px;
    }
}

.account__section-wrapper .account__section-content.account__section-content-reg {
    max-width: 600px;
}

.account__section-wrapper .account__section-content .logo {
    max-width: 250px;
    height: 55px;
}

.account__section-wrapper .account__section-content .logo a {
    display: block;
    height: 55px;
}

.account__section-wrapper .account__section-content .logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
}

@media (max-width: 575px) {
    .account__section-wrapper .account__section-content .logo {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }
}

.account__section-wrapper .account__section-thumb {
    flex-grow: 1;
}

.account__section-wrapper .account__section-thumb .logo {
    margin: 0 auto;
    padding: 30px;
    max-width: 300px;
}

.account__section-wrapper .account__section-thumb .logo a {
    display: block;
    height: 60px;
}

.account__section-wrapper .account__section-thumb .logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.or {
    margin: 35px 0;
    color: #fff;
    font-family: "Josefin Sans", sans-serif;
    text-transform: uppercase;
    position: relative;
    text-align: center;
}

.or::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.2);
    height: 1px;
}

.or span {
    padding: 10px;
    position: relative;
    z-index: 1;
    background: #0b254a;
}

.form--label {
    display: block;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    font-family: "Josefin Sans", sans-serif;
}

.form-group {
    margin-bottom: 10px;
}

.form--control {
    outline: none;
    border: 1px solid rgba(11, 37, 74, 0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 15px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.form--control:focus {
    box-shadow: none;
    border: 1px solid rgba(79, 196, 247, 0.5);
}

.form--control[type=file] {
    height: unset !important;
    padding: 10px 16px;
}

textarea.form--control {
    height: 120px;
}

.type-change {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 40px;
    width: 40px;
    text-align: center;
    cursor: pointer;
}

.form--check {
    margin: 0;
    align-items: center;
}

.form--check label {
    padding-top: 1px;
    cursor: pointer;
}

.form--check .form-check-input:checked {
    background-color: #4FC4F7;
    border-color: #4FC4F7;
}

.form--check .form-check-input:checked:focus {
    box-shadow: 0 0 0 0.25rem rgba(79, 196, 247, 0.25);
}

.form--control:-webkit-autofill,
.form--control:-webkit-autofill:hover,
.form--control:-webkit-autofill:focus,
.form--control:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #555555 !important;
}

.deposit-card .card-footer {
    padding-bottom: 20px;
    padding-top: 3px;
}

.tracking-wrapper {
    background: #fff;
    padding: 40px;
    box-shadow: 0 5px 35px rgba(79, 196, 247, 0.2);
}

@media (max-width: 575px) {
    .tracking-wrapper {
        padding: 20px;
    }
}

.tracking-wrapper .tracking-header {
    gap: 15px 25px;
}

.tracking-wrapper .tracking-body {
    margin: 40px 0 50px;
}

@media (max-width: 575px) {
    .tracking-wrapper .tracking-body {
        margin: 20px 0 30px;
    }
}

.tracking-progress {
    overflow: inherit;
    position: relative;
    height: 10px;
}

@media (max-width: 575px) {
    .tracking-progress {
        height: 8px;
    }
}

.tracking-progress .progress-bar {
    overflow: inherit;
    position: relative;
    transition: width 1.2s ease;
    height: 10px;
}

@media (max-width: 575px) {
    .tracking-progress .progress-bar {
        height: 8px;
    }
}

.tracking-progress .breakpoint {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 45px;
    aspect-ratio: 1;
    border: 5px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

@media (max-width: 991px) {
    .tracking-progress .breakpoint {
        width: 35px;
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .tracking-progress .breakpoint {
        width: 30px;
        font-size: 12px;
    }
}

.tracking-progress .breakpoint.bg--success {
    box-shadow: 0 3px 15px rgba(40, 199, 111, 0.5);
}

.tracking-progress .breakpoint.bg--danger {
    box-shadow: 0 3px 15px rgba(234, 84, 85, 0.5);
}

.tracking-progress .breakpoint i {
    position: relative;
    z-index: 2;
}

.tracking-progress .breakpoint:nth-child(1) {
    left: calc(3);
    transform: translate(-50%, -50%);
}

.tracking-progress .breakpoint:nth-child(2) {
    left: calc(100% / 3);
    transform: translate(-50%, -50%);
}

.tracking-progress .breakpoint:nth-child(3) {
    left: calc(100% / 1.5);
    transform: translate(-50%, -50%);
}

.tracking-progress .breakpoint:nth-child(4) {
    left: 100%;
    transform: translate(-50%, -50%);
}

.tracking-process {
    gap: 10px;
}

.tracking-process-item {
    text-align: center;
    width: calc(100% / 4);
}

.tracking-process-item:first-child {
    text-align: left;
}

.tracking-process-item:first-child .icon {
    margin-left: 0;
}

.tracking-process-item:last-child {
    text-align: right;
}

.tracking-process-item:last-child .icon {
    margin-right: 0;
}

.tracking-process-item .icon {
    width: 50px;
    margin: 0 auto;
    aspect-ratio: 1;
}

@media (max-width: 991px) {
    .tracking-process-item .icon {
        width: 40px;
    }
}

@media (max-width: 767px) {
    .tracking-process-item .icon {
        width: 30px;
    }
}

@media (max-width: 575px) {
    .tracking-process-item .icon {
        width: 25px;
    }
}

.tracking-process-item .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tracking-process-item .title {
    font-weight: 400;
    font-size: 18px;
    margin-top: 15px;
}

@media (max-width: 991px) {
    .tracking-process-item .title {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .tracking-process-item .title {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .tracking-process-item .title {
        font-size: 13px;
    }
}

.search-tracking {
    max-width: 720px;
    margin: 0 auto 40px;
    background: #fff;
}

.product__item {
    border: 1px solid rgba(227, 228, 255, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: none;
    position: relative;
    position: relative;
    background: #fff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    height: 100%;
}

.product__item-img {
    position: relative;
}

.product__item-img a {
    display: block;
}

.product__item-img .badge {
    font-family: "Josefin Sans", sans-serif;
    min-width: 60px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.product__item-img img {
    width: 100%;
}

.product__item-cont {
    padding: 20px;
}

.product__item-cont .title {
    font-size: 16px;
    line-height: 1.3;
}

.product__item-cont .title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product__item-cont .info {
    font-size: 14px;
}

.product__item-cont .ratings {
    /*color: #ff9613;*/
    font-size: 14px;
    display: flex;
}

.product__item-cont .price {
    font-size: 14px;
}

.product__item .hover-cont-wrapper {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: -40px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 5px;
    background: #fff;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    border-top: 1px solid #e3e4ff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.product__item .hover-cont-wrapper .btn {
    padding: 6px 20px 4px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px;
}

.product__item .product-right-btn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.product__item .product-right-btn a {
    transform: scale(.3);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in .3s;
}

.product__item .product-right-btn a:nth-child(1) {
    transition-delay: .1s;
}

.product__item .product-right-btn a:nth-child(2) {
    transition-delay: .2s !important;
}

.product__item:hover .product-right-btn a {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.product__item .product-right-btn a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    background: #fff;
    color: #0b254a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #e3e4ff;
    font-size: 18px;
}

.product__item .product-right-btn a:last-child {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    margin-top: 5px;
}

.product__item .product-right-btn a:hover {
    background: #4FC4F7;
    color: #fff !important;
    border-color: #4FC4F7;
}

.product__item .product-right-btn a.active {
    background: #4FC4F7;
    color: #fff;
    border-color: #4FC4F7;
}

.product__item .cart-plus-minus {
    position: relative;
    z-index: 1;
    display: none;
}

.product__item .cart-plus-minus .form-control {
    height: 38px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #fff;
    box-shadow: none !important;
    padding: 0 55px;
    text-align: center;
}

.product__item .cart-plus-minus .form-control::-webkit-outer-spin-button,
.product__item .cart-plus-minus .form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.product__item .cart-plus-minus .qtybutton {
    position: absolute;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    top: 0;
    z-index: 1;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e3e4ff;
}

.product__item .cart-plus-minus .qtybutton:first-child {
    left: 0;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
}

.product__item .cart-plus-minus .qtybutton:last-child {
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
    right: 0;
}

.product__item .cart-plus-minus .qtybutton.active {
    background: #4FC4F7;
    border-color: #4FC4F7;
    color: #fff;
}

.product__item .hover-cont-area {
    max-width: 170px;
    margin: 0 auto;
}

.product__item:hover,
.product__item.active {
    box-shadow: 0 0 5px rgba(11, 37, 74, 0.1);
    transform: scale(0.99);
}

.product__item:hover .hover-cont-wrapper,
.product__item.active .hover-cont-wrapper {
    bottom: 0;
    visibility: visible;
    opacity: 1;
}

.product__item .info__txt {
    display: none;
}

/*@media (max-width: 575px) {*/
/*    .product__item {*/
/*        max-width: 300px;*/
/*        margin: 0 auto;*/
/*        display:flex;*/
/*    }*/
/*}*/

@media (max-width: 575px) {
    .product__item {
        max-width: 100%;
        margin: 0 auto;
        display:flex;
    }
    .product__item-img img {        
        min-width: 150px !important;
        max-width: 150px !important;
    }
    body{
        overflow: hidden !important;
    }
}

.product__item .remove-wishlist {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0px !important;
    height: 23px;
    width: 23px;
    line-height: 23px;
}

.moveAnime {
    -webkit-transition: all ease 1s;
    -moz-transition: all ease 1s;
    transition: all ease 1s;
}

.products-list .product__item {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 5px rgba(11, 37, 74, 0.1);
    transform: scale(0.95);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.products-list .product__item .info__txt {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e4ff;
}

.products-list .product__item-img {
    width: 400px;
}

.products-list .product__item-img a {
    height: 100%;
}

.products-list .product__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.products-list .product__item-cont {
    width: calc(100% - 400px);
    padding-left: 30px;
    align-self: center;
    border-left: 1px solid #e3e4ff;
}

.products-list .product__item-cont .hover-cont-wrapper {
    position: relative;
    visibility: visible;
}

.products-list .product__item .hover-cont-wrapper {
    bottom: unset;
    visibility: visible;
    opacity: 1;
    background: transparent;
    border: none;
    padding: 0;
}

.products-list .product__item .hover-cont-wrapper .hover-cont-area {
    margin: 10px -5px -5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
    max-width: 100%;
}

.products-list .product__item .hover-cont-wrapper .hover-cont-area .cart-plus-minus {
    display: block !important;
    max-width: 150px;
    margin: 5px;
}

.products-list .product__item .price {
    font-size: 22px;
}

.products-list .product__item .product-right-btn a {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@media (max-width: 1199px) {
    .products-list .product__item-img {
        width: 300px;
    }

    .products-list .product__item-cont {
        width: calc(100% - 300px);
    }

    .products-list .product__item-cont .info__txt {
        font-size: 14px;
        padding-bottom: 0;
        border: none;
    }
}

@media (max-width: 767px) {
    .products-list .product__item {
        max-width: 100%;
    }

    .products-list .product__item-img,
    .products-list .product__item-cont {
        width: 100%;
    }

    .products-list .product__item-cont {
        padding-left: 20px;
    }
}

.filterbar-widget .title {
    margin-bottom: 15px;
}

.filterbar-widget .filter-brand {
    padding-left: 20px;
}

.filterbar-widget:not(:last-child) {
    margin-bottom: 40px;
}

.filter-brand li {
    padding: 0;
}

.filter-brand li:not(:last-child) {
    margin-bottom: 8px;
}

.form--check .form-check-input {
    opacity: 0;
}

.form--check .form-check-label {
    position: relative;
    font-size: 14px;
}

.form--check .form-check-label::before {
    position: absolute;
    left: -25px;
    font-family: "Line Awesome Free";
    font-weight: 700;
    color: #fff;
    content: "";
    background: #7784778c;
    width: 12px;
    height: 12px;
    top: 7px;
    line-height: 12px;
    font-size: 9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.form--check .form-check-input:checked~.form-check-label::before {
    transform: scale(1.25);
    content: "\f00c";
    background: #4FC4F7;
}

.form--check:not(:last-child) {
    margin-bottom: 5px;
}

.filter-price-widget .ui-state-default {
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    border: none;
    background-color: #0b254a;
    box-shadow: 0px 9px 20px 0px rgba(22, 26, 57, 0.36);
    outline: none;
    cursor: pointer;
    top: -9px;
    position: absolute;
    z-index: 1;
}

.filter-price-widget .ui-state-default::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    top: 3px;
    left: 3px;
    display: block;
}

.filter-price-widget .ui-widget.ui-widget-content {
    position: relative;
    height: 3px;
    border: none;
    margin-bottom: 25px;
}

.filter-price-widget .ui-widget.ui-widget-content::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 3px;
    background: rgba(79, 196, 247, 0.2);
    width: calc(100%);
}

.filter-price-widget .ui-slider-range {
    height: 3px;
    background: #4FC4F7;
    position: relative;
    z-index: 1;
}

.filter-price-widget .price-range {
    font-family: "Josefin Sans", sans-serif;
}

.filter-price-widget .price-range input {
    border: none;
    height: unset;
    width: auto;
    box-shadow: none;
    outline: none;
    background: transparent;
    color: #4FC4F7;
}

.sync2 {
    margin-top: 10px;
}

.sync2 .thumbs {
    cursor: pointer;
}

.ratings-area {
    margin-bottom: 20px;
}

.ratings-area .ratings {
    font-size: 18px;
}

.product-details-content .title {
    margin-bottom: 10px;
}

.product-details-content .price {
    color: #ff9613;
    line-height: 1;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
}

.product-details-content p {
    margin-bottom: 20px;
}

.product-details-content .color-check {
    margin-bottom: 10px;
}

.product-details-content .size-check {
    margin-bottom: 20px;
}

.product-details-content .widget-check-group {
    margin: 0 15px;
}

@media (max-width: 991px) {
    .product-details-content {
        margin-top: 25px;
    }

    .product-details-content p {
        margin-bottom: 16px;
    }

    .product-details-content .color-check {
        margin-bottom: 16px;
    }
}

.cart-plus-minus {
    position: relative;
    z-index: 1;
}

.cart-plus-minus .form-control {
    height: 38px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #fff;
    box-shadow: none !important;
    padding: 0 55px;
    text-align: center;
}

.product-details-content .cart-plus-minus .form-control::-webkit-outer-spin-button,
.product-details-content .cart-plus-minus .form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cart-plus-minus .qtybutton {
    position: absolute;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    top: 0;
    z-index: 1;
    background: #fff;
    cursor: pointer;
    border: 1px solid #e3e4ff;
}

.cart-plus-minus .qtybutton:first-child {
    left: 0;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
}

.cart-plus-minus .qtybutton:last-child {
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
    right: 0;
}

.cart-plus-minus .qtybutton.active {
    background: #4FC4F7;
    border-color: #4FC4F7;
    color: #fff;
}

.product-details-content .single-content {
    width: calc(100% - 360px);
}

.product-details-content .single-content .pay-banner {
    max-width: 340px;
}

.product-details-content .details-right-info {
    width: 330px;
}

.product-details-content .details-category {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.product-details-content .details-category li {
    padding: 0;
    font-size: 14px;
}

.product-details-content .details-category li:not(:last-child) {
    margin-right: 15px;
}

.product-details-content .details-category li .subtitle {
    font-family: "Josefin Sans", sans-serif;
    color: #0b254a;
    font-weight: 700;
}

.product-details-content .details-category li a {
    color: #4FC4F7;
}

.product-details-content .details-category li a:not(:last-child) {
    margin-right: 10px;
}

.product-details-content .details-category li a:not(:last-child)::after {
    content: ",";
}

@media (max-width: 1199px) and (min-width: 992px) {

    .product-details-content .single-content,
    .product-details-content .details-right-info {
        width: 100%;
    }

    .product-details-content .details-right-info {
        margin-top: 45px;
    }
}

@media (max-width: 767px) {

    .product-details-content .single-content,
    .product-details-content .details-right-info {
        width: 100%;
    }

    .product-details-content .details-right-info {
        margin-top: 35px;
    }
}

.product-details-content .social-icons li a i {
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.product-details-content .repeat--item {
    padding: 10px 0;
}

.product-details-content .repeat--item:not(:last-child) {
    border-bottom: 1px solid #e3e4ff;
}

.product-details-content .repeat--item .ratings-area {
    margin: 0;
}

.product-details-content .repeat--item .title {
    margin-bottom: 5px;
}

.product-details-content .repeat--item .price {
    margin: 0;
}

.product-details-content .repeat--item .lists>li {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 14px;
}

.product-details-content .repeat--item .lists>li .name {
    display: block;
    width: 100px;
}

.product-details-content .repeat--item .lists>li .info {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
}

.product-details-content .repeat--item .lists>li .summary {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
}

.product-details-content .repeat--item .social-icons li a i {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product-details-content:first-child {
    padding-top: 0;
}

.ratings {
    /*color: #ff9613;*/
}

.ratings-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.alert-danger {
    background: #fbe7e9;
}

.details-right-info {
    max-width: 330px;
    font-size: 14px;
}

.details-right-info-wrapper {
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.details-right-info-wrapper li {
    display: flex;
    align-items: center;
    padding: 0;
}

.details-right-info-wrapper li:not(:last-child) {
    margin-bottom: 15px;
}

.details-right-info-wrapper li .icon {
    font-size: 30px;
    line-height: 1;
    color: #4FC4F7;
}

.details-right-info-wrapper li .cont {
    padding-left: 20px;
}

.description-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.description-wrapper .description__header {
    background: rgba(11, 37, 74, 0.1);
    padding: 8px 20px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border: 1px solid #e3e4ff;
    border-bottom: none;
}

.description-wrapper .description__body {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 0 15px 0 !important;
    border: 1px solid #e3e4ff;
    border-top: none;
}

.description-wrapper .description__body p {
    margin: 0;
}

.description-wrapper .description__body p:not(:last-child) {
    margin-bottom: 24px;
}

@media (max-width: 575px) {
    .description-wrapper .description__body {
        padding: 20px 15px;
    }
}

.nav--tabs {
    border: none;
}

.nav--tabs li a {
    color: #0b254a;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    padding: 0 10px;
}

.nav--tabs li a.active {
    color: #4FC4F7;
}

.nav--tabs.text-white li a {
    color: #fff;
}

.nav--tabs.text-white li a.active {
    color: #4FC4F7;
}

.single-add-cart-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -10px;
}

.single-add-cart-area .cart-plus-minus {
    max-width: 160px;
    margin: 10px;
}

.single-add-cart-area .cart-plus-minus .form-control,
.single-add-cart-area .cart-plus-minus .qtybutton {
    height: 48px;
    line-height: 48px;
    padding:12px;
}

.single-add-cart-area .cmn--btn {
    margin: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height: 50px;
}

.widget-check-color {
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.widget-check-color label {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.widget-check-color label img {
    width: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.widget-check-color input {
    opacity: 0;
}

.widget-check-color input:checked+label::before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    content: "\f00c";
    font-family: "Line Awesome Free";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #4FC4F7;
}

.color-tooltip {
    display: block;
    text-align: center;
    background: #0b254a;
    color: #fff;
    width: 130px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 5px;
    opacity: 0;
    visibility: hidden;
}

.color-tooltip::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    height: 10px;
    width: 20px;
    background: #0b254a;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.color-tooltip.tooltip-sm {
    width: unset;
    padding: 7px 10px;
}

.show-tooltip:hover .color-tooltip {
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    bottom: calc(100% + 10px);
    opacity: 1;
    visibility: visible;
}

.widget-check-group {
    align-items: center;
    margin-bottom: 6px;
}

.widget-check-group:last-child {
    margin-bottom: 0;
}

.widget-check-group input {
    width: 14px;
    height: 14px;
}

.widget-check-group label {
    margin: 0;
    width: calc(100% - 14px);
    padding-left: 8px;
    font-size: 14px;
    color: #171d1c;
    font-weight: 500;
}

.bg-red {
    background: #f53b57;
}

.bg-green {
    background: #0be881;
}

.bg-blue {
    background: blue;
}

.bg-yellow {
    background: #dec32b;
}

.bg-grey {
    background: grey;
}

.bg-purple {
    background: purple;
}

.bg-lime {
    background: lime;
}

.bg-navy {
    background: #d8e0f3;
}

.pay-banner {
    max-width: 450px;
    margin-bottom: 20px;
}

.pay-banner a {
    display: block;
}

.pay-banner img {
    width: 100%;
}

.modal-close-btn {
    position: absolute;
    background: transparent;
    width: 35px;
    height: 35px;
    background: transparent;
    top: 10px;
    right: 0;
    color: #ea5455;
    font-size: 24px;
    z-index: 99;
    cursor: pointer;
}

.modal {
    /* background: rgba(11, 37, 74, 0.8); */
    z-index: 999999;
}

.size-check .form-check {
    margin-left: 7px;
    padding: 5px 10px;
}


.size-check .form-check .form-check-input {
    margin: 0;
}

.size-check .form-check .form-check-label {
    padding: 0;
}

.top__bar {
    background: #ffffff;
    padding: 15px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    border: 1px solid rgba(227, 228, 255, 0.8);
}

.top__bar-left {
    display: flex;
    align-items: center;
}

.top__bar-left li {
    padding: 5px 8px;
    font-size: 20px;
    cursor: pointer;
}

.top__bar-left li.active {
    color: #4FC4F7;
}

.top__bar-right {
    display: flex;
    align-items: center;
}

.top__bar-right li {
    padding: 5px 8px;
}

.top__bar-right li:not(:last-child) {
    position: relative;
}

.top__bar-right li:not(:last-child)::after {
    width: 1px;
    bottom: 10px;
    top: 10px;
    right: 0;
    background: rgba(85, 85, 85, 0.3);
    content: "";
    position: absolute;
}

.top__bar-right li select {
    height: 30px;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 14px;
    outline: none;
    max-width: 150px;
}
@media (max-width: 576px) {
    .top__bar-left{
        display:none !important;
    }
}

@media (max-width: 767px) {
    .top__bar {
        justify-content: space-evenly;
        padding: 15px;
    }
}

@media (max-width: 1199px) {
    .product-filterbar {
        position: fixed;
        height: 100vh;
        background: #fff;
        border-right: 1px solid #e3e4ff;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 350px;
        padding: 30px;
        overflow-y: auto;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .product-filterbar:not(.active) {
        -webkit-transform: translateX(-101%);
        -ms-transform: translateX(-101%);
        transform: translateX(-101%);
    }

    .product-filterbar .product-filterbar-close {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 1;
        color: #ea5455;
        font-size: 24px;
        line-height: 1;
    }

    .filter--bar {
        width: 34px;
        height: 30px;
        line-height: 35px;
        text-align: center;
        background: #4FC4F7;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
}

.brand__item {
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
    border: 1px solid #e3e4ff;
    padding: 10px;
    align-items: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    color: #0b254a;
}
.brand__item:hover{
    color:000;
}

.brand__item-img {
    width: 70px;
}

.brand__item-img img {
    width: 100%;
    height: 70px;
    object-fit: contain;
}

.brand__item-cont {
    font-family: "Josefin Sans", sans-serif;
    width: calc(100% - 70px);
    padding-left: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
}

.brand__item:hover {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    color:#000 !important;
    
}

.filter__widget {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.filter__widget:not(:last-child) {
    margin-bottom: 24px;
}

.filter__widget-title {
    margin: 0;
    padding: 10px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #4FC4F7;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.filter__widget-body {
    padding: 20px;
    border: 1px solid #e3e4ff;
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.filter__widget .deal__item {
    background: #F7FBFE;
    border: 1px solid #e3e4ff;
}

@media (max-width: 991px) {
    .filter--sidebar {
        position: fixed;
        background: #fff;
        height: 100vh;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        max-width: 350px;
        padding: 30px;
        overflow-y: auto;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }

    .filter--sidebar .close--sidebar {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 20px;
        color: #ea5455;
    }

    .filter--sidebar:not(.active) {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

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

.deal__wrapper .deal__item {
    width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .deal__wrapper .deal__item {
        width: calc(50% - 12px);
    }
}

@media (min-width: 768px) {
    .feature-table {
        width: 100%;
    }
}

.feature-table tr {
    border-left: 1px solid #e5e5e5;
}

.feature-table tr:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.feature-table tr th {
    width: 35%;
    font-family: "Josefin Sans", sans-serif;
}

.feature-table tr td {
    width: calc(100% - 35%);
}

.feature-table tr th,
.feature-table tr td {
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 7px 20px;
    font-size: 14px;
    line-height: 24px;
}

.feature-table tr th {
    color: #000;
}

.review-item {
    padding: 30px 0;
    border-bottom: 1px solid #e3e4ff;
}

.review-item .thumb {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 !important;
}

.review-item .thumb img {
    width: 100%;
}

.review-item .content {
    padding-left: 30px;
    width: calc(100% - 70px);
}

.review-item .content .entry-meta {
    justify-content: space-between;
    margin-bottom: 15px;
}

.review-item .content .entry-meta .ratings {
    width: 100px;
    font-size: 16px;
}

.review-item .content .entry-meta .posted-on {
    font-size: 14px;
    width: calc(100% - 100px);
}

.review-item .content .entry-meta .posted-on a {
    font-weight: 700;
    color: #4FC4F7;
}

.review-item .content .entry-meta .posted-on span {
    margin-left: 5px;
    font-size: 14px;
    color: #555555;
}

@media (max-width: 767px) {
    .review-item .content {
        width: 100%;
        padding: 20px 0 0;
    }
}

@media (max-width: 575px) {
    .review-item {
        padding: 25px 0;
    }

    .review-item .content .entry-meta .posted-on {
        width: 100%;
    }
}

.review-item:first-child {
    padding-top: 0;
}

.review-item .ratings {
    color: #ff9613;
    font-size: 18px;
}

.rating .rating-form-group {
    position: relative;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    cursor: pointer;
}

.rating .rating-form-group .star-label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}

.rating .rating-form-group .star-label:last-child {
    position: static;
}

.rating .rating-form-group .star-label:nth-child(1) {
    z-index: 5;
}

.rating .rating-form-group .star-label:nth-child(2) {
    z-index: 4;
}

.rating .rating-form-group .star-label:nth-child(3) {
    z-index: 3;
}

.rating .rating-form-group .star-label:nth-child(4) {
    z-index: 2;
}

.rating .rating-form-group .star-label:nth-child(5) {
    z-index: 1;
}

.rating .rating-form-group .star-label input {
    display: none;
}

.rating .rating-form-group .star-label .icon {
    float: left;
    color: transparent;
}

.rating .rating-form-group .star-label:last-child .icon {
    color: #555555;
}

.rating .rating-form-group:not(:hover) label input:checked~.icon,
.rating .rating-form-group:hover label:hover input~.icon {
    color: #ff9613;
}

.rating .rating-form-group label input:focus:not(:checked)~.icon:last-child {
    color: rgba(255, 255, 255, 0.1);
    text-shadow: 0 0 5px #ff9613;
}

.review-input {
    background: #ffffff;
}

.review-input:focus {
    border-color: #4FC4F7;
}

.review-label {
    color: #0b254a;
    text-transform: capitalize;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.review-form-group {
    margin-bottom: 20px;
}

.review-form-group .form-control {
    height: 50px;
    box-shadow: none !important;
    border: 1px solid #e3e4ff;
}

.review-form-group textarea.form-control {
    height: 120px;
}

/*Account Section Starts Here*/
.account-header {
    margin-bottom: 45px;
}

.account-header .title {
    font-weight: 500;
    margin-bottom: 20px;
}

.form-group-2 {
    margin-bottom: 25px;
}

.form--control-2 {
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    height: 35px;
}

.form--control-2:focus {
    box-shadow: none;
    background: transparent;
}

.form--control-2:-webkit-autofill,
.form--control-2:-webkit-autofill:hover,
.form--control-2:-webkit-autofill:focus,
.form--control-2:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #555555 !important;
}

textarea.form--control-2 {
    height: 120px;
}

.type-change {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 60px;
    width: 60px;
    text-align: center;
    cursor: pointer;
}

.form--check {
    margin: 0;
    align-items: center;
}

.form--check label {
    padding-top: 1px;
    cursor: pointer;
}

.form--check .form-check-input:checked {
    background-color: #4FC4F7;
    border-color: #4FC4F7;
}

.form--check .form-check-input:checked:focus {
    box-shadow: 0 0 0 0.25rem rgba(79, 196, 247, 0.25);
}

.social__media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 500px;
    margin: 0 auto;
}

.social__media li {
    padding: 3px;
}

.social__media li a i {
    width: 50px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 3px;
    background: #4FC4F7;
    color: #fff;
}

.social__media li a i[class*=facebook] {
    background: #3b5998;
}

.social__media li a i[class*=twitter] {
    background: #55acee;
}

.social__media li a i[class*=instagram] {
    background: #e4405f;
}

.social__media li a i[class*=youtube] {
    background: #cd201f;
}

.social__media li a i[class*=pinterest] {
    background: #007bb5;
}

.social__media li a i[class*=vimeo] {
    background: #1ab7ea;
}

.social__media li a i[class*=skype] {
    background: #2fb7df;
}

.social__media li a i[class*=tumblr] {
    background: #34465d;
}

.social__media li a i[class*=behance] {
    background: #1769ff;
}

.social__media li a i[class*=dribble] {
    background: #f7428d;
}

.social__media li a i[class*=basketball] {
    background: #f7428d;
}

.social__media li a i[class*=whatsapp] {
    background: #25d366;
}

.rtl {
    direction: rtl !important;
}

.account-thumb {
    width: 100%;
}

.account-thumb img {
    width: 100%;
    border-radius: 15px;
}

.account-form .form--control {
    height: 50px;
    border-radius: 8px;
}

.account-form .input-group .form--control {
    border-left: 0 !important;
}

.input-group-text {
    border-color: rgba(11, 37, 74, 0.1);
}

.input-group:focus-within .input-group-text {
    border-color: rgba(79, 196, 247, 0.5) !important;
    color: #4FC4F7;
    background-color: rgba(79, 196, 247, 0.1);
}

.product-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 575px) {
    .product-item {
        justify-content: flex-end;
    }
}

.product-item .product-thumb {
    width: 80px;
}

@media (max-width: 575px) {
    .product-item .product-thumb {
        width: 50px;
    }
}

.product-item .product-thumb img {
    width: 100%;
}

.product-item .product-content {
    width: calc(100% - 80px);
    padding-left: 10px;
    max-width: 200px;
    text-align: left;
}

.product-item .product-content .name {
    font-size: 16px;
    margin-top: 0;
}

@media (max-width: 575px) {
    .product-item .product-content .name {
        font-size: 14px;
    }
}

.table .ratings {
    font-size: 14px;
}

@media (max-width: 575px) {
    .table .ratings {
        font-size: 13px;
    }
}

.cart-table {
    box-shadow: 0 3px 35px rgba(79, 196, 247, 0.2);
}

.cart-table .price,
.cart-table .subtotal {
    font-size: 20px;
    font-weight: 600;
    color: #678;
}

.cart-plus-minus.style--two {
    position: relative;
}

.cart-plus-minus.style--two input {
    width: 70px;
    border-width: 2px;
    margin: 0 auto;
}

.cart-plus-minus.style--two .qtybutton {
    position: absolute;
    right: 15px;
}

.cart-plus-minus.style--two .qtybutton.dec {
    bottom: -2px;
}

.cart-plus-minus.style--two .qtybutton.inc {
    top: 0;
}

.fs--14px {
    font-size: 14px !important;
}

.fs--16px {
    font-size: 16px !important;
}

.coupon-form input {
    height: 50px;
}

.cart-details {
    position: sticky;
    top: 100px;
    padding: 25px;
    box-shadow: 0 3px 35px rgba(79, 196, 247, 0.2);
}

@media (max-width: 575px) {
    .cart-details {
        padding: 20px;
    }
}

.cart-details li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px dashed #e3e4ff;
}

.cart-details li:last-child {
    border-bottom: 0;
}

.cart-details li .title,
.cart-details li .value {
    margin-top: 0;
    font-size: 16px;
}

.cart-details li .subtotal-price {
    font-size: 20px;
}

.cart-details li .total {
    font-size: 23px;
}

.order-summary {
    background: #fff;
    padding: 35px;
    border-radius: 5px;
    box-shadow: 0 3px 25px rgba(11, 37, 74, 0.1);
}

@media (max-width: 575px) {
    .order-summary {
        padding: 20px;
    }
}

.order-products {
    margin: 15px 0;
}

.order-products .product-title {
    font-size: 17px;
    font-weight: 400;
}

@media (max-width: 575px) {
    .order-products .product-title {
        font-size: 15px;
    }
}

.order-products li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.order-products .price {
    font-size: 16px;
    font-weight: 500;
    color: #4FC4F7;
}

.subtotal-area li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.subtotal-area .title {
    font-size: 14px;
}

.subtotal-area .total-price,
.subtotal-area .subtotal-price {
    font-size: 14px;
    font-weight: 500;
    color: #4FC4F7;
}

.radius-5 {
    border-radius: 5px;
}

.btn--md {
    padding: 11px 25px !important;
}

textarea.form--control {
    padding-top: 8px;
    padding-bottom: 8px;
}

.h-50 {
    height: 50px !important;
}

.post__item .post__thumb {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    position: relative;
}

.post__item .post__thumb a {
    display: block;
}

.post__item .post__thumb img {
    width: 100%;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.post__item .post__date {
    position: absolute;
    right: 20px;
    bottom: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 1;
    text-align: center;
    background: #4FC4F7;
    width: 100px;
    padding: 18px 5px 10px;
}

.post__item .post__date * {
    line-height: 1;
}

.post__item .post__date .date {
    margin: 0;
    margin-bottom: -5px;
}

.post__item .post__date * {
    color: #fff;
}

.post__item .post__content {
    padding: 25px 20px 30px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #e3e4ff;
    border-top: none;
    background: #ffffff;
}

.post__item .post__content .post__meta {
    margin: -5px;
    margin-bottom: 5px;
}

.post__item .post__content .post__meta .item {
    padding: 5px;
    color: #0b254a;
}

.post__item .post__content .post__meta .item i {
    color: #4FC4F7;
}

.post__item .post__content .post__title {
    margin-bottom: 15px;
}

.post__item .post__content .post__title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post__item .post__content a {
    background-image: linear-gradient(transparent calc(100% - 2px), #4FC4F7 2px);
    background-size: 0 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    transition: color, background-size 0.4s ease 0s;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    text-decoration: none;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.post__item:hover .post__thumb a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.post__item:hover .post__content a {
    background-size: 100% 100%;
    background-position-x: 0%;
}

.post__details .post__header {
    margin-bottom: 45px;
}

.post__details .post__header .post__title {
    margin-bottom: 25px;
}

.post__details p {
    margin-bottom: 30px;
}

.post__details .post__thumb {
    height: 420px;
    margin-bottom: 28px;
}

.post__details .post__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post__details .post__quote {
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .post__details .post__thumb {
        height: unset;
    }
}

.post__quote {
    font-size: 22px;
    line-height: 1.5;
    font-family: "Josefin Sans", sans-serif;
    color: #0b254a;
    font-style: italic;
    text-align: center;
    padding: 0 30px;
    border-left: 3px solid #4FC4F7;
}

@media (max-width: 575px) {
    .post__quote {
        padding: 0 15px;
        font-size: 20px;
    }
}

.post__tag,
.post__share {
    margin: -5px;
}

.post__tag li,
.post__share li {
    padding: 5px;
}

.post__share__title {
    margin-bottom: 10px;
}

.post__tag li a {
    font-size: 14px;
    padding: 5px 15px;
    background: #ffffff;
    color: #0b254a;
    font-family: "Josefin Sans", sans-serif;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(11, 37, 74, 0.1);
    background: #F7FBFE;
}

.post__tag li a:hover,
.post__tag li a.active {
    background: #4FC4F7;
    color: #fff;
}

.post__share {
    margin: -3px;
}

.post__share li {
    padding: 3px;
}

.post__share li a {
    text-decoration: none;
}

.post__share li a i {
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    color: #fff;
    background: #4FC4F7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.post__share li a i[class*=facebook] {
    background: #3b5998;
}

.post__share li a i[class*=whatsapp] {
    background: #25d366;
}

.post__share li a i[class*=twitter] {
    background: #55acee;
}

.post__share li a i[class*=linkedin] {
    background: #007bb5;
}

.post__share li a i[class*=pinterest] {
    background: #007bb5;
}

.post__share li a i[class*=skype] {
    background: #2fb7df;
}

.post__share li a i[class*=youtube] {
    background: #cd201f;
}

.post__share li a i[class*=google] {
    background: #dd4b39;
}

.post__share li a i[class*=camera] {
    background: #e4405f;
}

.post__share li a i[class*=instagram] {
    background: #e4405f;
}

.post__share li a i[class*=tumblr] {
    background: #34465d;
}

.post__share li a i[class*=behance] {
    background: #1769ff;
}

.post__share li a i[class*=futbol] {
    background: #db3776;
}

.post__share li a i[class*=vimeo] {
    background: #1ab7ea;
}

.blog-sidebar {
    padding: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-sidebar {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 400px) {
    .blog-sidebar {
        padding: 30px 20px;
    }
}

.widget__title {
    margin-bottom: 10px;
}

.widget:not(:last-child) {
    margin-bottom: 40px;
}

.widget.widget__category ul li {
    padding: 0;
}

.widget.widget__category ul li a {
    text-decoration: none;
    color: #0b254a;
    padding: 10px 0;
    border-bottom: 1px solid rgba(11, 37, 74, 0.2);
    display: block;
}

.widget.widget__category ul li a:hover {
    padding-left: 10px;
}

.widget.widget__post__area ul li {
    padding: 10px 0;
}

.widget.widget__tags ul {
    margin: -5px;
}

.widget.widget__tags ul li {
    padding: 5px;
}

.widget.widget__tags ul li a {
    padding: 8px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F7FBFE;
    font-size: 14px;
    font-family: "Josefin Sans", sans-serif;
    text-decoration: none;
    color: #0b254a;
    border: 1px solid rgba(11, 37, 74, 0.1);
}

.widget.widget__tags ul li a:hover,
.widget.widget__tags ul li a.active {
    background: #4FC4F7;
    color: #fff;
}

.widget__post {
    text-decoration: none;
}

.widget__post .widget__post__thumb {
    width: 80px;
    height: 80px;
}

.widget__post .widget__post__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.widget__post .widget__post__content {
    width: calc(100% - 80px);
    padding-left: 15px;
}

.widget__post .widget__post__content .widget__post__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    margin-bottom: 5px;
    font-size: 16px;
}

.widget__post .widget__post__content span {
    font-size: 14px;
    color: #4FC4F7;
}

/*Blog Section Starts Here*/
.read--more {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-left: 10px;
    font-size: 20px;
    font-weight: 700;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

[class*=line--limit] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line--limit-1 {
    -webkit-line-clamp: 1;
}

.line--limit-2 {
    -webkit-line-clamp: 2;
}

.line--limit-3 {
    -webkit-line-clamp: 3;
}

.line--limit-4 {
    -webkit-line-clamp: 4;
}

.line--limit-5 {
    -webkit-line-clamp: 5;
}
@media (max-width: 575px) {
   .scrollToTop{
       right:85% !important;
   }
}
.scrollToTop {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    z-index: 999;
    bottom: 30px;
    right: 95%;
    font-size: 18px;
    position: fixed;
    border-radius: 5px;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    display: block;
    text-align: center;
    background: #4FC4F7;
}

.scrollToTop:hover {
    color: #fff;
}

.scrollToTop.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}

.scrollToTop img {
    width: 100%;
}

.video-button {
    width: 80px;
    height: 80px;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(79, 196, 247, 0.73);
    line-height: 85px;
    text-align: center;
}

.video-button img {
    width: 100%;
}

.video-button i {
    font-size: 24px;
    color: #fff;
}

.video-button::before,
.video-button::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 74px;
    background: #4FC4F7;
    opacity: 0.15;
    z-index: -10;
}

.video-button::before {
    z-index: -10;
    -webkit-animation: inner-ripple 2000ms linear infinite;
    -moz-animation: inner-ripple 2000ms linear infinite;
    animation: inner-ripple 2000ms linear infinite;
}

.video-button::after {
    z-index: -10;
    -webkit-animation: outer-ripple 2000ms linear infinite;
    -moz-animation: outer-ripple 2000ms linear infinite;
    animation: outer-ripple 2000ms linear infinite;
}


/*start*/
.cmn--btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #E4BE9A, #72493A);
  /*border-radius: 10rem;*/
  z-index: -2;
}
.cmn--btn:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #008fb3;
  transition: all 0.3s;
  /*border-radius: 10rem;*/
  z-index: -1;
}
.cmn--btn:hover {
  color: #fff;
}



/* start*/
.cmn--btn:hover::before {
    width: 100%;
}
.cmn--btn::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  bottom: 0;
  transition: 0.3s all ease;
 background:#000;
  z-index: -1;
}
.cmn--btn {
    
    line-height: 24px;
    /*padding: 13px 35px 11px;*/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    border-radius: 5px;
   /*background: linear-gradient(90deg, #E4BE9A, #72493A);*/
    /*border: 2px solid transparent;*/
    font-size: 16px;
    text-transform: capitalize;
    overflow: hidden;
    /*position: relative;*/
    /*display: inline-flex;*/
    align-items: center;
    justify-content: center;
    /*text-decoration: none !important;*/
    font-family: "FiraGO", sans-serif;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    
    /**/
    color: #000;
  background: linear-gradient(90deg, #E4BE9A, #72493A);
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 10px 25px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
  font-weight: 400;
    border: none;
}
    /**/
    
    
    
}

/*.cmn--btn:not(button):hover {*/
    /*color: #4FC4F7;*/
    /*border-color: #4FC4F7;*/
    /*text-decoration: underline;*/
/*    background: #fff;*/
/*    text-decoration: none;*/
/*  color: #906653;*/
/*}*/

.cmn--btn.btn--sm {
    padding: 8px 20px 6px;
    font-size: 14px;
}

.cmn--btn.btn--md {
    padding: 10px 20px 8px;
    font-size: 15px;
}

.cmn--btn.btn-capsule {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

button.cmn--btn {
    border-radius: 5px;
}

.btn__grp {
    margin: -5px;
    display: flex;
    flex-wrap: wrap;
}

.btn__grp a {
    margin: 5px;
}

.btn__grp a:nth-of-type(2n) {
    background: #fff;
    color: #4FC4F7;
    border-color: #4FC4F7;
}

.btn__grp a:nth-of-type(2n):hover {
    background: #4FC4F7;
    color: #fff !important;
}

.btn__grp.white-btns .cmn--btn {
    padding: 12px 30px 9px;
}

.btn__grp.white-btns .cmn--btn:nth-of-type(2n):not(:hover) {
    border-color: #fff;
}

@keyframes outer-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    80% {
        transform: scale(2.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
    }

    100% {
        transform: scale(3.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(3.5);
        -moz-transform: scale(3.5);
        -ms-transform: scale(3.5);
        -o-transform: scale(3.5);
    }
}

@keyframes inner-ripple {
    0% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    30% {
        transform: scale(1);
        filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    100% {
        transform: scale(1.5);
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }
}

.menu>li:last-child .submenu {
    left: unset;
    right: 0;
}

.pagination {
    margin: -3px;
    margin-top: 25px;
    justify-content: center;
}

.pagination .page-item {
    text-align: center;
    padding: 3px;
}

.pagination .page-item a,
.pagination .page-item span {
    width: 38px;
    height: 38px;
    line-height: 38px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:#000;
    /*background: rgba(79, 196, 247, 0.2);*/
    color: #fff;
    padding: 0;
    display: block;
    margin: 0;
    border: 1px solid rgba(11, 37, 74, 0.2);
    box-shadow: none;
}

.pagination .page-item a span,
.pagination .page-item span span {
    border: none;
    line-height: 34px;
}

.pagination .page-item a.active,
.pagination .page-item a:hover,
.pagination .page-item span.active,
.pagination .page-item span:hover {
    background: #4FC4F7;
    color: #fff;
    border: 1px solid rgba(11, 37, 74, 0.2);
}

.pagination .page-item a.active span,
.pagination .page-item a:hover span,
.pagination .page-item span.active span,
.pagination .page-item span:hover span {
    border: none;
}

.pagination .page-item.disabled span {
    background: rgba(79, 196, 247, 0.3);
    border: none;
    color: #0b254a;
}

a {
    text-decoration: none;
}

.contact-info {
    text-align: center;
    background: rgba(79, 196, 247, 0.15);
    border-radius: 7px;
    height: 100%;
}

.contact-info__icon {
    transform: translateY(-50%);
    width: 60px;
    background: #fff;
    margin: 0 auto;
    font-size: 22px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    color: #4FC4F7;
    border: 2px solid rgba(79, 196, 247, 0.2);
    outline: 2px solid #fff;
    border-radius: 50%;
}

.contact-info__content {
    padding: 0 25px 25px;
}

.contact-info__content a,
.contact-info__content span,
.contact-info__content p {
    font-weight: 500;
    color: #4FC4F7;
}

.form--control-4 {
    background: #fff;
    border-color: transparent;
    background: rgba(79, 196, 247, 0.15);
    color: #4FC4F7;
    box-shadow: none !important;
    height: 50px;
}

.form--control-4::placeholder {
    color: #4FC4F7 !important;
    font-size: 14px;
    font-weight: 500;
}

.form--control-4:focus {
    background: #fff;
    border-color: transparent;
    background: rgba(79, 196, 247, 0.15);
    color: #4FC4F7;
}

.form--control-4:-webkit-autofill,
.form--control-4:-webkit-autofill:hover,
.form--control-4:-webkit-autofill:focus,
.form--control-4:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #555555 !important;
}

.form--control-4:not(button) {
    box-shadow: none;
    outline: none;
}

/* Cookie */
.cookies-card {
    width: 520px;
    padding: 30px;
    color: #002046;
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 11;
}

.radius--10px {
    border-radius: 10px;
}

.cookies-card.bg--default {
    background-color: #eadfd8;
}

.cookies-card__icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #ded4cd;
    font-size: 32px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.cookies-card__content {
    margin-bottom: 0;
}

.cookies-btn {
    color: #fff;
    text-decoration: none;
    padding: 10px 25px;
    margin: 3px 5px;
    display: inline-block;
    border-radius: 45px;
    border: none;
}

.cookies-btn:hover {
    background-color: #fff;
    color: #363636;
}

.cookies-card.style--lg,
.cookies-card.style--full {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cookies-card.style--lg .cookies-card__content,
.cookies-card.style--full .cookies-card__content {
    width: calc(100% - (55px + 220px));
    padding: 0 25px;
}

.cookies-card.style--lg .cookies-card__btn,
.cookies-card.style--full .cookies-card__btn {
    width: 220px;
}

.cookies-card.style--full {
    width: 100%;
}

.cookies-card.cookies--dark {
    color: #eadfd8;
    background-color: #ececec;
    z-index: 99999;
}

.cookies-card.cookies--dark .cookies-btn {
    color: #fff;
}

.cookies-card.cookies--dark .cookies-btn:hover {
    background-color: #343a50;
    color: #fff;
}

.cookies-card.cookies--dark .cookies-card__icon {
    background-color: #10163a;
    color: #fff;
}

@media (max-width: 1399px) {

    .cookies-card.style--lg,
    .cookies-card {
        width: 100%;
    }
}
@media (max-width: 576px){
    .cookies-card{
        width:85% !important;
        margin-left:5%;
        padding:10px !important;
        /*height:45% !important;*/
        /*margin-bottom: 10%;*/
    }
    .cookies-card.cookies--dark .cookies-btn{
        /*margin-top:-15px !important;*/
    }
}

@media (max-width: 767px) {

    .cookies-card.style--lg,
    .cookies-card.style--full {
        display: block;
    }

    .cookies-card.style--lg .cookies-card__content,
    .cookies-card.style--full .cookies-card__content {
        width: 100%;
        padding: 0;
        margin-top: 25px;
    }

    .cookies-card.style--lg .cookies-card__btn,
    .cookies-card.style--full .cookies-card__btn {
        width: 100%;
        margin-top: 20px;
    }
}

.contact-thumb img {
    max-width: 100%;
}

.font-heading {
      font-family: Metropolis-SemiBold,Serif,Sans-Serif;
    font-stretch: normal;
    font-style: normal;
    /*text-transform: uppercase;*/
       cursor: pointer;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: .03125rem;
    font-size: .875rem !important; 
    /*margin-left:87%;*/
    color:#906653;
    /*margin-top:-5%;*/
/* margin-left: 60%; */
}
.font-heading a{
     color:#fff !important;
    margin-top:-6%;
    display:inline-block !important;
}
    

.cart-section .cart-plus-minus {
    max-width: 120px;
}

.cart-section .cart-plus-minus input {
    padding: 0 10px;
}

/* New Added Css */
.search-form {
    max-width: 500px;
    width: 100%;
}

@-webkit-keyframes mainAnimation {
    0% {
        width: 50px;
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    20% {
        width: 50px;
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    40% {
        width: 150px;
        transform: translateX(-50px) translateY(0px) rotate(0deg);
    }

    60% {
        width: 150px;
        transform-origin: bottom right;
        transform: translateX(-150px) translateY(0px) rotate(90deg);
    }

    80% {
        width: 50px;
        transform: translateX(-25px) translateY(0px) rotate(90deg);
    }

    100% {
        width: 50px;
        transform: translateX(-50px) translateY(0px) rotate(90deg);
    }
}

@keyframes mainAnimation {
    0% {
        width: 50px;
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    20% {
        width: 50px;
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    40% {
        width: 150px;
        transform: translateX(-50px) translateY(0px) rotate(0deg);
    }

    60% {
        width: 150px;
        transform-origin: bottom right;
        transform: translateX(-150px) translateY(0px) rotate(90deg);
    }

    80% {
        width: 50px;
        transform: translateX(-25px) translateY(0px) rotate(90deg);
    }

    100% {
        width: 50px;
        transform: translateX(-50px) translateY(0px) rotate(90deg);
    }
}

@-webkit-keyframes secundaryAnimation {
    0% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    20% {
        transform: translateX(0px) translateY(0px) rotate(180deg);
    }

    40% {
        transform: translateX(0px) translateY(0px) rotate(180deg);
    }

    60% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    80% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateX(0px) translateY(0px) rotate(180deg);
    }
}

@keyframes secundaryAnimation {
    0% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    20% {
        transform: translateX(0px) translateY(0px) rotate(180deg);
    }

    40% {
        transform: translateX(0px) translateY(0px) rotate(180deg);
    }

    60% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    80% {
        transform: translateX(0px) translateY(0px) rotate(0deg);
    }

    100% {
        transform: translateX(0px) translateY(0px) rotate(180deg);
    }
}

@-webkit-keyframes shadowAnimation {
    0% {
        width: 150px;
        transform: translateX(-25px) translateY(0px) rotate(0deg);
    }

    20% {
        width: 75px;
        transform: translateX(37.5px) translateY(0px) rotate(0deg);
    }

    40% {
        width: 200px;
        transform: translateX(-25px) translateY(0px) rotate(0deg);
    }

    60% {
        width: 75px;
        transform: translateX(37.5px) translateY(0px) rotate(0deg);
    }

    80% {
        width: 75px;
        transform: translateX(37.5px) translateY(0px) rotate(0deg);
    }

    100% {
        width: 150px;
        transform: translateX(-25px) translateY(0px) rotate(0deg);
    }
}

@keyframes shadowAnimation {
    0% {
        width: 150px;
        transform: translateX(-25px) translateY(0px) rotate(0deg);
    }

    20% {
        width: 75px;
        transform: translateX(37.5px) translateY(0px) rotate(0deg);
    }

    40% {
        width: 200px;
        transform: translateX(-25px) translateY(0px) rotate(0deg);
    }

    60% {
        width: 75px;
        transform: translateX(37.5px) translateY(0px) rotate(0deg);
    }

    80% {
        width: 75px;
        transform: translateX(37.5px) translateY(0px) rotate(0deg);
    }

    100% {
        width: 150px;
        transform: translateX(-25px) translateY(0px) rotate(0deg);
    }
}

@-webkit-keyframes float {
    0% {
        top: 50%;
    }

    50% {
        top: 51%;
    }

    100% {
        top: 50%;
    }
}

@keyframes float {
    0% {
        top: 50%;
    }

    50% {
        top: 51%;
    }

    100% {
        top: 50%;
    }
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    background: #fff;
}
.loader-bg {
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999;
  }
  .loader-inner {
    width: 2em;
    height: 2em;
    font-size: 22px;
    box-sizing: border-box;
    border-top: 0.3em solid 
    #E4BE9A;
    border-radius: 50%;
    position: relative;
    animation: rotating 2s ease-in-out infinite;
    --direction: 1;
  }
  .loader-inner span {
    position: absolute;
    /*color: #000 !important;*/
     color: #FF5E31;
    width: inherit;
    height: inherit;
    text-align: center;
    line-height: 10em;
    font-family: sans-serif;
    animation: rotating 2s linear infinite;
  }
  .loader-inner::before,
  .loader-inner::after {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    box-sizing: border-box;
    top: -0.2em;
  }
  .loader-inner::before {
    /*border-top: 0.3em solid dodgerblue;*/
    border-top: 0.3em solid #906653;
    
    transform: rotate(120deg);
  }
  .loader-inner::after {
    /*border-top: 0.3em solid #ff5e31;*/
    border-top: 0.3em solid #72493A !important;
    transform: rotate(240deg);
  }
  @keyframes rotating {
    50% {
      transform: rotate(calc(180deg));
    }
    100% {
      transform: rotate(calc(360deg));
    }
  }
  
  
  /* template css start*/
  
  .banner__wrapper-content .row:hover .d-19:hover {
  flex: 0 0 36% !important;
  max-width: 36% !important;
  filter: grayscale(0);
}


.banner__wrapper-contente .row:hover .d-19:hover .d-cont::before {
  opacity: 0;
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont {
  height: calc(100vh - 270px);
  position: relative;
  border-radius: 0 2vw;
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont .img-bg {
  transform: scale(1.05);
  -webkit-mask-image: linear-gradient(to bottom, #000, #000);
  mask-image: linear-gradient(to bottom, #000, #000);
  border-radius: 0 2vw;
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet {
  opacity: 1;
  border-radius: 0 2vw;
}

.banner__wrapper-content.row:hover .d-19:hover .d-cont .pDet::before {
  -webkit-animation: shakeItt 0.4s linear 0s 1 normal forwards;
  animation: shakeItt 0.4s linear 0s 1 normal forwards;
  transform: translateY(-25%);
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet::after {
  -webkit-animation: shakeItb 0.4s linear 0s 1 normal forwards;
  animation: shakeItb 0.4s linear 0s 1 normal forwards;
  transform: translateY(25%);
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet .btn-z {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transform: scale(1);
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont {
  border-radius: 2vw 0;
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont::before {
  border-radius: 3vw 0;
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont .img-bg {
  border-radius: 2vw 0;
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont .pDet {
  border-radius: 2vw 0;
}

.banner__wrapper-content .row .d-19 .d-cont .pDet h3 {
  display: none;
}
.banner__wrapper-content * {
  transition: 0.3s all ease !important;
}
 .banner__wrapper-content1 {
     
 }
  .banner__wrapper-content {
  min-height: 100vh;
  align-content: center;
  align-items: center;
  display: grid;
  /*padding-top: 82px;*/
  position: relative;
  z-index: 1;
  overflow: hidden;
   background: linear-gradient(45deg, #000, #1c1c1f, #111, #000);
}
.banner__wrapper-content .row{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
  
  .banner__wrapper-content .row .d-19{
  flex: 0 0 15% !important;
  max-width: 15%;
  padding-left: 5px;
  padding-right: 5px;
  transition: 0.3s all ease !important;
  }
  .banner__wrapper-content .row .d-19 .d-cont {
  height: calc(100vh - 270px);
  position: relative;
  border-radius: 0 8vw;
  overflow: hidden;
 
}
  .banner__wrapper-content .row .d-19 .d-cont::before {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  right: 0;
  height: 100% !important;
  padding: 30px 0;
  width: calc(100% + 2px);
  z-index: 2;
  font-size: 1.5rem;
  transform: rotate(180deg) translateX(-1px);
  background: linear-gradient(-180deg, black, transparent) !important;
  white-space: nowrap;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: unset;
  text-orientation: unset;
  opacity: 1;
  pointer-events: none;
  transition: 0.3s all ease !important;
  border-radius: 0 3vw;
}
.banner__wrapper-content .row .d-19 .d-cont .pDet {
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  position: absolute;
  z-index: 1;
  padding: 20px;
  transition: 0.3s opacity ease !important;
  border-radius: 0 8vw;
  display: grid;
  text-align: center;
  align-content: center;
  overflow: hidden;
}
.banner__wrapper-content  .row .d-19 .d-cont .pDet h3 {
  color: #fff;
  filter: drop-shadow(0px 0px 18px black);
}
  .banner__wrapper-content .row .d-19 .d-cont .pDet .btn-z {
  background: linear-gradient(90deg, #E4BE9A, #72493A);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 0;
  position: absolute;
  transform: scale(0);
  opacity: 0;
  transition: 0.3s all ease !important;
  transition-delay: 0.3s !important;
}
.banner__wrapper-content .row .d-19 .d-cont .img-bg {
  width: 100% !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center !important;
  object-position: center !important;
  z-index: 0;
  /*border-radius: 0 8vw;*/
  transition: 0.5s all ease !important;
}
  
  
  
  
  /*template css end*/
  
  
  
  
  /* id css*/
/*  #img-bg-desktop {*/
/*  display: block;*/
/*}*/

  
  
  
  /* traslate start*/
.banner__wrapper-content .row .d-19:nth-child(2n) .d-cont {
  /*transform: translateY(-50px);*/
  border-radius: 8vw 0;
}

.banner__wrapper-content.row .d-19:nth-child(2n) .d-cont::before {
  border-radius: 3vw 0;
}

.banner__wrapper-content.row .d-19:nth-child(2n) .d-cont .img-bg {
  border-radius: 8vw 0;
}

.banner__wrapper-content .row .d-19:nth-child(2n) .d-cont .pDet {
  border-radius: 8vw 0;
}

.banner__wrapper-content .row .d-19:nth-child(3n) .d-cont {
  /*transform: translateY(-30px);*/
}

.banner__wrapper-content .row .d-19:nth-child(4n) .d-cont {
  transform: translateY(10px);
}

.banner__wrapper-content .row .d-19:nth-child(5n) .d-cont {
  /*transform: translateY(50px);*/
}

  /* traslate end*/
  
  
  /* hover css start*/
 .banner__wrapper-content .row:hover .d-19 {
  flex: 0 0 13%;
  max-width: 13%;
}
.banner__wrapper-content .row:hover .d-19:hover {
  flex: 0 0 36%;
  max-width: 36%;
  filter: grayscale(0);
}
.banner__wrapper-content .row:hover .d-19:hover .d-cont::before {
  opacity: 0;
}
.banner__wrapper-content .row:hover .d-19:hover .d-cont {
  height: calc(100vh - 270px);
  position: relative;
  border-radius: 0 2vw;
}
.banner__wrapper-content .row:hover .d-19:hover .d-cont .img-bg {
  transform: scale(1.05);
  -webkit-mask-image: linear-gradient(to bottom, #000, #000);
  mask-image: linear-gradient(to bottom, #000, #000);
  border-radius: 0 2vw;
}
.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet {
  opacity: 1;
  border-radius: 0 2vw;
}
.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet::before {
  -webkit-animation: shakeItt 0.4s linear 0s 1 normal forwards;
  animation: shakeItt 0.4s linear 0s 1 normal forwards;
  transform: translateY(-25%);
}
.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet::after {
  -webkit-animation: shakeItb 0.4s linear 0s 1 normal forwards;
  animation: shakeItb 0.4s linear 0s 1 normal forwards;
  transform: translateY(25%);
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet .btn-z {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transform: scale(1);
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont {
  border-radius: 2vw 0;
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont::before {
  border-radius: 3vw 0;
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont .img-bg {
  border-radius: 2vw 0;
}

.banner__wrapper-content .row:hover .d-19:nth-child(2n):hover .d-cont .pDet {
  border-radius: 2vw 0;
}

.banner__wrapper-content .row .d-19 .d-cont .pDet h3 {
  display: none;
}

  /*hover css end*/
  
  /* media query  first start*/
  @media (max-width: 767px) {
 .banner__wrapper-content .row {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

 .banner__wrapper-content .row .d-19 {
    flex: 0 0 45%;
    max-width: 45%;
    margin-bottom: 10px;
    display: grid;
    filter: none;
  }

  .banner__wrapper-content .row .d-19 .d-cont {
    height: 15vh;
    transition: 0.3s all ease;
  }

 .banner__wrapper-content .row .d-19 .d-cont::before {
    display: none;
    justify-content: center;
    transform: none;
    -ms-writing-mode: revert;
    writing-mode: revert;
    padding: 10px;
    font-size: 20px;
  }

  .banner__wrapper-content .row .d-19 .d-cont .pDet {
    opacity: 1;
    position: relative;
    padding: 10px;
  }

  .banner__wrapper-content .row .d-19 .d-cont .pDet::before, .banner__wrapper-content .row .d-19 .d-cont .pDet::after {
    display: none;
  }

 .banner__wrapper-content .row .d-19 .d-cont .pDet h3 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
  }

 .banner__wrapper-content .row .d-19 .d-cont img.img-bg {
    transition: 0.3s all;
    -webkit-mask-image: none;
    mask-image: none;
  }

 .banner__wrapper-content .row .d-19:nth-child(2n) .d-cont, .banner__wrapper-content .row .d-19:nth-child(3n) .d-cont, .banner__wrapper-content .row .d-19:nth-child(4n) .d-cont, .banner__wrapper-content .row .d-19:nth-child(5n) .d-cont {
    transform: translateY(0);
  }

  .banner__wrapper-content .row .d-19:nth-child(2n) .d-cont .pDet, .banner__wrapper-content .row .d-19:nth-child(3n) .d-cont .pDet, .banner__wrapper-content .row .d-19:nth-child(4n) .d-cont .pDet, .banner__wrapper-content .row .d-19:nth-child(5n) .d-cont .pDet {
    text-align: left;
  }

 .banner__wrapper-content.row .d-19:nth-child(2n) .d-cont .pDet .btn-z, .banner__wrapper-content .row .d-19:nth-child(3n) .d-cont .pDet .btn-z, .banner__wrapper-content .row .d-19:nth-child(4n) .d-cont .pDet .btn-z,.banner__wrapper-content .row .d-19:nth-child(5n) .d-cont .pDet .btn-z {
    /*margin-left: auto;*/
  }

  .banner__wrapper-content .row .d-19:nth-child(4n+3) {
    /*margin-left: auto;*/
    border-radius: 20vw 0;
  }

  .banner__wrapper-content .row:hover .d-19 {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }

  .banner__wrapper-content .row:hover .d-19:hover {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }

 .banner__wrapper-content .row:hover .d-19:hover .d-cont {
    height: 45vh;
  }

  .banner__wrapper-content .row:hover .d-19:hover .d-cont img.img-bg {
    filter: grayscale(0);
  }
}

  /*media query first  end*/
  
  
  /*media query second  start */
  
  @media (max-width: 575px) {
  .banner__wrapper-content {
    min-height: 102vh;
    padding-bottom: 40px;
  }

  .banner__wrapper-content .bg-fx::after {
    height: 230vw;
  }

  .banner__wrapper-content .row {
    flex-wrap: wrap;
    margin-top:-35%;
    /*margin-left:auto;*/
  }

 .banner__wrapper-content .row .d-19 {
    flex: 0 0 90% !important;
    max-width: 90% !important;
    margin-bottom: 10px;
    display: grid;
    text-align: center;
  }

  .banner__wrapper-content .row .d-19:nth-child(4n+3) .d-cont .img-bg,
  .banner__wrapper-content .row .d-19:nth-child(4n+3) .d-cont .pDet {
    border-radius: 0 8vw;
  }

 .banner__wrapper-content .row .d-19:nth-child(4n+4) .d-cont .img-bg,
 .banner__wrapper-content .row .d-19:nth-child(4n+4) .d-cont .pDet {
    border-radius: 8vw 0;
  }

  .banner__wrapper-content .row .d-19:nth-child(2n) .d-cont {
    /*transform: translateX(-3%);*/
  }

  .banner__wrapper-content .row .d-19:nth-child(3n) .d-cont {
    /*transform: translateX(-2%);*/
  }

  .banner__wrapper-content .row .d-19:nth-child(4n) .d-cont {
    /*transform: translateX(0);*/
  }

  .banner__wrapper-content .row .d-19:nth-child(4n) .d-cont {
    /*transform: translateX(2%);*/
  }

  .banner__wrapper-content .row .d-19:nth-child(5n) .d-cont {
    /*transform: translateX(3%);*/
  }

  .banner__wrapper-content .row .d-19 .d-cont {
    height: calc(20vh - 60px);
  }

 .banner__wrapper-content .row .d-19 .d-cont .pDet {
    opacity: 0;
  }

  .banner__wrapper-content .row .d-19 .d-cont .pDet h3 {
    opacity: 0;
    transition: 0.3s all ease;
  }

  .banner__wrapper-content.row .d-19 .d-cont .img-bg {
    -webkit-mask-image: linear-gradient(to right, transparent 20%, #000);
    mask-image: linear-gradient(to right, transparent 20%, #000);
  }

 .banner__wrapper-content .row:hover .d-19 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .banner__wrapper-content .row:hover .d-19 .d-cont {
    height: 50px;
  }

  .banner__wrapper-content .row:hover .d-19:hover {
    flex: 0 0 90% !important;
    max-width: 90% !important;
  }

 .banner__wrapper-content .row:hover .d-19:hover .d-cont {
    height: calc(100vh - 439px);
  }

.banner__wrapper-content .row:hover .d-19:hover .d-cont img.img-bg {
    -webkit-mask-image: linear-gradient(to right, #000 20%, #000);
    mask-image: linear-gradient(to right, #000 20%, #000);
    transform: scale(1);
    object-position: top;
  }

.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet {
    opacity: 1;
  }

.banner__wrapper-content .row:hover .d-19:hover .d-cont .pDet h3 {
    opacity: 1;
  }

.banner__wrapper-content .row .zCatCandles.d-19 .d-cont .pDet h3 {
    text-align: right;
    padding-right: 20px;
  }

.banner__wrapper-content .row .zCatPillow.d-19 .d-cont img.img-bg {
    -o-object-position: 0 82%;
    object-position: 0 82%;
  }

 .banner__wrapper-content .row .zCatMugs.d-19 .d-cont img.img-bg {
    -o-object-position: 0 66%;
    object-position: 0 66%;
  }

 .banner__wrapper-content .row .zCatMugs.d-19 .d-cont .pDet,
 .banner__wrapper-content .row .zCatPillow.d-19 .d-cont .pDet {
    align-content: flex-start;
  }

  .banner__wrapper-content .row .zCatMugs.d-19 .d-cont .pDet h3,
 .banner__wrapper-content.row .zCatPillow.d-19 .d-cont .pDet h3 {
    padding-top: 20%;
  }
 .banner__wrapper-content .row .d-19 .d-cont,
  .banner__wrapper-content .row .d-19 .d-cont .pDet,
  .banner__wrapper-content .row .d-19 .d-cont .img-bg{
    border-radius: 0 3vw;
  }
  .banner__wrapper-content .row .d-19:nth-child(2n) .d-cont,
 .banner__wrapper-content .row .d-19:nth-child(2n) .d-cont .pDet,
  .banner__wrapper-content .row .d-19:nth-child(2n) .d-cont .img-bg{
    border-radius: 3vw 0;
  }
}
@media (max-width: 767px) {
     .banner__wrapper-content .bg-fx{
         opacity: 0.2 !important;
     
     }
  .banner__wrapper-content #img-bg-desktop-expanded,.banner__wrapper-content #img-bg-desktop,.banner__wrapper-content #img-bg-mobile-expanded {
    display: none;
  }

  .banner__wrapper-content #img-bg-mobile {
    display: block;
  }

 .banner__wrapper-content .row:hover .d-19:hover .d-cont #img-bg-mobile-expanded {
    display: block;
  }
  
 .banner__wrapper-content .row:hover .d-19:hover .d-cont #img-bg-mobile {
    display: none;
  }
}

#img-bg-mobile-expanded, #img-bg-mobile, #img-bg-desktop-expanded {
  display: none;
}

#img-bg-desktop {
  display: block;
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont #img-bg-desktop-expanded {
  display: block;
}

.banner__wrapper-content .row:hover .d-19:hover .d-cont #img-bg-desktop {
  display: none;
}
  
  /*media query second  end*/
  
  
  
  
  /* background css start*/
  
  .banner__wrapper-content .bg-fx {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.5;
}
  .hfill {
  height: 100vh;
  object-fit: cover;
  object-position: center;
}
.banner__wrapper-content .bg-fx::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100vw;
  height: 100vh;
  filter: blur(0.3vw) brightness(0.5);
  background-image: url('assets/images/frontend/new-shine.svg');
  background-size: cover;
  background-position: center;
  z-index: 10;
}
  .banner__wrapper-content .bg-fx::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vw;
  transform: translate(-50%, -50%);
  z-index: 9;
  pointer-events: none;
  background: radial-gradient(#0000009e, #000);
}
  
  body #carouselExampleFadez * {
  transition: all 0s ease 0s !important;
}
  
  
  /* background css end*/
  
  /*liner gradiant start*/
  @-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

  /*liner gradiant end*/
  
  
  /*animation start*/
  .animd1 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd2 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd3 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd5 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd6 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd7 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd8 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd9 {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd10 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd11 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd12 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd13 {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd14 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd15 {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd16 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd17 {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd18 {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animd19 {
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.animdnew1 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.animdnew2 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.animdnew3 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.animdnew4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.animdnew5 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
  /*animation end*/
   /*banner css start*/
   
   
   
   /*banner css end*/
  
  /*tesitimonial start*/
  .testimonial-section {
  overflow: hidden;
}
.testimonial-section .customer-image img {
  border-radius: 50%;
  max-width: 150px;
  height: 145px;
  margin: auto;
}
.testimonial-section .testimonial_text {
  text-align: center;
  margin-top: 15px;
}
.testimonial_text .blog-title a {
  color: #fff;
  text-decoration: none;
}
.testimonial_text .content {
  margin-bottom: 10px;
}
.testimonial-section .owl-item {
  background-color: #222225;
  padding: 12px;
  border-radius: 20px 0;
}
.testimonial_text .testimonial-rating {
  margin: 10px 0;
}
.testimonial_text .testimonial-rating svg{
  cursor: pointer;
}
.testimonial_text .testimonial-rating svg.like {
  fill: #ffd055;  
}
.testimonial_text .testimonial-rating svg.dislike {
  fill: #d8d8d8;
}


.gallery{
  width: 100%;
  padding-top: 100%;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  cursor: pointer;
}
.gallery img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  transition: .3s all ease;
}

.gallery:hover img{
  transform: scale(1.05);
}

.gallery video{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}

.gallery.videoframe::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  transition: .3s transform ease;
  z-index: 1;
}
.gallery.videoframe::after{
  content: "";
  border: 15px solid transparent;
  border-width: 10px 0 10px 15px;
  border-left-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.gallery.videoframe:hover::before{
  transform: scale(1.1);
}

.modal-bg-gallery {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0,0,0,0.6);
  backdrop-filter: blur(8px);
  padding: 20px;
  display: none;
}

.modal-gallery-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

.modal-gallery-wrapper video,
.modal-gallery-wrapper img{
  position: absolute;
  object-fit: contain;
  object-position: center;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

button.close-gal-btn {
  z-index: 9;
  padding: 0;
  line-height: 1;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 30px;
  position: absolute;
  right: -15px;
  top: -15px;
  border-radius: 50%;
background-color: transparent;
color: #fff;
  transition: .3s all ease;
}
button.close-gal-btn:hover{
  color: #FDAC53;
}

button.prev-gal-btn {
  z-index: 9;
  padding: 0;
  line-height: 1;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 40px;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #fff;
  transition: .3s all ease;
}

button.prev-gal-btn:hover{
  left: -20px;
}

button.next-gal-btn {
  z-index: 9;
  padding: 0;
  line-height: 1;
  width: 40px;
  height: 40px;
  border: none;
  font-size: 40px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #fff;
  transition: .3s all ease;
}

button.next-gal-btn:hover{
  right: -20px;
}

.modal-gallery-wrapper button, .modal-gallery-wrapper button i {
  display: grid;
  place-content: center;
}

button.close-gal-btn:focus,
button.prev-gal-btn:focus,
button.next-gal-btn:focus{
  outline: none;
  box-shadow: none;
}
.testimonial-index-view ul.testimonial-list li {
  padding: 15px;
  background-color: #222225;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 24px;
  border-radius: 20px 0;
} 

.catalog-category-view .column.main {
  width: 75% !important;
  padding-left: 1%;
}
.catalog-category-view .sidebar-main{
  width: 25% !important;
  padding-right: 0%;
  padding-left: 1%;
}
.catalog-category-view .side-1 {
  max-width: 100%;
  width: 100%;
}
.catalog-category-view .checklist li {
  padding: 25px 0px;
}
.z-custom-checkbox a {
  text-decoration: none;
}
li.item.z-custom-checkbox a,
.block-actions.filter-actions a,
.filter-current a.action.remove {
  text-decoration: none;
  color: #906653;
}
.filter-current {
  border: 1px solid #fff;
  padding: 5px 5px;
  font-size: 14px;
}
ul.desk-cat ul {
  list-style-type: none;
  padding: 0;
}
.catalog-category-view .page-main {
  background-color: #000;
}
.catalog-category-view header.page-header .header.content{
  background-color: #000;
}
.catalog-category-view header.scrolled .header.content {
    background-color: #1c1c1f;
}
.side-1 .filter-side .toggle-div.active .toggle-head {
  margin-bottom: 0;
}
ol#show_in_main_sidebar-price label .price {
  margin: 0 3px;
}
ol#show_in_main_sidebar-price label {
  font-size: 15px;
}
ol#show_in_main_sidebar-price .count{
  margin: 0 3px 0;
}
.z-custom-checkbox .count {
  margin-left: 5px;
  color: #fff;
}
.sidebar .filter-side .toggle-content.main-filter-size {
  padding: 25px 15px;
}
.filter-current .block-subtitle {
  font-size: 18px;
}
.filter-options-content .mana-selected.item label{
  color: #ff5501;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist {
  position: absolute;
  background-color: #222225;
  padding: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-height: 40vh;
  overflow-y: auto;
  list-style-type: none;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 100%;
  left: calc(50% - 3px);
  z-index: 11;
  border: 6px solid transparent;
  border-bottom-color: #222225;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist li.inner-dropzdown::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 20px;
  right: 10px;
  z-index: 11;
  border: 6px solid transparent;
  border-top-color: #906653;
  transition: 0.3s all ease;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist li.inner-dropzdown .inner-dropzlist {
  display: none;
  margin-bottom: 0;
  list-style-type: none;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist li.inner-dropzdown {
  position: relative;
}
.additional-attributes-wrapper .additional-attributes>tbody>tr>th {
  font-size: 18px;
  color: #ccc;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  width: 100%;
  padding: 3px 0;
}
.additional-attributes-wrapper .additional-attributes>tbody>tr>td {
  margin-top: 0;
  margin-bottom: 0.7rem;
  color: #ccc;
  display: block;
  width: 100%;
  padding: 3px 0 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.additional-attributes-wrapper .additional-attributes>tbody>tr>th:after {
  content: ":";
}
table#product-attribute-specs-table {
  margin-top: 2%;
}
.product-info-main .special-price, .product-options-bottom .special-price {
  display: inline;
}
.product-info-main .price-box .old-price .price-wrapper .price {
  font-size: 24px;
  text-decoration: line-through;
  margin-right: 10px;
  color: #ccc;
  font-family: "FiraGO", sans-serif;
  position: relative;
  top: -5px;
}
.catalog-product-view footer.page-footer {
  background-color: #1c1c1f;
}
#products-details .swatch-option.image span {
position: absolute;
bottom: -20px;
left: 0;
right: 0;
color: #878787;
font-size: 10px;
}
#products-details .swatch-option.image {
position: relative;
margin-bottom: 25px;
overflow: inherit;
}
.checkout-cart-index .page-title-wrapper {
  padding: 0 2em;
}
.checkout-cart-index .cart.table-wrapper .product-item-name+.item-options {
  margin-top: 10px;
  color: #ccc;
}
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /*z-index: 99999999;*/
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mix-blend-mode: multiply;
}
.alo-testimonial-submit input ,.alo-testimonial-submit textarea{
  max-width: 35%;
}
.alo-testimonial-submit .actions-toolbar .primary {
  margin: auto;
  display: block;
  width: 100%;
}
.alo-testimonial-submit .input-box ,.alo-testimonial-submit .std-input-box {
  display: flex;
}
.alo-testimonial-submit .input-box div.mage-error,
.alo-testimonial-submit .std-input-box div.mage-error
{
  margin-left: 10px;
}
.review-field-ratings .nested {
  display: table;
  clear: both;
  height: 35px;
  width: 60%;
}
div#rating-option-error-message-container .mage-error {
  margin-left: 20px;
  width: 170%;
  margin-top: 13px;
}
.alo-testimonial-submit .std-input-box .control {
  display: flex;
}
.field.field-rating.required {
  margin-bottom: 0;
}
.alo-testimonial-submit input[name='image']::after,
.alo-testimonial-submit input[name='multiple_image_path[]']::after {
  content: "Image Up to 2MB";
  display: block;
  font-size: 11px;
  margin-top: 5px;
}
.alo-testimonial-submit input[name='multiple_video_path']::after {
  content: "Video Up to 2MB";
  display: block;
  font-size: 11px;
  margin-top: 5px;
}
  /*tesitimonial end*/
  
  /* testimonials carsoul css start-------------------------------------------------------------------------*/
.userDetails {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin-top:7%;
}

.userDetails
.customer-image {
  flex: 0 0 50px;
  /*margin-left:-20%;*/
}

.userDetails
.customer-image .imgSq{
  width: 100%;
  position: relative;
  /*padding-top: 100%;*/
  display: block;
}

.userDetails
.customer-image .imgSq img{
  /*position: absolute;*/
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.testimonial_text .content{
  text-align: left;
  position: relative;
  color:#ccc;
  font-family: "FiraGO", sans-serif;
}

.testimonial_text .content::before{
   content: "\f243";
  display: inline-block;
  font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: text-bottom;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: #906653 !important;
  font-size: 150px;
  z-index: -1;
  left: -30px;
  top: -55px;
  opacity: .2
}

/*.testimonial-section*/
/*.owl-item{*/
/*  overflow: hidden;*/
/*}*/

.userDetails .customerText{
  padding-left: 15px
}

.userDetails .customerText h4{
  margin-bottom: 0;
}

.userDetails .customerText h4 a{
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  margin-top:20px;
}

.userDetails .customerText h4 a:hover{
  color: #906653 !important;
}
.test_area{
    margin-left:10px;
}
.text_new{
 /*   background: #fff;*/
	/*	    padding: 20px;*/
	/*	    border-radius: 4px;*/
	/*	    text-align: center;*/
	/*border:1px solid #ECECEC;*/
	/*	    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);*/
		      /*opacity: 0.5;*/
	/*	    -webkit-transform: scale3d(0.8, 0.8, 1);*/
		    /*transform: scale3d(0.8, 0.8, 1);*/
	/*	    -webkit-transition: all 0.3s ease-in-out;*/
	/*	    -moz-transition: all 0.3s ease-in-out;*/
	/*	    transition: all 0.3s ease-in-out;*/
		     /*background: #3190E7;*/
		    /*transform: translate3d(0px, -50%, 0px) scale(0.7);*/
}
/* testimonials  carsoul end-------------------------------------------------------------------------*/

  /*explore start*/
  .explore_img{
      width:100%;
      display:flex;
      /*height:100% !important;*/
      
  }
  .banner-link 1 .img{
      /*width:100% !important;*/
      /*height:100% !important;*/
      
  }
  /*explore end*/
  
  /*wish*/
  .cart--btn .i{
      margin-left:-5%;
      
      
  }
  
  
  
  
  /* footer css star*/
/*  footer h6.foot-head {*/
/*color: #fff;*/
/*font-size: 20px;*/
/*font-weight: 700;*/
/*margin-bottom: 15px;*/
/*}*/
/*  footer .footlinks {*/
/*padding: 40px 0;*/
/*margin-bottom: 0;*/
/*list-style-type: none;*/
/*display: flex;*/
/*justify-content: center;*/
/*background-color: #1c1c1f;*/
/*}*/
/*footer .footlinks li {*/
/*padding: 0 15px;*/
/*}*/
/*footer .footlinks li a {*/
/*position: relative;*/
/*color: #878787;*/
/*text-decoration: none;*/
/*transition: 0.3s all ease;*/
/*}*/
/*footer .footlinks li a::before {*/
/*content: "";*/
/*position: absolute;*/
/*width: 0;*/
/*height: 1px;*/
/*background-color: #906653;*/
/*bottom: 0;*/
/*left: 0;*/
/*transition: 0.3s all ease;*/
/*}*/
/*footer .footlinks li a:hover {*/
/*color: #906653;*/
/*text-decoration: none;*/
/*}*/
/*footer .footlinks li a:hover::before {*/
/*width: 100%;*/
/*}*/
/*footer .copy {*/
/*background-color: #222225;*/
/*text-align: center;*/
/*font-size: 0.875rem;*/
/*padding: 2px 0;*/
/*}*/
/*footer h3.foot-head {*/
/*color: #fff;*/
/*font-size: 20px;*/
/*font-weight: 700;*/
/*margin-bottom: 15px;*/
/*}*/
 ul.foot-list {
/*padding-left: 0;*/
/*padding: 0px 0px !important;*/
/*list-style-type: none;*/
/*}*/
/*ul.foot-list li{*/
/*    padding:0px 0px !important;*/
/*}*/
/*ul.foot-list li a {*/
/*color: #878787;*/
/*text-decoration: none;*/
/*margin-bottom: 10px;*/
/*display: inline-block;*/
/*position: relative;*/
/*}*/
/* ul.foot-list li a::before {*/
/*content: "";*/
/*position: absolute;*/
/*height: 1px;*/
/*width: 0;*/
/*left: auto;*/
/*right: 0;*/
/*bottom: 0;*/
/*background-color: #878787;*/
/*transition: 0.3s width ease;*/
/*}*/
/* ul.foot-list li a:hover::before {*/
/*width: 100%;*/
/*left: 0;*/
/*right: auto;*/
/*}*/
/* ul.app-link {*/
/*padding-left: 0;*/
/*margin-bottom: 0;*/
/*list-style-type: none;*/
/*display: flex;*/
/*justify-content: space-between;*/
/*}*/
/* ul.app-link li {*/
/*padding: 2px;*/
/*}*/
/* ul.app-link li a {*/
/*text-decoration: none;*/
/*display: inline-block;*/
/*}*/
/* ul.app-link {*/
/*padding-left: 0;*/
/*margin-bottom: 0;*/
/*list-style-type: none;*/
/*display: flex;*/
/*}*/
/* ul.app-link li {*/
/*margin-right: 5px;*/
/*}*/
/*ul.app-link li a {*/
/*color: #906653 !important;*/
/*text-decoration: none;*/
/*display: inline-grid;*/
/*width: 22px;*/
/*height: 22px;*/
/*place-content: center;*/
/*background-color:#906653;*/
}
/*footer ul.social-link li a .lab{*/
/*    color: #906653 !important;*/
/*}*/

/*footer ul.social-link li a i{*/
/*color: #906653;*/
/*}*/
/*.page-footer .footer.content{*/
/*padding-left: 0;*/
/*  padding-right: 0;*/
/*padding-top: 0;*/
/*padding-bottom: 0;*/
/*margin-top: 0;*/
/*border-top: 0;*/
/*}*/

/*.footer.content .copyright{*/
/*background-color: #222225;*/
/*  text-align: center;*/
/*  font-size: 0.875rem;*/
/*  padding: 2px 0;*/
/*margin: 0;*/
/*}*/

/*.foot-list li {*/
/*  margin-bottom: 0;*/
/*}*/


@media (max-width: 575px){
    footer .row.pt-5.pb-4 .col-md-5 .d-flex.justify-content-between.align-items-center.mb-4 img{
  max-width: calc(50vw - 24px);
}
a.whatsappFloatingBtn{
   margin-left:50% !important;
}
}

/*button:focus{*/
/*  outline: none;*/
/*}*/

  
  /*footer css end*/
  
  
  /* gifts css start*/
  
  
  .img-sq {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.img-sq img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50px 0 50px 0;
}
/*.h3 .span{*/
/*    margin-top: 0;*/
/*    margin-bottom: 0.5rem;*/
/*    font-weight: 500;*/
/*    line-height: 1.2;*/
/*    color: #ccc;*/
/*    font-family: "FiraGO", sans-serif;*/
/*}*/
ul.desk-cat {
  padding: 0;
  list-style-type: none;
  /*display: flex;*/
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
}
ul.desk-cat li {
  max-width: 110px;
  flex: 0 0 110px;
  color: #878787;
  padding: 0 calc(var(--bs-gutter-x)/2);
  text-align: center;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
ul.desk-cat li a {
  display: block;
  color: #878787;
  text-decoration: none;
}
ul.desk-cat li a:hover {
  color: #906653;
}
ul.desk-cat li .img-sq {
  margin-bottom: 5px;
}
ul.desk-cat li .img-sq img {
  border-radius: 50%;
}
ul.desk-cat li h5 {
  font-size: 14px;
}
ul.desk-cat li.drplst h5::after {
  content: "";
  display: block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: text-bottom;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.desk-cat li.drplst .drplist {
  position: absolute;
  right: 0;
  top: calc(100% + 20px);
  background-color: #222225;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  width: 150px;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.3s all ease;
}
ul.desk-cat li.drplst .drplist li {
  margin-bottom: 0;
  text-align: left;
  padding: 10px;
  max-width: 150px;
  width: 100%;
}
ul.desk-cat li.drplst .drplist li a {
  color: #878787;
}
ul.desk-cat li.drplst .drplist li a:hover {
  color: #fff;
}
ul.desk-cat li.drplst:hover .drplist {
  opacity: 1;
  visibility: visible;
  top: calc(100% - 10px);
}
ul.desk-cat li:hover {
  color: #906653;
}
@media (max-width: 1199px) {
  ul.desk-cat li {
    max-width: 100px;
  }
 
}
@media (max-width: 991px) {
  ul.desk-cat {
    display: none;
  }

  ul.mob-cat {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 10px;
    display: flex;
    width: 100%;
    overflow-x: auto;
  }
  ul.mob-cat li {
    max-width: 90px;
    flex: 0 0 90px;
    padding: 5px;
    display: grid;
  }
  ul.mob-cat li a {
    color: #fff;
    text-decoration: none;
    background-color: #222225;
    padding: 5px;
    display: grid;
    align-content: space-between;
    border-radius: 5px;
  }
  ul.mob-cat li a img {
    max-width: 50px;
    display: block;
    margin: auto;
  }
  ul.mob-cat li a h5 {
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
  }
  ul.mob-cat::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    border-radius: 10px;
  }
}  
  /* gifts css end*/
  
  
  /**/
  .header-top .header__top__wrapper{
       padding: 3px 10px !important;
       background: linear-gradient(45deg, #000, #1c1c1f, #111, #000) !important;
  /*background: linear-gradient(90deg, #7c5443, #cda585);*/
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*line-height: 1;*/
  
  }
 .header-top .header__top__wrapper p {
  margin-bottom: 0;
  color: #fff;
}
  .header-top .header__top__wrapper p a {
  text-decoration: none;
  color: #fff;
}
.header-top .header__top__wrapper ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.header-top .header__top__wrapper ul li {
     margin-left: 25px
}
.header-top .header__top__wrapper ul li a {
  color: #000;
  text-decoration: none;
}
/*  .header-top .header__top__wrapper .search-form.search--group {*/
/*  display: flex;*/
/*  background-color: #fff;*/
/*  border-radius: 5px;*/
/*  overflow: hidden;*/
/*}*/
/* .header-top .header__top__wrapper ul li form.search-form.search--group input {*/
/*  color: #000;*/
/*  background-color: transparent !important;*/
/*  border: none;*/
/*  padding: 3px 5px !important;*/
/*  border:none !important;*/
/*}*/

  .header-top .header__top__wrapper ul li form.search-form.search--group .cmn--btn {
  background-color: #222225;
  color: #906653;
  border: none;
  border-radius: 0 5px 5px 0;
}
  .header-top .header__top__wrapper .input-group input{
      border:none;
      /*background-color: transparent !important;*/
      padding: 3px 5px !important;
      border-radius: 5px;
  }
  
  /*new footer start*/
  footer .footlinks {
padding: 40px 0;
margin-bottom: 0;
list-style-type: none;
display: flex;
justify-content: center;
background-color: #1c1c1f;
}
footer .footlinks li {
padding: 0 15px;
}
footer .footlinks li a {
position: relative;
color: #878787;
text-decoration: none;
transition: 0.3s all ease;
}
footer .footlinks li a::before {
content: "";
position: absolute;
width: 0;
height: 1px;
background-color: #906653;
bottom: 0;
left: 0;
transition: 0.3s all ease;
}
footer .footlinks li a:hover {
color: #906653;
text-decoration: none;
}
footer .footlinks li a:hover::before {
width: 100%;
}
footer .copy {
background-color: #222225;
text-align: center;
font-size: 0.875rem;
padding: 2px 0;
}
footer h3.foot-head {
color: #fff;
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
}
footer ul.foot-list {
padding-left: 0;
list-style-type: none;
}
footer ul.foot-list li a {
color: #878787;
text-decoration: none;
margin-bottom: 7px;
display: inline-block;
position: relative;
}
footer ul.foot-list li a::before {
content: "";
position: absolute;
height: 1px;
width: 0;
left: auto;
right: 0;
bottom: 0;
background-color: #878787;
transition: 0.3s width ease;
}
/*footer ul.foot-list li a:hover::before {*/
/*width: 100%;*/
/*left: 0;*/
/*right: auto;*/
/*}*/
/*.policy-page a:hover::before {*/
/* width: 100%;*/
/*left: 0;*/
/*right: auto;  */
/*}*/
footer ul.app-link {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
display: flex;
justify-content: space-between;
}
footer ul.app-link li {
padding: 2px;
}
footer ul.app-link li a {
text-decoration: none;
display: inline-block;
}
footer ul.social-link {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
display: flex;
}
footer ul.social-link li {
margin-right: 5px;
}
footer ul.social-link li a {
color: #906653;
text-decoration: none;
display: inline-grid;
width: 22px;
height: 22px;
place-content: center;
}
  /*new footer end*/
  
  /* whats up start*/
  a.whatsappFloatingBtn {
  padding: 11px !important;
  width: auto;
  line-height: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: .3s all ease;
  color: #000;
  background: linear-gradient(90deg, #E4BE9A, #72493A);
}

a.whatsappFloatingBtn::before{
  content: "";
  position: absolute;
  background-color: #fff;
  height: 100% !important;
  width: 0% !important;
  z-index: -1;
  left: auto;
  right: 0;
  transition: .3s width ease;
}

a.whatsappFloatingBtn::after{
  content: "Chat with us";
  font-size: 16px;
  font-weight: 700;
  margin-left: 30px;
    margin-top: -16%;
}

a.whatsappFloatingBtn:hover{
  color: #25D366;
}

a.whatsappFloatingBtn:hover::before{
  width: 100% !important;
  left: 0;
  right: auto;
}
a.whatsappFloatingBtn svg {
  width: 23px;
  height: 23px;
}
a.whatsappFloatingBtn {
  position: fixed;
  /*width: 45px !important;*/
  /*height: 45px !important;*/
  /*color: #fff;*/
  background-color: #25D366;
  bottom: 20px;
  /*right: 90px;*/
  display: grid;
  place-content: center;
  font-size: 30px;
  text-decoration: none;
  line-height: 0;
  border-radius: 30px;
  transition: 0.3s background-color ease;
  z-index: 1040;
  margin-left: 80%
}

  /*whats up end*/
  
  /*blog start*/
  
  .blog-card {
  background-color: #222225;
  margin-bottom: 24px;
}
.blog-card .img-wide {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  margin-bottom: 15px;
}
.blog-card .img-wide img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.blog-card .blog-text {
  padding: 12px;
}
.blog-card .blog-text .blog-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.blog-card .blog-text a.acnt-btn {
  margin-bottom: 0;
}
.blog-card .blog-text .date {
  font-size: 0.875rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  line-height: 1;
  align-items: center;
  margin-bottom: 10px;
  color: #999999;
}
.blog-card .blog-text .date i {
  color: #906653 !important;
  margin-right: 10px;
}
.blog-card .blog-text p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  color:#ccc;
}





  /*blog end*/
  
  /*blog new start*/
  .blog-card .blog-text .blog-title a, .blog-card .blog-text .date a {
  color: #fff;
  text-decoration: none;
}
.mpblog-post-view .page-title-wrapper {
  padding-top: 5em;
}

.mpblog-post-view  .column.main,.mpblog-post-index .column.main {
  width: 100% !important;
  margin-top: 117px;
}

.mpblog-post-index.page-layout-2columns-right .mp-footer, 
.mpblog-post-index.page-layout-2columns-right .sidebar-additional, 
.mpblog-post-index.page-layout-2columns-right .page-title-wrapper {
  display: none;
}
  /*blog new end*/
  /*blog icon start*/
 .blog-card .blog-text .date:before {
    background-repeat: no-repeat;
    color: #999999 !important;
    content: '';
    display: inline-flex;
    width: 12px;
    height: 12px;
    opacity: 50%;
    position: relative;
    top: 2px;
}
.mp-blog-calendar-times:before {
    background-image: ({{url('assets/images/frontend/imgblog/calendar-times.png')}});
}
.mp-blog-user:before {
    background-image: url("../media/images/user.svg");
}
.mp-blog-comments:before {
    background-image: url("../media/images/comments.svg");
}
.mp-blog-traffic:before {
    background-image: url("../media/images/eye.svg");
}
.mp-blog-thumbs-up:before {
    background-image: url("../media/images/thumbs-up.svg");
}
  /*blog icon end*/
  
  
  /*testimonial css start*/
  * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

.testimonial {
  /*width: 100%;*/
  /*height: 100vh;*/
  display: flex;
  justify-content: center;
  align-items: center;
  /*background-color: #8a776d;*/
  /*linear-gradient(90deg, #7c5443, #cda585) !important;*/
  color: #3d5a80;
}
.testimonial-slide {
  padding: 40px 20px;
}
.testimonial_box-top {
  /*background-color: #957a61!important;*/
  
  /*background-image: linear-gradient(147deg, #E4BE9A 0%, #72493A)!important;*/
  /*background-color:linear-gradient(147deg, #E4BE9A 0%, #72493A);*/
  /*background-image: url('assets/images/frontend/caraousal_img/330 x 304.png') !important;*/
  padding: 30px;
  border-radius: 20px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-shadow: 5px 5px 20px rgba(152, 193, 217, 0.493);
  /*background: linear-gradient(90deg, #E4BE9A, #72493A);*/
  /*background:rgb(255, 255, 255);*/
  /*opacity:0.8;*/
}
.testimonial_box-icon {
  padding: 10px 0;
}
.testimonial_box-icon i {
  font-size: 25px;
   color: #000;
  font-weight:600;
}
.testimonial_box-text {
  padding: 10px 0;
}
.testimonial_box-text p {
   color: #000;
  /*font-weight:600;*/
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.testimonial_box-img {
  padding: 20px 0 10px;
  display: flex;
  justify-content: center;
}
.testimonial_box-img img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50px;
  border: 2px solid #e5e5e5;
}
.testimonial_box-name {
  padding-top: 10px;
}
.testimonial_box-name h4 {
  font-size: 20px;
  line-height: 25px;
  color: #000;
  font-weight:600;
  /*color: #293241;*/
  margin-bottom: 0;
}
.testimonial_box-job p {
   color: #000;
  font-weight:600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 0;
}
  /*testimonial css end*/
  
  
  /** carousel start **/
.simple-carousel {
  position: relative;
  overflow: hidden;
  margin: 0 auto 0 auto;
  border-radius: 4px;
  height: 100vh !important; /* Carousel Heigth [now is full screen]*/
}

.simple-carousel ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simple-carousel ul li.slide {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  background: #ccc;
  text-align: center;
  line-height: 300px;
  background-size: cover;
  background-position: center;
}

.simple-carousel ul li.slide.active {
  opacity: 1;
}

.simple-carousel a.control_prev,
a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 5em 2em;
  color: #fff;
  text-decoration: none;
  opacity: 0.6;
  cursor: pointer;
}

.simple-carousel a.control_prev:hover,
a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.simple-carousel a.control_prev {
  left: 0;
  border-radius: 0 2px 2px 0;
}

.simple-carousel a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}
  
  
  /** carousel end **/
  
  /*blog css start*/
.blog-slider {
  width: 95%;
  position: relative;
  max-width: 800px;
  margin: auto;
  background: #fff;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
  padding: 25px;
  border-radius: 25px;
  height: 400px;
  transition: all 0.3s;
}
@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto 20px auto;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}
.blog-slider__item {
  display: flex !important;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}
.blog-slider__img {
  width: 300px;
  flex-shrink: 0;
  height: 300px;
  background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
  /*box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);*/
  border-radius: 20px;
  transform: translateX(-80px);
  /*overflow: hidden;*/
}
.blog-slider__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-image: linear-gradient(147deg, #E4BE9A 0%, #72493A);*/
  /*background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);*/
  border-radius: 20px;
  opacity: 0.8;
}
.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /*opacity: 0;*/
  border-radius: 20px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}
.box_img{
        /*max-width: max-content !important;*/
        max-width:23% !important;
        padding: 20px;
    
}
.content{
    /*display:flex !important;*/
    margin-left: 25%;
    color:#000;
}
.icon{
    margin-bottom:-20%;
    margin-left:-3% !important;
   

}

@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
  .icon{
    margin-bottom:-24%;
    margin-left:-3% !important;
    padding: 14px 14px 14px 25px;  
  }
  
  .box_img{
      max-width:85% !important;
      margin:auto !important;
      margin-bottom:10% !important;
      padding:3px !important;
  }
  .content{
     font-size:17px;
      margin-left:35%;
  }
  .icon{
      margin-left:6%;
  }
  .icon img{
     width:25% !important;
  }
  
  .tos-links a .icon img {
      
      /*margin-left:-45% !important;*/
  }
   .tos-links a .icon{
       
   }
  .tos-links a .subtitle{
     
  }
  .tos-links a .content{
      padding-left:15% !important;
      /*display:flex;*/
      width:0% !important;
  }
  .tos-links a{
      
  }
}
.box_img{
    border-radius:20px !important;
    margin: auto; 
    opacity: 0.9;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5) !important;
    }
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider__img {
    height: 270px;
  }
}
.blog-slider__content {
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
  .blog-slider__text {

  text-align:start;
  margin-left:10%;
  margin-right:10%;
}
.blog-slider__code{
  text-align:start;
  margin-left:10%;
}
.blog-slider__title{
    text-align:start;
  margin-left:10%;
}
}
.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}
.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.blog-slider__title {
  font-size: 24px;
  font-weight: 700;
  color: #0d0925;
  margin-bottom: 20px;
}
.blog-slider__text {
  color: #4e4a67;
  margin-bottom: 30px;
  line-height: 1.5em;
  
}
.blog-slider__button {
  display: inline-flex;
  /*background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);*/
  padding: 15px 35px;
  border-radius: 50px;
  color: #000;
  box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
  text-decoration: none;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
}
.blog-slider__button::before{
content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    bottom: 0;
    transition: 0.3s all ease;
    background: #000;
    z-index: -1;
}
.blog-slider__button::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(90deg, #E4BE9A, #72493A);*/
    /* border-radius: 10rem; */
    z-index: -2;
}
@media screen and (max-width: 576px) {
  .blog-slider__button {
    width: 100%;
  }
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 20px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0 !important;
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px !important;
  }
}
.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: linear-gradient(90deg, #E4BE9A, #72493A);
  /*background: #fd3838;*/
  height: 30px;
  box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
}
  
  
  /* blog css end*/
  
  /*zoom product css  start*/
  #default{
  text-align:center;
}
  /*zoom product css end*/
  
  
  
  
  .header-top .header__top__wrapper .input-group input {
    border: none;
    /* background-color: transparent !important; */
    padding: 3px 5px !important;
    border-radius: 0 !important;
    /*border: none !important;*/
}

.header-top .header__top__wrapper .input-group input:focus {
    /*border: none;*/
    /* background-color: transparent !important; */
    padding: 3px 5px !important;
    /*border-radius: 5px;*/
    border-radius: 0 !important;
    /*border: none !important;*/
    /*box-shadow:none !important;*/
    outline: none !important;
}

.header-top .header__top__wrapper .input-group input::placeholder {
    color:#000 !important;
}


/*icon css start*/
/* Slider */

.slick-slide {
    margin: 0px 15px;
}

/*.slick-slide img {*/
    /*width: 100%;*/
/*}*/

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    /*height: 100%;*/
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    align-items:center !important;
    object-position: center !important;
    margin-left:10% !important;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*icon css end*/
  
  /* registry page start */
  .registry-bg {
  /* https://images.unsplash.com/photo-1484156818044-c040038b0719?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80 */
  /* background-image: url(https://images.pexels.com/photos/1243337/pexels-photo-1243337.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260); */
  background-image: url(https://images.unsplash.com/photo-1519225421980-715cb0215aed?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80);
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  color: #fff
}
.registry-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: -1;
  opacity: 0.5;
}
.registry-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 110px;
  top: 0;
  left: 0;
  background: linear-gradient(#000, transparent);
  z-index: -1;
}
.registry-bg .container{
  position: relative;
  z-index: 1;
}
.drop-newlist {
  background-color: #222225;
  padding: 10px 20px;
  position: relative;
  z-index: 12;
  line-height: 1;
  border-radius: 10px;
  color:#878787;;
}
.drop-newlist:hover{
  border-radius: 10px 10px 0 0;
}
.drop-newlist * {
  transition: 0.3s all ease;
}
.drop-newlist ul {
  display: none;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0px;
  width: 100%;
  position: absolute;
  z-index: 5;
  left: 0;
  top: 100%;
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  background-color: #151517;
}
.drop-newlist::after {
  content: "";
  position: absolute;
  border-width: 7px 5px 0 5px;
  border-color: #906653 transparent transparent;
  border-style: solid;
  right: 20px;
  top: calc(50% - 4px);
  transition: 0.3s transform ease;
}
.drop-newlist:hover{
  border-radius: 10px 10px 0 0;
}
.drop-newlist ul li {
  position: relative;
  margin-bottom: 0;
}
.drop-newlist ul a {
  display: block;
  text-decoration: none;
  color: #878787;
  padding: 10px 20px;
}
.drop-newlist ul ul {
  position: absolute;
  background-color: #222225;
  z-index: 1;
  left: 100%;
  top: 0;
}
.drop-newlist ul span, .drop-newlist ul .drp {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  color: #878787;
}
.drop-newlist:hover > ul {
  display: block;
}
.drop-newlist:hover > ul li:hover > ul {
  display: block;
}
.drop-newlist ul span:hover::after, .drop-newlist ul .drp:hover::after {
  content: "-";
}
.drop-newlist ul span::after, .drop-newlist ul .drp::after {
  content: "+";
}
.drop-newlist ul span:hover, .drop-newlist ul .drp:hover {
  background-color: #000;
  color: #906653;
}
.drop-newlist ul a:hover {
  background-color: #000;
  color: #906653;
}
#nav-tab {
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
  border-bottom: 1px solid #000;
}
#nav-tab .nav-link.active {
  position: relative;
  color: #906653;
}
#nav-tab .nav-link {
  border: none;
  background-color: transparent;
  color: #906653;;
  font-weight: 600;
}
#nav-tab .nav-link.active::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 5px;
  background-color: #906653;
  bottom: 0;
  left: calc(50% - 10px);
  border-radius: 5px 5px 0 0;
}
div#nav-tabContent, div#nav-tabContent .tab-pane {
  border: none;
}
.tab-content > .active {
  /*padding: 40px 0;*/
}
.button-list {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.button-list li {
  padding: 5px;
}
.button-list li a {
  background: linear-gradient(90deg, #E4BE9A, #72493A);
  padding: 10px 20px;
  display: inline-block;
  color: #1c1c1f;
  text-decoration: none;
  font-weight: 600;
  border-radius: 10px;
  transition: 0.3s all ease;
}
.button-list li a:hover {
  background-color: #222225;
  color: #000;
}

.quote {
   font-family: 'TT Ramillas Regular';
    margin-bottom: 20px !important;
    font-size: 20px;
}
@media (max-width: 576px){
   .quote{
       font-size:14px;
   }
}
@media (max-width: 767px){
   .quote{
       font-size:16px;
   }
}
.quote::after,
.quote::before {
  content: '"';
  color: #906653;
  font-weight: 700;
}
#cr-reg-1, #cr-reg-2, #cr-reg-3 {
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid #333;
}
#cr-reg-2, #cr-reg-3, #cr-reg-4 {
  display: none;
  padding-bottom: 30px;
  padding-top: 30px;
}
.z-form .z-inp-grp select.z-inp {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}
.z-form .z-inp-grp .z-inp{
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.z-form .zcheck input {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  visibility: 0;
}
.z-form .zcheck input + label {
  width: 44px;
  height: 44px;
  background-color: #222225;
  display: grid;
  place-content: center;
  font-size: 22px;
  box-shadow: inset 0 0 1px 1px #906653;
}
.z-form .zcheck input + label i {
  opacity: 0;
}
.z-form .zcheck input:checked + label {
  background-color: #906653;
}
.z-form .zcheck input:checked + label i {
  opacity: 1;
}
.z-form .z-inp-grp .z-inp::-webkit-calendar-picker-indicator {
  color: #fff;
  filter: invert(1);
}
.de-active {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
#address-shipping, #future {
  display: none;
}
.registry-card {
  padding: 20px;
  background-color: #222225;
  margin-bottom: 20px;
  overflow-y: auto;
}
.registry-card table {
  width: 100%;
}
.registry-account {
  padding: 20px;
  background-color: #222225;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.registry-account::before {
  content: "";
    position: absolute;
    font-weight: 700;
    font-size: 10vw;
    color: #fff;
    opacity: 0.03;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='%23fff'%3E%3C!--! Font Awesome Pro 6.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M639.4 433.6c-8.374-20.37-31.75-30.12-52.12-21.62l-22.12 9.249l-38.75-101.1c47.87-34.1 64.87-100.2 34.5-152.7l-86.62-150.5c-7.999-13.87-24.1-19.75-39.1-13.62l-114.2 47.37L205.8 2.415C190.8-3.71 173.8 2.165 165.8 16.04L79.15 166.5C48.9 219 65.78 284.3 113.6 319.2l-38.75 101.9L52.78 411.9c-20.37-8.499-43.62 1.25-52.12 21.62c-1.75 4.124 .125 8.749 4.25 10.5l162.4 67.37c3.1 1.75 8.624-.125 10.37-4.249c8.374-20.37-1.25-43.87-21.62-52.37l-22.12-9.124l39.37-103.6c4.5 .4999 8.874 1.25 13.12 1.25c51.75 0 99.37-32.1 113.4-85.24l20.25-75.36l20.25 75.36c13.1 52.24 61.62 85.24 113.4 85.24c4.25 0 8.624-.7499 13.12-1.25l39.25 103.6l-22.12 9.124c-20.37 8.499-30.12 31.1-21.62 52.37c1.75 4.124 6.5 5.999 10.5 4.249l162.4-67.37C639.1 442.2 641.1 437.7 639.4 433.6zM275.9 162.1L163.8 115.6l36.5-63.37L294.8 91.4L275.9 162.1zM364.1 162.1l-18.87-70.74l94.49-39.12l36.5 63.37L364.1 162.1z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
    height: 100%;
    width: 100%;
}
.registry-account h4 {
  margin-bottom: 0;
  padding: 10px;
}
.registry-account .reg-info {
  display: flex;
  flex-wrap: wrap;
}
.registry-account .reg-info p {
  font-weight: 500;
  margin-bottom: 0;
  padding: 10px;
}
.registry-account .reg-info p span {
  font-weight: 400;
  display: block;
}
.registry-account h5 {
  padding: 0 10px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 200;
  margin-bottom: 0;
}
.registry-account .event-info {
  display: flex;
  flex-wrap: wrap;
}
.registry-account .event-info p {
  color: #906653;
  font-weight: 500;
  margin-bottom: 0;
  padding: 10px;
}
.registry-account .event-info p span {
  color: #878787;
  font-weight: 400;
  display: block;
}
.registry-account .registry-footer {
  padding: 0 10px;
}
.registry-account .color-link {
  text-decoration: none;
  color: #906653;
  font-size: 14px;
}
.zcheck {
  position: relative;
}
.acnt-btn {
  color: #000;
  background: linear-gradient(90deg, #E4BE9A, #72493A);
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  position: relative;
  padding: 10px 25px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  border-radius: 10px;
  border: none;
  z-index: 1;
  overflow: hidden;
}
.acnt-btn::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  bottom: 0;
  transition: 0.3s all ease;
  background-color: #222225;
  z-index: -1;
}
.acnt-btn:hover {
  text-decoration: none;
  color: #906653;
}
.acnt-btn:hover::before {
  width: 100%;
}
.regCardPic {
  padding: 20px;
  background: #222225;
  border-radius: 50px 0;
}

.regCardPic .col-md-6{
  display: grid;
}

.regCardPic .col-md-6 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 30px 0;
  position: absolute;
  left: 0;
  right: 0;
}

.regCardPic .col-md-6 p{
  margin-bottom: 0;
  color:#ccc;
 font-family: 'Macys Sans Regular';
}

   /* registry page end */
  
/*create registry page start*/
.z-form .z-inp-grp {
  margin-bottom: 0.7rem;
}
.z-form .z-inp-grp label {
  font-weight: 600;
  color: #000;
  display: block;
}
.z-form .z-inp-grp .z-inp {
  padding: 10px 20px;
  background-color: #222225;
  color: #fff;
  border: none;
  display: block;
  width: 100%;
  resize: none;
}
.z-form .z-inp-grp .z-inp:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(238, 201, 88, 0.48);
}
.z-form .zbtn {
  padding: 10px 20px;
  background-color: #906653;
  color: #1c1c1f !important;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.3s all ease;
  display: flex;
  align-items: center;
}
.z-form .zbtn i {
  margin-left: 5px;
  line-height: 0;
  transition: 0.3s all ease;
  font-size: 1.5rem;
}
.z-form .zbtn:hover {
  background-color: #666;
  color: #fff;
}
.z-form .zbtn:hover i {
  margin-left: 15px;
  opacity: 1;
  position: relative;
  color: #906653;
}


.z-nav {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  transition: 0.5s all ease;
}
.z-nav .logo {
  max-width: 115px;
  transition: 0.3s all ease;
}
.z-nav.scrolled {
  background-color: #1c1c1f !important;
}
.z-nav .container {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
  align-items: center;
  max-width: 100%;
}
.z-nav .crt-btn {
  color: #906653;
  background-color: transparent;
  border: none;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 22px;
}
.z-nav .nv-toggle {
  width: 50px;
  height: 50px;
  padding: 0;
  display: grid;
  place-content: center;
  background-color: #222225;
  margin-left: 1rem;
  margin-right: 0;
  border: none;
  text-align: right;
}
.z-nav .nv-toggle span {
  width: 20px;
  height: 5px;
  border-radius: 10px;
  margin: 3px 0;
  margin-left: 10px;
  display: inline-block;
  background-color: #fff;
  transition: 0.3s all ease;
}
.z-nav .nv-toggle span + span {
  width: 30px;
  margin-left: 0;
}
.z-nav .nv-toggle:focus {
  outline: none;
}
.z-nav .nv-toggle:hover span {
  background-color: #906653;
  width: 30px;
  margin-left: 0;
}
.z-nav .nv-toggle:hover span + span {
  width: 20px;
}
.z-nav .nv-toggle1 {
  display: none;
}
.z-nav .nv-z-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 0;
  display: flex;
}
.z-nav .nv-z-list > li a {
  display: inline-block;
  margin: 0 15px;
  color: #fff;
  text-decoration: none;
  position: relative;
  transition: 0.3s all ease;
  font-size: 20px;
}
.z-nav .nv-z-list > li a::before {
  content: "";
  background-color: #906653;
  position: absolute;
  width: 0;
  height: 1px;
  bottom: 0;
  left: 0;
  transition: 0.3s all ease;
}
.z-nav .nv-z-list > li a:hover {
  color: #fff;
  text-decoration: none;
}
.z-nav .nv-z-list > li a:hover::before {
  width: 100%;
}
.z-nav .nv-z-list li.dropzdown {
  position: relative;
  display: flex;
  align-items: center;
}
.z-nav .nv-z-list li.dropzdown > a::before {
  display: none;
}
.z-nav .nv-z-list li.dropzdown::after {
  content: "";
  border-width: 5px 5px 0;
  border-color: transparent;
  border-style: solid;
  border-top-color: #906653;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist {
  position: absolute;
  background-color: #222225;
  padding: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-height: 40vh;
  overflow-y: auto;
  list-style-type: none;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 100%;
  left: calc(50% - 3px);
  z-index: 11;
  border: 6px solid transparent;
  border-bottom-color: #222225;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist li a {
  padding: 10px 30px;
  margin: 0;
  width: 100%;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist li a::before {
  display: none;
}
.z-nav .nv-z-list li.dropzdown ul.dropzlist li a:hover {
  background-color: #1c1c1f;
}
.z-nav .nv-z-list li.dropzdown:hover ul.dropzlist {
  opacity: 1;
  visibility: visible;
}
/*create registrey page end*/
  
  /*find registrey page start*/
  .acnt-link {
  color: #000;
  background: linear-gradient(90deg, #E4BE9A, #72493A);
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 10px 25px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
}
.acnt-link::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  bottom: 0;
  transition: 0.3s all ease;
  background-color: #000;
  z-index: -1;
}
.acnt-link:hover {
  text-decoration: none;
  color: #906653;
}
.acnt-link:hover::before {
  width: 100%;
}
.limiter-options {
  margin: 0 5px 0 7px;
  width: auto;
  background: #222225;
    border: none;
    height: auto;
    padding: 10px 20px;
    color: #fff;
}
.limiter-label {
    font-weight: 400;
}
.pager {
    text-align: center;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    padding: 8px 10px;
}
table > thead > tr > th, table > thead > tr > td {
    vertical-align: bottom;
}
@media (max-width: 576px){
    .button-list {
  display: block;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
}

@media (max-width: 767px){
.regCardPic .col-md-6 img {
    position: relative;
}
  /*find registrey page end*/
.category-sublink{
overflow-x: scroll !impoortant;
  }
  /*gifts responsive start*/
  @media screen and (max-width: 576px) {
  ul.category-sublink{
       list-style-type: none;
    padding-left: 0;
    margin-bottom: 10px;
    display: grid;
    width: 100%;
    overflow-x: auto;
    }
    h3{
        /*display:none !important;*/
        font-size:20px;
        margin:10px;
    }
  
  ul.category-sublink li {
    /*max-width: 90px;*/
    flex: 0 0 90px;
    padding: 5px;
    display: grid;
  }
  ul.category-sublink li .user {
      color: #fff;
    text-decoration: none;
    /*background-color: #222225;*/
    padding: 5px;
    display: grid;
    align-content: space-between;
    border-radius: 5px;
  }
  ul.category-sublink li .user .thumb{
       max-width: 50px !important;
    display: block;
    /*margin: auto;*/
  }
   ul.category-sublink li .user a{
        font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
       
   }
   ul.category-sublink li .user a{
       width: 2px;
    height: 2px;
    border-radius: 10px
   }
    
  }
  /*gifts responsive end*/
  
  /* carasoul start*/
.slick-slide {
    margin: 0px 20px;
}

/*.slick-slide img {*/
/*    width: 100%;*/
/*}*/

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: none !important;*/
}
.slick-slide a
{
    /*display: none !important;*/
}
.slick-slide.slick-loading img
{
    /*display: none;*/
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
  /* carasoul end*/
  
  
  /*pop css start*/
 .gift-section {
  position: relative;
  background-color: #000;
}
.col-md-6 .img{
  position: absolute;
  height: 100% !important;
  width: calc(50% - 12px) !important;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.col-md-6 .half-fill-img-r {
  position: absolute;
  height: 100% !important;
  width: calc(50% - 12px)!important;
  top: 0;
  right: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.model_box{
    background-color:#000 !important;
}
.darksection {
  padding: 60px 0  !important;
  background-color: #000  !important;
}
.gift-card {
    background-color: #222225  !important;
    border-radius: 30px  !important;
    transition: 0.3s all ease  !important;
    cursor: pointer  !important;
}
.square-img {
    width: 100% !important;
    padding-top: 100%  !important;
    position: relative  !important;
}
.gift-card img {
    border-radius: 30px 30px 0 0  !important;
}
.square-img img {
    position: absolute  !important;
    width: 100%  !important;
    height: 100%  !important;
    top: 0  !important;
    left: 0  !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.gift-card .gift-card-title {
    padding: 20px  !important;
    font-size: 20px  !important;
    font-weight: 700  !important;
    color: #fff  !important;
    line-height: 1  !important;
    text-align: center  !important;
}



  /*pop css end*/
  
  /*about me css start*/
  .img_set{
      width:100%;
  }
  .uni_stdio{
    font-size: 23px !important;
    margin-top: -7px !important;
    font-weight: 600 !important;
  }
  /*about me css end*/
  /*blog css*/
  .banner-big {
    position: relative;
    margin-bottom: 30px;
}
.banner-big img.alt {
    opacity: 1;
}
.banner-big img {
    width: 100vw;
    height: 50vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    opacity: 0.8;
}
.mpblog-post-view .column.main h1.post-title {
    margin-bottom: 15px;
}
.post-post_content {
    margin: 10px 0 10px 0;
}

/* .cart-btn.mobile-search-class {
    display: none !important;
} */

/* @media (max-width: 1200) {
    a.mobile-search-class {
        display: none;
    }
} */

/* @media (max-width: 767) {
    .mobile-search-class {
        display: block;
    }
} */

@media only screen and (max-width: 600px) {
    a.mobile-search-class {
        display: block;
    }
}
  
.search-form .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #936b3a;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(244, 186, 116, 0.25);
}