@charset "utf-8";
/* CSS Document */
		
		.mb-6 {
  margin-bottom: 7rem; /* px */
}

		
  .speaker-img {
    width: 23px;
    height: 23px;
    object-fit: cover; /* keeps image from stretching */
  }
	
.arrow-imgs {
    width: 18px;
    height: 18px;
    object-fit: cover; /* keeps image from stretching */
  }
		.pdf-img {
    width: 18px;
    height: 20px;
    object-fit: cover; /* keeps image from stretching */
  }
		
	.pdf1-img {
    width: 27px;
    height: 30px;
    object-fit: cover; /* keeps image from stretching */
  }	
				
}
  @media (max-width: 768px) {
    .speaker-img {
      width: 18px;  /* smaller for mobile */
      height: 18px;
    }
	  
	  .pdf-img {
      width: 15px;  /* smaller for mobile */
      height: 16px;
    }
  }
	
.header{
      margin-bottom: 30px; 
    }

/*styles from index page*/
		.section-title {
      margin-top: 60px !important; /* Or 0px if you want no space */
    }
			
			.carousel-caption {
			top: 50%; transform: translateY(-50%); bottom: auto;
			
		}
		
		
		.caption-heading {
  font-size: 70px;
			color: #e7a834;
	  font-weight: 800; 
}
	
		
		.caption-title {
  font-size: 50px;
			color: #EFE5E5;
			font-weight: 800;/* default for mobile */
}

		
				
		@media (max-width: 476px) {
    .section-title {
      margin-top: 60px !important; /* Or 0px if you want no space */
    }
			
			.carousel-caption {
			top: 37%; transform: translateY(-50%); bottom: auto;
			
		}
		.caption-heading {
    font-size: 36px;
	  color: #e7a834;
	  font-weight: 900; 
	   
  }	
	 .caption-title {
    font-size: 28px;
	  font-weight: 900;
  }		
			
  }
.btn-primary:active{
			background-color: #eeeeee;   
		}
		
		.btn-primary:focus{
			background-color: #eeeeee;  
		}
		
	  .main-container {
            max-width: 90%; /* Main container takes 90% of page */
            margin: 0 auto;
        }
		
	/* Mobile layout */
@media (max-width: 468px) {
  .main-container {
            max-width: 100%; /* Main container takes 90% of page */
            margin: 0 auto;
        }
   
  }
		
  
	  
    #accordion .accordion-item {
      border: none;
      margin-bottom: 15px;
      position: relative;
		
    }

    #accordion .accordion-item::before {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      border: 1px dashed #6e8898;
      position: absolute;
      top: 25px;
      left: 18px;
    }

    #accordion .accordion-item:last-child::before {
      display: none;
    }

    #accordion .accordion-header {
      padding-left: 0;
    }

    #accordion .accordion-button {
      padding: 10px 30px 10px 60px;
      background-color: #fff;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 1px;
      color: #1d3557;
      position: relative;
      box-shadow: none;
    }

    #accordion .accordion-button::after {
      display: none;
    }

    #accordion .accordion-button.collapsed::before,
    #accordion .accordion-button::before {
      content: "\f107"; /* down arrow */
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 3px;
      font-size: 17px;
      transition: all 0.3s ease 0s;
    }

    #accordion .accordion-button::before {
      background: #0a2e4f;
      border: 1px solid #8a8ac3;
      color: #fff;
    }

    #accordion .accordion-button.collapsed::before {
      content: "\f105"; /* right arrow */
      background: #fff;
      border: 1px solid #6e8898;
      color: #000;
    }

    #accordion .accordion-body {
      padding: 10px 30px 10px 30px;
      margin-left: 40px;
      background: #fff;
      font-size: 15px;
      color: #6f6f6f;
      line-height: 28px;
      letter-spacing: 1px;
    }
  		
		
		
.carousel-item {
height: 600px; /* Set desired height */
}

.carousel-item img {
object-fit: cover; /* Ensures image fits within the defined height */
height: 600PX; /* Matches the carousel-item height */
width: 100%; /* Ensures full width */
}
		
/* For mobile (screens smaller than 768px) */
@media (max-width: 767.98px) {
  .carousel-inner {
    height: 300px;
  }
	
}