@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --blue: #4E80EE;
    --white: #ffffff;
    --black: #000;
    --red: #DD0627;
    --red2: #B20E55;
}

body,
html {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body, html {
    overflow-x: hidden !important;
}

a {
    text-decoration: none !important;
    color: var(--black);
}

ul {
    list-style: none;
}
.error {
    color: red
    }

body {
    font-family: "Rubik";
    color: var(--black);
    line-height: 24px;
    font-size: 16px;
    overflow-x: hidden;
}

h1 {
    font-family: "Rubik";
    color: var(--white);
    text-align: center;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    /* 128.571% */
    letter-spacing: -0.28px;
    text-transform: uppercase;
}

h2 {
    font-family: "Rubik";
    font-size: 40px;
    font-weight: 500;
    line-height: 54px;
    letter-spacing: -0.005em;
    color: var(--black);
}

h3 {
    font-family: "Rubik";
    color: var(--black);
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
}

h4 {
    font-family: "Rubik";
    color: var(--black);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 120% */
}

h5 {
    font-family: "Rubik";
    color: var(--black);
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
}

h6 {
    font-family: "Rubik";
    color: var(--black);
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
}
.g-recaptcha div {
    width: 100% !important;
    max-width: initial !important;
    min-width: 100% !important;
}
.g-recaptcha div iframe {
    width: 336px !important;
    max-width: initial !important;
    min-width: 331px;
    height: 100%;
}
.container {
    max-width: 1420px !important;
}

/***************** sidenavbar ***********************/
footer .container
{
    padding: 0 10px;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    display: none;
  }
  
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #009F49;
  }
  #openNav
  {
    color: #009F49;
  }
  
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
/***************** sidenavbar closed ***********************/

/* Header */
header.stick .top-head
{
    display: none;
    visibility: hidden;
    opacity: 0;
}
header.stick
.site-logo {
    width: 12em;
}

header .dropdown-menu {
    border-radius: 8px !important;
    background: linear-gradient(92deg, rgb(255 238 240) -3.23%, rgb(255 230 241) 62.21%);
}

header .dropdown-menu li {
    padding-left: 0;
    margin-left: 0 !important;
    margin-bottom: 8px;
    transition: 0.4s;
}
header .container-fluid
{
    --bs-gutter-x: 0;
}

/* header  .dropdown-menu li:hover
{
    background: linear-gradient(92deg, #DD0628 -3.23%, #B10D54 62.21%) !important;
    transition: 0.4s;
}
header  .dropdown-menu li:hover a
{
    color: var(--white);
} */

.hrow {
    display: flex;
    align-items: center;
    /* padding: 0 10px; */
}
.stick
.hrow {
    /* padding: 0 20px; */
}

.hrow .col-logo {
    width: 12%;
}

.hrow .col-menu {
    width: 88%;
}

.site-logo {
    width: 80%;
}

header {
    padding: 0;
    background: linear-gradient(93deg, rgba(255, 255, 255, 0.95) -28.2%, rgba(255, 255, 255, 0.95) 96%);
    backdrop-filter: blur(2px);
    background: #f4f5f4;
    position: relative;
    z-index: 999;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    width: 100%;
    top: 0;
}
.home-about img {
    /* padding-left: 10px; */
}
.home-about .owl-nav button {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 999;
}

.home-about .owl-nav button.owl-next:hover
{
    background: var(--blue) !important;
}
.home-about .owl-nav button.owl-prev, 
.home-about .owl-nav button.owl-next {    
    background: var(--blue);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home-about .owl-nav button.owl-prev {
    left:0;
}
.home-about .owl-nav button.owl-next {
    right:0;
  
}
.home-about .owl-nav button span {
    font-size: 40px;
    color: var(--white);
}
.top-head {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    visibility: visible;
    opacity: 1;
}

.contact-info {
    display: flex;
    /* align-items: center; */
    padding-right:0;
    margin-bottom: 0;
}

.contact-info li {
    margin-right: 40px;
    /* margin-right: 0; */
}

.contact-info li:last-child {
    margin-right: 0;
}

.contact-info img {
    margin-right: 10px;
}

.top-social-links {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 0;
}

.top-social-links:before {
    position: absolute;
    content: '';
    left: -36px;
    top: 0;
    background: linear-gradient(130deg, #f4f5f4 11%, rgba(240, 221, 224, 1) 11%);
    width: 301%;
    height: 100%;
    z-index: -1;
}
.top-social-links li
{
    border-right: 1px solid rgb(201 11 13 / 40%);
}
.top-social-links li a {
    padding: 0 17px;
    margin-left: 0;
}
.top-social-links li a i
{
    font-size: 25px;
    color: var(--red);
}
.top-social-links li:last-child {
    border: none;
}
.top-social-links li:last-child a{
    padding-right: 0;
}


.menu-mssa {
    position: relative;
    padding: 11px 0;
}

  .menu-mssa:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #AB0E59 0%, #DD0627 100%); */
    background: url('../img/bg-gradiant.png') no-repeat;
    background-size: cover;
    width: 137.1%;
    height: 100%;
    z-index: -1;
    background-position: bottom left;
  }

.menu-mssa:after {
    position: absolute;
    content: '';
    left: -42px;
    top: -90px;
    background: #f4f5f4;
    /* width: 120px;
    height: 179px; */
    width: 0;
    height: 0;
    z-index: -1;
    transform: rotate(192deg);
    clip-path: polygon(50% 0%, 0% 66%, 146% 100%);
}

.menu-mssa nav.navbar .navbar-nav li {
    margin-left:4px;
}

.menu-mssa nav.navbar .navbar-nav li a.nav-link {
    color: var(--white) !important;
}

.menu-mssa nav.navbar .navbar-nav li a.nav-link .dropdown-menu {
    z-index: 999;
}

.btn-white {
    background: var(--white);
    color: var(--black);
    padding: 8px 27px;
    transition: 0.4s;
    border: 1px solid var(--white);
    font-size: 14px;
}
.btn-white:hover {
    background: transparent;
    color: var(--white);
    transition: 0.4s;
}


.left-border-white {
    border-left: 3px solid var(--white);
    padding-left: 10px !important;
    line-height: 20px;

}

.left-border-white2 {
    border-left: 6px solid #D9D9D9;
    padding-left: 20px !important;

}
.video-list
{
    display: flex;    
    flex-wrap: wrap;
}

.video-list li {
    width: 33.33%;
    flex: 33.33%;
    max-width: 31.33%;
    margin: 1%;
    background: #dddddd29;
    padding-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.02);
}
.video-list img
{
    width: 100%;
}
.video-list h5
{
    margin-top: 15px;
}
.video-list h5, .video-list a {
    padding: 0px 23px;
}
.video-list i {
    color: var(--red);
    margin-right: 10px;
    font-size: 21px;
}
.video-list span {
    position: relative;
    top: -2px;
}


.video-gallery {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
}
.video-gallery .video-gallery-item {
    flex: 31.33%;
    max-width: 31.33%;
    margin: 1% 0.8%;
    background: #FFF;
    /* box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); */
    position: relative;
    cursor:pointer;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);
    border: 1px solid rgba(0, 0, 0, 0.02);
}
.video-gallery .video-gallery-item img.main-img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.video-gallery .video-gallery-item .text {
    padding: 30px 26px 25px 26px;
}
.video-gallery .video-gallery-item  h5{
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #AB0E59 0%, #DD0627 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.videogallery .modal-dialog {
    width: 700px;
    max-width: 700px;
}
.videogallery .modal-content {
    background: #fff !important;
}
.videogallery button .carousel-control-prev-icon, .videogallery button .carousel-control-next-icon, 
.gallerymodal button .carousel-control-prev-icon, .gallerymodal button .carousel-control-next-icon {
    background: linear-gradient(90deg, #74328C -0.01%, #B61B7F 105.74%)!important;
    color: #fff;
    height: 28px;
    width: 28px;
    border-radius: 40px;
}
.videogallery 
.carousel-caption, 
.gallerymodal  
.carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background: url('../img/nav-bg.svg') no-repeat left bottom;
    background-size: cover;
}
.videogallery 
.carousel-caption h5, 
.gallerymodal  
.carousel-caption h5
{
    color: #fff;
    font-weight: 500;
}

/* Footer */
footer {
    background: url('../img/footer.png') center left no-repeat;
    background-size: cover;
    padding: 70px 20px;
}

footer .quick-link {
    padding-left: 0;
    margin-top: 30px;
}

footer .quick-link li {
    margin-bottom: 14px;
}

footer .quick-link li a {
    color: var(--white);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
}

footer .quick-link li a img {
    margin-right: 20px;
}

.socail-link-footer {
    display: flex;
    margin-top: 30px;
}

.socail-link-footer li {
    margin: 0 7px;
}
.socail-link-footer li a i
{
    color: var(--white);
}

/* Home */
.homebanner {
    position: relative;
    z-index: 99;
}
.homebanner .container {
    position: relative;
}

.homebannerslide .item .home-banner-img {
    position: relative;
}

.homebannerslide .item .home-banner-img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #02071794;
}

.homebannerslide .banner-caption {
    position: absolute;
    z-index: 9;
    width: 43%;
    top: -30em;
    /* padding-left: 10px; */
}

.homebannerslide .banner-caption h2 {

    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 72px;
    letter-spacing: -0.28px;
}

.homebannerslide .home-banner-img img {
    height: 611px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.homebannerslide p {
    margin-top: 20px;
}

.homebannerslide .owl-nav button {
    position: absolute;
    bottom: 45%;
}

.homebannerslide .owl-nav button span {
    color: #fff;
    font-size: 50px;
}

.homebannerslide .owl-nav button.owl-prev {
    left: 20px;
}

.homebannerslide .owl-nav button.owl-next {
    right: 20px;
}
.owl-nav button.owl-next:hover
{
    background: transparent !important;
}    

.btn-sec {
    display: flex;
    margin-top: 45px;
}

.btn-style-1 {
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--white);
}

.btn-style-1,
.btn-style-2 {
    width: 251px;
    display: block;
    text-align: center;
    padding: 18px 55px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    transition: 0.4s;
}

.btn-style-2 {
    border: 1px solid var(--white);
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(5px);
    color: var(--white);
    margin-left: 30px;
    transition: 0.4s;
}
.btn-style-2:hover
{
    transition: 0.4s;
    color: var(--black);    
    background: var(--white);
}

.btn-style-1:hover {
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(5px);
    color: var(--white);
    transition: 0.4s;
}

.btn-style-4 {
    color: var(--black);
    border: 2px solid var(--black);
    background: rgba(0, 0, 0, 00);
    padding: 16px 70px;
    font-weight: 600;
    display: block;
    width: fit-content;
    margin-left: auto;
    /* margin-top: 18px; */
    transition: 0.4s;
}

.btn-style-4:hover {
    color: var(--white);
    background: var(--black);
    transition: 0.4s;
}

.btn-style-3 {
    color: var(--white);
    margin-left: 20px;
    border: 1px solid var(--white);
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(5px);
}

.achievers {
     margin-top: 40px;
}

.achievers .achieve-content {
    /* background: url('../img/video-bg.jpg') center no-repeat; */
    background-image:
        linear-gradient(45deg,
            rgba(221, 6, 40, 0.8),
            rgba(177, 13, 84, 0.8)),
        url('../img/video-bg.jpg');
    background-size: cover;
    padding: 50px 60px;
    position: relative;
}
.achievers .achieve-content
{
    /* margin-left: 10px;
    margin-right: 10px; */
}
/* .achievers .achieve-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(92deg, #DD0628 -3.23%, #B10D54 62.21%);
    padding: 50px 60px;
}  */
.para-scroll {
    height: 20em;
    overflow-y: scroll;
    padding-right: 70px;
}

.para-scroll::-webkit-scrollbar-track {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 55%) !important;
    opacity: 0.3;
    border-radius: 500px;
}

.para-scroll::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 0;
}

.para-scroll::-webkit-scrollbar {
    width: 9px;
}

.para-scroll2 {
    height: 26em;
    overflow-y: scroll;
    padding-right: 40px;
}

.para-scroll2::-webkit-scrollbar-track {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 60%) !important;
    opacity: 0.3;
    border-radius: 500px;
}

.para-scroll2::-webkit-scrollbar-thumb {
    background: var(--red);
    border-radius: 0;
}

.para-scroll2::-webkit-scrollbar {
    width: 5px;
}


.reg-scroll {
    height: 36em;
    overflow-y: scroll;
    padding-right: 60px;
}

.reg-scroll::-webkit-scrollbar-track {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 60%) !important;
    opacity: 0.3;
    border-radius: 500px;
}

.reg-scroll::-webkit-scrollbar-thumb {
    background: var(--red);
    border-radius: 0;
}

.reg-scroll::-webkit-scrollbar {
    width: 5px;
}

.tour-desc-scroll {
    min-height: 4em;
}

/* achievers */
.achieverslide 
{
    padding-left: 30px;
}

.achieverslide .achiever-img {
    position: relative;
    min-height: 27em;
    text-align: center;
    margin-top: 57px;
}
.achieverslide .achiever-img .abefore {
    width: 300px;
    height: 250px;
    border-radius: 49px 0px 0px 0px;
    border: 10px solid #FFF;
    object-fit: cover;
    object-position: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    position: absolute;
    left: 40px;
    top: 1em;
    animation: abefore-animate 4s infinite;
}
@keyframes abefore-animate {
    0% {
        transform: translatey(0);
    }

    50% {
        transform: translatey(20px);
    }

    100% {
        transform: translatey(0);
    }
}
.achieverslide .achiever-img .aafter {
    width: 300px;
    height: 250px;
    border-radius: 0px 0px 47px 0px;
    border: 10px solid #FFF;
    text-align: right;
    margin-left: auto;
    margin-top: -70px;
    position: absolute;
    right: 40px;
    object-fit: cover;
    object-position: center;
    bottom: 0;
    animation: aafter-animate 4s infinite;
}
@keyframes aafter-animate {
    0% {
        transform: translatey(20px);
    }

    50% {
        transform: translatey(0);
    }

    100% {
        transform: translatey(20px);
    }
}
.achieverslide .achiever-img:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 320px;
    width: 320px;
    background: url('../img/circle-lines.svg') center no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
}
.achieversmain .owl-dots .owl-dot.active span {
    background: rgba(221, 6, 39, 1) !important;
}
.achieversmain .owl-dots .owl-dot span {
    background: rgba(221, 6, 39, 0.2) !important;
    width: 21px;
}
.achieversmain .owl-nav.disabled+.owl-dots {
    margin-top: 35px !important;
}

.achievers .item {
    /* transform: rotate(-90deg); */
}

.achievers .owl-carousel {
    /* transform: rotate(90deg); */
    margin-top: -30px;
}

.achieverslide .owl-dots {
    position: absolute;
    right: 60%;
    top: -10%;
}

.achieverslide .owl-stage {
    min-height: 33em;
}

.achieverslide .owl-dots .owl-dot.active span {
    opacity: 1 !important;
    background: var(--white) !important;
}

.achieverslide .owl-dots .owl-dot span {
    background: var(--white);
    opacity: 0.4;
    width: 14px;
    height: 14px;
}

.sports-list {
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #AB0E59 0%, #DD0627 100%); */
    background: url('../img/bg-gradiant.png') right top no-repeat;
    background-size: cover;
    padding: 35px 0;
    margin-top: -63px;
    position: relative;
    z-index: 99;
    margin-right: 57px;
}



.sports-list .item {
    position: relative;
    display: block;
    transition: 0.4s;
    min-height: 3em;
}
.sports-title {
    position: absolute;
    color: var(--red2);
    background: var(--white);
    padding: 6px 6px;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.03);
    width: 100%;
    text-align: center;
    top: 3em;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    font-size: 13px;
}
.sports-list .item:hover .sports-title
{
    top:0;
    visibility:visible;
    opacity: 1;
    transition: 0.4s;
}
.sports-list .item:hover  img
{
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}

.inner {
    background: url('../img/inner-banner-carosal.svg') right top no-repeat;
    background-size: cover;
    margin-right: 0;
    padding: 40px 0;
    margin-top: 0px;
    z-index: 99;
    position: relative;
    /* height: 100px !important;
    min-height: 100px !important; */
}

.sports-list .item {
    /* border-right: 2px solid rgba(255, 255, 255, 0.2); */
    position: relative;

}

.sports-list .item:after {
    content: '';
    position: absolute;
    right: -6px;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    width: 2px;
    height: 100%;
}


.sports-list img {
    height: 39px;

}

.sports-list .owl-nav button.owl-prev {
    left: 20px;
    display: none;
}

.sports-list .owl-nav button.owl-next {
    right: -40px;
}

.sports-list .owl-nav button {
    position: absolute;
    top: 0;
}

.sports-list .owl-nav button span {
    color: #fff;
    font-size: 40px;
}

.sec-padd {
    padding: 80px 20px 80px 20px;
}

/* About */
.about-text {
    padding-left: 50px;
}

.about-desc {
    margin-top: 20px;
    margin-bottom: 50px;
}

.mainbtn {
    background-color: var(--blue);
    padding: 15px 60px;
    color: #fff;    
    display: block;
    width: fit-content;
    transition: 0.4s;
}

.mainbtn:hover {
    transition: 0.4s;
    background-image: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #AB0E59 0%, #DD0627 100%);
    color: #fff;
   
}

.patti {
    position: relative;
    z-index: 9;
}

.patti::before {
    position: absolute;
    content: '';
    opacity: 0.05;
    background: var(--black);
    left: -49%;
    bottom: 15%;
    width: 113%;
    height: 330px;
    z-index: -1;
    transform: rotate(-40deg);
}

.patti2 {
    position: relative;
    z-index: 9;
}

.patti2::before {
    position: absolute;
    content: '';
    opacity: 0.05;
    background: var(--black);
    left: -31%;
    bottom: 69%;
    width: 113%;
    height: 400px;
    z-index: -1;
    transform: rotate(-47deg);
}

/* News */
.news-content {
    position: absolute;
    bottom: 60px;
    left: 50px;
    color: var(--white);
}

.news-content a {
    color: var(--white);
}

.newsslide .item {
    transition: 0.4s;
    opacity: 1;
}

.newsslide .item:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    transition: 0.4s;
    opacity: 1;
}

.newsslide .item:hover:before {
    opacity: 0.6;
    transition: 0.4s;
    background: #CA0B0D;
}

.newsslide .item img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center;
}

.newsslide {
    padding-left: 20%;
    padding-top: 80px;
}

.newsslide .owl-nav button span {
    color: rgba(177, 13, 84, 1);
    font-size: 50px;
}

.newsslide .owl-nav button {
    margin: 0 20px !important;
    margin-top: 30px !important;
}

.newsslide .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}

/* Gallery */


.gallery-content a, .gallery-content {
    color: var(--white);
    position: relative;
}

.galleryslide .item {
    transition: 0.4s;
    opacity: 1;
    cursor: pointer;
}

.galleryslide .item:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 30%, rgb(0 0 0 / 100%) 130%);
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 1;
    transition: 0.4s;
}

.galleryslide .item:hover:before {
    background: #CA0B0D;
    opacity: 0.6;        
    transition: 0.4s;
}

.gallery-content {
    position: absolute;
    bottom: 60px;
    left: 50px;
    color: var(--white);
}

.galleryslide .item img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center;
}
.president-d .galleryslide .item img
{
    height:350px; 
}
.galleryslide .item img.zoom {
    height: 33px !important;
    transition: 0.3s;
}
.galleryslide .item:hover img.zoom 
{
    transform: scale(1.20);
    transition: 0.3s;
}
.galleryslide {
    padding-left: 0;
    padding-top: 80px;
}

.galleryslide .owl-nav button span {
    color: rgba(177, 13, 84, 1);
    font-size: 50px;
}

.galleryslide .owl-nav button {
    margin: 0 20px !important;
    margin-top: 30px !important;
}

.galleryslide .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}
.galleryslide  .gallery-content a {
    /* font-size: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center; */
}
.gallerymodal .btn-close {
    /* color: white !important;
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #AB0E59 0%, #DD0627 100%);
    font-size: 23px;
    position: absolute;
    right: 20px;
    opacity: 0.8;
    top: 24px; */
}

.gallerymodal .modal-dialog {
    width: 700px;
    max-width: 700px;
}


/* Gallery 2*/


.galleryslide2 .gallery-content a, .galleryslide2  .gallery-content {
    color: var(--white);
    position: relative;
}

.galleryslide2  .item {
    transition: 0.4s;
    opacity: 1;
    cursor: pointer;
}

.galleryslide2  .item:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;   
    opacity: 1;
    transition: 0.4s;
}

.galleryslide2 .item:hover:before {
    background: #CA0B0D;
    opacity: 0.6;        
    transition: 0.4s;
}
.galleryslide2
.gallery-content {
    position: absolute;
    bottom: 60px;
    left: 50px;
    color: var(--white);
}

.galleryslide2 .item img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: center;
}

.galleryslide2 .item img
{
    height:auto; 
}
.galleryslide2 .item img.zoom {
    height: 33px !important;
    transition: 0.3s;
}
.galleryslide2 .item:hover img.zoom 
{
    transform: scale(1.20);
    transition: 0.3s;
}
.galleryslide2 {
    padding-left: 0;
    padding-top: 80px;
}

.galleryslide2 .owl-nav button span {
    color: rgba(177, 13, 84, 1);
    font-size: 50px;
}

.galleryslide2 .owl-nav button {
    margin: 0 20px !important;
    margin-top: 30px !important;
}

.galleryslide2 .owl-nav [class*=owl-]:hover {
    background: transparent !important;
}


.galleryslide2
.gallerymodal .modal-dialog {
    width: 700px;
    max-width: 700px;
}
/* tournament */
.tour-img {
    display: flex;
    position: relative;
}

.tour-img img {
    width: 100% !important;
    /* height: 110px;
    object-fit: cover;
    object-position: center; */
}

.tour-img img:first-child 
{
    /* margin-right: 5px; */
}
.tour-img img {
    width: 100% !important;
}

.tour-img .text-logo {
    color: rgba(0, 0, 0, 0.3);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.12px;
    position: absolute;
    right: 30px;
    bottom: 0;
}

/* .tournamentslide
.owl-item.active:last-child .item
{
    opacity: 0.2 !important;
} */
.tournamentslide .owl-dots .owl-dot span {
    background: rgba(221, 6, 39, 0.12) !important;
    width: 21px;
}

.tournamentslide .owl-dots .owl-dot.active span {
    background: rgba(221, 6, 39, 1) !important;
}

.tournamentslide .item {
    border-right: 2px solid rgba(0, 0, 0, 0.04);
    padding-left: 9%;
    padding-right: 9%;
}

.tournamentslide .owl-item.cloned.active:first-child .item {
    opacity: 0.1;
}

.tournamentslide .owl-nav.disabled+.owl-dots {
    margin-top: 60px !important;
}

.tournamentslide {
    margin-left: -38px;
    margin-top: 60px;
    width: 114%;
    padding: 0;
}
.tournament .last-contain {
    padding-left: 0 !important;
    max-width: 1430px !important;
}
.tournament .last-contain .row
{
    margin-left: -20px;
}


.tournament-content {
    border-top: 5px solid #DD0627;
    margin-top: 20px;
    padding-top: 20px;
}

/* Home Modal */
.home-model {
    background: linear-gradient(45deg,
            rgba(221, 6, 40, 0.8),
            rgba(177, 13, 84, 0.8)),
        url('../img/runner-bg-img.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* padding: 23px 0; */
    color: var(--white);
    position: relative;
}

.home-model:before {
    content: '';
    background: url('../img/triangle.png') center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -2px;
    width: 28em;
    height: 28em;
    z-index: 1;
}

.modelrow {
    display: flex;
    position: relative;
}

.model-content {
    padding-left: 29%;
    padding-right: 2%;
    width:64%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.model-img {
    width: 30%;

}
table .dropdown-menu .dropdown-item
{
    cursor: pointer !important;
}

.model-img img {
    width: 40em;
    max-width: 55em;
    margin-top: -4em;
}
.feature-videos {
    background: url('../img/video-bg.webp') rgba(0, 0, 0, 0.7);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
    position: relative;
    min-height: 1em;
    padding-bottom:70px;
}

.divider {
    border-bottom: 2px solid var(--white);
    opacity: 0.2;
    width: 80%;
}
header
.menu-mssa 
.navbar-nav
{
    display: flex;
    align-items: center;
}
.videos .modal-dialog {
    width: 80vw;
    max-width: 80vw;
}

.videos .modal-dialog iframe {
    height: 80vh;
}

.videos .modal-header,
.videos .modal-body {
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #AB0E59 0%, #DD0627 100%); */
    background: #000000c2;
}

.videos .modal-content {
    background: transparent !important;
}

.videos .btn-close {
    font-size: 34px;
    opacity: 1;
}

.videos .modal-title {
    font-size: 30px;
}

.feature-videos .fvideos-right {
    padding-left: 88px !important;
    /* position: absolute; */
    right: 0;
    top: 6em;
    min-height: 80%;
}
.videosslide {
    margin-top: 35px;
}

.videosslide.owl-carousel .owl-dots.disabled
{
    display: block !important;
}
.videosslide .owl-dots .owl-dot.active span {
    background: #fff !important;
}
.videosslide .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, 0.2) !important;
    width: 21px;
}
.videosslide .owl-nav.disabled+.owl-dots {
    margin-top: 35px;
}
.videosslide .item img.play-btn {
    width: 35px !important;
}

.videosslide .item a {
    display: flex !important;
    align-items: center;
}

.videosslide .item h5 {
    color: var(--white);
    margin-top: 25px;
    margin-bottom: 20px;
}

/* Inner banner */
.inner-banner {
    padding: 50px 20px;
    /* background: url('../img/innerbanner.webp') #4E80EE; */
    background-blend-mode: multiply;
    background: linear-gradient(45deg, rgb(78 128 238), rgb(18 23 34)), url(../img/innerbanner.webp);
    /* background: url('../img/innerbanner.webp'); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
}
.homebanner, 
.inner-banner, 
.login,
.thanku
{
    margin-top: 9em;
}

.margin-common-top {
    margin-top: 70px;
}

.margin-common-bottom {
    margin-bottom: 70px;
}
.effort {
    display: flex;
    justify-content: center;
    padding: 64px 20px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    /* margin: 0 10px; */
}
.effort h2 {
    margin: 0 90px;
    text-align: center;
}

.effort .quote {
    opacity: 0.4;
}

.effort .quote1 {
    position: relative;
    top: -30px;
}

.effort .quote2 {
    position: relative;
    top: 30px;
}

.effort .hand1 {
    position: absolute;
    left: 50px;
    bottom: 0;
    height: 298px;
    animation: left-to-right-animate 3s infinite;
}
@keyframes left-to-right-animate {
    0% {
        transform: translatex(0);
    }

    50% {
        transform: translatex(40px);
    }

    100% {
        transform: translatex(0);
    }
}

/* History */
.yearslide {
    background: rgb(78 128 238 / 0.05);
    margin-bottom: 60px;
    margin-top: 20px;
}
.yearslide img {
    height: 87px !important;
    margin-top: 35px;
}

.yearslide .item {
    padding: 42px 50px;
    text-align: center;
    position: relative;
}

.yearslide .item h6
{
    min-height: 7em;
}
.yearslide .item:before {
    /* content: '';
    position: absolute;
    right: -44%;
    top: 53%;
    height: 2px;
    width: 67%;
    border-top: dashed 2px var(--blue);
    transform: translateY(-50%); */
}

.yearslide h2 {
    color: var(--blue);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 60% */
    margin-top: 35px;
}

.yearslide .owl-dots .owl-dot span {
    background: rgba(70, 128, 128, 0.12) !important;
    width: 21px;
}

.yearslide .owl-dots .owl-dot.active span {
    background: var(--blue) !important;
}

.yearslide .owl-nav.disabled+.owl-dots {
    margin-top: 38px !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.yearslide .owl-dots
{
    position: relative;
    top: -20px;
}
/* committee */

.committee-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
}

.committee-list .committee-card {
    width: 25%;
    max-width: 23%;
    flex: 25%;
    background: rgba(217, 217, 217, 0.2);
    margin: 1% 1%;
    text-align: center;
}

.committee-list .committee-card img {
    max-width: 100%;
    margin-right: 10px;
    /* width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center; */
}

.committee-list .committee-card a {
    display: block;
    color: var(--red);
    font-weight: 400;
    padding: 4px 0;
    text-align: left;
    padding-left: 16%;
}

.committee-list .committee-card .designation {
    color: var(--red);
    padding: 10px 0;
    font-weight: 400;
}

.committee-list .committee-card .name {
    color: var(--white);
    padding: 10px 0;
    font-weight: 300;
    background: var(--blue);
    margin-bottom: 14px;
}

/* affiliates */
.affiliates-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}

.affiliates-list .current-affiliates {
    width: 33.33%;
    max-width: 31.33%;
    flex: 33.33%;
    background: rgba(217, 217, 217, 0.2);
    margin: 1% 1%;
    text-align: center;
    padding-bottom: 20px;
}

.affiliates-list .current-affiliates img {
    max-width: 100%;
    margin-right: 0;
}

.affiliates-list .current-affiliates .year {
    color: var(--white);
    padding: 10px 0;
    font-weight: 300;
    background: var(--blue);
    margin-bottom: 14px;
    margin-top: 12px;
}
.affiliates-list .current-affiliates .affiliate-title, 
.affiliates-list .current-affiliates .view-certificate h5
{
    color: var(--red2);
}
.affiliates-list .current-affiliates .year {
    color: var(--white);
    padding: 10px 0;
    font-weight: 300;
    background: var(--blue);
    margin-bottom: 14px;
}
.affiliates-list .current-affiliates .affiliate-title
{
    padding-top: 10px;
}
.affiliates-list 
.view-certificate {
    display: flex;
    justify-content: center;
    align-items: center;
}
.zoom-shadow-border-top {
    transition: 0.4s;
    border-top: 8px solid transparent;
}

.zoom-shadow-border-top:hover {
    /* box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); */
    box-shadow: 0 0 30px 0 rgba(221, 6, 39, 0.05);
    transform: scale(1.01);
    border-color: var(--blue);
    transition: 0.4s;
}

/* Post */
.blog {
    background: #F7F7F7;
}

.post-item {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    background: rgb(255 255 255 / 70%);
}

.post-item .post-img img {
    width: 100%;
    height: 322px;
    object-fit: cover;
    object-position: top center;
}

.post-item .post-img {
    width: 40%;
    max-width: 40%;
    flex: 40%;
    position: relative;
}
.post-news {
    position: absolute;
    left: 0;
    top: 0;
    padding: 14px 16px;
    background: #ffffffba;
    color: #000;
    width: 100%;
}
.post-item .post-content {
    width: 60%;
    max-width: 60%;
    flex: 60%;
    padding: 50px;

}

.post-item .post-content .post-des {
    margin-bottom: 0;
    margin-top: 30px;
    font-weight: 300;
}

.blog .read-more {
    background: var(--text, linear-gradient(100deg, #6A236B 13.8%, #A63523 110.29%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    line-height: 24px;
}

.category-list {
    background: hsl(221deg 82% 62% / 20%);
    padding: 52px 38px;
}

.category-list .category-inner {
    padding: 35px 45px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
}

.category-list .category-inner .category-list-item {
    padding-left: 0;
}

.category-list .category-inner .category-list-item li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}

.category-list .category-inner .category-list-item li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 5px;
    width: 5px;
    background: linear-gradient(100deg, #6A236B 13.8%, #A63523 110.29%);
    border-radius: 500px;
}

.category-list .category-inner .category-list-item li a {
    color: #525252;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 100% */
    text-transform: capitalize;
}

.searchbar {
    background: var(--white);
    padding: 17px 10px 17px 20px;
    border-radius: 0;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
}

.searchbar input,
.searchbar input:active,
.searchbar input:focus {
    border: 0;
    box-shadow: unset;
    outline: 0;
}

.searchbar button {
    background: transparent;
    border: 0;
}

/* Single Post */
.single-post {
    padding-right: 40px;
}

.single-post .feature-img img {
    width: 100%;
    object-fit: cover;
    /* height: 450px; */
    height: auto;
}

.single-post .feature-img {
    margin-bottom: 30px;
}

.single-post .single-post-title {
    margin-bottom: 20px;
}

/* contact */
.contact-page {
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 10%) 0%, rgb(221 6 39 / 10%) 100%);
}

.contact {
    background: var(--white);
    padding: 12px;
    display: flex;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);
}

.contact .contact-details {
    color: var(--white);
    width: 40%;
    max-width: 40%;
    flex: 40%;
    background-image: linear-gradient(45deg,
            rgba(221, 6, 40, 0.8),
            rgba(177, 13, 84, 0.8)),
        url('../img/contact.webp');
    background-size: cover;
    padding: 50px 60px;
    position: relative;
    background-position: center;
}

.contact .contact-details .contact-info {
    margin-top: 55px;
    display: flex;
    flex-direction: column;
    padding-left: 0;
}

.contact .contact-details .contact-info li {
    margin-bottom: 45px;
}

.contact .contact-details .contact-info li a {
    color: var(--white);
    display: flex;
    align-items: center;
}

.contact .contact-details .contact-info li a span {
    padding-left: 20px;
}

.contact-form {
    width: 60%;
    max-width: 60%;
    flex: 60%;
    padding: 50px 40px 50px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-form input,
.contact-form textarea,
.contact-form select, 
.crow .dropdown-toggle {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgb(0 0 0 / 20%) !important;
    padding: 15px 0;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
}
.crow 
.bootstrap-select
{
    width: 100% !important;
}
.crow .dropdown-toggle {
    background: transparent !important;
    padding-top: 3px;
}
.crow
.dropdown-menu li a
{
    color: var(--white) !important;
}
.dropdown-menu li:hover a
{
    color: #000 !important;
}


.contact-form input,
.contact-form input:active,
.contact-form input:focus,
.contact-form textarea,
.contact-form textarea:active,
.contact-form textarea:focus,
.contact-form select,
.contact-form select:active,
.contact-form select:focus,
button {
    border: 0;
    outline: 0;
    box-shadow: unset;
}

.contact-form label {
    font-weight: 600;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
}

.contact-form label {
    display: block;
}

.contact-form .crow {
    display: flex;
}

.contact-form .crow {
    margin-bottom: 30px;
}

.contact-form .crow .ccol-6 {
    width: 50%;
    max-width: 50%;
    flex: 50%;
    padding-right: 30px;
}

.contact-form .crow .ccol-12 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    padding-right: 30px;
}

.contact-form button {
    border-radius: 0;
    border: 0;
    background: var(--blue);
    color: var(--white);
    padding: 15px;
    width: 100%;
    margin-top: 10px;
    transition: 0.3s;
}

.contact-form button:hover {
    transition: 0.3s;
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, var(--red2) 0%, var(--red) 100%);
}

.alumni
.contact-form {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}

.red-light-bg {
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 10%) 0%, rgb(221 6 39 / 10%) 100%);
}

.text0-5 {
    color: rgba(0, 0, 0, 0.5);
}

.text-red-grad {
    background: linear-gradient(92deg, #DD0628 -3.23%, #B10D54 62.21%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tournament-form-sec {
    padding: 30px 0;
    margin-top: 30px;
    position: relative;
    z-index: 9;
}

.tournament-form {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.tournament-form .tour-form-item {
    width: 20%;
    max-width: 20%;
    flex: 20%;
    padding-right: 2%;
}
.tournament-form .form-btn
{
    padding: 15px 50px;
}

.tournament-form .drop-bg {
    background: var(--white);
    margin-top: 10px;
}

.tournament-form button {
     border-radius: 0;
   /* padding: 10px 20px;
    border: 0;
    display: block;
    width: 100%;
    text-align: left; */
}
.tournament-form button {
    border-radius: 0;
    max-height: initial;
    min-height: initial;
    height: 50px;
}
.select-tourn
{
    position: relative;
}
.select-tourn.sports:before, .select-tourn.month:before, .select-tourn.tmonth:before, .select-tourn.season:before, .select-tourn.age-goup:before {
    content: '';
    position: absolute;
    left: 1.5em;
    top: 20%;
    transform: translateX(-50%);
    background-size: cover !important;
    height: 28px;
    width: 28px;
}

.select-tourn.sports:before
{ background: url('../img/football.svg') center no-repeat;
}
.select-tourn.month:before
{ background: url('../img/dot-edit-red.svg') center no-repeat;
}
.select-tourn.tmonth:before
{ background: url('../img/calender-red.svg') center no-repeat;
}
.select-tourn.season:before
{
    background: url('../img/certificate.svg') center no-repeat;
}
.select-tourn.age-goup:before
{
    background: url('../img/users-red.svg') center no-repeat;
}
/* 
.select-tourn select:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/down-arrow.svg') center no-repeat;
    width: 20px;
    height: 10px;
    background-size: cover;
} */

.select-tourn select {
    color: var(--red2);
    font-weight: 500;
    padding: 14px 20px;
    width: 97%;
    border: 0 !important;
    padding-left: 43px;
}
/* .select-tourn 
{
    position: relative; 
}
.select-tourn:after {
    content: "";
    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;  
    border-top: 8px solid #000;
    right: 4px;
    top: 14px;
    pointer-events: none;
  } */

.select-tourn select, 
.select-tourn select:hover, 
.select-tourn select:active, 
.select-tourn select:focus
{
    border: 0 !important;
    outline: unset !important;
    box-shadow: unset !important;
}
.tournament-form button:after {
    /* visibility: hidden; */
}

.tournament-form button:before {
    /* content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/down-arrow.svg') center no-repeat;
    width: 20px;
    height: 10px;
    background-size: cover; */
}

.tournament-form button span,
.tournament-form .dropdown-menu li span {
    /* color: var(--red2);
    font-weight: 500; */
}

.tournament-form button:active,
.tournament-form button:focus,
.tournament-form button:hover {
    border: 0;
    /* background: var(--white); */
}

.tournament-form .dropdown-menu {
    width: 100%;
    border-radius: 0;
}

.tournament-form button img,
.tournament-form .dropdown-menu li img {
    margin-right: 20px;
}

.tournament-form .dropdown-menu li {
    padding-bottom: 10px;
    padding-left: 20px;
}

.tour-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}

.tour-list-item {
    border-right: 2px solid rgba(0, 0, 0, 0.04);
    padding-right: 25px;
    width: 25%;
    max-width: 23%;
    flex: 25%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 70px;
}

.mainbtn-border {
    background: transparent;
    border: 1px solid var(--blue);
    padding: 15px 60px;
    color: var(--blue);
    transition: 0.3s;
    display: block;
    width: fit-content;
}

.mainbtn-border:hover {
    background: var(--blue);
    color: var(--white);
}

/* Registration */
.registration-sec {
    background: rgb(255 255 255 / 80%);
    padding: 60px;
	position: relative;
}
.register-video
{
    position: absolute;
    right: 60px;
    top: 60px;
    z-index: 9;
}
.register-video a
{
    display: block;
}

.nav-page-list {
    display: flex;
    justify-content: center;
    margin-bottom: 90px;
}

.nav-page-list li {
    margin: 0 26px;
    position: relative;
}

.nav-page-list li:before {
    content: '';
    height: 2px;
    width: 60%;
    position: absolute;
    right: -42px;
    border-top: 1px dashed var(--red2);
    top: 50%;
}

.nav-page-list li:last-child::before {
    border-top: 0;
}

.nav-page-list li a {
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 10%) 0%, rgb(221 6 39 / 10%) 100%);
    height: 55px;
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    color: var(--red2);
    font-weight: 600;
}

.nav-page-list li.active a {
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 100%) 0%, rgb(221 6 39 / 100%) 100%);
    color: var(--white);
}

.registration-card {
    border: 1px solid rgb(221 6 39 / 30%);
    padding: 30px;
}

.reg-form-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-blue-part {
    background: var(--blue);
    padding: 30px 20px;
    font-weight: 300;
    text-align: center;
    color: var(--white);
    margin-top: 30px;
    text-transform: uppercase;
}

.reg-ul-list {
    color: rgba(0, 0, 0, 0.6);
    padding-left: 0;
    list-style-type: none;
    counter-reset: section;
    margin-top: 40px;
    margin-bottom: 40px;
}

.reg-ul-list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.reg-ul-list li::before {
    content: '';
    position: absolute;
    counter-increment: section;
    content: counters(section, ".") ".";
    left: 0;

}

.reg-nested-sapce {
    padding: 40px 120px;
}

.form-btn {
    transition: 0.3s;
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, var(--red2) 0%, var(--red) 100%);
    border-radius: 0;
    border: 0;
    color: var(--white);
    padding: 15px 85px;
    margin-top: 10px;
    transition: 0.3s;
    display: block;
    width: fit-content;
}

.form-btn:hover {
    background: var(--blue);
    transition: 0.3s;
}

table.reg {
    width: 100%;

}

table.reg tbody {
    background: linear-gradient(92deg, rgb(221 6 40 / 5%) -3.23%, rgb(177 13 84 / 5%) 62.21%);
}

table.reg thead {
    background: linear-gradient(92deg, rgb(221 6 40 / 60%) -3.23%, rgb(177 13 84 / 60%) 62.21%);
}

table.reg thead tr td {
    color: var(--white);

}

table.reg td {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

table.reg td:first-child {
    border-right: 1px solid rgba(0, 0, 0, 0.1);

}

.reg-form-entry label {
    display: block;
    margin-bottom: 10px;
}

.reg-form-entry input[type='text'],
.reg-form-entry input[type='text']:hover,
.reg-form-entry input[type='text']:active,
.reg-form-entry input[type='text']:focus,
.reg-form-entry input[type='email'],
.reg-form-entry input[type='email']:hover,
.reg-form-entry input[type='email']:active,
.reg-form-entry input[type='email']:focus,
.reg-form-entry input[type='url'],
.reg-form-entry input[type='url']:hover,
.reg-form-entry input[type='url']:active,
.reg-form-entry input[type='url']:focus,
.reg-form-entry input[type='password'],
.reg-form-entry input[type='password']:hover,
.reg-form-entry input[type='password']:active,
.reg-form-entry input[type='password']:focus,
.reg-form-entry textarea,
.reg-form-entry textarea:hover,
.reg-form-entry textarea:active,
.reg-form-entry textarea:focus {
    border: 0;
    outline: 0;
    box-shadow: unset;
}

.reg-form-entry input[type='text'],
.reg-form-entry input[type='email'],
.reg-form-entry input[type='url'],
.reg-form-entry input[type='password'],
.reg-form-entry textarea,
.custom-file-upload {
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 5%) 0%, rgb(221 6 39 / 5%) 100%);
    width: 100%;
    padding: 18px 30px;    
}

.reg-form-entry .row {
    margin-bottom: 30px;
}


.reg-form-entry input[type="file"] {
    display: block;
    height: 0;
    width: 0;
    opacity: 0;
}

.custom-file-upload {
    cursor: pointer;
    display: flex !important;
    justify-content: space-between;
    padding: 7px 5px;
    align-items: center;
}

.custom-file-upload span:first-child {
    padding-left: 35px;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 500;
}

.upload-btn {
    background: linear-gradient(92deg, rgb(221 6 40 / 70%) -3.23%, rgb(177 13 84 / 70%) 62.21%);
    padding: 12px 50px;
    color: var(--white);
}

/* Radio Btn css */

/* Checkbox */
.checkboxfild {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--red);
    font-weight: 600;
    margin-right: 10%;
}

/* Hide the browser's default radio button */
.checkboxfild input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkboxfild .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 21px;
    background-color: #fff;
    border-radius: 0;
}

/* On mouse-over, add a grey background color */
.checkboxfild:hover input~.checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.checkboxfild input:checked~.checkmark {
    background-color: #fff;
    /* border: 4px solid red; */
    padding: 9px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkboxfild .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkboxfild input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkboxfild .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 100%) 0%, rgb(221 6 39 / 100%) 100%);
}

.checkboxfild .checkmark:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    border-radius: 6px;
    border: 2px solid rgb(221 6 39 / 50%);
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 50%) 0%, rgb(221 6 39 / 50%) 100%); */
}

/*  radiofild */
.radiofild {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--red);
    font-weight: 600;
    margin-right: 10%;
}

/* Hide the browser's default radio button */
.radiofild input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radiofild .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 21px;
    background-color: #fff;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiofild:hover input~.checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiofild input:checked~.checkmark {
    background-color: #fff;
    /* border: 4px solid red; */
    padding: 9px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiofild .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiofild input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiofild .checkmark:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 50%) 0%, rgb(221 6 39 / 50%) 100%);
}

.radiofild .checkmark:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 4px solid rgb(221 6 39 / 50%);
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 50%) 0%, rgb(221 6 39 / 50%) 100%); */
}

/*  radiofild 2*/
.radiofild2 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--white);
    font-weight: 600;
    margin-right: 40px;
    margin-bottom: 20px !important;
}

/* Hide the browser's default radio button */
.radiofild2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radiofild2 .checkmark2 {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 21px;
    background-color: transparent;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiofild2:hover input~.checkmark2 {
    background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.radiofild2 input:checked~.checkmark2 {
    background-color: transparent;
    /* border: 4px solid red; */
    padding: 9px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiofild2 .checkmark2:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiofild2 input:checked~.checkmark2:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiofild2 .checkmark2:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--white);
}

.radiofild2 .checkmark2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 4px solid #fff;
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 50%) 0%, rgb(221 6 39 / 50%) 100%); */
}

.reg-radio-bg {
    padding: 25px 25px 10px 25px;
    background: linear-gradient(92deg, rgb(221 6 40 / 60%) -3.23%, rgb(177 13 84 / 60%) 62.21%);
    display: flex;
    flex-wrap: wrap;
}

.login .container {
    max-width: 700px;
    padding: 0 11%;
}

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

.fcontrol:last-child {
    margin-bottom: 0;
}

.login .container .row {
    padding: 40px 40px;
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 12px;
}

.login-col {
    padding-left: 50px;
    padding-right: 12%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login form {
    margin-top: 40px;
}

.fcontrol {
    margin-bottom: 25px;
}

.fcontrol input {
    padding-top: 12px;
    padding-bottom: 12px;
}

.login form label {
    margin-bottom: 10px;
    color: var(--black);
    font-weight: 500;
}

.login form button {
    border-radius: 12px;
    border: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.login form .remember {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.login form .remember a {
    text-decoration: underline !important;
}

.pass-eye {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px !important;
    cursor: pointer;
}

/************************* Dashboard Css *********************************** */

.radiofild3 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#000;
    font-weight: 600;
    margin-right: 40px;
    margin-bottom: 20px !important;
}

/* Hide the browser's default radio button */
.radiofild3 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radiofild3 .checkmark2 {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 21px;
    background-color: transparent;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiofild3:hover input~.checkmark2 {
    background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.radiofild3 input:checked~.checkmark2 {
    background-color: transparent;
    /* border: 4px solid red; */
    padding: 9px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiofild3 .checkmark2:after {
    content: "\2713";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiofild3 input:checked~.checkmark2:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiofild3 .checkmark2:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 9px; */
    /* height: 9px; */
    /* border-radius: 50%; */
    /* background: #000; */
    font-size: 23px;
    color: var(--red);
}

.radiofild3 .checkmark2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
    border-radius: 0;
    border: 1px solid #000;
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 50%) 0%, rgb(221 6 39 / 50%) 100%); */
}
/**************************/

.dashboard {
    display: flex;
    margin-top: 9em;
}

.dashboard .left {
    background: #222;
    width: 10%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.dashboard .right {
    background: var(--white);
    width: 90%;
    padding: 40px 80px;
    background: #F9F9F9;
}

.blue-left {
    background: var(--blue);
    text-align: center;
    padding: 25px 10px;
}

.dashboard .right .breadcrumb-list {
    padding-left: 0;
    display: flex;
}

.dashboard .right .breadcrumb-list li {
    padding-right: 14px;
    position: relative;
}

.dashboard .right .breadcrumb-list li:before {
    content: '/';
    position: absolute;
    right: 5px;
    top: 0;
    color: var(--red2);
}

.dashboard .right .breadcrumb-list li:last-child:before {
    content: '';
}

.dashboard .right .breadcrumb-list li a {
    color: var(--red2);
}

.dashboard-nav {
    display: flex;
    justify-content: space-between;
}

.user-board {
    display: flex;
}

.user-board img {
    height: 60px;
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, rgb(171 14 89 / 10%) 0%, rgb(221 6 39 / 10%) 100%);
    padding: 5px;
    border-radius: 50%;
}

.user-name {
    padding-left: 20px;
    padding-top: 12px;
}

.user-name h6,
.user-name p {
    margin: 0;
    padding: 0;
}

.dashboard-data {
    padding: 30px 40px 60px 40px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    margin-top: 30px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
}

.dashboard-data h3 {
    font-weight: 600;
}

.dashboard-data form small {
    display: block;
    line-height: 20px;
}

.dashboard-data form .form-control {
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto !important;
}

.dashboard-data form .form-control::placeholder
{
    color: rgba(0, 0, 0, 0.3) !important;
}
.dashboard-data form select.form-control {
    color: rgba(0, 0, 0, 0.3) !important;
  }
  .dashboard-data form select.form-control  option:not(:first-of-type) {
    color: rgba(0, 0, 0, 0.5) !important;
  }

.dashboard-data form label {
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
}

.astrik {
    color: var(--red);
}

.dashboard-data form .row {
    margin-bottom: 40px;
}

#datepicker {
    width: 100%;
    position: relative;
}

#datepicker i.glyphicon-calendar:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../img/calendar_month.svg') center no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    z-index: 9;
    cursor: pointer;
}


#datepicker>span:hover {
    cursor: pointer;
}

.date input,
.date .input-group-addon {
    background: #fff !important;
}

.date .input-group-addon {
    border-left: 0 !important;
}

.fw-row {
    display: flex;
    justify-content: space-between;
}

.fw-col2 {
    display: flex;
}

.fw-col2 a,
.fw-col2 a:hover {
    color: rgba(0, 0, 0, 0.5);
}

.fw-col2 a:first-child {
    margin-right: 30px;
}

.dash-card {
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

.dash-card1 {
    background: #E6EFEB;

}

.dash-card2 {
    background: rgb(128 192 227 / 20%);
    display: flex;
    align-items: center;
}

.dash-card3 {
    background: rgb(178 112 14 / 10%);
    display: flex;
    align-items: center;
}

.dash-card4 {
    background: linear-gradient(92deg, rgb(221 6 40 / 10%) -3.23%, rgb(177 13 84 / 10%) 62.21%);

}

.dash-card1,
.dash-card2,
.dash-card3,
.dash-card4 {
    width: 33.33%;
    flex: 33.33%;
    max-width: 31%;
    margin: 0 1%;
    padding: 30px 35px 40px 35px;
    border-radius: 4px;

}

.dash-card1 h4,
.dash-card2 h4,
.dash-card3 h4,
.dash-card4 h4 {
    font-weight: 600;
    font-size: 20px;
}

.dash-card1 .dash-info {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.dash-card1 .dash-info h4 {
    margin: 0;
    color: #009F49;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.2px;
}

.dash-card1 .dash-info p {
    color: #343434;
    font-weight: 700;
    letter-spacing: 0.13px;
    margin: 0;
    margin-top: 3px;
}

.dash-card1 .dash-info .dash-info-content {
    padding-left: 15px;
}

.dash-card2 .dash-info,
.dash-card3 .dash-info {
    display: flex;
    align-items: center;
}

.dash-card2 .dash-info h4,
.dash-card2 .dash-info h3,
.dash-card3 .dash-info h4,
.dash-card3 .dash-info h3 {
    margin: 0;
    padding: 0;
}

.dash-card2 .dash-info h4 {
    color: #2C4E60;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-bottom: 7px;
}

.dash-card2 .dash-info h3 {
    color: #2C4E60;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.36px;
}

.dash-card3 .dash-info h4 {

    color: #665133;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin-bottom: 7px;
}

.dash-card3 .dash-info h3 {
    color: #665133;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.36px;
}

.dash-card2 .dash-info .dash-info-content,
.dash-card3 .dash-info .dash-info-content {
    padding-left: 15px;
}

.dash-card4 .dash-info {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.dash-card4 .dash-info h4 {
    margin: 0;
    background: linear-gradient(92deg, #DD0628 -3.23%, #B10D54 62.21%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: normal;
    letter-spacing: 0.2px;
}

.student-list .dashboard-data h4 {
    font-weight: 700;
}


.dash-card4 .dash-info p {
    color: #343434;
    font-weight: 700;
    letter-spacing: 0.13px;
    margin: 0;
    margin-top: 3px;
}

.dash-card4 .dash-info .dash-info-content {
    padding-left: 15px;
}

.dashbtn {
    border-radius: 4px;
    background: linear-gradient(92deg, #DD0628 -3.23%, #B10D54 62.21%);
    padding: 12px 25px;
    color: var(--white);
    display: block;
    width: fit-content;
    margin-left: 44px;
    margin-top: 11px;
}

.dashbtn:hover {
    color: var(--white);
}

.student-list .dashboard-data.first {
    padding: 40px 20px !important;
}


.student-list .dashboard-data {
    padding: 40px 40px;
}

/* table css */
.dashboard-table {
    width: 100% !important;
}
.dashboard-table thead {
    border-bottom: 4px solid #ddd;
}

.dashboard-table tbody tr:nth-child(odd) {
    background: #F9F9F9;
}

.dashboard-table tr td {
    padding: 18px 10px !important;
}

.dashboard-table .active {
    border-radius: 4px;
    background: #E6EFEB;
    padding: 10px 18px;
    color: #009F49;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 15px */

}

.dashboard-table .inactive {
    border-radius: 4px;
    background: #FDE1E1;
    padding: 10px 18px;
    color: #FF1900;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    /* 15px */

}

.dashboard-table .dropdown button {
    background: transparent;
}

.dashboard-table .dropdown button img {
    height: 8px;
}

.dashboard-table .dropdown .dropdown-menu {
    padding: 10px;
}

.dashboard-table .dropdown .dropdown-menu li a {
    padding: 12px 25px;
    border-radius: 10px;
}

/* Datatable */

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    color: #fff !important;
    padding-left: 0;
    padding-right: 0;
    min-width: auto;
    border: 1px solid #eee;
    border-radius: 8px 0 0 8px;
    border-right: 0;
    width: 42px;
    height: 42px;
    position: relative;
    top: -4px;
    font-size: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    color: #fff !important;
    padding-left: 0;
    padding-right: 0;
    min-width: auto;
    border: 1px solid #eee;
    border-radius: 0 8px 8px 0;
    border-right: 0;
    font-size: 0;
    width: 42px;
    height: 42px;
    position: relative;
    top: -4px;
}

.paginate_button.next {
    position: relative;
}

a.paginate_button.current {
    background: linear-gradient(92deg, #DD0628 -3.23%, #B10D54 62.21%) !important;
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate {
    padding-top: 1.25em !important;
    padding-right: 42px;
}

.paginate_button.previous:before {
    content: '';
    background: url('../img/chevron-left.svg');
    position: absolute;
    left: 34%;
    top: 25%;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}

.paginate_button.next:before {
    content: '';
    background: url('../img/chevron-left.svg');
    position: absolute;
    left: 20%;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(180deg);
}

a.paginate_button {
    padding: 9px 17px !important;
}

.dataTables_filter {
    display: none;
}

.table-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 31px;
    border-bottom: 1px solid rgb(217 217 217 / 50%);
    padding-bottom: 33px;
}
.dash-info2 {
    display: flex;
    align-items: center;
    margin-left: 40px;
}

.dash-info2 img {
    width: 28px;
}

.dash-info2 .dash-info-content {
    padding-left: 10px;
}

.dash-info2 .dash-info-content h6 {
    color: #0080C6;
    font-weight: 700;
    line-height: 128.906%;
    text-decoration-line: underline;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}
.dash-info2:first-child
{
    margin-left: 0;
}
.dash-info2.df2 {
    border: 1px solid #0080C6;
    padding: 17px 20px;
    border-radius: 8px;
    cursor: pointer;
}
.dash-info2.df2 .dash-info-content h6 {
    text-decoration-line: none;
}

.table-top-right
.dash-info2.df3 {
    background: var(--blue);
    padding: 18px 28px;
    border-radius: 8px;
}

.dash-info2.df3 .dash-info-content h6 {
    color: var(--white);
    text-decoration-line: none;
}

.table-top-right
{
    display: flex;
    align-items: center;
}
#tableSort_length {
    position: absolute;
    top: -7em;
    left: 20%;
}
.sl-title
{
    position: relative;
    padding: 0;
    margin: 0;
    padding-right: 50px;
    
}
.sl-title::after {
    position: absolute;
    content: '';
    right: 0;
    height: 80%;
    width: 2px;
    background: #000;
    top: 10%;
}

.year-board {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0;
    flex-wrap: wrap;
}
.year-board form .date input, 
.year-board form .search input 
{
    padding: 12px 15px;
    border-radius:4px;
    border: 1px solid #D9D9D9;
   
}
.year-board form .date 
{
    margin-right: 23px;
}

.year-board form select {
    padding: 15px 15px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    margin-right: 23px;
    color: #ABA7AF;
}
.year-board form::placeholder
{
    color: #ABA7AF !important;
}
.year-board form .search
{
position: relative;
margin-right: 23px;

}
.year-board form .search input
{
    width: 275px;
}


.year-board form .search img
{
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
opacity: 0.5;
}
.year-board form label
{
    text-transform: capitalize !important;
}
.year-title
{
    background:  linear-gradient(92deg, #DD0628 -3.23%, #B10D54 62.21%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-style: normal;
font-weight: 300;
line-height: normal;
border-left: 5px solid var(--red);
padding-left: 15px;
}
.year-title .year
{
    font-weight: 600;

}
.single-post p img
{
    width: 100% !important;
}

.copyright
{
    text-align: center;  
    padding: 20px 20px;
}
.copyright p
{
    margin-bottom: 0;
}

.thanku
{
    padding:80px 20px;
}

.thanku h1
{
    color: green;
}
.thanku p
{
    text-align: center;
    width: 70%;
    margin: auto;
}

/* Crop css */
.cropped-img-container {
    width: 100%;
}

.cropped-img-container>img {
    max-width: 100%;
}

.object-fit-contain {
    object-fit: contain !important;
}

.img-upload
#imagePreview {
    position: absolute;
    left: 1.5em;
    top: 1.5em;
}
.img-upload
.avatar-preview
{
    position: relative;
}


.img-upload
.circle {
    margin: 20px 50px;
    margin-left: 0;
}
.img-upload
.circle label {
    font-size: 50px;
    font-weight: 100 !important;
    height: 250px;
    width: 250px;
    border: 1px solid rgb(0 0 0 / 5%);
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    position: relative;
    cursor: pointer;
}
.cropper-bg{   
    /* max-width: 200px; */
    /* max-height: 200px ;
	height: 200px !important; */
}

.parent-table {
    /* overflow-x: auto !important; */
    width: 100% !important;
}
.sports-list2
{
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;    
}
.sports-list2 li
{
    /* width: 33.33%;
    flex: 33.33%;
    max-width:31.33%; */
    margin: 1%;
}
.sports-list2 li a {
    background: -webkit-linear-gradient(to right, #ab0e59, #dd0627);
    background: linear-gradient(to right, #ab0e59, #dd0627);
    padding: 20px 30px;
    color: var(--white);
    display: flex;
    align-items: center;
    border-radius: 8px;
}
.sports-list2 li a img
{
    margin-right: 10px;
    width: 40px;
}
.sports-list2 li a  p
{
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Checkbox */
.checkboxc {
    display: block;
    position: relative;
    padding-left: 0;
    /* margin-top: 8px; */
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 20px;
}

/* Hide the browser's default checkbox */
  .checkboxc input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkboxc .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background: #dd062625;
    border-radius: 4px;
  }
  

  /* When the checkbox is checked, add a blue background */
  .checkboxc input:checked ~ .checkmark {
    background: linear-gradient(to right, #ab0e59, #dd0627);
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkboxc .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkboxc input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .checkboxc .checkmark:after {
    left: 9px;
    top: 4px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkboxc-list {
    /* display: flex; */
    margin-top: 13px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.checkboxc-list.first
{
    margin-left: 10px;
}
.checkboxc-list.first .checkboxc-item
{
    padding-left: 5px;
}
.checkboxc-list .checkboxc-item {
    /* width: 25%;
    flex: 25%;
    max-width: 25%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; */
}
.checkboxc-list .checkboxc-item:last-child
{
     display: none; 
}
.list-num {
    background: #dd062625;
    color: #000;
    border-radius: 500px;
    display: inline;
    padding: 3px 11px;
    margin-right: 10px;
    height: fit-content;
}
.rs-readonly
{
  
    margin-left: 10px;
    padding-bottom: 10px;
}

/* Responsive Code */


@media(min-width:1500px)
{
    .feature-videos .fvideos-right {
        padding-left: 88px !important;
        position: absolute;
        right: 0;
        top: 6em;
        min-height: 80%;
    }
    .feature-videos 
    .fvideos-left
    {
        min-height: 31.5em;
    }
}
@media(min-width:1600px)
{
    .feature-videos 
    .fvideos-left {
    min-height: 32.5em;
}

}

@media(min-width:1921px)
{
    .feature-videos .fvideos-right {
        position: initial;
       
    }
    .feature-videos 
    .fvideos-left
    {
        min-height: 1em; 
        margin-bottom:4em;
    }
}
@media(max-width:2500px)
{
    .model-content {
        /* width: 55%; */
    }
    .tournamentslide {
        margin-left: 0;
        width: 100%;
    }
}

@media(max-width:2200px)
{
    .newsslide {
        padding-left: 24%;
    }
}


@media(min-width:1902px) and (max-width: 1920px)
{
    .feature-videos {
        padding-bottom: 140px;
    }
}

@media(max-width:1901px)
{
    .feature-videos 
    .fvideos-left {
    min-height: 31.3em;
}

.feature-videos {
    padding-bottom: 140px;
}
}
@media(max-width:1801px)
{
    .feature-videos 
    .fvideos-left {
    min-height: 31em;
}


}

@media(max-width:1701px)
{
    .feature-videos 
    .fvideos-left {
    min-height: 30em;
}

.year-title {
    font-size: 34px;
}

}




@media(max-width:1690px)
{
    .model-content {
        padding-top: 34px;
        padding-bottom: 20px;
    }
    .model-img img {
        width: 43em;
        margin-top: -5em;
    }
    .modelrow .model-content img {
        width: 38px;
    }
    .newsslide {
        padding-left: 14%;
    }

    .sports-list {
        margin-right: 0;
    }
    .sports-list .owl-nav button.owl-next {
        right: 0;
    }
}

@media(max-width:1601px)
{
    .feature-videos 
    .fvideos-left {
    min-height: 29em;
}
.year-board form .search input {
    width: 221px;
}
.year-title {
    font-size: 30px;
}

}

@media(max-width:1550px) 
{
    .sports-list .owl-nav button.owl-next {
        right: 20px;
    }
}
@media(max-width:1500px) 
{
    .year-board form select {
        width: 188px;
        margin-right: 15px;
        }
    

    .newsslide {
        padding-left: 7%;
    }
    .feature-videos 
    .fvideos-left {
    margin-bottom: 70px;
}
    .sports-list .owl-nav button.owl-next {
        right: 60px;
    }

    .homebannerslide .banner-caption {
        padding-left: 20px;
    }

    .homebannerslide .owl-nav button.owl-prev {
        left: 0;
    }
    .homebannerslide .owl-nav button.owl-next {
        right: 0;
    }
    .hrow {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hrow .col-menu {
        width: 88%;
    }
    .hrow .col-logo {
        width: 12%;
    }
    .margin-common-top {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sec-padd {
        padding: 80px 30px 80px 30px;
    }

    .feature-videos 
    .fvideos-left {
    min-height: 26em;
}
}

@media(max-width:1400px) {
    body {
        font-size: 14px;
    }
    .tour-img img {
        /* width: 77px !important; */
    }
    .model-content {
        width: 66%;
    }
    .model-img img {
        /* width: 30em;
        margin-top: 4em; */
    }
    .mainbtn-border {
        padding: 15px 40px;
    }
    .homebannerslide .banner-caption {
        width: 43%;
        top: -36em;
    }
    .sportslist 
    {
        padding-right: 10em;
    }
    .yearslide .item:before {
        top: 53%;
    }
    .yearslide img {
        height: 70px !important;
        margin-top: 35px;
    }
    .achieverslide .achiever-img .abefore {        
        left: 40px;
        top: -1em;
    }
    .achieverslide .achiever-img .aafter {        
        right: 40px;
        bottom: -1em;
    }
    
    .achieverslide .achiever-img .abefore, .achieverslide .achiever-img .aafter {
        width: 285px;
        height: 253px;
    }
    .model-img img {
        /* position: absolute;
        right: -81px; */
    }
    .home-model:before {
        left: -7%;
        top: -2px;
    }
    /* .home-model:before {
        left: 0%;
        top: -2px;
        height: 0;
    } */
    .model-content {
        padding-left: 25%;
    }
    .feature-videos .fvideos-right {
        position: initial;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    /* Dashboard */
    .form-1-line {
        /* flex-wrap: wrap; */
        justify-content: flex-start !important;
    }
    #datepicker {
        /* width: 200px; */
        width: 100%;
        position: relative;
    }
    .tournament-content .address-locate
    {
        min-height: 5em;
    }
    .yearslide .item h6 {
        min-height: 9em;
    }
}
@media(max-width:1350px) 
{
    .menu-mssa:before {
        left: -3%;
    }
    .tour-desc-scroll {
        min-height:4.5em;
    }
}
@media(max-width:1300px) 
{

    .yearslide .owl-dots {
        position: relative;
        top: -19px;
    }
    .home-about .owl-nav button {
        top: 45%;
    }

    .homebannerslide .banner-caption {
        width: 50%;
        top: -34em;
    }
    .patti::before {
        left: -25%;
        bottom: 45%;
    }
   
    .select-tourn select {
        padding-left:38px;
    }
    .select-tourn select {
        width: 98%;
    }
}

@media(max-width:1200px) 
{
    
body {
    line-height: 24px;
    font-size: 14px;
}

h1 {
    font-size: 50px;
    line-height: 72px;
}

h2 {
    font-size: 35px;
    line-height: 45px;
}

h3 {
    font-size: 22px;
    line-height: 38px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h5 {
    line-height: 24px;
    font-size: 16px;
}

h6 {
    line-height: 24px;
    font-size: 14px;
}
.yearslide .item h6 {
    min-height: 7em;
}
.dashboard {
    margin-top: 5.8em;
}
.homebannerslide .banner-caption h2 {
    font-size: 50px;
    line-height: 52px;
}
.student-list .dashboard-table tbody tr td:nth-child(3)
{
    min-width: 150px;
}
.student-list .dashboard-table tbody tr td:nth-child(5) {
    min-width: 104px;
}
.newsslide {
    padding-left: 0%;
    padding-top: 30px;
    padding-right: 20px;
}
    .modelrow {
        flex-direction: column;
    }
    .model-content, .model-img {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .model-img
    {
        text-align: center;
    }
    .model-img img {
        width: 66%;
        margin-top: -1em;
    }
    .home-model:before {
        background: unset;
    }

    .hrow .col-logo {
        width: 12%;
    }
    .hrow .col-menu {
        width: 88%;
    }
    .top-head
    {
        display: none;
    }
    .homebanner, .inner-banner, .login {
        margin-top: 5em;
    }
    .effort .hand1 {
        left: 0px;
    }
    .btn-style-1, .btn-style-2 {
        width: 192px;
        padding: 18px 5px;
    }
    .tour-desc-scroll {
        max-height: 4em;
    }
    .menu-mssa nav.navbar .navbar-nav li {
        margin-left: 2px;
    }
    .committee-list .committee-card {
        width: 33.33%;
        max-width: 31.33%;
        flex: 33.33%;
    }
    .committee-list .committee-card img
    {
        width: 100%;
    }
    .committee-list .committee-card a img 
    {
        width:auto;
    }
    .category-list {
        padding: 25px 25px;
    }
    .contact .contact-details {
        padding: 30px 30px;
    }
    .reg-nested-sapce {
        padding: 20px 40px;
    }
    .tour-list-item {
        width: 33.33%;
        max-width:  31.33%;
        flex:  33.33%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .tournament-form {
        flex-wrap: wrap;
        justify-content: center;
    }
    .tournament-form button {
        height: 48px;
        margin-bottom: 20px;
    }
    .tournament-form .tour-form-item {
        width: 33.33%;
        max-width: 33.33%;
        flex: 33.33%;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .tournament-form-sec {
        padding: 30px 30px 10px 30px;
    }
    .achieverslide .achiever-img .aafter {
        right: -20px;
        bottom: -1em;
    }
    .achieverslide .achiever-img .abefore {
        left: -20px;
        top: -1em;
    }
    .achieverslide .achiever-img .abefore, .achieverslide .achiever-img .aafter {
        width: 60%;
        height: 64%;
    }
    /* Dashboard */
    .dash-card {
        flex-wrap: wrap;
    }
    .dash-card1, .dash-card2, .dash-card3, .dash-card4 {
        width: 100%;
        flex: 100%;
        max-width: 100%;
        margin: 1% 1%;
    }
    .form-1-line {
        flex-wrap: wrap;
    }
    .year-board form .search input {
        width: 207px;
    }
    .homebannerslide .home-banner-img img {
        height: 550px;
    }
    .homebannerslide .banner-caption {
        width: 60%;
        top: -32em;
        padding-left: 30px;
    }

    .btn-white {
        padding: 8px 22px;
    }

}

@media(max-width:1150px) 
{
    .menu-mssa nav.navbar .navbar-nav li {
        margin-left: 0;
    }
}
@media(max-width:1100px) 
{
    .hrow .col-menu {
        width: 88%;
    }
    .hrow .col-logo {
        width: 12%;
    }
    .menu-mssa nav.navbar .navbar-nav li {
        margin-left: 0;
    }

    .menu-mssa nav.navbar .navbar-nav li a.nav-link {
        font-size: 13px;
    }
    .btn-white {
        padding: 4px 20px;
        font-size: 13px;
    }
    .btn-white {
        padding: 8px 10px;
    }
    
}

@media(max-width:992px) 
{
    
    .register-video {
        position: relative;
        text-align: center;
        right: initial;
        top: initial;
        margin-bottom: 10px;
    }
    .register-video a
    {
        text-align: center;
    }
.sidenav
    {
        display: block;
    }
    .homebannerslide .banner-caption h2 {
        font-size: 40px;
        line-height: 37px;
    }
    .tour-desc-scroll {
        min-height: 3.5em;
    }
    h1 {
        font-size: 40px;
        line-height: 72px;
    }
    h2 {
        font-size: 30px;
        line-height: 36px;
    }

    h3 {
        font-size: 20px;
        line-height: 27px;
    }
    h5 {
        line-height: 21px;
        font-size: 15px;
    }
    header {
        position: relative;
    }

    .btn-style-4 {
        padding: 13px 32px;
    }
    .sec-padd {
        padding: 60px 20px 60px 20px;
    }
    .video-list li {
        width: 50%;
        flex: 50%;
        max-width:48%;
    }
    .gallerysec 
    {
        padding: 40px 20px 40px 20px !important;
    }
    .galleryslide {
        padding-top: 50px;
    }
    .category-list {
        margin-bottom: 30px;
    }
    .inner-post .category-list
    {
        margin-bottom: 0;
    }
    .effort .quote2 {
        right: 5%;
    }
    .effort .quote1 {
        left: 10%;
    }
    .yearslide .item h6 {
        min-height: 5em;
    }

    /* Toggle menu */
    .navbar-toggler:focus
    {
        border: 0;
    }
    .navbar-toggler {
        position: absolute;
        right: 0;
        color: #fff;
        border-color: #fff;
        z-index: 9;
    }
    .site-logo {
        width: 250px;
        height: auto;
    }
    .menu-mssa:before {
        left: -3%;
        width: 133%;
        z-index: 1;
    }
  .menu-mssa .navbar-collapse {
    position: absolute;
    right: 0;
    top: 2.7em;
    background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #000040 0%, #000080 100%);
    /* background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #000000f5 0%, #1e1e1ea3 100%); */
    /*background: radial-gradient(438.52% 91.83% at 62.08% 50.13%, #ab0e59eb 0%, #dd0627cc 100%);*/
    width: 100%;
    border-radius: 4px;
    padding: 10px 5px;
    z-index: 9;
  } 
       .menu-mssa .navbar-nav .nav-item.d-flex {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        border: 0;
        justify-content: center;
    }
    .menu-mssa nav.navbar .navbar-nav li {
        margin-left: 0;
        margin: 2px 0;
        display: block;
        border-bottom: 1px solid #ffffff24;
        width: 100%;
        text-align: center;
    }
    .menu-mssa nav.navbar .navbar-nav li:last-child
    {
        border: 0;
    }
    .menu-mssa {
        position: relative;
        padding: 40px 0;
    } 
     .menu-mssa .navbar-nav .nav-item.d-flex a {
        border-radius: 50px;
        padding: 6px 27px;
        min-width: 143px;
        text-align: center;
    }
    .hrow .col-logo {
        width: 50%;
    }
    .hrow .col-menu {
        width: 50%;
    }

    header .dropdown-menu {
        background: transparent;
        box-shadow: unset;
        border: 0;
    }

    header .dropdown-menu li {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

    header .dropdown-menu  .dropdown-item {       
        color: var(--white) !important;
        font-size: 13px;
    }

    .tour-list-item {
        margin-bottom: 20px;
    }
    
    .dashboard-data {
        padding: 30px 40px 40px 40px;
    }
    .dashboard-data form
    {
        margin-top: 0 !important;
    }
    .inner-post  .single-post {
        padding-right: 0;
    }
    .y-b-input-field {
        flex-wrap: wrap;
        margin-top: 10px;
    }
   .y-b-input-field select, 
   .y-b-input-field div, 
   .y-b-input-field input
   {
    width: 50%;
    flex: 50%;
    max-width:47%;
   }
   .year-board form .search {
    margin-right: 16px;
    }
   .y-b-input-field select
   {
        margin-bottom: 20px;
   }
   .y-b-input-field .mainbtn {
    width: 47%;
    }

   .year-board form .search input {
    width: 100%;
    max-width: 100%;
    }

    .searchbar {
        margin-bottom: 30px;
    }
    .margin-common-bottom {
        margin-bottom: 50px;
    }
    .president-d {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .galleryslide2 {
        margin-left: 10px;
        margin-right: 0px !important;
    }
    .video-gallery .video-gallery-item {
        flex: 48.33%;
        max-width: 48.33%;
    }
    .margin-common-bottom .affiliates-list
    {
        margin-left: 20px;
        margin-right: 20px;
    }
    .margin-common-top {
        margin-top: 50px;
    }
    .home-model.margin-common-top
    {
        margin-top: 0;
    }
    .model-content {
        padding-top: 40px;
    }
    .tournament 
    {
        padding-right: 20px !important;
    }
    .about-text {
        padding-left: 0;
    }
    .homebannerslide .banner-caption {
        width: 90%;
        top: -28em;
        padding-left: 40px;
    }
    .homebannerslide .home-banner-img img {
        height: 475px;
    }
    .home-about img {
        /* width: 63px !important; */
        width: 100% !important;
        margin-top: 30px;
        text-align: center;
        margin: auto;
        margin-top: 10px;
    }
    .galleryslide .item img {
        height: 282px;
    }

    .sec-padd {
        padding:60px 20px 60px 20px;
    }

    .homebanner, .inner-banner, .login {
        margin-top: 0;
    }
    .yearslide .item img
    { 
        width: 63px !important;
    }
    .yearslide .item:before {
        right: -48%;
        width: 79%;
        top: 48%;
    }
    .patti::before {
        left: -100%;
        bottom: 60%;
        width: 200vw;
        /* height: 179px; */
        height:0;
    }
    .patti2::before {
        background: unset;
        left: -100%;
        bottom: 60%;
        width: 200vw;
        height: 0;
    }
   
    .feature-videos .fvideos-right {
        position: initial;
        padding-left: 0 !important;
    }
    .feature-videos 
    .fvideos-left {
    min-height: auto;
    margin-bottom: 30px;
    }
    .videosslide {
        margin-top: 15px;
    }

    .videos .modal-dialog iframe {
        height: 50vh;
    }
    .about-desc {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .effort .hand1 {
        height: 236px;
        width: auto !important;
    }
    .effort .quote2, 
    .effort .quote1 {
        width: 43px !important;
    }
    .effort {
        padding: 60px 10px;
    }
    .yearslide {
        /* margin-bottom: 20px; */
        margin-top: 20px;
    }
    .yearslide .owl-nav.disabled+.owl-dots {
        margin-top: 17px !important;
    }
    .committee-list .committee-card {
        width:50%;
        max-width: 48%;
        flex: 50%;
    }
    .affiliates-list .current-affiliates {
        width: 50%;
        max-width: 48%;
        flex: 50%;
    }
    .affiliates-list .current-affiliates img {
        width: 100%;
    }
    .affiliates-list .current-affiliates a img {
        width: auto;
    }
    .affiliates-list .current-affiliates img {
        margin-top: -10px;
    }
    form#contactform {
        margin-top: 10px !important;
    }
    .contact-page  .contact-form .crow:last-child {
        margin-bottom: 0;
    }
    .contact-us-page .contact-form {
        padding: 30px 30px 30px 40px;
    }
    .contact-us-page .contact-details {
        padding: 50px 50px;
    }
    .contact-us-page .contact-details .contact-info li:last-child {
        margin-bottom: 0;
    }
    .contact .contact-details .contact-info li {
        margin-bottom: 26px;
    }

    .contact .contact-details, 
    .contact-form {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .contact .contact-details {
        padding: 50px 60px;
    }
    .contact {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .contact .contact-details .contact-info {
        margin-top: 35px;
    }
    .table-top {
        flex-wrap: wrap;
    }
    .login .container .login-page-img {
        margin-top: 30px;
    }
    .login-page .login .container .row
    {
        padding-bottom: 80px;
    }
    footer .contact-row, 
    footer .social-row
    {
        margin-top: 20px;
    }
    footer {
        padding: 40px 20px;
    }
    .login-col {
        padding-left: 10px;
        padding-right: 10px;
    }
    .login .container .row {
        padding: 40px 30px;
    }
    .login form {
        margin-top: 10px;
    }
    .login form .remember {
        flex-direction: column;
    }
    .reg-nested-sapce {
        padding: 20px 20px;
    }
    .reg-form-entry .row {
        margin-bottom: 0;
    }
    .reg-form-entry .row .col-md-12, 
    .reg-form-entry .row .col-12 {
        margin-bottom: 20px;
    }
    .tour-list-item {
        width: 50%;
        max-width:48%;
        flex: 50%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .tournament-form button span, .tournament-form .dropdown-menu li span {
        font-size: 14px;
    }
    .tournament-form button img, .tournament-form .dropdown-menu li img {
        width: 20px;
    }
    .tournament-form button:before {
        width: 16px;
        height: 8px;
    }
    .sports-list .owl-nav button.owl-next {
        /* right: 20px; */
    }
    .sports-list .owl-nav button.owl-next {
        right: 50px;
    }
    .achieverslide .achiever-img .abefore, .achieverslide .achiever-img .aafter {
        width: 48%;
        height: 64%;
    }
    .achieverslide .achiever-img .abefore {
        left: 9%;
        top: -1em;
    }
    .achieverslide .achiever-img .aafter {
        right: 9%;
        bottom: -1em;
    }

    /* Dashboard */
    .dashboard {
        flex-wrap: wrap;
    }
    .dashboard .left, 
    .dashboard .right {
        width: 100%;
    }
    .dashboard {
        margin-top: 0;
    }
}
@media(max-width:767px) 
{
    
    .homebannerslide .banner-caption h2 {
        font-size: 40px;
        line-height: 37px;
    }
    h1 {
        font-size:35px;
        line-height: 72px;
    }
    h2 {
        font-size: 30px;
        line-height: 36px;
    }

    h3 {
        font-size: 20px;
        line-height: 27px;
    }
   
    h5 {
        line-height: 21px;
        font-size: 15px;
    }

    .sec-padd {
        padding: 40px 20px 40px 20px;
    }
    .margin-common-bottom {
        margin-bottom: 40px;
    }
    .margin-common-top {
        margin-top: 40px;
    }
    .menu-mssa .navbar-collapse {
        width: 350px;
    }
    .dashboard-data form .row {
        margin-bottom: 0;
    }
    .dashboard-data form .col-12, 
    .dashboard-data form .col-md-6 {
        margin-bottom: 20px;
    }
    .dashboard .right {
        padding-bottom: 40px !important;
    }
    .dashboard-data {
        padding: 30px 40px 20px 40px;
    }

    .homebannerslide .home-banner-img img {
        height: 425px;
    }
    .homebannerslide .banner-caption {
        width: 98%;
        top: -27em;
        padding: 0 20px;
    }    
    .homebannerslide .banner-caption h2 {
        font-size: 30px;
        line-height: 26px;
    }
    .table-top .sl-title
    {
        margin-bottom: 20px;
    }
    .login-page .login .container .row {
        padding-bottom: 70px;
    }
    .gallerysec  .btn-style-4 {
        margin-left: -10px;
    }
    .tournament  .btn-style-4 {
        margin-left: 0;
    }
    .reg-nested-sapce .form-btn {
        margin-top: 20px !important;
    }

    .contact-form {
        padding: 30px 30px 30px 30px;
    }
    .btn-style-4 {
        margin-top: 8px;
        display: block;
        width: fit-content;
    }
    .btn-style-4 {
        padding: 10px 38px;
        font-size: 12px;
    }
    .post-item .post-img img {
        height: 550px;
    }
    .achievers .achieve-content {
        padding-bottom: 60px;
    }
    .patti2::before {
        left: -83%;
        bottom: 75%;
        width: 200vw;
        height: 179px;
    }
    .tour-list {
        margin-top: 40px;
        margin-bottom: 0;
    }
    .post-item {
        flex-wrap: wrap;
    }
    .yearslide .item h6 {
        min-height: initial;
    }
    .yearslide .item img {
        width: 48px !important;
    }
    .affiliates-list .current-affiliates {
        width: 100%;
        max-width: 100%;
        flex: 100%;
    }
    .tour-desc-scroll {
        max-height: initial;
    }
    .post-item .post-content,
    .post-item .post-img {
        width: 100%;
        max-width: 100%;
        flex: 100%;        
    }
    .post-item .post-content
    {
        padding:25px;
    }
    .category-list {
        padding: 25px 25px;
    }
    .contact-form .crow {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .contact-form .crow .ccol-6 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        margin-bottom: 20px;
    }
    .video-list li {
        width: 100%;
        flex: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .video-list li:last-child {
        margin-bottom:0;
    }
    .para-scroll {
        padding-right: 20px;
    }

    footer .quick-link {
        margin-top: 0;
    }
    footer .quick-link
    {
        margin-bottom: 0;
    }
    footer .quick-link li {
        margin-bottom: 10px;
    }
    footer h6 {
        margin-bottom: 15px;
    }
    .socail-link-footer {
        margin-top: 0;
    }
    .inner {
        padding: 24px 0;
    }
    .nav-page-list li a {
        height: 40px;
        width: 40px;
        font-size: 12px;
    }
    .nav-page-list li {
        margin: 0 17px;
    }
    .nav-page-list li:before {
        right: -29px;
    }
    .reg-form-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .reg-nested-sapce {
        padding: 0 10px;
    }
    .registration-sec {
        padding: 20px 20px;
    }
    .nav-page-list {
        margin-bottom: 40px;
        padding-left: 0;
    }
    .form-btn {
        padding: 12px 65px;
    }
    .videogallery .modal-dialog {
        width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .videogallery 
.carousel-caption, .gallerymodal  
.carousel-caption {
    display: block !important;
}
    .radiofild2 .checkmark2:before, 
    .radiofild .checkmark:before {
        width: 20px;
        height: 20px;
        border-width: 2px !important;
    }
    .radiofild2, 
    .radiofild {
        margin-right: 25px;
    }
    .tour-list-item {
        width: 100%;
        max-width:100%;
        flex: 100%;
        margin-left: 0;
        margin-right:0;
    }
    .tournament-form .tour-form-item {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .gallerymodal .modal-dialog {
        width: 500px;
        max-width: 500px;
    }
    .mainbtn {
        padding: 12px 50px;
    }
    .achieverslide .achiever-img .abefore, .achieverslide .achiever-img .aafter {
        width: 268px;
        height: 65%;
    }
    .achieverslide .achiever-img .abefore {
        left: 6%;
        top: -1em;
    }
    .achieverslide .achiever-img .aafter {
        right: 6%;
        bottom: -1em;
    }
    /* Dashboard */
    .dashboard .right {
        padding: 10px 20px;
    }
    .student-list .dashboard-data.first {
        padding: 20px 20px !important;
    }
    .dash-card2 .dash-info h3, 
    .dash-card3 .dash-info h3 {
        font-size: 25px;
    }

    .dash-card1 h4, .dash-card2 h4, .dash-card3 h4, .dash-card4 h4 {
        font-weight: 600;
        font-size: 18px;
    }
    .checkboxc-list.first {
        margin-bottom:0;
    }
    .checkboxc-list {
        margin-bottom:50px;
    }
}
@media(max-width:576px) 
{
    .homebannerslide .banner-caption h2 {
        font-size: 27px;
        line-height: 26px;
    }
    h1 {
        font-size: 30px;
        line-height: 39px;
    }
    h2 {
        font-size: 25px;
        line-height: 30px;
    }

    h3 {
        font-size: 18px;
        line-height: 27px;
    }
    h5 {
        line-height: 21px;
        font-size: 14px;
    }
    .btn-sec {
        margin-top: 30px;
        flex-direction: column;
    }
    .btn-style-2 {
        margin-left: 0;
        margin-top: 10px;
    }
    .gallerymodal .modal-dialog {
        width: 400px;
        max-width: 400px;
        justify-content: center;
        margin: auto;
    }
    .homebannerslide .banner-caption {
        width: 90%;
        top: -30em;
        left: 5%;
    }
    .btn-style-1, .btn-style-2 {
        width: 148px;
        padding: 15px 5px;
        font-size: 12px;
    }
    .homebannerslide .home-banner-img img {
        height: 455px;
    }
    .menu-mssa {
        padding: 40px 0;
    }
    .tournamentslide {
        padding-left: 20px;
        padding-right: 0px;
    }
    .sportslist {
        padding-right: 2em;
    }
    .login-page .login .container .row {
        padding-bottom: 60px;
    }
    .post-item .post-img img {
        height:380px;
    }
    .year-board {
        margin: 40px 0;
    }
    .student-list .dashboard-data {
        padding: 30px 25px;
    }
    .student-list .dashboard-table tbody tr td:nth-child(3) {
        min-width: 162px;
    }
    .student-list .dashboard-table tbody tr td:nth-child(5) {
        min-width: 116px;
    }

    .patti::before {
        /* left: -93%;
        bottom: 71%;
        width: 200%;
        height: 179px; */
    }
    .patti2::before {
        /* left: -90%;
        bottom: 80%;
        width: 200%;
        height: 179px; */
    }
    .video-gallery .video-gallery-item {
        flex: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .videos .modal-dialog iframe {
        height: 50vh;
    }
    .category-list .category-inner {
        padding: 35px 30px;
    }
    .achieverslide .achiever-img .abefore, 
    .achieverslide .achiever-img .aafter {
        width: 250px;
        height: 200px;  
    }
    .achieverslide .achiever-img:before {
        height: 250px;
        width: 250px;
    }
    .achieverslide .achiever-img {
        min-height: 26em;
    }
    .table-top-right {
        flex-direction: column;
    }
    .dash-info2 {
        width: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .dash-info2:last-child {
        margin-left: 0;
    }

    .tournamentslide .item {
        padding-left: 2%;
        padding-right: 2%;
    }
    .achievers .achieve-content {
        padding: 30px 30px;
    }
    .effort .hand1 {
        height: 155px;
    }
    .committee-list .committee-card {
        width:100%;
        max-width: 100%;
        flex: 100%;
    }
    .contact-form {
        padding: 20px 20px 40px 20px;
    }
    .contact .contact-details {
        padding: 30px 30px;
    }
    .contact-us-page .contact-form {
        padding: 30px 0px 30px 20px;
    }

    .contact-info {
        padding-right: 0;
    }
    .contact-info img {
        margin-right: 0;
        width: 27px;
    }
    .contact .contact-details .contact-info li a span {
        padding-left: 15px;
    }
    .effort .quote2, .effort .quote1 {
        width: 25px !important;
    }
    .effort h2 {
        margin: 0 60px;
    }
    .effort {
        padding: 26px 10px;
    }
    .login .container {
        padding: 0 3%;
    }
    .login .container .row {
        padding: 30px 20px;
    }
    .login form button {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .registration-card {
        padding: 20px;
        width: 100%;
        overflow-x: auto;
        max-height: 90em;
    }
    .form-btn {
        padding: 12px 46px;
    }
    .registration-card::-webkit-scrollbar-track {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 60%) !important;
        opacity: 0.3;
        border-radius: 500px;
    }
    
    .registration-card::-webkit-scrollbar-thumb {
        background: var(--red);
        border-radius: 0;
    }
    
    .registration-card::-webkit-scrollbar {
        width: 5px;
    }

    
    .reg-form-entry input[type='text'], .reg-form-entry input[type='email'], .reg-form-entry textarea, .custom-file-upload {
        padding: 14px 25px;
    }
    .upload-btn {
        padding: 5px 30px;
    }
    .custom-file-upload span:first-child {
        padding-left: 0;
    }
    .reg-form-entry input[type='text'], .reg-form-entry input[type='email'], .reg-form-entry textarea, .custom-file-upload {
        padding: 12px 12px;
    }
    .mainbtn-border {
        padding: 15px 20px;
    }
    .tournament-form-sec {
        padding: 20px 20px 10px 20px;
    }
    .y-b-input-field select, .y-b-input-field div, .y-b-input-field input {
        width: 100% !important;
        flex: 100%;
        max-width: 100%;
    }
    .y-b-input-field .mainbtn {
        width: 97% !important;
        margin-top: 20px ;
    }
    .videos .modal-dialog {
        width: 97vw;
        max-width: 100vw;
    }
    .sports-title {
        width: 80%;
    }
    .sports-list .owl-nav button.owl-next {
        right: 45px;
    }
    .sports-list {
        padding: 16px 0;
    }
    .videos .modal-title {
        font-size: 18px !important;
    }
    .achieverslide .achiever-img .aafter {
        right: 2%;
        bottom: 0em;
    }
    .achieverslide .achiever-img .abefore {
        left: -2%;
        top: 0em;
    }
    .feature-videos
    {
        padding-right: 20px !important;
    }

    .videosslide .owl-dots .owl-dot span, 
    .tournamentslide .owl-dots .owl-dot span, 
    .achieversmain .owl-dots .owl-dot span {
        width: 13px;
    }

    .dash-card1 h4, .dash-card2 h4, .dash-card3 h4, .dash-card4 h4 {
        font-weight: 600;
        font-size: 16px;
    }
    .dash-card1, .dash-card2, .dash-card3, .dash-card4 {
        padding: 20px 20px;
    }
    .select-tourn.sports:before, .select-tourn.month:before, .select-tourn.tmonth:before, .select-tourn.season:before, .select-tourn.age-goup:before {      
        height: 25px;
        width: 25px;
    }

    .g-recaptcha div {
        transform: scale(0.9);
        left: -5%;
        position: relative;
        top: -32%;
    }
   
    .contact-form .crow .ccol-6 {
        padding-right: 0;
    }
    .video-list h5, .video-list a {
        padding: 0px 16px;
    }

}
@media(max-width:475px) 
{   

.post-item .post-img img {
    height:370px;
}

.achieverslide .achiever-img .abefore, .achieverslide .achiever-img .aafter {
    width: 185px;
    height: 150px;
}

.achieverslide .achiever-img {
    min-height: 17em;
}
.achieverslide .achiever-img:before {
    height: 200px;
    width: 200px;
}
.searchbar {
    padding: 12px 10px 12px 20px;
}

.g-recaptcha div {
    transform: scale(0.8);
    left: -10%;
    position: relative;
    top: -32%;
}
.dashboard-nav {
    flex-direction: column;
}
.menu-mssa {
    padding: 31px 0;
}
.effort .hand1 {
    animation: none;
}
.gallerymodal .modal-dialog {
    width: 350px;
    max-width: 350px;
}

}

@media(max-width:400px) 
{    
   
    .achieverslide .achiever-img {
        min-height: 20em;
    }
    .homebannerslide .banner-caption {
        top: -30.5em;
    }
    .achieverslide .achiever-img {
        min-height: 15em;
    }
    .achieverslide .achiever-img .abefore, .achieverslide .achiever-img .aafter {
        width: 149px;
        height: 130px;
        border-width: 5px;
    }
    .galleryslide .item img {
        height: 207px;
    }
    .post-item .post-img img {
        height: 287px;
    }
    .menu-mssa .navbar-collapse {
        width: 300px;
    }
    .gallerymodal .modal-dialog {
        width: 340px;
        max-width: 340px;
    }

    
}