@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@700&display=swap');


section {
  
  padding: 6rem 0;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  
}



:root {
  --main: #0064b4;
  --secondary: #c4261d;
  --third: #FF8300;
  --fourth: #fff500;
  --six:  #84201b;
  --five: #444;
  --white: #fff;
  --gray: #222;
  --black: #000;
}

.bg-nav {
  background-color: var(--main);
  color: var(--black) !important;
  height: 75px;
  border-bottom: 1px Solid #ccc;
}
.header {
  display: flex;
  align-items: center;
  background-color: #fff;
}
.header p {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;

}



.medal {
  border: 5px solid #ccc;
  border-radius: 10px;
}
.navbar {
  padding: 0 6rem;
}
.text-menu {
  text-decoration: none;
  color: var(--white) !important;
  font-size: 1.3rem;
  font-weight: 500;
}

a.join-mem h3 {
  color: #fff;
  border: 2px solid #fff;
  padding: 5px 10px;
}



.navbar-toggler span {
  color: var(--white);
}

.navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgb(255 255 255 / 10%);
}

.slider-sec {
  margin-top: 70px;
}

span.carousel-control-next-icon {
  border: 2px solid #fff;
  padding: 0.7rem;
  background-color: #222;
}
span.carousel-control-prev-icon {
  border: 2px solid #fff;
  padding: 0.7rem;
  background-color: #222;
}


h1, h2, h3, h4, h5 {
  /* font-family: 'El Messiri', sans-serif; */
  font-family: 'Cuprum', sans-serif; 
  }

h1 {
  font-size: 2.5rem; 
  font-weight: 800;
  color: var(--white) !important;
}

h1 span {
  color: var(--third);
}

h2 {
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 2rem;
  color: var(--black);
  }
h2 span {
  color: var(--main);
}
h3 {
  font-size: 1.8rem;
  font-weight: 700;  
  color: var(--secondary); 
}
h3 span {
  color: var(--main);
}

h4 {
  font-size: 1.3rem;
  color: var(--main);
}

h5 {
  font-size: 1.5rem;
   color: var(--secondary);
}

h5 span {
  color: var(--main);
}

p {
 font-size: 1.4rem;
  font-weight: 400;
  color: var(--gray);
  font-family: 'Cabin', sans-serif;
}
p span  {
  color: var(--main);
  font-weight: 800;
}

.form-step-1 {
  background-color: #f8f5c3;
  padding: 3rem 10rem;
  border-radius: 0.5rem;
}

 .p-10 {
  padding: 6rem;
 } 


.hero-sec {
 background:  url("../img/ektadal.jpg") no-repeat center;
  background-size: cover;
  height: 850px;
 
  }



.hero-sec h1 {
  color: var(--white);
  text-align: center;
}

.hero-sec h3 {
  color: var(--fourth);
  text-align: center;
}

.address {
  background: 
    url("../images/entse-2023.jpg") no-repeat center;
  background-size: cover;
  color: #f9f9f9;
}

.address h3 {
  color: #fff;
}

.form-step-1 .btn-info {
  border: 2px solid var(--secondary) !important;
  border-radius: 2rem !important;
  background-color: var(--secondary);
  padding: 0.4rem 2.2rem;
  margin-top: 1rem;
  color: var(--white);
  font-weight: 700;
}

.form-step-1 .btn-info:hover {
  border: 2px solid var(--secondary) !important;
  border-radius: 2rem !important;
  background-color: transparent;
  padding: 0.4rem 2.2rem;
  margin-top: 1rem;
  color: var(--secondary);
  font-weight: 700;
}
 
.hero-sec .btn-outl {
  border: 2px solid var(--white) !important;
  border-radius: 2rem !important;
  background-color: transparent;
  padding: 0.4rem 2.2rem;
  margin-top: 1rem;
  color: var(--white);
  font-weight: 700;
}

.hero-sec .btn-outbg {
  border: 2px solid var(--white) !important;
  border-radius: 2rem !important;
  background-color: transparent;
  padding: 0.4rem 2.2rem;
  margin-top: 1rem;
  color: var(--white);
  font-weight: 700;
}

.hero-sec p{
  color: var(--white);
  margin-bottom: 2rem;
}

.hero-sec p.reg-term  {
  font-size: 1rem;
  margin-top: 1.5rem;
}

.hero-sec a {
  font-size: 1rem;
}
.welcome1{
  background-color: #f9f9f9;
}
.welcome h5 {
  font-size: 1.5rem;
  color: #444;

}
.welcome h2 {
  font-size: 2.5rem;
  color: #000;
}

.welcome p {
  font-size: 1.2rem;
  text-align: justify;
}

.table-r {
  margin: 0 10rem;
}

.rewad-c {
  background-color: #f9f9f9;
}

.rewad-c h2 {
color: var(--secondary);
font-size: 3rem;
}

.rewad-c h2 span{
  color: var(--main);
  font-weight: 600;
  }

  .rewad-c p span{
    color: #FF8300;
    
  }
  .card-address {
    
    box-shadow: rgba(0, 0, 0, 0.9) 0px 5px 15px; 
  }
  .card.vno {
    border: #0064b4 1px solid !important;
  }

  .card.vno img {
    margin: 1.5rem 10rem 0.2rem;
  }
  .card.vno h5 {
    color: var(--main);
  }

 .card.exam-date h4{
    color: #f6f6f6;
  }

  .card.exam-date h5, .card.exam-date p{
    color: #000;
  }
  .register {
    background-color: #f9f9f9; 
    padding: 2rem 0 2rem;
  }

  .register h2{
    color: var(--main);
font-size: 2.5rem;
text-align: center;
margin-bottom: 1rem;
  }


.scholor {
  /* background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(196,38,29,1) 49%, rgba(196,38,29,1) 100%); */
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(196,38,29,1) 49%, rgba(196,38,29,1) 100%);
border: 2px solid var(--secondary);
padding: 3rem 0;
}
.scholor-left{
  background-color: var(--secondary);
}
.scholor-left h1{
  font-size: 4rem;
  color: var(--white);
}

.scholor-left h1 span{
  font-size: 10rem;
  color: var(--fourth);
}
.scholor-right {
  padding-left: 4rem;
  padding-bottom: 2rem;
}
.scholor-right img {
  width: 4rem;
  margin: 0 2rem;
}
.scholor-right h4 {
color: var(--black);
font-size: 1.8rem;
}
.exam-reward {
  background-color: var(--main);
  color: var(--white);
}
.exam-reward h3, .exam-reward p {
  color: var(--fourth);
}

.exam-reward td, .exam-reward th, .exam-reward h2 {
  color: var(--white);
}
.resi-pro {
  background-color: #f7f7f7;
  
}

.comm-pro {
  background-color: var(--third);
  
}

.pro-head {
  display: flex;
  justify-content: space-between;
}

.resi-pro h3, .comm-pro h3 {
  font-size: 2.2rem;
  font-weight: 400;
  color: var(--gray);
}

.resi-pro h5{
  font-size: 1.5rem;
  font-weight: 500;
  color: #888;
}

.resi-pro h5, .comm-pro h5 {
  font-size: 1.8rem;
  font-weight: 500;
  color: #888;
}

 .card p {
  font-size: 1rem;

}

.resi-pro .card h4 {
  font-size: 1rem;
  text-align: center;
  margin: 0.05rem 0; 
  color: #222; 
}

.comm-pro .card h4 span {
  font-size: 1.1rem;
  color: var(--fourth);
}

.comm-pro .card h4 {
  font-size: 1.3rem;
  text-align: left;
  margin: 1rem 0;  
}

.resi-pro .card h6, .comm-pro .card h6 {
  font-size: 1rem;
  color: #888;
}

.btn-outbgr {
  border: 1px solid var(--main) !important;
border-radius: 0 !important;
text-align: left;
background-color: var(--main);
padding: 0.8rem 2.2rem;
color: #fff;
font-weight: 600;
}

.benefit {
background-color: #f7f7f7 ;
}

.benefit-card {
  background-color: #f9f9f9;
  border: 1px solid var(--third);
  padding: 2rem;
  text-align: center;
  width: 100%;
  height: 20rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.benefit-card p{
  font-size: 1rem;
}

.benefit-card .fa {
  padding: 2rem;
}

.feature h3 {
  font-size: 2rem;
  color: #444;
  font-weight: 400;
}

.feature h4 {
  font-size: 1.4rem;
  color: #444;
}

.feature p {
  font-size: 1rem;
  margin-bottom: 2.5rem;
}

.book-now {
  background-color: var(--fourth);
  background-image: url('../images/book-now.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right bottom; 
}

.book-now h3 {
  font-size: 2.2rem;
  color: #fff;
}

.book-now h5 {
  margin: 1.5rem 0;
  color: var(--main);
  font-size: 2.5rem;
  font-weight: 800;
}
.book-now p {
  color: #fff;
}

.book-now .btn-outl{
  border: 1px solid var(--white) !important;
  border-radius: 0 !important;
  color: var(--white);
  padding: 0.8rem 1rem;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;

	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.float a {
  text-decoration: none;
  color: #fff;
}

.my-float{
	margin-top:8px;
}


.banner-ab {
  background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.2),
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.9)
    ),
    url("../img/banner.jpg") no-repeat center; 
  background-size: cover;
  padding: 13rem 0;
  }
  .banner-ab h1 {
    font-size: 3rem;
  }
  .banner-ab a {
    text-decoration: none;
    color: #f9f9f9;
  }

  .pattern {
    background-color: #f9f9f9;
  
  }

  .godness-part {
    margin-bottom: 1.6rem ;
  }
  .godness-part h4 {
    margin-bottom: 0.8rem;
  }
  
  .hall-fame img {
  padding: 1.5rem 3rem 1rem 3rem;
  }
 
  .card.hall-fame h5 {
    font-size: 1.1rem;
  }

  .card.hall-fame h4 {
    font-size: 1rem;
  }

  .card.hall-fame p {
    font-size: 0.8rem;
  }

  .sub-footer{
    background-color: #000;
  }

.footer-contact {
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.2),
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.9)
  ),
  url("../img/banner2.jpg") no-repeat center; 
background-size: cover;
  color: #f9f9f9;
padding: 3rem;
}

.footer-contact .btn-outl{
  border: 1px solid var(--white) !important;
  border-radius: 0 !important;
  color: var(--white);
  margin-left: 1rem;
  padding: 0.3rem 1rem;
}

h4.footer-email  {
  color: #f9f9f9 !important;
  text-align: center !important;
}

.qr-code img{
  padding: 1rem;
  padding-left: 0;
  }

  .qr-code p{
    margin-bottom: 0.3rem !important;
  }

  .qr-code a {
    text-decoration: none;
    color: #fff;
  }

.footer {  
  padding: 0.5rem 0 0.5rem 0 !important;
  color: #f9f9f9;
  }

 .footer p {
  font-size: 0.9rem;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Cabin', sans-serif;
 }

 .footer-copy {
  display: flex;
 }

 .footer-copy-left {
  margin-right: auto;
 }
  .footer-copy a {
    text-decoration: none;
    color: var(--fourth);
    font-family: 'Cabin', sans-serif;
  }

  .footer-copy-right a {
    text-decoration: none;
    color: #ff0000;
  }

  .form-control {    
    border-radius: 0 !important;
  }

  .footer-contact h4 {
    color: var(--secondary);
    margin-bottom: 1.5rem;
    text-align: left;
  }

  .footer-contact p {
    color: var(--white);
    font-size: 1rem;
  }

  .useful-link-right ul {
    list-style-type: none !important;
  
  }
  .useful-link-left ul {
    list-style-type: none !important;
    padding-inline-start: 0;
  }
  .useful-link-right ul li, .useful-link-left ul li {
    padding: 0.5rem 0;
  }
  /*** responsive ***/

@media only screen and (min-width:1300px) {
  .container {
      max-width: 1270px
  }
}

@media only screen and (max-width:1200px) {

}

@media(max-width:992px) {

}

@media only screen and (min-width:768px) {
 
}


@media(max-width:768px) {
  .hero-sec h1 {
    margin: 1.5rem 0;
  }
  .m-top {
    margin-top: 3rem;
  }
  .footer-copy {
    flex-direction: column;
    text-align: center;
   }
}

@media only screen and (max-width:576px) {
  .navbar-toggler {
  
    background-color: var(--main) !important;
   
}

.hero-sec {
 background:  url("../img/ektadal1.jpg") no-repeat center;
  background-size: cover;
  height: 850px;
 
  }
  
  .navbar-collapse {
    margin: 0 1rem;
    background-color: var(--fourth);
    text-align: center;   
}

.medal {
  border-radius: none;
  border: none;
}

.header {
  flex-direction: column;
  text-align: center;
padding-top: 1rem;

}
.header p {
  text-align: center;
}
.header img {
  text-align: center;
}

.header p {
  font-size: 0.9rem;
}

h4 {
  text-align: left;
}
  .hero-sec h1 {
    font-size: 2rem;
  }
  .p-10 {
    padding: 1rem;
  }
  .m-top {
    margin-top: 3rem;
  }
.table-r {
  margin: 0;
}

  .card.hall-fame h5 {
    font-size: 1.5rem;
    font-weight: 600;
  }

  .card.hall-fame h4 {
    font-size: 1.2rem;
  }

  .card.hall-fame p {
    font-size: 1rem;
  }


  .banner-ab h1 {
    padding-top: 15%;
  }
  .footer-contact {     
    padding: 7rem 2rem;
    }
    .navbar {
      padding: 0 2rem;
    }

    .resi-pro, .comm-pro {
      padding: 6rem 1rem; 
    }
    .pro-head {
      flex-direction: column;
    }

    .display-3 {
      font-size: 3rem;     
  }

    .resi-pro h3, .comm-pro h3 {
      font-size: 1.6rem; 
      font-weight: 800;     
    }
    
    .resi-pro h5, .comm-pro h5 {
      font-size: 1.3rem;
      font-style: italic;
    }

    .resi-pro h4 {
      font-size: 1.5rem;
    }

    .footer-contact p {
      font-size: 1.1rem;
    }

    .btn-outbgr {
      border: 1px solid var(--main) !important;
  border-radius: 0 !important;
  text-align: left;
  background-color: var(--main);
  padding: 0.8rem 2.2rem;
  color: #fff;
  font-weight: 600;
    }

    .contact-sec p {
      font-size: 1.1rem;
    }
    
  }
  @media only screen and (max-width:480px) {
    .footer-contact {     
    padding: 7rem 0;
    }
    .navbar {
      padding: 0;
    }

  

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

  }