/* .default_btn {
    background-color: #2250FC;
    border-radius: 15px;
    border: none;
    font-weight: 600;
    padding: 10px 18px;
} */
#show_demo,.default_btn {
    border: 1px solid #2250fc;
    background-color: #fff;
    color: #2250fc;
    /* padding: 12px 18px; */
    font-size: 14px!important;
    font-weight: bold;
  }

.bg-2 {
    background-image: url(../new_vozo_img/features/bg2.png);
    width: 100%;
    background-size: cover;
}

.banner_img_height {
    height: 300px;
}

.img_new_appt {
    width: 70%;
    float: inline-end;
}


.font-mid {
    font-size: 16px !important;
}

.bg_clr {
    background-color: #4D67EE;
    /* width: 44% !important;
    position: absolute;
    height: 555px; */
    padding: 0;
}

.icon_div_bg {
    background-color: rgb(132 166 255 / 5%);

}

.icon_style {
    font-size: 45px;
    font-weight: 600;
}

.icon_txt {
    font-size: 17px !important;
    font-weight: 600;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
    display: inline-block;
}

.bg-arrow {
    right: 0;
    position: absolute;
    background: #474646;
    border-radius: 50%;
    padding: 1px 9px;
    width: 25px;
    height: 25px;
}

/* blog */
.blog-img {
    height: 210px;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.blog-cont {
    background-color: #fff;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    text-align: center
}

.blog-txt {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.text-black,
.text-black p {
    color: #000;
}

.section_f_para {
    font-weight: 700;
}

.blue_font {
    color: #2250fc !important;
}

.func_btn {
    background-color: #2250fc;
    color: #fff !important;
    padding: 5px 20px !important;
    border-radius: 35px !important;
    font-size: 16px !important;
}

.pg-sd {
    border-top-left-radius: 12px;
    box-shadow: -14px 19px 6px 5px #314acb;
}

.d-flex-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.func_shadow {
    box-shadow: 5px 7px 6px 2px #b5aeaeb5;
}

.tick_clr {
    color: #2250fc;
}

/* media query */

@media only screen and (min-width: 320px) and (max-width: 477px) {
    .bg_clr {
        width: 100% !important;
        height: unset;
        margin-bottom: 30px;
    }

    .btn-cta {
        margin-bottom: 30px;
    }

    .banner_img_height {
        height: 230px;
        padding-top: 30px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 477px) {
    .form_div {
        padding-top: 25px;
    }
    .banner_pad {
        padding-left: 50px !important;
    }
    .banner_img_height {
        height: 230px;
        padding-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    .bg_clr {
        width: 100% !important;
        height: unset;
        margin-bottom: 30px;
    }

    .form_div {
        padding-top: 35px;
    }

    h2.container.m-20.text-white {
        text-align: center;
    }

    .banner_pad {
        padding-left: 50px !important;
    }

    .section_f_para {
        font-weight: 700;
    }
}

@media(max-width: 990px) {
    .tick_pad {
        padding-top: 0px !important;
    }

    .tick_pad:last-child {
        padding-bottom: 30px;
    }

    .col-sm-3 {
        padding-bottom: 20px;
    }

    .section_f_para {
        font-size: 30px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1024px) {
    .bg_clr {
        width: 100% !important;
        height: unset;
        margin-bottom: 30px;
    }
}

/* faq */
.accordion {
    button {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding: 1em 0;
        color: text;
        font-size: 1.15rem;
        font-weight: 400;
        border: none;
        background: none;
        outline: none;

        &:hover,
        &:focus {
            cursor: pointer;
            color: blue;

            &::after {
                cursor: pointer;
                color: blue;
                border: 1px solid blue;
            }
        }

        .accordion-title {
            padding: 1em 1.5em 1em 0;
            font-weight: 600;
        }


    }

    button[aria-expanded='true'] {
        color: #000;

        .icon {
            &::after {
                width: 0;
            }
        }

        +.accordion-content {
            opacity: 1;
            max-height: 9em;
            transition: all 200ms linear;
            will-change: opacity, max-height;
        }
    }

    .accordion-content {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 200ms linear, max-height 200ms linear;
        will-change: opacity, max-height;

        p {
            font-size: 1rem;
            font-weight: 500;
            margin: 2em 0;
            color: #7a7a7a;
        }
    }
}