/* General styling */


/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */

@import url(https://db.onlinewebfonts.com/c/4aa3e37e571255737e5e6d4e9d9770a5?family=Rockwell);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
    --accent-color: #7ec8e3;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body,
html {
    height: 100%;
    margin: 0;
    /* font-family: "Rockwell"; */
    color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rockwell";
    color: #13294B !important;
}

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

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

span {
    /* font-family: "Rockwell"; */
    font-family: "Roboto", sans-serif !important;
}

p,
a,
li {
    /* font-family: "Urbane"; */
    font-family: "Roboto", sans-serif !important;
    color: #20373B !important;
}

input,
label {
    font-family: "Roboto", sans-serif !important;
}

button {
    font-family: "Roboto", sans-serif !important;
}

.navbar {
    background-color: transparent !important;
    position: absolute;
    width: 100%;
}

.nav-link {
    color: white !important;
    text-transform: uppercase;
}

.home-section {
    position: relative;
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.hero-section {
    position: relative;
    width: 100%;
    height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    @media(max-width: 576px) {
        height: 65vh;
    }
}

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.logo {
    width: 100%;
    max-width: 150px;
    z-index: 1;
    opacity: 0.8;
}

@media only screen and (max-width: 767px) {
    .logo {
        width: 100%!important;
        max-width: 80!important;
        height: 100%!important;
    }
    .home-section {
        position: relative;
        width: 100%;
        height: 60vh;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
}

.content {
    z-index: 2;
}

.btn {
    letter-spacing: 0.1rem!important;
}

.btn-custom {
    background: rgb(255 255 255 / 0%);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 32px !important;
}

.btn-custom:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.banner-button {
    padding: 2px 20px !important;
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
}

.logo {
    max-width: 100px;
}

header .dropdown-toggle::after {
    display: none !important;
}

header .btn.show {
    border: none;
}

.blurish {
    background: rgb(255 255 255 / 0%) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.nav .nav-link {
    display: inline-block !important;
}

.nav .nav-link:hover {
    background-color: #fff;
    color: #000 !important;
}

.nav li {
    padding: 0.75rem 0rem;
}

.pickup-image {
    width: 100%;
    overflow: hidden
}

.pickup-image img {
    width: 100%;
    height: 100%;
}

.pickup-content {
    transition: ease-in-out 0.5s;
    opacity: 0;
    z-index: 2;
}

.pickup:hover .pickup-image img {
    transform: Scale(1.1);
    transition: ease-in-out 0.4s;
    transform-origin: 50% 50%;
}

.pickup:hover .pickup-content {
    opacity: 1;
    transition: ease-in-out 0.5s;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.ls-1px {
    letter-spacing: 1px !important;
}

.ls-1 {
    letter-spacing: 0.1rem !important;
}

.ls-2 {
    letter-spacing: 0.2rem !important;
}

.ls-3 {
    letter-spacing: 0.3rem !important;
}

.ls-4 {
    letter-spacing: 0.4rem !important;
}

.ls-5 {
    letter-spacing: 0.5rem !important;
}

.lh-1 {
    line-height: 1rem;
}

.lh-2 {
    line-height: 2rem;
}

.lh-3 {
    line-height: 3rem;
}

.lh-4 {
    line-height: 4rem;
}

.btn-primary {
    background-color: #030e20 !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: #0a3986 !important;
}

footer {
    width: 100%;
    text-align: center;
    z-index: 2;
    background-color: #030e20;
}

footer p {
    font-size: 1.2rem;
    letter-spacing: 2px;
}

footer h1 {
    font-size: 3rem;
    letter-spacing: 5px;
}


/* accordian style */

.accordion-button:focus {
    border-color: none !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background-color: transparent !important;
}

form label,
input,
textarea {
    font-family: "Urbane";
}

@media only screen and (max-width: 798px) {
    .pickup-content {
        opacity: 1;
        background: linear-gradient(to top, #000000a3, transparent);
    }
}

@media (max-width:576px) {
    .section-title {
        padding: 10px 20px 10px;
        font-weight: 500;
        margin-bottom: 0px;
    }
    .section-title1 {
        line-height: 2rem !important;
    }
}


/* ==============================================
Common Button
 =================================================*/

.common-button:hover {
    background-color: #13294B !important;
    color: white !important;
}

.common-button {
    border: 2px solid #13294B !important;
    background-color: unset !important;
    color: #13294B !important;
}

a {
    text-decoration: none !important;
}