/* Custom logo slider sizing - ensure all logos are exactly the same size */
.logo-slider-section .logo-slick-slider .logo-slide {
  margin: 0 20px;
  padding: 10px;
}

.logo-slider-section .logo-slick-slider .logo-slide img {
  width: 120px;
  height: 60px;
  object-fit: contain;
  object-position: center;
  display: inline-block;
}

/* Make all SVG logos the same color */
.logo-slider-section .logo-slick-slider .logo-slide img[src*=".svg"] {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

/* SSF logo - 40% smaller */
.logo-slider-section .logo-slick-slider .logo-slide img[src*="ssf.svg"] {
  width: 72px; /* 120px - 40% */
  height: 36px; /* 60px - 40% */
}

/* AWS logo - 50% smaller */
.logo-slider-section .logo-slick-slider .logo-slide img[src*="aws.svg"] {
  width: 60px; /* 120px - 50% */
  height: 30px; /* 60px - 50% */
}

/* Google Cloud logo - 70% bigger (50% + 20% more) */
.logo-slider-section .logo-slick-slider .logo-slide img[src*="google-cloud.svg"] {
  width: 216px; /* 180px + 20% */
  height: 108px; /* 90px + 20% */
}

/* Vanta logo - 20% smaller */
.logo-slider-section .logo-slick-slider .logo-slide img[src*="vanta.svg"] {
  width: 96px; /* 120px - 20% */
  height: 48px; /* 60px - 20% */
}

/* CrowdStrike logo - 40% bigger */
.logo-slider-section .logo-slick-slider .logo-slide img[src*="CrowdStrike_logo.svg"] {
  width: 168px; /* 120px + 40% */
  height: 84px; /* 60px + 40% */
}

/* Secure Startup logo - 100% bigger (80% + 20% more) */
.logo-slider-section .logo-slick-slider .logo-slide img[src*="securestartup.svg"] {
  width: 259px; /* 216px + 20% */
  height: 130px; /* 108px + 20% */
}

/* Extra margin for SSF logo on mobile */
.logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="ssf.svg"]) {
  margin-left: 100px;
}

/* Extra margin for CrowdStrike logo on mobile */
.logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="CrowdStrike_logo.svg"]) {
  margin-left: 30px;
  margin-right: 100px;
}

/* Extra margin for Secure Startup logo */
.logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="securestartup.svg"]) {
  margin-left: 100px;
  margin-right: 100px;
}

/* Extra margin for Agency logo */
.logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="agency_logohorizontal_rgb_black.svg"]) {
  margin-left: 80px;
}

/* Extra margin for Google Cloud logo */
.logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="google-cloud.svg"]) {
  margin-right: 80px;
}

@media (min-width: 1400px) {
  .logo-slider-section .logo-slick-slider .logo-slide {
    margin: 0 30px;
    padding: 15px;
  }
  
  .logo-slider-section .logo-slick-slider .logo-slide img {
    width: 120px; /* Keep same as mobile */
    height: 60px; /* Keep same as mobile */
  }
  
  /* SSF logo - 40% smaller on desktop */
  .logo-slider-section .logo-slick-slider .logo-slide img[src*="ssf.svg"] {
    width: 72px; /* 120px - 40% */
    height: 36px; /* 60px - 40% */
  }
  
  /* AWS logo - 50% smaller on desktop */
  .logo-slider-section .logo-slick-slider .logo-slide img[src*="aws.svg"] {
    width: 60px; /* 120px - 50% */
    height: 30px; /* 60px - 50% */
  }
  
  /* Google Cloud logo - 70% bigger on desktop (50% + 20% more) */
  .logo-slider-section .logo-slick-slider .logo-slide img[src*="google-cloud.svg"] {
    width: 204px; /* 120px + 70% */
    height: 102px; /* 60px + 70% */
  }
  
  /* Vanta logo - 20% smaller on desktop */
  .logo-slider-section .logo-slick-slider .logo-slide img[src*="vanta.svg"] {
    width: 96px; /* 120px - 20% */
    height: 48px; /* 60px - 20% */
  }
  
  /* CrowdStrike logo - 40% bigger on desktop */
  .logo-slider-section .logo-slick-slider .logo-slide img[src*="CrowdStrike_logo.svg"] {
    width: 168px; /* 120px + 40% */
    height: 84px; /* 60px + 40% */
  }
  
  /* Secure Startup logo - 100% bigger on desktop (80% + 20% more) */
  .logo-slider-section .logo-slick-slider .logo-slide img[src*="securestartup.svg"] {
    width: 240px; /* 120px + 100% */
    height: 120px; /* 60px + 100% */
  }
  
  /* Extra margin for SSF logo on desktop */
  .logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="ssf.svg"]) {
    margin-left: 30px; /* Back to standard desktop margin */
  }
  
  /* Extra margin for CrowdStrike logo on desktop */
  .logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="CrowdStrike_logo.svg"]) {
    margin-left: 30px; /* Back to standard desktop margin */
    margin-right: 30px; /* Back to standard desktop margin */
  }
  
  /* Extra margin for Secure Startup logo on desktop */
  .logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="securestartup.svg"]) {
    margin-left: 100px;
    margin-right: 100px;
  }
}

/* Ensure Secure Startup logo maintains size and margin on larger screens */
@media (min-width: 1920px) {
  .logo-slider-section .logo-slick-slider .logo-slide img[src*="securestartup.svg"] {
    width: 240px; /* Keep same as desktop version */
    height: 120px; /* Keep same as desktop version */
  }
  
  .logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="securestartup.svg"]) {
    margin-left: 100px; /* Keep desktop margin */
    margin-right: 100px; /* Keep desktop margin */
  }
}

/* Medium desktop screens - 1200px and above */
@media (min-width: 1200px) {
  /* Extra margin for CrowdStrike logo on medium desktop */
  .logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="CrowdStrike_logo.svg"]) {
    margin-left: 40px;
    margin-right: 40px;
  }
  
  /* Extra margin for Secure Startup logo on medium desktop */
  .logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="securestartup.svg"]) {
    margin-left: 40px;
    margin-right: 40px;
  }
}

@media (max-width: 1200px) {
  .logo-slider-section .logo-slick-slider .logo-slide:has(img[src*="securestartup.svg"]) {
    margin-right: 100px;
  }
}