.elementor-237 .elementor-element.elementor-element-c1a30e5{--display:flex;--min-height:250px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-237 .elementor-element.elementor-element-c1a30e5:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-c1a30e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1220;}.elementor-237 .elementor-element.elementor-element-fb99f18 .pxl-breadcrumb{color:#FFFFFF;font-family:"Quicksand", Sans-serif;}.elementor-237 .elementor-element.elementor-element-fb99f18 .pxl-breadcrumb span.breadcrumb-entry{color:#E23125;}.elementor-237 .elementor-element.elementor-element-6138af5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-237 .elementor-element.elementor-element-430c1e3{--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-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-237 .elementor-element.elementor-element-b5a24d2 img{max-width:83%;height:500px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;}.elementor-237 .elementor-element.elementor-element-c28c506{--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;--justify-content:center;}.elementor-237 .elementor-element.elementor-element-8df602b{--display:flex;}.elementor-237 .elementor-element.elementor-element-10672bf{--display:flex;}@media(min-width:768px){.elementor-237 .elementor-element.elementor-element-6138af5{--content-width:1300px;}.elementor-237 .elementor-element.elementor-element-430c1e3{--width:50%;}.elementor-237 .elementor-element.elementor-element-c28c506{--width:50%;}.elementor-237 .elementor-element.elementor-element-8df602b{--content-width:1400px;}.elementor-237 .elementor-element.elementor-element-10672bf{--content-width:1300px;}}@media(max-width:767px){.elementor-237 .elementor-element.elementor-element-c1a30e5{--min-height:150px;}.elementor-237 .elementor-element.elementor-element-b5a24d2 img{max-width:100%;height:294px;}.elementor-237 .elementor-element.elementor-element-d3c5cda{margin:-44px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-d3c5cda *//* Import Quicksand font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

.bank-payment-section {
  position: relative;
  background: #ffffff; /* main section background */
  color: #333333;
  padding: 10px 15px;
  font-family: 'Quicksand', sans-serif; /* updated font */
  text-align: center;
  overflow: hidden;
}

.bank-background-glow {
  position: absolute;
  top: -50px;
  left: -20px;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle at center, #ff6a3d30 0%, transparent 70%);
  filter: blur(120px);
  z-index: 0;
}

.bank-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.bank-payment-section h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #ff6a3d; /* orange accent */
}

.bank-subtitle {
  font-size: 16px;
  color: #555555;
    font-weight: 600;
  margin-bottom: 35px;
}

.bank-details-card,
.bank-steps-card {
  background: #fff4f0; /* light orange background for cards */
  padding: 25px 20px;
  border-radius: 15px;
  margin-bottom: 20px;
  text-align: left;
  transition: all 0.3s ease;
  border-left: 5px solid #ff6a3d;
  box-shadow: 0 15px 35px rgba(0,0,0,0.15); /* card shadow */
  font-family: 'Quicksand', sans-serif; /* ensure font for cards */
}

.bank-details-card:hover,
.bank-steps-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 25px 50px rgba(0,0,0,0.25);
}

.bank-details-card h3,
.bank-steps-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #ff6a3d;
}

.bank-details-card ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
  line-height: 1.6;
}

.bank-details-card ul li {
  margin-bottom: 10px;
}

.bank-steps-card p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 8px;
}

.bank-steps-card a {
  color: #ff6a3d;
  text-decoration: none;
  font-weight: 600;
}

.bank-steps-card a:hover {
  text-decoration: underline;
}

.bank-steps-card .note {
  font-style: italic;
  color: #ff6a3d;
  margin-top: 8px;
}

.cta-button {
  display: inline-block;
  margin-top: 20px;
  padding: 14px 35px;
  font-size: 16px;
  font-weight: 600;
  background: #ff6a3d;
  color: #ffffff;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 12px 35px rgba(0,0,0,0.2);
  font-family: 'Quicksand', sans-serif; /* ensure font for button */
}

.cta-button:hover {
  background: #ff825a;
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}

/* Tablet */
@media (max-width: 1024px) {
  .bank-payment-section h2 {
    font-size: 28px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .bank-payment-section {
    padding: 40px 15px;
  }

  .bank-payment-section h2 {
    font-size: 24px;
  }

  .bank-subtitle {
    font-size: 15px;
    margin-bottom: 25px;
  }

  .bank-details-card,
  .bank-steps-card {
    padding: 18px 15px;
  }

  .cta-button {
    padding: 12px 30px;
    font-size: 15px;
  }
}/* End custom CSS */