/*@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body * {
    /*font-family: "Kanit", sans-serif;*/
    font-family: "Montserrat", sans-serif;
}
html,body {
    scroll-behavior: smooth;
}


.navbar-expand-lg .navbar-nav {
    margin-top:0;
}
.llc-logo {
    max-width:130px !important;
}
.navbar {
    padding:10px 0 !important;
}
.navbar-nav li:hover a {
    color: #FFFFFF !important;
}
.bg-pink {
    background-image: linear-gradient(to right, #3460b9, #c0d731);
}
.navbar-expand-lg .navbar-nav {
    background-color: transparent !important;
}
#mainnavbar a {
    color: #FFFFFF;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    border: 3px transparent solid;
    border-radius: 10px;
    margin: 5px;
}
#mainnavbar a:hover {
    border: 3px rgba(255, 255, 255, 0.3) solid;
    border-radius: 10px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF !important;
    
}
#mainnavbar a.active {
    position: relative;
    border:3px #FFFFFF solid;
    border-radius:10px;
    box-shadow:2px 2px 3px rgba(0,0,0,0.3);
}
/* #mainnavbar a.active::before {
    content: " ";
    width:calc(100% - 20px);
    height: 5px;
    position: absolute;
    background-color: #FFFFFF;
    bottom:0;
    left: 0;
    right:0;
    margin: auto;
    border-radius:5px;
} */
.icon-boxes {
    position: static;
}
.carousel-control-next:hover .carousel-control-next-icon, .carousel-control-prev:hover .carousel-control-prev-icon {
    background-color: rgba(0,0,0,0.8);
    border-radius: 5px;
}
.carousel-caption {
    left: 0;
    bottom: 0;
    width:100%;
    background-color: rgba(0,0,0,0.7);
}
.carousel-caption *{
    color:#c0d731;
}
.icon-box {
    background-image: none;
    color:#3460b9;
}
.btn-primary, .btn-secondary {
    background-image: linear-gradient(to right, #3460b9, #c0d731);
    box-shadow: none;
    padding: 15px 40px;
    color: #FFFFFF;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    margin : 10px 0;
}
.icon-box.card p {
    line-height: 30px !important;
}
footer {
    background-image: linear-gradient(to right, #3460b9, #c0d731) !important;
    background-size: auto !important;
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
    box-shadow: none;
    border-color:#c0d731;
}
#home-news {
    background: url("/static/images/NU-BG.jpg") 50% 0 no-repeat fixed;
    background-size: cover;
    position: relative;
}
#teams {
    background: url("/static/images/NU-BG.jpg") 50% 0 no-repeat fixed;
    background-size: cover;
    position: relative;
}

#home-news::after {
    position: absolute;
    content: " ";
    width:100%;
    height:100%;
    left: 0;
    top: 0;
    background-color:rgba(0,0,0,0.3);
}
#home-news>.container {
    position: relative;
    z-index:9;
}
.blog-card {
    border-radius: 10px;
    border:10px #FFFFFF solid;
    background-color:#FFF;
}
.blog-card .card-title {
    color: #3460b9;
}
.llcgreen {
    color: #c0d731;
}

.llcblue {
    color: #3460b9;
}
.team-boxes li:hover img {
    transform: scale(1.3);
}

.team-boxes li:hover p {
    transform: scale(1.3);
}
.team-boxes li {
    background-color: #fff;
    border-radius:200px;
    padding:20px;
    width:150px;
    height:150px;
    border: 5px #3460b9 solid;
    position : relative;
    z-index : 99999;
}
.team-boxes li a>img {
    max-height:100px;
}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:0;
    overflow: hidden;
    border:1px #cecece solid;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    clear: both;
    margin-top: 40px;
    
  }
  .swiper-slide p {
    position: absolute;
    top:0;
    color: #3460b9;
    margin:20px 10px;
    font-weight:600;
    font-size: 16px;
  }
.swiper-pagination {
    bottom:-50px;
}
@media only screen and (max-width: 768px) {
    #home-fixtures {
        padding:1rem !important;
    }
}
@media only screen and (max-width: 576px) {
    .navbar-brand {
        margin: 0 0 0;
    }
    .team-boxes li {
        width:120px;
        height:120px;
    }
    .HMTabs .card:first-child {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 992px) {
    #mainnavbar {
        background-color:transparent;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 990px) {
    .smart-features {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 575px) {
    .txtbld>div>h5:nth-child(1) {
        text-align: left;
    }
    img[src="/media/images/player/logo_uom7LKF.png"] {
        float: left;
    }
    .PPfigure .profile-photo-div{
        margin: 10px;
    }
    #id_image {float: left;margin-bottom: 20px}
    .txtbld-cr {flex-direction: column-reverse}
}

#carouselExampleCaptions {
    background: url("/static/images/banner.jpeg") no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
#carouselExampleCaptions:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: "";
    background: rgba(12,15,18,0.5);
}
#carouselExampleCaptions>.container {
    position: relative;
    z-index:9;
}
.banner-text {
    margin-top:10%;
    }
.banner h1 {
    color: #ffffff;
    text-align: left;
    text-shadow: none;
    font-family: "Inter", sans-serif;
    font-weight: bold;
    line-height: 1.3;
}
.titleMain span {
    color: #c0d731;
}
.titleMain {
    font-size: 5rem;
    text-transform: uppercase;
    color: #FFF;
}
.smart-features {
    padding: 3.5em 0 4em 0;
}
.form-control {
    background: #efefef;
    border: 3px solid #efefef;
    height: 50px;
    box-shadow: none !important;
    border-radius: 7px !important;
    display: inline-block;
    color: #555;
    font-weight: 500;
    margin-bottom: 0 !important;
    appearance:auto;
}
.form-group {
    margin-bottom:20px;
}
#contactForm {

}
#contactForm h1 {
    font-size: 48px;
    line-height: 52px;
}
.submitBtn>button {
    padding: 1.2em 5em;
    margin-bottom : 20px;
}
footer * {
    color: #FFFFFF;
}
.subscribeInput {
    position: relative;
}
.subscribeInput>input {
    border-radius: 8px;
    border: 2px #FFF solid;
    background-color: transparent;
    color: #FFF !important;
}
.subscribeInput>input::placeholder {
    color: #FFF !important;
}
.subscribeInput>.input-group-btn {
    width: auto;
    position: absolute;
    right: 0;
    margin-right: -5px;
    background-color: #FFF;
    padding: 6px 30px;
    border-radius: 10px !important;
    z-index:99;
}
.subscribeInput>.input-group-btn:focus {
    border-color: #FFFFFF;
}
.llc-fls>div {padding-left: 0;padding-right: 0;}
.container123{margin-top:40px;}
.txtbld *{font-weight: bold;margin-top: 20px;}
.txtbld .llcrhs {text-align: right;}
.submitBtn {text-align: center;}
.panel {margin:0 auto 0; max-width: 500px; text-align: center;}
.button_outer {width: 100%;background:#efefef; border-radius:8px; text-align: center; height: 50px; display: inline-block; transition: .2s; position: relative; overflow: hidden;}
.btn_upload {padding: 14px 30px 12px; color: #555; text-align: center; position: relative; display: inline-block; overflow: hidden; z-index: 3; white-space: nowrap;}
.btn_upload input {position: absolute; width: 100%; left: 0; top: 0; width: 100%; height: 105%; cursor: pointer; opacity: 0;}
.file_uploading {width: 100%; height: 10px; margin-top: 20px; background: #ccc;}
.file_uploading .btn_upload {display: none;}
.processing_bar {position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 30px; background:#3460b9; transition: 3s;}
.file_uploading .processing_bar {width: 100%;}
.success_box {display: none; width: 50px; height: 50px; position: relative;}
.success_box:before {content: ''; display: block; width: 9px; height: 18px; border-bottom: 6px solid #fff; border-right: 6px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position: absolute; left: 21px; top: 15px;}
.file_uploaded .success_box {display: inline-block;}
.file_uploaded {margin-top: 0; width: 50px; background:#3460b9; height: 50px;}
.uploaded_file_view {max-width: 300px; margin: 0px auto; text-align: center; position: relative; transition: .2s; opacity: 0; border: 2px solid #ddd; padding: 0 15px;}
.file_remove{width: 30px; height: 30px; border-radius: 50%; display: block; position: absolute; background: #aaa; line-height: 30px; color: #fff; font-size: 12px; cursor: pointer; right: -15px; top: -15px;}
.file_remove:hover {background: #222; transition: .2s;}
.uploaded_file_view img {max-width: 100%;}
.uploaded_file_view.show {opacity: 1;}
.error_msg {text-align: center; color: #f00}
.form-control:focus {
    box-shadow: 0 1px 1px #ff569c inset, 0 0 8px #de2832;
    outline: 0 none;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #3460b9, #c0d731) border-box;
    border-radius: 50em;
    border: 3px solid transparent;
}
.subscribeInput>.form-control:focus {
    background: transparent !important;
    border: 3px solid #FFF;
}
.profile-photo-div{
    position: relative;
    margin:0px auto 10px auto;
    width:150px;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    -webkit-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
  }
  
  .profile-img-div{
    display: block;
    position: relative;
    overflow: hidden;
  }
  
  #loader{
    position: absolute;
    top:0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #00cccf;
    z-index:10;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  
  #profile-img{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  #change-photo{
    display: none;
  }
  
  .profile-buttons-div{
    position: relative;
    display: block;
  }
  .profile-img-input,#change-photo-label,.profile-buttons-div ,.PPfigure *{
    margin-top: 0 !important;
  }
  textarea.form-control {
    height: inherit !important;
  }
  
  .PPfigure .button{
    position: relative;
    display: block;
    font-family: helvetica, sans-serif;
    font-size: 12px;
    padding:10px;
    text-align: center;
    color: white;
    background-color: #3460b9;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .button:hover{
    letter-spacing: 1px;
  }
  
  .button:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 10px;
    height: 10px;
    background-color: rgba(255,255,255,0.4);
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
  }
  
  .button:hover:after{
    -webkit-transform: scale(50);
    -ms-transform: scale(50);
    transform: scale(50);
    opacity: 1;
  }
  
  .button.half{
    width: 50%;
  }
  
  .green{
    background-color: #15ae6b;
  }
  
  .red{
    background-color: #ae0000;
  }
  
  #x-position{
    position: absolute;
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
  }
  
  #y-position{
    position: absolute;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    display: none;
  }
  
  canvas{
    position: fixed;
    top: -2000px;
    left: -2000px;
    z-index: -1;
  }
  
  .profile-img-confirm{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  
  .error{
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    color: red;
    text-align:center;
    display: none;
  }
  @media (max-width: 990px) {
    .titleMain {font-size: 3rem;}
    .right-logo {display:none}
}
.right-logo{
    margin-left:20px;
}
.Bsubmit {
    font-size:2em;
}
.slide2 .container{
    padding:100px 0;
}
.button_outer {
    background-repeat: no-repeat;
    background-size:20px auto;
    background-position:10px;
}
body {background-color: #f8f9fa !important;}
.bg-llct10 * {color: #3460b9;}
.txtbld2 h5 {}
.txtbld2 h5 span {color: #8ea113;}

.btn-1{
    background-color: #3460b9;
    color: #fff;
    padding: 3px 2px 3px 10px;
    border-radius: 20px;
}

.btn-1:hover{
    background-color: #8ea113;
    color: #3460b9;
}

.btn-1>span{
    padding : 0 8px;
    background : white;
    border-radius: 20px;
}

.team-boxes li a {
    position: relative;
}
.team-boxes li a p {
    text-decoration: none !important;
    display: inline;
    position: absolute;
    margin: auto;
    left:-9px;
    right:0;
    bottom:0px;
    color: #000;
    font-size: 12px;
}

.team-boxes{
    transform:rotate(0);
}

.team-boxes li{
    transform:rotate(0);
}

.team-boxes li img{
    translate: 0 -15px;
}

.border-ref {
    outline: 0 none;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #3460b9, #c0d731) border-box;
    border-radius: 20px;
    border: 3px solid transparent;
    margin-bottom : 20px;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#processingDiv{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    left: 0;
}

.txtbld{
    outline: 0 none;
    background: linear-gradient(rgba(255,255,255,0.7), white) padding-box, linear-gradient(to right, #3460b9, #c0d731) border-box;
    border-radius: 10px;
    border: 3px solid transparent;
}
.txtbld * {
    color: #3460b9;
}
.txtbld .llcrhs h5 {
    text-align: left;
    margin-top: 0;
}
.txtbld .llcrhs .PPfigure .profile-photo-div {
    width: 120px
}
.txtbld>div>h5:nth-child(1) {
    margin-top: 0;
}
.txtbld .llcrhs {
    position: relative;
}

.txtbld .llcrhs>h5 {
    text-align: center;
}


.txtbld2 h5 {
    margin : 0 !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
}

.ble {color:#3460b9;}
.grn {color:#889b10;}

.load2{
    width: 50px;
    height: 50px;
    border-width: 10px;
    display: inline-block;
    position: relative;
    top:5px;
}

.mndt {color:red;}

.text{
    border-radius: 10px;
    border: 3px solid transparent;
    padding: 20px;
    line-height: 30px;
    font: 22px normal Montserrat !important;
}

.text p{
    font-family: "Montserrat", cursive;
    font-weight: 300;
    font-style: normal;
    line-height: 35px;
}

.newsFeeds .blog-card {
    padding: 0;
    border: 3px solid transparent;
    border-radius:25px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #3460b9, #c0d731) border-box;
    border-radius: 20px;
}
.newsFeeds .blog-card .card-img-top {
    height: auto;
}
.newsFeeds .blog-card .card-body>a {
    margin: 0
}
.newsFeeds .blog-card .card-body>h5 {
}

.teamsHome .blog-card .card-img-top{
    transition:all .4s;
}

.teamsHome .blog-card .card-img-top:hover{
    scale:1.5;
    cursor:pointer;
}
img[src="/media/images/teams/Bundelkhand.png"]{
    scale:0.5;
}

img[src="/media/images/teams/Bundelkhand.png"]:hover{
    scale:0.9 !important;
}

.title.bat::before {
position: absolute;
background-image: url("/static/images/logo.jpeg"),
url("/static/images/logo.jpeg");
background-repeat: no-repeat;
background-size: 40px;
background-position: center left, center right;
content: "";
top: 0;
left: -65px;
right: -65px;
bottom: 0;
}




.HMTabs .card .card-body{
    min-height: 115px;
    text-align: center;
    align-content: center;
}
.HMTabs .card .card-body .card-title{
    align-content:center;
    margin: 0;
}