:root {
    --page-bg-color: #000000;
    --content-color: #ffffff;
    --heading-color: #ffffff;
    --theme-color: #00CCBC;
    --white-heading: #faf9f4;
    --primary-color: #4B5D5D;
    --secondary-color : #6D5D7A;
    --highlighted-primary-color: #BF9334;
    --highlighted-secondary-color: #EFC874;
    --bs-link-color-rgb:  0, 204, 188;
    --bs-link-hover-color-rgb:  0, 204, 188;
    --btn-theme-color: var(--theme-color);
    --btn-theme-hover-color: #00BCAD;
}
body {
    font-family: "Roboto", sans-serif;
    font-weight: 200;
    font-optical-sizing: auto;
    font-size: 22px;
    line-height: 1.2;
    color: var(--content-color);
    background-color: var(--page-bg-color);
}
a:hover {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.85));
}
hr {
    margin-top: 30px;
    margin-bottom: 50px;
}
p {
    margin-bottom: 30px;
}
.lead {
    font-size: 30px;
    font-weight: 200;
}
.custom-wrap,
.img-bx {
    width: 100%;
}
.highlighted-txt {
    color: var(--primary-color);
    font-weight: 700;
}
.highlighted-txt-2 {
    color: var(--highlighted-secondary-color);
}
ul.custom-list-style-disc li {
    list-style: none;
    position: relative;
}
ul.custom-list-style-disc li::before {
    content: "";
    background-color: var(--theme-color);
    font-weight: 700;
    left: -25px;
    top: 9px;
    height: 10px;
    width: 10px;
    position: absolute;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.bg-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.border-radius {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.border-radius-30 {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
}
.border-radius-40 {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    overflow: hidden;
}
.img-border img {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
}
.img-border:before,
.img-border:after {
    width: 250px;
    height: 225px;
    content: "";
    position: absolute;
    background-color: #DDAB3F;
    display: block;
    z-index: -1;
}
.img-border:before {
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    top: -3px;
    right: -3px;
}
.img-border:after {
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    bottom: -3px;
    left: -3px;
}

/* dark box */
.dark-box {
    color: var(--white-heading);
    background-color: #503D45;
    padding: 70px 50px 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-top: 30px;
    margin-bottom: 70px;
}

/* heading style line */
.heading-style-line:before {
    content: "";
    height: 0.7px;
    width: 250px;
    position: absolute;
    background-color: var(--theme-color);
    display: block;
    bottom: 0;
    left: 0;
}

/* heading style line center */
.heading-style-line-center:before {
    content: "";
    height: 0.7px;
    position: absolute;
    background-color: var(--theme-color);
    display: block;
    bottom: 0;
    width: 250px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* heading style line start end */
.heading-style-start-end-line:before,
.heading-style-start-end-line:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    height: 1px;
    width: 5000px;
    background-color: #fff;
}
.heading-style-start-end-line:before {
    right: calc(100% + 30px);
}
.heading-style-start-end-line:after {
    left: calc(100% + 30px);
}

/* heading style gradient */
.heading-style-gradient {
    background: linear-gradient(89.9deg, #26283A 16.81%, #755B66 79.84%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* heading style 1 */
.heading-style-1 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 70px;
    font-weight: 400;
}
.detect_last_line:before {
    display: none;
}
.detect_last_line .last-line {
    position: relative;
    display: inline-block;
}
.detect_last_line .last-line:before {
    content: "";
    height: 0.7px;
    position: absolute;
    background-color: var(--theme-color);
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
}

/* heading style 2 */
.heading-style-2 {
    font-family: "Roboto", sans-serif;
    font-size: 40px;
    font-weight: 300;
}

/* heading style 3 */
.heading-style-3 {
    font-family: "Bebas Neue", sans-serif;
    font-size: 55px;
    font-weight: 400;
}

/* circle-effect */
.circle-effect {
    display: block;
    position: relative;
}
.circle-start.circle-effect::before,
.circle-start.circle-effect::after,
.circle-end.circle-effect::before {
    content: " ";
    display: block;
    position: absolute;
}
.circle-effect::before {
    height: 23px;
    width: 15px;
    left: -30px;
    background-image: url('images/circle-effect.webp');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.circle-start.circle-effect:before {
    top: 50%;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}
.circle-start.circle-effect::after {
    width: 1px;
    background-color: #92A9A9;
    height: calc(50% + 40px);
    left: -23px;
    bottom: -40px;
}
.circle-end.circle-effect:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

/* section */
.section {
    padding-top: 70px;
    padding-bottom: 30px;
    position: relative;
}
.section .container {
    position: relative;
    z-index: 1;
}
.bg-gradient-1 {
    background: linear-gradient(180deg, #000000, #122127);
}
.bg-gradient-2 {
    background: linear-gradient(180deg, #122127, #000000);
}
.bg-gradient-3 {
    background: linear-gradient(180deg,  #000000, #122127, #000000);
}

/* form control */
.form-control {
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-width: 0 0 1px;
    border-color: #3F2F36;
    padding: 5px 0;
    font-size: 18px;
    color: #3F2F36;
    position: relative;
    z-index: 1;
}
.form-control:focus {
    border-color: #3F2F36;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #21535A;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #21535A;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #21535A;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #21535A;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
}
.form-label {
    position: absolute;
    top: 65%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.form-control:focus ~ .form-label,
.form-control:not(:placeholder-shown).form-control:not(:focus) ~ .form-label {
    top: 0;
    left: 0;
    font-size: 14px;
    z-index: 0;
}
.btn {
    white-space: normal;
}
.btn-theme {
    background-color: var(--btn-theme-color);
    color: #000000;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    padding: 15px 70px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.btn-theme:hover {
    color: #000000;
    background-color: var(--btn-theme-hover-color);
}
.btn-1 {
    font-size: 27px;
    line-height: normal;
    letter-spacing: 0.81px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #bf9334;
    padding: 17px 70px;
    border-radius: 5px;
    border: 0;
    margin-bottom: 40px;
}
.btn-1:hover,
.btn-1:focus,
.btn-1:active,
:not(.btn-check) + .btn:active,
.btn:first-child:active {
    color: #ffffff;
    background-color: #b2872b;
    border-color: transparent;
}
.btn-1 span {
    display: block;
    font-size: 22px;
    font-weight: 300;
}
.special-txt {
    font-size: 21px;
    letter-spacing: 0.63px;
    padding-bottom: 40px;
    position: relative;
    font-style: italic;
}
.custom-btn a {
    text-decoration: none;
    background-color: var(--theme-color);
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    color: #000;
    border-radius: 5px;
    padding: 17px 52px;
}
.custom-btn a:hover {
    background-color: var(--btn-theme-hover-color);
}
.custom-btn .special-txt {
    width: 250px;
    font-size: 15px;
    font-weight: 200;
    letter-spacing: normal;
    font-style: normal;
}

/* Scrollbar */
.scrollbar-inner {
    height: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
    width: 6px;
    right:5px;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: transparent;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    height: 60px !important;
    width: 6px;
}
.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #c2c2c2;
}

/* pop up register form */
.pop-up-register-form {
    background-color: #FFFEF6;
    padding: 30px 15px 15px;
    border: 1px solid #BF9334;
    width: 314px;
    font-size: 15px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
    color: #333333;
    box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.pop-up-register-form input[type="checkbox"] {
    float: left;
    margin-top: 2px;
}
.pop-up-register-form p {
    margin-bottom: 20px;
}
.pop-up-register-form .close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.pop-up-register-form .close:before,
.close:after {
    position: absolute;
    left: -10px;
    content: " ";
    height: 20px;
    width: 2px;
    background-color: #bf9334;
}
.pop-up-register-form .close:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.pop-up-register-form .close:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}
.pop-up-register-form .form-control {
    color: #1E1E1E;
    font-size: 15px;
    border-color: #BF9334;
}
.pop-up-register-form .form-control:focus {
    color: #1E1E1E;
}
.pop-up-register-form .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #1E1E1E;
}
.pop-up-register-form .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #1E1E1E;
}
.pop-up-register-form .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #1E1E1E;
}
.pop-up-register-form .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #1E1E1E;
}
.pop-up-register-form .recommend-txt {
    font-size: 12px;
    display: block;
    overflow: hidden;
    color: #333333;
}
.pop-up-register-form .btn-1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 9px 0;
    display: block;
    letter-spacing: 0;
}

/* book pop up form */
#myModal .modal-dialog {
    max-width: 992px;
}
#myModal .modal-dialog .modal-content {
    background-color: #fff;
    border: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.book-pop-up-form {
    font-size: 19px;
    font-weight: 300;
    color: var(--primary-color);
}
.book-pop-up-form .heading-style {
    font-size: 31px;
    font-weight: 700;
    margin-bottom: 30px;
    color: var(--primary-color);
}
.book-pop-up-form .highlighted-txt {
    -webkit-text-fill-color: #BF9334;
    display: inline-block;
}
.book-pop-up-form .book-wrap {
    width: 100%;
    max-width: 144px;
}
.book-pop-up-form input[type="checkbox"] {
    float: left;
    margin-top: 2px;
}
.book-pop-up-form p {
    margin-bottom: 30px;
}
.book-pop-up-form .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
}
/*
.book-pop-up-form .img-fluid {
	width: 144px;
}
*/
.book-pop-up-form .form-control {
    font-size: 20px;
    border-width: 1px;
    padding: 12px 30px;
    border-color: #BF9334;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.book-pop-up-form .recommend-txt {
    font-size: 14px;
    display: block;
    overflow: hidden;
    padding-bottom: 30px;
    color: #92A9A9;
}
.book-pop-up-form .btn-1 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 13px 40px;
    display: inline-block;
    letter-spacing: 0.03em;
}

/* Modal Video */
.modal-video .btn-close {
    position: absolute;
    top: -35px;
    right: -35px;
    z-index: 1;
    background: none;
}
.modal-video .btn-close svg {
    width: 30px;
    fill: #ffffff;
}
.modal-video .btn-close svg {
    fill:#00BCAD;
}
.modal-video .btn-close:focus,
.modal-video .btn-close:active {
    outline: none;
    box-shadow: none;
}
.modal-video .modal-dialog {
    max-width: 1350px;
    padding-inline: 50px;
}
.modal-video .modal-content {
    background-color: transparent;
}

/* swiper */
.swiper-wrapper {
    height: auto;
}
.swiper-pagination {
    position: unset;
    margin-top: 20px;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #3D4854;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
}

/* Global Media Queries */
@media (max-width: 1400px) {

}

@media (max-width: 1199px) {
    .lead {
        font-size: 26px;
    }
}

@media only screen and (max-width: 991px) {
    .heading-style-1 {
        font-size: 60px;
    }
    .border-radius-30,
    .border-radius-40 {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
    .heading-style-start-end-line:before {
        right: calc(100% - 55px);
    }
    .heading-style-start-end-line:after {
        left: calc(100% - 55px);
    }
    .pop-up-register-form {
        display: none !important;
    }
    .modal-video .btn-close {
        top: -40px;
        right: 0;
    }
    .modal-video .modal-dialog {
        padding-inline: 30px;
    }
}

@media only screen and (max-width: 767px) {
    p {
        margin-bottom: 20px;
    }
    .lead {
        font-size: 22px;
    }
    .heading-style-2 {
        font-size: 22px;
        font-weight: 100;
    }
    .heading-style-3 {
        font-size: 40px;
    }
    .btn-1 {
        width: 100%;
        padding: 13px;
        margin-bottom: 20px;
    }
    .btn-1 span {
        font-size: 15px;
    }
    .special-txt {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .custom-btn a {
        width: 100%;
        padding: 17px;
    }
    .border-radius {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .img-border:before,
    .img-border:after {
        width: 157px;
        height: 140px;
    }
    .img-border:before {
        top: -2px;
        right: -2px;
    }
    .img-border:after {
        bottom: -2px;
        left: -2px;
    }
    .section {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .heading-style-1 {
        font-size: 50px;
        line-height: 1.1;
    }
    .heading-style-line:before,
    .heading-style-line-center:before {
        width: 180px;
    }
    .heading-style-start-end-line:before,
    .heading-style-start-end-line:after {
        width: 50px;
    }
    .heading-style-start-end-line:before {
        right: calc(100% - 35px);
    }
    .heading-style-start-end-line:after {
        left: calc(100% - 35px);
    }
    .circle-start.circle-effect:before {
        transform: translateY(-7px);
        -webkit-transform: translateY(-7px);
        -moz-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
        -o-transform: translateY(-7px);
    }
    .circle-effect::before {
        left: -20px;
        height: 15px;
        width: 10px;
    }
    .circle-start.circle-effect::after {
        left: -15px;
        height: calc(50% + 20px);
        bottom: -20px;
    }
    .form-control-lg {
        font-size: inherit;
    }
    .dark-box {
        padding: 30px 10px 30px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 575px) {
    body,
    .btn-1 {
        font-size: 18px;
    }
    .book-pop-up-form .heading-style {
        font-size: 24px;
        margin-bottom: 20px;
    }
    #myModal .modal-dialog {
        margin-left: 0;
        margin-right: 0;
    }
    .modal-video .modal-dialog {
        padding-inline: 0;
    }
    .book-pop-up-form {
        font-size: 18px;
    }
    .book-pop-up-form .form-control {
        padding: 10px;
        font-size: 16px;
    }
    .book-pop-up-form .recommend-txt {
        padding-bottom: 0;
    }
    .book-pop-up-form .btn-1 {
        font-size: 20px;
        padding: 13px 15px;
        width: 100%;
    }
    .heading-style-1 {
        letter-spacing: 0.5px;
    }
    .highway-img {
        position: relative;
        z-index: 0;
        margin-top: -40px;
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-bottom: -20px;
    }
    .btn-aft-crack {
        margin-top: -70px;
    }
    ul.custom-list-style-disc {
        padding-left: 20px;
    }
    ul.custom-list-style-disc li::before {
        width: 6px;
        height: 6px;
        left: -15px;
    }
}

@media (max-width: 393px) {

}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}
@media (min-width: 992px) {
    .container.container-mobile-ctrl {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

@media (min-width: 1600px) {
    .container {
        max-width: 1399px;
    }
}
/* end Global Media Queries */

/* #region head-bar */
.head-bar {
    color: #fff;
    background-color: #000;
}
.head-bar .site-brand img {
    width: 146px;
}
.head-bar .site-nav ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.head-bar .site-nav ul li {
    flex: 0 0 auto;
    width: auto;
    margin-left: 10px;
}
.head-bar .site-nav ul li:first-child {
    margin-left: 0;
}
.head-bar .site-nav ul li .btn-border-menu {
    border: 0.7px solid #FFFFFF;
    border-radius: 5px;
    display: block;
    color: #fff;
}
.head-bar .site-nav ul li .btn-border-menu:hover {
    border-color: var(--theme-color);
}
.head-bar .site-nav ul li a {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 11px 32px;
    display: block;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.head-bar .site-nav ul li a:hover {
    color: var(--theme-color);
}
@media (max-width: 767px) {
    .head-bar .site-brand img {
        width: 92px;
    }
    .head-bar .site-nav ul li a {
        font-size: 14px;
        padding: 9px 18px;
    }
}
/* #endregion head-bar */

/* #region zonia-main-page-style-1 */
.zonia-main-page-style-1 {
    color: #fff;
    background: #000;
    padding-top: 155px;
    padding-bottom: 160px;
}
.zonia-main-page-style-1 .container-cnt {
    position: relative;
    z-index: 2;
}
.zonia-main-page-style-1 .banner-content {
    font-size: 30px;
}
.zonia-main-page-style-1 .heading-style-line:before {
    content: normal;
}
.zonia-main-page-style-1 .scroll-wrap {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}
.zonia-main-page-style-1 .scroll-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0) 90%);
}
.zonia-main-page-style-1 .scroll-wrap .scroll {
    position: relative;
    display: flex;
}
.zonia-main-page-style-1 .scroll-wrap .scroll:nth-child(2) {
    margin-left: -112px;
}
.zonia-main-page-style-1 .scroll-wrap .scroll img {
    margin: 10px;
    width: 224px;
}
.zonia-main-page-style-1 .scroll-wrap .scroll div {
    display: flex;
    flex-wrap: nowrap;
    animation: scroll var(--time) linear infinite;
    animation-delay: calc(var(--time)*-1);
}
.zonia-main-page-style-1 .scroll-wrap .scroll div:nth-child(2) {
    animation: scroll2 var(--time) linear infinite;
    animation-delay: calc(var(--time)/-2);
}
@keyframes scroll {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}
@keyframes scroll2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-1 .banner-content {
        font-size: 26px;
    }
    .zonia-main-page-style-1 .heading-style-1 {
        font-size: 65px;
    }
}
@media (max-width: 767px) {
    .zonia-main-page-style-1 {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .zonia-main-page-style-1 .heading-style-line:before {
        content: "";
        bottom: -5px;
    }
    .zonia-main-page-style-1 .banner-content {
        font-size: 22px;
    }
    .zonia-main-page-style-1 .scroll-wrap {
        position: unset;
        margin: 10px 0 20px;
    }
    .zonia-main-page-style-1 .scroll-wrap:before {
        background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0) 50%);
    }
    .zonia-main-page-style-1 .scroll-wrap .scroll img {
        margin: 5px;
        width: 112px;
    }
    .zonia-main-page-style-1 .scroll-wrap .scroll:nth-child(2) {
        margin-left: -56px;
    }
}
/* #region zonia-main-page-style-1 */

/* #region zonia-main-page-style-2 */
.zonia-main-page-style-2 {
    color: #fff;
    background: #000;
}
.zonia-main-page-style-2 .welcome-content {
    font-size: 30px;
}
.zonia-main-page-style-2 .num {
    font-family: "Bebas Neue", sans-serif;
    font-size: 50px;
}
.zonia-main-page-style-2 .num:before {
    width: 80px;
    content: normal;
}
.zonia-main-page-style-2 .video-wrap {
    display: block;
}
.zonia-main-page-style-2 .video-wrap:before {
    padding-top: 100%;
    content: "";
    display: block;
}
.zonia-main-page-style-2 .play-button {
    position: absolute;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    margin-left: 65px;
    border: none;
    z-index: 10;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.zonia-main-page-style-2 .play-button:hover {
    background: rgba(0, 0, 0, 0.8);
}
.zonia-main-page-style-2 .play-button span {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 30px solid #fff;
    border-bottom: 20px solid transparent;
    text-indent: -9999px;
    display: block;
}
.zonia-main-page-style-2 .img-bx,
.zonia-main-page-style-2 .img-bx img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.zonia-main-page-style-2 .img-bx img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.zonia-main-page-style-2 .main-thumbnail {
    width: 55%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.zonia-main-page-style-2 .main-thumbnail:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100px;
    background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0) 50%);
}
.zonia-main-page-style-2 .container-wrap {
    width: 100%;
    max-width: 1800px;
    margin-inline: auto;
    position: relative;
    padding-top: 170px;
    padding-bottom: 155px;
}

@media (min-width: 1800px) {
    .zonia-main-page-style-2 .container-wrap {
        max-width: 1399px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-2 .welcome-content {
        font-size: 26px;
    }
    .zonia-main-page-style-2 {
        font-size: 19px;
    }
    .zonia-main-page-style-2 .heading-style-1 {
        font-size: 65px;
    }
}

@media (max-width: 991px) {
    .zonia-main-page-style-2 .container-wrap {
        padding-top: 70px;
        padding-bottom: 40px;
    }
    .zonia-main-page-style-2 .main-thumbnail {
        display: none;
    }
    .zonia-main-page-style-2 .num:before {
        content: "";
    }
    .zonia-main-page-style-2 .flex-dir-col-md {
        flex-direction: column;
    }
    .zonia-main-page-style-2 .play-button {
        margin-left: 0;
    }

}

@media (max-width: 767px) {
    .zonia-main-page-style-2 .container-wrap {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .zonia-main-page-style-2 .welcome-content {
        font-size: 22px;
    }
    .zonia-main-page-style-2 .play-button {
        width: 50px;
        height: 50px;
    }
    .zonia-main-page-style-2 .play-button span {
        border-width: 14px 0 14px 23px;
    }
}
/* #endregion zonia-main-page-style-2 */

/* #region zonia-main-page-style-3 */
.zonia-main-page-style-3 {
    color: #fff;
}
.zonia-main-page-style-3 .shows {
    background: linear-gradient(180deg, #000000, #122127);
}
.zonia-main-page-style-3 .shows:nth-child(even) {
    background: linear-gradient(180deg, #122127, #000000);
}
.coverflow-wrap {
    display: flex;
    justify-content: center;
}
.coverflow-wrap .swiper-coverflow-1 {
    width: 100%;
}
.coverflow-wrap .content {
    width: 280px;
    overflow: hidden;
    border-radius: 10px;
}
.coverflow-img {
    position: relative;
}
.coverflow-img:before {
    content: "";
    padding-top: 130%;
    display: block;
}
.coverflow-img img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (min-width: 1600px) {
    .coverflow-wrap .content {
        width: 298px;
    }
}
@media (max-width: 1399px) {
    .coverflow-wrap .content {
        width: 247px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-3 .heading-style-1 {
        font-size: 65px;
    }
    .zonia-main-page-style-3 .heading-style-3 {
        font-size: 50px;
    }
    .coverflow-wrap .content {
        width: 210px;
    }
}
@media (max-width: 991px) {
    .coverflow-wrap .content {
        width: 272px;
    }
}
@media (max-width: 767px) {
    .zonia-main-page-style-3 .heading-style-line-center:before {
        content: normal;
    }
    .zonia-main-page-style-3 .heading-style-line:before,
    .zonia-main-page-style-3 .heading-style-line-center:before {
        width: 100px;
    }
    .coverflow-wrap .content {
        width: 203px;
    }
}
@media (max-width: 575px) {
    .coverflow-wrap .content {
        width: 150px;
    }
}

/* #endregion zonia-main-page-style-3 */

/* #region zonia-main-page-style-4 */
.zonia-main-page-style-4 {
    color: #fff;
    background: linear-gradient(180deg, #000000 2.9%, #122127 96%);
    overflow: hidden;
    position: relative;
}
.zonia-main-page-style-4:before {
    content: "";
    padding-top: 50%;
    display: block;
}
.zonia-main-page-style-4 .heading-style-line-center:before {
    width: 200px;
}
.zonia-main-page-style-4 #section-video-1 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
}
.zonia-main-page-style-4 .section-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.zonia-main-page-style-4 .section-overlay:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}
.zonia-main-page-style-4 #video_play_btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 3;
    background-color: transparent;
    border: 1px solid #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0.5;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.zonia-main-page-style-4 #video_play_btn:hover {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: transparent;
    opacity: 1;
}
.zonia-main-page-style-4 #video_play_btn svg {
    width: 40px;
    fill: #ffffff;
}
.zonia-main-page-style-4 #video_play_btn .btn-pause,
.zonia-main-page-style-4 #video_play_btn.btn_play_active .btn-play {
    display: none;
}
.zonia-main-page-style-4 #video_play_btn.btn_play_active .btn-pause {
    display: block;
}
.video-container-wrap {
    position: absolute;
    inset: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.video-container-wrap .heading-style-1 {
    margin-bottom: 50px;
}
.swiper-vertical-wrapper {
    min-height: 300px;
}
.swiper-vertical {
    height: 300px;
}
.swiper-vertical .swiper-slide span {
    font-size: 24px;
    opacity: 0.6;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swiper-vertical .swiper-slide:has(+ .swiper-slide-prev) span,
.swiper-vertical .swiper-slide-next + .swiper-slide span {
    font-size: 26px;
    opacity: 0.65;
}
.swiper-vertical .swiper-slide-next span,
.swiper-vertical .swiper-slide-prev span {
    font-size: 28px;
    font-weight: 300;
    opacity: 0.7;
}
.swiper-vertical .swiper-slide-active span {
    font-size: 31px;
    font-weight: 400;
    opacity: 1;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-4 .heading-style-1 {
        font-size: 65px;
    }
    .swiper-vertical .swiper-slide span {
        font-size: 20px;
    }
    .swiper-vertical .swiper-slide:has(+ .swiper-slide-prev) span,
    .swiper-vertical .swiper-slide-next + .swiper-slide span {
        font-size: 22px;
    }
    .swiper-vertical .swiper-slide-next span,
    .swiper-vertical .swiper-slide-prev span {
        font-size: 24px;
    }
    .swiper-vertical .swiper-slide-active span {
        font-size: 26px;
    }
    .swiper-vertical-wrapper {
        min-height: 250px;
    }
    .swiper-vertical {
        height: 250px;
    }
}
@media (max-width: 991px) {
    .zonia-main-page-style-4:before {
        padding-top: 75%;
    }
}
@media (max-width: 767px) {
    .zonia-main-page-style-4:before {
        padding-top: 50%;
    }
    .zonia-main-page-style-4 .heading-style-1 {
        margin-bottom: 30px;
    }
    .zonia-main-page-style-4 .heading-style-line-center:before {
        width: 150px;
    }
    .swiper-vertical-wrapper {
        min-height: 230px;
    }
    .swiper-vertical {
        height: 190px;
    }
    .swiper-vertical .swiper-slide span {
        font-size: 15px;
        width: 100%;
        display: block;
    }
    .swiper-vertical .swiper-slide:has(+ .swiper-slide-prev) span,
    .swiper-vertical .swiper-slide-next + .swiper-slide span {
        font-size: 16px;
    }
    .swiper-vertical .swiper-slide-next span,
    .swiper-vertical .swiper-slide-prev span {
        font-size: 17px;
        font-weight: 300;
    }
    .swiper-vertical .swiper-slide-active span {
        font-size: 18px;
        font-weight: 400;
    }
    .zonia-main-page-style-4 #video_play_btn {
        right: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
    }
    .zonia-main-page-style-4 #video_play_btn svg {
        width: 30px;
    }
}
@media (max-width: 575px) {
    .zonia-main-page-style-4:before {
        padding-top: 100%;
    }
    .zonia-main-page-style-4 .heading-style-1 {
        margin-bottom: 30px;
    }
}

@media (min-width: 1400px) {
    .video-container-wrap .heading-style-1 {
        margin-bottom: 70px;
    }
    .swiper-vertical-wrapper {
        min-height: 350px;
    }
    .swiper-vertical {
        height: 350px;
    }
}

/* #endregion zonia-main-page-style-4 */

/* #region zonia-main-page-style-5 */
.zonia-main-page-style-5 {
    color: #fff;
    background: linear-gradient(180deg, #000000 2.9%, #122127 96%);
}
.zonia-main-page-style-5 .heading-style-line-center:before {
    width: 250px;
}
.zonia-main-page-style-5 .heading-style-2 {
    font-size: 30px;
    font-weight: 100;
}
.testimonial-wrap {
    display: flex;
    justify-content: center;
}
.testimonial-wrap .content {
    width: 310px;
    overflow: hidden;
    border-radius: 10px;
}
.testimonial-img {
    position: relative;
}
.testimonial-img:before {
    content: "";
    padding-top: 95%;
    display: block;
}
.testimonial-img img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.testimonial-wrap .text-content {
    background-color: #1F3741;
    padding: 20px;
    font-size: 18px;
}
.testimonial-wrap .text-content h3 {
    font-size: 25px;
    font-weight: 200;
}
.testimonial-wrap .text-content p {
    margin-bottom: 0;
}
.testimonial-wrap {
    width: 100%;
    max-width: 783px;
    margin-inline: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-5 .heading-style-1 {
        font-size: 65px;
    }
    .testimonial-wrap .content {
        width: 274px;
    }
}

@media (max-width: 767px) {
    .zonia-main-page-style-5 .heading-style-line-center:before {
        width: 150px;
    }
    .zonia-main-page-style-5 .heading-style-2 {
        font-size: 22px;
    }
    .testimonial-img:before {
        padding-top: 85%;
    }
    .testimonial-wrap .content {
        width: 200px;
    }
    .testimonial-wrap .text-content {
        padding: 10px;
    }
    .testimonial-wrap .text-content h3 {
        font-size: 16px;
    }
    .testimonial-wrap .text-content p {
        font-size: 14px;
    }
}
/* #endregion zonia-main-page-style-5 */

/* #region zonia-main-page-style-6 */
.zonia-main-page-style-6 {
    color: #fff;
    background: linear-gradient(180deg, #122127 2.9%, #000000 96%);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-6 .heading-style-1 {
        font-size: 65px;
    }
}
@media (max-width: 767px) {

}
/* #endregion zonia-main-page-style-6 */

/* #region zonia-main-page-style-7 */
.zonia-main-page-style-7 {
    color: #fff;
    background: linear-gradient(180deg, #000000 2.9%, #122127 96%);
}
.zonia-main-page-style-7 .heading-style-line-center:before {
    width: 250px;
}
.zonia-main-page-style-7 ul.custom-list-style-tick li {
    list-style: none;
    position: relative;
    overflow: hidden;
    padding-left: 40px;
    margin-bottom: 15px;
}
.zonia-main-page-style-7 ul.custom-list-style-tick li::before {
    content: "";
    position: absolute;
    height: 13px;
    width: 20px;
    border-bottom: 1px solid var(--theme-color);
    border-left: 1px solid var(--theme-color);
    left: 0px;
    top: calc(50% - 5px);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
}
@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-7 .heading-style-1 {
        font-size: 65px;
    }
}
@media (max-width: 767px) {
    .zonia-main-page-style-7 .heading-style-line-center:before {
        width: 150px;
    }
    .zonia-main-page-style-7 ul.custom-list-style-tick li {
        margin-bottom: 13px;
    }
}
/* #endregion zonia-main-page-style-7 */

/* #region zonia-main-page-style-8 */
.zonia-main-page-style-8 {
    color: #fff;
    background: linear-gradient(180deg, #122127 2.9%, #000000 96%);
}
.zonia-main-page-style-8 .heading-style-line-center:before {
    width: 250px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-8 .heading-style-1 {
        font-size: 65px;
    }
    .zonia-main-page-style-8 .heading-style-2 {
        font-size: 38px;
    }
}
@media (max-width: 767px) {
    .zonia-main-page-style-8 .heading-style-line-center:before {
        width: 150px;
    }
}
/* #endregion zonia-main-page-style-8 */

/* #region zonia-main-page-style-9 */
.zonia-main-page-style-9 {
    color: #fff;
    background: linear-gradient(180deg, #000000 2.9%, #122127 96%);
}
.zonia-main-page-style-9 .heading-style-line-center:before {
    width: 250px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-9 .heading-style-1 {
        font-size: 65px;
    }
}
@media (max-width: 767px) {
    .zonia-main-page-style-9 .heading-style-line-center:before {
        width: 150px;
    }
}
/* #endregion zonia-main-page-style-9 */

/* #region zonia-main-page-style-10 */
.zonia-main-page-style-10 {
    color: #fff;
    background: linear-gradient(0deg, #000000 3.45%, #122127 96.55%);
}
.zonia-main-page-style-10 .heading-style-line-center:before {
    width: 250px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-10 .heading-style-1 {
        font-size: 65px;
    }
}
@media (max-width: 767px) {
    .zonia-main-page-style-10 .heading-style-line-center:before {
        width: 150px;
    }
}
/* #endregion zonia-main-page-style-10 */

/* #region zonia-main-page-style-11 */
.zonia-main-page-style-11 {
    color: #fff;
    background: linear-gradient(180deg, #000000 2.9%, #122127 69.5%, #000000 96%);
}
.zonia-main-page-style-11 .heading-style-line-center:before {
    width: 250px;
}
.zonia-main-page-style-11 .accordion .accordion-item {
    overflow: hidden;
    background-color: unset;
    border: none;
    border-radius: 0;
    color: #fff;
    position: relative;
}
.zonia-main-page-style-11 .accordion .accordion-button {
    cursor: pointer;
    color: #fff;
    font-weight: 100;
    font-size: 27px;
    padding: 25px 40px 25px 0;
    background-color: unset;
}
.zonia-main-page-style-11 .accordion .accordion-button .accordion-header {
    font-size: 27px;
    font-weight: 100;
}
.zonia-main-page-style-11 .accordion .accordion-button:focus {
    outline: none;
    box-shadow: none;
}
.zonia-main-page-style-11 .accordion-button:not(.collapsed) {
    box-shadow: none;
}
.zonia-main-page-style-11 .accordion-button::after {
    background-image: none;
    width: 22px;
    height: 22px;
    border-bottom: 2px solid var(--theme-color);
    border-left: 2px solid var(--theme-color);
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-70%) rotate(-45deg);
    -webkit-transform: translateY(-70%) rotate(-45deg);
    -moz-transform: translateY(-70%) rotate(-45deg);
    -ms-transform: translateY(-70%) rotate(-45deg);
    -o-transform: translateY(-70%) rotate(-45deg);
}
.zonia-main-page-style-11 .accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: translateY(-40%) rotate(135deg);
    -webkit-transform: translateY(-40%) rotate(135deg);
    -moz-transform: translateY(-40%) rotate(135deg);
    -ms-transform: translateY(-40%) rotate(135deg);
    -o-transform: translateY(-40%) rotate(135deg);
}
.zonia-main-page-style-11 .accordion .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
}
.zonia-main-page-style-11 .accordion .accordion-collapse,
.zonia-main-page-style-11 .accordion .accordion-collapse .accordion-body {
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}
.zonia-main-page-style-11 .accordion .accordion-button:not(.collapsed) + .accordion-collapse .accordion-body {
    opacity: 1;
}
.zonia-main-page-style-11 .accordion .accordion-button.collapsed + .accordion-collapse .accordion-body {
    opacity: 0;
}
.zonia-main-page-style-11 .accordion .collapse:not(.show) {
    display: block;
    height: 0;
}
.zonia-main-page-style-11 .accordion .collapse.collasping,
.zonia-main-page-style-11 .accordion .collapse.show {
    height: auto;
}
.zonia-main-page-style-11 .accordion .accordion-collapse::before {
    content: " ";
    position: absolute;
    width: 26%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}
.zonia-main-page-style-11 .accordion .accordion-button:not(.collapsed) + .accordion-collapse::before {
    width: 100%;
}

.zonia-main-page-style-11 ul.custom-list-style-tick li {
    list-style: none;
    position: relative;
    overflow: hidden;
    padding-left: 25px;
    margin-bottom: 15px;
}
.zonia-main-page-style-11 ul.custom-list-style-tick li::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 15px;
    border-bottom: 1px solid var(--theme-color);
    border-left: 1px solid var(--theme-color);
    left: 0px;
    top: calc(50% - 1px);
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .zonia-main-page-style-10 .heading-style-1 {
        font-size: 65px;
    }
    .zonia-main-page-style-11 .accordion .accordion-button,
    .zonia-main-page-style-11 .accordion .accordion-button .accordion-header {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .zonia-main-page-style-11 .heading-style-line-center:before {
        width: 150px;
    }
    .zonia-main-page-style-11 .accordion {
        margin-top: -20px;
    }
    .zonia-main-page-style-11 .accordion .accordion-button,
    .zonia-main-page-style-11 .accordion .accordion-button .accordion-header {
        font-size: 22px;
    }
    .zonia-main-page-style-11 .accordion .accordion-button {
        padding: 30px 35px 10px 0;
    }
    .zonia-main-page-style-11 .accordion-button::after {
        width: 16px;
        height: 16px;
        top: calc(50% + 8px);
    }
}
/* #endregion zonia-main-page-style-11 */

/* #region zonia-experts-page-style-1 */
.zonia-experts-page .zonia-experts-page-style-1 {
    color: #fff;
    background: #000;
    padding-top: 0;
    padding-bottom: 0;
}
.zonia-experts-page .zonia-experts-page-style-1 .banner {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.zonia-experts-page .zonia-experts-page-style-1 .banner .banner-content {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img {
    position: relative;
}
.zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img:before {
    content: "";
    display: block;
    padding-top: calc(24% + 6px);
}
.zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(111deg, #000000 10%, rgba(0, 0, 0, 0) 40%);
}
.zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 991px) {
    .zonia-experts-page .zonia-experts-page-style-1 .banner .banner-content {
        position: relative;
        inset: unset;
    }
    .zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img:before,
    .zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img:after {
        display: none;
    }
    .zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img img {
        position: relative;
        inset: unset;
    }
}

@media (max-width: 767px) {
    .zonia-experts-page .zonia-experts-page-style-1 .heading-style-1 {
        font-size: 70px;
    }
    .zonia-experts-page .zonia-experts-page-style-1 .heading-style-line:before {
        content: normal;
    }
}

@media (max-width: 575px) {
    .zonia-experts-page .zonia-experts-page-style-1 .heading-style-1 {
        font-size: 48px;
        line-height: 1.1;
    }
    .zonia-experts-page .zonia-experts-page-style-1 .banner .banner-img {
        margin-top: -10px;
    }
}
/* #endregion zonia-experts-page-style-1 */

/* #region zonia-experts-page-style-2 */
.zonia-experts-page .zonia-experts-page-style-2 {
    padding-top: 50px;
    padding-bottom: 30px;
    background: linear-gradient(3.1deg, #000000 3.59%, #111F24 51.96%, #000000 98.42%);
}
.zonia-experts-page .zonia-experts-page-style-2 .navbar-nav li {
    color: #fff;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 100;
    transition: none;
    border-bottom: 0.7px solid transparent;
    cursor: pointer;
    padding: 0 0 4px;
    margin: 0 25px;
}
.zonia-experts-page .zonia-experts-page-style-2 .navbar-nav li:hover,
.zonia-experts-page .zonia-experts-page-style-2 .navbar-nav li.selected {
    color: #fff;
    border-color: var(--theme-color);
}
.zonia-experts-page .zonia-experts-page-style-2 #filter-btn {
    font-size: 25px;
    line-height: 1.28;
    font-weight: 300;
    color: #fff;
    background-color: transparent;
    border: none;
}
.zonia-experts-page .zonia-experts-page-style-2 #filter-btn:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 23px;
    right: 0;
    top: 9px;
    background-image: url('data:image/svg+xml,<svg width="23" height="12" viewBox="0 0 23 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.8545 0.353553L21.8168 1.31588L11.3032 11.6495L0.789562 1.31588L1.75189 0.353553L11.1264 9.72806L11.3032 9.90484L11.48 9.72806L20.8545 0.353553Z" fill="white" stroke="black" stroke-width="0.5"/></svg>');
}
.zonia-experts-page .zonia-experts-page-style-2 #filter-btn.show:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 23px;
    right: 0;
    top: 9px;
    rotate: 180deg;
}
.list-container {
    display: none; /* Initially hide the lists */
}

.list-container.show {
    display: block; /* Show the list when the 'show' class is added */
}

.toggle-btn {
    display: block;
    margin: 10px auto;
    padding: 5px 10px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.toggle-btn.show {
    background-color: #0056b3; /* Change the button color when active */
}

.toggle-btn:hover {
    background-color: #003f7f;
}

.filter-dropdown #close-dropdown,
.filter-dropdown #toggle-state-list,
.filter-dropdown #toggle-subcategory-list,
.list-container .close-state-btn,
.list-container .close-subcategory-btn {
    display: none;
}
.list-container {
    display: block;
}


.zonia-experts-page .zonia-experts-page-style-2 .dropdown-content {
    right: 12px;
    top: 60px;
    display: none;
    background-color: #000;
    min-width: 620px;
    border: 0.7px solid var(--theme-color);
}
.zonia-experts-page .zonia-experts-page-style-2 .dropdown-content.show {
    display: block;
}
.zonia-experts-page .zonia-experts-page-style-2 .filter-group h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 15px;
}
.zonia-experts-page .zonia-experts-page-style-2 #state-list,
.zonia-experts-page .zonia-experts-page-style-2 #subcategory-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.zonia-experts-page .zonia-experts-page-style-2 .scrollbar-container {
    overflow: auto;
    height: 535px;
}
.zonia-experts-page .zonia-experts-page-style-2 #state-list li,
.zonia-experts-page .zonia-experts-page-style-2 #subcategory-list li {
    cursor: pointer;
    color: #fff;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 100;
}
.zonia-experts-page .zonia-experts-page-style-2 #state-list li:hover,
.zonia-experts-page .zonia-experts-page-style-2 #subcategory-list li:hover,
.zonia-experts-page .zonia-experts-page-style-2 #state-list li.selected,
.zonia-experts-page .zonia-experts-page-style-2 #subcategory-list li.selected {
    font-weight: 700;
}
.zonia-experts-page .zonia-experts-page-style-2 #state-list li:last-child,
.zonia-experts-page .zonia-experts-page-style-2 #subcategory-list li:last-child {
    padding-bottom: 0;
}
.zonia-experts-page .zonia-experts-page-style-2 .input-wrap .search-container {
    position: relative;
    overflow: hidden;
}
.zonia-experts-page .zonia-experts-page-style-2 .input-wrap .search-icon {
    width: 34px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.zonia-experts-page .zonia-experts-page-style-2 .search-container #clear-search {
    background-color: transparent;
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    border: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0.5;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    overflow: hidden;
    z-index: 2;
}
.zonia-experts-page .zonia-experts-page-style-2 .search-container #clear-search:hover {
    opacity: 1;
}

.zonia-experts-page .zonia-experts-page-style-2 .form-control {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    border: 1px solid rgba(255, 255, 255, 0.5);
    width: 512px;
    height: 55px;
    padding: 5px 45px 5px 60px;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.zonia-experts-page .zonia-experts-page-style-2 .form-control:focus {
    border-color: rgba(255, 255, 255, 1);
}
.zonia-experts-page .zonia-experts-page-style-2 .form-control::placeholder {
    color: #fff;
}
.zonia-experts-page .zonia-experts-page-style-2 .tag {
    display: inline-block;
    padding: 4px 10px 4px 30px;
    border-radius: 2px;
    border: 0.5px solid #848484;
    font-size: 20px;
    font-weight: 100;
    color: #848484;
    margin-right: 10px;
    position: relative;
    text-transform: capitalize;
}
.zonia-experts-page .zonia-experts-page-style-2 .tag button {
    background: none;
    border: none;
    cursor: pointer;
    color: #848484;
    font-size: 0;
    width: 20px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0.5;
    overflow: hidden;
}
.zonia-experts-page .zonia-experts-page-style-2 .tag button:hover {
    color: #fff;
    opacity: 1;
}
.zonia-experts-page .zonia-experts-page-style-2 .tag button::before {
    content: url('data:image/svg+xml;utf8,<svg viewPort="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"><line x1="1" y1="12" x2="12" y2="1" stroke="white" stroke-width="2"/><line x1="1" y1="1" x2="12" y2="12" stroke="white" stroke-width="2"/></svg>');
    color: #ffffff;
}
.zonia-experts-page .zonia-experts-page-style-2 .portfolio-item {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.zonia-experts-page .zonia-experts-page-style-2 .portfolio-item.visible {
    opacity: 1;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item {
    background-color: #081014;
    padding: 12px 12px 0;
    min-height: 100%;
    overflow: auto;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-photo {
    margin-bottom: 12px;
    overflow: hidden;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    line-height: normal;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-name:before,
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-credential:before,
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-work:before,
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-location:before,
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-url:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background-repeat: no-repeat;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-name:before {
    height: 20px;
    width: 18px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7932 4.34791C12.7932 6.61113 10.9585 8.44583 8.69533 8.44583C6.43212 8.44583 4.59742 6.61113 4.59742 4.34791C4.59742 2.0847 6.43212 0.25 8.69533 0.25C10.9585 0.25 12.7932 2.0847 12.7932 4.34791ZM0.249512 16.3036C0.249512 13.6803 2.37616 11.5536 4.99951 11.5536H12.3912C15.0145 11.5536 17.1412 13.6803 17.1412 16.3036V18.9994C17.1412 19.4137 16.8054 19.7494 16.3912 19.7494H0.999511C0.585298 19.7494 0.249512 19.4137 0.249512 18.9994V16.3036Z" stroke="%2372DAD2" stroke-width="0.5"/></svg>');
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-credential:before {
    height: 14px;
    width: 19px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.9995 2.06465C17.5518 2.06465 17.9995 2.51237 17.9995 3.06465V11.9737C17.9995 12.526 17.5518 12.9737 16.9995 12.9737H1.99951C1.44723 12.9737 0.999512 12.526 0.999512 11.9737V2.79193C0.999512 2.39027 1.32512 2.06465 1.72678 2.06465M9.49951 3V13M9.36316 2.61017C8.18191 1.7833 5.77276 0.990534 3.8494 1.00009C3.35777 1.00253 2.99952 1.42657 2.99952 1.9182V10.1894C2.99952 10.7635 3.4831 11.2311 4.05303 11.3C5.94309 11.5285 8.76395 12.3746 9.36316 12.9738C9.96237 12.3746 12.7832 11.5285 14.6733 11.3C15.2432 11.2311 15.7268 10.7635 15.7268 10.1894V1.9182C15.7268 1.42657 15.3686 1.00253 14.8769 1.00009C12.9536 0.990534 10.5444 1.7833 9.36316 2.61017Z" stroke="%2372DAD2" stroke-width="0.7" stroke-linecap="round"/></svg>');
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-work:before {
    height: 22px;
    width: 19px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 19 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.76142 4.80957H2.99951C1.89494 4.80957 0.999512 5.705 0.999512 6.80957V20C0.999512 20.5523 1.44723 21 1.99951 21H6.7138" stroke="%2372DAD2" stroke-width="0.5"/><path d="M13.3805 4.80957H16.1424C17.2469 4.80957 18.1424 5.705 18.1424 6.80957V20C18.1424 20.5523 17.6946 21 17.1424 21H12.4281" stroke="%2372DAD2" stroke-width="0.5"/><path d="M8.66618 3.15479H10.4757C10.8899 3.15479 11.2257 3.49057 11.2257 3.90479V5.71431C11.2257 6.12852 10.8899 6.46431 10.4757 6.46431H8.66618C8.25197 6.46431 7.91618 6.12852 7.91618 5.71431V3.90478C7.91618 3.49057 8.25197 3.15479 8.66618 3.15479Z" stroke="%2372DAD2" stroke-width="0.5"/><path d="M8.66618 8.86914H10.4757C10.8899 8.86914 11.2257 9.20493 11.2257 9.61914V11.4287C11.2257 11.8429 10.8899 12.1787 10.4757 12.1787H8.66618C8.25197 12.1787 7.91618 11.8429 7.91618 11.4287V9.61914C7.91618 9.20493 8.25197 8.86914 8.66618 8.86914Z" stroke="%2372DAD2" stroke-width="0.5"/><path d="M8.66618 14.5833H10.4757C10.8899 14.5833 11.2257 14.919 11.2257 15.3333V17.1428C11.2257 17.557 10.8899 17.8928 10.4757 17.8928H8.66618C8.25197 17.8928 7.91618 17.557 7.91618 17.1428V15.3333C7.91618 14.919 8.25197 14.5833 8.66618 14.5833Z" stroke="%2372DAD2" stroke-width="0.5"/><path d="M5.76142 3C5.76142 1.89543 6.65685 1 7.76142 1H11.3805C12.485 1 13.3805 1.89543 13.3805 3V20C13.3805 20.5523 12.9327 21 12.3805 21H6.76142C6.20913 21 5.76142 20.5523 5.76142 20V3Z" stroke="%2372DAD2" stroke-width="0.5"/><path d="M5.76142 7.66675H4.85666C4.30437 7.66675 3.85666 8.11446 3.85666 8.66675V9.52389C3.85666 10.0762 4.30437 10.5239 4.85665 10.5239H5.76142" stroke="%2372DAD2" stroke-width="0.5"/><path d="M13.3805 7.66675H14.2852C14.8375 7.66675 15.2852 8.11446 15.2852 8.66675V9.52389C15.2852 10.0762 14.8375 10.5239 14.2852 10.5239H13.3805" stroke="%2372DAD2" stroke-width="0.5"/><path d="M13.3805 13.3809H14.2852C14.8375 13.3809 15.2852 13.8286 15.2852 14.3809V15.238C15.2852 15.7903 14.8375 16.238 14.2852 16.238H13.3805" stroke="%2372DAD2" stroke-width="0.5"/><path d="M5.76142 13.3809H4.85666C4.30437 13.3809 3.85666 13.8286 3.85666 14.3809V15.238C3.85666 15.7903 4.30437 16.238 4.85665 16.238H5.76142" stroke="%2372DAD2" stroke-width="0.5"/></svg>');
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-location:before {
    height: 20px;
    width: 11px;
    top: 4px;
    left: 4px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.77135 6.17426C8.82968 9.10786 7.71525 12.5438 6.8055 15.246C6.3505 16.5974 5.94736 17.7633 5.64291 18.5905C5.50994 18.9517 5.39681 19.2456 5.30702 19.4612C5.22082 19.2437 5.11263 18.9472 4.98579 18.5828C4.69539 17.7484 4.31232 16.5729 3.881 15.2116C3.01859 12.4896 1.96585 9.03276 1.08092 6.09493C0.202382 3.17833 2.39022 0.25 5.4384 0.25C8.52086 0.25 10.7129 3.24118 9.77135 6.17426ZM7.24963 4C7.24963 4.9665 6.46613 5.75 5.49963 5.75C4.53313 5.75 3.74963 4.9665 3.74963 4C3.74963 3.0335 4.53313 2.25 5.49963 2.25C6.46613 2.25 7.24963 3.0335 7.24963 4ZM5.49963 6.25C6.74227 6.25 7.74963 5.24264 7.74963 4C7.74963 2.75736 6.74227 1.75 5.49963 1.75C4.25699 1.75 3.24963 2.75736 3.24963 4C3.24963 5.24264 4.25699 6.25 5.49963 6.25Z" stroke="%2372DAD2" stroke-width="0.5"/></svg>');
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-url:before {
    height: 19px;
    width: 19px;
    top: 0;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 6.713L17 6.713M2 12.713L17 12.713M9.07491 17.5936C9.07491 17.5936 6.4642 12.9721 6.4642 9.49964C6.4642 6.02713 8.89277 2.07239 9.07491 1.46525M9.4999 17.5936C9.4999 17.5936 12.1106 12.9721 12.1106 9.49964C12.1106 6.02713 9.68204 2.07239 9.4999 1.46525M18 9.5C18 14.1944 14.1944 18 9.5 18C4.80558 18 1 14.1944 1 9.5C1 4.80558 4.80558 1 9.5 1C14.1944 1 18 4.80558 18 9.5Z" stroke="%2372DAD2" stroke-width="0.574"/></svg>');
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .social-profiles ul li a {
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .social-profiles ul li a:hover {
    opacity: 0.8;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .social-profiles ul li a img {
    width: 30px;
    height: 30px;
}
.zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .social-profiles ul li {
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 991px) {
    .zonia-experts-page .zonia-experts-page-style-2 .navbar-nav {
        text-align: center;
        align-items: center;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .navbar-nav li {
        margin-bottom: 10px;
        font-size: 23px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 #filter-btn {
        font-size: 23px;
        font-weight: 100;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .input-wrap .search-container {
        width: 100%;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .input-wrap svg {
        width: 16px;
        height: 16px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .form-control {
        font-size: 16px;
        width: 100%;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .form-control {
        padding-inline: calc(50% - 60px);
    }
    .zonia-experts-page .zonia-experts-page-style-2 .form-control ~ .search-icon {
        left: calc(50% - 92px);
    }
    .zonia-experts-page .zonia-experts-page-style-2 .form-control:focus,
    .zonia-experts-page .zonia-experts-page-style-2 .search-container #clear-search[style="display: inline-block;"] ~ .form-control {
        padding-left: 50px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .form-control:focus ~ .search-icon,
    .zonia-experts-page .zonia-experts-page-style-2 .search-container #clear-search[style="display: inline-block;"] ~ .search-icon {
        left: 15px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .search-container #clear-search {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        top: calc(50% - 10px);
    }
    .zonia-experts-page .zonia-experts-page-style-2 .dropdown-content {
        display: block;
        position: fixed !important;
        top: auto;
        right: 0;
        left: 0;
        bottom: -100%;
        width: auto;
        height: 70%;
        min-width: auto;
        border: none;
        background-color: rgba(0, 0, 0, 0.87);
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .dropdown-content.show {
        bottom: 0;
    }
    .overflow-hidden-sm-screen {
        overflow: hidden;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .dropdown-content,
    .zonia-experts-page .zonia-experts-page-style-2 .list-container {
        padding-top: 60px !important;
    }
    .filter-dropdown #close-dropdown,
    .filter-dropdown #toggle-state-list,
    .filter-dropdown #toggle-subcategory-list,
    .list-container .close-state-btn,
    .list-container .close-subcategory-btn {
        display: block
    }
    .list-container {
        display: none;
    }
    .filter-dropdown #close-dropdown {
        border: none;
        position: absolute;
        top: 15px;
        right: 10px;
        z-index: 4;
        background-color: transparent;
        transition: all ease-in-out 0.2s;
        -webkit-transition: all ease-in-out 0.2s;
        -moz-transition: all ease-in-out 0.2s;
        -ms-transition: all ease-in-out 0.2s;
        -o-transition: all ease-in-out 0.2s;
    }
    .filter-dropdown #close-dropdown:focus {
        opacity: 0.5;
    }
    .filter-dropdown #toggle-state-list,
    .filter-dropdown #toggle-subcategory-list {
        font-size: 20px;
        background-color: transparent;
        width: 100%;
        text-align: left;
        font-weight: 300;
        position: relative;
        margin: 0;
        padding: 15px 0;
    }
    .filter-dropdown #toggle-state-list:after,
    .filter-dropdown #toggle-subcategory-list:after {
        content: "";
        height: 16px;
        width: 16px;
        position: absolute;
        top: 18px;
        right: 0;
        border-style: solid;
        border-width: 2px 2px 0 0;
        border-color: var(--theme-color);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    .list-container .close-state-btn,
    .list-container .close-subcategory-btn {
        content: "";
        font-size: 0;
        color: transparent;
        background-color: transparent;
        height: 16px;
        width: 16px;
        position: absolute;
        top: 13px;
        left: 100%;
        border-style: solid;
        border-width: 0 0 1px 1px;
        border-color: var(--theme-color);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        z-index: 3;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        -o-transition: all ease-in-out 0.3s;
    }
    .list-container.show .close-state-btn,
    .list-container.show .close-subcategory-btn {
        left: 20px;
    }
    .list-container {
        position: absolute;
        inset: 0;
        z-index: 3;
        background-color: #000000;
        padding-inline: 1rem;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .dropdown-content .scroll-wrapper {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .dropdown-content .scroll-content {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .dropdown-content .scrollbar-inner > .scroll-element.scroll-x {
        display: none !important;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .dropdown-content .scrollbar-inner > .scroll-element.scroll-y {
        right: 0;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .scrollbar-container {
        height: 100%;
    }
    .zonia-experts-page .zonia-experts-page-style-2 #state-list,
    .zonia-experts-page .zonia-experts-page-style-2 #subcategory-list {
        text-align: center;
        padding-bottom: 15px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .list-container {
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: all ease-in-out 0.4s;
        -webkit-transition: all ease-in-out 0.4s;
        -moz-transition: all ease-in-out 0.4s;
        -ms-transition: all ease-in-out 0.4s;
        -o-transition: all ease-in-out 0.4s;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .list-container.show {
        visibility: visible;
        opacity: 1;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .list-container.show  #state-list,
    .zonia-experts-page .zonia-experts-page-style-2 .list-container.show  #subcategory-list {
        opacity: 1;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .list-container h4 {
        font-size: 18px;
        font-weight: 300;
        text-align: center;
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        position: absolute;
        top: 10px;
        left: 100%;
        width: 100%;
        transition: all ease-in-out 0.4s;
        -webkit-transition: all ease-in-out 0.4s;
        -moz-transition: all ease-in-out 0.4s;
        -ms-transition: all ease-in-out 0.4s;
        -o-transition: all ease-in-out 0.4s;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .list-container.show h4 {
        left: 0;
    }
}

@media (max-width: 767px) {
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-photo .img-small {
        width: 100px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content {
        font-size: 14px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-name:before {
        height: 15px;
        width: 13px;
        top: 5px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-credential:before {
        height: 10.5px;
        width: 15px;
        top: 5px;

    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-work:before {
        height: 15px;
        width: 12.8px;
        top: 5px;

    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-location:before {
        height: 15px;
        width: 9.7px;
        top: 0;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .experts-content .experts-url:before {
        height: 15px;
        width: 15px;
        top: 2px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .social-profiles ul {
        padding-left: 12px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col .expert-item .social-profiles ul li {
        padding-left: 4px;
        padding-right: 4px;
    }
}
@media (max-width: 575px) {
    .zonia-experts-page .zonia-experts-page-style-2 .form-control {
        height: 45px
    }
    .zonia-experts-page .zonia-experts-page-style-2 .tag {
        font-size: 16px;
        padding-left: 25px;
    }
    .zonia-experts-page .zonia-experts-page-style-2 .tag button {
        left: 5px;
        top: calc(50% + 1px);
    }
    .filter-dropdown #close-dropdown {
        right: 3px;
    }
}

@media (min-width: 1600px) {
    .zonia-experts-page .zonia-experts-page-style-2 .expert-col {
        max-width: 20%;
        width: 100%;
    }
}
/* #endregion zonia-experts-page-style-2 */

/* #region zonia-blog-section */
.zonia-blog-section .blog-thumbnail {
    width: 100%;
    max-width: 400px;
}
.zonia-blog-section .heading-style-3 {
    font-size: 45px;
}
.zonia-blog-section .heading-style-3.heading-style-line:before {
    width: 69%;
    bottom: -4px;
}
@media (max-width: 1199px) {
    .zonia-blog-section .blog-thumbnail {
        max-width: 330px;
    }
}
@media (max-width: 1199px) {
    .zonia-blog-section .heading-style-3 {
        font-size: 40px;
        line-height: 1.1;
    }
    .zonia-blog-section .blog-thumbnail {
        max-width: 310px;
    }
}
@media (max-width: 767px) {
    .zonia-blog-section .blog-thumbnail {
        max-width: 100%;
    }
    .zonia-experts-single .heading-style-line:before,
    .zonia-experts-single .heading-style-line-center:before {
        width: 180px;
    }
    .zonia-blog-section .heading-style-3.heading-style-line:before {
        width: 220px;
    }
}
/* #endregion zonia-blog-section */

/* #region zonia-our-editorial-process-1 */
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 {
    color: #fff;
    background: #000;
    padding-top: 0;
    padding-bottom: 0;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-content {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img {
    position: relative;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img:before {
    content: "";
    display: block;
    padding-top: calc(37% + 8px);
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(111deg, #000000 10%, rgba(0, 0, 0, 0) 40%);
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-1 .heading-style-1 {
    font-size: 80px;
}
@media only screen and (max-width: 1199px) {
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img:before {
        padding-top: calc(45% + 8px);
    }
}
@media (max-width: 991px) {
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-content {
        position: relative;
        inset: unset;
    }
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .heading-style-line:before {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img:before,
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img:after {
        display: none;
    }
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .banner .banner-img img {
        position: relative;
        inset: unset;
    }
}
@media (max-width: 767px) {
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .heading-style-1 {
        font-size: 70px;
    }
}
@media (max-width: 575px) {
    .zonia-our-editorial-process-page .zonia-our-editorial-process-1 .heading-style-1 {
        font-size: 50px;
    }
}
/* #endregion zonia-our-editorial-process-1 */

/* #region zonia-our-editorial-process-2 */
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li {
    display: inline-block;
    margin-right: 35px;
    margin-bottom: 25px;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li a {
    text-decoration: none;
    color: #fff;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li a:hover {
    color: var(--theme-color);
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li a:hover svg,
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li a:hover svg path {
    fill: var(--theme-color);
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li span {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li span,
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li svg {
    width: 30px;
    height: 30px;
}
.zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li.facebook span img {
    width: 16px;
}
@media (max-width: 767px) {
    .zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li {
        margin-right: 25px;
    }
    .zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li span,
    .zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li svg {
        width: 25px;
        height: 25px;
    }
}
@media (max-width: 393px) {
    .zonia-our-editorial-process-page .zonia-our-editorial-process-2 ul.social-profiles li {
        margin-right: 15px;
    }
}
/* #endregion zonia-our-editorial-process-2 */

/* #region zonia-about-us-1 */
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .content-icon {
    width: 56px;
    margin-inline: auto;
}
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .content-icon svg {
    width: 56px;
    height: 56px;
}
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .content-icon svg,
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .content-icon svg path {
    fill: #ffffff;
}
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link .heading-style-3 {
    font-size: 20px;
    color: #fff;
}
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link.active .heading-style-3,
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link:hover .heading-style-3 {
    color: var(--theme-color);
}
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link.active {
    border-bottom: 1px solid var(--theme-color);
}
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link:hover .content-icon svg,
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link:hover .content-icon svg path,
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link.active .content-icon svg,
.zonia-about-us-page .zonia-about-us-1 .our-content-tab .nav-link.active .content-icon svg path {
    fill: var(--theme-color);
}
.owl-carousel.owl-hidden {
    opacity: 1;
}
/* #region swiper */
.zonia-about-us-page .zonia-about-us-1 .item {
    position: relative;
    text-align: center;
}
.zonia-about-us-page .zonia-about-us-1 .item:before {
    content: "";
    display: block;
    padding-top: 128%;
}
.zonia-about-us-page .zonia-about-us-1 .item img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9px;
}
.zonia-about-us-page .zonia-about-us-1 .owl-carousel .owl-stage-outer {
    text-align: center;
}
.zonia-about-us-page .zonia-about-us-1 .owl-carousel .owl-stage {
    display: inline-block;
}
.zonia-about-us-page .zonia-about-us-1 .owl-nav {
    margin: 0;
}
.zonia-about-us-page .zonia-about-us-1 .owl-nav .owl-prev,
.zonia-about-us-page .zonia-about-us-1 .owl-nav .owl-next {
    margin: 0;
    position: absolute;
    left: -36px;
    top: calc(50% - 10px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 16px;
    height: 28px;
    display: block;
    opacity: 0.5;
}
.zonia-about-us-page .zonia-about-us-1 .owl-nav .owl-next {
    right: -36px;
    left: auto;
}
.zonia-about-us-page .zonia-about-us-1 .owl-nav .owl-prev:hover,
.zonia-about-us-page .zonia-about-us-1 .owl-nav .owl-next:hover {
    background-color: transparent;
    opacity: 1;
}
.zonia-about-us-page .zonia-about-us-1 .owl-theme .owl-nav .owl-prev {
    background: url('data:image/svg+xml,<svg width="16" height="28" viewBox="0 0 16 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.8053 24.8549C15.4643 25.5112 15.464 26.5781 14.8048 27.2341C14.1498 27.8859 13.0912 27.8858 12.4364 27.2338L0.659271 15.5077C0.450344 15.3009 0.284537 15.055 0.171393 14.7841C0.0582484 14.5133 0 14.2228 0 13.9294C0 13.6361 0.0582484 13.3456 0.171393 13.0747C0.284537 12.8039 0.450344 12.558 0.659271 12.3512L12.4364 0.618887C13.0911 -0.0332399 14.1498 -0.0332853 14.8044 0.618785C15.4627 1.27446 15.4628 2.34029 14.8045 2.99603L5.25526 12.509C4.47057 13.2908 4.47063 14.5613 5.25539 15.343L14.8053 24.8549Z" fill="%2300CCBC"/></svg>');
}
.zonia-about-us-page .zonia-about-us-1 .owl-theme .owl-nav .owl-next {
    background: url('data:image/svg+xml,<svg width="16" height="28" viewBox="0 0 16 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.19465 2.99665C0.53573 2.34035 0.53598 1.27341 1.19521 0.617424C1.85022 -0.0343609 2.90883 -0.0342045 3.56365 0.617777L15.3407 12.3439C15.5497 12.5507 15.7155 12.7966 15.8286 13.0674C15.9418 13.3383 16 13.6288 16 13.9221C16 14.2155 15.9418 14.506 15.8286 14.7768C15.7155 15.0477 15.5497 15.2936 15.3407 15.5004L3.56355 27.2327C2.90893 27.8848 1.85024 27.8848 1.19556 27.2328C0.537263 26.5771 0.537214 25.5113 1.19545 24.8555L10.7447 15.3425C11.5294 14.5608 11.5294 13.2902 10.7446 12.5086L1.19465 2.99665Z" fill="%2300CCBC"/></svg>');
}
.zonia-about-us-page .zonia-about-us-1 .owl-dots {
    margin-top: 35px;
    line-height: 0;
}
.zonia-about-us-page .zonia-about-us-1 .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px;
    background: #3D4854;
}
.zonia-about-us-page .zonia-about-us-1 .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    background-color: var(--theme-color);
}
/* #endregion swiper */
.zonia-about-us-page .zonia-about-us-1 .accordion {
    width: calc(100% + var(--bs-gutter-x));
    margin-inline: calc( -0.5 * var(--bs-gutter-x));
    overflow-x: hidden;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button .content-icon,
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button .content-icon svg {
    height: 35px;
    width: 35px;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button.collapsed .content-icon svg,
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button.collapsed .content-icon svg path {
    fill: #ffffff;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button .content-icon svg,
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button .content-icon svg path {
    fill: var(--theme-color);
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-item {
    background-color: transparent;
    border: none;
    color: #fff;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-item .accordion-button {
    background-color: transparent;
    padding: 10px 0.75rem;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-item .accordion-button:focus,
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-item .accordion-button:not(.collapsed) {
    box-shadow: none;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6282 0.600894C12.9558 0.270051 13.4904 0.270177 13.8178 0.601175C14.1403 0.927273 14.1402 1.45226 13.8176 1.77826L7.98606 7.67036C7.88329 7.77483 7.76107 7.85773 7.62646 7.9143C7.49184 7.97088 7.34747 8 7.20167 8C7.05586 8 6.9115 7.97088 6.77688 7.9143C6.64226 7.85773 6.52005 7.77483 6.41727 7.67036L0.582662 1.77821C0.259937 1.4523 0.259915 0.927279 0.582611 0.601345C0.909856 0.270815 1.44391 0.270791 1.77118 0.60129L6.48937 5.36596C6.8807 5.76114 7.51927 5.76111 7.91056 5.36589L12.6282 0.600894Z" fill="white"/></svg>');
    width: 15px;
    height: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg width="15" height="8" viewBox="0 0 15 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6282 0.600162C12.9558 0.269319 13.4904 0.269445 13.8178 0.600443C14.1403 0.926541 14.1402 1.45152 13.8176 1.77753L7.98606 7.66963C7.88329 7.7741 7.76107 7.857 7.62646 7.91357C7.49184 7.97014 7.34747 7.99927 7.20167 7.99927C7.05586 7.99927 6.91149 7.97014 6.77688 7.91357C6.64226 7.857 6.52005 7.7741 6.41727 7.66963L0.582661 1.77748C0.259937 1.45157 0.259915 0.926547 0.582611 0.600612C0.909856 0.270083 1.44391 0.270058 1.77118 0.600557L6.48937 5.36522C6.8807 5.76041 7.51927 5.76038 7.91056 5.36516L12.6282 0.600162Z" fill="%2300CCBC"/></svg>');
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button .heading-style-3 {
    font-size: 20px;
    color: #fff;
    position: relative;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-button.collapsed .heading-style-3 {
    color: #fff;
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-item .accordion-button:not(.collapsed) .heading-style-3 {
    color: var(--theme-color);
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-item .accordion-button:not(.collapsed) .heading-style-3:before {
    content: "";
    position: absolute;
    width: 85%;
    bottom: -8px;
    height: 1px;
    background-color: var(--theme-color);
}
.zonia-about-us-page .zonia-about-us-1 .accordion .accordion-body {
    padding: 10px 0;
}
.zonia-about-us-page .zonia-about-us-1 .swiper-slide {
    position: relative;
    text-align: center;
}
.zonia-about-us-page .zonia-about-us-1 .swiper-slide:before {
    content: "";
    display: block;
    padding-top: 128%;
}
.zonia-about-us-page .zonia-about-us-1 .swiper-slide img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
@media only screen and (max-width: 767px) {
    .zonia-about-us-page .zonia-about-us-1 .item img {
        border-radius: 3px;
    }
}
/* #endregion zonia-about-us-1 */

/* #region zonia-our-team-1 */
.zonia-our-team-page .zonia-our-team-1 {
    color: #fff;
    background: #000;
    padding-top: 0;
    padding-bottom: 0;
}
.zonia-our-team-page .zonia-our-team-1 .banner {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.zonia-our-team-page .zonia-our-team-1 .banner .banner-content {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.zonia-our-team-page .zonia-our-team-1 .banner .banner-img {
    position: relative;
}
.zonia-our-team-page .zonia-our-team-1 .banner .banner-img:before {
    content: "";
    display: block;
    padding-top: calc(38% + 10px);
}
.zonia-our-team-page .zonia-our-team-1 .banner .banner-img:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(111deg, #000000 10%, rgba(0, 0, 0, 0) 40%);
}
.zonia-our-team-page .zonia-our-team-1 .banner .banner-img img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.zonia-our-team-page .zonia-our-team-1 .heading-style-1 {
    font-size: 80px;
}
@media only screen and (max-width: 1199px) {
    .zonia-our-team-page .zonia-our-team-1 .banner .banner-img:before {
        padding-top: calc(50% + 10px);
    }
}
@media (max-width: 991px) {
    .zonia-our-team-page .zonia-our-team-1 .banner .banner-content {
        position: relative;
        inset: unset;
    }
    .zonia-our-team-page .zonia-our-team-1 .heading-style-line:before {
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .zonia-our-team-page .zonia-our-team-1 .banner .banner-img:before,
    .zonia-our-team-page .zonia-our-team-1 .banner .banner-img:after {
        display: none;
    }
    .zonia-our-team-page .zonia-our-team-1 .banner .banner-img img {
        position: relative;
        inset: unset;
    }
}
@media (max-width: 767px) {
    .zonia-our-team-page .zonia-our-team-1 .heading-style-1 {
        font-size: 70px;
    }
}
@media (max-width: 575px) {
    .zonia-our-team-page .zonia-our-team-1 .heading-style-1 {
        font-size: 50px;
    }
}
/* #endregion zonia-our-team-1 */

/* #region zonia-our-team-2 */
.zonia-our-team-page .zonia-our-team-2 .team-wrap {
    background-color: #192A31;
    padding-inline: 14px;
    padding-top: 12px;
    font-size: 20px;
    position: relative;
}
.zonia-our-team-page .zonia-our-team-2 .team-wrap p {
    margin-bottom: 12px;
}
.zonia-our-team-page .zonia-our-team-2 .team-wrap .img-bx:before {
    content: "";
    padding-top: 110%;
    display: block;
}
.zonia-our-team-page .zonia-our-team-2 .team-wrap .img-bx img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.zonia-our-team-page .zonia-our-team-2 .text-excerpt {
    margin-bottom: 30px;
}
.zonia-our-team-page .zonia-our-team-2 .excerpt-ON .text-excerpt {
    display: -webkit-box;
    line-clamp: 7;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.zonia-our-team-page .zonia-our-team-2 .team-cnt .readMore {
    display: none;
    margin-bottom: 10px;
}
.zonia-our-team-page .zonia-our-team-2 .team-cnt.excerpt-ON .readMore {
    display: block;
}
.zonia-our-team-page .zonia-our-team-2 .team-cnt .readLess {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.zonia-our-team-page .zonia-our-team-2 .team-cnt .readLess span {
    display: block;
    height: 15px;
    width: 15px;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: var(--theme-color);
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% + 3px);
    transform: rotate(-45deg) translate(-50%, -50%);
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    -moz-transform: rotate(-45deg) translate(-50%, -50%);
    -ms-transform: rotate(-45deg) translate(-50%, -50%);
    -o-transform: rotate(-45deg) translate(-50%, -50%);
}
.zonia-our-team-page .zonia-our-team-2 .team-cnt.excerpt-ON .readLess {
    display: none;
}
@media only screen and (max-width: 575px) {
    .zonia-our-team-page .zonia-our-team-2 .team-wrap {
        font-size: 18px;
    }
}
@media only screen and (max-width: 393px) {
    .zonia-our-team-page .zonia-our-team-2 .team-wrap {
        font-size: 17px;
    }
}
/* #endregion zonia-our-team-2 */

/* #region zonia-our-team-3 */
.zonia-our-team-page .zonia-our-team-3 .team-wrap {
    background-color: #192A31;
    padding-inline: 14px;
    padding-top: 12px;
    font-size: 20px;
}
.zonia-our-team-page .zonia-our-team-3 .team-wrap:hover {
    background-color: #1e333b;
}
.zonia-our-team-page .zonia-our-team-3 .team-wrap p {
    margin-bottom: 12px;
}
.zonia-our-team-page .zonia-our-team-3 .team-wrap .img-bx:before {
    content: "";
    padding-top: 110%;
    display: block;
}
.zonia-our-team-page .zonia-our-team-3 .team-wrap .img-bx img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
/* #endregion zonia-our-team-3 */

/* #region zonia-our-team-4 */
.zonia-our-team-page .zonia-our-team-4 .team-wrap {
    background-color: #192A31;
    padding-inline: 14px;
    padding-top: 16px;
    font-size: 20px;
    word-wrap:break-word;
}
.zonia-our-team-page .zonia-our-team-4 .team-wrap p {
    margin-bottom: 15px;
    font-size: 16px;
    width: 100%;
}
.zonia-our-team-page .zonia-our-team-4 .team-wrap p span {
    font-size: 20px;
}
.zonia-our-team-page .zonia-our-team-4 .team-wrap .img-bx:before {
    content: "";
    padding-top: 63%;
    display: block;
}
.zonia-our-team-page .zonia-our-team-4 .team-wrap .img-bx img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media only screen and (max-width: 575px) {
    .zonia-our-team-page .zonia-our-team-4 .team-wrap p span {
        font-size: 18px;
    }
}
/* #endregion zonia-our-team-4 */

/* #region zonia-our-team-5 */
.zonia-our-team-page .zonia-our-team-5 .contact-wrap {
    background-color: #1F3741;
    padding-inline: 14px;
    padding-top: 15px;
    height: 318px;
}
.zonia-our-team-page .zonia-our-team-5 .contact-wrap p {
    margin-bottom: 15px;
}
.zonia-our-team-page .zonia-our-team-5 .contact-wrap a {
    text-decoration: none;
    color: #ffffff;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.zonia-our-team-page .zonia-our-team-5 .contact-wrap a:hover {
    opacity: 0.8;
}
.zonia-our-team-page .zonia-our-team-5 .contact-wrap .img-bx img {
    width: 45px;
}
@media only screen and (max-width: 575px) {
    .zonia-our-team-page .zonia-our-team-5 .contact-wrap {
        height: 183px;
    }
    .zonia-our-team-page .zonia-our-team-5 .contact-wrap .img-bx img {
        width: 25px;
    }
    .zonia-our-team-page .zonia-our-team-4 .team-wrap p span {
        min-height: unset;
    }
}
/* #endregion zonia-our-team-5 */

/* #region footer */
footer {
    background-color: #000;
    color: #fff;
}
.footer-area {
    font-size: 18px;
    font-weight: 100;
}
.footer-area ul li {
    padding-bottom: 15px;
}
.footer-area ul li a {
    text-decoration: none;
    color: #fff;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.footer-area ul li a:hover {
    color: var(--theme-color);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.footer-area .heading-style-2 {
    font-size: 25px;
    font-weight: 100;
}
.footer-area .heading-style-line:before {
    width: 100px;
}
.footer-area ul.social-profiles li a:hover svg,
.footer-area ul.social-profiles li a:hover svg path {
    fill: var(--theme-color) !important;
}
.footer-area ul.social-profiles li span {
    width: 25px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}
.footer-area ul.social-profiles li span svg {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.footer-area ul.social-profiles li.facebook span svg {
    width: 10px;
}
.footer-area .app-platforms a {
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.footer-area .app-platforms a:hover {
    display: block;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.footer-area .app-platforms .img-bx {
    width: 100%;
    max-width: 156px;
    position: relative;
}
.footer-bar {
    font-size: 18px;
    font-weight: 100;
}
.footer-bar .site-info span {
    width: 27px;
    display: inline-block;
    margin-right: 10px;
}
.footer-bar .footer-navigation ul li {
    margin: 0 20px;
}
.footer-bar .footer-navigation ul li a {
    color: #fff;
    text-decoration: none;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.footer-bar .footer-navigation ul li a:hover {
    color: var(--theme-color);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

@media only screen and (max-width: 991px) {
    .footer-area .heading-style-line-center:before {
        width: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .footer-area {
        font-size: 14px;
    }
    .footer-bar,
    .footer-area .heading-style-2 {
        font-size: 16px;
    }
    .footer-bar .row {
        flex-direction: column;
        align-items: center;
    }
    .footer-area .heading-style-line:before {
        width: 70px;
    }
}

@media only screen and (max-width: 575px) {
    .footer-bar .footer-navigation ul li {
        margin: 0 15px;
    }
}
/* #endregion footer */

/* #region cookies-alert */
.cookies-alert {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 300;
    color: #ffffff;
    border: none;
    background-image: linear-gradient(rgba(18, 32, 39, 0.6), #000000);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin-bottom: 0;
    padding: 27px 0;
}
.cookies-alert a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
}
.cookies-alert a:hover {
    color: var(--theme-color);
    border-color: var(--theme-color);
}
.cookies-alert .btn-close {
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cookies-alert .btn-close svg {
    fill: var(--theme-color);

}
.cookies-alert .alert-inner {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    max-width: 1600px;
    margin-inline: auto;
    position: relative;
    padding-right: 60px;
    padding-left: calc(var(--bs-gutter-x)* .5);
}

@media only screen and (max-width: 767px) {
    .cookies-alert {
        font-size: 16px;
        padding: 15px 0;
    }
    .cookies-alert .btn-close {
        width: 20px;
        height: 20px;
        top: 15px;
        right: 15px;
    }
    .cookies-alert .alert-inner {
        padding-right: 45px;
    }
}
/* #endregion cookies-alert */