@import url('https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@200;300;400;500;600;700;800&family=Montserrat:wght@100;200;300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600&family=Saira:wght@100;200;300;400;500;600&display=swap');

img{max-width: 100%;}

/*step section css here*/
.steps-vsouter {
    padding: 240px 0px 100px;
    background: url(../images2/steps-vsbg.png) no-repeat center bottom;
    background-size: cover;
    background-color: #FAF2F9;
}
.stepvs-title {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 36px;
    line-height: 1.5;
    color: #FFFFFF;
}
.stepvs-data {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    line-height: 1.8;
    color: #FFFFFF;
    margin-top: 25px;
}
.step-imgside img {
    width: 100%;
}
.vs-paddingleft {
    padding-left: 40px;
}
.vs-paddingright {
    padding-right: 40px;
}
.countbx span {
    background: linear-gradient(0deg, #F62042 0%, #F64047 55%, #F55F4B 100%);
    border-radius: 3px;
    width: 85px;
    height: 55px;
    justify-content: center;
    font-size: 26px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.countbx {
    border-top: 1px solid #4E4569;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.row-stepvs {
    padding-bottom: 110px;
    align-items: center;
}
/*step section css ends here*/

.section23-box .facebook {
    display: none;
}
.nav-link.active {
    color: #FA5220!important;
}

.faqvs-data {
    font-size: 14px;
    max-width: 800px;
    margin: 20px auto 0;
}
.vs-reviewtitle {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 42px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
}

.vs-review-data {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    text-align: center;
    color: #030303;
    margin-top: 30px;
    line-height: 2;
}
.vs-reviewsouter {
    padding: 124px 0px 156px;
    background: url(../images2/reviews-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
}
.vsreview-box {
    background: #FFFFFF;
    border-radius: 30px 30px 0px 0px;
    padding: 62px 32px 62px 32px;
    position: relative;
}

.vs-reviewbx-data {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    text-align: center;
    color: #030303;
    line-height: 2;
}
.quote-vs {
    position: absolute;
    top: 0;
    transform: translate(-50% , -50%);
    left: 50%;
}
.client-namevs {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-top: 17px;
}
.clientdetails-bx {
    background: linear-gradient(0deg, #F62042 0%, #F64047 55%, #F55F4B 100%);
    border-radius: 0px 0px 30px 30px;
    padding: 0px 32px 32px 32px;
    text-align: center;
    margin-top: auto;
}
.client-photovs {
    margin-top: -62px;
    position: relative;
}
.vs-reviewinner {
    margin-top: 145px;
}

.vsreviewmain {
    height: 100%;
    display: flex;
    flex-flow: column;
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 0px 4px 74px rgba(102, 114, 132, 0.1);
}


.vs-bannerinner {
    max-width: 920px;
    margin: auto;
}

.transvs-genbx img {
    max-width: 100%;
    margin-bottom: 40px;
}
.transvs-genbx {
    text-align: center;
}
strong {
    font-weight: 600;
}
.dash-content.generator .dash-data {
    padding-top: 60px;
}

/*banner section*/
.main-banner {
    padding-bottom: 230px;
    background: url(../images2/main-vsbanner.png) no-repeat;
    background-size: cover;
    background-position: center center;
}
.vs-bannerinner .vs-heading {
    max-width: 920px;
    margin: auto;
}
.vs-notheading {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 22px;
    line-height: 31px;
    text-align: center;
    color: #FA5220;
}
.vs-banner-data {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 20px;
}

.vs-breadcrumbs span {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    color: #979292;
    margin-right: 5px;
    line-height: 46px;
}
.vs-breadcrumbs span a {
    color: #fff;
    font-weight: 600;
}
.vs-breadcrumbs {
    margin: 15px 0px;
}


/*transform section*/
.transform-inner {
    text-align: center;
    margin-top: -200px;
}

.dash-data {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    line-height: 46px;
    text-align: center;
    color: #030303;
    max-width: 1165px;
    margin: auto;
}
.dash-content{text-align: center; padding-bottom: 60px;
    background: url(../images2/dash-bottom.png)no-repeat;
    background-position: top;
}
.dash-content .dash-graphics {
    margin-top: 80px;
    max-width: 920px;
    width: 100%;
}
.dashboard-imgvs {
    max-width: 1120px;
    width: 100%;
}
.transform-outer {
    background: url(../images2/dash-top.png?dgu)no-repeat;
    background-size: 100%;
    background-position: top;
}

.transform-vstitle {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 42px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
}
.transvsbox-data {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    line-height: 46px;
    text-align: center;
    color: #030303;
    margin-top: 35px;
}
.transform-vsbox .bumping-arrow {
    margin-top: 50px;
}
.transform-vsinner {
    background: #FFFFFF;
    box-shadow: 0px 6px 52px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    padding: 46px 70px 42px 70px;
    margin-bottom: -170px;
    position: relative;
    z-index: 99;
}
.vseclipse-half {
    margin-top: -65px;
    display: none;
}

.vseclipse-half img{max-width: 100%;}

.vs-tranflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vs-wave.rotate {
    transform: rotate(180deg);
}

.vs-humanlike-text {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 17px;
    line-height: 46px;
    text-align: center;
    color: #030303;
    max-width: 865px;
    margin: 25px auto 0;
}



/*footer css here*/

.vsfooter-outer { background: #140D28;}
.footer-bx ul li a {color: #FFF;font-size: 14px;font-family: Montserrat;display: inline-block;}
.footer-bx ul li a:hover{color: #F63846;}
.footer-bx ul li {margin-bottom: 22px;}
.footer-bx ul li:last-child {margin-bottom: 0;}
.socials .vs-icon {width: 40px;height: 40px;display: flex;align-items: center;border-radius: 100%;background: #fff;justify-content: center;}
.vs-icon img {max-width: 20px;}
.socials {display: flex;margin-top: 30px;}
.socials .vs-icon:first-child{margin-right: 14px;}
.vsfooter-top {padding: 80px 0px 70px;border-bottom: 1px solid #4D485B;display: flex;justify-content: space-between;flex-wrap: wrap;}

.vsfooter-btm {
    padding: 54px 0px 20px 0px;
}
.vs-ftbottomtxt , .copyright-txt{
    color: rgba(255, 255, 255, 0.56);
    text-align: center;
    font-size: 12px;
    font-family: Montserrat;
    line-height: 19.2px;
}

.vs-ftbottomtxt.mg-btm {
    margin-bottom: 22px;
}

.copyright-txt{margin-top: 38px;}













/*responsive starts here*/

@media (max-width: 1399.98px) {

.row-stepvs .p-0 {
    padding: 0px 15px!important;
}
.vs-reviewsouter{padding: 110px 0px;}
.row-stepvs{padding-bottom: 100px;}
.dashboard-imgvs {
    max-width: 850px;
    width: 100%;
}
.dash-content .dash-graphics{max-width: 650px;}
.transform-vsinner {
    max-width: 900px;
    margin: 0px auto -170px;
    padding: 50px 40px;
}
.transform-vstitle{font-size: 38px;}
.vs-wave {
    max-width: 75px;
}

#main-header nav li a {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

}

@media (max-width: 1199.98px) {

.vs-banner-data{line-height: 38px;}
.dash-data{line-height: 38px;}
.dash-content{padding-bottom: 60px;}
.vs-wave {max-width: 70px;}
.transform-vstitle{font-size: 34px;}
.transvsbox-data{line-height: 38px;}
.transform-vsinner{padding:40px;}
.countbx{margin-bottom: 40px;}
.vs-paddingleft {padding-left: 25px;}
.stepvs-title{font-size: 32px;}
.row-stepvs{padding-bottom: 80px;}
.countbx span {width: 60px;height: 40px;font-size: 20px;}
.vs-reviewtitle{font-size: 36px;}
.vs-reviewsouter{padding: 80px 0px;}
.vs-humanlike-text{line-height: 38px;}
.vs-reviewinner {margin-top: 100px;}
.vsreview-box {padding: 62px 15px 45px 15px;}
.vs-reviewbx-data{line-height: 38px;}
.client-photovs {max-width: 90px;margin-top: -45px;}
.clientdetails-bx {padding: 0px 15px 30px 15px;}
.vs-review-data{line-height: 38px;}
.vsfooter-top{padding: 60px 0px;}
#main-header nav li a {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px;
}
#main-header .getlink {padding: 0 !important;margin-left: 12px;}
.et_header_style_left .logo_container {
    position: inherit;
    padding: 0px 15px;
    width: fit-content;
}
#main-header .container.et_menu_container {
    /* padding: 15px 0px 0px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main-header div#et-top-navigation {padding-left: 0!important;}

#main-header #top-menu .getlink a {
    padding: 8px!important;
}




}












@media (max-width: 991.98px) {

.dash-content .dash-graphics{margin-top: 60px;}
.vseclipse-half img {max-width: 90px;}
.vseclipse-half {margin-top: -45px;}
.vs-tranflex{gap: 20px;}
.transform-vstitle {font-size: 28px;}
.vs-wave {max-width: 60px;}
.transvsbox-data{margin-top: 20px;}
.transform-vsinner{padding: 40px 25px;}
.transform-vsbox .bumping-arrow {margin-top: 20px;}
.vs-paddingleft {padding-left: 15px;}
.stepvs-title {font-size: 26px;}
.stepvs-data{margin-top: 15px;}
.row-stepvs {padding-bottom: 60px;}
.vs-reviewsouter {padding: 60px 0px;}
.vs-reviewtitle {font-size: 32px;}
.vsreviewmain.lastchild {margin-top: 80px;height: auto;}
.client-namevs{font-size: 20px; margin-top: 10px;}
.clientdetails-bx {padding: 0px 15px 20px 15px;}
.socials {margin-top: 15px;}
#main-header  .et_mobile_menu li a {
    padding: 12px!important;
    border-bottom: 0!important;
}
.mobile_menu_bar:before {font-size: 50px;}
#main-header div#et-top-navigation {padding-left: 0!important;padding: 0; margin-left: auto;}
#main-header .container.et_menu_container {padding: 15px 0px;}
#main-header .et_header_style_left #et-top-navigation .mobile_menu_bar {padding-bottom: 0px!important;}
#main-header .getlink {padding: 0!important;margin-left: 0;}
.et_mobile_menu{border-color: #4D485B!important;}
#main-header .getlink a {
    color: #fff;
}
.logo_container img{max-width: 120px!important;}
#main-header .et_mobile_menu {
    top: 80px!important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(0,0,0,.03);
    opacity: .7;
    color: #FA5220!important;
}

#main-header  .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle {
    width: 40px;
    height: 40px;
    padding-bottom: 0!important;
}

#main-header .mobile_menu_bar:before {
    content: ""!important;
}

#main-header .mobile_nav.closed .mobile_menu_bar.mobile_menu_bar_toggle{background: url(../images2/menu-close.png) no-repeat;}
#main-header .mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle {background: url(../images2/vsclose.png) no-repeat;background-size: 20px!important;}
#main-header .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle {background-size: 40px!important;background-position: center!important;}






}


@media (max-width: 767.98px) {
.vs-banner-data {line-height: 36px; margin-top: 20px;} 
.dash-data{line-height: 36px;}
.transvsbox-data{line-height: 36px;}
.vs-humanlike-text{line-height: 36px;}
.vs-reviewbx-data{line-height: 36px;}
.vs-review-data{line-height: 36px;}
.vs-notheading{margin-top: 20px;}
.dash-content .dash-graphics {margin-top: 50px;}
.vs-wave {max-width: 45px;}
.vs-paddingleft {padding-left: 15px;padding-top: 50px;}
.stepvs-title {font-size: 28px;}
.vs-newsection .vs-mob-margin {margin-top: 60px;}
.vs-newsection .vs-fontsize{font-size: 17px;}
.vsreviewmain.lastchild {margin: 0; height: auto;}
.vsreviewmain {margin-bottom: 80px;height: auto;}
.vsfooter-top{gap:  30px; justify-content: start;}
.footer-bx {width: 47%;}
.order-mob {
    order: 2;
    padding-top: 40px;
}
.vsfooter-top div:nth-child(1) {
    width: 100%;
}
}



@media (max-width: 575.98px) {
.transform-inner {margin-top: -100px;}
.main-banner{padding-bottom: 130px;}
.vs-notheading{font-size: 20px;}
.vs-banner-data {line-height: 30px;} 
.dash-data{line-height: 30px;}
.transvsbox-data{line-height: 30px;}
.vs-humanlike-text{line-height: 30px;}
.vs-reviewbx-data{line-height: 30px;}
.vs-review-data{line-height: 30px;}
.vs-breadcrumbs span{font: 15px;}
.dash-content {padding-bottom: 30px;}
.vs-wave{display: none;}
.transform-vsinner {padding: 40px 20px;}
.stepvs-title {font-size: 26px;}
.client-namevs {font-size: 18px;}
.quote-vs{max-width: 60px;}
.countbx {margin-bottom: 25px;}
.vseclipse-half img {max-width: 70px;}
.vseclipse-half {margin-top: -35px;}
.vs-reviewinner {margin-top: 80px;}
.vs-reviewtitle a{display: inline-block!important;}
.row-stepvs {padding-bottom: 50px;}
.vsfooter-top {gap: 18px;flex-flow: column;}
.footer-bx ul li { margin-bottom: 18px;}
.footer-bx {width: 100%;}
.vsfooter-top{padding: 50px 0px;}
.vsfooter-btm{padding: 30px 0px 20px;}
.dash-content.generator .dash-data{padding-top: 40px;}
.vs-paddingleft {
    padding-left: 15px;
    padding-top: 30px;
}
.vsfooter-top div:nth-child(1) {
    width: 100%;
}
#main-header .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle{background-size: 30px!important;}
#main-header  .mobile_nav .mobile_menu_bar.mobile_menu_bar_toggle {
    width: 30px;
    height: 30px;
    padding-bottom: 0!important;
}
}


@media (max-width: 375.98px) {
.transform-vsinner{padding: 40px 15px;}
.vs-reviewtitle {font-size: 26px;}
.vsreviewmain {margin-bottom: 60px;height: auto;}
.vsreviewmain {margin-bottom: 60px;}
.vs-reviewinner {margin-top: 60px;}
}