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

:root {
    scroll-behavior: smooth;
}

/* custome classes made by me */
.button-color {
    background: linear-gradient(to right, rgba(255, 215, 55, 0.93) 0, #f95737 100%) !important;
    border: 1px solid rgb(95, 95, 140) !important;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    border: none;

}

.button-color:hover {
    background-color: #fff !important;
    color: #000000 !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;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}

.button-color-2:hover {
    background: #fff !important;
    color: #000000 !important;
    border: 1px solid #d1b257 !important;

}

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

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

}


/*.header {*/
/*    background: url(../Images/home-bg.jpg) no-repeat;*/
    /* background: linear-gradient(to right, rgba(251, 30, 139, .96) 0, #ab44ec 50%, #6410f7 100%); */
/*    background-position: center;*/
/*    background-size: cover;*/
/*    background-attachment: fixed;*/
/*    height: 100vh;*/
/*     width: 100%; */

/*}*/

.navigation {
    /* background: linear-gradient(to right, rgb(23 153 193) 0, #efe0a8 100%); */
    z-index: 999;
}

.navbar a {
    font-family: serif;

}

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

}



/* responsive navbar */

.phone-navigation {
    background: linear-gradient(to right, rgb(83 10 207 / 88%) 0, #ba39e7d1 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(255, 255, 255) !important;
}


.header-content .contents h1 {

    font-size: 3rem;
    font-family: serif;
}


.header-content .contents p {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.258rem !important;

}

.section-heading h2 {
    font-size: 2rem !important;
}



/* all para text  justify  */

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

}




/* ------------------------------------------- form-section start ----------------------------------------- */
.form-section {
    background: url(Images/shap.png) no-repeat;
    background-size: cover;
    /* background-position: center; */
    /* background-attachment: fixed; */
    /*height: 100vh;*/
    background: linear-gradient(90deg, rgba(112, 124, 255, 0.09) 0%,  #b05bff17 100%);

}



.first-nav button, .second-nav button {
    background: linear-gradient(to right, rgb(255 232 55 / 93%) 0, #f93737 100%) !important;
    color: #ffffff !important;
    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: linear-gradient(to right, rgb(83 10 207 / 88%) 0, #ba39e7d1 100%);
    /* border-radius: 0% 0% 100% 39% / 99% 71% 100% 12%; */
    border: 5px solid rgb(239, 255, 175);
    border-radius: 10px;
    border-style: double;

}



.flight-search-btn button,
.hotel-searcch-btn button,
.nus-search-btn button {
    background: linear-gradient(to right, rgba(255, 215, 55, 0.93) 0, #f95737 100%) !important;

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

}


.main-form label {
    font-weight: 500;
    color: rgb(255, 255, 255);
    /* font-size: 13px; */
}


/* <!--======================= All modals start here ======================= --> */



form label {
    font-weight: bold;
}

form .form-control,
form .form-select {
    border: 1px solid #4f4d4d !important;
    border-radius: 0% !important;
    caret-color: rgb(255, 0, 0);
}

form ::placeholder {
    color: #302f2f !important;
    opacity: 1;
}

/* <!--======================= All modals end here ======================= --> */




/*-------------------------------- partner-section --------------------------------*/

.partner-head {
    clip-path: polygon(49% 0%, 100% 35%, 100% 67%, 49% 100%, 0% 66%, 0% 32%);
    height: 150px !important;
    width: 180px !important;
    background: linear-gradient(to right, rgba(115, 39, 246, 0.724) 0, #b018e8c7 100%);
    margin: 15px ;
    box-shadow: 2px 2px 5px 25px #b018e8c7 !important;
}


.partner-list .partner-item:hover {
    cursor: pointer;
}

.partner-item {
    padding-top: 22.6%;
}

.partner-item p {
    color: rgb(242, 252, 254) !important;
}




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


/*-------------------------------- services-section --------------------------------*/
.service-section {
    background: linear-gradient(to right, rgba(207, 177, 255, 0.93) 0, #995affbc 100%) !important;

}

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

.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: 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: rgb(57, 57, 57);
}

.service-list-item i {
    font-size: 5rem;
    color: #8940ffd2;
    padding: 5%;
    transition: all 0.2s;
    cursor: pointer;
}

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



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

.footer {
    /* background: url(../Img/ff.svg) no-repeat; */
    background: linear-gradient(180deg, rgb(153, 85, 255) 0%, rgba(179, 46, 245, 0.804) 100%);
    background-position: center;
    /* height: 350px; */
    background-size: cover;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.485);

}



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

marquee {
    background: linear-gradient(180deg, rgb(153, 85, 255) 0%, rgba(179, 46, 245, 0.804) 100%);
}

/* ------------------------------------------- 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(180deg, rgb(153, 85, 255) 0%, rgba(179, 46, 245, 0.804) 100%);


}