@font-face {
    font-family: 'Poppins Bold';
    src: url(../fonts/Poppins-Bold.ttf);
    src: url(../fonts/Poppins-Bold.woff);
    src: url(../fonts/Poppins-Bold.woff2);
}

@font-face {
    font-family: 'Poppins';
    src: url(../fonts/Poppins-Regular.ttf);
    src: url(../fonts/Poppins-Regular.woff);
    src: url(../fonts/Poppins-Regular.woff2);
}

@font-face {
    font-family: 'Poppins SemiBold';
    src: url(../fonts/Poppins-SemiBold.ttf);
    src: url(../fonts/Poppins-SemiBold.woff);
    src: url(../fonts/Poppins-SemiBold.woff2);
}

*,
body {
    font-family: 'Poppins';
    font-weight: 800;
}

a {
    font-family: 'Poppins';
    font-weight: 500;
}

p {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 800;
    font-family: 'Poppins SemiBold';
}

button {
    font-family: 'Century Gothic';
    font-weight: 800;
}

.footer-links__link {
    text-decoration: none;
    color: #FFFFFF;
}

.footer-links__link:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.l-link-um:visited {
    background-color: #20BA72;
    color: #FFFFFF;
}

.text-align {
    text-align: justify;
}

.link-dark:hover {
    color: #20BA72 !important;
    transition: 100ms;
}

.dropend .dropdown-toggle {
    color: salmon;
    margin-left: 1em;
}

.dropdown-item:hover {
    background-color: #20BA72 !important;
    color: #fff;
}

.dropdown .dropdown-menu {
    display: none;
}

.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
    display: block;
    margin-top: 0.125em;
    margin-left: 0.125em;
}

/* @media screen and (min-width: 769px) {
    .dropend:hover>.dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
    }
    .dropend .dropdown-toggle {
        margin-left: 0.5em;
    }
} */


.cs {
    height: 700px;

    img {
        height: 750px;
        object-fit: cover;
    }
}

.sd-nav {
    display: none;
}

.mbtn {
    display: none !important;
}

.mbcar3 {
    display: none;
}

.acc-mb {
    display: none;
}

.car33 {
    display: none;
}

@media only screen and (max-width:110em) {
    h4 {
        font-size: 1.2rem !important;
    }

    p {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 75em) {

    .cs {
        height: 500px;

        img {
            height: 500px;
        }
    }

    .sm-car {
        display: flex;
        flex-direction: column;
    }

    .state1 {

        /* width: 700px; */
        img {
            width: 700px;
        }
    }

    h2 {
        font-size: 1.5rem !important;
    }



}

@media only screen and (max-width: 68em) {
    h2 {
        font-size: 1rem;
    }

    p {
        font-size: 16px;
    }

    .custom-block {
        flex-direction: column;
    }

    .custom-a {
        width: 100% !important;
    }

    .custom-div {
        position: absolute;
        visibility: hidden;
        z-index: -1;
    }

    .footer {
        h4 {
            font-size: 1rem;
        }
    }

    .header {
        .sd {
            display: none;
        }
    }



}

@media only screen and (max-width: 991px) {
    .sd-nav {
        display: block;
    }
}

@media only screen and (max-width: 420px) {
    .btn1 {
        margin-left: 60%;
        border: 3px solid #20BA72;
        border-radius: 5px;
        background: #20BA72;
        color: #fff;
        padding: 2px 4px;
        font-size: 14px;
    }

    .umum {
        display: flex;
        flex-direction: column;
    }

    .umum .card1 {
        width: 100% !important;
    }

    .logo {
        width: 90px;
        height: 75px;
    }

    .logo2 {
        width: 80px;
        height: 65px;
    }

    .sbtn {
        display: none !important;
    }

    .mbtn {
        width: 100px;
        height: 30px !important;
        display: block !important;
    }



    a {
        font-size: 12px !important;
    }

    .sld {
        height: 250px;
    }

    .cs {
        height: 250px;

        img {
            height: 250px !important;
        }
    }

    h2 {
        font-size: 20px !important;
    }

    h3 {
        font-size: 16px !important;
    }

    h4 {
        font-size: 16px !important;
    }

    .sm-car {
        height: 250px !important;
    }

    .ac {
        height: 250px !important;

        img {
            height: 250px !important;
        }
    }

    .video {
        height: 250px;
    }

    .map {
        display: none;
    }

    .cont {
        display: flex;
        flex-direction: column;
    }


    .ascar {
        display: none !important;
    }

    .mbcar3 {
        display: block;
    }

    .item-car {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .car33 {
        display: block;
    }

    .acc-n {
        display: none;
    }

    .acc-mb {
        display: block;
        background-color: #20BA72;
        border: none;
    }

    .accordion-item {
        background-color: #20BA72 !important;
        border: none;
    }

    .accordion-item button {
        background-color: #20BA72 !important;
        color: #fff !important;
        border-bottom: 2px solid #fff;
    }

    .accordion-item button:focus {
        background-color: #20BA72;
    }

    .hed {
        position: relative !important;
    }

}


@media only screen and (max-width: 700px) and (orientation: landscape) {
    .fixed-top {
        position: relative !important;
        /* top: 0;
        right: 0;
        left: 0;
        z-index: 1030 */
    }

    .logo {
        width: 90px;
        height: 75px;
    }

    .logo2 {
        width: 80px;
        height: 65px;
    }

    .sbtn {
        width: 100px;
        height: 30px !important;
        display: none !important;
    }

    .mbtn {
        width: 100px;
        height: 30px !important;
        display: block !important;
    }



    a {
        font-size: 12px !important;
    }

    .sld {
        height: 250px;
    }

    .cs {
        height: 250px;

        img {
            height: 250px !important;
        }
    }

    h2 {
        font-size: 20px !important;
    }

    h3 {
        font-size: 16px !important;
    }

    h4 {
        font-size: 16px !important;
    }

    .sm-car {
        height: 250px !important;
    }

    .ac {
        height: 250px !important;

        img {
            height: 250px !important;
        }
    }

    .video {
        height: 250px;
    }

    .map {
        display: none;
    }

    .cont {
        display: flex;
        flex-direction: column;
    }


    .ascar {
        display: none !important;
    }

    .mbcar3 {
        display: block;
    }

    .item-car {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .car33 {
        display: block;
    }

    .acc-n {
        display: none;
    }

    .acc-mb {
        display: block;
        background-color: #20BA72;
        border: none;
    }

    .accordion-item {
        background-color: #20BA72 !important;
        border: none;
    }

    .accordion-item button {
        background-color: #20BA72 !important;
        color: #fff !important;
        border-bottom: 2px solid #fff;
    }

    .accordion-item button:focus {
        background-color: #20BA72;
    }

    .hed {
        position: relative !important;
    }
}