/* tag section */
/* common styles - applicable to all contents */
    body {
        margin: 0;
        padding: 0;
        font-family: 'Montserrat', sans-serif;
    }

    a:link {
        color: #8E8848; 
        background-color: transparent;
        text-decoration: none;
    }

    a:visited {
        color: #8E8848; 
        background-color: transparent;
        text-decoration: none;
    }

    a:hover {
        color: #CCC24D; 
        background-color: transparent;
        text-decoration: none;
    }

    h1 {
        font-size: 36px;
        font-weight: 600;
        line-height: 43.2px;
    }

    h2 {
        font-size: 24px;
        font-weight: 500;
        line-height: 31.2px;
    }

    h3, .blockquote-footer {
        font-size: 18px;
        font-weight: 600;
        line-height: 25.2px;
    }

    h4, .highlight-text {
        font-size: 16px;
        line-height: 22.2px;
        font-weight: 600;
    }

    h5 {
        font-size: 14px;
        line-height: 19.6px;
    }

    p, li {
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
    }
/* common styles end */
/* tag section */


/* class section */
    /* common styles - applicable to all contents */
        .container-section {
            margin-top: 3rem;
            margin-bottom: 3rem;
            margin-left: 3rem;
            margin-right: 3rem;
        }

        .row {
            margin: 0;
            padding: 0;
        }

        .nav-link:link, .nav-link:visited, .nav-link:hover, .nav-link:active, #header a {
            color: black !important; 
            background-color: transparent; 
        }

        .button, .contact-btn, .contact-btn:visited {
            background-color: #8E8848 !important;
            color: white !important;
            border: 2px solid #8E8848 !important;
            padding: 10px 20px;
            border-radius: 5px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            cursor: pointer;
        }

        .button:hover, .contact-btn:hover {
            background-color: white !important;
            color: #8E8848 !important;
        }

        .button:active {
            background-color: #443f25;
            color: white;
        }

        .button:disabled {
            background-color: #CCC24D;
            color: #8E8848;
            border: 2px solid #ccc24d;
            cursor: not-allowed;
        }

        .img-thumbnail {
            border-style: none;
            border-radius: 0;
            padding: 0;
            width: 100vw;
            height: 15rem;
        }

        .card {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
            border-radius: 0.8rem;
        }

        .comming-soon {
            color: orangered;
        }

        /* trips card animation */
            .trip-card, .blog-card {
                transition: transform 0.3s ease;
            }

            .trip-card:hover, .blog-card:hover {
                transform: scale(1.02);
                /* box-shadow: 0 .5rem 1rem rgba(204, 194, 77, 0.7); */
            }
        /* trips card end */
    /* common styles end */

    /* Header style */
    .container-section-header {
        margin-left: 3rem;
        margin-right: 3rem;
    }
    /* Header style end */
/* class section end */

/* id section */
    #footer {
        background-color: #CCC24D;
    }

    #header, .card-footer {
        background-color: white;
        border-style: none;
    }

    #home-featurettes, #home-featurettes img {
        height: 80vh;
        width: 100vw;
        color: white;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    }

    #our-story img {
        height: 65vh;
        width: auto;
    }

    #team img, #blog-details img, #featured-blog img, #choose-fa img {
        height: 50vh;
        width: 100vw;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    }

    #featurettes, #featurettes img {
        height: 45vh;
        width: 100vw;
        color: white;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    }

    #blog-featurettes, #blog-featurettes img {
        height: 60vh;
        width: 100vw;
        color: white;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    }
/* id section end */