/* Refined Why VIMIA layout - homepage + why-vimia page */

/* Main section spacing */
.about-vimia-section,
.about-vimia,
.why-vimia-home-section,
.why-vimia-page,
.why-vimia-section {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* Two-column layout */
.about-vimia-layout,
.about-vimia-grid,
.about-vimia-wrap,
.why-vimia-layout {
  display: grid !important;
  grid-template-columns: 380px minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: start !important;
}

/* Left image box */
.vimia-meaning-image-wrap,
.why-vimia-image {
  width: 100% !important;
  max-width: 380px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(18,60,105,.10) !important;
  background: #fff !important;
}

.vimia-meaning-image,
.why-vimia-image img {
  width: 100% !important;
  display: block !important;
  height: 610px !important;
  object-fit: cover !important;
  object-position: center 17% !important;
  border-radius: 18px !important;
}

/* Right content */
.about-vimia-content,
.why-vimia-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 0 0 !important;
}

.about-vimia-content .eyebrow,
.why-vimia-content .eyebrow {
  margin-bottom: 8px !important;
}

.about-vimia-content h2,
.why-vimia-content h2 {
  font-size: 18px !important;
  line-height: 1.4 !important;
  margin: 0 0 12px !important;
}

.about-vimia-content p,
.why-vimia-content p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 0 12px !important;
  max-width: 100% !important;
}

/* Value cards */
.about-vimia-content .feature-list,
.why-vimia-content .why-vimia-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 14px 0 18px !important;
}

.about-vimia-content .feature-list > div,
.why-vimia-content .why-vimia-list > div {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  min-height: auto !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(18,60,105,.05) !important;
}

.about-vimia-content .feature-list i,
.why-vimia-content .why-vimia-list i {
  font-size: 15px !important;
  color: #ff6b00 !important;
  margin-top: 3px !important;
  flex: 0 0 18px !important;
}

.about-vimia-content .feature-list strong,
.why-vimia-content .why-vimia-list strong {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: #002b5c !important;
  margin-bottom: 2px !important;
}

.about-vimia-content .feature-list span,
.why-vimia-content .why-vimia-list p,
.why-vimia-content .why-vimia-list span {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #445b78 !important;
  margin: 0 !important;
}

/* CTA button */
.about-vimia-content .btn,
.why-vimia-content .btn {
  margin-top: 4px !important;
  display: inline-block !important;
}

/* Remove extra space from generic card/grid rules that may affect this section */
.about-vimia-content .feature-list > div::before,
.about-vimia-content .feature-list > div::after,
.why-vimia-content .why-vimia-list > div::before,
.why-vimia-content .why-vimia-list > div::after {
  display: none !important;
  content: none !important;
}

/* Why Vimia dedicated page refinements */
.why-vimia-page .page-hero,
.why-vimia-page .section {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* Tablet */
@media (max-width: 991px) {
  .about-vimia-layout,
  .about-vimia-grid,
  .about-vimia-wrap,
  .why-vimia-layout {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .vimia-meaning-image-wrap,
  .why-vimia-image {
    max-width: 460px !important;
    margin: 0 auto !important;
  }

  .vimia-meaning-image,
  .why-vimia-image img {
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  .about-vimia-content,
  .why-vimia-content {
    padding-top: 0 !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .about-vimia-section,
  .about-vimia,
  .why-vimia-home-section,
  .why-vimia-page,
  .why-vimia-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .vimia-meaning-image-wrap,
  .why-vimia-image {
    max-width: 100% !important;
    border-radius: 14px !important;
  }

  .vimia-meaning-image,
  .why-vimia-image img {
    border-radius: 14px !important;
  }

  .about-vimia-content h2,
  .why-vimia-content h2 {
    font-size: 17px !important;
  }

  .about-vimia-content p,
  .why-vimia-content p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .about-vimia-content .feature-list,
  .why-vimia-content .why-vimia-list {
    gap: 8px !important;
    margin: 12px 0 16px !important;
  }

  .about-vimia-content .feature-list > div,
  .why-vimia-content .why-vimia-list > div {
    padding: 9px 12px !important;
    border-radius: 10px !important;
  }

  .about-vimia-content .feature-list strong,
  .why-vimia-content .why-vimia-list strong {
    font-size: 14px !important;
  }

  .about-vimia-content .feature-list span,
  .why-vimia-content .why-vimia-list p,
  .why-vimia-content .why-vimia-list span {
    font-size: 12px !important;
  }
}

/* Final Why VIMIA container alignment */
.about-vimia-section,
.about-vimia,
.why-vimia-home-section{
  width:100% !important;
  background:#f5f8fc !important;
  padding-top:34px !important;
  padding-bottom:34px !important;
}

/* Keep Why VIMIA inside same width as other website sections */
.about-vimia-section > .container,
.about-vimia > .container,
.why-vimia-home-section > .container{
  max-width:1180px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:22px !important;
  padding-right:22px !important;
  box-sizing:border-box !important;
}

/* If layout wrapper itself is not inside container, restrict it */
.about-vimia-layout,
.about-vimia-grid,
.about-vimia-wrap{
  max-width:1180px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:22px !important;
  padding-right:22px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:360px minmax(0,1fr) !important;
  gap:28px !important;
  align-items:start !important;
}

/* Left image should not touch browser edge */
.vimia-meaning-image-wrap{
  max-width:360px !important;
  width:100% !important;
  margin:0 !important;
  border-radius:18px !important;
}

/* Image height controlled and aligned */
.vimia-meaning-image{
  width:100% !important;
  height:560px !important;
  object-fit:cover !important;
  object-position:center 18% !important;
  border-radius:18px !important;
}

/* Right content should stay compact */
.about-vimia-content{
  max-width:760px !important;
  padding:0 !important;
  margin:0 !important;
}

.about-vimia-content h2{
  max-width:760px !important;
  margin-bottom:10px !important;
}

.about-vimia-content p{
  max-width:760px !important;
  margin-bottom:10px !important;
}

/* VIMIA value rows compact and not full-screen */
.about-vimia-content .feature-list{
  max-width:760px !important;
  gap:8px !important;
  margin:14px 0 14px !important;
}

.about-vimia-content .feature-list > div{
  padding:9px 12px !important;
  border-radius:11px !important;
  min-height:unset !important;
}

.about-vimia-content .btn{
  margin-top:2px !important;
}

/* Prevent previous float/full-width CSS from affecting this section */
.vimia-meaning-image-wrap{
  float:none !important;
}

/* Desktop large screens */
@media (min-width:1400px){
  .about-vimia-section > .container,
  .about-vimia > .container,
  .why-vimia-home-section > .container,
  .about-vimia-layout,
  .about-vimia-grid,
  .about-vimia-wrap{
    max-width:1180px !important;
  }
}

/* Tablet */
@media (max-width:991px){
  .about-vimia-layout,
  .about-vimia-grid,
  .about-vimia-wrap{
    grid-template-columns:1fr !important;
    max-width:720px !important;
    gap:20px !important;
  }

  .vimia-meaning-image-wrap{
    max-width:460px !important;
    margin:0 auto !important;
  }

  .vimia-meaning-image{
    height:auto !important;
    object-fit:contain !important;
    object-position:center top !important;
  }

  .about-vimia-content{
    max-width:100% !important;
  }

  .about-vimia-content .feature-list{
    max-width:100% !important;
  }
}

/* Mobile */
@media (max-width:767px){
  .about-vimia-section > .container,
  .about-vimia > .container,
  .why-vimia-home-section > .container,
  .about-vimia-layout,
  .about-vimia-grid,
  .about-vimia-wrap{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .about-vimia-section,
  .about-vimia,
  .why-vimia-home-section{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
}