.team-sub{ margin-top:10rem !important; }
.member-info h4 { font-size: .95rem; color: #1b355c; border-radius: 7px; background: #FAFAFA; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06); line-height: 1; padding: .75rem .75rem; margin-bottom:.75rem; width: fit-content; }
.single-team h1 {  font-size: 2rem !important; text-transform: uppercase; color: #1b355c !important; line-height: 1.5; margin-bottom: .5em !important; }
.exp, .talk, .flag, .next { position: relative; }
.exp:after {
    content: url(https://www.drjoydentalclinic.com/wp-content/uploads/2025/05/ico-exp.svg);
}
.talk:after {
    content: url(https://www.drjoydentalclinic.com/wp-content/uploads/2025/05/ico-talk.svg);
}
.flag:after {
    content: url(https://www.drjoydentalclinic.com/wp-content/uploads/2025/05/ico-flag.svg);
}
.next:after {
    content: url(https://www.drjoydentalclinic.com/wp-content/uploads/2025/05/ico-next.svg);
}
.round-tick{ position: relative; }
.round-tick:after{ 
    content: url(https://www.drjoydentalclinic.com/wp-content/uploads/2025/05/round-tick-2.svg);
}
.member-photo{ min-width:16rem; max-width:350px; }
.member-photo>img{ border-radius: 7px; }
.member-info h6{ font-size: 1rem; color: #000; margin-bottom: 0px !important; }
.flex-col{ flex-direction: column; }
.gap-p5{ gap: .5rem; }
.gap-2{ gap:2rem; }
.treatments-offered h2{ font-size: .95rem !important; text-transform: uppercase; margin-bottom: .5rem; font-weight: 500; }
/* .member-content h2{ font-size: .95rem !important; text-transform: uppercase; margin-bottom: .5rem; font-weight: 500; } */
.treatment-list a{ line-height: 2; border-bottom:1px solid #ccc; }
.treatment-list span { line-height: 2;}
.treatments-offered{ margin: 2rem 0rem; border:1px solid #E6E6E6; padding: 2rem;  }

.quick-dial-team{  margin-top: -1.25rem; display: flex; flex-direction: row; align-items: center; grid-gap: 10px; margin-bottom:10px !important; justify-content: center; }
.quick-dial-team a { display: flex; background: #fff; height: 45px; width: 45px; margin: 0px; border-radius: 8px; align-items: center; justify-content: center; text-decoration: none;
    box-shadow: 3px 1px 5px 1px #0000003d, -3px -1px 5px 0px rgb(255 255 255 / 0%); /* border: 1px solid rgb(167 167 167 / 27%); */ transition: transform 0.5s; }
.quick-dial-team img{ width: 1rem; }
.gap-5{ gap: 5rem; }

.meet-member{  background: color-mix(in srgb, var(#e3e3e3) 8%, transparent); 
    border: 2px solid transparent;
    border-radius: 24px;
    display: block;
    text-decoration: none;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 24px; }


.video-icon{ display: inline-block; padding: 10px;}
.video-icon img{ filter: brightness(0) saturate(100%) invert(86%) sepia(3%) saturate(7467%) hue-rotate(187deg) brightness(115%) contrast(94%); width: 5rem; }
.intro-video .modern{ align-items: center; }
.intro-video h3{ font-size: 1rem; margin-bottom:0px; }
.intro-video a .modern{  background: #FAFAFA; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06); border-radius: 4px; transition: transform .4s, background .4s, border-color .4s, color .4s; }
.intro-video a:hover .modern{ border-radius: 0px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04); }
.intro-video a:hover .modern .video-icon img{ filter: brightness(0) saturate(100%) invert(17%) sepia(67%) saturate(552%) hue-rotate(177deg) brightness(97%) contrast(97%); transition: transform .4s, background .4s, border-color .4s, color .4s; }
/* .member-content::first-letter {
  font-size: 200%;
  color:rgb(0, 0, 0); 
  float: left;
  line-height: 1;
} */

#loadMoreGallery{
    margin: 1rem auto;
    display: block;
    padding: 1rem;
    text-transform: uppercase;
    color: #f16623;
}

.smile_gallery_grid_x1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 2.5rem;
    margin-bottom: 5rem;
}
.ba_section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}
.flex-photo {
    position: relative !important;
    border-radius: 10px;
    overflow: hidden;
}
.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:8;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.twentytwenty-before-label, .twentytwenty-after-label {
    display: flex;
    align-items: flex-end;
}
.twentytwenty-before-label {
    opacity: 0;
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 1rem;
}

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    color: white;
    font-size: 13px;
    letter-spacing: 0.1em;
}
.youtube-video img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}
.youtube-video p {
    text-align: center;
    font-size: 14px;
    margin-top: 8px;
}
.youtube-slider {
    position: relative;
    margin: 40px 0;
}

.youtube-thumbnail-wrapper {
    width: 100%;
    aspect-ratio: 9 / 16;
    background: #000;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
}

.youtube-thumbnail {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    position: relative;
}

.play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.video-title {
    text-align: center;
    font-size: 14px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Custom slick arrows */
.pp24, .nn24 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.pp24 {
    left: -1.5rem; 
}

.nn24 {
      right: -1.5rem;
}

.pp24:hover, .nn24:hover {
    background: #111;
}
.treatment-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: .5rem 3rem; }

#google_reviews{ margin-bottom: 3rem; }
h2.section-heading{text-align: center;
    margin-bottom: 0px; }
.gap-p755 {
    gap: .75rem .5rem;
}
ul.treatment-list {
    list-style: none;
    padding-left: 0; 
    margin:0px !important;
}
.treatment-list li{ display: flex; gap:.5rem; height: fit-content; }
.member-content h4{ margin-bottom:.5rem !important; }
h2.section-heading {
    text-align: center;
    margin-bottom: 0px;
    font-size: 2rem !important;
}
/* h3.section-heading{ text-align: center;
     font-size: 1.5rem; } */
h3.section-heading {
    text-align: center;
    font-size: 1.125rem;
    background: #f5f5f5;
    width: fit-content;
    margin: .5rem auto 3rem;
    padding: .5rem 1rem;
}
.youtube-slider{ margin-bottom: 5rem; }

@media screen and (max-width:768px){
    .team-sub { margin-top: 7rem !important; }
    .team-header{ flex-direction: column; }
    .single-team h1{ margin-bottom:0px !important; }
    .member-photo{ margin: 0 auto; }
    .member-info h4, .member-info h1, .member-info h5 {  text-align: center; margin: 0rem auto .75rem auto; }
    .member-info h4{ line-height:1.5; }
    h3.section-heading{ margin: .5rem auto 2rem; }
    .gap-2 { gap: 0rem; }
    .treatments-offered{ padding:1.5rem; }
    .intro-video{ margin: 2rem auto auto; }
    .smile_gallery_grid_x1 { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 2.5rem; margin: 0rem .5rem 5rem !important; }
    .ba_section { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: .2rem; }
    .grid-before { border-radius: 10px 10px 0px 0px; }
    .twentytwenty-before-label, .twentytwenty-after-label { opacity: 1 !important; line-height: 30px; padding: 0px 10px; }
    .treatment-list { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: .5rem; }
    .pp24 {
    left: 0rem; 
}

.nn24 { right: 0rem; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
    line-height: 2.25;
    padding: 0 .5rem;
    margin-left: 0rem;
}
.grid-after{ border-radius: 0px 0px 10px 10px; }
.pp24, .nn24 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background: rgb(0 0 0 / 22%);
    color: #fff;
    padding: 6px;
    border-radius: 50%;
    cursor: pointer;
    height: 2rem;
    line-height: 1;
    width: 2rem;
    text-align: center;
}
.pp24 .fas, .nn24 .fas{ font-size: .75rem !important; }
}
@media screen and (min-width:768px){
    .edu_p{ width: 70%; }
    #google_reviews .bottom-arrow{ display: none !important;}
}