.border-radius30{border-radius: 30px;}
.w-100{width: 100%;}
.main-header__sidebar-btn {
    position: fixed;
    margin-right: 0;
    width: 29.71px;
    cursor: pointer;
    z-index: 111;
    right: 0;
    top: 238px;
    /* background: #000; */
    background: var(--swath-primary);
    padding: 10px;
    /* border-radius: 10px; */
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.main-slider-one__image img{border-top-left-radius: 30px; border-top-right-radius: 30px;}
.main-header__sidebar-btn span{background: var(--swath-white);}
.specilities-list{display: flex; flex-wrap: wrap;} 
.specilities-list .specilities-box{min-width: 19.7%; flex: inherit;}
.specilities-list .specilities-box h4{font-size: 18px; color: var(--swath-secoundary); display: inline-flex; border-bottom: 2px solid var(--swath-secoundary);} 
.specilities-list .specilities-box h4 a{color: var(--swath-secoundary); font-weight: 600;}
.specilities-list .specilities-box h4 a:hover{color: var(--swath-primary); font-weight: 600;}
.specilities-list .specilities-box ul{position:inherit !important; visibility: inherit !important; opacity: 1 !important; display: inline; padding: 0 !important;}

.services-one{}
.recipe-section .blog-card{}
.rcp-short{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.inner-page-header{padding: 160px 20px 20px;}
.main-header--two .container-fluid{box-shadow: 0px 4px 50px rgba(92, 92, 92, 0.1);}
.services-three__item__content i{font-size: 80px; margin-bottom: 30px; color: var(--swath-base);}
.sign-symptoms .features-one__card .features-one__card__content{text-align: center;}
.sign-symptoms .features-one__card .features-one__card__content .features-one__card__icon{margin: 0 auto 15px; border-radius: 100%;}
.sign-symptoms .features-one__card .features-one__card__content h3{font-size: 22px;}
.sign-symptoms .features-one__card::after{background: transparent; box-shadow: none;}
.detail-accordian .accordion .accordion-title{border: 1px solid #5c5c5c; padding: 15px 35px 15px 70px; border-radius: 100px;}
.detail-accordian .faq-accordion .active .accordion-title{border-color:var(--swath-base) ;}
.detail-accordian .accordion-title h4::after{display: none;}
.direction-reverce-row{flex-direction: row-reverse;}
.dite-plan-section{background: #f7f7f7;}
.dite-plan-section .service-card-three__content{padding: 15px; text-align: center;}
.dite-plan-section .service-card-three__content h3{margin-bottom: 15px;}
.video-popup .modal-dialog .btn-close{position: absolute;
    right: -17px;
    top: -15px;
    background-color: #fff;
    padding: 7px;
    opacity: 1;}
.video-popup .modal-dialog .modal-content{padding: 15px; border-radius: 15px; }
.video-list .blog-card__hover__icon::before, .video-list .blog-card__hover__icon::after{display: none;}
.video-list .blog-card__hover__icon i{font-size: 45px; color: var(--swath-secoundary);}

.disease-list .service-card__image{mask: inherit;}

/***  login page  ***/
.login-signup .container {
  position: relative;
  width: 100%;
  background-color: #fff;
  min-height: 100vh;
  overflow: hidden;
  max-width: 100%;
}

.login-signup .forms-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.login-signup .signin-signup {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 75%;
  width: 50%;
  transition: 1s 0.7s ease-in-out;
  display: grid;
  grid-template-columns: 1fr;
  z-index: 5;
}

.login-signup form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0rem 5rem;
  transition: all 0.2s 0.7s;
  overflow: hidden;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.login-signup form.sign-up-form {
  opacity: 0;
  z-index: 1;
}

.login-signup form.sign-in-form {
  z-index: 2;
}

.login-signup .title {
  font-size: 1.8rem;
  color: #444;
  margin-bottom: 10px;
  margin-top: 15px;

}

.login-signup .input-field {
  max-width: 380px;
  width: 100%;
  background-color: #f0f0f0;
  margin: 10px 0;
  height: 55px;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 15% 85%;
  padding: 0 0.4rem;
  position: relative;
}

.login-signup .input-field i {
  text-align: center;
  line-height: 55px;
  color: #acacac;
  transition: 0.5s;
  font-size: 1.1rem;
}

.login-signup .input-field input {
  background: none;
  outline: none;
  border: none;
  line-height: 1;
  font-weight: 600;
  font-size: 1.1rem;
  color: #333;
}

.login-signup .input-field input::placeholder {
  color: #aaa;
  font-weight: 500;
}

.login-signup .social-text {
  padding: 0.7rem 0;
  font-size: 1rem;
}

.login-signup .social-media {
  display: flex;
  justify-content: center;
}

.login-signup .social-icon {
  height: 46px;
  width: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0.45rem;
  color: #333;
  border-radius: 50%;
  border: 1px solid #333;
  text-decoration: none;
  font-size: 1.1rem;
  transition: 0.3s;
}

.login-signup .social-icon:hover {
  color: var(--swath-primary);
  border-color: var(--swath-primary);
}

.login-signup .btn {
  width: 150px;
  background-color: var(--swath-primary);
  border: none;
  outline: none;
  height: 49px;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  margin: 10px 0;
  cursor: pointer;
  transition: 0.5s;
}

.login-signup .btn:hover {
  background-color: #f98c39;
}
.login-signup .panels-container {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.login-signup .container:before {
  content: "";
  position: absolute;
  height: 2000px;
  width: 2000px;
  top: -10%;
  right: 48%;
  transform: translateY(-50%);
  /* background-image: linear-gradient(-45deg, #F86F03 0%, #FFA41B 100%); */
  background: var(--swath-primary);
  transition: 1.8s ease-in-out;
  border-radius: 50%;
  z-index: 6;
}

.login-signup .image {
  width: 100%;
  transition: transform 1.1s ease-in-out;
  transition-delay: 0.4s;
}

.login-signup .panel {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-around;
  text-align: center;
  z-index: 6;
}

.login-signup .left-panel {
  pointer-events: all;
  padding: 3rem 17% 2rem 12%;
}

.login-signup .right-panel {
  pointer-events: none;
  padding: 3rem 12% 2rem 17%;
}

.login-signup .panel .content {
  color: #fff;
  transition: transform 0.9s ease-in-out;
  transition-delay: 0.6s;
}

.login-signup .panel h3 {
  font-weight: 600;
  line-height: 1;
  font-size: 1.5rem;
  color: var(--swath-white);
}

.login-signup .panel p {
  font-size: 0.95rem;
  padding: 0.7rem 0;
}

.login-signup .btn.transparent {
  margin: 0;
  background: none;
  border: 2px solid #fff;
  width: 130px;
  height: 41px;
  font-weight: 600;
  font-size: 0.8rem;
}

.login-signup .right-panel .image,
.login-signup .right-panel .content {
  transform: translateX(800px);
}

/* ANIMATION */

.login-signup .container.sign-up-mode:before {
  transform: translate(100%, -50%);
  right: 52%;
}

.login-signup .container.sign-up-mode .left-panel .image,
.login-signup .container.sign-up-mode .left-panel .content {
  transform: translateX(-800px);
}

.login-signup .container.sign-up-mode .signin-signup {
  left: 25%;
}

.login-signup .container.sign-up-mode form.sign-up-form {
  opacity: 1;
  z-index: 2;
}

.login-signup .container.sign-up-mode form.sign-in-form {
  opacity: 0;
  z-index: 1;
}

.login-signup .container.sign-up-mode .right-panel .image,
.login-signup .container.sign-up-mode .right-panel .content {
  transform: translateX(0%);
}

.login-signup .container.sign-up-mode .left-panel {
  pointer-events: none;
}

.login-signup .container.sign-up-mode .right-panel {
  pointer-events: all;
}
.blog-sub-title{font-size: 22px; font-weight: 600;}
.blog-details__inner .accordion-content .inner{padding-left: 70px;}
.blog-details__inner .accordion .accordion-title{padding: 11px 35px 11px 70px;}
.blog-details__inner .accordion h4{font-size: 20px;}
.color-danger{color: var(--swath-secoundary);}
.small-text{font-size: 12px;}

.disease-detail .about-three__image .about-three__image__inner{padding-top: 0; background: transparent;}
.disease-detail .about-three__image .about-three__image__inner img{border-radius: 30px;}
.disease-detail .accordion-content .inner{padding-left: 70px;}
.disease-detail .sec-title__title{font-size: 24px;}
.disease-detail .about-three__list li{width: 100%;}

.dite-detail .tab-left img{width: 100%; border-radius: 30px;}
.dite-detail .why-choose-two__tab-box .tab-buttons .tab-btn{padding: 3px 40px;}
.dite-detail .why-choose-two__list li{width: 100%;}

.blog-three .owl-stage-outer .item .blog-card-two__image .blog-thumb{max-width: 200px;}
.blog-three .owl-stage-outer .item .blog-card-two__image .sub-banner{max-height: 150px;}

.recipe-section .item .blog-card .blog-card__image img{max-height: 280px;}

.services-two__container .owl-item .item .service-card-two__content img{max-width: 400px;}

.about-one__image img{max-width: 100%;}

.podcast .blog-card{padding: 0;}
.podcast .blog-card-two__title{display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;}

  /* .recipe-section .blog-one__custome-navs{justify-content:end; flex-direction: row-reverse;} */
  .mediox-ratings__icon{color: var(--swath-secoundary);}
  .footer-widget__posts__title{display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;}
.recipe-list-page .blog-card-two .blog-card-two__image img{max-height: 250px;}
.recipe-list-page .blog-card-two .blog-card__title{min-height: 65px;}
.recipe-list-page .blog-card-two .blog-card-two__image{
  width: 100%;
    height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recipe-list-page .blog-card-two .blog-card-two__image img{
  /* max-width: 100%;
    max-height: 100%;
    object-fit: contain; */
}
.recipe-detail .blog-card-four__image{
  width: 100%;
    height: 350px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recipe-detail .blog-card-four__image img{
  max-width: 100%;
    /* max-height: 100%; */
    object-fit: contain;
}
.features-one__card__text{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.testimonial-card-two__bottom{display: inherit;}
.testimonial-card-two__identity .testimonial-card-two__info p{width: 49%; display: inline-block;}
.calculat-score img{max-width: 100%; border-radius: 15px; margin-bottom: 15px;}
.blog-list-page .blog-card-two__title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-list-page .blog-card-two__image img{min-height: 210px;}
.services-one .service-card__image{mask:inherit}
.services-one .service-card__icon{top: 15px; right: 15px; background: rgba(0, 0, 0, 0.3); color: #fff;}
.post-pagination{justify-content: center;}
.form-one__control .bootstrap-select{width: 100% !important;}
.filter-cus .btn.dropdown-toggle{
  display: block;
  width: 100%;
  padding: 13px 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.filter-cus{margin-bottom: 25px;}
.filter-cus .dropdown-toggle:after{position: relative; right: 10px;}
.search-box{position: relative;}
.search-box i{position: absolute; top: 17px; right: 15px;}
.search-box .form-control{padding: 13px 30px 13px 15px;}
.right-box{background: var(--swath-white); padding: 15px; border-radius: 15px;}
.right-box .blog-card-four{border-bottom: 0; padding-bottom: 0;}

.dite-list-cus .blog-card-two{padding: 15px;}
.dite-list-cus .blog-card-two .blog-card-two__image{max-height: 205px;}

@media (max-width: 870px) {
  .login-signup .container {
    min-height: 800px;
    height: 100vh;
  }
  .login-signup .signin-signup {
    width: 100%;
    top: 95%;
    transform: translate(-50%, -100%);
    transition: 1s 0.8s ease-in-out;
  }

  .login-signup .signin-signup,
  .login-signup  .container.sign-up-mode .signin-signup {
    left: 50%;
  }

  .login-signup .panels-container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr 1fr;
  }

  .login-signup .panel {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding: 2.5rem 8%;
    grid-column: 1 / 2;
  }

  .login-signup .right-panel {
    grid-row: 3 / 4;
  }

  .login-signup .left-panel {
    grid-row: 1 / 2;
  }

  .login-signup .image {
    width: 200px;
    transition: transform 0.9s ease-in-out;
    transition-delay: 0.6s;
  }

  .login-signup .panel .content {
    padding-right: 15%;
    transition: transform 0.9s ease-in-out;
    transition-delay: 0.8s;
  }

  .login-signup .panel h3 {
    font-size: 1.2rem;
  }

  .login-signup .panel p {
    font-size: 0.7rem;
    padding: 0.5rem 0;
  }

  .login-signup .btn.transparent {
    width: 110px;
    height: 35px;
    font-size: 0.7rem;
  }

  .login-signup .container:before {
    width: 1500px;
    height: 1500px;
    transform: translateX(-50%);
    left: 30%;
    bottom: 68%;
    right: initial;
    top: initial;
    transition: 2s ease-in-out;
  }

  .login-signup .container.sign-up-mode:before {
    transform: translate(-50%, 100%);
    bottom: 32%;
    right: initial;
  }

  .login-signup .container.sign-up-mode .left-panel .image,
  .login-signup .container.sign-up-mode .left-panel .content {
    transform: translateY(-300px);
  }

  .login-signup .container.sign-up-mode .right-panel .image,
  .login-signup .container.sign-up-mode .right-panel .content {
    transform: translateY(0px);
  }

  .login-signup .right-panel .image,
  .login-signup .right-panel .content {
    transform: translateY(300px);
  }

  .login-signup .container.sign-up-mode .signin-signup {
    top: 5%;
    transform: translate(-50%, 0);
  }
}

@media (max-width: 570px) {
  .login-signup form {
    padding: 0 1.5rem;
  }

  .login-signup .image {
    display: none;
  }
  .login-signup .panel .content {
    padding: 0.5rem 1rem;
  }
  .login-signup .container {
    padding: 1.5rem;
  }

  .login-signup .container:before {
    bottom: 72%;
    left: 50%;
  }

  .login-signup .container.sign-up-mode:before {
    bottom: 28%;
    left: 50%;
  }
}