.elementor-4560 .elementor-element.elementor-element-85eeb1d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4560 .elementor-element.elementor-element-242c6ce{--spacer-size:80px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-4560 .elementor-element.elementor-element-9698fd2{text-align:center;}.elementor-4560 .elementor-element.elementor-element-9698fd2 .elementor-heading-title{color:#000000;}.elementor-4560 .elementor-element.elementor-element-717420d .contact-info-card{background-color:#8EA58B !important;}.elementor-4560 .elementor-element.elementor-element-717420d .contact-info-card.bg-wrap-two{background-color:#D9E5D7 !important;}.elementor-4560 .elementor-element.elementor-element-717420d .contact-info-card.bg-wrap-three{background-color:#8EA58B !important;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for heading, class: .elementor-element-9698fd2 */@media (max-width: 767.98px) {
    #intro-text-access {
        /* NO justify for فارسی text - it causes bad spacing */
        text-align: center !important; /* Text is CENTERED on mobile for better readability */
        font-size: 18px !important;     /* Slightly larger font size on mobile */
        line-height: 1.8 !important;    /* Adjust line height for better readability */
        padding: 0 15px !important;     /* Add some padding to prevent text sticking to edges on mobile */
        /* Remove width if it was causing issues */
        width: auto !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85eeb1d *//* Container for the three boxes - ensures they are in a row and stretch to equal height */
.row.justify-content-center {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next line on smaller screens */
    justify-content: center; /* Centers the boxes horizontally */
    align-items: stretch; /* IMPORTANT: Makes all columns (and thus cards) stretch to the height of the tallest one */
    /* Adjust row margins to perfectly align with content edges if needed */
    margin-left: -5px; /* Reduce the negative margin to control outer spacing */
    margin-right: -5px; /* Reduce the negative margin to control outer spacing */
}

/* Each column (box) - ensures correct width and equal, smaller padding */
.col-xl-4.col-md-6 {
    flex-basis: 33.3333% !important; /* Approx. 1/3 width for desktops */
    max-width: 33.3333% !important; /* Ensures no more than 1/3 width */
    padding-left: 5px !important; /* Reduced padding for smaller, equal gaps between boxes */
    padding-right: 5px !important; /* Reduced padding for smaller, equal gaps between boxes */
    box-sizing: border-box !important;
    display: flex !important; /* Make the column a flex container */
    align-items: stretch !important; /* Make sure the contact-info-card inside stretches to fill the column's height */
    margin-bottom: 0 !important; /* Ensure no extra bottom margin on desktop */
}

/* The contact info card itself - ensure it fills its container */
.contact-info-card {
    height: 100% !important; /* Important: Makes the card fill the entire height of its column */
    width: 100% !important; /* Important: Makes the card fill the entire width of its column */
    box-sizing: border-box !important;
    margin: 0 !important; /* Reset any unwanted margins or paddings if they're still causing issues */
    /* padding: 20px !important; */ /* Uncomment and adjust if internal padding is still an issue */
}


/* Responsive adjustments for smaller screens (Bootstrap standard breakpoints) */
@media (max-width: 991.98px) { /* For tablets (md breakpoint and down) */
    .col-xl-4.col-md-6 {
        flex-basis: 50% !important; /* Two columns per row on tablets */
        max-width: 50% !important;
        margin-bottom: 30px !important; /* Increased space between rows on tablets - adjust as needed */
        padding-left: 5px !important; /* Keep consistent padding */
        padding-right: 5px !important; /* Keep consistent padding */
    }
}

@media (max-width: 767.98px) { /* For mobile phones (sm breakpoint and down) */
    .col-xl-4.col-md-6 {
        flex-basis: 100% !important; /* One column per row on mobile */
        max-width: 100% !important;
        margin-bottom: 30px !important; /* Increased space between rows on mobile - adjust as needed */
        padding-left: 5px !important; /* Keep consistent padding */
        padding-right: 5px !important; /* Keep consistent padding */
    }
}/* End custom CSS */