/* About content section css starts 4-sep */
.about-content-img-wrap             { padding: 0.75rem; border: 1.5px solid var(--light-gray); border-radius: 8px; }
.about-content-img-box              { position: relative; padding-top: 115%; }
.about-content-img-wrap img         { border-radius: 8px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.content-title-box .title-2,.about-content-box .content-box p:not(:last-child)         { margin-bottom: 1.5rem; }
/* About content section css ends 4-sep */

/* What We’re About Section */
.about-content-wrap ul li {
    color: var(--gray-color);
}
.about-content-wrap ul li:not(:last-child) {
    margin-bottom: 0.5rem;
}
/* End of What We’re About Section */


/* vision-mission section css starts */
.vision-mission .common-row .col-grid   { margin-bottom: 0; }
.vision-mission-wrap                { padding: 2.5rem 3.75rem; border: 1.5px solid var(--light-gray); border-radius: 8px;  }
.vision-mission-wrap .icon-box      { padding: 1.563rem; background-color: var(--f0); display: inline-block; border-radius: 50%; }
.vision-mission-wrap .icon-box  img { width: 3.125rem; height: 3.125rem; }
.vision-mission-wrap .icon-box,.vision-mission-wrap .title-box { margin-bottom: 10px; }
.vision-mission-wrap .title-box > * { color: var(--green-color ); }
.vision-mission-content-box p       { color: var(--gray-color); }
/* vision-mission section css ends */

/* .about-gallery-section .wrapper     { max-width: 1000px; margin: 0 auto; background-color: blanchedalmond;  } */
.wrapper .item-wrapper                        { list-style: none; padding: 0px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.wrapper .item-wrapper a:not(.outline-btn,.theme-btn)                      { position: relative; padding-top: 67%; }
.wrapper .item-wrapper a img                  { border-radius: 8px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.wrapper .item-wrapper a:nth-child(9n - 7),
.wrapper .item-wrapper a:nth-child(9n - 5),
.wrapper .item-wrapper a:nth-child(9n - 3)    { grid-row: span 2; }
.gallery-title-box .title-2                   { margin-bottom: 2rem;  }
.about-content-wrap .title-2,
.gallery-title-box .title-2                   { color: var(--theme-primary-color); }
.about-load-more                              { display: block; }
.about-load-more .load-more-btn               { display: inline-block; margin-top: 2rem; position: relative; font-size: 1.375rem; line-height: 150%; font-weight: 700; text-transform: capitalize; color: var(--theme-primary-color); padding: 0 10px 10px; }
.about-load-more .load-more-btn::before       { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--theme-primary-color); }



@media only screen and (max-width: 767px) {
    .vision-mission .row .col-grid:not(:last-child)                    { margin-bottom: 2rem; }   
    .wrapper .item-wrapper                        { grid-template-columns: repeat(2, 1fr); gap: 1rem; }

 }