@import url("../fonts/segoe-ui/style.css");
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
/* font-family: 'Ubuntu', sans-serif; */

*{
    margin: 0;
    padding: 0;
}
body{
    font-size: 14px;
    font-family: sans-serif;
}
body,html{
    height: 100%;
}
h1, h2, h3, h4, h5, h6{
    font-family: sans-serif;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
a, a:hover{
    text-decoration: none;
    color: inherit;
    font-family: 'Segoe UI Regular', sans-serif;
    font-size: 15px;
}
img{
    max-width: 100%;
}



/***************************/
/***************************/

.heading-design{
    border-bottom: 1px solid #FF7F4F;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}
.heading-design img{
    margin-right: 20px;
    /* transform: translateY(7px); */
    width: 60px;
}
.heading-design h2{
    margin-bottom: 0;
    font-size: 1.5rem;
}

.heading-design i{
    margin-right: 20px;
    font-size: 52px;
    color: #FF7F4F;
}

/***************************************/
/***************************************/

a.navbar-brand img{
    max-width: 180px;
}
.navbar-collapse{
    position: relative;
    height: 150px;
    margin-top: 30px;
}
.top-header{
    border-bottom: 2px solid #FF7F4F;
    position: absolute;
    right: 3rem;
    top: 0;
    width: 100%;
    max-width: 1170px;
    padding-bottom: 1rem;
}
.top-header .social-list{
    color: #FF7F4F;
}
.top-header a.nav-brand h1{
    text-transform: capitalize;
    color: #FF7F4F;
    font-size: 20px;
}
.navbar-nav{
    width: 100%;
    justify-content: space-between;
    display: flex;
    max-width: 1140px;
}
a.nav-link{
    font-size: 18px;
    color: #323232 !important;
    padding-top: 2.5rem;
    transition: .2s all ease-in-out;
    text-transform: capitalize;
}
a.nav-link:hover{
    color: #FF7F4F !important;
    font-weight: 600;
}
.nav-item.active a.nav-link{
    color: #FF7F4F !important;
    font-weight: 600;
}

.bottom-nav{
    background: #010187;
}
.bottom-nav ul.bottom-nav-list{
    display: flex;
    justify-content: space-between;
}
.bottom-nav ul.bottom-nav-list a{
    color: #ffffff;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-top: 12px;
    padding-bottom: 12px;
    display: inline-block;
}
.bottom-nav ul.bottom-nav-list li:hover .dropdown-menu{
    display: block;
}
.bottom-nav ul.bottom-nav-list li .dropdown-menu, li.nav-item.dropdown .dropdown-menu{
    border-bottom: 2px solid #FF7F4F;
    border-radius: 0;
    top: 95%;
    padding: 0;
}
.bottom-nav ul.bottom-nav-list li .dropdown-menu a, li.nav-item.dropdown .dropdown-menu a{
    color: #FF7F4F;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
}
.moog .row_moog {
    /* background: linear-gradient(to bottom, #ffe5dc 0%, #ff7f4f 100%); */
    background: linear-gradient(to bottom, rgba(27,127,204,.8) 0%, #010187 100%);
}
.bottom-nav ul.bottom-nav-list li .dropdown-item.active, .bottom-nav ul.bottom-nav-list li .dropdown-item:active{
    background: #FF7F4F;
    color: #ffffff;
}
.bottom-nav ul.bottom-nav-list li .dropdown-menu a:hover, li.nav-item.dropdown ul.dropdown-menu a:hover{
    background: #FF7F4F;
    color: #ffffff;
}

/* .updates.bg-orange {
    background: linear-gradient(to bottom, #28a745 0%, #ffffff 100%);
    border-color: #fff;
} */
/* .updates.bg-orange .heading {
    border-bottom: 3px dashed #fff;
} */
.player_medal {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(0px, 0px);
    max-width: 40px;
}
.zipcode:invalid {
  color: red;
}
.hidden{
  display: none;
}


/***************************************/
/***************************************/

.event-list li{
    padding-top: 3rem;
    /* padding-bottom: .5rem; */
}
.event-list a{
    display: block;
}
.event-list figure{
    position: relative;
    max-height: 400px;
    overflow: hidden;
}
.event-list figure::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #000000;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .2s all ease-in-out;
    z-index: 1;
}
.event-list figure img{
    width: 100%;
    transition: .3s all ease-in-out;
}
.event-list figure .event-dates{
    position: absolute;
    left: 0;
    bottom: 0;
    background: #010187;
    padding: 7px 15px;
    text-transform: capitalize;
    display: inline-flex;
    color: #ffffff;
    font-weight: 500;
    align-items: center;
    z-index: 2;
	font-size: 12px;
}
.event-list figure .event-dates img{
    width: 18px;
    margin-right: 10px;
}
.event-list a h3{
    text-decoration: none;
    color: #333;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    transition: .2s all ease-in-out;
}
.event-list a .venue p{
    color: #aaaaaa;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 10px;
}
.event-list a .venue p span{
    color: #FF7F4F;
    display: inline-block;
    margin-right: 10px;
}
.event-list li a:hover h3{
    color: #FF7F4F;
}
.event-list li a:hover figure img{
    transform: scale(1.1) ;
}
.event-list li a:hover figure:before{
    opacity: .3;
}
.social-heading{
    font-size: 18px;
    display: flex;
    align-items: center;
}
.social-heading span{
    background: #03A9F4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: inline-block;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    padding-top: 8px;
    margin-right: 10px;
}

/*********************************/
/*********************************/
/*********************************/

.updates{
    border: 1px solid #020488;
    border-radius: 10px;
    height: 100%;
}
/* .updates.bg-orange{
    background: rgba(255, 126, 79, 0.2);
    border-color:rgba(255, 126, 79, 0);
} */
.updates .heading {
    font-size: 20px;
    padding: 25px 30px;
    text-transform: capitalize;
    margin-bottom: 0;
    border-bottom: 1px dashed #fff;
    background: #020488;
    color: #fff;
}
.updates-list{
    padding: 15px 30px 25px;
}
.updates-list li{
    margin-top: 20px;
    /* margin-bottom: 5px; */
}
.updates-list li:first-child{
    margin-top: 0;
}
.updates-list li a{
    width: 100%;
    /* display: flex; */
    align-items: center;
}
.updates-list li a .update-img{
    width: 120px;
    border-radius: 5px;
    overflow: hidden;
}
.updates-list li a .update-img.logo
{
    width: 100%;
    /* max-width: 70px; */
}
.updates-list li a .update-text{
    /* width: calc(100% - 120px); */
    padding: 5px 15px;
}
.updates-list li a .update-text h5{
    font-family: 'Segoe UI Regular', sans-serif;
    font-size: 16px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.updates-list li a .update-text span.date{
    font-size: 11px;
    color: #fff;
    text-transform: capitalize;
    background: #030689;
    padding: 5px;
}
.updates-list li a .update-text h4{
    font-family: 'Segoe UI Regular', sans-serif;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 5px;
}
.updates-list li a .update-text span.cate{
    font-size: 15px;
    font-weight: 600;
    color: #5C5C5C;
}

/********************/
/********************/
/********************/

.gallery-tile{
    display: block;
    position: relative;
    margin-bottom: 10px;
}


.gallery-tile img.thumbnail{
    width: 100%;
}
.gallery-detail{
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
}
.gallery-detail .img-count{
    background: #FF7F4F;
    padding: 10px 15px;
    display: flex;
    width: 100px;
    margin-right: 15px;
}
.gallery-detail .img-count{
    display: flex;
    color: #ffffff;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}
.gallery-detail .img-count img{
    width: 25px;
    margin-right: 10px;
}
.gallery-title{
    background: #FF7F4F;
    width: calc(100% - 115px);
    padding: 10px 15px;
}
.gallery-title h3{
    font-size: 18px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    color: #ffffff;
    margin-bottom: 0;
}
.gallery-title span.date{
    font-size: 12px;
    font-weight: 600;
    color: #F5F5F5;
    display: block;
}

.gallery-tile.small-tile .img-count img{
    width: 10px;
    margin-right: 5px;
}
.gallery-tile.small-tile .img-count span{
    font-size: 10px;
}
.gallery-tile.small-tile .img-count{
    width: 45px;
    padding: 5px 15px;
}
.gallery-tile.small-tile .gallery-title{
    width: calc(100% - 60px);
    padding: 5px 15px;
}
.gallery-tile.small-tile .gallery-title h3{
    font-size: 10px;
    margin-bottom: 0;
}
.gallery-tile.small-tile .gallery-title span.date{
    font-size: 8px;
}

/***************************************/
/***************************************/
/***************************************/

.news-section{
   /*  border-top: 1px solid #000000;
    border-bottom: 1px solid #000000; */
    padding-top: 1rem;
    padding-bottom: 1rem;
	
}

/************************************/
/************************************/
/************************************/

.subscribe-sec{
    background: rgba(255, 126, 79, 0.2);
}

.subscribe-sec h2{
    font-size: 48px;
    color: #FF7F4F;
    text-transform: capitalize;
    width: 100%;
    max-width: 450px;
    margin-bottom: 0;
}
.subscribe-sec h3{
    color: #000000;
    font-size: 24px;
}
.subscribe-sec p{
    font-size: 22px;
    color: #5C5C5C;
    width: 100%;
    max-width: 450px;
}
.subscribe-sec form{
    width: 100%;
    display: flex;
}
.subscribe-sec input{
    border:2px solid #FF7F4F;
    background: transparent;
    border-radius: 5px 0 0 5px;
    outline: none;
    height: 70px;
    width: calc(100% - 81px);
    padding: 15px;
    font-size: 22px;
}
.subscribe-sec button{
    background: #FF7F4F;
    outline: none;
    border-radius: 0 5px 5px 0;
    height: 70px;
    border: 2px solid #FF7F4F;
    padding: 15px;
    width: 81px;
}


/********************************/
/********************************/
/********************************/

footer a.logo img{
    max-width: 110px;
}
footer h2.f-brand{
    font-size: 21px;
    text-transform: capitalize;
    /* padding-bottom: 2.5rem; */
    border-bottom: 1px solid #FF7F4F;
}

footer h2{
    font-size: 21px;
    padding-bottom: .5rem;
    text-transform: capitalize;
}
footer ul.f-link li a{
    font-size: 15px;
    color: #79797b;
    /* font-weight: 600; */
    display: block;
    padding: 5px 0;
}
footer ul.f-cont-list{
    padding: 15px;
}
footer ul.f-cont-list li a{
    color: #FF7F4F;
    font-size: 16px;
    margin-bottom: 15px;
    display: inline-flex;
    /* font-weight: 600; */
}
footer ul.f-cont-list li a img{
    margin-right: 10px;
    width: 20px;
}

.copywrite-sec{
    background: #FF7F4F;
    color: #ffffff;
} 
.copywrite-sec p{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 1px;
}
.design_company {
    color: #000;
}
.summary {
    font-size: 18px;
    text-align: justify;
}
.social-list{
    display: flex;
    align-items: center;
}
.social-list h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 10px
}
.social-list ul li{
    display: inline-block;
    padding: 0 10px;
}
.social-list li a{
    font-size: 20px;
}


/**********************************/
/**********************************/

.header-section{
    position: relative;
    min-height: 500px;
    background-size: cover !important;
	background-position: center !important;
}
.header-section:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.header-section img{
    width: 100%;
}
.header-text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1170px;
    text-align: center;
    padding: 5rem 2rem;
}
.header-text h1{
    font-size: 3rem;
    color: #ffffff;
    text-transform: capitalize;
}
.header-text p{
    font-size: 1rem;
    color: #ffffff;
    max-width: 800px;
    width: 100%;
    margin: auto;
}
.c-left-side{
    position: relative;
    background-size: cover  !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: #ffffff;
}
.c-left-side div{
    position: relative;
    z-index: 2;
    height: 100%;
}
.c-left-side:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.c-left-side h2{
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
    display: inline-block;
    font-size: 2rem;
}
.c-left-side h3{
    color: #ffffff;
    /* font-size: 1.3rem; */
    font-weight: 300 !important;
}
.c-left-side p{
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: capitalize;
}
.c-left-side ul li{
    width: 100%;
    font-size: 2rem;
}
.c-left-side ul li i{
    margin-right: .5rem;
}
.c-left-side li span{
    font-weight: 500;
}
.c-left-side ul li a{
    color: #FF7F4F;
}
.contact-form input, .contact-form textarea{
    width: 100%;
    border: none;
    border-bottom: 1px solid #999;
    font-size: 1rem;
    padding: 5px 15px;
    margin-bottom: 15px;
    outline: none;
    background:transparent;
    font-family: 'Ubuntu', sans-serif;
}
.contact-form textarea{
    min-height: 100px;
    margin-bottom: 25px;
}
.contact-form input::placeholder, .contact-form textarea::placeholder{
    color: #999;
}
.contact-form h2{
    font-size: 2rem;
    color: #323232;
    text-align: center;
    font-weight: 600;
    font-family: 'Ubuntu', sans-serif;
}
.contact-form button{
    background: #000000;
    padding: 6px 25px;
    color: #ffffff;
    font-size: 1rem;
    outline: none;
    border: 1px solid #000000;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
}
.person-detail{
    background: #000000;
    color: #ffffff;
}
.person-detail h2{
    display: inline-block;
    font-size: 1rem;
    border-bottom: 1px solid #999;
    text-transform: capitalize;
    color: #FF7F4F;
}
.person-detail h3{
    font-size: 1.5rem;
}
.person-detail p{
    font-size: 1rem;
    margin-bottom: 0
}

/**********************************/
/**********************************/

.custm-table table tr td:nth-child(2){
    text-align: left;
}
.custm-table td a{
    padding: 5px 0;
    color: #FF7F4F;
    border: 2px solid #FF7F4F;
    display: inline-block;
    border-radius: 5px;
    transition: .2s all ease-in-out;
    width: 110px;
    text-align: center;
}
.custm-table td a i{
    margin-right: 5px;
}
.custm-table td a:hover{
    background: #FF7F4F;
    color: #ffffff;
}
.custm-table td p{
    padding: 5px 0;
    color: #323232;
    font-weight: 600;
    margin-bottom: 0;
}
.custm-table tr:last-child{
    border-bottom: 2px #343a40 solid;
}

/**********************************/
/**********************************/

.member-card{
    padding: 15px 0;
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: 100%;
}
.member-card .team-member-img{
    background: #ffffff;
    border: 1px solid #FF7F4F;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 5px;
}
.member-card .team-member-img.bbsingh {
background: #333;
}
.member-card .team-member-img img{
    width: 100%;
    /* position: relative; */
    /* left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
}
.member-card .mem-name {
    border-bottom: 3px solid #050505;
}
.member-card .mem-name h2 {
    margin-bottom: 0;
    font-weight: 900;
    font-size: 21px;
    line-height: 1.2;
}
.member-card .mem-name p {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #050505;
}
.member-card .mem-name p b {
    color: #FF7F4F;
}
.member-card .mem-bios {
    padding: 15px 0;
}
.member-card .mem-bios p {
    margin-bottom: 10px;
}
.member-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #ffa910;
    opacity: .6;
}
.member-card .mem-bios ul li:last-child p{
    margin-bottom: 0;
}
.member-card .mem-bios p i{
    margin-right: 5px;
}
.member-card .mem-bios p i.fa-phone{
    transform: rotate(90deg);
}
.member-card::before {
    content: "";
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 35px;
    height: 35px;
    background-color: #ffa910;
    opacity: .6;
}
/**********************************/
/**********************************/

.custm-table-2 td{
    border-top: 1px solid #FF7F4F ;
}
.custm-table-2 td p{
    padding: 5px 0;
    color: #323232;
    margin-bottom: 0;
}
/* .custm-table-2 td p b{
    color: #FF7F4F;
} */
.custm-table-2 tr:last-child{
    border-bottom: 2px #343a40 solid;
}
.custm-table-2 .fa-phone{
    transform: rotate(90deg);
}
.custm-table-2 p i{
    margin-right: 5px;
}

.custm-table-2 td ul li p{
    display: flex;
    align-items: baseline;
}
/**********************************/
/**********************************/

.custm-tab .nav-tabs .nav-link{
    padding-top: 0.5rem;
    width: 100%;
    max-width: 50%;
    color: #FF7F4F !important;
    padding: 1rem 0!important;
    font-size: 1.5rem;
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: .5px;
    border: none;
    border-radius: 0;
    text-align: center;
}
.custm-tab .nav-tabs{
    background: #231047;
}
.custm-tab .nav-tabs .nav-link.active{
    background: #FF7F4F;
    color: #ffffff !important;
}
.custm-tab .tab-content{
    border: 1px solid #A6A6A6;
    padding: 15px;
    border-top: 0;
}

/**********************************/
/**********************************/
.custm-collaspse{
    font-family: 'Ubuntu', sans-serif;
}
.custm-collaspse .card{
    margin-bottom: 20px;
}
.custm-collaspse .card-body{
    border: 1px solid #aaaaaa;
    border-top: 0;
}
.custm-collaspse .accordion>.card>.card-header{
    padding: 0;
}

.custm-collaspse .accordion>.card>.card-header button.collapsed{
    background: #231047;
    color: #FF7F4F;
    border-radius: 0;
}
.custm-collaspse .accordion>.card>.card-header button{
    background: #FF7F4F;
    color: #ffffff;
    padding: 1rem 1rem;
    font-size: 1.2rem;
    border-radius: 0;
    outline: none;
    text-shadow: none !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 600;
}
.custm-collaspse .btn.focus, .custm-collaspse .btn:focus{
    box-shadow: none;
}
.custm-collaspse .card-header h2 button:before {
    float: right !important;
    font-family:'FontAwesome';
    content:"\f068";
    padding-right: 5px;
    font-weight: 300;
    color: #ffffff;
    background: #707070;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    font-size: 18px;
    padding-top: 1px;
    padding-left: 4.5px;
}
.custm-collaspse .card-header h2 button.collapsed:before {
    float: right !important;
    content:"\f067";
    font-weight: 300;
    color: #323232;
    background: #FF7F4F;
    width: 27px;
    height: 27px;
    padding-top: 1px;
    padding-left: 4.5px;
}

ul.list-icon li{
    width: 100%;
    position: relative;
    padding-left: 15px;
}
ul.list-icon li::before{
    content: "\f101";
    position: absolute;
    left: 0;
    top: 0;
    font-family: FontAwesome;
    font-size: 15px;
    color: #FF7F4F;
}

.filter-sort select{
    /* height: 45px; */
    padding: 0.5rem 0;
    width: 100%;
    border: none;
    border-bottom: 2px solid #323232;
    outline: none;
    font-size: 1.3rem;
}
.result-list{
    margin-top: 3rem;
}
.result-list li:first-child{
    background: #231047;
    width: 100%;
    padding: 1rem;
}
.result-list li:first-child .result-title h2{
    color: #ffffff !important;
    margin-bottom: 0;
}
.result-list li{
    width: 100%;
    margin-top: 1.5rem;
    border-bottom: 1px solid #aaaaaa;
    display: flex;
    padding: 0.5rem;
}
.result-list li .result-title{
    width: 75%;
    padding-right: 1rem;
}
.result-list li .result-btn {
    width: 25%;
    text-align: center;
}
.result-list li .result-title h2{
    font-size: 1.3rem;
    color: #323232;
    font-family: 'Ubuntu', sans-serif;
}
.result-list li .result-btn a{
    padding: 5px 0;
    color: #FF7F4F;
    border: 2px solid #FF7F4F;
    display: inline-block;
    border-radius: 5px;
    transition: .2s all ease-in-out;
    width: 110px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
}
.result-list li .result-btn a:hover {
    background: #FF7F4F;
    color: #ffffff;
}

/**********************************/
/**********************************/


@media screen and (max-width:1200px) {
    .c-left-side ul li, .c-left-side h2 {
        font-size: 1.5rem;
    }   
}
@media screen and (max-width:991px) {
    .bottom-nav{
        display: none;
    }
    .navbar-toggler{
        border: none;
        outline: none;
        background: none;
        font-size: 3rem;
        color: #FF7F4F !important;
    }
    a.navbar-brand img {
        max-width: 130px;
    }
    .top-header {
        border-bottom: none;
        position: absolute;
        left: 180px;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        /* max-width: 1170px; */
        padding-bottom: 0;
        max-width: 65%;
    }
    .top-header h1{
        border-bottom: 2px solid #FF7F4F;
        padding-bottom: 10px;
    }
    .navbar-collapse{
        padding-left: 0;
        position: absolute;
        height: auto;
        left: -100%;
        top: 100%;
        z-index: 55;
        background: #fff;
        width: 100%;
        margin-top: 0;
        padding-bottom: 30px;
        border-top: 2px solid #FF7F4F;
        border-bottom: 2px solid #FF7F4F;
        display: block !important;
        transition: .5s all ease-in-out;
        /* max-width: 360px; */
        padding-right: 0 !important;
    }
    .navbar-collapse.show{
        left: 0;
    }
    a.nav-link{
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 30px !important;
        border-bottom: 1px solid #5C5C5C;
    }
    /* .dropdown-menu.show{
        display: block;
    } */
    
}

@media screen and (min-width: 991px) {
    li.nav-item.dropdown:hover ul.dropdown-menu{
        display: block;
    }
}


@media screen and (max-width:767px) {
    
    .gallery-tile.small-tile .img-count img{
        width: 25px;
        margin-right: 10px;
    }
    .gallery-tile.small-tile .img-count span{
        font-size: unset;
    }
    .gallery-tile.small-tile .img-count{
        width: 100px;
        padding: 10px 15px;
    }
    .gallery-tile.small-tile .gallery-title{
        width: calc(100% - 115px);
        padding: 10px 15px;
    }
    .gallery-tile.small-tile .gallery-title h3{
        font-size: 18px;
        margin-bottom: 0;
    }
    .gallery-tile.small-tile .gallery-title span.date{
        font-size: 12px;
    }
}


@media screen and (max-width:576px) {
    a.navbar-brand img {
        max-width: 100px;
    }
    .top-header{
        left: 130px;
        max-width: 175px;
    }
    .top-header a.nav-brand h1{
        padding-bottom: 0;
        border-bottom: 0;
    }
    .navbar-toggler{
        font-size: 2rem;
    }
    .heading-design h2, .event-list a h3{
        font-size: 1.2rem;
    }
    .subscribe-sec h2 {
        font-size: 37px;
    }
    footer h2.f-brand {
        font-size: 20px;
        padding-bottom: 1.5rem;
    }
    .c-left-side ul li, .c-left-side h2 {
        font-size: 1.3rem;
    }
    .custm-tab .nav-tabs .nav-link{
        font-size: .8rem;
        padding: .5rem 0 !important;
    }
    .result-list li{
        display: block;
    }
    .result-list li .result-title{
        width: 100%;
        padding-right: 0.5rem;
    }
    .result-list li .result-btn {
        width: 100%;
        text-align: center;
        margin-top: 1rem;
        text-align: left;
    }
    .result-list li .result-title h2 {
        font-size: 1rem;
        color: #323232;
    }
}

@media screen and (max-width:320px) {
    
}


/******* ------=====------ ********/
.registration_para {
    padding: 29px 0;
}
.regist_quote {
    background-color: #ffe5dc;
    padding: 20px;
    font-weight: 600;
    font-size: 14px;
}
.registration_img {
    border: 5px solid #ff7f4f;
}
.bottom-nav-list li:nth-child(1) a {
    background-color: #fff;
    color: #000;
    font-weight: 600;
    padding: 12px 12px 12px 10px;
}

.my-custom-scrollbar {
position: relative;
height: 610px;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}

/* #news-carousel .owl-stage .owl-item {
    height: 100%;
    min-height: 120px !important;
    min-height: 160px !important;
} */
#news-carousel .owl-stage .owl-item {
    height: 100%;
    /* min-height: 120px !important; */
    min-height: 160px !important;
    border: 1px solid #000;
    width: 100% !important;
    max-width: 161px;
    text-align: center;
    padding: 5px;
}

#news-carousel .owl-stage .owl-item img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); 
    /* max-width: 120px; */
    max-width: 150px;
}
.coal_img {
    max-width: 100px !IMPORTANT;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}
.success_message  p {
    color: #fff;
    font-size: 18px;
    padding: 7px 12px;
    border-radius: 8px;
}
p.green_p {
    background: #014e01;
}
p.red_p {
    background: #a00000;
}

.form {
    /* animation: blinker 1s linear infinite; */
}
input.highlight-error {
    border-color: red;
    background: #ff00001f;
}
button:disabled {
    cursor: not-allowed !important;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* add css for Add underline animation over Main menu item and quick links on hover*/

 a.nav-animation-link::before {
    content: "";
    position: absolute;
    top: 94%;
    right: 0;
    width: 0%;
    height: 2px;
    border-bottom: 2px solid #FF7F4F;
    transition: all 0.4s linear;
 }
  a.nav-animation-link:hover::before
  {
    width: 100%;
    left: 0;
  }
  a.nav-animation-link {
    position: relative;
  }
 /*add css for animation hover for footer submenu*/
   a.footer-animation-link::before {
    content: "";
    position: absolute;
    top: 94%;
    width: 0%;
    height: 2px;
    border-bottom: 2px solid #FF7F4F;
    transition: all 0.4s linear;
 }
 a.footer-animation-link:hover::before
  {
    width: 50%;
  }
  a.footer-animation-link {
    position: relative;
  }
  /*hover on social icons*/
   .social-list li a:hover
   {
    color: #010187;
   }
   /*css update by hariom*/
   

.hgallery .thumbnail {/* max-height: 222px; */height: 100%;}

.hgallery a {
    height: 100%;
}

.olympic_players_desc {
    background: #0000008c;
	display: none;
}
figure:hover .olympic_players_desc {
	display: block;
}
.rti_cell_col {
	display: flex;
}
/** Popup **/
.popup-btn {
	background-color: #FF7F4F;
	color: #fff;
	font-weight: 600;
}
.popup-btn:hover
{
	color:#fff;
}
.popup-heading
{
   color: #FF7F4F;
   font-size: 26px;
}
.youtubepopuptv .modal-header {
    display: block;
    text-align: center;
}
.modal-open .modal {
    background: rgb(0 0 0 / 60%);
}
.impnotice_marquee {
    padding: 10px 0;
}
.impnotice_marquee_sec .row {
    background: #FF7F4F;
	position: relative;
	padding: 10px 0;
}
.impnotice {
    font-size: 18px;
    color: #000;
    font-weight: 100;
    letter-spacing: .5px;
}
.notice_icon_img {
    width: 100%;
    max-width: 110px;
    position: absolute;
    left: 9.1%;
    bottom: -12px;
}
.states_wfi td a{
    padding: 5px 0;
    color: #FF7F4F;
    border: 2px solid #FF7F4F;
    display: inline-block;
    border-radius: 5px;
    transition: .2s all ease-in-out;
    width: 110px;
    text-align: center;
}
.states_wfi td a i{
    margin-right: 5px;
}
.states_wfi td a:hover{
    background: #FF7F4F;
    color: #ffffff;
}
.name_tittle {
    font-size: 16px;
}
.doping_links_color {
    color: #ff7f4f;
}
.official-partner-img
{
	object-fit: cover;
	height:250px;
	width:100%;

}
.form_tagline {
    color: #ff7f4f;
    font-size: 16px;
    font-weight: 600;
}
.online_form {
    animation: blinkingText 3s infinite;
	padding: 0 10px 10px;
}
@keyframes blinkingText{
		50%			{ background: #FF7F4F;}
		100%		{ background: #28a745;}
	}
	
	
/* New Color scheme for Homepage */
.footer_bg {
    background: #000;
	color: #fff;
}
.social_connect{
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #010187 100%);
}
.feat_videos {
	/* background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #28a745 100%); */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #010187 100%);
}
.moog .row_moog .heading-design {
    border-bottom: 1px solid #fff;
}
.gallery_sec {
    background: black;
    color: #fff;
}

.logo_grids {
    width: 100%;
    max-width: 190px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.score {
    font-weight: 700 !important;
    background: black;
    padding: 12px;
}.latest_news {    color: blue;}




/* New Home Page Design CSS */
@font-face {
    font-family: "GTWalsheimPro-Regular";
    src: url(../fonts/GTWalsheimPro/GTWalsheimPro-Regular.ttf);
}
@font-face {
    font-family: "GTWalsheimPro-Medium";
    src: url(../fonts/GTWalsheimPro/GTWalsheimPro-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: "GTWalsheimPro-Bold";
    src: url(../fonts/GTWalsheimPro/GTWalsheimPro-Bold.ttf);
    font-weight: 600;
}

:root{
    --nd-primary: #231047;
    --nd-secondary: #FF9C30;
    --nd-green: #269122;
    --nd-white: #ffffff;
    --nd-bgblue: #EDEFFE;
    --nd-bgred: #FFFAF4;
    --nd-font-regular: "GTWalsheimPro-Regular", sans-serif;
    /* --nd-font-medium: "GTWalsheimPro-Medium", sans-serif; */
    /* --nd-font-bold: "GTWalsheimPro-Bold", sans-serif; */

    /* Font Size */

    --nd-font-size-heading: 42px;
}
.nd-color-secondary{
    color: var(--nd-secondary) !important;
}
.nd-bglight{
    background-color: var(--nd-bgblue);
}

.nd-bglight2{
    background-color: var(--nd-bgred);
}

.gt-font-regular{
    font-family: var(--nd-font-regular);
}
.nd-HeadingStyle{
    font-family: var(--nd-font-regular);
    font-weight: 500;
    color: var(--nd-primary);
    font-size: var(--nd-font-size-heading);
}
.nd-HeadingStyle.partner-heading{
    font-size: 6vw;
    font-weight: 700;
    text-align: center;
}
.nd-HeadingStyle span{
    color: var(--nd-secondary);
}


.nd-news-top-section{
    background-color: var(--nd-secondary);
    height: 43px;
    position: relative
}
.nd-nts-heading{
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--nd-primary);
    color: var(--nd-white);
    height: 100%;
    padding: 5px 20px;
    display: flex;
    align-items: center;
    font-family: var(--nd-font-regular);
    font-weight: 500;
    z-index: 5;
}
.nd-news-top-section marquee { 
    height: 43px;
    line-height: 43px;
    width:100%;
    color:var(--nd-white);
    font-family: var(--nd-font-regular);
    font-weight: 500;
	font-size: 15px;
} 
.nd-navbar{
    padding-left: 3rem;
    padding-right: 3rem;
}

.nd-navbar .navbar-collapse {
    margin-top: 0;
}
.nd-navbar .navbar-brand img{
    /* max-width: 100px; */
    max-width: 145px;
    margin-right: 15px;
}
.nd-navbar .navbar-brand{
    font-size: 18px;
    font-family: var(--nd-font-regular);
    font-weight: 500;
    color: var(--nd-primary);
    text-transform: capitalize;
}
.nd-navbar .navbar-nav{
    max-width: 1100px;
}

.nd-navbar .navbar-collapse a.nav-link{
    padding-top: 7px;
    font-family: var(--nd-font-regular);
    text-wrap: nowrap;
}
.nd-navbar .nd-contact-link{
    background-color: var(--nd-green);
    color: var(--nd-white) !important;
    font-weight: 700;
    padding: 8px 15px !important;
    border: 1px solid var(--nd-green);
    transition: .3s ease all;
    margin-left: 55px;
}

.nd-navbar .nd-contact-link:hover{
    background-color: var(--nd-white);
    color: var(--nd-green) !important;
}
.nd-navbar .nd-contact-link:hover::before{
    display: none;
}
.nd-navbar .navbar-collapse{
    height: 134px;
}

.nd-bottom-nav{
    background-color: var(--nd-primary);
}
.nd-bottom-nav .bottom-nav-list a{
    font-family: var(--nd-font-regular);
    /* font-weight: 500; */
}
.nd-bottom-nav .bottom-nav-list li a{
    text-wrap: nowrap;
}
.nd-bottom-nav .bottom-nav-list{
    max-width: 1400px;
    margin: 0 auto;
}
.nd-bottom-nav .bottom-nav-list li:nth-child(1) a{
    background-color: transparent;
    color: var(--nd-secondary);
    padding: 12px 0;
}
.nd-bottom-nav .bottom-nav-list li:last-child{
    padding-top: 8px;
}
.nd-bottom-nav .bottom-nav-list li a.score{
    background-color: var(--nd-secondary);
    color: var(--nd-primary);
    font-weight: 500 !important;
    height: 32px;
    padding: 0 15px;
    line-height: 32px;
}

.nd-carousel .carousel-indicators li{
    height: 22px;
    width: 22px;
    border-radius: 50%;
    position: relative;
    border: 1px solid var(--nd-white);
    background-color: transparent;
}
.nd-carousel .carousel-indicators li::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 9px;
    width: 9px;
    border-radius: 50%;
    background-color: var(--nd-white);
    opacity: 0;
    transition: opacity .6s ease;
}
.nd-carousel .carousel-indicators li.active::before{
    opacity: 1;
}
.nd-carousel .carousel-caption{
    right: auto;
    width: 100%;
    max-width: 400px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: 75px;
}
.nd-carousel .carousel-caption h5{
    color: var(--nd-white);
    font-family: var(--nd-font-regular);
    font-size: 40px;
}

.nd-carousel .carousel-caption a{
    background-color: var(--nd-secondary);
    display: inline-block;
    padding: 8px 20px;
    color: var(--nd-white);
    font-family: var(--nd-font-regular);
    font-size: 18px;
}
.nd-carousel .carousel-item::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.nd-owl-carousel .owl-dots{
    margin-top: 40px !important;
    text-align: center;
}
.nd-owl-carousel .owl-dot span{
    width: 40px !important;
    height: 7px !important;
    background: #E1D7CF !important;
}
.nd-owl-carousel .owl-dot.active span{
    background: var(--nd-primary) !important;
}
.nd-owl-carousel .embed-responsive{
    border-radius: 20px;
    border: 2px solid var(--nd-primary);
    height: 245px;
}
.nd-owl-carousel h3{
    font-family: var(--nd-font-regular);
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
.nd-owl-carousel span.nd-date{
    color: #535C5E;
    font-family: var(--nd-font-regular);
    font-size: 18px;
    font-weight: 400;
}
.nd-partner{
    box-shadow: 0px 0px 5px 0px #0000009C;
    width: 100%;
    padding: 20px;
    border-radius: 20px;
    background-color: var(--nd-white);
}
.nd-partner img{
    border-radius: 17px;
    box-shadow: 0px 4px 4px 0px #00000040;
    width: 100%;
    /* height: 367px; */
	height: 300px;
    object-fit: cover;
    object-position: center;
}


.nd-partner h3{
    color: var(--nd-primary);
    font-family: var(--nd-font-regular);
    font-size: var(--nd-font-size-heading);
    text-shadow: 0px 4px 4px #00000040;
    text-align: center;
    margin-top: 50px;
    font-weight: 500;
    margin-bottom: 20px;
}

.nd-card{
    align-items: center;
    padding: 16px;
    /* box-shadow: 0px 0px 60px 0px #20385526; */
	box-shadow: 0px 0px 60px 0px #203855c2;
    /* background-color: var(--nd-white); */
	background-color: #9a8e5740;
    border-radius: 16px;
    margin-bottom: 16px;
    height: 100%;
}

.upcoming-event .nd-card {
    align-items: center;
    padding: 16px;
    box-shadow: 0px 0px 2px 0px #20385573;
	background-color: transparent;
    border-radius: 16px;
    margin-bottom: 16px;
    height: 100%;
}

.nd-card h4{
    font-size: 20px;
    color: #333333;
    max-width: 225px; 
    font-family: var(--nd-font-regular);
    font-weight: 500;
    text-transform: capitalize;
}
.nd-card p.date{
    font-size: 15px;
    color: #333333;
    font-family: var(--nd-font-regular);
    font-weight: 500;
}
.nd-card p{
    font-size: 14px;
    /* color: #98A0A2; */
	color: #000000ba;
    font-family: var(--nd-font-regular);
    line-height: 18.74px;
}
.nd-card p:last-child{
    margin-bottom: 0;
}

.nd-card ul{
    list-style: disc;
    padding-left: 20px;
}
.nd-card ul li{
    padding: 0;
    background: none;
    box-shadow: none;
    margin-bottom: 0;
    display: list-item;
}

.nd-card li::marker{
    color: #98A0A2 !important;
}
.nd-card .see-more-btn{
    margin-top: 10px;
    color: var(--nd-secondary);    
    float: right;
    display: block;
    font-weight: 500;
    font-family: var(--nd-font-regular);
    font-size: 16px;
    margin-bottom: 10px;
}

.nd-card li.nd-member{
    margin-bottom: 20px;
}
.nd-card li:last-child.nd-member{
    margin-bottom: 0;
}
.nd-card li.nd-member p.nd-name{
    font-size: 18px;
    color: var(--nd-primary);
    font-weight: 600;
    margin-bottom: 10px;
}
.nd-card li.nd-member p.nd-list{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.nd-card li.nd-member p.nd-list i{
    margin-right: 10px;
    font-size: 12px;
}
.nd-card li.nd-member p.nd-list span{
    font-weight: 600;
    display: inline-block;
    margin: 0 5px;
}
.nd-card li.nd-member p.nd-list i.fa-phone{
    transform: rotate(90deg);
}
.nd-card .nd-member-list{
    list-style: none;
    padding-left: 0;
}
.nd-card .nd-img{
    text-align: center;
}
.nd-card .nd-img img{
    max-height: 300px;
}
.nd-card .nd-member{
    display: flex;
    align-items: center;
}
.nd-card .nd-member img{
    height: 60px;
    object-fit: cover;
    object-position: center;
    margin-right: 15px;
}




.nd-updates-list{
    padding: 0;
    margin: 0;
}
.nd-updates-list li{
    display: flex;
    align-items: center;
    padding: 16px;
    box-shadow: 0px 0px 60px 0px #20385526;
    background-color: var(--nd-white);
    border-radius: 16px;
    margin-bottom: 16px;
}
.nd-updates-list li{
    transform: scale(.9);
    transition: .3s all ease-in-out;
}
.nd-updates-list li:first-child, .nd-updates-list li:hover{
    transform: scale(1);
}
.nd-updates-list li:nth-child(2){
    position: relative;
    z-index: 4;
}
.nd-updates-list li:last-child{
    margin-bottom: 0;
    transform: scale(.8) translateY(-65px);
    position: relative;
    z-index: 2;
}
.nd-updates-list li:hover:last-child{
    transform: scale(1) translateY(-65px);
    z-index: 5;
}


.nd-updates-list .nd-img{
    width: 120px;
    margin-right: 16px;
    height: max-content;
}
.nd-updates-list .nd-content{
    width: 100%;
}
.nd-updates-list .nd-content ul{
    list-style: disc;
    padding-left: 20px;
}
.nd-updates-list .nd-content ul li{
    padding: 0;
    background: none;
    box-shadow: none;
    margin-bottom: 0;
    display: list-item;
}
.nd-updates-list .nd-content ul li:last-child{
    transform: none;
}
.nd-updates-list .nd-content li::marker{
    color: #98A0A2 !important;
}
.nd-updates-list .nd-content ul li p{
    margin-bottom: 0;
}
.nd-updates-list .nd-content h4{
    font-size: 20px;
    color: #333333;
    max-width: 250px;
    font-family: var(--nd-font-regular);
    font-weight: 500;
    text-transform: capitalize;
}
.nd-updates-list .nd-content p.date{
    font-size: 15px;
    color: #333333;
    font-family: var(--nd-font-regular);
    font-weight: 500;
}
.nd-updates-list .nd-content p{
    font-size: 12px;
    color: #98A0A2;
    font-family: var(--nd-font-regular);
    line-height: 13.74px;
}
.nd-updates-list .nd-content p:last-child{
    margin-bottom: 0;
}

.nd-intevent-section{
    background: url(../images/event-bg.png);
    background-size: cover;
    position: relative;
}
.nd-intevent-section::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.IntEventCard{
    width: 100%;
    height: auto;
    padding: 16px;
    border-radius: 16px;
    display: block;
    background-color: var(--nd-white );
}
.IntEventCard img{
    height: 200px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    border-radius: 8px;
}
.nd-event-content{
    padding-top: 10px;
}
.nd-event-content span.nd-date{
    display: flex;
    align-items: center;
    font-family: var(--nd-font-regular);
    font-size: 11px;
    font-weight: 600;
    color: var(--nd-primary);
}
.nd-event-content span.nd-date i{
    font-size: 14px;
    margin-right: 10px;
}
.nd-event-content h3{
    font-family: var(--nd-font-regular);
    font-size: 16px;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 58px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.nd-event-content p.para{
    font-size: 12px;
    color: #98A0A2;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.nd-event-content .nd-bottomPanel{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.nd-event-content p.venue{
    font-size: 14px;
    color: #333333;
    margin-bottom: 0;
    font-weight: 600;
}
.nd-event-content p.venue span{
    color: #8F8100;
}
.nd-event-content .nd-bottomPanel .nd-readMoreBtn{
    padding: 8px 15px;
    font-family: var(--nd-font-regular);
    font-weight: 600;
    background-color: var(--nd-primary);
    color: var(--nd-white);
    border-radius: 9px;
    letter-spacing: 1px;
    transition: .3s all ease-in-out;
    min-width: 107px;
    text-align: center;
    margin-left: 10px;
}
.nd-event-content .nd-bottomPanel .nd-readMoreBtn:hover{
    background-color: var(--nd-secondary);
}

.nd-owl-carousel.nd-intEvents .owl-dot.active span{
    background: var(--nd-secondary) !important;
}
.nd-nationalEventSection{
    background-color: #FFFAF4;
}
.IntEventCard.NatEventCard{
    box-shadow: 0px 0px 60px 0px #20385526;
    display: flex;
    align-items: center;
}

.NatEventCard .nd-event-image img{
    min-width: 300px;
}

.NatEventCard .nd-event-content{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    height: 100%;
    padding-left: 16px;
}

.NatEventCard .nd-event-content .nd-bottomPanel .nd-readMoreBtn{
    border: 2px solid var(--nd-primary);
    background: var(--nd-white);
    transition: .3s all ease-in-out;
    color: var(--nd-primary);
}
.NatEventCard .nd-event-content .nd-bottomPanel .nd-readMoreBtn:hover{
    background: var(--nd-secondary);
    border-color: var(--nd-secondary);
    color: var(--nd-white);
}
.NatEventCard .nd-event-image img{
    height: 224px;
}
.NatEventCard .nd-event-content{
    padding-bottom: 10px;
}


.nd-medalistSection{
    background: url(../images/medal-bg.png);
    background-size: cover;
    position: relative;
}
/* .nd-medalistSection::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
} */

.nd-medalistSection .nd-owl-carousel .player{
    height: 425px;
    object-fit: cover;
    object-position: top;
}

.nd-medalistSection .nd-owl-carousel .carousel-caption{
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    background-color: var(--nd-secondary);
    width: calc(100% - 50px);
    /* max-width: 260px; */
    border-radius: 20px;
    padding: 15px;
}
.nd-medalistSection .nd-owl-carousel .carousel-caption h5{
    color: var(--nd-primary);
    font-size: 20px;
    font-family: var(--nd-font-regular);
    font-weight: 500;
}
.nd-medalistSection .nd-owl-carousel .carousel-caption h6, .nd-medalistSection .nd-owl-carousel .carousel-caption span{
    font-size: 16px;
    font-family: var(--nd-font-regular);
    display: block;
    line-height: 1.2;
}

.nd-gallerySection a.lightbox{
    display: block;
}
.nd-gallerySection a.lightbox img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}
.nd-gallerySection a.lightbox.nd-first img{
    height: 516px;
}
#baguetteBox-overlay .full-image img{
    height: calc(100% - 50px) !important;
}
.nd-btn{
    background-color: var(--nd-secondary);
    padding: 8px 20px !important;
    color: var(--nd-white);
    display: inline-block;
    font-size: 20px;
    font-family: var(--nd-font-regular) !important;
    border: 2px solid var(--nd-secondary);
    transition: .3s all ease-in-out;
}
.nd-btn:hover{
    background-color: var(--nd-white);
    color: var(--nd-secondary);
}
.nd-assPartner .logo_grids{
    background-color: var(--nd-white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    box-shadow: 0px 0px 5px 0px #0000009C;
    border-radius: 15px;
    width: 100%;
    max-width: 100%;
    padding: 25px;
    min-height: 230px;
    margin: 5px;
}
.nd-assPartner .logo_grids img{
    height: 160px;
    object-fit: contain;
    object-position: center;
    max-width: 100%;

}

.nd-footer-bg{
    background: url(../images/footer-bg.png);
    background-size: cover;
    background-position: top center;
}
.nd-footer-bg .logo img{
    height: 160px;
    max-width: initial;
}
.nd-footer-bg .logo h2{
    font-family: var(--nd-font-regular);
    font-weight: 500;
    color: var(--nd-white);
}
.nd-footerContent h2{
    font-family: var(--nd-font-regular);
    font-weight: 600;
    color: var(--nd-white);
    font-size: 20px;
    letter-spacing: .5px;
}
.nd-footerContent .f-link a{
    color: var(--nd-white);
    font-family: var(--nd-font-regular);
    font-size: 16px;
}
.nd-footerContent .f-link .nd-inlineLink{
    display: flex;
    flex-wrap: wrap;
}
.nd-footerContent .f-link .nd-inlineLink a{
    position: relative;
    display: inline-block;
    padding-right: 20px;
}
.nd-footerContent .f-link .nd-inlineLink a:after{
    content: '|';
    position: absolute;
    right: 10px;
    font-family: var(--nd-font-regular);
    font-size: 16px;
    top: 3px;
}
.nd-footerContent .f-cont-list{
    padding: 0;
}
.nd-footerContent .f-cont-list a img{
    height: 20px;
}
.nd-footerContent .f-cont-list a span{
    font-size: 16px;
    font-family: var(--nd-font-regular);
    color: var(--nd-white);
}
.nd-footerContent .f-cont-list li input{
    font-family: var(--nd-font-regular);
    color: var(--nd-white);
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid var(--nd-white);
    padding-right: 30px;
    background: transparent;
    height: 40px;
    width: 100%;
    padding-left: 5px;
    outline: none;
}
.nd-footerContent .f-cont-list li.nd-input{
    position: relative;
    max-width: 336px;
}
.nd-footerContent .f-cont-list li.nd-input img{
    position: absolute;
    right: 0;
    top: 4px;
    height: 24px;
}
.nd-footerContent .f-cont-list li input::placeholder{
    color: var(--nd-white);
    font-family: var(--nd-font-regular);
}
.counter-box{
    border: 0.5px solid var(--nd-secondary);
    border-radius: 10px;
    padding: 4px 18px;
    display: inline-block;
}
.counter-box p{
    margin-bottom: 0;
    font-size: 20px;
    color: var(--nd-secondary);
    font-family: var(--nd-font-regular);
}
.copyrightSec{
    border-top: 1px solid var(--nd-white);
    padding-top: 15px;
}
.copyrightSec p{
    font-size: 16px;
    font-family: var(--nd-font-regular);
    font-weight: 600;
    color: var(--nd-secondary);
    /* margin-bottom: 0; */
}
.copyrightSec p span{
    color: var(--nd-white);
    font-weight: 500;
}
.copyrightSec p.copytext{
    color: var(--nd-white);
    font-weight: 500;
}
.social-heading.twitter span{
    padding-top: 6px;
}
.social-heading.twitter span img{
    height: 20px;
}
.nd-video .embed-responsive-4by3 {
    border-radius: 20px;
    border: 2px solid var(--nd-primary);
    height: 228px;
	background: #000;
}
.nd-theme-song .embed-responsive-4by3 {
    height: 340px;
	background: #000;
}
.nd-headline {
    color: #fff;
}
.social-icons {
    text-align: center;
}
.social-icons img {
    width: 70px;
}
.bg-graphics {
    position: absolute;
    background-size: cover;
    left: 0;
}
.mascot-graphics {
    width: 190px;
}

@media screen and (max-width:1300px) {
    .nd-navbar{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .nd-navbar .nd-contact-link{
        margin-left: 30px;
    }
	.bg-graphics {
		display:none;
	}
}
@media screen and (max-width: 575px) {
    .nd-carousel .carousel-caption h5{
        font-size: 28px;
    }
    .nd-partner img{
        height: 240px;
    }
    .IntEventCard.NatEventCard{
        display: block;
    }
    .NatEventCard .nd-event-image img{
        min-width: 100%;
    }
    .NatEventCard .nd-event-content{
        padding-left: 0;
    }
    .nd-gallerySection a.lightbox.nd-first img{
        height: 250px;
    }
    .nd-navbar .navbar-brand img{
        max-width: 95px;
    }
    .nd-HeadingStyle{
        font-size: 36px;
    }
    .nd-HeadingStyle.partner-heading{
        font-size: 36px;
        font-weight: initial;
    }
	.bg-graphics {
		display:none;
	}
}


@media screen and (max-width: 992px) {
    .copyrightSec p{
        text-align: center;
    }
    .nd-navbar .navbar-collapse{
        height: auto;
    }
    
    
    .nd-navbar .navbar-collapse{
        padding-bottom: 0;
    }
    .nd-navbar .navbar-toggler{
        z-index: 44;
    }
    .nd-partner img{
        height: 275px;
    }
	.bg-graphics {
		display:none;
	}
}

@media screen and (max-width: 1200px) {
    .nd-navbar .navbar-collapse a.nav-link{
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .NatEventCard .nd-event-image img{
        min-width: 150px;
    }
    .nd-navbar .navbar-toggler{
        border: none;
        outline: none;
        background: none;
        font-size: 3rem;
        color: #FF7F4F !important;
    }
    .nd-navbar .navbar-collapse{
        padding-left: 0;
        position: absolute;
        height: auto;
        left: -100%;
        top: 100%;
        z-index: 55;
        background: #fff;
        width: 100%;
        margin-top: 0;
        padding-bottom: 30px;
        border-top: 2px solid #FF7F4F;
        border-bottom: 2px solid #FF7F4F;
        display: block !important;
        transition: .5s all ease-in-out;
        /* max-width: 360px; */
        padding-right: 0 !important;
    }
    .nd-navbar .navbar-collapse.show{
        left: 0;
    }
    .nd-navbar a.nav-link{
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 30px !important;
        border-bottom: 1px solid #5C5C5C;
    }
    .nd-bottom-nav{
        display: none;
    }
    .nd-navbar .navbar-nav{
        max-width: 100%;
    }
    .nd-navbar .nd-contact-link{
        background: none;
        color: #323232 !important;
        font-weight: initial;
        border: 0;
        border-bottom: 1px solid #5C5C5C;
        margin-left: 0;
        padding: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-left: 30px !important;
    }
	.bg-graphics {
		display:none;
	}
}
@media screen and (max-width: 992px) {
    .nd-updates-list li{
        transform: none !important;
    }
	.bg-graphics {
		display:none;
	}
}

.live_links .nd-card a {
    color: #21409a;
}
.upcoming-event .nd-card.ndcardodd {
    background-color: #21409a;
    color: #fff;
}
.upcoming-event .nd-card.ndcardeven {
    background-color: #e4af01;
}
.upcoming-event .nd-card.ndcard {
    padding: 30px 20px;
    border-radius: 10px;
}
.upcoming-event .nd-card.ndcard h4 {
    max-width: fit-content;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    border-radius: 5%;
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 600;
}
.upcoming-event .nd-card.ndcardeven h4 {
    border-color: #fff;
    color: #fff;
}
.upcoming-event .nd-card.ndcard p {
    /* font-family: 'Segoe UI Regular', sans-serif; */
    color: #fff;
    font-size: inherit;
	padding-bottom: 10px;
	font-family: 'Montserrat';
}
.table .thead-dark th:nth-child(3) {
    min-width: 200px;
}

.cstmcrd .amateur {
    color: black !important;
    font-weight: 600;
    border-bottom: 1px solid blue;
    /*max-width: 80%;*/
    font-size: 30px;
}
.cstmcrd .btn-certificate {
    background-color: #269122;
    color: white;
    border: none;
}
.cstmcrd .btn-certificate:hover {
    background-color: white;
    color: #269122 !important;
    border: 1px solid #269122;
}
.cstmcrd .card {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
}
.cstmcrd .card-shri {
    color: #010187 !important;
    font-weight: 500;
    font-size: 22px;
}
.cstmcrd .card-President {
    max-width: fit-content;
    font-size: 16px;
    color: #e4af01 !important;
    border-bottom: 2px solid #e4af01;
}
.cstmcrd .card-President-wrestling {
    font-size: 14px;
    color: black !important;
    font-weight:700;
}
.cstmcrd .card-location {
    font-size: 14px;
}
.cstmcrd .icon {
    color: #ffc107 !important;
    font-size: 18px !important;
}
.cstmcrd .circle {
    width: 60px;
    height: 60px;
    background-color: #ffc107;
    border: none
}
.cstmcrd .card::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #010187;
    opacity: 1;
}
.cstmcrd .card::before {
    content: "";
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 35px;
    height: 35px;
    background-color: #ffa910;
    opacity: .6;
}
.custm-table .table .thead-dark th {
    background-color: #231047;
    border-color: #231047;
}
.table .thead-dark th {
    color: #fff;
    background-color: #231047;
    border-color: #231047;
}