:root {
--accent: #4f0403 !important;
--primary: #031358 !important;
--secondary: #114164 !important;
--primary-font: Cairo, sans-serif;
--secondary-font: Cairo, sans-serif;
}

@media (max-width: 575px) {
    .cs_fs_72 {
        font-size: 35px;
    }
    }
.cs_site_branding {
  width: 270px; /* العرض الافتراضي للشاشات الكبيرة */
}

/* شاشات حتى 576px */
@media (max-width: 768px) {
  .cs_site_branding {
    width: 200px;
  }
}

/* شاشات حتى 576px */
@media (max-width: 576px) {
  .cs_site_branding {
    width: 200px;
  }
}

/* شاشات حتى 480px */
@media (max-width: 480px) {
  .cs_site_branding {
    width: 190px;
  }
}

/* شاشات حتى 320px */
@media (max-width: 320px) {
  .cs_site_branding {
    width: 160px;
  }
}


.cs_main_header_left {
  margin-right: 42px;
}

.cs_main_header_in {
  /* width: min-content; */ /* تم التعليق عليه كما في الكود الأصلي */
  margin-left: -5px;
}

.cs_text_widget {
  width: 300px;
}
.cs_hero_subtitle.cs_white_color {
    font-size: 18px;
}
.cs_footer_brand_text {
    display: none;
}
.cs_author_card img {
width: 60px;
    height: 60px;

}

.cs_fs_48.cs_m0#response {
    padding-top: 50px;
    position: relative; /* لجعل الخط يتوضع بالنسبة للعنصر */
}

.cs_fs_48.cs_m0#response::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%; /* طول الخط */
    height: 3px; /* سمك الخط */
    background: linear-gradient(to left, #00008B, transparent); /* تدرج لوني من الأزرق الغامق إلى الشفاف */
}


.swiper-slide {
  
    padding-bottom: 60px;
  
}


.cs_brands.cs_style_2 {
    height: 250px;


}