/*------------------
--- Google Fonts----
----------------- */
@import url('https://fonts.googleapis.com/css2?family=Inter&family=Poppins&family=Roboto:wght@700&display=swap');


/* Common Styles */
body{
    font-family: 'Poppins', sans-serif;
}

/* Navication Bar Styles */
.brand-name{
    font-size: 22px;
    font-weight: 700;
}

/* Banner Section Styles */
.banner-slide-btn{
    background-color: white;
    border: 0px;
    border-radius: 5px;
    text-decoration: none;
    color:#3F87F5;
    font-weight: 700;
    padding: 10px 40px;
}
.banner-slide-btn:hover{
    color:#3F87F5;
}

.banner-slide-img{
    width: 100%;
    height: 540px;
    object-fit: cover;
}

/* Toast design */
.toast-left-border{
    border-left: 8px solid #3F87F5;
}
.fas.fa-gift{
    color: #007CFFA1;
}


/* Package section Styles */
.package-card{
    width: 232px;
    height: 390px;
}

.tick-mark{
    color: rgb(243, 240, 240);
}
.bg-tick{
    background-color: rgb(0, 0, 168);
}

.tick-mark-hot{
    color: #5599ff;
}
.bg-tick-hot{
    background-color: white;
}

.package-btn{
    background-color: #f496d221;
    color: #3F87F5;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.hot-package{
    background-color: #3F87F5;
    color: white;
    border-radius: 26px;
    padding-top: 50px;
    padding-bottom: 40px;
    width: 240px;
    height: 450px;
    box-shadow: 0px 42px 34px rgba(63, 135, 245, 0.25);
}
.hot{
    left: 85%;
    top: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 14px;
    background-color: #FF4E4E;
}

/* footer section styles */
#footer-background{
    background-color: #0B0D17;
    color: #D9DBE1;
}