:root {
  --primary-color: #ff61a4;
  --secondary-color: #ffe1f0;
  --text-color: #000000;
  --elgraine-family: 'Elgraine';
    --arizonia-family: 'Arizonia Regular';
  --montserrat-regular: 'Montserrat Regular';
  --border-radius: 6px;
  /* --montserrat-italic: 'Montserrat Italic', sans-serif;
  --montserrat-thin: 'Montserrat Thin', sans-serif;
  --montserrat-thin-italic: 'Montserrat Thin Italic', sans-serif;
  --montserrat-extralight: 'Montserrat ExtraLight', sans-serif;
  --montserrat-extralight-italic: 'Montserrat ExtraLight Italic', sans-serif;
  --montserrat-light: 'Montserrat Light', sans-serif;
  --montserrat-light-italic: 'Montserrat Light Italic', sans-serif;
  --montserrat-medium: 'Montserrat Medium', sans-serif;
  --montserrat-medium-italic: 'Montserrat Medium Italic', sans-serif;
  --montserrat-semibold: 'Montserrat SemiBold', sans-serif;
  --montserrat-semibold-italic: 'Montserrat SemiBold Italic', sans-serif;
  --montserrat-bold: 'Montserrat Bold', sans-serif;
  --montserrat-bold-italic: 'Montserrat Bold Italic', sans-serif;
  --montserrat-extrabold: 'Montserrat ExtraBold', sans-serif;
  --montserrat-extrabold-italic: 'Montserrat ExtraBold Italic', sans-serif;
  --montserrat-black: 'Montserrat Black', sans-serif;
  --montserrat-black-italic: 'Montserrat Black Italic', sans-serif; */


}
/* index */
.mahreen-header
{
    background-color: var(--secondary-color) ;
    padding: 100px 0px 30px 0px;
}
.head-text .rest
{
    font-family:var(--arizonia-family);
    color: var(--text-color);
    font-size: 40px;
}
.head-text .meh-head
{
 color: var(--primary-color);
 font-family: var(--elgraine-family);
 font-weight: bold ;
    font-size: 58px;
    line-height: 58px;
}
.head-text-m .meh-head-m
{
 color: #fff;
 font-family: var(--elgraine-family);
 font-weight: bold ;
    font-size: 30px;
    line-height: 30px;
}

.head-text-m .rest
{
    font-family:var(--arizonia-family);
    color: #fff;
    font-size: 20px;
}
.head-text-m .book
{
  color: var(--primary-color);
  background-color: #fff;
  text-decoration: none;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 3px;
}

.h-enjoy
{
  font-family: var(--montserrat-regular);
  font-weight: 500;
}
.book
{
  color: #fff;
  background-color: var(--primary-color);
  text-decoration: none;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 3px;
}
.book:hover
{
  text-decoration: none !important;
  background-color: #fff;
  color: var(--primary-color) !important;
}

 .header-img {
        position: relative;
       background-color: var(--primary-color);
       width: 100%;
       height: 360px;
       border-radius: 7px;
       }

        .header-img img {
            position: absolute;
            top: -25px;
            right: -25px;
            display: block;
            width: 100%;
            height: 360px;
            border-radius: 0px;
            z-index: 1;
            border-radius: 7px;
        }
        .welcom-section
        {
          margin-top: 60px;
        }
        .welcom-detail h3
        {
          font-family:     var(--arizonia-family) ;
        
                }
        .welcom-detail h4
        {
          font-family:     var(--elgraine-family) ;
          color: var(--primary-color);
          font-size: 45px;
          font-weight: 600;
        }
         .welcom-detail h5
        {
          font-family:     var(--elgraine-family) ;
          color: #000000;
              font-size: 36px;
          font-weight: 500;
         
        }
        .welcom-detail p
        {
          font-size: 16px;
        }

  .counter_ul {
    list-style-type: none;
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.counter_ul li {
    float: none;
    display: inline-block;
    border-radius: 5px;
   
    background-color: var(--primary-color);
    width: 328px;
    height: auto;
   
}
.wel-box h5
{
  font-size: 26px !important;
  font-family: var(--montserrat-regular);
  font-weight: 500;
}
.wel-box
{
     background-color: var(--secondary-color);
     border-radius: var(--border-radius);
     padding: 35px 30px;
}
 .welcom-crdz
 {
  padding: 0px 3rem;
 }
.wel-box img
{border-radius: var(--border-radius);

}

.appointment {
    background-image: url(../images/appiointment.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
 
}

.appointment .mehr-content {
      padding: 130px 0px
}
.app-detail p
{
  font-family: var(--elgraine-family);
  color: #000000;
  font-size: 30px;
}
.app-detail h5
{
  font-family: var(--elgraine-family);
  color: #fff;
      font-size: 40px;
      font-weight: 600;
}
.app-detail span
{
  color: #fff;
  font-family: var(--montserrat-regular);
  font-weight: 900;
  font-size: 18px;

}
.app-detail a
{

  background-color: #fff;
  color: var(--primary-color);
    text-decoration: none;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
}
.foot-element h6 {
    font-weight: 600;
    text-decoration: underline;
    color: #fff;
    letter-spacing: 1px;
    font-size: 17px;
   font-family: var(--montserrat-regular);
}

.foot-element    a {
  color: white;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 0px 0px 5px 0px;
  font-family: var(--montserrat-regular);
}
.foot-element    a:hover
{

 color: var(--secondary-color);
}
.foot-element p{
color: #fff;
  font-family: var(--montserrat-regular);
  margin-bottom: 0px;
}

.why-us
{
  background-color: var(--secondary-color);
  margin-top: 60px;
  padding: 80px 0px;
  width: 100%;
  content: "";
}


  

.why-us h3
        {
          font-family:     var(--arizonia-family) ;
        
                }
       .why-us h4
        {
          font-family:     var(--elgraine-family) ;
          color: var(--primary-color);
          font-size: 45px;
          font-weight: 00;
        }
         .why-us h5
        {
          font-family:     var(--elgraine-family) ;
          color: #000000;
              font-size: 30px;
          font-weight: 500;
         
        }
        .why-us p
        {
          font-size: 16px;
        }

        .why-detail ul 
        {
          list-style-type: none;
          padding-left: 6px !important;
        }
        .why-detail ul li
        {
            font-family: var(--montserrat-regular);
            margin-bottom: 8px;
        }
        .why-detail ul li i
        {
          color: var(--primary-color);
          
        }
     .nmber
      {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 600;
        font-family: var(--montserrat-regular);
      }
      .detl
      {
        color: #000000;
        font-size: 16px;
        font-family: var(--montserrat-regular);
      }

       .why-img {
        position: relative;
       background-color: var(--primary-color);
     width: 76%;
    height: 433px;

       border-radius: 7px;
       }

        .why-img img {
           position: absolute;
  top: -28px;
    right: -23px;
    display: block;
    width: 100%;
    height: 439px;
    border-radius: 0px;
    z-index: 1;
    border-radius: 7px;
        }
        .excellent
        {
          margin-top: 60px;
        }

        .servicess h3
        {
          font-family:     var(--arizonia-family) ;
        
                }
       .servicess h4
        {
          font-family:     var(--elgraine-family) ;
          color: var(--primary-color);
          font-size: 45px;
          font-weight: 600;
        }
         .servicess h5
        {
          font-family:     var(--elgraine-family) ;
          color: #000000;
              font-size: 30px;
          font-weight: 500;
         
        }
        .mehreen-slider .testimonial-item
        {
          background-color: var(--secondary-color);
          text-align: center;
        }
       .mehreen-slider .testimonial-item  .testimonial-img
       {
        width: 70px;
       }
        .mehreen-slider .testimonial-item .title
        {
          font-family: var(--montserrat-regular);
          font-size: 16px;
          font-weight: 600;
          color: #000000;
        }
         .mehreen-slider .testimonial-item p{
          font-family: var(--montserrat-regular);
          font-size: 13px;

         }

        .mehreen-slider .testimonial-item   .mehreen-stars
        {
          width: 100px;
        }

      .mehreen-slider   .carousel-control-next, .carousel-control-prev
        {
          width: 24% !important;
        }
 .mehreen-slider   .carousel-controls i
{
color: #fff8f5;
    background: var(--primary-color);
    padding: 10px;
    border-radius: 55%;
}
.mobile-items
{
  font-family: var(--montserrat-regular);
}
.sidebar_hid_pc
{
  display: none;
}

   .testt {
        background-color: var(--secondary-color);
        text-align: center;
        padding: 20px 10px;
    }

    .testt .testimonial-img {
        width: 70px;
    }

    .testt .title {
        font-family: var(--montserrat-regular);
        font-size: 16px;
        font-weight: 600;
        color: #000000;
    }

    .testt p {
        font-family: var(--montserrat-regular);
        font-size: 13px;

    }

    .testt .mehreen-stars {
        width: 100px;
    }

    .excellent .carousel-controls i {
        color: #fff8f5;
        background: var(--primary-color);
        padding: 10px;
        border-radius: 55%;
    }

    .excellent .carousel-control-prev {
        width: 2% !important;
    }

    .excellent .carousel-control-next {
        width: 2% !important;
    }

    .excellent .carousel-controls i {
        color: #fff8f5;
        background: var(--primary-color);
        padding: 7px 11px;
        border-radius: 50%;
        font-size: 21px;
    }
       .mobile-sec {
            padding: 72px 0px 36px 0px;
            background-color: #ffe1f0;
            display: none;
        }

        .mobile-bg {
            background-image: url('../images/mobile-bg.jpg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding: 40px 0px 50px 0px;
        }

        .head-text-m {
            text-align: center;
        }