@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

:root {
    --theme-orange: #f46b5a;
    --theme-green: #01404f;
    --theme-yellow: #f6cf2c;
    --theme-black: #3b434b;
}

.bg-theme-orange {
    background-color: var(--theme-orange) !important;
}

.bg-theme-green {
    background-color: var(--theme-green) !important;
}

.bg-theme-yellow {
    background-color: var(--theme-yellow) !important;
}

.bg-theme-black {
    background-color: var(--theme-black) !important;
}

.bg-light-t {
    background-color: rgba(255, 255, 255, .75);
}

.text-orange {
    color: var(--theme-orange) !important;
}

.text-green {
    color: var(--theme-green) !important;
}

.text-yellow {
    color: var(--theme-yellow) !important;
}

.text-black {
    color: var(--theme-black) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
h2 b,
h1 b {
    font-family: "Archivo Black", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

*,
body {
    font-family: "Google Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "GRAD" 0;
}

.bold {
    font-weight: 700 !important;
}

.bolder {
    font-weight: 900 !important;
}

.btn-theme-orange {
    background-color: var(--theme-orange) !important;
    color: #fff !important;
    transition: background-color 300ms linear;
}

.btn-theme-orange:hover {
    background-color: var(--theme-black) !important;
    color: #fff !important;
}

.btn-theme-green {
    background-color: var(--theme-green) !important;
    color: #fff !important;
    transition: background-color 300ms linear;
}

.btn-theme-green:hover {
    background-color: var(--theme-black) !important;
    color: #fff !important;
}

.btn-theme-yellow {
    background-color: var(--theme-yellow) !important;
    color: #fff !important;
    transition: background-color 300ms linear;
}

.btn-theme-yellow:hover {
    background-color: var(--theme-black) !important;
    color: #fff !important;
}

.btn-theme-black {
    background-color: transparent !important;
    color: var(--theme-black) !important;
    border: 2px solid var(--theme-black);
    transition: background-color 300ms linear, color 300ms linear;
}

.btn-theme-black:hover {
    background-color: var(--theme-black) !important;
    border: 2px solid var(--theme-black);
    color: #fff !important;
}

.navbar-brand img {
    height: 110px;
    width: auto;
    position: fixed;
    left: 40px;
    top: 10px;
}

nav.navbar {
    background-color: rgba(255, 255, 255, .5);
}

.home-content {
    background-color: rgba(1, 64, 79, 0.5);
}

footer img {
    width: 100px;
    height: auto;
}

#home {
    background-image: url(../img/explore-sri-lankas-top-beach-and-surfing-destinations-with-wow-ceylon-tours-including-galle-unawatuna-mirissa-tangalle-and-arugam-bay-94744121144.jpg);    
    background-color: var(--theme-green);
}

#reviews {
    background-color: var(--theme-orange);
}

#fleet {
    background-image: url(../img/explore-sri-lankas-rich-history-with-wow-ceylon-tours-visiting-the-iconic-sites-of-sigiriya-anuradhapura-and-polonnaruwa-94744121144.jpg);    
    background-color: var(--theme-green);
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.about {
    background-image: url(../img/explore-sri-lankas-rich-history-with-wow-ceylon-tours-visiting-the-iconic-sites-of-sigiriya-anuradhapura-and-polonnaruwa-94744121144.jpg);    
    background-color: var(--theme-green);
}

.airport {
    background-image: url(../img/enjoy-reliable-airport-pickup-and-drop-services-in-sri-lanka-with-wow-ceylon-tours-offering-convenient-transfers-and-trusted-airport-drop-near-me-options-for-a-hassle-free-travel-experience-94744121144.jpg);    
    background-color: var(--theme-green);
}

.contact {
    background-image: url(../img/enjoy-thrilling-wildlife-adventures-with-wow-ceylon-tours-offering-unforgettable-yala-safari-tours-and-udawalawe-safari-tours-to-see-elephants-leopards-and-sri-lankas-rich-natural-beauty-94744121144.jpg);    
    background-color: var(--theme-green);
}

.package {
    background-image: url(../img/explore-sri-lankas-top-beach-and-surfing-destinations-with-wow-ceylon-tours-including-galle-unawatuna-mirissa-tangalle-and-arugam-bay-94744121144.jpg);    
    background-color: var(--theme-green);
}

.wedding {
    background-image: url(../img/luxury-wedding-car-rental-in-galle-wow-ceylon-tours-94744121144.jpg);    
    background-color: var(--theme-green);
}

@media (max-width: 768px) {
    .about {
        background-image: url(../img/explore-sri-lankas-rich-history-with-wow-ceylon-tours-visiting-the-iconic-sites-of-sigiriya-anuradhapura-and-polonnaruwas-94744121144.jpg);    
    }

    .airport {
        background-image: url(../img/enjoy-reliable-airport-pickup-and-drop-services-in-sri-lanka-with-wow-ceylon-tours-offering-convenient-transfers-and-trusted-airport-drop-near-me-options-for-a-hassle-free-travel-experiences-94744121144.jpg);    
    }

    .contact {
        background-image: url(../img/enjoy-thrilling-wildlife-adventures-with-wow-ceylon-tours-offering-unforgettable-yala-safari-tours-and-udawalawe-safari-tours-to-see-elephants-leopards-and-sri-lankas-rich-natural-beautys-94744121144.jpg);
    }

    .package {
        background-image: url(../img/explore-sri-lankas-top-beach-and-surfing-destinations-with-wow-ceylon-tours-including-galle-unawatuna-mirissa-tangalle-and-arugam-bays-94744121144.jpg);    
    }

    .wedding {
        background-image: url(../img/luxury-wedding-car-rental-in-galles-wow-ceylon-tours-94744121144.jpg);
    }
}