html, body {overflow-x: hidden;}
html {overflow-y: scroll;}
body.modal-open{padding-right: 0 !important;}
body.offcanvas-backdrop {padding-right:0 !important;}
body {
    padding-right: 0 !important;
  }
/* ...........................................HOME........................................................... */
/* Header */
.nav-item a{color: #000 !important;font-size: 15px;font-family: "Inter", sans-serif;}
.navbar{background-color: #E0EFEF;border-radius: 15px;margin-top: 50px;}
.navbar-brand {color: #008080 !important;font-weight: bold;font-size: 30px;font-family: "Inter", sans-serif;padding-left: 10px;}
.navbar-nav li{padding:5px 15px 5px 15px;}
.login i{padding-right: 10px;font-size: 20px;color: #000;}
.login{color: #000 !important;font-size: 15px;font-family: "Inter", sans-serif;}
.login:focus{outline: none !important;box-shadow: none;}
.offcanvas-body{font-family: "Inter", sans-serif;}
.offcanvas-body h6{font-size: 18px;font-weight: 700;}
.offcanvas-body p{font-size: 14px;padding-top: 10px;padding-bottom: 15px;}
.input-group-text{background:none;}
.input-group-text img{padding: 5px;}
.form-control:focus{outline: none !important;box-shadow: none;}
.form-check{padding-top: 30px;}
.form-check-input:focus{outline: none !important;box-shadow: none;}
.form-check-label a{color: #737070;}
.continue-btn{background-color: #008080;border-radius: 5px;padding: 10px 20px;margin-top: 30px;text-align: center;}
.form-control{margin-bottom: 0 !important;}
.continue-btn a{text-decoration: none;color: #fff;font-family: "Inter", sans-serif;}
/* Banner */
.banner{background-color: #8FC7C7;border-radius: 30px;margin-top: 30px;position: relative;}
.banner h1{font-size: 200px;font-weight: bolder;font-family: "Inter", sans-serif;text-align: center;color: #DFFFFF;}
.banner span{color: #008080;font-size: 16px;font-family: "Inter", sans-serif;}
.banner .col-lg-3 img{color: #008080;background-color: #DFFFFF;border-radius: 50px;padding: 5px;width: 40px;margin-right: 15px;}
.banner .col-lg-2 img {margin-top: -121px;}
.banner p{font-size: 15px;color: #008080;font-family: "Inter", sans-serif;padding-right: 900px;padding-left: 90px;margin-top: -100px;}
.banner-last{display: flex}
.btn-book-now{text-wrap: nowrap;color: #fff;background-color: #008080;border-radius: 30px;font-family: "Inter", sans-serif;font-weight: 400;position: absolute;bottom: 55px;left:1100px;padding: 10px 20px 10px 20px;}
.btn-book-now:focus{outline: none !important;box-shadow: none;}
.btn-book-now:hover{background-color: transparent;border: #008080 1px solid; color: #008080;}
.modal-header{padding-bottom: 10px;}
.modal-body{padding-top: 10px;font-family: "Inter", sans-serif;}
.modal-header{border-bottom: 0;}
.modal-body span{color: #282828;font-size: 16px;display: block;text-align: center;margin-bottom: 40px;}
.modal-content {border-radius: 12px; border: none;padding: 15px;}
.modal-title {font-size: 20px;font-weight: 600;text-align: center;width: 100%;}
.modal-body span.subtitle { display: block;text-align: center; margin-bottom: 20px;color: #555;}
.form-label {font-weight: 600;font-size: 14px;margin-bottom: 15px;padding-top: 18px;}
.ph-map-pin, .ph-clock, .ph-calendar-blank{font-size: 20px;}
.form-control, .form-select {padding: 12px;border-radius: 8px;font-size: 14px;}
textarea {resize: none;}
.upload-area { border: 2px dashed #ddd; border-radius: 8px; padding: 20px; text-align: center; background-color: #f8f9fa; cursor: pointer;transition: all 0.3s;}
.upload-area:hover { border-color: #008080; background-color: #eef9f9;}
.upload-area i {font-size: 36px;color: #008080;margin-bottom: 10px; display: block;}
.upload-area span {display: block;font-size: 14px;color: #666;margin-bottom: 0;}
.next-steps {background: #e8f4fc;border-radius: 8px;padding: 20px;margin-top: 25px;}
.next-steps h5 {font-size: 14px;font-weight: 600;margin-bottom: 12px;}
.next-steps ul {margin: 0;padding-left: 13px;}
.next-steps li {font-size: 13px;margin-bottom: 6px;color: #555;}
.btn-register {background-color: #008080;color: #fff;font-weight: 500;font-size: 16px;border-radius: 8px;padding: 14px;width: 100%;border: none;margin-top: 20px;}
.btn-register:hover {background-color: #006666;}
.modal-body form .form-select:focus{outline: none !important;box-shadow: none;}
.otp span{color: #404041;font-size: 14px;background-color: #BDFCE1;padding-top: 10px;border-radius: 5px;padding-bottom: 10px;margin-top: 20px;}
.successful {font-size: 20px;font-weight: 600;padding-top: 20px;padding-bottom:0;}
.map{padding-top: 0 !important;font-weight: normal !important;margin-bottom: 0 !important;}
.map a{font-size: 11px;}
#staticBackdrop .map a{font-size: 11px;text-decoration: underline;color: #007bff;}
#staticBackdrop .map{padding-top: 0 !important;font-weight: normal !important;margin-bottom: 0 !important;}
/* Services */
.services-container{padding-top: 50px;padding-bottom: 70px;}
.ac{background-color: #EFD969;border-radius: 30px;padding: 20px 10px 0 30px;font-family: "Inter", sans-serif;}
.ac h3, .electric h3, .plumbing h3, .washing-machine h3{font-size: 22px;font-weight: 600;color: #282828;padding-top: 20px;}
.ac p, .electric p, .plumbing p, .washing-machine p{font-size: 16px;color: #282828;padding-top: 10px;margin-bottom: 10px;}
.ac span, .electric span, .plumbing span, .washing-machine span{background-color: #fff;font-size: 13px;border-radius: 20px;padding: 5px 10px;}
.service-icon{padding-top: 10px;display: flex;}
.service-icon i{background-color: #000;border-radius: 100px;color: #fff;padding: 9px 10px;font-size: 20px;text-align: center;}
.ac .service-icon img{padding-top:5px;padding-left: 70px;}
.service-icon img{padding-left: 80px;transition: transform .2s;padding-top: 20px;padding-bottom: 10px;}
.service-icon img:hover{transform: scale(1.1);}
.service-icon button{border: none;box-shadow: none;background: none;margin-top: 90px;}
.electric{background-color: #A3DBC1;border-radius: 30px;padding: 20px 10px 0 30px;font-family: "Inter", sans-serif;}
.plumbing{background-color: #E7C2D5;border-radius: 30px;padding: 20px 10px 0 30px;font-family: "Inter", sans-serif;}
.washing-machine{background-color: #93BDF7;border-radius: 30px;padding: 20px 10px 0 30px;font-family: "Inter", sans-serif;}
/* AC-service */
.services{padding-top: 25px;}
.services h2, .booked-services h2, .articles h2{font-size: 38px;font-weight: 600;color: #282828;font-family: "Inter", sans-serif;}
.services p, .booked-services p{font-size: 20px;color: #282828;font-family: "Inter", sans-serif;padding-top: 8px;}
.services h6{font-size: 22px;color: #000;font-weight: 600;font-family: "Inter", sans-serif;padding-top: 22px;}
.services .row{padding-top: 15px;}
.services .col-lg-3 img{width: 350px;}
.services hr{margin-top: 70px;margin-bottom: 50px;}
/* Ad */
.ad-container{padding-top: 90px;padding-bottom: 120px;}
.ad-img{position: absolute;}
.ad-content{font-family: "Inter", sans-serif;padding-left: 80px;padding-top: 90px;position: relative;}
.ad-content h5{color: #095b7c;font-size: 35px;font-weight: 600;line-height: 45px;}
.ad-content h6{color: #095b7c;font-size: 25px;font-weight: 500;padding-top: 25px;line-height: 35px;}
.buy-now{margin-top: 70px;}
.btn-buy-now{color: #fff;background-color: #095b7c;border-radius: 30px;font-family: "Inter", sans-serif;font-weight: 400;padding: 10px 20px 10px 20px;margin-top:70px;text-decoration: none;}
.btn-buy-now:hover{background-color: transparent;border: #095b7c 1px solid; color: #095b7c;}
/* Most-booked-services */
.booked-services{padding-top: 80px;}
.services-slider { --gap: 28px;padding-top: 30px;}
.services-slider .viewport {overflow: hidden;position: relative;}
.services-slider .track {display: flex;gap: var(--gap);will-change: transform;transition: transform .45s ease;}
.services-slider .card-svc {flex: 0 0 auto;list-style: none;}
.services-slider .img-wrap {aspect-ratio: 16/18;  /* similar shape to your mock */border-radius:30px;overflow: hidden;}
.services-slider img {width: 100%;height: 100%;object-fit: cover;display: block;}
.services-slider .svc-title{font-size: 22px;color: #000;font-weight: 600;font-family: "Inter", sans-serif;padding-top: 22px;}
.services-slider .nav{position: absolute;top: 50%;transform: translateY(-50%); z-index: 2;width: 42px; height: 42px;border-radius: 50%;border: 0;background: #fff;box-shadow: 0 10px 24px rgba(0,0,0,.15);display: grid;cursor: pointer;line-height: 1;font-size: 25px;  align-items: center;justify-content: center;}
.track{padding-left: 0;}
.services-slider .prev{ left: -19px; }
.services-slider .next{ right: -14px; }
.services-slider .nav:disabled{opacity:.35; pointer-events:none;}
  /* responsive: 2 items on tablet, 1 on mobile (arrows move inside) */
  @media (max-width: 991.98px){
    .services-slider .prev{ left: 6px; }
    .services-slider .next{ right: 6px; }
  }
/* Latest-articles */
.articles{padding-top: 80px;}
.card{margin-top: 40px;border: none;}
.card-body{padding: 40px 0 0 0;font-family: "Inter", sans-serif;}
.card-body span{font-size: 16px;color: #282828;}
.card-body h5{font-size: 25px;color: #282828;font-weight: 600;padding-top: 15px;}
.card-body p{font-size: 16px;color: #282828;padding-top: 12px;padding-right: 30px;}
.article-btn{padding-top: 60px; display: flex; justify-content: center;align-items: center;}
.article-btn a{text-decoration: none;color: #fff;background-color: #008080;border-radius: 30px;font-family: "Inter", sans-serif;font-weight: 400;padding: 10px 25px 10px 25px;}
.article-btn a:hover{background-color: transparent;border: #008080 1px solid; color: #008080;}
/* Footer */
.footer-fluid{background-color: #FBFBFB;margin-top: 60px;}
.footer{padding-top: 80px;font-family: "Inter", sans-serif;}
.footer h1{font-size: 40px;font-weight: bold;padding-bottom: 40px;}
.footer .row .col-lg-3 h6{font-size:20px;font-weight: 500;padding-bottom: 30px;}
.footer .row .col-lg-3 a{text-decoration: none;color: #282828;font-size: 15px;}
.social-icons i{font-size: 25px;color: #282828;}
.app-store{padding-top: 20px;padding-bottom: 15px;}
.footer hr{margin-top: 50px;margin-bottom: 40px;}
.copyright {display: flex; justify-content: center;align-items: center;}
.copyright p{color: #282828;font-size: 15px;padding-bottom: 30px;}
/* .................................................ABOUT-US................................................. */
/* About-us */
.about-container h2, .contact-container h2, .terms-conditions h2, .privacy-policy h2{font-size: 48px;font-weight: bold;font-family: "Inter", sans-serif;text-align: center;padding-top: 60px;}
.about-content{padding-top: 50px;}
.about-content h4, .how-it-works h4, .why-choose-us h4{font-size: 38px;font-family: "Inter", sans-serif;font-weight: 600;padding-top: 10px;}
.about-content p{font-size: 16px;font-family: "Inter", sans-serif;padding-top: 30px;color: #282828 !important;margin-bottom: 0;padding-right: 40px;line-height: 25px;}
.points span i{font-size: 25px;}
.points span{font-size: 16px;font-family: "Inter", sans-serif;padding-top: 20px;color: #282828 !important;}
.points{  display: flex}
/* Vision & mission */
.mission-vision{padding-top: 70px;}
.mission-vision .col-lg-6{padding: 40px 0 20px 40px;border-radius: 30px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); width: 640px;}
.mission-vision h5{font-size: 22px;font-family: "Inter", sans-serif;color: #282828;font-weight: 600;}
.mission-vision p{font-size:16px;font-family: "Inter", sans-serif;color: #282828;padding-top: 10px;padding-right: 40px;line-height: 25px;}
/* How-it-works */
.how-it-works{padding-top: 60px;}
.how-it-works .row, .why-choose-us .row{padding-top: 30px;}
.how-it-works .row .col-lg-4{display: flex; border-radius: 20px;border: 1px #D9D9D9 solid;padding: 20px;padding-bottom: 5px;width: 420px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);}
.how-it-works .row .col-lg-4 img{background-color: #008080;border-radius: 20px;padding: 10px;}
.how-it-works h6{font-size: 20px;font-weight: 600;font-family: "Inter", sans-serif;padding-top: 5px;}
.how-it-works p{font-size: 16px;font-family: "Inter", sans-serif;line-height: 25px;padding-top: 5px;color: #282828;}
.verify-text{padding-right: 20px;}
.pay-text{padding-right: 40px;}
/* Why-choose-us */
.why-choose-us{padding-top: 60px;font-family: "Inter", sans-serif;padding-bottom: 30px;}
.why-choose-us p{color: #282828;font-size: 18px;}
.why-choose-us .row .col-lg {background-color: #E0EFEF;border-radius: 30px;padding: 30px 20px 20px 30px;width: 286px;}
.why-choose-us .row .col-lg img{background-color: #008080;border-radius: 10px;padding: 10px}
.why-choose-us .row .col-lg h6{font-size: 20px;font-weight: 600;color: #008080;padding-top: 25px;}
.why-choose-us .row .col-lg p{font-size: 18px;color: #008080;padding-top: 5px;}
/* .................................................CONTACT.................................................. */
/* Contact-us */
.contact-container .row{padding-top: 80px;padding-bottom: 40px;}
.contact-container form{padding-top: 30px;}
.contact-container .row{display: flex; justify-content: center;}
.contact-container .col-lg-5 h3{font-size: 25px;font-weight: 600;font-family: "Inter", sans-serif;}
.contact-form {padding-right: 60px;border-right: 1px solid #d8d7d7; /* vertical line */}
.form-group {margin-bottom: 16px;}
.form-group label {font-family: "Inter", sans-serif;display: block;font-size: 14px;margin-bottom: 10px;}
.form-group input,.form-group textarea {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;color: #666565;font-family: "Inter", sans-serif;}
.form-group textarea {min-height: 100px;resize: none;}
.contact-btn {color: #fff;background-color: #008080;border-radius: 30px;font-family: "Inter", sans-serif;font-weight: 400;padding: 10px 25px 10px 25px;border: none;margin-top: 10px;}
.contact-btn:hover{background-color: transparent;border: #008080 1px solid; color: #008080;}
.accordion-header{padding-top: 0 !important;}
.faq{padding-left: 60px;}
.accordion{padding-top:40px ;}
.accordion-button:not(.collapsed){color: #000;background:none;}
.accordion-button:not(.collapsed)::after{color: #000 !important;}
.accordion-button:focus{outline: none !important;box-shadow: none;}
.accordion-button{font-size: 16px;color: #000;font-weight: 500;font-family: "Inter", sans-serif;}
.accordion-body{font-size: 16px;line-height: 25px;color: #282828;font-family: "Inter", sans-serif;}
/* ...........................................TERMS & CONDITIONS............................................. */
/* Terms & conditions */
.terms-conditions, .privacy-policy{font-family: "Inter", sans-serif;padding-bottom: 20px;}
.terms-conditions-content, .privacy-policy-content{font-size: 16px;padding-top: 40px;color: #000;}
.terms, .policy{padding-top: 30px;}
.terms h5, .policy h5{font-size: 20px;font-weight: 600;text-transform: uppercase;}
.terms p, .policy p{font-size: 16px;color: #282828;padding-top:6px;}
.service-offered{margin-bottom:10px;}
.booking-list, .choices-list{padding-top: 10px;}
/* RESPONSIVE */
/* Home */
@media (min-width:1200px) and (max-width:1399.98px){
    .banner{width: 1116px;}
    .banner span{text-wrap: nowrap;}
    .skill{display: flex;height: 40px !important;align-items: center;}
    .banner p{padding-right: 700px;padding-left: 90px;padding-top: 10px;}
    .banner .col-lg-3 img{color: #008080;background-color: #DFFFFF;border-radius: 50px;padding: 5px;width: 40px;margin-right: 15px;}
    .banner .col-lg-2 img {margin-top: -111px;display: flex; justify-content: center;align-items: center;}
    .btn-book-now{margin-left: -200px;}
    .ad-container img{width: 1120px;}
    .ad-container{padding-bottom: 70px;}
    .services-container .row .col-lg{height: 370px;}
    .ac .service-icon img{padding-top:5px;padding-left: 20px;}
    .ac .service-icon, .electric .service-icon, .plumbing .service-icon {padding-top: 50px;}
    .service-icon img{padding-left: 30px;padding-top: 20px;padding-bottom:0;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .banner h1{font-size: 150px;}
    .banner p{padding-right: 550px;padding-top: 10px;}
    .banner span{text-wrap: nowrap;}
    .banner .col-lg-3 img{width: 30px;}
    .services-container .row .col-lg{height: 320px;}
    .ac button{margin-top:80px ;}
    .ac .service-icon img{padding-top:5px;padding-left: 20px;width: 140px;padding-top: 25px;}
    .electric .service-icon img, .plumbing .service-icon img, .washing-machine .service-icon img{width: 120px;}
    .plumbing .service-icon img, .washing-machine .service-icon img{padding-top: 45px;}
    .ac .service-icon, .electric .service-icon, .plumbing .service-icon, .washing-machine .service-icon  {padding-top:0;}
    .service-icon img{padding-left: 30px;padding-top: 30px;padding-bottom:0;width: 150px;}
    .skill{display: flex;height: 28px;}
    .btn-book-now{margin-left: -300px;}
    .banner .col-lg-2 img {margin-top: -60px;max-width: 150px;}
    .ad-container img{width: 940px;}
    .ad-container{padding-bottom: 70px;}
    .ad-content{padding-top: 50px;}
    .ad-content h5{font-size: 30px;line-height: 40px;}
    .ad-content h6{padding-top: 10px;font-size: 20px;}
}
@media (min-width:768px) and (max-width:991.98px){
    .banner h1{font-size: 150px;padding-bottom: 20px;}
    .banner .col-lg-2 img{padding-left: 340px;margin-top: -80px;}
    .banner p{padding-right: 400px;padding-left: 40px;margin-top: -320px;}
    .skill{margin-top: -380px;}
    .banner .col-lg-3{padding-left: 50px;}
    .btn-book-now{margin-left: -1050px;}
    .ac, .plumbing, .electric, .washing-machine{width: 350px;}
    .row-2{padding-top: 50px;}
    .ad-container img{width: 700px;height: 300px;}
    .ad-container{padding-bottom: 30px;padding-top: 50px;}
    .ad-content{padding-top: 50px;padding-left: 50px;}
    .ad-content h5{font-size: 25px;line-height: 35px;}
    .ad-content h6{padding-top: 10px;font-size: 15px;line-height: 20px;font-weight: 600;}
    .buy-now{margin-top: 55px;}
    .footer .row .col-lg-3 h6{padding-bottom: 15px;}
    .footer-last{padding-top: 20px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .banner h1{font-size: 120px;padding-bottom: 20px;}
    .banner .col-lg-2 img{padding-left: 340px;margin-top: -80px;}
    .banner p{padding-right: 200px;padding-left: 40px;margin-top: -200px;}
    .skill{margin-top: -380px;}
    .banner .col-lg-3{padding-left: 50px;padding-top: 50px;}
    .btn-book-now{margin-left: -1050px;}
    .ac, .plumbing, .electric, .washing-machine{width: 260px;}
    .ac button{margin-top:95px ;}
    .plumbing .service-icon{margin-top: 30px;}
    .ac .service-icon img{padding-top:5px;padding-left: 20px;width: 140px;padding-top: 50px;}
    .electric .service-icon img, .plumbing .service-icon img, .washing-machine .service-icon img{width: 125px;}
    .plumbing .service-icon img, .washing-machine .service-icon img{padding-top: 45px;}
    .ac .service-icon, .electric .service-icon, .plumbing .service-icon, .washing-machine .service-icon  {padding-top:0;}
    .service-icon img{padding-left: 30px;padding-top: 30px;padding-bottom:0;}
    .row-2{padding-top: 40px;}
    .ad-container img{width: 520px;height: 240px;}
    .ad-container{padding-bottom: 30px;padding-top: 50px;}
    .ad-content{padding-top: 30px;padding-left: 30px;}
    .ad-content h5{font-size: 20px;line-height: 25px;font-weight: 700;}
    .ad-content h6{padding-top: 10px;font-size: 15px;line-height: 20px;font-weight: 600;padding-right: 260px;}
    .buy-now{margin-top: 30px;}
    .footer-last{padding-top: 20px;}
}
@media (min-width:0) and (max-width:575.98px){
    .navbar{margin-top: 20px;}
    .navbar-nav button{margin-left: -250px;}
    .banner h1{font-size: 60px;padding-bottom: 20px;padding-top: 20px;text-align: left;padding-left: 20px;}
    .banner span{font-size: 15px;}
    .banner .col-lg-3 img{width: 30px;height: 30px;}
    .banner p{padding-right:10px;padding-left:17px;font-size: 14px;margin-top: -280px;}
    .banner-img-mobile{padding-top: 90px;margin-left: 60px;}
    .skill{padding-top: 14px;padding-left: 25px;}
    .instant-booking{padding-left: 25px;}
    .btn-book-now{margin-left: -1085px;font-size: 15px;}
    .service-row{padding-left: 10px;padding-right: 10px;}
    .ac .service-icon img, .electric .service-icon img, .plumbing .service-icon img, .washing-machine .service-icon img{padding-left: 60px !important;}
    .ad-mobile{background-color: #a8cfee;border-radius: 20px;margin-top: 50px;}
    .ad-container img{width: 200px;border-radius: 20px;display: block;margin: auto;}
    .ad-container{padding-bottom: 10px;padding-top: 10px;}
    .ad-content{padding-top:35px;padding-left:0;text-align: center;}
    .ad-content h5{font-size: 18px;line-height: 28px;font-weight: 700;}
    .ad-content h6{padding-top: 10px;font-size: 13px;line-height: 20px;font-weight: 600;margin-bottom: 0;}
    .buy-now{margin-top: 30px;font-size: 12px;}
    .services h2, .booked-services h2, .articles h2{font-size: 30px;}
    .services{padding-top: 0;}
    .services .row .col-lg-3 img{width: 100%; height: auto;display: block;overflow: hidden;}
    .booked-services{padding-top: 60px;}
    .articles{padding-top: 40px;}
    .services p, .booked-services p{font-size: 15px;margin-bottom: 0;}
    .services .col-lg-3{padding-top: 30px;}
    .services h6, .booked-services h6{font-size: 18px;}
    .services hr{margin-top: 40px;margin-bottom: 40px;}
    .footer .row .col-lg-3 h6{padding-bottom: 20px;margin-bottom: 0;padding-top: 20px}
    .footer h1{margin-bottom: 0;}
    .footer .row{padding-top: 20px;}
    .footer{padding-top: 60px;}
    .modal-body {overflow-x: hidden;}
}
/* About-us */
@media (min-width:1200px) and (max-width:1399.98px){
    .mission-vision .col-lg-6{width: 550px;}
    .how-it-works .row .col-lg-4{width: 364px;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .about-content h4{padding-top:0;}
    .mission-vision .col-lg-6{width: 465px;}
    .how-it-works .row .col-lg-4{width: 303px;}
    .verify-text{padding-right:0;}
    .pay-text{padding-right: 0;}
}
@media (min-width:768px) and (max-width:991.98px){
    .about-content h4{padding-top:50px;padding-right: 40px;}
    .about-content p{padding-right: 100px;}
    .how-it-works .row .col-lg-4{width: 340px;}
    .why-choose-us .row .col-lg{width: 345px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .about-content h4{padding-top:50px;padding-right: 40px;}
    .about-content p{padding-right:0;}
    .how-it-works .row .col-lg-4{width: 540px;}
    .verify-text{padding-bottom:18px;}
    .pay-text{padding-bottom:18px;}
    .why-choose-us .row .col-lg{width: 258px;}
}
@media (min-width:0) and (max-width:575.98px){
    .about-container h2{font-size: 40px;padding-top: 30px;}
    .about-content{padding-top: 30px;}
    .about-content h4{padding-top:40px;font-size: 30px;}
    .about-content p{padding-right: 0;}
    .mission-vision{padding-right: 25px;}
    .mission-vision .col-lg-6{margin-left: 13px;padding-left: 25px;}
    .mission-vision p{padding-right: 10px;}
    .how-it-works .row{padding-right:25px;}
    .how-it-works .row .col-lg-4{margin-left: 13px;}
    .verify-text{padding-right:0;}
    .pay-text{padding-right: 0;}
    .why-choose-us .row .col-lg{width: 370px;margin-left: 13px;}
}
/* Contact-us */
@media (min-width:1200px) and (max-width:1399.98px){
    .contact-container .col-lg-5 h3{text-wrap: nowrap;}
}
@media (min-width:768px) and (max-width:991.98px){
    .contact-form {padding-right:0;border-right:0; /* vertical line */}
    .faq{padding-left:0;padding-top: 40px;}
    .contact-container .row{padding-top: 30px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .contact-form {padding-right:0;border-right:0; /* vertical line */}
    .faq{padding-left:10px;padding-top: 60px;}
    .contact-container .row{padding-top: 30px;}
}
@media (min-width:0) and (max-width:575.98px){
    .contact-container h2{font-size: 40px;padding-top: 30px;}
    .contact-form {padding-right:10px;border-right:0; /* vertical line */}
    .faq{padding-left:10px;padding-top: 60px;}
    .contact-container .row{padding-top: 30px;}
    .contact-container .row{padding-bottom: 0;}
}
/* Terms & conditions */
@media (min-width:0) and (max-width:575.98px){
    .terms-conditions h2{font-size: 40px;padding-top: 30px;}
}
/* Privacy-policy */
@media (min-width:0) and (max-width:575.98px){
    .privacy-policy h2{font-size: 40px;padding-top: 30px;}
}