body {
    font-family: 'Rubik', sans-serif !important;
}

a {
    text-decoration: none !important;
}

/* Services Section CSS Start */

#services {
    margin-top: 80px;
}

.sub-title {
    padding: 5px 20px;
    display: inline-flex;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #E5E5E5;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px;
}

.sub-title:before {
    display: inline-flex;
    content: "";
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fD7959;
    margin-right: 10px;
}

.service-title-main {
    font-size: 48px;
    line-height: 65px;
    font-weight: 700;
    margin: 0px;
    color: #031440;
    font-family: 'Albert Sans', sans-serif;
}

.service-button-main {
    display: flex;
    margin-top: 25px !important;
    justify-content: center;
    align-items: center;
}

.service-button {
    /* all: unset; */
    width: 100%;
    font-size: 16px;
    background: transparent;
    border: none;
    position: relative;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    user-select: none;
    touch-action: manipulation;
}

.service-button::after,
.service-button::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -99999;
    transition: all .4s;
}

.service-button::before {
    transform: translate(0%, 0%);
    width: 100%;
    height: 100%;
    background: #fD7959;
    border-radius: 10px;
}

.service-button::after {
    transform: translate(10px, 10px);
    width: 35px;
    height: 35px;
    background: #ffffff15;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 50px;
}

.service-button:hover::before {
    transform: translate(5%, 20%);
    width: 110%;
    height: 110%;
}

.service-button:hover::after {
    border-radius: 10px;
    transform: translate(0, 0);
    width: 100%;
    height: 100%;
}

.service-button:active::after {
    transition: 0s;
    transform: translate(0, 5%);
}

.service-card {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 2;
    transition: all 600ms ease;
    padding: 2em;
    border-radius: 10px;
    border: 1px solid #ebebeb;
}

.service-card-btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.service-card-img {
    margin: -2em -2em 0 -2em;
    overflow: hidden;
}

.service-card-img .service-img {
    background: #fff;
    -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4KCjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0iTGF5ZXJfMSIKICAgeD0iMHB4IgogICB5PSIwcHgiCiAgIHZpZXdCb3g9IjAgMCAzNzkuODkgMTk2Ljk0IgogICBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNzkuODkgMTk2Ljk0OyIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZmluYWwwMi5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiPjxtZXRhZGF0YQogICBpZD0ibWV0YWRhdGExMSI+PHJkZjpSREY+PGNjOldvcmsKICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZQogICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjxkYzp0aXRsZT48L2RjOnRpdGxlPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICBpZD0iZGVmczkiIC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBib3JkZXJvcGFjaXR5PSIxIgogICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICBncmlkdG9sZXJhbmNlPSIxMCIKICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICBpZD0ibmFtZWR2aWV3NyIKICAgc2hvd2dyaWQ9ImZhbHNlIgogICBpbmtzY2FwZTp6b29tPSIyLjgwMDE0MjkiCiAgIGlua3NjYXBlOmN4PSIxODkuOTQ1MDEiCiAgIGlua3NjYXBlOmN5PSI5OC40NzAwMDEiCiAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIiAvPgo8c3R5bGUKICAgdHlwZT0idGV4dC9jc3MiCiAgIGlkPSJzdHlsZTIiPgoJLnN0MHtmaWxsOiMxMjEyMTI7fQo8L3N0eWxlPgo8cGF0aAogICBzdHlsZT0iZmlsbDojMTIxMjEyIgogICBkPSJNIDAsMCAwLjY3NjEyMDA0LDExOC43MDI0NiBDIDAuNjMwNzQyMDQsMTI0LjIyMjI4IDM4NS44OTc1OCwxOTUuNjI3MTIgMzgwLjYwNDc1LDE5NC4wNTk4MyAzODEuNTE1ODgsMTI0LjYzODM2IDM4MC4yNzk1LC0xLjM3NDU2NDYgMzgwLjI3OTUsLTEuMzc0NTY0NiAzODAuMjc5NSwtMS4zNzQ1NjQ2IDExMy4zOTk4NywwLjA1OTk1MDU3IDAsMCBaIgogICBpZD0icGF0aDQiCiAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2NjY2MiIC8+Cjwvc3ZnPg==);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-position: bottom;
    border-radius: 5px;
    overflow: hidden;
}

.service-img span {
    display: block;
    line-height: 0;
    box-shadow: none !important;
}

.service-img img {
    border-radius: 5px;
    overflow: hidden;
    transform: scale3d(1, 1, 1);
    transition: all 600ms ease-in-out;
    display: block;
    margin: 0;
    line-height: 0;
    max-width: 100%;
    height: auto;
}

.service-icon {
    margin-top: -7rem;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 2;
}

.service-icon .service_icon_holder {
    background-color: #fD7959;
    color: #fff;
    border-radius: 50%;
    width: 4em;
    height: 4em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
}

.service-icon .service_icon_holder:before {
    box-shadow: 0 0 0 3em #fD7959 inset;
    color: #fff;
}

.fa-user-md {
    font-size: 2.5rem !important;
}

.service-text-box {
    display: block;
    z-index: 2;
    position: relative;
    pointer-events: none;
}

.service-box-inner {
    display: inline-block;
    width: 100%;
    height: auto;
}

.service-title {
    font-size: 25px;
    color: #031440;
    line-height: 1.25;
    font-weight: 700;
    font-family: 'Albert Sans', sans-serif;
}

@media screen and (min-width: 820px) and (max-width: 1024px) {
    .service-title-main {
        font-size: 30px;
        line-height: 40px;
    }
}

@media screen and (max-width: 520px) {
    .service-title-main {
        font-size: 30px;
        line-height: 40px;
    }

    .service-button-main {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }
}

/* Services Section CSS End */

/* Videos Section CSS Start */

#videos {
    margin: 80px 0;
}

/* Videos Section CSS End */