/* General Reset */


body,
h1,
h2,
h3,
p,
ul,
li,
a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

body {
    margin: 0;
    font-family: "Outfit", sans-serif;
}
/* Header Styling */
.main-header {
    position: fixed !important;
    top: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 0 40px -2px rgba(0, 0, 0, 0.185);
    padding: 10px 0;
    width: 100%;
}
.space{
    margin-bottom: 4.6em;
}
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo Section */
.logo a img {
    max-height: 50px;
}

/* Menu Section */
.menu ul {
    display: flex;
    gap: 20px;
}

/* Style for the dropdown arrow */
.dropdown .dropdown-arrow {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 5px;
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
    transform: rotate(45deg);
    position: relative;
    top: 1px;
    transition: transform 0.3s ease;
}

.dropdown:hover .dropdown-arrow {
    transform: rotate(-135deg);
    border-color: #007bff;
}

.dropdown-toggle {
    display: inline-flex;
    align-items: center;
}


.menu ul li a {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin: 0em 1.5em;
    font-weight: 500;
    transition: color 0.3s ease;
}

.menu ul li a:hover {
    color: #007bff;

}

/* Dropdown Menu */
.menu li .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: auto;
    flex-direction: column;
    background-color: white;
    box-shadow: 0px 20px 40px -6px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    z-index: 999;
}

.dropdown-menu.show {
    display: block;
}

/* Show dropdown on hover */
.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.dropdown-menu li {
    padding: 15px 20px;
    transition: 0.3 ease-in-out;
}

.dropdown-menu li:hover {
    background-color: black;
    color: white;
    padding: 15px 20px;
    cursor: pointer;
}

.dropdown-menu li a {
    color: white;
    font-size: 14px;
    transition: color 0.3s ease;
}

.menu .dropdown-menu li a:hover {
    color: white;
}

.dropdown:hover .dropdown-menu {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

#menu-toggle {
    display: none;
}

/* Contact Button */
.contact-button .btn {
    background-color: black;
    color: white;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px #ffbb00;
    transition: 0.3s ease;
}

.contact-button .btn:hover {
    background-color: black;
    color: white;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px white;
}

.menu-toggle {
    display: none;
    font-size: 24px;
    background: none;
    border: none;
    margin: 5px 0px;
    border-radius: 3px;
    cursor: pointer;
    color: white;
    background-color: black;
    z-index: 1001;
}

@media (max-width: 360px) {

html, body {
        overflow-x: hidden;
        max-width: 100%;
    }

   .container {
        display: flex;
        flex-direction: row;
        padding: 0px;
        justify-content: space-between;
    }
    .space{
        margin: 0;
    }
    .main-header {
        background-color: #fff;
        padding: 10px 0px;
        box-shadow: 0 0 40px -3px rgba(0, 0, 0, 0.185);
        position: sticky !important;
    }

    .menu.active {
        display: flex;
        box-shadow: 0px 30px 30px -3px rgba(31, 31, 31, 0.151);
        max-height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .logo {
        margin-left: -10px;
    }

    .menu-toggle {
        background-color: black !important;
    }

    #servicecenter {
        margin-top: -1.3em;
        margin-bottom: -5px;
        border-bottom: double black;
        width: fit-content;
        padding-bottom: 3px;
    }

    #repairservice {
        margin-bottom: -5px;
        border-bottom: double black;
        width: fit-content;
        padding-bottom: 3px;
    }

    #servicecenter:hover {
        padding: 5px 10px;
    }

    #repairservice:hover {
        padding: 5px 10px;
    }

    #contxt {
        margin-top: -20px;
    }

    #menu-toggle {
        display: block;
        display: flex;
        color: white;
        background-color: black;
        flex-direction: column;
        transition: opacity 0.3s ease, transform 0.3s ease;
        background-color: transparent
    }

    .menu-toggle {
        order: 2;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .dropdown .dropdown-arrow {
        margin-top: 0px;
        padding: 0px;
        top: -3px;
    }

    .contact-button {
        order: 3;
        margin-left: auto;
    }

    /* Hide the menu (for mobile) */
    .menu {
        display: none;
        flex-wrap: nowrap;
        flex-direction: column;
        position: absolute;
        top: 100%;
        width: 100%;
        margin-left: -20px;
    }

    /* Display the menu toggle on mobile */
    .menu-toggle {
        display: block;
    }

    .menu ul {
        flex-direction: column;
        gap: 20px;
        width: 100%;
        background-color: white;
        flex-wrap: nowrap;
        padding-top: 30px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 30px;
        margin: 0px;
    }

    .menu ul li {
        margin: 0px;
        width: 100%;
    }

    .menu ul li a {
        padding: 0px;
        display: block;
        width: 100%;
    }

    .dropdown-menu {
        display: none;
        flex-direction: column;
    }

    .dropdown:hover .dropdown-menu {
        display: none !important;
    }

    .menu .dropdown .dropdown-toggle {
        cursor: pointer;
    }

    .dropdown-menu.show {
        display: block;
    }

    .menu .dropdown-menu li a {
        padding: 0px !important;
    }

    .menu .dropdown:hover .dropdown-menu {
        display: flex;
    }

    .menu ul li a:hover {
        background-color: black;
        color: white;
    }

    ul li a.active {
        background-color: black;
        color: white;
    }

    .menu li a:hover {
        padding: 10px;
    }

    .menu-toggle {
        display: block;
    }
}

/* Banner Slider */
.slider {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    background-image: url('/images/bg1.png');
}

.slide {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    animation: slideAnimation 60s infinite;
}

/* Content Styling */
.content {
    position: absolute;
    top: 20%;
    left: 5.5em;
    color: #fff;
    text-align: left;
    max-width: 45%;
}

.top-heading {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    margin: 0 0 20px 0;
}

.sub-heading {
    font-family: "Josefin Sans", sans-serif;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin: 0 0 15px 0;
}

.divider-divider {
    width: 130px;
    height: 2.1px;
    margin-top: 25px;
    background-color: white;
    margin-bottom: 18px;
}

.description {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 25px 0 40px 0;
}

/* Button Styling */
.banner-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px white;
    transition: 0.3s ease;
}

.banner-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

.right-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.right-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* Mobile-specific Styles */
@media screen and (max-width: 360px) {
    .slider {
        text-align: center;
        flex-direction: column;
        gap: 13em;
    }

    .slider .content {
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
        left: 0;
        margin-top: -20px;
    }

    .slider #contentt {
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
        left: 0;
    }


    .slider .slide {
        display: flex;
        flex-direction: column;
        height: 100%;
        gap: 3em;
    }


    .right-image {
        width: 100%;
        position: relative;
        top: 60%;
    }

    .right-image img {
        width: 75%;
        height: auto;
    }

    .content {
        top: 10%;
        left: 5%;
        max-width: 100%;
        padding: 0px 10px;
    }

    #contentt {
        top: 10%;
        left: 5%;
        max-width: 100%;
        padding: 0px 10px;
    }

    .top-heading {
        font-size: 13px;

    }

    .sub-heading {
        font-size: 28px;
        margin-bottom: -10px;
    }

    .divider-divider {
        display: none;
    }

    .description {
        font-size: 15px;
        margin-bottom: 30px;
    }

    #paramile {
        margin-bottom: -30px;
    }

    .banner-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .banner-btn:hover {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* 3 Section */

.services {
    display: flex;
    margin: 50px;
}

.servicee-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-right: 1px groove rgba(128, 128, 128, 0.123);
    width: 30%;
    padding: 20px 70px;
    transition: 0.3s ease-in-out;
}

.servicee-item:hover {
    transform: translateY(-10px);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 30%;
    padding: 20px 70px;
}

.servicee-item .icon {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.servicee-item .icon img {
    width: 60px;
    height: 60px;
}

.servicee-item .text {
    width: 100%;
}

.services .servicee-item .text .icon-top-heading {
    font-family: "DM Sans", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 5px;
}

.icon-sub-heading {
    font-size: 14px;
    font-weight: 400;
    color: rgb(95, 95, 95)
}

/* 3rd service */
.serviceee-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 30%;
    padding: 20px 70px;
    transition: 0.3s ease-in-out;
}

.serviceee-item .icon {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.serviceee-item .icon img {
    width: 60px;
    height: 60px;
}

.serviceee-item .text {
    width: 100%;
}

.serviceee-item:hover {
    transform: translateY(-10px);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 30%;
    padding: 20px 70px;
}

.services .serviceee-item .text .icon-top-heading {
    font-family: "DM Sans", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 5px;
}

@media screen and (max-width: 360px) {
    .services {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        gap: 20px;
        margin-left: 0px;
    }

    .serviceee-item .icon,
    .servicee-item .icon {
        width: 0%;

    }

    .serviceee-item,
    .servicee-item {
        width: 100% !important;
        padding-bottom: 0px !important;
        margin-bottom: -10px;
        gap: 30px;
    }

    .servicee-item .text,
    .serviceee-item .text {
        text-align: left;
    }

}


/* About Us Section  */

.about-section {
    display: flex;
    justify-content: space-between;
    margin: 70px auto;
    padding: 20px;
    max-width: 1200px;
}

.about-image {
    width: 50%;
    padding-right: 20px;
}

.about-image img {
    width: 100%;
    height: auto;
    z-index: 1;
}

/* About Us Background Image  */
.about-section .about-image .bg {
    display: flex;
    position: absolute;
    top: 830px;
    left: 20.2%;
    width: 23%;
    z-index: -1;
}

/* About Us Background Line Image  */
.about-section .about-image .bg-line {
    display: flex;
    position: absolute;
    top: 860px;
    left: 5%;
    width: 7.5%;
    z-index: -1;
}

.bg-line {
    position: relative;
    animation: moveUpDown 4s ease-in-out infinite;
}

@keyframes moveUpDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

/* About Us image Counter */
.about-section .about-image .duel {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 79em;
    background-color: white;
    box-shadow: 0px 5px 30px 0px rgba(31, 31, 31, 0.151);
    left: 12%;
    border-radius: 5px;
    z-index: 2;
}

.about-section .about-image .duel .duel-heading {
    margin: 40px 60px;
}

.about-section .about-image .duel .duel-heading .duel-top-heading {
    font-family: "Poppins", Sans-serif;
    font-size: 46px;
    font-weight: 700;
    color: rgb(29, 137, 229);
}

.about-section .about-image .duel .duel-heading .duel-sub-heading {
    font-family: "Poppins", Sans-serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 20px;
    color: rgb(20, 22, 57);
}

.duel {
    position: relative;
    animation: moveUpDown 4s ease-in-out infinite;
}

/* About Us doted Background Image */
.about-section .about-image .doted-bg {
    display: flex;
    position: absolute;
    top: 86em;
    left: 5%;
    width: 14%;
    z-index: -1;
}

/* About Right Containe Content */

.about-content {
    width: 50%;
    padding-left: 20px;
}

.aboutus-top-heading {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    background: linear-gradient(90deg, #244bc1, #5ac0e2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 20px;
}

.aboutus-sub-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 37px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: .2px;
    margin-bottom: 15px;
    color: black;
}

.aboutus-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666;
}

/* About Us Item Section */
.aboutus-section {
    display: flex;
    margin-top: 30px;
}

.aboutus-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-left: 20px;
}

.aboutus-item .aboutus {
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.aboutus-item .aboutus img {
    width: 33px;
    height: 33px;
    margin-right: 20px;
    background-color: rgb(254, 249, 211);
    padding: 15px;
    border-radius: 100%;
}

.aboutus-item .aboutuss img {
    width: 33px;
    height: 35px;
    margin-right: 20px;
    background-color: rgb(254, 249, 211);
    padding: 15px 15px 14px 15px;
    border-radius: 100%;
}

.aboutus-item {
    margin: 0px;
    padding: 0px;
}

.aboutus-item .aboutus {
    width: 15%;
    margin-left: 40px;
}

.aboutus-item .aboutuss {
    width: 30%;
}

.about-section .aboutus-item .about-text .about-top-heading {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 26px;
    margin-bottom: 5px;
}

.about-sub-heading {
    font-size: 14px;
    font-weight: 400;
    color: rgb(95, 95, 95)
}

/* About Us Icon List And Image Section */

.description-container {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}


.icon-list {
    flex: 1;
    padding: 10px;

}

.icon-list ul {
    list-style: none;
    padding: 0;
}

.icon-list li {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: rgb(69, 74, 80);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-list li i {
    color: #ffbb00;
    font-size: 15px;
}

.description-image {
    flex: 1;
    text-align: center;
}

.description-image img {
    width: 110%;
    border-radius: 8px;
    margin-top: -10px;
}



@media screen and (max-width: 360px) {
    .about-section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 60px;
        padding: 0px;
        width: 100% !important;
    }

    .duel {
        position: relative;
        top: 190% !important;
    }

    .about-section .about-image {
        width: 100%;
        margin-bottom: -2em;
        padding-right: 400px !important;
    }

    .about-section .about-image .bg {
        display: flex;
        position: relative;
        top: -350px !important;
        left: 80px !important;
        width: 70%;
        margin-bottom: -12em;
        z-index: -1;
    }

    .about-section .about-image .doted-bg {
        display: none;
    }

    .about-section .about-image .bg-line {
        display: none;
    }

    .about-content {
        width: 100%;
        padding: 0px 10px;
        margin: 0px
    }

    .aboutus-sub-heading {
        font-size: 28px;
    }


    /* About Us Item Section */

    .aboutus-section {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        gap: 20px;
        padding: 0px 10px;
        margin-left: -20px;
        margin-bottom: -20px;
    }

    .aboutus-description {
        padding-right: 10px;
    }


    .aboutus-item {
        flex-direction: row;
        align-items: center;
        padding: 0px;
        width: 100%;
    }

    .aboutus-item .aboutus,
    .aboutus-item .aboutuss {
        margin-right: 10px;
        width: auto;
    }

    .aboutus-item .aboutus img,
    .aboutus-item .aboutuss img {
        margin-left: 10px;
        width: 40px;
        height: 40px;
    }

    .aboutus-item .aboutus .mobile {
        margin-left: -30px;
        padding-right: 20px;

    }

    .aboutus-item .about-text {
        text-align: left;
    }

    .about-text .about-top-heading {
        font-size: 14px;
    }

    .about-sub-heading {
        font-size: 14px;
    }

    /* About Us Icon List And Image Section */

    .description-container {
        display: flex;
        flex-direction: column;
        padding: 0px;
        margin-top: 50px;
        text-align: left;
        align-items: flex-start;
    }

    .description-container .icon-list {
        margin-left: 0px;

        padding-left: 10px;
    }

    .description-image img {
        margin-top: -10px;
        width: 100%;
    }

}

/* Call To Action Section */

.cta-section {
    background-image: url('/images/cta\ bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 65px 0px;
    margin-bottom: 70px;
    position: relative;
    color: #fff;
}

.cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 187, 0);
    z-index: -1;
}

.cta-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    gap: 20px;
    z-index: 2;
}

.cta-left img {
    width: 180px;
    margin-top: -85px;
    padding: 0px 70px;
    margin-bottom: -97px;
    z-index: 1;
    background-image: url(/images/cta\ image\ bg2.png);
    background-repeat: no-repeat;
    background-size: 17em;
}

.cta-left .image-bg {
    width: 230px;
    margin-top: -50px;
    margin-bottom: -70px;
    margin-left: -80px;
    z-index: 0;
}

.cta-center {
    text-align: left;
    flex: 1;
    padding: 0px 70px 0px 120px;
}

.cta-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
    margin-bottom: 10px;
}

.cta-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 13px;
}

.cta-right {
    position: relative;
    left: 6.8%;
    text-align: left;
}

.cta-button {
    background-color: white;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px black;
    transition: 0.3s ease;
}

.cta-button:hover {
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

@media screen and (max-width: 360px) {
    .cta-section {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .cta-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .cta-left {
        display: none;
    }

    .cta-center {
        padding: 0;
        margin-bottom: 20px;
    }

    .cta-heading {
        font-size: 25px;
        line-height: 1.4em;
        text-align: center;
    }

    .cta-description {
        font-size: 14px;
        margin-top: 10px;
        font-weight: 600;
        text-align: center;
        line-height: 1.4em;
        margin-bottom: -30px;
    }

    .cta-right {
        position: static;
    }

    .cta-button {
        margin-top: 20px !important;
        display: inline-block;
        margin: 0 auto;
    }
}

/* Our Services Section  */

.services-section {
    margin-bottom: 40px;
    text-align: center;
}

.services-container {
    max-width: 83%;
    margin: 0 auto;
}

.services-subheading {
    font-family: "DM Sans", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: black;
    margin-bottom: 10px;
}

.services-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: black;
}

.services-heading2 {
    display: none;
}

.services-section .services-container .services-heading .ser {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 40px;
    font-weight: 800;
    color: #ffbb00;
}

.services-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #555;
    line-height: 1.7em;
}

@media screen and (max-width: 360px) {
    .services-section {
        text-align: center;
        margin-top: -20px;
    }

    .services-container {
        max-width: 100%;
        padding: 0px 10px;
    }

    .services-heading {
        display: none;
    }

    .services-heading2 {
        display: block;
        font-family: "Josefin Sans", Sans-serif;
        font-size: 28px;
        font-weight: 800;
        line-height: 1.2em;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    .services-section .services-container .services-heading2 .ser2 {
        font-family: "Josefin Sans", Sans-serif;
        display: inline;
        font-size: 25px;
        font-weight: 800;
        color: #ffbb00;
    }
}


/* 3 Services Section */
.servicess {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 70px;
    margin-top: 20px;
}

.service-item {
    width: 30%;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    transition: transform 0.3s ease;
}

.service-item:hover {
    transform: translateY(-10px);
}

.services-images img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.title-discrip {
    background-color: white;
    box-shadow: 0px 10px 30px -2px rgba(0, 0, 0, 0.11);
    padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 30px;
    border-radius: 5px;
    margin-top: -70px;
}

.servicess .service-item .marged {
    padding: 0px 17px;
}

.servicess .service-item .marged .title-discrip .svg-icon {
    padding: 20px 0px;
    align-self: center;
    position: relative;
    left: 36%;
    top: -35px;
    width: 78px;
    border-radius: 100px;
    margin-bottom: -17px;
    background-color: #ffbb00;
}

.servicess .service-item .marged .title-discrip .svg-icon img {
    width: 2.2em;
    height: 2.2em;
}

.service-title {
    font-size: 27px;
    font-family: "Josefin Sans", Sans-serif;
    font-weight: 700;
    line-height: 31px;
    margin-bottom: 15px;
    color: rgb(22, 22, 63);
}

.service-description {
    font-size: 16px;
    color: #7a7a7a;
    line-height: 27px;
    margin-bottom: 20px;
}

.servicess .service-item .marged .title-discrip .servicess-btn {
    color: #2a283f;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 2px solid #ffbb00;
    transition: 0.3s ease-in-out;
    text-decoration: none;
}

.servicess .service-item .marged .title-discrip .servicess-btn:hover {
    color: #2a283f;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding-left: 5px;
    border-left: 2px solid #ffbb00;
    border-bottom: none;
}

/* Responsive Design for Mobile */
@media (max-width: 360px) {
    .servicess {
        flex-direction: column;
        align-items: center;
        padding-left: 0px;
        margin-left: -10px;
        padding-right: 0px;
    }

    .servicess .services-images {
        padding-right: 30px;
    }

    .servicess .service-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .servicess .service-item .marged {
        padding-left: 10px;
        padding-right: 40px;
    }


    .title-discrip {
        margin-top: -50px;
        padding-top: 10px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .service-title {
        font-size: 26px;
    }

    .service-description {
        font-size: 15px;
    }

    .servicess-btn {
        font-size: 13px;
    }

    .svg-icon {
        width: 60px;
        height: auto;
    }

    .svg-icon img {
        width: 2em;
        height: 2em;
    }
}

/* Why Choose Us Section */

/* Overall container */
.why-choose-us {

    padding-top: 60px;
    padding-bottom: 70px;
    padding-left: 88px;
    padding-right: 88px;
    max-width: 100%;
    background-image: url(/images/bg1.png);
    margin-top: 60px;
    margin-bottom: 60px;
}

/* First Section (Heading + Button) */
.why-intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

/* Left content (Heading + Description) */
.why-left {
    max-width: 55%;
}

.why-heading {
    color: white;
    font-family: "Josefin Sans", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2em;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin-bottom: 10px;
}

.why-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: white;
}

/* Right button */
.why-right {
    text-align: right;
}

.why-button {
    background-color: transparent;
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.411);
    border-radius: 100px;
    padding-top: 14px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.why-button:hover {
    background-color: white;
    color: #2a283f;
    border: 2px solid white;
    border-radius: 100px;
}

/* Second Section (3 Services) */
.why-services {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.why-item {
    text-align: left;
    padding: 40px;
    width: 100%;
    border: 1px solid #ddd;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 10;
    transition: transform 0.3s ease;
}

.why-item:hover {
    transform: translateY(-10px);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}

.why-icon img {
    width: 76px;
    height: 76px;
    margin-bottom: 20px;
}

.why-title {
    color: #16163f;
    font-family: "Josefin Sans", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}

.why-text {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: #7a7a7a;
}

@media screen and (max-width: 360px) {
    .why-choose-us {
        padding-top: 60px;
        padding-bottom: 70px;
        padding-left: 10px;
        padding-right: 10px;
        max-width: 100%;
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .why-intro {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        margin-bottom: 80px;
    }

    .why-left {
        max-width: 100%;
        text-align: center;
    }

    #why-left {
        max-width: 100%;
        text-align: center;
    }

    .why-right {
        max-width: 100%;
        align-self: center !important;
    }

    .why-heading {
        font-size: 30px;
    }

    /* Second Section (3 Services) */
    .why-services {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 20px;
        padding-right: 80px;
    }
}


/* Email Call To Action */

.email-section {
    text-align: center;
    padding-top: 10px;
    background-color: white;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.email-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: .2px;
    margin-bottom: 20px;
    color: black;
}

.email-heading2 {
    display: none;
}

/* Container for input and button */
.email-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 600px;
    margin: 0 auto;
}

/* Input Styling */
.email-input {
    flex: 1;
    padding: 18px 25px;
    font-size: 16px;
    border: 1px solid #ddd;
    font-family: "DM Sans", Sans-serif;
    font-weight: 400;
    border-radius: 100px;
    outline: none;
    font-size: 15px;
    color: #16163f;
    transition: all 0.3s ease;
    box-shadow: 0px 5px 30px -4.5px rgba(20, 99, 247, 0.199);

}

.email-input:focus {
    border-color: linear-gradient(50deg, #1c81f3, #18bbfa);
    box-shadow: 0px 5px 30 1px #1c80f3;
}

/* Button Styling */
.email-button {
    padding: 16px 30px;
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(50deg, #1c81f3, #18bbfa);
    color: #fff;
    font-family: "DM Sans", Sans-serif;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    transition: background-color 1s ease-in-out;
}

.email-button:hover {
    background: linear-gradient(50deg, #fcd202, #18bbfa);
}

@media screen and (max-width: 360px) {
    .email-section {
        text-align: center;
        padding-top: 0px;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .email-heading {
        display: none;
    }

    .email-heading2 {
        display: block;
        font-size: 30px;
        margin-bottom: 20px;
    }
}

/* FAQS And Contact Form */
.faq-contact-section {
    display: flex;
    gap: 50px;
    padding: 70px 90px;
    flex-wrap: wrap;
}

/* Left Column: FAQs */
.faq-column {
    flex: 1;
    min-width: 300px;
}

/* FAQ Section Styling */
.faq-heading1 {
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fcd202;
}

.faq-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: #333;
}

.fq-para {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 20px;
    color: #7a7a7a;
}

.faqs {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

details {
    background-color: #17163e;
    transition: all 0.3s ease-in;
}

details[open] {
    background-color: white;

}

summary {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: white;
    padding: 15px 15px;
    cursor: pointer;
    background-color: #17163e;
}

summary:hover {
    color: white;
    background-color: black;

}

details p {
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #7a7a7a;
    margin-left: 20px;
    margin-right: 20px;
}

/* Right Column: Contact Section */
.contact-column {
    flex: 1;
    padding: 60px 50px;
    max-width: 490px;
    margin-top: -20px;
    background-color: rgb(255, 253, 241);
}

/* Contact Section Styling */
.contact-heading2 {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3.3px;
    margin-bottom: 10px;
    color: #ffbb00;
}

.contact-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: 2px;
    margin-bottom: 10px;
    color: #2a283f;
}

.contact-description {
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 15px;
    color: #555;
}

/* Contact Form Styling */
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-input {
    padding: 12px 15px;
    font-size: 15px;
    padding-left: 15px;
    font-weight: 400;
    font-family: "DM Sans", Sans-serif;
    line-height: 21px;
    border: 1px solid #69727d6c;
    border-radius: 100px;
    transition: all 0.3s ease;
}

.form-label {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: -5px;
    color: #16163f;
}

.form-input:focus {
    box-shadow: 0px 10px 30px -7px rgba(0, 0, 0, 0.116);
}

.form-button {
    background-color: #ffbb00;
    color: #fff;
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    border: none;
    padding: 15px;
    border-radius: 100px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.form-button:hover {
    background-color: #17163e;
    color: white;
}

/* Responsive Design */
@media screen and (max-width: 360px) {
    .faq-contact-section {
        flex-direction: column;
        padding-top: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .faq-column {
        flex: 1;
        min-width: 100%;
    }

    .faq-heading {
        font-size: 30px;
    }

    .contact-column {
        flex: 1;
        max-width: 85%;
        margin-top: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .contact-heading {
        font-size: 30px;
    }

    .form-input {
        width: 90%;
        font-size: 13px;
    }

    #appliance {
        width: 100%;
    }

}


/* Brands Service Center Section */

/* Main Section Styling */
.content-gallery-section {
    display: flex;
    gap: 30px;
    padding: 70px 90px;
    flex-wrap: wrap;
}

/* Left Column Styling */
.content-left {
    flex: 1;
    min-width: 300px;
    margin-top: -20px;
}

.Brand-heading1 {
    font-family: "DM Sans", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
    color: black;
}

.Brand-heading1 svg {
    position: relative;
    top: 3px;
}

.Brand-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: 2px;
    margin-bottom: 15px;
    color: black;
}

.Brand-text {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #7a7a7a;
    line-height: 29px;
}

/* Right Column Styling */
.gallery-right {
    flex: 2;
    gap: 500px;
    margin-left: -20px;
    margin-right: 20px;
    max-width: 550px;
}

.gallery-row {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.gallery-row a img {
    flex: 1;
    max-width: 95%;
    cursor: pointer;
    height: auto;
    position: relative;
    left: 15%;
    transition: transform 0.3s ease;
}

.gallery-row a img:hover {
    transform: scale(1.05);
    /* Slight zoom on hover */
}

/* Responsive Design */
@media screen and (max-width: 360px) {
    .content-gallery-section {
        flex-direction: column;
        gap: 50px;
        padding: 0px 10px;
    }

    .Brand-heading {
        font-size: 30px;
        text-align: center;
    }

    .Brand-heading1 {
        text-align: center;
    }

    .Brand-text {
        text-align: center;
    }


    .gallery-row {
        flex-wrap: wrap;
        gap: 0px;
        padding-left: 30px;
        margin-bottom: 10px;
    }

    .gallery-row a {
        flex: 1 1 calc(50% - 10px);
        margin-bottom: 10px;
    }

    .gallery-row a img {
        width: 75%;
        height: auto;
    }
}


/* Testimonail For Customer  */

/* Reviews Section Styling */
.reviews-section {
    padding: 30px 20px;
    background-color: white;
    text-align: center;
}

.reviews-heading-row {
    margin-bottom: 30px;
}

.reviews-heading1 {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.reviews-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2em;
    color: black;
    letter-spacing: 2px;
}

/* Reviews Content Row */
.reviews-content-row {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 50px;
    flex-wrap: wrap;
    padding-left: 70px;
    padding-right: 70px;
}

/* Individual Review Item */
.review-item {
    flex: 1;
    max-width: 300px;
    background-color: #fff;
    padding: 60px 50px;
    align-items: left;
    justify-items: left;
    box-shadow: 0px 10px 30px -3px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.review-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 30px -3px rgba(0, 0, 0, 0.1);
}

/* Reviewer Image */

.rwe {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    justify-self: stretch;
}

.review-image {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin-bottom: -10px;
}



/* Review Author */
.review-author {
    font-family: "DM Sans", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #16163f;
    margin-bottom: 2px;
}

/* Review Rating */
.review-rating {
    color: #ffbb00;
    font-size: 25px;
    column-gap: 10px;
    margin-bottom: 10px;
}

/* Review Text */
.review-text {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 15px;
    color: #7a7a7a;
    text-align: left;
}

/* Divider or title adjudt */
.review-item .divi {
    display: flex;
    float: left;
    gap: 7px;
    margin-bottom: 3px;
}

/* Divider */
.review-divider {
    width: 30px;
    border-top: 0px solid #16163f;
    background: black;
    margin: 10px 0;
}

/* Review Title */
.review-title1 {
    font-family: "DM Sans", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #16163f;
}

.review-title {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding-left: 40px;
    letter-spacing: 0.5px;
    color: #7a7a7a;
}

/* Responsive Design */
@media screen and (max-width: 360px) {
    .reviews-content-row {
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
        padding: 0px;
    }

    .reviews-section {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }

    .reviews-heading {
        font-size: 30px;
    }

    .review-item {
        flex: 1;
        margin: 0px;
        padding-left: 40px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 40px;
        max-width: 100%;
    }

    .review-item .divi {
        gap: 17px;
        margin-top: 10px;
    }

    .review-divider {
        width: 30px;
        height: 2px;
    }

    .review-title {
        padding: 0px;
        margin-left: 3.3em;
    }

}


/* Footer Section */
footer {
    background-color: #181818;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 80px;
    margin-top: 50px;
}


footer .footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

footer .footer-column {
    flex: 1;
    min-width: 200px;
}

footer .footer-column .footer-image {
    width: 250px;
    height: auto;
}

footer .footer-column .foot-img {
    margin-bottom: 40px;
    border-radius: 5px;
    transition: 0.2s ease-in-out;
}

footer .footer-column .foot-img:hover {
    margin-bottom: 40px;
    border-radius: 5px;
    transform: translateY(-3px);
}


footer .footer-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: white;
    margin-bottom: 18px;
}

footer .footer-divider {
    width: 50px;
    height: 2px;
    background-color: #ffbb00;
    margin-bottom: 18px;
}

footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}



footer .footer-links li {
    color: white;
    margin-bottom: 12px;
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

footer .footer-links li:hover {
    color: #ffbb00;
    transform: translateX(7px);
}

footer .footer-icons {
    list-style: none;
    padding: 0;
    display: block;
    margin: 0;
}

footer .footer-icons li {
    display: flex;
    align-items: center;
    color: white;
    margin-bottom: 25px;
    line-height: 1px;
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    transition: 0.2s ease-in-out;
}
footer .adjust .bottom{
margin-bottom: 35px;
}
footer .adjust {
margin-top: 30px;
}

footer .footer-icons li .emi-l {
    line-height: 23px;
}

footer .footer-icons li:hover {
    color: #ffbb00;
    transform: translateX(7px);
}

footer .footer-icon {
    margin-right: 10px;
    font-size: 16px;
    color: #ffbb00;
}

/* Logo and Copy Right Section */

footer .logo-copy {
    display: flex;
    margin-top: 40px;
    flex-direction: row;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 10px;
    align-items: center;
    justify-content: space-between
}

footer .logo-copy .copy-right {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: white;
    letter-spacing: 1px;
}

@media screen and (max-width: 360px) {



    /* Footer Adjustments */
    .footer-section {
        padding-top: 60px;
        padding-left: 10px;
        text-align: left;
        padding-bottom: 20px;
    }

    .footer-column {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-column ul {
        text-align: left;
    }

    .logo-copy {
        display: flex;
        margin-top: 0px !important;
        gap: 10px;
        flex-direction: column !important;
        padding: 0px !important;
        align-items: center;
    }

    .logo-copy .copy-right {
        text-align: center;
        padding: 0px 20px;
        line-height: 1.4;
    }
}


/****************************************************************************************************************************************************************************************************************************************************** FRIDGE REPAIR SERVICE PAGE ******************************************************************************************************************************************************************************************************************************************************/

/* Banner Slider */
.fridge-slider {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    background-image: url('/images/bg1.png');
}

.fridge-slide {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    padding: 20px;
    gap: 400px;
    max-width: 1200px;
    background-size: cover;
    background-position: center;
}

/* Content Styling */
.fridge-slide-content {
    left: 5.5em;
    color: #fff;
    text-align: left;
    max-width: 45%;
}

.fridge-slide-top-heading {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    margin-bottom: 100px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    margin-bottom: 25px;
}

.fridge-slide-sub-heading {
    font-family: "Josefin Sans", sans-serif;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin-bottom: 23px;
}

.dividerFr-divider {
    width: 140px;
    height: 2.4px;
    margin-top: 25px;
    background-color: white;
}

.fridge-slide-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 30px 0 40px 0;
}

/* Button Styling */
.fridge-slide-banner-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px white;
    transition: 0.3s ease;
}

.fridge-slide-banner-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

.right-image-fridge {
    position: absolute;
    top: 10%;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.right-image-fridge img {
    width: 90%;
    height: 90%;
    object-fit: contain;
}

@media screen and (max-width: 360px) {
    .fridge-slider {
        text-align: center;
        padding-bottom: 50px;
    }

    .fridge-slide-content {
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
        top: 10%;
        left: 5%;
        max-width: 100%;
    }

    .fridge-slide {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }


    .right-image-fridge {
        width: 100%;
        position: absolute;
        top: 64% !important;
    }

    .right-image-fridge img {
        width: 75%;
        height: auto;
    }


    .fridge-slide-top-heading {
        font-size: 13px;

    }

    .fridge-slide-sub-heading {
        font-size: 25px;
        margin-bottom: -10px;
    }

    .dividerFr-divider {
        display: none;
    }

    .fridge-slide-description {
        font-size: 14px;
        margin-bottom: 30px;

    }

    .fridge-slide-banner-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .fridge-slide-banner-btn:hover {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* Fridge About Us Section  */

.fridge-about-section {
    display: flex;
    justify-content: space-between;
    margin: 70px auto;
    padding: 20px;
    gap: 20px;
    max-width: 1200px;
}

.fridge-about-image {
    width: 50%;
    padding-right: 20px;
}

.fridge-about-image img {
    width: 100%;
    height: auto;
    z-index: 1;
}

/* Fridge About Us Background Image  */
.fridge-about-section .fridge-about-image .fridge-bg {
    display: flex;
    position: absolute;
    top: 140%;
    left: 65%;
    width: 23%;
    z-index: -1;
}

/* Fridge About Us Background Line Image  */
.fridge-about-section .fridge-about-image .fridge-bg-line {
    display: flex;
    position: absolute;
    top: 850px;
    left: 84%;
    width: 7.5%;
    z-index: -1;
}

.fridge-bg-line {
    position: relative;
    animation: moveUpDown 4s ease-in-out infinite;
}

@keyframes moveUpDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

/* Fridge About Us image Counter */
.fridge-about-section .fridge-about-image .fridge-duel {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 80em;
    background-color: white;
    box-shadow: 0px 5px 30px 0px rgba(31, 31, 31, 0.151);
    left: 60%;
    border-radius: 5px;
    z-index: 2;
}

.fridge-about-section .fridge-about-image .fridge-duel .fridge-duel-heading {
    margin: 40px 60px;
}

.fridge-about-section .fridge-about-image .fridge-duel .fridge-duel-heading .fridge-duel-top-heading {
    font-family: "Poppins", Sans-serif;
    font-size: 46px;
    font-weight: 700;
    color: rgb(29, 137, 229);
}

.fridge-about-section .fridge-about-image .fridge-duel .fridge-duel-heading .fridge-duel-sub-heading {
    font-family: "Poppins", Sans-serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 20px;
    color: rgb(20, 22, 57);
}

.fridge-duel {
    position: relative;
    animation: moveUpDown 4s ease-in-out infinite;
}

/* Fridge About Us doted Background Image */
.fridge-about-section .fridge-about-image .fridge-doted-bg {
    display: flex;
    position: absolute;
    top: 88em;
    left: 60%;
    width: 14%;
    z-index: -1;
}

/* Fridge About Right Containe Content */

.fridge-about-content {
    width: 50%;
}

.fridge-aboutus-top-heading {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    background: linear-gradient(90deg, #244bc1, #5ac0e2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin-bottom: 20px;
}

.fridge-aboutus-sub-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 37px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: .2px;
    margin-bottom: 15px;
    color: black;
}

.fridge-aboutus-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #7a7a7a;
}

/* Fridge About Us Item Section */
.fridge-aboutus-section {
    display: flex;
    margin-top: 30px;
}

.fridge-aboutus-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-left: 20px;
}

.fridge-aboutus-item .fridge-aboutus {
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.fridge-aboutus-item .fridge-aboutus img {
    width: 33px;
    height: 33px;
    margin-right: 20px;
    background-color: rgb(254, 249, 211);
    padding: 15px;
    border-radius: 100%;
}

.fridge-aboutus-item .fridge-aboutuss img {
    width: 33px;
    height: 35px;
    margin-right: 20px;
    background-color: rgb(254, 249, 211);
    padding: 15px 15px 14px 15px;
    border-radius: 100%;
}

.fridge-aboutus-item {
    margin: 0px;
    padding: 0px;
}

.fridge-aboutus-item .fridge-aboutus {
    width: 15%;
    margin-left: 40px;
}

.fridge-aboutus-item .fridge-aboutuss {
    width: 30%;
}

.fridge-about-section .fridge-aboutus-item .fridge-about-text .fridge-about-top-heading {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 26px;
    margin-bottom: 5px;
}

.fridge-about-sub-heading {
    font-size: 14px;
    font-weight: 400;
    color: rgb(95, 95, 95)
}

/* Fridge About Us Icon List And Image Section */

.fridge-description-container {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}


.fridge-icon-list {
    flex: 1;
    padding: 10px;

}

.fridge-icon-list ul {
    list-style: none;
    padding: 0;
}

.fridge-icon-list li {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: rgb(69, 74, 80);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fridge-icon-list li i {
    color: #ffbb00;
    font-size: 15px;
}

.fridge-description-image {
    flex: 1;
    text-align: center;
}

.fridge-description-image img {
    width: 110%;
    border-radius: 8px;
    margin-top: -10px;
}

@media screen and (max-width: 360px) {
    .fridge-about-section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 60px;
        padding: 0px;
        width: 100% !important;
    }

    .fridge-duel {
        position: absolute;
        top: 310% !important;
        left: 20% !important;
    }

    .fridge-about-section .fridge-about-image {
        width: 100%;
        margin-bottom: -2em;
        padding-right: 400px !important;
    }

    .fridge-about-section .fridge-about-image .fridge-bg {
        display: flex;
        position: relative;
        top: -350px !important;
        left: 80px !important;
        width: 70%;
        margin-bottom: -12em;
        z-index: -1;
    }

    .fridge-about-section .fridge-about-image .fridge-doted-bg {
        display: none;
    }

    .fridge-about-section .fridge-about-image .fridge-bg-line {
        display: none;
    }

    .fridge-about-content {
        width: 100%;
        padding: 0px 10px;
        margin: 0px
    }

    .fridge-aboutus-sub-heading {
        font-size: 28px;
    }

    .fridge-aboutus-description {
        padding-right: 15px;
    }

    /* About Us Item Section */

    .fridge-aboutus-section {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
        gap: 20px;
        padding: 0px 10px;
        margin-left: -20px;
        margin-bottom: -20px;
    }


    .fridge-aboutus-item {
        flex-direction: row;
        align-items: center;
        padding: 0px;
        width: 100%;
    }

    .fridge-aboutus-item .fridge-aboutus,
    .fridge-aboutus-item .fridge-aboutuss {
        margin-right: 10px;
        width: auto;
    }

    .fridge-aboutus-item .fridge-aboutus img,
    .fridge-aboutus-item .fridge-aboutuss img {
        margin-left: 10px;
        width: 40px;
        height: 40px;
    }

    .fridge-aboutus-item .fridge-aboutus .mobile {
        margin-left: -30px;
        padding-right: 20px;

    }

    .fridge-aboutus-item .fridge-about-text {
        text-align: left;
    }

    .fridge-about-text .fridge-about-top-heading,
    .fridge-about-sub-heading {
        font-size: 14px;
    }


    /* About Us Icon List And Image Section */

    .fridge-description-container {
        display: flex;
        flex-direction: column;
        padding: 0px;
        margin-top: 50px;
        text-align: left;
        align-items: flex-start;
    }

    .fridge-description-container .fridge-icon-list {
        margin-left: 0px;
        padding-left: 10px;
    }

    .fridge-description-image {
        display: none;
    }

}



/* Fridge Call To Action */
.rfr-cta-section {
    background-image: url('/images/cta\ bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 65px 0px;
    margin-bottom: 70px;
    position: relative;
    color: #fff;
}

.rfr-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 187, 0);
    z-index: -1;
}

.rfr-cta-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    gap: 20px;
    z-index: 2;
}

.fridge-cta-left img {
    width: 180px;
    margin-top: -85px;
    padding: 0px 70px;
    margin-bottom: -97px;
    z-index: 1;
    background-image: url(/images/fridge-image/Shape5.png);
    background-repeat: no-repeat;
    background-size: 17em;
}

.fridge-cta-left .image-bg {
    width: 230px;
    margin-top: -50px;
    margin-bottom: -70px;
    margin-left: -80px;
    z-index: 0;
}

.fridge-cta-center {
    text-align: left;
    flex: 1;
    padding: 0px 70px 0px 100px;
}

.rfr-cta-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
    margin-bottom: 10px;
}

.rfr-cta-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 13px;
}

.rfr-cta-right {
    position: relative;
    left: 6.8%;
    text-align: left;
}

.rfr-cta-button {
    background-color: white;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px black;
    transition: 0.3s ease;
}

.rfr-cta-button:hover {
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}


@media screen and (max-width: 360px) {
    .rfr-cta-section {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 60px;
        padding-bottom: 70px;
    }

    .rfr-cta-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .fridge-cta-left {
        display: none;
    }

    .fridge-cta-center {
        padding: 0;
        margin-bottom: 20px;
    }

    .rfr-cta-heading {
        font-size: 25px;
        line-height: 1.4em;
        text-align: center;
    }

    .rfr-cta-description {
        font-size: 14px;
        margin-top: 10px;
        font-weight: 600;
        text-align: center;
        line-height: 1.4em;
        margin-bottom: -30px;
    }

    .rfr-cta-right {
        position: static;
    }

    .rfr-cta-button {
        margin-top: 20px !important;
        display: inline-block;
        margin: 0 auto;
    }
}

/* Fridge Repair Services Content  */
.contents {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: auto;
    margin-top: -20px;
    margin-right: auto;
    padding: 20px;
    gap: 40px;
    max-width: 1200px;
}

.section-contents {
    width: 50%;
}

.contents-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 37px;
    font-weight: 800;
    line-height: 1.2em;
    letter-spacing: .2px;
    margin-bottom: 15px;
    color: black;
}

.contents-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666;
}

.right-contents-image {
    width: 50%;
    padding-top: 50px;
    padding-right: 20px;
}

.right-contents-image img {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

.contents2-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 37px;
    font-weight: 800;
    margin-top: 40px;
    line-height: 1.2em;
    letter-spacing: .2px;
    margin-bottom: 15px;
    color: black;
}

.fridge-problem-list {
    flex: 1;
    padding-top: 30px;
}

.fridge-problem-list ul {
    list-style: none;
    padding: 0;
}

.fridge-problem-list li {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: rgb(69, 74, 80);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fridge-problem-list li i {
    color: #ffbb00;
    font-size: 15px;
}


@media screen and (max-width: 360px) {
    .contents {
        display: flex;
        flex-direction: column;
        padding-left: 10px;
        margin-top: -30px;
        padding-right: 10px;
        margin-bottom: 0px;
    }

    .section-contents {
        width: 100%;
    }

    .contents-heading,
    .contents2-heading {
        font-size: 28px;
    }

    .contents-description {
        font-size: 15px;
    }

    .right-contents-image {
        width: 100%;
        padding-top: 0px;
    }
}

/* Fridge Repair Services Content 2 */

.fri-services-section {
    margin-bottom: 40px;
    text-align: center;
}

.fri-services-container {
    max-width: 83%;
    margin: 0 auto;
}


.fri-services-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2em;
    margin-bottom: 15px;
    color: black;
}


.fri-services-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #7a7a7a;
    line-height: 1.7em;
}


.refri-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding: 20px;
    gap: 40px;
    max-width: 1200px;
}

.left-refri-section {
    width: 50%;
}

.right-refri-container {
    width: 50%;
}

.refri-contents-heading {
    font-family: "Poppins", Sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2em;
    padding-bottom: 15px;
    letter-spacing: .2px;
    margin-bottom: 15px;
    color: black;
}

.fridge-problem-list2 {
    flex: 1;
}

.fridge-problem-list2 ul {
    list-style: none;
}

.fridge-problem-list2 li {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: rgb(69, 74, 80);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.fridge-problem-list2 li i {
    color: #ffbb00;
    font-size: 15px;
}

.fridge-button {
    margin-top: 40px;
}

.fridge-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px black;
    transition: 0.3s ease;
}

.fridge-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

@media screen and (max-width: 360px) {
    .fri-services-section {
        padding-left: 10px;
        text-align: left;
        padding-right: 10px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .fri-services-container {
        margin: 0px;
        max-width: 100%;
    }

    .fri-services-heading {
        font-size: 28px;
    }

    .fri-services-description {
        font-size: 15px;
    }

    .refri-container {
        flex-direction: column;
        padding-left: 10px;
        padding-top: 0px;
        gap: 30px;
    }

    .left-refri-section {
        width: 100%;
    }

    .right-refri-container {
        width: 100%;
    }

}


/* Fridge Other Container */

.fridge-containerss {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    padding: 20px;
    gap: 25px;
    max-width: 1200px;
}

.fridgr-contents-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    color: black;
}

.fridge-contents-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: -20px;
    color: #7a7a7a;
}

@media screen and (max-width: 360px) {
    .fridge-containerss {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .fridgr-contents-heading {
        font-size: 28px;
        line-height: 1.5em;
        margin-bottom: -0.2em;
    }

}

/* Fridge Call To Action Section 2 */
.fridge2-cta-section {
    background-image: url('/images/fridge-image/reliable\ fridge\ repair\ dubai.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 30px;
    position: relative;
    color: #fff;
}

.fridge2-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(90deg, #ffbb00, #16163f);
    z-index: 1;
}

.fridge2-ctaaa {
    z-index: 2;
    text-align: center;
}

.fridge2-cta-container {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    padding-left: 4em;
}


.fridge2-cta-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.2em;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
    margin-bottom: 20px;
}

.fridge2-cta-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 45px;

}

.fridge2-cta-right {
    text-align: center;
}

.fridge2-cta-button {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    position: relative;
    left: 1.5em;
    box-shadow: 5px 5px 0px 0px rgb(255, 255, 255);
    transition: 0.3s ease;
}

.fridge2-cta-button:hover {
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

@media screen and (max-width: 360px) {
    .fridge2-cta-container {
        padding: 0px 10px;
    }

    .fridge2-cta-heading {
        font-size: 28px;
    }

    .fridge2-cta-description {
        font-size: 15px;
        line-height: 1.5em;
        font-weight: 500;

    }

    .fridge2-cta-right {
        text-align: center;
        margin-left: -40px;
    }

    #brandi {
        font-size: 25px;
    }
}




/****************************************************************************************************************************************************************************************************************************************************** WASHING MACHINE REPAIR SERVICE PAGE ******************************************************************************************************************************************************************************************************************************************************/



/* Banner Slider */
.washing-slider {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    background-image: url('/images/bg1.png');
}

.washing-slide {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    padding: 20px;
    gap: 400px;
    max-width: 1200px;
    background-size: cover;
    background-position: center;
}

/* Content Styling */
.washing-slide-content {
    left: 5.5em;
    color: #fff;
    text-align: left;
    max-width: 45%;
}

.washing-slide-top-heading {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    margin-bottom: 100px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    margin-bottom: 25px;
}

.washing-slide-sub-heading {
    font-family: "Josefin Sans", sans-serif;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin-bottom: 23px;
}

.dividerWas-divider {
    width: 140px;
    height: 2.4px;
    margin-top: 25px;
    background-color: white;
}

.washing-slide-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 30px 0 40px 0;
}

/* Button Styling */
.washing-slide-banner-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px white;
    transition: 0.3s ease;
}

.washing-slide-banner-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

.right-image-washing {
    position: absolute;
    top: 10%;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.right-image-washing img {
    width: 90%;
    height: 90%;
    object-fit: contain;
}

@media screen and (max-width: 360px) {
    .washing-slider {
        text-align: center;
        padding-bottom: 50px;
    }

    .washing-slide-content {
        text-align: center;
        padding-right: 10px;
        padding-left: 10px;
        top: 10%;
        left: 5%;
        max-width: 100%;
    }

    .washing-slide {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }


    .right-image-washing {
        width: 100%;
        position: absolute;
        top: 64% !important;
    }

    .right-image-washing img {
        width: 75%;
        height: auto;
    }

    .washing-slide-top-heading {
        font-size: 13px;

    }

    .washing-slide-sub-heading {
        font-size: 25px;
        margin-bottom: -10px;
    }

    .dividerWas-divider {
        display: none;
    }

    .washing-slide-description {
        font-size: 14px;
        margin-bottom: 30px;

    }

    .washing-slide-banner-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .washing-slide-banner-btn:hover {
        font-size: 14px;
        padding: 10px 20px;
    }

}


/* About Us and Call to Action CSS To Home CSS */

@media screen and (max-width:360px) {
    #dueli {
        margin-top: 3em;
    }
}


@media screen and (max-width:360px) {
    #washing-abouts {
        margin-top: -2em;
    }

    #geni {
        margin-left: -2.3em;
    }
}

.washing-containerss {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    gap: 25px;
    max-width: 1200px;
}

.washing-contents-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 35px;
    font-weight: 800;
    line-height: 1.3em;
    color: black;
}

.washing-contents-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #7a7a7a;
}

@media screen and (max-width:360px) {
    .washing-containerss {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -1em;
        text-align: center;
    }

    .washing-contents-heading {
        font-size: 25px;
    }

    .washing-contents-description {
        font-size: 15px;
    }
}

/* Washing MAchine Section 2 */

.washing2-sections {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: auto;
    margin-top: 20px;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    gap: 40px;
    max-width: 1200px;
}

.washing2-contents {
    width: 50%;
}

.washing2-heading {
    font-family: "Poppins", Sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: .2px;
    margin-bottom: 15px;
    color: black;
}

.washing2-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666;
}

.washing2-right-contents-image {
    width: 50%;
    padding-right: 20px;
}

.washing2-right-contents-image img {
    width: 85%;
    height: auto;
}

.washing2-problem-list {
    flex: 1;
    padding: 10px 0px;
}

.washing2-problem-list ul {
    list-style: none;
    padding: 0;
}

.washing2-problem-list li {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: rgb(69, 74, 80);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.washing2-problem-list li i {
    color: #ffbb00;
    font-size: 15px;
}


@media screen and (max-width: 360px) {
    .washing2-sections {
        flex-direction: column;
        padding: 0px;
    }

    .washing2-contents {
        width: 100%;
        padding-left: 10px;
        padding-right: 20px;
    }

    .washing2-heading {
        font-size: 20px;
    }

    .washing2-right-contents-image {
        width: 100%;
    }
}

/* Washing Machine Section 3 */


.washing3-services-section {
    margin-bottom: 40px;
    text-align: center;
}

.washing3-services-container {
    max-width: 83%;
    margin: 0 auto;
}


.washing3-services-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2em;
    margin-bottom: 15px;
    color: black;
}

@media screen and (max-width: 360px) {
    .washing3-services-container {
        max-width: 100%;
        margin: 0px;
        padding: 0px 5px;
    }

    .washing3-services-heading {
        font-size: 28px;
    }
}

/* Washing MAchine Section 4 */
.washing4-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    gap: 40px;
    max-width: 1200px;
}

.left-washing4-section {
    width: 50%;
}


.right-washing4-container {
    width: 50%;
}

.washing4-contents-heading {
    font-family: "Poppins", Sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 29px;
    padding-bottom: 10px;
    letter-spacing: .2px;
    margin-bottom: 10px;
    color: black;
}

.washing4-button {
    margin-top: 35px;
}

.washing4-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px black;
    transition: 0.3s ease;
}

.washing4-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

@media screen and (max-width: 360px) {
    .washing4-container {
        flex-direction: column;
        padding-left: 10px;
        margin-bottom: 4em;
    }

    .left-washing4-section {
        width: 100%;
    }


    .right-washing4-container {
        width: 100%;
        margin-top: -1em;
    }

    #washing5 {
        padding: 0px 10px;
    }

    #washing5-heading {
        font-size: 27px;
    }

    #washing6 {
        text-align: left;
        padding: 0px 5px;
    }
}

/* Washing Machine Section 5 - Apply CSS Washing 2 or Washing 3 */

.washing2-contents .washing5-img {
    width: 90%;
    height: auto;
}

/* Washing Machine Section 7 */
.washing7-sections {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5em;
    margin-left: auto;
    margin-top: 4em;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    gap: 40px;
    max-width: 1200px;
}

.left-washing7-sections {
    width: 50%;
}

.right-washing7-contents {
    width: 50%;
    padding-right: 20px;
}

.washing7-services-heading {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2em;
    margin-bottom: 15px;
    color: black;
}

.washing7-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666;
}

.right-washing7-contents img {
    width: 78%;
    height: auto;
    position: relative;
    left: 5%;
}

@media screen and (max-width: 360px) {
    .washing7-sections {
        flex-direction: column;
        padding: 0px 10px;
    }

    .left-washing7-sections {
        width: 100%;
    }

    .right-washing7-contents {
        width: 100%;
        padding: 0px;
    }

    .washing7-services-heading {
        font-size: 28px;
    }

    .right-washing7-contents img {
        width: 88%;
        height: auto;
        margin-top: -1em;
    }
}


/* Washing Machine Call To Action Section 2 */

.washing8-cta-section {
    background-image: url('/images/washing-machine-image/Automatic\ Washing\ Machine\ Repair.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 30px;
    position: relative;
    color: #fff;
}

.washing8-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(90deg, #ffbb00, #16163f);
    z-index: 1;
}

/****************************************************************************************************************************************************************************************************************************************************** DISHWASHER REPAIR SERVICE PAGE ******************************************************************************************************************************************************************************************************************************************************/
/* Banner Slider */
.dishwasher-slider {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    background-image: url('/images/bg1.png');
}

.dishwasher-slide {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    padding: 20px;
    gap: 400px;
    max-width: 1200px;
    background-size: cover;
    background-position: center;
}

/* Content Styling */
.dishwasher-content {
    left: 5.5em;
    color: #fff;
    text-align: left;
    max-width: 50%;
}

.dishwasher-top-heading {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    margin-bottom: 100px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    margin-bottom: 25px;
}

.dishwasher-sub-heading {
    font-family: "Josefin Sans", sans-serif;
    font-size: 43px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin-bottom: 23px;
}

.dividerdish-divider {
    width: 140px;
    height: 2.4px;
    margin-top: 25px;
    background-color: white;
}

.dishwasher-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 30px 0 40px 0;
}

/* Button Styling */
.dishwasher-banner-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px white;
    transition: 0.3s ease;
}

.dishwasher-banner-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

.dishwasher-right-image {
    position: absolute;
    top: 10%;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.dishwasher-right-image img {
    width: 90%;
    height: 90%;
    object-fit: contain;
}


@media screen and (max-width: 360px) {
    .dishwasher-slider {
        text-align: center;
        padding-bottom: 100px;
    }

    .dishwasher-content {
        text-align: center;
        padding: 0px 0px;
        top: 10%;
        left: 5%;
        max-width: 100%;
    }

    .dishwasher-slide {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }


    .dishwasher-right-image {
        width: 100%;
        position: absolute;
        top: 64% !important;
    }

    .dishwasher-right-image img {
        width: 75%;
        height: auto;
    }


    .dishwasher-top-heading {
        font-size: 13px;

    }

    .dishwasher-sub-heading {
        font-size: 25px;
        margin-bottom: -10px;
    }

    .dividerdish-divider {
        display: none;
    }

    .dishwasher-description {
        font-size: 14px;
        margin-bottom: 30px;

    }

    .dishwasher-slide-banner-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .dishwasher-slide-banner-btn:hover {
        font-size: 14px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 360px) {
    #duelli {
        margin-top: 9em;
    }

}


/* Dishwasher Call To Action 2  */

.dishwasherr-cta-section {
    background-image: url('/images/dishwasher-repair-dubai/Commercial\ Dishwasher\ Repair\ service\ Dubai.png');
    background-size: cover;
    margin-top: 3em;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 30px;
    position: relative;
    color: #fff;
}

.dishwasherr-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(90deg, #ffbb00, #16163f);
    z-index: 1;
}



/****************************************************************************************************************************************************************************************************************************************************** COOKING RANGE REPAIR SERVICE PAGE ******************************************************************************************************************************************************************************************************************************************************/



/* Banner Slider */
.cooking-slider {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    background-image: url('/images/bg1.png');
}

.cooking-slide {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    padding: 20px;
    gap: 400px;
    max-width: 1200px;
    background-size: cover;
    background-position: center;
}

/* Content Styling */
.cooking-content {
    left: 5.5em;
    color: #fff;
    text-align: left;
    max-width: 50%;
}

.cooking-top-heading {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    margin-bottom: 100px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    margin-bottom: 25px;
}

.cooking-sub-heading {
    font-family: "Josefin Sans", sans-serif;
    font-size: 39px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin-bottom: 23px;
}

.dividercook-divider {
    width: 140px;
    height: 3px;
    margin-top: 30px;
    background-color: white;
}

.cooking-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 30px 0 40px 0;
}

/* Button Styling */
.cooking-banner-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px white;
    transition: 0.3s ease;
}

.cooking-banner-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

.cooking-right-image {
    position: absolute;
    top: 10%;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.cooking-right-image img {
    width: 90%;
    height: 90%;
    object-fit: contain;
}


@media screen and (max-width: 360px) {
    .cooking-slider {
        text-align: center;
        padding-bottom: 50px;
    }

    .cooking-content {
        text-align: center;
        padding: 0px 0px;
        top: 10%;
        left: 5%;
        max-width: 100%;
    }

    .cooking-slide {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }


    .cooking-right-image {
        width: 100%;
        position: absolute;
        top: 64% !important;
    }

    .cooking-right-image img {
        width: 75%;
        height: auto;
    }


    .cooking-top-heading {
        font-size: 13px;
    }

    .cooking-sub-heading {
        font-size: 28px;
        margin-bottom: -10px;
    }

    .dividercook-divider {
        display: none;
    }

    .cooking-description {
        font-size: 15px;
        margin-bottom: 30px;

    }

    .cooking-slide-banner-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .cooking-slide-banner-btn:hover {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* about us bg  */
#coki {
    margin-top: 12em;
}

#cokiline {
    margin-top: 8em;
}

#coki-dule {
    margin-top: 10em;
}

/* Cooking Range Call To Action Section 2 - Other Style fridge page*/

.gas-cta-section {
    background-image: url('/images/cooking-range-repair-dubai/Technician\ Cooking\ Range\ Repair\ Service\ in\ Dubai.png');
    background-size: cover;
    margin-top: 3em;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 20px;
    position: relative;
    color: #fff;
}

.gas-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(90deg, #ffbb00, #16163f);
    z-index: 1;
}


/****************************************************************************************************************************************************************************************************************************************************** WASHER DRYER REPAIR SERVICE PAGE ******************************************************************************************************************************************************************************************************************************************************/



/* Banner Slider */
.washerdr-slider {
    position: relative;
    width: 100%;
    height: 90vh;
    overflow: hidden;
    background-image: url('/images/bg1.png');
}

.washerdr-slide {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    padding: 20px;
    gap: 400px;
    max-width: 1200px;
    background-size: cover;
    background-position: center;
}

/* Content Styling */
.washerdr-content {
    left: 5.5em;
    color: #fff;
    text-align: left;
    max-width: 50%;
}

.washerdr-top-heading {
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    margin-bottom: 100px;
    font-weight: 500;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    margin-bottom: 25px;
}

.washerdr-sub-heading {
    font-family: "Josefin Sans", sans-serif;
    font-size: 39px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin-bottom: 23px;
}

.washerdr-divider {
    width: 140px;
    height: 3px;
    margin-top: 25px;
    background-color: white;
}

.washerdr-description {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    margin: 30px 0 40px 0;
}

/* Button Styling */
.washerdr-banner-btn {
    background-color: #ffbb00;
    color: black;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    padding: 13px 27px;
    font-size: 15px;
    border-radius: 0px;
    font-weight: 500;
    box-shadow: 5px 5px 0px 0px white;
    transition: 0.3s ease;
}

.washerdr-banner-btn:hover {
    background-color: #ffbb00;
    color: black;
    padding: 13px 27px;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0);
}

.washerdr-right-image {
    position: absolute;
    top: 10%;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 0;
}

.washerdr-right-image img {
    width: 90%;
    height: 90%;
    object-fit: contain;
}


@media screen and (max-width: 360px) {
    .washerdr-slider {
        text-align: center;
        padding-bottom: 50px;
    }

    .washerdr-content {
        text-align: center;
        padding: 0px 0px;
        top: 10%;
        left: 5%;
        max-width: 100%;
    }

    .washerdr-slide {
        display: flex;
        flex-direction: column;
        height: 100%;
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 50px;
    }


    .washerdr-right-image {
        width: 100%;
        position: absolute;
        top: 64% !important;
    }

    .washerdr-right-image img {
        width: 75%;
        height: auto;
    }


    .washerdr-top-heading {
        font-size: 13px;
    }

    .washerdr-sub-heading {
        font-size: 28px;
        margin-bottom: -10px;
    }

    .washerdr-divider {
        display: none;
    }

    .washerdr-description {
        font-size: 15px;
        margin-bottom: 30px;

    }

    .washerdr-slide-banner-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .washerdr-slide-banner-btn:hover {
        font-size: 14px;
        padding: 10px 20px;
    }
}


/* Washer Dryer Call To Action Section 2 - Other Style fridge page*/

.washerdr-cta-section {
    background-image: url('/images/washer-dryer-repair-dubai/automatic\ washer\ dryer\ repair.png');
    background-size: cover;
    margin-top: 3em;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 20px;
    position: relative;
    color: #fff;
}

.washerdr-cta-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: linear-gradient(90deg, #ffbb00, #16163f);
    z-index: 1;
}



/****************************************************************************************************************************************************************************************************************************************************** CONTACT US PAGE ******************************************************************************************************************************************************************************************************************************************************/

.kontact-slider {
    position: relative;
    width: 100%;
    height: 40vh;
    overflow: hidden;
    text-align: center;
    align-content: center;
    margin-bottom: 20px;
    background-image: url('/images/bg1.png');
}

.kontact-sub-heading {
    font-family: "Josefin Sans", sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: .2px;
    color: white;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, .3);
    margin-bottom: 23px;
}

/* Contact Us Detail */

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 30px;
}

.contact-details .contactss {
    background-color: #16163f;
    padding: 23px 25px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.contact-details .contactss:hover {
    transform: translateY(-5px);
}

.contactss .contacts-headng {
    color: white;
    font-family: "Josefin Sans", sans-serif;
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 700;
}

.contactss .contect-text {
    color: white;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-size: 21px;
}

@media screen and (max-width: 360px) {
    .kontact-slider {
        padding: 0px;
        height: 20vh;
    }

    .kontact-sub-heading {
        font-size: 35px;
        margin: 0px;
    }

    #knotecter {
        margin-bottom: -40px;
    }
}


/****************************************************************************************************************************************************************************************************************************************************** BOSCH REPAIR SERVICE CENTER PAGE ******************************************************************************************************************************************************************************************************************************************************/



/* Banner Slider */

/* Content Styling */
.bosch-content {
    position: absolute;
    top: 20%;
    left: 5.5em;
    margin-top: -20px;
    color: #fff;
    text-align: left;
    max-width: 43%;
}



/* Bosch Our Services*/

.servicess .service-title2 {
    font-size: 26px;
    font-family: "Josefin Sans", Sans-serif;
    font-weight: 700;
    padding: 0px 10px;
    line-height: 31px;
    margin-bottom: 15px;
    color: rgb(22, 22, 63);

}

/* Bosch  Why Choose Us*/

.why-choose-us .why-left2 {
    max-width: 62%;
}
.service-space{
    margin-bottom: -2em;
}

/****************************************************************************************************************************************************************************************************************************************************** SIEMENS REPAIR SERVICE CENTER PAGE ******************************************************************************************************************************************************************************************************************************************************/

.siemens-cta-center {
    text-align: left;
    flex: 1;
    padding: 0px 70px 0px 70px;
}

@media screen and (max-width:360px) {
   .siemens-cta-center {
        padding: 0px;
    }
}




/* Call Button Izzar */

#callicon{
    position: fixed;
    bottom: 3%;
    left: 4%;
    z-index: 2000;
}

.links .tooltip-container {
    position: relative;
    background-color: #ffbb00;
    background-image: linear-gradient(
      225deg,
      #2b86c5 0%,
      #1f61bf 50%,
      #ffbb00 100%
    );
    cursor: pointer;
    transition: all 0.2s;
    font-size: 17px;
    /*padding: 0.7em 1.8em;*/
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
  }
  
.links .tooltip-container .borde-back {
    width: 60px;
    height: 60px;
    background-color: rgba(248, 250, 252, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: none;
  }
  
.links .tooltip-container .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-color: #ffbb00;
    background-image: linear-gradient(
      225deg,
      #2b86c5 0%,
      #1f61bf 50%,
      #ffbb00 100%
    );
    cursor: pointer;
    transition: 0.4s ease-in-out;
  }
  
.tooltip {
    position: absolute;
    top: -2;
    z-index: -10;
    transform: scaleX(0);
    transform-origin: left center;
    margin-left: 5px;
    height: 50px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s;
    border-radius: 0 50px 50px 0;
    background-color: #ffbb00;
    background-image: linear-gradient(
      225deg,
      #2b86c5 0%,
      #1f61bf 50%,
      #ffbb00 100%
    );
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right: 16px;
    color: #fff;
    font-size: 18px;
    font-family: sans-serif;
    font-weight: 800px;
    padding-left: 40px;
    margin-left: -25px;
    left: 100%;
  }

.tooltip .cali {
    color: white;
    font-family: "Josefin Sans", Sans-serif;
    margin-top: 3px;
    font-weight: 600;
}
.links .tooltip-container:hover .tooltip {
    transform: unset;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: -10;
}
  
.links .tooltip-container:hover {
    transform: translateX(-0px);
    transition: 0.5s linear;
}
  
.links .tooltip-container:hover .icon {
    transform: rotate(360deg);
    transition: 0.5s linear;
}


/* WhatsApp Icon */ 
.whatsappicon{
    position: fixed;
    bottom: 3%;
    right: 5%;
    z-index: 2000;
}
.tooltipwa .whatsi {
    color: white;
    font-family: "Josefin Sans", Sans-serif;
    margin-top: 3px;
    font-weight: 600;
}
.linkss .tooltip-containerwa {
    position: relative;
    background-color: #ffbb00;
    background-image: linear-gradient(
      225deg,
      #ffbb00 0%,
      #1f61bf 50%,
      #2b86c5 100%
    );
    cursor: pointer;
    transition: all 0.2s;
    font-size: 17px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.linkss .tooltip-containerwa .borde-back {
    width: 60px;
    height: 60px;
    background-color: #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: none;
}
  
.linkss .tooltip-containerwa .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-color: #ffbb00;
    background-image: linear-gradient(
      225deg,
      #ffbb00 0%,
      #1f61bf 50%,
      #2b86c5 100%
    );
    cursor: pointer;
}
  
.tooltipwa {
    position: absolute;
    top: -2;
    left: -45px; 
    transform: translateX(
      -32%
    ); 
    width: 160px;
    height: 52px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s;
    border-radius: 50px;
    background-color: #ffbb00;
    background-image: linear-gradient(
      225deg,
      #ffbb00 0%,
      #1f61bf 50%,
      #2b86c5 100%
    );
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right: 16px;
    color: #fff;
    font-size: 18px;
    font-family: sans-serif;
    font-weight: 800px;
  }
  
.tooltipwa::before {
    position: absolute;
    content: "";
    height: 0.6em;
    width: 0.6em;
    right: -0.2em; 
    top: 50%;
    transform: translateY(-50%) rotate(45deg); 
    background: var(--background);
}
  
.linkss .tooltip-containerwa:hover .tooltipwa {
    left: 100%; 
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: -10;
}
.linkss .tooltip-containerwa:hover {
    transform: translateX(-50px);
    transition: 0.5s linear;
}
  
  
  @media screen and (max-width:360px){
    #callicon{
        position: fixed;
        bottom: 3%;
        left: 12%;
        z-index: 1000;
    }


    .linkss .tooltip-containerwa{
        width: 30px;
        height: 30px;
    }

    .whatsappicon{
        position: fixed;
        bottom: 4%;
        right: 20%;
        z-index: 1000;
    }
  }