.elementor-5322 .elementor-element.elementor-element-406779a{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-5322 .elementor-element.elementor-element-406779a:not(.elementor-motion-effects-element-type-background), .elementor-5322 .elementor-element.elementor-element-406779a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#283E71;}.elementor-5322 .elementor-element.elementor-element-7357e64{--spacer-size:15vh;}.elementor-5322 .elementor-element.elementor-element-71320fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5322 .elementor-element.elementor-element-20096b1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5322 .elementor-element.elementor-element-7c9e3f8 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5322 .elementor-element.elementor-element-7c9e3f8 .elementor-heading-title{font-size:45px;font-weight:500;color:#FFFFFF;}.elementor-5322 .elementor-element.elementor-element-d486791 .elementor-button{background-color:#FFFFFF;font-weight:500;fill:#283E71;color:#283E71;}.elementor-5322 .elementor-element.elementor-element-d486791 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5322 .elementor-element.elementor-element-d486791 .elementor-button .elementor-button-icon i{transform:rotate(0deg);}.elementor-5322 .elementor-element.elementor-element-36ecaa3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#283E71;--border-color:#283E71;--padding-top:30px;--padding-bottom:30px;--padding-left:80px;--padding-right:80px;}.elementor-5322 .elementor-element.elementor-element-36ecaa3:not(.elementor-motion-effects-element-type-background), .elementor-5322 .elementor-element.elementor-element-36ecaa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;}.elementor-5322 .elementor-element.elementor-element-2449020{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5322 .elementor-element.elementor-element-c04f246{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5322 .elementor-element.elementor-element-a1d1fbd .elementor-heading-title{color:#283E71;}.elementor-5322 .elementor-element.elementor-element-d92c503{text-align:justify;font-size:15px;color:#283E71;}.elementor-5322 .elementor-element.elementor-element-7ef1df1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5322 .elementor-element.elementor-element-7215a5c > .elementor-widget-container{padding:0px 150px 0px 150px;}.elementor-5322 .elementor-element.elementor-element-57b8dc7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-5322 .elementor-element.elementor-element-96e8477{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:200px;}.elementor-5322 .elementor-element.elementor-element-63b5794{--display:flex;}.elementor-5322 .elementor-element.elementor-element-4b06d37{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-5322 .elementor-element.elementor-element-406779a{--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5322 .elementor-element.elementor-element-20096b1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5322 .elementor-element.elementor-element-7c9e3f8 .elementor-heading-title{font-size:30px;}.elementor-5322 .elementor-element.elementor-element-d486791{width:100%;max-width:100%;}.elementor-5322 .elementor-element.elementor-element-36ecaa3{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5322 .elementor-element.elementor-element-2449020{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5322 .elementor-element.elementor-element-a1d1fbd > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-5322 .elementor-element.elementor-element-a1d1fbd .elementor-heading-title{font-size:30px;}.elementor-5322 .elementor-element.elementor-element-d92c503{text-align:justify;}.elementor-5322 .elementor-element.elementor-element-7215a5c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5322 .elementor-element.elementor-element-57b8dc7{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5322 .elementor-element.elementor-element-96e8477{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-5322 .elementor-element.elementor-element-406779a{--width:100%;}.elementor-5322 .elementor-element.elementor-element-36ecaa3{--content-width:100%;}.elementor-5322 .elementor-element.elementor-element-c04f246{--width:50%;}.elementor-5322 .elementor-element.elementor-element-7ef1df1{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-2e55d5b */.elementor-5322 .elementor-element.elementor-element-2e55d5b p,
.elementor-5322 .elementor-element.elementor-element-2e55d5b h1,
.elementor-5322 .elementor-element.elementor-element-2e55d5b h2,
.elementor-5322 .elementor-element.elementor-element-2e55d5b h3,
.elementor-5322 .elementor-element.elementor-element-2e55d5b h4,
.elementor-5322 .elementor-element.elementor-element-2e55d5b h5,
.elementor-5322 .elementor-element.elementor-element-2e55d5b h6,
.elementor-5322 .elementor-element.elementor-element-2e55d5b span {
    color: #283E71 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500 !important;
}

/* Tablet View */
@media (max-width: 1024px) {
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h1,
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h2,
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h3,
    
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h5,
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h6 {
        font-size: 30px !important; /* Adjust this value as needed */
    }
    
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h4{
        font-size: 24px !important; 
    }
}

/* Mobile View */
@media (max-width: 767px) {
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h1,
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h2,
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h3,
    
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h5,
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h6 {
        font-size: 30px !important; /* Adjust this value as needed */
    }
    
    .elementor-5322 .elementor-element.elementor-element-2e55d5b h4{
        font-size: 24px !important; 
    }
}

.elementor-5322 .elementor-element.elementor-element-2e55d5b p {
    text-align: justify !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eddca14 */.elementor-5322 .elementor-element.elementor-element-eddca14 p,
.elementor-5322 .elementor-element.elementor-element-eddca14 h1,
.elementor-5322 .elementor-element.elementor-element-eddca14 h2,
.elementor-5322 .elementor-element.elementor-element-eddca14 h3,
.elementor-5322 .elementor-element.elementor-element-eddca14 h4,
.elementor-5322 .elementor-element.elementor-element-eddca14 h5,
.elementor-5322 .elementor-element.elementor-element-eddca14 h6,
.elementor-5322 .elementor-element.elementor-element-eddca14 span {
    color: #283E71 !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500 !important;
}

/* Tablet View */
@media (max-width: 1024px) {
    .elementor-5322 .elementor-element.elementor-element-eddca14 h1,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h2,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h3,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h4,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h5,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h6 {
        font-size: 30px !important; /* Adjust this value as needed */
    }
}

/* Mobile View */
@media (max-width: 767px) {
    .elementor-5322 .elementor-element.elementor-element-eddca14 h1,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h2,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h3,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h4,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h5,
    .elementor-5322 .elementor-element.elementor-element-eddca14 h6 {
        font-size: 30px !important; /* Adjust this value as needed */
    }
}

.elementor-5322 .elementor-element.elementor-element-eddca14 p {
    text-align: justify !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57b8dc7 */#image-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.person-image-wrapper {
    position: relative;
    cursor: pointer;
}

.person-image-wrapper img {
    border-radius: 5%;
    width: 100%;
    height: auto;
}

.person-image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* The dark overlay */
    border-radius: 5%;
    transition: background-color 0.3s ease;
}

.person-image-wrapper.active::after {
    background-color: transparent; /* Overlay is removed on active */
}

/* Make the overlay transparent on hover */
.person-image-wrapper:hover::after {
    background-color: transparent;
}

.person-image-wrapper .image-name {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 16px;
    font-weight: bold;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.person-image-wrapper.active .image-name {
    opacity: 1;
}

/* Tablet View */
@media (max-width: 1024px) {
    #image-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}

/* Mobile View */
@media (max-width: 767px) {
    #image-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}/* End custom CSS */