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

/* custome classes made by me */
.button-color {
    background: linear-gradient(to right, #F434A1 0%, #ff8442 100%);
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}


.btn-price-color {
    background: linear-gradient(180deg, #F434A1 0%, rgb(222 139 255) 65%, rgb(210 0 180 / 69%) 100%);

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

}

/* ------------------------------------------- Header section start ---------------------------------------- */

.header {
    background: url(../Img/home\ wav.png) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    width: 100%;
}

.navbar {
    background: rgb(100 0 218);
    position: sticky;
    top: 0px;
}

.navbar ul a {
    font-size: 1.3rem;
    color: white !important;
    margin-left: 15px;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 1px;
}

.navbar ul a:hover {
    transition: all 0.2s;
    color: rgb(255, 202, 255) !important;
    transform: translateY(5px);
}

.nav-icons i:hover {
    transform: scale(1.2);
    cursor: pointer;
    transition: all 0.2s;

}



/* responsive navbar */

.phone-navigation {
    background: linear-gradient(180deg, #F434A1 0%, rgb(222 139 255) 65%, rgb(210 0 180 / 69%) 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: rgb(255, 255, 255);
    /* color: rgb(0, 148, 162) !important; */
    color: rgb(255, 0, 234) !important;
}

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




.header-contents .left-side h1 {
    /*font-size: 3.5rem;*/
    letter-spacing: 1px;
}
.header-contents .left-side p {
    font-size: 1.088rem;
    text-align: justify;
}

/* .header-contents .left-side button {
    border-radius: 50px;
} */

.header-contents .right-side {
    height: 490px;
    /* width: 500px; */
    object-fit: cover;

}

.header-contents .right-side img {
    height: 100%;
    width: 100%;
}


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


.section-heading h2, .section-heading span{
    font-size: 1.6 !important;
}
.section-heading p{
    font-size: 0.9rem !important;
}

/* ------------------------------------------- About section start ---------------------------------------- */

.about-section .left-side h2{
    font-size: 2rem !important;

}

.about-section .left-side p{
    font-size: 1rem !important;
    text-align: justify;

}


/* ------------------------------------------- join partner section start ---------------------------------------- */
.join-partner {
    /* position: relative; */
    top: 5px;
}


.partner-list .card{
    /* background: rgb(255, 214, 214) !important; */
    height: 550px ;

}  

.partner-list .image {
    box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.20);
    margin: auto;
}

.partner-list img {
    width: 100%;
    height: 100%;
}
 

.partner-list div {
    /* height: 250px; */
    border-radius: 150px;
}

.partner-list .card:hover {
    background: linear-gradient(to right, #ff7142 0%, #fd008f 100%);
    transition: all 500ms ease-in-out;
    color: white !important;
    cursor: pointer;
    transition: all 0.3s;
}

.partner-list .card:hover h5 {
    color: white !important;
    transition: all 0.5s;
    border-color: white !important;

}

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

.partner-list .card:hover p {
    color: white !important;
    transition: all 0.5s;

}

.partner-list .card:hover .image {
    padding: 0px !important;
    transition: all 0.7s;

}

.partner-list .card:hover a {
    transition: all 0.6s;
    background: #fff !important;
    color: #F434A1 !important;
}

.partner-list a:hover {
    background: #983eff !important;
    color: #ffffff !important;
}


/* ------------------------------------------- join partner section end ---------------------------------------- */


.admin-multiple-form-nav .active {
    /* background: radial-gradient(circle, rgb(42 242 255) 0%, rgb(62 191 255) 33%, rgb(74 114 230) 91%) !important; */
    background: linear-gradient(to right, #F434A1 0%, #ff8442 100%) !important;

    color: white !important;

}

.admin-multiple-form-nav button:hover {
    /* background: radial-gradient(circle, rgb(42 242 255) 0%, rgb(62 191 255) 33%, rgb(74 114 230) 91%) !important; */
    background: linear-gradient(to right, #F434A1 0%, #ff8442 100%) !important;

    color: white !important;

}

.admin-multiple-form-nav {
    color: red !important;

}


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



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

.form-section {
    /* background: linear-gradient(180deg, rgb(172 117 255) 0%,  rgb(210 0 180 / 69%) 100%); */
    background: linear-gradient(180deg, rgb(128 0 254) 0%, rgb(215 0 227 / 84%) 100%);
}

.form-section .left-side img {
    height: 100%;
    width: 100%;
}

.form-section .left-side ul li:first-child {
    margin-top: 18%;
}

.form-section .left-side ul li:nth-child(2) {
    margin-top: 10%;
    margin-left: 20%;
}

.form-section .left-side ul li:nth-child(3) {
    margin-top: 10%;
    margin-left: 5%;
}

.form-section .left-side ul li:nth-child(4) {
    margin-top: 10%;
    margin-left: 18%;
}

.form-section .left-side ul li:hover {
    color: rgb(255, 84, 249) !important;
    cursor: pointer;
}
 

.form-section .right-side nav {

    background: linear-gradient(180deg, rgb(172 117 255) 0%, rgb(210 0 180 / 69%) 100%);
    /* border-top-left-radius: 15px; */
    border-radius: 48% 52% 0% 0% / 53% 51% 1% 1%;
}

.form-section .right-side nav .active {
    color: rgb(255, 255, 255) !important;
    /* background:  linear-gradient(#ff8a00, #e52e71) !important; */
    /* background: linear-gradient(#e39233, #b3436c) !important; */
    /* background: linear-gradient(#00c4ff, #1991bfed) !important; */

    background: linear-gradient(to right, #F434A1 0%, #ff8442 100%) !important;
    /* 
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px; */

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



/* ---------------------------form contaiener--------------------------- */
.form-container {
    background: #e4fcff;
    /* border-top-left-radius: 5%;
    border-bottom-right-radius: 15%; */
    /* border-radius: 48% 52% 0% 0% / 20% 15% 1% 1% ; */

    border: 1px solid #c6f3ff;
    /* box-shadow: 0px 1px 15px 5px #1f3b29 !important; */
    /* width: 100%; */
}
 
.main-form label {
    font-weight: 500;
    color: black;
    /* font-size: 13px; */
}
 

.form1 {
    /* background: url(Img/5904.png) no-repeat;
    background-size: cover; */
    background: #f9bfff;

}

.form2 {
    /* background: url(Img/5904.png) no-repeat;
    background-size: cover; */
    background: #f1e4ff;

}


.form3 {
    /* background: url(Img/bus.gif) no-repeat;
    background-size: cover; */
    background: #e2b1ff;

}
 

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


/* -------------------------- Training vdo section start-------------------------- */

.training-section p{
    text-align: justify;
}
.training-section iframe {
    border-radius: 15px;
}

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



.download-section .right-side .first-para {
    font-family: Georgia, 'Times New Roman', Times, serif;
    letter-spacing: 2px;

}

.download-section .right-side p {

    font-family: 'Times New Roman', Times, serif;
}

.download-section .left-side img {
    width: 250px;
    height: 350px;
    object-fit: cover;
    border-radius: 7% 93% 11% 89% / 90% 8% 92% 10%;
}

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





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

.footer {
    /* background: url(../Img/ff.svg) no-repeat; */
    /* background-position: start; */
    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 {
    /* background: linear-gradient(180deg, rgb(172 117 255) 0%, rgb(222 139 255) 65%, rgb(210 0 180 / 69%) 100%); */
    background: linear-gradient(180deg, rgb(172 117 255) 0%, rgb(210 0 180 / 69%) 100%);

}

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

.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;

}