.elementor-2659 .elementor-element.elementor-element-d46b750{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-dcd047d */.steps-container{ display: flex;}

        @media only screen and (min-width: 881px){
            .steps-container{ flex-direction: row;}
        }

        .steps-container h4, p{ margin: 0 0 15px 0;}
        .steps-container h4:last-child, p:last-child{ margin-bottom: 0;}
        .steps-container p{ font-size: 14px; line-height: 1.25;}
        .steps-container .inner-block{ display: flex; width: 100%; height: 215px; position: relative;}
        .steps-container .inner-block:last-child{ position: relative;}
        .steps-container .info-holder .title-holder{ margin-bottom: 10px;}

        .mid-step-holder .number-holder{ width: 112px; height: 112px; background: #D2F2FF; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 32px; font-weight: 600; color: #999696; position: relative; z-index: 2; isolation: isolate;}
        .mid-step-holder .number-holder::after{ content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 50%; width: 88px; height: 88px; margin: auto;}
        .mid-step-holder .number-holder::before{ content: ""; position: absolute; z-index: -1; right: 0; bottom: -6px; left: 0; background: url(/wp-content/uploads/2025/05/blue-drop-one.svg) top center no-repeat; background-size: 100%; width: 29px; height: 35px; margin: 0 auto;}

        .mid-step-holder .line-holder{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 3px; background: #D2F2FF; margin: 0 auto;}

        .mid-step-holder .pointer-holder{ position: relative; z-index: 2; background: url(/wp-content/uploads/2025/05/blue-drop-one.svg) top center no-repeat; background-size: 100%; width: 30px; height: 36px; margin: 0 auto;}
        .mid-step-holder .pointer-holder::before{ content: ""; position: absolute; z-index: 2; top: 0; right: 0; bottom: 7px; left: 0; width: 18px; height: 18px; background: #fff; border-radius: 50%; margin: auto;}
    

        .steps-container .inner-block .arrow-holder{ position: absolute; z-index: 1; right: 0; left: 0; display: flex; width: 100%; height: 30px;}
        .steps-container .inner-block .arrow-holder .arrow-col{ width: 50%; height: 100%;}
        .steps-container .inner-block .arrow-holder .arrow-col .arrow{ width: calc(100% - 54px); height: 100%; background: #D2F2FF; margin: 0 auto; position: relative;}
        .steps-container .inner-block .arrow-holder .arrow-col .arrow::after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; background: url(/wp-content/uploads/2025/05/arrow-tail.svg) top left no-repeat; background-size: 100%; width: 14px; height: 30px;}
        .steps-container .inner-block .arrow-holder .arrow-col .arrow::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; background: url(/wp-content/uploads/2025/05/arrow-head.svg) top left no-repeat; background-size: 100%; width: 14px; height: 30px;}

        .steps-container .col:nth-child(1) .inner-block:last-child .mid-step-holder .number-holder{ background: #A8E1F5;}
        .steps-container .col:nth-child(1) .inner-block:last-child .mid-step-holder .line-holder{ background: #A8E1F5;}
        .steps-container .col:nth-child(1) .inner-block:last-child .mid-step-holder .number-holder::before{ background: url(/wp-content/uploads/2025/05/blue-drop-two.svg) top center no-repeat;}
        .steps-container .col:nth-child(1) .inner-block:last-child .mid-step-holder .pointer-holder{ background: url(/wp-content/uploads/2025/05/blue-drop-two.svg) top center no-repeat;}
        .steps-container .col:nth-child(1) .inner-block:last-child .arrow-holder .arrow-col:last-child .arrow{ background: #A8E1F5;}

        .steps-container .col:nth-child(2) .inner-block:first-child .mid-step-holder .number-holder{ background: #7ED0EB;}
        .steps-container .col:nth-child(2) .inner-block:first-child .mid-step-holder .line-holder{ background: #7ED0EB;}
        .steps-container .col:nth-child(2) .inner-block:first-child .mid-step-holder .number-holder::before{ background: url(/wp-content/uploads/2025/05/blue-drop-three.svg) top center no-repeat;}
        .steps-container .col:nth-child(2) .inner-block:first-child .mid-step-holder .pointer-holder{ background: url(/wp-content/uploads/2025/05/blue-drop-three.svg) top center no-repeat;}
        .steps-container .col:nth-child(2) .inner-block:last-child .mid-step-holder .number-holder{ background: #54C0E2;}
        .steps-container .col:nth-child(2) .inner-block:last-child .mid-step-holder .line-holder{ background: #54C0E2;}
        .steps-container .col:nth-child(2) .inner-block:last-child .mid-step-holder .number-holder::before{ background: url(/wp-content/uploads/2025/05/blue-drop-four.svg) top center no-repeat;}
        .steps-container .col:nth-child(2) .inner-block:last-child .mid-step-holder .pointer-holder{ background: url(/wp-content/uploads/2025/05/blue-drop-four.svg) top center no-repeat;}
        .steps-container .col:nth-child(2) .inner-block:last-child .arrow-holder .arrow-col:first-child .arrow{ background: #7ED0EB;}
        .steps-container .col:nth-child(2) .inner-block:last-child .arrow-holder .arrow-col:last-child .arrow{ background: #54C0E2;}

        .steps-container .col:nth-child(3) .inner-block:first-child .mid-step-holder .number-holder{ background: #2AAFD8;}
        .steps-container .col:nth-child(3) .inner-block:first-child .mid-step-holder .line-holder{ background: #2AAFD8;}
        .steps-container .col:nth-child(3) .inner-block:first-child .mid-step-holder .number-holder::before{ background: url(/wp-content/uploads/2025/05/blue-drop-five-v2.svg) top center no-repeat;}
        .steps-container .col:nth-child(3) .inner-block:first-child .mid-step-holder .pointer-holder{ background: url(/wp-content/uploads/2025/05/blue-drop-five-v2.svg) top center no-repeat;}
        .steps-container .col:nth-child(3) .inner-block:last-child .mid-step-holder .number-holder{ background: #009ECE;}
        .steps-container .col:nth-child(3) .inner-block:last-child .mid-step-holder .line-holder{ background: #009ECE;}
        .steps-container .col:nth-child(3) .inner-block:last-child .mid-step-holder .number-holder::before{ background: url(/wp-content/uploads/2025/05/blue-drop-six.svg) top center no-repeat;}
        .steps-container .col:nth-child(3) .inner-block:last-child .mid-step-holder .pointer-holder{ background: url(/wp-content/uploads/2025/05/blue-drop-six.svg) top center no-repeat;}
        .steps-container .col:nth-child(3) .inner-block:last-child .arrow-holder .arrow-col:first-child .arrow{ background: #2AAFD8;}
        .steps-container .col:nth-child(3) .inner-block:last-child .arrow-holder .arrow-col:last-child .arrow{ background: #009ECE;}

        @media only screen and (min-width: 881px){
            .steps-container{ flex-direction: row;}
            .steps-container .col{ width: 28.5777%;}
            .steps-container .col .inner-block:first-child{ align-items: flex-end;}
            .steps-container .col .inner-block:first-child .info-holder{ padding-bottom: 45px;}
            .steps-container .col .inner-block:last-child .info-holder{ padding-top: 45px;}
            .steps-container .inner-block:last-child{ right: -50%;}

            .steps-container .col .inner-block:first-child .mid-step-holder{ flex-direction: column-reverse; bottom: -100%;}
            .steps-container .col .inner-block:last-child .mid-step-holder{ top: -100%;}

            .steps-container .info-holder{ max-width: 80%; margin: 0 auto; text-align: center;}
            .steps-container .info-holder .desc-holder{ max-width: 78%; margin: 0 auto;}
            .steps-container .mid-step-holder{ position: absolute; z-index: 2; right: 0; left: 0; width: 112px; height: calc(100% + 15px); display: flex; flex-direction: column; align-items: center; justify-content: space-between;  margin: 0 auto;}

            .steps-container .col .inner-block:first-child .mid-step-holder .number-holder::before{ top: -6px; transform: scale(-1);}
            .steps-container .col .inner-block:last-child .mid-step-holder .pointer-holder{ transform: scale(-1);}

            .steps-container .col .inner-block:first-child .arrow-holder{ display: none;}
            .steps-container .col .inner-block:last-child .arrow-holder{ top: -15px;}
        }
       
 
        @media only screen and (max-width: 1199px) and (min-width: 881px){
            .mid-step-holder .number-holder{ width: 90px; height: 90px; font-size: 28px;}
            .mid-step-holder .number-holder::after{ width: 68px; height: 68px;}
        }

        @media only screen and (max-width: 880px){
            .steps-container{ flex-direction: column;}
            .steps-container .inner-block{ height: auto; min-height: 220px;}

            .steps-container .col .inner-block:first-child{ flex-direction: row-reverse;}
            .steps-container .info-holder{ max-width: 100%; width: 50%;}
            .steps-container .col .inner-block:first-child .info-holder{ padding-left: 25px;}
            .steps-container .col .inner-block:last-child .info-holder{ padding-right: 25px;}
            .steps-container .info-holder .desc-holder{ padding-bottom: 25px;}

            .steps-container .mid-step-holder{ display: flex; align-items: center; justify-content: space-between; width: calc(50% + 12px); height: 90px; position: absolute; top: -10px;}
            .steps-container .col .inner-block:first-child .mid-step-holder{ left: 0;}
            .steps-container .col .inner-block:last-child .mid-step-holder{ right: 0;}

            .mid-step-holder .pointer-holder{ margin: 0;}
            .steps-container .col .inner-block:last-child .mid-step-holder{ flex-direction: row-reverse;}

            .steps-container .col .inner-block:first-child .mid-step-holder .number-holder::before{ top: 0; right: -8px; bottom: 0; left: auto; transform: rotate(-90deg); margin: auto 0;}
            .steps-container .col .inner-block:first-child .mid-step-holder .pointer-holder{ transform: rotate(90deg);}

            .steps-container .col .inner-block:last-child .mid-step-holder .number-holder::before{ top: 0; right: auto; bottom: 0; left: -8px; transform: rotate(90deg); margin: auto 0;}
            .steps-container .col .inner-block:last-child .mid-step-holder .pointer-holder{ transform: rotate(-90deg);}

            .mid-step-holder .line-holder{ width: 100%; height: 3px; margin: auto 0;}
            .mid-step-holder .number-holder{ width: 90px; height: 90px; font-size: 28px;}
            .mid-step-holder .number-holder::after{ width: 68px; height: 68px;}

            .steps-container .inner-block .arrow-holder{ flex-direction: column-reverse; width: 30px; height: 100%; top: 0; bottom: 0; margin: 0 auto;}
            .steps-container .inner-block .arrow-holder .arrow-col{ width: 100%;}
            .steps-container .inner-block .arrow-holder .arrow-col .arrow{ width: 100%; height: 100%;}

            .steps-container .col .inner-block .arrow-holder .arrow-col:last-child{ display: none;}
            .steps-container .inner-block .arrow-holder .arrow-col{ height: calc(100% - 70px);}

            .steps-container .inner-block .arrow-holder .arrow-col .arrow::before{ top: auto; bottom: -8px; left: 0; margin: 0 auto; transform: rotate(90deg);}
            .steps-container .inner-block .arrow-holder .arrow-col .arrow::after{ top: -8px; right: 0; bottom: auto; margin: 0 auto; transform: rotate(90deg);}

            .steps-container .col:nth-child(1) .inner-block:last-child .arrow-holder .arrow-col:first-child .arrow{ background: #A8E1F5;}

            .steps-container .col:nth-child(2) .inner-block:first-child .arrow-holder .arrow-col:first-child .arrow{ background: #7ED0EB;}
            .steps-container .col:nth-child(2) .inner-block:last-child .arrow-holder .arrow-col:first-child .arrow{ background: #54C0E2;}

            .steps-container .col:nth-child(3) .inner-block:first-child .arrow-holder .arrow-col:first-child .arrow{ background: #2AAFD8;}
            .steps-container .col:nth-child(3) .inner-block:last-child .arrow-holder .arrow-col:first-child .arrow{ background: #009ECE;}
        }/* End custom CSS */