body {
    font-family: 'Poppins', sans-serif;
    background-color: #F5FFFC;

}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    color: #232323;
    font-weight: 600;
    margin-bottom: 0;
}
a, a:hover{
    text-decoration: none;
}
p{
    font-family: 'Inter', sans-serif;
    color: #5E5E5E;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
.form-control:focus{
    box-shadow: unset;
    background-color: unset;
}

.form-check-input:focus{
    box-shadow: unset;
}

h2{
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    text-align: center;
}

h6{
    font-family: 'Inter', sans-serif;
    color: #00CC96;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 4.95px;
    text-transform: uppercase;
    text-align: center;
}

.pt-b-100{padding-top: 100px;padding-bottom: 100px;}
.font-700{font-weight: 700!important;}
.font-400{font-weight: 400!important;}
.text-green{color: #00CC96;}
.text-offwhite{color: #F5FFFC;}
.text-blue{color: #071742!important;}
.bg-green{background-color: #013830!important;}
.bg-light-green{background-color: #00CC96!important;}
.bg-aquaLightGreen{background-color: #F5FFFC!important;}
.bg-blue{background-color: #071742!important;}
.bg-light-blue{background-color: #0B1E50;}


.btn-primary{
    border-radius: 40px;
    background:  #00CC96;
    box-shadow: 0px 10px 20px 0px rgba(0, 204, 150, 0.20);
    padding: 15px 26px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.btn-primary img{padding-right: 8px;}

.btn-primary:hover{
    background: #071742;
    box-shadow: 0px 10px 20px 0px rgba(7, 23, 66, 0.30);
}

.btn-secondary{
    border-radius: 40px;
    background:  #071742;
    box-shadow: 0px 10px 20px 0px rgba(0, 204, 150, 0.20);
    padding: 15px 26px;
    color: #00CC96;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.btn-secondary img{padding-right: 8px;}

.btn-secondary:hover{
    color: #00CC96;
    background:  #071742;
}


/*Header css start*/
@media (min-width: 1200px){
    header .container, .mainBanner .container{max-width: 1226px;} 
}
@media (min-width: 1400px){
    header .container, .mainBanner .container{max-width: 1720px;padding-left: 42px;padding-right: 42px;}
    
}


header{
    box-shadow: 0px 14px 80px 0px rgba(0, 0, 0, 0.10);
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}

header .navbar-nav li a{
    color: #5E5E5E;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

header .navbar-nav .active a{
    color:  #00CC96;
}

header .navbar-brand{
    margin-right: 0;
}


header .navbar{
    padding: 0.2rem 0rem;
}

.navbar-toggler:focus{
    box-shadow: unset;
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}
}

@media (min-width: 1200px){
    header .navbar-nav li a{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
}
/*Header css end*/


/*Banner css start*/

.mainBanner{
    width: 100%!important;
    position: relative;
    padding-top: 118px;
    padding-bottom: 185px;
    background-color: #fff;
}

.mainBanner .bannerContent{
    margin-top: 54px;
}

.mainBanner h1{
    color: #383F3D;
    font-size: 70px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px;
    position: relative;
    z-index: 99
}

.mainBanner p{
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
    position: relative;
    z-index: 99;
    margin-top: 24px;
    margin-bottom: 36px;
    max-width: 663px;
}

.mainBanner svg{
    margin-left: 20px;
}

.mainBanner .d-flex{
    margin-bottom: 29px;
}

.mainBanner .bannerImg{
    border-bottom-left-radius: 100px;
    position: absolute;
    right: 0;
    width: calc(100% - 60%);
    object-fit: cover;
    height: 100%;
    top: 0;
}

.banner-chat{
    position: relative;
    z-index: 9999;
    margin-left: -66px;
}
.banner-shade{
    position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
/*Banner css end*/


/* Features Section start */
.featuresSec{
    padding-top: 100px;
    position: relative;
}

.featuresSec .featureWtMark{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 82px;
    z-index: -9;
}

.featuresSec .greenRibbon{
    position: absolute;
    left: 0;
    top: 20%;
}

.featuresSec h2{
    margin-bottom: 120px;
}


.featuresSec .slider .item, .featuresSec .slider2 .item{
    margin-bottom: 118px;
}

.featuresSec .slider h3, .featuresSec .slider2 h3{
    color: #071742;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    margin-top: 20px;
}

.featuresSec .slider p, .featuresSec .slider2 p{
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 490px;
}

.featuresSec .slider .left-col-img, .featuresSec .slider2 .left-col-img{
    width: 94%;
    height: 564px;
    object-fit: contain;
}

.slick-prev:before, .slick-next:before{
    display: none;
}
.slick-prev, .slick-next{
    width: auto;
    height: auto;
    right: 0;
    top: 266px;
    left: unset;
    z-index: 999;
    filter: sepia(0.8);
}

.slick-next{
    top:333px
}

.slick-prev:hover, .slick-next:hover{
    filter: grayscale(0);
}
/* Features Section End */



/*Services box css start*/

@media (min-width: 1200px){
    .container.servicesSec{max-width: calc(100% - 10%)} 
}
@media (min-width: 1400px){
    .container.servicesSec{max-width: calc(100% - 10%)}
    
}

.servicesSec{
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 62px;
    padding-right: 62px;
    background-color: #013830;
    border-radius: 50px;
    background-image: url('../img/trial-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}


.servicesSec .txt{
    color: #F5FFFC;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    max-width: 829px;
    margin: auto;
}

.servicesSec .serviceBox{
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: rgba(0, 204, 150, 0.05);
    text-align: center;
    height: 100%;
    padding: 28px 45px 36px 45px;
    max-width: 398px;
    margin: auto;
}

.servicesSec .serviceBox2{
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: rgba(0, 204, 150, 0.05);
    text-align: center;
    height: 100%;
    padding: 36px 45px 62px 45px;
    max-width: 500px;
    margin: auto;
}

.servicesSec .serviceBox img, .servicesSec .serviceBox2 img{
    width: 200px;
    height: 181px;
    object-fit: contain;
}

.servicesSec .serviceBox h5, .servicesSec .serviceBox2 h5{
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.servicesSec .serviceBox p{
    max-width: 348px;
    margin: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #E5E2E2;
    text-align: center;
}

.servicesSec .serviceBox2 p{
    max-width: 386px;
    margin: auto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #E5E2E2;
    text-align: center;
}

.mx-1294{
    max-width: 1294px;
    margin: auto;
}

.mx-1070{
    max-width: 1070px;
    margin: auto;
}

.mt-80{
    margin-top: 80px;
}

/*Services box css end*/


/* Succes Section Start */
.successSec{padding-top: 86px;position: relative;}
.successSec h6{margin-bottom: 10px;}
.successSec h2{margin-bottom: 26px;}
.successSec p{font-size: 24px;max-width: 894px;margin: auto;}
.successSec .waterMark{
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 200px;
    font-style: normal;
    font-weight: 700;
    line-height: 160px;
    text-transform: uppercase;
    opacity: 0.5;
    background: linear-gradient(189deg, #EAF8F9 38.56%, rgba(210, 248, 251, 0.00) 85.08%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 100%;
    margin-top: 54px;
}
/* Success Section End */


/* Inner banner page css start */
.innerBanner{
    padding-top: 293px;
    padding-bottom: 293px;
}

.innerBanner h1{
    font-weight: 700;
    color: #fff;
}
.innerBanner p{
    max-width: 834px;
    line-height: 30px;
    margin-bottom: 0!important;
    font-size: 29px;
    line-height: 40px;
}
.innerBanner svg{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.innerBanner h6, .innerBanner .btn-secondary{
    position: relative;
    z-index: 999;
}

/* Inner banner page css end */



/* About Pagee css start */
@media (min-width: 1200px){
    .aboutSec .container{max-width: calc(100% - 20%)} 
}
@media (min-width: 1400px){
    .aboutSec .container{max-width: calc(100% - 10%)}
    
}

@media (min-width: 1200px){
    .testimonialSec.container{max-width: calc(100% - 15%)}
    
}

@media (min-width: 1400px){
    .testimonialSec.container{max-width: 1310px;}
    
}

.aboutBanner{
    background-color: #013830;
    background-image: url(../img/about-banner-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.aboutSec{
    padding-top: 150px;
    padding-bottom: 200px;
    background-color: #232323;
}

.aboutSec h2{
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 4.95px;
    text-transform: uppercase;
    margin-bottom: 44px;
}

.aboutSec p{
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
}

.aboutSec img{
    margin-bottom: 44px;
}

.aboutSec .aboutBox{
    border-radius: 50px;
    background: #333535;
    padding: 68px 100px 100px 100px;
    margin-top: 150px;
}

.testimonialSec{
    padding-top: 200px;
    margin-bottom: 200px;
    position: relative;
}

.testimonialSec h2{
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    color: #000;
    text-align: left;
}

.testimonialSec .item{
    border-radius: 30px;
    background: #FFF;
    padding: 100px 50px;
}

.testimonialSec .slick-list{
    box-shadow: 0px 22px 24px 0px rgba(0, 0, 0, 0.11);
    border-radius: 30px;
}

.testimonialSec h3{
    color: #071742;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 13px;
}

.testimonialSec p{
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 13px;
}

.testimonialSec img{
    margin-bottom: 3px;
}

.testimonialSec .slick-prev, .testimonialSec .slick-next{
    filter: unset!important;
    left: 0;
    right: unset;
    top: unset;
    bottom: 76px;
}

.testimonialSec .slick-next{
    left: 50px;
}

.testimonialSlider {
    position: static;
}
/* About Pagee css end */


/* Benefit Page css start */
.benefitSec.servicesSec{
    background-image: unset!important;
    border-radius: 0!important;
    background-color: #054138!important;
    padding-top: 100px!important;
    padding-bottom: 139px!important;
}

.benefitSec .mw-1050{
    max-width: 1099px;
    margin: auto;
    margin-bottom: 49px;
}

.benefitSec .serviceBox{
    max-width: 500px;
    margin: auto;
    padding: 40px 40px 40px 40px;
}

.benefitSec h5{
    font-size: 28px!important;
}

.benefitSec h6{
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 29px;
    text-transform: none;
    letter-spacing: unset;
    margin-bottom: 15px;
}

.benefitSec p{
    max-width: unset!important;
}

.benefitSuccess{
    padding-top: 100px;
    padding-bottom: 100px;
}

.benefitSuccess p{max-width: 630px;}
/* Benefit Page css end */


/* Pricing page css start */
@media (min-width: 1200px){
    .pricingSec .container{max-width: calc(100% - 17%)} 
}
@media (min-width: 1400px){
    .pricingSec .container{max-width: 1224px}
    
}

.pricingSec .pricingbox{
    border-radius: 30px;
    border: 1px solid #00CC96;
    background: #F5FFFC;
    padding: 100px 50px 100px 80px;
    height: 100%;
    max-width: 584px;
    
}

.pricingSec .pricingbox h3{
    font-size: 45px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    color: #071742;
    margin-top: 14px;
}

.pricingSec .pricingbox p{
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    color: #071742;
    margin-top: 0px;
    margin-bottom: 24px;
}

.pricingSec .pricingbox h2{
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #00CC96;
    margin-bottom: 30px;
    text-align: left;
}

.pricingSec .pricingbox h2 span{
    text-transform: lowercase;
    font-size: 20px;
}

.pricingSec .pricingbox .f-ico{
    height: 126px;
    width: auto;
    object-fit: contain;
}

.pricingSec .pricingbox ul {
    list-style: none;
    padding-left: 0;
}

.pricingSec .pricingbox ul li{
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #5E5E5E;
}

.pricingSec .pricingbox ul.d-flex li{
    padding-right: 30px;
}
/* Pricing page css end */


/* Resources page css start */
@media (min-width: 1200px){
    .resourcesSec .container{max-width: calc(100% - 17%)} 
}
@media (min-width: 1400px){
    .resourcesSec .container{max-width: 1230px}
    
}
.resourcesSec .row{
    padding: 80px;
    align-items: center;
    border-radius: 50px;
    margin-bottom: 70px;
}

.resourcesSec .tag{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 222.222% */
    text-transform: uppercase;
    color: #fff;
    padding: 0px 20px;
    border-radius: 40px;
    background:#00CC96;
    width: max-content;
}

.resourcesSec h3{
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    margin-top: 20px;
}

.resourcesSec h4{
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    color: #00CC96;
    margin-top: 39px;
}

.resourcesSec ul {
    list-style: none;
    padding-left: 0;
    margin-top: 30px;
}

.resourcesSec ul li{
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    margin-bottom: 24px;
    display: flex;
}

.resourcesSec ul li .svg{
    padding-right: 12px;
}

.resourcesSec img{
    box-shadow: 0px 16px 50px 0px rgba(56, 93, 188, 0.50);
}
/* Resources page css end */

/* features page css start */
.slider2{
    position: relative;
    z-index: 999;
}
.greenribbonFeatures{
    top: 7%!important;
}
/* featurespage css end */


/* FAQ page css start */
@media (min-width: 1200px){
    .faqSec .container{max-width: calc(100% - 22%)} 
}
@media (min-width: 1400px){
    .faqSec .container{max-width: 1130px}
}

.faqSec .accordion-button::after{
    content: "+";
    font-size: 35px;
    font-style: normal;
    font-weight: 300;
    line-height: 50px;
    color: #071742;
    background-image: unset;
    height: unset;
}

.faqSec .accordion-button:not(.collapsed)::after{
    content: '-';
    transform: unset;
}

.faqSec .accordion-button:focus{
    box-shadow: unset;
}

.faqSec .accordion-item{
    margin-bottom: 30px;
    border-radius: 30px;
    border: 1px solid #00CC96;
    background: transparent;
}

.faqSec .accordion-button{
    background: #00CC96;
    padding: 24px 80px 10px 80px;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    color: #071742;
    border-radius: 30px 30px 0px 0px;
}

.faqSec .accordion-collapse .accordion-body{
    padding: 0;
}

.faqSec .accordion-collapse .accordion-body p{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    color: #313131;
}

.faqSec .accordion-button.collapsed{
    background: transparent;
    padding: 24px 80px 24px 80px;
}

.faqSec .accordion-item:first-of-type .accordion-button{
    border-radius: 30px 30px 0px 0px;
}

.accordion-item:last-of-type .accordion-collapse{
    border-radius: 0px 0px 30px 30px;
}

.faqSec .accordion-button:not(.collapsed){
    box-shadow: unset;
}

.faqSec .accordion-collapse{
    padding: 0px 80px 24px 80px;
    background: #00CC96;
    border-radius: 0px 0px 30px 30px;
}

/* FAQ page css end */


/* Contact page css start */
.formSec{
    position: relative;
}

.formSec .cta-ribbon-01{
    position: absolute;
    left: 0;
    top: 9%;
}

.formSec .cta-ribbon-02{
    position: absolute;
    right: 0;
    bottom: 9%;
}
.formSec .formBox{
    max-width: 1020px;
    padding: 100px;
    margin: auto;
    border-radius: 30px;
    background:#FFF;
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    z-index: 999;
}

.formSec .formBox h2{
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    color: #00CC96;
    text-align: left;
    margin-bottom: 45px;
}

.formSec .formBox label{
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    color: #232323;
    font-family: 'Inter', sans-serif;
    margin-bottom: 10px;
}

.formSec .formBox input{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #E9E9E9;
    border-radius: 0;
    padding: 14px 0px;
}

::placeholder {
    color: #ADADAD!important;
    opacity: 0.7!important;
    font-family: 'Inter', sans-serif!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 50px!important;
  }
  
::-ms-input-placeholder {
    color: #ADADAD!important;
    font-family: 'Inter', sans-serif!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 50px!important;
  }
/* Contact page css end */



/*Footer css start */
@media (min-width: 1200px){
    .ft.container{max-width: calc(100% - 10%)} 
}
@media (min-width: 1400px){
    .ft.container{max-width: calc(100% - 10%)}
    
}

footer{
    padding-top: 104px;
    padding-bottom: 104px;
    background-color: #071742;
    border-radius: 50px 50px 0px 0px;
    background-image: url('../img/footer-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

footer h2{
    color: #F5FFFC;
    font-weight: 700;
    margin-bottom: 10px;
}

footer p{
    max-width: 762px;
    margin: auto;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 50px;
}

footer .btn-primary{
    margin-bottom: 50px;
}

footer ul{
    display: flex;
    justify-content: space-between;
    max-width: 727px;
    margin: auto;
    list-style: none;
}

footer ul li a{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; 
}

footer .copyRightTxt{
    margin-top: 15px;
    color: #838BA0;
    font-family: 'Inter', sans-serif;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 18px;
}

footer .socialIcons img{
    padding-left: 10px;
    padding-right: 10px;
}

/*Footer css end*/


/*MEDIA QUERY*/

/*Mobile*/


@media only screen and (max-width: 767px)  {
    
    .btn-primary, .btn-secondary{font-size: 14px;padding: 12px 22px;}
    .btn-primary img, .btn-secondary img{width: 36px;}
    h6{font-size: 16px;line-height: 22px;}
    h2{font-size: 28px;line-height: 38px;}
    
    header .navbar-nav li a{text-align: left;}
    header .navbar-collapse{padding-top: 12px;}
    header .btn-primary{margin-top: 14px;}
    
    .mainBanner{padding-top: 94px;padding-bottom: 0px}
    .mainBanner h1{font-size: 32px;line-height: 40px;}
    .mainBanner p{font-size: 16px;line-height: 24px;}
    .mainBanner .bannerContent {margin-top: 0px;}
    .mainBanner .banner-chat{display: none;}
    .mainBanner .bannerImg{border-bottom-left-radius: 0;position: relative;width: 100%;height: auto;margin-top: 36px;}

    .featuresSec{padding-bottom: 100px;}
    .featuresSec h2{margin-bottom: 20px;}
    .featuresSec .slider .left-col-img, .featuresSec .slider2 .left-col-img{height: auto;width: 100%;}
    .featuresSec .greenRibbon{top: 8%;}
    .greenribbonFeatures{top: 4%!important;}
    .featuresSec .slider-ico{width: 78px;margin-top: 16px;}
    .featuresSec .slider h3, .featuresSec .slider2 h3{font-size: 26px;line-height: 36px;}
    .featuresSec .slider .item, .featuresSec .slider2 .item{margin-bottom: 96px;}
    .featuresSec .slider p, .featuresSec .slider2 p{font-size: 16px;line-height: 24px;margin-top: 10px;}
    .slick-prev, .slick-next{top: -60px; width: 36px;}
    .slick-next{top: -20px;}
    
    .servicesSec{padding-left: 24px;padding-right: 24px;padding-top: 92px;padding-bottom: 92px;}
    .servicesSec .txt{font-size: 16px;line-height: 26px;}
    .servicesSec .serviceBox, .servicesSec .serviceBox2{padding: 32px 18px 32px 18px;}
    .servicesSec .serviceBox h5, .servicesSec .serviceBox2 h5{font-size: 18px;line-height: 26px;}
    .servicesSec .serviceBox p, .servicesSec .serviceBox2 p{font-size: 14px;}
    .servicesSec .serviceBox img, .servicesSec .serviceBox2 img{width: 128px;height: 128px;}
    .servicesSec .serviceBox h5, .servicesSec .serviceBox2 h5{margin-bottom: 10px;margin-top: 5px;}
    .servicesSec .col-md-6{margin-bottom: 42px;}
    .mt-80{margin-top: 0px;}
    .servicesSec .serviceBox2{max-width: 398px;}

    .successSec p{font-size: 16px;line-height: 26px;}
    .successSec .waterMark{font-size: 65px;line-height: 65px;}

    .innerBanner{padding-top: 94px;padding-bottom: 94px}

    .pricingSec .pricingbox{padding: 64px 32px 64px 32px;margin: auto;}
    .pricingSec .pricingbox .f-ico{height: 104px;}
    .pricingSec .pricingbox h3 {font-size: 30px;line-height: 40px;}
    .pricingSec .pricingbox h2{margin-bottom: 24px;}
    .pricingSec .pricingbox p{font-size: 16px;line-height: 26px;margin-top: 3px;}
    .pricingSec .pricingbox ul li{font-size: 16px;}
    .pricingSec .col-lg-6{margin-bottom: 3rem;}

    .resourcesSec .row{padding: 60px 22px;}
    .resourcesSec .tag{font-size: 14px;line-height: 34px;}
    .resourcesSec h3{font-size: 26px;line-height: 36px;}
    .resourcesSec h4{font-size: 22px;line-height: 30px;}
    .resourcesSec ul {margin-bottom: 42px;}
    .resourcesSec ul li{font-size: 16px;line-height: 22px;}

    .faqSec .accordion-button{font-size: 20px;line-height: 30px;}
    .faqSec .accordion-collapse .accordion-body p{font-size: 16px;}
    .faqSec .accordion-button.collapsed, .faqSec .accordion-button{padding: 20px 28px 20px 28px;}
    .faqSec .accordion-collapse{padding: 0px 28px 20px 28px;}

    .formSec .formBox h2{font-size: 24px;line-height: 34px;margin-bottom: 40px;}
    .formSec .formBox label{font-size: 16px;}
    .formSec .formBox{padding: 56px 28px;}
    .formSec .formBox .mb-mob-4{margin-bottom: 1.5rem;}
    ::placeholder{font-size: 16px!important;}
    ::-ms-input-placeholder{font-size: 16px!important;}

    .benefitSec h5 {font-size: 18px!important; line-height: 26px;}
    .benefitSec h6{font-size: 16px; line-height: 26px;}

    .aboutSec{padding-top: 90px;padding-bottom: 90px;}
    .aboutSec h2{font-size: 14px;}
    .aboutSec p{font-size: 20px;line-height: 30px;}
    .aboutSec .aboutBox{margin-top: 90px;padding: 44px 22px 44px 22px;}
    .testimonialSec{padding-top: 90px;margin-bottom: 106px;}
    .testimonialSec h2{font-size: 22px;line-height: 32px;margin-bottom: 44px;}
    .testimonialSec h3{font-size: 18px;line-height: 28px;}
    .testimonialSec p{font-size: 16px;line-height: 26px;}
    .testimonialSec .item{padding: 50px 38px;}
    .testimonialSec .slick-prev, .testimonialSec .slick-next{left: unset;right: 0;bottom: unset;top: 72px;}
    .testimonialSec .slick-prev{right: 50px;}

    footer{padding-top: 88px;padding-bottom: 88px;}
    footer p{font-size: 20px;line-height: 28px;}
    footer ul{display: block;padding-left: 0;}
    footer ul li{margin-bottom: 4px;}
}



/*Tablet Portrait*/
@media only screen and (min-width: 768px) and (max-width: 991px)  {

    .btn-primary, .btn-secondary{font-size: 14px;padding: 12px 22px;}
    .btn-primary img, .btn-secondary img{width: 36px;}
    h6{font-size: 16px;line-height: 22px;}
    h2{font-size: 28px;line-height: 38px;}
    
    header .navbar-nav li a{text-align: left;}
    header .navbar-collapse{padding-top: 12px;}
    header .btn-primary{margin-top: 14px;}
    
    .mainBanner{padding-top: 58px;padding-bottom: 58px;}
    .mainBanner h1{font-size: 30px;line-height: 40px;}
    .mainBanner p{font-size: 18px;line-height: 28px;}
    .mainBanner .bannerContent {margin-top: 54px;}
    .mainBanner .banner-chat{height: 336px;margin-left: -41px;}

    .featuresSec{padding-bottom: 100px;}
    .featuresSec h2{margin-bottom: 20px;}
    .featuresSec .slider .left-col-img, .featuresSec .slider2 .left-col-img{height: auto;width: 100%;}
    .featuresSec .slider-ico{width: 78px;margin-top: 16px;}
    .featuresSec .slider h3, .featuresSec .slider2 h3{font-size: 26px;line-height: 36px;}
    .featuresSec .slider .item, .featuresSec .slider2 .item{margin-bottom: 96px;}
    .featuresSec .slider p, .featuresSec .slider2 p{font-size: 16px;line-height: 24px;margin-top: 10px;}
    .slick-prev, .slick-next{top: -60px; width: 36px;}
    .slick-next{top: -20px;}
    .featuresSec .greenRibbon{top:16%;}
    .greenribbonFeatures{top: 5%!important;} 
    
    
    .servicesSec{padding-left: 24px;padding-right: 24px;padding-top: 92px;padding-bottom: 92px;}
    .servicesSec .txt{font-size: 16px;line-height: 26px;}
    .servicesSec .serviceBox, .servicesSec .serviceBox2{padding: 32px 18px 32px 18px;}
    .servicesSec .serviceBox h5, .servicesSec .serviceBox2 h5{font-size: 18px;line-height: 26px;}
    .servicesSec .serviceBox p, .servicesSec .serviceBox2 p{font-size: 14px;}
    .servicesSec .serviceBox img, .servicesSec .serviceBox2 img{width: 128px;height: 128px;}
    .servicesSec .serviceBox h5, .servicesSec .serviceBox2 h5{margin-bottom: 10px;margin-top: 5px;}
    .servicesSec .col-md-6{margin-bottom: 42px;}
    .mt-80{margin-top: 0px;}
    .servicesSec .serviceBox2{max-width: 398px;}

    .successSec p{font-size: 18px;line-height: 28px;}
    .successSec .waterMark{font-size: 75px;line-height: 75px;}

    .innerBanner{padding-top: 114px;padding-bottom: 114px;}
    .innerBanner p{max-width: 650px;}

    .pricingSec .pricingbox{padding: 64px 64px 64px 64px;max-width: 100%;}
    .pricingSec .pricingbox .f-ico{height: 104px;}
    .pricingSec .pricingbox h3 {font-size: 30px;line-height: 40px;}
    .pricingSec .pricingbox h2{margin-bottom: 24px;}
    .pricingSec .pricingbox p{font-size: 16px;line-height: 26px;margin-top: 3px;}
    .pricingSec .pricingbox ul li{font-size: 16px;}
    .pricingSec .col-lg-6{margin-bottom: 3rem;}

    .resourcesSec .row{padding: 60px 22px;}
    .resourcesSec .tag{font-size: 14px;line-height: 34px;}
    .resourcesSec h3{font-size: 26px;line-height: 36px;}
    .resourcesSec h4{font-size: 22px;line-height: 30px;}
    .resourcesSec ul li{font-size: 16px;line-height: 22px;}

    .faqSec .accordion-button{font-size: 20px;line-height: 30px;}
    .faqSec .accordion-collapse .accordion-body p{font-size: 16px;}
    .faqSec .accordion-button.collapsed, .faqSec .accordion-button{padding: 24px 28px 24px 28px;}
    .faqSec .accordion-collapse{padding: 0px 28px 24px 28px;}

    .formSec .formBox h2{font-size: 28px;line-height: 38px;}

    .benefitSec h5 {font-size: 18px!important; line-height: 26px;}
    .benefitSec h6{font-size: 16px; line-height: 26px;}

    .aboutSec{padding-top: 90px;padding-bottom: 90px;}
    .aboutSec h2{font-size: 14px;}
    .aboutSec p{font-size: 20px;line-height: 30px;}
    .aboutSec .aboutBox{margin-top: 90px;padding: 44px 44px 44px 44px;}
    .testimonialSec{padding-top: 90px;margin-bottom: 106px;}
    .testimonialSec h2{font-size: 20px;line-height: 30px;}
    .testimonialSec h3{font-size: 18px;line-height: 28px;}
    .testimonialSec p{font-size: 16px;line-height: 26px;}
    .testimonialSec .item{padding: 50px 38px;}
    .testimonialSec .slick-prev, .testimonialSec .slick-next{bottom: 44px;}
    
    footer{padding-top: 88px;padding-bottom: 88px;}
    footer p{font-size: 20px;line-height: 28px;padding-left: 24px;padding-right: 24px;}
    footer ul{padding-left: 24px;padding-right: 24px;}
    footer ul li{margin-bottom: 4px;}
}



/*Tablet Landscape*/
@media only screen and (min-width: 992px) and (max-width: 1199px)  {
    .btn-primary, .btn-secondary{font-size: 16px;padding: 12px 26px;}
    h6{font-size: 18px;line-height: 22px;}
    h2{font-size: 30px;line-height: 40px;}

    header .navbar-nav li a{text-align: left;}
    header .navbar-collapse{padding-top: 12px;}
    header .btn-primary{margin-top: 14px;}
    
    .mainBanner{padding-top: 78px;padding-bottom: 78px;}
    .mainBanner h1{font-size: 40px;line-height: 50px;}
    .mainBanner p{font-size: 18px;line-height: 28px;}
    .mainBanner .bannerContent {margin-top: 54px;}
    .mainBanner .banner-chat{height: 385px;margin-left: -41px;}

    .featuresSec{padding-bottom: 100px;}

    .featuresSec .slider .left-col-img, .featuresSec .slider2 .left-col-img{height: auto;width: 100%;}
    .featuresSec .slider-ico{width: 78px;margin-top: 16px;}
    .featuresSec .slider h3, .featuresSec .slider2 h3{font-size: 26px;line-height: 36px;}
    .featuresSec .slider .item, .featuresSec .slider2 .item{margin-bottom: 96px;}
    .featuresSec .slider p, .featuresSec .slider2 p{font-size: 18px;line-height: 26px;margin-top: 10px;}
    .slick-prev, .slick-next{top:150px; width: 36px;}
    .slick-next{top: 192px;}
    
    .servicesSec{padding-left: 24px;padding-right: 24px;padding-top: 92px;padding-bottom: 92px;}
    .servicesSec .txt{font-size: 18px;line-height: 28px;}
    .servicesSec .serviceBox, .servicesSec .serviceBox2{padding: 32px 18px 32px 18px;}
    .servicesSec .serviceBox h5, .servicesSec .serviceBox2 h5{font-size: 18px;line-height: 26px;}
    .servicesSec .serviceBox p, .servicesSec .serviceBox2 p{font-size: 14px;}
    .servicesSec .serviceBox img, .servicesSec .serviceBox2 img{width: 128px;height: 128px;}
    .servicesSec .serviceBox h5, .servicesSec .serviceBox2 h5{margin-bottom: 10px;margin-top: 5px;}
    .servicesSec .col-md-6{margin-bottom: 42px;}
    .mt-80{margin-top: 0px;}
    .servicesSec .serviceBox2{max-width: 398px;}
    .mx-1070{max-width: 849px;}

    .successSec p{font-size: 18px;line-height: 28px;}
    .successSec .waterMark{font-size: 120px;line-height: 120px;}

    .pricingSec .pricingbox{padding: 64px 64px 64px 64px;max-width: 100%;}
    .pricingSec .pricingbox .f-ico{height: 104px;}
    .pricingSec .pricingbox h3 {font-size: 34px;line-height: 44px;}
    .pricingSec .pricingbox h2{margin-bottom: 24px;}
    .pricingSec .pricingbox p{font-size: 18px;line-height: 28px;margin-top: 3px;}
    .pricingSec .pricingbox ul li{font-size: 18px;}

    .innerBanner{padding-top: 144px;padding-bottom: 144px;}
    .innerBanner p{max-width: 650px;}

    .resourcesSec .row{padding: 68px 36px;}
    .resourcesSec .tag{font-size: 14px;line-height: 34px;}
    .resourcesSec h3{font-size: 28px;line-height: 38px;}
    .resourcesSec h4{font-size: 24px;line-height: 32px;}
    .resourcesSec ul li{font-size: 16px;line-height: 22px;}

    .faqSec .accordion-button{font-size: 22px;line-height: 32px;}
    .faqSec .accordion-collapse .accordion-body p{font-size: 18px;}
    .faqSec .accordion-button.collapsed, .faqSec .accordion-button{padding: 24px 48px 24px 48px;}
    .faqSec .accordion-collapse{padding: 0px 48px 24px 48px;}

    .benefitSec h5 {font-size: 20px!important; line-height: 30px;}
    .benefitSec h6{font-size: 18px; line-height: 28px;}

    .aboutSec .container {max-width: calc(100% - 20%);}
    .aboutSec{padding-top: 90px;padding-bottom: 90px;}
    .aboutSec h2{font-size: 16px;}
    .aboutSec p{font-size: 22px;line-height: 32px;}
    .aboutSec .aboutBox{margin-top: 90px;padding: 44px 44px 44px 44px;}
    .testimonialSec{padding-top: 90px;margin-bottom: 106px;}
    .testimonialSec h2{font-size: 22px;line-height: 34px;}
    .testimonialSec h3{font-size: 20px;line-height: 30px;}
    .testimonialSec p{font-size: 18px;line-height: 28px;}
    .testimonialSec .item{padding: 50px 50px;}
    .testimonialSec .slick-prev, .testimonialSec .slick-next{bottom: 38px;}

    
    
    footer{padding-top: 88px;padding-bottom: 88px;}
    footer p{font-size: 20px;line-height: 28px;padding-left: 24px;padding-right: 24px;}
    footer ul{padding-left: 24px;padding-right: 24px;}
    footer ul li{margin-bottom: 4px;}
    
}

/*Laptop*/
@media only screen and (min-width: 1200px) and (max-width: 1400px)  {
    .btn-primary, .btn-secondary{font-size: 16px;padding: 12px 26px;}
    h6{font-size: 20px;line-height: 28px;}
    h2{font-size: 48px;line-height: 48px;}

    header .navbar-nav li a{font-size: 15px;}

    .mainBanner{padding-top: 78px;padding-bottom: 78px;}
    .mainBanner h1{font-size: 46px;line-height: 56px;}
    .mainBanner p{font-size: 20px;line-height: 30px;max-width: 536px;}
    .mainBanner .bannerContent {margin-top: 54px;}
    .mainBanner .banner-chat{height: 466px;margin-left: -74px;}

    .innerBanner{padding-top: 160px;padding-bottom: 160px;}
    .innerBanner p{max-width: 650px;}

    .servicesSec .serviceBox p, .servicesSec .serviceBox2 p{font-size: 16px;}

    .pricingSec .pricingbox p{font-size: 18px;line-height: 46px;}
    .pricingSec .pricingbox h3{font-size: 43px;}
    .pricingSec .pricingbox ul li{font-size: 18px;}

    .resourcesSec .tag {font-size: 16px;line-height: 36px;}
    .resourcesSec h3{font-size: 30px;line-height: 38px;}
    .resourcesSec h4{font-size: 26px;line-height: 36px;}
    .resourcesSec ul li{font-size: 18px;line-height: 23px;}

    .benefitSec h5 {font-size: 24px!important;}
    .benefitSec h6{font-size: 18px;line-height: 27px;}

    .aboutSec{padding-top: 108px;padding-bottom: 128px;}
    .aboutSec h2{font-size: 18px;}
    .aboutSec p{font-size: 26px;line-height: 36px;}
    .testimonialSec{padding-top: 90px;margin-bottom: 106px;}
    .testimonialSec h2{font-size: 24px;line-height: 36px;}
    .testimonialSec h3{font-size: 22px;line-height: 32px;}
    .testimonialSec p{font-size: 18px;line-height: 28px;}

    .faqSec .accordion-button{font-size: 26px;line-height: 36px;}
    .faqSec .accordion-collapse .accordion-body p{font-size: 18px;}

}

@media only screen and (min-width: 1401px) and (max-width: 1600px)  {


    .mainBanner h1{font-size: 58px;line-height: 68px;}
    .mainBanner p{font-size: 22px;line-height: 32px;max-width: 536px;}
    .mainBanner .banner-chat{margin-left: -92px;}

    .innerBanner p{max-width: 834px;}

}