.elementor-42123 .elementor-element.elementor-element-551f8ab4 > .elementor-background-overlay{background-color:#02010100;opacity:0.5;}.elementor-42123 .elementor-element.elementor-element-551f8ab4{border-style:none;margin-top:-2px;margin-bottom:0px;padding:0px 05px 0px 05px;}.elementor-42123 .elementor-element.elementor-element-551f8ab4, .elementor-42123 .elementor-element.elementor-element-551f8ab4 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-42123 .elementor-element.elementor-element-adb4014{width:auto;max-width:auto;text-align:left;}.elementor-42123 .elementor-element.elementor-element-adb4014 > .elementor-widget-container{padding:10px 0px 15px 10px;}.elementor-42123 .elementor-element.elementor-element-adb4014 .elementor-heading-title{font-family:"Roboto";font-size:14px;font-weight:400;letter-spacing:0.5px;color:#282C81;}.elementor-42123 .elementor-element.elementor-element-61ed906 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-42123 .elementor-element.elementor-element-fd40885{margin-top:-4px;margin-bottom:0px;padding:2px 0px 05px 0px;}.elementor-42123 .elementor-element.elementor-element-fda3304 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-42123 .elementor-element.elementor-element-a8dbcb5 .elementor-button{background-color:#02010100;font-family:"Roboto";font-size:14px;font-weight:400;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-42123 .elementor-element.elementor-element-a8dbcb5 > .elementor-widget-container{margin:-15px 0px 0px 10px;}.elementor-42123 .elementor-element.elementor-element-a8dbcb5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-bc-flex-widget .elementor-42123 .elementor-element.elementor-element-c73a292.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-42123 .elementor-element.elementor-element-c73a292.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-42123 .elementor-element.elementor-element-c73a292 > .elementor-element-populated{margin:-12px 0px 0px -38px;--e-column-margin-right:0px;--e-column-margin-left:-38px;padding:0px 0px 0px 0px;}.elementor-42123 .elementor-element.elementor-element-4b81764 > .elementor-widget-container{margin:-32px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-primary );}.elementor-42123 .elementor-element.elementor-element-4b81764 .elementor-heading-title{font-size:1px;color:#FFFFFF00;}.elementor-42123 .elementor-element.elementor-element-ea8578e > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 1px;border-color:#E2E4EF;}.elementor-42123 .elementor-element.elementor-element-f5ccc02{width:auto;max-width:auto;}.elementor-42123 .elementor-element.elementor-element-f5ccc02 > .elementor-widget-container{padding:10px 0px 15px 10px;}.elementor-42123 .elementor-element.elementor-element-f5ccc02 .elementor-heading-title{font-family:"Roboto";font-size:14px;font-weight:400;letter-spacing:0.5px;color:#282C81;}.elementor-42123 .elementor-element.elementor-element-e864a7a > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-42123 .elementor-element.elementor-element-dd62675:not(.elementor-motion-effects-element-type-background), .elementor-42123 .elementor-element.elementor-element-dd62675 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c23bdaa );}.elementor-42123 .elementor-element.elementor-element-dd62675{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-42123 .elementor-element.elementor-element-dd62675 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-42123 .elementor-element.elementor-element-836e6e5:hover > .elementor-element-populated{background-color:#DDE1F6;}.elementor-bc-flex-widget .elementor-42123 .elementor-element.elementor-element-836e6e5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-42123 .elementor-element.elementor-element-836e6e5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-42123 .elementor-element.elementor-element-836e6e5 > .elementor-element-populated{border-style:solid;border-width:1px 1px 0px 1px;border-color:#CED0E4;box-shadow:0px 0px 4px 0px rgba(109, 116.99999999999994, 162, 0.3);margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-42123 .elementor-element.elementor-element-836e6e5 > .elementor-element-populated, .elementor-42123 .elementor-element.elementor-element-836e6e5 > .elementor-element-populated > .elementor-background-overlay, .elementor-42123 .elementor-element.elementor-element-836e6e5 > .elementor-background-slideshow{border-radius:10px 10px 0px 0px;}#elementor-popup-modal-42123 .dialog-message{width:630px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-42123{justify-content:center;align-items:flex-start;}#elementor-popup-modal-42123 .dialog-widget-content{border-style:solid;border-width:2px 2px 2px 2px;border-color:#4E65E4;border-radius:10px 10px 10px 10px;box-shadow:0px 4px 8px 0px rgba(157, 159, 172, 0.4);margin:64px 0px 0px 0px;}@media(min-width:768px){.elementor-42123 .elementor-element.elementor-element-fda3304{width:70%;}.elementor-42123 .elementor-element.elementor-element-c73a292{width:30%;}}/* Start custom CSS for html, class: .elementor-element-61ed906 */.container {
    display: flex;
    align-items: center;
    padding: 6px;
    background-color: #FFFFFF;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    cursor: pointer;
    font-family: Roboto;
    border: none;
    margin-bottom: 5px;
}

.icon-container {
    margin-right: 10px;
    margin-bottom: 5px;
}

.content-container {
    flex-grow: 1;
}

.title-container {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    position: relative;
    margin-top: 0px
}

.hover-arrow {
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    right: 0;
    top: 50%; /* Center vertically within the title-container */
    transform: translateY(-50%) rotate(0deg);
    color: #282C81;
    font-size: var(--arrow-size, 16px);
    width: var(--arrow-width, 36px);
}

.description {
    font-size: 12px;
    color: #666666;
}

.container:hover {
    background-color: #DDE1F6;
}

.container:hover .hover-arrow {
    opacity: 1;
    transform: translateY(-50%) rotate(-45deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a8dbcb5 */.elementor-42123 .elementor-element.elementor-element-a8dbcb5 .elementor-button-icon {
    transform: rotate(-45deg);
}
.elementor-42123 .elementor-element.elementor-element-a8dbcb5 .elementor-button:hover .elementor-button-text,
.elementor-button:hover .elementor-button-icon {
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4b81764 */.elementor-42123 .elementor-element.elementor-element-4b81764 {
    border: 1px  solid #DADDEF !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e864a7a */.custom-unique-container:hover {
    background-color: #DDE1F6; /* Light blue background on hover */
}

.custom-unique-container:hover .custom-unique-hover-arrow {
    opacity: 1;
    transform: translateY(-50%) rotate(-45deg); /* Rotate arrow on hover */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c7d240 */.clickable-area {
        display: flex; /* Creates a flexbox layout */
        align-items: center; /* Centers items vertically */
        cursor: pointer;
        text-align: left;
        width: 100%; /* Ensures full width */
        padding: 10px; /* Adds padding to the whole block */
        border: px solid #A7ACD4; /* Adds border with color */
        border-radius: 10px;
        margin-top: -15px
        
    }

    .clickable-area img {
        width: 32%; /* Reduces the image width */
        height: auto; /* Maintains aspect ratio */
        margin-left: auto; /* Aligns the image to the right */
        margin-right: 0; /* Removes any space on the right */
        border-radius: 10px;
        border: 1px solid #CCD0E6;
        margin-top: 13px;
    }

    .text-content {
        display: flex;
        flex-direction: column; /* Stacks text vertically */
        width: 70%; /* Gives more space to text */
        
    }

    .text-content h2 {
        font-size: 18px; /* Sets font size for primary heading */
        font-family: 'Roboto', sans-serif; /* Uses Roboto font */
        color: #282C81; /* Sets primary heading color */
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0.2px;
        margin-bottom: 5px;
        /* Adds space between heading and secondary text */
        margin-top: 15px;
       
        
    }

    .text-content p {
        font-size: 14px; /* Sets font size for secondary text */
        font-family: 'Roboto', sans-serif; /* Uses Roboto font */
        color: #82B212; /* Sets secondary text color */
        display: flex; /* Aligns icon with text */
        align-items: center; /* Centers items vertically */
        padding-top: 10px;
        font-weight: 300;
         margin-bottom: -5px
    }

    .icon {
        width: 20px; /* Icon width */
        height: 20px; /* Icon height */
        margin-left: 5px; /* Space between text and icon */
        background-size: cover; /* Ensures the icon covers the area */
    }/* End custom CSS */
/* Start custom CSS */@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    .saf {
      border: none !important; /* Adjust as needed */
    }
  }
}



.overlay-button {
    position: relative;
}

/* Ensure the image takes the full width */
.overlay-button .elementor-widget-image {
    width: 110%;
    transition: transform  ease; /* Reduced transition duration for transform */
}

/* Style the button to be absolutely positioned over the image */
.overlay-button .elementor-widget-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* Ensures the button is on top */
    transition: transform 0.2s ease; /* Reduced transition duration for transform */
    opacity: 1; /* Always visible */
}

/* Transform the button and image when hovering over the column */
.overlay-button:hover .elementor-widget-image {
    transform: sc); /* Slightly scale up the image */
}

.overlay-button:hover .elementor-widget-button {
    transform: translate(-50%, -50%) scale(1.01); /* Slightly scale up the button */
}

.custom-unique-container:hover
{
    background-color: #dde1f6 !important;
}/* End custom CSS */