/*!
 * Futer Bros. Jewelers 
 * Copyright 2008-2023 Punchmark
 */

/*Blog Background*/
.grid-container .grid-blog .grid-item .bottom-header {
  background: white !important;
}

/*  ====================================
    Fonts
====================================  */

@font-face {
    font-family: 'Classico Bold';
    src: url('../fonts/classico/src/ClassicoBold.woff2') format('woff2'),
        url('../fonts/classico/src/ClassicoBold.woff') format('woff'),
        url('../fonts/classico/src/ClassicoBold.ttf') format('truetype'),
        url('../fonts/classico/src/ClassicoBold.svg#ClassicoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Classico';
    src: url('../fonts/classico/src/ClassicoRegular.woff2') format('woff2'),
        url('../fonts/classico/src/ClassicoRegular.woff') format('woff'),
        url('../fonts/classico/src/ClassicoRegular.ttf') format('truetype'),
        url('../fonts/classico/src/ClassicoRegular.svg#ClassicoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

header nav.navbar .nav-link i.icon-bag:before, 
header nav.navbar .nav-link i.icon-shopping-bag:before,
header .toolbar-item a > i.icon-bag:before, 
header .toolbar-item a > i.icon-shopping-bag:before {
    font-family: "fontawesome-light" !important;
    content: "\e900" !important;
}

header nav.navbar .nav-link i.icon-heart:before,
header nav.navbar .nav-link i.icon-heart-o:before,
header .toolbar-item a > i.icon-heart:before,
header .toolbar-item a > i.icon-heart-o:before {
    font-family: "fontawesome-light" !important;
    content: "\e91b" !important;
}
header nav.navbar .nav-link i.icon-user:before,
header nav.navbar .nav-link i.icon-user-circle:before,
header .toolbar-item a > i.icon-user:before,
header .toolbar-item a > i.icon-user-circle:before {
    font-family: "fontawesome-light" !important;
    content: "\e92d" !important;
}
header nav.navbar .nav-link i.icon-search:before,
header .toolbar-item a > i.icon-search:before {
    font-family: "fontawesome-light" !important;
    content: "\e926" !important;
}

 /*  ====================================
    Helpers
====================================  */

body {
    background: var(--dark) !important;
}

.btn.opacity-half.btn-light {
    background: rgba(255,255,255,0.15) !important;
    color: white !important;
    border: 0 !important;
}

.btn.opacity-half.btn-light:hover,
.btn.opacity-half.btn-light:focus {
    background: rgba(255,255,255,0.4) !important;
    color: white !important;
}

.btn-md, 
.btn-lg, 
.btn-xl,
.input-md,
.input-lg,
.input-xl,
.input-group-md input,
.input-group-lg input,
.input-group-xl input,
.input-group-md button,
.input-group-lg button,
.input-group-xl button {
    border-width: 2px !important;
}

.btn-md:not(.btn-link), 
.btn-lg:not(.btn-link), 
.btn-xl:not(.btn-link) {
    border-radius: 60px !important;
}

[data-widget-element="widgetLink"].btn-md:not(.btn-link), 
.btn-group-md > .btn, 
.input-group-md .btn,
.link-container [data-widget-element="widgetLink"].btn-md:not(.btn-link),
.link-container .btn-group-md > .btn {
    padding: 0.375rem 1.25rem calc(0.375rem + 4px) 1.25rem !important;
}

[data-widget-element="widgetLink"].btn-lg:not(.btn-link), 
.btn-group-lg > .btn, 
.input-group-lg .btn,
.link-container [data-widget-element="widgetLink"].btn-lg:not(.btn-link), 
.link-container .btn-group-lg > .btn {
    padding: 0.5rem 1.5rem calc(0.5rem + 4px) 1.5rem !important;
}

[data-widget-element="widgetLink"].btn-xl:not(.btn-link), 
[data-widget-element="widgetLink"].btn-xlg:not(.btn-link), 
.btn-group-xl > .btn, 
.btn-group-xlg > .btn, 
.input-group-xl .btn,
.input-group-xlg .btn,
.link-container [data-widget-element="widgetLink"].btn-xl:not(.btn-link), 
.link-container [data-widget-element="widgetLink"].btn-xlg:not(.btn-link), 
.link-container .btn-group-xl > .btn,
.link-container .btn-group-xlg > .btn {
    padding: 0.5rem 1.75rem calc(0.5rem + 4px) 1.75rem !important;
}

.phone .input-group .btn-md:not(.btn-link), 
.phone .input-group .btn-lg:not(.btn-link), 
.phone .input-group .btn-xl:not(.btn-link) {
    border-radius: 0.3rem 0 0 0.3rem !important;
}

[data-widget-element="widgetHeader"].text-uppercase.font-weight-bold.display-4 {
    font-family: "Classico Bold" !important;
    letter-spacing: 0.5rem !important;
}

@media(min-width:992px){
    [data-widget-element="widgetParagraph"].two-column-p {
        column-count: 2;
        column-gap: 2.5rem;
    }
}

@media(min-width:1200px){
    [data-widget-element="widgetParagraph"].two-column-p {
        column-count: 2;
        column-gap: 5rem;
    }
}

/*  ====================================
    Header
====================================  */

.alert.alert-global {
    z-index: 1;
}

header {
    position: sticky !important;
    top: 0 !important;
    background: rgba(31,41,42,0.5) !important;
    box-shadow: 0 0 300px rgba(0,0,0,0.05);
}

header a#logo {
    padding: 0.625rem !important;
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
    top: 63px !important;
}

header .toolbar-item a > i,
header .toolbar-item a > i::before {
    color: #ffffff !important;
}

header .toolbar-item a:hover > i,
header .toolbar-item a:hover > i::before {
    color: var(--primary) !important;
}

@media(max-width:991px){
    header {
        height: 70px !important;
    }
    header a#logo {
        min-width: 170px;
        width: 170px;
    }
    body.nav-left-back-open header a#logo {
        z-index: 1;
    }    
    header > .main-content, 
    header > .main-content .content-toolbar,
    header > .main-content .content-toolbar .content-toolbar-inner {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    header > .main-content .content-toolbar {
        width: auto !important;
        z-index: 1 !important;
    }    
    header > .main-content > .row > .col > .navbar-toggler {
        padding: 0 1.25rem !important;
        z-index: 1153 !important;
    }
    header > .main-content > .row > .col > .navbar-toggler,
    header > .main-content, 
    header > .main-content .content-toolbar,
    header > .main-content .content-toolbar .content-toolbar-inner,
    header > .main-content .content-toolbar .content-toolbar-inner > ul,
    header > .main-content .content-toolbar .content-toolbar-inner > ul > li,
    header > .main-content .content-toolbar .content-toolbar-inner > ul > li > a {
        height: 70px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i {
        -webkit-text-stroke: 0.5px !important;
        -webkit-text-stroke-color: inherit !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i,
    header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
       font-size: 22px !important;
       width: 22px !important;
       height: 22px !important;
    }
    header > .main-content .content-toolbar.left {
        padding-left: 51px !important;
    }
}

@media(min-width:992px){
    header a#logo {
        padding: 0.625rem 0 !important;
    }
    header > .main-content .content-toolbar {
        z-index: 1 !important;
    }
}

@media(min-width:1200px){
    header a#logo {
        padding: 0.3125rem 0 !important;
    }
}

/*  ====================================
    Nav
====================================  */

@media(max-width:991px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        font-weight: 600 !important;
        font-family: var(--bs-h1-family) !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav .nav-item .dropdown-plus > i, 
    nav.navbar .navbar-nav .nav-item .dropdown-plus > i::before,
    nav.navbar .navbar-nav .nav-item .dropdown-item,
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn {
        color: #ffffff !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link:hover,
    nav.navbar .navbar-nav .nav-item .nav-link:focus,
    nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:hover,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:focus,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:hover > i,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:focus > i,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:hover > i::before,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:focus > i::before,
    nav.navbar .navbar-nav .nav-item .dropdown-item:hover,
    nav.navbar .navbar-nav .nav-item .dropdown-item:focus,
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn:hover, 
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn:focus {
        color: var(--primary) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        background: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 40px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn {
        border-radius: 0 !important;
        text-transform: none !important;
        background: #ffffff !important;
        border-color: rgba(0,0,0,0.2) !important;
        font-weight: 600 !important;
        font-size: 0.9rem !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn:hover,
    nav.navbar #main-navigation .mobile-bottom .btn:focus {
        background: var(--primary) !important;
        border-color: var(--primary) !important;
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group {
        background: rgba(0,0,0,0.2) !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .form-control::placeholder {
        color: var(--light) !important;
        font-weight: 400 !important;
        opacity: 0.5 !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .form-control {
        color: var(--primary) !important;
        font-weight: 600 !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item i[class^="dia-"], 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item i[class*=" dia-"] {
        height: 24px !important;
        margin: -0.625rem 0 !important
    }
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: #ffffff !important;
        font-weight: 600 !important;
        font-size: 0.875rem !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link i,
    nav.navbar .navbar-nav .nav-item .nav-link i::before {
        width: 20px !important;
        height: 20px !important;
        font-size: 20px !important;
        -webkit-text-stroke: 0.25px !important;
        -webkit-text-stroke-color: inherit;

    }
    nav.navbar .navbar-nav .nav-item:hover .nav-link,
    nav.navbar .navbar-nav .nav-item .nav-link:hover,
    nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link {
        color: var(--primary) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-top: calc(3rem - calc(var(--bs-gutter-x, 0.625rem) * 1)) !important;
        padding-bottom: 3rem !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown > .dropdown-menu.menu-search,
    nav.navbar .navbar-nav .nav-item.dropdown > .dropdown-menu.global-wish-list-dropdown {
        /*margin-top: -2.5rem !important;*/
        margin-right: -0.625rem !important;
        border-radius: 0.25rem !important;
    }
    .menu-cart-subtotal, .menu-cart-subtotal p {
        font-size: 13px;
        font-weight: 400;
    }
    .my-account-dropdown .form-label-group > label {
        background: #ffffff !important;
    }
}


/*  ====================================
    Footer
====================================  */

footer {
    background: #EFEEED !important;
    border-top: 0 !important;
    box-shadow: 0 0 300px rgba(0,0,0,0.075);
}

footer .h6, 
footer h6 {
    font-family: var(--bs-h1-family) !important;
    text-transform: none !important;
    font-size: 28px !important;
    font-weight: normal !important;
}

footer .container-fluid.px-0 {
    background: #FFFFFF !important;
}

.text-left .social-networks {
    text-align: center !important;
    justify-content: center !important;
}

footer .social-networks .network {
    height: 32px !important;
    width: 32px !important;
    border-width: 1px !important;
    border-color: #dedad2 !important;
}

footer .social-networks .network {
    margin-right: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
}

footer .social-networks .network i {
    font-size: 1rem !important;
}

footer .social-networks .network:hover,
footer .social-networks .network:focus {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

footer .social-networks .network:hover i,
footer .social-networks .network:focus i {
    color: #ffffff !important;
}

footer > .copyrights {
    background: none !important;
}

footer .subscribe-widget-xl h6, 
footer .subscribe-widget-xl .h6 {
    margin-top: 0 !important;
}

footer .subscribe-widget-xl form .input-group .form-control {
    border-radius: 60px !important;
    border-width: 2px !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    color: var(--primary) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

footer .subscribe-widget-xl form .input-group .form-control::placeholder {
    color: var(--dark) !important;
    opacity: 0.4 !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
}

footer .subscribe-widget-xl form .input-group .form-control:focus {
    box-shadow: none !important;
    background-color: white !important;
}

footer .subscribe-widget-xl form .input-group .input-group-btn {
    margin-left: 0.625rem !important;
}

footer .subscribe-widget-xl form .input-group .input-group-btn .btn {
    border-radius: 60px !important;
    border-width: 2px !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}
@media(min-width:575px) and (max-width:767px){
    footer ul.two-columns-md {
        column-count: 2;
        column-gap: 1.25rem;
    }
}
@media(min-width:768px){
    footer .subscribe-widget-xl form > div.justify-content-center {
        justify-content: space-between !important;
    }
    footer .subscribe-widget-xl form > div.justify-content-center > div.d-block:not(.input-group) {
        justify-content: flex-start !important;
        display: flex !important;
        flex-direction: column !important;
    }
    footer .subscribe-widget-xl form > div.justify-content-center > div.d-block:not(.input-group) > * {
        display: block !important;
        margin-bottom: 0 !important;
        margin-right: 1rem !important;
        width: 100% !important;
        text-align: left !important;
    }
    .text-left .social-networks {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}
@media(min-width:992px){
    footer ul.two-columns-md {
        column-count: 2;
        column-gap: 1.25rem;
    }
    footer .subscribe-widget-xl {
        max-width: 870px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media(min-width:1200px){
    footer .subscribe-widget-xl {
        max-width: 1160px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media(min-width:1400px){
    footer .subscribe-widget-xl {
        max-width: 1330px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media(max-width:767px){
    footer [data-bs-toggle="collapse"], 
    footer [data-bs-toggle="collapse"]:focus {
        border-color: #dedad2 !important;
        border-width: 2px !important;
        padding: calc(var(--bs-container-padding-x) * 2) 0 calc(var(--bs-container-padding-x) * 1.85) 0;
    }
    footer .footer-section > .container > .row > .col-12:nth-child(1) > [data-bs-toggle="collapse"]:nth-child(1){
        border-width: 0 !important;
    }
    footer .footer-affiliate-logos {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}



/*  ====================================
    Section - Alt
====================================  */

section.alt {
    background: rgb(31,41,42) !important;
    background: linear-gradient(150deg, rgba(31,41,42,1) 60%, rgba(206,178,124,1) 100%) !important;
}

section.alt::before {
    content: "";
    width: 50vw;
    height: 50vw;
    border-radius: 200vw;
    background: none;
    border: 1px solid var(--primary);
    display: block;
    position: absolute;
    top: 5vw;
    right: -9vw;
    opacity: 0.2;
    z-index: 1;
} 
section.alt::after {
    content: "";
    width: 50vw;
    height: 50vw;
    border-radius: 200vw;
    background: none;
    border: 1px solid var(--primary);
    display: block;
    position: absolute;
    bottom: -5vw;
    left: -9vw;
    opacity: 0.2;
    z-index: 1;
}

section.alt > .container-fluid [data-widget-element="widgetHeader"],
section.alt > .container-fluid [data-widget-element="widgetParagraph"] {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

section.alt .fullscreen-img {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    width: calc(100% + 2.5rem) !important;
}

section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
    margin-top: -105px !important;
    z-index: 1;
}

section.alt .container,
section.alt .container-fluid {
    position: relative;
    z-index: 2;
}

@media(min-width: 768px){
    section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
        margin-top: -130px !important;
    }
}

@media(min-width: 992px){
    section.alt::before {
        content: "";
        width: 33vw;
        height: 33vw;
        border-radius: 66vw;
        background: none;
        border: 1px solid var(--primary);
        display: block;
        position: absolute;
        top: 5vw;
        right: -9vw;
        opacity: 0.2;
        z-index: 1;
    } 
    section.alt::after {
        content: "";
        width: 33vw;
        height: 33vw;
        border-radius: 66vw;
        background: none;
        border: 1px solid var(--primary);
        display: block;
        position: absolute;
        bottom: -5vw;
        left: -9vw;
        opacity: 0.2;
        z-index: 1;
    }
    section.alt.tight-row [data-pagebuilder="row"] {
        max-width: 840px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-widget-element="widgetHeader"],
    section.alt > .container-fluid [data-widget-element="widgetParagraph"] {
        max-width: 840px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-pagebuilder="row"]:nth-child(3),
    section.alt.row-2-tight [data-pagebuilder="row"]:nth-child(2) {
        max-width: calc(840px + 0.625rem) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    } 
    section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
        margin-top: -9rem !important;
    }
}

@media(min-width: 1200px){
    section.alt.tight-row [data-pagebuilder="row"] {
        max-width: 1040px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-widget-element="widgetHeader"],
    section.alt > .container-fluid [data-widget-element="widgetParagraph"] {
        max-width: 1040px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-pagebuilder="row"]:nth-child(3),
    section.alt.row-2-tight [data-pagebuilder="row"]:nth-child(2) {
        max-width: calc(1040px + 0.625rem) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }    
    section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
        margin-top: -10rem !important;
    }
}

@media(max-width:767px){
    section.alt .widget.max-width-400,
    section.alt .widget.max-width-500 {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/*  ====================================
    Section - Banner Top
====================================  */

section#section-1.header-overlay {
    margin-top: -70px !important;
}
section#section-1.header-overlay .widget-text-overlay {
    padding-top: 70px !important;
}

@media(min-width: 768px){
    /**/
}    

@media(min-width: 992px){
    section#section-1.header-overlay {
        margin-top: -111px !important;        
    }
    section#section-1.header-overlay .widget-text-overlay {
        padding-top: 111px !important;
    }
}

@media(min-width: 1200px){
    section#section-1.header-overlay {
        margin-top: -126px !important;
    }
    section#section-1.header-overlay .widget-text-overlay {
        padding-top: 126px !important;
    }
}



/*  ====================================
    Section - Offset Carousels
====================================  */

section.offset-carousel {
    /**/
}
section.offset-carousel .owl-carousel .owl-stage-outer,
section.offset-carousel .owl-carousel .owl-stage {
    overflow: visible !important;
    margin-bottom: 20px !important;
}
section.offset-carousel [data-pagebuilder="row"]:nth-child(1)::before {
    background: white !important;
    position: absolute !important;
    width: 100% !important;
    height: 40% !important;
    content: "" !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 1 !important;
}
section.offset-carousel [data-pagebuilder="row"] > * {
    z-index: 2 !important;
    position: relative !important;
}
section.offset-carousel .owl-carousel .owl-nav {
    width: 90px !important;
    height: 45px !important;
    position: absolute !important;
    top: auto !important;
    bottom: -45px !important;
    left: 0 !important;
    right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    transform: none !important;
}
section.offset-carousel .owl-carousel .owl-dots {
    width: calc(100% - 110px) !important;
    height: 45px !important;
    position: absolute !important;
    top: auto !important;
    bottom: -26px !important;
    left: 110px !important;
    right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    transform: none !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-prev {
    left: 0 !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.0) !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-next {
    right: 0 !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.0) !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-prev > i::before {
    content: "\27F5";
    font-family: var(--bs-h1-family) !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-next > i::before {
    content: "\27F6";
    font-family: var(--bs-h1-family) !important;
}
section.offset-carousel .owl-carousel .owl-nav .disabled {
    opacity: 0.2 !important;        
}
section.offset-carousel .owl-carousel .owl-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 5px !important;
    background: #CECECE !important;
    box-shadow: inset 0 0 0 1px #f2f1ee !important;
}
section.offset-carousel .owl-carousel .owl-dots .owl-dot {
    width: 100% !important;
    height: 5px !important;
    display: flex !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 0 0% !important;
}
section.offset-carousel .owl-carousel .owl-dots .owl-dot span {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background: transparent !important;
}
section.offset-carousel .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--dark) !important;
    border-radius: 15px !important;
}

section.offset-carousel .owl-carousel .owl-item,
section.offset-carousel .owl-carousel .owl-item.cloned {
    opacity: 0 !important;
    visibility: hidden !important;
}

section.offset-carousel .owl-carousel .owl-item.active {
    opacity: 1 !important;
    visibility: visible !important;
}

section.offset-carousel .owl-carousel .owl-item.active + .owl-item:not(.active) {
    opacity: 1 !important;
    visibility: visible !important;
}