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

}

@import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:ital,wght@0,700;1,700&family=Crete+Round&family=Tinos:wght@700&display=swap');



:root {
    scroll-behavior: smooth;
}

/* custome classes made by me */
.button-color {
    background: linear-gradient(to right, rgb(2 175 142) 0, #a0e9d3 100%);
    border: 1px solid white !important;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}

.button-color-2 {
    background: linear-gradient(to right, rgb(2 175 142) 0, #a0e9d3 100%);
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}

.form-button {
    background: linear-gradient(to right, rgb(28, 175, 2) 0, #5ff064 100%);
    border: 1px solid white !important;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    border: none;
}

.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 section start ---------------------------------------- */
.header {
    /* background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12); */

    background: url(../Img/green\ wave.svg) no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    /*height: 100vh;*/
    width: 100%;

}

.navbar {
    /* font-family: 'Averia Serif Libre', cursive; */
    /* font-variant: small-caps; */
    position: sticky;
    top: 0px;
    font-size: 20px;
    font-weight: bold;
    /* background: white; */
    border-radius: 20px;
    z-index: 999;
}


.navbar ul li a {
    font-family: 'Averia Serif Libre';
    color: rgb(0 197 160) !important;
    /* letter-spacing: -1px; */
    border: 1px solid #58dbbe;
    border-radius: 5px;
}

.navbar ul li a:hover {
    background-color: #32f6c8;
    color: white !important;
    transition: all 0.2s;
}


/* responsive navbar */

.phone-navigation {
    background: linear-gradient(90deg, rgb(72 159 69) 0%, rgb(153 219 162) 75%, rgb(106 215 122) 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: rgb(255, 255, 255);
    color: rgb(27, 103, 1) !important;
}

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



.header-content .right-side h1 {
    font-size: 3.2rem !important;
    color: rgb(0 197 160);
    text-shadow: 1px 1px 5px rgb(129, 129, 129);
    font-variant: small-caps;
    letter-spacing: 2px;
}

.header-content .right-side p {
    font-size: 1.2rem !important;
    text-align: justify;

}

/* ------------------------------------------- Header section end ----------------------------------------- */



/* ------------------------------------------- About section start ---------------------------------------- */
.about-section h5 {
    font-family: cursive;
    letter-spacing: 3px;
    color: rgb(0, 0, 0) !important;
    text-shadow: 1px 0px 5px rgba(4, 4, 4, 0.34);
    font-size: 1.3rem !important;

}

.about .right-side p {
    color: rgb(97, 96, 96) !important;
    font-size: 1.1rem !important;
    font-family: 'Times New Roman', Times, serif;
    text-align: justify;


}


.about .right-side {
    border-radius: 5px;
}


/* ------------------------------------------- About section end ----------------------------------------- */




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

.admin-multiple-form-nav .active {
    background: linear-gradient(178deg, rgb(72 159 69) 0%, rgb(153 219 162) 75%, rgb(106 215 122)) !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 ----------------------------------------- */
.Forms-section {
    background: url(../Img/form\ bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
    /*height: 100vh;*/
}


.buttons div a button {

    border: 3px solid rgb(255, 255, 255);
    border-style: dashed double;
    border-radius: 50px !important;
    animation: moving 2s infinite alternate;
    letter-spacing: 3px;
    font-family: cursive;
    box-shadow: 1px 1px black, 3px 3px 5px rgb(6, 135, 51);
}

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

    }

}



#busimg,
#hotelimg {
    display: none;
}


.Forms-section .right-side nav .active {
    color: rgb(255, 255, 255) !important;
    /* background: #5480e7 !important; */
    background: linear-gradient(to bottom right, #86c888, #23b329) !important;
    border-radius: 15% 85% 15% 85% / 79% 30% 70% 21%;
    animation: buttons 2s infinite forwards ease-in-out;
}

.first-nav button,.second-nav button {
    background: linear-gradient(90deg, rgb(72 159 69) 0%, rgb(153 219 162) 75%, rgb(106 215 122) 100%) !important;
    border-radius: 10px;

}


/* ---------------------------form contaiener--------------------------- */
.form-container {
    background: radial-gradient(circle, rgb(180 233 180) 0%, rgb(198 241 151) 33%, rgb(196 231 199) 91%) !important;

    border-radius: 10px;
    border: 5px solid rgb(8, 128, 24);
    border-style: dashed double;
    
}


.main-form label {
    font-weight: 500;
    color: black;
    
}




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

/* ------------------------------------------- trainning section start ---------------------------------------- */

.right-side img,
.left-side img {
    height: 100%;
    width: 100%;
}


/* trainning{
    position: relative;
}
.custom-shape-divider-top-1687556702 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1687556702 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 229px;
}

.custom-shape-divider-top-1687556702 .shape-fill {
    fill: #6AE59EF0;
} */


.training-vdo{
    background: url(../Img/triangle.svg ) no-repeat;
    background-position: center;
    background-size: cover;
}

/* ------------------------------------------- download section end ----------------------------------------- */


.download-section .right-side .first-para {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    letter-spacing: 1px;

}

.download-section .right-side p {
    font-family: cursive;
}

.download-section .left-side img {
    width: 420px;
    height: 380px;
    /* object-fit: cover; */
}

/* ------------------------------------------- download section end ----------------------------------------- */


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

.footer {

    background: url(../Img/34294002_cutout_purple_blue.jpg) no-repeat;
    background-position: start;
    background-size: cover;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}

/* footer for mobile */
.phon-foot {
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
    background: linear-gradient(359deg, rgb(8 195 132) 0%, rgb(91 229 179) 33%, rgb(128 243 205) 91%);
    display: none;
}


/* ------------------------------------------- Footer SVG CSS CODE ---------------------------------------- */

.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 62.00755754036413,223.9154929577465 124.01511508072826,247.83098591549296 185,239 C 245.98488491927174,230.16901408450704 305.94709721745113,188.59154929577463 376,180 C 446.05290278254887,171.40845070422537 526.1964960494676,195.80281690140845 600,225 C 673.8035039505324,254.19718309859155 741.2669185846788,288.19718309859155 805,264 C 868.7330814153212,239.80281690140845 928.7358296118173,157.40845070422534 1001,131 C 1073.2641703881827,104.59154929577466 1157.7897629680522,134.16901408450704 1233,155 C 1308.2102370319478,175.83098591549296 1374.105118515974,187.9154929577465 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    25% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 58.01167983510821,190.53864651322567 116.02335967021642,181.07729302645137 179,199 C 241.97664032978358,216.92270697354863 309.91824115424254,262.2294744074201 390,264 C 470.08175884575746,265.7705255925799 562.3036757128134,224.0048093438681 627,215 C 691.6963242871866,205.9951906561319 728.8670559945037,229.75128821710754 799,238 C 869.1329440054963,246.24871178289246 972.2281003091721,238.99003778770185 1056,236 C 1139.771899690828,233.00996221229815 1204.220542768808,234.2885606320852 1265,229 C 1325.779457231192,223.7114393679148 1382.8897286155961,211.8557196839574 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    50% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 66.68704912401235,187.35898316729646 133.3740982480247,174.71796633459294 194,186 C 254.6259017519753,197.28203366540706 309.1906561319135,232.48711782892477 380,240 C 450.8093438680865,247.51288217107523 537.8632772243216,227.33356234970802 609,226 C 680.1367227756784,224.66643765029198 735.3562349708005,242.1786327722432 812,223 C 888.6437650291995,203.8213672277568 986.7117828924768,147.95190656131916 1061,150 C 1135.2882171075232,152.04809343868084 1185.7966334592923,212.01374098248021 1245,230 C 1304.2033665407077,247.98625901751979 1372.101683270354,223.9931295087599 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    75% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 81.08965991068362,225.98144967365167 162.17931982136724,251.96289934730333 228,261 C 293.82068017863276,270.03710065269667 344.37238062521465,262.12985228443836 400,233 C 455.62761937478535,203.87014771556167 516.3311576777741,153.51769151494335 583,134 C 649.6688423222259,114.48230848505666 722.3029886636893,125.79938165578838 799,134 C 875.6970113363107,142.20061834421162 956.4568876674682,147.28478186190313 1031,162 C 1105.5431123325318,176.71521813809687 1173.8694606664376,201.06149089659908 1241,209 C 1308.1305393335624,216.93850910340092 1374.0652696667812,208.46925455170046 1440,200 C 1440,200 1440,600 1440,600 Z");
    }

    100% {
        d: path("M 0,600 C 0,600 0,200 0,200 C 62.00755754036413,223.9154929577465 124.01511508072826,247.83098591549296 185,239 C 245.98488491927174,230.16901408450704 305.94709721745113,188.59154929577463 376,180 C 446.05290278254887,171.40845070422537 526.1964960494676,195.80281690140845 600,225 C 673.8035039505324,254.19718309859155 741.2669185846788,288.19718309859155 805,264 C 868.7330814153212,239.80281690140845 928.7358296118173,157.40845070422534 1001,131 C 1073.2641703881827,104.59154929577466 1157.7897629680522,134.16901408450704 1233,155 C 1308.2102370319478,175.83098591549296 1374.105118515974,187.9154929577465 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 46.70559945036068,377.942974922707 93.41119890072136,355.88594984541396 172,379 C 250.58880109927864,402.11405015458604 361.0608038474752,470.39917554105125 441,472 C 520.9391961525248,473.60082445894875 570.3455857093783,408.5173479903813 625,395 C 679.6544142906217,381.4826520096187 739.5568533150121,419.5314324974235 806,420 C 872.4431466849879,420.4685675025765 945.4270010305736,383.3569220199244 1016,377 C 1086.5729989694264,370.6430779800756 1154.7351425626932,395.04087942287873 1225,404 C 1295.2648574373068,412.95912057712127 1367.6324287186535,406.4795602885606 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    25% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 77.92648574373067,381.5252490553074 155.85297148746133,363.0504981106149 231,363 C 306.14702851253867,362.9495018893851 378.5145997938852,381.32325661284784 432,401 C 485.4854002061148,420.67674338715216 520.0886293369977,441.6564754379938 581,418 C 641.9113706630023,394.3435245620062 729.1308828581243,326.05084163517694 800,334 C 870.8691171418757,341.94915836482306 925.387839230505,426.14015802129853 1003,434 C 1080.612160769495,441.85984197870147 1181.3177602198557,373.388526279629 1258,355 C 1334.6822397801443,336.611473720371 1387.3411198900722,368.3057368601855 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    50% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 61.79045001717623,417.47990381312263 123.58090003435245,434.9598076262452 197,448 C 270.41909996564755,461.0401923737548 355.46684987976636,469.6406733081416 431,456 C 506.53315012023364,442.3593266918584 572.551700446582,406.4774991411886 638,413 C 703.448299553418,419.5225008588114 768.326348333906,468.44933012710413 838,459 C 907.673651666094,449.55066987289587 982.1429062177945,381.72518035039496 1047,369 C 1111.8570937822055,356.27481964960504 1167.102026794916,398.6499484713157 1231,413 C 1294.897973205084,427.3500515286843 1367.448986602542,413.67502576434214 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    75% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 43.99587770525592,356.7997251803504 87.99175541051184,313.59945036070076 167,325 C 246.00824458948816,336.40054963929924 360.02885606320854,402.40192373754724 435,424 C 509.97114393679146,445.59807626245276 545.8928203366542,422.79285468911024 616,393 C 686.1071796633458,363.20714531088976 790.3998625901751,326.4266575060117 858,344 C 925.6001374098249,361.5733424939883 956.5077293026452,433.500515286843 1006,431 C 1055.4922706973548,428.499484713157 1123.5692201992442,351.5712813466163 1199,334 C 1274.4307798007558,316.4287186533837 1357.2153899003779,358.21435932669186 1440,400 C 1440,400 1440,600 1440,600 Z");
    }

    100% {
        d: path("M 0,600 C 0,600 0,400 0,400 C 46.70559945036068,377.942974922707 93.41119890072136,355.88594984541396 172,379 C 250.58880109927864,402.11405015458604 361.0608038474752,470.39917554105125 441,472 C 520.9391961525248,473.60082445894875 570.3455857093783,408.5173479903813 625,395 C 679.6544142906217,381.4826520096187 739.5568533150121,419.5314324974235 806,420 C 872.4431466849879,420.4685675025765 945.4270010305736,383.3569220199244 1016,377 C 1086.5729989694264,370.6430779800756 1154.7351425626932,395.04087942287873 1225,404 C 1295.2648574373068,412.95912057712127 1367.6324287186535,406.4795602885606 1440,400 C 1440,400 1440,600 1440,600 Z");
    }
}


.footer .f-contents {
    margin-top: 20% !important;
}

/* ------------------------------------------- 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, rgba(193, 183, 255, 0.738) 0%, rgb(219, 255, 222) 33%, rgb(255, 251, 248) 91%);

}