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

}

/* html,
body {
    height: 100%;
    width: 100%;
} */

:root {
    scroll-behavior: smooth;
}

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

}

.button-color-2 {
    background: linear-gradient(to right, rgb(104 195 255 / 80%) 0, #cea8ffbd 100%);
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}

.btn-price-color {
    background: radial-gradient(circle, rgb(131, 222, 255) 0%, rgb(62, 187, 255) 33%, rgb(181, 199, 255) 91%)#5480e7 !important;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}


.header {
    background: url(../Images/bg\ home\ shado.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    /* background-attachment: fixed; */
    height: 100vh;
    position: relative;
}


.cloud-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    overflow-x: hidden;
    z-index: 88 !important;
}

.cloud-img img {
    position: absolute;
    bottom: 0;
    height: 50%;
    max-width: 100%;
    animation: movingimg calc(8s * var(--i)) infinite linear;
    transition: animation 4s;
}

@keyframes movingimg {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }

}

.navigation {
    background: linear-gradient(to right, rgb(45 172 255 / 92%) 0, #afbcff 100%) !important;
        z-index: 999 !important;


}

.navbar a {
    font-family: serif;

}

.navbar ul a {
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    font-size: 1.3rem;
    font-weight: bold;

}

.navbar ul a:hover {
    background-color: #fff;
    color: black !important;
    transition: all 0.2s;
}



/* responsive navbar */

.phone-navigation {
    background: linear-gradient(to right, rgb(45 172 255 / 92%) 0, #afbcff 100%);
    position: fixed;
    bottom: 0px;
    left: 0%;
    width: 100%;
        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: rgb(255, 255, 255);
    color: rgb(31, 124, 255) !important;
}

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



.header-content {
    z-index: 998 !important;
    position: absolute;
    top: 13%;
    left: 0;
    height: 100%;
    width: 100%;

}


.header-content .right-side .buttons div button {
    letter-spacing: 3px;
    animation: moving 2s infinite alternate;
    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%);
    border: 2px solid white;
    font-weight: bold;

}


.training-section p
 {
    text-align: justify !important;

}



@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);

    }

}



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

.admin-multiple-form-nav .active {
    background: linear-gradient(178deg, rgba(72, 179, 255, 0.601) 0%, rgb(84, 169, 230) 75%, rgb(61, 138, 193)) !important;
    color: white !important;
    border: 1px solid black !important;

}


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 ======================= --> */


/* ------------------------------------------- form-section start ----------------------------------------- */
.travel-ico {
    background: linear-gradient(328deg, rgb(96 100 255 / 62%) 0%, rgb(187 136 255 / 78%) 75%, #93e0fff5 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%);

}




/* ---------------------------form contaiener--------------------------- */
.form-container {
    background: linear-gradient(to right, rgb(85 198 255 / 58%) 0, #9083ff96 100%) !important;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 10px;
    border-style: dashed;
}

.flight-search-btn,
.hotel-searcch-btn,
.bus-search-btn {
    background: linear-gradient(328deg, rgb(96 100 255 / 62%) 0%, rgb(187 136 255 / 78%) 75%, #93e0fff5 100%) !important;
    border-radius: 50px;
    color: white !important;
    border: 1px solid black;
}



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

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


/* ------------------------------------------- Footer section start ---------------------------------------- */
.footer {
    /* background: url(../Img/ff.svg) no-repeat; */
    background-position: center;
    /* height: 450px; */
    background-size: cover;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.485);

}

.footer-mobile {
    display: none;
}

.footer-list {
    margin-top: 15% !important;
}

.path-0 {
    animation: pathAnim-0 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes pathAnim-0 {
    0% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 93.34928229665073,182.03827751196172 186.69856459330146,164.07655502392345 292,183 C 397.30143540669854,201.92344497607655 514.555023923445,257.73205741626793 621,253 C 727.444976076555,248.26794258373204 823.0813397129186,182.99521531100478 911,180 C 998.9186602870814,177.00478468899522 1079.1196172248806,236.28708133971293 1166,250 C 1252.8803827751194,263.7129186602871 1346.4401913875597,231.85645933014354 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    25% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 96.14354066985646,220.50717703349284 192.28708133971293,241.01435406698567 278,255 C 363.7129186602871,268.9856459330143 438.9952153110049,276.4497607655502 549,265 C 659.0047846889951,253.55023923444978 803.7320574162679,223.1866028708134 899,196 C 994.2679425837321,168.8133971291866 1040.0765550239234,144.80382775119617 1122,146 C 1203.9234449760766,147.19617224880383 1321.9617224880383,173.5980861244019 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    50% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 119.09090909090907,179.26315789473685 238.18181818181813,158.5263157894737 323,163 C 407.81818181818187,167.4736842105263 458.3636363636364,197.15789473684214 540,211 C 621.6363636363636,224.84210526315786 734.3636363636365,222.8421052631579 855,231 C 975.6363636363635,239.1578947368421 1104.1818181818182,257.47368421052636 1203,254 C 1301.8181818181818,250.52631578947367 1370.909090909091,225.26315789473682 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    75% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 90.84210526315792,171.93301435406698 181.68421052631584,143.866028708134 261,151 C 340.31578947368416,158.133971291866 408.1052631578947,200.4688995215311 526,195 C 643.8947368421053,189.5311004784689 811.8947368421052,136.2583732057416 909,144 C 1006.1052631578948,151.7416267942584 1032.3157894736842,220.4976076555024 1109,240 C 1185.6842105263158,259.5023923444976 1312.842105263158,229.7511961722488 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    100% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 93.34928229665073,182.03827751196172 186.69856459330146,164.07655502392345 292,183 C 397.30143540669854,201.92344497607655 514.555023923445,257.73205741626793 621,253 C 727.444976076555,248.26794258373204 823.0813397129186,182.99521531100478 911,180 C 998.9186602870814,177.00478468899522 1079.1196172248806,236.28708133971293 1166,250 C 1252.8803827751194,263.7129186602871 1346.4401913875597,231.85645933014354 1440,200 C 1440,200 1440,600 1440,600 Z");
    }
}

.path-1 {
    animation: pathAnim-1 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes pathAnim-1 {
    0% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 110.4976076555024,390.5837320574162 220.9952153110048,381.1674641148325 325,384 C 429.0047846889952,386.8325358851675 526.5167464114832,401.91387559808607 598,391 C 669.4832535885168,380.08612440191393 714.9377990430623,343.177033492823 812,362 C 909.0622009569377,380.822966507177 1057.732057416268,455.377990430622 1171,471 C 1284.267942583732,486.622009569378 1362.1339712918661,443.311004784689 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    25% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 95.70334928229664,414.3157894736842 191.40669856459328,428.63157894736844 295,418 C 398.5933014354067,407.36842105263156 510.07655502392333,371.78947368421046 616,356 C 721.9234449760767,340.21052631578954 822.287081339713,344.21052631578954 907,352 C 991.712918660287,359.78947368421046 1060.7751196172248,371.36842105263156 1147,380 C 1233.2248803827752,388.63157894736844 1336.6124401913876,394.3157894736842 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    50% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 103.67464114832538,367.5023923444976 207.34928229665076,335.0047846889952 303,355 C 398.65071770334924,374.9952153110048 486.27751196172244,447.4832535885168 593,445 C 699.7224880382776,442.5167464114832 825.5406698564594,365.0622009569378 912,352 C 998.4593301435406,338.9377990430622 1045.55980861244,390.267942583732 1127,409 C 1208.44019138756,427.732057416268 1324.22009569378,413.86602870813397 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    75% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 104.91866028708134,432.1531100478469 209.83732057416267,464.3062200956938 317,442 C 424.1626794258373,419.6937799043062 533.5693779904307,342.9282296650717 629,352 C 724.4306220095693,361.0717703349283 805.8851674641148,455.9808612440192 903,463 C 1000.1148325358852,470.0191387559808 1112.88995215311,389.1483253588517 1205,364 C 1297.11004784689,338.8516746411483 1368.5550239234449,369.42583732057415 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    100% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 110.4976076555024,390.5837320574162 220.9952153110048,381.1674641148325 325,384 C 429.0047846889952,386.8325358851675 526.5167464114832,401.91387559808607 598,391 C 669.4832535885168,380.08612440191393 714.9377990430623,343.177033492823 812,362 C 909.0622009569377,380.822966507177 1057.732057416268,455.377990430622 1171,471 C 1284.267942583732,486.622009569378 1362.1339712918661,443.311004784689 1440,400 C 1440,400 1440,600 1440,600 Z");
    }
}



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

/* ------------------------------------------- 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, rgb(45 172 255 / 92%) 0, #afbcff 100%) !important;

}