.elementor-21715 .elementor-element.elementor-element-a93245c{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-21715 .elementor-element.elementor-element-b05ad38{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-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-21715 .elementor-element.elementor-element-44dc4f0 .elementor-heading-title{font-family:"Play", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21715 .elementor-element.elementor-element-4d5faca{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-21715 .elementor-element.elementor-element-4d5faca.elementor-element{--align-self:center;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group.recaptcha_v3-bottomleft, .elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group > label, .elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-type-html{color:var( --e-global-color-primary );}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group .elementor-field, .elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-subgroup label{font-family:"Play", Sans-serif;font-weight:400;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );border-width:0px 0px 0px 0px;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );border-width:0px 0px 0px 0px;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-secondary );}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button span{justify-content:center;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button{font-family:"Play", Sans-serif;font-size:16px;font-weight:500;}.elementor-21715 .elementor-element.elementor-element-4d5faca .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button[type="submit"]{color:#ffffff;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-21715 .elementor-element.elementor-element-4d5faca .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-21715 .elementor-element.elementor-element-4d5faca .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-21715 .elementor-element.elementor-element-4d5faca .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:767px){.elementor-21715 .elementor-element.elementor-element-4d5faca{width:100%;max-width:100%;}.elementor-21715 .elementor-element.elementor-element-4d5faca > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-group .elementor-field, .elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-field-subgroup label{font-size:12px;}.elementor-21715 .elementor-element.elementor-element-4d5faca .elementor-button{font-size:12px;}}/* Start custom CSS for form, class: .elementor-element-4d5faca *//* ==== Nút tìm kiếm bài viết ==== */
#btn-search-post button {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
   background-color: #f0a82b;
   /*padding: 18px 39px 15px 39px;*/
   border: 2px solid #f0a82b;
   clip-path: polygon(
      20px 0,
      100% 0,
      100% calc(100% - 20px),
      calc(100% - 20px) 100%,
      0 100%,
      0 20px
   );
   position: relative;
   overflow: hidden;
   cursor: pointer;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
   transition: all 0.3s ease;
}

/* ==== Hiệu ứng sáng quét ==== */
#btn-search-post button::after {
   content: "";
   position: absolute;
   top: -110%;
   left: -210%;
   /*width: 400%;*/
   /*height: 150%;*/
   opacity: 0;
   transform: rotate(30deg);
   background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(255, 255, 255, 0.13) 77%,
      rgba(255, 255, 255, 0.5) 92%,
      rgba(255, 255, 255) 100%
   );
   transition: left 1.5s, top 1.5s, opacity 0.15s ease;
}

/* ==== Hover & Active ==== */
#btn-search-post button:hover,
#btn-search-post button:focus,
#btn-search-post button:active {
   color: #fff; /* 👉 Màu chữ xanh khi hover */
   background-color: transparent;
   clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - 20px),
      100% 100%,
      0 100%,
      0 20px
   );
   border-color: #f0a82b;
}

#btn-search-post button:hover::after,
#btn-search-post button:focus::after,
#btn-search-post button:active::after {
   opacity: 1;
   top: -30%;
   left: 25%;
}

/* ==== Responsive ==== */
@media screen and (max-width: 777px) {
   #btn-search-post button {
      padding: 13px 30px 10px 30px;
   }
}

/* Padding cho input trong #btn-form */
.btn-form .elementor-form .elementor-field {
    padding: 10px 12px; /* 10px trên/dưới, 12px trái/phải */
    box-sizing: border-box; /* đảm bảo padding không phá layout */
}

/* ==== Input có bo góc giống nút button === */
.btn-form .elementor-field {
    clip-path: polygon(
        20px 0,
        100% 0,
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%,
        0 20px
    );

    background-color: #fff; /* Không lấy màu của button */
    border: 2px solid #f0a82b; /* viền vàng nhẹ */
    padding: 12px 15px;
    transition: all .25s ease;
}

/* Hover nhẹ cho input */
.btn-form .elementor-field:hover,
.btn-form .elementor-field:focus {
    border-color: #d58b1f; 
    background-color: #fff9ef;
    outline: none;
}


/*tối uu input cho giao diện mobile*/
@media screen and (max-width: 767px) {
    .btn-form .elementor-field {
        padding: 10px 12px;
        clip-path: polygon(
            15px 0,
            100% 0,
            100% calc(100% - 15px),
            calc(100% - 15px) 100%,
            0 100%,
            0 15px
        );
    }
}

@media (max-width: 767px) {
  #btn-search-post button {
    min-width: 38px;
    padding: 8px 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;

    clip-path: polygon(
      12px 0,
      100% 0,
      100% calc(100% - 12px),
      calc(100% - 12px) 100%,
      0 100%,
      0 12px
    ) !important;
  }
  .btn-form .elementor-form .elementor-field {
    min-height: 38px !important;
    height: 38px !important;
  }

  .btn-form .elementor-form .elementor-form-fields-wrapper {
    align-items: center !important;
  }
}/* End custom CSS */