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

:root {
    scroll-behavior: smooth;
}

/* custome classes made by me */
.button-color-1 {
    background: #d1b257 !important;
    border: 1px solid rgb(95, 95, 140) !important;
    /* border-radius: 50px; */
    color: rgb(255, 255, 255) !important;
    font-weight: bold;
    border: none;

}


.button-color-1:hover {
    border: 1px solid #d1b257 !important;
    color: #d1b257 !important;
    background: white !important;
    transition: all 0.2s;

}

.button-color {
    /* background: #d1b257; */
    border: 1px solid rgb(95, 95, 140) !important;
    /* margin-top: 10%; */
    /* border-radius: 50px; */
    background: #ffffff;
    color: rgb(0, 0, 0) !important;
    text-transform: uppercase;
    font-weight: bold;
    border: none;

}


.button-color:hover {
    border: 1px solid rgb(255, 255, 255) !important;
    background: #000;
    color: rgb(255, 255, 255);
    transition: all 0.2s;
}



.btn-price-color {
    background: radial-gradient(circle, rgb(131, 222, 255) 0%, rgb(62, 255, 194) 33%, rgb(181, 199, 255) 91%)#5480e7 !important;

    /* background: linear-gradient(to right, rgb(185 1 232) 0, #7900f7 100%); */
    /* background:  linear-gradient(to right, rgba(255, 215, 55, 0.93) 0, #f95737 100%) !important; */
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}


body {
    overflow-x: hidden;

}

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

.header {

    background-position: center;
    /* background-image: linear-gradient(to bottom right, #FF512F, #DD2476); */
    /* background: url(Images/home\ garder.jpg) no-repeat; */
    background-size: cover;
    background-attachment: fixed;
    /*height: 100vh;*/
    width: 100%;

}



.navigation {
    /* background: linear-gradient(to right, #d1b35774 0, #efe0a878 100%); */
    height: 70px;
    z-index: 999;

}

.navbar a {
    font-family: serif;

}

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

}



/* responsive navbar */

.phone-navigation {
    background: linear-gradient(to right, #d1b357f0 0, rgba(255, 255, 255, 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(0, 0, 0) !important;
}

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





.navbar-toggler {
    outline: none !important;
}

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

/* -----------header contents -----------*/

.header-content .contents {
    /* background:linear-gradient(to bottom, rgba(238, 221, 160, 0.73) 0, rgba(156, 142, 78, 0.78) 100%) !important; */
    background: linear-gradient(to bottom, rgba(255, 248, 224, 0.472) 0, rgba(255, 230, 119, 0.259) 100%) !important;
}

.header-content .contents h1 {
    /*font-size: 2.16rem !important;*/
    font-family: cursive;
    color: rgb(50, 43, 16) !important;
}

.header-content .contents p {
    font-family: serif;
    /*font-size: 1.2rem !important;*/
    margin: 1rem 0% !important;

    color: rgb(255, 255, 255) !important;
    line-height: 1;

}

.header-content .contents button {
    font-size: 1.1rem;

}




/* all para text  justify  */

.header-content p,
.About-section p,
.training-section p {
    text-align: justify !important;

}





.About-contents .right-side h2 {
    font-size: 1.8rem !important;
}

.About-contents .right-side p {
    font-size: 1.1rem !important;
}

/* .section-heading span {
    height: auto !important;
    width: auto !important;
}

.section-heading span img {
    object-fit: cover;
} */




.headertext {
    perspective: 1200px;

}

.movings {
    transform-style: preserve-3d;

}

.right-side .buttons div button {
    /* clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%); */
    height: 100px;
    /* width: 100px; */
    /* padding: 0% 10%; */

}


@keyframes moving {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.02);
    }

    50% {
        transform: scale(1.06);
    }

    75% {
        transform: scale(1.09);
    }

    100% {
        transform: scale(1.1);

    }

}


.Advantages {
    background: url(Images/home.webp) no-repeat;
    /*height: 100vh;*/
    background-position: center;
    background-size: cover;
    width: 100%;
    object-fit: cover;
}


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

input {
    outline: none !important;
    border: none;
}

/* @keyframes buttons {
    0% {
        border-radius: 81% 19% 79% 21% / 19% 77% 23% 81%;
        background: radial-gradient(circle, rgb(131, 222, 255) 0%, rgb(62, 255, 194) 33%, rgb(181, 199, 255) 91%)#5480e7 !important;

        transition: all 0.2s;

    }

    50% {
        border-radius: 20% 80% 21% 79% / 80% 18% 82% 20%;
        background: radial-gradient(circle, rgb(255, 195, 42) 0%, rgb(62, 142, 255) 33%, rgb(243, 171, 77) 91%)#fff1ed !important;

        transition: all 0.2s;
    }

} */

.first-nav button {
    background: linear-gradient(to right, rgb(255 232 55 / 93%) 0, #f93737 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; */

}

.second-nav button {

    background: linear-gradient(to right, rgb(255 232 55 / 93%) 0, #f93737 100%) !important;
    background: #d1b257 !important;
    border-radius: 42% 0% 28% 31% / 25% 24% 39% 39%;

}



/* ---------------------------form contaiener--------------------------- */
.form-container {
    background: linear-gradient(to right, #d1b357cc 0, rgba(255, 255, 255, 0.801) 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%; */
}

.form1 {
    /* background: linear-gradient(to right, rgb(122 0 247) 0, #ac3aff 100%) !important; */
    /* background: linear-gradient(to right, rgb(117 121 247 / 70%) 0, #d571ffeb 100%) !important; */
    /* background: radial-gradient(circle, rgba(255, 216, 211, 0.89) 0%, rgb(255, 236, 187) 33%, rgb(255, 201, 201) 91%) !important; */

    /* background: url(img/flight.avif) no-repeat !important; */
    /* object-fit: cover; */
    /* width: 100px; */
    /* height: 100px; */
    background-size: cover;
    /* border-radius: 0% 0% 100% 49% / 100% 100% 60% 12% !important; */
}


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

    /* border-radius: 20% 80% 21% 79% / 80% 18% 82% 20% !important; */

}


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

    animation: buttons 2s infinite forwards ease-in-out;
}

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

    animation: buttons 2s infinite forwards ease-in-out;
}


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

/* .main-form .form-control {
    border-radius: 5px;
    outline: none !important;
    background: red;
    outline-offset: none !important;
    border: 1px solid gray;
} */


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



/* partner section  */

.partner-section {
    /* background: url(../Images/home\ wav.png) no-repeat; */
    background: linear-gradient(to right, rgba(215, 185, 65, 0.938) 0, #d1b257 100%) !important;

    background-size: cover;
    object-fit: cover;
    background-position: center;
}

.partner-section .partner-list .card p {
    text-align: justify;
}

.partner-section .partner-list .card {
    height: 250px !important;
}


/*-------------------------------- services-section --------------------------------*/
.services-section .card {
    /* background: linear-gradient(198deg, rgba(245,133,255,1) 0%, rgba(214,213,255,0.5242471988795518) 43%, rgba(103,127,255,0) 100%); */
    /* background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%); */
    /* background: url(Images/our\ services.jpg) no-repeat;
    background-size: cover;
    background-position: center; */
    /* overflow-y: scroll; */
    /* height: 100vh; */
    box-shadow: 0 .2rem 0.5rem rgba(0, 0, 0, 0.474);
    cursor: pointer;
    /* clip-path: polygon(49% 0%, 100% 35%, 100% 67%, 49% 100%, 0% 66%, 0% 32%); */
    /* transform: rotate(-60deg) skewY(30deg) translatez(-1px); */

}

.services-section .card:hover {
    box-shadow: 0 .2rem 0.2rem rgba(0, 0, 0, 0.474);
    transform: translateY(5px);
    transition: all 0.2s;
}


.service-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.service-list-item {
    padding: 15px;
    text-align: center;
    box-shadow: 0px 0px 5px black;
    border: 1px solid rgb(7, 7, 7);
    color: rgb(60, 60, 60);
    transition: all 0.2s;
    background: #fff;
}

.service-list-item a {
    color: rgb(1, 1, 1);
    text-decoration: none;
}

.service-list-item:hover {
    box-shadow: 0px 0px 5px black;
    /* color: rgb(104, 151, 255); */
    /* transform: translateY(-10px); */
    transform: scale(1.1);
    transition: all 0.2s;
    box-shadow: 0px 3px 5px black;


}

.service-list-item h5 {
    font-size: 18px;
    width: 100%;
}

.service-list-item p {
    color: gray;
}

.service-list-item i {
    font-size: 5rem;
    /* border: 1px solid red; */
    color: rgb(29, 142, 37);
    padding: 10%;
    transition: all 0.2s;
    cursor: pointer;
}

.service-list-item i:hover {
    transform: scale(1.5);
}

/* ------------------------------------------- Footer section start ---------------------------------------- */

.footer {
    /* background: url(../Img/ff.svg) no-repeat; */
    /* background:linear-gradient(to right, #d1b357cc 0, rgba(255, 255, 255, 0.801) 100%); */
    background: #d1b357cd !important;
    background-position: center;
    background-size: cover;
    font-family: serif;
    font-weight: bold;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.485);


}

.footer .foot-logo {
    height: 100px !important;
    width: 180px !important;
    object-fit: cover;

}


.footer .foot-logo img {

    height: 100%;
    width: 100%;

}

.footer ul li {
    font-size: 1.1rem;
}


.social-icons i:hover {
    transform: scale(1.2);
    transition: all 0.2s;
}

.footer-bottom {
    background: rgb(214, 213, 125);
}

/* ------------------------------------------- Footer section end ----------------------------------------- */







/*---------------------- ----------------------Photo resizer page start  ----------------------------------------------- */

.photo-resizer {
    background: (to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}

.photo-resizer button {
    font-variant: small-caps;
}

.photo-resizer .left-side {
    background: radial-gradient(circle, rgb(42 242 255) 0%, rgb(62 191 255) 33%, rgb(74 114 230) 91%) !important;

}

.photo-resizer .right-side {
    background: radial-gradient(circle, rgb(249, 169, 255) 0%, rgb(255, 114, 215) 33%, rgb(214, 58, 226) 91%) !important;

}

/*---------------------- ----------------------buy coupon page start  ----------------------------------------------- */

.Coupon-navbar {
    background: linear-gradient(to right, #d1b357cc 0, rgba(255, 255, 255, 0.801) 100%);

}