h1, h2{margin-top:10px;font-size:42px;font-weight:700;line-height:54px;}

img{max-width:100%;}
.top-content{margin:0 auto;text-align:left;color:#fff;}
.inner-bg{padding:80px 0;}
.top-content .phone{text-align:center;}
.top-content .text{padding-top:100px;}
/*.top-content .description{margin:40px 0 10px 0;font-size:22px;line-height:36px;}*/
.top-content .top-button{margin-top:40px;}
.features-container{background-color: #e5e5e5;margin:0 auto;padding-bottom:60px;color:#333;text-align:center;}
.features-container a{color:#333;}
.features-container a:hover, a:focus{color:#bbb;}
.features{margin-top:60px;padding-bottom:10px;}
.features h2{color:#333;}
/*.features p{margin-top:30px;padding:0 120px;font-size:22px;line-height:36px;}*/
.features text{margin-top:30px;padding:0 0px;font-size:22px;line-height:36px;}
.features-box-1{margin-top:30px;}
.features-box-1 h3{font-size:26px;font-weight:700;color:#333;line-height:30px;}
.features-box-1 p{font-size:18px;line-height:32px;}
.features-box-1 .features-box-1-icon{margin:0 auto;font-size:56px;color:#333;}
.single-feature-container{margin:0 auto;text-align:center;}
.single-feature-text{margin-top:60px;padding-bottom:10px;}
/*.single-feature-text p{margin-top:30px;padding:0 120px;font-size:22px;line-height:36px;}*/
.single-feature-img{margin-top:30px;}
.single-feature-img-description{margin-top:70px;font-size:18px;line-height:32px;text-align:right;}
.single-feature-img-description p{margin-bottom:30px;}
.single-feature-bg{color:#fff;}
.single-feature-no-bg{background-color: #e5e5e5;color:#888;}
.single-feature-no-bg h1{color:#333;}
.single-feature-no-bg h2{color:#333;}
.single-feature-no-bg .single-feature-img-description{text-align:left;}
.single-feature-no-bg .single-feature-img-description strong{color:#333;}
.single-feature-gray-bg{background-color: #333;color:#DDD;}
.single-feature-gray-bg h2{color:#EEE;}
.single-feature-gray-bg .single-feature-img-description{text-align:left;}
.single-feature-gray-bg .single-feature-img-description strong{color:#EEE;}
.single-feature-gray-bg a{color:#AAA;}
.single-feature-gray-bg a:hover, a:focus{color:#EEE;}
.single-feature-lightgray-bg{background-color: #EEE;color:#222;}
.single-feature-lightgray-bg h2{color:#222;}
.single-feature-lightgray-bg .single-feature-img-description{text-align:left;}
.single-feature-lightgray-bg .single-feature-img-description strong{color:#222;}
.single-feature-lightgray-bg a{color:#666;}
.single-feature-lightgray-bg a:hover, a:focus{color:#000;}
.call-to-action-container{background-color: #e5e5e5;margin:0 auto;padding-bottom:60px;color:#333;text-align:center;}
.call-to-action-text{margin-top:60px;padding-bottom:10px;}
.call-to-action-text h2{color:#333;}
.call-to-action-text p{margin-top:30px;font-size:22px;line-height:36px;}
.call-to-action-button{margin-top:40px;}
.button-1{display:inline-block;height:90px;margin:0;padding:10px 10px 5px 15px;background:var(--bs-warning);font-size:22px;line-height:22px;color:#222;text-align:left;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.button-1:hover{background:var(--bs-secondary);color:#222;}
.button-1 .button-1-left{float:left;}
.button-1 .button-1-left i{font-size:75px;vertical-align:middle;}
.button-1 .button-1-right{float:left;width:160px;margin:7px 0 0 12px;}
.button-1 .button-1-right .button-1-right-top,
.button-1 .button-1-right .button-1-right-bottom{float:left;width:100%;font-weight:400;}
.button-1 .button-1-right .button-1-right-bottom{font-size:34px;line-height:34px;}
.button-1 .button-1-right2{float:left;width:220px;margin:7px 0 0 12px;}
.button-1 .button-1-right2 .button-1-right-top,
.button-1 .button-1-right2 .button-1-right-bottom{float:left;width:100%;font-weight:400;}
.button-1 .button-1-right2 .button-1-right-bottom{font-size:34px;line-height:34px;}
.social{display:inline-block;width:42px;height:42px;margin:5px;padding:11px 0 0 0;font-size:20px;line-height:20px;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.social:hover{color:#fff;background:#888;}
.social-facebook{background:#6686b7;}
.social-twitter{background:#54c0dd;}
.social-pinterest{background:#ff5e63;}
.social-vine{background:#1caa7f;}

.top-button a{text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.top-button a:hover, a:focus{text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

.call-to-action-button a{text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.call-to-action-button a:hover, a:focus{text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}

.break-out{
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
    color: rgba(0,0,0,.6);
    font-weight:300;
}
.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
    margin-top:60px;
    padding-bottom:10px;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
    margin-right: .75rem;
    margin-left: .75rem;
}

#register-float {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
}


/* HERO LOOK & FEEL */

/* ======================================== */
/* BRAND COLOR BASIS (generated from #006784) */
/* ======================================== */
/*
Primary:        #006784
Dark:           #00475D
Darker:         #003845
Light:          #d5edf3
Lighter:        #eaf6f8
Accent:         #35A1C1
*/


/* HERO BACKGROUND */
.hero-section {
  background: radial-gradient(
      circle at top left,
      #d5edf3 0%,
      #f3fbfc 40%,
      #ffffff 100%
    );
}

/* HERO BADGE */
.hero-badge {
  background: rgba(0, 103, 132, 0.12);   /* soft tint of primary */
  color: #006784;
}


.hero-cta {
  border-radius: 999px;
}
.hero-cta-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: rgba(0, 103, 132, 0.10);
}
.hero-secondary-cta {
  border-color: rgba(0, 103, 132, 0.35);
  color: #006784;
  border-radius: 999px;
}

.hero-secondary-cta:hover {
  background: rgba(0, 103, 132, 0.10);
  border-color: rgba(0, 103, 132, 0.55);
}


.hero-device {
  max-width: 90%;
  border-radius: 1.25rem;
}

/* FEATURES */
.feature-card {
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 1rem;
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.feature-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 103, 132, 0.35);
  box-shadow: 0 18px 45px rgba(0, 103, 132, 0.18);
}

.feature-card p,
.highlights-subtitle {
  color: #006784;
}


.feature-icon img {
  display: block;
}

/* SINGLE FEATURE SECTIONS */
.single-feature-section img {
  border-radius: 1rem;
}
.single-feature-subtitle,
.highlights-subtitle {
  max-width: 48rem;
}






/* CTA SECTION */
.cta-section {
  /*background: linear-gradient(135deg, #0f172a, #1d4ed8);*/
 /* background: linear-gradient(
      135deg,
      #00475D,
      #006784
    );*/

    background: linear-gradient(
      135deg,
      #00475D 0%,
      #00789C 50%,
      #006784 100%
    );
}

.cta-icon {
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

/* OPTIONAL: FLOAT CTA VISIBILITY BREAKPOINTS */
@media (max-width: 768px) {
  #register-float {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    display: block !important;
  }
}

/* FLOATING CTA */
#register-float .btn-light {
  color: #006784;
}

.card.shadow-soft {
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  transition: transform .12s ease, box-shadow .18s ease, border-color .12s ease;
}
.card.shadow-soft:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 103, 132, 0.35); /* your brand teal */
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
}

p > strong {
  color: var(--bs-secondary);
}

/* ============================= */
/* DARK MODE – HERO + FEATURES  */
/* ============================= */
[data-bs-theme="dark"] .hero-section {
  /* darker, brand-tinted background */
  background: radial-gradient(
      circle at top left,
      #02161d 0%,   /* very dark teal-tinted */
      #020b10 45%,
      #000508 100%
  );
  color: #e5f4f7;
}

[data-bs-theme="dark"] .hero-section h1,
[data-bs-theme="dark"] .hero-section .lead,
[data-bs-theme="dark"] .hero-section p {
  color: #e5f4f7;
}

[data-bs-theme="dark"] .hero-badge {
  background: rgba(0, 103, 132, 0.474);
  color: #d5edf3;
}

[data-bs-theme="dark"] .hero-secondary-cta {
  border-color: rgba(213, 237, 243, 0.6);
  color: #d5edf3;
}
[data-bs-theme="dark"] .hero-secondary-cta:hover {
  background: rgba(213, 237, 243, 0.12);
  border-color: rgba(213, 237, 243, 0.9);
}

/* device image border/shadow in dark */
/*
[data-bs-theme="dark"] .hero-device {
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.75);
  border: 1px solid rgba(213, 237, 243, 0.15);
}
*/
/* FEATURES SECTION BACKGROUND & CARDS */
/*
[data-bs-theme="dark"] .features-section {
  background: #020b10;
}

[data-bs-theme="dark"] .feature-card {
  background-color: #04161c;
  border-color: rgba(0, 103, 132, 0.35);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7);
}

[data-bs-theme="dark"] .feature-card:hover {
  border-color: rgba(53, 161, 193, 0.8);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.85);
}
*/
[data-bs-theme="dark"] .feature-card h3,
[data-bs-theme="dark"] .feature-card h5 {
  color: var(--bs-secondary);
}

[data-bs-theme="dark"] .feature-card p,
[data-bs-theme="dark"] .highlights-subtitle {
  color: #c7dde1;
}

img { color-scheme: light dark; }

.img-theme { filter: var(--icon-filter); opacity: .75; }
:root { --icon-filter: none; }
:root[data-bs-theme="dark"] { --icon-filter: invert(1) brightness(1.4) contrast(1.05); }

.img-register {
    filter: invert(1) brightness(1.4) contrast(1.05); opacity: .95;
}