@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aclonica&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
::selection{
    background-color: #E49639;
    color:#000000;
}
.logo {
  position: relative;
  left:70px;
}
.list_item{
    position: relative;
    left:-70px;
    margin-top: 20px;
}
.list_item ul li a{
    text-decoration: none;
}
.list_item ul li a:hover{
    color:#ee7a18;
}
nav {
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    padding: 8px;
    
}
.navbar{
    margin: -3px 0px;
}
nav li {
    display: inline-block;
    margin: 0px 5px;
    padding: 0px 5px;
    
}

nav li a {
    text-decoration: none;
    color: black;
    font-family: 'Poppins','sans-serif';
    font-size: 15px;
    font-weight: 300;
   
}

.menu-list {
    background-color: black;
    height: 5px;
    width: 25px;
    margin: 5px;
}

.menu {
    cursor: pointer;
    display: none;
}

@media screen and (max-width:815px) {
    nav li {
        display: inline-block;
        margin: 0px 9px !important;
        padding: 0px 10px;
      
    }
    .navbar{
        margin-bottom: -8px;
    }
    .menu {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 38px;
        right: 30px;
    }
    #menu-icon{
        color:#fff;
    }
    nav {
        flex-direction: column;
        padding: 0;
    }
    .list_item {
        position: relative;
        /* top:15px; */
        left: 5px;
    }
    .menu{
        background-color: #db9423;
        padding: 10px 12px;
        border-radius: 5px;
    }
    nav li {
        display: block;
        padding: 5px 0px;
        padding: 0 20px; 
        display: inline-block;
        width: 100%;
        border: 0;
        border-bottom-width: 1px;
        border-style: solid;
         border-color: #eaeaea; 
        padding: 10px;
    }

    nav li:nth-child(6){
        border: none;
    }

    .logo {
        align-self: flex-start;
        margin: 10px 0px 0px 10px;
        position: relative;
        top:-10px;
        left: -10px;
    }
    ul {
        /* text-align: center; */
        /* padding: 0; */
        display: none;
        align-self: flex-start;
        margin-top: 20px;
        background-color: #f2f2f2;
        width: 100%;
        padding: 10px;
        padding-left: 20px;
    }
  
    .show {
        display: block;
    }
  
}

   .active{
   
     color:#ee7a18;
   
   }
    
   /**humberger menu **/

   /* home video */
   
   #page {
	margin: auto;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


.path_fill{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top:-60px;
}

.path{
	width: 0;
height: 0;
border: 0 solid transparent;
border-right-width: 304px;
border-left-width: 304px;
border-bottom: 65px solid #fff;
}


@media screen and (max-width:720px) {
    
.path_fill{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top:-38px;
}
.path{
	width: 0;
height: 0;
border: 0 solid transparent;
border-right-width: 114px;
border-left-width: 104px;
border-bottom: 40px solid #fff;
}
}



.stay_health .headeing{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#e49639;
    font-weight: bold;
    font-family: 'Aclonica', sans-serif;
    
}
.stay_icon .stay{
    display: flex;
   align-items: center;
   justify-content: space-around;

}
.health h2{
    font-weight: 500;
    margin: 20px;
    font-family: 'Aclonica', sans-serif;
    color:black;
}

.icon_bg{
    background-color: #f2f2f2;
    color:#2D6804;
    padding:30px ;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.health{
    display: flex;
    align-items: center;
    justify-content: center;
}
.yoga_articles .container{
    display:flex;
    justify-content: center;
    align-items: center;
   
}
.yoga{
margin: 6px;
}
.yoga .yoga_head h1{
  color:  #2D6804;
  font-size: 40px !important;
}
.image, .yoga_head, .img_ico{
    text-align: center;
    font-family: 'Aclonica', sans-serif;
    margin: 30px;
}
 .yoga_button{
    text-align: center;
    
 }
 .main{
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .main i{
  font-size: 18px;
 }
 .yoga_button button{
    outline: none;
    background-color: #db9423;
    padding:10px 25px;
    border: 2px solid #db9423;
    border-radius: 30px;
    color:white;
    font-family: 'Poppins','sans-serif';
    margin-top: 20px;
    transition: 0.5s;
 }
 .yoga_button button:hover{
    transition: 0.5s;
    border: 2px solid #ff6900;
    background-color: #ff6900;
	
 }
.yoga_para p{
    font-family: 'Poppins','sans-serif';
    font-size: 20px;
    margin: 15px;
}
.guide .guide_head{
    text-align: center;
    margin-bottom: 100px;
    font-family: 'Aclonica', sans-serif;
    color:#e49639;
}
.guide_pic{
    display: flex;
    align-items: center;
    justify-content: space-around;

}
.guide_topic {
    text-align: center;
    margin: 20px;
    font-family: 'Abril Fatface';
   
}
.guide_topic h3{
    font-weight: 900;
    color:black;
    font-size: 33px;
}
.guide_video{
    text-align: center;
    margin-top: 100px;
}
.guide_main .circle_pic img{
    border-radius: 50%;
}

.health_guidance{
    background-color: #f2f2f2;
    padding: 100px 0px 150px 0px;
}
.exercises{
    text-align: center;
        color: #2D6804;
        font-family: "Aclonica", Sans-serif;
        margin-top: 150px;
       
}
.exercises h1{
    font-size: 45px;
    font-weight: bold;
}

.foot_button{
	background-color: #f2f2f2;
	padding: 100px;
}
.main_button{
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_button button{
	border:none;
	background-color: #5CB85C;
	padding:10px 25px 10px 25px;
	color:#fff;
	border-radius: 200px 200px 200px 200px;	
	font-family: 'Poppins','sans-serif';
	
}




.card-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    }
    .main_exer {
          flex: 1 0 40%;
          display:flex;
          align-items:center;
          justify-content:center;
          margin:50px;
          
      }
      .exer_img img{
            /* border-radius:40%; */
            border-radius: 200px 200px 200px 200px;
      }
      .exer_para p{
          font-family: 'Poppins','sans-serif';
          font-size:15px;
          font-style: inherit;
          font-weight:inherit;
          
      }
      .exer_para h3{
          color:#E49639;
          margin-bottom:25px;
          font-family: "Alata", Sans-serif
      }
  
      .exercise{
        background-image: url('../images/blackboard-bg.png');
       background-repeat: no-repeat;
       background-size: cover;
       background-attachment: fixed;
       
      background-color:white;
        /* opacity: 0.6; */
      
    }
  
  
  
      
  @-webkit-keyframes main_button {
    to {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
  }
  @keyframes main_button {
    to {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  .main_button button{
      font-size:15px;
  }
  .main_button {
   
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  }
  .main_button:hover, .main_button:focus, .main_button:active {
    -webkit-animation-name: main_button;
    animation-name:main_button;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
  }
  
  
  @media screen and (max-width:765px) {
    .stay_health .headeing h1{
        position: relative;
        top:25px;
           font-size: 25px;
    }
    .yoga_articles .container{
        display:block;
        justify-content: center;
        align-items: center;
       
    }
  .yoga_img {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .yoga_img img{
    width: 250px;
    height:350px;
  }
  .stay_health .headeing{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#e49639;
    font-weight: bold;
    font-family: 'Aclonica', sans-serif;
    
}
.stay_icon .stay{
    display: block;
   align-items: center;
   justify-content: space-around;
   text-align: center;

}
.health h2{
    font-weight: 500;
    margin: 20px;
    font-family: 'Aclonica', sans-serif;
    color:black;
    font-size: 18px;
}

.icon_1{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.icon_bg{
    background-color: #f2f2f2;
    color:#2D6804;
    padding:30px ;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.health{
    display: block;
    align-items: center;
    justify-content: center;
}
.yoga .yoga_head h1{
    color:  #2D6804;
    font-size: 25px !important;
  }
.yoga_icon image img{
    width: 80px !important;
    height: 80px !important;
}
.yoga .img_ico img{
    width: 50%;
}
.yoga_button{
    margin: 20px 0px 80px 0px;
}
.circle_para p{
    font-size: 17px !important;
}
.main i{
    font-size: 15px;
   }
   .yoga_button button{
    outline: none;
    background-color: #db9423;
    padding:6px 18px;
    border: 2px solid #db9423;
    border-radius: 30px;
    color:white;
    font-family: 'Poppins','sans-serif';
    margin-top: 20px;
    transition: 0.5s;
    font-size: 15px;
 }
 .guide_head h2{
    font-size: 22px;
    text-align: center;
    font-weight: bold;
 }
 .guide_head{
    margin: 15px;
 }
 .guide .guide_head{
    text-align: center;
    margin-bottom: 100px;
    font-family: 'Aclonica', sans-serif;
    color:#e49639;
}
.guide_pic{
    display: block;
    align-items: center;
    justify-content: space-around;

}
.guide_topic {
    text-align: center;
    margin: 20px;
    font-family: 'Abril Fatface';
   
}
.guide_topic h3{
    font-weight: 900;
    color:black;
    font-size: 25px;
}
.guide_video{
    text-align: center;
    margin-top: 100px;
}
.guide_video iframe{
    width: 100%;
    height: 200px;
}
.guide_main .circle_pic img{
    border-radius: 50%;
    width: 50%;
}
.guide_main .circle_pic {
    text-align: center;
}
.health_guidance{
    background-color: #f2f2f2;
    padding: 100px 0px 150px 0px;
}
.exercises h1{
    font-size: 30px;
    margin: 50px;
}
.exercises img {
    width: 100px;
}


.card-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    }
    .main_exer {
          flex: 1 0 40%;
          display:block;
          align-items:center;
          justify-content:center;
          margin:50px;
          
      }
      .exer_img img{
            /* border-radius:40%; */
            border-radius: 200px 200px 200px 200px;
      }
      .exer_para p{
          font-family: 'Poppins','sans-serif';
          font-size:15px;
          font-style: inherit;
          font-weight:inherit;
          
      }
      .exer_para h3{
          color:#E49639;
          margin-bottom:25px;
          font-family: "Alata", Sans-serif
      }
  
      .exercise{
        background-image: url('../images/blackboard-bg.png');
       background-repeat: no-repeat;
       background-size: cover;
       background-attachment: fixed;
       
      background-color:white;
        /* opacity: 0.6; */
      
    }
    .order2{
        text-align: center;
        order: 1;
    }
    
    .order1{
        text-align:center ;
    order: 2;
    }
  .exer_para {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .exer_para p{
    margin-bottom: -50px;
  }
  .card-container{
    margin-bottom: 50px;
  }
  .main_button button{
	border:none;
	background-color: #5CB85C;
	padding:10px 25px 10px 25px;
	color:#fff;
	border-radius: 200px 200px 200px 200px;	
	font-family: 'Poppins','sans-serif';
	font-size: 13px !important;
}


.foot_button{
	background-color: #f2f2f2;
	padding: 30px;
}

.about-header h1{
    font-size: 50px !important;
}
.about-header  img{
    width: 60%;
}






  }
  

  .order2{
    order: 1;
}

.order1{
order: 2;
}





@media screen and (min-width:765px) and (max-width:1200px) {
    .stay_health .headeing h1{
        position: relative;
        top:25px;
           font-size: 25px;
    }
    .yoga_articles .container{
        display:block;
        justify-content: center;
        align-items: center;
       
    }
  .yoga_img {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .yoga_img img{
    width: 250px;
    height:350px;
  }
  .stay_health .headeing{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#e49639;
    font-weight: bold;
    font-family: 'Aclonica', sans-serif;
    
}
.stay_icon .stay{
    display: flex;
   align-items: center;
   justify-content: space-around;
   text-align: center;

}
.health h2{
    font-weight: 500;
    margin: 20px;
    font-family: 'Aclonica', sans-serif;
    color:black;
    font-size: 18px;
}

.icon_1{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.icon_bg{
    background-color: #f2f2f2;
    color:#2D6804;
    padding:30px ;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.health{
    display: block;
    align-items: center;
    justify-content: center;
}
.yoga .yoga_head h1{
    color:  #2D6804;
    font-size: 25px !important;
  }
.yoga_icon image img{
    width: 80px !important;
    height: 80px !important;
}
.yoga .img_ico img{
    width: 50%;
}
.yoga_button{
    margin: 20px 0px 80px 0px;
}
.circle_para p{
    font-size: 17px !important;
}
.main i{
    font-size: 15px;
   }
   .yoga_button button{
    outline: none;
    background-color: #db9423;
    padding:6px 18px;
    border: 2px solid #db9423;
    border-radius: 30px;
    color:white;
    font-family: 'Poppins','sans-serif';
    margin-top: 20px;
    transition: 0.5s;
    font-size: 15px;
 }
 .guide_head h2{
    font-size: 22px;
    text-align: center;
    font-weight: bold;
 }
 .guide_head{
    margin: 15px;
 }
 .guide .guide_head{
    text-align: center;
    margin-bottom: 100px;
    font-family: 'Aclonica', sans-serif;
    color:#e49639;
}
.guide_pic{
    display: flex;
    align-items: center;
    justify-content: space-around;

}
.guide_topic {
    text-align: center;
    margin: 20px;
    font-family: 'Abril Fatface';
   
}
.guide_topic h3{
    font-weight: 900;
    color:black;
    font-size: 25px;
}
.guide_video{
    text-align: center;
    margin-top: 100px;
}
.guide_video iframe{
    width: 80%;
    height: 300px;
}
.guide_main .circle_pic img{
    border-radius: 50%;
    width: 80%;
}
.guide_main .circle_pic {
    text-align: center;
}
.health_guidance{
    background-color: #f2f2f2;
    padding: 100px 0px 150px 0px;
}
.exercises h1{
    font-size: 30px;
    margin: 50px;
}
.exercises img {
    width: 100px;
}


.card-container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    }
    .main_exer {
          flex: 1 0 30%;
          display:block;
          align-items:center;
          justify-content:center;
          margin:50px;
          
      }
      .exer_img img{
            /* border-radius:40%; */
            border-radius: 200px 200px 200px 200px;
      }
      .exer_para p{
          font-family: 'Poppins','sans-serif';
          font-size:15px;
          font-style: inherit;
          font-weight:inherit;
          
      }
      .exer_para h3{
          color:#E49639;
          margin-bottom:25px;
          font-family: "Alata", Sans-serif
      }
  
      .exercise{
        background-image: url('../images/blackboard-bg.png');
       background-repeat: no-repeat;
       background-size: cover;
       background-attachment: fixed;
       
      background-color:white;
        /* opacity: 0.6; */
      
    }
    .order2{
        text-align: center;
        order: 1;
    }
    
    .order1{
        text-align:center ;
    order: 2;
    }
  .exer_para {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .exer_para p{
    margin-bottom: -50px;
  }
  .card-container{
    margin-bottom: 50px;
  }
  .main_button button{
	border:none;
	background-color: #5CB85C;
	padding:10px 25px 10px 25px;
	color:#fff;
	border-radius: 200px 200px 200px 200px;	
	font-family: 'Poppins','sans-serif';
	font-size: 13px !important;
}

  }


  /***************************About Css************************************/


  /* fonts */
@import url('https://fonts.googleapis.com/css2?family=Aclonica&display=swap');


*{
    box-sizing: border-box;
    margin:0;
    padding:0;
}
body{
    background-color: #fafafa;
}


.header {
    height:119px;
    background-color: #000000;
    
}


/* about us css style starts */
.about_banner { 
    background-image: url("../images/23328-scaled.jpg");  
     /* background-image: url("../images/23328-scaled.jpg"); */
     height: 500px; 
    background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5),);
    background-position: center center;
    background-size:cover;
    position:relative;
   
} 

.about_banner .overlay-about {
    height: 100%;
    width: 100%; 
    top: 0;
    left: 0;
    position: absolute;
}
.about_banner .overlay-about {
    background-color: #000000;
    opacity: 0.7;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    
}

.about_banner .container {
    display:flex;
    justify-content: center;
    align-items: center;
}
.about_banner .banner_title {
    text-align: center;
}
.banner_title01 {
    text-align: center;
}
.about_banner .banner_text{
    margin-top:100px;
    color:#db9423;
    font-weight: 800;
    font-size: 30px;
    font-size: 2rem;
    font-family: 'Abril Fatface',display;
}
.about_banner .banner_text2{
    font-weight: 600;
    font-family:'Abril Fatface',display;
    margin-top:8px;
    font-size:100px;
    color:#fff;
}
.about_banner .banner_des_img {
    display:flex;
    justify-content: center;
    margin-top:50px;
}


/* .mission_section {
    padding:70px 0px;
} */
.mission_section .container {
    display:flex;
    justify-content: center;
    align-items: center;
}
.mission_section .mission_title {
    font-family: "Aclonica", Sans-serif;
    color: #2D6804;
    text-align: center;
    font-size:2.7rem;
}
.mission_section .text_mission {
    text-align: center;
    margin-top:20px;
    font-size:15px;
    font-family: 'Poppins','sans-serif';
    width:550px;
    /* font-weight:500; */
    /* color:#000000; */
    padding-bottom:15px;
}
.about_text01{
    font-family: 'Poppins','sans-serif';
}
.mission_section .mission_img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:35px;
    padding-bottom:30px;
}

.about_introduction {
    padding:30px 0px;
}

.about_introduction .about_h2 {
    color: #E49639;
    font-family: "Aclonica", Sans-serif;
    font-size: 41px;
    text-align: center;
    padding-bottom:1.5rem;
}
.about_introduction .intro_des_img {
    display:flex;
    justify-content: center;
    margin-top:15px;
}
.about_introduction .about_intro_text {
    margin-top:30px;
}
.about_introduction .about_text01 {
    font-size:15px;
    font-weight:400;
}
.about_introduction .about_reach_btn {
    margin-top:40px;
}
.about_introduction .reach_btn {
    border-radius: 50px;
    padding-top: 12px;
    padding-right: 35px;
    padding-bottom: 12px;
    padding-left: 35px;
    background-color: #2D6804;
    color:#fff;
    font-weight: 500;
    font-family: 'Poppins','sans-serif';
}
.about_introduction .reach_btn:hover {
    color:#fff;
}

.about_introduction .about_intro_img {
    width:100%;
    height:100%;
}
.about_introduction .about_intro_img img {
    width:100%;
    height:100%;
}

.about_introduction .ry-6 {
    margin-top:40px;
    padding-top:40px;
    padding-bottom:40px;
}

.get_in_section {
    padding-top:30px;
    margin-top:20px;
}
.get_in_section .container {
    display:flex;
    justify-content: center;
    align-items: center;
}
.get_in_section .tit_text {
    font-size: 45px;
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Abril Fatface',display;
    text-align: center;
    color:#000000;
}
.get_in_section .get_tit_text {
    font-size: 18px;
    font-weight: 500;
    font-family: 'poppins',sans-serif;
    align-items: center;
    text-align: center;
    color:#000000;
    margin-top:20px;
}
.get_in_section .get_second {
    margin-top:10px;
} 
.get_in_section .get_second .get_phone {
    margin-top:40px;
    display:flex;
}
.get_in_section .phone_tit {
    padding-right:50px;
}
.get_in_section .phone_tit2 {
    padding-left:50px;
    
}
.get_in_section .ph_tit {
    font-family: 'Abril Fatface',display;
    font-weight: 600;
    font-size:30px;     
    color:#000000;
}
.get_in_section .phone_tit .ph_text,
.get_in_section .phone_tit2 .ph_text {
    color:#000000;
    margin-top:15px;
}
.get_in_section .get_middle_line  {
    text-align: center;
    display: flex;
}
.get_in_section .get_middle_line .line_phone {
    width:1px;
    height:100px;
    color:#E49639;
    border:1px solid #E49639;
}
.get_in_section .phone_des_img {
    display:flex;
    justify-content: center;
    margin-top:35px;
    padding-bottom: 40px;;
}


.address_section {
  padding-bottom: 5rem;
  padding-top:1.5rem;
}
.address_section .container {
    display:flex;
    justify-content: center;
    align-items: center;
}
.address_section .address_title {
    justify-content: center;
    padding-bottom:3.5rem;
    
}
.address_section .address_title .add_head{
    text-align: center;
    font-family: 'Abril Fatface',display;
    color:#000000;
    font-size:32px;
    font-weight:700;
}
.add_text {
    text-align: center;
    font-family: 'poppins',sans-serif;
    margin-top:10px;
    font-weight:500;
}

.address_section .form_input {
    width:100%;
    padding-bottom:20px;
}
.address_section .form_input input {
    width:100%;
    padding:8px 8px;
    color: #666;
    padding: 0.75em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background: #fafafa;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}
.address_section .form_input input:focus {
    border-color:#db9423;
    outline:none;
}
.address_section .form_input textarea:focus {
    border-color: #db9423;
    outline:none;
}
.address_section .form_input textarea {
    width:100%;
    height:200px;
    padding:8px;
    color: #666;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background: #fafafa;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}
.address_section .form_btn .contact_btn {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: #fff;
    border-color:#db9423;
    background-color:#db9423;
    border-radius: 50px;
    padding-top: 17px;
    padding-right: 35px;
    padding-bottom: 17px;
    padding-left: 35px;
    font-family:'poppins',sans-serif;
    font-weight: 500;
    font-size: 15px;
    font-size: 1rem;
    line-height: 1;
}
.address_section .phone_des_img {
    display:flex;
    justify-content: center;
    margin-top:1.5rem;
}


/* footer section css style */
.footer_main {
    padding:40px 0px;
}
.footer_main {
    background-image:linear-gradient(to right,rgba(5,5,5,0.36),rgba(5,5,5,0.36)), url("../images/healthyfood.jpg"); 
    background-position: center center; 
    background-repeat:repeat;
    background-size:auto;
    background-attachment: scroll;

}
.footer_main .container{
    display:flex;
    justify-content: center;
    align-items: center;
}
.footer_main .footer_title  {
    padding-top:35px;
}
.footer_main .foot_tit {
   text-align: center;
   
   font-size:45px;
   font-weight:800;
   color:#fff;
   font-family: 'Abril Fatface',display;
}
.footer_main .footer_design_img {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top:50px;
}
.footer_main .footer_add{
    margin-top:40px;
}
.footer_main .foot_add {
   text-align: center;
   font-family:'poppins',sans-serif;
   font-size:15px;
   font-weight:500;
   color:#fff;
}
.footer_main .foot_num {
   text-align: center;
   font-size: 23px;
   font-weight: 400;
   color:#fff;
   
}
.footer_main .footer_social {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:30px;
    padding-bottom:20px;
}
.footer_main .social_icon {
    padding:5px 10px;
    border-radius:50px;
    background-color: #fff;
}
.footer_main .social_icon:nth-child(2),
.footer_main .social_icon:nth-child(3),
.footer_main .social_icon:nth-child(4),
.footer_main .social_icon:nth-child(5) {
    margin-left:10px;
}

/* sub footer css style  */
.footer_sub{
    background-color: #173a63;
    background-image: none;
    min-height: 80px;
    
}
.footer_sub .container {
    /* display:flex; */
    padding-top: 30px;
    text-align: center;
    /* justify-content: space-evenly; */
    /* align-items: center; */
}
/* .footer_sub .container .row  {
    margin-top:30px;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
} */
.footer_sub .copyright_left  {
    color:#fff;
    font-family: 'Poppins','sans-serif';
}
.foot_row{
    line-height: 30px;
 
}
.footer_sub .copyright_right {
    color:#fff;
    font-family: 'Poppins','sans-serif';
}


/* login page css style */

.login_section {
    padding:60px 0px;
    background-color: #f0f2f3;
}
.login_section .container {
    background-color: #ffffff;
}
.login_section .log_tit {
    font-size:30px;
    font-weight: 700;
    font-family: 'Abril Fatface',display;
}
.login_section .container .login_form{
    display:flex;
    justify-content: center;
    align-items: center;
    
}
.login_section .container .login_form form {
    width:450px;
    margin-top:30px;
}

.login_section .login_form input {
    width:100%;
    color: #666;
    padding: 0.55em;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}
.login_section .login_form input:focus {
    outline:none;
    border:0.5px solid #666;
}
.login_section .login_form .log_checkbox input {
    width:50px;
}
.login_section .login_form .log_checkbox .check_span {
color: #888 !important;
display: block;
}
.login_section .log_label .log_text {
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: bold;
    font-weight: 600;
    color:#555555;
    font-family:'poppins',sans-serif;
}
.login_section .log_label .log_text1 {
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: bold;
    font-weight: 600;
    color:#555555;
    font-family:'poppins',sans-serif;
    margin-top:20px;
}
.login_section .log_btn .login_btn {
    background: #3ba1da;
    font-size: 15px;
    border: none !important;
    width:49%;
    color:#fff;
    padding:13px 20px;
    font-family:'poppins',sans-serif;
    font-weight:500;
}
.login_section .log_btn .log_sign_btn {
    background: #eeeeee;
    font-size: 15px;
    font-weight:500;
    border: none !important;
    width:49%;
    color:#666666;
    padding:13px 20px;
    font-size:15px;
    font-family:'poppins',sans-serif;
}
.login_section.log_forget{
  
}

.login_section .forget_pass {
    margin-top:30px;
    text-align:center;
    padding-bottom:10px;
    color:#666666;
    font-size:15px;
    font-family: 'poppins',sans-serif;
}

/* stay Healthy css */

.stay_healthy_section {
    padding:80px 0px;
}
.stay_healthy_section{
    background-image:url("../images/stay_banner.jpg"); 
    background-position: center center; 
    background-repeat:no-repeat;
    background-size:100%;
    background-attachment: fixed;
}
.stay_healthy_section .container {
    display:flex;
    justify-content: center;
    align-items: center;
}

.stay_healthy_section  .health_tit{
    color: #214B04;
    font-family: "Aclonica", Sans-serif;
    font-size: 100px;
    font-weight: 400;
    margin-bottom:20px;
}
.stay_healthy_section .healthy_title {
    margin-top:32px;
    padding-bottom:30px;
}
.stay_healthy_section .stay_des_img {
    justify-content: center; 
    align-items: center;
    display:flex;
    margin-top:10px;
    padding-bottom:70px;
}

.tip_health {
    position: relative;
}
.tip_health .container {
    display:flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    /* position: absolute;*/
    background-color: #fff;
    margin-top:-50px;
    padding:20px;
}
.tip_health .tip_health_title  {
    display:flex;
    justify-content: center;
    align-items: center;
    padding-top:5px;
}
.tip_health .title_tip {
    color: #2A6005;
    font-family: "Aclonica", Sans-serif;
    font-size:45px;
}
.tip_health  .tip_content {
    padding:35px 15px;
}
.tip_health .tip_content .tip_tit h4{
    color:#db9423;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size:18px;
    font-family: 'Poppins',sans-serif;
}
.tip_health .tip_content .tip_desc {
    font-size: 24px;
    font-size: 1.6rem;
    font-family: 'Poppins',sans-serif;
    margin-top:20px;
    color:#000000;
}

.five_ways {

}
.five_ways .container {

}
.five_ways .five_ways_content .title_tip {
    color: #2A6005;
    font-family: "Aclonica", Sans-serif;
    font-size:45px;
    text-align: center;
}
.five_ways .five_ways_content  .five_desc {
    color:#1D1D23;
    font-size:16px;
    font-family: 'poppins',sans-serif;
    text-align: center;
}

.five_ways .five_ways_content .five_img{

}
.five_ways .five_ways_content .five_img .img_tips {

}
.five_ways .five_ways_content .five_img img {

}

/********** media query************/

@media screen and (max-width:760px){
    .mission_section .mission_title {
        font-family: "Aclonica", Sans-serif;
        color: #2D6804;
        text-align: center;
        font-size:2.0rem;
    }
    .mission_section .text_mission {
        text-align: center;
        margin-top:20px;
        font-size:14px;
        font-family: 'Poppins','sans-serif';
        width:300px;
        /* font-weight:500; */
        /* color:#000000; */
        padding-bottom:15px;
    }
    .mission_img img{
        width: 50%;
    }
    .intro_des_img img{
        width: 40%;
    }
    .about_introduction .about_text01 {
        font-size:14px;
        font-weight:400;
        text-align: center;
    }
    .about_intro_text{
        margin: 30px;
    }
    .about_reach_btn{
        text-align: center;
        margin-bottom: 30px;
        font-family: 'Poppins','sans-serif';
    }
    .reach_btn_hr{
        border: 1px solid #7A7A7A;
        width: 90%;
       
    }
    .button_reach{
       display: flex;
       align-items: center;
       justify-content: center;
    }
    .about_introduction .reach_btn {
        border-radius: 50px;
        padding-top: 10px;
        padding-right: 30px;
        padding-bottom: 10px;
        padding-left: 30px;
        background-color: #2D6804;
        color:#fff;
        font-weight: 500;
        font-size: 12px;
        font-family: 'Poppins','sans-serif';
    }
    .about_intro_img img{
        display: none;
    }
    .aim_tit .about_h2{
        font-size: 30px;
    }
    .our_aim_desc {
        margin: 15px;
        text-align: center;
        font-family: 'Poppins','sans-serif';
        font-size: 14px;
    }
    .cont_tit .about_h2{
      
        font-size: 30px;
    }
    .aim_text{
  font-family: 'Poppins','sans-serif';
  font-size: 12px;
    }
    .get_tit .tit_text{
        font-size: 27px;
    }
    .get_tit_text{
        font-size: 14px !important;
    }
    .get_in_section .get_second .get_phone {
        margin-top:40px;
        display:block;
        
    }
    .phone_tit{
        text-align: center;
        margin-left: 50px;
    }
  .phone_tit2{
    text-align: center;
    margin-left: -40px !important;
  }
  .get_middle_line{
    display: flex;
    align-items: center;
    justify-content: center;
  }
   .phone_tit .ph_tit{
    font-size: 20px;
   }
   .phone_tit .ph_text{
    font-size: 20px;
    font-family: 'Poppins','sans-serif';
   }
   .phone_tit2 .ph_tit{
    font-size: 20px;
   }
   .phone_tit2 .ph_text{
    font-size: 20px;
    font-family: 'Poppins','sans-serif';
   }
   .phone_des_img img{
    width: 40%;
   }
   .address_section .form_input {
    width:100%;
    padding-bottom:20px;
}
/* .contact_form{
    margin:0px  130px 0px 130px;
} */

.address_section .form_input input {
    width:100%;
    /* padding:10px 5px; */
    color: #666;
    padding: 10px;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background: #fff;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    font-size: 12px;
    font-family: 'Poppins','sans-serif';
}

.address_section .form_input textarea {
    font-size: 13px;
    font-family: 'Poppins','sans-serif';
    width:100%;
    height:100px;
    padding: -10px;    
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    background: #fff;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
}
.address_title .add_head{
    font-size: 20px !important;
}
.address_title {
   
    margin:-30px 30px 0px 30px !important;
    font-size: 12px;
    font-family: 'Poppins','sans-serif';
} 
.address_section .form_btn .contact_btn {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: #fff;
    border-color:#db9423;
    background-color:#db9423;
    border-radius: 50px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    font-family:'poppins',sans-serif;
    font-weight: 500;
    font-size: 13px;
    /* font-size: 1rem; */
    line-height: 1;
}
.form_btn{
    margin-bottom: 30px;
}
/* .address_section .add_map{
    width: 300px;
    height: 300px;
   margin-left: 8px;
} */
.add_map{
    display: flex;
    align-items: center;
    justify-content: center;
}
.address_section .add_map  .map {
   
    width: 300px;
    height:400px;
}
}

/*********nutritions*******/



/**nutritions responsive**/


@media screen and (min-width:800px) and (max-width:1000px) {
    .cont1 img{
        width: 430px !important;
    }
}
@media screen and (max-width:800px)  {
    .intro-header h1{
    
        color: #DCF4D5 !important;
        font-family: "Aclonica", Sans-serif;
        font-size: 40px !important;
    }
   
  
.intro {
    height: 55vh !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1rem;
    background-color: rgba(0,0,0,0.7);
  }
  .intro-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important; /* relative to nearest positioned ancestor and not nearest block-level ancestor - alternatively: width: 100vw; */
    height: 100% !important; /* relative to nearest positioned ancestor and not nearest block-level ancestor - alternatively: height: 100vh; */ 
    object-fit: cover;
    z-index:-1;
    /* filter: brightness(50%); */ /* 0% black, 100% original image, values > 100% are allowed for brighter than original image. */
    /* display: none; */
    opacity: 0;
    transition: opacity 0.75s ease-in-out;
  }
  .nutritions_head .diet h1{
    font-size: 30px !important;
  }
  .nutritions_head .diet{
    margin: 0 50px;
  }
 .cont{
    padding: 10px !important;
 }
 .cont0 img{
    width: 100%;
    height: 90%;
 }
 
 .nut_para1 h2{
    font-size: 20px !important;
 }
 .nut_para1 .cont1{
    padding: 10px !important;
 }
 .cont1 img{
    width: 100%;
    height: 90%;
 }
 .cont2 img{
    width: 100%;
    height: 90%;
 }
 .cont2{
    background-color: #efefef;
    padding: 10px !important;
}
.order01{
    display: flex;
    order: 1;
 }
 .order02{
    display: flex;
    order: 2;
 }
 .icon_tick{
    background: #fff;
    height: 30px !important;
    width: 30px !important;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
   
}
.fa-check{
    transform: rotate(45deg);
   
}
.tick_para{
    font-family: 'Poppins','sans-serif';
    font-size: 15px;
}
.Key .key_para h1{
    color: #2A6005;
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Abril Fatface',display
}
.tick{
    display: block !important;
    align-items: center;
    justify-content: center;
}
.icon_tick .fa{
color:#ED7A00;
font-size: 28px !important;
}
}

.intro-header h1{
    
    color: #DCF4D5 !important;
    font-family: "Aclonica", Sans-serif;
    font-size: 64px;
}

.nut_para p{
    text-align:center;
    margin: 0 auto;
    max-width: 450px;
    font-family: 'Poppins','sans-serif';
    font-size: 15px;
}

.nutritions_head{
    margin-bottom: 50px;
}
.nutritions_head  h1{
    font-size: 45px !important;
}
.nut_para1{
    display: flex;
    align-items: center;
    
}
.nut_para1 h2{
    color: #2D6804;
    font-size:  30px;
}
.nut_para1 p{
    font-family: 'Poppins','sans-serif';
    font-size: 15px;
}
.tick_para p{
    font-size: 14px;
}
.cont{
    background-color: #efefef;
    padding: 30px;
}
.cont1{
  
    padding: 30px;
}

.cont2{
    background-color: #efefef;
    padding: 120px;
}
.key_1{
  padding: 0 200px;
}
.key_para p{
    margin: 20px ;
}
.Key{
    background-color: #efefef;
    padding-bottom: 100px;
    padding-top: -150px;
}
.icon_tick{
    background: #fff;
    padding: 0.2em;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.fa-check{
    transform: rotate(45deg);
   
}
.tick_para{
    font-family: 'Poppins','sans-serif';
    font-size: 15px;
}
.Key .key_para h1{
    color: #2A6005;
    font-size: 3rem;
    font-weight: bold;
    font-family: 'Abril Fatface',display
}
.tick{
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_tick .fa{
color:#ED7A00;
font-size: 28px !important;
}

/****image carousel****/


.intro {
    height: 70vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1rem;
    background-color: rgba(0,0,0,0.7);
  }
  .intro-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* relative to nearest positioned ancestor and not nearest block-level ancestor - alternatively: width: 100vw; */
    height: 100%; /* relative to nearest positioned ancestor and not nearest block-level ancestor - alternatively: height: 100vh; */ 
    object-fit: cover;
    z-index:-1;
    /* filter: brightness(50%); */ /* 0% black, 100% original image, values > 100% are allowed for brighter than original image. */
    /* display: none; */
    opacity: 0;
    /* transition: opacity 0.75s ease-in-out; */
  }
  /* .intro-slideshow img:first-child {
    display: block;
    opacity: 1;
  } */
  .intro .intro-header {
    border-radius: 0.5rem;
    padding: 2rem 2.5rem;
    /* background-color: rgba(0,0,0,0.5); */
  }
  .intro h1 {
    font-size: 4rem;
    margin-bottom: 0.75rem;
  }
  .intro p {
    font-size: 1.75rem;
  }
  
  @media (max-width: 700px) {
    html { font-size: 12px; }
    .intro-header { padding: 1.5rem 2rem; }
    .intro h1 { font-size: 2.5rem; }
    .intro p { font-size: 1.25rem; }
  }

.nutritions_head h1{
    color: #db9423;
    font-family: "Aclonica", Sans-serif !important;
    font-weight: bold;
    font-size: 35px;
}


.about-header h1{
    font-weight: 400;
    font-family: 'Abril Fatface',display;
    color: #fff !important;
    font-size: 100px;
}
.about-header p{
    color:#e49639;
    font-size: 30px;
    font-size: 2rem;
    font-weight: 400;
    font-family: 'Abril Fatface',display;
    line-height: 1.39;
}


/* sleeplessness css style */

.sleepless_section {
    padding: 40px 0px;
    background-color: #f7f9fb;
}

.sleepless_section .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sleepless_section .container .sleepless_content {}

.sleepless_section .sleepless_content .sleepless_title {
    display: flex;
    justify-content: center;
    text-align: center;
}

.sleepless_section .sleepless_content .sleepless_title h2 {
    color: #2A6005;
    font-family: "Aclonica", Sans-serif;
    font-size: 45px;
    text-align: center;
}

.sleepless_section .sleepless_content .sleepless_des_img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.sleepless_section .sleepless_content .sleepless_des_img img {
    align-items: center;
}

.sleepless_section .sleepless_content .sleepless_list {
    display: flex;
    margin-top: 25px;
    padding: 20px;
}

.sleepless_section .sleepless_content .sleepless_list .sleepless_icon {
    height: 35px;
    width: 35px;
    border-color: #ED7A00;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    transform: rotate(45deg);
    justify-content: center;
    align-items: center;
    display: flex;
}

.sleepless_section .sleepless_content .sleepless_list .sleepless_icon i {
    color: #ED7A00;
    font-size: 20px;
    padding: 15px 15px 15px 15px;
    transform: rotate(-45deg);
    font-weight: 900;
}

.sleepless_section .sleepless_content .sleepless_list .sleepless_list_content {
    padding-left: 40px;
}

.sleepless_section .sleepless_content .sleepless_list .sleepless_list_content h3 {
    color: #2A6005;
    font-family: 'Abril Fatface', display;
    font-size: 30px;
    font-weight: 600;
}

.sleepless_section .sleepless_content .sleepless_list .sleepless_list_content p {
       font-size: 16px;
    font-family: 'poppins', sans-serif;
 color: #1D1D23;
    margin-top: 15px;
}

.sleepless_section .sleepless_content .sleepless_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 9em;
}

.sleepless_section .sleepless_content .sleepless_btn .sleepless_button {
    padding: 1em 2em;
    background-color: #008B17;
    color: #f2f2f2;
    font-family: 'poppins', sans-serif;
    font-weight: 500;
    font-size: 15px;
    border-radius: none;
}

@media screen and (max-width:786px) {
    .sleepless_section .sleepless_content .sleepless_list {
        display: block;

    }

    .sleepless_section .sleepless_content .sleepless_list .sleepless_list_content {
        padding-left: 0px;
        margin-top: 40px;
    }
}

@media screen and (max-width:567px) {
    .five_ways .five_ways_content .five_img {
        display: block;
        justify-content: center;
        align-items: center;
    }

    .five_ways .five_ways_content .five_img .img_tip {
        max-width: 350px;
        margin: 0;
    }

    .five_ways .five_ways_content .five_img .img_tip:nth-child(2),
    .five_ways .five_ways_content .five_img .img_tip:nth-child(3),
    .five_ways .five_ways_content .five_img .img_tip:nth-child(4) {
        margin-left: 0px;
        margin-top:40px !important;
    }

    .stay_healthy_section {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
    .sleep_section {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: scroll;
    }
}


/* sleep section */

.sleep_section {
    padding: 80px 0px;
}

.sleep_section {
    background-image: url("../images/sleep_banner.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}

.sleep_section .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sleep_section  .health_tit {
    color: #ffff;
    font-family: "Aclonica", Sans-serif;
    font-size: 100px;
    font-weight: 400;
    margin-bottom: 20px;
}

.sleep_section .healthy_title {
    margin-top: 32px;
    padding-bottom: 30px;
}

.sleep_section  .stay_des_img {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 10px;
    padding-bottom: 70px;
}

/* sleep_symptoms */
.sleep_symptoms {
   padding:70px 0px;
}
.sleep_symptoms .container {
    display:flex;
    justify-content: center;
    align-items: center;
}

.sleep_symptoms .symptom_sleep_img {
    width:100%;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sleep_symptoms .symptom_sleep_img img {
    width:100%;
}
.sleep_symptoms .symptom_sleep_content .symptom_title {}
.sleep_symptoms .symptom_sleep_content .symptom_title h3 {
    text-align: center;
    color: #2A6005;
    font-family: 'aclonica',sans-serif;
    font-size: 30px;
    font-weight: 600;
}
.sleep_symptoms .symptom_sleep_content .symptom_list {
    margin-top: 70px;
}
.sleep_symptoms .symptom_sleep_content .symptom_list p {
    text-align: center;
    font-size: 16px;
    font-family: 'poppins', sans-serif;
 color: #1D1D23;
    margin-top: 15px;
}
.sleep_symptoms .symptom_sleep_content .symptom_list i {
    color: #ED7A00;
    font-size: 23px;
    font-weight: 600;
    margin-right: 10px;
}
.sleep_symptoms .symptom_sleep_content .symptom_sub_desc {}
.sleep_symptoms .symptom_sleep_content .symptom_sub_desc p {
    text-align: center;
    color: #ED7A00;
    font-size: 23px;
    font-weight: 600;
    font-style: italic;
    line-height: 47px;
    word-spacing: 2px;
    margin-top:30px;
}

/* stay Healthy css */
.stay_path{
    display: none;
}
.stay_health_head h1 {
    color: #214B04 !important;
    font-size: 100px;
    font-family: "Aclonica", Sans-serif
}
.intro-stay {
    height: 70vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1rem;
    /* background-color: rgba(0,0,0,0.7); */
  }
.stay_healthy_section {
    padding: 80px 0px;
}

.stay_healthy_section {
    background-image: url("../images/stay_banner.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}

.stay_healthy_section .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stay_healthy_section .health_tit {
    color: #214B04;
    font-family: "Aclonica", Sans-serif;
    font-size: 100px;
    font-weight: 400;
    margin-bottom: 20px;
}

.stay_healthy_section .healthy_title {
    margin-top: 32px;
    padding-bottom: 30px;
}

.stay_healthy_section .stay_des_img {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 10px;
    padding-bottom: 70px;
}

.tip_health {
    position: relative;
    padding-bottom: 8.5rem;
}

.tip_health .container {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    /* position: absolute;*/
    background-color: #fff;
    margin-top: -50px;
    padding: 20px;
}

.tip_health .tip_health_title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

.tip_health .title_tip {
    color: #2A6005;
    font-family: "Aclonica", Sans-serif;
    font-size: 45px;
}

.tip_health .tip_content {
    padding: 35px 15px;
}

.tip_health .tip_content .tip_tit h4 {
    color: #db9423;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

.tip_health .tip_content .tip_desc {
    font-size: 24px;
    font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    margin-top: 20px;
    color: #000000;
}

.health_tab {}

.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 40px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}

.tabs label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    border: 1px solid #d4d4d4;
    padding: 2rem 10.45rem 1rem 2rem;
    cursor: pointer;
    color: #ED7A00;
    font-size: 22px;
    font-family: 'aclonica', sans-serif;
    font-weight: bold;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
}

.tabs .tab {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    -ms-flex-order: 99;
    order: 99;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    border: 1px solid #d4d4d4;
    margin-top: -10px;
    display: none;
    padding: 10px 2rem;
    background: #fafafa;
}

.tabs .tab p {
    color: #202020;
    font-size: 18px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    font-family: 'poppins', sans-serif;
    padding: 8px;
}

.tabs .tab ul li {
    margin-left: 50px;
    color: #202020;
    font-size: 18px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    font-family: 'poppins', sans-serif;
}

.tabs .tab .btn_tab {
    margin-top: 10px;
}

.tabs .tab .btn_tab a .tab_read {
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    color: #fff;
    border-color: #db9423;
    background-color: #db9423;
    border-radius: 50px;
    padding-top: 17px;
    padding-right: 35px;
    padding-bottom: 17px;
    padding-left: 35px;
    font-size: 15px;
    line-height: 1;
    font-family: 'poppins', sans-serif;
    font-weight: 500;
}

.tabs input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.tabs input[type="radio"]:checked+label {
    background: #f2f2f2;
}

.tabs input[type="radio"]:checked+label+.tab {
    display: block;
    background: #f2f2f2;
}

@media (max-width: 45em) {

    .tabs .tab,
    .tabs label {
        -webkit-box-ordinal-group: NaN;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial;
    }

    .tabs label {
        width: 100%;
        margin-right: 0;
    }
}







.five_ways {
    background-color: #f7f9fb;
    padding: 60px 0px 60px 0px;
}

.five_ways .container {}

.five_ways .five_ways_content .tip_health_title {
    margin-top: 40px;
}

.five_ways .five_ways_content .title_tip {
    color: #2A6005;
    font-family: "Aclonica", Sans-serif;
    font-size: 45px;
    text-align: center;

}

.five_ways .five_ways_content .five_desc {
    color: #1D1D23;
    font-size: 16px;
    font-family: 'poppins', sans-serif;
    text-align: center;
    margin-top: 35px;
}

.five_ways .five_ways_content .five_img {
    display: flex;
    margin-top: 125px;
    padding-bottom: 55px;
}

.five_ways .five_ways_content .five_img .img_tip {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: auto;
    overflow: hidden;

}

.five_ways .five_ways_content .five_img .img_tip:nth-child(2),
.five_ways .five_ways_content .five_img .img_tip:nth-child(3),
.five_ways .five_ways_content .five_img .img_tip:nth-child(4) {
    margin-left: 20px;
}

.five_ways .five_ways_content .five_img .img_tip .content-overlay {

    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.five_ways .five_ways_content .five_img .img_tip:hover .content-overlay {
    opacity: 0.7;
    background: #db9423;
}

.five_ways .five_ways_content .five_img .content-image {
    width: 100%;
}

.five_ways .five_ways_content .five_img .content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.five_ways .five_ways_content .five_img .img_tip:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.five_ways .five_ways_content .five_img .content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.five_ways .five_ways_content .five_img .content-details p {
    color: #fff;
    font-size: 0.8em;
}

.five_ways .five_ways_content .five_img .fadeIn-bottom {
    top: 80%;
}

/**stay helath responsive*/







@media screen and (max-width:765px) {

   
    .stay_path{
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .stay_health_head h1 {
        color: #214B04 !important;
        font-size: 40px;
        font-family: "Aclonica", Sans-serif
    }
    .stay_health_head img{
        width: 50%;
    }
    .intro-stay {
        height: 70vh;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        letter-spacing: 0.1rem;
        /* background-color: rgba(0,0,0,0.7); */
      }
      .tip_health_title .title_tip{
        font-size: 25px !important;
      }
      .five_ways .five_ways_content .five_img {
        display: block; 
        margin-top: 125px;
        padding-bottom: 55px;
    }
    .sleepless_title h2{
        font-size: 30px !important;
    }
    .sleepless_top img{
        width: 30%;
    }
   
}
.content-details p{
    font-family: 'Poppins','sans-serif' !important;
}
.img_tip_block{
    display: none;
}
/* mental health section */
.mental_health_section {
    padding: 65px 0px;
    background-color: #f7f9fb;
}

.mental_health_section .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mental_health_section .mental_health_content .title_tip {
    color: #2A6005;
    font-family: "Aclonica", Sans-serif;
    font-size: 45px;
    text-align: center;
}

.mental_health_section .mental_health_content .five_desc {
    color: #1D1D23;
    font-size: 16px;
    font-family: 'poppins', sans-serif;
    text-align: center;
    margin-top: 35px;
}

.mental_health_section {}

.mental_health_section .mental_health_content .mental_cards {
    flex-wrap: wrap;
    display: flex;

}

.mental_health_section .mental_health_content .mental_cards .card_one {
    width: 50%;
    padding: 20px;
}

.mental_health_section .mental_health_content .mental_cards .card_one .card_tit {
    background-color: #2A6005;
    padding: 21px 40px 21px 40px;
}

.mental_health_section .mental_health_content .mental_cards .card_one .card_tit h3 {
    font-size: 15px;
    color: #fff;
    font-family: "Aclonica", Sans-serif;
}

.mental_health_section .mental_health_content .mental_cards .card_one .card_desc {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #023c5b;
    padding: 30px 40px 30px 40px;
    margin: 0px 0px 0px 0px;
}

.mental_health_section .mental_health_content .mental_cards .card_one .card_desc p {

    font-size: 13.5px;
    font-family: 'poppins', sans-serif;
    color: #1D1D23;
}

@media screen and (max-width:596px) {
    .mental_health_section .mental_health_content .mental_cards .card_one {
        width: 100%;
        padding: 20px;
    }
}

/* sleep suggestion */
.sleep_suggestion {
    padding:50px  0px 100px 0px;
}

.sleep_suggestion .container {
    display:flex;
    align-items: center;
    justify-content:center;
}
.sleep_suggestion .sleep_sug_title { 
    text-align: center;
    margin-bottom:40px;
    padding-bottom:10px;
}
.sleep_suggestion .sleep_sug_title h2{
    color: #2A6005;
    font-family: 'Abril Fatface', display;
    font-size:35px;
    font-weight:600;
}
.sleep_suggestion .sleep_sug_img {
    width:100%;
}
.sleep_suggestion .sleep_sug_img img {
    width:100%;
}
.sleep_suggestion .sleep_sug_list {}
.sleep_suggestion .sleep_sug_list .list_sug {
    display:flex;
}
.sleep_suggestion .sleep_sug_list .list_sug_icon {
    height: 25px;
    width: 25px;
    border-color: #ED7A00;
    border-style: solid;
    background-color:#ED7A00 ;
    border-width: 1px 1px 1px 1px;
    transform: rotate(45deg);
    justify-content: center;
    align-items: center;
    margin-right:35px;
    display: flex;
}
.sleep_suggestion .sleep_sug_list .list_sug_icon i {
    color: #fff;
    font-size: 15px;
    padding: 15px 15px 15px 15px;
    transform: rotate(-45deg);
    font-weight: 900;
}
.sleep_suggestion .sleep_sug_list .list_sug_desc {
    padding:0px 5px;
}
.sleep_suggestion .sleep_sug_list .list_sug_desc p {
    padding-bottom:35px;
    font-weight:500;
    font-size: 18px;
    font-family: 'poppins', sans-serif;
    color: #1D1D23;   
}
 
/* sleep advice */
.sleep_advice {
    padding:10px 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sleep_advice .sleep_advice_content {
    justify-content: center;
}
.sleep_advice .sleep_advice_content .sleep_advice_title h2{
    text-align: center;
    color: #2A6005;
    font-family: 'aclonica',sans-serif;
    font-size:45px;
    font-weight:600;
}
.sleep_advice .sleep_advice_content .sleep_advice_title p {
    text-align: center;
    padding-top:30px;
    font-weight:500;
    font-size: 15px;
    font-family: 'poppins', sans-serif;
    color: #1D1D23; 
}
.sleep_advice .advice_row .adv_icon {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
    margin-top:20px;
}
.sleep_advice .advice_row .adv_icon svg {
    width:3rem;
    height:3rem;
    float:center;
    fill: #ED7A00;
    color: #ED7A00;
    border-color: #ED7A00;

}
.sleep_advice .advice_row .adv_icon i {
  text-align: center;
  font-size:3rem;
  justify-content: center;
  color:#ED7A00;
  align-items: center;
}
.sleep_advice .advice_row .adv_tit h3 {
  text-align: center;
  color: #2A6005;
  font-family: 'Abril Fatface', display;
  font-size:25px;
  font-weight:500;
}
.sleep_advice .advice_row .adv_desc p {
  text-align: center;
  padding-top:20px;
  font-weight:500;
  padding-left:50px;
  padding-right:50px;
  padding-bottom:20px;
  font-size: 15px;
  font-family: 'poppins', sans-serif;
  color: #1D1D23;
} 



/* fitness section */

@media screen and (max-width:750px){
    .fitness_head img{
        width: 50%;
    }
}

.fitness_head h1{
    font-size: 100px;
}
.fitness_section {
    padding: 80px 0px;
}

.fitness_section {
    background-image: url("../images/young-woman-gym-pulling-battle-rope-1024x683.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}

.fitness_section .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fitness_section  .health_tit {
    color: #ffff;
    font-family: "Aclonica", Sans-serif;
    font-size: 100px;
    font-weight: 400;
    margin-bottom: 20px;
}

.fitness_section .healthy_title {
    margin-top: 32px;
    padding-bottom: 30px;
}

.fitness_section  .stay_des_img {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 10px;
    padding-bottom: 70px;
}


/* yoga section css style */
.yoga_section {
  padding:110px 0px;
  background-color:#fff;
}
.yoga_section .container {

}
.yoga_section .have_look {
   justify-content: center;
   align-items: center;
}
.yoga_section .have_look h5 {
    color: #ED7A00;
    font-size: 15px;
    font-family: 'poppins',sans-serif; 
    text-transform: uppercase;
    letter-spacing:3px;
    text-align: center;

}
.yoga_section .have_look h2 {
   text-align: center;
   font-family: 'aclonica',sans-serif;
   font-size:45px;
   color:#214B04;
   margin-top:35px;
}
.yoga_section .have_look p {
   text-align: center;
   justify-content: center;
   align-items: center;
   font-family: 'alata',sans-serif;
   color:#1D1D23;
   font-size:15px;
   font-weight: 600;
   margin-top:20px;
   padding:15px 300px;
   margin-bottom:40px;
}
.yoga_section .yoga_img {
   width:100%;
   height:100%;
}
.yoga_section .yoga_img img {
   width:100%;
}

.yoga_section .yoga_content {
    padding: 93px 93px 93px 93px;
}
.yoga_section .yoga_content_title {
   
}
.yoga_section .yoga_content_title h2 {
    color: #2D6804;
    font-family: "Aclonica", Sans-serif;
    font-size: 27px;
    font-weight: 400;
}
.yoga_section .yoga_content_desc {
   

}
.yoga_section .yoga_content_desc p {
   font-family: 'poppins',sans-serif;
   color:#1D1D23;
   font-size:15px;
   margin-top:20px;
}

@media screen and (max-width:567px) {
    .yoga_section .yoga_content {
        padding:0px;
        margin-top:40px;
    }
    .yoga_section .have_look p{
        padding:0px;
    }
    .yoga_section .yoga_img {
        margin-bottom:30px;
    }

}



/* mental health section css style */



.mental_health_section {
    padding: 80px 0px;
}
/* 
.mental_health_section {
    background-image: url("../images/couple-meditating-practicing-yoga-home-sofa-focus-hands-scaled.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
} */

.mental_health .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mental_health_section  .health_tit {
    color: #ffff;
    font-family: "Aclonica", Sans-serif;
    font-size: 100px;
    font-weight: 400;
    margin-bottom: 20px;
}

.mental_health_section .healthy_title {
    margin-top: 32px;
    padding-bottom: 30px;
}

.mental_health_section  .stay_des_img {
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 10px;
    padding-bottom: 70px;
}



.mental_health_content  {
    padding:0px 0px;
}
.mental_health_content .container .row  {
    padding-bottom:25px;
}
.mental_health_content .what_mental {

}
.mental_health_content .what_mental h1 {
    color: #E49639;
    font-family: "Aclonica", Sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    font-size:45px;
}
.mental_health_content .what_mental p {
    font-family: 'poppins',sans-serif;
   color:#000000;
   font-weight: 500;
   font-size:17px;
   margin-top:20px;
   text-align: center;
   padding:10px 300px;
}
.mental_health_content .sign_mental {
    text-align: center;
    margin-top:40px;
    margin-bottom:60px;
}
.mental_health_content .sign_mental h2{
    color: #2D6804;
    font-family: 'Abril Fatface', display;
    font-size:45px;
    font-weight: 400;
}
.mental_health_content .sign_mental_img {
    width:100%;
    height:100%;
}
.mental_health_content .sign_mental_img img {
    width:100%;
}
.mental_health_content .sign_list {
 
}
.mental_health_content .sign_list .icon_para {
    display:flex;
}
.mental_health_content .sign_list .icon_para i {
    color: #2A6005;
    font-size:19px;
}
.mental_health_content .sign_list .icon_para p {
  margin-left:25px;
  font-family: "Verdana", Sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height:1.2em;
}

/*  */
.four_element_section {
    padding:50px 0px;
    background-color:#f0f2f3;
}
.four_element_section .container  {
    justify-content: center;
    align-items: center;
}
.four_element_section .container .row {
    padding-bottom:40px;
    margin-bottom:50px;
}
.four_element_section .four_element_title  {
    margin-bottom:40px;
}
.four_element_section .four_element_title h2 {
    text-align: center;
    color: #2D6804;
    font-family: 'Abril Fatface', display;
    font-size:45px;
    font-weight: 400;
}
.four_element_section .element_box {
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding:10px;
    height:400px;
}


.four_element_section .element_box .element_icon {
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:25px;
    margin-bottom:15px;
}
.four_element_section .element_box .element_icon i {
    color:#E49639;
    text-align: center;
    font-size: 35px;
}
.four_element_section .element_box .element_icon i .fas {
    color:#E49639;
}
.four_element_section .element_box .element_icon .fa-holding-heart:before{
    content: "\f4be";
    color:#E49639;
    width:10px;
    height:10px;
}
.four_element_section .element_box .element_icon .myspace:before{
    content: "\eb8d";
        color:#E49639;
    font-size: 35px;
}

.four_element_section .element_box .element_desc h3{
    text-align: center;
    color: #2A6005;
    font-family: 'Abril Fatface', display;
    font-size: 25px;
    margin-bottom:10px;
}
.four_element_section .element_box .element_desc p {
    text-align: center;
    color: #000000;
    font-family: "Verdana", Sans-serif;
    font-size: 15px;
    font-weight:500;
    line-height: 1.9em;
    padding:0px 25px;
}

.four_element_section .recover_list {
    justify-content: center;
    align-items: center;
}
.four_element_section .recover_para {
    display:flex;
    margin-left:25%;
}
.four_element_section .recover_para i {
   color:#E49639;
   font-size:25px;
}
.four_element_section .recover_para p {
    font-family: "Verdana", Sans-serif;
    padding-left:10px;
    font-size: 18px;

}


@media screen and (max-width:567px) { 
    .mental_health_section {
        background-position: center center;
        background-repeat: no-repeat;
        background-size:cover;
        background-attachment: scroll;
    }
    
    .mental_health .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .mental_health_section  .health_tit {
        color: #ffff;
        font-family: "Aclonica", Sans-serif;
        font-size:38px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    .mental_health_section .healthy_title {
        margin-top: 32px;
        padding-bottom: 30px;
    }
    
    .mental_health_section  .stay_des_img {
        padding-bottom: 30px;
    }
    
    .mental_health_content .what_mental h1 {
        font-size:25px;
    }
    .mental_health_content .what_mental p {
        font-size:15px;
        padding:0px;
     }
    
    .mental_health_content .sign_mental h2{
        font-size:28px;
        
    }
    .mental_health_content .sign_mental_img {
        width:100%;
        height:100%;
        margin-bottom:40px;
    }
    .mental_health_content .sign_mental_img img {
        width:100%;
    }
    .mental_health_content .sign_list {
     
    }
    .mental_health_content .sign_list .icon_para {
        display:flex;
    }
    .mental_health_content .sign_list .icon_para i {
        color: #2A6005;
        font-size:19px;
    }
    .mental_health_content .sign_list .icon_para p {
      margin-left:25px;
      font-family: "Verdana", Sans-serif;
      font-size: 19px;
      font-weight: 500;
      line-height:1.2em;
    }
    


    .four_element_section .four_element_title h2 {
       
        font-size:28px;
        
    }
    .four_element_section .element_box {
        background-color: #fff;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding:10px;
        height:300px;
        margin-bottom:20px;
    }
    
    
    .four_element_section .element_box .element_icon i {
        color:#E49639;
        text-align: center;
        font-size: 25px;
    }
   

    
    .four_element_section .element_box .element_desc h3{
     
        font-size: 20px;
    
    }
    .four_element_section .element_box .element_desc p {
        text-align: center;
        color: #000000;
        font-family: "Verdana", Sans-serif;
        font-size: 15px;
        font-weight:500;
        line-height: 1.9em;
        padding:0px 25px;
    }
    
    .four_element_section .recover_para {
        margin-left:0;
    }
    .four_element_section .recover_para i {
       color:#E49639;
       font-size:25px;
    }
    .four_element_section .recover_para p {
        font-family: "Verdana", Sans-serif;
        padding-left:10px;
        font-size: 15px;
    
    }
}

@media screen and (max-width:798px) {
    .mental_health_section {
        padding: 50px 0px;
    }
    
    .mental_health_section {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    
  
    
    .mental_health_section  .health_tit {
        color: #ffff;
        font-family: "Aclonica", Sans-serif;
        font-size: 45px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    .mental_health_section .healthy_title {
        margin-top: 32px;
        padding-bottom: 30px;
    }
    
    .mental_health_section  .stay_des_img {
        padding-bottom: 50px;
    }
    .mental_health_content .what_mental p {
       padding:0px;
    }
    
    .mental_health_content .sign_mental_img {
        width:100%;
        height:100%;
        margin-bottom:40px;
    }
    
    /*  */
    .four_element_section .element_box {
        background-color: #fff;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding:10px;
        height:350px;
        margin-bottom:20px;
    }
        
    .four_element_section .recover_para {
        display:flex;
        margin-left:15%;
    }
    
}


@media screen and (max-width:998px) {
    .mental_health_section {
        padding: 50px 0px;
    }
    
    .mental_health_section {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    
  
    
    .mental_health_section  .health_tit {
        color: #ffff;
        font-family: "Aclonica", Sans-serif;
        font-size: 45px;
        font-weight: 400;
        margin-bottom: 20px;
    }
    
    .mental_health_section .healthy_title {
        margin-top: 32px;
        padding-bottom: 30px;
    }
    
    .mental_health_section  .stay_des_img {
        padding-bottom: 50px;
    }
    .mental_health_content .what_mental p {
       padding:0px;
    }
    
    .mental_health_content .sign_mental_img {
        width:100%;
        height:100%;
        margin-bottom:40px;
    }
    
    /*  */
    .four_element_section .element_box {
        background-color: #fff;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding:10px;
        height:350px;
        margin-bottom:20px;
    }
        
    .four_element_section .recover_para {
        display:flex;
        margin-left:15%;
    }
    
}
.mental_head{
  margin: 0 auto;
  width: 500px;
}
.mental_head h1{
    font-size: 100px !important;
    color: #D1DFCB !important;
    font-family: "Aclonica", Sans-serif;
}
.sleep_health_head h1{
    font-size: 100px !important;
    color: #D1DFCB !important;
    font-family: "Aclonica", Sans-serif;
}
@media screen and (max-width:750px){
    .mental_head h1{
        font-size: 50px !important;
        color: #D1DFCB !important;
        font-family: "Aclonica", Sans-serif;
    }
    .mental_head img{
        width: 30%;
    }
    .sleep_health_head h1{
        font-size: 50px !important;
        color: #D1DFCB !important;
        font-family: "Aclonica", Sans-serif;
    }
    .sleep_health_head  img{
        width: 50%;
    }
    .tip_health_title .title_tip{
        text-align: center;
        font-size: 30px !important;
    }
}
.icon_para .fa{
    transform: rotate(360deg);
}
.order002{
    display: flex;
    order: 2;
}
.order001{
    order: 1;
}


.margin{
    margin: 0 10px;
   
}





/*  */

.creating_health {
 padding:120px 0px 60px 0px;
}

.creating_health .creating_content h2 {
    color: #2A6005;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    font-family: "Aclonica", Sans-serif;
    font-size:45px;
}
.creating_health .creating_content p {
    color:#1D1D23;
    font-family: 'poppins',sans-serif;
    font-size:15px;
}



.accordion {
    width: 100%;
    /* max-width: 600px; */
    /* margin: 5rem auto 0; */
  }
  
  /* hide the default arrow */
  details > summary {
    list-style: none;
  }
  details summary::-webkit-details-marker {
    display: none;
  }
  
  /* general styles */
  details {
    margin-bottom: 12px;
    /* border-radius: 8px; */
  }
  
  summary {
    background-color: #2A6005;
    color: #fff;
    /* padding: 1rem; */
    font-size: 15px;
    padding: 20px 20px 20px 20px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
    position:relative;
  }
  
  summary .icon  {
  
  }
  summary .tit {
    /* padding:0px 0px 0px 40px; */
    margin-left:40px;
    font-family:'poppins',sans-serif;
  }
  summary .icon::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 35px;
    background-color: rgba(255,255,255,.2);
    text-align: right;
    line-height: 55px;
  }
  summary .icon::after{
    position: absolute;
    content: "";
    left: 35px;
    top: 0;
    border-top: 26.5px solid transparent;
    border-right: 26.5px solid transparent;
    border-left: 26.5px solid rgba(255,255,255,.2);
    border-bottom: 26.5px solid transparent;
  }
  .tri {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 50px;
    border-color: transparent transparent transparent #000000;
  }
  
  details > div  {
    background-color: #fff;
    padding: 1rem 2rem;
  }
  details > div > li {
    color:#000000;
    font-size:16px;
    font-weight:500;
    font-family: 'poppins',sans-serif;
    padding:10px 10px 10px 50px;
  }
  /* open state */
  details[open] summary {
    /* border-bottom-right-radius: unset; */
  }
  
  details[open] > div {
    /* border-bottom-right-radius: 24px; */
  }
  
  /* details[open] .icon svg {
    transform: rotateX(180deg);
  } */