@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap');

* {
    scroll-behavior: smooth;
    transition: all 0.3s; /* Remove this if using drag and drop feature */
    font-family: 'Mitr', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 30px !important;
}

p, li, blockquote {
    font-size: 18px !important;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

th,
td {
    vertical-align: middle !important;
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.overflow-2 {
    -webkit-line-clamp: 2;
}

.overflow-3 {
    -webkit-line-clamp: 3;
}

.overflow-4 {
    -webkit-line-clamp: 4;
}

.overflow-5 {
    -webkit-line-clamp: 5;
}

.f-shadow {
    text-shadow: 2px 2px 4px #000000;
}

a {
    text-decoration: none;
}

ul.flex-screen > li {
    flex: 1 1 auto;
}

.header-logo {
    height: 70px;
}

.striped-ads-1 {
    background-image: url('./images/striped-ads-1.jpg');
    background-size: cover;
}

.why-image {
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    padding: 0;
}

.hover-scale:hover {
    transform: scale(1.2);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: green;
}

#NavbarHeader .nav-link:hover, #NavbarHeader .nav-link.active {
    font-weight: bold !important;
    padding-bottom: 5px;
    border-bottom: 1px solid white;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: green;
}

.copyright p {
    font-size: 1vw;
}

footer a {
    font-size: 25px;
}

.tiktok-embed, .facebook-embed {
    min-height: 757px;
}

#Services {
    scroll-margin-top: 35px;
}

.service-banner {
    height: 75vh;
    object-fit: cover;
}

.service-breadcrumb {
    --bs-breadcrumb-divider: '>';
}

.service-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: white !important;
}

.div-breadcrumb {
    margin-top: -36px;
}

.breadcrumb-bg {
    background: rgb(0,143,54);
    background: linear-gradient(45deg, green 0%, cyan 100%);
}

.img-step {
    object-fit: cover;
}

.header-home-banner {
    width: 100%;
    height: 75vh;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .header-logo {
        height: 40px;
    }

    .why-image {
        padding: 50px;
    }

    .copyright p {
        font-size: 3vw;
    }

    .service-banner {
        height: auto;
    }

    .header-home-banner {
        height: auto;
    }

    .div-breadcrumb {
        margin-top: 36px;
    }

    .mobile-bar {
        position: sticky;
        bottom: 0;
        z-index: 99999;
    }

    .ejlKYF {
        display: none;
    }
}