.elementor-18 .elementor-element.elementor-element-50d9eb2 > .elementor-container{max-width:1400px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-5be03b9 > .elementor-widget-container{padding:100px 0px 150px 0px;}.elementor-18 .elementor-element.elementor-element-5be03b9{text-align:center;}.elementor-18 .elementor-element.elementor-element-5be03b9 .elementor-heading-title{font-family:"Play", Sans-serif;font-size:65px;font-weight:500;color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-5fa1f97 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-18 .elementor-element.elementor-element-5fa1f97 > .elementor-container{max-width:1400px;}.elementor-18 .elementor-element.elementor-element-5fa1f97{margin-top:100px;margin-bottom:50px;}.elementor-bc-flex-widget .elementor-18 .elementor-element.elementor-element-4b0e175.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-18 .elementor-element.elementor-element-4b0e175.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-18 .elementor-element.elementor-element-2513406{text-align:left;}.elementor-18 .elementor-element.elementor-element-2513406 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-primary );}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-54c1087{text-align:left;font-family:"Play", Sans-serif;font-weight:400;}.elementor-18 .elementor-element.elementor-element-fbf0e71 > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-18 .elementor-element.elementor-element-fbf0e71{text-align:left;}.elementor-18 .elementor-element.elementor-element-fbf0e71 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:50px;font-weight:500;color:var( --e-global-color-primary );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-fd0b160{text-align:center;}.elementor-18 .elementor-element.elementor-element-fd0b160 img{width:82%;}body.elementor-page-18:not(.elementor-motion-effects-element-type-background), body.elementor-page-18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0909;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-fbf0e71 .elementor-heading-title{font-size:40px;}.elementor-18 .elementor-element.elementor-element-fd0b160 img{border-radius:150px 150px 0px 0px;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-5be03b9 > .elementor-widget-container{padding:100px 0px 100px 0px;}.elementor-18 .elementor-element.elementor-element-5be03b9 .elementor-heading-title{font-size:30px;}.elementor-18 .elementor-element.elementor-element-4b0e175 > .elementor-element-populated{text-align:center;padding:0px 15px 0px 15px;}.elementor-18 .elementor-element.elementor-element-2513406{text-align:center;}.elementor-18 .elementor-element.elementor-element-54c1087{text-align:center;}.elementor-18 .elementor-element.elementor-element-fbf0e71{text-align:center;}.elementor-18 .elementor-element.elementor-element-fbf0e71 .elementor-heading-title{font-size:30px;}.elementor-18 .elementor-element.elementor-element-520cbec > .elementor-element-populated{padding:100px 15px 0px 15px;}.elementor-18 .elementor-element.elementor-element-fd0b160 img{border-radius:150px 150px 0px 0px;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-4b0e175{width:60%;}.elementor-18 .elementor-element.elementor-element-520cbec{width:40%;}}/* Start custom CSS for html, class: .elementor-element-9a50aa6 */.testimonial-container {
            width: 100%;
            max-width: 100%;
            background: linear-gradient(to bottom, #1C4F55, #000); /* Gradient background */
            border-radius: 0px;
            padding: 20px;
            text-align: left;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            position: relative;
            height: 300px; /* Set height for uniformity */
        }

        .profile-images {
            position: absolute;
            top: -30px;
            left: 20px;
            display: flex;
            gap: 10px;
            transition: all 0.3s ease;
        }

        .profile-images img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 2px solid #fff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            transition: transform 0.3s, width 0.3s, height 0.3s;
            order: 0; /* Default order for all images */
        }

        .profile-images img.active {
            width: 60px;
            height: 60px;
            transform: scale(1.1);
            order: -1; /* Move active image to the left-most (start) */
        }

        .testimonial-text {
            font-size: 1rem;
            color: #fff;
            margin-bottom: 20px;
            padding-top: 40px; /* Added top padding */
        }

        .testimonial-text::before,
        .testimonial-text::after {
            content: "\201C";
            font-size: 2rem;
            color: #fff;
        }

        .author {
            font-weight: bold;
            font-size: 1.1rem;
            margin-top: 10px;
            color: #fff;
        }

        .designation {
            font-size: 0.9rem;
            color: #fff;
        }

        .arrows {
            position: absolute;
            bottom: 10px;
            right: 10px;
            display: flex;
            gap: 10px;
        }

        .arrow {
            width: 50px;
            height: 50px;
            background-color: #09727e;
            border: none;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s;
        }

        .arrow:hover {
            background-color: #000;
        }

        .arrow span {
            font-size: 1.2rem;
            color: #fff;
        }
        #test [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #09727e !important;
}/* End custom CSS */