/* region Carousel Buttons */

.main-carousel-contact-btn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 60%;
}

.btn-carousel-contact{
    height: 69px;
    width: 216px;
}
@media (min-width: 1200px) {
    .btn-carousel-contact {
        position: relative;
        left: 60%;
    }
}
@media (max-width: 991px) {
    .main-carousel-contact-btn {
        left: 50%;
    }
}
@media (min-width: 577px) {
    .btn-carousel-contact {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-carousel-contact i {
        margin-left: 5px;
    }
}
@media (max-width: 576px) {
    .btn-carousel-contact{
        height: 94px;
        width: 120px;
    }
}
@media (max-width: 420px) {
    .btn-carousel-contact{
        height: 78px;
        width: 100px;
        padding: 0;
    }
}
/*.btn-carousel-message {
    height: 75px;
    width: auto;
}
.btn-carousel-others {
    height: 69px;
    width: 216px;
}
@media (max-width: 576px) {
    .btn-carousel-message {
        height: 62px;
        width: 256px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-carousel-others {
        height: 94px;
        width: 120px;
    }
}
@media (min-width: 1200px) {
    #mainCarouselButtons {
        position: relative;
        left: 60%;
    }
}
@media (max-width: 420px) {
    .btn-carousel-message {
        height: 62px;
        width: 216px;
        padding: 0 10px;
    }
    .btn-carousel-others {
        height: 78px;
        width: 100px;
        padding: 0;
    }
}

@media (min-width: 577px) {
    .btn-carousel-a-center-text {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-carousel-a-center-text i {
        margin-left: 5px;
    }
}*/
/* endregion */

/* region Treatments */
.treatments-title {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 2em;
    color: #434854;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 1px 1px 3px rgb(118 127 148 / .85);
    padding: 16px 32px;
    border-top: 2px solid #434854;
    border-bottom: 2px solid #434854;
    border-radius: 10px;
    display: inline-block;
}
.treatment-card {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 2px solid #767f94;
    border-bottom-right-radius: 128px;
    border-top-right-radius: 128px;
    box-shadow: -2px 4px 4px 0 rgb(172 186 216 / .86);
    padding: 10px;
}
@media (max-width: 991px) {
    .treatment-card {
        margin-bottom: 20px;
    }
}
.treatment-card-reverse {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 2px solid #767f94;
    border-bottom-left-radius: 128px;
    border-top-left-radius: 128px;
    box-shadow: -2px 4px 4px 0 rgb(172 186 216 / .86);
    padding: 10px;
}
.treatment {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Full height of the parent container */
}
.treatment-title {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #48565e;
    letter-spacing: 1.2px;
    font-weight: 600;
    font-size: 1.4em;
    margin: 0; /* Remove the default margin of h4 */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.treatment-text {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #5a5a5a;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    line-height: 1.4;
    padding: 0 10px;
}
.treatment-card img, .treatment-card-reverse img {
    height: 108px;
    width: auto;
    border-radius: 50%;
}
.treatments-see-all-btn {
    display: inline-block;
    background-color: #434854;
    border: none;
    border-radius: 16px;
    color: #ffffff;
    font-weight: 600;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(72, 78, 96, 0.86);
    transition: all 0.3s ease;
    transform: scale(1);
}

.treatments-see-all-btn:hover {
    background-color: #4e5662;
    box-shadow: 0 7px 20px rgb(120 128 150 / .85);
    transform: scale(1.025);
}

.treatments-see-all-btn:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem #a9b5d4;
}
/* endregion */

/* region Before/After */
.beforeAfterTitle {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-size: 2.2rem;
    color: #434854;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    margin-top: 45px !important;
    border-top: 2px solid #434854;
    border-bottom: 2px solid #434854;
    border-radius: 16px;
    padding: 10px;
}
.mySlider-container-container {
    border: 1px solid #ecf0f1;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgb(0 0 0 / .15);
    padding: 20px;
    background-color: rgb(100 115 150 / .085);
}

.beforeAfter-see-all-btn {
    display: inline-block;
    background-color: #434854;
    border: none;
    border-radius: 16px;
    color: #ffffff;
    font-weight: 600;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(72, 78, 96, 0.86);
    transition: all 0.3s ease;
    transform: scale(1);
}
.beforeAfter-see-all-btn:hover {
    background-color: #4e5662;
    box-shadow: 0 7px 20px rgb(120 128 150 / .85);
    transform: scale(1.025);
}
.beforeAfter-see-all-btn:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem #767f94;
}
/* endregion */

/*region Patients Comments */
.patient-comments-pp-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.patient-comments-photo {
    border-radius: 50%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out;
}
.patient-comments-photo:hover {
    transform: scale(1.05);
}

.patient-comments-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.patient-comments-col h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    color: #555e62;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    padding: 14px 28px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 2rem;
}
.patient-comment {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 80px;
    min-height: 368px;
}
.patient-comment-itself {
    font-style: italic;
    color: #7f8c8d;
}
.patient-comment-owner-container {
    display: flex;
    justify-content: center;
    text-align: center;
}
.patient-comment-owner-container-inside {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.patient-comment-owner {
    font-weight: bold;
    margin: 0;
}
.patient-comment-owner-country {
    margin: 0;
}
.patient-comment-flag {
    height: 44px;
    width: auto;
    vertical-align: middle;
    margin-right: 10px;
}
#patientCommentsSlider .carousel-inner {
    border: 1px solid #ecf0f1;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
#patientCommentsSlider.carousel-indicators button {
    background-color: #2c3e50;
}
#patientCommentsSlider .carousel-indicators .active {
    background-color: #2c3e50;
}

/* x-Small devices */
@media (min-width: 0px) and (max-width: 575px) {
    .patient-comment {
        padding: 48px;
        min-height: 448px;
    }
}
/* Small devices */
@media (min-width: 576px) and (max-width: 767px) {
    .patient-comment {
        padding: 54px;
        min-height: 388px;
    }
}
/* Medium devices */
@media (min-width: 768px) and (max-width: 991px) {
    .patient-comment {
        padding: 50px;
        min-height: 404px;
    }
}
/* Large devices */
@media (min-width: 992px) and (max-width: 1199px) {
    #mainCarouselButtons {
        position: relative;
        left: 32%;
    }

    .patient-comment {
        padding: 62px;
        min-height: 380px;
    }
}
/* X-Large devices */
@media (min-width: 1200px) and (max-width: 1399px) {
    .patient-comment {
        padding: 66px;
        min-height: 364px;
    }
}
/* endregion */

/* region Clinic Gallery*/
.clinic-title {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    color: #555e62;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    padding: 14px 28px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 2rem;
}
/* endregion */

/* region Blogs */
.blogs-title {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.5rem;
    color: #555e62;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    padding: 14px 28px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 2rem;
}

.blog-card {
    display: block;
    position: relative;
    border: 1px solid #e3e3e3;
    border-radius: 32px;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    margin-bottom: 1.5rem;
}

.blog-card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.blog-card .blog-cover-image {
    width: 100%;
    display: block; /* Ensures no extra space at the bottom of the image */
}

.blog-card .blog-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    color: #333;
    background-color: rgba(255, 255, 255, 0.95);
    height: 24%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px; /* Horizontal padding, no vertical padding */
    margin: 0;
}

.blogs-see-all-btn {
    display: inline-block;
    background-color: #434854;
    border: none;
    border-radius: 16px;
    color: #ffffff;
    font-weight: 600;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(51, 57, 64, 0.2);
    transition: all 0.3s ease;
    transform: scale(1);
}
.blogs-see-all-btn:hover {
    background-color: #3f4a51;
    box-shadow: 0 7px 20px rgb(120 128 150 / .85);
    transform: scale(1.025);
}
.blogs-see-all-btn:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(128, 128, 128, 0.5);
}

/* endregion */