/* X-Small (less than 576px) */
@media (max-width: 1199.98px) {
    /* Testimonials Section */
    #testimonials{
        padding-bottom: var(--margin-padding-large);
        & .row.col3{
            & .testimonials-left,
            & .testimonials-right {
                display: none;
            }
            & .testimonials-middle{
                text-align: var(--text-align-center);
                position: relative;
                & h2{
                    font-size: calc(var(--base-font-size) * 2.125);
                    line-height: calc(var(--base-font-size) * 2.125);
                }
                h3{
                    text-decoration: none;
                    font-family: var(--font-roboto-condensed);
                    font-weight: var(--font-weight-700);
                }
                & .testimonial-slider{
                    & .testimonials-box{
                        position: relative;
                        background: var(--tdl-white);
                        border-radius: calc(var(--base-radius) * 1.0909);
                        border: var(--base-border);
                        & .testimonial-slide {
                            display: none;
                            opacity: 0;
                            transition: opacity 0.5s ease;
                            position: absolute;
                            width: 100%;
                            &.active {
                                display: block;
                                opacity: 1;
                                position: relative;
                            }
                            & .review-stars{
                                padding: var(--margin-padding-medium);
                                border-bottom: var(--base-border);
                            }
                            & .testimonial-content{
                                padding: var(--margin-padding-medium);
                                background-color: var(--tdl-yellow);
                                border-radius: 0 0 calc(var(--base-radius) * 1.0909) calc(var(--base-radius) * 1.0909);
                            }
                        }
                        & .slider-btn{
                            width: calc(var(--base-font-size) * 3.125); /* 50px */
                            height: calc(var(--base-font-size) * 3.125); /* 50px */
                            border-radius: var(--base-width);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            cursor: pointer;
                            position: absolute;
                            bottom: 0%;
                            transform: translate(0%, 150%);
                            & img{ max-width: var(--base-width); }
                            &.prev-btn{ left: 0; }
                            &.next-btn{ right: 0; }
                            &:hover {
                                background: var(--tdl-black);
                                & img {
                                    filter: invert(1);
                                }
                            }
                        }
                    }
                    & .slider-dots{
                        text-align: center;
                        margin-top: var(--margin-padding-medium);
                        & .dot {
                            height: var(--base-font-size);
                            width: var(--base-font-size);
                            background-color: var(--tdl-white);
                            border: var(--base-border);
                            border-radius: var(--base-width);
                            display: inline-block;
                            margin: 0 calc(var(--base-font-size) / 2 );
                            cursor: pointer;
                            transition: background-color 0.3s ease;
                            &.active {
                                background-color: var(--tdl-black);
                            }
                        }
                    }
                }
                & .btn-holder{
                    text-align: var(--text-align-center);
                    & a{
                        width: var(--base-width);
                        margin: auto;
                        font-size: var(--base-font-size); /*16px font size*/
                    }
                }
            }
        }
    }
}
/* Extra Extra Large (≥1200px) - Actual Desktop Styles */
@media only screen and (min-width: 1200px){
    /* Testimonials Section */
    #testimonials{
        & .container-fluid{
            width: var(--base-width);
            max-width: var(--base-max-width);
        }
        padding: var(--margin-padding-xxlarge) 0;
        & .row.col3{
            align-items: stretch;
            & .testimonials-left,
            & .testimonials-right {
                column-count: 2;
                column-gap: 1rem;
                & img{
                    width: 100%;
                    display: inline-block;
                    margin-bottom: 1rem;
                    border-radius: 30px;/*from 8px to 30px as per design*/
                    break-inside: avoid;
                    /* min-height: 300px; */
                    object-fit: cover;
                    object-position: top;
                }
            }
            /*New Style for slider section starts*/
            & .testimonials-left{
                & img{
                    &:nth-child(1),&:nth-child(4){
                        max-height: var(--slider-image-default-large);
                    }
                    &:nth-child(2),&:nth-child(3){
                        max-height: var(--slider-image-default-small);
                    }
                }
            }
            & .testimonials-right{
                & img{
                    &:nth-child(1),&:nth-child(4){
                        max-height: var(--slider-image-default-large);
                        object-position: initial;
                    }
                    &:nth-child(2),&:nth-child(3){
                        max-height: var(--slider-image-default-small);
                    }
                }
            }
            /*New Style slider section ends*/
            & .testimonials-middle{
                padding: var(--margin-padding-medium);
                text-align: var(--text-align-center);
                position: relative;
                & .testimonial-slider{
                    padding: 0 var(--margin-padding-xlarge);
                    & .testimonials-box{
                        position: relative;
                        background: var(--tdl-white);
                        border-radius: calc(var(--base-radius) * 1.0909);
                        padding: var(--margin-padding-large);
                        & .testimonial-slide {
                            display: none;
                            opacity: 0;
                            transition: opacity 0.5s ease;
                            position: absolute;
                            width: 100%;
                            &.active {
                                display: block;
                                opacity: 1;
                                position: relative;
                            }
                        }
                        & .slider-btn{
                            width: calc(var(--base-font-size) * 3.125); /* 50px */
                            height: calc(var(--base-font-size) * 3.125); /* 50px */
                            border-radius: var(--base-width);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            cursor: pointer;
                            position: absolute;
                            top: 50%;
                            transform: translate(-110%, -35%);
                            & img{
                                max-width: var(--base-width);
                            }
                            &.prev-btn{
                                left: 0;
                            }
                            &.next-btn{
                                right: 0;
                                transform: translate(110%, -35%);
                            }
                            &:hover {
                                background: var(--tdl-black);
                                & img {
                                    filter: invert(1);
                                }
                            }
                        }
                    }
                    & .slider-dots{
                        text-align: center;
                        & .dot {
                            height: var(--base-font-size);
                            width: var(--base-font-size);
                            background-color: var(--tdl-white);
                            border: var(--base-border);
                            border-radius: var(--base-width);
                            display: inline-block;
                            margin: 0 calc(var(--base-font-size) / 2 );
                            cursor: pointer;
                            transition: background-color 0.3s ease;
                            &.active {
                                background-color: var(--tdl-black);
                            }
                        }
                    }
                }
                & .btn-holder{
                    padding: 0 var(--margin-padding-xlarge);
                    text-align: var(--text-align-center);
                    & a{
                        width: var(--base-width);
                        margin: auto;
                    }
                }
            }
        }
    }
    /*For Thank you page*/
     body.thank-you-page {
        #testimonials{
            & .row.col3{
                & .testimonials-middle{
                    max-width: var(--base-max-width) !important;
                    width: var(--base-width) !important;
                    & .btn-holder{
                        & a{
                            display: inline;
                        }
                    }
                    & .testimonial-slider{
                        & .testimonials-box{
                            display: flex !important;
                            gap: var(--margin-padding-medium);
                            justify-content: center;
                            align-items: stretch;
                            position: relative;
                            overflow: visible;
                            background: transparent;
                            
                            & .testimonial-slide {
                                position: relative !important;
                                flex: 0 0 calc(33.333% - (var(--margin-padding-medium) * 2 / 3)) !important;
                                opacity: 1;
                                display: block;
                                width: auto;
                                height: auto;
                                min-width: 0;
                                background-color: var(--tdl-white);
                                border-radius: var(--base-radius);
                                
                                &:not(.active) {
                                    display: none !important;
                                }
                                
                                &.active {
                                    display: block !important;
                                    opacity: 1;
                                }
                                
                                & .review-stars{
                                    padding: var(--margin-padding-medium);
                                }

                                & .testimonial-content{
                                    padding: var(--margin-padding-medium);
                                    border-radius: 0 0 calc(var(--base-radius) * 1.0909) calc(var(--base-radius) * 1.0909);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}