*{
    margin: 0;
    padding: 0;
}
  body {
    font-family: 'Montserrat';
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.top-nav{
    background-color: #004df1;
    color: white;
}
.top-bar span{
    font-size: 14px;
    padding: 1px 5px;
    cursor: pointer;
}
.header-wrapper .navbar{
  background-color: #fff;
  -webkit-box-shadow: 0 .5rem .375rem -0.375rem rgb(0, 0, 0 / 40%);
  box-shadow: 0 .5rem .375rem -0.375rem rgb(0 0 0 / 40%);
  -webkit-transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
  transition: background 0s ease-in-out 0s, margin-top 0s ease-in-out 0s, opacity 0s ease-in-out 0s;
}
.tg-site-header-bottom.is-sticky {
  position: fixed;
  padding: 8px 0;
  animation: slideDown 0.45s ease-out;
  z-index: 9999;
  width: 100%;
  top: -10px;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-wrapper .nav-item .nav-link{
    font-size: 14px;
    font-weight: bold;
    color: black;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}
.header-wrapper .nav-item .support-btn{
  font-size: 16px;
  line-height: 2;
  border-radius: 35px;
  white-space: nowrap;
  padding: 10px 12px;
  font-weight: 700;
  background: #fe4c1c;
  color: #fff;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.header-wrapper .nav-item .nav-link::after{
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #0048eb;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.header-wrapper .nav-item .nav-link:hover::after{
  width: 100%; 
  left: 0;
}

.navbar-toggler-icon{
  padding: 0;
  margin: 0;
  color: black;
  border: none;
  background-image: none !important;
  display: initial;
}
#banner .carousel-inner .banner-content{
        min-height: 500px;
        width: 47%;
        
    }
    #banner .carousel-inner .banner-content .carousel-text-content{
       color: #fff;
       margin-top: 6rem;
       margin-left: 1.6rem;
    }
    #banner .carousel-inner .banner-content .carousel-text-content h1{
     font-weight: bold;
     font-size: 44px;  
    }
    #banner .carousel-inner .banner-content .carousel-text-content p{
        font-size: 1.1rem;
        font-weight: 500;
    }
    #banner .carousel-inner .banner-content .main-btn{
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 17px;
    border-radius: 73px;
    line-height: 2.3;
    font-size: 1rem;
    }
    #banner .carousel-inner .carousel-control-prev, .carousel-control-next, .fa-chevron-left, .fa-chevron-right{
      font-size: 2rem;
    }
    .carousel-control-next, .carousel-control-prev{
		  width:0;
		  }
      #banner .carousel-control-prev{
        left: 40px;
      }
      #banner .carousel-control-next{
        right: 40px;
      }
      


    /*partners*/
    .partners{
        margin-bottom: -1.1rem;
    }
    .partners .partner-title{
    position: relative;
    bottom: 3rem;
    width: 26rem;
    text-align: center;
    }
    .partners .partner-title h1{
        font-weight: 700;
        font-size: 1.8rem;
        background-color: #fff;
        border-radius: 12px;
        height: 4rem;
        margin-right: -1rem;
        margin-left: 1.5rem;
        padding: 9px 0;
        
    }
    .partners .partner-title h1 span{
        color: #0048eb;
    }
    .partners .partner-title h1::after{
        background-color: #0048eb;
        content: '';
        /* display: block; */
        position: absolute;
        /* right: 0; */
        bottom: 15px;
        height: 5.5px;
        width: 107px;
        /* margin-bottom: 0.25em; */
        left: 2.4rem;
    }   
    .partners .slider{
    position: relative;
    bottom: 2.5rem;
    } 
      .slide-track {
        width: 100%;
        display: flex;
        gap: 4.3em;
        overflow: hidden;
      }

      .partners .owl-slider .slide-track .owl-stage-outer .owl-stage{
        transform: translate3d(0px, 0px, 0px);
        transition: all 1.6s ease 0s;
        width: 1974px;
        display: flex;
        cursor: pointer;
    }
    .partners .owl-slider .owl-nav button{
      display: none;
    }
      
      
      /*.slider .slide-track img {
        animation: scroll 60s linear infinite;
      }
      
      @keyframes scroll {
        0% {transform: translateX(0);}
        100% {transform: translatex(-1000%)}
      }*/

      /*our-champions*/
      .our-champions {
        background-image: url(../img/banner2.png);
        background-size: contain;
        background-repeat: repeat-x;
        /*background-position: center;*/
        width: 100%;
      }
      
      .champion-title h1{
        color: #fff;
        font-weight: 700;
        float: right;
        font-size: 34px;
        margin-top: 8rem;
        position: relative;
      }
      .champion-title h1 span{
        color: #fff8a4;
      }
      .champion-title h1::after{
        background-color: #0082f0;
    content: '';
    position: absolute;
    /* display: block; */
    bottom: -20px;
    right: -37px;
    height: 5.5px;
    width: 103px;
    right: 0;
    text-align: right;
      }

    .champion-title{
        width: 40% !important;
        text-align: right;
      }
       .champion-title button{
        margin-top: 2rem;
        padding: 2px 22px;
        border-radius: 10px;
        background-color: #0082f0;
        border: none;
        color: #fff;
        transition: 0.3s ease-in-out;
      }
    .champion-title button:hover{
        background-color: #fff;
        color: #000;
      }
     .right-box .player-images{
        padding:0 ;
        
      }
     .right-box  img{
        width: 100%;
      }
     .right-box .text-content{
        background-color: #fff;
        padding: 10px 20px;

      }
     .right-box .text-content h1{
        color:#0048eb ;
        font-weight: 700;
        font-size: 28px;
        padding-top: 1.3rem;
        line-height: 0.3;
      }
    .right-box .text-content p{
        font-size: 16px;
        padding: 7px 5px 0 0;
        font-weight: 500;
        line-height: 22px;
        color: #000;
        text-align: left;
        font-family: Montserrat; 
        margin-top: 14px;
      }
      .right-box-content .main-btn{
      color: #fff;
      background-color: #0048eb;
      padding: 6px 21px;
      border-radius: 20px;
      /* margin-left: 11px; */
      font-weight: 400;
      display: inline-block;
      }
     .right-box-content{
        width: 60% !important;
      }
      .right-box-content .previous-button{
        left: -14.3rem !important;
        opacity: .9;
        height: 45px;
        top: 14.6rem;
        width: 40px;
      }
      .right-box-content .carousel-inner .main{
        border-radius: 10px;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        margin: 10px;
        margin-top: 2rem;
      }
      .right-box-content .carousel-control-prev-icon{
        background-color: #0082f0;
        height: 22px;
        width: 45px;
        border-radius: 6px;
      }
      .right-box-content .next-button{
        right: 42.99rem;
        top: 14.6rem;
        height: 45px;
        opacity: .9;
        width: 40px;
      }
      .right-box-content .carousel-control-next-icon{
        background-color: #0082f0;
        height: 22px;
        width: 45px;
        border-radius: 6px;
      }



      /*news-section*/
      .news-section{
        padding: 1.5rem 0 0 0;
      }
      /*.news-section .row{
        margin:  0 auto;
      }*/
      .news-section .content{
        padding: 0px 35px;
    text-align: justify;
    line-height: 1.13;
      }
      .news-section .news-updates .my-player-dimensions{
        width: 100%;
      }
      .news-section .news-updates{
        padding: 8px 0;
      }
      .news-section .news-updates .description{
        background-color: #b83a31;
        font-size: 22px;
        color: #fff;
        text-align: center;
        font-weight: 500;
      }
      .news-section .content h1{
        font-size: 1.9rem;
        font-weight: 600;
      }
      .news-section .content h1::after{
        background-color: #0082f0;
        content: '';
        display: block;
        height: 5px;
        width: 6.5rem;
        margin: 10px;
        margin-left: 2px;
      }
      .news-section .content p{
        font-size: 16px;
        font-weight: 500;
      }
      .news-section .content .main-btn{
        color: #fff;
      background-color: #0048eb;
      padding: 6px 21px;
      border-radius: 20px;
      /* margin-left: 11px; */
      font-weight: 400;
      display: inline-block;
      }


      /*our programmes*/
      .our-programes{
        background-image: url(../images/banner3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 400px;
        padding: 50px 0;


      }
      .our-programes h1{
        color: #fff;
        font-weight: 700;
        padding-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
      }
      .our-programes h1::after{
        background-color: #0082f0;
        content: '';
        display: block;
        height: 5px;
        width: 95px;
        margin: 10px auto;
      }
      .our-programes .owl-slider .programe-item{
        background-image: url(../img/our-programmes-1.png);
        height: 313px;
        border-radius: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .our-programes .owl-slider .champions-title{
      position: relative;
      top: 7.5rem;
      color: #000;
      font-size: 27px;
      font-weight: 700;
      padding-bottom: 10px;
      text-align: center;
      text-transform: uppercase;
      }
      .our-programes .owl-slider .item h2::after{
    background-color: #0082f0;
    content: '';
    display: block;
    height: 5px;
    width: 95px;
    margin: 10px auto;
      }
      
     
 
      /*media gallery*/
      /*.media-gallery{
        margin-left: 1rem;
        margin-top: 1rem;
      }*/
      .media-gallery h1{
        color: black;
        font-weight: 600;
        padding-bottom: 10px;
        text-align: center;
        font-weight: bold;
      }
      .media-gallery h1 span{
        color: #0048eb;
      }
      .media-gallery h1::after{
        background-color: #0048eb;
        content: '';
        display: block;
        height: 5px;
        width: 60px;
        margin: 10px auto;
      }
      #myTab .nav-tabs{
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
      }
      #myTab .nav-tabs li a{
        color: #848383;
        text-decoration: none;
        font-weight: 500;
      }
      .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: black !important;
        background-color: white;
        border:none;
        font-weight: 500;
        border-bottom: 1px solid black;
    }
    .nav-tabs .nav-link{
      color: rgb(176, 173, 173);
    }
    .media-gallery .card{
      width: 100% !important;
      margin-bottom: 1rem;
    }
    #myTabContent .card .card-text{
      display: flex;
      align-items: center;
      justify-content: center;
    padding: 4px;
    background-color: black;
    color: white;
    padding: 0 initial;
    padding: 10px;
    }
    #myTabContent .card .card-text h5{
      padding: 5px 14px;    font-size: 16px;
      margin: 0 auto;
      font-family:Montserrat;
      color: white;

    }
    #myTabContent .card .card-text span{
      background: blue;
      font-size: 14px;
      line-height: 4;
      padding: 0 15px;
      text-align: center;
    }
    
    #myTabContent .tab-content .owl-carousel .item{
      width: 100%;
    }
    #myTabContent .tab-content .owl-carousel .owl-nav span{
      color: #000;
    }


    /*testimonials*/
    #testimonials{
      display: none;
      margin-bottom: 1.5rem;
    }
    #testimonials .testimonial-wrapper{
      background-image: url(../img/testi-img-02.png);
      /*margin-left: 6px;*/
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
        margin-top: 20px;
       background-color: #0138b9;
       border: 10px solid #e7e7e7;
    }
    #testimonials .container{
      max-width: 1170px;
      padding: 0;
    }
    /*#testimonials .container{
      padding: 30px 3.5rem;
    }*/
    #testimonials .container .main-testimonial{
      background: rgb(156,212,255);
      background: linear-gradient(0deg, rgba(156,212,255,1) 0%, rgba(255,255,255,1) 67%, rgba(158,213,255,1) 100%);
      margin: 3.5rem auto;
      border-radius: 20px;
    }
    #testimonials .container .main-testimonial h1{
      color: black;
      text-transform: uppercase;
      padding-top: 15px;
      font-weight: bold;
      font-family: Montserrat;
    }
    #testimonials .container .main-testimonial h1::after{
      background-color: #016bcc;
      content: '';
      display: block;
      height: 5px;
      width: 90px;
      margin: 10px auto;
    }
    #testimonials .main-testimonial .testi-img img{
      margin-left: 35px;
    }
    #testimonials .main-testimonial .content-first p{
      padding: 0 15px 25px 40px;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.3;
      font-family: Montserrat;
    }
    #testimonials .main-testimonial .content-first span{
      margin-top: 15px;
      color: #0048eb;
      font-weight: 700;
    }
    #testimonials .main-testimonial .carousel-indicators{
    text-align: center !important;
    }

  #testimonials .main-testimonial .carousel-indicators button {
    box-sizing: content-box;
    width: 13px;
    height: 12px;
    padding: 0;
    text-indent: -999px;
    cursor: pointer;
    border: 0;
    background-color: #000 !important;
    transition: opacity .6s ease;
    border-radius: 50%;
}

    
    /*footer*/
    #footer{
      background-color: #0048eb;
      margin-top: 1.5rem;
    }
    .footer .row .hef{
      text-align: left;
      padding: 0;
    }
    .footer .row .hef h5{
      color: #6cb0ef;
      font-weight: 700;
      font-size: 21px;
    }
    .footer .row .hef p a{
      color: white;
      font-weight: 500;
    }
    .footer .row  p{
      color: #fff;
      font-size: 13px;
    }
    .footer .row .para{
      font-size: 16px;
      text-align: justify;
    }
    .footer .row .para p{
      padding: 25px 0;
      font-weight: 500;
    }
    .footer .row .address{
      text-align: right;
    }
    .footer .row .address h1{
      color: #6cb0ef;
      font-size: 53px;
    }
    .footer .row .address p{
      color: #6cb0ef;
      cursor: pointer;
      font-weight: 500;
    }
    .footer .row .address p span{
      color: #fff;
    }
    .footer .row .address .icons{
      cursor: pointer;
    font-size: 19px;
    border: 1px solid white;
    border-radius: 100%;
    margin: 0 5px;
    width: 28px;
    display: inline-block;
    height: 28px;
    text-align: center;
    }
    .footer .row .address .icons a{
      margin-left: 0;
      cursor: pointer;
    }
    .bottom-footer{
      background-color: #003dc9;
      padding: 2px;
    }
    .bottom-footer p{
      margin-top: 21px;
      font-weight: 500;
    }
    .bottom-footer .row .text-start, .text-end{
      font-size: 13px;
    }
    

    
    /*About page*/
    .about-banner{
      background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(../images/about-banner.jpg) !important;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 300px;
    }

    .about-wrapper .title h1{
      color: #fff;
      font-weight: 600;
      margin-top: 7rem;
      font-size: 60px
    } 

    .about-us .title-2 h1{
      font-size: 50px;
      font-weight: 700;
    }
    .about-us .title-2 h1::after{
      background-color: #0048eb;
        content: '';
        display: block;
        height: 5px;
        width: 7rem;
        margin: 6px auto;
    }

    .about-us .content h1{
      font-size: 1.9rem;
      font-weight: 600;
    }
    .about-us .content h1::after{
      background-color: #0082f0;
      content: '';
      display: block;
      height: 5px;
      width: 6.5rem;
      margin: 3px;
      margin-left: 2px;
    }
    .about-us .content{
      line-height: 1.13;
    }
    .about-us .content p{
      font-size: 16px;
      line-height: 1.2799;
      text-align: justify;
      font-weight: 500;
    }
    .about-us .content .main-btn{
      color: #fff;
    background-color: #0048eb;
    padding: 4px 21px;
    border-radius: 20px;
    /* margin-left: 11px; */
    font-weight: 200;
    display: inline-block;
    padding-bottom: 6px;
    }
    /*.about-us .news-updates{
      padding: 2rem 0;
    }*/
    .about-us .news-updates .my-player-dimensions{
      width: 100%;
    }
    .about-us .news-updates .description{
      background-color: #b83a31;
        font-size: 22px;
        color: #fff;
        text-align: center;
        font-weight: 500;
    }
    .card-wrapper .card i{
      margin-top: 1rem;
      text-align: center;
      font-size: 3.5rem;
      color: #ec5151;
      font-weight: 600;
    }

  
    .our-team {
      padding: 30px 0 40px;
      margin-bottom: 1.5rem;
      background-color: #fff;
      text-align: center;
      overflow: hidden;
      position: relative;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    
    .our-team .picture {
      display: inline-block;
      height: 130px;
      width: 130px;
      margin-bottom: 50px;
      z-index: 1;
      position: relative;
    }
    
    .our-team .picture::before {
      content: "";
      width: 100%;
      height: 0;
      border-radius: 50%;
      background-color: #0048eb;
      position: absolute;
      bottom: 135%;
      right: 0;
      left: 0;
      opacity: 0.9;
      transform: scale(3);
      transition: all 0.3s linear 0s;
    }
    
    .our-team:hover .picture::before {
      height: 100%;
    }
    
    .our-team .picture::after {
      content: "";
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #0048eb;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
    }
    
    .our-team .picture i {
      font-size: 5rem;
      text-align: center;
      margin-top: 24px;
      color: #fff;
      border-radius: 50%;
      transform: scale(1);
      transition: all 0.9s ease 0s;
    }
    
    .our-team:hover .picture i {
      /*box-shadow: 0 0 0 5px #f7f5ec;*/
      transform: scale(1.2);
    }
    
    .our-team .title {
      display: block;
      font-size: 15px;
      color: #4e5052;
      text-transform: capitalize;
    }
    .our-team .team-content p{
      color: #666;
      font-weight: 500;
    }

    /*our-programme page*/
    .programme-banner{
      background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url(../images/programmes-banner-1.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 300px;
    }
    .programme-banner .title h1{
      color: #fff;
      font-weight: 600;
      margin-top: 7rem;
      font-size: 60px;
    }


      /* media gallery page */
      .gallery-media-banner{
        background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url(../images/media-gallery.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        min-height: 300px;
      }
      .gallery-media-banner .title h1{
        color: #fff;
        font-weight: 600;
        margin-top: 7rem;
        font-size: 60px
      }
      img,
      video {
      max-width: 100%;
      height: auto;
      }
      
      figcaption {
      text-align: center;
      font-size: 14px;
      margin-top: 5px;
      }

      .gallery-media h1{
        font-size: 50px;
        font-weight: 700;
      }
      .gallery-media h1::after{
        background-color: #0048eb;
        content: '';
        display: block;
        height: 5px;
        width: 7rem;
        margin: 6px auto;
      }
      .gallery-media img{
        transition: 0.3s ease-in-out;
        border-radius: 5px;
      }
      .gallery-media img:hover{
        transform: scale(95%);
      }

      /*our programme page*/
      .our-programme h1{
        font-size: 50px;
        font-weight: 700;
      }
      .our-programme h1::after{
        background-color: #0048eb;
        content: '';
        display: block;
        height: 5px;
        width: 7rem;
        margin: 6px auto;
      }
      .our-programme .card {
        text-align: center;
        margin-inline: auto;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
        transition: 0.3s ease-in-out;
      }
      .our-programme .card:hover{
        transform: translateY(-5px);
      }
      .our-programme .card img {
        max-width: 100%;
        clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0%);
      }
      .our-programme .description h6{
        font-weight: 600;
        font-size: 1.5rem;
      }
      .our-programme .description p{
        font-size: 16px;
        text-align: justify;
        line-height: 1.3;
        padding: 0px 10px;
        color: #666;font-weight: 500;
        
      }
.butn:link,
.butn:visited {
    display: inline-flex;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background-color: #0048eb;
    padding: 6px 21px;
    margin-bottom: 15px;
    border-radius: 20px;
    font-weight: 400;
    border: none;
    color: #fff;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.butn::after {
  background: #fff;
  content: "";
  opacity: 0;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 1);
  
}
.butn:hover,
.butn:active {
  transform: translateY(-3px);
  color: #fff;
}

.butn span {
  z-index: 20;
  font-size: 15px;
}     
.our-programme .card:nth-child(2) button {
  font-size: 1em;
  padding: 0.5em 1em;
  color: #0048eb;
  background-color: #fff;
  border: none;
}

/*our programmes read more*/
.csr-pages-banner{
  background-image: url(../images/impact-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.csr-pages-banner h1{
  font-size: 38px;
  margin-top: 2rem;
  color: #fff;
  font-weight: bold;
}
.csr-pages-banner img{
  height: 70px;
  width: 180px;
  text-align: center;
  margin-top: 2.2888rem;
}
      
/*contact us page*/
.contact-us{
  background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), url(../images/contact-banner-1.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
}
.contact-us h1{
  font-size: 60px;
  font-weight: 700;
  color: #fff;
  margin-top: 7rem;
}
.contact-title h1{
  font-size: 50px;
  font-weight: 700;
}
.contact-title h1::after{
  background-color: #0048eb;
  content: '';
  display: block;
  height: 5px;
  width: 7rem;
  margin: 6px auto;
}
.contact-form .form-area h3 span{
  color: #0048eb;
}
.contact-form .form-area label{
  font-weight: 500;
}
.contact-form .form-area .md-form{
  margin: 1rem 0;
}
.contact-form .form-area .send-btn{

    padding: 2px 35px;
    font-size: 18px;
    background-color: #fff;
    color: #0048eb;
    border: 1px solid #0048eb;
    transition: .4s ease-in-out;
    border-radius: 24px;
}
.contact-form .form-area .send-btn:hover{
  background-color: #0048eb;
  color: white;
}
/*our-impact page*/
.impact-banner{
  background-image: url(../images/impact-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.impact-banner .banner-title{
  font-size: 60px;
  margin-top: 7rem;
  font-weight: bold;
  color: #fff;
}

.our-impact .impact-wrapper h1{
  font-size: 50px;
  margin: 0 0 15px;
  font-weight: bold;
}
.our-impact .impact-wrapper h1::after{
  background-color: #0048eb;
  content: '';
  display: block;
  height: 5px;
  width: 7rem;
  margin: 6px auto;
}
.banner-title-heading .heading{
  font-size: 50px;
  font-weight: 700;
}
.our-impact .blog-post{
  position: relative;
}

.our-impact .blog-post img{
  object-fit: cover;
  border-radius: 10px;
  transition: 0.3s ease-in-out;
}
.our-impact .blog-post img:hover{
  transform: scale(1.07);
}

.our-impact .blog-post .category{
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 10px 15px;
font-size: 14px;    text-decoration: none;
  background-color: #e67e22;
  color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
  text-transform: uppercase;
}
.our-impact .text-content{
  position: absolute;
  bottom: -30px;
  padding: 23px 0px 0px 0px;
  background-color: #fff;
  width: calc(100% - 20px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  box-shadow: 1px 1px 8px rgba(0,0,0,0.08);
}

.our-impact .text-content h2{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

.our-impact .text-content img{
  height: 70px;
  width: 70px;
  border: 5px solid rgba(0,0,0,0.1);
  border-radius: 50%;
  position: absolute;
  top: -35px;
  left: 35px;
}

.our-impact .tags a{
  color: #888;
  font-weight: 700;
  text-decoration: none;
  margin-right: 15px;
  transition: 0.3s ease;
}

.our-impact .tags a:hover{
  color: #000;
}

@media screen and (max-width: 1100px) {
  .container{
      grid-template-columns: 1fr 1fr;
      grid-row-gap: 60px;
  }
}

@media screen and (max-width: 600px) {
  .container{
      grid-template-columns: 1fr;
      grid-row-gap: 60px;
  }
}

/*impact-page readmore*/
.impact-pages-banner{
  background-image: url(../images/impact-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.impact-pages-banner h1{
  font-size: 60px;
  font-weight: 700;
  margin-top: 6.5rem;
  color: #fff;
}
.impact-pages-wrapper img{
  border-radius: 10px;
}
.impact-pages-wrapper p{
  color: #4e5052;
  text-align: justify;
}
.impact-pages-wrapper .impact-right-content h1{
  font-weight: 600;
}
.impact-pages-wrapper .impact-right-content p{
  color: #4e5052;
  text-align: justify;
  font-weight: 500;
}
.impact-pages-wrapper .bdesc p{
  color: #4e5052;
  font-weight: 500;
}
.impact-pages-wrapper .impact-right-content h4{
  font-size: 1.8rem;
}
.impact-pages-wrapper .impact-right-content h3{
  color: #0048eb;
}
.csr-pages-wrapper .impact-right-content h4{
  font-weight: 600;
}
.csr-pages-wrapper .impact-right-content p{
  text-align: justify;
  font-weight: 500;
}


/*Support-us page*/
.support-us-banner{
  background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(../images/support-us-banner-1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.support-us-banner .title h1{
  color: #fff;
  font-weight: 600;
  margin-top: 7rem;
  font-size: 60px;
}
.support-us .title-2 h1{
  font-size: 50px;
  font-weight: 700;
}
.support-us .title-2 h1::after{
  background-color: #0048eb;
  content: '';
  display: block;
  height: 5px;
  width: 7rem;
  margin: 6px auto;
}
.support-us .support-col-left{
  border: 1px solid black;
  padding: 15px;
  text-align: justify;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin: 0 auto;
}
.support-us .support-col-left h3{
  font-size: 700;
}
.support-us .support-col-left p{
  color: #a9b8c3;
  padding: 5px;
  font-weight: 400;
  font-family: 'Montserrat';
}
.support-us .support-col-left p strong{
  color: #4d5052;
}
.support-us .support-col-right{
  
  padding: 15px;
  text-align: justify;
}



/*impact-player-pages*/
/*==============
owl button
==============*/
.slider-container .owl-carousel .owl-nav span{
font-size: 60px;
position: relative;
top: -5px;
color: #000 !important;
}
.slider-container .demo .owl-buttons {
 position: absolute;
 top: -74px;
 display: block;
 right: 0px;
 display: block!important;
 left: 0px;
}


/*terms and condition page*/
.terms-and-condition-banner{
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url(../images/terms-and-condition-banner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.terms-and-condition-banner h1{
  color: #fff;
  font-weight: 600;
  margin-top: 7rem;
  font-size: 60px;
}
.terms-and-condition .terms-title-heading h1{
  font-size: 50px;
  font-weight: 700;
}
.terms-and-condition .terms-title-heading h1::after{
  background-color: #0048eb;
  content: '';
  display: block;
  height: 5px;
  width: 7rem;
  margin: 6px auto;
}
.privacy-and-policy-banner{
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url(../images/privacy-and-policy-banner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.privacy-and-policy-banner h1{
  color: #fff;
  font-weight: 600;
  margin-top: 7rem;
  font-size: 60px;
}
.privacy-and-policy .privacy-title-heading h1{
  font-size: 50px;
}
.privacy-and-policy .privacy-title-heading h1::after{
  background-color: #0048eb;
  content: '';
  display: block;
  height: 5px;
  width: 7rem;
  margin: 6px auto;
}

.management-container{
  background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), url(../images/management-banner.PNG);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 300px;
}
.management-container h1{
  color: #fff;
  font-weight: 600;
  margin-top: 7rem;
  font-size: 60px;
}
.management h1{
  font-size: 50px;
}
.management h1::after{
  background-color: #0048eb;
  content: '';
  display: block;
  height: 5px;
  width: 7rem;
  margin: 6px auto;
}
.management .card img{
  transition: 0.4s ease-in-out;
  border-radius: 5px;
}
.management .card img:hover{
  transform: scale(1.1);
}
.our-programme .butn__new:hover{
  color: white;
}
.right-box-content .main-btn{
  font-family: Montserrat;

}
.right-box-content .main-btn:hover{
  color: white;

}

/
/*rich slidxer css*/
.forPoppUll1{
  height: 250px !important;
  min-height: none !important;
  max-height: none !important;
}
.carousel1 .next1{
  right: -42.5px !important;
  width: 30px !important;
    height: 50px !important;
}
.carousel1 .prev1{
  left: -42.5px !important;
  width: 30px !important;
    height: 50px !important;
}
.carousel1{
  box-shadow: none !important;
  min-height: 0 !important;
}

.tg-site-header-top .tg-header-top-right-content {
    font-family: lato;
    line-height: 2.5rem;
    font-size: 14px;
}

/*Yha se*/
.tg-header-container{
	/*width: 1250px;*/
	width: 1170px;
	margin: 0 auto;
}

.tg-block--two .nav-menu .menu-item-1410 a{
	font-size: 16px;
    line-height: 2;
    border-radius: 35px;
    white-space: nowrap;
    padding: 6px 12px;
    font-weight: 700;
    background: #fe4c1c;
	color: #fff !important;
    
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.tg-block--two .nav-menu .menu-item-1406 a{
	/*color: transparent !important;*/
    width: 18px;
    text-indent: -9999px;
    overflow: hidden;
}
.tg-block--two .nav-menu .menu-item-1406 a::before{
	content: '\f015';
	color: #004df1;	
	font-family: FontAwesome;
	
    text-indent: 0;
	font-size:20px;
   
}
.tg-primary-menu > div > ul li:not(.tg-header-button-wrap) a{
	position: relative;
}
.tg-primary-menu > div > ul li:not(:last-child) a::after{
	background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #0048eb;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.tg-primary-menu > div > ul li:not(.tg-header-button-wrap) a:hover::after{
	width: 100%; 
  left: 0;
}
.elementor-section.elementor-section-boxed > .elementor-container{
	/*max-width: 1250px;*/
	max-width: 1170px;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	
}
.elementor-561 .elementor-element.elementor-element-1cb2d80, .elementor-561 .elementor-element.elementor-element-6f50948{
	max-width: 92%;
}
.elementor-element-bc724da .elementor-container{
	/*max-width: 1250px;*/
	max-width: 1170px;
}
.elementor-element-bc724da .elementor-element-79e9ee0 .owl-carousel .owl-item .sa_hover_container{
	border-radius: 15px;
}
.elementor-556 .elementor-element.elementor-element-2966187 .elementor-tab-title{
	font-family: Montserrat;
	text-transform: uppercase;
	font-weight: 500;
}
.elementor-element-bc724da .elementor-element-79e9ee0 .owl-item h2{
	margin-top: 4rem;
}
.elementor-556 .elementor-element.elementor-element-6fd7f83 .elementor-heading-title{
	padding: 0 13px;
}
.tg-site-footer .tg-site-footer-bar .tg-container--flex{
	font-family:Montserrat ;
}
.tg-site-header-top .tg-header-top-right-content{
	font-family:Montserrat ;
}
.elementor-widget-tabs .elementor-tab-content{
	padding: 20px 0 !important;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content{
	border-style: none !important;
}
.wp-spaios-slider.owl-carousel .wp-spaios-caption{
	background-color: black !important;
	font-family:Montserrat ;
	width: 406px !important;
}
.wp-spaios-slider-wrap .wp-spaios-owl-slide{
	text-align: inherit !important;
}
.elementor-element-ffe1cf2 .elementor-col-33 {
    margin: 0 10px 0 10px;
}
.elementor-element-bc724da .elementor-element-79e9ee0 .owl-item h2::after{
	background-color: #0082f0;
    content: '';
    display: block;
    height: 5px;
    width: 95px;
    margin: 10px auto;
}

    
    
    
    
