:root{
    --wb-main: #422152;
    --wb-hover: #702893;
    --wb-border: #d5d5d5;
    --wb-input: #f7f7f7;
    --wb-input-text: #333333;
    --wb-body-bg: #dbd1bf;
    --wb-header-bg: #f8f4ec;
    --wb-footer-bg: #f8f4ec;
    --wb-box-bg: #f9f9f9;
    --wb-text: #535353;
    --wb-link-text: var(--wb-main);
    --wb-link-text-hover: #000000;
    --wb-button-bg: var(--wb-main);
    --wb-button-text: #ffffff;
    --wb-button-border: var(--wb-main);
    --wb-button-hover-bg: var(--wb-hover);
    --wb-button-hover-text: #ffffff;
    --wb-button-hover-border: var(--wb-hover);
    --wb-button-active-bg: var(--wb-hover);
    --wb-button-active-text: #ffffff;
    --wb-button-active-border: var(--wb-hover);
    --wb-button-disabled-bg: #f2f2f2;
    --wb-button-disabled-text: #535353;
    --wb-button-disabled-border: #535353;
    --wb-off-canvas-bg: #ffffff;
    --wb-off-canvas-text: #333333;
    --wb-off-canvas-link-hover-bg: #333333;
    --wb-off-canvas-link-hover-color: #ffffff;
    --wb-checkbox-border: var(--wb-border);
    --wb-checkbox-bg: var(--wb-input);
    --wb-checkbox-text: #333333;
    --wb-checkbox-checked-bg: #333333;
    --wb-checkbox-checked-border: #333333;
    --wb-checkbox-disabled-bg: #e0e0e0;
    --wb-checkbox-disabled-border: #e0e0e0;
    --wb-checkbox-disabled-text: #333333;
    --wb-checkbox-disabled-checked-bg: #e0e0e0;
    --wb-checkbox-disabled-checked-border: #e0e0e0;
    --wb-light-feedback: #5c5c5c;
    --wb-success-feedback: #16701a;
    --wb-danger-feedback: #ab0f1f;
    --wb-warning-feedback: #af741b;
    --wb-info-feedback: #1d64cc;
    --wb-secondary-feedback: #2c2c2c;
}
html,
body {
    width:100%;
    max-width: 100%;
    max-height:calc(var(--wb-vh, 1vh) * 100);
    height:calc(var(--wb-vh, 1vh) * 100);
    padding: 0;
    margin: 0;
    background-color: var(--wb-body-bg);
    overflow: hidden;
    color: var(--wb-text);
    font-size: 14px;
}
a.content-link{
    color: var(--wb-link-text);
    text-decoration: none;
}
a.content-link:hover, a.content-link:focus, a.content-link:active{
    color: var(--wb-link-text-hover);
    text-decoration: underline;
}
ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.wb-no-select{
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*====================
    wb-buttons
====================*/
.btn-primary {
    --bs-btn-color: var(--wb-button-text);
    --bs-btn-bg: var(--wb-button-bg);
    --bs-btn-border-color: var(--wb-button-border);
    --bs-btn-hover-color: var(--wb-button-hover-text);
    --bs-btn-hover-bg: var(--wb-button-hover-bg);
    --bs-btn-hover-border-color: var(--wb-button-hover-border);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--wb-button-active-text);
    --bs-btn-active-bg: var(--wb-button-active-bg);
    --bs-btn-active-border-color: var(--wb-button-active-border);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--wb-button-disabled-text);
    --bs-btn-disabled-bg: var(--wb-button-disabled-bg);
    --bs-btn-disabled-border-color: var(--wb-button-disabled-border);
}
.btn-outline-primary {
    --bs-btn-color: var(--wb-button-bg);
    --bs-btn-border-color: var(--wb-button-bg);
    --bs-btn-hover-color: var(--wb-button-hover-text);
    --bs-btn-hover-bg: var(--wb-button-bg);
    --bs-btn-hover-border-color: var(--wb-button-bg);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--wb-button-hover-text);
    --bs-btn-active-bg: var(--wb-button-bg);
    --bs-btn-active-border-color: var(--wb-button-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--wb-button-bg);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--wb-button-bg);
    --bs-gradient: none;
}
/*====================
    wb-container
====================*/
.wb-container{
    width:100%;
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow: hidden;
}
/*====================
    wb-content
====================*/
.wb-content{
    position: absolute;
    top:120px;
    left:0;
    right:0;
    bottom:0;
    width:100%;
}
.wb-content .wb-content-center-row {
    min-height: calc(var(--wb-vh, 1vh) * 100 - 180px);
    padding: 40px 0;
}
.wb-content .wb-content-inner{
    padding: 0 0 0 0;
    width: 100%;
    min-height: calc(var(--wb-vh, 1vh) * 100 - 180px);
}
/*====================
    wb-header
====================*/
header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    height: 120px;
    background-color: var(--wb-header-bg);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
header .wb-header-top{
}
header .wb-header-top .wb-header-top-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 120px;
    width: 100%;
    gap: 40px;
    padding-top: 10px;
}
header .wb-header-bottom-svg{
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    z-index: 100;
}
header .wb-header-bottom-svg svg{
    vertical-align: top;
}
header .wb-header-logo{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    width:auto;
}
header .wb-header-logo img{
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 90px;
}
header .wb-header-menu{
    flex: 1;
    height: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
header .wb-header-menu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}
header .wb-header-menu ul li{

}
header .wb-header-menu ul li a{
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: var(--wb-text);
    font-size: 20px;
    font-weight: 500;
}
header .wb-header-menu ul li a .wb-line{
    height: 2px;
    width: 100%;
    background-color: transparent;
    display: block;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
header .wb-header-menu ul li a.active .wb-line,header .wb-header-menu ul li a:hover .wb-line,header .wb-header-menu ul li a:focus .wb-line,header .wb-header-menu ul li a:active .wb-line{
    background-color: var(--wb-text);
}
.wb-header-menu-btn{
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 10px 15px;
    text-decoration: none;
    color: var(--wb-text);
    font-size: 36px;
    font-weight: 500;
}
.wb-header-menu-btn:hover, .wb-header-menu-btn:focus, .wb-header-menu-btn:active{
    color: var(--wb-hover);
}
@media(max-width: 800px){
    header .wb-header-menu nav{
        display: none;
    }
    header .wb-header-menu .wb-header-menu-btn{
        display: flex;
    }
    header .wb-header-top .wb-header-top-content{
        padding-top: 5px;
    }
}
/*====================
    wb-footer
====================*/
footer{
    position: relative;
    width: 100%;
    min-height: 120px;
    background-color: var(--wb-footer-bg);
}
footer .wb-footer-top-svg{
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    z-index: 100;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
footer .wb-header-top-svg svg{
    vertical-align: bottom;
}
/*====================
    wb-shape
====================*/
.wb-shape-fill-white{
    fill: #ffffff;
}
.wb-shape-fill-sand{
    fill: #f8f4ec;
}
.wb-shape-rotate{
    transform: rotate(180deg);
    transform-origin: center;
}
/*====================
    Scrollbar
====================*/
.os-scrollbar{
    z-index: 1000;
}
/*====================
    wb-off-canvas
====================*/
.wb-off-canvas-wrapper{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: transparent;
    display: none;
    overflow-y: hidden;
    overflow-x: hidden;
    z-index: 9999;
}
.wb-off-canvas-overlay{
    position: fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index: 100;
    background-color: rgba(0,0,0,0.4);
    width:100%;
    height:100%;
    display: block;
}
.wb-off-canvas-element{
    display: none;
    position: absolute;
    top:0;
    bottom:0;
    left:-100%;
    width:300px;
    height:calc(var(--wb-vh, 1vh) * 100);
    padding:0;
    margin:0;
    overflow-y: visible;
    overflow-x: visible;
    max-width: calc(100vw - 80px);
    z-index: 200;
    background-color: var(--wb-off-canvas-bg);
    color: var(--wb-off-canvas-text);
    flex-direction: column;
}
.wb-off-canvas-element-right{
    left:initial;
    right: -100%;
}
.wb-off-canvas-close-area{
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 150;
}
.wb-off-canvas-open{
    display: flex;
}
.wb-off-canvas-close{
    position: absolute;
    top:-1px;
    right:-60px;
    width:60px;
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 800;
    background-color: var(--wb-header-bg);
    color: var(--wb-off-canvas-text);
    border-left:0;
    text-decoration: none;
    font-size: 32px;
}
.wb-off-canvas-element-right .wb-off-canvas-close{
    right:initial;
    left:-60px;
}
.wb-off-canvas-close:hover,.wb-off-canvas-close:focus,.wb-off-canvas-close:active{
    background-color: var(--wb-off-canvas-link-hover-bg);
    color: var(--wb-off-canvas-link-hover-color);
}
.wb-off-canvas-element-content{
    height:100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--wb-body-bg);
}
.wb-off-canvas-element-content-top{
    flex: 1;
}
.wb-off-canvas-element-title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 600;
    color: var(--wb-off-canvas-text);
    background-color: var(--wb-header-bg);
    height: 60px;
    padding: 0;
    z-index: 1000;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}
.wb-off-canvas-element-title img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 200px;
    max-height: 50px;
}
.wb-off-canvas-element-content-inner{
    position: absolute;
    top:60px;
    bottom:0;
    left:0;
    right:0;
}
.wb-off-canvas-menu{
    padding:20px 10px 10px 10px;
    margin-bottom: 30px;
}
.wb-off-canvas-menu li{
    position: relative;
    padding-bottom: 4px;
    list-style: none;
    margin: 0;
}
.wb-off-canvas-menu li a{
    position: relative;
    padding: 2px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-weight: bold;
    text-decoration: none;
    color: var(--wb-off-canvas-text);
}
.wb-off-canvas-menu li a i{
    width: 30px;
    text-align: center;
    font-size: 22px;
    margin-right: 4px;
}
.wb-off-canvas-menu li a span{
    display: block;
    font-size: 20px;
    flex: 1;
    padding-right: 15px;
}
.wb-off-canvas-menu li a.active,.wb-off-canvas-menu li a:hover,.wb-off-canvas-menu li a:focus,.wb-off-canvas-menu li a:active{
    color:var(--wb-hover);
}
.wb-off-canvas-menu li a.active i,.wb-off-canvas-menu li a.active span,.wb-off-canvas-menu li a:hover i,.wb-off-canvas-menu li a:hover span,.wb-off-canvas-menu li a:focus i,.wb-off-canvas-menu li a:focus span,.wb-off-canvas-menu li a:active i,.wb-off-canvas-menu li a:active span{
    color:var(--wb-hover);
}
.wb-off-canvas-has-children .wb-angle-down{
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--wb-off-canvas-text);
}
.wb-off-canvas-has-children .wb-angle-up{
    display: none;
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
    font-size: 20px;
    color: var(--wb-off-canvas-text);
}
.wb-off-canvas-has-children.wb-off-canvas-menu-open .wb-angle-up{
    display: block;
}
.wb-off-canvas-has-children.wb-off-canvas-menu-open .wb-angle-down{
    display: none;
}
.wb-off-canvas-has-children .wb-off-canvas-submenu{
    display: none;
    margin-bottom: 20px;
    padding-left: 5px;
}
.wb-off-canvas-has-children.wb-off-canvas-menu-open .wb-off-canvas-submenu{
    display: block;
}
.wb-off-canvas-has-children .wb-off-canvas-submenu li a{
    background-color: transparent;
    box-shadow: none;
}
.wb-off-canvas-has-children .wb-off-canvas-submenu li a i{

}
.wb-off-canvas-has-children .wb-off-canvas-submenu li a:hover,.wb-off-canvas-has-children .wb-off-canvas-submenu li a:focus,.wb-off-canvas-has-children .wb-off-canvas-submenu li a:active,.wb-off-canvas-has-children .wb-off-canvas-submenu li a.active{
    color:var(--wb-off-canvas-text);
}
.wb-off-canvas-has-children .wb-off-canvas-submenu li a:hover span,.wb-off-canvas-has-children .wb-off-canvas-submenu li a:focus span,.wb-off-canvas-has-children .wb-off-canvas-submenu li a:active span,.wb-off-canvas-has-children .wb-off-canvas-submenu li a.active span{
    text-decoration: underline;
}
.wb-off-canvas-has-children .wb-off-canvas-submenu li a i{
    width: 30px;
    text-align: center;
    font-size: 16px;
    margin-right: 0;
}
.wb-off-canvas-preview{
    width: calc(100% - 40px);
    padding:20px 0;
    margin: 20px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}
.wb-type-pastel,.wb-type-metallic{
    display: none;
    width: 100%;
}
.wb-off-canvas-form{
    padding: 0 20px 60px 20px;
}
.wb-tab{
    display: none;
}
.wb-amount-name,.wb-amount-value{
    font-weight: bold;
}
.wb-tab-price-item-table{
    width: 100%;
    border-collapse: collapse;
}
.wb-total-row{
    border-top: 2px solid #333333;
}
.wb-total-row td{
    padding-top: 10px;
}
/*====================
    wb-content-link
====================*/
.wb-content-link{
    display: inline-flex;
    text-decoration: none;
    color: var(--wb-text);
    font-size: 20px;
    font-weight: 500;
    align-items: center;
    justify-content: start;
}
.wb-content-link:hover,.wb-content-link:focus,.wb-content-link:active{
    color: var(--wb-hover);
}
.wb-content-link .wb-content-link-img-icon{
    display: block;
    width: 30px;
    height: 30px;
}
/*====================
    wb-contact-info
====================*/
.wb-contact-info{
    margin: 20px 0 60px 0;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: row;
    gap: 100px;
}
.wb-contact-info h1{
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    color: var(--wb-text);
}
.wb-contact-info .wb-contact-info-left{
    display: flex;
    flex-direction: column;
}
.wb-contact-info .wb-contact-info-right h1{
    text-align: left;
}
.wb-contact-info .wb-contact-info-text{
    flex:1;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    color: var(--wb-text);
}
@media(max-width: 1000px){
    .wb-contact-info .wb-contact-info-right h1{
        text-align: center;
    }
    .wb-contact-info{
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 0;
    }
    .wb-contact-info .wb-contact-info-text {
        display: block;
        text-align: center;
        justify-content: initial;
        align-items: initial;
        flex:initial;
        padding: 10px 0;
    }
}
.wb-contact-data{
    color: var(--wb-text);
    padding: 30px 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 18px;
}
.wb-contact-data .col{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.wb-copyright-section{
    background-color: #ffffff;
}
.wb-copyright{
    padding: 30px 0;
    text-align: center;
    font-size: 20px;
}
@media(max-width: 1000px){
    .wb-contact-data{
        display: block;
        text-align: center;
        flex-direction: initial;
    }
    .wb-contact-data .col{
        display: block;
        text-align: center;
        flex-direction: initial;
        align-items: initial;
        justify-content: initial;
        padding:0 0 5px 0;
    }
}
/*====================
    wb-ballons-list
====================*/
.wb-title{
    display: inline-block;
    font-size: 25px;
    font-weight: 400;
    color: var(--wb-text);
    text-align: center;
    padding-bottom: 20px;
}
.wb-ballons-list{
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
}
.wb-ballons-list .wb-ballons-item{
    flex:initial;
    flex-grow: 1;
    max-width:calc(12.5% - 10px);
    width:calc(12.5% - 10px);
    padding:0;
    margin:0;
}
.wb-ballons-list .wb-ballons-item .wb-ballons-link{
    min-height: 100%;
    border: 2px solid #c9c4b9;
    background-color: #ffffff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--wb-text);
    padding:10px;
    text-decoration: none;
}
.wb-ballons-list .wb-ballons-item .wb-ballons-link:hover,.wb-ballons-list .wb-ballons-item .wb-ballons-link:focus,.wb-ballons-list .wb-ballons-item .wb-ballons-link:active{
    border-color: var(--wb-hover);
    color: var(--wb-hover);
}
.wb-ballons-list .wb-ballons-item .wb-ballons-image{
    max-width: 90%;
}
.wb-ballons-list .wb-ballons-item .wb-ballons-preview{
    display: flex;
    align-items: center;
    justify-content: center;
}
.wb-ballons-list .wb-ballons-item .wb-ballons-title{
    text-align: center;
    padding-top: 10px;
}
@media(max-width: 1000px){
    .wb-ballons-list .wb-ballons-item{
        width:calc(14.28% - 10px);
        max-width:calc(14.28% - 10px);
    }
}
@media(max-width: 800px){
    .wb-ballons-list .wb-ballons-item{
        width:calc(16.66% - 10px);
        max-width: calc(16.66% - 10px);
    }
}
@media(max-width: 700px){
    .wb-ballons-list .wb-ballons-item{
        width:calc(25% - 10px);
        max-width: calc(25% - 10px);
    }
}
@media(max-width: 580px){
    .wb-ballons-list .wb-ballons-item{
        width:calc(33.33% - 10px);
        max-width: calc(33.33% - 10px);
    }
}
@media(max-width: 300px){
    .wb-ballons-list .wb-ballons-item{
        width:calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}
/*====================
    wb-section
====================*/
.wb-bg-white{
    background-color: #ffffff;
}
.wb-bg-sand{
    background-color: #f5f1e9;
}
.wb-section{
    margin-top: 40px;
    position: relative;
    padding: 60px 0;
    text-align: center;
}
.wb-section .wb-section-top-svg{
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    z-index: 100;
    display: flex;
    align-items: center;
}
.wb-section .wb-section-top-svg svg{
    vertical-align: bottom;
}
.wb-section-bottom-svg{
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    z-index: 100;
    display: flex;
    justify-content: start;
    align-items: flex-start;
}
.wb-section-bottom-svg svg{
    vertical-align: top;
}
.wb-section h1,.wb-contact-section h1{
    font-size: 25px;
    font-weight: 400;
    color: var(--wb-text);
    text-align: center;
    padding-bottom: 20px;
    display: inline-block;
}
.wb-line{
    display: block;
    height: 3px;
    margin: 18px auto 0 auto;
    background-color: #4a1c54;
    width: 80%;
}
.wb-line-sub-title{
    padding-top: 8px;
    display: block;
    text-align: center;
    font-size: 20px;
}
/*====================
    wb-section
====================*/
.wb-question-list{
    margin:0;
    --bs-gutter-x:0;
    --bs-gutter-y:0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
}
.wb-question-list .col{
    gap: 10px;
    text-align: left;
}
.wb-question-list .col{
    width:calc(50% - 5px);
    max-width: calc(50% - 5px);
    flex: initial;
    flex-grow: 1;
    padding: 0 0 20px 0;
    margin: 0;
}
.wb-question-list .h4{
    font-size: 16px;
}
.wb-question-list p{
    font-size: 16px;
}
.wb-question-list .col a{
    font-size: 16px;
}
@media(max-width: 1000px){
    .wb-question-list{
        gap: 0;
    }
    .wb-question-list .col{
        width:100% ;
        max-width: 100%;
        text-align: center;
        gap: 0;
    }
}
/*====================
    wb-images-list
====================*/
.wb-images-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
}
.wb-images-list .col{
    flex: initial;
    flex-grow: 1;
    max-width: calc(33.33% - 7px);
    width: calc(33.33% - 7px);
    padding: 0;
    margin: 0;
}
.wb-images-list .col .wb-images-list-item{
    position: relative;
    min-height: 100%;
    border: 2px solid #cac5bc;
    background-color: #f5f1e9;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--wb-text);
    text-decoration: none;
    cursor: pointer;
}
.wb-images-list .col .wb-images-list-item:hover,.wb-images-list .col .wb-images-list-item:focus,.wb-images-list .col .wb-images-list-item:active{
    border-color: var(--wb-hover);
    color: var(--wb-hover);
}
.wb-images-list-item-overlay{
    position: absolute;
    border-radius: 20px;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: rgb(25 25 25 / 53%);
    display: none;
    align-items: center;
    justify-content: center;
    color: rgb(255 255 255 / 63%);
    font-size: 60px;
    transition: all 0.3s ease-in-out;
}
.wb-images-list .col .wb-images-list-item:hover .wb-images-list-item-overlay,.wb-images-list .col .wb-images-list-item:focus .wb-images-list-item-overlay,.wb-images-list .col .wb-images-list-item:active .wb-images-list-item-overlay{
    display: flex;
}
.wb-images-list .col .wb-images-list-item img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
/*====================
    wb-gallery
====================*/
.wb-zoom-in{
    cursor: zoom-in;
}
.wb-zoom-out{
    cursor: zoom-out;
}
.wb-gallery{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5999;
    background-color: rgb(0 0 0 / 83%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease-in-out;
}
.wb-gallery .wb-gallery-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    height: 50px;
    width: 50px;
    background-color: rgb(0 0 0 / 50%);
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    font-size: 34px;
    cursor: pointer;
}
.wb-gallery .wb-gallery-go-right{
    position: absolute;
    top: calc(50% - 25px);
    right: 0;
    z-index: 20;
    height: 50px;
    width: 50px;
    background-color: rgb(0 0 0 / 50%);
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    font-size: 34px;
    cursor: pointer;
}
.wb-gallery .wb-gallery-go-left {
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    z-index: 20;
    height: 50px;
    width: 50px;
    background-color: rgb(0 0 0 / 50%);
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    font-size: 34px;
    cursor: pointer;
}
.wb-gallery .wb-gallery-close:hover,.wb-gallery .wb-gallery-close:focus,.wb-gallery .wb-gallery-close:active,
.wb-gallery .wb-gallery-go-left:hover,.wb-gallery .wb-gallery-go-left:focus,.wb-gallery .wb-gallery-go-left:active,
.wb-gallery .wb-gallery-go-right:hover,.wb-gallery .wb-gallery-go-right:focus,.wb-gallery .wb-gallery-go-right:active{
    background-color: #ffffff;
    color: #333333;
}
.wb-gallery-preview{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wb-gallery img{
    width:700px;
    display: block;
    height: auto;
    max-width: calc(90% - 100px);
    max-height: calc(var(--wb-vh, 1vh) * 100);
    transition: all 0.3s ease-in-out;
}