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

:root {
    scroll-behavior: smooth;
}

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

}

.button-color:hover {
    background-color: #fff !important;
    color: #000000 !important;
}

.button-color-1 {
    background-color: #f2c6ff !important;
    border: 1px solid #0e0e0e !important;
    border-radius: 50px;
    color: rgb(0, 0, 0) !important;
    font-weight: bold;

}

.button-color-1:hover {
    background: linear-gradient(to right, #cb5bff 0%, #ffa8f5 100%) !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;

}


.button-color-2 {
    background: linear-gradient(180deg, #F434A1 0%, rgb(207, 107, 246) 65%, rgb(210 0 180 / 69%) 100%) !important;
    border: 1px solid rgb(255, 255, 255) !important;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}

.button-color-2:hover {
    background: #fff !important;
    color: #ff5429 !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: radial-gradient(circle, rgb(249, 169, 255) 0%, rgb(255, 114, 215) 33%, rgb(214, 58, 226) 91%) !important; */
    background: url(../Images/home.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    /*height: 100vh;*/

}

.navigation {
    /* background:linear-gradient(to right, rgb(35 92 131 / 46%) 0, #4585d54f 100%) !important; */

    z-index: 999;

}

.navbar a {
    font-family: serif;

}

.navbar ul a {
    color: rgb(255, 255, 255) !important;
    font-size: 1.3rem;
    
    font-weight: bold;

}



/* responsive navbar */

.phone-navigation {
    background: linear-gradient(to bottom right, #19aae7, #807dc9, #ff45a3, #ff982f);
    position: fixed;
    bottom: 0%;
    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: white !important;
}




.header-content {
    display: flex;
    justify-content: end;
}

.header-content>div {
    font-size: 1.2rem;
    font-family: 'Times New Roman', Times, serif;
    /* text-shadow: 1px 1px 5px black; */
    /* background:linear-gradient(to bottom,  #e9e7c5 0, #52d4e3 100%); */
    color: linear-gradient(to bottom, #e9e7c5 0, #52d4e3 100%) !important;
}

.header-content p{
    text-align: justify;
    color: rgb(71, 68, 68) !important;
    letter-spacing: 1px;
}

@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, rgb(243, 110, 255) 0%, rgb(248, 103, 253) 100%) !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 ----------------------------------------- */
.form-section .left-side p ,.About-section p , .training-section p{
    text-align: justify;
}
.form-section .right-side nav {

    background: linear-gradient(180deg, rgba(191, 148, 255, 0.883) 0%, rgba(238, 17, 205, 0.69) 100%);
    /* border-radius: 48% 52% 0% 0% / 53% 51% 1% 1%; */
}

.first-nav button,
.second-nav button {
    background: none !important;
    /* background: linear-gradient(178deg, rgb(8 110 137) 0%, rgb(103 201 199) 75%, rgb(255 228 76) 100%) !important; */
    color: #ffffff !important;
    border: 1px solid white !important;
    /* border-radius: 60% 40% 40% 20%; */
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%); */

}

.first-nav button:hover,
.first-nav button:hover i,
.second-nav button:hover {
    background: #ffffff !important;
    color: #000000 !important;
    transition: all 0.2s;
    border-radius: 20% 80% 21% 79% / 80% 18% 82% 20% !important;

}



.form-section {
    background: linear-gradient(180deg, rgb(147 6 238) 0%, rgb(6 147 227) 100%);
    background-size: cover;
}



.form-section .right-side nav .active {
    color: rgb(255, 255, 255) !important;

    background: linear-gradient(to right, #F434A1 0%, #ff8442 100%) !important;

    border-radius: 48% 52% 0% 0% / 53% 51% 1% 1%;
}



/* ---------------------------form contaiener--------------------------- */
.form-container {
    border: 1px solid #c6f3ff;
    background: linear-gradient(to right, rgb(35 92 131 / 46%) 0, #4585d54f 100%) !important;
    /* border: 3px solid rgb(255, 255, 255);
    border-style: dashed; */

}



.form-container label {
    color: rgb(255, 255, 255) !important;
}

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


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


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


/* .download-section  {
    background: url(../Images/svg.png) no-repeat;
    background-position: center;
    object-fit: cover;
} */

.partner-section {
    background: url(../Images/home\ wav.png) no-repeat;
    background-size: cover;
    object-fit: cover;
    background-position: center;
    /*height: 100vh;*/
}

.partner-section .partner-list .card {
    height: 100% !important;
}

.partner-section .partner-list .card p{
    text-align: justify;
    font-size: 0.99rem;
    margin-top: 15px !important;
}
/* ------------------------------------------- Footer section start ---------------------------------------- */

.footer {
    background: url(../Images/svg.png) no-repeat;
    background-position: center;
    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;
    cursor: pointer;
}

/* ------------------------------------------- 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, #d1b257 0, rgb(214, 58, 226) 91%);

}