/* Navbar */

.fixed-top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
} 
.logimg{width:70px;margin-left: 9px;height: 70px;}
/* text */

.logtext{font-weight: 900;font-style: italic;
  text-shadow: 1px 1px 1px #FFDD09;font-size: 16px;padding-left: 10px;}
 
  .logtext1{padding-left: 26px;}
  /* style="" */
  .logtext2{padding-left: 37px;color: #FFDD09; font-weight: 800; text-shadow: 0px 0.5px 5px black;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
text-shadow: none;
}

.navbar-brand {
/* line-height: 80px; */
padding: 0px;
}

.navbar-nav>li>a {
/*color: #fff!important;*/
color: black!important;
font-size: 1.5rem;/*13px;*/
font-weight: 550;/*300;*/
text-transform: uppercase;
text-shadow: none;
line-height: 7rem;
padding: 0px;
letter-spacing: 0.5px;
}

.navbar-nav>li {
margin-left: 35px;

}


/* 
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
} */

.navbar-nav {
    float: right;
}



/* home page */

.Home {margin-top: 7rem;}

.carousel-inner .item img {
  width: 100%; /* Set the width to 100% */
  height: 625px; /* Set the desired height here */
  object-fit: cover; /* Ensure the image fills the container while maintaining aspect ratio */
  width: 100%;
 /*  height: calc(100vh - 50px); */
  
 
}
.carousel-head{font-size: 2.9rem;
}

.carousel-text

{font-size: 2.5rem; margin-bottom: 20rem;line-height: 40px;}
/* .caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}
.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #000;
}
.caption1 {
  position: absolute;
  left: 0;
  top: 225%;
  width: 100%;
  text-align: center;
  color: #000;
}
.caption2 {
  position: absolute;
  left: 0;
  top: 340%;
  width: 100%;
  text-align: center;
  color: #000;
}
.caption3 {
  position: absolute;
  left: 0;
  top: 460%;
  width: 100%;
  text-align: center;
  color: #000;
}
 */
/* about us */


#blog {
	background-image: url('Images/branch.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
  

}
#blog .section-heading {
  
	text-align: left;
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: rgba(0, 0, 0, 0.5);
	min-height: 562px;
  margin-left: -100vh;
	padding-left: 100vh;
	overflow: hidden!important;
  
}

#blog .section-heading h4 {
	margin-top: 0px;
	font-size: 3rem;/*20px;*/
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
}

#blog .section-heading .line-dec {
	width: 270px;
	height: 1px;
	background-color: rgba(250, 250, 250, 0.5);
	margin: 20px 0 15px 0;
}

#blog .section-heading p {
	color: #fff;
	padding-right: 70px;
  font-size: 1.6rem;
  line-height: 22px;
  text-align: justify;
}

.wrapper {
  text-align: center;
}

.tabs {
  list-style: none;
  margin-top: 40px;
  padding-right: 70px;
}

.tabs li {
  display: block;
  text-align: center;
  margin: 25px 0px;
}

.tabs a {
  display:block;
  text-align:center;
  text-decoration:none;
  text-transform:capitalize;
  letter-spacing: 0.5px;
  color:#121212;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 12px;
  background-color: #fff;
}

.tabs a:hover {
  color: #f7c552;
}

.tabs .active {
  color: #f7c552;
}
#first-tab-group {
	margin-top: 30px;
	margin-bottom: 15px;
}


.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
/* style="color: black; font-weight: 100; font-size: 1.8rem; margin-top: 100px;" */

.ourmission{font-size: 1.8rem;margin-top: 100px;width: 112%;}
.img-fluid{height: 190px;width: 110px;}


.cheight {height: 385px;overflow: auto;} 
.aboimg{width: 100%;}

.exeimg img {height: 125px;border-radius: 10%;}
/* #card1 .ourmission{width: 100vh;} */
#card2{width: 112%}
        #card3 {
          height: 620px;
          overflow: auto;
          border-width:0px;
          position: inherit;
          width: 112%;
          margin-top: 70px;
        }
        
        /* services */
        .servicesfa {color: #fff;font-size: 24px;
         }  
         #Services h1{
          text-align: center;color: white;margin-top: 140px;margin-bottom: 50px;
         }
        
 .serviceread{margin-top: 50px;margin-bottom: 70px;}
         .read-more {
          color: rgb(0, 0, 0);
          background-color: rgb(255, 255, 255);
          padding: 10px 20px;
          font-size: 2rem;
          border: 2px solid rgb(255, 255, 255);
          border-radius: 4px;
          text-decoration: none;
          border-style: groove;
        }
        
        .read-more:hover {
          background-color: rgb(0, 0, 0);
          color: rgb(255, 255, 255);
        
        }
        
        

            /*  events start */

        
           #Events{background-color:darkcyan ;padding-bottom: 35px;}    
           #Events h1{text-align: center;color: white;margin-top: 50px;margin-bottom: 50px;}
           #Events .eventimg{margin-top: 50px;}
           #Events .eventimg img{height: 350px;width: 100%;}
           


/* mebership styles */

#mebership{background-color: rgb(118, 204, 177);padding-left: 50px;}

#mebership h1,h2{font-weight: bold;text-decoration: underline;text-align: center;}
#mebership h2{text-align: justify;}
.Annual{font-weight: bold;text-decoration: underline;}
.custom-bullet p:before {
  content: "•"; /* Custom bullet character */
  margin-right: 10px; /* Space between bullet and content */
}
.custom-bullet p {
  text-indent: 4em; /* Adjust the value as needed */
}
.member p{font-size: 1.6rem;}

                  /* Contact */
 #Contact{background-color:grey ;color: white;font-size: 1.6rem;
  line-height: 24px;padding-top: 20px;padding-bottom: 50px;}
 #Contact h1{text-align: center;padding-bottom: 50px;}
/* .fborder{border-right: 1px solid #000;} */

/* parallax */

.parallax3 {
  /* The image used */
  background-image: url("Images/firstslide\ \(1\).jpg");

  /* Set a specific height */
  min-height: 700px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel-control.left,
.carousel-control.right {
  background: none; /* Remove the background */
  filter: none; /* Remove any applied filters, including blur */
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  color: #e7ebea; /* Set the color to match your website's design */
}
       * {
    margin: 0;
    padding: 0;
    font-family: open sans,sans-serif;/*'Roboto', arial, sans-serif;*/
}
p {
		font-size: 1.6rem;/*14px;*/
	line-height: 24px;
}
     
.headoffice .container .row{display: flex;
align-items: center;justify-content: center;padding-top: 50px;padding-bottom: 50px;}
      
        
      
@media (max-width: 576px) {
  .logimg{width:70px;margin-left: 5px;height: 65px;}

  .logtext{font-weight: 900;font-size: 16px;}
    .logtext1{padding-left: 26px;font-weight: 900;font-style: italic;
      text-shadow: 1px 1px 1px #FFDD09;font-size: 16px;}
    /* style="" */
    .logtext2{padding-left: 50px;color: #FFDD09; font-weight: 800; text-shadow: 0px 0.5px 5px black;}
  .Home {margin-top: 7rem;height: 27vh;}


  .carousel-inner .item img {
    width: 100%; /* Set the width to 100% */
    height: 27vh; /* Set the desired height here */
    object-fit: cover; /* Ensure the image fills the container while maintaining aspect ratio */
    width: 100%;
   
  }
  .carousel-head{font-size: 2rem;
  }
  .carousel-text
  
  {font-size: 1.7rem; margin-bottom:.0;line-height: 2rem;}
              

           
                    /* aboutus */

                    .cheight{height: 370px;overflow: auto;} 


                    .hisheaad{font-size: 2rem;}
#card1,#card2{width: 100%;}
  #card3 {
    height: 440px;
    overflow: auto;
    border-width:0px;
    margin: auto;
    position: inherit;
    width: 100%;
  }

             /* services */

             .servicesfa {color: #fff;font-size: 1.9rem;
             }
             #Services h1{
               text-align: center;color: white;margin-top: 50px;
              }

.serviceread{margin-top: 30px;margin-bottom: 50px;}

.read-more {
font-size: 1.8rem;
}

.read-more:hover {
 background-color: rgb(0, 0, 0);
 color: rgb(255, 255, 255);

}
/*  membership */
.member h2{font-size: 2.2rem;}

/*  events start */


#Events{background-color:darkcyan ;padding-bottom: 45px;}

.headoffice .container .row{display: flex;
  align-items: center;justify-content: center;padding-top: 10px;padding-bottom: 20px;}
}