.modal-header{
       background: #2e55a2;
    padding-top: 12px;
    padding-bottom: 10px;

}

.certificat_bx{
border-radius: 8px;
    padding: 2px;
    border:1px solid #2e55a2;
        height: 300px;
}
.certificat_bx a{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.certificat_bx img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
    color: #fff !important;
    margin:0;
}


 #settingsTabContent .no-order-wrapper {
    text-align: center !important;
    background: #fff;
    padding:20px !important;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}

#settingsTabContent .no-order-wrapper .no-order-img img {
    width: 200px;
    /* border-radius: 10px; */
}

#settingsTabContent .no-order-wrapper .no-order-content h3{
    font-weight: 700;
    color: #343a40;
    margin-bottom: 5px;
    font-size: 25px;
}

#settingsTabContent .no-order-wrapper .no-order-content h3 span{
    color: #f37101;
    }

.modal-header .btn-close {
    filter: invert(1);
}

.address-card-section .modal-footer{
    padding-bottom:0;
}


.contact-bx h3{
   margin-bottom: 10px;
}

.detail_form .form-label{
    font-size:12px !important;
}

.detail_form input[type=text] {
    height: 40px !important;
}

.detail_form input[type=number] {
    height: 40px !important;
}

.detail_form input[type=email] {
    height: 40px !important;
}

.detail_form .code-box {
    padding: 5px 7px !important;
}

.detail_form .phone-input {
    height: 40px;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    color: #fff;
}

.mail{
   margin-right:25px;       
}

.mail i{
   font-size: 30px;   
}

.con-text{
   font-size: 20px !important;
   line-height: 2.0 !important;
}

.location{
    font-size: 22px;
    line-height: 15px;
    margin-bottom: 15px;
}

.mobile{
    margin-bottom: 30px;
}

.testimonial_sec{
    background-color: #2e55a212;
}


.swiftx-header-top__lang > ul > li a img {
    width: 24px;
    height: 24px;
    border: 0px solid var(--swiftx-common-white) !important;
    border-radius: 50%;
    background: rgb(254 254 254) !important;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
    margin-right: 10px;
}


body .swiftx-shipment-updates__input input {
    height: 77px !important;
    padding:0px 30px;
}



 input[type=tel] {
    outline: none;
    background-color: #fff !important;
    height: 45px !important;
    width: 100% !important;
    line-height: 56px !important;
    font-size: 14px !important;
    color: var(--swiftx-common-black);
    padding-left: 15px !important;
    padding-right: 0 !important;
    border: none !important;
}
    
     .login_form_box{
    background: white;
    border-radius: 15px;
   box-shadow: 0px 4px 13px #e4e2e2;

}

    .form-label {
    font-size: 14px !important;
    font-weight: 400;
    margin-bottom: .15rem;
    color: #1c1d1e !important;
}


.swiftx-btn-square {
    background-color: var(--swiftx-theme-2);
    color: var(--swiftx-common-white);
    height: 45px !important;
    line-height: 46px !important;
    padding: 0 5px !important;
    width:100%;
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: capitalize !important;
    position: relative;
    z-index: 9;
}

 .otp_input{
    outline: none;
    background-color: #fff;
    height: 40px !important;
    width: 100%;
    line-height: 56px;
    font-size: 14px;
    color: var(--swiftx-common-black);
    padding-left: 10px !important;
    padding-right: 10px !important;
    border: 1px solid #E0E2E3;
}
.phone-input {
    /*display: flex;*/
    /*align-items: center;*/
    /*border: 1px solid #cde2e7;*/
    /*border-radius: 5px;*/
    /*overflow: hidden;*/
    /*cursor: pointer;*/
}
.code-box {
padding: 7px 7px;

    background: #f9f9f9;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    gap: 5px;
}
.code-box .arrow {
    font-size: 12px;
    transition: transform .3s ease;
}
.code-box.open .arrow {
    transform: rotate(180deg);
}
.phone-input input {
    border: none;
    flex: 1;
    padding: 10px;
    font-size: 14px;
    outline: none;
}

/* overlay */
.overlay {
    display: none;
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9;
}


.popup {
    display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 300px; max-height: 300px;
    background: #fff;
    border-radius: 8px;
    overflow-y: auto;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease;
}
.popup.show {
    display: block;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.popup h4 {
    margin: 0; padding: 10px;
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
}
.popup tr { margin: 0; padding: 0; list-style: none; }
.popup td {
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #5a5a5a;
}
.popup td:hover { background: #f9f9f9; }

.log_btn_p{
        background: #2e55a2;
    padding: 8px 0 !important;
     border-radius: 0px 0.37rem 0.37rem 0px;
     width:100%;
}

.log_btn_p:hover {
    background: var(--swiftx-theme-2);
    border:1px solid var(--swiftx-theme-2);
}


 input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url]{
    
    padding-left: 15px !important;
    
    }

    textarea {
    outline: none;
    background-color: #fff;
    width: 100%;
    line-height: 56px;
    font-size: 14px;
    color: var(--swiftx-common-black);
    padding-left: 26px;
    padding-right: 26px;
    border: 1px solid #E0E2E3 !important;
    }
    
    
    
        input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=password]:focus, input[type=url]:focus, textarea:focus {
    border-color: #ff7906 !important;
    }
    

    
    .info-box {
    background: #fff;
    
    }
    
    .swiftx-service-3__item:hover .icon-circle  {
    background: var(--swiftx-common-white);
    color:#2e55a2;
    }
    
    .icon-circle {
    width: 45px;
    height: 45px;
    background: #2e55a2;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 10px !important;
    
    }
    
    /* Bottom Section */
    .contact-form-box {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 6px 25px rgba(0,0,0,0.1);
    }
    
    .btn-custom {
    background: #f37101;
    color: #fff;
    font-weight: 600;
    padding: 12px;
    border-radius: 8px;
    transition: 0.3s;
    }
    .btn-custom:hover {
    background: #d95f00;
    }
    .map-box iframe {
    border-radius: 7px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    }
    
    .h_200{
    height:180px;
    }
  
  
.serchdropul table th,
.serchdropul table td {
  padding: 5px 15px !important;
    line-height: 30px !important;
}


table a {
    font-size: 13px !important;
    color: var(--swiftx-common-black);
}



.swiftx-testimonial__author-info-box{
      justify-content: start !important;
    margin-left: 20px;
    
}
.swiftx-testimonial__item {
    padding: 20px 20px 0px !important;
}

.breadcrumb__overlay::after {

    z-index: -1;
}




.sidebar__widget-title {

    padding-left: 0px !important;
    margin-bottom: 15px !important;
}

.cart_pg_botom .rc__post1{
    border-radius:10px !important;
}

.rc__post {
 
    padding: 20px 15px;
    background: #ffffff;
    border-radius: 10px;

    box-shadow: 0px 0px 10px #cfd0d1;
}


.rc__post {
 
    padding: 20px 15px;
    background: #ffffff;
    border-radius: 10px;

    box-shadow: 0px 0px 10px #cfd0d1;
}

/*---service details---*/

.custom-badge
 {
    display: inline-flex
;
    align-items: center;
    background: #359539;
    color: #fff;
    font-weight: 600;
    padding: 0px 6px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 10px;
}

.custom-badge i {
    margin-left: 4px;
    font-size: 10px;
}


        .add_badge{
       font-size: 14px;
    background-color: #feffff;
    width: 75%;
    margin: auto;
    text-align: center;
    color: #375da6 !important;
    border: 2px solid #395ea6;
    }
    
    .rc__post1 {
    padding: 10px 10px;
    background: #ffffff;
    border-radius: 2px;
    /* box-shadow: 0px 0px 10px #cfd0d1; */
    border: 1px solid #f2f0f1;
}

.rc__post-image-adjust1 {
    width: 70px !important;
    height: 60px !important;
}


.cart_pg_botom .rc__post-image-adjust1 {
    width: 70px !important;
    height: 50px !important;
}



.postcase__details-share a:hover

 {
    background-color: #f37101 !important;
    color: var(--swiftx-common-white) !important;
}


.postcase__meta span a {
    color: var(--swiftx-theme-1);
    
}


.postcase__title {
    font-weight: 600 !important;
    font-size: 28px !important;
    color: var(--swiftx-common-black);
    margin-bottom: 18px !important;

}

.postcase__text p {
    font-weight: 400;
    font-size: 15px !important;
    line-height: 25px !important;
    color: #838383;
    margin-bottom: 10px !important;
}





.rc__meta p{
 display: flex
;
    align-items: center;
    gap: 5px;
    margin:0 !important;
}

.rc__post-image-adjust{
    width: 85px !important;
    height: 75px !important;
}



.postcase__details-share a {
    height: 37px;
    width: 37px;
    text-align: center;
    line-height: 37px;
    display: inline-block;
        background-color: #e4edff !important;
    color: #2e55a2 !important;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
    border-radius: 8px !important;
}



    .bg-primary{
        background:#375da6 !important ;
        color:#fff !important;
    }
   .add_badge1 {
    font-size: 14px;
    background-color: #feffff;
    width: 75%;
    margin: auto;
    text-align: center;
    color: #fff !important;
    border: 2px solid #395ea6;
}
.swiftx-custom-accordion .accordion-body {
    position: relative;
    background-color: #f9fafa;
    padding: 10px 15px;
    z-index: 1;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    color: #565656;
    border-radius: 0px 0px 5px 5px;
    /* box-shadow: 0px 15px 21px pink; */
    border: 1px solid #385ea8;
}
.swiftx-custom-accordion .accordion-buttons {
    position: relative;
    width: 100%;
    padding: 18px 28px;
    text-align: left;
    padding-right: 90px;
    line-height: 24px;
        background-image: linear-gradient(45deg, #1f448a, #1f3e7a, #4670c3);
    border-radius: 5px 5px 0px 0px;
    padding: 10px 37px 10px 12px !important;
    font-size: 16px !important;
    font-weight: 600;
    color: #fff;
}



.swiftx-custom-accordion .accordion-buttons::after {
    position: absolute;
    content: "\f068";
    top: 8px;
    color: #fff;
    text-align: center;
}

.swiftx-custom-accordion .accordion-buttons:not(.collapsed)::after {
    color: #fff;
        top: 8px;
}

.swiftx-custom-accordion .accordion-buttons:not(.collapsed) {
    background-image: linear-gradient(45deg, #1f448a, #1f3e7a, #4670c3);
    border-radius: 5px 5px 0px 0px;
    padding: 10px 15px !important;
    font-size: 16px !important;
    font-weight: 600;
}

.swiftx-custom-accordion .accordion-body p {
    font-size: 14px !important;
    line-height: 23px;
    color: #1b1a1a;
}
.swiftx-custom-accordion .accordion-items.swiftx-faq-active {
    border-radius: 10px 10px 5px 5px !important;
}

.swiftx-custom-accordion .accordion-items {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
}

p {
    font-family: var(--swiftx-ff-p);
    color: #646771;
    font-weight: 400;
    font-size: 15px !important;
    line-height: 23px;
    margin-bottom: 15px;
}

.cat_box    {
            color: #5e5e5e;
            font-size:14px !important;
    }
    .cat_box span{
        color:#000;
    }
    
    .bg-dark {
        background-color:000!important;
    }
    
    
    
.rc__meta{
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.rc__meta p{
 display: flex
;
    align-items: center;
    gap: 5px;
    margin:0 !important;
}

.rc__post-image-adjust{
    width: 85px !important;
    height: 75px !important;
}
.sidebar__widget-title {

    padding-left: 0px !important;
    margin-bottom: 15px !important;
}
.rc__post {
 
    padding: 20px 15px;
    background: #ffffff;
    border-radius: 10px;

    box-shadow: 0px 0px 10px #cfd0d1;
}



.postcase__meta span a {
    color: var(--swiftx-theme-1);
    
}


.postcase__title {
    font-weight: 600 !important;
    font-size: 28px !important;
    color: var(--swiftx-common-black);
    margin-bottom: 18px !important;

}

.postcase__text p {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #838383;
    margin-bottom: 10px !important;
}


.rc__post-title {
    font-weight: 500;
    font-size: 17px !important;
    color: #000;
}

.price_text {
    font-weight: 400;
    font-size: 14px;
    color: #5c5a5a !important;
    margin-bottom: 0 !important;
}
    .postcase__details-share a {
    height: 37px;
    width: 37px;
    text-align: center;
    line-height: 37px;
    display: inline-block;
        background-color: #e4edff !important;
    color: #2e55a2 !important;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
    border-radius: 8px !important;
}

.postcase__details-share a:hover

 {
    background-color: #f37101 !important;
    color: var(--swiftx-common-white) !important;
}


.btn-primary1 {
    padding: 8px 30px !important;
    background: linear-gradient(90deg, #dc6702, #dc6702);
    border: none;
    border-radius: 6px !important;
}
.swiftx-hero__slider-active button.slick-next {
    z-index: 0 !important;
} 

#cartimage img{
        width: 150px;
    margin-bottom: 15px;

}
#offerModal .countdown {
    width: 100%  !important;
}

#offerModal h5{
      margin-top: 15px;
    font-size: 23px;
    font-weight: 600;
}
#offerModal .countdown {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    justify-content: center;
}

.complain_model_local textarea {
    height: auto !important;
}

.review_model_local textarea{
      height: auto !important;  
}

.icon_img {
    width: 70px;
    background: #f4f4f4;
    height: 70px;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    font-size: 25px;
    color: #2e55a2 !important;
    box-shadow: 0px 2px 5px #ececec;
    border: 1px solid #eaeaea;
}
.offer-banner {
  background:
    url("https://assets.nobroker.in/merchandise/media/vipNewGridPattern.webp") center/cover no-repeat,
    linear-gradient(135deg, #bda463 0%, #625739 100%);

  color: #fff;
  position: relative;
  padding:0px !important;
}
.offer-banner h3{
    font-size: 32px;
    font-weight: 500 !important;
    color:#616161 ;
}
.offer-label {
    position: absolute;
    top: 25%;
    left: -10%;
    transform: translateY(-50%) rotate(-90deg);
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 0.9;
    font-size: 11px;
     background: linear-gradient(180deg, #ff7600 0%, #b98252 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-text {
    background: linear-gradient(180deg, #ff7600 0%, #b98252 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.service-card img {
  max-height: 80px;
  object-fit: contain;
}
.service-card {
  transition: transform .3s ease, box-shadow .3s ease;
}
.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
.mobilfaq{
    
            font-weight: 600 !important;
    font-size: 30px !important;
}

.swiftx-section-title4{
   font-weight: 500 !important;
    font-size: 28px !important;
    color: #262626 !important; 
}
.rc__meta span {
    margin-bottom: 0px !important;
}
.service_serch_box{
        margin-bottom: 25px;
}

.search_ttile{
        font-size: 22px;
    font-weight: 600;
        margin-bottom: 12px;
}

.text-golden-color {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, #fbcc78, #fee0ab 50.5%, #f9d38a);
}

.line-through {
    text-decoration-line: line-through;
}

.name-flex {
      display: flex
;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    gap: 8px;
    color: #fff;
  flex-wrap:wrap;
}

.add_badge{
       font-size: 14px;
    background-color: #feffff;
    width: 75%;
    margin: auto;
    text-align: center;
    color: #375da6 !important;
    border: 2px solid #395ea6;
    }
    
    .rc__post1 {
    padding: 10px 10px;
    background: #ffffff;
    border-radius: 2px;
    /* box-shadow: 0px 0px 10px #cfd0d1; */
    border: 1px solid #f2f0f1;
}

.rc__post-image-adjust1 {
    width: 70px !important;
    height: 60px !important;
}

    .text-golden-color {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg, #fbcc78, #fee0ab 50.5%, #f9d38a);
}

 .text-golden-color h1{
       font-size: 32px;
    font-weight: 600;
    color: #fff;
}



/*---service details---*/

.custom-badge
 {
    display: inline-flex
;
    align-items: center;
    background: #359539;
    color: #fff;
    font-weight: 600;
    padding: 0px 6px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 10px;
}

.custom-badge i {
    margin-left: 4px;
    font-size: 10px;
}

.service-item1 {
  background: #fff;
   box-shadow: 0 6px 18px rgba(0,0,0,0.15);
border: 2px solid #e7e7e7;
  border-radius: 12px;
  padding: 15px 10px;
  cursor: pointer;
  text-align: center;
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}
.service-item1:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  border-color: #2e55a2;
}
.service-name1 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center;
}
.service-icon1 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #d1d1d1;
  padding: 8px;
  background: #fff;
}



.brand__item_img {
    height: auto !important;
    width: 100% !important;
        border: 1px solid #dadada;
    border-radius: 10px;
}

.total-review-box {
    background-color: #fff;
    border-radius: 4px;
    height: 100%;
    padding:22px 30px;
    position: relative;

}

#reviewsWrapper .flex-fill p{
    margin:0;
}

.total-review-box .t-review {
    font-weight: 600;
    font-size: 60px;
    line-height: 1;
    color: #e1c03f;
}
.review_name {
    font-weight: 500;
    color: #5c5a5a !important;
    font-size: 16px;
    margin-bottom: 0px;
}

.review_title{
    font-size:15px;
    color:#555;
    line-height:1.5;
    flex:1;
}

.review_star{
    color:#fbbf24;
    font-size:11px;
    margin-bottom:0px;
}


.btn-primary {
    background: linear-gradient(90deg, #dc6702, #dc6702);
    border-color: #dc6702;
}

  .btn-primary:hover {
    opacity: 0.9;
  }


.offer-section{
        /*height: 213px;*/
}
    
    
.rc__post-title_22 {
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px;
    color: #262626;
}

.plan_product_img{
    height: 100px;
    text-align: center;
    object-fit: cover;
}


.btn_checko{
        background: #f37101 !important;
    color: #fff !important;

}


.hSvhnF
 {
    color: #2874f0;
    font-weight: 500;
    font-size: 14px !important;
}

.wWa8oI {
    font-size: 14px;
    font-weight: 500;
        margin-bottom: 12px;
}


.secur_p{
    font-size: 14px !important;
    color: #878787;
}

.securpcon {
    font-size: 13px !important;
    color: #171818;
    margin-bottom: 6px;
}

.securpcon2 {
    font-size: 14px !important;
    color: #4f4e4e;
    margin-bottom: 6px;
}
.securpcon i{
    color: #0e50d1;
}

.w-85{
        width: 85%;
}

.w-30 {
    width: 30% !important;
}

.change {
    text-decoration: none;
    border: 1px solid #d2d2d2;
    padding: 2px 15px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    color: #518dc1;
    letter-spacing: 1px;
}

.hSvhnF2 {
    color: #2874f0;
    font-weight: 500;
    font-size: 18px !important;
    text-transform: uppercase;
}

.btn-primary2 {
    background: #f27102 !important;
    border: none !important;
    height: 43px !important;
}
.tpxyp {
    font-size: 15px !important;
    font-weight: 500;
    line-height: 24px;
    display: block;
    margin-left: 0;
    color: #575757;
}

.tpxyi{
        font-size: 40px;
    color: #22ba2e;
}

.cart_img_box_a{
        width: 60px;
    height: 50px;
}

.cart_img_box_a img{
        width: 100%;
    height: 100%;
    
}

.cart-page .bg-org{
    background: #2e55a2 !important;
    border-bottom: 1px solid #2e55a2 !important;
    border-radius:10px 10px 0px 0px !important;
}

.cart-page .cart-table thead tr th:first-child{
    border-radius:10px 0px 0px 0px !important;
}

.cart-page .cart-table thead tr th:last-child{
    border-radius:0px 10px 0px 0px !important;
}

.cart-page .bg-org tr th{
   color:#fff;
}

.cart-page .rc__post {
    border: 1px solid #3a3c4047 ;
}

.cart-page .rc__post td, .cart-page .rc__post th{
        border-bottom: 1px solid #3a3c4047 !important;
}




/*-- all order--*/

.order-wrapper {
    background: #ffffff;
    padding: 50px 0px;
}
.support_chat .card {
    border: 1px solid #e9e9e9;
    border-radius: 10px !important;
    box-shadow: 0px 0px 21px #d5d5d5b3;
    margin: 0;
}
.btn-primary_one {
    background: linear-gradient(90deg, #f3b379, #f07002) !important;
    border: none;
}
.mmb-10{
        margin-bottom: 10px !important;
}
.order-box {
   
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #e8e8e8;
    padding: 0 0;
    border-top: 2px solid #e5e5e5 !important;
    box-shadow: 0px 2px 8px #e2e2e2de;
}
.order-strip {
    color: #5d5c5c;
    padding: 11px 20px 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    margin: 0 0px 15px;
    background: #fbfbfb;
}
.left h5 {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 2px;
    color: #f37101;
    text-shadow: 0px 1px 1px #131314;
}

.service-row ul{
list-style: none;
    display: flex;
    gap: 10px;
}

.left11 h5{
 
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 2px;
    color: #ffffff;
    text-shadow: 0px 2px 2px #131314;

}

.pstatus{
        color: #fff;
    text-shadow: 0px 2px 2px #000;
    font-size: 18px;
}

.order-detail-row {
    padding: 8px 20px 7px;
    background: #375da6;
    margin-bottom: 20px;
    border-radius: 8px;
}

.od_btn {
    color: #2e55a2;
    /* background: #2e55a2; */
    padding: 0px 0px 0px;
    border-radius: 5px;
    /* width: 43%; */
    font-weight: 600;
    margin-bottom: 0;
    font-size: 14px !important;
    margin-top: 1px;
    text-align: end;
    margin-left: auto;
}

.order-strip span {
    font-size: 13px;
    opacity: 0.9;
}

.amount {
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

.payment {
    font-size: 12px;
    font-weight: 600;
    margin-top: 4px;
    text-align: right;
}

.payment.paid {
    color: #fff;
}

.payment.pending {
    color: #ffe9e9;
}

/* OTP */
.order-otp {
    padding: 12px 20px;
    font-size: 14px;
    border-bottom: 1px solid #eef1f7;
}

.services {
    padding: 0px 20px 10px;
    background: #f9f9f9;
}
.service-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    border: 1px solid #e5e5e5;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px #e7e7e7;
}

.service-name {
    font-weight: 600;
    font-size: 14px;
}

.service-name small {
    display: block;
    font-weight: 400;
    color: #777;
    margin-top: 3px;
}
.service-status {
    font-size: 15px !important;
    font-weight: 500;
    margin-bottom: 0;
}
.service-status.completed {
 
    color: #1e7e34;
}


.od_status {
    font-size: 14px !important;
    margin-bottom: 0;
    color: #5c5c5c;
    font-weight: 500;
}
.py_status_pade {
    color: red;
    background: #f9763136;
    border-radius: 15px;
    padding: 0px 15px;
    font-size: 13px !important;
    line-height: 25px;
    /* border: 1px solid #f37101; */
}

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

.py_status_comp {
    color: green;
 
    background: #00800029;
    border-radius: 15px;
    padding: 0px 15px;
    font-size: 13px !important;
    line-height: 25px;
}

.service-status.processing {
  
    color: #cc8400;
}



/*-- order details---*/

.compactWrap {
    padding: 50px 0px 30px;
}
.compactCard {
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 2px 7px rgb(0 0 0 / 19%);
    gap: 20px;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
}
.imgPart img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 5px;
}
/* Info */
.infoPart{
  flex:1;
}


.priceBox h6{
        font-size: 15px;
    font-weight: 600;
}

.btn_boxes {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.rowTop h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.orderId{
  font-size:12px;
  color:#777;
  margin:0;
}
.rating{
    line-height: 15px;
}

.rating i{
  font-size:9px;
  color:#ccc;
}

.rating .active{
  color:#ffb400;
}

.mainPrice {
    font-weight: 500;
    margin: 6px 0 1px;
    font-size: 14px;
    color: #505050;
    line-height: 16px;
}
.smallInfo {
    font-size: 14px;
    color: #4d4d4d;
}
.statusRow {
    margin-top: 0px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.statusRow p{
        font-size: 14px !important;
    color: #4b4b4b;
    margin: 0;
}

.badge {
   padding: 8px 13px;
    /* border-radius: 20px; */
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
}

.badge11 {
   padding: 0 0;
    /* border-radius: 20px; */
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
}

.badge_paid {

    font-size: 11px !important;
    background: #fff1e5;
    padding: 5px 8px 4px;
    text-shadow: none !important;
    border-radius: 24px;
}



.badge2 {
    padding: 1px 13px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px;
}
.border_bottom{
        border-bottom: 1px dashed #d7d6d7;
}

.border_top{
     border-top: 1px dashed #d7d6d7;
}

.add_user_name{
        font-size: 17px;
    font-weight: 600;
}

.card-footer {
    border-top: var(--bs-card-border-width) solid rgb(0 0 0 / 6%) !important;
}



.paid{
  color:red;
}

.completed{
  color:#1ca34a;
}
.img_details {
    display: flex;
    align-items: center;
    gap: 20px;
}
/* Price Box */
.priceBox {
    background: #ff780417;
    padding: 8px 10px;
    border-radius: 10px;
    min-width: 210px;
}


.priceBox2 {
    background: #ffffff;
    padding: 8px 10px;
    border-radius: 7px;
    min-width: 210px;
    /*border: 1px solid #f37101;*/
}

.priceBox2 h6 {
    font-size: 18px;
    font-weight: 600;
    /*text-align: center;*/
    margin-bottom: 13px;
    margin-top: 3px;
}

.invoiceBtn2 {
    background: #f37101;
    border: 1px solid #f37101;
    color: #fff !important;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 12px;
    transition: 0.3s;
    font-weight: 600 ;
    margin-top: 7px;
    /* margin: auto; */
    width: 100%;
    text-align: center;
    /* display: flex; */
}

.priceLine {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    margin: 0px 0;
        color: #2a2a2a;
}

.total {
    color: #f37101;
    font-size: 14px;
    font-weight: 600;
    border-top: 1px dashed #c3c3c3;
    padding-top: 8px;
    margin-top: 8px;
    padding-bottom: 2px;
}


/* Button */
.btnPart{
  text-align:right;
}

.complaintBtn {
    background: #eb1b00;
    color: #fff;
    border: none;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 12px;
    transition: 0.3s;
    font-weight: 600;
    /* width: 22%; */
    border: 1px solid #eb1b00;
    margin-top: 13px;
}


.invoiceBtn {
    background: #0968bc;
    border: 1px solid #0968bc;
    color: #fff;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 12px;
    transition: 0.3s;
    font-weight: 600;
    margin-top: 13px;
}
.ratingBtn {
    background: #198754;
    border: 1px solid #198754;
    color: #fff;
    padding: 0px 5px;
    border-radius: 5px;
    font-size: 12px;
    transition: 0.3s;
    font-weight: 600;
    margin-top: 13px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.order-strip {
    margin: 0 0px 5px;
    padding: 12px 0px 9px;
}
.left h5 {
    font-size: 15px;
    margin-bottom: 0px;
    text-shadow: 0px 1px 0px #131314;
}
.services {
    padding: 0px 0px 10px;
}
.service-row {
    flex-wrap: wrap;
    gap: 0;
}


.service-row ul {
    gap: 5px;
    flex-wrap: wrap;
    font-size: 12px;
}


.service-row li{
    line-height: 15px;
}
.od_status {
    font-size: 12px !important;
    font-weight: 400;
}
.service-status {
    font-size: 12px !important;
}
.service-row {
    padding: 15px 0 10px;
}
.od_btn {
    font-size: 13px !important;
}

.imgPart img {
    width: 90px;
    height: 90px;
}
.img_details {
    gap: 12px;
}
.rowTop h4 {
    font-size: 14px;
}
.rating i {
    font-size: 8px;
}
.rating {
    line-height: 13px;
}
.mainPrice {
    font-size: 13px !important;
    line-height: 14px;
}
.smallInfo {
    font-size: 13px;
        line-height: 21px;
}
.statusRow {
    gap: 0px;
    flex-wrap: wrap;
}
.statusRow p {
    font-size: 13px !important;
    line-height: 20px;
}
.statusRow p:nth-child(2) {
    display: none;
}

.priceLine {
    font-size: 12px;
}
.total {
    font-size: 14px !important;
}
.compactWrap {
    padding: 30px 0px 10px;
}

.complaintBtn {
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
}

.compactCard {
    background: #fff;
    padding: 15px 13px;
    border-radius: 14px;
    box-shadow: 0 2px 7px rgb(0 0 0 / 19%);
    gap: 20px;
    border: 1px solid #d7d7d7;
}
}

.star-rating{
        line-height: 20px;
    margin-bottom: 12px;
}


.star-rating i{
   font-size:13px;
   cursor:pointer;
   color:#ccc;
   margin-right:4px;
   transition:0.2s;
}

.star-rating i.active{
   color:#ffb400;   /* Golden Yellow */
}

.toggleTabs {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    justify-content: center;
    flex-wrap:wrap;
}
.tab_active_bnt {
    color: #fff !important;
    background: #f37101;
    padding: 5px 18px;
    border-radius: 5px;
    font-size: 15px;
    width: auto;
    font-weight: 500;
    height: 35px;
}

.tabl_btn {
    color: #000;
    background: #fff;
     padding: 5px 18px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
       width: auto;
    border-radius: 7px;
        height: 35px;
    border: 1px solid #2e55a2;
}

.tabl_btn:hover {
   color: #fff !important;
    background: #f37101;
      border: 1px solid #f37101;
}


.plan_card img {
    height: 130px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.policy-link{
    text-decoration: none;
    color: #000;
    font-weight: 500;
}

.policy-link.active{
    color: #2e55a2 !important;   /* Blue color (aap koi bhi de sakti ho) */
    font-weight: 600;
}

.tax-box {
    /* border: 1px solid #e5e7eb; */
    border-radius: 7px;
    padding: 0px 10px;
    margin: 15px 0 0;
}
.plan_card h6 {
    font-size: 17px;
    font-weight: 600;
    color: #323131;
    margin-bottom: 4px;
}
.ssc {
    font-size: 13px;
    font-weight: 400;
    color: #525252;
    line-height: 22px;
}

.ssc span {
    font-size: 13px;
    font-weight: 400;
    color: #525252;
}

.plan_service {
    list-style: none;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 3px;
}

.qty_list   {
    list-style: none;
    display: flex;
    gap:20px;
    flex-wrap: wrap;
    }
    
.part_details ul {
    list-style: none;
    width: 100%;
    display: block;
    gap: 9px;
    flex-wrap: wrap;
}
.part_span {
    font-size: 13px;
    font-weight: 500;
    color: #f371019e;
}
    
.part_details h5 {
    font-size: 15px;
    font-weight: 500;
    color: #f37101;
    margin-top: 16px;
    margin-bottom: 10px;
}
.part_details li {
    display: flex;
    gap: 10px;
    color: #1e1e1e;
    font-size: 13px;
    margin-bottom: 2px;
}  
    
.qty_list span {
    font-weight: 500;
    color: #252525;
    font-size: 13px;
}
 .qty_list li{
    font-size: 14px;
}

.text-list {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #c6c6c6;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

.tax_amount {
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: #0a0a0a;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px !important;
    border-bottom: 1px dashed #c8c8c8;
    padding-bottom: 3px;
}
.price_amount {
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: #2e55a2;
    font-weight: 600;
    font-size: 14px !important;
    margin: 0;
}
.text-list li{
        font-size: 14px;
    color: #434343;
    display: flex;
    gap: 15px;
}

.text-list span{
        font-weight: 500;
    color: #000;
    font-size: 12px;
}
.tax-box h4 {
    font-size: 14px;
    font-weight: 500;
    color: #059b12;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.tax_h5 {
    font-size: 15px;
    color: #04a50a;
    margin-bottom: 12px;
    margin-top: 0px;
}
.tax-box p {
    font-size: 13px !important;
    color: #4b5563;
    margin: 0;
    padding-top: 0;
    gap: 15px;
    line-height: 12px;
    display: flex;
    flex-wrap: wrap;
}

.complaintBtn2 {
    background: #eb1b00;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    transition: 0.3s;
    font-weight: 600;
    /* width: 22%; */
    border: 1px solid #eb1b00;
    margin-top: 0;
}
.ratingBtn2 {
    background: #198754;
    border:none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    transition: 0.3s;
    font-weight: 600;
    margin-top: 0;
}


.grid2 {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 7px;
    width: 81%;
}

.info-box1 {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    padding: 7px 8px 0px;
    text-align: center;
    flex: 1 1 auto;
}
.info-box1 label {
    font-size: 0.75rem;
    color: #6b7280;
    display: block;
    margin-bottom: 0px;
    line-height: 17px;
}

.order {
    color: #f59e0b;
}

.city {
    color: #2563eb;
}

.info-box1 strong {
    font-weight: 500;
    font-size: 13px;
}


.total11 {
    margin-top: 10px;
    background: linear-gradient(90deg,#ecfdf563,#f0fdf4b0);
    border: 1px solid #bbf7d087;
    border-radius: 7px;
    padding: 2px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.total11 span {
    font-size: 0.85rem;
    font-weight: 500;
    color: #065f46;
}

.total strong {
    font-size: 0.9rem;
    font-weight: 700;
    color: #047857;
}

.plan_card {
    padding: 15px 15px 10px;
    /* border: 1px solid #cdcdcd; */
    border-radius: 10px;
    position: relative;
    background-color: #fff;
    box-shadow:0px 0px 21px #d5d5d5b3;
}

.badge-orderid {
    background-color: #fd9b09;
    color: #fff;
    padding: 7px 9px !important;
    border-radius: 16px;
    font-weight: 500;
    right: 0;
    top: 0;
}
.service_id {
    font-size: 13px;
    font-weight: 500;
    color: #373737;
    margin-bottom: 6px;
}
.service_id span{
        font-size: 12px !important;
}
/*--- paln product----*/

.card_h6 {
    font-size: 16px;
    font-weight: 600;
    color: #020202;
    margin-bottom: 0px;
    margin-top: 8px;
}
.pt_add {
    display: flex;
    gap: 5px;
    align-items: center;
    color: #3c3c3c;
    font-size: 13px !important;
    margin-bottom: 0px;
}


.payment_sec{
    background:#e5e5e5;
    
}


.payment_sec .payment_sec_header{
        background-color: rgb(255, 255, 255);
            padding: 15px 15px;
           position: sticky;
    top: 0;
    z-index: 99;

}

.payment_sec .payment_sec_header .pay_head_flex{
   display:flex;
   gap:20px;
}

.payment_sec .payment_sec_header .pay_head_flex a{
    display:inline-block;
    color:#000;
    font-size:18px;
}



.payment_sec .payment_sec_header .pay_head_flex h4{
    margin-bottom: 4px;
    font-size: 20px;
}


.payment_sec .payment_sec_header .pay_head_flex p{
    margin:0;
    font-size:15px;
}

.payment_bx{
       background: #fff;
    padding: 25px 15px;
    margin-top: 4px; 
}

.payment_bx h4{
    margin-bottom: 0px;
    font-size: 20px;
}

.payment_bx .red_colr{
    margin-bottom: 0px;
    font-size:12px !important;
    color:rgb(210, 152, 34);
    margin-top:4px;
}


.payment_bx span{
    color: rgb(7, 121, 76);
    background-color: rgba(237, 247, 242, 1.00);
    font-size: 14px;
    display: inline-block;
    padding: 2px 5px 1px;
    border-radius: 2px;
}

.payment_bx .pynt-content{
    display:flex;
    align-items:center;
    gap:15px
}

.payment_bx .pynt-content img{
    width: 35px;
    height: 35px;
    padding: 2px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    display: inline-block;
}

.payment_bx  .pynt-content p{
    font-size:15px;
    margin:0;
    
}



.policy-main-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 13px;
    margin-top: 13px;
    color: #090a09;
}


.policy-card {
    background: #ffffff;
    padding: 0;
    border-radius: 7px;
    margin-bottom: 10px;
    transition: 0.3s;
    border: 1px solid #e5e7eb;
}


.policy-header {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    color: #f37101;
    padding: 1px 9px 2px;
    border-bottom: 1px solid #ffa40917;
    background: #ffa4090a;
}

.policy-header i {
    margin-right: 8px;
    font-size: 13px;
}

.policy-card p {
    margin: 0;
    font-size: 13px !important;
    color: #3c3c3c;
    line-height: 22px;
    padding: 0 15px 4px;
}

/*---my account ---*/
    
    .card_localaccount {border-radius: 15px; transition: transform 0.2s, box-shadow 0.2s;}
.card_localaccount:hover {transform: translateY(-3px); box-shadow: 0 6px 18px rgba(0,0,0,0.15);}
.profile-card_localaccount {
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    border-radius: 15px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}.profile-info_account {display:flex; align-items:center; gap:15px;}
.profile-img_account {width:80px; height:80px; border-radius:50%; object-fit:cover; border:3px solid #ff6600;}
.widget-card_localaccount {display:flex; align-items:center; gap:15px; padding:15px; border-radius:12px; transition:0.2s; background:#fff; box-shadow:0 4px 8px rgb(0 0 0 / 22%);}
.widget-card_localaccount:hover {transform: translateY(-2px); box-shadow:0 6px 12px rgba(0,0,0,0.12);}
.widget-icon {font-size:1.8rem; width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff;}
.widget-orders {background:#ff6600;}
.widget-wishlist {background:#ff4081;}
.widget-payments {background:#0066cc;}
.widget-addresses {background:#00b894;}
.calendar-widget {padding:15px; background:#fff; border-radius:12px; box-shadow: 0 4px 8px rgb(0 0 0 / 21%);}
.calendar-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.calendar-header button {background:none; border:none; cursor:pointer;}
.calendar-header svg {width:20px; height:20px; fill:#0066cc;}
.calendar-widget table {width:100%; border-collapse: collapse; text-align:center;}
.calendar-widget th {
    padding: 6px;
    color: #fff !important;
    border-radius: 0;
    background: #2e55a2;
}
.calendar-widget td {padding:10px; border-radius:0; cursor:pointer; transition:0.2s;}
.calendar-widget td:hover {background:#ffe0b3;}
.calendar-widget td.today {background:#ff6600; color:#fff !important; font-weight:bold;}
.weekdays td:nth-child(1) {
    color: #ff3b3b !important;
}
.weekdays td:nth-child(7) {
    color: #2e55a2 !important;
}
.notifications .notif-card_localaccount {display:flex; align-items:center; gap:10px; padding:10px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:10px; transition:0.2s; background:#fff;}
.notifications .notif-card_localaccount:hover {transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.12);}
.notif-icon {width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff;}
.notif-order {background:#ff6600;}
.notif-wishlist {background:#ff4081;}
.notif-offer {background:#0066cc;}

/*--profle edit--*/
  .profile-card11 {background:#fff; padding:20px; display:block; align-items:start; text-align:center; justify-content:space-between; border-radius:5px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.profile-info11 {display:block; align-items:center; gap:15px;}
.profile-img11 {width:110px; height:110px; border-radius:50%; object-fit:cover; border:3px solid #ff6600;}
.card {

    border-radius: 5px !important;
 
}

input[type=tel]{
    border: none !important;
}




/*--- invoice----*/

.aut_sign{
        color: #070707 !important;
        font-size:12px !important;
}
.invoice-box {
    /* max-width: 950px; */
    margin: auto;
    background: #fff;
    padding: 0;
    border-radius: 0;
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.08); */
    border: 1px solid #e6e6e6;
}
.invoice_body2 {
    padding: 0px 20px 0px !important;
}
.invoice_body2 h6{
        font-size: 14px;
    text-align: center;
    margin: 16px 5px;
    font-weight: 500;
}

.invoice-header {
    border-bottom: 1px dashed #ffffff;
    padding: 10px 20px;
    background: #f37101;
}

.logo-area {
    text-align: end;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-area img {
    width: 66px;
    height: 60px;
    object-fit: contain;
}

.invoice-header p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.invoice-header p i {
    font-size: 16px;
    color: #fff;
    padding-right: 7px;
    border-right: 1px solid #fff;
}

.invoice_body {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px !important;
    align-items: start;
    background: #fff;
    /* border: 1px solid #dcdcdc; */
    flex-wrap: wrap;
}
.client-info h2 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}
.client-info p{
    font-size: 13px !important;
    color: #3e3e3e;
        line-height: 22px;
}


.invoice-meta {
    text-align: end;
}

.invoice-meta h6{
    font-size: 15px;
    font-weight: 500;
    color: #000;
        margin-bottom: 5px;
}
.invoice-meta p{
    font-size: 13px !important;
    color: #3e3e3e;
        line-height: 22px;
}

.trans_tabl th:first-child,
.trans_tabl td:first-child {
    width: 40%;
    max-width: 250px;
    word-wrap: break-word;
}
.trans_tabl p {
    margin: 0;
    font-size: 10px !important;
    color: #e9e9e9;
    font-weight: 500;
    line-height: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.tbl_span {
    font-size: 12px;
}

.trans_tabl {
    text-align: center;
}
.trans_tabl thead {
    background: #202020;
}

.trans_tabl th {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 5px 10px 3px;
}
.invoice-box h5{
        font-size: 15px;
    font-weight: 600;
    color: #f37101;
}

.trans_tabl tfoot{
        border: 1px solid #dee2e6;
}

.trans_tabl td{
     line-height: 20px;
    font-size: 13px;
    color: #5a5a5a;
    padding: 5px 10px;
}

.total-box p, .total-box h3 {
    background: #efefef;
    display: flex;
    justify-content: end;
    margin-bottom: 0;
    padding: 7px 4px;
    border-bottom: 1px solid #dee2e6;
}
.total-box p b {
    width: 115px;
}



.w-70 {
    width: 70px;
}

.total-box {
  
    padding: 8px 10px;
    border-radius: 10px;
    min-width: 210px;
    width: 30%;
    margin-left: auto;
}

.paid_invoice{
        width: 10%;
}
.paid_invoice11 {
    width: 30%;
    text-align: center;
    margin: auto;
}
.invoice_foot{
    display:flex;
        justify-content: space-between;
    align-items: center;
}
.head_cont{
        display: flex;
    justify-content: center;
    gap: 40px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    
.order-strip {
    margin: 0 0px 5px;
    padding: 8px 10px 6px;
}
.grid2 {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 7px;
    width: 100%;
}
.left h5 {
    font-size: 15px;
    margin-bottom: 0px;
    text-shadow: 0px 1px 0px #131314;
}
.services {
    padding: 5px 10px 0px;
}
.service-row {
    flex-wrap: wrap;
    gap: 0;
}

.pyment {
    margin-bottom: 0 !important;
}

.py_status_pade {
    color: red;
    background: #f9763136;
    border-radius: 15px;
    padding: 0px 11px;
    font-size: 10px !important;
    line-height: 20px;
    /* border: 1px solid #f37101; */
}


.service-row ul {
    gap: 5px;
    flex-wrap: wrap;
    font-size: 12px;
}


.service-row li{
    line-height: 15px;
}
.od_status {
    font-size: 12px !important;
    font-weight: 400;
}
.service-status {
    font-size: 12px !important;
}
.service-row {
    padding: 10px 10px 3px;
}
.od_btn {
    font-size: 13px !important;
}

.imgPart img {
    width: 90px;
    height: 90px;
}
.img_details {
    gap: 12px;
}
.rowTop h4 {
    font-size: 14px;
}
.rating i {
    font-size: 8px;
}
.rating {
    line-height: 13px;
}
.mainPrice {
    font-size: 13px !important;
    line-height: 14px;
}
.smallInfo {
    font-size: 13px;
        line-height: 21px;
}
.statusRow {
    gap: 0px;
    flex-wrap: wrap;
}
.statusRow p {
    font-size: 13px !important;
    line-height: 20px;
}
.statusRow p:nth-child(2) {
    display: none;
}

.priceLine {
    font-size: 12px;
}
.total {
    font-size: 14px !important;
}
.compactWrap {
    padding: 30px 0px 10px;
}

.complaintBtn {
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
}

.compactCard {
    background: #fff;
    padding: 15px 13px;
    border-radius: 14px;
    box-shadow: 0 2px 7px rgb(0 0 0 / 19%);
    gap: 20px;
    border: 1px solid #d7d7d7;
}
.card_h6 {
    font-size: 16px;
}
.service_id {
    font-size: 13px;
}
.service_id span {
    font-size: 11px !important;
}
.pt_add {

    font-size: 13px !important;
}
.qty_list span {
    font-size: 14px;
}
.qty_list li {
    font-size: 13px;
}
.text-list span {
    font-size: 12px;
}
.tax_amount {
    font-size: 13px !important;
}
.price_amount {
    font-size: 13px !important;
}
.part_details ul {
    display: block;
    gap:7px;
}
.part_details li {
    margin-bottom: 2px;
    font-size: 13px;
}
.part_span {
    font-size: 11px;
}
.invoice-meta {
    text-align: start;
    margin-top: 25px;
}
.total-box {
    width: 100%;
}
.invoice_body2 h6 {
    font-size: 11px;
        margin: 8px 0px 15px;
    font-weight: 400;
    line-height: 16px;
}
.paid_invoice {
    width: 28%;
}
.paid_invoice11 {
    width: 55%;
}
.trans_tabl th:nth-child(4){
    width: 25%;
}
.trans_tabl td:nth-child(4){
    width: 25%;
}
.invoice-header p {
    font-size: 11px !important;
    color: #fff;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    line-height: 22px;
 justify-content: end;
}
.head_cont {
    display: flex;
    justify-content: end;
    gap: 0;
    flex-wrap: wrap;
}

.logo-area img {
    width: 115px;
    height: 62px;
    object-fit: contain;
}

.invoice-header p i {
    font-size: 11px;
    color: #fff;
    padding-right: 7px;
    border-right: 1px solid #fff;

}
}

.wlt_bx{
display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border-radius: 12px;
    transition: 0.2s;
    background: #fff;
    box-shadow: 0 4px 8px rgb(0 0 0 / 22%);
}

.wlt_bx .wlt_icon{

font-size: 1.8rem;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  background: #2e55a2;
}

.wlt_sec table thead tr th:first-child{
    border-radius:12px 0px 0px 0px ;
}

.wlt_sec table thead tr th:last-child{
    border-radius:0px 12px 0px 0px ;
}

#newsletterForm .nuseform {
    height: 77px !important;
    padding: 15px 30px !important;
}
.mttest{
    margin-top: 40px;
}
.infocont{
    color: #f37101;
}

.infocont i{
   margin-top: 13px; 
   font-size:18px;
}

.br-right{
       border-right: 1px solid #dadada;
}

.postcase__thumb img {
    border-radius: 20px;
    height: 440px;
    object-fit: cover;
    width: 100%;
}
.popplan{
        background: #fff;
    border-radius: 16px;
    max-width: 400px;
    width: 67%;
    max-height: 100%;
    overflow-y: auto;
    padding: 20px 15px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.spchatimg {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
}

.text-primarysup{
    font-size: 16px !important;
    font-weight: 500;
    color: #0459a3 !important;
}
.datesup{
        font-size: 12px !important;
}

.sup_strong{
        font-weight: 500;
    font-size: 13px;
}

.sup_trans{
       height: 24px;
    line-height: 14px; 
}
.sup_des p{
    font-size: 14px !important;
    color: #2f2f2f;
}

.sup_trans i {
    padding: 0px 3px;
    font-size: 12px !important;
}
.baisecheck_sec{
        padding: 50px 0;

}

  .profile-card11 {background:#fff; padding:20px; display:block; align-items:start; text-align:center; justify-content:space-between; border-radius:5px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.profile-info11 {display:block; align-items:center; gap:15px;}
.profile-img11 {width:110px; height:110px; border-radius:50%; object-fit:cover; border:3px solid #ff6600;}
.card {

    border-radius: 5px !important;
 
}

input[type=tel]{
    border: none !important;
        height: 40px !important;
}

input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=url] {
      height: 40px !important;
}

.theme-btn{
    background:#f37101;
        color:#fff;
        padding: 10px 10px !important;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
     letter-spacing: 0.03em;
}

.theme-btn:hover{
    background:#2e55a2;
    color:#fff;
}

.theme-btn:active{
    background:#2e55a2;
    color:#fff;
}

.phone-input {
    /*display: flex;*/
    /*align-items: center;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 6px;*/
    /*overflow: hidden;*/
    /*cursor: pointer;*/
}
.code-box {
    padding: 7px;
    background: #f9f9f9;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    gap: 5px;
}
.code-box .arrow {
    font-size: 12px;
    transition: transform .3s ease;
}
.code-box.open .arrow {
    transform: rotate(180deg);
}
.phone-input input {
    border: none;
    flex: 1;
    padding: 10px;
    font-size: 14px;
    outline: none;
}

/* overlay */
.overlay {
    display: none;
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9;
}


.popup {
    display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 300px; max-height: 300px;
    background: #fff;
    border-radius: 8px;
    overflow-y: auto;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease;
}
.popup.show {
    display: block;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.popup h4 {
    margin: 0; padding: 10px;
    background: #f2f2f2;
    border-bottom: 1px solid #ccc;
}
.popup tr { margin: 0; padding: 0; list-style: none; }
.popup td {
    padding: 10px;
    cursor: pointer;
    display: flex; align-items: center;
    gap: 10px;
}
.popup td:hover { background: #f9f9f9; }

    
     .login_form_box{
    background: white;
    border-radius: 15px;
   box-shadow: 0px 4px 13px #e4e2e2;

}

.otp_input{
    outline: none;
    background-color: #fff;
    height: 40px !important;
    width: 100%;
    line-height: 56px;
    font-size: 14px;
    color: var(--swiftx-common-black);
    padding-left: 10px !important;
    padding-right: 10px !important;
    border: 1px solid #E0E2E3;
}
.swiftx-btn-square {
    background-color: var(--swiftx-theme-2);
    color: var(--swiftx-common-white);
    height: 45px !important;
    line-height: 46px !important;
    padding: 0 10px !important;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize !important;
    position: relative;
    z-index: 9;
}

           .postcase__details-share a {
    height: 37px;
    width: 37px;
    text-align: center;
    line-height: 37px;
    display: inline-block;
    background-color: #e4edff !important;
    color: #2e55a2 !important;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
    border-radius: 8px !important;
}

.postcase__details-share a:hover

 {
    background-color: #f37101 !important;
    color: var(--swiftx-common-white) !important;
}


.postcase__meta span a {
    color: var(--swiftx-theme-1);
    
}


.postcase__title {
    font-weight: 600 !important;
    font-size: 28px !important;
    color: var(--swiftx-common-black);
    margin-bottom: 18px !important;

}

.postcase__text p {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #838383;
    margin-bottom: 10px !important;
}


.rc__meta{
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.rc__meta p{
    display: flex;
    align-items: center;
    gap: 5px;
    margin:0 !important;
}

.rc__post-image-adjust{
    width: 85px !important;
    height: 75px !important;
}
.sidebar__widget-title {

    padding-left: 0px !important;
    margin-bottom: 15px !important;
}
.rc__post {
    padding: 20px 15px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 0px #cfd0d1;
/*    border: 1px solid #f37102;*/
}


/*---service details---*/

.custom-badge
 {
    display: inline-flex;
    align-items: center;
    background: #359539;
    color: #fff;
    font-weight: 600;
    padding: 0px 6px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 10px;
}

.custom-badge i {
    margin-left: 4px;
    font-size: 10px;
}


    .add_badge{
      font-size: 14px;
    background-color: #feffff;
    width: 75%;
    margin: auto;
    text-align: center;
    color: #375da6 !important;
    border: 2px solid #395ea6;
    }
    
    .rc__post1 {
    padding: 10px 10px;
    background: #ffffff;
    border-radius: 2px;
    /* box-shadow: 0px 0px 10px #cfd0d1; */
    border: 1px solid #f2f0f1;
}

.rc__post-image-adjust1 {
    width: 70px !important;
    height: 60px !important;
}

.empty-cart-container a.btn-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.card-style {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 16px;
    padding: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rating_sec .nav-pills{
    
}

.rating_sec .nav-item .nav-link{
border-radius: 14px;
    font-size: 13px;
    font-weight: 600;
    padding: 5px 20px 2px;
    background: #f3f4f6;
    color: #374151;
    margin-right: 8px;
}
.rating_sec .nav-item .nav-link.active{
        background: #ff9800;
    color: #fff;
}

.rating_sec .nav-item .nav-link:hover{
        background: #ff9800;
    color: #fff;
}

.rating_sec table thead tr th:first-child {
    border-radius: 12px 0px 0px 0px;
}


.rating_sec table thead tr th:last-child {
    border-radius: 0px 12px 0px 0px;
}

.rating_sec table{
    border: transparent;
    background: #fff;
    border-radius: 12px;
}

            .complaint-card{
padding:15px 15px 0px ;
}

.complaint-title{
font-size:15px;
font-weight:600;
margin-bottom:4px;
}

.complaint-desc{
font-size:13px;
color:#666;
margin-bottom:5px;
}

.complaint-date{
font-size:12px;
color:#999;
}

.complain_crd .statusRow {
    margin-top: 0px;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #e1e1e1;
}

.ratingBtn2:hover{
    color:#fff;
}

/*-- search----*/
.postcase__details-share a {
    height: 37px;
    width: 37px;
    text-align: center;
    line-height: 37px;
    display: inline-block;
    background-color: #e4edff !important;
    color: #2e55a2 !important;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
    border-radius: 8px !important;
}
.postcase__details-share a:hover {
    background-color: #f37101 !important;
    color: var(--swiftx-common-white) !important;
}
.postcase__meta span a { color: var(--swiftx-theme-1); }
.postcase__title { font-weight: 600 !important; font-size: 28px !important; color: var(--swiftx-common-black); margin-bottom: 18px !important; }
.postcase__text p { font-weight: 400; font-size: 16px !important; line-height: 25px !important; color: #838383; margin-bottom: 10px !important; }

.rc__meta p { display: flex; align-items: center; gap: 5px; margin:0 !important; }
.rc__post-image-adjust { width: 85px !important; height: 75px !important; }
.sidebar__widget-title { padding-left: 0px !important; margin-bottom: 15px !important; }
.rc__post { padding: 20px 15px; background: #ffffff; border-radius: 10px; box-shadow: 0px 0px 10px #cfd0d1; }
.custom-badge { display: inline-flex; align-items: center; background: #359539; color: #fff; font-weight: 600; padding: 0px 6px; border-radius: 3px; font-size: 12px; margin-left: 10px; }
.custom-badge i { margin-left: 4px; font-size: 10px; }
.add_badge { font-size: 14px; background-color: #feffff; width: 75%; margin: auto; text-align: center; color: #375da6 !important; border: 2px solid #395ea6; }
.rc__post1 { padding: 10px 10px; background: #ffffff; border-radius: 2px; border: 1px solid #f2f0f1; }
.rc__post-image-adjust1 { width: 70px !important; height: 60px !important; }
.load-more-btn {
    display: block;
    margin: 20px auto;
    background-color: #2e55a2;
    color: #fff;
    padding: 8px 20px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    transition: 0.3s;
}
.load-more-btn:hover {
    background-color: #f37101;
}


/*--store--*/

.page-filter-section select {
    /* border: none !important; */
    border-bottom: 1px solid #c7c7c7 !important;
    border-radius: 5px;
    box-shadow: none;
    height: 40px !important;
    font-size: 16px !important;
}

  .page-filter-section input:focus,
  .page-filter-section select:focus {
    border-color: #f37101 !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .page-search-box {
    display: none;
  }

.service-card11 {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 15px rgb(212 212 212);
    padding: 25px;
    height: 100%;

}
 .service-title {
    font-size: 21px;
    font-weight: 500;
    color: #323334;
    margin-bottom: 15px;
}

  .service-info {
    font-size: 15px;
    color: #444;
    margin-bottom: 9px;
  }

  .service-note {
    font-size: 14px;
    color: #e63946;
    margin: 8px 0;
  }
  
  .store-btn{
      display:flex;
      align-items:center;
      gap:25px;
        border-top: 1px solid #ced4da;
    padding-top: 1px;
    margin-top: 16px;
}
  

 .store-btn .btn-appointment {
width: 45px;
    height: 40px;
       margin-top: 10px;
}
 .store-btn .btn-appointment img{
width:100%;
}
  
 .store-btn  .btn-call {
    display: inline-block;
    background: #2e55a2;
    color: #fff;
       font-size: 16px;
    padding: 9px 15px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 15px;
    transition: background 0.3s;
}
  .store-btn .btn-call:hover {
    background: #2e55a2;
    color: #fff;
  }
  
  .store-btn .btn-whatsapp {
    display: inline-block;
    background: #3fc351;
    color: #fff;
      font-size: 22px;
    padding: 9px 14px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 15px;
    transition: background 0.3s;
}
  .store-btn .btn-whatsapp:hover {
    background: #3fc351;
    color: #fff;
  }
  
.service-info i {
    font-size: 17px;
    color: #f37101;
    margin-right: 10px;
    margin-top: 4px;
}


.search_btn {
    background: rgb(243, 113, 1) !important;
    color: rgb(255, 255, 255) !important;
    padding: 9px 18px !important;
    border-radius: 7px !important;
    border: 1px solid rgb(243, 113, 1) !important;
}

.bg-box {
    background: #ffffff;
    padding: 17px 40px;
    border-radius: 64px;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 4px 5px #e5e5e5;
}
.breadcrumb__height{
    z-index: -9999 !important;
}


.support_chat p:last-child{
    margin:0;
}


/*-- wallet ----*/
.ey_btn{
    width: 30px;
    height: 30px;
    background: #2e55a2;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 32px;
    display: inline-block;
}

.ey_btn:hover{
    color: #fff;
}

.receipt-header {
    background: #ff9800;
    color: white;
    padding: 1.5rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.receipt-header img{
       width: 70px;
    margin-bottom: 10px;
}

.receipt-header h4 {
    font-size: 20px;
}

.receipt-body {
    padding: 2rem;
    background-color: white;
    position: relative;
}
.detail-row {
    display: flex;
    margin-bottom: 1rem;
}

.detail-label {
    flex: 1;
    color: #808083;
    font-weight: 500;
}

.detail-value {
    flex: 2;
    font-weight: 500;
    text-align: right;
    color: #313131;
}

.divider {
    border-top: 2px dashed #e3e6f0;
    margin: 20px 0;
    position: relative;
}

.divider-text {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    padding: 0 1rem;
    color: #989898;
    font-size: 0.8rem;
}

.amount-display{
    font-size: 35px !important;
    font-weight: 700;
    margin: 1.5rem 0;
    text-align: center;
}

.alert-light {
    color: #3f475a !important;
    background-color: #f8f9fc !important;
}

.receipt-footer {
    background-color: #f8f9fc;
    padding: 1.5rem;
    text-align: center;
    border-top: 1px solid #e3e6f0;
}

.walletdetailModal .modal-content {
        width: 580px !important;
        margin-top: 50px !important;
    }
    
    
    
    
    
    /*--- check out---*/

input[type=text]{
     font-size: 14px !important;
 }
 
  input[type=checkbox]{
 color:#000;
 }
 

 

/* For Select2 Height Fix */
.select2-container--bootstrap-5 .select2-selection--single {
    height: 40px !important;
    padding: 6px 12px !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

/* Select2 focus border color + remove shadow */
.select2-container--bootstrap-5.select2-container--focus .select2-selection {
    border-color: #ff7906 !important;
    box-shadow: none !important;
}

/* Single select specific */
.select2-container--bootstrap-5.select2-container--focus .select2-selection--single {
    border-color: #ff7906 !important;
    box-shadow: none !important;
}

.login-box {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
/*    box-shadow: 0 0px 4px rgb(242 242 242 / 86%);*/
    text-align: start;
    border: 1px solid #eee;
}

.checktitle{
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 3px;
}

.pxcrt{
        padding: 0px 20px;
}

.address-card {
    border: none !important;
    border-radius: 5px;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: none !important;
    padding: 15px 20px;
}



.checktagline {
    font-size: 14px !important;
    color: #555;
    margin-bottom: 10px;
}

.br_10{
    border-radius: 10px;
}

.saving-text {
    font-size: 13px !important;
    line-height: 16px;
    color: #0f0f0f;
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    gap: 10px;
    font-weight: 500;
}

.saving-icon {
    font-size: 18px;
    color: #0f9114;
}

.poptitle{
    font-size: 25px;
    font-weight: 600;
    color: #202021;
}
    .checktagline2 {
    font-size: 13px !important;
    color: #3f3f3f;
    margin-bottom: 10px;
}

.location-box_icon {
    font-size: 20px;
    color: #737578;
    background: #edecec;
    padding: 9px 11px;
    border-radius: 6px;
} 

.location-box{
        padding: 15px 20px;
}

.location-contnt{
    display: flex;
    gap: 13px;
    align-items: start;
    
}

.details-sect{
        border-radius: 10px;
      border: 1px solid rgba(227,227,227,1.00);
}




.uc-card {
    background: #fff;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 15px;
    border: 1px solid #eee;
}

.uc-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uc-pname {
    font-weight: 400;
    margin: 0;
    color: #484848;
}

.qty-box {
    /* display: flex; */
    /* align-items: center; */
    gap: 8px;
    border-radius: 18px;
    padding: 7px 9px;
    background: #f1f1f1;
    width: 25px;
    height: 25px;
    border: 1px solid #5b8ae7;
    border-radius: 6px;
    padding: 2px 3px;
    line-height: 20px;
    background: #f1f1f1;
    text-align: center;
}

.qty-btn {
    width: 26px;
    height: 26px;
    border: none;
    text-align: center;
    font-size: 23px;
    
    line-height: 24px;
    border-radius: 6px;
    cursor: pointer;
}

.qty-count {
    font-weight: 600;
}

.uc-price-right {
    text-align: right;
}

.new-price {
    font-weight: 400;
    margin-bottom: 2px;
    line-height: 16px;
    color: #3a3b3b;
    font-size: 14px !important;
}

.lh_16{
        line-height: 16px;

}

.old-price, .old-p {
    text-decoration: line-through;
    color: #888;
    font-size: 11px !important;
    margin-bottom: 5px;
    line-height: 16px;
}

.coupon-box {
    border: 1px dashed #cba762;
}

.coupon-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    color: #e93f33;
    font-size: 15px;
}

.uc-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #3f3f3f;
}

.pay-line {
    display: flex;
    justify-content: space-between;
    margin: 6px 0;
}

.total {
    padding-top: 6px;
    border-top: 1px solid #eee;
}

hr{
    color:#c4c4c4 !important;
}

.bold {
    font-weight: 700;
    font-size: 16px;
}

.tip-row {
    display: flex;
    gap: 10px;
    margin: 10px 0;
}

.tip-btn {
       position: relative;
    border: 1px solid #ddd;
    padding: 2px 25px;
    border-radius: 7px;
    cursor: pointer;
    background: #ffffff;
    color: #2f2f2f;
}

.auto-tip {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 37px 0px 14px 0px;
    font-size: 13px;
    color: #252525;
    line-height: 16px;
}

.tip-note {
    font-size: 13px !important;
    color: #918f8f;
    margin-bottom: 0;
}

.uc-pnamebold {
    font-weight: 600;
    margin: 5px 0;
    color: #686868;
    font-size: 14px !important;
}



/* POPULAR badge */
.popular-btn .popular-tag {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: #f4f4f4;
    color: #0ca94f;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding-top: 3px !important;
    border: none;
    padding: 0px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.ap{
    font-size: 16px;
    font-weight: 500;
    color: #262627;
}

.lpview{
        width: 22%;
    border-bottom: 1px dashed #2b2b2b;
    font-size: 14px !important;
    font-weight: 500;
    color: #676767;
    margin-bottom: 0px;
    text-align: end;
}

.mt-08{
    margin-top:1px;
}

.baisecheck_sec .uc-card{
    padding:0;
}

.baisecheck_sec .uc-card .uc-txt-bx{
    padding:15px 20px;
}

.baisecheck_sec .uc-card .uc-heading {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #ffffff;
    padding: 10px 20px;
    background: #2e55a2;
    border-radius: 12px 12px 0 0px;
}

.baisecheck_sec .details-sect .location-box{
    padding:0px;
    position:relative;
}

.baisecheck_sec .details-sect .location-contnt{
        background: #2e55a2;
    padding: 10px 20px;
    color: #fff;
}
.baisecheck_sec .details-sect .checktitle {
    color: #fff;
    margin:0;
}

.p-20{
    padding:15px 20px;
}
.border-12{
    border-radius:12px 12px 0px 0px ;
}

 
.sm-btn-c11{
      width: 70px !important;
    height: 29px !important;
    line-height: 30px !important;
    background: #fff;
    color: #2e55a2 !important;
    border-radius: 5px;
    font-size: 12px;
}

 

 
 
 .px-20{
    padding-left:20px;
      padding-right:20px;
}


.baisecheck_sec .login-box{
    display:flex;
        align-items: baseline;
    justify-content: space-between;
    padding: 8px 20px;
        background: #2e55a2;
}

.chang_btn{
        font-size: 13px;
    color: #fff;
    background: #2e55a2;
    padding: 5px 10px;
    border-radius: 5px;
    width: auto;
    display: inline-block;
}
.anj{
position: absolute;
    top: 4px;
    right: 20px;
}
.anjj{
    position: absolute;
    top: 4.5px;
    right: 20px;
}
  
/* Tooltip container */
.tooltip {
  position: relative;
  display: contents; 
  cursor: pointer;
  margin-left: 5px;
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 300px;
  background-color: #333; 
  color: #ffffff;
  text-align: left;
  padding: 6px 10px;
  border-radius: 8px;
  position: absolute;
  z-index: 10;
top: 100%;
    right: 0px;
  transform: translateX(-50%);
  font-size: 13px;
  white-space: pre-line; /* Preserve line breaks */
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* Show tooltip on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Circle icon style */
.tooltip i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #007bff; /* Blue circle */
  color: white;
  font-size: 12px;
  text-align: center;
}



/*---- footer-----*/
 #bookingModal .modal-dialog {
    max-width: 900px ;
  
  }
 
  
 #bookingModal .modal-content2{
    position: relative;
    display: flex
;
    margin: auto !important;
    top: 0px !important;
    justify-content: center;
    flex-direction: column;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
  
  
   #bookingModal .modal-content2 form textarea{
       height:60px !important;
   }
  

 
  #bookingModal .modal-header {
    padding: 15px 20px 10px 20px !important;
  }
  #bookingModal .btn-close {
  /*  background-color: #f37101;
    border-radius: 50%;
    width: 32px;
    height: 32px;*/
  }
  #bookingModal .modal-title {
    font-weight: 600;
    color:#2e55a2;
  }
  
  
 #bookingModal select.form-control {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}



@media(max-width: 767px){
    #bookingModal .modal-dialog {
        width: 100%;
        max-width: 100% !important;
        margin: 0;
    }

    #bookingModal .modal-content {
        width: 100% !important;
    }
    
    #bookingModal .book_title{
        font-size: 18px;
    }
}



/*---- header- ----*/

.logo-trim{height: 75px;}

.swiftx-header-main__logo-1 {
position: relative;
top: 0;
left: 40px;
}

/* Cart Icon Badge */
.cart-count {
background: #f37101;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 18px !important;
border-radius: 50%;
position: absolute;
top: -5px;
right: -10px;
}

/* Cart Dropdown */
.cart-menu {
position: absolute;
top: 77px;
right: 20px;
width: 340px;
max-height: 400px;
/*overflow-y: auto;*/
background: #fff;
border-radius: 12px;
padding: 0px;
display: none;
/*  border-top: 4px solid #f37101;*/
z-index: 999999;
}

.cart-box{
border: 1px solid #edeaeb;
border-radius: 5px;
}

/* Cart Items */
.cart-item {
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.cart-item:last-child {
border-bottom: none;
}
.cart-item img {
width: 75px;
height: 70px;
border-radius: 8px;
object-fit: cover;
}

/* Checkout Button */
.checkout-btn {
background: #f37101 !important;
color: #fff;
font-weight: 600;
border-radius: 8px;
transition: 0.3s;
}
.checkout-btn:hover {
opacity: 0.9;
color: #fff;
}
.ellipsis-2 {
display: -webkit-box;
-webkit-line-clamp: 2;   /* sirf 2 line dikhegi */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

#bookingModal .modal-dialog {
max-width: 900px ;
}
 
  
#bookingModal .modal-content2{
position: relative;
display: flex;
margin: auto !important;
top: 50px !important;
justify-content: center;
flex-direction: column;
width: 900px;
color: var(--bs-modal-color);
pointer-events: auto;
background-color: var(--bs-modal-bg);
background-clip: padding-box;
border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
border-radius: var(--bs-modal-border-radius);
outline: 0;
}
  
  
@media (max-width: 900px) {
.modal-content2 {width: 400px !important;}
}
  
#bookingModal .form-control:focus,
#bookingModal .form-select:focus,
#bookingModal textarea:focus {
border-color: #2e55a2;
box-shadow: 0 0 8px rgba(46,85,162,0.3);
outline: none;
}
#bookingModal .modal-header {
padding: 15px 20px 10px 20px !important;
}
#bookingModal .btn-close {
/*  background-color: #f37101;
border-radius: 50%;
width: 32px;
height: 32px;*/
}
#bookingModal .modal-title {
font-weight: 600;
color:#2e55a2;
}
  
.custom-floating {
position: relative !important;
margin-bottom: 15px !important;
}

.custom-floating input, .custom-floating select, .custom-floating textarea {
height: 50px !important;
padding: 12px 14px !important;
font-size: 15px !important;
border: 1px solid #e3e4e7 !important;
border-radius: 5px !important;
background: #ffffff !important;
box-shadow: 0px 1px 2px #e3e4e7;
}
.custom-floating input::placeholder,
.custom-floating select::placeholder {
font-size: 12px !important; /* Placeholder ka font size */
color: #999 !important;     /* Optional: color */
}

.custom-floating label {
position: absolute !important;
top: 50% !important;
left: 12px !important;
transform: translateY(-50%) !important;
color: #999 !important;
font-size: 14px !important;      /* Label font size bada */
font-weight: 500 !important;
pointer-events: none !important;
transition: 0.3s all !important;
background: inherit !important;
padding: 0 2px !important;
}




/* Move label on focus or input */
.custom-floating input:focus + label,
.custom-floating textarea:focus + label,
.custom-floating input:not(:placeholder-shown) + label,
.custom-floating select:focus + label,
.custom-floating select:not([value=""]) + label {
top: -13px !important;           /* Label upar chala jaye */
left: 0px !important;
font-size: 14px !important;      /* Thoda chhota label jab upar ho */
color: #f37101 !important;
font-weight: 600 !important;
}

/* Border highlight on focus */
.custom-floating input:focus,
.custom-floating textarea:focus,
.custom-floating select:focus {
border-color: #f37101 !important;
box-shadow: 0 0 5px rgba(243, 113, 1, 0.4) !important;
outline: none !important;
}

.swiftx-btn-square1 {
background-color: var(--swiftx-theme-1)!important;
color: var(--swiftx-common-white)!important;
height: 55px;
line-height: 56px;
padding: 0 55px;
overflow: hidden;
display: inline-block;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: uppercase;
position: relative;
z-index: 9;
}



.nice-select {
display: none !important;
}
select.form-select {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}



.float-select {
position: relative;
margin-bottom: 20px;
}
.float-select select {
height: 50px !important;
padding: 12px 14px !important;
font-size: 15px !important;
border: 1px solid #e3e4e7 !important;
border-radius: 5px !important;
background: #ffffff !important;
box-shadow: 0px 1px 2px #e3e4e7;
}
.float-select label {
position: absolute;
top: 50% !important;
left: 12px !important;
transform: translateY(-50%) !important;
color: #999 !important;
font-size: 14px !important;      /* Label font size bada */
font-weight: 500 !important;
pointer-events: none !important;
transition: 0.3s all !important;
background: inherit !important;
padding: 0 2px !important;
}
/* Label upar le jane ke liye */
.float-select.active label {
top: -13px !important;
left: 0px !important;
font-size: 14px !important;
color: #f37101 !important;
font-weight: 600 !important;
}

/* Select par focus hone par border highlight */
.float-select select:focus {
border-color: #f37101 !important;
box-shadow: 0 0 5px rgba(243, 113, 1, 0.4) !important;
outline: none !important;
}


.profile-card {background:#fff; padding:20px; display:flex; align-items:start; justify-content:space-between; border-radius:15px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.profile-info {display:flex; align-items:center; gap:15px;}
.profile-img {width:80px; height:80px; border-radius:50%; object-fit:cover; border:3px solid #ff6600;}
.dropdown-menu.show {display:block;}
.widget-card {display:flex; align-items:center; gap:15px; padding:15px; border-radius:12px; transition:0.2s; background:#fff; box-shadow:0 4px 8px rgb(0 0 0 / 22%);}
.widget-card:hover {transform: translateY(-2px); box-shadow:0 6px 12px rgba(0,0,0,0.12);}
.widget-icon {font-size:1.8rem; width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff;}
.widget-orders {background:#ff6600;}
.widget-wishlist {background:#ff4081;}
.widget-payments {background:#0066cc;}
.widget-addresses {background:#00b894;}
.calendar-widget {padding:15px; background:#fff; border-radius:12px; box-shadow: 0 4px 8px rgb(0 0 0 / 21%);}
.calendar-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.calendar-header button {background:none; border:none; cursor:pointer;}
.calendar-header svg {width:20px; height:20px; fill:#0066cc;}
.calendar-widget table {width:100%; border-collapse: collapse; text-align:center;}
.calendar-widget th {
    padding: 6px;
    color: #fff !important;
    border-radius: 0;
    background: #2e55a2;
}
.calendar-widget td {padding:10px; border-radius:0; cursor:pointer; transition:0.2s;}
.calendar-widget td:hover {background:#ffe0b3;}
.calendar-widget td.today {background:#ff6600; color:#fff !important; font-weight:bold;}
.weekdays td:nth-child(1) {
    color: #ff3b3b !important;
}
.weekdays td:nth-child(7) {
    color: #2e55a2 !important;
}
.notifications .notif-card {display:flex; align-items:center; gap:10px; padding:10px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.08); margin-bottom:10px; transition:0.2s; background:#fff;}
.notifications .notif-card:hover {transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.12);}
.notif-icon {width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff;}
.notif-order {background:#ff6600;}
.notif-wishlist {background:#ff4081;}
.notif-offer {background:#0066cc;}


.cart-page .rc__post table input[type=text]{
    height:32px !important;
    padding-left:4px !important;
    padding-right:4px !important;
}

.cart-page .rc__post table .btn-theme:hover {
    transform: none;
}

/* ADD ADDRESS BUTTON */
.btn-theme {
    background-color: #2e55a2;
    color: #fff !important;
    border: none;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    transition: all 0.3s ease-in-out;
}
.btn-theme:hover {
    background-color: #1f3f7a;
    transform: translateY(-2px);
     color: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

.btn-theme:checked+.btn, .btn-theme.active, .btn-theme.show, .btn-theme:first-child:active, :not(.btn-theme)+.btn-theme:active{
    color: #fff !important;
    background: #2e55a2;
}

/* ADDRESS CARD */
.address-card_local {
    border-radius: 14px;
    background: #fff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
/*.address-card_local::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #2e55a2, #f57f11);
} */
.address-card_local:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 22px rgba(46, 85, 162, 0.25);
}

.address-card_local .card-header{
    background:#2e55a2;
    padding:10px 12px !important;
    
}

.address-card_local .localedit2 .add_p{
    margin-bottom:10px;
}


.address-card_local  .edit_btn {
      padding: 2px 10px;
    background: #2e55a2;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
}


.address-card_local .del_btn {
      padding: 2px 10px;
    background: #f37101;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
}


.address-card_local .localedit2 .add_p i{
    font-size:18px;
    margin-right:14px !important;
}

/* ICON CIRCLE */
.icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f5f8ff;
    color: #2e55a2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 0 !important;
}
/* TEXT COLORS */
.text-theme {
    color: #2e55a2 !important;
}


.btn-edit:checked+.btn, .btn-edit.active, .btn-edit.show, .btn-edit:first-child:active, :not(.btn-edit)+.btn-edit:active{
    color: #fff;
 background-color: #2e55a2;
}


.btn-delete:checked+.btn, .btn-delete.active, .btn-delete.show, .btn-delete:first-child:active, :not(.btn-delete)+.btn-delete:active{
    color: #fff;
background-color: #f57f11;
}

.hidden-review {
    display: none;
}

.review_more{
    color: #2e55a2;
    text-decoration: underline;
}

.postcase__text h2{
    font-size:24px;
        margin-top: 20px;
}

/* BUTTONS */
.btn-edit, .btn-delete {
    border: none;
    color: #fff;
    padding: 6px 14px;
    font-size: 14px;
    border-radius: 6px;
    transition: 0.3s;
    font-weight: 500;
}
.btn-edit {
    background-color: #2e55a2;
}
.btn-edit:hover {
    background-color: #1f3f7a;
    color:#fff;
}

.btn-delete {
    background-color: #f57f11;
     color:#fff;
}
.btn-delete:hover {
    background-color: #e26f05;
    color:#fff;
}

/* EMPTY STATE DESIGN */
.empty-state {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(46,85,162,0.1);
    max-width: 450px;
    margin: 0 auto;
    padding: 40px 20px;
}
.icon-empty {
    font-size: 55px;
    color: #f57f11;
    background: #f5f8ff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-empty i {
    color: #2e55a2;
}


    
     .login_form_box{
    background: white;
    border-radius: 15px;
   box-shadow: 0px 4px 13px #e4e2e2;

}


.swiftx-btn-square {
    background-color: var(--swiftx-theme-2);
    color: var(--swiftx-common-white);
    height: 45px !important;
    line-height: 46px !important;
    padding: 0 10px !important;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.03em;
    text-transform: capitalize !important;
    position: relative;
    z-index: 9;
}


    .form-label {
    font-size: 16px !important;
    font-weight: 500;
    margin-bottom: .15rem;
}

 input[type=tel] {
    outline: none;
    background-color: #fff !important;
    height: 45px !important;
    width: 100% !important;
    line-height: 56px !important;
    font-size: 14px !important;
    color: var(--swiftx-common-black);
    padding-left: 15px !important;
    padding-right: 0 !important;
    border: none !important;
}


.phone-input {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    height:39px;
}
.code-box {
    padding: 7px;
    background: #f9f9f9;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    gap: 5px;
}
.code-box .arrow {
    font-size: 12px;
    transition: transform .3s ease;
}
.code-box.open .arrow {
    transform: rotate(180deg);
}
.phone-input input {
    border: none;
    flex: 1;
    padding: 10px;
    font-size: 14px;
    outline: none;
}







/* default hidden */
.tpoffcanvas {
    position: fixed;
    top: 0;
    left: -300px; 
    width: 300px;
    height: 100%;
    transition: all 0.4s ease;
  
}
.btn-edit_local{
        background: #2e55a2;
    color: #fff;
}

/* open hone par */
.tpoffcanvas.opened {
    left: 0; 
}
.swiftx-main-menu-mobile ul li ul li a {
        margin: auto;
    padding: 5px 5%;
    padding-right: 20px;
    color: #0f3276;
    padding-right: 0;
}
.swiper-pagination-bullet {
    width: 4px;
    height: 4px;
        margin-right: 3px;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background:#2e55a2;
}
.swiper-pagination {
    right: 50%;
}

.no-order-wrapper {
    padding: 0px 0px 50px;
    text-align: center;
}
.no-order-img img {
    width: 200px;    border-radius: 10px;
}

.no-order-content h4 {
    color: #dc3545;
    margin-bottom: 10px;
}

.no-order-content p {
    margin-bottom: 15px;
    color: #555;
}

.btn-shop {
    display: inline-block;
    padding: 8px 20px;
    background: #151a40;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.btn-shop:hover {
    background: #0d1333;
}



/* Mobile Responsive */
@media (max-width: 768px) {
    .no-order-wrapper {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 667px) {
    .foot_policy {
          text-align: center !important;
    justify-content: center !important;
        gap: 4px !important;
    }
    .foot_policy a {
    font-size: 13px !important;
    }
    
}

.foot_policy{
        list-style: none;
    display: flex;
    gap: 10px;
    text-align: end;
    justify-content: end;
    flex-wrap:wrap;
}

.foot_policy a{
        font-size: 15px;
    font-weight: 400;
    color: #b4b4b4;
}

.plolicy h3{
        font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}
.plolicy h5{
    font-size: 18px;
    font-weight: 500;
}
.plolicy h3 span{
   color:#000 !important;
}

.plolicy h2{
        font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.plolicy h2 span{
   color:#000 !important;
}


.lp-feature-wrap{
  display:flex;
  gap:15px;
  align-items:center;
}

.lp-feature-box{
  display:flex;
  align-items:center;
  gap:12px;
}

.lp-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(45deg, #f37101, #2e55a2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 19px;
}

.lp-feature-box h4 {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    line-height: 20px;
}

/* Mobile */
@media(max-width:600px){
  .lp-feature-wrap{
    flex-direction:column;
    align-items:flex-start;
  }
}
#newsletterForm .nuseform_news{
        text-transform: none;
    height: 50px !important;
    border: 2px solid #ec6e00 !important;
    border-radius: 60px;
}
.updates__btn_news {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    line-height: 0;
}

.updates__btn_news_local{
        color: #fff;
    background: #e96e00;
    height: 50px;
    border-radius: 0px 35px 39px 0px;
    padding: 2px 15px;
    font-size: 17px;
    font-weight: 500;
}


.newstitle {
    font-size: 27px;
    font-weight: 600;
    text-align: start;
}
    
.newsletter-badge {
    display: inline-block;
    background: linear-gradient(-2deg, #d16900, #f37101);
    transform: skewX(-20deg);
    padding: 6px 26px 0px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    font-size: 20px;
}

/* text ko seedha karne ke liye */
.newsletter-badge span {
    display: inline-block;
    transform: skewX(17deg);
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-style: italic;
    text-shadow: 1px 2px 2px #2e2e2e70;
}

.lp-news-desc{
    text-align: start;
    font-size: 17px !important;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
}
.lp-news-desc span{
    font-weight: 600;
    color: #eb6f00;
}

.local_news_headdings{
        margin-bottom: 40px;
}

.profile-card_localaccount .company_name{
        background: #2e55a2;
    color: #fff;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    margin: 0;
}


.profile-card_localaccount .waht_btn{
       background: green;
    color: #fff;
    padding: 7px 8px;
    font-size: 18px;
    border-radius: 50%;
}

.profile-card_localaccount .edit_btn{
       background: #2e55a2;
    color: #fff;
    padding: 7px 8px;
    font-size: 18px;
    border-radius: 50%;
}
.bg_orng{
    background:#f37101 !important;
    color:#fff;
}

.custom-table {
    width: max-content;
}

.custom-table th,
.custom-table td {
    white-space: nowrap;
}



.custom-table th:first-child {
    border-top-left-radius: 8px;
}

.custom-table th:last-child {
    border-top-right-radius: 8px;
}

.custom-table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

.custom-table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}
.custom-table {
  

    border-radius: 6px !important;
}

.eyes{
        width: 30px;
    height: 30px;
    background: #f37101;
    text-align: center;
    color: #ffffff;
    line-height: 32px;
    border-radius: 50%;
}

.table>:not(caption)>*>* {
    font-size: 13px !important;
    padding: 4px 8px !important;
}

.details-sect .slot_detail{
    display:flex;
    align-items:center;
    gap:15px;
        padding: 15px 20px;
}

.details-sect .slot_detail .slot_img{
    width:70px;
    height:70px;
    border-radius:50%;
}


.details-sect .slot_detail .slot_img img{
    width:100%;
    height:100%;
    border-radius:50%;
}


  .product_crd_bx_crt{
        background: #ffffff;
        border-radius: 12px;
        padding: 10px;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.08);
        display: flex;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        position: relative;
    }
    

    /* Curve background design */
   .product_crd_bx_crt .curve {
       position: absolute;
    top: 0;
    width: 74%;
    height: 100%;
    background: linear-gradient(145deg, #eaf2ff, #ffffff);
    clip-path: ellipse(94% 315% at 60% -3%);
    z-index: 0;
    border-radius: 0px 10px 10px;
    transform: skewx(-10deg);
    left: -6px;
    }

   .product_crd_bx_crt .lft_contnt {
          z-index: 2;
    width: 74%;
    }

  .product_crd_bx_crt  .lft_contnt h6 {
        font-size: 16px;
    font-weight: 600;
    color: #2b3143;
    margin-bottom: 5px;
    }

   .product_crd_bx_crt .lft_contnt p{
   font-size: 14px !important;
    color: #f37102;
    margin: 0;
    }

  .product_crd_bx_crt  .rht_img {
           border-radius: 12px;
    overflow: hidden;
    width: 26%;
    transform: skewX(-10deg);
        height: 60px;
    }

 .product_crd_bx_crt   .rht_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

   .product_crd_bx_crt .ad_btn {
        position: absolute;
    bottom: 0px;
    right: 0;
    background: #375da6;
    color: #fff;
    padding: 1px 14px;
    border-radius: 15px 2px;
    font-size: 12px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    }
    
    .plan_gellery_img{
            height: 100px;
    object-fit: cover;
    }
    
   .plan_card .part_track{
        display:flex;
        font-size:14px;
    }
    

.complain_crd{
      padding: 0 !important;  
}


.complain_crd .statusRow {
background:#073473;
border-radius:10px 10px 0px 0px ;
      padding: 10px 15px !important;  
}


.complain_crd .statusRow h5{
color:#fff;
}


.complain_crd .statusRow .g-2{
gap:4px;
}


.complain_crd .comp_txt h6{
    font-size:16px;
    margin-bottom:2px;
}

.complain_crd .comp_txt p{
    font-size:14px !important;
        margin-bottom:2px;
}

.complain_crd img{
        height: 65px;
    width: 65px;
    object-fit: cover;
    margin-right: 10px;
}

.complain_crd .policy-main-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 13px;
    margin-top: 13px;
    color: #090a09;
}

.complain_crd .ploicy_bx {
    display: flex;
    gap: 20px;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.complain_crd .policy-card {
    background: #ffffff;
    padding: 0;
    border-radius: 7px;
    margin-bottom: 10px;
    transition: 0.3s;
    border: 1px solid #e5e7eb;
}


.complain_crd .policy-header {
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    color: #f37101;
    padding: 2px 9px;
    border-bottom: 1px solid #ffa40917;
    background: #ffa4090a;
    margin-bottom: 0;
}

.complain_crd .policy-card p {
    margin: 0;
    font-size: 13px !important;
    color: #3c3c3c;
    line-height: 22px;
    padding: 4px 15px 1px;
}

.complain_crd .ptotal {
    margin-top: 4px;
    background: linear-gradient(90deg, #ecfdf563, #f0fdf4b0);
    border: 1px solid #bbf7d087;
    border-radius: 10px;
    padding: 4px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.complain_crd .ptotal span {
    font-size: 0.85rem;
    font-weight: 500;
    color: #065f46;
}

.complain_crd .ptotal strong {
    font-size: 0.9rem;
    font-weight: 700;
    color: #047857;
}
.complain_crd .info-box {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 6px 6px 4px;
    text-align: center;
    flex: 1 1 auto;
}

.complain_crd .info-box label {
    font-size: 0.75rem;
    color: #6b7280;
    display: block;
    margin-bottom: 0px;
    line-height: 16px;
}

.complain_crd .info-box strong {
    font-weight: 600;
    font-size: 0.9rem;
}

.complain_crd .info_list{
    display:flex;
    align-items:center;
    justify-content:space-between;
 gap: 10px;
    flex-wrap: wrap;
}

.complain_crd .policy-link[aria-expanded="true"] {
    color: #4258a2 !important;
    font-weight: 600;
}

    /*---counter -----*/
    
.counter-section {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0;

    background: linear-gradient(90deg,#ff7a00,#ff9c00);
}

.counter-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
}

/* Orange Top */
.counter-box {
    position: relative;
    z-index: 5;
    flex: 1;
    text-align: center;
    padding: 20px 15px 10px;
    border-right: 1px solid rgba(0,0,0,.06);
}

.counter-box h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 0px;
}

.counter-box p {
    color: #ffeaea;
    font-size: 16px;
    font-weight: 500;
    font-size: 13px !important;
}

.border-0{

    border:none;

}

.counter-icon {

    margin: auto;

    display: flex;
    justify-content: center;
    align-items: center;
 
    font-size: 34px;

}
.counter-icon i {
    background: linear-gradient(135deg, #fff, #ffc48e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.counter-box:hover{

    transform:translateY(-10px);

    transition:.35s;

}

.counter-box:hover .counter-icon{

    transform:rotate(12deg) scale(1.08);

    transition:.35s;

}

@media(max-width:991px){

.counter-wrap{

display:grid;

grid-template-columns:repeat(2,1fr);

}

.counter-box{

border-bottom:1px solid rgba(0,0,0,.06);

}

}

@media(max-width:576px){

.counter-wrap{

grid-template-columns:1fr;

}

.counter-box{

border-right:none;

}

}



/* --- last section ----*/