@font-face {
    font-family: 'a-medium';
    src: url(../fonts/Euclid\ Circular\ A\ Medium.woff2);
}

@font-face {
    font-family: 'a-regular';
    src: url(../fonts/Euclid\ Circular\ A\ Regular.woff2);
}

@font-face {
    font-family: 'jost-medium';
    src: url(../fonts/Jost-Medium.woff2);
}

@font-face {
    font-family: 'jost-regular';
    src: url(../fonts/Jost-Regular.woff2);
}

@font-face {
    font-family: 'jost-semibold';
    src: url(../fonts/Jost-SemiBold.woff2);
}

body {
    font-family: var(--a-regular-font);
}

:root {
    --primary-clr: #f7941d;
    --secondary-clr: #002c48;
    --white-clr: #f0f0f0;
    --black-clr: #010101;
    --theme-gray: #f4f4f4;
    --transition: 0.3s ease-in-out;
    --a-regular-font: 'a-regular';
    --a-medium-font: 'a-medium';
    --jost-semibold: 'jost-semibold';
    --jost-medium: 'jost-medium';
    --jost-regular: 'jost-regular';
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--black-clr);
    font-family: var(--jost-semibold);
    text-transform: capitalize;
    transition: var(--transition);
}

ul li {
    list-style: none;
    margin-bottom: 0;
    transition: var(--transition);
}

button {
    transition: var(--transition);
}

.text-secondary-cs {
    color: var(--secondary-clr);
}

.text-primary-cs {
    color: var(--primary-clr);
}

ul,
ol {
    margin-bottom: 0;
    padding-left: 0;
}

a {
    text-decoration: none;
    color: var(--black-clr);
    display: inline-block;
    transition: var(--transition);
}

a:hover {
    color: var(--primary-clr);
}

.form-control:focus {
    border-color: var(--primary-clr);
    box-shadow: 0 0 0 0.25rem rgb(67 26 89 / 16%);
}

.search-input .form-control:focus{
    background-color: unset;
}

.form-select:focus {
    border-color: var(--primary-clr);
    box-shadow: 0 0 0 0.25rem rgb(67 26 89 / 16%);
}

p {
    transition: var(--transition);
    font-family: var(--a-regular-font);
}

img {
    max-width: 100%;
    height: auto;
    transition: var(--transition);
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1340px;
}

.button-style1 {
    background-color: var(--secondary-clr);
    color: var(--white-clr);
    padding: 8px 22px;
    border: 0;
    border-radius: 30px;
}

.button-style2 {
    background-color: var(--primary-clr);
    color: var(--black-clr);
    padding: 8px 22px;
    border-radius: 30px;
    font-family: var(--jost-medium);
    display: inline-block;
}

.button-style2:hover {
    background-color: var(--secondary-clr);
    color: var(--white-clr);
}

.button-style3 {
    background-color: var(--theme-gray);
    color: var(--black-clr);
    padding: 8px 22px;
    border-radius: 30px;
    font-family: var(--jost-medium);
}

.button-style4 {
    padding: 12px 30px;
    border: 1px solid var(--secondary-clr);
    background-color: var(--secondary-clr);
    color: #fff;
    border-radius: 30px;
    min-width: 160px;
}

.button-style4:hover {
    padding: 12px 30px;
    border: 1px solid var(--primary-clr);
    background-color: var(--primary-clr);
    color: #fff;
}

.nav-item.dropdown a {
    position: relative;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-item.dropdown>a::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.button-style3:hover {
    color: var(--black-clr);
    background-color: var(--primary-clr);
}

.navbar-nav .dropdown-menu {
    min-width: 200px;
    transition: var(--transition);
}

ul.dropdown-menu {
    padding: 0;
    border-radius: 0;
    border: 0;
    background-color: var(--secondary-clr);
}

ul.dropdown-menu li {
    margin-right: 0 !important;
    border-bottom: 1px solid #eeeeee1f;
}

ul.dropdown-menu li:hover a {
    background-color: var(--primary-clr);
}

ul.dropdown-menu li:hover {
    border-bottom: 1px solid var(--primary-clr);
}

ul.dropdown-menu li a {
    color: #fff !important;
    padding: 6px 16px;
}

.section-padding {
    padding: 4rem 0;
}

.section-heading {
    text-align: center;
}

.section-heading h2 {
    color: var(--secondary-clr);
    position: relative;
    margin-bottom: 20px;
}

.section-heading h2::after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -8px;
    width: 80px;
    height: 3px;
    background-color: var(--primary-clr);
    transform: translate(-50%, 0%);
}

.main-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    animation: slidetop 0.5s linear;
}

.main-header.sticky .container-xl {
    padding: 0;
    max-width: 100%;
}

@keyframes slidetop {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0%);
    }
}

#goToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 20px;
    background-color: var(--secondary-clr);
    color: var(--white-clr);
    border: 1px solid var(--secondary-clr);
    cursor: pointer;
    padding: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 16px;
}

#goToTopBtn:hover {
    background-color: var(--primary-clr);
}

nav.breadcrum-area {
    padding: 70px;
    height: 260px;
    position: relative;
}

nav.breadcrum-area:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(45deg, white, transparent);
    height: 100%;
}

nav.breadcrum-area h2 {
    font-size: 3rem;
    color: var(--secondary-clr);
    position: relative;
    z-index: 1;
}

nav.breadcrum-area ol {
    position: relative;
    z-index: 1;
}

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

/* top header */
.top-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}

.top-header-wrapper .header-logo {
    max-width: 310px;
}

.top-header-wrapper p {
    margin-bottom: 0;
    font-size: 14px;
}

.top-header-wrapper .header-content-info {
    text-align: center;
}

.top-header-wrapper .header-content-info p {
    color: var(--secondary-clr);
}

.top-header-wrapper .header-content-info h6 {
    font-family: var(--a-medium-font);
    text-transform: unset;
}

/* main header */
.main-header-wrapper {
    background-color: var(--primary-clr);
}

.navbar-expand-lg .navbar-collapse {
    justify-content: center;
}

.navbar ul.navbar-nav li {
    margin-right: 3rem;
}

.navbar ul.navbar-nav li a {
    font-family: var(--a-medium-font);
    color: var(--black-clr);
}

.navbar ul.navbar-nav li a:hover {
    color: var(--white-clr);
}

.main-header-wrapper .action-area a {
    margin-left: 18px;
    font-family: var(--a-medium-font);
}

.other-content a {
    color: var(--secondary-clr);
}

.main-header-wrapper .action-area a:hover {
    color: var(--white-clr);
}

/* ---- hero section ----- */

.hero-slider .item {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 500px;
}

.hero-slider .item img {
    width: 100%;
    min-width: 100%;
    object-fit: cover;
}

.hero-slider .item .item-content {
    position: absolute;
    top: 20%;
    left: 2%;
    width: 40%;
}

.hero-slider .item .item-content h2 {
    font-size: 3rem;
    color: var(--secondary-clr);
}

.hero-slider .item .item-content p {
    font-family: var(--jost-regular);
}

/* ---- cta section ---- */

.cta-section .info-inner {
    padding: 55px;
    background-color: var(--secondary-clr);
    display: flex;
    gap: 10px;
    align-items: center;
}

.cta-section .info-inner svg {
    width: 50px;
    border-radius: 50%;
    background-color: #fff;
    padding: 10px;
}

.cta-inner-wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cta-inner-wrapper .wrapper {
    width: 55%;
    display: flex;
    box-shadow: 1px 2px 3px #c5c5c5, 1px -1px 3px #c5c5c5;
    padding: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.cta-inner-wrapper .info-inner {
    width: 45%;
}

.cta-inner-wrapper .info-inner p {
    color: var(--primary-clr);
    font-size: 1.5rem;
    margin-bottom: 0;
}

.cta-inner-wrapper .info-inner a {
    color: var(--white-clr);
    font-size: 1.5rem;
}

.search-input {
    position: relative;
    transition: 0.3s ease-in;
}

.search-input input {
    padding: 16px 40px 16px 16px;
    border: 0;
    background-color: #f4f4f4;
}

.search-input input:focus{
    border: 2px solid var(--primary-clr);
}

.search-input svg {
    position: absolute;
    width: 20px;
    top: 20px;
    right: 15px;
    cursor: pointer;
}

.nav-tabs .nav-link {
    color: var(--black-clr);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--secondary-clr);
    border-color: transparent;
    text-decoration: underline;
    font-weight: 700;
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    width: 175px;
    justify-content: center;
}

.image-grid img {
    width: 60px;
    object-fit: contain;
    box-shadow: 1px 2px 3px #c5c5c5;
    padding: 8px;
    height: 60px;
}

.search-wrapper {
    width: 55%;
    margin-right: 15px;
}

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

.other-content svg {
    width: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.form-control:focus {
    box-shadow: unset;
}

.search-wrapper ul#myTab {
    margin-bottom: 18px;
}

/* ---- About Us ----- */

.about-section {
    background-color: var(--primary-clr);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    padding: 40px 0px;
}

.why-choose-features-wrapper .items:hover img{
        transform: rotateY(180deg); /* Flips the image horizontally */
    transition: transform 0.5s ease; /* Adds smooth animation */
}

.about-section .about-content-wrapper {
    display: flex;
    align-items: center;
}

.about-section .about-content-wrapper .content {
    width: 50%;
}

.about-content-wrapper .content h3 {
    color: #002c48;
    font-size: 2.8rem;
    position: relative;
    margin-bottom: 20px;
}

.about-content-wrapper .content h3:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 70px;
    height: 3px;
    left: 3px;
    bottom: -4px;
}

.about-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 38%;
}

.about-numbers .items {
    width: 42%;
    border-right: 1px solid #ffffff5c;
    border-bottom: 1px solid #ffffff5c;
    padding-left: 26px;
    padding-right: 16px;
    padding-top: 16px;
}

.about-content-wrapper .image-area img {
    width: 328px;
}

.about-numbers .items h3 {
    color: var(--white-clr);
    font-size: 3rem;
    margin-bottom: 0;
}

.about-numbers .items p {
    color: var(--secondary-clr);
    font-weight: 700;
    font-size: 1rem;
}

.about-numbers .items:nth-child(2) {
    border-right: 0;
}

.about-numbers .items:nth-child(3) {
    border-bottom: 0;
}

.about-numbers .items:nth-child(4) {
    border-right: 0;
    border-bottom: 0;
}

/* ----- What Problems Repair Fix -----*/

.repair-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 20px;
}

.repair-items-wrapper .items {
    width: 32%;
    text-align: center;
    border-radius: 8px;
    box-shadow: 1px 3px 4px #e1e1e1;
}

.repair-items-wrapper .items:hover .button-style3 {
    color: var(--black-clr);
    background-color: var(--primary-clr);
}

.repair-items-wrapper .items .content {
    padding: 10px 20px 30px 10px;
}

.repair-items-wrapper .items a img {
    width: 100%;
    margin-bottom: 12px;
    border-radius: 14px 14px 0 0;
    height: 240px;
    object-fit: cover;
}

.repair-items-wrapper .items .content p{
      overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}

.repair-items-wrapper .items .content h4 {
    color: var(--secondary-clr);
}

.repair-items-wrapper .items>a {
    width: 100%;
    overflow: hidden;
}

.repair-items-wrapper .items:hover a img{
    transform: scale(1.02);
}

/* ---- Why Choose Us ----*/

.why-choose-us {
    position: relative;
    background: url(../images/why-choose-bg.png), linear-gradient(#002c48, #002c48);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.why-choose-us::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(253deg, #002c48 20%, #ffffff00 100%);
    height: 100%;
    z-index: 0;
}

.why-choose-us-heading {
    position: relative;
    z-index: 1;
}

.why-choose-features-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.why-choose-features-wrapper .items {
    width: 48%;
    text-align: center;
    border-right: 2px solid #0073c091;
    border-bottom: 2px solid #0073c091;
    padding: 14px;
    gap: 10px;
    display: flex;
    align-items: center;
}

.why-choose-us-heading h2 {
    position: relative;
    margin-bottom: 20px;
}

.why-choose-us-heading h2::after {
    position: absolute;
    content: "";
    background-color: #0073c0;
    height: 3px;
    width: 80px;
    left: 0;
    bottom: -10px;
}

.why-choose-features-wrapper .items:nth-child(2) {
    border-right: unset;
}

.why-choose-features-wrapper .items:nth-child(3) {
    border-bottom: unset;
}

.why-choose-features-wrapper .items:nth-child(4) {
    border-bottom: unset;
    border-right: unset;
}

.why-choose-features-wrapper .items img {
    width: 60px;
    background-color: #0073c0;
    padding: 10px;
    border-radius: 50%;
}

.why-choose-us-heading h2,
.why-choose-us-heading h4 {
    color: var(--primary-clr);
}

.why-choose-us-heading p {
    color: var(--white-clr);
}

.why-choose-features-wrapper .items .content {
    text-align: left;
}

/* ---- Our Process ---- */

.our-process .inner {
    background-color: #fafafa;
    padding: 10px 20px;
    border-top: 5px solid var(--secondary-clr);
    border-radius: 6px 6px 0 0;
    position: relative;
    transition: var(--transition);
}

.our-process .inner:hover {
    border-top: 5px solid var(--primary-clr);
}

.our-process .inner h4 {
    color: var(--secondary-clr);
}

.our-process .inner .image-wrapper {
    background-color: var(--primary-clr);
    width: fit-content;
    margin: 10px auto;
    padding: 25px;
    margin-bottom: 16px;
    border-radius: 50%;
    transition: var(--transition);
}

.our-process .inner:hover .image-wrapper {
    background-color: var(--secondary-clr);
}

.our-process .inner .image-wrapper img {
    width: 50px;
}

.single-service .content ol li {
    list-style-type: auto;
    margin-left: 1.3rem;
    margin-bottom: 0.6rem;
}

.our-process .inner span {
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 4rem;
    font-family: var(--jost-semibold);
    color: #d6d6d6;
    font-weight: 700;
}

/* --- Testimonials ---- */

.testimonials {
    background-color: var(--primary-clr);
}

.testimonials .section-heading h2 {
    font-size: 2.5rem;
}

.testimonials .section-heading h2::after {
    background-color: var(--white-clr);
    left: 0;
}

.testimonial-slider .item {
    background-color: var(--white-clr);
    margin: 0 2px;
    padding: 18px;
    text-align: center;
    border-right: 2px solid #002c48;
    border-bottom: 2px solid #002c48;
}

.testimonial-slider .item svg {
    fill: var(--secondary-clr);
    width: 3rem;
}

.testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.testimonial-footer img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-footer p {
    margin-bottom: 0;
    font-weight: bold;
    color: var(--secondary-clr);
}

/* ---- Download App ---- */
.download-app {
    background-image: url(../images/download-app-section-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.download-app .content img:hover {
    transform: scale(1.05);
}

.section-heading.text-start h2::after {
    left: 10%;
}

.download-app .content p {
    width: 60%;
}

/*  ----- Blogs & News ------ */

.blogs-wrapper .inner {
    box-shadow: 1px 2px 3px #d5d5d5, -1px -1px 3px #d5d5d5;
    padding: 16px;
    border-radius: 2px;
    min-height: 415px;
    margin-bottom: 10px;
}

.blogs-wrapper .inner img {
    width: 100%;
    height: 230px;
    position: relative;
}

.blogs-wrapper .inner>a {
    width: 100%;
    margin-bottom: 16px;
    position: relative;
    height: 230px;
}

.blogs-wrapper .inner>a::after {
    position: absolute;
    content: "+";
    top: 0;
    left: 0;
    background-color: #00000096;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    color: #ffffffc4;
    transition: 0.3s ease-in;
}

.blogs-wrapper .inner>a:hover::after {
    opacity: 1;
}

.blogs-wrapper .inner .content h4 a {
    color: var(--secondary-clr);
}

.toggle-icon {
    display: none;
}

.nav-item.dropdown>a::after{
    border: 0;
}

.blog-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog-footer span {
    display: flex;
    width: 49%;
    gap: 10px;
}

.blog-footer span svg {
    width: 20px;
}

.blogs-wrapper {
    margin-top: 20px;
}

/* ---- Footer ---- */

footer {
    background-color: var(--primary-clr);
    padding: 40px 0 5px;
}

.contact-links ul li svg {
    width: 35px;
    background-color: #Fff;
    padding: 8px;
    border-radius: 50%;
}

.contact-links ul li {
    display: flex;
    margin-bottom: 12px;
    gap: 10px;
    align-items: center;
}

.contact-links ul li p {
    margin-bottom: 0;
    font-weight: bold;
}

.footer-links {
    position: relative;
}

.footer-links h4 {
    color: var(--secondary-clr);
    position: relative;
    margin-bottom: 24px;
}

.contact-links h4 {
    color: var(--secondary-clr);
    position: relative;
    margin-bottom: 24px;
}

.contact-links h4::after {
    position: absolute;
    content: "";
    bottom: -7px;
    left: 0;
    width: 70px;
    height: 2px;
    background-color: var(--white-clr);
}

.footer-links ul li a:hover {
    color: var(--white-clr);
    transform: scale(1.02);
    font-weight: bold;
}


.footer-links ul li {
    margin-bottom: 12px;
    padding-left: 18px;
    position: relative;
}

.download-footer-app a {
    padding: 8px 0;
}

.footer-logo-area img {
    width: 300px;
    margin-bottom: 20px;
}

.footer-logo-area h5 {
    color: var(--secondary-clr);
}

.footer-logo-area p {
    margin-bottom: 5px;
    font-weight: bold;
}

.footer-links ul li::after {
    position: absolute;
    content: "";
    top: 9px;
    left: -2px;
    width: 14px;
    height: 12px;
    background-color: var(--white-clr);
    clip-path: polygon(12% 46%, 0 0, 100% 42%, 0 100%);
}

.footer-links h4::after {
    position: absolute;
    content: "";
    bottom: -7px;
    left: 0;
    width: 70px;
    height: 2px;
    background-color: var(--white-clr);
}

.footer-logo-area ul li a svg {
    width: 42px;
    background-color: var(--secondary-clr);
    padding: 12px;
    border-radius: 50%;
}

.copyright-area a:hover {
    color: var(--white-clr);
}

.footer-logo-area ul li a:hover svg {
    background-color: #004675;
}

.footer-logo-area ul li {
    margin-right: 10px;
}

.footer-logo-area ul {
    display: flex;
    margin-top: 14px;
}

.contact-links a:hover {
    color: var(--white-clr);
}

.copyright-area p {
    color: var(--black-clr);
    margin-bottom: 6px;
    font-weight: bold;
}

.copyright-area {
    border-top: 2px solid #ffffff52;
    padding-top: 10px;
    margin-top: 10px;
}

/* ---- About Us ---- */
.about-section.page {
    background-color: unset;
    padding: 3rem 0;
}

.about-section.page .about-content-wrapper .content h3:after {
    background-color: var(--primary-clr);
}

.about-section.page .about-numbers .items h3 {
    color: var(--primary-clr);
}

.fixed-whatsapp {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999;
}

.fixed-whatsapp a {
    transform: scale3d(1, 1, 1);
    color: #fff;
    font-size: 28px;
    line-height: 21px;
    z-index: 9999;
    display: inline-block;
    width: 50px;
    text-align: center;
    height: 50px;
    background: #25d367;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0px 0px 7px 2px rgba(136, 136, 136, 0.5);
    transition: transform 0.3s ease-in-out;
    transform-origin: 100% 100%;
    margin: 0px;
    box-sizing: border-box;
}

.contact-info-wrapper .item svg {
    width: 80px;
    margin-bottom: 20px;
    border-radius: 50%;
    background-color: #f7941d;
    padding: 14px;
}

.contact-info-wrapper {
    margin-top: 30px;
}

.blog-slider .item {
    margin-right: 12px;
    height: 100%;
}

.image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    width: 175px;
    gap: 20px;
    justify-content: center;
}

.all-image-grid img {
    width: 70px;
    object-fit: contain;
    height: 70px;
    box-shadow: 1px 2px 3px #eee;
    padding: 10px;
}

.all-image-grid {
    margin-top: 20px;
    display: flex;
    gap: 12px;
}

.single-service-sidebar {
    padding: 20px;
    position: sticky;
    top: 10%;
}

.related-services ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 10px;
    border: 1px solid #cdcdcd3a;
}

.single-service .content ol, .single-service .content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin: 20px 0;
}

.single-service .content ol li p, .single-service .content ul li p {
    margin-bottom: 0;
}

.single-service .content ol li, .single-service .content ul li {
    background-color: #eee;
    padding: 10px 20px;
    border-radius: 50px;
    min-width: 45%;
}

.related-services ul li svg {
    width: 1.3rem;
}
.radio-inputs .radio:hover {
    transform: scale(1.02);
}

.related-services ul li:hover {
    background-color: #f7941d;
}

.related-services ul li:hover a {
    color: #fff;
}

.main-image {
    margin-bottom: 20px;
    max-height: 500px;
    object-fit: contain;
}

.single-service .content h1 {
    color: var(--secondary-clr);
}

.single-service .content ul li {
    list-style-type: auto;
    margin-left: 1.3rem;
    margin-bottom: 0.6rem;
}

.related-services ul li a {
    font-weight: bold;
}

.services-images {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 30px 0;
}

.services-images img {
    width: 32%;
}

.services-images img:hover {
    transform: scale(1.02);
}

.related-services ul li:has(a.active) {
    background-color: var(--primary-clr);
}

.related-services ul li:has(a.active) a {
    color: var(--white-clr);
}

.price-form-wrapper {
    margin-top: 30px;
}

.service-faq h4 {
    margin-bottom: 20px;
}

.price-form-wrapper .form-area {
    padding: 40px;
    box-shadow: 1px 2px 3px #eee, -1px -1px 3px #eee;
}

.price-form-wrapper .form-area .input-wrapper {
    margin-bottom: 20px;
}

.price-form-wrapper .form-area .input-wrapper .form-control {
    border-radius: 2px;
}

section.cta-section.page .cta-inner-wrapper {
    justify-content: center;
}

section.cta-section.page .cta-inner-wrapper .search-wrapper {
    width: 100%;
}


.radio-inputs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0.25rem;
    font-size: 14px;
    gap: 10px;
}

.radio-inputs .radio {
    text-align: center;
    width: 200px;
}

.radio-inputs .radio input {
    display: none;
}

.radio-inputs .radio .name {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    border: none;
    padding: .5rem 0;
    color: rgba(51, 65, 85, 1);
    transition: all .15s ease-in-out;
    box-shadow: 1px 2px 3px #a6a6a6;
}

.radio-inputs .radio input:checked+.name {
    font-weight: 600;
}

.radio-inputs img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    object-fit: contain;
}

.repair-brands-select {
    max-height: 480px;
    overflow-y: scroll;
    margin: 20px 0;
}

.repair-brands-select::-webkit-scrollbar {
    width: 2px;
}

.repair-brands-select::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.repair-brands-select::-webkit-scrollbar-thumb {
    background: var(--primary-clr);
}

.repair-brands-select::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.final-price-selection .product-info {
    display: flex;
    align-items: center;
}

.select-service-wrapper .info p {
    margin-bottom: 0;
}


.price-summary-item ul li {
    display: flex;
    margin-bottom: 11px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
    gap: 10px;
    justify-content: space-between;
}

.final-price-selection .product-info img {
    margin-right: 20px;
    background: #f7f7f7;
    width: 130px;
    height: 130px;
    object-fit: contain;
}

.pick-repair-service {
    margin-top: 20px;
    width: 32%;
}

.add-btn {
    background-color: var(--secondary-clr);
    padding: 10px;
    border-radius: 5px;
    color: var(--white-clr);
    width: auto;
}

.add-btn:hover {
    background-color: var(--primary-clr) !important;
    color: var(--white-clr);
}

.select-service-wrapper {
    display: flex;
    align-items: center;
    gap: 0 20px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.pick-repair-service-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.final-price-section-wrapper {
    display: flex;
    width: 100%;
    align-items: start;
}

.final-price-selection {
    width: 60%;
    padding: 10px 10px 10px 0;
}

.final-price-sidebar {
    width: 40%;
    padding: 20px;
    box-shadow: 1px 2px 3px #898989;
    border-radius: 3px;
}

.final-price-sidebar h3 {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.final-price-sidebar h3 {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

.price-summary-item ul li .item-price {
    text-align: right;
}

.price-summary-item {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 14px;
    padding-bottom: 14px;
}

.price-summary-item ul li .item-name {
    min-width: 130px;
    display: flex;
    align-items: center;
}

.price-summary-item ul li .item-name span:first-child {
    background-color: #ffdeb5;
    padding: 1px 7px;
    color: var(--primary-clr);
    margin-right: 8px;
    width: max-content;
    display: inline-block;
}

.price-summary-item ul li .item-price span.old-price {
    text-decoration: line-through;
    color: #8e8e8e;
    margin-right: 10px;
}

.price-summary-item ul li .item-price span.new-price {
    color: #000;
    font-weight: bold;
}

.apply-cupon {
    display: flex;
    align-items: center;
    border: 1px dashed #959595;
    padding: 4px;
    margin-bottom: 20px;
}

.apply-cupon input {
    border: 0;
}

.apply-cupon button {
    border: 0;
    background-color: unset;
    color: var(--primary-clr);
}

.totle-amount {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-top: 1px solid #e5e7eb;
    padding-top: 14px;
}

.totle-amount h4 {
    margin-bottom: 0;
}

.totle-amount .total-price {
    font-weight: bold;
    color: #000;
}

.button-style5 {
    padding: 12px 30px;
    border: 1px solid var(--secondary-clr);
    background-color: var(--secondary-clr);
    color: #fff;
    border-radius: 3px;
    min-width: 160px;
}

.button-style5:hover {
    border: 1px solid var(--primary-clr);
    background-color: var(--primary-clr);
}

.button-style5 svg {
    width: 30px;
}

.term-para a {
    color: var(--secondary-clr);
    text-decoration: underline;
}

.select-service-wrapper .add-btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.select-service-wrapper img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.select-service-wrapper .info {
    text-align: center;
}

.select-service-wrapper .add-btn svg {
    width: 20px;
}

.mini-cta-section {
    padding: 14px;
    border-radius: 6px;
    background-color: #eee;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.mini-cta-section p {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.blogs-wrapper .blog-page {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.blogs-wrapper .blog-page .item {
    width: 32%;
}

.pagination {
    --bs-pagination-color: #f7941d;
}

.page-link {
    color: var(--bs-pagination-color);
}

.active>.page-link,
.page-link.active {
    background-color: #f7941d;
    border-color: #f7941d;
}

.blog-content {
    padding: 10px;
}

.blog-sidebar {
    padding: 0 10px;
    position: sticky;
    top: 14%;
}

.blog-sidebar .item1.item h4 {
    margin-bottom: 15px;
}

.blog-sidebar .item1.item ul li {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.blog-sidebar .item1.item ul li img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.blog-sidebar .item {
    margin-bottom: 30px;
}

.blog-sidebar .item2.item {
    background-color: #381e00;
    background-image: url(../images/why-choose-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: color-burn;
    padding: 30px;
    text-align: center;
    color: #fff;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.blog-sidebar .item1.item {
    box-shadow: 1px 2px 3px #eee, -1px -1px 3px #eee;
    padding: 14px;
}

.blog-content ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 20px;
}

.blog-content ul li::after {
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cg id="SVGRepo_bgCarrier" stroke-width="0"%3E%3C/g%3E%3Cg id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"%3E%3C/g%3E%3Cg id="SVGRepo_iconCarrier"%3E%3Cpath d="M6 12H18M18 12L13 7M18 12L13 17" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}

.blog-extras h4 {
    text-transform: uppercase;
}


.blog-extras .review-area .item {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 750px;
}

.blog-extras .comment-form {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.blog-extras .comment-form .input-wrapper {
    margin-bottom: 20px;
}

.blog-extras .review-area .item img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.blog-extras .review-area .item .info h5 {
    margin-bottom: 0;
}

.blog-extras .review-area .item .info p {
    margin-bottom: 5px;
}

.blog-extras .review-area {
    margin-top: 20px;
    max-width: 800px;
}

.start-rating {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 20px;
}

.start-rating h5 {
    margin-bottom: 0;
}

.blog-extras .review-area .item:nth-child(odd) {
    margin-left: auto;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 0.3rem;
    --stroke: #666;
    --fill: #ffc73a;
}

.rating input {
    appearance: unset;
}

.rating label {
    cursor: pointer;
}

.rating svg {
    width: 2rem;
    height: 2rem;
    overflow: visible;
    fill: transparent;
    stroke: var(--stroke);
    stroke-linejoin: bevel;
    stroke-dasharray: 12;
    animation: idle 4s linear infinite;
    transition: stroke 0.2s, fill 0.5s;
}

@keyframes idle {
    from {
        stroke-dashoffset: 24;
    }
}

.rating label:hover svg {
    stroke: var(--fill);
}

.rating input:checked~label svg {
    transition: 0s;
    animation: idle 4s linear infinite, yippee 0.75s backwards;
    fill: var(--fill);
    stroke: var(--fill);
    stroke-opacity: 0;
    stroke-dasharray: 0;
    stroke-linejoin: miter;
    stroke-width: 8px;
}

@keyframes yippee {
    0% {
        transform: scale(1);
        fill: var(--fill);
        fill-opacity: 0;
        stroke-opacity: 1;
        stroke: var(--stroke);
        stroke-dasharray: 10;
        stroke-width: 1px;
        stroke-linejoin: bevel;
    }

    30% {
        transform: scale(0);
        fill: var(--fill);
        fill-opacity: 0;
        stroke-opacity: 1;
        stroke: var(--stroke);
        stroke-dasharray: 10;
        stroke-width: 1px;
        stroke-linejoin: bevel;
    }

    30.1% {
        stroke: var(--fill);
        stroke-dasharray: 0;
        stroke-linejoin: miter;
        stroke-width: 8px;
    }

    60% {
        transform: scale(1.2);
        fill: var(--fill);
    }
}

.blog-extras {
    border-top: 1px solid #ccc;
    padding-top: 26px;
}

.start-given {
    display: flex;
    margin-bottom: 10px;
}

.start-given svg {
    width: 15px;
}

/* ==== user dashboard css ==== */

.dashboard-wrapper {
    display: flex;
    width: 100%;
}

.dashboard-wrapper .user-sidebar {
    width: 20%;
    background-color: var(--primary-clr);
    border-radius: 4px;
}

.dashboard-wrapper .user-details {
    width: 78%;
    padding: 0 20px;
}

.dashboard-wrapper .nav-pills .nav-link.active,
.dashboard-wrapper .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #002b48;
    border-radius: 0;
}

.dashboard-wrapper .nav-pills .nav-link {
    color: var(--white-clr);
    display: flex;
    align-items: center;
    gap: 10px;
}

.dashboard-wrapper .nav-pills .nav-link svg {
    width: 16px;
}

.dashboard-wrapper .tab-pane .inner h4 {
    position: relative;
    padding-bottom: 16px;
    color: #002b48;
}

.toggle-icon .navbar-toggler-icon {
    width: 40px;
    height: 40px;
}

.dashboard-wrapper .tab-pane .inner h4:after {
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: #f7941d;
}

button.button-style1 svg {
    width: 22px;
}

.shipping-address form {
    padding: 30px 0;
}

.shipping-address form .input-wrapper {
    margin-bottom: 20px;
}

.dashboard-wrapper .form-control {
    padding: 10px;
    border-radius: 2px;
}

.saved-address .radio-inputs label {
    width: 400px;
    padding: 15px;
    border: 1px solid #eee;
    margin: 10px;
    border-radius: 5px;
}

.dashboard-wrapper svg {
    width: 20px;
    margin-right: 10px;
}

.dashboard-wrapper h6 {
    text-transform: none;
}

.saved-address .radio-inputs label span.radio-label {
    display: inline-flex;
    align-items: center;
    margin-left: 10px;
}

.saved-address .radio-inputs label h5 {
    font-size: 1.3rem;
    margin-bottom: 0;
}

.saved-address .radio-inputs label .address {
    padding: 10px;
    font-size: 1rem;
    margin-bottom: 10px;
}

.modal .input-wrapper {
    margin-bottom: 14px;
}

.modal label {
    margin-bottom: 5px;
}

.dashboard-wrapper .condition .nav-link {
    background-color: #777777;
    margin-right: 10px;
    border-radius: 30px;
    color: var(--white-clr);
}

.dashboard-wrapper .condition .nav-link.active {
    background-color: var(--secondary-clr);
}

.orders-wrapper .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 10px;
    gap: 10px;
}

.orders-wrapper .item p {
    margin-bottom: 0;
}

.orders-wrapper .item img {
    width: 80px;
}

.more-btn {
    border-radius: 30px;
    padding: 4px 10px;
    border: 1px solid #dedede;
}

.modal-content {
    padding: 0.5rem;
}

.modal .division-lines {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
}

.modal .division-lines::before {
    content: "";
    width: 30%;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    top: 8px;
    right: 0;
    margin: auto;
}

.modal .division-lines::after {
    content: "";
    width: 30%;
    height: 1px;
    background: #e0e0e0;
    position: absolute;
    top: 8px;
    left: 0;
    margin: auto;
}

.user-in button {
    display: flex;
    border: 0;
    background-color: unset;
    align-items: center;
    gap: 10px;
}

.user-in img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
}

.user-in .info h6 {
    margin-bottom: 0;
}

.dropdown-item svg {
    width: 22px;
    margin-right: 6px;
}

.tab-pane form .input-wrapper {
    margin-bottom: 20px;
}

.tab-pane form label {
    margin-bottom: 5px;
}

.modal .upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.modal .middle {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 10px;
}

.upper img {
    width: 80px;
}

.modal a svg {
    width: 20px;
}

.remove-btn {
    background-color: transparent;
    color: red;
    border: 
    1px solid;
}

span#book_now_btn {
    background: #7b8f9c;
    width: 100%;
    height: 46px;
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    padding: 8px 0px;
    border-radius: 4px;
    border: 1px solid #7b8f9c;
}

.thankyou .inner {
    text-align: center;
}

.thankyou .inner .thankyou-check-img {
    max-width: 140px;
    margin-bottom: 30px;
}

.query-space svg {
    width: 60px;
}

.query-space {
    box-shadow: 1px 2px 3px #adadad7d, -1px -1px 3px #adadad30;
    display: inline-block;
    padding: 3px 24px;
    border-radius: 3px;
}

.custome-card-th {
    box-shadow: 1px 2px 3px #76767626, -1px -1px 3px #7676762b;
    padding: 20px;
    margin: 10px 0;
}

.custome-card-th .headerr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.custome-card-th ul li {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.custome-card-th .content {
    padding: 20px;
}

.custome-card-th .headerr .link-text {
    background-color: #ffecd6;
    color: var(--primary-clr);
    font-weight: bold;
    padding: 4px 10px;
}

.show-order-qr .qr-image {
    margin: 10px 0px;
}

.final-price-selection.drf .radio-inputs label {
    width: 20%;
}

.final-price-selection .saved-address .radio-inputs label {
    width: 100%;
}

input[type="radio"] {
    accent-color: #002c48;
}

.select-date-radio .radio-inputs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    padding: 0.25rem;
    font-size: 14px;
}

.select-date-radio .radio-inputs .radio {
    text-align: center;
}

.select-date-radio .radio-inputs .radio .name p {
    margin-bottom: 0;
}

.select-date-radio .radio-inputs .radio input {
    display: none;
}

.select-date-radio .radio-inputs .radio input:checked+.name {
    background-color: var(--primary-clr);
    font-weight: 600;
    color: var(--white-clr);
}

.select-date-radio .radio-inputs .radio input:checked+.name h5 {
    color: var(--white-clr);
}

.select-date-radio .radio-inputs .radio .name h5 {
    font-size: 2rem;
}

.custome-card-th .inner-wrapper .item label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custome-card-th .inner-wrapper .item label .middle {
    width: 90%;
}

.custome-card-th .inner-wrapper .item {
    margin: 10px 0;
    border: 1px solid #eee;
    padding: 20px;
}

.stores-wrapper .inner .image-area {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.stores-wrapper .inner .image-area img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.stores-wrapper .inner .image-area .label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #ffeed9;
    color: var(--primary-clr);
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.9rem;
}

.stores-wrapper .inner {
    box-shadow: 1px 2px 3px #eee;
    margin-bottom: 20px;
    border-radius: 10px 10px 0 0;
}

.stores-wrapper {
    margin-top: 30px;
}

.stores-wrapper .inner:hover .image-area img {
    transform: scale(1.03);
}

.stores-wrapper .inner:hover h4 a {
    color: var(--primary-clr);
}

.stores-wrapper .inner .content-area {
    padding: 20px 20px 30px;
}

.stores-wrapper .inner .content-area p {
    margin-bottom: 5px;
}

.stores-wrapper .inner .content-area .cta-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.single-store-slider {
    position: relative;
}

.single-store-slider .item img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: top;
}

.single-store-slider .slick-prev {
    position: absolute;
    bottom: 10px;
    left: 40%;
    border: 1px solid #f7941d9e;
    background-color: #f7941d87;
    padding: 0 10px;
    color: var(--white-clr);
}

.single-store-slider .slick-next {
    position: absolute;
    bottom: 10px;
    right: 40%;
    border: 1px solid #f7941d9e;
    background-color: #f7941d87;
    padding: 0 10px;
    color: var(--white-clr);
}

.store-info {
    box-shadow: 1px 2px 3px #a7a7a799, -1px -1px 3px #a7a7a77d;
    padding: 30px 20px;
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.store-info .man-image {
    position: absolute;
    right: -13px;
    bottom: -50px;
    width: 350px;
    height: 350px;
}

.store-features-wrapper .inner {
    padding: 10px;
    text-align: center;
    border: 1px solid #8585854d;
    border-radius: 5px;
    background-color: #ffffffc9;
}

.store-features-wrapper .inner img {
    width: 100px;
    margin: 20px 0;
}

.store-features-wrapper {
    padding: 30px 0 0;
}

.rapir-module img {
    width: 90px;
}

.rapir-module a {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: #dddddd59;
    padding: 10px;
    border-radius: 8px;
    gap: 10px;
}
.order-details-item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.order-details-item-wrapper img {max-width: 200px;aspect-ratio: 16/9;object-fit: contain;}

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

.order-check .dash-item svg {
    width: -webkit-fill-available;
    height: 20px;
    min-width: 99px;
}
.order-check .dash-item {
    width: -webkit-fill-available;
    border-bottom: 2px dashed #f7941d;
    padding: 0 10px;
    margin-bottom: 46px;
}

.order-check .dash-item {
    padding: 0 10px;
    margin-bottom: 46px;
}

.order-check .item {
    width: max-content;
    text-align: center;
}

.order-check .item p {
    width: max-content;
}

.order-check .item svg {
    width: 50px;
}

.order-sidebar-area .final-price-sidebar {
    width: 100%;
}

.condition .order-details img {
    max-width: 150px;
}

.condition .order-details {
    display: flex;
    align-items: center;
}

.condition .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.condition .item .info{
    width: 100%;
}

.bottom-header-logo{
    display: none;
}

#change_password_form .input-wrapper {
    margin-bottom: 0;
}
.clk_btn2 svg {
width: 22px;
}

.nav-item.dropdown a {
    display: inline-block;
}

.clk_btn2 {
    display: inline-block;
}
.main-header-wrapper > a{
    display: none;
}

@media (max-width: 1220px){
   .search-wrapper{
       width: 100%;
   }
   .other-content{
       margin-top: 20px;
   }
   .image-grid{
       width: 100%;
   }
   .other-content a{
       min-width: max-content;
   }
   .about-content-wrapper .content h3{
       font-size: 2.2rem;
   }
}

@media (max-width: 1200px){
    .hero-slider .item .item-content{
        width: 50%;
    }
    .download-app .content p{
        width: 100%;
    }
    .about-numbers .items{
        width: 49%;
    }
}
@media (max-width: 1120px){
   .hero-slider .item .item-content{
       width: 66%;
   }
   .our-process .inner span{
       right: 20px;
   }
}
@media (max-width: 1050px){
   .top-header-wrapper .header-logo {
    max-width: 280px;
    }
     .about-numbers .items{
        padding-left: 10px;
        padding-right: 10px;
    }
    .hero-slider .item .item-content {
    width: 70%;
    top: 50%;
    transform: translateY(-50%);
    }
    .dashboard-wrapper .user-details{
        width: 72%;
    }
    .dashboard-wrapper .user-sidebar{
        width: 25%;
    }
    .navbar ul.navbar-nav li {
    margin-right: 2rem;
    }
}

@media (max-width: 991px){
    .bottom-header-logo{
    display: block;
    max-width: 200px;
    }
    nav.navbar.navbar-expand-lg {
    padding: 10px 20px;
    }
    .top-header-wrapper > a{
        display: none;
    }
    .toggle-icon {
    display: block;
    }
    .nav-item.dropdown a {
    width: max-content;
    display: inline-block;
    }
    .section-padding {
    padding: 3rem 0;
    }
    .cta-inner-wrapper{
        flex-direction: column;
    }
    .cta-inner-wrapper .wrapper{
        width: 100%;
        justify-content: center;
    }
    .cta-inner-wrapper .info-inner{
        display: none;
    }
    .search-input {
    max-width: 700px;
    margin: 0 auto;
    }
    .about-section .about-content-wrapper{
        flex-wrap: wrap;
    }
    .about-section .about-content-wrapper .content {
    width: 50%;
    }
    .about-section .about-content-wrapper .image-area {
    width: 50%;
    text-align: center;
    }
    .about-numbers{
        text-align: center;
        width: 100%;
    }
    .repair-items-wrapper .items{
        width: 48%;
    }
    .repair-items-wrapper .items a img{
        height: 250px;
    }
    .why-choose-us::after {
    background: linear-gradient(253deg, #002c48e6 20%, #002c48eb 100%);
    }
    .why-choose-us-heading{
        text-align: center;
    }
    .our-process .inner{
        margin-bottom: 30px;
    }
    .testimonials .section-heading.text-start h2::after{
        left: 50%;
    }
    .why-choose-us-heading h2::after{
        left: 50%;
    }
    .footer-logo-area, .footer-links {
    margin-bottom: 30px;
    }
    .main-image{
        width: auto;
        height: auto;
    }
    .price-form-wrapper .image-wrapper {
    display: none;
    }
    .contact-info-wrapper .item {
    margin-bottom: 30px;
    }
    .page .about-numbers .items {
    border-right: 1px solid #f7941d;
    border-bottom: 1px solid #f7941d;
    
    }
    
    .page .about-numbers .items:nth-child(2), .page .about-numbers .items:nth-child(4){
        border-right: 0;
    }
    .page .about-numbers .items:nth-child(3), .page .about-numbers .items:nth-child(4){
        border-bottom: 0;
    }
    .cta-section.section-padding {
    padding-top: 0;
    }
    .single-service-sidebar {
    padding: 20px 0;
    }
    .final-price-section-wrapper{
        flex-wrap: wrap;
    }
    .final-price-selection{
        width: 100%;
    }
    .final-price-sidebar{
        width: 100%;
    }
    .final-price-sidebar{
        margin-bottom: 30px;
    }
}

@media (max-width: 950px){
        .hero-slider .item .item-content {
        width: 80%;
    }
}

@media (max-width: 850px){
    .hero-slider .item .item-content h2{
        font-size: 2.8rem;
    }
    .hero-slider .item{
        height: auto;
    }
    .about-section .about-content-wrapper .content{
        width: 60%;
    }
    .about-section .about-content-wrapper .image-area{
        width: 38%;
    }
    .testimonials .section-heading h2 {
    font-size: 2.2rem;
    }
    nav.breadcrum-area h2{
        font-size: 2.8rem;
    }
    nav.breadcrum-area {
    padding: 70px 20px;
    }
    .map iframe {
    height: 300px;
    }
    .top-header-wrapper .header-content-info{
        text-align: left;
    }
}
@media (max-width: 768px){
       .hero-slider .item .item-content {
        width: 90%;
    }
}
@media (max-width: 767px){
       .hero-slider .item .item-content {
        width: 98%;
    }
        .repair-items-wrapper .items {
        width: 99%;
    }
        .repair-items-wrapper .items a img {
        height: auto;
    }
    .contact-info-wrapper .item {
    border: 1px solid #eee;
    padding: 20px 0;
    background-color: #f9f9f9;
    }
    .pick-repair-service{
        width: 49%;
    }
}
@media (max-width: 700px){
    nav.breadcrum-area{
        height: 220px;
    }
    .download-app {
    background-color: #ffffffd4;
    background-blend-mode: color;
    }
    .price-form-wrapper .form-area{
        padding: 20px;
    }
    .about-content-wrapper .image-area img {
    width: 250px;
    margin-bottom: 30px;
    }
}
@media (max-width: 650px){
        .hero-slider .item .item-content h2 {
        font-size: 2.4rem;
    }
    .about-section .about-content-wrapper .content{
        width: 100%;
        order: 1;
        margin-top: 30px;
    }
     .about-section .about-content-wrapper .image-area{
         width: 100%;
         order: 0;
     }
     .why-choose-features-wrapper .items{
         width: 100%;
     }
     .why-choose-features-wrapper .items{
         border: 0;
     }
}
@media (max-width: 600px){
    .top-header-wrapper .header-content-info:first-of-type {
    display: none;
    }
    .hero-slider .item img{
        min-height: 330px;
    }
}
@media (max-width: 575px){
   .testimonials .section-heading h2, .about-content-wrapper .content h3{
       font-size: 2rem;
   }
       nav.breadcrum-area h2 {
        font-size: 2.2rem;
    }
    .custome-card-th .content{
        padding: 0;
    }
    .saved-address .radio-inputs label{
        margin: 0;
    }
}
@media (max-width: 450px){
       .why-choose-features-wrapper .items {
        flex-direction: column;
        align-items: start;
        padding: 0;
    }
    .contact-info-wrapper .item svg{
        width: 60px;
    }
    .radio-inputs{
        justify-content: center;
    }
    .pick-repair-service{
        width: 100%;
    }
}
@media (max-width: 400px){
    .container-xl {
    padding: 0 5px;
    }
    .other-content{
        flex-direction: column;
    }
        .about-numbers .items {
        width: 100%;
    }
    .page .about-numbers .items, .about-numbers .items{
        border: 0;
    }
        .hero-slider .item .item-content h2 {
        font-size: 2.2rem;
    }
    .mini-cta-section {
    flex-direction: column;
    align-items: start;
    }
}
@media (max-width: 380px){
   .search-input svg{
       right: 32px;
   }
   .footer-logo-area ul li a svg {
    width: 35px;
    padding: 9px;
    }
}
@media (max-width: 350px){
       .bottom-header-logo {
        max-width: 160px;
    }
    .search-input input{
        padding-right: 50px;
    }
    .search-input svg{
       right: 32px;
   }.search-input svg{
       right: 20px;
   }
}