:root {
    --mreza-bluedark: #0c125e;
    --mreza-bluelight: #2252b2;
    --mreza-reddark: #c00000;
    --mreza-secondary: #6c757d;
    --mreza-secondary-light: #9da2a6;
}


html, body {
    font-size: 18px;
}

/* #start: General ===================================================================== */

body {
    font-family: "Barlow", Arial, Helvetica, sans-serif;
    color: #4a565d;
    background-color: #ebeff2;
    line-height: 1.4;
    padding-top: 92px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    min-width: 300px;
}


/* #start: Footer Always Bottom ============================= */
body {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
}
    /* #end: Footer Always Bottom ========= */


    body.is-scrolled {
        padding-top: 65px;
    }

@media (max-width: 991.98px) {

    body {
        padding-top: 80px;
    }


        body.is-scrolled {
            padding-top: 65px;
        }
}

@media (max-width: 767.98px) {
    body {
        padding-top: 68px;
    }


        body.is-scrolled {
            padding-top: 65px;
        }
}

@media (max-width: 575.98px) {
    body {
        padding-top: 57px;
    }


        body.is-scrolled {
            padding-top: 53px;
        }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: 500;
    color: #000;
    margin-bottom: 0.75em;
    line-height: 1;
}

.is-short-heading {
    max-width: 500px !important;
    line-height: 1.3;
}


.is-svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 2rem;
}

.is-svg-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.is-svg-defs {
    position: absolute;
    left: -100000px;
    top: -100000px;
}

.is-overlay {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

body.opened-menu {
    overflow: hidden;
}

    body.opened-menu .is-overlay {
        pointer-events: all;
        background-color: rgba(0, 0, 0, 0.1);
    }

.modal-backdrop.show {
    -webkit-opacity: 0.3 !important;
    -moz-opacity: 0.3 !important;
    opacity: 0.3 !important;
}

/* #end: General ============= */



/* #start: Buttons ===================================================================== */
.btn {
    --bs-btn-padding-y: 0.12rem;
    --bs-btn-padding-x: 0.44rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 0.15rem;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
    white-space: nowrap;
    font-size: 1rem;
}

    .btn.is-ico-l {
        position: relative;
        padding-left: 2rem;
    }

        .btn.is-ico-l .is-svg-icon {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0.5rem;
        }

    .btn.is-ico-r {
        position: relative;
        padding-right: 2rem;
    }

        .btn.is-ico-r .is-svg-icon {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0.5rem;
        }

    .btn:focus, .btn:focus-visible {
        -webkit-box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
    }

    .is-btn-no-shad.btn:focus, .btn:focus-visible {
        -webkit-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
    }

.btn-link {
    text-underline-offset: 0.25em;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-lg {
    --bs-btn-padding-y: 0.4rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 0.15rem;
}

.btn-is-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #c00000;
    --bs-btn-border-color: #c00000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ea2c2c;
    --bs-btn-hover-border-color: #ea2c2c;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b71212;
    --bs-btn-active-border-color: #b71212;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #aeaeae;
    --bs-btn-disabled-border-color: #aeaeae;
}

    .btn-is-red .is-svg-icon,
    .btn-secondary .is-svg-icon,
    .btn-is-blue .is-svg-icon,
    .btn-is-bluelight .is-svg-icon {
        fill: #ffffff;
    }

.btn-is-red-outline {
    --bs-btn-color: #c00000;
    --bs-btn-border-color: #c00000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c00000;
    --bs-btn-hover-border-color: #c00000;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c00000;
    --bs-btn-active-border-color: #c00000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ce1515;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ce1515;
    --bs-gradient: none;
}

.btn-is-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0c125e;
    --bs-btn-border-color: #0c125e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #111a86;
    --bs-btn-hover-border-color: #111a86;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00075e;
    --bs-btn-active-border-color: #00075e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #aeaeae;
    --bs-btn-disabled-border-color: #aeaeae;
}

.btn-is-blue-outline {
    --bs-btn-color: #0c125e;
    --bs-btn-border-color: #0c125e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0c125e;
    --bs-btn-hover-border-color: #0c125e;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0c125e;
    --bs-btn-active-border-color: #0c125e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ce1515;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ce1515;
    --bs-gradient: none;
}

.btn-is-bluelight {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2252b2;
    --bs-btn-border-color: #2252b2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3075dd;
    --bs-btn-hover-border-color: #3075dd;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003dbb;
    --bs-btn-active-border-color: #003dbb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #aeaeae;
    --bs-btn-disabled-border-color: #aeaeae;
}

.btn-is-bluelight-outline {
    --bs-btn-color: #2252b2;
    --bs-btn-border-color: #2252b2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3075dd;
    --bs-btn-hover-border-color: #3075dd;
    --bs-btn-focus-shadow-rgb: 0, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #003dbb;
    --bs-btn-active-border-color: #003dbb;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ce1515;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ce1515;
    --bs-gradient: none;
}

/* #end: Buttons ================ */




/* #start: Forms ===================================================================== */

.form-control {
    border-color: #acb8bf;
    border-radius: 0.15rem;
}

.form-select {
    border-radius: 0.15rem;
    border-color: #acb8bf;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232252b2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-size: 20px 16px;
}

.form-control:hover, .form-select:hover {
    border-color: #6c7880;
}

.form-control:focus, .form-select:focus {
    border-color: #626c73;
    box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
}

.is-reqiured-sign {
    color: #c00000;
    font-weight: 700;
    pointer-events: none;
}

.is-form-row {
    position: relative;
    margin-bottom: 1rem;
}

    .is-form-row .is-reqiured-sign {
        position: absolute;
        right: 0.4em;
        top: 0.1rem;
    }

.btn-submit-form {
    min-width: 280px;
}

@media (max-width: 479.98px) {
    .btn-submit-form {
        min-width: 100%;
    }
}

.is-required-fields-info {
    font-size:0.9rem;
}

@media (max-width: 991.98px) {
    .is-required-fields-info {
        font-size: 0.9rem;
    }
}

@media (max-width: 767.98px) {
    .is-required-fields-info {
        font-size: 0.8rem;
    }
}

@media (max-width: 575.98px) {
    .is-required-fields-info {
        font-size: 0.7rem;
    }
}

/* #end: Forms ================= */




/* #start: Header ===================================================================== */
.is-header-root {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 807px;
    text-align: center;
    display: none;
}

.home-page .is-header-root {
    display: block;
}

@media (min-width: 1400px) {
    .is-header-root {
        height: calc(100vh - 92px);
    }
}

@media (max-width: 991.98px) {
    .is-header-root {
        height: 417px;
    }
}

@media (max-width: 479.98px) {
    .is-header-root {
        height: 336px;
    }
}


.is-header-root.is-header-overlay:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(10, 12, 13, 0.1);
    z-index: 1;
}

.is-header-content {
    position: relative;
    z-index: 2;
    background-color: rgba(0,0,0,0.3);
    padding: 40px 60px;
}

.is-header-root .is-header-slogan {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
}


@media (max-width: 991.98px) {
    .is-header-root .is-header-slogan {
        font-size: 24px;
    }

    .is-header-content {
        padding: 30px 45px;
    }
}

@media (max-width: 575.98px) {
    .is-header-root .is-header-slogan {
        font-size: 18px;
    }

    .is-header-content {
        padding: 20px 30px;
    }
}

.is-header-root .is-header-bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.is-header-root .is-header-bg img {
        display: block;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

/* #end: Header =============== */



/* #start: Main Content ===================================================================== */
.is-main-root {
    min-height: 300px;
    padding-top: 2rem;
    padding-bottom: 4rem;
}

.is-section-inner-wrapper {
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
}

.is-welcome-home-container {
    text-align: center;
}

    .is-welcome-home-container h2,
    .is-welcome-home-container h4 {
        text-transform: uppercase;
    }

.is-whc-subtitle {
    color: #c00000;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.is-welcome-home-text {
    display: inline-block;
    text-align: left;
}

.container-fluid > .is-section-inner-wrapper {
    max-width: 1320px;
}





/* #start: Hub cards ================================================ */
@media (max-width: 767.98px) {
    .is-hub-cards {
        max-width: 100%;
    }
}

@media (max-width: 1399.98px) and (min-width: 1200px) {
    .is-hub-cards {
        max-width: 100%;
    }
}

.is-hub-cards .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
    transition: 0.3s;
    border-radius: 5px;
    height: 100%;
    line-height: 1.3;
    font-size: 0.9rem;
    transition: all 0.25s ease-in-out;
}

    .is-hub-cards .card p {
        margin-bottom: 0.5rem;
    }


    .is-hub-cards .card:hover {
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    }

.is-card-label {
    font-weight: 600;
    color: #2b2f31;
}

/* #start: Hub cards ================================ */

.is-hub-cards .card ul.dot-primary {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.95rem;
    line-height: 1;
}

.is-hub-cards .card .is-image-contain {
    width: 100%;
    height: 180px;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75rem;
    border-radius: 0.25rem;
    overflow: hidden;
    flex-shrink: 0;
}

.is-hub-cards .card .is-card-image {
    transition: all 0.3s ease-in-out;
}

.is-hub-cards .card:hover .is-card-image {
    transform: scale(1.05);
}

@media (max-width: 319.98px) {
    .is-hub-cards .card .is-image-contain {
        max-width: 90%;
    }
}

@media (max-width: 299.98px) {
    .is-hub-cards .card .is-image-contain {
        max-width: 100%;
    }
}

.is-hub-cards-container {
    justify-content: center;
}

.is-hub-cards .is-btn-right, .is-hub-cards .is-btn-left {
    padding-top: 28px;
    padding-bottom: 2px;
}

    .is-hub-cards .is-btn-right .btn {
        min-width: 160px;
    }

@media (max-width:1199.98px) {
    .is-hub-cards .is-btn-left .btn,
    .is-hub-cards .is-btn-right .btn {
        min-width: 198px;
    }
}

@media (max-width:575.98px) {
    .is-hub-cards .is-btn-left .btn,
    .is-hub-cards .is-btn-right .btn {
        min-width: 100%;
        font-size: 0.8rem;
        padding-right: 0.5rem;
        padding-left: 1.8rem;
        font-weight: 500;
    }

        .is-hub-cards .is-btn-left .btn .is-svg-icon,
        .is-hub-cards .is-btn-right .btn .is-svg-icon {
            left: 0.4rem;
        }

    .is-hub-cards .is-btn-left {
        padding-right: 0;
    }
}

/* #start: Flip Cards ======================================= */
.flip-card {
    background-color: transparent;
    min-height: 450px;
    perspective: 1000px;
}

@media (max-width: 767.98px) {
    .flip-card {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 575.98px) {
    .flip-card {
        max-width: 340px;
    }
}

@media (max-width: 379.98px) {
    .flip-card {
        max-width: 320px;
    }
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 5px;
    padding-top: 0.75rem;
    padding-bottom: 1rem;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    line-height: 1.1;
}

.flip-card-front {
    background-color: #fff;
}

    .flip-card-front h4 {
        margin-bottom: 0.25em;
        font-size: 1.2rem;
        margin-left: -0.2rem;
        margin-right: -0.2rem;
    }

.flip-card-front-footer {
    display: flex;
    width: 98%;
    justify-content: center;
}

    .flip-card-front-footer .btn-is-red-outline,
    .flip-card-front-footer .btn-is-blue-outline,
    .flip-card-front-footer .btn-is-bluelight-outline {
        padding-left: 1rem;
        padding-right: 1rem;
        line-height: 41.68px;
    }

.flip-card-back {
    background-color: #fff;
    transform: rotateY(180deg);
}

/* #end: Flip Cards ========== */

/* #end: Hub Cards =============== */

    .flip-card-back .is-location {
        font-size: 0.8rem;
        font-weight: 500;
        white-space: normal;
    }



/* #start: Text Size Control ==================================== */
@media (min-width: 1200px) and (max-width: 1280px) {
    .flip-card-back .is-location {
        font-size: 0.7rem;
    }
    .is-hub-cards .card .is-card-description {
        font-size: 0.85rem;
    }
    .flip-card-front h4 {
        font-size:1.15rem;
    }
    .is-hub-cards .card ul.dot-primary {
        font-size: 0.9rem;
    }
}

@media (min-width: 576px) and (max-width: 650px) {
    .flip-card-back .is-location {
        font-size: 0.7rem;
    }
    .is-hub-cards .card .is-card-description {
        font-size: 0.85rem;
    }
    .flip-card-front h4 {
        font-size: 1.15rem;
    }
    .is-hub-cards .card ul.dot-primary {
        font-size: 0.9rem;
    }
}

@media (max-width: 340px) {
    .flip-card-back .is-location {
        font-size: 0.7rem;
    }
    .is-hub-cards .card .is-card-description {
        font-size: 0.85rem;
    }
    .flip-card-front h4 {
        font-size: 1.15rem;
    }
    .is-hub-cards .card ul.dot-primary {
        font-size: 0.9rem;
    }
}
/* #end: Text Size Control =========== */



    .flip-card-back ul, .flip-card-front ul {
        text-align: left;
        align-self: start;
    }

.is-btn-flip {
    height: 48px;
    width: 48px;
    padding: 0;
    border-radius: 50% !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
}

    .is-btn-flip .is-svg-icon {
        fill: #6c757d;
        height: 1.5rem;
        width: 1.5rem;
        transition: all 0.2s ease-in-out;
    }

    .is-btn-flip:hover, .is-btn-flip:active, .is-btn-flip:focus-visible {
        background: none !important;
    }

        .is-btn-flip:hover .is-svg-icon {
            transform: rotate(90deg);
        }

.flip-card-back .is-btn-flip:hover .is-svg-icon {
    transform: rotate(-90deg);
}


.flip-card-front-text {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}

/* #end: Flip Cards ========== */

.is-main-search {
    position: relative;
}

    .is-main-search > .form-control,
    .is-main-search:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-radius: 5rem;
        line-height: 2rem;
        padding-left: 1.2rem;
        padding-right: 3rem;
    }

    .is-main-search > .btn {
        position: absolute;
        right: 0;
        height: 100%;
        z-index: 123;
        width: 3rem;
        padding: 0;
        line-height: 0.5rem;
        text-align: center;
    }

        .is-main-search > .btn .is-svg-icon {
            transition: all 0.2s ease-in-out;
            fill: var(--mreza-bluelight);
            width: 1.1rem;
            height: 1.1rem;
        }
        .is-main-search > .btn:hover .is-svg-icon {
            fill: var(--mreza-reddark);
        }


        .is-main-search > .btn,
        .is-main-search > .btn:hover,
        .is-main-search > .btn:active,
        .is-main-search > .btn:focus {
            border-radius: 5rem;
            border: 0;
            background-color: transparent !important;
            box-shadow: none !important;
        }

/* #end: Hub Cards =============== */




/* #start: Events ====================================================== */
.events .card {
    border-radius: 0.25rem;
    height: 100%;
    text-decoration: none;
}

    .events .card .card-image-container {
        width: 100%;
        height: 274px;
        overflow:hidden;
        margin:0;
    }

.events .card .card-img-top {
    display: block;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    width: 100%;
    height: 274px;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease-in-out;
}
    .events .card:hover .card-img-top {
        transform: scale(1.1);
    }

    .events .card .card-title {
        font-size: 1.5rem;
    }

    .events .card .is-card-subtitle {
        font-size: 1rem;
        color: #6c757d !important;
    }
/* #end: Events ============== */


ul.dot-primary {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.1;
    padding-left: 1.2rem;
}

    ul.dot-primary li {
        padding-left: 0.2rem;
        margin-bottom: 0.5rem;
    }

        ul.dot-primary li::marker {
            color: #c00000;
        }





/* #start: About Us ==================================================== */

.is-info-boxes .box {
    border: 1px solid #bfbaba;
    padding: 1.5rem;
    box-sizing: border-box;
    height: 100%;
    text-align: center;
    border-radius: 0.25rem;
    background-color: #ffffff;
}

    .is-info-boxes .box .is-svg-icon {
        height: 3rem;
        width: 3rem;
        fill: #c00000;
        margin-bottom: 1rem;
    }

    .is-info-boxes .box h2 {
        font-size: 1.3rem;
    }
/* #end: About Us =============== */




/* #start: Offcanvas Navbar ===================================================== */

.offcanvas-collapse header {
    display: none;
    min-height: 60px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.offcanvas-collapse footer {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.8rem 0 1.2rem 0;
}

@media only screen and (min-device-width: 1px) and (max-device-width: 991.98px) and (orientation: landscape) {
    .offcanvas-collapse footer {
        bottom: auto;
        top: 0;
        left: 100px;
        right: 100px;
        width: auto;
    }
}

.offcanvas-collapse .is-mob-nav-logo {
    max-width: 140px;
}

@media (max-width: 991.98px) {
    .offcanvas-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        -webkit-transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        padding-bottom: 80px;
        overflow-x: hidden;
        z-index: 123;
    }

        .offcanvas-collapse.open {
            visibility: visible;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        .offcanvas-collapse header {
            display: block;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0 -1rem;
            width: calc(100% + 2rem);
        }

        .offcanvas-collapse footer {
            display: block;
        }

        .offcanvas-collapse .navbar-nav {
            text-align: center;
            padding-top: 1rem;
        }
}

.is-mob-nav-logo {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transition-delay: 0.3s;
}

.opened-menu .is-mob-nav-logo {
    visibility: visible;
    opacity: 1;
}

/* #end: Offcanvas Navbar =============== */






/* #start: Navbar =============================================================================== */

.navbar {
    padding: 0;
    background-color: #ffffff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    height: 92px;
    font-size: 0.8rem;
    min-width: 300px;
    -webkit-box-shadow: 2px 0 15px 0 rgba(31, 92, 52, 0.3);
    box-shadow: 2px 0 15px 0 rgba(31, 92, 52, 0.3);
}

.is-scrolled .navbar {
    height: 65px;
}

.navbar .is-navbar-container {
    height: 100%;
}

@media (min-width: 992px) {
    .navbar .is-navbar-container,
    .navbar .offcanvas-collapse,
    .navbar .navbar-nav {
        height: 100%;
    }
}

.navbar .navbar-brand, .footer-brand {
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: 242px;
    max-height: 92px;
    display: flex;
    align-items: center;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}




/* #start: Languages ==================================== */
.navbar .is-languages {
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: 100px;
    max-height: 92px;
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-right: 1.5rem;
}

@media (max-width:991.98px) {
    .navbar .is-languages {
        position: absolute;
        right: 50px;
    }
}

.is-languages .btn-group-sm > .btn {
    padding: 0.15rem 0.35rem;
    font-size: 0.75rem;
    --bs-btn-border-radius: 0.15rem;
    box-shadow: none !important;
}


    .is-languages .btn-group-sm > .btn.active {
        border-color: var(--mreza-reddark);
        color: var(--mreza-reddark);
        background: none;
        pointer-events: none;
    }
/* #end: Languages ================== */



.is-scrolled .navbar .navbar-brand {
    max-height: 65px;
    max-width: 170px;
}

.navbar .navbar-brand img,
.footer-brand img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 1200px) {
    .navbar .navbar-nav {
        transform: translateX(-15px);
    }
}

@media (min-width: 1400px) {
    .navbar .navbar-nav {
        transform: translateX(-30px);
    }
}

@media (max-width: 991.98px) {
    .navbar .navbar-brand {
        max-width: 210px;
    }

    .navbar {
        height: 80px;
    }
}

@media (max-width: 767.98px) {
    .navbar .navbar-brand {
        max-width: 180px;
    }

    .navbar {
        height: 68px;
    }

    .footer-brand {
        display: inline-block;
    }
}

@media (max-width: 575.98px) {
    .navbar .navbar-brand {
        max-width: 150px;
    }

    .navbar {
        height: 57px;
    }

    .is-scrolled .navbar {
        height: 53px;
    }

        .is-scrolled .navbar .navbar-brand {
            max-width: 140px;
        }
}



.navbar > .container-fluid {
    padding: 0;
}

.navbar .nav-item .nav-link {
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
}

    .navbar .nav-item .nav-link:hover,
    .navbar .nav-item.active .nav-link {
        color: var(--mreza-bluedark);
    }

@media (max-width: 991.98px) {
    .navbar .nav-item .nav-link {
        font-size: 1.1rem;
    }
}

.navbar .nav-item.active .nav-link::before {
    width: 100%;
}



@media (min-width: 992px) {
    .navbar .is-main-nav > .nav-item .nav-link {
        height: 100%;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        line-height: 1;
        position: relative;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }
}

@media (min-width: 1200px) {
    .navbar .is-main-nav > .nav-item .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.navbar .is-main-nav > .nav-item .nav-link .is-svg-icon {
    fill: #333c40;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.5rem;
    display: none;
}

@media (max-width: 991.98px) {
    .navbar .is-main-nav > .nav-item .nav-link .is-svg-icon {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .navbar .is-main-nav > .nav-item .nav-link {
        position: relative;
        padding-right: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: block;
        text-align: left;
        border-bottom: solid 1px #dce1e3;
    }
}

.navbar .is-main-nav > .nav-item .nav-link:hover .is-svg-icon {
    fill: #c00000;
}

/* #start: Toggler Navbar =============================================== */

.navbar .navbar-toggler {
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
    width: 26px;
    height: 26px;
    display: inline-block;
    line-height: 1.5;
    font-size: 1.5rem;
    z-index: 9876;
    margin-right: 25px;
}

@media (min-width: 992px) {
    .navbar .navbar-toggler {
        display: none;
        visibility: hidden;
    }
}

.navbar .navbar-toggler .icon-bar {
    background-color: var(--mreza-secondary);
    display: block;
    width: 22px;
    margin-left: 4px;
    height: 2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.opened-menu .navbar .navbar-toggler .icon-bar {
    background-color: var(--mreza-bluedark);
}

.navbar .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 6px;
}

.navbar .navbar-toggler .top-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.navbar .navbar-toggler .bottom-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.navbar .navbar-toggler:hover .top-bar,
.navbar .navbar-toggler:hover .middle-bar,
.navbar .navbar-toggler:hover .bottom-bar {
    background-color: var(--mreza-bluedark);
}

.is-scrolled .navbar .navbar-toggler:hover .top-bar,
.opened-menu .navbar .navbar-toggler:hover .top-bar,
.is-scrolled .navbar .navbar-toggler:hover .middle-bar,
.opened-menu .navbar .navbar-toggler:hover .middle-bar,
.is-scrolled .navbar .navbar-toggler:hover .bottom-bar,
.opened-menu .navbar .navbar-toggler:hover .bottom-bar {
    background-color: #6c7e87;
}

.navbar .navbar-toggler:hover .top-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 20px;
    margin-left: 6px;
}

.navbar .navbar-toggler:hover .bottom-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 20px;
    margin-left: 6px;
}

.opened-menu .navbar .navbar-toggler .top-bar,
.opened-menu .navbar .navbar-toggler .bottom-bar {
    width: 22px;
    margin-left: 4px;
}

.opened-menu .navbar .navbar-toggler .top-bar {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 30% 100%;
    transform-origin: 30% 100%;
}

.opened-menu .navbar .navbar-toggler .bottom-bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 25% 0%;
    transform-origin: 25% 0%;
}

.opened-menu .navbar .navbar-toggler:hover {
    background: transparent !important;
}
/* #end: Toggler Navbar ============= */

/* #end: Navbar ============================= */









/* #start: Contact Us ===================================================== */

@media (max-width: 767.98px) {
    .contact-us section.container {
        max-width: 100%;
    }
}

.is-contact-button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 575.98px) {
    .is-contact-button-container {
        display: block;
    }
}

.is-contact-button-container .btn {
    width: calc(50% - 0.5rem);
    margin-bottom: 1rem;
    text-decoration: none;
}

.is-contact-button-container .btn {
    padding: 0.7rem 1rem;
    font-size: 1.3rem;
    border-color: var(--mreza-bluelight);
    color: var(--mreza-bluelight);
    background-color: #ffffff;
}
    .is-contact-button-container .btn .is-svg-icon {
        fill: var(--mreza-bluelight);
    }

    .is-contact-button-container .btn:hover .is-svg-icon {
        fill: #ffffff;
    }

    .is-contact-button-container .btn:hover {
        color: #ffffff;
    }

    .is-contact-button-container .btn.is-gray-hov:hover,
    .is-contact-button-container .btn.is-gray-hov:active {
        background-color: var(--mreza-secondary);
        border-color: var(--mreza-secondary);
    }

    .is-contact-button-container .btn.is-bluelight-hov:hover,
    .is-contact-button-container .btn.is-bluelight-hov:active {
        background-color: var(--mreza-bluelight);
        border-color: var(--mreza-bluelight);
    }

    .is-contact-button-container .btn.is-bluedark-hov:hover,
    .is-contact-button-container .btn.is-bluedark-hov:active {
        background-color: var(--mreza-bluedark);
        border-color: var(--mreza-bluedark);
    }

    .is-contact-button-container .btn.is-reddark-hov:hover,
    .is-contact-button-container .btn.is-reddark-hov:active {
        background-color: var(--mreza-reddark);
        border-color: var(--mreza-reddark);
    }

    .is-contact-button-container .btn.is-ico-l {
        padding-left: 2.75rem;
    }

        .is-contact-button-container .btn.is-ico-l .is-svg-icon {
            left: 1rem;
        }

@media (max-width: 575.98px) {
    .is-contact-button-container .btn {
        width: 100%;
        margin-bottom: 1rem;
    }
}


/* #end: Contact Us ========== */

.h-sup-bluelight,
.h-sup-red {
    font-size: 0.4em;
    line-height:1;
    margin-left:0.5rem;
    vertical-align: super;
}
.h-sup-bluelight {
    color: var(--mreza-bluelight);
}
.h-sup-red {
    color: var(--mreza-reddark);
}




/* #end: Main Content ===================================================== */

/* #start: Footer ======================================================================== */

/* #start: Footer ======================================================================== */
.is-footer-root {
    font-size: 0.7rem;
    background-color: var(--mreza-bluedark);
    color: #ffffff;
}

    .is-footer-root > .container-fluid {
        height: 100%;
        padding: 0;
    }

        .is-footer-root > .container-fluid > .row {
            height: 100%;
        }

    .is-footer-root h5 {
        font-size: 0.75rem;
    }


.footer-brand {
    max-width: 160px;
    max-height: 61px;
}

@media (max-width: 991.98px) {
    .footer-brand {
        max-width: 130px;
        max-height: 49px;
    }
}

.is-social-links {
    display: inline-block;
}

    .is-social-links > a,
    .is-share-links > a {
        display: inline-block;
        padding: 0.5rem;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        vertical-align: middle;
    }

        .is-social-links > a .is-svg-icon,
        .is-share-links > a .is-svg-icon {
            display: inline-block;
            width: 1.3rem;
            height: 1.3rem;
            fill: var(--mreza-reddark);
        }

        .is-personal-hub .is-social-links > a .is-svg-icon,
        .is-personal-hub .is-share-links > a .is-svg-icon {
            fill: var(--mreza-bluelight);
        }

        .is-social-links > a:hover .is-svg-icon,
        .is-social-links > a:active .is-svg-icon {
            fill: var(--mreza-secondary);
        }

.is-footer-root .is-social-links > a .is-svg-icon,
.is-footer-root .is-share-links > a .is-svg-icon {
    fill: var(--mreza-secondary-light);
}

.is-footer-root .is-social-links > a:hover .is-svg-icon,
.is-footer-root .is-social-links > a:active .is-svg-icon {
    fill: #ffffff;
}


.is-copyright {
    font-size: 0.7rem;
}

.is-footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

@media (max-width: 991.98px) {
    .is-footer-links {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.is-footer-links > a {
    font-size: 0.6rem;
    color: #4a565d;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: 0.25em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .is-footer-links > a:hover {
        text-decoration-color: #4a565d;
    }

/* #end: Footer ===================================================== */





/* #start: Helpers ================================================================================== */

.is-c-primary {
    color: #c00000 !important;
}

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

.is-bg-gray-smoke {
    background-color: #eaedee !important;
}

.w-095 {
    width: 0.95rem !important;
}

.w-110 {
    width: 1.1rem !important;
}

.w-125 {
    width: 1.25rem !important;
}

.min-h-75vw-65vh {
    min-height: min(75vw, 65vh);
}

.max-w-70 {
    max-width: 70% !important;
}

.max-w-80 {
    max-width: 80% !important;
}

.min-w-280px {
    min-width: 280px !important;
}

.is-lh-0 {
    line-height: 0 !important;
}

.is-brd-bott-gray-light {
    border-bottom: solid 1px #b2bcc1;
}

.is-brd-bott-gray-lighter {
    border-bottom: solid 1px #ced4d8;
}

.is-fw-500 {
    font-weight: 500 !important;
}

.is-fw-600 {
    font-weight: 600 !important;
}

.is-fs-090 {
    font-size: 0.9rem !important;
}

.is-image-cover, .is-image-contain {
    position: relative;
    margin: 0;
}

    .is-image-cover img {
        display: block;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .is-image-contain img {
        display: block;
        height: 100%;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }

.fade-in-1s {
    -webkit-animation: fadeInAnimation ease 1s;
    animation: fadeInAnimation ease 1s;
}

.fade-in-05s {
    -webkit-animation: fadeInAnimation ease 0.5s;
    animation: fadeInAnimation ease 0.5s;
}

.fade-in-02s {
    -webkit-animation: fadeInAnimation ease 0.2s;
    animation: fadeInAnimation ease 0.2s;
}

.fade-in-02s,
.fade-in-05s,
.fade-in-1s {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    visibility: hidden;
}

@-webkit-keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

/* #end: Helpers ======================= */