.text-gray-100 {
    color: #f9f9f9;
}

.text-gray-200 {
    color: #f1f1f4;
}

.text-gray-300 {
    color: #dbdfe9;
}

.text-gray-400 {
    color: #c4cada;
}

.text-gray-500 {
    color: #99a1b7;
}

.text-gray-600 {
    color: #78829d;
}

.text-gray-700 {
    color: #4b5675;
}

.text-gray-800 {
    color: #252f4a;
}

.text-gray-900 {
    color: #071437;
}

.card-bg {
    background: #f9f9f9 !important;
    border-radius: 0.95rem;
}
.bg-body {
    background-color: #fff !important;
}

[data-bs-theme="dark"] {
    .text-gray-100 {
        color: #1b1c22;
    }

    .text-gray-200 {
        color: #26272f;
    }

    .text-gray-300 {
        color: #363843;
    }

    .text-gray-400 {
        color: #464852;
    }

    .text-gray-500 {
        color: #636674;
    }

    .text-gray-600 {
        color: #808290;
    }

    .text-gray-700 {
        color: #9a9cae;
    }

    .text-gray-800 {
        color: #b5b7c8;
    }

    .text-gray-900 {
        color: #f5f5f5;
    }

    .card-bg {
        background: #1b1c22 !important;
        border-radius: 0.95rem;
    }

    .bg-body {
        background-color: #15171c !important;
    }
}

.el-input__inner {
    border-radius: 8px!important; 
}
.el-textarea__inner {
    border-radius: 8px!important; 
}

[data-bs-theme="dark"] .el-form-item__label {
    color: #ffffff!important;  
}

[data-bs-theme="dark"] .el-input__inner {
    background-color: #1b1c22!important; 
    border-color: #25262e!important; 
    color: #9a9cae!important; 
    border-radius: 8px!important; 
}

/* [data-bs-theme="dark"] .el-input__inner:hover {
    border-color: #f15b5b!important; 
} */

[data-bs-theme="dark"] .el-input__inner:focus {
    /* border-color: #f15b5b!important;  */
    box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2); 
}

[data-bs-theme="dark"] .el-textarea__inner {
    background-color: #1b1c22!important; 
    border-color: #25262e!important;  
    color: #9a9cae!important;  
    border-radius: 8px!important; 
}

/* [data-bs-theme="dark"] .el-textarea__inner:hover {
    border-color: #f15b5b!important;  
} */

[data-bs-theme="dark"] .el-textarea__inner:focus {
    /* border-color: #f15b5b!important;  */
    box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2)!important; 
}

.about {
    .fs-5 {
        font-size: 0.9rem !important;
    }
    .fs-5-about {
        font-size: 1rem !important;
    }
    .py-15 {
        padding-top: 3.75rem !important;
        padding-bottom: 3.75rem !important;
    }

    .py-12 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .mb-18 {
        margin-bottom: 4.5rem !important;
    }
    .mb-16 {
        margin-bottom: 4rem !important;
    }
    .mb-12 {
        margin-bottom: 3rem !important;
    }
    .mt-10 {
        margin-top: 45px;
    }
    @media (min-width: 992px) {
        .p-lg-17 {
            padding: 4.25rem !important;
        }
        .p-tb-lg-17 {
            padding: 0 4.25rem !important;
        }

        .mb-5 {
            margin-bottom: 1.6rem !important;
        }

        .mb-15 {
            margin-bottom: 2.65rem !important;
        }
        .ps-lg-10 {
            padding-left: 2.5rem !important;
        }
    }

    @media (max-width: 991px) {
        .p-lg-17 {
            padding: 2.25rem !important;
        }
        .p-tb-lg-17 {
            padding: 0 2.25rem !important;
        }
        .mb-5 {
            margin-bottom: 1.4rem !important;
        }
        .mb-15 {
            margin-bottom: 2.05rem !important;
        }
    }

    .mx-4 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }

    .h-30px {
        height: 30px !important;
    }
    .h-100 {
        height: 100% !important;
    }

    .p-10 {
        padding: 2.5rem !important;
    }

    .card-rounded {
        border-radius: 0.95rem !important;
    }

    .octagon {
        clip-path: polygon(
            46.1731656763% 0.7612046749%,
            47.411809549% 0.3407417371%,
            48.6947380778% 0.0855513863%,
            50% 0,
            51.3052619222% 0.0855513863%,
            52.588190451% 0.3407417371%,
            53.8268343237% 0.7612046749%,
            82.1111055711% 12.4769334274%,
            83.2842712475% 13.0554747147%,
            84.3718855375% 13.7821953496%,
            85.3553390593% 14.6446609407%,
            86.2178046504% 15.6281144625%,
            86.9445252853% 16.7157287525%,
            87.5230665726% 17.8888944289%,
            99.2387953251% 46.1731656763%,
            99.6592582629% 47.411809549%,
            99.9144486137% 48.6947380778%,
            100% 50%,
            99.9144486137% 51.3052619222%,
            99.6592582629% 52.588190451%,
            99.2387953251% 53.8268343237%,
            87.5230665726% 82.1111055711%,
            86.9445252853% 83.2842712475%,
            86.2178046504% 84.3718855375%,
            85.3553390593% 85.3553390593%,
            84.3718855375% 86.2178046504%,
            83.2842712475% 86.9445252853%,
            82.1111055711% 87.5230665726%,
            53.8268343237% 99.2387953251%,
            52.588190451% 99.6592582629%,
            51.3052619222% 99.9144486137%,
            50% 100%,
            48.6947380778% 99.9144486137%,
            47.411809549% 99.6592582629%,
            46.1731656763% 99.2387953251%,
            17.8888944289% 87.5230665726%,
            16.7157287525% 86.9445252853%,
            15.6281144625% 86.2178046504%,
            14.6446609407% 85.3553390593%,
            13.7821953496% 84.3718855375%,
            13.0554747147% 83.2842712475%,
            12.4769334274% 82.1111055711%,
            0.7612046749% 53.8268343237%,
            0.3407417371% 52.588190451%,
            0.0855513863% 51.3052619222%,
            0 50%,
            0.0855513863% 48.6947380778%,
            0.3407417371% 47.411809549%,
            0.7612046749% 46.1731656763%,
            12.4769334274% 17.8888944289%,
            13.0554747147% 16.7157287525%,
            13.7821953496% 15.6281144625%,
            14.6446609407% 14.6446609407%,
            15.6281144625% 13.7821953496%,
            16.7157287525% 13.0554747147%,
            17.8888944289% 12.4769334274%
        );
    }

    .flex-center {
        justify-content: center;
        align-items: center;
    }

    .fs-lg-2hx-about {
        font-size: 2.2rem !important;
    }

    .w-xl-900px-about {
        width: 900px !important;
    }

    .h-200px-about {
        height: 200px !important;
    }

    .w-200px-about {
        width: 200px !important;
    }

    .overlay {
        position: relative;
        margin-bottom: 30px;
    }

    .overlay .overlay-layer {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--bs-overlay-bg);
        transition: all 0.3s ease;
        opacity: 0;
    }

    .overlay.overlay-block .overlay-layer,
    .overlay.overlay-show .overlay-layer,
    .overlay:hover .overlay-layer {
        transition: all 0.3s ease;
        opacity: 1;
    }

    .overlay.overlay-block {
        cursor: wait;
    }

    .image {
        position: relative;
        overflow: hidden;
    }
    .image img {
        border-radius: 0.95rem;
    }

    .image img[src*="video-play.svg"] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 30%;
        height: 30%;
        max-width: 80px;
        max-height: 80px;
        z-index: 3;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .image a:hover img[src*="video-play.svg"] {
        transform: translate(-50%, -50%) scale(1.1);
        filter: drop-shadow(0 0 10px #f15b5b);
    }

    .image a:hover::before {
        animation-duration: 1.5s;
    }

    .image a:hover::after {
        animation-duration: 1.5s;
    }

    .card-body a {
        text-decoration: none;
    }
    .subtitle {
        font-family: "Raleway", sans-serif;
    }

    .leaflet-bottom, .leaflet-top {

        z-index: 800 !important;

    }
}

.about_us {
    .about-num {
        ul {
            list-style: none;
            padding: 0 0 0 15px;
            line-height: 175%;
            margin-bottom: 0;
            li {
                margin-bottom: 16px;

                span:first-child {
                    font-weight: bold;
                }
                div {
                    display: table;
                    &:first-child{
                        float: left;
                    }
                }
            }
        }
        .num {
            display: inline-block;
            width: 40px;
            height: 40px;
            font-size: 18px;
            background: #F3F7FB;
            border-radius: 50%;
            text-align: center;
            vertical-align: middle;
            margin-right: 16px;
            color: #126CB5;
            font-style: italic;
            font-weight: 800;
            padding-top: 10px;
            padding-right: 3px;
        }

        @media (max-width: 991px) {
            ul {
                padding: 0 0 0 0;
                /* border: 2px solid red; */
            }
        }
    }

    .email_subscription {
        background-color: #F1F2F6;
        margin-bottom: -79px;

        @media (max-width: 787px) {
            margin-bottom: -1rem;
        }
    }
}