@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url("assets/section-css/reset.css");
@import url("assets/section-css/header.css");
@import url("assets/section-css/hero.css");
@import url("assets/section-css/text-move.css");
@import url("assets/section-css/features.css");
@import url("assets/section-css/about.css");
@import url("assets/section-css/partner.css");
@import url("assets/section-css/video.css");
@import url("assets/section-css/portfolio.css");
@import url("assets/section-css/service.css");
@import url("assets/section-css/team.css");
@import url("assets/section-css/testimonial.css");
@import url("assets/section-css/pricing.css");
@import url("assets/section-css/blog.css");
@import url("assets/section-css/call-action.css");
@import url("assets/section-css/contact.css");
@import url("assets/section-css/faq.css");
@import url("assets/section-css/404.css");
@import url("assets/section-css/footer.css");
@import url("assets/section-css/sidebar-popup.css");


.bgCustome {
    background: #3e6674 !important;
    font-size: 14px !important;
    font-family: "Nunito Sans", sans-serif !important;
    font-weight: 800 !important;
    color: #fff !important;

    &:hover {
        background: #86a3a8 !important;
        color: #000 !important;
    }
}

.CTAColor {
    background: #00ae8a !important;
    color: #fff !important;
    font-weight: bolder !important;
    font-family: "Archivo Black", sans-serif !important;

    &:hover {
        opacity: 0.9;
        background: #00ae8a !important;
    }
}


.text-teal {
    color: #3e6674 !important
}

h2,
h4,
h5,
h6,
.custom_badge {
    font-family: "Nunito Sans", sans-serif !important;
    font-weight: 900 !important;
}

h1,
.my_font_change {
    font-family: "Kanit", sans-serif !important;
    font-weight: 900 !important;
}

/* a,
button {
    font-family: "Nunito Sans", sans-serif !important;
    font-weight: 500 !important;
} */

p {
    font-family: "Gelasio", serif;
    font-weight: 500 !important;
}

.custom_badge {
    color: #000 !important;
}

.back_to_front {
    z-index: 10;
    position: relative;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bgCustome1 {
    background: #16170f !important;
}

.bgCustome2 {
    background: #D2F4E5 !important;
}

.bgCustome3 {
    background: #fefbdb !important;
}

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

.height-full {
    height: 100% !important;
}

.text-teal {
    color: #00725d !important;
    font-family: "Gelasio" sans-serif !important;
    font-weight: 200 !important;
}

.text-teal:hover {
    color: #004d40;
}

.partenrs_header {
    font-size: 63px !important;
    font-weight: 400 !important;
}

@media (max-width:1024px) {
    .partenrs_header {
        font-size: 43px !important;
    }
}

.icon_svg_box .content h2,
.partners_headingr {
    font-weight: bolder !important;
    font-family: "Archivo Black", sans-serif !important;
}

.h-100 {
    height: 100px !important;
    transition: 0.67s;
    border-color: #9c9c9c !important;

    &:hover {
        background: #dddddd3d;
    }
}

.borderLight {
    border-color: #9c9c9c !important;
}

.hoverBg {
    transition: 0.67s;

    &:hover {
        background: #dddddd3d;
    }
}

.custom-list li {
    list-style-type: disc !important;
    margin-left: 15px !important;
    margin-bottom: 15px !important;
}

.location_area_start {
    position: absolute;
    bottom: 10px;
    left: 15px;

    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 25px;
}

.location_area_start .location_icon {
    background: #91EBC9;
    color: #000;
    font-size: 24px;
    font-weight: bolder !important;
    padding: 12px;
}

.filter-active .filter-item .card {
    height: 500px !important;
}

.filter-active .filter-item .card .card-body .card-title {
    font-size: 18px !important;
}



.page-partner-bg {
    background: #d2f4e5 !important;
}

.page-cta-bg {
    background: #3e6674 !important;
}

.bg-yellow-light {
    background: #fff7af !important;
}

.bg-skin-light {
    background: #fefbdb !important;
}

.bg-blue-dark {
    background: #90eacb !important;
}

.bg-blue-light {
    background: #d2f4e5 !important;
}

.jobsFiler .tab-btn.active,
.jobsFiler .tab-btn:hover {
    background: #fff7af !important;
    color: #222;
}

.jobsFiler .location_icon {
    background: none !important;
}

.ausbildungFilter .tab-btn {
    background: #fff7af;
}


.team-wrapper-card {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    background: #fefbdb;
    padding: 16px 18px;
}

.team-wrapper-card .team-card .team-content .content-top h6 {
    font-size: 14px !important;
}

.team-wrapper-card .team-card .team-content .content-top a {
    color: #80ccb1 !important;
    font-size: 14px;
    text-decoration: underline;
    padding-bottom: 1px;
}

.team-wrapper-card .team-card .team-content .content-bottom {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.team-wrapper-card .team-card .team-content .content-bottom i {
    color: #222;
    transition: 0.67s;

    &:hover {
        color: #80ccb1 !important;
    }
}

.way-wrapper {
    position: relative;
    background: #fff;
    width: 100% !important;
    height: 100% !important;
}

.contact-wrapper {
    background: #d2f4e5;
    padding: 18px 22px;
    text-align: center;
}


.coustom_form .form_inputs input,
.coustom_form .form_inputs textarea {
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 0;
    outline: none;
    padding: 12px 16px 8px;
    color: #000;
    font-family: "Kanit", sans-serif !important;
    border-bottom: 1px solid #000;
}

.coustom_form .form_inputs input::placeholder,
.coustom_form .form_inputs textarea::placeholder {
    color: #333;
    opacity: 1;
}

.borderColor {
    border-color: #000 !important;
}

.tc-hero-cont__text {
    font-size: 16px !important;
    color: #000 !important;
}

.filter-active .filter-item .card img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    object-position: center !important;
}



.company_logo .team-wrapper-card .team-card {
    height: 420px !important;
}

.company_logo .team-wrapper-card .team-card .img-bg-white {
    background: #fff;
}

.company_logo .team-wrapper-card .team-card .team-img {
    max-width: 99% !important;
    margin: 0 auto;
}

.company_logo .team-wrapper-card .team-card .team-img img {
    transform: scale(0.8);
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.my_coustom_card_section .card img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.page-cta-bg p{
    color: #fff !important;
}