:root {

    --clr-accent-dark: #212121;
    --clr-accent-bright: #fc8e13;
    --clr-accent-bright-2: #dd8015;
    --clr-bg-light: #f8f8f8;

    --clr-neutral: #fff;

    --fs-1000: 2.5rem;
    --fs-800: 2em;
    --fs-600: 1.5em;
    --fs-500: 1em;

    --fw-800: 800;

    --bx-shadow: 8px 8px 20px 1px #00000028;
}


@font-face {
    font-family: Aileron-Regular;
    src: url(../fonts/Aileron-Regular.otf);
}

@font-face {
    font-family: Oswald-Bold;
    src: url(../fonts/Oswald/Oswald-Bold.ttf);
}

@font-face {
    font-family: Oswald-Regular;
    src: url(../fonts/Oswald-VariableFont_wght.ttf);
}

@font-face {
    font-family: Oswald-Medium;
    src: url(../fonts/Oswald/Oswald-Medium.ttf);
}


a {
    color: var(--clr-neutral);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald-Regular;
    text-transform: uppercase;
}

.card .img_Div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .5em;
}


body {
    background-color: var(--clr-bg-light);
    overflow-x: hidden;
    margin: 0;
    font-family: Aileron-Regular;
}



#topbar {
    background-color: var(--clr-accent-bright);
    height: 6em;
}

.top_In_Div {
    display: inline-flex;
    justify-content: center;
    align-Items: center;
    margin: 0.5em 2em;
}

#topbar h4,
.navbar h4 {
    text-transform: uppercase;
    /* margin-inline: 1em; */
    margin-left: 20px;
    margin-right: 5px;
    margin-block: 0;
}

.top_In_Div ul li {
    display: inline;
    margin-inline: .5em;
}

.top_In_Div ul {
    list-style: none;
    margin-bottom: 0;
}

.navbar {
    background-color: var(--clr-accent-dark);
    border-radius: 0 0.9rem 0.9rem 0;
    z-index: 10;
    /* position: absolute; */
    width: 100%;
    top: 0;
    height: 100px;
    left: 0;
    padding: 0;
}

.navbar-nav {
    list-style: none;
    /* width: 50%; */
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.navbar-nav li {
    margin-inline: 1em;
    vertical-align: middle;
}

.navbar-nav li h4 {
    display: inline;

}

.navbar-nav li a {
    color: var(--clr-neutral);
    text-decoration: none;
    width: 100%;
}

/* #nav_Topbar .navbar{
    color:var(--clr-neutral);
    border-radius: 0 .9rem .9rem 0;
}
#nav_Topbar .navbar .container{
    justify-content: space-evenly;
    align-items: center;
}
#nav_Topbar .navbar .navbar-brand{
    color: var(--clr-bg-light);
}
#nav_Topbar .navbar ul li.nav-item{
    width:100%;
    display: inline;
}
#nav_Topbar .navbar ul li a{
    color:var(--clr-bg-light);
} */
.banner_Main {
    background-image: url(../images/Banner-background-image.png);
    background-color: var(--clr-bg-light);
    background-position: center;
    background-size: cover;
    /* padding-block: 10%; */
    color: var(--clr-neutral);
    /* clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); */
    height: 1000px;
    position: relative;
    z-index: 1;
}

/* #banner_Main::after{
    background-color: var(--clr-accent-bright);
    height:1em;
    width:1em;
    position: relative;
    inset:100% 80%;
    display: block;
 
} */
/* .banner_Main_Accent_Edge{
    background-color: var(--clr-accent-bright);
    height:1em;
    width:1em;
    position: relative;
    inset:100% 80%;
    display: block;

} */
.banner_Main .container .inner-section {
    text-align: left;
    /* width: 50%; */
}

.h1_Btm_Border {
    background-color: var(--clr-accent-bright);
    width: 12em;
    height: .35em;
    display: inline-block;
    margin-block: 1em 2em;
}

.btn_Cus {
    background-color: var(--clr-accent-bright);
    color: var(--clr-accent-dark);
    padding: 1.2em .75em 1.2em 1.2em;
    border: none;
    border-radius: 50px;
    font-weight: 600;

}

.fa_Icon_Circle {
    height: 100%;
    background-color: var(--clr-accent-bright-2);
    border-radius: 3em;
    padding: 1em 1.5em;
}
/* Body CSS */

/* Home */

.us_College {
    padding-block: 2%;
}

.us_College .inner-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block-end: 3em;
}

.us_College_Card {
    background-color: var(--clr-neutral);
    border: none;
    box-shadow: var(--bx-shadow);
    border-radius: 1em;
    padding: 10%;
    margin-block-end: 2em;
    height: 95%;
}

.us_College_Card .icon_Div {
    background-color: var(--clr-accent-bright);
    padding: 5% 5%;
    border-radius: 0.5em;
    width: 5em;
    margin-block-end: 1.5em;
}

.us_College_Card .icon_Div img {
    margin-inline: auto;
}

.us_College_Card h2 {
    font-size: var(--fs-600);
}

.us_College .inner-section .h1_Div {
    text-align: center;
}

.swiper_Main {
    padding-block: 9% 15%;
    background-color: var(--clr-accent-dark);
    color: var(--clr-neutral);
    clip-path: polygon(0 10%, 100% 0%, 100% 80%, 0% 100%);
}


.swiper_Main .h1_Div {
    text-align: center;
}

.swiper_Main_Div {
    max-height: 100%;
    margin-block: 2%;
    position: relative;
}

section.swiper_Main .swiper-button-next {right: -90px; background-color: lightgray; color: white; border-radius: 50%; width: 65px; height: 65px;}
section.swiper_Main .swiper-button-prev {left: -90px; background-color: lightgray; color: white; border-radius: 50%; width: 65px; height: 65px;}

/* .swiper-button-next {
    position: relative;
}

.swiper-button-perv {
    position: relative;
} */

.swiper_Card_Div {
    background-color: var(--clr-neutral);
    padding: 10% 8%;
    color: var(--clr-accent-dark);
    border-radius: 2em;
    border: none;
}

.swiper_Card_Div p {
    color: var(--clr-accent-dark-med);
}

.pro_Tour {
    padding-block: 5%;
    background-image: url(../images/Group\ 39.png);
    background-repeat: no-repeat;
    background-position-x: right;
}

.pro_Tour .h1_Div {
    text-align: center;
}

.asr_Staff {
    padding-block: 4%;
}

.asr_Staff .h1_Div {
    text-align: center;
}

.staff_Card .card {
    height: 100%;
    padding: 1em;
    margin: 1em;
    border: none;
    border-radius: 1em;
    box-shadow: var(--bx-shadow);
    transition: border 250ms ease-out 100ms;
}

.staff_Card .card:hover {
    border: 1px solid var(--clr-accent-bright);
}

.staff_Card .card .card-body .card-title {
    color: var(--clr-accent-bright);
    font-size: 30px;
}

.card .card-icons a {
    color: var(--clr-accent-dark-med);
    margin-inline: 1%;

}

.card .card-icons a:hover i {
    color: var(--clr-accent-bright);
}

.asr_Mission {
    padding-block: 10%;
    text-align: center;
    /*background-image: url(../images/Group\ 2733.png);*/
    background-repeat: no-repeat;
    color: var(--clr-neutral);
}

.asr_Mission_Div {
    width: 70%;
    margin-inline: auto;
    line-height: 2;
}

.asr_Partner {
    padding-block: 4%;
}

.asr_Partner .h1_Div {
    text-align: center;
}

.partner_Card p.card-title {
    color: var(--clr-accent-bright);
    margin: 1% 0;
}

.partner_Card p.text-muted {
    color: var(--clr-accent-bright);
    margin: 0;
}

.partner_Card .card {
    margin: 1em;
    border: none;
    border-radius: 1em;
    box-shadow: var(--bx-shadow);
    transition: border 250ms ease-out 100ms;
}

.register_Coach{
    padding-block: 2%;
}
.register_Coach .h1_Div{
    text-align: center;
    margin-block: 1em;
}
.register_Coach form{
    background-color: var(--clr-accent-dark);
    padding: 3%;
    border-radius: 1em;
}
.image-inner-section input[type=file]{
    height:100px;
    width:100px;
    color: var(--clr-accent-bright);
}
.image-inner-section{
    text-align: center;
    margin-block: 2%;
}
.form-inner-section{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.form-inner-section .form-group{
    width:48%;
    margin: 1%;
}
.form-inner-section .form-group label{
    color: var(--clr-neutral);
}
.button-inner-section{
    text-align: center;
    margin-block:2em;
}
.button-inner-section p{
    margin-block: 1em;
    color: var(--clr-neutral);
}
.form_Sign_In{
    color: var(--clr-accent-bright);
}




/* Home Ends */

#interested_Players {
    padding-block: 3em 15em;
    clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%);
}

/* #interested_Players .col-4{
} */
#interested_Players .card {
    border-radius: .5em;
    box-shadow: var(--bx-shadow);
    border: none;
    margin-block-end: 1.5em;
}

#interested_Players .card h5 {
    text-transform: uppercase;
}

#interested_Players .card .img_Div {
    width: 100%;
    height: 20em;
    overflow: hidden;
    border-radius: .5em;
}

#stay_Tuned {
    padding-block: 15em 10em;
    clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);
    /* background-color: var(--clr-neutral); */
    background-color: var(--clr-neutral);
    /*background-image: url(../images/Image\ 5.png);*/
    background-repeat: no-repeat;
    background-position: right;
    /* clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%); */
}
@media (max-width:768px){
    #stay_Tuned{
        background-image: none;
    }
}

#stay_Tuned h1 {
    text-transform: uppercase;
}

#stay_Tuned form {
    width: 100%;
    margin-block: 3em;
}

#stay_Tuned .group_Icon {
    position: relative;
    inset: 50% 1.5em;
    font-size: 1.3em;
    color: var(--clr-accent-bright);
}

#stay_Tuned .group_Input {
    width: 100%;
    padding: 1.3em 4.5em;
    border: none;
    border-radius: 5em;
    box-shadow: var(--bx-shadow);
}

#stay_Tuned h1 {
    text-transform: uppercase;
}

#stay_Tuned form {
    width: 100%;
    margin-block: 3em;
}

#stay_Tuned .group_Icon {
    position: relative;
    inset: 50% 1.5em;
    font-size: 1.3em;
    color: var(--clr-accent-bright);
}

#stay_Tuned .group_Input {
    width: 100%;
    padding: 1.3em 4.5em;
    border: none;
    border-radius: 5em;
    box-shadow: var(--bx-shadow);
}

.footer {
    background-color: var(--clr-accent-bright);
    clip-path: polygon(0 7em, 100% 0%, 100% 100%, 0% 100%);
    padding-block-start: 10em;
    height: 30em;
    position: relative;
}

.footer a,
h2 {
    text-decoration: none;
    list-style: none;
    text-transform: uppercase;
    color: var(--clr-accent-dark);
    /* font-size: 1.2em; */
}

.footer ul {
    list-style: none;
}

.footer ul li {
    font-size: var(--fs-500);
    font-weight: 700;
}

.copyright {
    text-align: center;
}




/* Rameel CSS starts from here */

header .topbar_section .topbar {display: flex;justify-content: space-between;}
header .topbar .top_middle_div {margin-left: auto;}
header .topbar_section{background-color: var(--clr-accent-bright); height: 100px; position: relative;}
header .topbar a i{font-size: 24px; color: black;}
.topbar_section .main_navbar:before {content: "";width: 88%;height: 100%;position: absolute; background: linear-gradient(90deg, #202020 50%, #FFF 50%); left: 0;top: 53px;display: block;z-index:10; border-top-right-radius: 10px; border-bottom-right-radius: 10px}
.navbar .navbar_logo{color: white; font-family: Oswald-Medium; font-size: 35px; text-transform: uppercase;}
.navbar .navbar_logo span{color: #FC8F13; font-family: Oswald-Medium; text-transform: uppercase;}
.navbar .collapse {justify-content: end; height: 100%;}
.navbar .navbar-nav{height: 100%;}
.navbar .navbar-nav .nav-link{color: white; font-family: Oswald-Regular; font-size: 18px; padding: 0 12px;}
.navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.disabled{color: white; }
.navbar .navbar-nav .nav-link:last-child i{font-size: 24px; margin-right: 8px; color: #FC8F13;}
.navbar .navbar-nav .nav-item:nth-child(8) {background-color: #2D2C2C;height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 30px; clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);}
.navbar .navbar-nav .nav-item:nth-child(9) {background-color: #2D2C2C;height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 30px; clip-path: polygon(11% 0, 100% 0, 89% 100%, 0 100%); background-color: white; color: black; margin-left: -13px; margin-right: -30px;}
.navbar .navbar_logo img {position: absolute;top: -40px;left: -205px;}
.topbar .top_right_div a {color: black;text-decoration: none;font-family: 'Oswald-Regular';}
section.banner_Main:before {content: "";display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0; z-index: -1;}
.banner_Main .inner_section_content {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.banner_Main .inner_section_content h2{color: white;}
/* .banner_Main:after {content: "";display: block;position: absolute;background-color: #FC8F13;width: 100%;height: 100%;top: 0;bottom: -13px;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); z-index: -1;} */
.empty_div {height: 330px;background: linear-gradient(172deg, #00000000 50%, #f8f8f8 50%);position: absolute;width: 100%;bottom: 0;}
.banner_Main:after {content: "";display: block;position: absolute;background-color: #FC8F13;width: 50%;height: 300px;top: auto;bottom: 0;clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 46%);right: 0;position: absolute;width: 50%;bottom: 0;}
section.banner_Main .carousel {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
section.banner_Main .carousel .carousel-control-prev-icon, section.banner_Main .carousel .carousel-control-next-icon {display: none;}




/* US_College section starts from here */

.btn_Overlay_Main .btn_us_college {margin-top: 30px;}

/* US_College section ends here */



/* Footer Starts from here */

.footer .inner_section_links h2{font-family: Oswald-Regular;}
.footer .inner_section_links ul {padding-left: 0;}
.footer .inner_section_links ul li a{font-family: Aileron-Regular;}

.footer .inner_section_links ul {display: flex;flex-direction: column;flex-wrap: wrap;height: 110px;}
.footer .inner_section_contact ul {padding-left: 0;}
.footer .inner_section_contact h2{font-family: Oswald-Regular;}
.footer .inner_section_contact ul li a{font-family: Aileron-Regular;}
.footer .copyright {margin-top: 35px;}


/* Footer ends here */

/* Contact page CSS starts from here */

section.Contact .inner_section_contact_info ul {list-style: none;}
section.Contact .inner_section_contact_info ul li {margin: 25px 0; font-size: 18px; color: #888888;}
section.Contact .inner_section_contact_info ul li i {color: #FC8F13; font-size: 22px; margin-right: 10px;}
section.Contact .inner_section_contact_info ul li:nth-child(3){max-width: 65%;}
.col_contact_info {display: flex;justify-content: center;align-items: center;}

/* Contact page style ends here */

/* Teams page CSS Starts here */

section.asr_Staff .card-icons a i {font-size: 28px;margin-top: 12px;color: #888888;}

/* Teams page CSS ends here */

/* What we offer page starts from here */

.ATG_scholarship .inner_section_text {height: 100%; display:flex; flex-direction: column; justify-content: center;}
.ATG_scholarship .h1_Div {margin-bottom: 50px;}
.ATG_scholarship .inner_section_text .scholarship_para{max-width:80%}
.ATG_scholarship .inner_section_image {position: relative;}
.ATG_scholarship .inner_section_image:before {content: "";display: block;position: absolute;width: 82%;height: 100%;top: 20px;left: -20px;background-color: #FC8F13; z-index: -1; border-radius: 10px;}
section.swiper_Main .pro_tour_process .top_image {margin-bottom: 15px;}
section.swiper_Main .pro_tour_process .top_image img {background-color: #FC8F13;padding: 10px;border-radius: 10px; width: 80px; height: 80px;}
.atg_pro_chance .col_scholarship_text{margin: 20px 0;}
.atg_pro_chance .col_scholarship_text .inner_section_text {max-width: 47%;text-align: center;margin: 0 auto;}
.atg_pro_chance .col_cities img {width: 450px;height: 450px;}
.atg_pro_chance .col_cities{text-align: center;}

/* What we offer ends here */

/* Player Profile Login page starts here */

section.asr_login_form .h1_Div {text-align: center;}
.asr_login_form .col_login .inner_section {background-color: #000;padding: 35px;max-width: 50%;margin: 0 auto;border-radius: 15px;}
.asr_login_form .col_login .heading h2 {color: white;font-size: 40px;}
.asr_login_form .col_login .login_description p {color: #EBEBEB;}
.asr_login_form .col_login .lbl_email, .asr_login_form .col_login .lbl_password, .asr_login_form .col_login .remember_me label {color: white;}
.asr_login_form .bottom_link{text-align: center; margin-top: 20px;}
.asr_login_form .login_button button {width: 100%;}
.asr_login_form .bottom_link span{color: #979797;}
.asr_login_form .bottom_link span a{color: #FC8F13; text-decoration: none;}
.asr_login_form .input_field {margin-bottom: 20px;}
.asr_login_form .input_field input[type="email"], .asr_login_form .input_field input[type="password"] {font-size: 16px;height: 60px;}
.asr_login_form .h1_Div h3.text-muted {margin-bottom: 30px;}
.asr_login_form .login_description {margin: 25px 0;}

/* .asr_login_form .col_login .heading, .asr_login_form .col_login .login_description, .asr_login_form .col_login .input_field */

/* Player Profile login page ends here */


/* Player Profile page starts here */

.player_profile_sec .partner_Card .card{position: relative; overflow:hidden}
.player_profile_sec .partner_Card .card:before {content: "";background-color: rgba(0,0,0,0.8);position: absolute;display: block;width: 100%;height: 100%;top: 0px;left: -500px;border-radius: 10px; transition: .2s ease;}
.player_profile_sec .partner_Card:hover .card:before {content: "";background-color: rgba(0,0,0,0.8);position: absolute;display: block;width: 100%;height: 100%;top: 0px;left: 0;border-radius: 10px; transition: .2s ease;}
.player_profile_sec .partner_Card .card .btn_Overlay_Main {position: absolute;left: -650px;right: 0;top: 0;bottom: 0;margin: auto;width: 200px;height: 100%;display: flex;flex-direction: column;justify-content: center;transition: .2s ease;}
.player_profile_sec .partner_Card:hover .card .btn_Overlay_Main {left: 0px;transition: .2s ease;}
.player_profile_page .player_profile_sec {background-image: url(../assets/images/Group2720.png); background-size: cover; background-repeat: no-repeat; background-position: center;}

/* Player Profile page ends here */

/* Rameel CSS ends here */