/* FLEVO v4.9 — corrected brand proportions + services layout */

/* Header brand */
header .nav,
.top .topin {
  overflow: visible;
}
.brand,
.logo-link {
  flex: 0 0 auto;
  min-width: 0;
  overflow: visible;
}
.brand-logo {
  display: block;
  width: 176px !important;
  height: auto !important;
  max-height: 54px !important;
  max-width: 176px !important;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.22));
}
.logo-link img {
  display: block;
  width: 168px !important;
  height: auto !important;
  max-height: 52px !important;
  max-width: 168px !important;
  object-fit: contain;
}

/* Footer brand */
.foot-logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
}
.footer-logo-img {
  display: block;
  width: 245px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 290px !important;
  object-fit: contain;
  object-position: center;
  margin: 0 0 14px;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.20));
}
.foot-logo p { margin: 0; }

/* Services */
.services {
  padding: 88px 0 94px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(24,182,199,.08), transparent 34%),
    #f6f9fc !important;
}
.services .container {
  width: min(1120px, calc(100% - 40px));
}
.services .section-title {
  margin-bottom: 8px;
}
.services .section-sub {
  margin-bottom: 42px;
}
.services .cards {
  width: min(1040px, 100%);
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 22px !important;
  align-items: stretch;
}
.services .card {
  min-height: 285px;
  padding: 30px 24px 27px !important;
  border-radius: 18px !important;
  border: 1px solid #e0e9f1 !important;
  box-shadow: 0 14px 35px rgba(6,24,43,.07) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  background: linear-gradient(180deg,#fff,#fbfdff) !important;
  position: relative;
  overflow: hidden;
}
.services .card:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg,#0c7f9a,#22c3c7);
  transform: scaleX(.30);
  transition: transform .28s ease;
}
.services .card:hover:before { transform: scaleX(1); }
.services .card:hover {
  transform: translateY(-7px);
  box-shadow: 0 24px 52px rgba(6,24,43,.13) !important;
}
.services .card .ico {
  width: 76px;
  height: 76px;
  margin: 0 auto 22px !important;
  border-radius: 22px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg,#e8fbfc,#d9f5f7);
  color: #0da6b5;
  font-size: 0 !important;
  flex: 0 0 auto;
}
.services .card .ico svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.services .card h3 {
  margin: 0 0 12px !important;
  font-size: 18px !important;
  line-height: 1.55;
  color: #071b31;
}
.services .card p {
  margin: 0 !important;
  max-width: 230px;
  font-size: 13px !important;
  line-height: 2 !important;
  color: #6b7788 !important;
}

html[dir="ltr"] .services .card h3 { font-family: Montserrat,Cairo,sans-serif; }

@media (max-width: 980px) {
  .brand-logo { width: 154px !important; max-width:154px !important; max-height:48px !important; }
  .logo-link img { width: 148px !important; max-width:148px !important; max-height:46px !important; }
  .services .cards { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .services .card { min-height: 265px; }
  .footer-logo-img { width: 215px !important; }
}
@media (max-width: 620px) {
  .brand-logo { width: 126px !important; max-width:126px !important; max-height:40px !important; }
  .logo-link img { width: 120px !important; max-width:120px !important; max-height:39px !important; }
  .services { padding: 60px 0 66px !important; }
  .services .container { width:min(100% - 24px,1120px); }
  .services .section-sub { margin-bottom: 28px; }
  .services .cards { grid-template-columns: 1fr !important; gap: 16px !important; }
  .services .card { min-height: 0; padding: 25px 20px !important; }
  .services .card .ico { width:68px;height:68px;margin-bottom:17px !important;border-radius:19px; }
  .services .card .ico svg { width:34px;height:34px; }
  .footer-logo-img { width: 190px !important; margin-inline:auto; }
  .foot-logo { align-items:center; text-align:center; }
}