/* Custom Scroll Bar */
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.main-logo .site-name-text {
    font-size: 16px !important;
}

.sb-label, div.sb-icon {
    background-color: #f778ba !important;
}

.sb-label, div.sb-icon:hover {
    background-color: #26b130 !important;
}

html[data-bs-theme="dark"] .captcha-disclaimer {
    background-color: #000 !important;
}

html[data-bs-theme="light"] .captcha-disclaimer {
    background-color: #fff !important;
}

h1.section-hero-title {
    font-size: 40px !important;
}

h3.text-dark {
    font-size: 40px !important;
}

h3.fw-semibold {
    font-size: 25px !important;
}

.main-menu li:nth-child(5) a {
  display: inline-block;
  background-color: transparent;
  color: #26b130 !important;
  border: 1px solid #26b130;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 13px !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.main-menu li:nth-child(5) a:hover {
  background-color: #26b130;
  color: #fff !important;
}


h2 {
    font-size: 32px;
}

/* Newsletter Popup Title – force single line */
#newsletterPopupModalLabel {
    font-size: 22px !important;   /* صغّر الحجم */
    line-height: 1.2 !important;
    white-space: nowrap;          /* يمنع النزول لسطر جديد */
}

/* تحسين إضافي للموبايل */
@media (max-width: 576px) {
    #newsletterPopupModalLabel {
        font-size: 20px !important;
    }
}

/* Responsive Services SVG icons */
.section-service-2 svg.icon,
.section-service-2 svg[class*="svg-icon-"]{
  width: 44px !important;
  height: 44px !important;
}

@media (max-width: 992px){
  .section-service-2 svg.icon,
  .section-service-2 svg[class*="svg-icon-"]{
    width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width: 576px){
  .section-service-2 svg.icon,
  .section-service-2 svg[class*="svg-icon-"]{
    width: 34px !important;
    height: 34px !important;
  }
}

#calBookBtn:hover{
  background-color: #3c9342 !important;
}

/* ✅ Stop cropping and make images FIT inside the box */
.section-work .card__inner .card__image-container.zoom-img,
.section-work .card__inner .card__image-container{
  position: relative !important;
  overflow: hidden !important;
}

/* The overlay link fills the container */
.section-work .card__inner .card__image-container.zoom-img > a.card-image-overlay,
.section-work .card__inner .card__image-container > a.card-image-overlay{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* ✅ The important part: use CONTAIN instead of COVER */
.section-work .card__inner .card__image-container.zoom-img img,
.section-work .card__inner .card__image-container img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;   /* ✅ THIS FIXES IT */
  object-position: center !important;
  display: block !important;
  background: transparent !important;
}

.section-work .card-scroll .cards .card-custom .card__inner .card__content{
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(24px, 4vw, 100px) clamp(24px, 4vw, 100px) 50px 50px !important;
}

/* --- تم تعطيل هذا الكود مؤقتاً ---

.btn-scroll-top,
.btn-scroll-top.style-btn-2,
.btn-scroll-top.active-progress {
  bottom: 120px !important;
  right: 1.73rem !important;
  z-index: 2147483647 !important;
}

---------------------------------- */

footer .row.text-center.py-4 span.fs-6.text-white-keep{
  font-size: 14px !important;
  line-height: 1.3 !important;
}

/* موبايل فقط */
@media (max-width: 768px){
  footer .row.text-center.py-4 span.fs-6.text-white-keep{
    line-height: 1.7 !important;
    display: block;
  }
}

/* استخدم الـ ID أو الكلاس اللي ظاهر عندك في الصورة */
.elfsight-app-6f805bc4-b826-43df-b43d-3001f29d48f4 {
    width: 100% !important; /* أو العرض اللي تحبه مثلا 800px */
    max-width: 1295px !important; /* عشان ميبقاش واسع زيادة عن اللزوم */
    margin: 0 auto !important; /* عشان يجي في النص */
    margin-top: 20px !important;  /* ودي هتزق الويدجت بعيد عن السيكشن اللي فوقها */
    margin-bottom: 50px !important;  /* ودي هتزق الويدجت بعيد عن السيكشن اللي تحتها */ 
}

/* استخدم الـ ID أو الكلاس اللي ظاهر عندك في الصورة */
.elfsight-app-308d5d9e-252f-4ea1-a0ca-f16f54c1cbbc {
    width: 100% !important; /* أو العرض اللي تحبه مثلا 800px */
    max-width: 1295px !important; /* عشان ميبقاش واسع زيادة عن اللزوم */
    margin: 0 auto !important; /* عشان يجي في النص */
    margin-top: 20px !important;  /* ودي هتزق الويدجت بعيد عن السيكشن اللي فوقها */
    margin-bottom: 50px !important;  /* ودي هتزق الويدجت بعيد عن السيكشن اللي تحتها */ 
}

.gallery-wrap .gallery-item .gallery-detail a{
    color: #26b130 !important;
}

.gallery-wrap .gallery-item .gallery-detail a:hover{
    color: #3c9342 !important;
}

.btn.btn-gradient{
  color: #fff !important;
}

.btn.btn-gradient:hover,
.btn.btn-gradient:focus,
.btn.btn-gradient:active{
  color: #fff !important;
  --bs-btn-hover-color: #fff !important;
  border-color: transparent !important;
}

a[href$="Resume.pdf"] svg{
  color: #26b130 !important;  /* اختار اللون اللي تحبه */
}

.dropdown-item {
    font-family: "DT Mono", Tajawal, monospace !important;
}

/* تكبير خط زر المشاريع في القسم الرئيسي فقط */
.section-hero-2 a[href*="projects"] {
    font-size: 17px !important; /* حجم الخط */
    display: inline-flex;      /* لضبط المحاذاة */
    align-items: center;       /* توسيط الأيقونة مع النص */
    gap: 5px;                  /* مسافة صغيرة بين الأيقونة والنص */
}

/* تكبير الأيقونة قليلاً لتتناسب مع النص الجديد */
.section-hero-2 a[href*="projects"] i {
    font-size: 19px !important;
}

/* تكبير خط زر حجز المكالمة في القسم الرئيسي */
.section-hero-2 a[href*="cal.com"] {
    font-size: 17px !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

/* تكبير الأيقونة الخاصة به */
.section-hero-2 a[href*="cal.com"] i {
    font-size: 19px !important;
}