/* responsive styles */
 @media (max-width: 767px) {

     /* Shrink the rotating logo image */
     .hero-logo {
         /* Adjust the percentage as needed */
         margin-bottom: 100px;
     }

     .submit-container{
        padding-bottom:50px;
     }
     
     .contact-title{
        width: 80%;
     }

     .blog-title{
        width:80%;
     }

     .agreeCheckbox{
        text-align: center;
     }

     .our-mission{
        text-align: center;
     }
     .mission-statement{
        text-align: center;
     }


     /* Stack the buttons below the logo */
     .hero-buttons {
         text-align: center;
         /* Center the buttons */
         /* Adjust the margin as needed */
         margin-bottom: -100px;
     }

     .benefits-title {
         margin-right: -550px;
     }

     .benefits li {
         font-size: 15px;
         color: rgba(0, 0, 0, 0.54);
     }

     .form-end {
         margin-bottom: 100px;
     }
     


     #about-title {
         
     }

     #about-subtitle {

         text-align: center;
     }

     .whatis {
         margin-top: 25px
     }

     .mission-img {
         margin-bottom: 20px;
     }

     .instructor-bg-img {
         z-index: -10;
     }
     .row-container{
        flex-direction: column;
     }
     

 }

 @media (min-width: 767px) {
     .hero-logo {
         margin-bottom: 50px;
         width: 50vw;
     }

 }

 @media (max-width: 1200px) {
    .row-container{
        flex-direction: column;
     }
     .mission-img{
        width:75%;
     }
}





 .rotating-image-container {
     margin-top: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     /* max-width: 60%; */
 }

 .hero-buttons {
     display: flex;
     justify-content: center;
     margin-top: -100px;
 }

 .about-title {
     display: flex;
     justify-content: center;
     max-width: 1300px;
     width: 100%;


 }

 

 .about-subtitle {
     display: flex;
     justify-content: center;
     font-family: 'Plus Jakarta Sans', sans-serif;
 }

 .about-subtitle p {
     font-size: 20px;
     z-index: 10;
 }

 #down-section {
     margin-bottom: -175px;
     display:flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     padding-bottom:100px;
 }

 .rowzz{
    display:flex;
    
 }

 .mission-statement {
     font-size: 20px;
     line-height: 1.4;
     max-width: 700px;
     width:100%;
 }

.welcome-text{
    max-width: 1000px;
    width:100%;
    z-index: 5;
}
.row-container{
    display:flex;
    justify-content:center;
    align-items: center;
    gap:100px;
}

.welcome{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

 .mission-img {
     
     
     z-index: 5;
     padding-top:75px;
    
     
 }

 #mission-statement-section {
     margin-top: -100px;
 }

 .container-mission {
     display: flex;
     justify-content: start;
 }

 .statement-container {
     max-width: 75%;
 }

 .instructors-title-container {
     display: flex;
     justify-content: center;

 }

 #instructors-container {
     display: flex;
     justify-content: center;
     gap: 100px;
 }

 .under-text {
     display: flex;
     justify-content: center;

 }

 .linkedin-logo {
     max-width: 15%;
     margin-left: -120px;
     margin-top: -5px;
 }

 #social-icon1 {
     margin-right: -100px;
 }

 .benefits-title {
     margin-left: -600px;
 }

 .benefits-list {
     display: flex;
     flex-direction: column;
     align-content: center;
 }

 .contact-form-title {
     margin-top: 50px;
 }

 #contact-title {
     z-index: 50;
 }

 .benefits {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .benefits p {
     font-weight: bold;
     font-size: 20px;
     color: rgba(0, 0, 0, 0.54);
 }

 @media (min-width: 767px) {
     .benefits li {
         font-size: 20px;
     }
 }

 .benefits li {
     color: rgba(0, 0, 0, 0.54);
 }


 #submit {
     margin-top: 50px;
     position: absolute;
 }

 #disclaimerCheckbox {
     max-width: 25%;
 }

 .form-end {
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
 }

 .form-check {
     margin-top: 20px;
     width: 200px;
 }

 #join-newsletter {
     z-index: 50;
 }

 .other-resources {
     display: flex;
     justify-content: center;

 }

 .other-resources p {
     font-size: 50px;
 }

 /* Style for the accordion container */
 .accordion-container {
     max-width: 1000px;
     margin: 20px auto;
 }

 /* Style for the accordion items */
 .accordion-item {
     background-color: #f9f9f9;
     margin-bottom: 5px;
     border-radius: 5px;
     overflow: hidden;
 }

 .button-container{
    margin-top:-150px;
 }

 /* Style for the accordion title */
 .accordion-title {
     padding: 10px;
     font-size: 20px;
     font-weight: bold;
     cursor: pointer;
 }

 /* Style for the accordion content */
 .accordion-content {
     padding: 10px;
     display: none;
 }

 /* Style for the active accordion item */
 .accordion-item.active {
     background-color: #e0e0e0;
 }

 /* Style for the existing accordion container */
 .existing-accordion-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
     max-width: 1000px;
     /* Adjust the width as needed */
     margin: 20px auto;
 }

 /* Style for the existing accordion button */
 .existing-accordion-button {
     background-color: #999999;
     color: #fff;
     padding: 10px;
     text-align: left;
     cursor: pointer;
     border: none;
     outline: none;
     width: 100%;
 }

 /* Style for the existing accordion content */
 .existing-accordion-content {
     display: none;
     padding: 10px;
     border-top: 1px solid #ddd;
 }

 .footer {
     display: flex;
     justify-content: space-evenly;
 }

 #footer-bottom {
     margin-top: 50px;
 }

 .instructor-bg-img {
     z-index: -10;
 }

 .instructor-title {
     z-index: 50;
 }

 .this-text {
     z-index: 10;
 }

 #agree {
     margin-left: 50px;
 }

 #submit {
    display:flex;
    margin-top:100px;
 }

 .submit-container{
   display:flex;
   justify-content: center;
 }

.agr{
    text-align: center;
}