/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body {
	background:#F5F2EB;
  padding-top: 0rem;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-size: 1.25rem;
}
.extra-img{
	display:block;
}
h1{
	font-family: "Fira Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
}
h2{
	font-family: "Fira Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: 2rem;
}
h3{
	font-family: "Fira Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
}
p{
	color:#000;
	font-family: "Fira Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
}
ul{
	color:#000;
	font-family: "Fira Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
}
li::marker {
  color: #ff6188;
}
ol {
  list-style: none;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
}
ol li::before {
  content: counter(my-awesome-counter) ") ";
  color: #ff6188;
  font-weight: bold;
}
.bg-dark-nav{
	background: rgb(255,255,255) !important;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(49,172,190,1) 50%, rgba(13,63,72,1) 100%) !important;
	box-shadow: -10px 0px 5px 5px #00000069;
}

.num-dail{
	color: #fff;
    font-size: 6rem;
    font-weight: 800;
    line-height: 1;
	text-align:center;
}
.num-caption{
	font-size: 1.25rem;
    font-weight: 400;
	color: #fff;
	text-align:center;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 3rem;
  left: 8%;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 44rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 44rem;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #81b9c3;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(255 97 136 / 30%);
}
.btn-check:hover+.btn-primary, .btn-primary:hover{
	background-color: #ff6188;
	
    border-color: #ff265b;
    box-shadow: 0 0 0 .25rem rgb(255 97 136 / 30%);
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #ff6188;
    border-color: #ff265b;
    box-shadow: 0 0 0 .25rem rgb(255 97 136 / 30%);
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}
.about-section{
	position: relative;
    text-align: center;
    padding: 6rem 1rem 1rem 1rem;
}
.section-11{
	position: relative;
    text-align: center;
    padding: 2rem 1rem;
}
.section-12{
	position: relative;
    text-align: center;
    padding: 2rem 1rem;
}
.section-13{
	position: relative;
    text-align: center;
    padding: 3rem 1rem 0rem 1rem;
}
.section-2{
	position: relative;
    text-align: center;
    padding: 1rem 1rem 1rem 4rem;
}
.navbar-brand img{
	height:75px;
}
.hero-h1{
	font-size: 3rem;color: #0a5561;text-shadow: 1px 1px #0000007d;
}
.hero-h3{
	font-size: 1.9rem;
    color: #000;
    text-shadow: 1px 1px #0000007d;
    line-height: 1.5;
}
.carousel-button{
	background: #ff6188;
    border: none;
    border-radius: 6rem;
    padding: 1.25rem 3rem;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    margin: 1rem 0;
}
.section-how{
	background:#0098af;
}
.how-h1{
	color:#fff;
	text-align:center;
	padding: .5rem 0;
}
.who-h1{
	color:#fff;text-align:center;padding-top: .5rem;margin: 0;
}
.who-h6{
	color:#fff;text-align:center;padding-bottom: .5rem;margin: 0;
}
.who-div{
	margin:1.5rem;background:#3a373d;padding:1.5rem 2rem;
}

.full-s-block{
	text-align:left;    
	padding: 1rem 21rem;
}
.first-extra{
	position: absolute;
    top: -264px;
    left: 0;
    width: 412px;
}
.reviews{
	display:block;
}
.review-md{
	display:none;
}
.sec2cb{
	text-align:left;
	padding: 1rem 6rem;
}
.signupm{
	display:none;
}
.ballon-1{
	display: block;
	position: absolute;
        top: -13px;
        left: 0;
        width: 10rem;
	
}
.ballon {
        display:none;
    }
.ballon2{
	display:none;
}
.ballon2-1{
	display: block;
	position: absolute;
    top: -140px;
    right: 0;
    width: 150px;
}
.string{
	display: block;
	position: absolute;
    top: -54px;
    right: 0;
    width: 350px;
}
.flower{
	    display: block;
    position: absolute;
    top: -91px;
    right: 0;
    width: 127px;
}
.cloud{
	display: block;
	position: absolute;
    top: -186px;
    left: -134px;
    width: 316px;
    z-index: -1;
}
.leaf{
	    display: block;
    position: absolute;
    bottom: -50px;
    right: 0;
    width: 140px;
}

.ohac01{
	margin-top: 1.25rem;margin-bottom:3rem;
}
.ohac02{
	margin-top: 1.25rem;margin-bottom:3rem;
}
.section-3{
	background: #401f43;
	padding: 4rem 1rem 1rem 1rem;
}
.foot1{
	padding: 0rem 2rem;
}
.foot1 .card{
	border: none;
    border-radius: .75rem;
    margin-bottom: 2rem;
}

.foot1 .card img{
	border-radius: .5rem;
}
.foot1 p{
	color: #fff;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
	
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
	
  .featurette-heading {
    margin-top: 2rem;
  }
}
@media (max-width: 1150px) {
	.extra-img{
	display:none;
}

.reviews{
	display:block;
}
.review-md{
	display:none;
}
	.carousel-item {
		height: 33rem;
	}
	.carousel-item > img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 33rem;
	}
	.hero-h3 {
    font-size: 1.35rem;
    color: #000;
    text-shadow: 1px 1px #0000007d;
    line-height: 1.5;
}
.section-2{
	Padding:0;
}
.full-s-block{
	text-align:left;    
	padding: 1rem 11rem;
}
	.num-dail{
    font-size: 5rem;
}
.num-caption{
	font-size: 1rem;
}
.about-left{
	padding-bottom: 2rem;
}
.first-extra {
    position: absolute;
    top: -202px;
    left: 0;
    width: 303px;
}
}
@media (max-width: 786px) {
	.extra-img{
	display:none;
}

.reviews{
	display:block;
}
.review-md{
	display:none;
}
	.first-extra{
	        position: absolute;
        top: -20px;
        left: 0;
        width: 286px;
}
	.carousel-item {
		height: 36rem;
	}
	.carousel-item > img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 36rem;
	}
	.hero-h3{
		font-size: 2rem;
        color: #401f43;
        text-shadow: 1px 1px #0000007d;
        line-height: 1.5;
	}
	.about-section{
		padding: 2rem 1rem 1rem 1rem;
	}
	.card-body h2{
		    font-size: 1.5rem;
	}
	.card-text{
		font-size: 1rem;
	}
	.full-s-block {
        text-align: left;
        padding: 1rem 4rem;
    }
	.long-bt{
		font-size:1rem;
	}
	.ballon-1{
	display:none;
}
.ballon {
	display: block;
        position: absolute;
        top: -13px;
        left: 0;
        width: 16rem;
    }
}
@media (max-width: 426px) {
	.extra-img{
	display:block;
}
    .about-section {
        padding: 1rem 1rem 1rem 1rem;
    }
	
.signupm{
	display:block;
	text-align:center;
}
.ohac{
	display:none;
}
.ballon-1{
	display:none;
}
.ballon {
	display: block;
        position: absolute;
        top: -13px;
        left: 0;
        width: 10rem;
    }
.ballon2-1{
	display:none;
}
.ballon2{
	display: block;
	position: absolute;
    top: -70px;
    right: 0;
    width: 79px;
}
.string{
	        display: block;
        position: absolute;
        top: -24px;
        right: 0;
        width: 190px;
}
.flower{
	display: block;
	position: absolute;
    top: -65px;
    right: 0px;
    width: 87px;
}
.cloud{
	
	display:none;
}
.leaf{
	        display: block;
        position: absolute;
        bottom: -38px;
        right: -5px;
        width: 100px;
}
.reviews{
	display:none;
}
.review-md{
	display:block;
}
	body {
  padding-top: 0rem;
  padding-bottom: 0rem;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-size: 1.25rem;
}
.carousel-caption{
	display:none;
}
	
	.hero-h1{
	font-size: 2rem;color: #0a5561;text-shadow: 1px 1px #0000007d;
}
.section-11{
	position: relative;
    text-align: center;
    padding: 4rem 0rem 1rem 0rem;
}
.section-12{
	position: relative;
    text-align: center;
    padding: 1rem 0rem 1rem 0rem;
}
.section-13{
	position: relative;
    text-align: center;
    padding: 4rem 0rem 0rem 0rem;
}
.ohac01{
	margin-top: 1.25rem;margin-bottom:3rem;
}
.ohac02{
	margin-top: 1.25rem;margin-bottom:1.25rem;
}
h2 {
    font-family: "Fira Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-size: 1.5rem;
}
.hero-h3 {
        font-size: 1.35rem;
        color: #401f43;
        text-shadow: 0px 1px 1px #0000007d;
		line-height: 1.4;
    }
.carousel-item {
		height: 20rem;
	}
	.carousel-item > img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 20rem;
	}
	.carousel-caption {
    top: 2rem;
    left: 6%;
    z-index: 10;
}
  .carousel-button{
	background: #ff6188;
    border: none;
    border-radius: 6rem;
    padding: 0.5rem 2rem;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    margin: 1rem 0;
  }
  .mbsm{
	  margin-bottom: 1rem;
  }
  .full-s-block {
        text-align: left;
        padding: 1rem 2rem;
    }
	
.sec2cb{
	text-align:left;
	padding: 1rem 1rem;
}
  .num-dail{
	color: #fff;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
}
.num-caption{
	font-size: 0.65rem;
    font-weight: 400;
}
.about-left{
		padding:3rem 1rem 1rem 1rem; 
	}
	.about-right{
		padding:1rem 1rem 3rem 1rem;
	}
	.section-how{
		background:#fff;
	}
	.how-h1{
		color:#0098af;
		text-align:left;
		padding: .5rem 0;
		font-size:3rem;
	}
	.how-h2{
		font-size: 2rem;
    font-weight: 700;
    color: #0098af
	}
	.who-h1{
		color:#fff;text-align:left;padding: 0.5rem 1rem 0 1rem;margin: 0;
	}
	.who-h6{
		color:#fff;text-align:left;padding: 0rem 1rem 0.5rem 1rem;margin: 0;margin-bottom:1rem;
	}
	.who-div{
		margin:0;background:transparent;padding:0.5rem 1rem;
	}
	.who-div h2{
		font-size:1.5rem;
	}
	.who-div p{
		font-size:1rem;
	}
	.section-3{
	background: #401f43;
	padding: 2rem 1rem 0rem 1rem;
}

.foot1{
	padding: 0rem 1rem;
}
.foot1 .card{
	border: none;
    border-radius: .75rem;
    margin-bottom: 1rem;
}
.foot1 .card img{
	border-radius: .5rem;
}
.foot1 p{
	color: #fff;
	font-size: 1rem;
}
}
@media (max-width: 320px) {
	.extra-img{
	display:none;
}
	    .first-extra {
        position: absolute;
        top: -13px;
        left: 0;
        width: 8rem;
    }
	    .carousel-item > img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        height: 15rem;
    }
	.carousel-item {
        height: 15rem;
    }
}