/** top header ****/
.top_header{
    background-color: #454444;
    color: #fff;
    padding: 3px;
}
.header_logo{
    align-self: center
}
.header_contact{
    align-self: center;
}
/**header menu**/
.navbar-light .navbar-nav .nav-link{
    font-weight: 600;
}
.carousel-item img{
    width: 100%;
    height: 800px;
}
.breathe h2{
    color: #d45700;
    font-family: "League Script";
    font-size: 80px;
    text-transform: lowercase;
    line-height:1.3em ;
    text-align: center;
    padding: 40px 0px;

}
.Understanding_the h2{
    color: #344033;
    font-family: "gotu" , arial;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: 0.8px;
    text-align: center;
    padding: 40px 0px;
}
.mind_mental{
    text-align: center;
    padding: 40px 0px;
}
.mind_mental img{
    text-align: center;
    width: 85px;
    height: 100px;
}
.mind_mental h3{
    font-family: "gotu", cursive;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3em;
    padding: 20px 0px;
}
.mind_mental p {
    font-weight: 600;
}
.mind_mental .col-md-4 {
    padding-right: 60px;
    padding-left: 86px;
}
li.nav-item{
    padding: 0px 10px;
}
/* about section*/

.about_section{
    position: relative;
    /* padding: 50px 0px; */

}
.about_image img{
    position: absolute;
    width: 57%;
    z-index: -1;
    left: 0;
    /* top: 0; */
   
}
.about_right_2{
    padding-top: 30px;
}
.about_right{
    padding:133px 0px 98px 22%;
}
.about_right p, .about_right_2 p{
    font-weight: 600;
    padding: 20px 0px;
    font-size: 20px;
}

.about_button a{
    color: #344033;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    text-decoration: none;
    border-radius: 300px;
    background-color: #fff;
    letter-spacing: 1.5px;
}
.about_button  :hover {
    color: #fff;
    background-color: #d45700;
}
.about_button a i {
    margin-right: 5px;
}
.about_right h3, .experience_box h3 {
    color: #d45700;
}

/* Services******************************************************************************/
.services_title h2 {
    color: #344033;
    font-family: "gotu" , arial;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: 0.8px;
    text-align: left;
}

.service_section {
    padding: 40px 0px;
}
.services_title p {
    font-weight: 600;
    padding-right: 45%;
    font-size: 18px;
}
.services_right_img{
    position: relative;
}
.services_right_img img{
    position: absolute;
    width: 114%;
    height: 550px;
    object-fit: contain;
}
.list-group-item.list-group-item-action.list-group-item-secondary {
    padding: 3px 0px;
}
.accordion-flush .accordion-item .accordion-button {
    color: #344033;
    background: #FFDFCD;
}
/* .services_title {
    padding-bottom: 40px;
} */

/***************** falory   **********************************/
.gallery_title h2{
    color: #344033;
    font-family: "gotu" , arial;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: 0.8px;
    text-align:center;
}
.gallery_title p {
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    padding: 0% 20%;
}
.gallery_img img{
    width: 100%;
    margin: 5px 0px;
    height: 200px;
}
.gallery_section{
    padding: 40px 0px;
}

/**** footer*************/
.footer_logo{
    text-align: center;
}
.footer_title{
    padding: 15px 0px;
}

.footer_title h2{
    color: #344033;
    font-family: "gotu" , arial;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: 0.8px;
    text-align:center;
}
.footer_title p {
    font-weight: 600;
    text-align: center;
    font-size: 18px;
    /* padding: 0% 20%; */
}
.button_link{
    text-align: center;
}

.footer_phone a{
    color: #d45700;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    text-decoration: none;
    border-radius: 300px;
    background-color: #fff;
    letter-spacing: 1.5px;
}
.footer_phone  :hover {
    color: #fff;
    background-color: #d45700;
}
.footer_phone a i {
    margin-right: 5px;
}
.footer_join a{
    color:#d45700;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    text-decoration: none;
    border-radius: 300px;
    letter-spacing: 1.5px;
    background-color: #ffdfcd;
}
.footer_join  :hover {
    color: #fff;
    background-color: #d45700;
}
.footer_join a i {
    margin-right: 5px;
}
.footer_right div{
display: inline-block;
padding: 0px 10px;
}
.footer_right div i {
    font-size: 25px;
}
.footer_left div a{
    font-size: 17px;
    text-decoration: none;
    color: #344033;
    font-weight: 600;
    padding: 0px 15px;
}
.top_footer{
    padding: 40px 0px;
}
.row_bottom{
    border-bottom: 2px solid #454444;
}
.footer_boottom{
    margin-bottom: 30px;
}
/********* contact **********/
.sub_header h1{
    font-family: "gotu", arial;
    font-size: 100px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.1em;
    color: #344033;
    text-align: center;
    padding: 30px 0px;
}
.form_inquiry{
    padding: 50px 0px;
}

/*************** blog *****************************/
.blog_box h3{
    padding: 4px 4px;
    text-align: left;
}

.blog_box span {
    color: crimson;
    padding: 4px 0px;
}
.gallery_img div img{
    width: 100%;
}

/***** blog ******/
.blog_box div a {
    color: #344033;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4em;
    text-decoration: none;
    border-radius: 300px;
    background-color: #fff;
    letter-spacing: 1.5px;
}

.blog_box div span :hover {
    color: #fff;
    background-color: #d45700;
}
.services_boxs{
    text-align: center;
    margin: 40px 0px;
}
.services_boxs img{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.services_boxs h3{
    color: #d45700;
}


/* banner css start  */
/* ================= banner medaia quari start  ================== */
@media all and (max-width: 767px){
  .mySlides{
    height: 235px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
  .mySlides{
    height: 450px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1499px){
  .mySlides{
    height: 600px !important;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1800px){
  .mySlides{
    height: 650px !important;
  }
}

/* end banner css  */


@media screen and (min-width: 480px) {
    body {
      background-color: lightgreen;
    }
  }