.elementor-1524 .elementor-element.elementor-element-f9b91da{--display:flex;--min-height:80vh;--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;--justify-content:center;--overlay-opacity:0.32;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1524 .elementor-element.elementor-element-f9b91da:not(.elementor-motion-effects-element-type-background), .elementor-1524 .elementor-element.elementor-element-f9b91da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.sextoysinbangkok.com/wp-content/uploads/2026/04/Frame-3-7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1524 .elementor-element.elementor-element-f9b91da::before, .elementor-1524 .elementor-element.elementor-element-f9b91da > .elementor-background-video-container::before, .elementor-1524 .elementor-element.elementor-element-f9b91da > .e-con-inner > .elementor-background-video-container::before, .elementor-1524 .elementor-element.elementor-element-f9b91da > .elementor-background-slideshow::before, .elementor-1524 .elementor-element.elementor-element-f9b91da > .e-con-inner > .elementor-background-slideshow::before, .elementor-1524 .elementor-element.elementor-element-f9b91da > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-82bb583 );--background-overlay:'';}.elementor-1524 .elementor-element.elementor-element-c96557f{--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 );color:var( --e-global-color-primary );}.elementor-1524 .elementor-element.elementor-element-3c5664d{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1524 .elementor-element.elementor-element-3c5664d .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:5rem;font-weight:600;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-1524 .elementor-element.elementor-element-07cf740{--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;--overlay-opacity:0.23;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1524 .elementor-element.elementor-element-07cf740:not(.elementor-motion-effects-element-type-background), .elementor-1524 .elementor-element.elementor-element-07cf740 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f1fc899 );}.elementor-1524 .elementor-element.elementor-element-07cf740::before, .elementor-1524 .elementor-element.elementor-element-07cf740 > .elementor-background-video-container::before, .elementor-1524 .elementor-element.elementor-element-07cf740 > .e-con-inner > .elementor-background-video-container::before, .elementor-1524 .elementor-element.elementor-element-07cf740 > .elementor-background-slideshow::before, .elementor-1524 .elementor-element.elementor-element-07cf740 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1524 .elementor-element.elementor-element-07cf740 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1524 .elementor-element.elementor-element-dc74749{--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-1524 .elementor-element.elementor-element-5499ca7{text-align:center;}.elementor-1524 .elementor-element.elementor-element-5499ca7 .elementor-heading-title{font-family:"Kaisei Decol", Sans-serif;font-size:3rem;font-weight:600;color:var( --e-global-color-82bb583 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-1524 .elementor-element.elementor-element-3608c84{color:var( --e-global-color-82bb583 );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1524 .elementor-element.elementor-element-3c5664d{padding:0px 0px 0px 0px;}.elementor-1524 .elementor-element.elementor-element-3c5664d .elementor-heading-title{font-size:2.8rem;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-2baec84 *//* ===== MAIN LAYOUT ===== */
.contact-page {
    display: flex;
    gap: 40px;
    max-width: 1200px;
    margin: 50px auto;
    padding: 20px;
}

/* ===== LEFT FORM ===== */
.contact-form-box {
    flex: 1;
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.contact-form-box h2 {
    margin-bottom: 20px;
}


.info-item P {
    font-size: 20px;
}

/* Form rows */
.contact-modern .row {
    display: flex;
    gap: 15px;
}

.contact-modern .field {
    flex: 1;
    margin-bottom: 15px;
}

.contact-modern .full {
    width: 100%;
}

/* Inputs */
.contact-modern input,
.contact-modern textarea,
.contact-modern select {
    width: 100%;
    padding: 14px;
    border-radius: 8px;
    border: 1px solid #eee;
    font-size: 14px;
    background: #fff;
}

/* Focus */
.contact-modern input:focus,
.contact-modern textarea:focus,
.contact-modern select:focus {
    border-color: #ff4da6;
    box-shadow: 0 0 0 2px rgba(255,77,166,0.1);
    outline: none;
}

/* Button */
.btn-wrap input {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(45deg, #ff4da6, #ff8a00);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.btn-wrap input:hover {
    opacity: 0.9;
}

/* ===== RIGHT INFO ===== */
.contact-info-box {
    flex: 1;
    padding: 30px;
    border-radius: 12px;
    background: #fff5f9;
    border: 1px solid rgba(255, 77, 166, 0.15);
}

.contact-info-box h3 {
    margin-bottom: 20px;
    font-size:22px;
    color: #000;
}

/* FIXED ALIGNMENT */
.info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

/* Label */
.info-title {
    font-weight: 600;
    color: #333;
}

/* Links */
.info-item a {
    color: #ff4da6;
    text-decoration: none;
}

.info-item a:hover {
    text-decoration: underline;
}

/* ===== REMOVE CF7 EXTRA SPACE ===== */
.wpcf7 p {
    margin: 0 !important;
}

.wpcf7 br {
    display: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {

    .contact-page {
        flex-direction: column;
        gap: 20px;
    }

    .contact-modern .row {
        flex-direction: column;
        gap: 0;
    }

    .contact-form-box,
    .contact-info-box {
        padding: 20px;
    }
}/* End custom CSS */