/**
*
*	Name:			IRANSansX Fonts
*	Version:			3
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Apr 22, 2021
*	Updated on:		Jul 12, 2023
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونتایران سنس Xا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANSansX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (.....)
------------------------------------------------------------------------------------- fonts/-
*	
**/


@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-Thin.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-Thin.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-UltraLight.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-UltraLight.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-Light.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-Light.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-Medium.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-Medium.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-DemiBold.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-DemiBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-ExtraBold.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-Black.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-Black.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-ExtraBlack.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-ExtraBlack.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 1000;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-Heavy.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-Bold.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-Bold.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansXFaNum-Regular.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansXFaNum-Regular.woff2') format('woff2');
}




@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-Thin.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-Thin.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-UltraLight.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-UltraLight.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-Light.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-Light.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-Medium.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-Medium.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-DemiBold.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-DemiBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-ExtraBold.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-Black.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-Black.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-ExtraBlack.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-ExtraBlack.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: 1000;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-Heavy.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-Bold.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansXEn;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IranSansX(Pro)/fonts/woff/IRANSansX-Regular.woff') format('woff'), url('../fonts/IranSansX(Pro)/fonts/woff2/IRANSansX-Regular.woff2') format('woff2');
}


.iran-sans-ss03 {
    -moz-font-feature-settings: "ss03";
    -webkit-font-feature-settings: "ss03";
    font-feature-settings: "ss03";
}


.iran-sans-ss04 {
    -moz-font-feature-settings: "ss04";
    -webkit-font-feature-settings: "ss04";
    font-feature-settings: "ss04";
}






@font-face {
    font-family: 'Vazirmatn';
    src: url('../../fonts/webfonts/Vazirmatn[wght].woff2') format('woff2 supports variations'), url('../../fonts/webfonts/Vazirmatn[wght].woff2') format('woff2-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* Generated by script */
@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazirmatn UI FD;
    src: url('../fonts/webfonts/Vazirmatn-UI-FD-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html, body, pre, code, kbd, samp, .btn {
    /*font-family: 'Vazirmatn';*/
    /*font-family: 'Vazirmatn UI FD';*/
    font-family: Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-family: Roboto;
}

/*
html, body, a, div, span, p, i, button, ul, li, tr, td, th, label, section, pre, footer, h1, h2, h3, h4, h5, h6, input, select {
    -moz-font-feature-settings: "ss04";
    -webkit-font-feature-settings: "ss04";
    font-feature-settings: "ss04";
}
*/
body {
    padding-top: 70px;
}

.container {
    max-width: 100% !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.body-content-2 {
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
}



/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar {
    background-color: #003366;
    color: #ffffff;
    height: 70px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
}

.nav-link {
    color: #ffffff;
}

.nav-link-2 {
    color: #003366;
    text-align: right;
    display: inline-block;
}

.btn-primary {
    background-color: #003366;
    border: none !important;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:visited {
        border: none !important;
    }

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus-visible {
        background-color: #001f3f !important;
    }

.btn-outline-primary {
    border-color: #003366;
    color: #003366;
}

    .btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus-visible {
        background-color: #003366 !important;
        border-color: #003366 !important;
    }

.btn-secondary {
    background-color: #00953B;
    border: none !important;
}

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus-visible {
        background-color: #007f32 !important;
    }


.btn-outline-secondary {
    border-color: #00953B;
    color: #00953B;
}

    .btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus-visible {
        background-color: #00953B !important;
        border-color: #00953B !important;
    }


footer {
    /*
    background-color: #e9e9e9;
    background-color: #f5f8ff;
    background-color: #001831;
    */
    background-color: #012447;
}

.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99999;
    height: 40px;
    width: 40px;
    background: #ffc107;
    border-radius: 50%;
    text-align: center;
    line-height: 43px;
    color: #000000;
    cursor: pointer;
    transition: 0.3s;
    display: none;
    opacity: 1;
}

    .scroll-to-top:hover {
        opacity: 1;
    }

.chat-floating-btn, .chat-floating-btn:active, .chat-floating-btn:focus, .chat-floating-btn:focus-visible, .chat-floating-btn:focus-within {
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 99999;
    height: 50px;
    width: 50px;
    background: #25D366;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    cursor: pointer;
    opacity: 1;
}


    .chat-floating-btn span {
        display: none;
    }

    .chat-floating-btn:hover {
        /*width: auto;
        padding: 0 11px;*/
        opacity: 1;
    }

        .chat-floating-btn:hover span {
            display: inline-block;
        }

    .chat-floating-btn:active, .chat-floating-btn:focus, .chat-floating-btn:focus-visible, .chat-floating-btn:focus-within {
        position: fixed;
        bottom: 20px;
        left: 10px;
        z-index: 99999;
        height: 50px;
        width: 50px !important;
        background: #25D366;
        border-radius: 25px;
        text-align: center;
        line-height: 50px;
        color: #ffffff;
        cursor: pointer;
        opacity: 1;
    }

    .chat-floating-btn .icon {
        font-size: 32px;
        line-height: 50px;
        vertical-align: middle;
        margin-top: -1px;
    }


a {
    text-decoration: none !important;
}

.icon {
    line-height: 1 !important;
}

.fi {
    vertical-align: middle;
}

.form-control {
    margin-bottom: 1.2rem;
}

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    vertical-align: middle;
}

.footer-menu {
    padding-right: 0;
}

    .footer-menu li a {
        padding: 4px 0;
        display: inline-block;
    }

footer a, footer span, footer p, footer, .footer-link {
    /*color: #212529;*/
    /*color: #003366;*/
    color: #eee;
}

    footer .footer-link:hover, footer .footer-link:hover span {
        /*color: #006dd9 !important;*/
        color: #ffc107 !important;
    }

    footer .container {
        padding: 0 40px;
    }

.carousel, .carousel-inner, .carousel-item, .carousel-item img {
    height: calc(100vh - 130px);
}

    .carousel-item img {
        object-fit: cover;
    }

.section-title-1 {
    display: flex;
    margin-bottom: 8px;
    padding: 0;
    text-align: center;
}

.section-title-1-header {
    display: inline-block;
    color: #003366;
    line-height: 38px;
    margin: 0;
}

.section-title-1-header-light {
    display: inline-block;
    color: #fff;
    line-height: 38px;
    margin: 0;
}

.section-title-1-more-btn {
    margin-left: auto;
    border-radius: 19px !important;
}

/*----------------*/

.cards-2-container {
    padding: 0 20px;
    margin: 0 auto;
}

.cards-2 {
    display: flex;
    padding: 20px 0px 20px 0;
    list-style: none;
    overflow-x: scroll;
    /*scroll-snap-type: x mandatory;*/
}

    .cards-2 .card {
        width: 330px;
        max-width: 330px;
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 15%);
        scroll-snap-align: start;
        transition: all 0.2s;
    }

        .cards-2 .card img {
            object-fit: cover;
        }

    .cards-2 .card {
        margin-left: 20px;
        margin-right: 0;
    }

        .cards-2 .card:first-child {
            margin-left: 0px;
        }

        .cards-2 .card:last-child {
            margin-right: 0px;
        }

    .cards-2::-webkit-scrollbar {
        height: 12px;
    }

    .cards-2::-webkit-scrollbar-thumb,
    .cards-2::-webkit-scrollbar-track {
        border-radius: 92px;
    }

    .cards-2::-webkit-scrollbar-thumb {
        background: #003366;
    }

    .cards-2::-webkit-scrollbar-track {
        background: #e9e9e9;
    }

@media (min-width: 500px) {
    .cards-2 .card {
        flex-basis: calc(50% - 10px);
    }

    .cards-2 .card {
        margin-right: 0;
    }
}

@media (min-width: 700px) {
    .cards-2 .card {
        flex-basis: calc(calc(100% / 3) - 20px);
    }

    .cards-2 .card {
        margin-right: 0;
    }
}

@media (min-width: 1100px) {
    .cards-2 .card {
        flex-basis: calc(25% - 30px);
    }

    .cards-2 .card {
        margin-right: 0;
    }
}

.dropdown-item {
    color: #003366;
}

.dropdown-toggle::after {
    vertical-align: middle;
}

.card-footer {
    padding-bottom: 1rem;
}

.footer-btm {
    margin: 20px -40px 0 -40px;
}


    .footer-btm div {
        background-color: #003366;
        padding: 10px 0;
    }


.footer-btm-co {
    margin: 0 -40px;
}

    .footer-btm-co div {
        background-color: #212121;
        padding: 10px 0;
    }

.co-text, .co-text a{
    color: #ffffff;
    font-size: 13px;
}
    .co-text a span {
        color: #ff367d;
    }

.footer-socials {
    margin-bottom: 0;
    padding-right: 0;
}

    .footer-socials i {
        margin-right: .2rem;
    }

    .footer-socials li, .footer-socials a, .footer-socials i, .footer-socials, .footer-socials span {
        /*color: #ffffff;*/
    }

.copyright {
    color: #001f69;
    color: #ffffff;
    font-size: 13px;
}

.page-breadcrump-container {
    padding: 8px 15px;
    margin: 15px 0 8px 0;
    border-radius: 1.5rem;
    background-color: #f5f8ff;
}

    .page-breadcrump-container i {
        font-size: 0.8rem;
    }

.page-back-btn {
    margin-bottom: 10px;
    display: block;
}

.page-breadcrump {
    display: inline-block;
    color: #555555;
    margin: 0 0px;
}

.page-breadcrump-target {
    display: inline-block;
    color: #0a58ca;
}

    .page-breadcrump-target a {
        display: inline-block;
        color: #0a58ca;
    }

.link-without-decoration {
    text-decoration: none !important;
    color: unset !important;
}

.page-section {
    padding: 0px 60px 40px 60px;
}

pre {
    font-size: 1em;
}

input, select, textarea {
    max-width: 100%;
}

.form-label {
    margin: 0 !important;
    vertical-align: middle;
}

.form-select, .form-control {
    margin-bottom: 0.8rem;
    padding: 0.375rem 0.6rem;
    border-radius: 1.5rem;
}

.dir-ltr-en {
    text-align: left;
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.dir-ltr-en-align-right {
    text-align: right;
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.code-font {
    font-family: Courier New, Courier, monospace;
}

.ltr-en {
    direction: ltr;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.font-en {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.text-right {
    text-align: right;
    direction: ltr;
}

.card {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 15%);
    border-radius: 1.5rem;
}

.modal-title {
    color: #0064c7;
}

.footer-contact-info i {
    margin-right: 10px;
}

.footer-contact-info span {
    direction: ltr;
    display: inline-block;
}

.footer-section {
    margin-top: 20px;
}

.dashboard-wrapper {
    position: relative;
}

.dashboard-side-nav-item-text {
    display: none;
}

.dashboard-side-nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 240px;
    overflow-y: auto;
    border-right: 1px solid #0000002d;
}

.nav.flex-column .nav-item:first-child, .nav.flex-column .nav-item.active:first-child {
    border-top-left-radius: 1.5rem;
}

.dashboard-body {
    margin-left: 240px;
    min-height: 800px;
    padding: 1rem;
}

.nav.flex-column a {
    color: #003366;
}

    .nav.flex-column a:focus, .nav.flex-column a:hover {
        color: #0a58ca !important;
    }

.dashboard-side-nav li:hover {
    background-color: #f5f8ff;
}


.dashboard-side-nav a {
    /*padding: 0.6rem 1rem;*/
    padding: 15px 10px;
}

.dashboard-side-nav i {
    margin-left: 1px;
    margin-right: 10px;
    font-size: 24px;
    /*vertical-align: middle;*/
}

.nav.flex-column .nav-item {
    border-left: 4px solid transparent;
}

    .nav.flex-column .nav-item.active {
        background-color: #f5f8ff;
        border-left: 4px solid #0a58ca;
    }



        .nav.flex-column .nav-item.active a, .nav.flex-column .nav-item.active i, .nav.flex-column .nav-item.active .bi::before, .nav.flex-column .nav-item.active [class*=" bi-"]::before, .nav.flex-column .nav-item.active [class^=bi-]::before {
            color: #0a58ca;
            font-weight: 500 !important;
        }



.circles-text {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #0a58ca !important;
    direction: ltr;
    line-height: 140px !important;
}

.circles-text-subtitle {
    display: inline-block;
    line-height: 1;
    position: absolute;
    width: 100%;
    font-size: 12px;
    top: 88px;
    left: 0;
    text-align: center;
    color: #0a58ca;
    font-weight: 500;
}

.circles-text-subtitle-red {
    color: #F50057 !important;
}

.circles-text-red {
    color: #F50057 !important;
}

.circles-maxValueStroke {
    fill: #f5f8ff;
}

.dashboard-card {
    margin-bottom: 1.5rem;
}

    .dashboard-card .card-body {
        height: 240px;
    }

    .dashboard-card .table-responsive {
        max-height: 160px;
    }

    .dashboard-card .dashboard-card-title {
        display: inline-block;
        color: #0a58ca;
        margin-bottom: 1rem !important;
    }

.dashboard-page-title {
    color: #0a58ca;
    margin-bottom: 0;
}

.btnToggleSideNavCompact {
    margin-bottom: 0.5rem;
}


.subscription-card {
    margin-bottom: 1.5rem;
    background: rgb(2,0,36);
    background: -moz-linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(15,15,184,1) 34%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(15,15,184,1) 34%, rgba(0,0,0,1) 100%);
    background: linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(15,15,184,1) 34%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#000000",GradientType=1);
    box-shadow: 0 5px 20px rgb(24 55 255 / 53%);
    box-shadow: 0 5px 20px rgb(255 0 121 / 33%);
    box-shadow: 0 5px 20px rgb(0 8 195 / 69%);
}

    .subscription-card .subscription-card-body {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

    .subscription-card .subscription-card-title {
        color: #ffffff;
        margin-top: 15px;
    }

    .subscription-card .subscription-card-price {
        margin-top: -15px;
    }

    .subscription-card .subscription-card-price, .subscription-card .subscription-card-term {
        color: #ffc107;
        font-size: 36px;
    }

    .subscription-card .subscription-card-price-subtitle {
        font-size: 36px;
        color: #ffffff;
    }

.nav-tabs-normal.nav-tabs .nav-link {
    color: #003366;
    border-color: var(--bs-nav-tabs-link-hover-border-color);
    border-bottom: none;
    margin: 0 2px;
}

    .nav-tabs-normal.nav-tabs .nav-link:first-child {
        margin-right: 2px;
        margin-left: 0;
    }

    .nav-tabs-normal.nav-tabs .nav-link:last-child {
        margin-left: 2px;
        margin-right: 0;
    }

    .nav-tabs-normal.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        color: #0a58ca;
        font-weight: normal;
        border-bottom-color: #0a58ca;
        border-bottom-width: 3px;
        border-bottom-style: solid;
    }

    .nav-tabs-normal .nav-link.active, .nav-tabs-normal.nav-tabs .nav-link:focus {
        color: #0a58ca;
        font-weight: normal;
    }

    .nav-tabs-normal.nav-tabs .nav-link:hover, .nav-tabs-normal.nav-tabs .nav-link:focus {
        color: #0a58ca !important;
    }

.tab-content {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    border-color: #dee2e6;
    padding: 1rem;
    overflow-y: auto;
    max-height: 78vh;
}

th, td {
    vertical-align: middle;
}

.transaction-amount {
    display: inline-block;
    font-weight: normal;
}

.transaction-deposit {
    color: green;
}

.transaction-withrawal {
    color: red;
}

.notification-bell {
    position: relative;
}

.notification-dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F50057;
    margin-right: 0px !important;
    margin-left: -3px !important;
}

.new-notification-dot {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    display: inline-block;
    background-color: #F50057;
}

.text-bg-danger-red {
    background-color: #F50057 !important;
}

.notification-container {
    position: relative;
    padding: 0.3rem 0;
}

.notification-container hr {
    color: #bbbbbb;
}

    /*.notification-container.notification-new .notification-content::before {
        content: '• ';
        color: red;
    }*/

    .notification-container.notification-new .notification-content {
        font-weight: 600;
    }

.notification-body {
    margin-right: 40px;
}

.notification-content {
    display: inline-block;
    vertical-align: middle;
}

    .notification-content .new-notification-dot {
    }

    .notification-content a {
        text-decoration: none;
        vertical-align: middle;
    }

    .notification-timestamp {
        display: inline-block;
        direction: ltr;
        font-size: 12px;
    }

.btn-delete-notification {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
}

.btn-delete-notification:last-child {
    margin-top: -18px;
}

    .btn-delete-notification:hover i {
        color: #D50000;
    }

    .btn-delete-notification i {
        font-size: 20px;
        color: #dc3545;
        cursor: pointer;
    }

.td-long-text {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-light th {
    background-color: #f5f8ff;
    color: #0a58ca;
}

@media (max-width: 767px) {
    .body-content-2 {
        margin-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-section {
        padding: 0px 5px 40px 5px;
    }

    /*
    .card-body, .accordion-body {
        padding: 0.5rem;
    }
    */

    footer .container {
        padding: 0 20px;
    }
    .footer-btm {
        margin: 20px -20px 0 -20px;
    }
    .footer-btm-co {
        margin: 0px -20px;
    }
    .navbar > .container {
        background-color: #003366;
    }

    .footer-btm .row {
        background-color: #003366;
        margin: 20px -20px 0 -20px;
        padding: 10px 0;
    }

    ul.navbar-nav {
        padding-right: 1rem;
        padding-left: 0;
    }

        ul.navbar-nav li {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }

    .carousel-card {
        left: 15% !important;
        right: 15% !important;
        bottom: 0 !important;
        border-radius: 1rem 1rem 0 0 !important;
        z-index: 2 !important;
        padding: 15px 20px !important;
    }

    .carousel-card-title {
        font-size: 1.4rem !important;
        margin-bottom: 10px !important;
    }

    .carousel-card-body {
        font-size: 1.1rem !important;
    }

    .carousel-control-prev, .carousel-control-next {
        z-index: 3 !important;
    }

    .carousel-indicators {
        z-index: 3 !important;
    }

        .carousel-indicators [data-bs-target] {
            background-color: #000;
        }

    .carousel, .carousel-inner, .carousel-item, .carousel-item img {
        height: 40vh;
		height: calc(100vh - 130px);
    }
}


@media (max-width: 991px) {
    .navbar > .container {
        background-color: #003366;
    }
}

    @media (max-height: 767px) {
        .carousel-card {
            left: 15% !important;
            right: 15% !important;
            bottom: 0 !important;
            border-radius: 1rem 1rem 0 0 !important;
            z-index: 2 !important;
            padding: 15px 20px !important;
        }

        .carousel-card-title {
            font-size: 1.4rem !important;
            margin-bottom: 10px !important;
        }

        .carousel-card-body {
            font-size: 1.1rem !important;
        }

        .carousel-control-prev, .carousel-control-next {
            z-index: 3 !important;
        }

        .carousel-indicators {
            z-index: 3 !important;
        }

            .carousel-indicators [data-bs-target] {
                background-color: #000;
            }

        .carousel, .carousel-inner, .carousel-item, .carousel-item img {
            height: 50vh;
			height: calc(100vh - 130px);
        }
    }


    .navbar-toggler {
        padding: 4px 6px;
    }

    .btnDashboardSideNavMenu {
        display: none;
        margin-bottom: 0.5rem;
        padding: 4px 6px;
    }

        .btnDashboardSideNavMenu i {
            font-size: 24px;
        }

    .dashboard-fullscreen-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 9999999;
        overflow-y: auto;
        display: none;
    }

        .dashboard-fullscreen-menu .nav.flex-column {
            margin-top: 50px;
        }

        .dashboard-fullscreen-menu .dashboard-side-nav-item-text {
            display: inline-block !important;
        }

        .dashboard-fullscreen-menu .nav.flex-column .nav-item.active:first-child {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }


        .dashboard-fullscreen-menu a {
            /* padding: 0.6rem 1rem; */
            padding: 12px 10px;
        }

        .dashboard-fullscreen-menu i {
            margin-left: 1px;
            margin-right: 10px;
            font-size: 24px;
            vertical-align: middle;
        }

    .dashboard-fullscreen-menu-close-btn {
        position: fixed;
        top: 0;
        left: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        color: #000000;
        text-align: center;
    }

        .dashboard-fullscreen-menu-close-btn i {
            color: #000000;
            margin: 0;
            font-size: 24px;
            line-height: 40px !important;
            width: 40px;
            height: 40px;
            display: inline-block;
        }

        .dashboard-fullscreen-menu-close-btn:hover i {
            color: #0a58ca;
        }


    .api-msg {
        font-size: 14px;
        /*margin: 10px 0 0 0;*/
        margin: 0;
        white-space: pre-wrap;
        line-height: 21px;
    }


    .api-msg-login {
        font-size: 14px;
        /*margin: 10px 0 0 0;*/
        margin: 0;
        white-space: pre;
        line-height: 21px;
        height: 30px;
    }

        .api-msg-login .loader {
            display: inline-block !important;
        }

        .api-msg-login .msg {
            vertical-align: middle;
            line-height: 1;
            height: 26px;
            display: inline-block;
            margin-left: 8px;
        }

    .api-msg-upload {
        font-size: 14px;
        /*margin: 10px 0 0 0;*/
        margin: 0;
        white-space: pre;
    }

    .api-msg span {
        display: inline-block;
    }

    .api-msg .loader {
        display: block !important;
    }

    .api-msg .icon {
        font-size: 18px;
    }


    .api-msg-upload span {
        display: inline-block;
    }

    .api-msg-upload .loader {
        display: inline-block !important;
        vertical-align: middle;
        margin-left: 0;
        margin-right: 6px;
    }

    .api-msg-upload .icon {
        font-size: 18px;
    }

    .msg-error {
        color: red;
    }

    .msg-success {
        color: green;
    }

    .msg-primary {
        color: #0a58ca;
    }

    .iti {
        display: block;
    }

    [dir=rtl] .iti__arrow {
        margin-left: 6px;
        margin-right: 0;
    }

    [dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
        margin-right: 8px;
        margin-left: 0;
    }

    [dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
        margin-right: 8px;
        margin-left: 0;
    }

    .iti__dial-code {
        margin-left: 0;
    }

    .iti__selected-dial-code {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        direction: ltr;
    }

    .disabled-link {
        color: #999;
        cursor: not-allowed;
    }

    .color-primary {
        color: #003366;
    }

    .color-secondary {
        color: #00953B;
    }

    .color-tritary {
        color: #ffc107;
    }

    .background-color-primary {
        background-color: #003366;
    }

    .background-color-secondary {
        background-color: #00953B;
    }

    .background-color-tritary {
        background-color: #ffc107;
    }

    .loader {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        position: relative;
        display: inline-block;
        animation: rotate 1s linear infinite
    }

        .loader::before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            inset: 0px;
            border-radius: 50%;
            border: 2px solid #0a58ca;
            animation: prixClipFix 2s linear infinite;
        }

    @keyframes rotate {
        100% {
            transform: rotate(360deg)
        }
    }

    @keyframes prixClipFix {
        0% {
            clip-path: polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)
        }

        25% {
            clip-path: polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)
        }

        50% {
            clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)
        }

        75% {
            clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)
        }

        100% {
            clip-path: polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)
        }
    }

    .vertical-align-middle {
        vertical-align: middle;
    }

    .icon, .bi {
        display: inline-block;
        line-height: 1 !important;
    }





    .loader2 {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: inline-block;
        position: relative;
        border: 2px solid;
        border-color: #0a58ca #0a58ca transparent transparent;
        box-sizing: border-box;
        animation: rotation2 1s linear infinite;
    }

        .loader2::after,
        .loader2::before {
            content: '';
            box-sizing: border-box;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            border: 2px solid;
            border-color: transparent transparent #ffc107 #ffc107;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            box-sizing: border-box;
            animation: rotationBack2 0.5s linear infinite;
            transform-origin: center center;
        }

        .loader2::before {
            width: 16px;
            height: 16px;
            border-color: #00953B #00953B transparent transparent;
            animation: rotation2 1.5s linear infinite;
        }

    @keyframes rotation2 {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes rotationBack2 {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(-360deg);
        }
    }

    h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
        line-height: unset;
    }

    .iran-sans-en {
        font-family: IRANSansXEn;
    }

    .toast {
        background-color: #ffffff;
    }

    .toast-header .icon {
        font-size: 20px;
    }

    .toast-header .toast-header-title {
    }


    .accordion-header .accordion-button {
        color: #0a58ca;
    }

    .badge.notification-count {
        vertical-align: middle;
    }

    .badge.notification-count-nav {
        vertical-align: middle;
        position: absolute;
        display: inline-block;
        top: 0;
        right: 0;
        margin-right: -8px;
        padding: 5px 5px 3px 5px;
    }

    .form-check-input, .form-check-label {
        cursor: pointer;
        user-select: none;
        font-weight: normal;
    }

        .form-check-input:disabled.always-checked {
            opacity: 1;
        }

        .form-check-input.always-checked[disabled] ~ .form-check-label, .form-check-input.always-checked:disabled ~ .form-check-label {
            opacity: 1;
        }

    tbody th {
        color: #0a58ca !important;
    }

    tbody .btn-sm {
        padding: 0px 3px;
    }

        tbody .btn-sm i {
            font-size: 16px;
        }

    .rtl_ltr_toggle {
        font-size: 12px;
        text-align: right;
        margin-bottom: 10px;
    }

    tbody, thead, .card-body span {
        font-size: 14px;
    }

    .timestamp {
        font-size: 12px;
    }

    .label-semi-bold label {
        font-weight: 500;
    }

    .label-bold label {
        font-weight: bold;
    }

    .d-none-non-important {
        display: none;
    }

    .label-blue label, .label-blue label i {
        color: #0a58ca;
    }

    .icon.icon-20, .icon-20 .icon {
        font-size: 20px;
    }

    .flat-card-grey {
        background-color: #f5f5f5;
        border-radius: 1.5rem;
        padding: 0.75rem;
    }

    .flat-card-light-blue {
        background-color: #eef8ff;
        border-radius: 1.5rem;
        padding: 0.75rem;
    }

    .flat-card-light-red {
        background-color: #ffe1e1;
        color: red;
        border-radius: 1.5rem;
        padding: 0.75rem;
    }

    .flat-card-light-green {
        background-color: #d4ffd4;
        color: green;
        border-radius: 1.5rem;
        padding: 0.75rem;
    }

    .fw-100 {
        font-weight: 100 !important;
    }

    .fw-200 {
        font-weight: 200 !important;
    }

    .fw-300 {
        font-weight: 300 !important;
    }

    .fw-400 {
        font-weight: 400 !important;
    }

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

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

    .fw-700 {
        font-weight: 700 !important;
    }

    .fw-800 {
        font-weight: 800 !important;
    }

    .fw-900 {
        font-weight: 900 !important;
    }

    .text-bg-purpole {
        color: #fff !important;
        background-color: #b51adf !important;
    }

    .modal {
        z-index: 9999999;
    }

    .toast-container {
        z-index: 99999999;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .badge {
        font-size: 0.75em !important;
        vertical-align: middle;
        padding-top: 0.4em;
        padding-bottom: 0.3em;
    }

    .display-for-mobile {
        display: none;
    }

    .display-for-desktop {
        display: block;
    }

    .workflow-card {
        padding-bottom: 8px;
    }

        .workflow-card .timestamp {
            margin-left: 0;
            margin-right: 2px
        }

    .workflow-step {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        line-height: 23px;
        font-size: 12px;
        direction: ltr;
        text-align: center;
        margin-left: 0;
        margin-right: 6px;
    }

    .workflow-step-blue {
        background-color: #0a58ca;
        color: #fff;
    }

    .workflow-title {
        font-weight: 600;
        margin-bottom: 6px;
        display: inline-block;
    }

    .workflow-desc {
        font-weight: normal;
        font-size: 14px;
        text-align: justify;
        margin-bottom: 10px;
    }

    .ticket-workflow-wrapper.ticket-workflow-wrapper-is-from-ticket-user-0 {
        direction: rtl;
    }

        .ticket-workflow-wrapper.ticket-workflow-wrapper-is-from-ticket-user-0 .user-type {
            color: #377aa9
        }

    .ticket-workflow-wrapper.ticket-workflow-wrapper-is-from-ticket-user-1 {
        direction: ltr;
    }

        .ticket-workflow-wrapper.ticket-workflow-wrapper-is-from-ticket-user-1 .user-type {
            color: #535353
        }

    .ticket-workflow-card {
        padding: 0.2rem 0.6rem 2px 0.6rem;
        width: 85%;
        border-radius: 1.5rem;
        direction: ltr;
    }

        .ticket-workflow-card .timestamp {
            margin-top: 10px;
            margin-left: 0;
            margin-right: 3px;
        }

    .ticket-workflow-content {
        font-weight: normal;
        font-size: 14px;
        text-align: justify;
        margin-bottom: 0;
    }


    .ticket-workflow-card.ticket-workflow-card-is-from-ticket-user-0 {
        background-color: #eef8ff;
    }

    .ticket-workflow-card.ticket-workflow-card-is-from-ticket-user-1 {
        background-color: #f5f5f5;
    }

    .text-bg-success-alt {
        background-color: #66af2c;
    }

    .dropdown-menu[data-bs-popper] {
        right: unset;
        left: unset;
    }

    .dropdown-language.dropdown-menu[data-bs-popper] {
        right: 0;
        left: unset;
    }

    @media (min-width: 768px) {
        .navbar-expand-md .navbar-nav {
            padding-left: 2.5rem;
        }

        .section-container {
            padding-right: 3rem;
            padding-left: 3rem;
        }
    }



    @media (max-width: 767px) {
        .display-for-mobile {
            display: block;
        }

        .display-for-desktop {
            display: none;
        }

        .section-container {
            padding-right: 1rem;
            padding-left: 1rem;
        }
    }

    @media (max-width: 559px) {
        .dashboard-side-nav {
            width: 0 !important;
            display: none !important;
        }

        .dashboard-body {
            margin-left: 0 !important;
        }

        .btnToggleSideNavCompact {
            display: none;
        }

        .btnDashboardSideNavMenu {
            display: inline-block;
        }
    }

    @media (max-width: 669px) {
        .dashboard-card .card-body {
            height: 100%;
        }
    }

    .api-loader {
        margin-left: 10px;
        margin-right: 0;
    }

    .api-loader-hidden {
        display: none;
    }

    .btn {
        border-radius: 30px;
    }

    .card-img, .card-img-top {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        margin-top: -2px;
    }

    .form-control {
        border-radius: 1.5rem;
    }

    .nav-tabs .nav-link {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

    .accordion-item:first-of-type {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
    }

        .accordion-item:first-of-type > .accordion-header .accordion-button {
            border-top-left-radius: 1rem;
            border-top-right-radius: 1rem;
        }

    .accordion-item:last-of-type {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }

        .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
            border-bottom-right-radius: 1rem;
            border-bottom-left-radius: 1rem;
        }

    .table {
        border-radius: 1.5rem !important;
        overflow: hidden !important;
        margin: 0;
    }

    .table-responsive {
        border-radius: 1.5rem !important;
        border: 1px solid rgba(0, 0, 0, 0.175);
    }

    thead > tr {
        border-top: none;
    }

    th {
        border-right: 1px solid #c6c7c8;
        border-left: none;
    }

    thead > tr > th:last-of-type, td:last-of-type {
        border-right: 1px solid transparent;
        border-left: 1px solid #c6c7c8;
    }

    tbody > tr:last-of-type {
        border-bottom: none;
    }

    .card-header:first-child {
        border-radius: 1.5rem 1.5rem 0 0;
    }

    .modal-dialog, .modal-content {
        border-radius: 1.5rem;
    }

    .carousel-card {
        position: absolute;
        padding: 20px 80px;
        background-color: #fff;
        left: 16%;
        right: 25%;
        bottom: 8%;
        border-radius: 0 1.5rem 0 1.5rem;
    }

    .carousel-card-title {
        color: #003b91;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .carousel-card-body {
        color: #003b91;
        font-size: 36px;
        font-weight: 500;
    }

    .homepage-top-section-wrapper {
        text-align: center;
        padding: 30px;
        background-color: #f5f8ff;
    }

    .homepage-top-section {
    }

    .homepage-top-section-header {
        font-weight: 600;
        color: #fff;
        padding: 20px 15%;
    }


    .homepage-top-section-card-odd {
        background-color: #fff;
        border-radius: 2.5rem 0 2.5rem 0;
        width: 100%;
        min-height: 600px;
        max-width: 1300px;
        display: inline-block;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 15%);
        display: flex;
        flex-wrap: wrap;
        margin: 30px auto 80px auto;
    }

        .homepage-top-section-card-odd .homepage-top-section-card-column-item:nth-of-type(1) {
            border-radius: 2.5rem 0 0 0;
            flex-basis: 45%;
        }

        .homepage-top-section-card-odd .homepage-top-section-card-column-item > img {
            border-radius: 2.5rem 0 0 0;
            height: 100%;
            object-fit: cover;
            width: 100%;
        }

        .homepage-top-section-card-odd .homepage-top-section-card-column-item:nth-of-type(2) {
            flex-basis: 55%;
            padding: 90px 60px;
            text-align: left;
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

            .homepage-top-section-card-odd .homepage-top-section-card-column-item:nth-of-type(2) > .homepage-top-section-card-column-item-inner {
            }

    .homepage-top-section-card-title {
        color: #0a58ca;
        font-weight: 700;
    }

    .homepage-top-section-card-odd .homepage-top-section-card-column-item:nth-of-type(2) .homepage-top-section-card-column-item-inner > p {
        font-size: 18px;
        padding: 20px 0 40px 0;
    }

    



    .homepage-top-section-card-even {
        background-color: #fff;
        border-radius: 0 2.5rem 0 2.5rem;
        width: 100%;
        min-height: 600px;
        max-width: 1300px;
        display: inline-block;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 15%);
        display: flex;
        flex-wrap: wrap;
        margin: 30px auto 80px auto;
    }

        .homepage-top-section-card-even .homepage-top-section-card-column-item:nth-of-type(2) {
            border-radius: 0 0 0 2.5rem;
            flex-basis: 45%;
        }

        .homepage-top-section-card-even .homepage-top-section-card-column-item > img {
            border-radius: 0 2.5rem 0 0;
            height: 100%;
            object-fit: cover;
            width: 100%;
        }

        .homepage-top-section-card-even .homepage-top-section-card-column-item:nth-of-type(1) {
            flex-basis: 55%;
            padding: 90px 60px;
            text-align: left;
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

            .homepage-top-section-card-even .homepage-top-section-card-column-item:nth-of-type(1) > .homepage-top-section-card-column-item-inner {
            }

            .homepage-top-section-card-even .homepage-top-section-card-column-item:nth-of-type(1) .homepage-top-section-card-column-item-inner > p {
                font-size: 18px;
                padding: 20px 0 40px 0;
            }


            .homepage-top-section-card-odd .homepage-top-section-card-column-item:nth-of-type(2) .homepage-top-section-card-column-item-inner > a {
                padding: 0.7rem 5rem;
            }

            .homepage-top-section-card-even .homepage-top-section-card-column-item:nth-of-type(1) .homepage-top-section-card-column-item-inner > a {
                padding: 0.7rem 5rem;
            }







    .card-fantasy {
        border-radius: 1.5rem 0 1.5rem 0;
        padding: 0;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 15%);
    }

    .swiper .card-fantasy {
        border: none;
        max-height: 450px;
        min-height: 410px;
    }

    .swiper .swiper-dark .card-fantasy {
        border: none;
    }

    .swiper .card-fantasy .card-text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        padding-bottom: 50px;
    }

    .swiper .card-fantasy .card-footer {
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .card-fantasy .card-img, .card-fantasy .card-img-top {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 0;
    }

    #emailToSubscribeNewsletter {
        border: none;
    }

    .card-title a {
        color: #03519f;
        font-weight: 700;
    }

        .card-title a:hover {
            color: #006dd9;
        }

    .wave-container {
        height: 60vh;
        background-color: #00953B;
        position: relative;
    }

        .wave-container::before {
            content: "";
            width: 100%;
            height: 168px;
            position: absolute;
            bottom: -0.3%;
            left: 0;
            background-size: auto;
            background-repeat: repeat no-repeat;
            background-position: 78vw bottom;
            background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 111' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 1C19.5523 3 32.2291 4 51.5 7C104.5 16 200 35 300 54C400 73 500 92 600 84C700 77 800 44 900 25C987.526 4 1085.36 -1 1150 0C1169.54 -1 1180.49 0 1200 1V111H1150C1100 111 1000 111 900 111C800 111 700 111 600 111C500 111 400 111 300 111C200 111 100 111 50 111H0V1.98128Z' fill='%23f5f8ff'/></svg>");
        }

    .wave-container-2 {
        height: 60vh;
        background-color: #f5f8ff;
        position: relative;
    }

        .wave-container-2::before {
            content: "";
            width: 100%;
            height: 168px;
            position: absolute;
            bottom: -0.3%;
            left: 0;
            background-size: auto;
            background-repeat: repeat no-repeat;
            background-position: 33vw bottom;
            background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 112' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 1C19.5523 3 32.2291 4 51.5 7C104.5 16 200 36 300 55C400 74 500 93 600 85C700 78 800 44 900 25C987.526 4 1085.36 -1 1150 0C1169.54 -1 1180.49 0 1200 1V112H1150C1100 112 1000 112 900 112C800 112 700 112 600 112C500 112 400 112 300 112C200 112 100 112 50 112H0V1.98128Z' fill='%23228822'/></svg>");
        }

    @media(max-width:850px) {
        .wave-container-2::before {
            height: 84px
        }
    }

    @media(max-width:850px) {
        .wave-container::before {
            height: 84px
        }
    }



    .shapedividers_com-1693 {
        overflow: hidden;
        position: relative;
        height: 100vh;
    }

        .shapedividers_com-1693::before {
            content: '';
            font-family: 'shape divider from ShapeDividers.com';
            position: absolute;
            z-index: 3;
            pointer-events: none;
            background-repeat: no-repeat;
            bottom: -0.1vw;
            left: -0.1vw;
            right: -0.1vw;
            top: -0.1vw;
            background-size: 300vw 80vh;
            background-position: 8% 100%;
            background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M35.28 1.16c-3.17-.8-7.3.4-10.04.56-2.76.17-9.25-1.47-12.68-1.3-3.42.16-4.64.84-7.04.86C3.12 1.31 0 .4 0 .4v1.77h35.28z" fill="%2300953b"/></svg>');
        }

    @media (min-width:2100px) {
        .shapedividers_com-1693::before {
            background-size: 100% calc(2vw + 160px);
        }
    }


    .nav-link:focus, .nav-link:hover {
        color: #ffc107 !important;
    }











    .slider-wrapper {
        overflow: hidden;
        max-width: 80vw;
        /*margin: 0 90px 55px;*/
        margin: 0 auto;
        padding: 20px;
    }

    .card-list .card-item {
        height: auto;
        color: #fff;
        user-select: none;
        padding: 35px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        backdrop-filter: blur(30px);
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.5);
    }

        .card-list .card-item .user-image {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            margin-bottom: 40px;
            border: 3px solid #fff;
            padding: 4px;
        }

        .card-list .card-item .user-profession {
            font-size: 1.15rem;
            color: #e3e3e3;
            font-weight: 500;
            margin: 14px 0 40px;
        }

        .card-list .card-item .message-button {
            font-size: 1.25rem;
            padding: 10px 35px;
            color: #030728;
            border-radius: 6px;
            font-weight: 500;
            cursor: pointer;
            background: #fff;
            border: 1px solid transparent;
            transition: 0.2s ease;
        }

            .card-list .card-item .message-button:hover {
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid #fff;
                color: #fff;
            }

    .swiper-wrapper {
        margin-bottom: 30px;
    }

    .slider-wrapper .swiper-pagination-bullet {
        background: #003366;
        height: 13px;
        width: 13px;
        opacity: 0.5;
    }


    .slider-wrapper .swiper-pagination-light .swiper-pagination-bullet {
        background: #fff;
        height: 13px;
        width: 13px;
        opacity: 0.5;
    }

    .slider-wrapper .swiper-pagination-light .swiper-pagination-bullet-active, .slider-wrapper .swiper-pagination-bullet-active {
        opacity: 1;
    }

    .slider-wrapper .swiper-slide-button {
        color: #fff;
        margin-top: 0;
        transition: 0.2s ease;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-color: #003366;
    }

        .slider-wrapper .swiper-slide-button:hover {
            color: #4658ff;
        }


    .slider-wrapper .swiper-slide-button-light {
        color: #003366;
        margin-top: 0;
        transition: 0.2s ease;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-color: #fff;
    }

        .slider-wrapper .swiper-slide-button-light:hover {
            color: #ffc107;
        }

    @media (max-width: 768px) {
        .slider-wrapper {
            margin: 0 10px 40px;
            margin: 0 auto;
        }

    }

@media (max-width: 1199px) {
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        left: 10px !important;
        right: auto !important;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }
}

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 22px !important;
    }

    .swiper-button-prev:after {
        margin-left: 0;
        margin-right: 4px;
    }

    .swiper-button-next:after {
        margin-right: 0;
        margin-left: 4px;
    }

    .slider-wrapper .swiper-slide-button:hover {
        color: #ffc107;
    }


    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        left: 60px !important;
        right: auto !important;
    }

    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        right: 60px !important;
        left: auto !important;
    }

    .service-card-icon {
        display: block;
        width: 100%;
        height: 183px;
        vertical-align: middle;
        text-align: center;
        line-height: 183px;
        font-size: 100px;
        color: #002c59;
        padding-top: 10px;
    }

@media (max-width: 714px) {
    .homepage-top-section-card-odd, .homepage-top-section-card-even {
        display: block;
    }

        .homepage-top-section-card-even .homepage-top-section-card-column-item:nth-of-type(2) {
            border-radius: 0 0 0 2.5rem;
        }

        .homepage-top-section-card-even .homepage-top-section-card-column-item > img {
            border-radius: 0 0 0 2.5rem;
        }
}

@media (max-width: 459px) {
    .homepage-top-section-card-odd .homepage-top-section-card-column-item:nth-of-type(2) .homepage-top-section-card-column-item-inner > a {
                padding: 0.7rem 1.8rem;
            }
            
            .homepage-top-section-card-even .homepage-top-section-card-column-item:nth-of-type(1) .homepage-top-section-card-column-item-inner > a {
                padding: 0.7rem 1.8rem;
            }
}

@media (max-width: 340px) {
    .card .btn {
        padding: 0.5rem 0.1rem;
    }
}