*{ margin: 0px; padding: 0px;}


:root {--bs-darkcolor-red: #7e2225; }
.img-fluid {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}
.top-bar{display:flex; justify-content:space-around; background-color:#510305; padding-top:5px; color: aliceblue;}

.top-bar .tpmel { font-size: 1vw;}
.top-bar .tpph { font-size: 1vw;}
.top-bar .tpscl { padding-top: 5px;}
p.tpph{ font-weight: normal; text-align: center;}
p.tpph a { color: #e2e9f1; text-decoration: none; font-size:20px}

.top-brnd{display:flex; justify-content:space-around; background-color:#7c060a; padding-top: 5px;}
.top-brnd .btn-cont {padding:5px 15px 10px 15px;  }
.brnd-logo{ margin-left: 5px;}
.brnd-nm{ text-align: center; padding-top:5px; color:aliceblue}
.brnd-nm h2{ font-size:2.3vw; font-weight:bold; padding-top:10px; line-height:5px; }
.brnd-nm h5{ font-size:1.2vw; }
.brnd-nm h6{ font-size:0.8vw; }
.btn-cont-btcol{ font-size:1.4vw; background-color:#510305; color:aliceblue}

.nav-item{ margin-right:25px; font-weight: bold; color:aliceblue}
a.nav-link {color:aliceblue}

.navbar-custom { background-color: #510305;}
.hp-main-para{ text-align: center;}
.hp-main-para h1{ font-size:2.0rem; color: var(--bs-darkcolor-red);}
.hp-main-para p{ font-size:1.4rem;}
.about-cont{ text-align: justify;}
.about-cont h2{ color: var(--bs-darkcolor-blu); font-size: 1.4rem;}
.about-cont p { font-size: 1.1rem; line-height: 29px;}

p.card-text {text-align:center; font-size:1.1rem; text-align: justify;}
h5.card-hdg { text-align: center; font-size:1.7rem}

.usp { width:100%; background-color: #eaeef0; padding: 15px 0px; margin-top: 45px;}
.usp h2 { font-size: 2.0rem; text-align: center;; line-height: 58px;}
.usp p { font-size: 1.2rem; text-align: center;}

.usp-box{ width:100%; margin-top:30px;}

.tdmsg{ background-image: url('images/BG-img-barua-football-academy.jpg'), linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)); 
    background-blend-mode: overlay;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 60px; padding-bottom: 60px;
    display: flex;
    flex-wrap: wrap; 
    margin-bottom: 25px;
}

  .tdmsg .msgbxleft { width:80%;}
  .tdmsg .msgbxleft h3{ color:#f5f5f5; font-size: 2rem; text-align: center;}
  .tdmsg .msgbxleft p { color: #f5f5f5; font-size: 1.2rem; text-align: justify; line-height: 32px;}
  .tdmsg .msgbxrght {vertical-align:middle }
 
  
  .sucss-story-bx { width:100%; margin-top: 100px;}
  .sucss-story-bx h3{ font-size: 2.5rem; text-align: center; margin-bottom: 60px; }

  .newsbx{ width:100%; background-color: #e2e9f1; padding-bottom:40px; }
  .newshdr h3 { font-size: 2rem; text-align: center; margin-top: 100px; margin-bottom: 80px; padding-top: 40px;}
  .newsbx .btn { display: flex; background-color: #510305; font-size: 1.4rem; color: #f5f5f5; font-weight: bold;  padding:20px 35px; text-align: center; vertical-align: middle; margin-top:50px;   }


  .vid-panel-wrapper { width:100%; margin-top: 100px;}
  .vid-panel-wrapper h3{ font-size: 2.5rem; text-align: center; margin-bottom: 60px; }

  .vid-panel-wrapper .btn { display: flex; background-color: #510305; font-size: 1.4rem; color: #f5f5f5; font-weight: bold;  padding:15px 25px; text-align: center; vertical-align: middle; margin-top:50px;   }


   .video-wraper{ width:100%}

   .banner-wrapper{ width: 100%; height:100% }

   
   .abthdg{ width:100%; padding: 20px 10px; }
   .abthdg h1{ font-size:2.2rem; font-weight:bold; color: var(--bs-darkcolor-red); text-align:center}
   .abthdg p { font-size:1.4rem; color: #333333; text-align:justify}
   hr.abthdghr{ border-bottom:1px dotted color:#333333; margin-bottom:30px  }  

   .abt { width:100%}
   .abt h2 {font-size:2.0rem; line-height: 48px; }
   .abt p {font-size:1.2rem; line-height: 30px; text-align: justify;}
    
   .cours-ph-bx{ background-color: #e9e9e9; padding: 5px 5px 5px 7px; 
     border-top: 1px solid #e9e9e9}
     
     .cours-ph-bx a{text-align:center; text-decoration:none; color: #333333; font-size: 20px;}


   a.card-link{color: #333333; text-decoration:none; }
   .frm-hdg{ font-size:22px;  font-weight: bold; color: #333333; text-align: center; margin-bottom:25px}
   .frmlb { font-size: 16px; font-weight:normal; }
   .service-frm-outer{ margin-top:50px; }
   .sevice-frm-wrapper{ padding:50px;}
   .sevice-qut-bx{padding:30px; margin-top: 50px; } 
   .sevice-qut-bx p{ font-size: 20px; line-height: 36px; padding-top: 80px;}

   .mid-banner-slogan {
    position: relative;
    padding:100px 0px;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(rgba(141, 3, 7, 0.8), rgba(88, 2, 4, 0.8)), url("images/Mid-img/comp.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.botmid-banner-coach {
  position: relative;
  padding:160px 0px;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(rgba(141, 3, 7, 0.8), rgba(88, 2, 4, 0.8)), url("images/Mid-img/coaches-barua.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.mid-banner-text {
   
    top: 50%;
    left: 50%;
       text-align: center;
    color: #e2e9f1;
}

.mid-banner-text h4 {
    font-size: 28px;
    font-weight: bold;
    color: #e2e9f1;
    padding-bottom:20px;
}

.mid-banner-text p {
    font-size: 22px;
    font-weight: normal;
    color: #e2e9f1;
    line-height:34px;
}

.mid-ic-wrapper{ margin-top:50px; margin-bottom:50px; padding:50px 0px 0px 100px; }
.mid-spcl-speciality{ display: flex; margin-bottom: 50px;}
.mid-spcl-icon{ width:140px; padding:0px 60px 0px 0px;}
.mid-spcl-text{ width:200px;}

span.midbold{font-size: 34px;font-weight: bold; color:#510305 }
span.midsp{font-size: 24px;font-weight:bold; color: #575858 }

.prog-bx { width:100%; padding: 20px; background-color: #e7e6e5 ; margin-bottom:25px;}
.prog-bx h2{ font-size: 30px; text-align: center; font-weight: bold; color: #510305; padding-bottom: 20px;;}

.prog-bx h3{ font-size: 24px; font-weight: bold; line-height: 36px;}
.prog-btm-bx{ display:flex; justify-content: space-between; margin-top:20px;}
 hr { border-top: 1px dotted #f00;  color: #999;  background-color: #999;
  height: 1px;}

  .prog-bx .prog-dt {font-size: 20px; font-weight: bold;color: #a01d03}

  .prog-bx .prog-place {font-size: 22px; font-weight: bold;color: #a01d03}
  .cont-form-wrapper{ padding: 0px 50px 20px 0px; margin-bottom: 50px; }
  .cont-addr-wrapper{display:block; padding-top: 50px; }
  .map-address{ display: block; }
  .tornmnts-bx{ width: 100%; margin-bottom:50px;}
  .tornmnts-subbx{margin-bottom: 25px; padding-bottom: 25px;;}
  .tornmnts-dthdr{ width: 100%; background-color: #e9e9e9; padding: 5px 0px 5px 0px;}
  .tornmnts-txt h3{ font-size: 24px; line-height: 30px; padding-left: 25px;  }
  .no-gutters {
    margin-right: 0;
    margin-left: 0;
  
    > .col,
    > [class*="col-"] {
      padding-right: 0;
      padding-left: 0;
    }
  }

  .cont-achieve{}
  .cont-achieve p{ font-size: 17px; line-height: 30px; color: #333333; }

  .justify-text {
    text-align: justify;
   
}

.text-center {
  text-align: center;
 
}

.custom-hr {
  border: none;
  height: 2px;
  background-color: #d3d2d2;
  width: 80%; /* width of the line */
  margin: 20px auto; /* center the line */
}

.txt-red{ color: #b21f02;}
.fn16{ font-size: 16px;}
.fn18{ font-size: 18px;}
.fn20{ font-size: 20px;}


  @media (max-width:768px) 
{ 
  .top-bar .tpmel { font-size:2.4vw;}
  .top-bar .tpph { font-size: 3.0vw;}
 
  .top-bar .tpscl { padding-top: 10px;}

.brnd-nm h2{ font-size:4vw; }
.brnd-nm h5{ font-size:2.2vw; }
.brnd-nm h6{ font-size:1.8vw; } 
.btn-cont-btcol{ font-size:2.6vw; background-color:#510305; color:aliceblue}
.btn-cont-btcol{ font-size:2.9vw; font-weight:800; background-color:#510305; color:aliceblue}

.hp-main-para h1{ font-size:1.3rem; text-align:center; line-height: 28px; color: var(--bs-darkcolor-blu);}
.hp-main-para p{ font-size:1.1rem; text-align: justify;}

.about-cont h2{ margin-top: 10px }
.tdmsg .msgbxleft { width:100%;}
.tdmsg .msgbxleft h3{ color:#f5f5f5; font-size: 1.6rem; text-align: center; margin-top: 20px;}
.tdmsg .msgbxleft p { color: #f5f5f5; font-size: 1.1rem; text-align: justify; line-height: 28px; }

.frstelem{order:1;}
.secelem{order:2}


.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="%23ffffff" viewBox="0 0 16 16"%3E%3Cpath d="M0 3.5A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5A.5.5 0 0 1 0 4.5v-1zM0 8a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5A.5.5 0 0 1 0 9v-1zM0 12.5A.5.5 0 0 1 .5 12h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5A.5.5 0 0 1 0 13.5v-1z"/%3E%3C/svg%3E');
}
.mid-ic-wrapper{ margin-top:50px; margin-bottom:50px; padding:30px 0px 0px 30px; }
}