body { font-size: 14px; line-height: 1.4em; 
    font-family: "Roboto", sans-serif; 
    color: #333; font-weight: 400; }

 .padd80 { padding-top: 80px; padding-bottom: 80px; }
 p {font-size: 16px; line-height: 1.5em; font-weight: normal; 
    text-align: justify; margin-bottom: 5px; }
li {font-size: 16px; line-height: 1.5em; font-weight: normal; 
    text-align: justify; margin-bottom: 5px; }
 .pg-heading { padding-bottom: 10px; } 
 .pg-heading h3 { font-size: 25px; line-height: 1.2em;} 
 .pg-heading h1 { color: #2E2A6A; font-size: 30px; line-height: 1.2em; font-weight: bold;} 

.readmore:hover { background-color: #26176c; }
.readmore { background-color: #6fb8e2; }



.top-header {
    background: #0f2027;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
}
.top-header a {
    color: #00e6e6;
    margin-right: 15px;
    text-decoration: none;
}


.middle-header {
    padding: 10px 0;
}
.login-btn {
    border: 1px solid #00bcd4;
    color: #00bcd4;
    transition: 0.3s;
}
.login-btn:hover {
    background: #00bcd4;
    color: #fff;
}


.navbar {
    background: linear-gradient(90deg,#0f2027,#203a43,#2c5364);
}
.navbar-nav .nav-link {
    color: #fff;
    margin: 0 10px;
    position: relative;
}


.navbar-nav .nav-link::after {
    content:'';
    width:0;
    height:2px;
    position:absolute;
    left:0;
    bottom:-5px;
    background:#00e6e6;
    transition:0.4s;
}
.navbar-nav .nav-link:hover::after {
    width:100%;
}


.dropdown-menu {
    border:none;
    border-radius:10px;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:0.4s;
}
.dropdown-item {
    padding-left:35px;
    position:relative;
}

/* arrow icon */
.dropdown-item::before {
    content:"\f285";
    font-family:"bootstrap-icons";
    position:absolute;
    left:10px;
    opacity:0;
    transition:0.3s;
}

/* underline hidden */
.dropdown-item::after {
    content:'';
    position:absolute;
    left:35px;
    bottom:5px;
    width:0;
    height:2px;
    background:#00e6e6;
    transition:0.3s;
}

.dropdown-item:hover::before {
    opacity:1;
    transform:translateX(5px);
}
.dropdown-item:hover::after {
    width:60%;
}
.dropdown-item:hover {
    color:#00e6e6;
    background:none;
}


@media (min-width:992px){
    .nav-item.dropdown:hover .dropdown-menu{
        display:block;
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }
}

.bg-sec1  { background: url("../images/Ball-Badminton-bg11.jpg") center top; 
background-repeat: repeat; background-size: 100%; background-position: fixed; }
.bggray { background-color: rgba(32,58,67,0.8); }
.colwhite { color: #fff !important; }
.alleft { text-align: right; }
.matchthead {}
.matchthead th { background-color: #203a43; color: #fff; font-weight: solid; }
.marquee-wrapper {
    position: relative;
    white-space: nowrap;
}


.marquee-content {
    display: inline-block;
    padding-left: 100%; 
    animation: marquee-scroll 60s linear infinite;
}

/* Pause animation on hover for better UX */
.marquee-content:hover {
    animation-play-state: paused;
    cursor: pointer;
}


@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}


.marquee-content span {
    color: #333 !important;
    /*font-size: 1rem;
    font-weight: 400;*/
}

/* ===== SLIDER ===== */
.topslider {}
.topslider .carousel-item {
    height: 500px;
}
.carousel-item img {
    height: 100%;
    object-fit: cover;
}
.carousel-caption {
    background: rgba(0,0,0,0.5);
    padding: 20px;
    border-radius: 10px;
}

/* ===== ABOUT ===== */
.about img {
    border-radius:10px;
    margin-bottom:15px;
}


.table thead {
    background:#2c5364;
    color:#fff;
}
.btn-details {
    background:#00bcd4;
    color:#fff;
}

.bat-logo { text-decoration: none; }
.bat-logoimg { width: 100px; }
.asso-name { font-family: "Archivo Black", sans-serif; font-size:35px; font-weight: 400; font-style: normal; line-height: 1.2em; color: #2E2A6A; }
.btn-web { padding: 15px 20px; margin-top: 30px; 
	background-color: #F2D21B; border-radius: 0; 
	border: none; color: #333; font-weight: 600;  }
.btn-web:hover { background-color:#03040b; }
.ali-right { text-align: right; }

 .hocre-hd { font-size: 24px; line-height: 1.2em; 
    font-family: "Roboto", sans-serif; 
    color: #2E2A6A; font-weight: 600; padding-bottom: 0px; margin-bottom: 0px;  }
 
 .hocre-a { color: #2E2A6A; text-decoration: underline; }
 .hocre-a:hover { color: #6fb8e2; text-decoration: none; }
 .bg-gray { background-color:#f8f8f7; }



 .sponsor-logo{
    height:70px;
    object-fit:contain;
    transition:0.3s;
}

.sponsor-logo:hover{
    transform:scale(1.05);
}
.bg-yellow { background-color: #F2D21B; background: url('../images/footer-bg11.jpg') top center ; background-width:100%; }
.fo-link { color: #333; }
.fo-link:hover { color: #fff; }
.co-yellow { background-color: #F2D21B; }
.breadcrumb-item a { color: #333; text-decoration: none; }
.btrd25 { border-radius: 25px; padding: 5px 18px;  }