.elementor-1461 .elementor-element.elementor-element-e3e9656{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1461 .elementor-element.elementor-element-021f9d1{--e-image-carousel-slides-to-show:1;}.elementor-1461 .elementor-element.elementor-element-42e2974{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1461 .elementor-element.elementor-element-42e2974.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1461 .elementor-element.elementor-element-a2c7812 .elementor-repeater-item-e67ca86 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://wordpress.goodsane.com.my/wp-content/uploads/2026/09/ABTDFBF9A4C68A88F04798916047F3DD86B550CF48DFABA5CF8A1AC57A9A8886725.jpg);background-size:cover;}.elementor-1461 .elementor-element.elementor-element-a2c7812 .elementor-repeater-item-d3f105a .swiper-slide-bg{background-color:#4054b2;}.elementor-1461 .elementor-element.elementor-element-a2c7812 .elementor-repeater-item-23aca56 .swiper-slide-bg{background-color:#1abc9c;}.elementor-1461 .elementor-element.elementor-element-a2c7812 .elementor-repeater-item-27e346b .swiper-slide-bg{background-color:#bbbbbb;}.elementor-1461 .elementor-element.elementor-element-a2c7812 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-1461 .elementor-element.elementor-element-a2c7812 .elementor-slide-button{background-color:var( --e-global-color-2e6c5c0 );}.elementor-1461 .elementor-element.elementor-element-a2c7812 .swiper-slide-contents{max-width:66%;}.elementor-1461 .elementor-element.elementor-element-a2c7812 .swiper-slide-inner{text-align:center;}.elementor-1461 .elementor-element.elementor-element-c028e73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1461 .elementor-element.elementor-element-2330dfe .elementor-swiper-button{font-size:20px;}.elementor-1461 .elementor-element.elementor-element-2330dfe .elementor-testimonial__content{padding:20px 20px 20px 20px;}.elementor-1461 .elementor-element.elementor-element-2330dfe.elementor-testimonial--layout-image_left .elementor-testimonial__footer,
					.elementor-1461 .elementor-element.elementor-element-2330dfe.elementor-testimonial--layout-image_right .elementor-testimonial__footer{padding-top:20px;}.elementor-1461 .elementor-element.elementor-element-2330dfe.elementor-testimonial--layout-image_above .elementor-testimonial__footer,
					.elementor-1461 .elementor-element.elementor-element-2330dfe.elementor-testimonial--layout-image_inline .elementor-testimonial__footer,
					.elementor-1461 .elementor-element.elementor-element-2330dfe.elementor-testimonial--layout-image_stacked .elementor-testimonial__footer{padding:0 20px 0 20px;}.elementor-1461 .elementor-element.elementor-element-e5bf70c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-1461 .elementor-element.elementor-element-42e2974{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-42e2974 */.elementor-1461 .elementor-element.elementor-element-42e2974 {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-2330dfe *//* 1. Add the large decorative quotation marks */
.elementor-1461 .elementor-element.elementor-element-2330dfe .elementor-testimonial__content::before {
    content: "“";
    font-family: serif;
    font-size: 80px;
    color: #F3EBEB; /* Light pinkish/gray quote color */
    display: block;
    line-height: 0;
    margin-bottom: 20px;
}

/* 2. Position Arrows Outside the Box */
.elementor-1461 .elementor-element.elementor-element-2330dfe .elementor-swiper-button-prev {
    left: -50px !important;
    background: #ffffff;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.elementor-1461 .elementor-element.elementor-element-2330dfe .elementor-swiper-button-next {
    right: -50px !important;
    background: #ffffff;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

/* Fix arrow icon sizing inside the custom circles */
.elementor-1461 .elementor-element.elementor-element-2330dfe .elementor-swiper-button i {
    font-size: 16px;
    color: #333333;
}

/* 3. Style the Dots into a Pill Indicator */
.elementor-1461 .elementor-element.elementor-element-2330dfe .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background-color: #D3D3D3 !important;
    opacity: 1 !important;
    transition: width 0.3s ease;
}

/* Make the active dot look like a pill */
.elementor-1461 .elementor-element.elementor-element-2330dfe .swiper-pagination-bullet-active {
    width: 30px !important;
    border-radius: 4px !important;
    background-color: #800020 !important; /* Deep Red active color */
}/* End custom CSS */