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

:root {
    scroll-behavior: smooth;
}

/* custome classes made by me */
.button-color {

    border: 1px solid rgb(255, 255, 255) !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: #3279b9 !important;
    border: 1px solid rgb(255, 255, 255) !important;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    border: none;

}

.button-color-2:hover {
    background-color: #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;

}

video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

body {
    overflow-x: hidden;

}

.header {

    background: url(Images/moving\ video\ \ \(2\).mp4) no-repeat;
    background-position: center;
    /* background-image: linear-gradient(to bottom right, #FF512F, #DD2476); */
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;

}

.navigation {
    /* background: linear-gradient(to right, rgb(23 153 193) 0, #efe0a8 100%); */
    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;
    /* background: #000; */
    /* margin-left: 15px !important; */
    font-weight: bold;

}



/* responsive navbar */

.phone-navigation {
    background: linear-gradient(127deg, rgb(25 59 95) 0%, #3b84cdf5 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(31, 124, 255) !important;
}

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



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

/* all para text  justify  */

.header-content .right-side p,
.about-section .right-side p,
.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 ----------------------------------------- */

.first-nav button,
.second-nav button {
    background: none !important;
    color: #ffffff !important;
    border: 1px solid white !important;

}

.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 contaiener--------------------------- */
.form-container {
    background: linear-gradient(to right, rgb(35 92 131 / 46%) 0, #4585d54f 100%) !important;
    border: 3px solid rgb(255, 255, 255);
    border-style: dashed;
}


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


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

/* about */
.partner-head {
    position: relative;
}

.partner-content {
    position: absolute;
    top: 3%;
    text-align: start !important;

}



.partner-content ul {
    margin-top: 5%;
    width: 450px;


}

.partner-content ul li {

    margin-left: 10%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}





.partner-content ul li:nth-child(1) {
    margin-top: 5% !important;
}

.partner-content ul li:nth-child(2) {
    margin-top: 13% !important;
}

.partner-content ul li:nth-child(3) {
    margin-top: 13% !important;
    margin-left: 15% !important;
}

.partner-content ul li:nth-child(4) {
    margin-top: 12% !important;
}


.partner-content ul li:nth-child(5) {
    margin-top: 12% !important;
}








/* .partner-content ul li:nth-child(5) {
    margin-top: 8% !important;
} */

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

.download-section .first-para {
    color: white;
}

.download-section .sec-para {

    color: rgb(217, 217, 217);

}

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

.footer {

    /* background: url(../Images/blue\ wave.jpg) no-repeat; */
    background: radial-gradient(circle, rgb(69 124 197) 0%, rgb(57 103 165) 33%, rgb(25 58 105) 91%) !important;

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

}


.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, #4a83bf 0, #3a84b99c 100%) !important;

}