
 .is-hidden {
        display: none;
    }
.copyright.social-links {
    padding: 1rem;
    text-align: right;
}
    .fixed-top {
        background-color: #000 !important;
    }

    .header,
    .header .left-wrapper {
        background-color: #000 !important;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #fff;
    }

    li.nav-item {
        margin-left: 20px;
    }

    .btn.btn-outline-light-green {
        background-color: #cafc4f;
        border-color: #cafc4f;
        color: #333333;
        font-weight: bold;
        font-size: 0.875rem;
        text-transform: uppercase;
    }

    .btn {
        text-transform: uppercase;
        font-size: 0.875rem;
    }

    img {
        filter: grayscale(100%);
    }

    .carousel {
        margin: 200px 100px 0 100px;
        padding: 10px;
        background: #cafc4f;
    }

    .carousel-item img {
        width: auto;
        /* height: 450px;
        max-height: 450px; */
    }

    .navbar-dark .navbar-brand {
        background: #fff;
        padding: 0.25rem 0.8rem;
        border-radius: 10px;
        /* padding: 0; */
    }

    .navbar .logo-image img {
        width: 100%;
        height: 80px;
        /* border-radius: 10px; */
    }

    .basic-2,
    .basic-3 {
        padding-top: 10rem;
        padding-bottom: 6.375rem;
        /* padding-top: 0;
        padding-bottom: 5rem; */
    }

    .basic-2 .image-container {
        top: 0 !important;
        right: 0;
        width: auto;
        position: unset;
        margin-right: 4rem;
    }

    .basic-3 .image-container {
        top: 0 !important;
        position: unset;
        left: 0;
        width: auto;
        margin-left: 4rem;
    }

    .detail-section {
        display: flex;
        justify-content: space-around;
    }

    .basic-2 .text-container {
        margin-left: 0;
    }

    .basic-3 .text-container {
        margin-left: 0;
        margin-right: 0;
    }

    .header .left-wrapper .text-container:after,
    .header .left-wrapper .text-container:before {
        /* border-color: #000CFF; */
        border-color: #cafc4f;
        opacity: 0.9;
    }

    .fade.show {
        opacity: 0.5 !important;
    }

    .form-control-input,
    .form-control-select {
        border-radius: 0;
    }

    .form-floating>label {
        padding-left: 1.3125rem;
    }

    .offcanvas-collapse {
        background-color: #000;
    }

    .form-1 .left-wrapper.left-wrapper1 .contact-container {
        margin-left: 2.75rem;
    }

    .form-1 .left-wrapper.left-wrapper1 .text-container {
        padding-top: 3rem;
        padding-bottom: 1rem;
        text-align: center;
    }

    .form-control-submit-button {
        border-radius: .3rem;
    }

    .form-control-textarea {
        height: 7rem;
    }

    .disclaimer {
        margin:0 100px 0 100px;
        font-size:10px;
    }

    @media (max-width: 576px) {
        .basic-2,
        .basic-3 {
            padding-top: 6rem;
            padding-bottom: 2rem;
        }

        .basic-2 p,
        .basic-3 p {
            text-align: justify;
        }

        .basic-2 h2,
        .basic-3 h2 {
            text-align: center;
        }

        .detail-section {
            display: block;
        }

        .navbar .logo-image img {
            /* height: 40px;
            width: 140px; */
            /*added width for testing*/
            height: 35px;
            width: 70px;
        }

        .carousel {
            margin: 0;
            padding: 7px;
        }

        .image-container {
            display: none;
        }

        li.nav-item {
            text-align: center;
        }

        .navbar .nav-item .nav-link {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .btn.btn-outline-light-green {
            margin-top: 20px;
            width: 100% !important;
        }

        .carousel-item img {
            width: auto;
            height: auto;
        }

        .w-50 {
            width: 100% !important;
        }

        .header .left-wrapper .text-container:before,
        .header .left-wrapper .text-container:after {
            border-width: 10px 10px 0 0;
        }

          .disclaimer {
        margin:0 0 10px 0;
    }
    }