@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@1,600&family=Roboto:wght@300;400;500;700&family=Work+Sans:wght@200;300;400;500;600;700;800;900&display=swap");

select {
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari and Chrome */
  appearance: none;
  position: relative;
}
select:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 30px;
  width: 10px;
  height: 10px;
  background-image: url("../image/bottom-arrow.webp");
}
header.small {
  position: fixed;
  top: 0px;
  left: 0px;
  transition: all 0.5s ease-in-out;
  z-index: 99;
}

input::-webkit-input-placeholder {
  color: white;
}

input::-moz-placeholder {
  color: white;
}

input:-ms-input-placeholder {
  color: white;
}
.pain a.active:hover::before{
    opacity: 0 !important;
}
.pain a::before{
    position: absolute;
    content: "";
    width: 15px;
    height: 100%;
    background-color: #000;
    top: 0px;
    left: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all .8s ease-in-out;
    opacity: 0;
}
.pain a:hover::before{
    position: absolute;
    content: "";
    width: 15px;
    height: 100%;
    background-color: #000;
    top: 0px;
    left: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all .8s ease-in-out;
    opacity: 1;
}
.pain a.active{
    border-left: 15px solid #000;
}
.treatments .main-box .box:hover .button .rounded{
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #75b7f5;
  transition: all .5s ease-in-out;
} 
.treatments .main-box .box:hover .button .rounded i{
  color: #75b7f5;
  transition: all .5s ease-in-out;
  border: 1px solid transparent;
}
.heart a{
    transition: all .5s ease-in-out;
    position: relative;
    border: 1px solid transparent;
}
.heart a i{
    transition: all .5s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    
}
.heart a:hover i{
    transition: all .5s ease-in-out;
    color:#75b7f5;
}
.heart a:hover{
    transition: all .5s ease-in-out;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #75b7f5;
}
.spine .box-1 a{
  transition: all .7s ease-in-out;
}
   
.spine .box-1 a:hover{
    background-color: #fff;
    color: #5DBFC9;
    transition: all .7s ease-in-out;
}
.spine .box-2 a{
  transition: all .7s ease-in-out;
}
.spine .box-2 a:hover{
  background-color: #fff;
  color: #75b7f5;
  transition: all .7s ease-in-out;
}
.nav a , .nav .menu-button{
  transition: all .7s ease-in-out;
}
.nav a:hover , .nav .menu-button:hover{
  color: #75b7f5;
  transition: all .7s ease-in-out;
}
.nav .active{
  color: #75b7f5;
}
.drop-down #menu-bar{
  display: none !important;
}
.drop-down.show #menu-bar{
  display: block !important;
}
.drop-down-spine #menu-bar{
  display: none !important;
}
.drop-down-spine.show #menu-bar{
  display: block !important;
}
.appointment-btn{
    background-color: #75b7f5;;
    transition: all .7s ease-in-out;
    border: 1px solid transparent;
}
.appointment-btn:hover{
  background-color: #fff;
  color: #75b7f5;
  border: 1px solid  #75b7f5;
  transition: all .7s ease-in-out;
}
.social-box a:hover{
  background: #ffffff;
  border: 1px solid #144471;
  transition: all .5s ease-in-out;
}
.social-box a:hover i{
  color: #144471;
  transition: all .5s ease-in-out;
}
.social-box a{
  border: 1px solid transparent;
  transition: all .5s ease-in-out;
}
.social-box a i{
  transition: all .5s ease-in-out;
}
.slide{
  padding: 0px 10px;
}
.slide img{
  border: 1px solid #257DCF;
  border-radius: 10px;
}

/* dr.pinak thakkar */
.resp-tab-active {
  border: 1px solid #000 !important;
  border-bottom: none !important;
  background-color: transparent !important;
}
.resp-tabs-list li {
  background-color: #fff !important;
}
.resp-tab-content-active {
  border: 1px solid #000 !important;
}
.tabbing-content li {
  list-style-type: disc;
  margin-left: 20px;
}
.tabbing-content li::marker {
  color: #ce6638;
}
.intro .content {
  width: auto;
}
h2.resp-accordion.hor_1 {
  background-color: transparent !important;
}

/* treatment */
.discription .detail ul li {
  list-style-type: disc;
  margin-left: 30px;
}

/* spine-condition */
.pain a.active::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 100%;
  background-color: #000;
  top: 0px;
  left: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pain a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* gallery */
#gallery {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;

  -webkit-column-gap: 70px;
  -moz-column-gap: 70px;
  column-gap: 70px;
}
#gallery .img {
  margin-bottom: 70px;
}

@media (min-width: 100px) {
  .profile-img img {
    max-width: initial;
    width: 200px;
  }
  .container {
    padding: 0px 30px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 698px !important;
  }
  .profile-img img {
    max-width: initial;
    width: 200px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 921px !important;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1206px !important;
  }
  .profile-img img {
    max-width: initial;
    width: 220px;
  }
  .intro .content {
    width: fit-content;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px !important;
  }
  .intro .content {
    width: auto;
  }
}
@media screen and (max-width: 1386px) {
  .navbar-box {
    position: relative;
    display: block !important;
  }
  .menu-box {
    display: block !important;
    position: absolute;
    top: 35px;
    right: 20px;
    transform: translateY(-50%);
  }
  .menu-box span {
    height: 4px;
  }
  .right-nav {
    display: none !important;
    margin-top: 30px;
  }
  .mobile {
    overflow: hidden;
    height: 100vh;
    position: sticky;
    top: 0px;
    left: 0px;
  }
  header {
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    z-/: 99;
    overflow: scroll;
  }
  .mobile .right-nav {
    display: block !important;
  }
  .mobile header {
    height: 100vh;
  }
  .right-nav ul li {
    display: block !important;
  }
  .right-nav ul {
    margin-bottom: 0px;
  }
  .right-nav ul li {
    margin: 0px 0px 10px 0px !important;
  }
  .right-nav ul li .appointment-btn {
    display: inline-block;
  }
  .mobile .menu-box span:first-child {
    transform: rotate(45deg);
    position: absolute;
    top: 9px;
    transition: all ease-in-out 0.5s;
  }
  .mobile .menu-box span:last-child {
    transform: rotate(135deg);
    transition: all ease-in-out 0.5s;
  }
  .mobile .menu-box span:nth-child(2) {
    opacity: 0;
    transition: all ease-in-out 0.5s;
  }
  .menu-box span {
    transition: all ease-in-out 0.5s;
  }
}
@media screen and (max-width: 460px) {
  .menu-box {
    top: 20px !important;
  }
}

/* gallery responsive */

@media (max-width: 1200px) {
  #gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  #gallery .img {
    margin-bottom: 50px;
  }
}
@media (max-width: 800px) {
  #gallery {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  #gallery .img {
    margin-bottom: 30px;
  }
}
@media (max-width: 600px) {
  #gallery {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  #gallery .img {
    margin-bottom: 20px;
  }
}