@import url("https://fonts.googleapis.com/css?family=Playfair+Display:500,700,800,900|Poppins:400,500,600,700,800&display=swap");
html , body{
  overflow-x: hidden;
}

body {
  font-family: "Poppins", sans-serif;
}

.slider-area .home-contact-area .home-contact-content {
  position: relative;
  background: url(../images/contact-bg.png);
  background-size: cover;
  padding: 50px;
  border-radius: 40px;
  left: 0%;
  -webkit-box-shadow: 0 1px 10px 5px rgba(228, 221, 221, 0.363);
  box-shadow: 0 1px 10px 5px rgba(228, 221, 221, 0.363);
}
.slider-area .home-slider .single-slider .slider-tittle p {
  margin-top: 20px;
  color: #fff;
  padding: 0;
  font-family: "Poppins", sans-serif;
}
.bg-light-blue{
  
  background: #e5eaff;
}
.slider-area .home-contact-area .home-contact-content input.form-control {
  height: 50px;
}
.slider-area .home-contact-area .home-contact-content h2 {
  font-family: "Playfair Display", serif;
  font-size: 22px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
}
.slider-area .owl-nav,.course-slider-area .owl-nav {
display: none !important;
}
.checkbox-container {
  display: flex;
  align-items: flex-start;
}
.FirstCheck {
  margin-top: 0.3rem;
  margin-right: 0.5rem;
}
.SecondCheck {
  margin-top: 0.3rem;
  margin-right: 0.5rem;
}
.firstpara{
  font-size: 10px;
}
.w-full{
  width: 100%;
}
.service-area {
  position: relative;
  z-index: 1;
bottom: 0;
}
.sign-up-img img{
  width: 60%;
}
.box-btn .yes{
  font-size: 25px;
}
.choose-area .home-choose-content .box-btn {
  background: rgb(219, 38, 69);
  color: #fff;
  padding: 13px 30px;
  width: 15em;
  cursor: pointer;
}
.slider-btn{
  cursor: pointer;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
#login .signup-area .signup-form {
  box-shadow: none;
  padding: 40px;
  border-radius: 5px;
}
.smallcontainer {
  width: 550px;
}
.radius10 {
  border-radius: 10px;
}
#login .modal-content{
  border-color: rgb(6, 73, 125);
  border-width: 10px;
  border-style: solid;
  border-radius: 10px;
  width: 550px;
}
#login .modal-dialog {
  max-width: 550px;
}
#login .modal-header {

   border-bottom:0px;

}
#login .close{
  border: 2px solid #fff;
  background: black;
  font-size: 26px;
  color: #fff;
  width: 40px;
  border-radius: 20px;
  height: 40px;
  margin-top: -38px;
  margin-right: -33px;
}
.choose-area  h5{
  font-weight: 600;
}
.choose-area  h2{
  font-weight: 700;
  line-height: 1.2;
  font-size: 36px;
}
.box-shadow-medium {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.075);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.075);
}
.navbar img{
  width: 15em;
}


.bg-dark-blue {
  background: #0c2e60;
}
.hero-svg{
  height: 16px;
  margin: 1rem auto;
  width: 150px;
}
.hero-svg svg path {
  fill: none;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 4;
  stroke: #ffb800;
}
.sc-btn{
  -webkit-font-smoothing: antialiased;
  appearance: none;
  background: #007ac8;
  border: 0;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.111em;
  padding: .7em 1em .8em;
  text-align: center;
  transition: background .2s linear, border-color .2s linear, color .2s linear;
  will-change: background, border-color, color;
  font-size: 17px;
  background: #237c3a;
}
.home-button--red{
  font-size: 17px;
  background: rgb(219, 38, 69);
  color: #fff;   
   line-height: 1.111em;
  padding: .7em 1em .8em;
  text-align: center;
}
.home-button--red:hover {
    background:rgb(122, 21, 38);
  border-color: rgb(122, 21, 38);
  color: #fff;
  text-decoration: none;
}
.btn-title{
  font-weight: 600;
  letter-spacing: 5px;
} 
.home-wavy-edge__inner {
  height: 20px;
  margin-top: -10px;

}
.home-wavy-edge__inner svg path {
  fill: #f4ece7;
}
.bg-light-pink{
 background-color: #f4ece7;
}
.products img{
  width: 5em;
  width: 70px;
    height: 70px;
    border-radius: 50%;
}
.products h4{
  color: #000;
  margin: 0 auto .5rem;
}
.home-background-squiggle {
  top: -15vw !important;
}
.home-background-squiggle {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;

}

.image-container {
  position: relative;
  z-index: 2; /* Make sure the image is above the SVG */
}
.home-background-squiggle svg {
  width: 100%;
}
.home-background-squiggle svg path {
  fill: #fff;
}
.home-background-squiggle--green svg path {
  fill: #237c3a;
}
.home-background-squiggle--green {
  top: 48em !important;
}
.border-radius-10{
border-radius: 10px;
}
.home-wavy-edge--rankings svg path {
  fill: #0c2e60;
}
.home-wavy-edge--start svg path {
  fill: #d0e0ec;
}
.bg-light-blue{
  background-color: #d0e0ec;
}
.thanks i{
  font-size: 50px;
  color: #ffb800;
  margin-bottom: 10px;
}
@media  (max-width: 1800px){
  .home-wavy-edge__inner {
    height: 15px;
    margin-top: -10px;
  }
}
@media  (max-width: 1400px){
  .slider-area .home-slider .single-slider .slider-tittle h1 {
    font-size: 46px;
    
  }
}
@media  (max-width: 1200px){
  .slider-area .home-slider .single-slider {
    height: auto !important;
}

.slider-area .home-contact-area .home-contact-content {
  margin-bottom: 10px;
}
.slider-area .home-slider .single-slider .slider-tittle h1 {
  font-size: 40px;
}
.small-center{
  text-align: center;
}
.home-background-squiggle--green {
  top: 60em !important;
}

}
@media  (max-width: 1080px){
  .owl-carousel .owl-stage-outer {
    height: auto !important;
  }
}
@media  (max-width: 767px){
  .signup-area .signup-form h2 {
  
    font-family: inherit;
  }
  .signup-area .signup-form {
 
    padding: 40px 10px;

}
  .slider-area .home-contact-area .home-contact-content {
    padding: 30px 15px;
    background: #fff;
      border-radius:10px;
  }
  .mean-container .mean-bar {
    
    height: 85px;
}
  .slider-area .home-contact-area .home-contact-content h2 {
   
    font-size: 16px;
  }
  .choose-area .home-choose-content .box-btn {
    left: 10px;
    padding: 10px 20px;
}
.choose-area .home-choose-content .box-btn {

  width: 22em;
}
.slider-area .home-slider .single-slider .slider-tittle {
  padding: 0;
  padding-top: 40px;
}

.slider-area .home-slider .single-slider .slider-tittle h1 {
    font-size: 24px;
    line-height: normal;
}
.slider-area .secure-lbl{
  font-size: 14px;
}
.choose-area h2 {
  font-weight: 700;
  line-height: 1.2;
  font-size: 21px;
}
.home-background-squiggle--green {
  top: 100em !important;
}

}
@media  (max-width: 600px){
  .slider-area .home-contact-area .home-contact-content h2 {
   
    font-size: 16px;
   
}
.home-background-squiggle--green {
  top: 115em !important;
}
.mean-container .mean-bar {
  height: 70px;
}
}