.elementor-3768 .elementor-element.elementor-element-0d62b74{--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;}.elementor-3768 .elementor-element.elementor-element-0d62b74.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3768 .elementor-element.elementor-element-6b58c25{--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;}.elementor-3768 .elementor-element.elementor-element-50d611a{--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;}@media(max-width:1024px) and (min-width:768px){.elementor-3768 .elementor-element.elementor-element-0d62b74{--width:934px;}}/* Start custom CSS for container, class: .elementor-element-0d62b74 */:root{
  --blue1:#ffff;
  --blue2:#41B8D5;
  --white:#ffffff;
  --black:#000000;
}

*{box-sizing:border-box;}

body{
  margin:0;
  font-family:'Segoe UI', Arial, sans-serif;
  background:#ffffff;
  color:var(--black);
  line-height:1.7;
}

.fw-section{width:100%;padding:80px 6%;}

/* HERO */
.hero{
  background:linear-gradient(135deg,var(--blue2),var(--blue1));
  color:#fff;
  text-align:center;
}
.hero h1{font-size:44px;}
.hero p{max-width:900px;margin:auto;font-size:18px;}

/* BACKGROUND */
.glow-section{
  background:
    radial-gradient(circle at top left, rgba(65,184,213,.35), transparent 40%),
    radial-gradient(circle at bottom right, rgba(26,70,153,.35), transparent 45%),
    linear-gradient(180deg,#f4fbff,#eef6fb);
}

/* TITLES */
.section-title{text-align:center;margin-bottom:50px;}
.section-title h2{font-size:36px;}

/* GRID */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:30px;
}

/* CARD */
.glow-card{
  background:linear-gradient(180deg,#ffffff,#f9fcff);
  padding:30px;
  border-radius:20px;
  border:1px solid rgba(65,184,213,.45);
  box-shadow:0 10px 25px rgba(26,70,153,.18);
  text-decoration:none;
  color:inherit;
  transition:.4s;
  display:block;
}

.glow-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 40px rgba(26,70,153,.35),0 0 25px rgba(65,184,213,.55);
}

.glow-card i{
  font-size:40px;
  margin-bottom:15px;
  color:var(--blue2);
}

.glow-card h3{margin:15px 0 10px;font-size:22px;}
.glow-card ul{padding-left:18px;}
.glow-card ul li{margin-bottom:8px;}

/* BUTTON */
.card-btn{
  display:inline-block;
  margin-top:18px;
  padding:10px 24px;
  background:linear-gradient(135deg,var(--blue2),var(--blue1));
  color:#fff;
  border-radius:30px;
  font-size:14px;
  font-weight:600;
  transition:.3s;
}
.glow-card:hover .card-btn{transform:translateX(6px);}

/* FLOATING CTA */
.floating-cta{
  position:fixed;
  right:20px;
  bottom:25px;
  z-index:999;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.floating-cta a{
  width:55px;height:55px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:24px;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.wa{background:#25D366;}
.call{background:#1A4699;}

@media(max-width:768px){
  .fw-section{padding:60px 4%;}
  .hero h1{font-size:32px;}
  .section-title h2{font-size:28px;}
}
/* ZOOM SAFE GLOBAL FIX */
html, body {
  width: 100%;
  overflow-x: hidden;   /* Horizontal break fix */
}

/* All sections safe width */
.fw-section {
  max-width: 100%;
  overflow: hidden;
}

/* Cards, grids, images safe */
.grid,
.glow-card,
.bess-media,
img,
video,
iframe {
  max-width: 100%;
  height: auto;
}

/* Prevent zoom distortion */
img {
  object-fit: contain;
}

/* Text scaling safe */
h1, h2, h3, p, li, span, a {
  word-wrap: break-word;
}

/* Buttons & icons safe */
.floating-cta a {
  flex-shrink: 0;
}
/* ZOOM SAFE CARD FIX */
.grid {
  max-width: 1200px;
  margin: 0 auto;
}

.glow-card {
  width: 100%;
  max-width: 360px;      /* Card ka fixed professional size */
  margin: 0 auto;
  overflow: hidden;
}

.glow-card * {
  max-width: 100%;
  word-wrap: break-word;
}

/* Prevent layout breaking on zoom */
html, body {
  overflow-x: hidden;
}

/* Text scaling control */
.glow-card h3 {
  font-size: clamp(18px, 2vw, 22px);
}

.glow-card li,
.glow-card p {
  font-size: clamp(14px, 1.8vw, 16px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a92994a *//* GLOBAL SAFETY */
html, body {
  width: 100%;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

/* MAIN SECTION */
.bess-services {
  padding: 80px 10%;
  background: linear-gradient(180deg,#41B8D5,#ffff);
  color: #ffffff;
  font-family: 'Segoe UI', sans-serif;
  max-width: 100%;
  overflow: hidden;
}

/* HEADINGS */
.bess-title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
  color: #000000;
  animation: fadeInDown 1s ease;
}

.bess-subtitle {
  text-align: center;
  color: #000000;
  max-width: 700px;
  margin: 0 auto 40px;
  font-size: clamp(14px, 2vw, 16px);
}

/* SERVICES LIST */
.bess-list {
  list-style: none;
  padding: 0;
  columns: 2;
  column-gap: 50px;
  font-size: clamp(14px, 2vw, 16px);
  max-width: 1000px;
  margin: 0 auto;
}

.bess-list li {
  margin-bottom: 14px;
  position: relative;
  padding-left: 28px;
  color: #000000;
  word-wrap: break-word;
}

.bess-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #000000;
  font-weight: bold;
}

/* IMAGE SECTION – ZOOM SAFE */
.bess-media {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 50px;
  flex-wrap: nowrap;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.bess-media img {
  width: 32%;
  max-width: 380px;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  border-radius: 12px;
  border: 2px solid #41B8D5;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* HOVER SAFE */
.bess-media img:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 40px rgba(65,184,213,0.6);
}

/* ANIMATIONS */
@keyframes fadeInDown {
  from {opacity: 0; transform: translateY(-30px);}
  to {opacity: 1; transform: translateY(0);}
}

@keyframes slideUp {
  from {opacity: 0; transform: translateY(20px);}
  to {opacity: 1; transform: translateY(0);}
}

/* MOBILE FIX */
@media (max-width: 768px) {

  .bess-list {
    columns: 1;
  }

  .bess-media {
    flex-wrap: wrap;
  }

  .bess-media img {
    width: 100%;
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27a1bf2 *//* CTA SECTION */
.cta{
  background:linear-gradient(360deg,#41B8D5,#ffff);
  color:#000000;
  text-align:center;
  border-radius:25px;
  box-shadow:0 20px 40px rgba(26,70,153,.35);
}
.cta h2{font-size:36px;margin-bottom:15px;}
.cta p{font-size:18px;line-height:1.8;}
.cta a{
  display:inline-block;
  margin-top:25px;
  padding:15px 45px;
  background:#fff;
  color:#000;
  border-radius:50px;
  font-weight:700;
  text-decoration:none;
  transition:.3s;
}
.cta a:hover{
  background:#41B8D5;
  color:#fff;
}

/* POPUP FORM */
.form-popup{
  display:none;
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  padding:20px;
  border-radius:20px;
  z-index:9999;
  max-width:420px;
  width:90%;
  max-height:80vh;
  overflow-y:auto;
  box-shadow:0 20px 40px rgba(0,0,0,.3);
}

.form-popup:target{
  display:block;
}

.close-btn{
  position:absolute;
  top:10px;
  right:15px;
  font-size:22px;
  cursor:pointer;
  color:#000;
}

/* WPForms styling */
.form-popup .wpforms-container{margin:0;}
.form-popup input,
.form-popup textarea,
.form-popup select{
  font-size:14px;
  padding:8px 10px;
}
.form-popup button{
  padding:10px 18px;
  font-size:14px;
}

/* Mobile */
@media(max-width:480px){
  .form-popup{
    max-width:95%;
    padding:15px;
  }
}/* End custom CSS */