/* Start custom CSS for html, class: .elementor-element-3c0aa2c1 *//* ==========================================
   MAIN MENU
========================================== */

.sc-solutions-menu1 {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;

    background: #ffffff;

    border: 1px solid #dddddd;
   border-radius: 24px;

    overflow: hidden;

    font-family: "Nunito", sans-serif;
    color: #333333;

  box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.08);
        margin: 0 auto;
    
     
}



/* ==========================================
   TOP HEADER
========================================== */

.sc-solutions-menu1-header {
    min-height: 53px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 20px 0 22px;

    background: #fafafa;

    border-bottom: 1px solid #e5e5e5;
}


.sc-solutions-menu1-title {
    display: flex;
    align-items: center;

    gap: 12px;

    font-family: "Poppins", sans-serif;

    font-size: 11px;
    font-weight: 500;

    letter-spacing: 1.4px;

    color: #666666;
}


.sc-solutions-menu1-red-line {
    width: 23px;
    height: 2px;

    display: inline-block;

    background: #e43946;
}


.sc-solutions-menu1-tagline {
    font-size: 12px;

    color: #666666;
}



/* ==========================================
   TWO COLUMN DESIGN
========================================== */

.sc-solutions-menu1-columns {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    width: 100%;
}


.sc-solutions-menu1-column {
    position: relative;

    min-width: 0;

    border-right: 1px solid #e5e5e5;

    transition: background 0.3s ease;
}


.sc-solutions-menu1-column:last-child {
    border-right: 0;
}


.sc-solutions-menu1-column:hover {
    background: #fffafa;
}



/* ==========================================
   COLUMN TOP
========================================== */

.sc-solutions-menu1-column-top {
    position: relative;

    min-height: 140px;

    padding: 20px 22px 15px;

    border-bottom: 1px solid #e5e5e5;
}


.sc-solutions-menu1-icon {
    width: 36px;
    height: 44px;

    margin-bottom: 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        145deg,
        #ed334b 0%,
        #ef4350 55%,
        #f58a36 100%
    );

    clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );

    color: #ffffff;

    font-size: 17px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.sc-solutions-menu1-column:hover
.sc-solutions-menu1-icon {
    transform: translateY(-3px) rotate(-3deg);
}


.sc-solutions-menu1-number {
    position: absolute;

    top: 30px;
    right: 22px;

    font-family: "Poppins", sans-serif;

    font-size: 21px;
    line-height: 1;

    font-weight: 600;

    color: #e9e9e9;
}


.sc-solutions-menu1-column-top h3 {
    margin: 0 0 9px;

    max-width: 390px;

    font-family: "Poppins", sans-serif;

    font-size: 15px;
    line-height: 1.35;

    font-weight: 600;

    color: #353535;
}


.sc-solutions-menu1-column-top p {
  

    font-size: 11.5px;

    line-height: 1.55;

    color: #858585;
    margin-bottom: 0!important;
}



/* ==========================================
   SOLUTION ITEMS
========================================== */

.sc-solutions-menu1-items {
    min-height: 276px;

    padding: 14px 22px  8px;
}


.sc-solutions-menu1-item {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 8px 0;

    text-decoration: none;

    color: inherit;

    transition:
        transform 0.25s ease;
}


.sc-solutions-menu1-item:hover {
    transform: translateX(5px);

    text-decoration: none;
}


.sc-solutions-menu1-bullet {
    width: 4px;
    height: 4px;

    min-width: 4px;

    margin-top: 7px;

    border-radius: 50%;

    background: #e43946;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.sc-solutions-menu1-item:hover
.sc-solutions-menu1-bullet {
    transform: scale(1.8);

    box-shadow:
        0 0 0 3px rgba(228, 57, 70, 0.10);
}


.sc-solutions-menu1-item strong {
    display: block;

    margin-bottom: 3px;

    font-family: "Poppins", sans-serif;

    font-size: 12.5px;

    line-height: 1.35;

    font-weight: 600;

    color: #383838;

    transition: color 0.25s ease;
}


.sc-solutions-menu1-item:hover strong {
    color: #e43946;
}


.sc-solutions-menu1-item small {
    display: block;

    font-size: 10.5px;

    line-height: 1.4;

    color: #929292;
}



/* ==========================================
   EXPLORE LINK
========================================== */

.sc-solutions-menu1-explore {
    min-height: 48px;

    display: flex;
    align-items: center;

    padding: 0 22px;

    border-top: 1px solid #e5e5e5;
}


.sc-solutions-menu1-explore a {
    display: inline-flex;

    align-items: center;

    gap: 5px;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    line-height: 1;

    letter-spacing: 1px;
    text-transform: uppercase;

    font-weight: 600;

    color: #e43946;

    text-decoration: none;

    transition:
        gap 0.25s ease,
        letter-spacing 0.25s ease;
}


.sc-solutions-menu1-explore a:hover {
    gap: 9px;

    letter-spacing: 1.15px;

    text-decoration: none;
    color: #e43946;
}


.sc-solutions-menu1-explore a span {
    font-size: 12px;
    margin-top:-4px;
}



/* ==========================================
   BOTTOM CTA
========================================== */

.sc-solutions-menu1-bottom {
    min-height: 64px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0 22px;

    background:
        linear-gradient(
            100deg,
            #4a252a 0%,
            #6d3036 48%,
            #5a282e 100%
        );

    color: #ffffff;
}



/* ==========================================
   QUESTION AREA
========================================== */

.sc-solutions-menu1-question {
    display: flex;

    align-items: center;

    gap: 10px;

    min-width: 0;
}


.sc-solutions-menu1-dots {
    display: flex;

    align-items: center;

    gap: 4px;

    margin-right: 2px;
}


.sc-solutions-menu1-dots span {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #e43946;
}





.sc-solutions-menu1-dots span:nth-child(4) {
        background: #777777;
}


.sc-solutions-menu1-question strong {
    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 600;

    white-space: nowrap;
}


.sc-solutions-menu1-question-text {
    font-size: 11px;

    color: #c9c2c3;

    white-space: nowrap;
}



/* ==========================================
   ACTIONS
========================================== */

.sc-solutions-menu1-actions {
    display: flex;

    align-items: center;

    gap: 22px;
}


.sc-solutions-menu1-all {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    font-family: "Poppins", sans-serif;

    font-size: 10px;

    font-weight: 600;

    color: #cfc5c6;

    text-decoration: none;

    transition:
        color 0.25s ease,
        gap 0.25s ease;
}


.sc-solutions-menu1-all:hover {
    color: #ffffff;

    gap: 9px;

    text-decoration: none;
}


.sc-solutions-menu1-demo {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 133px;

    height: 34px;

    padding: 0 18px;

    border-radius: 20px;

    background: #ed3d4b;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 0.7px;

    text-decoration: none;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.12);

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}


.sc-solutions-menu1-demo:hover {
    background: #d92f3d;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(0, 0, 0, 0.22);

    text-decoration: none;
}



/* ==========================================
   TABLET
========================================== */

@media only screen and (max-width: 1024px) {

    .sc-solutions-menu1 {
        max-width: 100%;
        
        border-radius: 0 0 18px 18px;
    }


    .sc-solutions-menu1-header {
        padding: 14px 18px;

        flex-direction: column;

        align-items: flex-start;

        gap: 8px;
    }


    .sc-solutions-menu1-tagline {
        font-size: 10px;
    }


    .sc-solutions-menu1-columns {
        grid-template-columns: 1fr;
    }


    .sc-solutions-menu1-column {
        border-right: 0;

        border-bottom: 1px solid #e5e5e5;
    }


    .sc-solutions-menu1-column:last-child {
        border-bottom: 0;
    }


    .sc-solutions-menu1-items {
        min-height: auto;
    }


    .sc-solutions-menu1-bottom {
        padding: 18px;

        flex-direction: column;

        align-items: flex-start;

        gap: 18px;
    }


    .sc-solutions-menu1-question {
        flex-wrap: wrap;
    }


    .sc-solutions-menu1-question-text {
        width: 100%;

        
    }


    .sc-solutions-menu1-actions {
        width: 100%;

        justify-content: space-between;
    }

}



/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px) {

    .sc-solutions-menu1-column-top {
        padding: 18px;
    }


    .sc-solutions-menu1-items {
        padding-left: 18px;
        padding-right: 18px;
    }


    .sc-solutions-menu1-explore {
        padding-left: 18px;
        padding-right: 18px;
    }


    .sc-solutions-menu1-question-text {
        white-space: normal;
    }


    .sc-solutions-menu1-actions {
        gap: 12px;
    }


    .sc-solutions-menu1-demo {
        min-width: 120px;
        padding: 0 14px;
    }

}/* End custom CSS */