body {
    font-family: 'Noto Sans', sans-serif, Arial;
}
/* @font-face {
    font-family: 'MyCustomFont';
    src: url('/fonts/MyCustomFont.woff2') format('woff2'),
         url('/fonts/MyCustomFont.woff') format('woff');
} */
body {
    font-family: 'MyCustomFont', sans-serif;
}


@media (max-width: 992px) {
    .mobileNone {
        display: none;
    }
}
.navbar-nav .dropdown-menu {
    min-width: 100px;
}

.navbar-nav .dropdown-item:hover {
    background-color: #007bff;
    color: #fff;
}
.partners{
    height: 350px;
}
@media (max-width: 769px) {
    .partners {
        height: auto;
    }
}
/* Slayder konteyneri */
.slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Xidmətlərimiz slayderi */
.partner-container {
    display: flex;
    transition: transform 0.5s ease;
}

.partner {
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
}

.partner img {
    max-height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 50px;
}

@media (max-width: 1040px) {
    .partner {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 770px) {
    .partner {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .partner {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.partner-left-arrow {
    position: absolute;
    top: 40%;
    left: 10px;
    background-color: rgba(55, 101, 226, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 15px;
    z-index: 5;
    transform: translateY(-50%);
}

.partner-right-arrow {
    position: absolute;
    top: 40%;
    right: 10px;
    background-color: rgba(55, 101, 226, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 15px;
    z-index: 5;
    transform: translateY(-50%);
}

.partner-pagination {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.partner-pagination .dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.partner-pagination .dot.active {
    background-color: #007bff;
}

/* Xidmət Göstərdiyimiz Markalar slayderi */
.brand-container {
    display: flex;
    transition: transform 0.5s ease;
}

.brand {
    flex: 0 0 20%;
    max-width: 20%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
}

.brand img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

@media (max-width: 1040px) {
    .brand {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 576px) {
    .brand {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.brand-left-arrow {
    position: absolute;
    top: 40%;
    left: 10px;
    background-color: rgba(55, 101, 226, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 15px;
    z-index: 5;
    transform: translateY(-50%);
}

.brand-right-arrow {
    position: absolute;
    top: 40%;
    right: 10px;
    background-color: rgba(55, 101, 226, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 15px;
    z-index: 5;
    transform: translateY(-50%);
}
/* @media (min-width: 1041px) {
    .brand-right-arrow {
         display: none; 
    }
}
@media (min-width: 1041px) {
    .brand-left-arrow {
         display: none; 
    }
} */
.brand-pagination {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.brand-pagination .dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.brand-pagination .dot.active {
    background-color: #007bff;
}
/* @media (min-width: 1041px) {
    .brand-pagination .dot.active {
        display: none;
    }
} */
#navbarDropdownLang {
    font-weight: bold;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
}
/* .slider-font-size{
    font-size: 1.2rem !important;
} */
h1 {
    font-size: clamp(16px, 5vw, 24px);
}
@media (max-width: 768px) {
    h1 {
        font-size: 6vw;
    }
}
.logo-text{
    color: #124DE5;
}
@media (max-width: 768px) {
    .logo-text {
        font-size: 5vw;
    }
}

#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 110, 253, 0.4); /* Yarı şəffaf fon */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Yük maşını GIF-in mərkəzdə göstərilməsi */
#loading-gif {
    width: 200px; /* GIF-in ölçüsünü ehtiyacınıza görə dəyişdirə bilərsiniz */
    height: auto;
}

.row.backk {
    background-color: #5abfaa5c;
    border-radius: 40px;
}