.elementor-10464 .elementor-element.elementor-element-8282146{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-10464 .elementor-element.elementor-element-8282146:hover{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-10464 .elementor-element.elementor-element-8282146, .elementor-10464 .elementor-element.elementor-element-8282146::before{--border-transition:0.3s;}.elementor-10464 .elementor-element.elementor-element-ef7e52c{--display:flex;}.elementor-10464 .elementor-element.elementor-element-246c039{--display:flex;}.elementor-10464 .elementor-element.elementor-element-0e6cb08{--display:flex;}.elementor-10464 .elementor-element.elementor-element-ac24965{--display:flex;}.elementor-10464 .elementor-element.elementor-element-aa599b1{--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-10464 .elementor-element.elementor-element-24be5ee .restly-button{text-align:center;}.elementor-10464 .elementor-element.elementor-element-24be5ee .restly-button a.theme-btns{padding:14px -1px 14px -1px;font-family:"Poppins", Sans-serif;text-transform:capitalize;letter-spacing:6.3px;border-radius:3px;}.elementor-10464 .elementor-element.elementor-element-24be5ee .restly-button a.theme-btns:hover{border-radius:12px;}/* Start custom CSS for html, class: .elementor-element-5f6cc92 */.blp-card-section {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Poppins', sans-serif;
        padding: 5px;
       
       
    }

    .blp-card-section .cards-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        max-width: 1200px;
        width: 100%;
 
    }

    .blp-card-section .service-card {
        max-width: 330px;
        min-height: 360px;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        position: relative;
        text-align: center;
        transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        background: #fff;
         background-color: #EFF3FA;/*befor hover bg color*/
        display: flex;
        flex-direction: column;
    }

    .blp-card-section .service-card:hover {
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    }

    .blp-card-section .card-image {
        flex-shrink: 0;
        max-height: 120px;
        padding-top: 0px;
        margin-top: 0px;
        overflow: hidden;
    }

    .blp-card-section .card-image img {
        width: 100%;
        height: 100%;
          transform: scale(0.75);
  transform-origin: center center;
        object-fit: cover;
        display: block;
        transition: transform 0.8s ease;
    }

    .blp-card-section .service-card:hover .card-image img {
        transform: none;
    }

    .blp-card-section .card-content {
        margin-top: auto;
        padding: 20px;
        transition: all 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    .blp-card-section .service-card:hover .card-content {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
    }

    .blp-card-section .card-title {
        font-size: 1.3rem;
        font-weight: 600;
        color: #2c3e50;
        margin-bottom: 8px;
    }

    .blp-card-section .card-description {
        font-size: 0.95rem;
        color: #555;
        margin-bottom: 16px;
    }

    .blp-card-section .btn {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 10px 22px;
        color: #ffff;
          background-color: #104CBA;
      
        text-decoration: none;
        font-weight: 600;
        border-radius: 30px;
        border: 2px solid #104CBA;
        transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .blp-card-section .btn i {
        margin-left: 6px;
        transition: transform 0.5s ease;
    }

    .blp-card-section .btn:hover {
        color: #104cba;
        border-color: #104cba;
    }

    .blp-card-section .btn:hover i {
        transform: translateX(4px);
    }

    .blp-card-section .card-hover {
        position: absolute;
        inset: 0;
        background: #104cba;
        color: white;
        text-align: center;
        opacity: 0;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transform: translateY(10px);
        transition: all 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
        padding: 30px 10px 30px 10px;
    }

    .blp-card-section .service-card:hover .card-hover {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .blp-card-section .hover-title {
        font-size: 1.5rem;
        color: white;
        margin-bottom: 10px;
        font-weight: 600;
        transform: translateY(15px);
        opacity: 0;
        transition: all 0.6s ease;
    }

    .blp-card-section .service-card:hover .hover-title {
        transform: translateY(0);
        opacity: 1;
    }

    .blp-card-section .hover-description {
        font-size: 1rem;
        color: #ecf0f1;
        margin-bottom: 20px;
        font-weight: 300;
        padding: 0 20px;
        transform: translateY(15px);
        opacity: 0;
        transition: all 0.6s ease 0.1s;
    }

    .blp-card-section .service-card:hover .hover-description {
        transform: translateY(0);
        opacity: 1;
    }

    .blp-card-section .btn-hover {
        color: white;
        border: 2px solid white;
        padding: 8px 20px;
        border-radius: 30px;
        text-decoration: none;
        transition: all 0.6s ease 0.2s;
        transform: translateY(15px);
        opacity: 0;
    }

    .blp-card-section .service-card:hover .btn-hover {
        transform: translateY(0);
        opacity: 1;
    }

    .blp-card-section .btn-hover:hover {
        background: white;
        color: #104cba;
    }

/* 
    @media (max-width: 768px) {
        .blp-card-section .cards-container {
            flex-direction: column;
            align-items: center;
        }
    }

    *//* End custom CSS */