  #spacing-top-style {
        padding-top: 105px;
    }
    #realStories-section{
        background-color:unset !important;
        margin-bottom: 65px !important;
    }
#realStories-section .realStoriesgrid-x {
    justify-content: space-between;
}
#realStories-section .small-12.large-4.cell.image_align.set_spacing {
    text-align: right;
    margin-top: 2%;
}

.card.customer.life-saving {
    padding: 25px;
    padding-bottom: 0px !important;
    margin-bottom: 0px;
    border: 2px solid #edeeee;
}
.center_aligned {
    display: inline-flex !important
;
    align-items: center !important;
    justify-content: center !important;
}
.card>:last-child {
    margin-bottom: 0;
}
.d-flex.justify-content-between.flex-column.h-100 {
    padding-top: 1rem;
}
#realStories-section .card.customer.life-saving .text-center.cards-icon {
    flex-direction: column;
    height:100px;
}
.cards-icon {
    color: #b5121b;
    padding-top: 0%;
    margin: 0;
    font-size: 24px !important;
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
}
#realStories-section .card.customer.life-saving .flex-item p.videoSec-text {
    text-align: start;
}
#realStories-section .card.customer.life-saving .grid-x {
    margin-bottom: 20px;
}

a.button.support-click {
    width: 288px !important;
    font-size: 19px !important;
    height: 65px !important;
}
a.button.support-click {
    margin: 10px 0px;
    width: 312px !important;
    padding: 23px !important;
    border-radius: 2.8rem !important;
}
.button.support-click {
    background-color: #b5121b !important;
    color: #fff;
    font-size: 19px !important;
    font-weight: 600 !important;
}
@media only screen and (min-width: 668px) {
    .set_spacing {
        width: 32% !important;
    }
        .justify-content-between p.videoSec-text {
        height: 85px;
        /* display: flex
; */
        align-items: center;
    }
}

    @media only screen and (min-width: 320px) and (max-width: 767px) {
    #realStories-section .realStoriesgrid-x {
       gap: 20px;
    }
        .d-flex.justify-content-between.flex-column.h-100 {
        padding-top: 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
        .Desk_pddding {
            padding-top: 0%
        }

      
    }


    .videoSec-text {
        font-family: "Roboto", sans-serif !important;
        font-size: 16px !important;
        color: #000 !important;
        font-weight: 300 !important;
        margin-bottom: 15px !important;
        font-style: normal !important;
    }

    .model {
        display: none;
        position: fixed;
        padding-top: 100px;
        top: 0px;
        left: 0;
        z-index: 1;
        overflow: auto;
        width: 100%;
        height: 100%;
        z-index: 999999999999999 !important;
        background-color: rgba(0, 0, 0, 0.85);
    }

    .model-content {
        position: relative;
        width: 60%;
        margin: auto;
        background-color: #fff;
        animation-name: animatetop;
        animation-duration: 0.9s;
    }

    @keyframes animatetop {
        from {
            top: -300px;
            opacity: 0
        }

        to {
            top: 0;
            opacity: 1
        }
    }

    .close {
        color: white;
        float: right;
        font-size: 28px;
        font-weight: bold;
        cursor: pointer;
    }

    @media only screen and (min-width: 320px) and (max-width: 767px) {
        .model-content {
            position: relative;
            width: 90%;
            margin: auto;
            background-color: #fff;
            animation-name: animatetop;
            animation-duration: 0.9s;
        }

        @keyframes animatetop {
            from {
                top: -300px;
                opacity: 0
            }

            to {
                top: 0;
                opacity: 1
            }
        }

        .close {
            color: white;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .videoSec-text {
            margin-top: 15px;
        }

        #mymodel {
            height: 100vh !important;
            overflow-y: hidden !important;
            position: fixed !important;
            padding-top: 220px;
            top: 0px;
            left: 0;
        }
    }
   .popup-close{
        margin-top: -70px;
   }

 #howItWorks-section a img {
    height: 181px !important;
    width: 320px !important;
}