@media (max-width: 991px) {
  .dropdown-submenu {
    display: none;
  }
  .navbar-brand {
    margin-right: auto;
    padding-left: 10px;
  }
  .menu-border {
    border-bottom: 1px solid gray !important;
  }


.dropdown-toggle-custom {
  padding: 10px 15px;
  cursor: pointer;
  font-weight: 500;
}

.custom-dropdown-menu {
  display: none;
  flex-direction: column;
  padding-left: 0; 
  background: #fff;
}
.custom-dropdown-menu li a {
  padding: 5px 15px 5px 0px;
  display: block;
}

.custom-dropdown.open > .custom-dropdown-menu {
  display: flex;
}

.toggle-icon {
  transition: transform 0.3s ease;
}

.custom-dropdown.open > .dropdown-toggle-custom > .toggle-icon {
  transform: rotate(180deg);
}
  .side-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 300px;
    max-width: 100%;
    height: 100vh !important;
    overflow-y: auto;
    background: #fff;
    padding: 20px 15px;
    transition: left 0.3s ease, opacity 0.3s ease;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
  }

  .side-menu.show {
    left: 0;
    pointer-events: auto;
    opacity: 1;
  }

  .close-menu {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 10000;
  }
  .top {
    padding-top: 60px;
  }
  .rating {
    height: 35%;
  }
  .nav-logo {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .border-dashed-right {
    border-right: dashed 3px #ffbf05;
  }
  .border-dashed-bottom {
    border-bottom: dashed 3px #ffbf05;
  }
  .quality-box {
    transform: rotateZ(5deg) scale(1.03);
  }
  .quality-box-inner {
    position: absolute;
    left: -20px;
  }
}
@media (max-width: 576px) {
	.review-btn .slick-prev {
    left: -0px;
}
		.review-btn .slick-next {
    right: 0px;
}
  .expert-slider-box {
    height: 530px !important;
  }
  .sample-circle {
    width: 14%;
  }
  .logo {
    width: 45%;
  }
}
@media (min-width: 992px) {
  .small-width {
    width: 90%;
  }

  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 99%;
    margin-left: 0.1rem;
    display: none;
    position: absolute;
  }
  .nav-item.dropdown > .nav-link.dropdown-toggle {
    pointer-events: none;
  }
  .form-sticky {
    position: sticky;
    top: 70px;
  }
}



@media (min-width: 320px) and (max-width:767.99px) {

.testimonial-slider-box {
  min-height: auto;
}
}