.elementor-125 .elementor-element.elementor-element-777dd67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-125 .elementor-element.elementor-element-0ff2e7a{padding:0px 0px 0px 0px;}.elementor-125 .elementor-element.elementor-element-112c3e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:15px;--padding-right:15px;}.elementor-125 .elementor-element.elementor-element-f356296{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:15px;--padding-right:15px;}.elementor-125 .elementor-element.elementor-element-e15c913{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}@media(max-width:767px){.elementor-125 .elementor-element.elementor-element-112c3e0{--padding-top:15px;--padding-bottom:0px;--padding-left:20px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-0ff2e7a *//* ===============================
   ABOUT PAGE – HERO
================================ */

.seazest-about-hero{
  background:#1d465b;
  padding:40px 0 40px;
}

.seazest-about-hero-inner{
  max-width:1500px;
  margin:0 auto;
  padding:0 6%;
}

.about-eyebrow{
  display:inline-block;
  font-size:0.75rem;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  margin-bottom:18px;
}

.seazest-about-hero h1{
  font-size:3rem;
  color:#ffffff;
  margin-bottom:22px;
}

.seazest-about-hero p{
  font-size:1.1rem;
  color:rgba(255,255,255,0.9);
  line-height:1.65;
  max-width:680px;
}

/* Mobile */

@media(max-width:768px){
  .seazest-about-hero{
    padding:20px 0 30px;
  }

  .seazest-about-hero h1{
    font-size:2.2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eff76f3 *//* =====================================================
   ABOUT US – WHAT WE BELIEVE (FINAL)
   ===================================================== */

/* FULL-WIDTH SECTION */
.about-beliefs-section{
  width:100%;
  background:#ffffff;
}

/* INNER WRAPPER – SIDE PADDING CONTROL */
.about-beliefs-wrapper{
  max-width:1400px;
  margin:0 auto;
  padding:20px 30px;
}

/* HEADING */
.about-beliefs-wrapper h2{
  font-size:35px;
  font-weight:600;
  color:#1d465b;
  margin-bottom:25px;
}

/* GRID */
.about-beliefs-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  perspective:1200px;
}

/* 3D CARD */
.about-beliefs-card{
  background:linear-gradient(180deg,#ffffff 0%, #f5f9f8 100%);
  border-radius:20px;
  padding:36px 32px;
  box-shadow:
    0 14px 30px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.7);
  transform-style:preserve-3d;
  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

/* HOVER DEPTH */
.about-beliefs-card:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:
    0 30px 60px rgba(0,0,0,0.14);
}

/* CARD TITLE */
.about-beliefs-card h4{
  font-size:20px;
  color:#1d465b;
  margin-bottom:12px;
}

/* CARD TEXT */
.about-beliefs-card p{
  font-size:15.5px;
  line-height:1.6;
  color:#555555;
}

/* ===============================
   TABLET
================================ */
@media(max-width:1024px){
  .about-beliefs-wrapper{
    padding:80px 40px;
  }
  .about-beliefs-cards{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ===============================
   MOBILE
================================ */
@media(max-width:767px){
  .about-beliefs-wrapper{
    padding:60px 20px;
  }
  .about-beliefs-wrapper h2{
    font-size:34px;
  }
  .about-beliefs-cards{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54d33a8 *//* =====================================================
   ABOUT US – WHY SEAZEST EXISTS
   ===================================================== */

.about-origin-section{
  width:100%;
  background:#ffffff;
}

.about-origin-wrapper{
  max-width:1400px;
  margin:0 auto;
  padding:20px 30px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}

/* IMAGE */
.about-origin-image img{
  width:100%;
  border-radius:24px;
  box-shadow:
    0 28px 60px rgba(0,0,0,0.12),
    0 12px 24px rgba(0,0,0,0.08);
  object-fit:cover;
}

/* CONTENT */
.about-origin-content h2{
  font-size:44px;
  font-weight:600;
  color:#1d465b;
  margin-bottom:20px;
}

.about-origin-content p{
  font-size:17px;
  line-height:1.75;
  color:#4a4a4a;
  max-width:520px;
  margin-bottom:18px;
}

/* ===============================
   TABLET
================================ */
@media(max-width:1024px){
  .about-origin-wrapper{
    padding:80px 40px;
    grid-template-columns:1fr;
    gap:50px;
  }
}

/* ===============================
   MOBILE
================================ */
@media(max-width:767px){
  .about-origin-wrapper{
    padding:60px 20px;
  }
  .about-origin-content h2{
    font-size:34px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f074c94 *//* =====================================================
   ABOUT US – FINAL CTA
   ===================================================== */

.about-final-cta{
  width:100%;
  background:#1d465b;
}

.about-final-cta-wrapper{
  max-width:1200px;
  margin:0 auto;
  padding:50px 72px;
  text-align:center;
}

/* HEADING */
.about-final-cta h2{
  font-size:44px;
  font-weight:600;
  color:#ffffff;
  margin-bottom:18px;
}

/* TEXT */
.about-final-cta p{
  font-size:17px;
  line-height:1.7;
  color:rgba(255,255,255,0.9);
  max-width:680px;
  margin:0 auto 46px;
}

/* BUTTON GROUP */
.about-cta-buttons{
  display:flex;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
}

/* BASE BUTTON */
.cta-btn{
  display:inline-block;
  padding:16px 36px;
  border-radius:50px;
  font-size:15.5px;
  font-weight:500;
  text-decoration:none !important;
  transition:all .25s ease;
}

/* PRIMARY */
.cta-btn.primary{
  background:#ffffff;
  color:#1d465b;
}

.cta-btn.primary:hover{
  background:#f2f6f4;
  color:#1d465b;
}

/* SECONDARY */
.cta-btn.secondary{
  background:transparent;
  color:#ffffff;
  border:2px solid rgba(255,255,255,0.9);
}

.cta-btn.secondary:hover{
  background:#ffffff;
  color:#1d465b;
  border-color:#ffffff;
}

/* ===============================
   TABLET
================================ */
@media(max-width:1024px){
  .about-final-cta-wrapper{
    padding:90px 40px;
  }
}

/* ===============================
   MOBILE
================================ */
@media(max-width:767px){
  .about-final-cta-wrapper{
    padding:70px 20px;
  }
  .about-final-cta h2{
    font-size:34px;
  }
}/* End custom CSS */