/* .services_client .swiper-pagination-bullet {
    width: 80px;
    height: 5px;
    background-color: white;
    border-radius: 0px; /* Soft rounded corners for a smoother look */
    /* margin: 0 !important; /* Adds a small gap between the bullets */
    /* padding: 0 !important;
    transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease; Smooth transition */


.services_client .swiper-pagination-bullet-active { 
    background-color: var(--primary-color);
    width: 80px; 
    height: 8px; 
    border-radius: 0px; 
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); 
}

:root{
    --primary-color: #f52500;
    --primary-hover-color: #ff5436;
    --next-my-color:#ffe7e3;
}

.my__nav a:hover{
    color: var(--primary-color);
    font-weight: 600;
}

.my__nav a.active{
    color: var(--primary-color);
    font-weight: 700;
}

.bg__my{
    background-color: var(--primary-color);
}
.bg__my:hover{
    background-color: var(--primary-hover-color);
}

.my__color{
    color: var(--primary-color);
}

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

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

.next-color{
    background-color: var(--next-my-color);
}
.bg-dark{
    background-color: #000;
}
.bg-dark:hover{
    background-color: #474747;
}

.daraz-btn{
    background-color: #fff;
    color: black;
    border:2px solid #ff7f3f;
}

.daraz-btn:hover{
    background-color: #ff7f3f;
    color: #fff;
}

.dark-btn{
    background-color: #000000;
    color: #fff;
}
.dark-btn:hover{
    background-color: #7a7a7a;
    color: #fff;
}

.border-primary:hover{
    border: 1px solid var(--primary-color);
    transition: all 0.3s;
}