﻿body { padding-top: 0; }
.f-italic { font-style:italic }
h3.fs5 { line-height:1.5 }
.heroSection { padding-top:8rem; padding-bottom:4rem; background-color:#001623; background-size:cover; background-repeat:no-repeat; background-position:center; color:#fff; overflow:hidden }
.heroSection .container { position:relative }
.thePodcastSect .leftContent { position:relative; top:calc(50% - 142px) }
.heroSection .leftContent img.mergeLogoImg { width:70% }
.heroSection p { color:#fff; line-height:1.5; }
.heroSection .textbigger { font-size:1.5rem }
.heroBtn { display: inline-block; margin: 5px; padding: 0 1.2rem; font-size: 14px; line-height: 3; border-radius: 3px; }
.heroBtn.style1 { box-shadow: none !important; text-transform: capitalize; font-weight: normal; background: #ff008a; color: #fff; line-height: 3; padding: 0 1.2rem; display: inline-block; text-align: center; border-radius: 4px; position:relative; z-index:1; overflow:hidden }
.heroBtn.style1:before { content:''; position:absolute; bottom:0; left:0; width:0%; height:100%; background-color:#FFD9EE; transition:all .3s; border-radius:0; z-index:-1; color:#ff008a }
.heroBtn.style1:hover { color:#ff008a;}
.heroBtn.style1:hover:before { width:100% }
.heroBtn.style2 { box-shadow: none !important; text-transform: capitalize; font-weight: 500; background: #FFD9EE; color: #ff008a; line-height: 3; padding: 0 1.2rem; display: inline-block; text-align: center; border-radius: 4px; }
.heroBtn:hover, .heroBtn:focus { background:#cd0370 !important; color:#fff }
.heroSection .secImg { position:relative; width:100% }

.boothChip { padding:0.5rem 1rem; border-radius:19px; background:#fff; color:#ff008a; display:inline-block; margin-top:2rem; font-size:1.125rem }
.formBgimg { position:absolute; right:-10%; top:-20%; z-index:0 }

.imexForm .bannerForm { background:#FFFFFF 0% 0% no-repeat padding-box; border-radius:15px; padding:30px; width:85%; float:right; box-shadow:0px 3px 6px #00000029; position:sticky; top:70px }
.imexForm .bannerForm h3 { color:#001623; font-size:24px; font-weight:bold; margin:0; }
.imexForm .privacyLink { text-decoration:underline; color:#6C777E; display:block; padding:6px; margin-bottom:10px }
.imexForm .privacyLink:hover { color:#ff008a }
.imexForm .stickyTop { position:sticky; top:100px }
.bannerForm md-select { color:#000 }
.smartEvents { background:#f7f7f7; padding:6rem 0 }

.imexBasic .secImg { width:100%; border-radius:8px }
p { line-height:1.5 }
.imexBasic ul { list-style:none; padding-left:0 }
.imexBasic ul li { margin-bottom:0.85rem; display:flex; line-height:1.5; align-items:start }
.imexBasic ul li svg { vertical-align:bottom; margin-right:0.5rem; min-width:19px; margin-top:3px }
.strategyChatSec { padding:4rem 0 }

.imexSmartSec1 { background:#FFF0E0; margin:2rem 4.8rem 3rem; padding:4rem; border-radius:3rem }
.imexSmartSec1 ul { list-style:none; padding-left:0 }
.imexSmartSec1 ul li { margin-bottom:0.85rem; display:flex; line-height:1.5; align-items:start }
.imexSmartSec1 ul li svg { vertical-align:bottom; margin-right:0.5rem; min-width:19px; margin-top:3px }

.imexSmartSec2 { background:#FFECF6; margin:1rem 4.8rem 3rem; padding:4rem; border-radius:3rem }
.imexSmartSec2 ul { list-style:none; padding-left:0 }
.imexSmartSec2 ul li { margin-bottom:0.85rem; display:flex; line-height:1.5; align-items:start }
.imexSmartSec2 ul li svg { vertical-align:bottom; margin-right:0.5rem; min-width:19px; margin-top:3px }

.thePodcast { background-color:#001623; color:#fff; padding:6rem 0; background-size:cover; background-repeat:no-repeat; background-position:center }
.gallery { display:grid; grid-template-columns:2fr 1.5fr; grid-gap:15px }
.gallery-left img { width:100%; height:480px; object-fit:cover; border-radius:12px }
.gallery-right { display:grid; grid-template-rows:1fr 1fr; grid-gap:15px }
.gallery-right-top img,.gallery-right-bottom img { width:100%; height:230px; object-fit:cover; border-radius:12px }
.gallery-right-bottom { display:grid; grid-template-columns:1fr 1fr; grid-gap:15px }

.gallery img { transition:transform 0.3s ease, box-shadow 0.3s ease; cursor:pointer }
.gallery img:hover { transform:scale(1.03); box-shadow:0 6px 18px rgba(0, 0, 0, 0.25) }

.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); justify-content:center; align-items:center }
.modal img { max-width:90%; max-height:90%; border-radius:12px }
.modal.active { display:flex }
.modal-close { position:absolute; top:20px; right:30px; font-size:2rem; color:white; cursor:pointer }

.blogS1 { display:flex; align-items:center; margin-bottom:1rem }
.blogS1 .blogImg { margin-right:1rem; width:320px; min-width:320px }
.blogS1 .blogImg img { border-radius:12px; width:100% }
.blogS1 .date { color:#ff008a; font-size:14px; font-weight:600 }
.blogS1 .chips { color:#ff008a; font-size:14px; border-radius:15px; background:#FDF2FA; padding:4px 12px; margin-right:6px }

.blogS2 {  }
.blogS2 .blogImg img { border-radius:12px; width:100% }
.blogS2 .date { color:#ff008a; font-size:14px; font-weight:600 }
.blogS2 .chips { color:#ff008a; font-size:14px; border-radius:15px; background:#FDF2FA; padding:4px 12px; margin-right:6px }
.weseeImex2025 { background:#FFF0E0; padding:5rem 0; margin-top:6rem }
.weseeImex2025 .mailto { color:#0393EF }
.weseeImex2025 .mailto:hover { color:#0393EF; text-decoration:underline }

.numChip { border-radius:50%; background:#ff008a; color:#fff; display:inline-block; width:24px; height:24px; text-align:center; min-width:24px; margin-right:0.5rem; line-height:1.6rem }
.podcastForm { background:#f7f7f7; padding:6rem 0 }
.imexForm .bannerForm { border:1px solid #ff008a; box-shadow:none }
.justPodcastBox { background:#fff; border-radius:8px; padding:2rem 1.5rem; text-align:center; color:#001623; height:100% }
.boothHighlight { position:relative }
.boothHighlight svg { position:absolute; bottom:-14px; left:0; right:0 }
.weseeImex2025.thePodcastSect { background:#fff; margin-top:0 }

/* RESPONSIVE */
@media screen and (max-width:991px) {
  .imexSmartSec1, .imexSmartSec2 { margin:1rem 1.8rem 3rem }
}

@media screen and (max-width:767px) {
  .fs2 { font-size: 2.15rem; }
  .fs1 { font-size: 2.5rem; }
  .fs3 { font-size: 2rem; }
  
  .gallery { grid-template-columns:1fr } 
  .gallery-right { grid-template-rows:auto } 
  .gallery-right-bottom { grid-template-columns:1fr }
  .imexForm .bannerForm { width:100%; float:none }
  .boothHighlight svg { bottom:-7px }
  .blogS1 { flex-direction:column; align-items:start; margin-bottom:3rem }
  .blogS1 .blogImg { width:100%; margin-bottom:1rem }
  .heroSection .leftContent, .thePodcastSect .leftContent { top:0 }
  .imexSmartSec2 ul li svg { min-width:19px }
}

@media screen and (max-width:479px) {
  .fs3 { font-size:1.5rem; }
  .heroSection h1 { font-size:32px }
  .weseeImex2025, .imexBasic { padding:4rem 0 }
  .imexSmartSec1, .imexSmartSec2 { padding:2rem }
  .heroSection .textbigger { font-size:1.2rem }
  .imexSmartSec1, .imexSmartSec2 { margin:1rem 0.8rem 3rem; padding:1rem }
}
@media screen and (max-width:375px) {
}
