.d-lg-block {
    display: none !important;
}
.header .navbar-brand.logo img{
    height: 60px;
    max-height: 60px;
    width: 100%;
}
.bg-primary {
    border: 1px solid #87ceeb !important;
    color: #FFF;
}
.main-nav>li.active>a {
    color:#81C7E5 !important;
}
.main-nav li a:hover {
    color: #81C7E5 !important;
}
.btn.btn-light {
    background-color: #87ceeb;
    border: 1px solid #87ceeb;
}
.btn.btn-light:hover {
    background-color: #87ceeb;
    border: 1px solid #87ceeb;
}

.btn.btn-linear-primary {
    background: linear-gradient(90deg, #0b0948 0%, #87ceeb 100%);
}
.nav-link:hover {
    color: #0b0948;
}
.btn.btn-linear-primary::before {
    background: linear-gradient(90deg, #0b0948 0%, #87ceeb 100%);
}
.hero-section .hero-content h1 span::before {
    background-color: #87ceeb;
}
.text-linear-primary {
    background: linear-gradient(90deg, #0b0948 0%, #87ceeb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nav-tabs.nav-tabs-solid li a.active, .nav-tabs.nav-tabs-solid li a:hover {
    background: linear-gradient(90deg, #0b0948 0%, #87ceeb 100%);
}
a:hover {
    color: #81C7E5;
}
.owl-nav button.owl-next:hover, .owl-nav button.owl-prev:hover {
    background: #87ceeb !important;
}
.bg-black {
    background-color: #87ceeb !important;
    border: 1px solid #87ceeb !important;
}
.category-item:hover {
    border-color: #87ceeb;
}
.link-primary.text-decoration-underline:hover {
    text-decoration-color: #81C7E5 !important;
}
.link-primary:hover, .link-primary:focus, .link-primary:active {
    color: #81C7E5 !important;
}
.link-primary {
    color: #81C7E5 !important;
}
.hero-section .badge:hover {
    background: #87ceeb;
}
.fav-item .fav-icon:hover {
    background-color: #87ceeb;
}
.service-item .service-content h6 a {
    background-image: linear-gradient(#87ceeb, #87ceeb), linear-gradient(#87ceeb, #87ceeb);
}
.work-section .text-linear-primary {
    background: linear-gradient(90deg, #ffffff 0%, #0b0948 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-primary {
    color: #81C7E5 !important;
}
.bg-primary-transparent {
    background-color: #FFECF5 !important;
    color: #81C7E5 !important;
}
.btn.bg-primary-transparent:hover {
    background-color: #87ceeb !important;
    color: #FFF !important;
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    background-color: #87ceeb;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    border-top-color: #87ceeb;
}
.irs--flat .irs-handle>i:first-child {
    background-color: #87ceeb;
}
.irs--flat .irs-bar {
    background-color: #87ceeb;
}
.irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child {
    background-color: #87ceeb;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #87ceeb;
}
.form-check-input:checked {
    background-color: #87ceeb;
    border-color: #87ceeb;
}
.paginations .page-link-1.active,
.paginations .page-link-1:hover {
    background: #87ceeb;
}
.border-primary {
    border-color: #87ceeb !important;
}
.bar-icon span {
    background-color: #87ceeb;
}
.menu-close {
    color: #81C7E5;
}
.copyright .content {
    padding: 0 !important;
}
.card-body .d-flex.justify-content-between.mb-2 a{
        width: auto!important;
    }
@media only screen and (max-width: 575.98px){
    .header .navbar-brand.logo {
        margin-left: 30px;
    }
    .swiper-button-custom {
        width: 40px !important;
        height: 40px !important;
        padding: 12px !important;
    }
    .d-flex.justify-content-between.mb-2 a {
        width: 54px;
        display: block;
    }
    
    .swiper-nav-wrapper {
        margin-block: 42px !important;
    }
    .why-choose {
        padding-bottom: 30px !important;
    }
    .profile-info-section {
        padding-block: 30px !important;
    }
    .most-popular {
        padding-block: 30px !important;
    }
}

.provider-item > div:first-child {
    flex-direction: column !important;
    justify-content: center;
    display: flex;
}
.provider-item > div:first-child > div {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    margin-top: 10px;
}
.profile-wrapper #chat {
    background-color: transparent !important;
    padding: 5px 12px;
    box-shadow: unset !important;
}
.profile-chat::before {
    height: 30px !important;
}
.provider-head-links .notify-link i{
    position: relative;
}
.provider-head-links .notify-link i span{
    top: 0;
    left: 14px;
}
.user-sidebar .user-sidebar-body a:hover{
    color: #81C7E5;
}
.user-sidebar .user-sidebar-body ul li a.active {
    color: #81C7E5;
}
.page-wrapper .d-flex.justify-content-between.align-items-center.flex-wrap.mb-4{
        margin-right: 50px;
        gap: 10px;
    }

   .blog-section .e-con-inner{
        width: 100% !important;
    }
@media (max-width:991px){
    .blog-section .e-parent{
        padding-block: 20px !important;
    }
    .blog-section .e-con-inner{
        flex-direction: column !important;
        height: auto !important;
    }
    .blog-section .e-con-inner img{
        height: auto !important;
        margin-bottom: 20px;
    }
    .blog-section h2.elementor-heading-title{
        font-size: 32px !important;
        line-height: 32px !important;
    }
    .blog-section .e-con-inner div{
        width: 100% !important;
        text-align: center;
    }
   .blog-section .elementor-element-284983b{
    order: 2 !important;
   }
   .blog-section .elementor-element-618c82f{
    order: 1 !important;
   }
}
.pagination .active>.page-link,
.pagination .page-link.active {
    background-color: #87ceeb;
    border-color: #87ceeb;
}
.pagination .page-link:hover {
    color: #fff;
}
.book-crd {
    border-left: 7px solid #87ceeb !important;
}
.page-wrapper .content .btn.btn-primary:focus,
.page-wrapper .content .btn.btn-primary.active,
.page-wrapper .content .btn.btn-primary{
    background-color: #87ceeb !important;
    border: 1px solid #87ceeb !important;
}

.card-body .btn.btn-primary {
    background-color: #87ceeb;
    border: 1px solid #87ceeb;
    color: #FFF;
}
/* .jobber-content span.input-group-text{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9999;
    transform: translateY(-50%);
} */

@media (min-width: 768px) {
    .card-section .col-md-2 {
    width: 35% !important;
    }
    .card-section .col-md-10 {
        width: 65% !important;
    }  
}
@media (min-width: 992px){
    .header-new .header-navbar-rht {
        display: block !important; 
    }
}

@media (max-width:768px){
    .section{
        padding: 30px 0 !important;
    }
    .section .view-all {
        margin-top: 24px;
    }
    .posted-chores {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    .posted-chores .pt-5 {
        padding-top: 1rem !important;
    }
    .why-choose h2 {
        margin-bottom: 1rem !important;
    }
    .card .icon {
        margin-bottom: 40px;
    }
    .jobber-section .sub-title {
        font-size: 16px !important;
    }
    .breadcrumb-bar {
        padding: 24px 0;
    }
    .electrical-repairs-section {
        padding-block: 30px !important;
    }
    .aside-profile-wrap .aside-profile {
        padding: 1rem 2rem;
    }
}
@media (min-width: 992px) and (max-width: 1136px){
   .header-new .main-nav>li a {
        font-size: 12px !important;
    } 
    .header .navbar-brand.logo img {
        height: 52px !important;
    }
    .nav-item .btn {
        padding: 7px 10px !important;
        font-size: 12px !important;
    }
    .nav-item {
        margin-inline-end: 0 !important;
    }
}




/* <!--=========== MOST POPULAR EVERYDAY SERVICE SECTION START ============ --> */

.most-popular-service{
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .most-popular-service:first-of-type{
    padding-top: 50px;
  }
  .most-popular-header h2{
    color: #81C7E5;
  }
  .container{
    max-width: 1322px;
    padding-inline: 16px;
    margin: 0 auto;
  }

  .most-popular-service h4{
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
  }
  .most-popular-service button{
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-decoration: underline;
    border: none;
    background-color: transparent;
    white-space: nowrap;
  }

  .most-popular-service-item img{
   width: 100%;
   height: 197px;
  }

  .most-popular-service-item{
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    display: block;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }

  .most-popular-service-item:hover{
   box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
   border-radius: 10px;
  }
  .most-popular-service-item .title h5{
   padding: 20px 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   font-weight: 300;
   line-height: 16px;
   color: #222222;
  }
  
  .swiper-button-custom {

   --color-forground: #1c174e;

    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-forground);
    cursor: pointer;
    padding: 18px;
    transition: all 0.3s ease-in-out;
  }

  .swiper-button-custom:hover {
    background: #87ceeb;
    color: #fff;
  }

  .swiper-nav-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-block: 60px;
    position: relative;

  }

  .swiper-button-next, .swiper-button-prev {
      bottom: 0;
      appearance: none;
   }
  .swiper-button-prev {
      left: 45% !important;
   }
   .swiper-button-next {
      right: 45% !important;
   }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none !important;
  }

  @media (max-width:1280px){
    .swiper-button-prev {
      left: 40% !important;
   }
   .swiper-button-next {
      right: 40% !important;
   }
  }
  @media (max-width:640px){
    .swiper-button-prev {
      left: 25% !important;
   }
   .swiper-button-next {
      right: 25% !important;
   }
  }

  /*================== RECENTLY POSTED CHORES SECTION START =======================*/

  .posted-chores {
      padding-top: 3rem;   /* pt-5 */
      padding-bottom: 3rem; /* pb-4 */
    }

    /* Custom chore badge box */
    .chore-badge {
      border: 1px solid #87CEEB;
      border-radius: 50px;
      padding: 5px 15px 5px 5px;
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
    }

    .chore-badge i {
      background-color: #87CEEB;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-right: 8px;
    }

    .chore-badge img {
      width: 14px;
      height: 14px;
    }

    /* Card box */
    .chore-item{
        padding: 15px;
    }
    .chore-card {
      border: 1px solid #ddd;
      border-radius: 10px;
      padding: 25px;
      transition: box-shadow 0.3s ease;
      height: 100%;
    }

    .chore-desc{
        padding-top: 20px;
    }

    .chore-card h4{
        font-size: 18px;
        line-height: 28px;
        color: #222222;
    }


    .chore-card:hover {
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    }

    /* Proposal button */
    .proposal-wrap{
        display: inline-block;
    }
    .btn-proposal {
      font-size: 14px;
      background-color: #87CEEB;
      color: #222;
      text-transform: uppercase;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
    }

    .btn-proposal:hover {
      background-color: #6ec3e4;
      color: #000;
    }

    /* Rotate arrow icon */
    .rotate-45 {
      transform: rotate(-45deg);
    }

    /* Title link */
    .chore-title a {
      text-decoration: none;
      color: #222;
      transition: all 0.3s ease-in-out;
      align-items: start !important;
    }

    .chore-title a:hover {
      color: #87ceeb;
    }

    /* Location + time text */
    .chore-meta {
      display: flex;
      align-items: center;
      gap: 6px;
      color: #555;
      font-weight: 500;
      font-size: 0.875rem;
      margin-bottom: 1rem;
    }

    /* Description text */
    .chore-desc {
      color: #666;
      font-size: 0.9rem;
      margin-bottom: 1rem;
    }

    /* Budget */
    .chore-budget {
      font-size: 0.9rem;
      margin-bottom: 1rem;
    }

    .chore-budget strong {
      color: #000;
    }
    .elementor-image-box-content {
        text-align: start !important;
    }
    #contactForm .submit-btn {
        padding: 12px 12px;
    }
    .elementor-element.elementor-element-b1a94b7 .elementor-icon-box-content{
        width: 100% !important;
        padding-bottom: 20px;
    }
    .elementor-element.elementor-element-b1a94b7 .elementor-icon-box-icon{
            width: max-content !important;
        }
    .elementor-element.elementor-element-b1a94b7 .elementor-icon-box-icon svg{
        width: 50px;
        height: 50px;
    }
    .container-wrapper{
        width: 100%;
    }
    .delete-btn-wrap{
        display: inline-block;
    }
    .table-wrap .btn{
        padding: 2px 15px;
    }
    .send-massage .price {
        margin-bottom: 0px;
    }
    .provider-profile .profile-image {
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    .provider-profile .profile-image img {
        height: 100%;
    }

    @media (max-width:768px){
        .chore-card h4{
            font-size: 16px;
            line-height: 24px;
        }
        .btn-proposal {
            font-size: 12px;
        }
        .elementor-element.elementor-element-af66b4b.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor {
            text-align: start;
        }

        .elementor-element.elementor-element-0a0b072.e-grid.e-con-full.e-con.e-child,
        .elementor-element.elementor-element-a3a98c1.e-grid.e-con-full.e-con.e-child {
            flex-direction: column !important;
            display: flex !important;
        }
        .elementor-element .e-con-full.e-flex.e-con.e-child {
            flex-direction: column !important;
        }
        .contact-queries h2 {
            font-size: 24px;
        }
        .breadcrumb-bar .breadcrumb-title {
            font-size: 32px;
        }
        .elementor-element.elementor-element-7e353b9.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .e-con-inner{
            padding-block: 20px !important;
        }
        
        .elementor-element.elementor-element-b1a94b7.e-grid.e-con-full.e-con.e-child{
            display: flex !important;
            flex-direction: column !important;
        }
        .accordion-button {
            font-size: 18px;
        }
        .accordion-body {
            font-size: 15px;
        }
        .elementor-element.elementor-element-a331d66.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-8231422.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-fbc1765.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-5e64975.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-b0ba64e.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-db1eb34.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-ae22509.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-8d32116.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-c1e3e36.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-f4bd574.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-88dc09c.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-cedbf3e.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-ef2a203.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-232eae3.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-d2d022f.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-c484d1c.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-8c5407c.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-b6ff119.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor,
        .elementor-element.elementor-element-47f3b6d.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor{
            width: 100% !important;
        }
        
    }



    /*  <!--=========== WHY CHOOSE US SECTION START ============--> */

    .chore-badge {
      border: 1px solid #87CEEB;
      border-radius: 50px;
      padding: 5px 15px 5px 5px;
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
      }

      .chore-badge i {
      background-color: #87CEEB;
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-right: 8px;
      }

      .chore-badge img {
      width: 14px;
      height: 14px;
      }

      .why-choose {
          background-color: #EEEEEE;
          padding: 50px 0px;
      }

      
      .why-choose .section-label {
          border: 12x solid #87CEEB;
          border-radius: 9999px;
          padding: 0.25rem 0.75rem;
          display: flex;
          align-items: center;
          gap: 0.5rem;
          margin-bottom: 1.25rem;
      }

      .why-choose .section-label .icon-wrapper {
          background-color: #87CEEB;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
      }

      .icon{
          margin-bottom: 80px;
      }
      .why-choose .card.bg-primary h4{
        color: #ffffff;
      }

      /* Heading */
      .why-choose h2 {
          font-size: 2.5rem;
          font-weight: 700;
          color: #0b0948;
          text-align: center;
          margin-bottom: 3rem;
      }

      @media (min-width: 768px) {
          .why-choose h2 {
              font-size: 3rem;
          }
          .why-choose {
            padding: 100px 0px;
        }
      }

      /* Grid & Cards */
      .why-choose .grid {
          display: grid;
          gap: 1.75rem;
      }

      @media (min-width: 640px) {
          .why-choose .grid {
              grid-template-columns: repeat(2, 1fr);
          }
      }

      @media (min-width: 1024px) {
          .why-choose .grid {
              grid-template-columns: repeat(4, 1fr);
          }
      }

      .why-choose .card {
          border-radius: 20px;
          text-align: left;
          padding:24px;
          transition: transform 0.3s ease;
          border: none;
      }

      .why-choose .card.bg-primary {
          background-color: #87CEEB !important;
          color: #fff;
      }

      .why-choose .card .icon svg {
          width: 60px;
          height: 60px;
      }

      /* Card Heading & Paragraph */
      .why-choose .card h4 {
          font-size: 18px;
          font-weight: 700;
          margin-bottom: 1rem;
      }
      .why-choose .card p {
          font-size: 0.9375rem;
          line-height: 1.6;
          margin-bottom: 0;
      }

      @media (min-width: 768px) {
          .why-choose .card h4 {
              font-size: 20px;
          }
          .why-choose .card p {
              font-size: 1rem;
          }
        
      }
      

      

      /* <!--=========== PROFILE INFO SECTION START ============ --> */

      .profile-info-section{
        padding-block: 100px;

    }

    .profile-info-item{
      padding: 20px;
    }

    .profile-item{
        box-shadow: 0px 0px 10px 0px #87CEEB;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        flex-direction: column;
        text-align: center;
        height: -webkit-fill-available;
    }

    .profile-item-img{
        max-width: 200px;
        width: 100%;
        max-height: 200px;
        height: 200px;
        border-radius: 100%;
        overflow: hidden;
        margin-bottom: 32px;
    }

    .profile-info-section img{
        max-width: 100%;
        width: 100%;
        height: 100%;
    }

    .profile-item h4{
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
        color: #222222;
    }

    .profile-item p{
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        color: #767676;
        margin-bottom: 20px;
    }

    .profile-btn a{
        background-color: #87CEEB;
        font-size: 14px;
        font-weight: 600;
        line-height: 100%;
        fill: #222222;
        color: #222222;
        padding: 13px 15px 13px 15px;
        display: block;
        text-decoration: none;
        border-radius: 4px;
    }

    @media (max-width:768px){
        .profile-info-section{
          padding-block: 50px;
      }
    }

    /* <!--=========== MOST POPULAR AREA SECTION START ============ --> */

    .most-popular{
        padding-block: 50px;
    }
    .most-popular-header{
        margin-bottom: 20px;
    }

    .most-popular-header h6{
        font-size: 16px;
        font-weight: 700;
        color: #87CEEB;
        margin-bottom: 40px;
        
    }
    .most-area{
        color: #222222;
        margin-right: 10px;
        padding-right: 10px;
        border-right: 2px solid #222222;
    }

    .most-popular-link{
        padding: 0;
        
    }

    .most-popular-link li{
        list-style-type: none;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .most-popular-link li:first-child{
        margin-top: 0;
    }

    .most-popular-link li:last-child{
        padding-bottom: 0;
    }

    .most-popular-link li a{
        text-decoration: none;
        color: #222222;
        font-size: 16px;
        font-weight: 400;
        line-height: 16px;
    }

    .most-popular-link svg{
        width: 20px;
        fill: #87CEEB;
        margin-right: 8px;
    }

    @media (max-width:768px){
        .most-popular-link svg{
            width: 16px;
        }
    }

    /* <!--=========== FOOTER SECTION START ============ --> */

    footer{
        background-color: #87CEEB;;
    }
    .footer-area{
        padding-top: 70px;
        padding-bottom: 40px;
        border-bottom: 1px solid #ddd;
    }

    .footer-logo{
        max-width: 250px;
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-contact{
        padding-bottom: 30px;
    }

    .footer-contact h4{
        font-size: 27px;
        font-weight: 700;
        color: #222222;
        margin-bottom: 50px;
    }

    .footer-contact a{
        display: flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        color: #222222;
        font-size: 16px;
        

    }
    .footer-contact a svg{
        width: 14px;
        height: 14px;
        margin-right: 0;
    }

    .footer-contact p{
        font-size: 14px;
        font-weight: 400;
        color: #222222;
        max-width: 315px;
    }
    .most-popular-link{
        margin-bottom: 10px;
    }

    .footer-contact .most-popular-link svg{
        fill: #222222;
    }

    .copyright{
        padding: 50px 15px;
    }


    .copyright p{
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        margin-bottom: 0;
        text-align: center;
    }
    .copyright .content{
        gap: 20px;
    }
    .copyright .content a{
        text-decoration: none;
        color: #222222;
    }

    .social-wrap{
        gap: 5px;
    }

    .social-wrap a{
        background-color: #FFFFFF;
        border: 1px solid #69727d;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease-in-out;
    }

    .social-wrap a:hover{
        border: 1px solid transparent;
    }
    .social-wrap a:hover svg{
        fill: #6ec3e4;
    }

    .social-wrap svg{
        width: 20px;
        height: 20px;
        transition: all 0.3s ease-in-out;
    }


    @media (max-width:1024px){
        .footer-contact p{
            max-width: 100%;
        }
        .footer-contact h4 {
            font-size: 24px;
        }
    }
    @media (max-width:768px){
        .footer-contact h4 {
            font-size: 20px;
            margin-bottom: 30px;
            white-space: nowrap;
        }
        .most-popular-link li a {
            font-size: 13px;
            line-height: 13px;
        }
        .copyright .content{
            flex-direction: column;
        }
        .footer-area {
            padding-top: 40px;
            padding-bottom: 0;
        }
        .copyright {
            padding: 30px 0px;
        }
        .social-wrap a {
            width: 32px;
            height: 32px;
        }
        .social-wrap a svg{
            width: 16px;
            height: 16px;
        }
        .copyright p{
            font-size: 13px;
        }
    }

    /* <!-- =============== SINGEL PAGE NEED A FEW ELECTRICAL REPAIRS START =============== --> */

    .electrical-repairs-section{
          font-size: 16px;
          line-height: 30px;
          color: #666666;
      }
      .container{
          max-width: 1236px;
          padding-inline: 16px;
          margin: 0 auto;
      }

      .electrical-repairs-section{
          padding-block: 64px;
      }

      .electrical-repairs-wrap{
          display: flex;
          gap: 30px;
      }

      .electrical-repairs{
          max-width: calc(100%-33.333%);
          width: 100%;
      }

      .electrical-repairs h1{
          font-size: 36px;
          line-height: 45px;
          font-weight: 700;
          letter-spacing: -1px;
          color: rgba(15,23,39,.85);
          margin-bottom: 20px;
      }

      aside{
          max-width: 33.333%;
          width: 100%;
      }

      .hp-icon { 
          display: flex;
          align-items: center;
          justify-content: center;
          width: 24px;
          height: 24px;
          font-size: 24px;
          color: rgba(7,36,86,.35);
          
      }
      .hp{
          margin-top: 3px;
      }
      time{
          font-size: 11px;
          letter-spacing: 1px;
          line-height: 16px;
          text-transform: uppercase;
          color: rgba(15, 23, 39, 0.45);
          display: block;
      }

      .offer-wrap {
          box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
          background-color: #fff;
          border-radius: 4px; 
          transition: all 0.3s ease-in-out; 
          margin-bottom: 30px;
      }
      .offer-wrap:last-child{
          margin-bottom: 0px;
      }

      .offer-wrap:hover{
          box-shadow: 0 7px 36px rgba(7, 36, 86, 0.175);
      }
      .profile-info{
          border-bottom: 1px solid rgba(7, 36, 86, 0.075);
      }
      .profile-info,
      .profile-detail{
          padding: 24px;
      }
      .offers-area{
          padding-top: 24px;
      }
      .offers-area h2{
          font-size: 30px;
          line-height: 1.25;
          letter-spacing: -1px;
          font-weight: 700;
          color: rgba(15,23,39,.85);
          margin-bottom: 1.75rem;
      }
     .electrical-repairs-section .profile{
          width: 64px;
          height: 64px;
      }
      .electrical-repairs-section .profile a{
          width: 100%;
          height: 100%;
          display: block;
          border-radius: 50%;
          overflow: hidden;
      }
      electrical-repairs-section .profile a img{
          width: 100%;
          height: 100%;
          
      }
      .profile-content a{
          font-size: 18px;
          letter-spacing: -0.5px;
          font-weight: 700;
          color: rgba(15,23,39,.85);
          text-decoration: none;
          display: block;
          margin-bottom: 5px;
      }

      .profile-detail{
          display: flex;
          align-items: center;
          justify-content: end;
      }

      .profile-detail a{
          display: flex;
          align-items: center;
          text-decoration: none;
          color: #666666;
          gap: 10px;
      }
      .hp-link {
          color: rgba(7,36,86,.25);
          transition: color .25s;
      }
      .profile-detail a:hover,
      .profile-detail a:hover .hp-link{
          color: #000000;
      }

      .profile-wrapper{
          position: sticky;
          top: 20px;
      }

      .amount{
          box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
          background-color: #fff;
          border-radius: 4px;
          position: relative;
          padding: 1.25rem 2rem;
      }
      .amount span{
          font-size: 18px;
          font-weight: 500;
          line-height: 1.5;
          color: #000000;
          position: relative;
      }

      .amount::before{
          position: absolute;
          z-index: 1;
          display: block;
          content: '';
          width: 3px;
          height: 35px;
          left: 0;
          background-color: #000000;
      }

      .make-offer button{
          font-size: 1.125rem;
          color: #fff;
          padding: .75rem 1.25rem;
          background-color: #000000;
          font-weight: 500;
          border-radius: 4px;
          display: inline-block;
          cursor: pointer;
          border: none;
          line-height: 1.5;
          width: 100%;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 21px;
          margin-top: 30px;
      }

      .aside-profile-wrap{
          box-shadow: 0 5px 30px rgba(7, 36, 86, 0.075);
          background-color: #fff;
          border-radius: 4px;
          position: relative;
          transition: box-shadow 0.25s;
          margin-top: 30px;
      }

      .aside-profile-wrap:hover{
        box-shadow: 0 5px 30px rgba(7, 36, 86, 0.125); 
      }
      .aside-profile{
          padding: 4rem 2rem;
      }
      .aside-profile .profile{
          width: 150px;
          height: 150px;
      }
      .profile-chat{
          border-top: 1px solid rgba(7, 36, 86, 0.075);
          padding: 16px 24px;
          position: relative;
      }
      .profile-chat::before {
          position: absolute;
          z-index: 1;
          display: block;
          content: '';
          width: 3px;
          height: 35px;
          left: 0;
          background-color: #000000;
      }
      .massage{
          color: #666666;
      }

      /* Modal Overlay */



      /* Close button */
      .close-modal {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 24px;
        cursor: pointer;
      }
      .custom-modal {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 9999;
      }

      /* Modal Box */
      .custom-modal-content {
          background: #fff;
          width: 420px;
          border-radius: 8px;
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
          padding: 2rem;
          position: relative;
          animation: fadeIn 0.3s ease;
          height: auto;  
          min-height: 200px;   
          max-height: 90vh;  
          overflow-y: auto;   
      }

      .close-modal {
        position: absolute;
        top: 14px;
        right: 18px;
        background: none;
        border: none;
        font-size: 24px;
        color: #333;
        cursor: pointer;
      }

      .custom-modal-content h3 {
        font-size: 1.5rem;
        color: #0f1727;
        font-weight: 700;
        margin-bottom: 1.5rem;
      }

      .offer-form label {
          text-transform: uppercase;
          letter-spacing: 1px;
          font-size: 0.6875rem;
      }
      .offer-form label span{
          color: rgba(15,23,39,.45);
          font-size: 10px;
      }

      .offer-form input[type="text"], input[type="number"] ,
      .offer-form textarea {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        color: #333;
        margin-bottom: 16px;
        transition: border-color 0.25s;
      }

      .offer-form input:focus,
      .offer-form textarea:focus {
        border-color: #93c5fd;
        outline: none;
      }

      /* File Upload */
      .file-upload {
        position: relative;
        margin-bottom: 20px;
      }

      .file-upload input[type="file"] {
        display: none;
      }


      .file-upload label {
          text-align: center;
          display: inline-block;
          cursor: pointer;
          border: none;
          color: rgba(15,23,39,.65);
          font-size: 1rem;
          position: relative;
          line-height: 1.5;
          padding: .5rem 1rem;
          background-color: rgba(7,36,86,.085);
          text-transform: capitalize;
          border-radius: 4px;
      }

      .file-upload label:hover {
        background: #e5e7eb;
      }

      /* Submit Button */
      .submit-btn {
        display: block;
        width: 100%;
        background: #87CEEB;
        color: #fff;
        border: none;
        padding: 12px 0;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.25s;
      }


      /* Open Button */
      .open-modal-btn {
        background: #000;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 4px;
        cursor: pointer;
        font-weight: 500;
      }

      @media (max-width:768px){
          .electrical-repairs h1 {
              font-size: 30px;
              line-height: 40px;
          }
          .hp-icon {
              width: 18px;
              height: 18px;
              font-size: 18px;
          }
          .hp {
              margin-top: 6px;
          }
          .electrical-repairs-section {
              font-size: 14px;
          }
          .offers-area h2 {
              font-size: 28px;
          }
      }
      @media (max-width:1024px){
          .electrical-repairs-wrap{
              flex-direction: column;
          }
          .electrical-repairs{
              max-width: 100%;
              width: 100%;
          }

          aside{
              max-width: 100%;
              width: 100%;
          }
      }

/* ======================================================
   card Section start
   ====================================================== */

.card-section {
        background-color: #fff;
        border-radius: 16px;
        padding: 30px;
        margin-top: 40px;
        margin-bottom: 30px;
        box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.1);
        position: relative;
        transition: all 0.3s ease-in-out;
    }
    .card-section:hover{
      box-shadow: 0px 0px 30px rgba(46, 13, 79, 0.3);
    }

   .card-section::after{
      position: absolute;
      content: "";
      bottom: 24px;
      right: 0;
      width: 3px;
      height: 35px;
      background-color: #000;
      border-radius: 2px;

   }
  .card-section span{
      font-size: 16px;
      color: #000;
      font-weight: 600;
      padding: 0;
  }
  
  
  .jobs-info h4 a{
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #222222;
  }
  .jobs-info p{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgb(118, 118, 118);
  }
  .price-info{
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: space-between;
  }
  .price-info a{
    text-decoration: none;
  }
  .price-info svg{
    width: 24px;
    height: 24px;
  }
  .date-info{
   margin-bottom: 20px;
  }
  .date-info a{
   font-size: 11px;
   letter-spacing: 1px;
   line-height: 16px;
   color: rgba(15, 23, 39, 0.45);
   text-decoration: none;
   padding-inline: 10px;
   position: relative;
   text-transform: uppercase;
   transition: all 0.3s ease-in-out;
   margin-right: 6px;
  }
  .date-info a:hover{
   color: #000;
  }
  .date-info a::before{
   position: absolute;
   content: "";
   top: 50%;
   left: 0;
   width: 4px;
   height: 4px;
   background-color: rgba(7, 36, 86, 0.25);
   border-radius: 50%;
   transform: translateY(-50%);
  }
  .date-info a::after{
   position: absolute;
   content: "";
   top: 50%;
   right: 0;
   width: 4px;
   height: 4px;
   background-color: rgba(7, 36, 86, 0.25);
   border-radius: 50%;
   transform: translateY(-50%);
  }
  .date-info time{
   font-size: 11px;
   letter-spacing: 1px;
   line-height: 16px;
   color: rgba(15, 23, 39, 0.45);
   position: relative;
   text-transform: uppercase;
  }
  .location-info{
   display: flex;
   align-items: center;
   gap: 16px;
  }
  .location-info svg{
   width: 24px;
   height: 24px;
   fill: rgba(7, 36, 86, .35);
  }
  .location-info a,
  .location-info span{
   font-size: 14px;
   line-height: 21px;
   text-transform: uppercase;
   text-decoration: none;
   color: rgba(15, 23, 39, 0.65);
   font-weight: 400;
  }

  @media (max-width:1024px){
   .location-info{
      align-items: start;
      gap: 5px;
      flex-direction: column;
   }
   
  }
  @media (max-width:768px){
   .price-info{
      align-items: center;
      flex-direction: row;
      justify-content: start;
      gap: 10px;
      margin-top: 20px;
   }
   .jobs-info h4 a {
      font-size: 20px;
      line-height: 24px;
   }
   .location-info svg {
      width: 20px;
      height: 20px;
   }
   .location-info a, .location-info span {
      font-size: 13px;
   }
   .price-info svg {
      width: 20px;
      height: 20px;
   }
   .card-section span {
      font-size: 15px;
   }
   
  }

  /* table start */

   .table-wrap span{
    margin-bottom: 5px;
    display: block;
    }
    .table-wrap th{
    min-width: 150px;
    }
    .table-wrap .title{
    min-width: 300px;
    }
    .table-wrap button{
    padding: 2px 20px;
    }


    
/* =============recommended-provider-section start =============== */

.recommended-provider-section{
   padding-block: 50px;
}

.recommended-provider-title h2{
   font-size: 48px;
   line-height: 48px;
   font-weight: 700;
   color: #222222;
   margin-bottom: 24px;
   text-align: center;
}
.recommended-provider-title h4{
   font-size: 24px;
   line-height: 28px;
   font-weight: 700;
   color: #222222;
   margin-bottom: 24px;
   text-align: center;
}

.recommended-provider-info{
   border: 1px solid #ddd;
   border-radius: 10px;
   padding: 30px;
   display: flex;
}
.provider-profile{
   width: 230px;
   align-items: center;
   margin-right: 30px;
}
.provider-content{
   width: calc(100% - 260px);
   padding-right: 140px;
   position: relative;
}

.provider-profile .button-wrap{
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 20px;

}
.button-wrap .book-now{
   background-color: #87CEEB;
   border: 1px solid #87CEEB;
   color: #000;
   font-size: 12px;
   padding: 7px 15px;
   font-weight: 600;
   border-radius: 5px;
   text-decoration: none;
   text-transform: uppercase;
}
.button-wrap .view{
   color: #323232;
   font-size: 14px;
   font-weight: 400;
}
.button-wrap span{
   font-size: 14px;
   line-height: 1.8;
   font-weight: 400;
   color: #767676;
   padding: 0;
   margin: 0;
}

.provider-content h2{
    font-size: 36px;
    line-height: 36px;
    color: #222222;
    margin-bottom: 15px;
}
.provider-content{
   display: flex;
   flex-direction: column;
}
.provider-content h3{
    font-size: 36px;
    line-height: 36px;
    color: #222222;
    margin-bottom: 15px;
    font-weight: 500;
}
.profile svg,
.customar-location svg{
    width: 16px;
    margin-top: -2px;
}
.location svg{
    width: 12px;
    fill: #777777;
}
.star-icon svg{
   width: 16px;
} 

.provider-content .profile{
   font-size: 14px;
   color: #323232;
   font-weight: 600;
   margin-bottom: 10px;
}
.provider-content .location,
.customar-location{
   font-size: 14px;
   color: #777777;
   font-weight: 400;
   margin-bottom: 15px;
}
.provider-content h4{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #222222;
   margin-bottom: 24px;
}
.provider-content svg{
   fill: #777777;
}
.view a{
    display: inline-block;
    padding: 3px 10px;
    background-color: #f37b1a;
    color: #23527c;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    border-radius: 2px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.view a:hover{
   color: white;
}
.review-content{
    color: #999999;
    font-size: 12px;
   font-weight: 400;
}
.send-massage{
   position: absolute;
   top: 0;
   right: 0;
   display: flex;
   flex-direction: column;
}
.send-btn svg{
   fill: green;
   width: 18px;
}
.send-btn{
    border: 2px solid #62b815;
    color: #62b815;
    background: none;
    padding: 3px 12px;
    text-transform: uppercase;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5px;
    margin-bottom: 15px;
    display: inline-block;

}
.send-btn span{
    display: inline-block;
    min-width: 16px;
    height: 16px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    background-color: #464141;
    color: #fff;
    font-size: 10px;
    border-radius: 15px;
    padding: 0px 5px;

}
.send-massage .price{
    color: #464141;
    font-size: 24px;
    font-weight: 600;
    text-align: center;

}
span.star-icon {
    display: inline-flex;
    gap: 5px;
}

.reviews {
    display: flex;
    align-items: center;
    gap: 10px;
}


@media(max-width:768px){
   .recommended-provider-info{
      padding: 15px;
   }
   .provider-profile{
      width: 130px;
      align-items: center;
      margin-right: 20px;
   }
   .provider-content{
      width: calc(100% - 150px);
   }
   .provider-content{
      padding-right: 0;
   }
   .send-massage{
      position: static;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 20px;
      gap: 10px;
      flex-wrap: wrap;
   }
   .send-btn{
      margin-bottom: 0;
   }
   .recommended-provider-title h2 {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 16px;
   }
   .recommended-provider-title h4 {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 20px;
   }
   .provider-content h3{
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;

   }
   .provider-content h4 {
      font-size: 20px;
      line-height: 24px;
      margin-bottom: 16px;
   }
   .send-massage .price {
      font-size: 18px;
   }
}
@media(max-width:500px){
   .recommended-provider-info{
      flex-direction: column;
   }
   .provider-profile{
      width: 100%;
   }
   .provider-content{
      width: 100%;
   }
   .provider-content {
      align-items: center;
   }
}


/* =============recommended-provider-section end =============== */

/* ============== Jober section ============== */

.jobber-section {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 130px;
}
.jobber-top {
display: flex;
justify-content: center;
gap: 20px;
}
.slider-item{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: row;
    gap: 20px; 
    padding-top: 100px;
}
.jobber-section .static-img{
    padding-top: 100px;
}
.slider-2{
    direction: rtl;
}
.static-img img, .slider-item img{
    border-radius: 10px;
}


.slider-1 > :nth-child(1),
.slider-1 > :nth-child(3) {
    margin-top: 50px;
}
.slider-1 > :nth-child(6) {
    margin-top: -50px;
}

.slider-2 > :nth-child(1),
.slider-2 > :nth-child(3) {
    margin-top: 50px;
}
.slider-2 > :nth-child(6) {
    margin-top: -50px;
}
.static-img img{
    margin-top: 25px;
}

.jobber-content {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.jobber-buttons {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px;
}
.jobber-content .sub-title {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;

    background-color: #FFFFFF;
    padding: 8px 8px 8px 8px;
    border-radius: 15px 15px 15px 15px;
    width: max-content;
}
.jobber-content .sub-title p{
    display: inline-block;
    font-weight: bold;
    color: #000;
    
}
.jobber-content .sub-title img{
    width: 26px;
    height: 26px;
}
.jobber-buttons a{
    box-shadow: unset;
    border: 1px solid #87ceeb;
    background: #87ceeb;
    color: #000;
    font-size: 15px;
    padding: 10px 15px;
    font-weight: bold;
}
/* .slider-1 > :nth-child(5), .slider-1 > :nth-child(6){
    margin-top: -40px;
} */
.jobber-section .sub-title {
    font-size: 18px;
}
.jobber-section .jobber-content h1 {
    font-size: 58px !important;
    font-weight: 600 !important;
}

 

/* Common flip styles */
.flip-img {
  display: block;
  transform-style: preserve-3d;
  backface-visibility: visible;
}

/* Keyframes for Y-axis flip */
@keyframes slowFlip {
  0%   { transform: rotateY(0deg); }
  50%  { transform: rotateY(180deg); }
  100% { transform: rotateY(0deg); }
}

/* Perspective for both wrappers */
.slider-1, .slider-2 {
  perspective: 1000px;
  overflow: hidden;
  position: relative;
}

[data-frontend="home"] .breadcrumb-bar.text-center{
  display: none !important;
}
.header.header-new + .breadcrumb-bar + .breadcrumb-bar{display:none;}


@media only screen and (max-width: 991px){
    .jobber-top{
		display:none;
	}
    .jobber-content {
        position: relative;
        margin-top: 40px;
        bottom:50px;
    }
    .jobber-section .jobber-content h1 {
        font-size: 30px !important;
    }
    .jobber-section .jobber-content img{
        max-width: 250px;
    }
    .jobber-section {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 1280px){
     .slider-item{
        padding-top: 60px;
    }
    .jobber-section .static-img{
        padding-top: 60px;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
    .jobber-section .jobber-content h1 {
        font-size: 36px !important;
    }
    .jobber-section .jobber-content img{
        max-width: 250px;
    }
    .jobber-content {
        bottom: 30px;
    } 
}
@media (min-width: 1025px) and (max-width: 1440px){
    .jobber-section .jobber-content h1 {
        font-size: 36px !important;
    }
    .jobber-section .jobber-content img{
        max-width: 300px;
    }
    .jobber-content {
        bottom: 20px;
    }
}
@media (min-width: 1440px) and (max-width: 1800px){
    .jobber-section .jobber-content h1 {
        font-size: 42px !important;
    }
    .jobber-section .jobber-content img{
        max-width: 300px;
    }
}

/* Jober section end */