/* font size standard start */
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
:root {
    --thirteen5-font: 13.5px;
    --thirteen-font: 13px;
    --fifteen-font: 15px;
    --big-font: 18px;
    --vbig-font: 25px;

    --wp-main-bg-dark: #2b2f4c;
    /* --wp-main-bg-dark-card:  var(--wp-main-bg-dark-card)a; */
    --wp-main-bg-dark-card: #2c2f4b;
    --wp-main-font-family: "Roboto", sans-serif;
    --wp-body-color: #ced4da;
    --wp-input-bg-custom: #343755;
    --wp-border-radius: 0.25rem;
}
.btn-check:focus + .btn,
.btn:focus {
    box-shadow: none;
}

.font-thirteen {
    font-size: var(--thirteen-font);
}
.fs-15 {
    font-size: var(--fifteen-font);
}
.fs-14 {
    font-size: 14px;
}
.big-font {
    font-size: var(--big-font);
}
.vbig-font {
    font-size: var(--vbig-font);
}

body {
    font-family: "Open Sans", sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.556;
    background-color: #22254a !important;
    color: #fafaff;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: hidden !important;
}

/* Navbar start */
header .navbar {
    font-size: var(--fifteen-font);
    line-height: 1.5;
    background: #1a1952;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25) !important;
}

header button {
    background: transparent;
    color: white;
    width: inherit;
    height: inherit;
}

header .dropdown ul {
    background: transparent;
}

header .dropdown ul li {
    background: #ff655a;
    border-radius: 5px;
    margin-bottom: 4px;
}

header .dropdown ul li a {
    color: white;
}

header .navbar .container {
    max-width: 1300px;
}

header .navbar .container .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-family: "Open Sans", sans-serif;
    font-size: var(--fifteen-font);
    font-weight: 500;
    line-height: 1.5;
    text-transform: none !important;
    color: #eaeaff;
    padding: 10px 15px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

header .navbar .container .navbar-collapse .navbar-nav .nav-item .active {
    color: #f6c844;
}

header
    .navbar
    .container
    .navbar-collapse
    .navbar-nav
    .nav-item
    .nav-link:hover {
    color: #f6c844;
}

@media only screen and (max-width: 1199px) {
    header .navbar .container .user_info .group_btn .group_link {
        margin: 0px 10px;
        border-radius: 32px;
    }
}
@media only screen and (max-width: 390px) {
    .image-container {
        transform: translate(148px, 40px) !important;
    }
    .passion_wrapper .container .passion_row .col-lg-6 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* Navbar end */

/* footer start */

footer {
    background-color: #25294a;
    padding-top: 27px;
}

.swiper-box .swiper,
.swiper-box .swiper-container {
    position: unset;
}

.updates .input-group input {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    height: 50px;
}

.updates .input-group button {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    height: 48px;
    top: 1px;
}

.updates .input-group button img {
    height: 35px;
}

.updates .input-group {
    width: fit-content !important;
}

.footer-navbar-sec .container .row li a {
    color: #fff;
    text-decoration: none;
    transition: 0.15s all;
}

.footer-navbar-sec .container .row li a:hover {
    color: #ffc107;
}

.footer-navbar-sec {
    /* background-image: url("../images/Multi_Color_Smoke-1.png"); */

    background-image: url("../images/Multi_Color_Smoke-1.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position-x: right;
}

.footer-navbar-sec .footer-overlay {
    background: linear-gradient(0deg, rgba(28, 27, 87, 0) 0%, #0e112a 100%);
    /*background: #0e112a;*/
}

/* footer end */

/* sports start */
/*
.swiper {
    width: 880px;
    height: 300px;
} */

.swiper-button-next:after {
    content: none !important;
}

.swiper-button-prev:after {
    content: none !important;
}

.swiper-button-prev {
    transform: scaleX(-1) !important;
}

.swiper-button-prev img {
    max-width: none !important;
}

.swiper-button-next img {
    max-width: none !important;
    margin-right: 1px;
}

.swiper-button-prev img {
    margin-right: 1px;
}

.slider_wrapper .swiper-slide .card-section .heading {
    font-size: var(--fifteen-font) !important;
}

.slider_wrapper .swiper-slide .card-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 25px;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    margin: auto;
}

.slider_wrapper .swiper-slide .card-section img {
    height: 85px;
    width: 100%;
}

.Running {
    background-color: #880e4f;
}

.Cycling {
    background-color: #905cff;
}

.Sailing {
    background-color: #3eb667;
}

.Weightlifting {
    background-color: #fd813c;
}

.Shooting {
    background-color: #2d68ff;
}

.Rowing {
    background-color: #880e4f;
}

.Swimming {
    background-color: #5b17c9;
}

.Archery {
    background-color: #ea3370;
}

/* sports end */

/* performars start */

.card-container {
    height: fit-content;
    overflow: hidden;
}

.upper-container {
    background: transparent;
    position: relative;
}

.upper-container .background-img {
    position: absolute;
    top: 16px;
    right: 127px;
}

.image-container {
    width: 100px;
    border: 1px solid;
    border-radius: 50%;
    transform: translate(144px, 40px);
}

.image-container img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-position: center;
    object-fit: cover;
}

.image-container .performer1 {
    background-color: #93f8ff;
}

.image-container .performer2 {
    background-color: #ffce22;
}

.image-container .performer3 {
    background-color: #fd6969;
}

.image-container .performer4 {
    background-color: #4dba72;
}

.image-container .performer5 {
    background-color: #1836a1;
}

.lower-container {
    /* background: #11013d; */
    /* background: linear-gradient(to top, #10204d, #405189); */
    background-image: linear-gradient(
        111.05deg,
        #2e2b57 1.69%,
        #473279 49.34%,
        #2c316c 97.02%
    ) !important;
    padding: 20px;
    display: flex;
    /* gap: 20px; */
    align-items: center;
    flex-direction: column;
    padding-top: 75px;
    text-align: center;
    border-radius: 12px;
}

.lower-container h3,
h4 {
    box-sizing: border-box;
    line-height: 0.6;
    font-weight: lighter;
    font-weight: bold;
    color: #fff;
}

.lower-container h5 {
    /* color: #ff9960; */
    color: #feb11d;
}

.lower-container p {
    font-size: var(--fifteen-font);
    margin-bottom: 30px;
}

.performers .lower-container .lower-text span {
    /* color: #4cc24a; */
    color: lightslategray;
    font-size: 13px;
    font-weight: 600;
}

.lower-text h5 {
    font-size: 15px;
    margin-top: 0.5rem;
}
.home_banner_wrapper .container .home_banner_row .col-lg-7 .inner img {
    max-width: 100%;
    height: auto;
    display: none;
}

.form_container-registration label.error {
color: red;
}
.sport-details-div .sport-detail2{
    justify-content: flex-start !important;
}
.gender-checkbox.gender-box {
    display: flex;
    gap: 10px;
}
.gender-checkbox.gender-box2 {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
}

@media screen and (max-width: 1200px) {
    .image-container {
        width: 100px;
        border: 1px solid;
        border-radius: 50%;
        transform: translate(190px, 40px);
    }

    .upper-container .background-img {
        position: absolute;
        top: 16px;
        right: 150px;
    }
}

@media screen and (max-width: 990px) {
    .image-container {
        width: 100px;
        border: 1px solid;
        border-radius: 50%;
        transform: translate(130px, 40px);
    }

    .upper-container .background-img {
        position: absolute;
        top: 16px;
        right: 90px;
    }
}

@media screen and (max-width: 767px) {
   .dashboard .tab-content .card{
        min-height: auto !important;
    }
    .sub-event-button-section.pt-5 {
        padding-top: 1rem!important;
    }
    .image-container {
        width: 100px;
        border: 1px solid;
        border-radius: 50%;
        /* transform: translate(130px, 40px); */
    }

    .upper-container .background-img {
        position: absolute;
        top: 16px;
        right: 102px;
    }
    .form_container .mb-3 .text-end {
        text-align: center !important;
    }
    .form_bg .container .form_container form button[type="submit"] {
        margin: 15px 30px 30px !important;
    }
    .form_bg .container .form_container {
        min-height: auto !important;
    }
}

@media screen and (max-width: 320px) {
    .image-container {
        width: 100px;
        border: 1px solid;
        border-radius: 50%;
        transform: translate(108px, 40px);
    }

    .upper-container .background-img {
        position: absolute;
        top: 16px;
        right: 65px;
    }
}

@media screen and (max-width: 1197px) and (min-width: 1024px) {
    .image-container {
        width: 100px;
        border: 1px solid;
        border-radius: 50%;
        transform: translate(102px, 40px);
    }

    .upper-container .background-img {
        position: absolute;
        top: 16px;
        right: 80px;
    }
}

/* performars end */

/* home banner start */

.home_banner_wrapper {
    background-color: #22254a !important;
    padding-top: 80px;
    padding-bottom: 100px;
}

.home_banner_wrapper .container .home_banner_row .col-lg-5 {
    margin-top: 95px;
    margin-bottom: 30px;
}


@media only screen and (min-width: 1200px) {
    .slider_wrapper {
        background-image: url("../images/home_banner/Home_banner_bottom.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        top: -154px;
        margin-bottom: -10px;
    }

    .slider_wrapper .swiper-sports {
        margin-top: 50px;
    }
}

.home_banner_wrapper
    .container
    .home_banner_row
    .col-lg-5
    .inner
    .btn_wrapper
    .trade_btn
    a {
    text-decoration: none;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: var(--big-font);
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 32px;

    background-image: -moz-linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    background-image: -webkit-linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    background-image: -ms-linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    background-image: linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    -webkit-box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);

    transition: 0.4s all;
}

.home_banner_wrapper
    .container
    .home_banner_row
    .col-lg-5
    .inner
    .btn_wrapper
    .trade_btn
    a:hover,
section .container .experience .experience_content .btn:hover {
    background-image: -webkit-linear-gradient(
        95.55deg,
        rgba(255, 125, 84, 0.94) 0%,
        #ff4747 100.95%
    );
}

.hero_title {
    font-family: "Open Sans", sans-serif;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.167;
    color: #ffffff;
}
.home_banner_wrapper .container .home_banner_row .section_info {
    font-size: var(--fifteen-font);
}

/* home banner end */

/* counter_wrapper start */

.counter_wrapper
    .container
    .counter_content_wrapper
    .counter_row
    .col-lg-4
    .counter_content {
    background-image: -moz-linear-gradient(
        111.05deg,
        #2e2b57 1.69%,
        #473279 49.34%,
        #2c316c 97.02%
    );
    background-image: -webkit-linear-gradient(
        111.05deg,
        #2e2b57 1.69%,
        #473279 49.34%,
        #2c316c 97.02%
    );
    background-image: -ms-linear-gradient(
        111.05deg,
        #2e2b57 1.69%,
        #473279 49.34%,
        #2c316c 97.02%
    );
    background-image: linear-gradient(
        111.05deg,
        #2e2b57 1.69%,
        #473279 49.34%,
        #2c316c 97.02%
    );
    padding: 20px 20px 20px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
}

.counter_wrapper .container .counter_content_wrapper {
    background-color: #282950;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 50px;
    padding-bottom: 30px;
}

/* counter_wrapper end */

/* top-school section start*/

.top-school {
    padding-top: 93px;
    padding-bottom: 87px;
}

.top-school .left-side {
    overflow: hidden;
}

.top-school .left-side .swiper-wrapper .swiper-slide {
    height: 126px !important;
}

.top-school .left-side .swiper-wrapper .swiper-slide .mini-card {
    background: #150143;
    box-shadow: 4px 4px 15px #11013d;
    border-radius: 0.375rem;
    padding: 4px 16px;
}

.top-school-swiper .row .mini-card {
    background: #150143;
    /* border: 2px solid #150143; */
    border-radius: 0.375rem;
    padding: 0.5rem;
    min-height: 150px;
    /* margin-bottom: 1rem; */
}
.mini-card-img {
    margin-bottom: 0.25rem;
}
.mini-card-img img {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    object-fit: cover;
}

.top-school-swiper .mini-card-heading {
    font-size: 14px;
}

.school-card .swiper-backface-hidden .swiper-slide {
    cursor: pointer;
}

.school-card .swiper-slide img {
    width: 441px;
    height: 450px;
    border-radius: 7px;
    object-fit: cover;
}

.top-school .right-side .bottom-section .swiper-slide img {
    width: 100.2272720336914px;
    height: 87.95454406738281px;
    border-radius: 7px;
}
.swiper-slide-thumb-active .mini-card {
    background: #150143;
    border: 2px solid #ff9960 !important;
    box-shadow: 4px 4px 15px #11013d;
    border-radius: 0.375rem;
    padding: 13px 13px;
    transition: 1s all;
}

.school-card .mySwiperq {
    padding-top: 1rem !important;
}

.top-school .right-side {
    padding: 24px;
    border-radius: 10px !important;
    /* height: 80vh; */
    /* height: calc(100vh - 100px); */
}
.top-school .right-side {
    background-color: #150143;
}

.top-school .right-side .card {
    background-color: #150143;
}

.top-school .right-side .bottom-section .swiper-slide img {
    width: 100.2272720336914px;
    height: 87.95454406738281px;
    border-radius: 7px;
}

.top-school .card-body-school,
.athletes {
    padding-left: 15px;
}

.top-school .athletes .card-title {
    background: -webkit-linear-gradient(#ffbf00, #906c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    text-shadow: 0px 0px #ffc107;
    font-size: 18px !important;
}

.school-card .athletes .card-body {
    height: 390px;
    overflow-y: scroll;
}
.school-card .athletes .card-body {
    overflow: hidden auto !important;
    overflow: auto;
}

.school-card .athletes .card-body::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0);
}
.school-card .athletes .card-body::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color: rgba(159, 166, 188, 0.55);
}
.school-card .athletes .card-body:hover::-webkit-scrollbar,
.school-card .athletes .card-body:hover::-webkit-scrollbar-thumb,
.school-card .athletes .card-body:focus::-webkit-scrollbar,
.school-card .athletes .card-body:focus::-webkit-scrollbar-thumb {
    visibility: visible;
}

.school-card .athletes-img img {
    height: 45px;
    width: 45px;
    object-fit: cover;
}

.star-scroll {
    height: 400px;
    overflow-y: scroll;
    padding-left: 0;
}
.top-school .card-body-school .card-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* line-height: 190.34%; */
    line-height: 1.5;
}

.top-school .card-body-school .card-text .card-address {
    font-weight: 400;
    font-size: var(--fifteen-font);
    line-height: 155.84%;
    color: #52acff;
}

.top-school .athletes .athletes-details {
    color: #ff9960;
    /* margin-left: 15px !important; */
    font-size: 13px;
    font-weight: 600;
}

.top-school .athletes .athletes-name {
    width: 130px;
    color: #fff;
}

.top-school .athletes .athletes-card {
    background-color: #311f5a;
    border-radius: 7px;
    height: 68px;
}

.top-school .athletes .athletes-card .athletes-img {
    border: 1px solid #321f59;
    border-radius: 50%;
    /* background-color: #fff; */
    height: 45px;
    width: 45px;
}

@media screen and (max-width: 767px) {
    #testYourselfModal .form-group.mb-3 {
        padding: 0 !important;
    }
    /* #testYourselfModal .modal-content {
        height: 225px !important;
    } */
    .top-school .card-body-school {
        padding-top: 20px !important;
    }

    .top-school .card-body-school,
    .athletes {
        padding-left: 0px;
    }
}

.mySwipertopschools {
    /*padding: 70px 0px !important;*/
    height: calc(100vh - 100px);
}

.top-school-swiper-prev-button {
    top: 50% !important;
    left: calc(49% - -100px) !important;
    transform: rotate(90deg) !important;
}

.top-school-swiper-next-button {
    top: 50% !important;
    left: calc(49% - 120px) !important;
    transform: rotate(-90deg);
}
/* top-school section end*/

/* Top Mentors index page section start*/

.team_wrapper
    .container
    .team_row
    .members_info
    .inner
    .outline_hex
    .inline_hex {
    width: 190px;
    height: 190px;
    background-color: #22a8e1;
    overflow: hidden;
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
}

.team_wrapper .container .team_row .members_info .inner .outline_hex {
    width: 200px;
    height: 200px;
    /* background-color: rgba(76, 118, 231, 0.302); */
    background-color: #ffffff;
    /* background-color: #2f1585; */
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    margin-bottom: 15px;
}
.team_wrapper .container .team_row .members_info .inner p {
    font-family: "Open Sans", sans-serif;
    font-size: var(--fifteen-font);
    line-height: 1.9;
    font-weight: 400;
    color: #ecac61;
}

/* Top Mentors index page section end*/

/* ========================================================================================== */
/* Login start */

.form_bg {
    background: url("../images/Login-page/background-for-login.png");
    /* background-image: linear-gradient(103deg, #000000a6 50%, #00000075),
        url("../images/Login-page/bg1.jpg") !important; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
}
@media screen and (max-width: 867px) {
    .form_bg {
        padding-bottom: 310px;
    }
}

.form_bg .container .form_container {
    max-width: 650px;
    min-height: 385px;
    margin: auto;
    padding: 25px 100px;
    /* background: rgba(26, 25, 82, 0.75); */
    background: linear-gradient(to right, #37317f, #1a1647);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 15px;
    -webkit-box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px,
        rgb(0 0 0 / 24%) 0px 1px 2px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

.form_bg .container .form_container .form_header {
    text-align: center;
    position: relative;
    top: -42px;
    margin-bottom: -0px;
}

.form_container .form_header .registration_logo {
    padding: 7px 68px !important;
}

.form_bg .container .form_container .form_header .registration_logo::before,
::after {
    display: none;
}

.form_bg .container .form_container .form_header .registration_logo {
    background: linear-gradient(90deg, #ba48ed 2.86%, #8c43ec 96.8%);
    border-radius: 27.5px;
}

.form_title {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #ffffff;
}

.footer-login {
    background-color: transparent !important;
}

.form_bg .container .form_container form .mb-3 {
    padding-bottom: 3px;
}

.form_bg .container .form_container form .mb-3 #forgot {
    text-decoration: none;
    /* display: inline-block; */
    /* margin-top: 15px; */
    color: #5dc7ec;
}
.form_bg .container .form_container form .mb-3 #forgot:hover {
    color: #b9eafb;
}

#password-field-error,
#email-error {
    position: absolute;
    font-size: 14px;
    color: red;
}

.form_bg .container .form_container form .form_footer p {
    margin-bottom: 0px;
}

.form_bg .container .form_container form .form_footer p a {
    text-decoration: none;
    display: inline-block;
    color: #5dc7ec;
    font-weight: 600;
}
.form_bg .container .form_container form .form_footer p a:hover {
    color: #b9eafb;
}

.form_bg .container .form_container form .login-button {
    width: 100%;
    /* border: 2px solid red ; */
    text-align: center;
}

.form_bg .container .form_container form button[type="submit"] {
    width: 50%;
    /* border: 2px solid blue !important; */
    text-align: center;
    border: none;
    outline: none;
    padding: 0.5rem 0.9rem;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    background: linear-gradient(90deg, #e24a7e 0%, #ed7d75 101.46%);
    -webkit-box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
    margin: 15px 30px;
}

.form_bg .container .form_container form button:hover {
    background: linear-gradient(90deg, #ed7d75 0%, #e24a7e 101.46%);
}

.form_bg .container .form_container form .mb-3 input {
    background-color: transparent !important;
    padding: 7px 24px;
    border: 1px solid #6342ff;
    color: #ececff;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.form_bg .container .form_container form .mb-3 .show_password input {
    padding: 5px 24px;
}

@media screen and (max-width: 500px) {
    .form_title {
        font-family: "Open Sans", sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.25;
        color: #ffffff;
    }

    .form_bg .container .form_container .form_header {
        text-align: center;
        position: relative;
        top: -25px;
        margin-bottom: -35px;
    }

    .form_bg .container .form_container {
        max-width: 600px;
        /* max-width: max-content; */

        margin: auto;
        padding: 5px 15px;
        background: rgba(26, 25, 82, 0.75);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 15px;
        -webkit-box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px,
            rgb(0 0 0 / 24%) 0px 1px 2px;
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    }
}

/* Login end */
/* ========================================================================================== */

/* Registration Start */

@media screen and (max-width: 867px) {
    .form_bg_registration {
        padding-bottom: 110px;
    }
}

.form_bg .container .form_container-registration {
    /* max-width: 545px; */
    max-width: max-content;

    margin: auto;
    padding: 10px 50px;
    background: rgba(26, 25, 82, 0.75);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 15px;
    -webkit-box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px,
        rgb(0 0 0 / 24%) 0px 1px 2px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

.form_bg .container .form_container-registration .form_header {
    text-align: center;
    position: relative;
    top: -30px;
    margin-bottom: -35px;
}

.form_container-registration .form_header .registration_logo {
    text-decoration: none;
    display: flex;
    justify-content: center;
    width: 100%;
}

.form_container-registration .form_header .registration_logo .form_title {
    border-radius: 27.5px;
    /* background: linear-gradient(90deg, #ba48ed 2.86%, #8c43ec 96.8%); */
    background: #7f00ff;
    background: -webkit-linear-gradient(to right, #e100ff, #7f00ff);
    background: linear-gradient(to right, #e100ff, #7f00ff);
    padding: 7px 32px !important;
    text-align: center;
    align-items: center;
    cursor: default;
}

.form_bg
    .container
    .form_container-registration
    .form_header
    .registration_logo::before,
::after {
    display: none;
}

.form_container-registration .upload {
    margin-top: 50px;
}

.form_container-registration .upload-main .upload-content li {
    list-style: disc;
}

.form_container-registration .upload .upload-main .upload-logo {
    cursor: pointer;
}

.footer-login {
    background-color: transparent !important;
}

.form_bg .container .form_container form .form_footer p {
    margin-bottom: 0px;
}

.form_bg .container .form_container-registration form .form_footer p a {
    text-decoration: none;
    display: inline-block;
    color: #5dc7ec;
}

.form_bg .container .form_container form .login-button {
    width: 100%;
    text-align: center;
}

.form_bg .container .form_container-registration form button[type="submit"] {
    display: inline-block;
    text-align: center;
    border: none;
    outline: none;
    padding: 7px 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 1.556;
    font-weight: 600;
    background-color: #2a295b;
    background: linear-gradient(90deg, #e24a7e 0%, #ed7d75 101.46%);
    box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
    margin: 15px 0px;
}

.form_bg
    .container
    .form_container-registration
    form
    button[type="submit"]:hover {
    background: linear-gradient(90deg, #ed7d75 0%, #e24a7e 101.46%);
}

.form_bg .container .form_container form input {
    background-color: transparent;
    padding: 0.375rem 0.75rem;
    border: 1px solid #5e43f5;
    color: #ececff;

    border-radius: 0.25rem;
    font-size: 1rem;
    line-height: 1.5;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-select {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/96/Chevron-icon-drop-down-menu-WHITE.png");
    background-size: 10px;
}
.select-gender {
    position: relative;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--wp-body-color);
    border: 1px solid #393b57;
    background: #150143;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/96/Chevron-icon-drop-down-menu-WHITE.png");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right .75rem center;
}
/* .select-gender::after {
    content: "/f078";
    font-family: fontAwesome;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
} */
.form-control {
    display: block;
    width: 100%;
    padding: 7px 10px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    background-clip: padding-box;
    border: 1px solid #464081 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 0.375rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.form-select:focus {
    border: 1px solid #393b57;
    box-shadow: none;
}

@media screen and (max-width: 400px) {
    .form_bg
        .container
        .form_container-registration
        form
        button[type="submit"] {
        width: 100%;
    }
}

/* Registration End */
/* =========================================================================== */

/* Sports card running section start */

/*====team section start====*/
.top-mentors,
.sub-event {
    padding-top: 114px;
    padding-bottom: 90px;
}

.sub-event {
    padding-top: 10px;
    padding-bottom: 90px;
}

.sports-running-card-top {
    padding-top: 5px;
    padding-bottom: 0px;
}

.top-mentors .container .title_wrapper h4 {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 400;
    color: #ff8a00;
    margin-bottom: 13px;
}

.top-mentors .container {
    margin-top: 20px;
}

.top-mentors .container p, .sub-event .container p {
    /* font-style: normal; */
    /* font-weight: 700; */
    font-size: 14px;
    /* line-height: 25px; */
    color: #fff;
}
.top-mentors .container p, .sub-event .container p {
    padding-left: 31px;
}
.top-mentors .container .members_info {
    margin-top: 30px;
    margin-bottom: 30px;
}

.top-mentors .container .members_info .inner .outline_hex {
    width: 210px;
    height: 210px;
    background-color: #2f1585;

    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    margin-bottom: 15px;
}

.top-mentors .container .members_info .inner .outline_hex .inline_hex {
    width: 200px;
    height: 200px;
    background-color: #22a8e1;
    overflow: hidden;
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
}

.top-mentors .container .members_info .inner .outline_hex .inline_hex img {
    max-width: 100%;
    display: inline-block;
}

.team_wrapper .container .members_info .inner h4 {
    margin-top: 30px;
    min-height: 45px;
}

.top-mentors .container .members_info .inner h4 a {
    text-decoration: none;
    display: inline-block;
    font-size: 26px;
    line-height: 1.417;
    font-weight: 700;
    color: #ffffff;
}

.team_wrapper .container .members_info .inner h4 a:hover {
    text-decoration: none;
}

.top-mentors .container .members_info .inner p {
    font-family: "Open Sans", sans-serif;
    font-size: var(--fifteen-font);
    line-height: 1.9;
    font-weight: 400;
    color: #ecac61;
}

.dark .team_wrapper .container .members_info .inner h4 a {
    color: #25294a;
}

/* =============== */

.sub-event {
    padding-left: 15px;
}

/* .sub-event .sub-event-button-section .sub-event-buttons button:first-child {
    background-color: #93f8ff;
} */

.sub-event .sub-event-button-section .sub-event-buttons button {
    background: #fff;
    border-radius: 5px;

    font-style: normal;
    font-weight: 600;
    font-size: var(--fifteen-font);
    line-height: 22px;
    padding: 3px 10px;

    color: #2c316c;
}

.sub-event .sub-event-details {
    color: #ffffff;
    margin-left: 15px !important;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.15);
    font-size: 14px;
}

.sub-event-details-bottom {
    color: #4cc24a;
}

.sub-event .sub-event-name {
    padding-left: 10px;
}

.sub-event .container .sub-event-anchor {
    text-decoration: none !important;
}

.sub-event .sub-event-name .sub-event-name-top {
    padding-bottom: 5px;
    font-size: var(--fifteen-font);
    color: #fff;
}
.sub-event-name-top a {
    text-decoration: none;
    background: linear-gradient(135deg, #d07fe0 0%, #aeaeb2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    text-transform: capitalize;
}

.sub-event-name-bottom {
    color: #ff9960;
    /* font-size: var(--fifteen-font); */
    font-size: 14px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sub-event-name-bottom img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
}
.sub-event .sub-event-card {
    /* background-color: #363b61; */
    background: linear-gradient(to top, #10204d, #405189);
    border-radius: 0.375rem;
}

.sub-event .sub-event-card .sub-event-img {
    border-radius: 50%;
}

.sub-event-img img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.sub-event .sub-event-card .sub-event-img-1 {
    border: 2px solid #ffbc3a;
    background-color: #d06565;
}

.sub-event .sub-event-card .sub-event-img-2 {
    border: 2px solid #6c757d;
    background-color: #93f8ff;
}

.sub-event .sub-event-card .sub-event-img-3 {
    border: 2px solid #c957ff;
    background-color: #4dba72;
}

.sub-event .sub-event-card .sub-event-img-4 {
    border: 2px solid #ffbc3a;
    background-color: #d06565;
}

.sub-event .sub-event-card .sub-event-img-5 {
    border: 2px solid #428f06;
    background-color: #93f8ff;
}

@media screen and (max-width: 767px) {
    .card-body-school {
        padding-top: 20px !important;
    }

    .card-body-school,
    .sub-event {
        padding-left: 0px;
    }
}

/* ============== */
.sports-running-card-top .sports-runnig-back-img {
    background: url("../images/sports-running-card/sports-running-card-back.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.sports-running-card-top .sports-running-img-overlay {
    background: url("../images/sports-running-card/sports-running-card-overlay.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.sports-running-card-top
    .container
    .sports-running-card-main
    .sports-running-card-top-image {
    background: rgba(136, 14, 79, 0.44);
}

.sports-running-card-top .container .sports-running-card-top-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 35px 56px;
    border-radius: 50%;
    height: 170px;
    width: 170px;
}

.sports-running-card-top .container .sports-running-card-top-image img {
    height: 95px;
    width: 95px;
}

.sports-running-card-top
    .container
    .sports-running-card-bottom-content
    .gender {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 25px;
    padding: 8px 16px;
    align-items: center;
    /* width: fit-content; */
    flex-wrap: wrap;
}

.sports-running-card-top
    .container
    .sports-running-card-bottom-content
    .gender
    .gender-heading
    p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    color: #bdfbff;
}

.sports-running-card-top
    .container
    .sports-running-card-bottom-content
    .gender
    .gender-checkbox
    label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    /* min-width: 100px; */
}

input:checked ~ .checkmark {
    background-color: red;
}

/* Sports card running section end */

/* Privacy Policy Start */

.Privacy-Policy {
    margin-top: 30px;
}

.Privacy-Policy .Privacy-Policy-background-color {
    background: linear-gradient(90deg, #272c80 0%, #4829a2 100%);
}

.Privacy-Policy .container .Privacy-Policy-top {
    padding-top: 18px;
}

.Privacy-Policy .container .Privacy-Policy-top .Privacy-Policy-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 48px;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.Privacy-Policy-content .container .Privacy-Policy-paragraphs {
    background: #2a2958;
    border-radius: 0.375rem;

    font-style: normal;
    font-weight: 400;
    font-size: var(--fifteen-font);
    line-height: 228.84%;
    /* or 32px */

    text-align: justify;

    color: #ffffff;
    padding: 37px 44px;
}

@media screen and (max-width: 742px) {
    .Privacy-Policy-content .container .Privacy-Policy-paragraphs {
        padding: 35px 8px;
        line-height: 180.84%;
        margin: 0;
        font-size: 14px;
    }

    .Privacy-Policy .container .Privacy-Policy-top .Privacy-Policy-heading {
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 48px;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 15px;
    }
}

/* Privacy Policy  end */

/* about-us Start */

.about-us {
    margin-top: 30px;
}

.about-us .about-us-background-img {
    background: url(https://newcms.m-staging.in/Athletekar_Website_Students/assets/images/about-us/about-us-background.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position-x: right;
}

.team_wrapper
    .container
    .team_row
    .members_info
    .inner
    .outline_hex
    .inline_hex
    img {
    max-width: fit-content;
    display: inline-block;
    object-fit: cover;
    height: 190px;
    width: 190px;
}

.about-us .container .about-us-top {
    padding-top: 18px;
}

.about-us .container .about-us-top .about-us-heading {
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 48px;
    color: #ffffff;
    display: flex;
    align-items: center;
    opacity: 1 !important;
}

.about-us .container .about-us-top .about-us-img {
    height: 300px;
    width: auto;
}

.passion_wrapper {
    padding-top: 23px;
    padding-bottom: 87px;
}

@media screen and (max-width: 742px) {
    .about-us .container .about-us-top .about-us-heading {
        font-style: normal;
        font-weight: 700;
        font-size: 25px;
        line-height: 48px;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 15px;
    }
}

section .container .experience {
    background-color: #282950;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 350px, 350px, contain;
    background-position: left bottom 85px, right top 50px, left 0px bottom 0px;
    padding: 110px 0px 100px;
}

section .container .experience .section_title {
    font-size: 40px;
}

section .container .experience .experience_content .btn {
    text-decoration: none;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: var(--fifteen-font);
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    color: #ffffff;
    border: none;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 32px;
    background-image: -moz-linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    background-image: -webkit-linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    background-image: -ms-linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    background-image: linear-gradient(
        95.55deg,
        #ff4747 0%,
        rgba(255, 125, 84, 0.94) 100.95%
    );
    -webkit-box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    margin: 60px 0px 0px;
}

@media screen and (max-width: 992px) {
    .sp-teacher-details p:first-child{
        min-height: 40px !important;
    }
    .user-menu .profile {
        justify-content: space-between;
    }
    .sub-event-heading .fs-15 {
        padding-left: 0 !important;
    }
    section .container .experience {
        background-size: 200px 200px, 200px 200px, contain;
        background-position: left bottom 40px, right top 50px,
            left 0px bottom 0px;
    }
}

/* about-us  end */

/* Contact-us  start */

.Contact-Us .Privacy-Policy-background-color {
    background: linear-gradient(90deg, #272c80 0%, #4829a2 100%);
}

.contact_form_wrapper .container .contact_row .col-lg-4 {
    margin-top: 20px;
    margin-bottom: 30px;
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-7
    .right_side_content
    .form_wrapper {
    padding: 13px 70px 30px 70px;
    display: inline-block;
    background-color: #2a295b;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-7
    .right_side_content
    .form_wrapper
    h1 {
    font-family: "Open Sans", sans-serif;
    font-size: var(--vbig-font);
    font-weight: 700;
    line-height: 1.278;
    color: #ffffff;
    margin: 15px 0px 35px;
    text-align: center;
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-7
    .right_side_content
    .form_wrapper
    form
    .mb-3
    input {
    padding: 8px 30px;
    background-color: #343363;
    border: none;
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-7
    .right_side_content
    .form_wrapper
    form
    .mb-3 {
    padding-top: 10px;
    padding-bottom: 2px;
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-7
    .right_side_content
    .form_wrapper
    form
    .btn {
    display: block;
    width: 260px;
    margin: auto;
    border: none;
    outline: none;
    padding: 8px 20px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 1.556;
    font-weight: 700;
    background-color: #2a295b;
    background-image: -moz-linear-gradient(135deg, #f5317f 0%, #ff7c6e 100%);
    background-image: -webkit-linear-gradient(135deg, #f5317f 0%, #ff7c6e 100%);
    background-image: -ms-linear-gradient(135deg, #f5317f 0%, #ff7c6e 100%);
    background-image: linear-gradient(135deg, #f5317f 0%, #ff7c6e 100%);
    -webkit-box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 19px 56px 0px rgb(0 0 0 / 20%);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 0.375rem;
}

@media only screen and (min-width: 1200px) {
    .contact_form_wrapper .container .contact_row .col-lg-4 .left_side_content {
        margin-top: 10px;
    }
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-4
    .left_side_content
    .inner_row
    .inner_right
    p {
    font-family: "Open Sans", sans-serif;
    font-size: var(--fifteen-font);
    font-weight: 400;
    line-height: 1.556;
    color: #c6c3f9;
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-4
    .left_side_content
    .inner_row
    .inner_right
    h4 {
    font-size: var(--big-font);
    font-weight: 700;
    line-height: 1.417;
    color: #f2f2ff;
    margin-bottom: 10px;
}

.contact_form_wrapper
    .container
    .contact_row
    .col-lg-7
    .right_side_content
    .form_wrapper
    form
    .mb-3
    label {
    font-size: var(--fifteen-font);
    font-weight: normal;
    line-height: 1.556;
    color: #ffffff;
    margin-bottom: 15px;
}

@media screen and (max-width: 578px) {
    .contact_form_wrapper
        .container
        .contact_row
        .col-lg-7
        .right_side_content
        .form_wrapper {
        padding: 50px 12px;
    }
}

/* Contact-us  end */

/* student view profile section start */

.page_wrapper .body_content {
    /* width: calc(100% - 320px); */
    width: auto;
    margin-left: 0px;
    background-color: #25294a;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    z-index: -1;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 200px;
    padding: 40px 30px;
}

@media only screen and (min-width: 1200px) {
    .student-view-profile .container {
        max-width: 1288px;
    }
}

@media (min-width: 1200px) {
    .col-xl-9 {
        flex: 0 0 auto;
        width: 100%;
    }
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .price_info_wrapper
    .hst
    .row
    .col-sm {
    padding: 4px 0px;
    border-right: 0px solid #3a3982;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .price_info_wrapper
    .hst {
    border-bottom: 0px solid #3a3982;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .price_info_wrapper
    .hst
    .row
    .shares
    h4 {
    color: #22a8e1;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: normal;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .price_info_wrapper {
    padding-left: 220px;
    /* background-color: #202442; */
    border-bottom: unset;
    border-width: 90%;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .labels_wrapper {
    padding: 20px 30px;
    background-color: #202442;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .labels_wrapper
    .row
    .col-md {
    border-right: 0px solid #3a3982;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .labels_wrapper
    .d-flex
    .d-flex
    .name {
    color: #22a8e1;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper
    .img_wrapper
    a
    img {
    border: none;
    outline: none;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
    width: 180px;
    height: 180px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper {
    position: relative;
    bottom: -90px;
    margin-top: -90px;
    width: 100%;
    justify-content: space-between !important;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper
    .profile-wrapper-right
    .info_wrapper
    .athlete-logo
    .athlete-field-img {
    height: 50px;
    width: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #5b17c9;
    position: relative;
    left: 10px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper
    .profile-wrapper-right
    .info_wrapper
    .athlete-logo
    p {
    background: rgba(0, 0, 0, 0.45);
    border-radius: 0px 19px 19px 0px;
    padding: 8px 10px 8px 20px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .next_wrapper {
    background-color: #202442;
    margin-top: 30px;
    height: 225px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-record
    .col-md-4
    .time-cover
    .athlete-field
    p {
    color: #22a8e1;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 155.84%;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .next_wrapper
    .labels_wrapper
    .row
    .col-md {
    border-right: 0px solid #3a3982;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .next_wrapper
    .labels_wrapper {
    padding: 20px 30px;
    background-color: #202442;
    border-top: unset;
}

.student-record
    .swimmer-record
    .next_wrapper
    .labels_wrapper
    .labels_wrapper-content
    .name {
    color: #22a8e1;
}
.student-record .swimmer-record .next_wrapper .labels_wrapper-content .name {
    color: #22a8e1;
}

.student-view-profile
    .container
    .page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper
    .info_wrapper
    p {
    font-size: 15px;
    line-height: 1.273;
    color: #ffc600;
}

.student-view-profile-hr,
.price_info_wrapper-hr {
    background-color: #3a3982;
    opacity: 1;
    width: 95%;
    margin: auto;
}

/* student view profile section end */

/* event-form-submitted section start */

.event-form {
    background: url(../images/Login-page/background-for-login.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    background-position: bottom;
    font-family: "Open Sans", sans-serif;
    overflow: hidden !important;
}

.event-form .container .row h1 {
    position: relative;
    right: 80px;
}

.event-form .container .row .event-form-input-group {
    width: 80%;
}

.event-form .container .row .event-form-input-group input {
    background-color: transparent;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
}

.event-form .container .row .event-form-input-group input::placeholder {
    color: #fff;
}
.form_container-registration input::placeholder {
    color: #8e8e8e;
}
.form_container-registration label {
    font-size: 14px;
    line-height: normal;
    color: #ececff;
    font-weight: 500;
}
.event-form .container .row .event-form-input-group button {
    background-color: #5929be;
    color: #fff;
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-left: none;
}

.event-form-content {
    line-height: 46px;
    margin: auto;
}

@media screen and (max-width: 992px) {
    .event-form {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .event-form .container .row .event-form-input-group {
        margin: auto;
    }
}

@media screen and (max-width: 320px) {
    .event-form .container .row h1 {
        position: relative;
        right: 16px;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .event-form .container .row h1 {
        position: relative;
        right: 132px;
    }
}

.padding-gap {
    padding: 0 10px;
}

/* event-form-submitted section end */

/* student-profile-view section start */
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper {
    position: relative;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .student-profile-view-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(360deg, #000000bd, transparent);
}

@media (min-width: 768px) {
    .col-md-2 {
        flex: 0 0 auto;
        width: 10.666667%;
    }
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .next_wrapper {
    background-color: transparent;
    margin-top: 60px;
    margin-bottom: 60px;

    height: 225px;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .gallary {
    margin-top: 0px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .student-profile-view-bottom-star-athlete {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .student-profile-view-bottom-star-athlete
    img {
    background: #d9d9d9;
    border: 2px solid #000000;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .student-profile-view-bottom-star-athlete
    .student-profile-view-bottom-star-athlete-info {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 155.84%;
    text-align: justify;
    color: #ff9960;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .student-profile-view-bottom-star-athlete-heading {
    font-family: "Open Sans";
    font-style: normal;
    line-height: 34px;
    color: #ffffff;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .student-profile-view-sports-teacher {
    padding-top: 50px;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .student-profile-view-sports-teacher
    .container
    .team_row {
    margin-top: 0px;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .student-profile-view-bottom-about-school
    p {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: var(--thirteen-font);
    line-height: 228.84%;
    text-align: justify;
    color: #ffffff;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .amenities
    .amenities-box {
    background: rgba(0, 0, 0, 0.2);
    position: relative;
    width: 180px;
    justify-content: center;
    align-items: center;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .student-profile-view-bottom
    .amenities
    .amenities-box
    .info-sign {
    position: absolute;
    top: 4px;
    right: 4px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .student-view-profile-sports
    .hst
    .row
    p {
    font-size: 15px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .amenities-box-details {
    width: 450px;
    background: #3a3f70;
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .amenities-box-details
    .amenities-box-details-container {
    padding: 3px 19px;
}
.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .amenities-box-details
    .amenities-box-details-container
    .top {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.25);
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .amenities-box-details
    .amenities-box-details-container
    .bottom
    .bottom-yelow-text {
    color: #f2a454;
}

#playarea {
    display: none;
}
.dblock {
    display: block !important;
}
/* student-profile-view section end */

/* event-view section start */

.event-bg-color {
    background-color: #262948 !important;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .event-view
    .img_wrapper
    a
    img {
    border: none;
    outline: none;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
    width: 115px;
    height: 115px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .event-view-labels_wrapper {
    padding: 20px 20px 20px 160px;
    background-color: #202442;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .event-view
    .info_wrapper {
    margin-left: 15px;
    padding-top: 25px;
}

.event-view .event-view-other-events {
    background: #3e4476;
    border-radius: 7px;
    padding: 13px;
    align-items: center;
}
.event-view .event-view-other-events .heading-other-events {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 155.84%;
    /* identical to box height, or 28px */

    text-align: justify;

    color: #ffffff;
}
.event-view .event-view-other-events .view-all-other-events {
    font-style: normal;
    font-weight: 600;
    font-size: var(--thirteen-font);
    line-height: 155.84%;
    /* identical to box height, or 19px */

    text-align: justify;

    color: #c6abff;
}

.event-view .other-events-cards .other-event-card {
    background: #35346d;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}
.event-view .other-events-cards .card1 {
    border-top: 4px solid;
    border-top-color: #93f8ff;
}
.event-view .other-events-cards .card2 {
    border-top: 4px solid;
    border-top-color: #ff7b7b;
}
.event-view .other-events-cards .card3 {
    border-top: 4px solid;
    border-top-color: #feb11d;
}
.event-view .other-events-cards .other-event-card h1 {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-size: var(--fifteen-font);
    line-height: 155.84%;
    /* identical to box height, or 22px */

    color: #ffffff;
}

.event-view .other-events-cards .other-event-card p {
    font-style: normal;
    font-weight: 400;
    font-size: var(--thirteen-font);
    line-height: 155.84%;
    /* or 19px */

    color: #ffffff;
}
.event-view .other-events-cards .other-event-card img {
    width: auto;
    height: min-content;
}
.event-view .other-events-cards .view-details {
    font-style: normal;
    font-weight: 400;
    font-size: var(--thirteen-font);
    line-height: 155.84%;
    /* or 20px */

    text-align: justify;

    color: #c6abff;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper
    .info_wrapper
    a {
    text-decoration: none;
    display: inline-block;
    font-size: var(--vbig-font);
    line-height: 1.357;
    color: #ffffff;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper
    .profile-wrapper-right
    .register-button
    .btn_wrapper {
    background: linear-gradient(90deg, #e24a7e 0%, #ed7d75 101.46%);
    border-radius: 6px;
}

.page_wrapper
    .body_content
    .main_content
    .row
    .col-xl-9
    .inner_left
    .profile_cover_wrapper
    .cover_wrapper
    .profile_wrapper
    .profile-wrapper-right
    .share-button {
    border-radius: 50% !important;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* event-view section end */

.list_disc {
    list-style-type: disc;
    font-size: 15px;
    padding-left: 1.25rem;
}

.list_disc li {
    margin-bottom: 5px;
}

.slide-in-top {
    -webkit-animation: slide-in-top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
        both;
    animation: slide-in-top 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.preview {
    display: none;
}

.preview img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    object-fit: cover;
}

.bg-img {
    background: url("../images/Login-page/background-for-login.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.digit-group .otp-wrapper {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.digit-group .otp-wrapper input {
    height: 48px !important;
    width: 36px !important;
    background-color: white !important;
    border: none !important;
    color: black !important;
    text-align: center;
    padding: 5px !important;
    border-radius: 5px !important;
}

.sign-options {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    flex-wrap: wrap;
    transition: 0.4s all;

    margin-top: 1rem;
}

.sign-options > a {
    text-decoration: none;
    border-radius: 5px;
    color: white;
    font-size: 15px;
    padding: 0.4rem 1.5rem;
    background: #8e2de2;
    background: -webkit-linear-gradient(to right, #4a00e0, #8e2de2);
    background: linear-gradient(to right, #4a00e0, #8e2de2);
}
.sign-options > a:hover {
    background: linear-gradient(to right, #8e2de2, #4a00e0);
}

.error {
    color: red;
    font-size: 13px;
}

.home_banner_row .inner {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: space-between;
}

.form-control:focus {
    box-shadow: none !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: 7px 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    background-clip: padding-box;
    border: 1px solid #464081 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 0.375rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.tracking-in-expand {
    -webkit-animation: tracking-in-expand 0.7s
        cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@-webkit-keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}
@keyframes tracking-in-expand {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

.kenburns-top {
    -webkit-animation: kenburns-top 5s ease-out both;
    animation: kenburns-top 5s ease-out both;
}

@-webkit-keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}
@keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.new-letter {
    border-radius: 0.375rem 0 0 0.375rem !important;
}

.top-school .card-address {
    font-size: 13.5px;
}

.star-scroll {
    overflow: hidden auto !important;
    overflow: auto;
}

.star-scroll::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0);
}
.star-scroll::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color: rgba(159, 166, 188, 0.55);
}
.star-scroll:hover::-webkit-scrollbar,
.star-scroll:hover::-webkit-scrollbar-thumb,
.star-scroll:focus::-webkit-scrollbar,
.star-scroll:focus::-webkit-scrollbar-thumb {
    visibility: visible;
}

.upper-text h4 {
    /* background: linear-gradient(135deg, #d07fe0 0%, #5143ca 100%); */
    background: linear-gradient(135deg, #fef6ff 0%, #f8f8f8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* .swiper-backface-hidden .swiper-slide {
    min-height: 125px !important;
} */

.student-view-profile .card {
    background: #32344f;
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.v-heading {
    position: absolute;
    left: 7px;
    top: -26px;
    background: #6c757dd1;
    padding: 0px 8px;
}

.price_info_wrapper .shares {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.social-network > li > a > img {
    height: 35px;
    margin-right: 12px;
}

.modal.zoomIn .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.modal.zoomIn.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@keyframes bg-animation {
    0% {
        background-position: left;
    }
    100% {
        background-position: right;
    }
}

/* #testYourselfModal .modal-content {
        background: url("../images/coming-soon.png") no-repeat center center/ cover;
        height: 350px;
    } */

/* #testYourselfModal .modal-body {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

#testYourselfModal label,
#viewTest label {
    font-size: 13px;
}

#testYourselfModal .form-control,
#testYourselfModal select,
#viewTest .form-control,
#viewTest select {
    padding: 6px 10px !important;
    font-size: 13px !important;
    border-radius: 0.2rem !important;
    border-color: #393b57 !important;
    background: #343755;
    color: var(--wp-body-color) !important;
    /*webkit browsers */
    -webkit-appearance: none;
    /*Firefox */
    -moz-appearance: menulist !important;
    /* modern browsers */
    appearance: menulist !important;
}

#testYourselfModal .form-group img {
    height: 125px;
    border-radius: 50%;
    width: 125px;
    object-fit: cover;
}
#testYourselfModal input::placeholder,
#viewTest input::placeholder {
    color: var(--wp-body-color) !important;
}

#testYourselfModal .form-control:focus,
#viewTest .form-control:focus {
    color: var(--wp-body-color);
    background-color: var(--wp-input-bg-custom);
    border-color: #424462 !important;
    outline: 0;
    box-shadow: none;
}

.test-flex {
    /* text-align: center; */
    display: flex;
    flex-direction: column-reverse;
    gap: 1.5rem;
    align-items: center;
}
.test-title {
    margin: 1rem;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    font-size: 3rem;
    color: #7f7fd5;
    line-height: 0.8;
    background-image: linear-gradient(90deg, #7f7fd5, #86a8e7, #f64f59);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-size: 300%;
    transition: background-position 1s;
}

.test-title:hover {
    background-position: right;
}

.offerings-page {
    padding: 100px 0px;
}
.offerings-page h4 {
    font-weight: 500;
    padding-bottom: 15px;
}
.head-span {
    color: #ffc233;
    font-size: 32px;
    font-weight: 500;
}

.fx-items {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
    min-height: 100px;
}
.fx-items p {
    font-size: 16px;
}
.fx-items img {
    height: 50px;
}

.offer-bg {
    background: url("../images/Offerings-For-Schools.png") center center/cover;
}

.drop-active {
    background-color: #25294a !important;
    color: #ffc107 !important;
    padding: 10px 20px !important;
}

#testYourselfModal .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 9;
    filter: brightness(0) invert(1);
}

#viewTest .btn-close {
    filter: brightness(0) invert(1);
    position: absolute;
    right: 13px;
    top: 13px;
}

#testYourselfModal .modal-content {
    position: relative;
}

#viewTest .modal-header {
    border-bottom: none;
    /* background: linear-gradient(180deg, #9999a4 0%, #60606b 100%); */
    /* border-bottom: 1px solid #3c3f5e; */
    padding: 0.5rem 1rem;
}
.top-school .swiper-button-next img,
.top-school .swiper-button-prev img {
    height: 35px;
}

.mySwipertopschools .swiper-slide {
    height: 165px !important;
}
a {
    text-decoration: none;
}

.sp-card {
    transition: 0.15s all;
}
.sp-card:hover {
    opacity: 0.8;
}

.sports-section .swiper-button-next,
.sports-section .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 67%);
    /* right: var(--swiper-navigation-sides-offset, 0px); */
}

/* TOP SCHOOLS SECTION */

/* .top-school .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.top-school .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-school .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-school .swiper-slide {
    background-size: cover;
    background-position: center;
}

.top-school .mySwiper2 {
    height: 80%;
    width: 100%;
}

.top-school .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.top-school .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

.top-school .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.top-school .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.infra-images {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.infra-images img {
    height: 100px;
}

#viewTest .modal-title {
    font-size: 14px;
    color: #8f9aa4;
    font-weight: 600;
}
#viewTest p {
    font-size: 13px;
    color: #d1d9e0;
}
#viewTest label {
    color: #f9a769;
}

#viewTest .modal-body .col-md-3 {
    height: 65px;
}
.testform-heading {
    font-size: 16px;
    background: linear-gradient(135deg, #d07fe0 0%, #5143ca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

:focus-visible {
    outline: none;
}

.offerings-quotes {
    color: #d7852c;
    background-image: -webkit-linear-gradient(
        0deg,
        #d7852c 0%,
        #f5317f 33%,
        #e982b6 67%
    );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-weight: 700;
    font-size: 20px;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

@keyframes showTopText {
    0% {
        transform: translate3d(0, 100%, 0);
    }
    40%,
    60% {
        transform: translate3d(0, 50%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes showBottomText {
    0% {
        transform: translate3d(0, -100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
.animated-title {
    color: #222;

    height: 90vmin;
    left: 30%;
    position: absolute;
    /* top: 50%; */
    transform: translate(-50%, -50%);
    width: 90vmin;
}
.animated-title > div {
    height: 50%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.animated-title > div div {
    font-size: 12vmin;
    padding: 1vmin 0;
    position: absolute;
}
.animated-title > div div span {
    display: block;
}
.animated-title > div.text-top {
    border-bottom: 2px solid #37395c;
    top: 0;
}
.animated-title > div.text-top div {
    animation: showTopText 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    bottom: 0;
    transform: translate(0, 100%);
}

.animated-title > div.text-bottom {
    bottom: 0;
}
.animated-title > div.text-bottom div {
    animation: showBottomText 0.5s;
    animation-delay: 1.75s;
    animation-fill-mode: forwards;
    top: 0;
    transform: translate(0, -100%);
}

.pp {
    color: #fff !important;
    text-decoration: underline !important;
}

/* REGISTRATION FORM */

.form_bg_registration {
    padding: 75px 0px 25px 0px;
}

.registration-form .form-control:focus {
    border: 1px solid #5d56a3 !important;
}

.form_bg .container .registration-form form .form-check-input {
    padding: 7px;
    border-radius: 50%;
}

.form_bg .container .registration-form form input,
.form_bg .container .registration-form form textarea {
    background-color: transparent;
    padding: 5px 24px;
    border: 1px solid #6342ff;
    color: #ececff;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
    font-size: 14px;
}

.form_bg .container .registration-form form select {
    background-color: transparent;
    width: 100%;
    padding: 7px 10px !important;
    border: 1px solid #464081 !important;
    color: #fff;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
    font-size: 13px;
}

.form_bg .container .registration-form form select option {
    background-color: rgba(26, 25, 82, 0.75) !important;
    padding: 20px 20px;
    border: 1px solid #6342ff;
    color: #ececff;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    -ms-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.registration-form .registration-form-bold-text {
    color: #d5e1ec;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.form_bg .container .form_container-registration {
    max-width: max-content !important;
    margin: auto;
    padding: 10px 50px;
    /* background: rgba(26, 25, 82, 0.75); */
    background: linear-gradient(to right, #514a9d, #1a1647);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 15px;
    -webkit-box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px,
        rgb(0 0 0 / 24%) 0px 1px 2px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

/*  */
.profile-wid-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 320px;
}
.profile-wid-bg::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.9;
    background: #405189;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#171e32),
        to(#405189)
    );
    background: linear-gradient(to top, #171e32, #405189);
}
.profile-wid-bg .profile-wid-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.text-white-75 {
    /* color: rgba(255, 255, 255, 0.75) !important; */
    color: #97adb8 !important;
    font-size: 14px;
    font-weight: 600;
}
.hstack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

/* SCHOOL VIEW PROFILE */

#view-school .schoolGallery {
    overflow: hidden auto !important;
    overflow: auto;
}

#view-school .schoolGallery::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0);
}
#view-school .schoolGallery::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color: rgba(159, 166, 188, 0.55);
}
#view-school .schoolGallery:hover::-webkit-scrollbar,
#view-school .schoolGallery:hover::-webkit-scrollbar-thumb,
#view-school .schoolGallery:focus::-webkit-scrollbar,
#view-school .schoolGallery:focus::-webkit-scrollbar-thumb {
    visibility: visible;
}

.view-link {
    color: #a6a6a6;
    font-size: 14px;
    font-weight: 600;
    transition: 0.15s all;
   
}
.view-link:hover {
    color: #ffffff;
}
.view-p {
    font-weight: 600;
    font-size: 13px;
    color: #c7c7c7;
}

.star-p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}
.location-p {
    color: #e08560;
    font-weight: 600;
    font-size: 13px;
}

/* WHY US PAGE */
.why-us-page .card {
    /* background: linear-gradient(to top, #10204d, #405189); */
    background-image: linear-gradient(
        111.05deg,
        #2e2b57 1.69%,
        #473279 49.34%,
        #2c316c 97.02%
    ) !important;
    border: none;
    min-height: 225px;
    transition: all 0.4s;
    -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.why-us-page .card:hover {
    -webkit-transform: translateY(calc(-1.5rem / 5));
    transform: translateY(calc(-1.5rem / 5));
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}

.why-us-page .card img {
    height: 65px;
}

.why-us-page .card .card-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #ffc600;
}

.why-us-page .card p {
    font-size: 15px;
}

.mv .card {
    background-image: linear-gradient(
        111.05deg,
        #2e2b57 1.69%,
        #473279 49.34%,
        #2c316c 97.02%
    ) !important;
    /* padding: 20px 20px 20px !important; */
    border-radius: 12px;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mv .card-text {
    padding: 0 1rem;
}

.why-us-page h3 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 16px;
}

.test-modal-image {
    height: 100px;
    width: auto;
    padding-right: 16px;
}
.test-sport-img {
    height: 65px;
    /* border-radius: 50%; */
    width: 65px;
    object-fit: cover;
    background-color: #f3f3f9;
    border: 1px solid #e9ebec;
    padding: 1px;
}