.elementor-577 .elementor-element.elementor-element-4a04fc32{--display:flex;}.elementor-577 .elementor-element.elementor-element-36541e03{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-577 .elementor-element.elementor-element-63fcd6c9{--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;}.elementor-577 .elementor-element.elementor-element-63fcd6c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-577 .elementor-element.elementor-element-5d013b9{--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-577 .elementor-element.elementor-element-e914fe2{--display:flex;}.elementor-577 .elementor-element.elementor-element-e914fe2:not(.elementor-motion-effects-element-type-background), .elementor-577 .elementor-element.elementor-element-e914fe2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C9F5D00;}.elementor-577 .elementor-element.elementor-element-3cda8f1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-577 .elementor-element.elementor-element-f5b0284 .elementor-heading-title{font-size:44px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:57.2px;letter-spacing:3.52px;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-577 .elementor-element.elementor-element-0037c9f{--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-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-577 .elementor-element.elementor-element-2f6007f{--display:flex;}.elementor-577 .elementor-element.elementor-element-12fa925{--display:flex;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-577 .elementor-element.elementor-element-12fa925:not(.elementor-motion-effects-element-type-background), .elementor-577 .elementor-element.elementor-element-12fa925 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F700;}.elementor-577 .elementor-element.elementor-element-cce8520{--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:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-577 .elementor-element.elementor-element-72886b5{text-align:right;font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;font-style:italic;}.elementor-577 .elementor-element.elementor-element-e2badde{--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-577 .elementor-element.elementor-element-3bb3881{--display:flex;}.elementor-577 .elementor-element.elementor-element-5773618{--display:flex;}.elementor-577 .elementor-element.elementor-element-0cde536{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-577 .elementor-element.elementor-element-8af8f6d .elementor-heading-title{color:var( --e-global-color-text );}.elementor-577 .elementor-element.elementor-element-ab1fa05{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-577 .elementor-element.elementor-element-17a6839 .elementor-button{background-color:#C87D5F00;}.elementor-577 .elementor-element.elementor-element-5d95547{--display:flex;}.elementor-577 .elementor-element.elementor-element-1a5b1723{--display:flex;--min-height:0px;--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;}.elementor-577 .elementor-element.elementor-element-9a8bb7b{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-577 .elementor-element.elementor-element-4a7eaa40 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:28px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:57.2px;letter-spacing:3.52px;}.elementor-577 .elementor-element.elementor-element-4a7eaa40 .elementor-nav-menu--main .elementor-item{color:#305050;fill:#305050;}.elementor-577 .elementor-element.elementor-element-4a7eaa40 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-577 .elementor-element.elementor-element-4a7eaa40 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-577 .elementor-element.elementor-element-4a7eaa40 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-577 .elementor-element.elementor-element-4a7eaa40 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-a9fa279 );fill:var( --e-global-color-a9fa279 );}body.elementor-page-577{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-577 .elementor-element.elementor-element-12fa925{--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;}.elementor-577 .elementor-element.elementor-element-cce8520{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-577 .elementor-element.elementor-element-cce8520.e-con{--align-self:center;}.elementor-577 .elementor-element.elementor-element-3bb3881{--justify-content:flex-end;}.elementor-577 .elementor-element.elementor-element-5d95547{--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(min-width:921px){.elementor-577 .elementor-element.elementor-element-63fcd6c9{--width:74.758%;}.elementor-577 .elementor-element.elementor-element-1a5b1723{--width:66.6666%;}}@media(max-width:920px){.elementor-577 .elementor-element.elementor-element-e914fe2{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-577 .elementor-element.elementor-element-e914fe2.e-con{--order:1;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-577 .elementor-element.elementor-element-f5b0284{text-align:left;}.elementor-577 .elementor-element.elementor-element-2f6007f.e-con{--order:3;}.elementor-577 .elementor-element.elementor-element-12fa925{--gap:0 0;--row-gap:0;--column-gap:0;}.elementor-577 .elementor-element.elementor-element-cce8520{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-577 .elementor-element.elementor-element-e2badde{--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-577 .elementor-element.elementor-element-0cde536{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for container, class: .elementor-element-4a04fc32 *//* about page */

/* duo-feature */

 .about-duo {
    gap: 64px;
    padding: 0;
}

.about-duo .duo-feature__content-container {
    gap: 64px;
}

.about-duo .duo-feature__content-block {
    align-self: center;
    max-width: 80%;
}

.about-duo .duo-feature__action-container {
    align-items: flex-end;
}

.about-duo .duo-feature__button {
    align-self: flex-end;
}

.about-duo .duo-feature__supporting-image, .duo-feature__primary-image {
    max-width: 360px !important;
}


@media (min-width: 800px) {
    
    .about-duo {
        justify-self: center;
        width: 90%;
        flex-wrap: nowrap;
        gap: 2rem;
    }
    
    .about-duo .duo-feature__content-container {
        gap: 48px;
        margin-left: 0;
    }
    
    .about-duo .duo-feature__media-container {
        margin-right: 2rem;
        min-width: 24vw;
    }
    
    .about-duo .duo-feature__content-block {
        margin-top: 16%;
    }
    
    .about-duo .duo-feature__action-container {
        align-self: flex-start;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
        justify-content: start;
        margin-left: 20%;
    }
    
    .about-duo .duo-feature__button {
        height: fit-content;
        display: inline-flex;
        justify-content: center;
        white-space: nowrap;
        width: fit-content;
    }
    
    .about-duo .duo-feature__supporting-image {
        padding-top: 0;
    }
    
    .duo-feature__primary-image {
        width: 100%;
        aspect-ratio: 3/3.5;
        overflow: hidden;
    }
    
    .about-duo .duo-feature__supporting-image  {
        width: 70%;
        aspect-ratio: 4/3.6;
        overflow: hidden;
    }
    
    .about-duo .duo-feature__supporting-image, .duo-feature__primary-image {
        max-width: auto;
    }
    
    .about-duo .duo-feature__supporting-image img, .duo-feature__primary-image img {
            max-width: 400px;
            max-height: 500px;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            display: block;
    }
}

/* centered-feature */

.centered-feature {
    gap: 0;
    align-self: center;
    
}

.centered-feature__title {
    letter-spacing: 0.2rem;
    font-family: Poppins;
    font-weight: 600;
}

.centered-feature__html-grid {
    position: relative;
    overflow: visible;
    aspect-ratio: 4 / 4.3;
    max-height: 390px;
    height: auto;
    width: 70vw;
    max-width: 448px;
    margin-left: clamp(10vw, 15%, 15vw);
    justify-self: center;
}

.centered-feature__html-grid img {
    position: absolute;
    display: block;
    height: auto;
    object-fit: cover;
}

.centered-feature__html-grid .centered-feature__frame {
    padding: 1.2rem 0 0 1.6rem;
    position: absolute;
    min-width: 250px;
    width: 70vw;
    max-width: 360px !important;
    height: auto;
    aspect-ratio: 4 / 3.4;
    z-index: 1;
    background-color: var(--primary-color);
    left: clamp(-20px, -5vw, -40px);
    max-width: 480px;
}

.centered-feature__html-grid .centered-feature__image {
    width: 70vw;
    max-width: 360px !important;
    height: auto;
    aspect-ratio: 4 / 3.4;
    top: clamp(60px, 10vw, 80px);
    left: clamp(20px, 5vw, 40px);
    z-index: 2;
}

.centered-feature__title {
    color: var(--txt-color);
}

.centered-feature__content-container {
    padding-top: 32px;
    max-width: 600px;
}

@media (max-width: 400px) {
    .centered-feature__html-grid .centered-feature__frame {
        margin-left: 1rem;
    }
}

@media (max-width: 660px) {
    .centered-feature__title--thai {
        font-size: 22px;
    }
}

@media (min-width: 800px) {
    
    .centered-feature__html-grid {
        width: 100%;
        margin-right: 0;
        margin-left: clamp(30vw, 35%, 45vw);
     
    }
    
    .centered-feature__content-container {
        align-self: center;
        margin-right: clamp(10vw, 15%, 15vw);
    }
    
    .centered-feature__html-grid .centered-feature__frame {

    }
    
    .centered-feature__html-grid .centered-feature__image {

    }
}

/* three-column feature */

.three-column-feature {
    gap: 64px;
    align-self: center;
    flex-direction: column !important;
}

.three-column-feature__image--col1, .three-column-feature__image--col3 {
    padding-right: 20%;
}

.three-column-feature__image--col2 {
    padding-left: 20% !important;
}

.three-column-feature__column--first, .three-column-feature__column--third  {
    padding: 0;
    align-items: start;
}

.three-column-feature__column--second {
    padding: 0;
    align-items: end;
    gap: 64px;
}

.three-column-feature__image--col1 img, .three-column-feature__image--col2 img, .three-column-feature__image--col3 img {
    max-width: 360px;
    max-height: auto;
    aspect-ratio: 1/1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.three-column-feature__content-container {
    align-self: center;
    max-width: 80%;
}

.three-column-feature__content-block {
    max-width: 70%;
    align-self: center;
    align-items: end;
}

@media (min-width: 800px) {
    
    .three-column-feature {
        gap: 48px;
        align-self: center;
        flex-direction: row !important;
    }
    .three-column-feature__content-container {
        align-self: center;
        max-width: 100%;
    }
    
    .three-column-feature__image--col1 {
        aspect-ratio: 3/3.2;
        height: auto;
        width: auto;
        padding: 0;
    }
    
    .three-column-feature__image--col2 {
        aspect-ratio: 3/2.8;
        height: auto;
        width: auto;
        padding: 0;
    }
    
    .three-column-feature__image--col3 {
        aspect-ratio: 3/3.2;
        height: auto;
        width: auto;
        padding: 0;
    }
    
    .three-column-feature__column--first {
        justify-content: end;
        padding: 1rem;
    }
        
    .three-column-feature__column--first img {
        padding-left: 10%;
    }
    
    .three-column-feature__column--third {

        align-items: end;
        justify-content: center;
    }
    
    .three-column-feature__column--third img {
        padding-right: 10%;
    }
    
   .three-column-feature {
        gap: 48px;
    }
    
    .three-column-feature__column--second {
        gap: 2rem;
    }
    
    .three-column-feature__content-block {
        max-width: 80%;
        align-self: end;
    }
}

@media (min-width: 1080px) {
    
    .three-column-feature {
        gap: 64px;
        
    }
    
    .three-column-feature__column--second {
        gap: 4rem;
        margin-bottom: 4rem;
    }
}/* End custom CSS */