/* starts main section */
@media screen and (max-width: 930px) {
   .contact-section-container1 {
      min-width: unset !important;
      margin-left: 0 !important;
      flex-direction: column !important;
      width: 100% !important;
   }
   .jamaica-container {
      flex-direction: column !important;
   }
   .jamaica-container1 {
      margin-left: 0 !important;
   }
   .social-p {
      margin-left: 0 !important;
   }
   .jamaica-banner {
      flex-direction: column !important;
      margin-left: 40px !important;
      margin-top: 0 !important;
   }
   .jamaica-banner1 {
      margin-left: 40px !important;
   }
   .hero-image-container {
      margin-left: 0 !important;
   }
   .image-container-with-margin {
      margin-left: 0 !important;
      margin-top: 6.5rem !important;
   }
   .jamaica-clip-path-cover {
      margin-left: 40px !important;
   }
   .jamaica-image {
      margin-left: 40px !important;
   }
   .msocial1 {
     margin-top: 2.3rem !important;
     margin-left: 7rem !important;
   }
   .msocial2 {
    margin-top: 9rem !important;
    margin-left: 7rem !important;
   }
   .msocial3 {
    margin-top: 15.8rem !important;
    margin-left: 7rem !important;
   }
   .msocial4 {
    margin-top: 2.3rem !important;
    margin-left: 5rem !important;
   }
   .msocial5 {
    margin-top: 8.8rem !important;
    margin-left: 5rem !important;
   }
}

.program-info-container2 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 100%;
}

.program-application-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   background: #ffffff !important;
}

.program-application-section {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 8px;
   align-items: flex-start;
   justify-content: space-between;
   padding-left: 36%;
}

.majestic-heading1 {
   color: #205A98 !important;;
   text-align: center;
   font-family: Hind;
   font-size: 48px;
   font-style: normal;
   font-weight: 700;
   line-height: 8rem;
}

.program-info-container1 {
   flex: 0 0 auto;
   padding-bottom: 38px;
}

.image-container1 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 272px;
   background: url("")
   50% / cover no-repeat;
}

.image-container3 {
   display: block !important;
   flex: 0 0 auto;
   max-width: initial;
   height: 169px;
}

.vertical-align-center {
   flex: 0 0 auto;
   align-self: center;
   margin-top: 48px;
   width: 80%;
}

.hero-image-container1 {
   box-sizing: border-box;
   display: block;
   max-width: initial;
   height: 690px;
   background: #62a3af;
}

.donation-section2 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding-right: 10px;
   margin-top: 139px;
}

.donation-section-container1 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   min-width: 966px;
}

.donation-title-style2 {
   flex: 0 0 auto;
   align-self: center;
   padding: 0;
   margin: 0;
   margin-left: 9px;
   font: 700 48px "Playfair Display", serif;
   color: #0156d3;
}

.donation-section {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   gap: 8px;
   align-items: flex-start;
   justify-content: space-between;
   margin-top: 89px;
}

.donation-card {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
   width: 435px;
   padding: 18px;
   background: #e4ebfd;
}

.image-container5 {
   box-sizing: border-box;
   display: block;
   flex: 0 0 auto;
   max-width: initial;
   height: 408px;
   border: none;
   object-fit: cover;
}

.donation-section1 {
   box-sizing: border-box;
   flex: 0 0 auto;
   max-width: 472px;
   padding-top: 121px;
}

.donation-section-container {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
}

.donation-title-text-style {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   font: 600 13.5px Montserrat, sans-serif;
   color: #252a34;
   text-transform: capitalize;
}

.donation-section-divider {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 46px;
   margin-left: 3.75px;
   border-top: 0.8px solid rgba(0, 0, 0, 0.2);
}

.donation-title-style {
   padding: 0;
   margin: 0;
   margin-top: 12px;
   font: 700 29.5px/38px "Playfair Display", serif;
   color: #252a34;
   text-align: left;
   text-transform: capitalize;
}

.learning-disability-info-style {
   box-sizing: border-box;
   width: 100%;
   padding: 0;
   margin: 0;
   margin-top: 12px;
   font: 400 16px "Maven Pro", sans-serif;
   color: #121212;
   text-align: left;
}

.donation-button-container {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   height: 36px;
   padding-right: 17px;
   padding-left: 17px;
   margin-top: 7px;
   background: #0156d3;
}

.donation-title-style1 {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   font: 500 12px Montserrat, sans-serif;
   color: white;
   text-transform: capitalize;
}

.contact-section-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   margin-top: 48px;
   margin-bottom: 5rem;
}

.majestic-heading {
   box-sizing: border-box;
   flex: 0 0 auto;
   width: 307px;
   padding: 0;
   margin: 0;
   font: 700 48px "Playfair Display", serif;
   color: #205A98;
   text-align: center;
}

.contact-section-container1 {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: flex-start;
   justify-content: flex-start;
   min-width: 1301px;
   margin-top: 78px;
   margin-left: -139px;
}

.vertical-flex-container {
   display: flex;
   flex: 1 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
}

.container-with-padding-and-images {
   flex: 0 0 auto;
   padding-right: 142px;
   padding-left: 142px;
}

.vertical-centered-box {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   width: 121px;
}

.image-container4 {
   display: block;
   flex: 0 0 auto;
   max-width: initial;
   height: 107px;
}

.nested-image-container {
   flex: 0 0 auto;
   align-self: flex-end;
   margin-top: -103px;
}

.image-container-with-clip-path {
   box-sizing: border-box;
   display: block;
   width: 50px;
   max-width: initial;
   height: 100px;
   clip-path: path("M0,0h50.1301v100.171h-50.1301z");
   object-fit: cover;
}

.nested-content-container {
   flex: 0 0 auto;
   align-self: flex-end;
   padding-right: 0;
   margin-top: -97px;
}

.container-with-images {
   position: relative;
   box-sizing: border-box;
   width: 359px;
   height: 242px;
}

.hero-image-container {
   position: absolute;
   /* top: 135px; */
   box-sizing: border-box;
   display: block;
   width: 358px;
   max-width: initial;
   height: 106px;
   margin-left: 15rem;
}

.vertical-centered-box1 {
   position: absolute;
   left: 47px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   width: 312px;
   height: 86px;
   padding-right: 87px;
   padding-left: 87px;
   background: url("")
   50% / cover no-repeat;
}

.text-block {
   display: block;
   flex: 0 0 auto;
   max-width: initial;
   height: 21.5px;
}

.nested-image-container1 {
   flex: 0 0 auto;
   margin-top: -216px;
}

.image-container {
   box-sizing: border-box;
   display: block;
   width: 154px;
   max-width: initial;
   height: 552px;
   transform: translate(-15px, 0px);
}

.jamaica-container1 {
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   margin-left: -245px;
}

.jamaica-container {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
}

.jamaica-image {
  box-sizing: border-box;
  display: block;
  width: 358px;
  max-width: initial;
  height: 107px;
  margin-left: 41px;
}

.jamaica-clip-path-cover {
  box-sizing: border-box;
  display: block;
  width: 358px;
  max-width: initial;
  height: 107px;
  margin-left: 41px;
}

.jamaica-section {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   max-width: initial;
   height: 86px;
   padding-right: 78px;
   padding-left: 86px;
   margin-left: -74px;
   background: url("")
   50% / cover no-repeat;
}

.jamaica-section1 {
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   justify-content: flex-start;
   height: 86px;
   padding-bottom: 30.5px;
}

.svg-container {
   display: flex;
   flex: 0 0 auto;
   width: 24px;
   height: 24px;
   color: #ffffff;
}

.jamaica-heading {
   flex: 0 0 auto;
   padding: 0;
   margin: 0;
   margin-left: 1.25px;
   font: 700 24px Hind, sans-serif;
   color: white;
}

.jamaica-banner1 {
   box-sizing: border-box;
   display: block;
   width: 358px;
   max-width: initial;
   height: 107px;
   margin-left: 41px;
}

.jamaica-banner {
   display: flex;
   flex: 0 0 auto;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   margin-top: 39px;
}

.image-container2 {
   box-sizing: border-box;
   display: block;
   width: 358px;
   max-width: initial;
   height: 106px;
   transform: translate(440px, 0px);
}

.image-container-with-margin {
   box-sizing: border-box;
   display: block;
   width: 358px;
   max-width: initial;
   height: 106px;
   margin-left: 43rem;
}


.dono-p {
   color: #205A98 !important;
   text-align: justify;

/* Esc Heading 3 */
   font-family: "Maven Pro";
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 5rem;
}

.dono-700 {
   color: #205A98 !important;
   text-align: justify;

/* Esc Heading 4 */
   font-family: "Maven Pro";
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   margin-bottom: 3rem;
}

.donation-box {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-around;
   margin-bottom: 5rem;
   margin-top: 3rem;
}

.dono-p-box {
   width: 50%;
   /* margin-bottom: 8rem; */
   /* margin-top: 0rem; */
}

.dono-img-bg {
   box-sizing: border-box;
   display: flex;
   flex: 0 0 auto;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   width: 40%;
   padding: 36px 26px;
   /* margin-left: 195px; */
   background: #D4DD4D;
   border-radius: 16px;
   height: 100%;
}

.donation-form {
   width: 80%;
   height: 50px;
   border-radius: 8px;
   padding-left: 2%;
   border-color: #585858 !important;
   background: rgba(32, 90, 152, 0.06) !important;
 
}

.donation-btn {
    height: 50px;
    width: 18%;
    background: #D4DD4D;
    border-radius: 9px;
    border-color: #D4DD4D;
    margin-left: 1rem;
    color: var(--Primary-Color, #205A98);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.4px;
    }

    .social-p {
      color: #FFF;
font-family: Hind;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: absolute;
    }

    .program-application-container0 {
      display: flex
      ;
          flex-direction: column;
          align-items: stretch;
          justify-content: flex-start;
          background: url(../assets/banner-bg.webp) 50% / cover no-repeat;
    }
    .majestic-heading11 {
      color: #ffffff;
    text-align: center;
    font-family: Hind;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 8rem;
    }
    .dono-p0 {
      color: #E4EBFD;
      font-family: Verdana;
      font-size: 32px;
      font-style: normal;
      font-weight: 700;
      line-height: normal;
    }
    .dono-7000 {
      color: #E4EBFD;
text-align: justify;
font-family: "Open Sans";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
    }

    @media screen and (max-width: 530px) {
      .donation-btn {
          width: 45% !important;
      }
      .majestic-heading11 {
         font-size: 40px !important;
         margin-bottom: 3rem !important;
         margin-top: 3rem !important;
         line-height: 3rem !important;
      }
  }
/* ends main section */