.faq {
            width: 100%;
            /*border: 1px solid #222;*/
        }

        .faqitem .header {
            text-transform: uppercase;
            padding: 10px;
            /*background: #C0392B;
            color: #fff;*/
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            background: inherit;
        }

        .faqitem .header h4 {
            margin: 0;
        }

        .faqitem .header .fa.fa-minus {
            display: none;
        }

        .faqitem.jquery-accordion-active .fa.fa-minus {
            display: block;
        }

        .faqitem.jquery-accordion-active .fa.fa-plus {
            display: none;
        }

        .faqitem .content {
            padding: 0px 15px 15px 15px;
            margin-top: 0px;
            display: none;
        }
        .faqitem {
           border-bottom: 1px solid grey;
        }
        .content p {
            margin-top: 0px;
        }
        .faq1.jquery-accordion {
    padding-top: 1em;
}
  .hero-section {
            position: relative;
            height: 100vh;
            min-height: 600px;
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://www.surbitondental.co.uk/wp-content/uploads/2025/11/black-friday-banner.png');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
        }

        .hero-content {
            max-width: 800px;
            padding: 20px;
            z-index: 2;
        }

        .hero-content h1 {
            font-size: 3.5rem;
            font-weight: 300;
            margin-bottom: 20px;
            letter-spacing: 1px;
        }

        .hero-content p {
            font-size: 1.1rem;
            margin-bottom: 30px;
            line-height: 1.8;
            opacity: 0.95;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 15px 35px;
            background: transparent;
            color: white;
            border: 2px solid white;
            text-decoration: none;
            font-size: 0.9rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            cursor: pointer;
        }

        .cta-button svg {
            width: 16px;
            height: 16px;
        }

        /* Google Rating Badge */
        .google-rating {
            position: absolute;
            bottom: 40px;
            left: 40px;
            background: white;
            padding: 15px 20px;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .google-icon {
            width: 40px;
            height: 40px;
        }

        .rating-content h3 {
            font-size: 0.75rem;
            color: #5f6368;
            font-weight: 400;
            margin-bottom: 2px;
        }

        .rating-stars {
            display: flex;
            align-items: center;
            gap: 5px;
        }

        .rating-number {
            font-size: 1.5rem;
            font-weight: 600;
            color: #333;
        }

        .stars {
            color: #fbbc04;
            font-size: 1.2rem;
        }
        /* Implant Event Section */
        .implant-section {
           
            max-width: 1450px;
            margin: 0 auto;
        }
        .implant-section .contdiv{
             padding: 80px 60px 60px 200px;
        }

        .implant-section .section-label {
            font-size: 0.85rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 20px;
        }

        .implant-section .section-title {
            font-size: 1.7rem;
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 30px;
        }

        .implant-section .title-line {
            flex: 1;
            height: 1px;
            background-color: #333;
            max-width: 150px;
        }


        .implant-section .section-description p {
            font-size: 15px;
            color: #666;
           /* margin-bottom: 60px;*/
            line-height: 1.8;
        }

        /* Two Column Layout */
        .implant-section .content-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            margin-bottom: 60px;
        }

        /* Left Column - Text Content */
        .implant-section .text-content {
            background-color: #f5f5f5;
            padding: 80px 60px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .implant-section .content-title {
            font-size: 1.5rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 30px;
            line-height: 1.4;
        }

       .implant-section .content-description {
            font-size: 1rem;
            color: #666;
            line-height: 1.8;
        }

        /* Right Column - Image */
        .implant-section .image-content {
            overflow: hidden;
        }

        .implant-section .image-content img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Limited Offer Text */
        .implant-section .limited-offer {
            text-align: center;
            font-size: 1.1rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #666;
        }

        /* Responsive Design */
        @media (max-width: 968px) {
            .implant-section {
                padding: 60px 40px;
            }
.implant-section .contdiv {
    padding: 48px 10px 10px;
}
            .implant-section .section-title {
                font-size: 1.5rem;
                letter-spacing: 2px;
            }

            .implant-section .content-grid {
                grid-template-columns: 1fr;
            }

            .implant-section .text-content {
                padding: 60px 40px;
            }

            .implant-section .content-title {
                font-size: 1.2rem;
            }

            .implant-section .title-line {
                display: none;
            }
        }

        @media (max-width: 576px) {
            .implant-section {
                padding: 40px 20px;
            }
.implant-section .contdiv {
    padding: 48px 10px 10px;
}
            .implant-section .section-title {
                font-size: 1.2rem;
                letter-spacing: 1px;
            }

            .implant-section .text-content {
                padding: 40px 30px;
            }

            .implant-section .limited-offer {
                font-size: 0.9rem;
                letter-spacing: 2px;
            }
        }
     

       /* Container for overlap effect */
        .offer-container {
            position: relative;
            width: 100%;
        }

        /* Limited Offer Details Section - overlapping */
        .offer-details-section {
            background-color: white;
            padding: 60px 100px 100px 195px;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }
        .inner-offer{
          /* padding: 60px 60px 40px 60px;  */
        }

        .offer-title {
            font-size: 1.1rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 30px;
        }

        .offer-text {
            font-size: 1rem;
            color: #666;
            line-height: 1.8;
            margin-bottom: 20px;
            max-width: 900px;
        }

        .offer-bold {
            font-weight: 600;
            color: #333;
            margin-top: 10px;
        }

        .book-button {
            display: inline-block;
            background-color: #7eb5b5;
            color: white;
           
            letter-spacing: 1px;
            text-transform: uppercase;
            text-decoration: none;
            border: none;
            cursor: pointer;
            margin-top: 30px;
            font-size: 14px;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            background: #91b9bb;
            border: 1px solid #91b9bb;
            margin: 16px 0 0;
            padding: 14px 19px 14px 19px;
            }
            .book-button:hover {
                color: #91b9bb;
                background: #ffffff;
            }

        /* Full Width Image Section */
        .treatment-image-section {
            width: 100%;
            margin-top: -45px;
            position: relative;
            /*z-index: 1;*/
        }
        .treatment-image-section:after {
    content: "";
    width: 92%;
    height: 1px;
    background: #00000026;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #000;
    z-index: 999;
}

        .treatment-image {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Responsive Design */
        @media (max-width: 968px) {
            .offer-details-section {
                padding: 40px 40px 30px 40px;
            }

            .offer-title {
                font-size: 1rem;
                letter-spacing: 2px;
            }

            .offer-text {
                font-size: 0.95rem;
            }

            .treatment-image-section {
                margin-top: -100px;
            }
        }

        @media (max-width: 576px) {
            .offer-details-section {
                padding: 30px 20px 20px 20px;
            }

            .offer-title {
                font-size: 0.9rem;
                letter-spacing: 1px;
            }

            .offer-text {
                font-size: 0.9rem;
            }

            .book-button {
                padding: 12px 30px;
                font-size: 0.8rem;
                width: 100%;
                text-align: center;
            }

            .treatment-image-section {
                margin-top: -50px;
            }
        }


              /* Invisalign Section Container */
        .invisalign-container {
            position: relative;
            width: 100%;
        }

        /* Two Column Content Section */
        .invisalign-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 80px 60px 75px 60px;
            position: relative;
            z-index: 2;
            background-color: white;

        }


        /* Left Column */
        .invisalign-container .left-column {
            padding-right: 40px;
        }

        .invisalign-container .section-label {
            font-size: 0.85rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 20px;
        }

        .invisalign-container .section-title {
            font-size: 1.8rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 15px;
            line-height: 1.3;
            display: flex;
            align-items: flex-start;
            gap: 30px;
            margin-bottom:3em;
        }

        .invisalign-container .title-line {
            flex-shrink: 0;
            width: 60px;
            height: 1px;
            background-color: #333;
            margin-top: 15px;
            position: relative;
        }
        .invisalign-container .title-line:after {
            content: "";
            position: absolute;
            width: 65px;
            height: 1px;
            color: #333;
            background: #333;
            left: 0;
            right: 0;
            top: 20px;
        }


        .invisalign-container .section-subtitle {
            font-size: 1.1rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 30px;
            line-height: 1.5;
        }

        .invisalign-container .section-text {
            font-size: 1rem;
            color: #666;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        /* Right Column - Gray Box */
        .invisalign-container .right-column {
            background-color: #f5f5f5;
            padding: 60px 50px;
        }

        .included-title {
            font-size: 0.85rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 30px;
        }

        .included-list {
            list-style: none;
            margin-bottom: 30px;
        }

        .included-list li {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            margin-bottom: 20px;
            font-size: 0.95rem;
            color: #666;
            line-height: 1.6;
        }

        .checkmark {
            flex-shrink: 0;
            width: 20px;
            height: 20px;
            background-color: #666;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 0.7rem;
            margin-top: 2px;
        }

        .deposit-text {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .event-end-text {
            font-size: 0.95rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
            line-height: 1.6;
        }

        .save-text {
            font-size: 0.95rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 25px;
        }

        .book-button {
            display: inline-block;            
            color: #fff;           
            letter-spacing: 2px;
            text-transform: uppercase;
            text-decoration: none;
            border: none;
            cursor: pointer;
            font-size: 14px;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            background: #91b9bb;
            border: 1px solid #91b9bb;
            margin: 16px 0 0;
            padding: 14px 19px 14px 19px;
        }
         .book-button:hover {
                color: #91b9bb;
                background: #ffffff;
            }

        /* Full Width Image Section */
        .invisalign-image-section {
            width: 100%;
            margin-top: -45px;
            position: relative;
            z-index: 1;
        }

        .invisalign-image {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Responsive Design */
        @media (max-width: 968px) {
            .invisalign-content {
                grid-template-columns: 1fr;
                gap: 40px;
                padding: 60px 40px 30px 40px;
            }

            .invisalign-container .left-column {
                padding-right: 0;
            }

            .invisalign-container .section-title {
                font-size: 1.5rem;
                letter-spacing: 2px;
                margin-bottom: 1em;
            }

            .invisalign-container .right-column {
                padding: 40px 30px;
            }

            .invisalign-container .invisalign-image-section {
                margin-top: -100px;
            }
        }

        @media (max-width: 576px) {
            .invisalign-content {
                padding: 40px 20px 20px 20px;
                gap: 30px;
            }

            .invisalign-container .section-title {
                font-size: 1.2rem;
                letter-spacing: 1px;
                flex-direction: column;
                gap: 15px;
            }

            .invisalign-container .title-line {
                margin-top: 0;
            }

            .invisalign-container .section-subtitle {
                font-size: 1rem;
                letter-spacing: 1px;
            }

            .right-column {
                padding: 30px 20px;
            }

            .book-button {
                width: 100%;
                text-align: center;
                padding: 12px 30px;
            }

            .invisalign-image-section {
                margin-top: -50px;
            }
        }
             /* Smile Transformation Section Container */
        .smile-transformation-container {
            position: relative;
            width: 100%;
        }

        /* Header Section */
        .transformation-header {
            max-width: 1200px;
            margin: 0 auto;
            padding: 80px 60px 30px 200px;
        }

        .transformation-header .section-label {
            font-size: 0.85rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 20px;
        }

        .transformation-header .section-title {
            font-size: 1.5rem;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #000;
            font-weight: 600;
            margin-bottom: 40px;
            display: flex;
            align-items: center;
            gap: 30px;
        }

        .transformation-header .title-line {
            flex: 1;
            height: 1px;
            background-color: #000;
            max-width: 50px;
        }

        /* Two Column Content Section */
        .transformation-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 60px 90px 60px;
            position: relative;
            z-index: 2;
            background-color: white;
        }

        /* Left Column - Image */
         .left-image {
            overflow: hidden;
        }

        .treatment-photo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Right Column - Gray Box */
        .right-content {
            background-color: #f5f5f5;
            padding: 60px 50px;
            display: flex;
            flex-direction: column;
        }

         .content-title {
            font-size: 0.95rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            color: #333;
            margin-bottom: 20px;
            line-height: 1.5;
        }

         .content-description {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.8;
            margin-bottom: 25px;
        }

        .offer-label {
            font-size: 0.95rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
        }

         .offer-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            margin-bottom: 25px;
        }

        .checkmark {
            flex-shrink: 0;
            width: 20px;
            height: 20px;
            background-color: #666;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 0.7rem;
            margin-top: 2px;
        }

        .offer-text {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.6;
        }

        .deposit-text {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .event-end-text {
            font-size: 0.95rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 15px;
            line-height: 1.6;
        }

        .guarantee-text {
            font-size: 0.95rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 25px;
        }

        .book-button {
            display: inline-block;            
            color: white;            
            letter-spacing: 2px;
            text-transform: uppercase;
            text-decoration: none;
            border: none;
            cursor: pointer;
            align-self: flex-start;
            font-size: 14px;
            letter-spacing: 0.8px;
            text-transform: uppercase;
            background: #91b9bb;
            border: 1px solid #91b9bb;
            margin: 16px 0 0;
            padding: 14px 19px 14px 19px;
        }
         .book-button:hover {
                color: #91b9bb;
                background: #ffffff;
            }

        /* Full Width Image Section */
        .consultation-image-section {
            width: 100%;
            margin-top: -45px;
            position: relative;
            z-index: 1;
        }

        .consultation-image {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Responsive Design */
        @media (max-width: 968px) {
            .transformation-header {
                padding: 60px 40px 20px 40px;
            }

            .section-title {
                font-size: 1.3rem;
                letter-spacing: 2px;
            }

            .transformation-content {
                grid-template-columns: 1fr;
                padding: 0 40px 30px 40px;
            }

            .right-content {
                padding: 40px 30px;
            }

            .consultation-image-section {
                margin-top: -100px;
            }
        }

        @media (max-width: 576px) {
            .transformation-header {
                padding: 40px 20px 15px 20px;
            }

            .section-title {
                font-size: 1.1rem;
                letter-spacing: 1px;
                flex-direction: column;
                align-items: flex-start;
            }

            .title-line {
                display: none;
            }

            .transformation-content {
                padding: 0 20px 20px 20px;
            }

            .right-content {
                padding: 30px 20px;
            }

            .book-button {
                width: 100%;
                text-align: center;
                padding: 12px 30px;
            }

            .consultation-image-section {
                margin-top: -50px;
            }
        }


      /* Testimonials Section */
       /* Testimonials Section */
        .testimonials-section {
            background-color: #ffffff;
            color: #333;
            padding: 80px 60px 120px 60px;
        }

        .testimonials-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .section-title {
            font-size: 1.3rem;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 60px;
            display: flex;
            align-items: center;
            gap: 40px;
        }

        .title-line {
            flex: 1;
            height: 1px;
            background-color: #666;
        }

        /* Testimonials Grid - Flexslider Container */
        .testimonials-slider {
            margin-bottom: 50px;
            position: relative;
        }

        .testimonials-flexslider {
            background: transparent;
            border: none;
            border-radius: 0;
            box-shadow: none;
            margin: 0;
            padding: 0;
            position: relative;
        }

        .testimonials-flexslider .slides {
            display: flex;
        }

        .testimonials-flexslider .slides > li {
            display: flex;
            padding: 0 30px;
        }

        /* Individual Testimonial Card */
        .testimonial-card {
            display: flex;
            flex-direction: column;
            width: 100%;
        }

        .quote-icon {
            font-size: 4rem;
            color: #b8b8b8;
            line-height: 1;
            margin-bottom: 20px;
            font-family: Georgia, serif;
        }

        /* Patient Info */
        .patient-info {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
        }

        .patient-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            font-weight: 600;
            color: white;
        }

        .avatar-red {
            background-color: #b85c5c;
        }

        .avatar-blue {
            background-color: #5c8db8;
        }

        .avatar-purple {
            background-color: #6b5b95;
        }

        .patient-details {
            flex: 1;
        }

        .patient-name {
            font-size: 1rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 3px;
        }

        .review-time {
            font-size: 0.85rem;
            color: #999;
        }

        /* Star Rating */
        .star-rating {
            margin-bottom: 20px;
        }

        .stars {
            color: #ff9800;
            font-size: 1rem;
            letter-spacing: 2px;
        }

        /* Review Text */
        .review-text {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.8;
        }

        /* Flexslider Navigation */
        .testimonials-flexslider .flex-control-nav {
            width: 100%;
            position: relative;
            bottom: -50px;
            text-align: center;
            margin: 0;
            padding: 0;
        }

        .testimonials-flexslider .flex-control-paging li {
            display: inline-block;
            margin: 0 5px;
        }

        .testimonials-flexslider .flex-control-paging li a {
            background: #d0d0d0;
            width: 10px;
            height: 10px;
            display: block;
            border-radius: 50%;
            cursor: pointer;
        }

        .testimonials-flexslider .flex-control-paging li a.flex-active {
            background: #7eb5b5;
        }

        .testimonials-flexslider .flex-direction-nav {
            display: none;
        }

        /* Responsive Design */
        @media (max-width: 1100px) {

        @media (max-width: 768px) {
            .testimonials-section {
                padding: 60px 40px 100px 40px;
            }

            .section-title {
                font-size: 1.1rem;
                letter-spacing: 3px;
            }

            .testimonials-flexslider .slides > li {
                padding: 0 15px;
            }
        }

        @media (max-width: 576px) {
            .testimonials-section {
                padding: 40px 20px 80px 20px;
            }

            .section-title {
                font-size: 1rem;
                letter-spacing: 2px;
                margin-bottom: 40px;
            }

            .quote-icon {
                font-size: 3rem;
            }

            .testimonials-flexslider .slides > li {
                padding: 0 10px;
            }
        }

       /* Results Section */

      
        /* FAQ Section */
        .faq-sectionblack {
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 600px;
        }

        /* Left Column - Image */
        .faq-imageblack {
            overflow: hidden;
        }

        .faq-imageblack img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Right Column - FAQ Content */
        .faq-contentblack {
            background-color: #7a7a7a;
            padding: 80px 60px;
            display: flex;
            flex-direction: column;
        }

        .faq-titleblack {
            font-size: 1.8rem;
            letter-spacing: 6px;
            text-transform: uppercase;
            color: white;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 30px;
        }

        .title-lineblack {
            flex: 1;
            height: 1px;
            background-color: white;
        }

        /* FAQ Accordion */
        .faq-accordionblack {
            margin-top: 40px;
            margin-bottom: 50px;
        }

        .faq-itemblack {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            padding: 25px 0;
        }

        .faq-questionblack {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            gap: 20px;
        }

        .faq-question-textblack {
            font-size: 0.95rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: white;
            line-height: 1.5;
        }

        .faq-iconblack {
            flex-shrink: 0;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: white;
            font-weight: 300;
        }

        .faq-answerblack {
            display: none;
            padding-top: 20px;
            padding-right: 50px;
            font-size: 0.95rem;
            color: rgba(255, 255, 255, 0.9);
            line-height: 1.8;
        }

        .faq-itemblack.active .faq-answerblack {
            display: block;
        }

        .faq-itemblack.active .faq-icon {
            transform: rotate(45deg);
        }

        /* Book Button */
        .faq-book-buttonblack {
            display: inline-block;
            background-color: #7eb5b5;
            color: white;
            padding: 15px 40px;
            font-size: 0.85rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            text-decoration: none;
            border: none;
            cursor: pointer;
            align-self: flex-start;
        }

        /* Responsive Design */
        @media (max-width: 968px) {
            .faq-sectionblack {
                grid-template-columns: 1fr;
            }

            .faq-imageblack {
                min-height: 400px;
            }

            .faq-contentblack {
                padding: 60px 40px;
            }

            .faq-titleblack {
                font-size: 1.5rem;
                letter-spacing: 4px;
            }
        }

        @media (max-width: 576px) {
            .faq-imageblack {
                min-height: 300px;
            }

            .faq-contentblack {
                padding: 40px 20px;
            }

            .faq-titleblack {
                font-size: 1.3rem;
                letter-spacing: 3px;
            }

            .faq-question-textblack {
                font-size: 0.85rem;
            }

            .faq-answerblack {
                padding-right: 30px;
                font-size: 0.9rem;
            }

            .faq-book-buttonblack {
                width: 100%;
                text-align: center;
                padding: 12px 30px;
            }
        }

.book-button:hover {
    color: #91b9bb;
    background: #ffffff;
}