.three-solution-page{
  background:#f5f8fc!important;
}

.three-solution-hero{
  width:min(1180px,calc(100% - 48px));
  margin:34px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:28px;
  align-items:center;
}

.three-solution-copy{
  background:#fff;
  border:1px solid #dbe7f5;
  border-radius:28px;
  padding:42px;
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}

.three-solution-kicker{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#eef4ff;
  color:#17468f;
  border:1px solid #c7d7fe;
  font-size:12px;
  font-weight:950;
}

.three-solution-copy h1{
  margin:16px 0 14px;
  color:#07152d;
  font-size:clamp(34px,4vw,56px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:950;
}

.three-solution-copy p{
  margin:0;
  color:#475467;
  font-size:16px;
  line-height:1.75;
  font-weight:550;
}

.three-solution-actions{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.three-solution-actions a{
  min-height:46px;
  padding:0 18px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:14px;
  font-weight:950;
}

.three-solution-actions a:first-child{
  background:#155eef;
  color:#fff;
}

.three-solution-actions a:last-child{
  background:#fff;
  color:#07152d;
  border:1px solid #dbe7f5;
}

.three-cloud-board{
  min-height:360px;
  border-radius:30px;
  background:
    radial-gradient(circle at 20% 18%,rgba(21,94,239,.12),transparent 28%),
    radial-gradient(circle at 78% 76%,rgba(18,183,106,.12),transparent 30%),
    linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid #dbe7f5;
  box-shadow:0 18px 44px rgba(15,23,42,.08);
  padding:28px;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  justify-content:center;
  gap:22px;
}

.three-cloud-logo{
  width:122px;
  height:122px;
  border-radius:999px;
  background:radial-gradient(circle at 32% 24%,#fff 0%,#fff 38%,#f4f8ff 100%);
  box-shadow:0 20px 42px rgba(15,23,42,.10), inset 0 1px 0 #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  animation:threeCloudFloat 6.3s ease-in-out infinite;
}

.three-cloud-logo:nth-child(2n){animation-duration:7.1s;animation-delay:-1.1s}
.three-cloud-logo:nth-child(3n){animation-duration:5.5s;animation-delay:-.7s}
.three-cloud-logo:nth-child(4n){animation-duration:6.8s;animation-delay:-1.6s}

.three-cloud-logo img{
  max-width:92px;
  max-height:76px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

.three-cloud-logo[data-logo="hepsiburada"] img,
.three-cloud-logo[data-logo="amazon"] img,
.three-cloud-logo[data-logo="idefix"] img{
  max-width:100px;
  max-height:42px;
}

.three-cloud-logo[data-logo="ciceksepeti"] img{
  max-width:92px;
  max-height:92px;
}

@keyframes threeCloudFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

.three-solution-section{
  width:min(1180px,calc(100% - 48px));
  margin:28px auto 0;
}

.three-solution-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.three-solution-card{
  background:#fff;
  border:1px solid #dbe7f5;
  border-radius:22px;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}

.three-solution-card b{
  display:block;
  color:#07152d;
  font-size:18px;
  letter-spacing:-.03em;
  margin-bottom:8px;
}

.three-solution-card p{
  margin:0;
  color:#5b6b82;
  font-size:14px;
  line-height:1.65;
  font-weight:550;
}

@media(max-width:960px){
  .three-solution-hero{
    grid-template-columns:1fr;
  }
  .three-solution-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .three-solution-hero,
  .three-solution-section{
    width:calc(100% - 30px);
  }
  .three-solution-copy{
    padding:28px;
  }
  .three-cloud-logo{
    width:98px;
    height:98px;
  }
}

/* Çözüm sayfalarında tek modül/logolar ortalı ve büyük dursun */
.three-cloud-board{
  justify-content:center!important;
  align-items:center!important;
}

.three-cloud-board .three-cloud-logo:only-child{
  width:190px!important;
  height:190px!important;
  padding:24px!important;
}

.three-cloud-board .three-cloud-logo:only-child img{
  max-width:138px!important;
  max-height:138px!important;
}

.three-cloud-board .three-cloud-logo[data-logo="efatura"]:only-child img,
.three-cloud-board .three-cloud-logo[data-logo="eihracat"]:only-child img{
  max-width:150px!important;
  max-height:104px!important;
}

.three-cloud-board .three-cloud-logo[data-logo="kargo"]:only-child img{
  max-width:138px!important;
  max-height:138px!important;
}

.three-cloud-board .three-cloud-logo[data-logo="xml"],
.three-cloud-board .three-cloud-logo[data-logo="excel"]{
  width:150px!important;
  height:150px!important;
}

.three-cloud-board .three-cloud-logo[data-logo="xml"] img,
.three-cloud-board .three-cloud-logo[data-logo="excel"] img{
  max-width:112px!important;
  max-height:112px!important;
}

/* Kargo sayfası: sadece kargo firmaları, daha düzenli bulut görünüm */
.cargo-provider-board{
  gap:24px!important;
  justify-content:center!important;
  align-items:center!important;
}

.cargo-provider-logo{
  width:138px!important;
  height:138px!important;
  padding:16px!important;
}

.cargo-provider-logo img{
  max-width:104px!important;
  max-height:86px!important;
  object-fit:contain!important;
}

.cargo-provider-logo[data-logo="aras"] img,
.cargo-provider-logo[data-logo="mng"] img,
.cargo-provider-logo[data-logo="surat"] img,
.cargo-provider-logo[data-logo="ptt"] img,
.cargo-provider-logo[data-logo="hepsijet"] img,
.cargo-provider-logo[data-logo="yurtici"] img,
.cargo-provider-logo[data-logo="kolaygelsin"] img,
.cargo-provider-logo[data-logo="sendeo"] img,
.cargo-provider-logo[data-logo="trendyolexpress"] img{
  max-width:112px!important;
  max-height:72px!important;
}

.cargo-provider-logo[data-logo="ups"] img,
.cargo-provider-logo[data-logo="dhl"] img{
  max-width:104px!important;
  max-height:82px!important;
}

@media(max-width:620px){
  .cargo-provider-logo{
    width:104px!important;
    height:104px!important;
  }

  .cargo-provider-logo img{
    max-width:82px!important;
    max-height:68px!important;
  }
}



/* --- KARGO SAYFASI DAHA KURUMSAL / DAHA AZ YUVARLAK --- */
.three-cargo-page{
  background:#f6f8fb!important;
}

.three-cargo-hero{
  width:min(1180px,calc(100% - 48px))!important;
  margin:34px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:24px!important;
  align-items:center!important;
}

.three-cargo-copy{
  background:#fff!important;
  border:1px solid #dde6f2!important;
  border-radius:16px!important;
  padding:36px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}

.three-cargo-kicker{
  display:inline-flex!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#eef4ff!important;
  color:#17468f!important;
  border:1px solid #c7d7fe!important;
  font-size:12px!important;
  font-weight:900!important;
}

.three-cargo-copy h1{
  margin:16px 0 14px!important;
  color:#07152d!important;
  font-size:clamp(34px,4vw,54px)!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
  font-weight:950!important;
}

.three-cargo-copy p{
  margin:0!important;
  color:#4a5568!important;
  font-size:16px!important;
  line-height:1.75!important;
  font-weight:550!important;
}

.three-cargo-points{
  margin-top:24px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}

.three-cargo-points div{
  background:#f8fbff!important;
  border:1px solid #e2eaf5!important;
  border-radius:12px!important;
  padding:14px 16px!important;
}

.three-cargo-points b{
  display:block!important;
  color:#07152d!important;
  font-size:15px!important;
  margin-bottom:5px!important;
}

.three-cargo-points span{
  color:#5d6b82!important;
  font-size:14px!important;
  line-height:1.55!important;
}

.three-cargo-actions{
  margin-top:22px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}

.three-cargo-actions a{
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:900!important;
}

.three-cargo-actions a:first-child{
  background:#155eef!important;
  color:#fff!important;
}

.three-cargo-actions a:last-child{
  background:#fff!important;
  color:#07152d!important;
  border:1px solid #dbe7f5!important;
}

.three-cargo-logo-board{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid #dde6f2!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:center!important;
}

.three-cargo-logo{
  height:112px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #e5ebf4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.04)!important;
}

.three-cargo-logo img{
  max-width:100px!important;
  max-height:58px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}

.three-cargo-info{
  width:min(1180px,calc(100% - 48px))!important;
  margin:24px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.three-cargo-info-card{
  background:#fff!important;
  border:1px solid #dde6f2!important;
  border-radius:14px!important;
  padding:24px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}

.three-cargo-info-card b{
  display:block!important;
  color:#07152d!important;
  font-size:18px!important;
  margin-bottom:8px!important;
  letter-spacing:-.03em!important;
}

.three-cargo-info-card p{
  margin:0!important;
  color:#5d6b82!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:550!important;
}

@media(max-width:960px){
  .three-cargo-hero{
    grid-template-columns:1fr!important;
  }

  .three-cargo-logo-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .three-cargo-info{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  .three-cargo-hero,
  .three-cargo-info{
    width:calc(100% - 30px)!important;
  }

  .three-cargo-copy{
    padding:26px!important;
  }

  .three-cargo-logo-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:18px!important;
  }

  .three-cargo-logo{
    height:96px!important;
  }

  .three-cargo-logo img{
    max-width:84px!important;
    max-height:48px!important;
  }
}



/* --- KARGO SAYFASI: YATAY + ALTTA BULUT LOGOLAR --- */
.three-cargo-horizontal-page{
  background:#f6f8fb!important;
}

.three-cargo-horizontal-hero{
  width:min(1180px,calc(100% - 48px))!important;
  margin:36px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}

.three-cargo-hero-left,
.three-cargo-hero-right{
  background:#fff!important;
  border:1px solid #dde6f2!important;
  border-radius:14px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
}

.three-cargo-hero-left{
  padding:38px 40px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.three-cargo-hero-left h1{
  margin:0 0 16px!important;
  color:#07152d!important;
  font-size:clamp(38px,4vw,60px)!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}

.three-cargo-hero-left p{
  margin:0!important;
  color:#516072!important;
  font-size:17px!important;
  line-height:1.8!important;
  font-weight:550!important;
  max-width:760px!important;
}

.three-cargo-hero-right{
  padding:20px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}

.three-cargo-mini-card{
  background:#f8fbff!important;
  border:1px solid #e2eaf5!important;
  border-radius:12px!important;
  padding:16px 18px!important;
}

.three-cargo-mini-card b{
  display:block!important;
  color:#07152d!important;
  font-size:16px!important;
  margin-bottom:5px!important;
  letter-spacing:-.02em!important;
}

.three-cargo-mini-card span{
  display:block!important;
  color:#5e6c82!important;
  font-size:14px!important;
  line-height:1.6!important;
  font-weight:550!important;
}

.three-cargo-cloud-section{
  width:min(1180px,calc(100% - 48px))!important;
  margin:24px auto 0!important;
}

.three-cargo-cloud-board{
  background:
    radial-gradient(circle at 18% 20%,rgba(21,94,239,.10),transparent 26%),
    radial-gradient(circle at 82% 78%,rgba(18,183,106,.10),transparent 30%),
    linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid #dde6f2!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  padding:32px 28px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:24px 28px!important;
}

.three-cargo-cloud-bubble{
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  min-height:128px!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 32% 24%,#fff 0%,#fff 42%,#f4f8ff 100%)!important;
  box-shadow:
    0 18px 38px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px!important;
  animation:threeCargoCloudFloat 6.2s ease-in-out infinite!important;
}

.three-cargo-cloud-bubble:nth-child(2n){
  animation-duration:7.1s!important;
  animation-delay:-1s!important;
}
.three-cargo-cloud-bubble:nth-child(3n){
  animation-duration:5.6s!important;
  animation-delay:-.8s!important;
}
.three-cargo-cloud-bubble:nth-child(4n){
  animation-duration:6.8s!important;
  animation-delay:-1.4s!important;
}

.three-cargo-cloud-bubble img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  max-width:112px!important;   /* büyütüldü */
  max-height:88px!important;   /* büyütüldü */
  transform:none!important; /* yaklaşık %200'e yakın görsel büyüme */
  transform-origin:center!important;
}

.three-cargo-cloud-bubble[data-logo="aras"] img,
.three-cargo-cloud-bubble[data-logo="surat"] img,
.three-cargo-cloud-bubble[data-logo="yurtici"] img,
.three-cargo-cloud-bubble[data-logo="mng"] img,
.three-cargo-cloud-bubble[data-logo="hepsijet"] img,
.three-cargo-cloud-bubble[data-logo="kolaygelsin"] img,
.three-cargo-cloud-bubble[data-logo="sendeo"] img{
  max-width:118px!important;
  max-height:54px!important;
}

.three-cargo-cloud-bubble[data-logo="ups"] img,
.three-cargo-cloud-bubble[data-logo="dhl"] img,
.three-cargo-cloud-bubble[data-logo="ptt"] img{
  max-width:104px!important;
  max-height:74px!important;
}

@keyframes threeCargoCloudFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-11px)}
}

.three-cargo-bottom-grid{
  width:min(1180px,calc(100% - 48px))!important;
  margin:24px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.three-cargo-bottom-card{
  background:#fff!important;
  border:1px solid #dde6f2!important;
  border-radius:12px!important;
  padding:24px!important;
  box-shadow:0 10px 26px rgba(15,23,42,.05)!important;
}

.three-cargo-bottom-card b{
  display:block!important;
  color:#07152d!important;
  font-size:18px!important;
  margin-bottom:8px!important;
  letter-spacing:-.03em!important;
}

.three-cargo-bottom-card p{
  margin:0!important;
  color:#5d6b82!important;
  font-size:14px!important;
  line-height:1.7!important;
  font-weight:550!important;
}

@media(max-width:980px){
  .three-cargo-horizontal-hero{
    grid-template-columns:1fr!important;
  }

  .three-cargo-bottom-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:620px){
  .three-cargo-horizontal-hero,
  .three-cargo-cloud-section,
  .three-cargo-bottom-grid{
    width:calc(100% - 30px)!important;
  }

  .three-cargo-hero-left{
    padding:28px!important;
  }

  .three-cargo-cloud-board{
    padding:24px 16px!important;
    gap:16px!important;
  }

  .three-cargo-cloud-bubble{
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
    min-height:104px!important;
  }

  .three-cargo-cloud-bubble img{
    max-width:88px!important;
    max-height:66px!important;
    transform:none!important;
  }
}



/* --- KARGO LOGO WHITELIST FIX --- */
/* ürün resmi gibi alakasız şeyler gelmesin diye sadece whitelist basılıyor */
/* logolar taşmasın */
.three-cargo-cloud-board{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:24px 28px!important;
}

.three-cargo-cloud-bubble{
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  min-height:128px!important;
  max-width:128px!important;
  max-height:128px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
}

.three-cargo-cloud-bubble img{
  width:auto!important;
  height:auto!important;
  max-width:96px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
}

/* yatay logolar biraz daha geniş ama yine taşmasın */
.three-cargo-cloud-bubble[data-logo="yurtici"] img,
.three-cargo-cloud-bubble[data-logo="aras"] img,
.three-cargo-cloud-bubble[data-logo="surat"] img,
.three-cargo-cloud-bubble[data-logo="mng"] img,
.three-cargo-cloud-bubble[data-logo="hepsijet"] img,
.three-cargo-cloud-bubble[data-logo="kolaygelsin"] img,
.three-cargo-cloud-bubble[data-logo="sendeo"] img{
  max-width:102px!important;
  max-height:50px!important;
}

.three-cargo-cloud-bubble[data-logo="ptt"] img{
  max-width:88px!important;
  max-height:44px!important;
}

.three-cargo-cloud-bubble[data-logo="ups"] img,
.three-cargo-cloud-bubble[data-logo="dhl"] img{
  max-width:92px!important;
  max-height:64px!important;
}

@media(max-width:620px){
  .three-cargo-cloud-bubble{
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
    min-height:104px!important;
    max-width:104px!important;
    max-height:104px!important;
    padding:10px!important;
  }

  .three-cargo-cloud-bubble img{
    max-width:78px!important;
    max-height:44px!important;
  }

  .three-cargo-cloud-bubble[data-logo="ups"] img,
  .three-cargo-cloud-bubble[data-logo="dhl"] img{
    max-width:74px!important;
    max-height:52px!important;
  }
}

/* --- KARGO FINAL CLEAN: arka plan / dış çerçeve yok, ürün fotoğrafı yok --- */
.three-cargo-cloud-section{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}

.three-cargo-cloud-board{
  background:transparent!important;
  background-image:none!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  padding:18px 0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px 34px!important;
}

.three-cargo-cloud-bubble{
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  min-height:128px!important;
  max-width:128px!important;
  max-height:128px!important;
  border-radius:999px!important;
  border:none!important;
  outline:none!important;
  background:
    radial-gradient(circle at 32% 24%,#fff 0%,#fff 42%,#f4f8ff 100%)!important;
  box-shadow:
    0 18px 38px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,1)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  animation:threeCargoCloudFloat 6.2s ease-in-out infinite!important;
}

.three-cargo-cloud-bubble img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  margin:0!important;
  border:none!important;
  box-shadow:none!important;
}

/* Logolar yuvarlak dışına taşmasın */
.three-cargo-cloud-bubble[data-logo="yurtici"] img{
  max-width:104px!important;
  max-height:58px!important;
}

.three-cargo-cloud-bubble[data-logo="aras"] img{
  max-width:106px!important;
  max-height:58px!important;
}

.three-cargo-cloud-bubble[data-logo="surat"] img{
  max-width:106px!important;
  max-height:56px!important;
}

.three-cargo-cloud-bubble[data-logo="ptt"] img{
  max-width:90px!important;
  max-height:48px!important;
}

.three-cargo-cloud-bubble[data-logo="ups"] img{
  max-width:88px!important;
  max-height:76px!important;
}

.three-cargo-cloud-bubble[data-logo="dhl"] img{
  max-width:106px!important;
  max-height:58px!important;
}

/* Otomatik eklenen yanlış providerlar varsa görünmesin */
.three-cargo-cloud-bubble[data-logo="mng"],
.three-cargo-cloud-bubble[data-logo="hepsijet"],
.three-cargo-cloud-bubble[data-logo="kolaygelsin"],
.three-cargo-cloud-bubble[data-logo="sendeo"],
.three-cargo-cloud-bubble[data-logo="logo"]{
  display:none!important;
}

@media(max-width:620px){
  .three-cargo-cloud-board{
    gap:18px!important;
  }

  .three-cargo-cloud-bubble{
    width:104px!important;
    height:104px!important;
    min-width:104px!important;
    min-height:104px!important;
    max-width:104px!important;
    max-height:104px!important;
  }

  .three-cargo-cloud-bubble[data-logo="yurtici"] img,
  .three-cargo-cloud-bubble[data-logo="aras"] img,
  .three-cargo-cloud-bubble[data-logo="surat"] img,
  .three-cargo-cloud-bubble[data-logo="dhl"] img{
    max-width:84px!important;
    max-height:46px!important;
  }

  .three-cargo-cloud-bubble[data-logo="ptt"] img{
    max-width:72px!important;
    max-height:40px!important;
  }

  .three-cargo-cloud-bubble[data-logo="ups"] img{
    max-width:70px!important;
    max-height:62px!important;
  }
}