body{
    font-family: "Montserrat", sans-serif;
    padding: 0;
    overflow-x: hidden;
    color: #000 !important;
}
h2, h3, h4, p, a, ul, button{
    font-family: "Montserrat", sans-serif !important;
}
a{
    cursor: pointer;
}
header .nav-link{
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #232323;
}
header .dropdown-item{
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #232323;
    text-decoration: none;
}
header .navbar{
    text-transform: uppercase;
    padding: 1.2em 0;
}
header .navbar-nav li{
    padding: 0 .5em;
}
header .dropdown-menu li{
    padding: 0;
}
header nav button{
    box-shadow: 0px 0px 20px 0px #4B9DD8BF;
    background: #fff;
    border-radius: 20px;
    padding: 0.2em 1em 0.2em 0.2em;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.abtn{
    color: black;
    text-decoration: auto;
    box-shadow: 0px 0px 20px 0px #4B9DD8BF;
    background: #fff;
    border-radius: 20px;
    padding: 0.2em 1em 0.2em 0.2em;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header nav button img{
    margin-right: 0.2em;
}
.firstBanner{
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90vh;
}
.firstBanner h1{
    text-align: center;
    margin-bottom: 0.6em;
}
.firstBanner h1 img{
    width: 100%;
}
.firstBanner h2{
    background: linear-gradient(90deg, #20208B 0%, #4BCBD8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 48px;
    line-height: 50px;
    margin: 0;
    padding: 0.5em 0;
    font-weight: 700;
}
.firstBanner ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 1.5em 0;
}
.firstBanner ul li:first-child{
    margin-right: 2em;
}
.firstBanner ul li img{
    margin-right: 0.4em;
}
.firstBanner ul li{
    box-shadow: 0px 0px 50px 0px #4B9DD840;
    border-radius: 20px;
/*    padding: 4px 14px;*/
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    text-transform: uppercase;
}
.offer{
    background: linear-gradient(89.99deg, #D9FBFF 0.01%, #7D75FF 207.79%);
    padding: 4em 0;
}
.offer h2{
    font-size: 48px;
    line-height: 50px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.4em;
    color: #fff;
    text-transform: uppercase;
}
.offer h2 span{
    font-weight: 700;
}
.offer h3{
    font-size: 48px;
    line-height: 50px;
    font-weight: 900;
    background: linear-gradient(90deg, #4BCBD8 0%, #1F157E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}
.offer h4{
    font-size: 32px;
    line-height: 39px;
    font-weight: 700;
    color: #232323;
    margin: 0;
    padding: 0.6em 0;
    text-transform: uppercase;
}
.offer .cardBox{
    border-radius: 24px;
    padding: 1em 1.3em;
    background-color: #fff;
}
.offer .cardBox p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #505050;
    margin: 0;
}
.offer .h1{
    height: 494px;
}
.offer .h2{
    height: 558px;
}
.offer .h3{
    height: 608px;
}
.everything{
    padding: 3em 0;
}
.everything h2{
    font-size: 48px;
    line-height: 50px;
    font-weight: 500;
    text-align: center;
    padding: 0;
    margin-bottom: 1.3em;
    text-transform: uppercase;
}
.everything h2 span{
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
}
.everything p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    width: 90%;
}
.everything .details{
    margin-bottom: 2em;
}
.everything .details img{
    width: 100%;
}
.everything .details .c2{
    text-align: end;
    padding-top: 0.5em;
}
.everything .details .c2 p{
    margin-left: auto;
}
.whyus{
    background: linear-gradient(89.99deg, #D9FBFF 0.01%, #7D75FF 207.79%);
    padding: 4em 0;
}
.whyus h2{
    font-size: 48px;
    line-height: 50px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.3em;
    color: #232323;
    text-transform: uppercase;
}
.whyus h2 span{
    font-weight: 700;
}
.whyus h3{
    font-size: 48px;
    line-height: 50px;
    font-weight: 900;
    background: linear-gradient(90deg, #4BCBD8 0%, #1F157E 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin: 0;
}
.whyus h4{
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
    color: #232323;
    padding: 0.6em 0;
    margin: 0;
    text-transform: uppercase;
}
.whyus .cardBox{
    border-radius: 24px;
    padding: 3em 2em;
    background-color: #fff;
    margin-bottom: 3.5em;
    box-shadow: 8px 8px 25px 0px #00000033;
}
.whyus .cardBox p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #505050;
    margin: 0;
}
.feedback{
    padding: 4em 0;
    background: #232323;
}
.feedback h2{
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 2em;
    text-transform: uppercase;
}
.feedback p{
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #000;
}
.feedback .slidecard{
    background: #F2F2F2;
    border-radius: 20px;
    padding: 3em 2em;
    height: 450px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.feedback .owl-carousel .owl-item .comma{
    width: 36px;
    margin-left: auto;
}
.feedback h3{
    font-size: 32px;
    line-height: 35px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0.8em;
}
.feedback .feedbackslider{
    width: 97%;
    margin: auto;
}
.users{
    padding: 4em 0;
    background: linear-gradient(89.99deg, #D9FBFF 0.01%, #7D75FF 207.79%);
}
.users h2{
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    color: #232323;
    margin-bottom: 2em;
    text-align: center;
}
.users .owl-carousel.userSlide .owl-item img {
    width: 100%;
    height: 128px;
    object-fit: contain;
}
.users .userSlideSec {
    width: 97%;
    margin: auto;
}
.faq{
    padding: 4em 0;
}
.faq h2{
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    color: #232323;
    margin-bottom: 2em;
    text-align: center;
}
.faq .accordion h3{
    margin: 0;
   
}
.faq .accordion-item{
    background-color: transparent;
    border: 1px solid #ddd;
    margin-bottom: 1.6em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.faq .accordion-button:not(.collapsed){
    border: none;
    background-color: #232323;
    color: #fff;
    outline: none;
}
.faq .accordion-button:focus{
    outline: none;
    border: none;
    box-shadow: none;
}
.faq .accordion-item:first-of-type>.accordion-header .accordion-button, .faq .accordion-button{
    background-color: #232323;
    border-radius: 5px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}
/* .faq .accordion-button:not(.collapsed)::after{} */
.faq .accordion-button:not(.collapsed)::after{
    content: "\2212";
    font-size: 26px;
    color: #fff;
}
.faq .accordion-button::after{
    background-image: url('../images/plus.png');
}

.faq .accordion-body p{
    margin: 0;
}
.contactform .contactCard{
    background: linear-gradient(90deg, #4BCBD8 0%, #1F157E 100%);
    padding: 4em 4em;
    border-radius: 10px;
    height: 500px;
}
.contactform h2{
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1em;
}
.contactform ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.contactform ul li{
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1em;
}
.contactform ul li a{
    font-size: 22px;
    line-height: 31px;
    font-weight: 500;
    color: #fff;
    margin: 0.6em 0 0 0;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}
.contactform ul li img{
    margin-right: 0.4em;
    width: 24px;
    height: 28px;
    object-fit: contain;
}
.contactform{
    padding: 0 0 5em 0;
}
.contactform .formBox{
    background-color: #F2F2F2;
    padding: 4em 6em 3em 3em;
    border-radius: 10px;
    height: 500px;
}
.contactform .formBox form label{
    font-size: 16px;
    color: #000;
    margin-bottom: 0.3em;
}
.contactform .formBox form input{
    border-radius: 5px;
    padding: 3px;
    color: #000;
    font-size: 16px;
    border: 0.5px solid #dee2e6;
}
.contactform .form-group.textarea{
    display: flex;
    flex-direction: column;
}
.contactform .formBox form textarea{
    border-radius: 5px;
    padding: 3px;
    color: #000;
    font-size: 16px !important;
    width: 100%;
    border: 0.5px solid #dee2e6;
    height: 108px;
}
.subBtn{
    background: linear-gradient(270deg, #4BCBD8 0%, #1F157E 100%);
    border: none;
    border-radius: 10px;
    padding: 0.4em 1em;
    width: 100%;
    color: #fff;
    margin-top: 1em;
}
.form-group{
    margin-bottom: 1em;
}
footer{
    background-color: #232323;
    padding: 3em 0;
}
footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
footer ul li{
    margin-bottom: 1.4em;
}
footer .contactDtl a{
    font-size: 22px;
    line-height: 33px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    width: 70%;
    display: flex;
    align-items: center;
    text-decoration: none;
}
footer .fLogo{
    margin-bottom: 2em;
}
footer .fLogo img{
   width: 215px;
   object-fit: contain;
}
footer .contactDtl a img{
    margin-right: 0.4em;
}
footer ul li a{
    font-size: 22px;
    line-height: 25px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}
footer ul li:last-child{
    margin-bottom: 0;
}
.mobView{
    display: none;
}


/* MEDIA */
@media (min-width:2001px) and (max-width:3000px){
    .firstBanner {
        height: 90vh;
    }
}
@media (min-width:1900px) and (max-width:2000px){
    .firstBanner {
        height: 90vh;
    }
}
@media (min-width:1350px) and (max-width:1500px){
    .firstBanner {
        height: 87vh;
    }
    .offer .cardBox p {
        font-size: 17px;
        line-height: 28px;
    }
    footer ul li {
        margin-bottom: 1.5em;
    }
    footer ul li a {
        font-size: 19px;
    }
}
@media (min-width:1281px) and (max-width:1349px){
    .offer .cardBox p {
        font-size: 18px;
        line-height: 26px;
    }
    .offer h4 {
        font-size: 23px;
        line-height: 28px;
    }
    .offer h4 br{
       display: none;
    }
}
@media (min-width:1100px) and (max-width:1280px){
    .offer .cardBox {
        padding: 1em 1em;
    }
    footer ul li{
        margin-bottom: 1em;
    }
    .firstBanner {
        width: 100%;
        height: 87vh;
    }
    .firstBanner h1 img{
        width: 80%;
    }
    .firstBanner h2 {
        font-size: 40px;
        line-height: 42px;
    }
    footer ul li a {
        font-size: 19px;
    }
    footer .contactDtl a{
        font-size: 17px;
        line-height: 30px;
    }
    footer .fLogo img {
        width: 175px;
    }
    .contactform ul li a{
        font-size: 18px;
    }
    .faq .accordion-item:first-of-type>.accordion-header .accordion-button, .faq .accordion-button {
        font-size: 17px;
    }
    .users .owl-carousel.userSlide .owl-item img {
        width: 100%;
        height: 95px;
    }
    .whyus h4 {
        font-size: 24px;
        line-height: 35px;
    }
    .offer .cardBox p {
        font-size: 17px;
        line-height: 25px;
    }
    .offer h4 {
        font-size: 25px;
        line-height: 36px;
    }
}
@media (min-width:800px) and (max-width:1099px){
    .offer{
        padding: 2em 0;
    }
    .offer .cardBox{
        border-radius: 15px;
        padding: 1em;
    }
    .offer .cardBox p {
        font-size: 12px;
        line-height: 18px;
    }
    .offer .h1, .offer .h2, .offer .h3{
        height: auto;
    }
    .offer h3 {
        font-size: 40px;
        line-height: 42px;
        margin: 0;
    }
    .offer h4 {
        font-size: 17px;
        line-height: 27px;
    }
    .offer h4 br{
        display: none;
    }
}
@media (max-width:768px){
    .firstBanner ul li{
        font-size: 13px;
        line-height: 19px;
    }
    .contactform .formBox form textarea {
        height: 42px;
    }
    .feedback {
        padding: 2em 0;
    }
    .contactform ul li {
        font-size: 18px;
        line-height: 25px;
    }
    .contactform ul li a{
        font-size: 15px;
        line-height: 24px;
    }
    .contactform .contactCard {
        padding: 3.5em 1em;
        height: auto;
    }
    .faq {
        padding: 2.4em 0 1em 0;
    }
    .faq .accordion-item {
        margin-bottom: 1em;
    }
    .users {
        padding: 3em 0 2em 0;
    }
    .faq .accordion-item:first-of-type>.accordion-header .accordion-button, .faq .accordion-button {
        font-size: 12px;
        line-height: 20px;
    }
    .users .owl-carousel.userSlide .owl-item img {
        height: 62px;
    }
    .feedback .slidecard {
        padding: 2em;
        height: 352px;
    }
    .whyus .cardBox p {
        font-size: 12px;
        line-height: 16px;
    }
    .whyus .cardBox {
        border-radius: 12px;
        padding: 2em 1.6em;
        margin-bottom: 1em;
    }
    .whyus h4 br{
        display: none;
    }
    .whyus h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .whyus {
        padding: 2em 0;
    }
    .everything{
        padding: 3em 0 2em 0;
    }
    .everything .details img {
        margin-bottom: 0.5em;
    }
    .everything h2{
        margin: 0 0 1em 0;
    }
    .everything p {
        font-size: 15px;
        line-height: 24px;
        width: 100%;
    }
    .everything .details .c2 p {
        margin-left: unset;
        text-align: left;
    }
    .everything h2 span {
        font-size: 18px;
    }
    header .navButton{
        padding-left: 1.6em;
    }
    .firstBanner h1 img{
        width: 100%;
    }
    .firstBanner h2{
        font-size: 30px;
        line-height: 38px;
    }
    .firstBanner {
        height: 55vh;
    }
    .firstBanner ul {
        padding-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .firstBanner ul li{
        margin-bottom: 0.6em;
    }
    .firstBanner ul li:first-child {
        margin-right: 0;
    }
    .solvHubPage h2{
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 2em 0;
        padding: 0;
    }
    .offer{
        padding: 2em 0;
    }
    .offer .cardBox{
        border-radius: 15px;
        padding: 1em;
    }
    .offer .cardBox p {
        font-size: 12px;
        line-height: 18px;
    }
    .offer .h1, .offer .h2, .offer .h3{
        height: auto;
    }
    .offer h3 {
        font-size: 40px;
        line-height: 42px;
        margin: 0;
    }
    .offer h4 {
        font-size: 17px;
        line-height: 27px;
    }
    .offer h4 br{
        display: none;
    }
    footer{
        padding: 2em 0;
    }
    footer ul{
        margin-top: 1em;
    }
    footer ul li{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0.4em;
    }
    footer .contactDtl a{
        font-size: 13px;
        line-height: 22px;
        width: 100%;
    }
    footer .contactDtl a img{
        margin-right: 0.4em;
    }
    .contactform h2{
        margin: 0 0 1em 0;
    }
    .contactform .formBox {
        padding: 2em 1em 2em 1em;
        border-radius: 10px;
        height: unset;
        margin-top: 1em;
    }
    .contactform {
        padding: 0 0 2em 0;
    }
    footer ul li a {
        font-size: 14px;
        line-height: 18px;
    }
    footer .fLogo img {
        width: 158px;
    }
    .feedback h3 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 0.4em;
    }
    .feedback p {
        font-size: 12px;
        line-height: 18px;
    }
}
@media (max-width:767px){
    .webView{
        display: none;
    }
    .mobView{
        display: block;
    }
    .whyus .cardBox {
        border-radius: 12px;
        padding: 2em 1.6em;
        margin-bottom: 1em;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .order1{
        order: 1;
    }
    .order2{
        order: 2;
    }
    .order3{
        order: 3;
    }
    .order4{
        order: 4;
    }
    .order5{
        order: 5;
    }
    .order6{
        order: 6;
    }
    .order7{
        order: 7;
    }
    .feedback {
        padding: 2em 0;
    }
    .contactform ul li {
        font-size: 18px;
        line-height: 25px;
    }
    .contactform ul li a{
        font-size: 15px;
        line-height: 24px;
    }
    .contactform .contactCard {
        padding: 2em 1em;
        height: auto;
    }
    .faq {
        padding: 2.4em 0 1em 0;
    }
    .faq .accordion-item {
        margin-bottom: 1em;
    }
    .users {
        padding: 3em 0 2em 0;
    }
    .faq .accordion-item:first-of-type>.accordion-header .accordion-button, .faq .accordion-button {
        font-size: 12px;
        line-height: 20px;
    }
    .users .owl-carousel.userSlide .owl-item img {
        height: 62px;
    }
    .feedback .slidecard {
        padding: 2em;
        height: 352px;
    }
    .whyus .cardBox p {
        font-size: 15px;
        line-height: 22px;
    }
    
    .whyus h4 br{
        display: none;
    }
    .whyus h4 {
        font-size: 22px;
        line-height: 30px;
    }
    .whyus {
        padding: 2em 0;
    }
    .everything{
        padding: 3em 0 2em 0;
    }
    .everything .details img {
        margin-bottom: 0.5em;
    }
    .everything h2{
        margin: 0 0 1em 0;
    }
    .everything p {
        font-size: 15px;
        line-height: 24px;
        width: 100%;
    }
    .everything .details .c2 p {
        margin-left: unset;
        text-align: left;
    }
    .everything h2 span {
        font-size: 18px;
    }
    header .navButton{
        padding-left: 1.6em;
    }
    .firstBanner h1 img{
        width: 100%;
    }
    .firstBanner h2{
        font-size: 30px;
        line-height: 38px;
    }
    .firstBanner {
        height: 55vh;
    }
    .firstBanner ul {
        padding-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .firstBanner ul li{
        margin-bottom: 0.6em;
    }
    .firstBanner ul li:first-child {
        margin-right: 0;
    }
    .solvHubPage h2{
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 2em 0;
        padding: 0;
    }
    .offer{
        padding: 2em 0;
    }
    .offer .cardBox{
        border-radius: 15px;
        padding: 1em;
    }
    .offer .cardBox p {
        font-size: 15px;
        line-height: 24px;
    }
    .offer .h1, .offer .h2, .offer .h3{
        height: auto;
    }
    .offer h3 {
        font-size: 40px;
        line-height: 42px;
        margin: 0;
    }
    .offer h4 {
        font-size: 22px;
        line-height: 32px;
    }
    .offer h4 br{
        display: none;
    }
    footer{
        padding: 2em 0;
    }
    footer ul{
        margin-top: 1em;
    }
    footer ul li{
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0.4em;
    }
    footer .contactDtl a{
        font-size: 13px;
        line-height: 22px;
        width: 100%;
    }
    footer .contactDtl a img{
        margin-right: 0.4em;
    }
    .contactform h2{
        margin: 0 0 1em 0;
    }
    .contactform .formBox {
        padding: 2em 1em 2em 1em;
        border-radius: 10px;
        height: unset;
        margin-top: 1em;
    }
    .contactform {
        padding: 0 0 2em 0;
    }
    footer ul li a {
        font-size: 14px;
        line-height: 18px;
    }
    footer .fLogo img {
        width: 158px;
    }
    .feedback p {
        font-size: 15px;
        line-height: 25px;
    }
    
}