*{
    margin: 0%;
    padding: 0%;
    font-family: 'Lato'
  }
  h1,h2,h3,h4{
    line-height: 4.7rem;
  }
  h1{
    font-size: 55px;
  }
  h2{
    font-size: 36px;
  }
  h3{
    font-size: 27px;
  }
  h4{
    font-size: 25px;
  }
  h5{
    font-size: 20px;
  }
  p{
    font-size: 18px;
    line-height: 2.5rem;
  }
  /* Navbar */
  .topbar{
    background-color: #fff;
    box-shadow: 0 0px 5px rgba(57, 63, 72, 0.3);
    position: fixed;
    width: 100%;
    z-index: 99;
  }
  .Navbar {
    max-width: 1300px;
    margin: auto;
      display: flex;
      padding: 8px;
      font-family: sans-serif;
      color:#fff;
    }
  #menu-links,#social-icons{
  display: flex;
  list-style: none;
  }
  #social-icons li{
    padding-right: 12px;
  }
  #menu{
    margin-left: 45%;
  }
  #menu-links li a {
    color:#000;
  }
  #menu-links li a,#therapysession{
    text-decoration: none;
  }
  #menu-links li a{
    margin: 15px;
  }
    .Navbar__Link {
      padding-right: 8px;
    }
    .Navbar__Items {
      display: flex;
      align-items: center;
    }
  
    .Navbar__Items--right {
      margin-left:auto;
    }
    
    .Navbar__Link-toggle {
      display: none;
    }
    #logo{
      width: 210px;
      height: 55px;
    }
    #heading{
      font-size: 15px;
      margin: 0;
      line-height: 1.5rem;
    }
    #menu-links li .active {
      color:#12E627;
    }
    .hamburger__icon,
.hamburger__icon::before,
.hamburger__icon::after {
  position: absolute;
  width: 30px; 
  height: 2px;
  border-radius: 4px;
  background-color: white;
}
/* center the span element in the middle of its containing button */
.hamburger__icon {
  top: calc(50% - -16px);
  left: calc(50% - 26px);
}
/* position the two pseudo-elements to the very left */
.hamburger__icon::before,
.hamburger__icon::after {
  content: "";
  left: 0;
}

/* this is the top dash of the hamburger */
.hamburger__icon::before {
  bottom: 8px;
}

/* this is the bottom dash of the hamburger */
.hamburger__icon::after {
  top: 8px;
}

/* TOGGLE STYLES FOR THE BUTTON */

/* rotate middle dash of hamburger */
.toggled .hamburger__icon {
  height: 3px;
  width: 38px;
  left: -44px;
  top: calc(50% - -24px);
  transform: rotate(-45deg);
  background-color: #12E627;
}

/* rotate bottom dash of hamburger counter clockwise */
.toggled .hamburger__icon::after {
  width: 38px;
  height: 3px;
  top: -1px;
  transform: rotate(-270deg);
  background-color: #12E627;
}

/* hide the top dash by scaling it to 0 */
.toggled .hamburger__icon::before {
  transform: scale(0);
}

/* TRANSITION */
/* adjust duration to see it happen slower */
.hamburger__icon, .hamburger__icon::after {
  transition: all 0.3s linear;
}
/* banner */
.banner{
  background-image: url('./images/home/banner.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  padding-bottom: 9rem;
  padding-top: 7rem;
}
.banner span{
  color: #FAFF00;
}
.consl{
  text-decoration: none;
  background-color: #FAFF00;
  padding: 12px 14px;
  color:#000;
  border-radius: 4px;
}
.banner h1{
  padding-top: 5rem;
}

/* banner */

/* frame2 */
.frame2{
  text-align: center;
  max-width: 1300px;
  margin: auto;
  padding: 3rem 0;
}
.row{
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin:4rem auto;
}
.column{
  width: 30%;
}
.column img{
  width: 100%;
}
.frame2 p{
  padding-bottom: 3rem;
}
/* frame2 */

/* service */
.service{
  background-color: #FFF7E4;
  text-align: center;
  padding: 3rem 0;
}
.rowsec{
  max-width: 1300px;
  margin: auto;
}
.rowsec1{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
 width: 75%;
  margin:7rem auto;
}
.rowseccol{
  width: 45%;
}
.rowseccol img{
  width: 100%;
}
/* service */
.content{
  text-align: center;
  margin: auto;
  max-width: 731px;
  padding: 3rem 0;
}
    /* Navbar */
    footer{
        max-width: 1300px;
        margin: auto;
      }
      .footer-row{
        width: 90%;
        margin: 7rem auto;
        margin-bottom: 3rem;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #DBDBDB;
      }
      .footer-left a,.footer-right p{
        color: #424242;
      }
      .footer-right h4{
        font-size: 17px;
        font-weight: 700;
      }
      .footer-left a{
        padding-right: 18px;
        text-decoration: none;
      }
      .footer-left ul{
        margin-top: 25px;
      }
      .footer-row1{
        width: 90%;
        margin: auto;
        display: flex;
        font-size: 14px;
        color: #424242;
        margin-bottom: 2rem;
      }
      .footer-row1 p{
        font-size: 14px;
      }
      #logo{
        display: flex;
      }
      #logo img{
        padding-right: 23px;
      }
      .footer-para{
        text-align: center;
      }
      .term{
        display: flex;
        justify-content: flex-end;
        gap: 10%;
      }
      .social-icon,.term{
      flex: 10%;
      }
      .social-icon ul,.menu-bar ul{
        display: flex;
        align-items: center;
        margin-bottom: 0%;
        list-style: none;
        padding: 0%;
      }
      .social-icon a{
        padding-right:14px ;
      }
      .menu-bar a{
        font-size: 15px;
      }
      .footer-left strong{
        font-size: 21px;
      }
      .footer-right h4{
        font-size: 22px;
      }
      .footer-right p{
        line-height: 2rem;
        font-size: 14px;
      }
      /* footer */
      @media only screen and (max-width: 900px) {
        #menu {
            margin-left: 0%;
        }
      }
    @media only screen and (max-width: 500px) {
        .Navbar__Items,
        .Navbar {
          flex-direction: column;
          padding-bottom: 20px;
        }
         
      .Navbar__Items {
          display:none;
        }
          
      .Navbar__Items--right {
          margin-left:0;
        }
            
      .Navbar__ToggleShow {
          display: flex;
          text-align: center;
        }
          
      .Navbar__Link-toggle {
          align-self: flex-end;
          display: initial;
          position: absolute;
          cursor: pointer;
         } 
         #menu {
          margin-left: 0%;
      }
      #menu-links{
        margin: 20px;
      }
     
     #social-icons {
      margin-bottom: 20px;
     }
     .menu-bar ul{
        justify-content: center;
      }
      .rowsec1 {
        flex-direction: column;
        width: 90%;
      }
      .rowseccol {
        width: 100%;
    }
           .footer-row {
            margin: 2rem auto;
            display: block;
          }
          #logo{
            justify-content: center;
          }
          .footer-right{
            margin-top: 13%;
            text-align: center;
          }
          .footer-row1 {
            margin: initial;
            display: block;}
            .term {
              justify-content: center;
              gap: 3%;
          }
          .social-icon ul{
            justify-content: center;
          }
          p,h1, h2, h3, h4  {
            padding: 5px;
          }
        }