@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bacasime+Antique&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');

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

body {
    overflow-x: hidden;
}

:root {
    scroll-behavior: smooth;
}

/*---------------------- custome classes made by me ----------------------*/
.button-color {
    background: hsl(0, 0%, 100%) !important;
    border: 1px solid rgb(95, 95, 140) !important;
    border-radius: 50px !important;
    color: rgb(85, 33, 113) !important;
    font-weight: bold !important;
    border: none !important;

}

.button-color-2 {
    /* background: linear-gradient(to right, rgba(251, 30, 139, .96) 0, #ab44ec 50%, #6410f7 100%); */
    /* background:  linear-gradient(to right, rgba(255, 215, 55, 0.93) 0, #f95737 100%) !important; */
    /* background: #d1b257; */

    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}


/* ----------------------------------------------------- Header section Start -------------------------------------------------- */
/*.header {*/
/*    height: 100vh;*/
/*    background: url(../Images/background.jpg) no-repeat;*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*}*/

.navigation {
    /* background: linear-gradient(to right, rgb(205 74 213) 0, #8747d9cf 100%); */
    background: linear-gradient(to right, rgb(185 16 180) 0, #85077c 100%);
    /* background-color: #fff; */
    height: 70px;
    z-index: 999;

}

.navbar a {
    /* font-family: Lobster Pacifico; */
    /* font-family: 'Poppins', sans-serif; */

    font-family: 'Bacasime Antique', serif;
    font-family: 'Indie Flower', cursive;
    font-family: 'Poiret One', cursive;

}

.navbar ul a {
    color: rgb(255, 255, 255) !important;
    font-size: 1.3rem;
    /* background: #000; */
    /* margin-left: 15px !important; */
    font-weight: bold;

}

.navbar ul a:hover {

    color: rgb(244, 211, 255) !important;
}



video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}



/* responsive navbar */

.phone-navigation {
    background: linear-gradient(to right, #c850c2f0 0, rgba(140, 30, 145, 0.934) 100%);
    position: fixed;
    bottom: 0px;
    left: 0%;
    width: 100%;
    /* height: 90px; */
    display: none;
    z-index: 999;
    border-radius: 10px !important;
}


.phone-navigation i {
    font-size: 3rem !important;
    border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 15px;
    /* background: linear-gradient(to bottom, #e8cf84cc 0, rgba(239, 246, 175, 0.801) 100%); */
    background: #ffffff;
    color: rgb(88, 17, 83) !important;
}

.phone-navigation a div,
.phone-navigation .login {
    color: rgb(255, 255, 255) !important;
}



.navbar-nav li {
    text-align: left !important;
    float: right !important;
}


.header-content .right-side p {
    text-align: justify;
}

/* ----------------------------------------------------- Header section End ---------------------------------------------------- */


/* ------------------------------------------- form-section start ----------------------------------------- */


.first-nav button,
.second-nav button {
    background: linear-gradient(to right, rgb(185 16 180) 0, #85077c 100%) !important;
    /* background: #d1b257 !important; */

    color: #ffffff !important;
    /* border-radius: 60% 40% 40% 20%; */
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); */
    border-radius: 42% 0% 28% 31% / 25% 24% 39% 39%;
    /* clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%) !important; */

}




/* ---------------------------form contaiener--------------------------- */
.form-container {
    background: radial-gradient(circle, #c1439b 25%, rgb(205, 63, 184) 25%, rgb(150, 34, 121) 100%);
    /* border-radius: 0% 0% 100% 39% / 99% 71% 100% 12%; */
    border: 5px solid rgb(239, 255, 175);
    border-radius: 10px;
    border-style: double;
    /* box-shadow: 0px 1px 15px 5px #1f3b29 !important; */
    /* width: 100%; */
}


.flight-search-btn button {
    background: #d1b257;

}


.hotel-searcch-btn button {
    border-radius: 20% 80% 21% 79% / 80% 18% 82% 20%;
    background: #d1b257;

}

.nus-search-btn button {
    border-radius: 20% 80% 21% 79% / 80% 18% 82% 20%;
    background: #d1b257;

}


.main-form label {
    font-weight: 500;
    color: rgb(255, 255, 255);
    font-size: 1rem;
}


/* ------------------------------------------- form-section end ----------------------------------------- */


/* ----------------------------------------------------- About section Start -------------------------------------------------- */

.about-section .left-side p {
    background: #fff5ef;
    text-align: justify;
    padding: 5px;
    font-family: serif;

}

/* ----------------------------------------------------- About section End ---------------------------------------------------- */

.partner-item {
    border-radius: 20px 20px 80px 80px;
    height: 100%;
    /* height: 250px; */
}

.partner-item:hover {
    transform: translateY(-10px);
    cursor: pointer;
    transition: all 0.3s;
    padding: 0.5rem;

}


.partner-item:hover p,
.partner-item:hover h1 {
    transition: all 0.3s;
    transform: scale(1.05);
}

.partner-item:hover button {
    transform: scale(1.1);
    transition: all 0.3s;

}


.partner-item h1 {
    background-color: #fff;
    color: rgb(85, 33, 113);
    font-size: 1.3rem;
    font-weight: bold;
}

.partner-item p {
    color: white;
    font-size: 0.9rem;
    text-align: justify;
}

.partner-item:nth-child(1) {
    background: linear-gradient(180deg, #a4197a 20%, rgb(85, 33, 113) 21%, rgb(150, 34, 121) 100%) !important;
}


.partner-item:nth-child(2) {
    background: linear-gradient(45deg, #66cbe9 25%, rgb(79, 200, 227) 25%, rgb(64, 193, 205) 100%) !important;
}

.partner-item:nth-child(3) {
    background: linear-gradient(45deg, #a4197a 25%, rgb(85, 33, 113) 25%, rgb(150, 34, 121) 100%) !important;
}

.partner-item:nth-child(4) {
    background: linear-gradient(45deg, #a4197a 25%, rgb(85, 33, 113) 25%, rgb(150, 34, 121) 100%) !important;
}

.partner-item:nth-child(5) {
    background: linear-gradient(45deg, #a4197a 25%, rgb(85, 33, 113) 25%, rgb(150, 34, 121) 100%) !important;
}


/* trainning  */
.training-section .training-img {
    position: relative;

}

.training-section i {
    position: absolute;
    font-size: 7.5rem;
    position: absolute;
    top: 38%;
    left: 37.5%;
    color: #ff7358;
    animation: vdodemo 1s linear infinite;
}

.training-section i:hover {
    color: #5082ff;

}

@keyframes vdodemo {
    0% {
        transform: scale(1.1);
        /* border: 1px solid salmon; */

    }

    60% {
        transform: scale(1.2);
        /* border: 2px solid salmon; */

    }

    100% {
        transform: scale(1.3);
        /* border: 3px solid salmon; */


    }
}

/* ----------------------------------------------------- Footer section Start -------------------------------------------------- */
.footer {
    background: radial-gradient(circle, rgb(225 39 197) 25%, rgb(223 77 202) 25%, rgb(111, 24, 89) 100%);

}

/* ----------------------------------------------------- Footer section End ---------------------------------------------------- */