/****** PLACE YOUR CUSTOM STYLES HERE ******/



.nav-container .module {
	padding-top:24px
}

.nav-container .scrolled .module {
	padding-top: 20px;
    padding-bottom: 8px;}

.separator {width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 10px;
    display: inline-block;
    margin-bottom: -10px;}
.btn {padding: 0 16px;}
.btn-filled {background:#56C0E1; border-color:#56C0E1;color: black;}
.btn-filled:hover, .image-bg .btn-filled:hover {color:#fff; background:#010101; border-color:#010101}

.bg-dark .btn-filled:hover {background:#fff; }


.bg-grey {background-color: rgba(255, 255, 255, 1);}
.bg-grey h3, .bg-grey div{
  color: black;
}
.bg-beige {background:#F8F6F2}
.headline{
  margin-top: 3em;
}
.headline h1,headline p{
  text-shadow: 4px 4px 8px black; 
}
.word-break-all {
  word-spacing: 100vw;
}
.bg-blue {
    background: #56C0E1;
}
.bg-blue h2, .bg-blue h3, .bg-blue p, .bg-blue a, .bg-blue li, .bg-blue div {
    color: black ;
}

.rounded {border-radius:25px;}

.text-blue {color:#56C0E1 !important;}
.text-red {color:#D61E38 !important;}

.form-newsletter input[type="text"], .form-newsletter input[type="email"], .form-newsletter input[type="tel"], .form-newsletter input[type="password"]
{border:none; border-bottom:rgba(0,0,0,0.1) solid 1px; padding-left: 0; padding-right:0; background: none;margin-bottom: 15px;color: black !important; }

.form-newsletter input[type="text"]:focus, .form-newsletter input[type="email"]:focus, .form-newsletter input[type="tel"]:focus, .form-newsletter input[type="password"]:focus
{outline:none; border-bottom:#56C0E1 solid 1px;  }



input::placeholder {
  color: black;
  opacity: 1; 
}


.hero {border:#fff solid 10px; border-radius:25px;}
.intro {margin-bottom: -210px; z-index: 889;}

.bg-dark {background:#000034}
.curved-section {padding: 150px 0 100px 0;}
.curved-section-bottom-only {padding: 80px 0 200px 0;}
.curved-section::before {
  content: "";
  position: absolute;
  top: -80px;
    left: -10%;
    width: 120%;
    height: 150px;
  background: #fff; /* background color of previous section */
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

/* Bottom curve */
.curved-section::after {
  content: "";
  position: absolute;
  bottom: -80px; /* controls how deep the curve goes */
  left: -10%;
  width: 120%;
  height: 150px;
  background: #fff; /* background color of next section */
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.curved-section-bottom-only::after {
  content: "";
  position: absolute;
  bottom: -80px; /* controls how deep the curve goes */
  left: -10%;
  width: 120%;
  height: 150px;
  background: #fff; /* background color of next section */
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.p16 {padding:16px;}

.icon-small {padding: 5px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;}
.text-blue {color:#56C0E1}


.icon-number {border: 1px solid #E8E2D8;
    outline: 10px solid #F8F6F2;
 
    text-align: center;
    width: 80px;
    height: 80px;
    display: inline-block;
    font-size: 26px;
    color: #000;
    margin-bottom: 32px;
    padding: 20px;
    border-radius: 50%;
}

.with-arrow::after {
  content: url('../img/images/arrow.svg'); 
  display: block; 
  width: 210px; 
  height: 50px; 
	position: absolute;
	right: -100px;
    top: 30px;
}


.meter-tape {position:absolute; bottom: -40px;
    left: 15px;
    width: 200px;
    height: 205px;}
.meter-tape-2 {position:absolute; bottom:0; right:-20px; transform: rotate(180deg);}

.accordion-arrows  li {background:#000034!important; border-radius:15px; margin-bottom:15px; color: #fff;}

.accordion-arrows li  div.title {background:none!important; text-transform: none; border:none; padding: 20px;}

ul.accordion-arrows > li > .title > h4 {color:#fff !important; font-size:24px; }
ul.accordion-arrows > li > .title > h6 {color:#fff !important; }
.accordion-arrows li.active > div.title {padding-bottom:0;}


.accordion-arrows .title:before {content: "\e64b" !important;}
.accordion-arrows .active .title:before {content: "\e648" !important;}




.accordion-square  li {background:#F8F6F2!important; border-radius:15px; margin-bottom:15px; }

.accordion-square li  div.title {background:none!important; text-transform: none; border:none; padding: 20px;}

ul.accordion-square > li > .title > h4 { font-size:18px;color:#292929!important; font-weight: bold;}
ul.accordion-square > li > .title > h6 { color:#292929!important;}
.accordion-square li.active > div.title {padding-bottom:0;color:#292929}

.accordion-square li.active > div.title > h4 {color:#292929!important}


.accordion-square .title:before {background:#56C0E1; padding:5px; border-radius:5px; color:#fff;}




.stars {color:#FFAD32}
.section-testimonials {margin-top:-250px;}

.section-testimonials .slides li .testimonial {background:#fff; border-radius:20px; padding:20px;margin-bottom: 20px;}


.section-testimonials .testimonials::before {
	content:"";
  background-image: url('../img/images/quotes.png'); 
  display: block; 
  width: 192px; 
  height: 132px; 
	position: absolute;
	right: 30px;
    top: 0px;
	background-size: cover; /* or contain, or specific dimensions */
  background-repeat: no-repeat; /* Prevents image repetition */
  background-position: center;
}

.section-testimonials .testimonials::after {
	content:"";
  background-image: url('../img/images/quotes.png'); 
  display: block; 
  width: 130px; 
  height: 90px; 
	position: absolute;
	left: 30px;
    bottom: 0px;
	transform: rotate(180deg);
	background-size: cover; /* or contain, or specific dimensions */
  background-repeat: no-repeat; /* Prevents image repetition */
  background-position: center;
}


.striped-background {
  /* 1. Base background color (the solid red) */
/*  background-color: #c94040; */
  
  /* 2. Multiple background layers for stripes and fade */
  background-image: 
    /* Layer 1: The FADE-OUT effect (a transparent to red gradient) */
    linear-gradient(
        to right,
        transparent, /* Starts transparent on the left */
        transparent 30%, /* Stays transparent until 20% of the section (stripes fully visible) */
        #56C0E1 60%, /* Fades to the solid base color (#c94040) at 25% (stripes fully hidden) */
        #56C0E1 /* Stays solid red for the rest of the section */
    ),
    /* Layer 2: The STRIPES (repeating diagonal lines, 30px stripe / 30px gap) */
    repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 30px, /* Transparent gap width: 30px */
        rgba(0, 0, 0, 0.1) 30px, /* Stripe starts here */
        rgba(0, 0, 0, 0.1) 60px  /* Stripe ends here */
    );
  
  /* Ensure the stripes repeat properly */
  background-repeat: repeat, repeat; 
}

.section-video {margin-top:-250px;}

.footer a {color:#fff;}

 @media screen and (max-width: 991px) {
	 .intro {margin-bottom: -70px;}
	 .with-arrow::after {display:none;}
	 .meter-tape {bottom: 200px;
        right: 15px;
        /* left: inherit;
        transform: rotate(180deg); */
    }
	  .meter-tape-2 {
      display: none !important;
   /* width: 200px;
        height: 210px; */}
	 .section-testimonials {margin-top:-180px;}
	 .section-testimonials .testimonials::before, .section-testimonials .testimonials::after {display:none;}
}