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: 10px 14px;width: 100%;border: none;margin-top: 20px;display: inline-flex;align-items: center;justify-content: center;height: 48px;}.btn-register:hover {background-color: #006666;}
.btn-register:disabled {background-color: #008080 !important;color: #fff !important;opacity: 0.7;border: none !important;}
.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;}
/* -----Fast-track----- */
.fast-track-bg{background-color: #F2F9F8; border-radius: 30px; margin-bottom: 50px; margin-top: 10px;}
.inside-container{padding-top: 60px; padding-bottom: 50px; max-width: 1100px; margin: auto;}
.lighting-icon-bg{margin-top: 20px;}
.lighting-icon-bg i{font-size: 35px; color: #fff; background-color: #008080; border-radius: 100px; padding: 20px; width: 80px; height: 80px;}
.define-fast-track h6{font-size: 24px; font-weight: 600;}
.define-fast-track p{font-size: 18px; color: #3D4946; padding-top: 5px;}
.fast-track-features{padding-top: 30px;}
.fast-track-featur {  background: #fff;  border-radius: 8px;  padding: 13px 25px;  gap: 16px;  box-shadow: 0 2px 10px rgba(0,0,0,.04);}
.icon-box { width: 40px; height: 40px; border-radius: 50%; background: #eef7f7; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.icon-box i { font-size: 24px; color: #008b8b; line-height: 1;}
.feature-card span { font-size: 16px; font-weight: 500; color: #1e293b; line-height: 1;}
.fast-track-bg hr{margin-top: 40px; margin-bottom: 30px; color: #d6d6d6;}
.highlight-fast-track i{color: #008b8b; font-size: 28px}
.highlight-fast-track p{font-size: 14px; color: #3D4946; padding-top: 4px;}

/* Register-as-a-professional */
.register-bg{margin-top: 80px; margin-bottom: 90px;}
.partner-wrapper { background: linear-gradient(     90deg, #edf5f4 0%, #f3f8f8 50%, #edf5f4 100% ); border-radius: 32px; overflow: hidden; padding: 40px;}
.content-card { background: #fff; border-radius: 24px; padding: 60px; box-shadow: 0 10px 40px rgba(0,0,0,.04);}
.partner-badge { display: inline-block; padding: 8px 18px; border-radius: 50px; background: #0c8b87; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1px;}
.hero-title { font-size: 38px; font-weight: 700; line-height:52px; margin: 20px 0;}
.hero-title span { color: #0c8b87;}
.hero-subtitle { font-size: 18px; font-weight: 500; color: #374151; margin-bottom: 12px;}
.hero-description { font-size: 16px; color: #6b7280; margin-bottom: 24px;}
.feature-item { display: flex; align-items: center; gap: 14px; font-size: 16px; font-weight: 500;}
.icon-circle { width: 28px;  height: 28px;  border-radius: 50%;  background: #e6f7f5;  border: 1px solid #b9ebe7;  display: flex;align-items: center;justify-content: center;}
.icon-circle i { color: #0c8b87; font-size: 16px; font-weight: 700;}
.feature-list { margin-bottom: 40px;}
.register-button { background: #0c8b87; color: #fff; border-radius: 50px; padding: 12px 24px; font-size: 16px; font-weight: 500; border: none;}
.btn-primary, .btn-primary:focus{background-color: #008080 !important; border: none !important; box-shadow:none !important; color: #fff !important;}
.register-button:hover { background: transparent !important; color: #008080 !important; border: 1px solid#008080 !important;}
.professional-register-image { text-align: center;}
.professional-register-image img { max-width: 100%; height: auto;  margin-bottom: -40px;}
.professional-register-modal .modal-title{font-size: 22px; font-weight: 600; text-align: left;}
.professional-register-modal #modalSubtitle{text-align: left; color: #404041; font-size: 13px; margin-bottom: 15px;}
.professional-register-image .modal-body{padding-top: 1px !important;}
.professional-register-modal .form-label span {color: red; margin-bottom: 15px;}
.professional-register-modal .form-label{font-size: 13px; font-weight: 400;}
.professional-register-modal .custom-input{ height: 41px; border: 1px solid #d9d9d9;  border-radius: 5px; font-size: 12px;  padding: 0 16px;  box-shadow: none !important;}
.custom-input:focus{ border-color: #0b8d8c;}
.upload-box{ width: 100%; height: 76px; border: 2px dashed #d9d9d9; border-radius: 5px; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .3s;}
.upload-box:hover{ border-color: #0b8d8c;}
.upload-box i{font-size: 30px;color: #2563eb;margin-bottom: 8px;}
.upload-box p{ margin: 0; font-size: 11px; color: #111827;}
.apply-btn{ background: #0b8d8c; border: none; border-radius: 5px; font-size: 16px; font-weight: 600; color: #fff; padding: 12px; margin-top: 20px}
.apply-btn:hover{ background: transparent; color: #008b8b; border: 1px solid#008b8b;}
.security-note{  justify-content: center;}
.security-note span{ text-align: center; color: #9ca3af; font-size: 10px; margin-top: 12px;}
.security-note i{ margin-right: 6px; font-size: 15px; color: #848484; margin-top: 10px;}
.register-as-a-professional-success h2{font-size: 30px;}
.register-as-a-professional-success p{font-size: 14px;}
.success-icon{ width:100px; height:100px; margin:auto;  border-radius:50%;  background:#e9f8f1;
 display:flex; align-items:center; justify-content:center;}
.success-icon i{ font-size:90px;color:#18a36a;}
.review-time-card{  background: #F6F8F7;  border: 1px solid #E6ECEA; border-radius: 10px; padding: 24px; display: flex; align-items: center; gap: 16px; margin: 0 auto; margin-top: 40px;}
.review-icon{ width: 56px; height: 56px; min-width: 56px; border-radius: 50%; background: #E6F4F0; display: flex; align-items: center; justify-content: center;}
.review-icon i{ font-size: 27px; color: #14A47A;}
.review-content h6{ margin: 0 0 6px; font-size: 16px; font-weight: 600; color: #1F2937;}
.review-content p{ text-align: left; margin: 0; font-size: 16px; font-weight: 500; color: #12A37F;}


/* 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;}
}
@media (min-width:0) and (max-width:575.98px){
 .fast-track-bg{ width: calc(100% - 24px);}
  .lighting-icon-bg i{  font-size: 27px;   padding: 13px;}
  .lighting-icon-bg { margin-top: 14px;}
  .define-fast-track p{font-size: 16px; padding-right: 16px;}
  .fast-track-features{gap: 10px; padding-right: 20px;}
   .highlight-fast-track p{padding-top: 0; padding-right: 10px;}
}
@media (min-width:576px) and (max-width:767.98px){
    .fast-track-features{gap: 10px; }
}
@media (min-width:992px) and (max-width:1199.98px){
    .inside-container{  max-width: 828px;}
}

@media (min-width:0) and (max-width:575.98px){
     .register-bg .row{ flex-direction: column-reverse;}
     .content-card{margin-top: 40px;   padding: 32px;}
     .partner-wrapper{  padding: 26px;}
     .register-button{text-wrap: nowrap;   font-size: 16px;}
     #staticBackdrop1 .row { flex-direction: row !important;}
}
@media (min-width:576px) and (max-width:767.98px){
     .register-bg .row{ flex-direction: column-reverse;}
     .content-card{margin-top: 40px;   padding: 32px;}
     #staticBackdrop1 .row { flex-direction: row !important;}
}
@media (min-width:768px) and (max-width:991.98px){
    .register-bg .row{ flex-direction: column-reverse;}
    .content-card{margin-top: 40px}
    .professional-register-image img{  max-width: 77%;}
    #staticBackdrop1 .row { flex-direction: row !important;}
}
@media (min-width:992px) and (max-width:1199.98px){
    .partner-wrapper{padding: 25px}
    .content-card{padding: 24px;}
    .feature-item{font-size: 15px;}
    .professional-register-image img{  margin-bottom: -111px;}
}
@media (min-width:1200px) and (max-width:1399.98px){
    .feature-item{  font-size: 15px;}
    .content-card{padding:51px;}
    .professional-register-image img{  margin-bottom: -87px;}
}