.information {
    color: #030B2F;
    font-size: 20px;
    font-weight: bold;
    margin-top: 54px;
}

.information-setup {
    margin-bottom: 16px;
    color: #030B2F;
    font-size: 20px;
    font-weight: bold;

}

.card_number-setup {
    margin-top: 20px;
    margin-bottom: 16px;
    color: #030B2F;
    font-size: 16px;
    font-weight: bold;

}

.btn-forgot {
    margin-top: 16px;
    text-decoration: underline;
    color: #000;
}

.btn-forgot:hover {
    cursor: pointer;
}

.forgotLine {
    margin-top: 26px;
    width: 100%;
    height: auto;
}

.boxUserProfile {
    margin-top: 21px;
    margin-bottom: 21px;
    display: flex;
    justify-content: center;
    position: relative;


}

.boxUserProfile:hover {
    cursor: pointer;
}

.userProfile {
    width: 65px;
    height: 65px;
    border-radius: 100px;
}

.image-profile {
    width: 55px;
    height: 55px;
    border-radius: 100px;
}

.box-userProfile {
    margin-top: 35px;
    margin-left: 140px;
    background-color: #ffffff;
    position: absolute;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 4px 16px 4px 16px;
    cursor: pointer;
}

.box-edit-profile {
    margin-top: 42px;
    margin-left: 54px;
    background-color: #ffffff;
    position: absolute;
    width: auto;
    height: auto;
    display: flex;
    border-radius: 50px;
    cursor: pointer;
}

.box-profile-image-home {
    width: 100%;
    margin-top: 48px;
    margin-left: 24px;
    display: flex;
    flex-direction: row;
}

.box-nam-profile {
    margin-left: 8px;
}



.brokerage-work {
    margin-top: 38px;
    color: #030B2F;
    font-size: 20px;
    font-weight: bold;
}

.details-word {
    color: #007BA7;
    font-size: 12px;
}

.contract {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}



.free-trial {
    text-align: center;
    margin-top: 32px;
    color: #007BA7;
    font-size: 20px;
    font-weight: bold;
}

.container-box-free {
    display: flex;
    justify-content: center;

    /* ทำให้ container เต็มหน้าจอในแนวตั้ง */
}

.container-box-step {
    display: flex;
    justify-content: center;
    margin-top: 36px;

    /* ทำให้ container เต็มหน้าจอในแนวตั้ง */
}


.box-free-image {

    width: 128px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #B8D7E2;
    background-color: #B8D7E2;
    border-radius: 50px;
}

.free-image {
    width: 15px;
    height: 15px;
    margin-right: 5px;

}

.free-text {
    font-size: 11px;
    color: #000000;
}

.free-step {
    width: 332px;
    height: 425px;
}

.day-free {
    font-size: 14px;
    margin-top: 48px;
    text-align: center;
    color: #7C7C7C;
}

.month-free {
    font-size: 14px;
    text-align: center;
    color: #7C7C7C;
}

.month-299 {
    color: #000000;
    font-size: 14px;
}

.get-started {
    margin-top: 12px;
    background-color: #007BA7;
    width: 300px;
    height: 36px;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 16px;
    display: flex;
    text-decoration: none;
    border-radius: 6px;
}

.plans-all {
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    color: #000000;
    margin-bottom: 65px;
}

.free-go-back {
    margin-left: 10px;
    position: absolute;
    width: 24px;
    height: 24px;
}

.head-plans {
    margin-top: 16px;
    width: 340px;
    height: 60px;
}

.upgrade-now {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 23px;
    margin-bottom: 16px;
}

.plans-pro-premium-img {
    width: 153px;
    height: 219px;
}

.container-pro-premium {
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
}

.compare-plans {
    margin-top: 24px;
    margin-left: 36px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.compare-plans-img {
    margin-top: 12px;
    width: 390px;
    height: 283px;
    margin-bottom: 64px;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
}

.pagination li {
    margin: 5px;
}

.pagination li a {
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
    border: 1px solid #ddd;
}

.pagination li.active a {
    background-color: #ef742d;
    color: white;
}

.form-search {
    position: relative !important;
}

.icon-search {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: 25px;
    margin-top: 35px;
}

.icon-search-2 {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: 8px;
    margin-top: 35px;
}

.icon-menu-home {
    width: 30px !important;
    height: 30px !important;
}

.box-head-home {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 32px;
}

.box-search-home {
    margin-top: -16px;
    display: flex;


}

.box-filter-home {
    margin-top: 8px;
    display: flex;
    justify-content: space-around;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 12px;
}

.icon-filterData {
    width: 75px;
    height: 36px;
}

.vector-icon {
    width: 28px;
    height: 30px;
}

.icon-filter {
    width: 98px;
    height: 36px;
}

.icon-filterLove {
    width: 109px;
    height: 36px;
}

.box-number-count {
    position: relative !important;
}

.number-count {
    width: 22px;
    height: 20px;
    background-color: #E34234;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    color: #FFFFFF;
    font-size: 12px;
    border-radius: 50px;
    margin-left: 15px;
    margin-top: -8px;
}


.no-underline {
    text-decoration: none;
    color: #000000;
}


.box-nav-link-home {
    width: 100%;
    height: 42px;
    display: flex;
    flex-direction: row;
}

.box-link-manu-home {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 50%;
    height: 42px;
    background-color: var(--white_200);
    font-size: 16px;
    color: #000000;
}

.box-link-manu-home.active {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 50%;
    height: 42px;
    background-color: #80BDD0;
}



.home-head .nav-link-decoration,
.nav-link-decoration2 {
    display: none;
}

.home-head .nav-link.active+.nav-link-decoration,
.nav-link.active+.nav-link-decoration2 {
    display: block;
}

.nav-link-decoration {
    margin-top: -5px;
    width: 118px;
    height: 5.8px;
    background-color: #007BA7;
    border-radius: 50px;
    position: absolute;
    left: 13%;
    transform: translateX(-13%);
}

.nav-link-decoration2 {
    margin-top: -5px;
    width: 118px;
    height: 5.8px;
    background-color: #007BA7;
    border-radius: 50px;
    position: absolute;
    right: 7%;
    transform: translateX(-7%);
}

.auto-name {
    margin-top: 16px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

.auto-email {
    margin-top: -10px;
    color: #7C7C7C;
    font-size: 8px;
}

.auto-account {
    margin-top: -8px;
    color: #000000;
    font-size: 8px;
}

.icon-account {
    width: 11px;
    height: 11px;
    margin-right: 4;
}

.box-profile-manu {
    margin-top: 64px;
    margin-left: 24px;
}

.offcanvas-body {
    display: flex;
    align-items: end;
    margin-bottom: 35px;
}

.back-home {
    font-size: 14px;
    font-weight: bold;
    color: #007BA7;
}

.icon-account-manu {
    margin-top: -4px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.icon-account-manu-2 {

    width: 11px;
    height: 11px;
    margin-left: 4px;
}

.manu-bar-profile {
    font-size: 14px;
    color: #000000;
    margin-top: 32px;
}

.manu-bar-profile .toggle-menu {
    display: none;
}

.manu-bar-profile .menu-items {
    display: none;
    list-style: none;
    padding: 0;
    margin: 8px 0 0 30px;


}

.manu-bar-profile .menu-items li {
    padding-top: 8px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
}

.manu-bar-profile .menu-items li a {
    text-decoration: none;
    color: #000;
}

.manu-bar-profile .menu-items li:hover {
    background-color: #BDE3FF;
    width: 300px;
    border-radius: 4px;

}

.manu-bar-profile .toggle-menu:checked~.menu-items {
    display: block;
}

.manu-bar-profile .upgrade-plan {
    cursor: pointer;
}

.icon-stat_minus_1 {

    width: 16px;
    height: 16px;
}

.upgreade-plan-pro {
    font-size: 16px;
    color: #FAA631;
    text-align: center;
    font-weight: bold;
    margin-top: 23px;
}

.upgrade-dow {
    font-size: 16px;
    color: #000000;
    text-align: center;
    font-weight: bold;
    margin-top: 23px;
}

.free-trial-box-nav {
    padding-bottom: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.frame-pro {
    width: 339px;
    height: 46px;
    margin-top: 24px;
}

.box-setup-profile {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 55px;
}

.Frame584 {
    width: 20px;
    height: 20px;
}

.box-profile-setup {
    margin-top: -16px;
}

.card_image {
    width: 100%;
    height: 179px;
    background-color: #F4F5F5;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}



.group78 {
    position: absolute;
    width: 102px;
    height: 63;
}

.contact-setup {
    margin-top: -18px;
    color: #808080;
    font-size: 12px;
}

.search-filter {
    margin-top: 32px;
    width: 359px;
    height: 36px;
    margin-bottom: 9px;
}

#home-tab.box-link-manu-home.active {
    border-top-right-radius: 4px;
}

#profile-tab.box-link-manu-home.active {
    border-top-left-radius: 4px;
}

.row-box {
    display: flex;
    justify-content: flex-start;
    /* Align items to the left */
    gap: 20px;
    /* Add space between the boxes */
}

.filter-box {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #F9F9F9;
    /* Default background color */
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 155px;
    height: 54px;
}

.filter-box.selected {
    background-color: #007BA7;

    /* Selected background color */
}

.filter-box.selected p {

    color: #FFFFFF;
    /* Selected background color */
}



.filter-box p {
    margin: 0;
    color: #000;
    /* Text color */
}

.select-color {
    margin-top: 12px;
    background-color: #B8D7E2;
}

.filter-box-input {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #F9F9F9;
    padding: 10px;
    border-radius: 100px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 80px;
    height: 24px;
}

.filter-box-input input[type="radio"] {
    display: none;
    /* Hide the radio buttons */
}



.filter-box-input.selected {
    background-color: #007BA7;
    color: #FFFFFF;
}

.icon-location {
    width: 20px;
    height: 20px;
}

.icon-search-box {
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.icon-frame648 {
    width: 100%;
    height: 36px;
    max-width: 360px;
}

.box-free-customer {
    padding-left: 21px;
    padding-right: 21px;
}

.contract-type {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
}

.co-agent {
    margin-top: 26px;
    color: #030B2F;
    font-size: 16px;
    margin-bottom: 24px;
}

.filter-box-input2 {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #F9F9F9;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 57px;
    height: 36px;
}

.filter-box-input2 input[type="radio"] {
    display: none;
    /* Hide the radio buttons */
}



.filter-box-input2.selected {
    background-color: #007BA7;
    color: #FFFFFF;
}

.price-range {
    font-size: 16px;
    color: #030B2F;
    font-weight: bold;
}

.margin-wants-box {
    margin-top: 16px;
}

.wants-box {
    width: 358px;
    height: "100%";
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 16px;
    padding: 16px;
}

.wants-box-icon {
    width: "100%";
    height: 50px;
}

.ass-box-icon {
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    flex-direction: column;
    padding-top: 8px;
}

.icon-cottage {
    width: 20px;
    height: 20px;
}

.icon-cottage-user {
    width: 20px;
    height: 20px;
    border-radius: 100px;
}

.icon-cottage-text {
    font-size: 12px;
    color: #000000;
    text-align: center;
}

.ass-box-sale {
    background-color: #FAA631;
    width: 56px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-top: 8px;
    color: #FFFFFF;
    font-size: 12px;
}

.ass-box-rent {
    background-color: #007BA7;
    width: 56px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    margin-top: 8px;
    color: #FFFFFF;
    font-size: 12px;
}

.ass-price_start {
    font-size: 14px;
    font-weight: 700;
    color: #007BA7;
}

.special-characteristics {
    font-size: 12px;
    height: 25px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B8D7E2;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    border-radius: 6px;
    color: #014158;
    margin-right: 8px;
    margin-bottom: 8px;

}

.message_customer {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}

.station_name_th {
    font-size: 12px;
    font-weight: 400;
    color: #424862;
}

.ass-hr {

    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
    width: 90% !important;
    color: #B8D7E2;
    margin-bottom: 12px;
}

.ass-user {
    display: flex;
    justify-content: space-between;
}

.ass-icon-line {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.ass-icon-line2 {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.row-ass {
    display: flex;
    flex-wrap: wrap;
    /* เพื่อให้รายการสามารถขึ้นบรรทัดใหม่ได้ */
    gap: 2px;
    /* เว้นช่องว่างระหว่างรายการ */
}

.box-dan-name {
    margin-left: 8px;
}

.dan-name {
    font-size: 12px;
    font-weight: 400px;
    color: #030B2F;
}

.dan-time {
    margin-top: -10px;
    font-size: 12px;
    font-weight: 400px;
    color: #7C7C7C;
}

.ass-hr-wants {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;

    margin-bottom: 12px;
    position: relative;
    color: #007BA7;
}

.ass-hr-wants::before,
.ass-hr-wants::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background-color: #007BA7;
}

.ass-hr-wants::before {
    margin-right: 15px;
    /* ระยะห่างระหว่างเส้นกับข้อความ */
}

.ass-hr-wants::after {
    margin-left: 15px;
    /* ระยะห่างระหว่างเส้นกับข้อความ */
}

.ass-hr-wants>span {
    white-space: nowrap;
}

.box-head-personal-web {
    display: flex;

    justify-content: space-between;
}

.free-trial-box-nav-web {
    padding-bottom: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
}

.box-nav-web {
    width: 100%;
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-right: 42px;
}



.offcanvasManu-web {
    margin-top: 32px;
    margin-left: 16px;
}

.toggle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.toggle-button {

    background-color: #FEE8C7;
    margin-top: 24px;
    width: 350px;
    height: auto;
    padding: 12px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color: #CB7D10;
    font-weight: 600;
    transition: background-color 0.3s ease, border-radius 0.3s ease;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.toggle-button.active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.toggle-button::after {
    content: '';
    position: absolute;
    justify-content: center;
    margin-left: 8px;

    width: 20px;
    /* ปรับขนาดของรูปภาพ */
    height: 20px;
    /* ปรับขนาดของรูปภาพ */
    background-image: url('/assets/image/welcome/navigate_next_do.png');
    /* ระบุที่อยู่ของภาพ */
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.toggle-button.active::after {
    transform: rotate(180deg);

}

.toggle-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    background-color: #FEE8C7;
    border-top: none;
    transition: max-height 0.3s ease, padding 0.3s ease;
    width: 350px;
    height: 100%;
}

.toggle-content.active {
    max-height: 237px;
    /* ปรับตามความสูงของคอนเทนต์ */
    padding: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #CB7D10;
}

.read-benefits {
    text-align: center;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400px;
    color: #014158;
}

.content-image {
    margin-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 64px;
}

.frame660 {
    width: 335px;
    height: 147px;
}

.steps-3 {
    margin-top: 24px;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
}

.frame23 {
    margin-top: 24px;
    width: 342px;
    height: 36px;
    margin-bottom: 8px;
}

.parttoedit {
    width: 342px;
    height: 139px;
    margin-bottom: 8px;
}

.box-rectangle {
    position: relative;
    flex-direction: column;
}

.rectangle123 {
    max-width: 390px;
    height: 132px;
    width: 100%;
    position: relative;
    z-index: 0;
}

.frame7 {
    width: 77px;
    height: 36px;
    z-index: 10;
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.box-history-profile {
    margin-top: 19px;
    position: relative;
    flex-direction: row;
    display: flex;
    padding-left: 24px;
    padding-right: 24px;
}

.img-history-profile {

    width: 79px;
    height: 79px;
    border-radius: 100px;

}

.name-history-profile {
    width: 100%;
    margin-top: 8px;
    margin-left: 16px;
    margin-right: 0;
}

.name-history-profile-p {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

.name-history-profile .input_box {
    margin-top: 16px;
}

.history-box {
    margin-top: 31px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.input_box2 label {
    display: flex;
    flex-direction: row;
    margin-top: -10px;
    margin-left: 16px;

    font-size: 14px !important;
    color: #007BA7;
    font-weight: 400;
    background-color: var(--white);
    position: absolute;
}

.input_box3 label {
    display: flex;
    flex-direction: row;
    margin-top: -10px;
    margin-left: 16px;

    font-size: 14px !important;
    color: #00000080;
    font-weight: 400;
    background-color: var(--white);
    position: absolute;
}



.btn-attention {

    width: 119px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: var(--white);
    font-weight: 400;
    font-size: 14px;
    background-color: var(--white);
    border: 1px solid #E34234 !important;
    color: #E34234;

}

.box-type {
    margin-top: 20px;
    margin-left: 24px;
    margin-right: 24px;
    background-color: #007BA7;
    width: 330px;
    height: auto;
    padding: 16px 20px 16px 20px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 10px;
    margin-bottom: 16px;
}

.img-contract2 {
    width: 20px;
    height: 20px;
    margin-right: 8px;

}

.box-link-fb-tel {
    width: 326px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #014158;
    border: 1px solid #80BDD0;
    margin-left: 24px;
    margin-right: 24px;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 4px;
    white-space: nowrap;
    /* ไม่ให้ข้อความขึ้นบรรทัดใหม่ */
    overflow: hidden;
    /* ซ่อนข้อความที่ยาวเกิน */
    text-overflow: ellipsis;
    /* แสดง ... เมื่อข้อความยาวเกิน */
}

.img-imageLine {
    width: 20px;
    height: 20px;
    margin-right: 16px;
}

.footer-name {
    margin-top: 33px;
    width: 100%;
    height: 60px;
    background-color: #030B2F;

    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
}

.footer-name p {
    text-align: center;
}

.services-such-as {
    margin-top: 4px;
    width: 100%;
    height: auto;
    background-color: #030B2F;

    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
}

.services-such-as p {
    text-align: center;
}

.services-name {
    font-size: 20px;
    font-weight: 700;
}

.box-justify-content {
    display: flex;
    justify-content: center;
    background-color: #EFF6F9 !important;
    flex-direction: column;
    /* เรียงลูกใน container ในแนวตั้ง */
    align-items: center;
    /* จัดให้อยู่ตรงกลางในแนวนอน */


}

.pt-services-32 {
    padding-top: 32px;

}

.box-services-user {
    width: 326px;
    height: 100%;
    border-radius: 30px;
    background-color: #FFFFFF;
    margin-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 32px;
    position: relative;
}

.img-rectangle136 {
    width: 280px;
    height: 280px;
    z-index: 0;

}

.frame7-2 {
    width: 77px;
    height: 36px;
    z-index: 10;
    position: absolute;
    top: 220px;
    right: 48px;
}

.mt-services-24 {
    margin-top: 44px;
}

.mt-services-24 label {
    position: absolute;
    margin-top: -10px;
    margin-left: 8px;
    color: #808080 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding-left: 8px;
    padding-right: 8px;
    background-color: #fff;

}



.btn-box {
    width: 100%;
    margin-top: 32px;
    display: flex;
    justify-content: center;
    background-color: #ffffff !important;
    padding-bottom: 49px;
    /* เรียงลูกใน container ในแนวตั้ง */
    align-items: center;
}

.success-box {
    background-color: #FFFFFF;
    justify-content: center;
    display: flex;
    margin-bottom: 8px;
    color: green;
    font-size: 14px;
    font-weight: 400;
}

.pb-post-19 {
    padding-top: 19px;
}

.pick_highlight_post {
    width: 350px;
    height: 44px;
}

.create_new_post {
    margin-top: 32px;
    width: 350px;
    height: 36px;
}

.post {
    margin-top: 25px;
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 28px;
    text-align: center;
}

.box-post-justify-content {
    display: flex;

    flex-direction: column;
    align-items: center;
    background-color: #EFF6F9;
    min-height: 100vh;
}

.modal-title-post {
    margin-top: 8px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-left: 40%;

}

.modal-body-post {
    width: 100%;
    position: relative;
    flex: 1 1 auto;

    padding: 0px 1rem 1rem 1rem;
}

.add-frame7 {
    width: 193px;
    height: 36px;
    margin: 16px 0px;
}

.add-frame7-2 {
    width: 100%;
    height: 100%;
    max-width: 331px;
    max-height: 280px;
    margin: 16px 0px;
}

.btn-box-post {
    width: 100%;
    margin-top: 16px;
    display: flex;
    justify-content: center;
    background-color: #ffffff !important;
    padding-bottom: 16px;
    /* เรียงลูกใน container ในแนวตั้ง */
    align-items: center;
}

.box-post-store {
    width: 100%;
    height: 100%;
    padding: 32px 24px;
}

.box-post-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.posts-view {
    width: 328px;
    min-height: 359px;
    height: 100%;
    background-color: #FFFFFF;
    padding: 24px 28px;
    margin-bottom: 28px;
}

.post-head-name {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}



.text-post-view {
    position: relative;
}

.text-content {
    max-height: 4.5em;
    /* 3 lines approximately */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.text-content.expanded {
    max-height: none;
}

.see-more {
    display: inline-block;
    color: #007BA7;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
}

.edit-post {
    width: 20px;
    height: 20px;
}

.box-delete-post {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
}

.delete-text {
    margin-top: 8px;
    color: #E34234;
    font-size: 14px;
    font-weight: 400;
    margin-right: 16px;
    text-decoration: underline;
    /* เพิ่มเส้นใต้ข้อความ */
}

.edit-btn-post {
    color: #007BA7;
    font-size: 14px;
    font-weight: 400;
    width: 206px;
    height: 36px;
    background-color: #FFFF;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #007BA7;

}

.box-radio-name {
    display: flex;
    justify-content: space-between;
}

.posts-view .form-check-input:focus {
    background-color: #5DA36C !important;
    border-color: #5DA36C !important;
}

.posts-view .form-check-input:checked {
    background-color: #5DA36C !important;
    border-color: #5DA36C !important;
}

.box-announced {
    padding: 17px 16px 22px 16px;
}

.text-announced2 {
    padding: 17px 16px 22px 16px;
}

.announced-property {
    font-size: 20px;
    font-weight: 700;
    color: #030B2F;
}

.add-co {
    width: 52px;
    height: 52px;
    position: fixed;
    right: 16px;
    bottom: 22px;
    z-index: 10;
}

.img-ellipse {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

.img-smust {
    width: 52px;
    height: 23px;
}

.smust-co-head-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 23px;
}

.back-co {
    display: flex;
    align-items: center;

}

.co-go-back {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.co-trial {
    margin-top: 9px;
    color: #007BA7;
    font-size: 20px;
    font-weight: bold;
}

.progress-container {
    width: 100%;
    padding: 10px;
}

.progress-bar-co {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    height: 6px;
}

.progress-step {
    width: 20%;
    height: 100%;
    background-color: #D9D9D9;
    position: relative;
    margin-right: 2px;
    transition: background-color 0.3s ease;
}

.progress-step:first-child {
    border-radius: 5px 0 0 5px;
}

.progress-step:last-child {
    border-radius: 0 5px 5px 0;
}

.progress-step.completed {
    background-color: #007ba7;
}

.box-announced-co {
    width: 100%;
    min-height: 100vh;
    background-color: #FFFFFF;
}

.skip-steps-co {
    margin-top: 16px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.form-step {
    display: none;
}

.form-step.active {
    display: block;
}

.multi-step-form {
    margin-top: 20px;
}

.text-label-co {
    color: #808080;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px;
}

.span-label-co {
    color: var(--attention);
    font-size: 12px;
    font-weight: 400;

}

.box-btn-type {
    display: inline-block;
    padding: 8px 16px;

    border-radius: 6px;
    font-size: 16px;
    margin: 4px 0;
    font-size: 16px;
    font-weight: 400;

    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid #007BA7;
    color: #007BA7;

}

.box-btn-type.active {
    color: #FFFFFF;
    background-color: #007BA7;
}

.box-btn-have {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 16px;
    margin: 4px 0;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid #007BA7;
    color: #007BA7;
}

.box-btn-have.active {
    background-color: #007BA7;
    color: #FFFFFF;
}

.box-btn-down {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 16px;
    margin: 4px 0;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    background-color: #FFFFFF;
    border: 1px solid #007BA7;
    color: #007BA7;
}

.box-btn-down.active {
    background-color: #007BA7;
    color: #FFFFFF;
}

.box-datepicker-co {
    position: relative;
}

.datepicker-co {
    padding-left: 40px;
    width: 350px;
    height: 56px;
    z-index: 0;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.img-datepicker {
    position: absolute;
    width: 20.3px;
    height: 20px;
    margin-top: 24px;
    margin-left: 8px;
    margin-right: 8px;
}

.datepicker-line {
    border-left: 1px solid #000000;
    height: 36px;
    position: absolute;
    margin-left: 32px;
    margin-top: 16px;

}

.placeholder-co {
    margin-top: 8px;
    position: absolute;
    color: #808080;
    font-size: 12px;
    font-weight: 400;
    margin-left: 40px;
}

.box-datepicker-co .button,
input,
optgroup,
select,
textarea {
    margin: 5px 0 0 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

}

.head-name-co {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #030B2F;
}

.house-number {
    display: inline-block;
    width: 102px !important;
}

.house-name {
    display: inline-block;
    width: 236px !important;
}


.input-group-icon {
    background-color: #6a66666b;
    margin-top: 6px;
    padding: 8px 16px 16px 16px;
    border-top-left-radius: 10px;
    height: 38px;
    border-bottom-left-radius: 10px;
}

.box-screenshot-frame {
    flex-direction: row;
    display: flex;
}

.house-frame {
    display: inline-block;
    width: 160px;
    margin-right: 8px;
}



.image-screenshot_frame {
    margin-top: 13px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.text-reservation-money {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 20px;
    color: #E34234;
    font-size: 14px;
    font-weight: 400;
}

.img-info {
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

.img-info2 {
    position: absolute;
    right: 16px;
    width: 24px;
    height: 24px;
    top: 8px;
    z-index: 2;
}

.swal-btn-down {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 16px;
    margin: 4px 0;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    background-color: #FFFFFF !important;
    border: 1px solid #007BA7;
    color: #007BA7;
    box-shadow: 0 0px 0px rgb(255, 255, 255) !important;
    /* เงาของปุ่ม */
}


div:where(.swal2-container) div:where(.swal2-popup) {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #ffffff !important;
    color: #014158 !important;

    font-size: 12px !important;
}

.container-img-buying_house {
    display: flex;
    justify-content: center;
}

.img-buying_house {
    width: 264px;
    height: 219px;
}

.details-have-broker {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.have-broker {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.people-23 {
    color: #E34234;
    font-size: 64px;
    font-weight: 700;
    text-align: center;
}

.people {

    font-size: 24px;
    font-weight: 700;
    color: #000000;
}

.specialized {
    margin-top: 23px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}

.box-btn-block-center {
    display: flex;
    justify-content: space-around;
}

.btn-have-broker {

    width: 160px;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin-top: 58px;
    color: var(--white);
    font-weight: 400;
    font-size: 16px;
    background-color: var(--primary);
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-bottom: 52px;
}

.btn-have-broker:hover {

    width: 160px;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin-top: 58px;
    color: var(--white);
    font-weight: 400;
    font-size: 16px;
    background-color: var(--primary);
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-bottom: 52px;
}

.btn-have-broker-back {

    width: 160px;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin-top: 58px;
    color: #014158;
    font-weight: 400;
    font-size: 16px;
    background-color: #B8D7E2;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-bottom: 52px;
}

.btn-have-broker-back:hover {

    width: 160px;
    display: inline-block;
    justify-content: center;
    align-items: center;
    margin-top: 58px;
    color: #014158;
    font-weight: 400;
    font-size: 16px;
    background-color: #B8D7E2;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-bottom: 52px;
}

.step-skipped {
    text-align: center;
    margin-top: 19px;
    color: #80BDD0;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    text-decoration: underline;
}

.shopping-center {
    font-size: 16px;
    font-weight: 400;
    color: #424862;
}

.image-local_mall {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.add-circle-btn {
    background-color: #FFFFFF;
    width: 350px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #007BA7;
    border-radius: 6px;
    border: 1px solid #007BA7;
    cursor: pointer;
}

.mage-add_circle {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.box-add-image-center {
    width: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    position: relative;
    background-color: #808080;
}

.image-rectangle-co-90 {
    width: 350px;
    z-index: 0;
    height: 150px;
    border: 1px solid #ccc;
    /* เพิ่มเส้นขอบให้เห็นภาพชัดเจน */
    object-fit: cover;
}

#image-preview-container {
    position: relative;
    width: 350px;
    height: 150px;
    overflow: hidden;
    /* ซ่อนส่วนเกิน */
}


.box-add-photo-text {
    z-index: 0;
    position: absolute;
}

.image-add_photo_alternate {
    margin-top: 16px;
    margin-left: 16px;
    width: 48px;
    height: 48px;
}

.text-add-image {

    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;

}

.recommend-video {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}

.text-not-forced {
    margin-top: 12px;
    font-size: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}

.next-step-cross {
    color: #007BA7;
    cursor: pointer;
    text-decoration: underline;
}

.box-width-rent-sell {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    width: 200px;
}

.box-highlights {
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    padding: 20px;
    margin-top: 32px;
    margin-bottom: 12px;
}

.top-highlights {

    margin-top: 32px;

}

.know-property {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin-top: -32px;
}

.icon-edit2 {
    bottom: 10px;
    position: absolute;
    right: 40px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.icon-edit3 {
    bottom: 10px;
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;

}

.heart-icon {
    fill: #014158;
    /* ไม่เติมสีด้านใน */
    stroke: #014158;
    /* สีของเส้นเป็น #ef742d */
    stroke-width: 2;
    /* ความหนาของเส้น */
    width: 24px;
    height: 24px;
}

.box-icon-favorite {
    position: absolute;
    right: 24px;
    top: 0;
}

.form-check-home {
    margin-right: 8px;
}

.form-check-search {
    margin-right: -8px;
}

.form-check-label4 {
    cursor: pointer;
}

.form-check-label2 {
    display: inline-block;
    width: 76px;
    height: 76px;
    border: 1px solid #E5E5E5;
    padding: 10px;
    border-radius: 5px;
    transition: border-color 0.3s;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;

}

.form-check-input:checked+.form-check-label2 {
    border: 1px solid #007BA7;
    /* กำหนดกรอบสีฟ้า */
    border-radius: 5px;
    padding: 10px;
    background-color: #007BA7;

}

.form-check-input:checked+.form-check-label2 p {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
}

.font-size-12-black {

    text-align: center;
}

.form-check-label3 {
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid #E5E5E5;
    background-color: #E5E5E5;
    padding: 4px 24px;
    border-radius: 50px;
    transition: border-color 0.3s;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;

}

.form-check-input:checked+.form-check-label3 {
    border: 1px solid #007BA7;
    /* กำหนดกรอบสีฟ้า */
    width: auto;
    height: auto;
    padding: 4px 24px;
    border-radius: 50px;
    background-color: #007BA7;
    color: #ffffff !important;
    text-align: center;

}

.form-check-label4 {
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid #007BA7;
    background-color: #FFFFFF;
    padding: 7px 30px;
    border-radius: 50px;
    transition: border-color 0.3s;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;

}

.form-check-input:checked+.form-check-label4 {
    border: 1px solid #007BA7;
    /* กำหนดกรอบสีฟ้า */
    width: auto;
    height: auto;
    padding: 7px 30px;
    border-radius: 50px;
    background-color: #007BA7;
    color: #ffffff !important;
    text-align: center;

}

.icon-co-home {
    width: 32px;
    height: 32px;
    margin-right: 12px;
}

.text-co-home {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}

.icon-co-premium {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.co-agent-user {
    margin-top: -4px;
    margin-bottom: -4px;
    font-size: 12px;
    font-weight: 400;
    color: #007BA7;
    position: relative;

}

.co-agent-use-img {
    width: 15px;
    height: 15px;
    margin-left: 13px;
    margin-right: 6px;
}

.arrow_forward_ios {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    margin-top: 4px;
}

.remove-announcement {
    margin-top: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #E34234;
}

.box-co-uses {
    width: 100%;
    height: 69px;
    background-color: #FFFFFF;
    margin-bottom: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.box-profile-co {
    padding: 8px 17px 8px 14px;
    position: relative;
}

.profile-co {
    width: 50px;
    height: 50px;
    z-index: 0;
}

.icon-co-user {
    width: 13px;
    height: 13px;
    z-index: 1;
    margin-left: -20px;
    margin-bottom: -32px;
}

.co-agent-type {
    font-size: 8px;
    font-weight: 400;
    color: #000000;
    background-color: #ffffff;
    padding: 2px 8px;
    border: 1px solid #007BA7;
    border-radius: 50px;
    display: inline-block;
}

.co-name {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}

.co-name-span {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}

.remove-text-announcement {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.you-have-deleted {
    font-size: 12px;
    font-weight: 400;
    color: #7C7C7C;

}

.btn-close-secondary {
    border: 2px solid #0000004D;
    color: #0000004D;
    width: 136px;
    height: 36px;
    margin-right: 6px;
}

.btn-close-secondary:hover {
    border: 2px solid #0000004D;
    color: #0000004D;
    width: 136px;
    height: 36px;
    margin-right: 6px;
}

.btn-close-secondary:active {
    border: 2px solid #0000004D !important;
    color: #0000004D !important;
    width: 136px !important;
    height: 36px !important;
    margin-right: 6px !important;
}

.btn-remove-announcement {
    border: 2px solid #E34234;
    background-color: #E34234;
    color: #FFFFFF;
    width: 166px;
    height: 36px;
    margin-left: 6px;
}

.btn-remove-announcement:hover {
    border: 2px solid #E34234;
    background-color: #E34234;
    color: #FFFFFF;
    width: 166px;
    height: 36px;
    margin-left: 6px;
}

.btn-remove-announcement:active {
    border: 2px solid #E34234 !important;
    background-color: #E34234 !important;
    color: #FFFFFF !important;
    width: 166px !important;
    height: 36px !important;
    margin-left: 6px !important;
}

.agentlogo-navbar {


    width: 77px;
    height: 68px;
}


.bg-body-tertiary {
    background-color: #FFFFFF !important;
}


.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0 !important;
    align-items: center;
    margin-right: 72px;
}

.bg-navbar {
    padding: 40px 16px;

    background-image: url('/assets/image/home/bg.png');
    background-size: cover;
    /* Ensures the background covers the entire element */
    background-position: center;
    /* Centers the background image */
    background-repeat: no-repeat;
    /* Prevents the background image from repeating */

    min-height: 382px;
    /* Set a height if needed, such as full viewport height */
    width: 100%;
    /* Set width to 100% */
    display: flex;
    align-items: center;
    flex-direction: column;
}

.box-bg {
    padding: 32px 0;
    width: 100%;
    height: 188px;
    background: var(--Primary, #007BA7);
    display: flex;
    justify-content: center;

}

.owner-allows-free {
    background: #E34234;
    width: 187px;
    height: 36px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
}

.apply-job-with-us {
    color: #007BA7;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline !important;

}

@media only screen and (min-width: 992px) {
    .owner-allows-free {
        margin-left: 12px;
    }

    .apply-job-with-us {
        margin-left: 12px;
    }

    .search-text-head::after {
        margin-left: -80px;
        width: 200px;
    }

    input[type="radio"]:checked+.search-text-head::after {
        width: 200px;
        /* แสดงเส้นใต้เต็มเมื่อเลือก */
    }

    input[type="radio"]:checked+.search-text-head2::after {
        width: 200px;
        margin-left: -20px;
        /* แสดงเส้นใต้เต็มเมื่อเลือก */
    }

}

@media only screen and (max-width: 991px) {

    input[type="radio"]:checked+.search-text-head::after {
        width: 50px;
        margin-left: -10px;
        /* แสดงเส้นใต้เต็มเมื่อเลือก */
    }

    input[type="radio"]:checked+.search-text-head2::after {
        width: 170px;
        margin-left: -10px;
        /* แสดงเส้นใต้เต็มเมื่อเลือก */
    }

}

.integration-platform {
    font-size: clamp(20px, 5vw, 40px);
    /* ขนาดต่ำสุด 20px, ขนาดที่ปรับตามหน้าจอ 5vw, และขนาดสูงสุด 40px */

    font-weight: 700;
    color: #000000;
    text-align: center;
}

.search-welcome {
    max-width: 880px;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 12px;

}

.search-welcome-box {
    display: flex;
    gap: 10px;
    justify-content: space-around;

}


.search-text-head {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    position: relative;
    /* กำหนดให้ใช้ relative เพื่อควบคุมตำแหน่งของ ::after */
}

.search-welcome-box {
    display: flex;
    gap: 20px;
    position: relative;
}





.btn-find-out-now {
    margin-top: 4px;
    width: 131px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: #E34234;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    border: 1px solid #E34234;
    transition: background-color 0.3s ease;
}

.btn-find-out-now:hover {

    background-color: #b62e21;

}

.search-welcome-box {
    display: flex;
    gap: 20px;
}

.search-text-head,
.search-text-head2 {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    cursor: pointer;
    position: relative;
    padding-bottom: 5px;
}

.search-text-head::after,
.search-text-head2::after {
    content: '';
    position: absolute;
    width: 0;
    /* เริ่มต้นด้วยความยาว 0 */
    height: 2px;
    background-color: #E34234;
    bottom: -7px;
    left: 0;
    transition: width 0.3s ease-in-out;
}

/* input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
} */

.box-or-agent {
    margin-top: 8px;
    max-width: 880px;
    width: 100%;
    height: auto;
    border-radius: 12px;
    padding: 12px;
    background: #FFFFFFB2;
    display: flex;
    justify-content: center;
    align-items: center;

}

.box-or-agent-we {
    margin-top: 8px;
    max-width: 1295px;
    width: 100%;
    height: auto;
    border-radius: 12px;
    padding: 12px;
    background: #FFFFFFB2;
    display: flex;
    justify-content: end;
    margin-right: 32px;


}

.box-or {
    display: flex;
    flex-direction: row;
}

.or-text {
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.box-agent {
    width: auto;
    height: auto;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #007BA7;
    margin-left: 20px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease, margin-left 0.3s ease;

}

.box-agent:hover {
    background-color: #008dc0;
    margin-left: 30px;
}

.location_away-box {
    display: flex;
    flex-direction: row;
}

.groups_2w {
    margin-left: 16px;
    width: 80px;
    height: 80px;
}

.box-the-owner {
    margin-left: 16px;
    color: #FFFFFF;
}

.text-the-owner {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
}

.for-sale-rent-out {
    font-size: 16px;
    font-weight: 400;
}

.deposit-assets-now {
    cursor: pointer;
    width: 133px;
    height: 36px;
    background: #B8D7E2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #014158;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    border-radius: 6px;
}

.box-line {
    margin-left: 31px;
    margin-right: 31px;
    border: 1px solid #FFFFFF
}

@media only screen and (max-width: 768px) {
    .box-bg {
        flex-direction: column;
        height: auto;
    }

    .location_away-box {
        flex-direction: column;
        align-items: center;
    }

    .groups_2w {
        width: 100%;
        max-width: 80px;
        height: auto;
        margin-left: 32px;
        margin-bottom: 16px;
    }

    .box-the-owner {
        margin-left: 0;
        text-align: center;
    }

    .box-line {
        margin: 24px 0;
        width: 100%;
    }

    .deposit-assets-now {
        width: 133px;
        margin-bottom: 16px;
    }

    .text-the-owner {
        font-size: 20px;
    }

    .for-sale-rent-out {
        text-align: left;
        font-size: 14px;
        padding: 0 32px;
    }

    .location_away-box br {
        display: none;
    }

    .location_away-box li span {
        margin-left: 0 !important;
    }
}

.text-can-agent {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-left: 59px;
    margin-top: 76px;
}

.nav-link-home-we {
    width: 135px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #007BA7;
    text-decoration: none;
    background: #ECF5F9;
    border: 0;
    padding: 10px;
    margin-right: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, font-weight 0.15s ease-in-out;
}

.nav-link-home-we:focus {
    width: 135px;
    font-weight: 700;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.nav-link-home-we.active {
    width: 135px;
    font-weight: 700;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 5px;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}



.box-nav-link-home-we {

    display: inline-flex;
    background: #ECF5F9;
    padding: 4px;
    border-radius: 4px;
}

.box-nav-link-home-we-2 {
    border: 1px solid #80BDD0;
    display: inline-flex;
    background: #ECF5F9;
    padding: 4px;

    border-radius: 4px;
}

.container-we {
    display: flex;
    position: relative;
    justify-content: center;
}

.right-content {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 77px;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px;
    text-align: left;

}

.btn-find-search-now {
    margin-left: 16px;
    margin-top: -8px;
    width: 131px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: #E34234;
    font-size: 14px;
    font-weight: 400;
    border-radius: 6px;
    border: 1px solid #E34234;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.btn-find-search-now:hover {

    background-color: #b62e21;

}

/* Media Queries for Mobile */
@media (max-width: 961px) {
    .container-we {
        flex-direction: column;
        /* เปลี่ยนเป็นแนวตั้ง */
        align-items: center;
        /* จัดกลางในแนวนอน */
        padding: 10px;
        /* ปรับการเว้นระยะห่าง */
    }

    .right-content {
        position: static;
        /* ทำให้ไม่อยู่บนตำแหน่งที่ระบุ */
        margin-top: 20px;
        /* เพิ่มระยะห่างด้านบน */
        right: auto;
        /* รีเซ็ตการจัดตำแหน่ง */
        transform: none;
        /* รีเซ็ตการแปลง */
        text-align: center;
        /* จัดข้อความกลาง */
    }


}

.or-you-are {
    color: #007BA7;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;

}

.box-tab-content-we {
    margin-top: 46px;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 75px;

}

.box-tab-content-we-2 {

    margin-left: 5%;
    margin-right: 5%;


}

.we-are-platform {
    font-size: 20px;
    font-weight: 400px;
    color: #000000CC;
    text-align: center;
}

.we-are-platform span {
    font-weight: 700;
}

.match_easy {
    margin-top: 48px;
    max-width: 1190px;
    max-height: 548px;
    width: 100%;
    height: 100%;
}

.img-value_easy-margin-top {
    margin-top: 48px;
}

.img-value_easy {

    max-width: 594px;
    max-height: 400px;
    width: 100%;
    height: 100%;
}

.full-screen-center {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

.btn-for-sale-rent-now {
    background-color: #007BA7;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 236px;
    height: 40px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-for-sale-rent-now:hover {
    background-color: #026589;
}

.box-latest-announcement {
    background: #B8D7E2;
    width: 100%;
    padding-top: 86px;
    height: auto;

}

.box-latest-announcement-2 {
    background: rgba(128, 189, 208, 0.1);

    width: 100%;
    padding-top: 44px;
    height: auto;
}

.text-latest-announcement-new {

    margin-left: 10%;
    color: #014158;
    font-size: 24px;
    font-weight: 700;
}

.text-latest-announcement-new span {
    margin-left: 20px;
    background: #E34234;
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
    display: inline-block;
    justify-content: center;
    align-items: center;
    padding: 4px 9px;
    border-radius: 6px;
}

.carousel-container {
    margin-top: 48px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;

}

.owl-carousel .item {
    background-color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 10px;
    width: 250px;
    min-height: 329px;
}

.owl-carousel img {
    max-width: 100%;
    width: 212px;
    height: 128px;
}

.carousel-container {
    padding-left: 64px;
}

.owl-dots {
    display: none !important;
}

@media (max-width: 991px) {
    .carousel-container {
        padding-left: 44px;
    }
}




.owl-prev,
.owl-next {
    position: absolute;
    top: 40%;
    /* จัดตำแหน่งแนวตั้งที่กลางของ carousel */
    transform: translateY(-50%);

    /* ขนาดของไอคอนปุ่ม */
    color: #000;
    /* สีของปุ่ม */
    border: none;
    /* ลบขอบของปุ่ม */
    background: transparent;

    font-size: 64px !important;

    /* ความสูงของปุ่ม */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* เปลี่ยนเคอร์เซอร์เมื่อชี้ที่ปุ่ม */
    z-index: 10;
    /* ให้แน่ใจว่าปุ่มอยู่เหนือ carousel */
}



/* ลบพื้นหลังและขอบเมื่อ hover หรือ active */
.owl-prev:hover,
.owl-next:hover,
.owl-prev:active,
.owl-next:active {
    background: transparent !important;
    border: none !important;
    color: #007BA7 !important;
}


.owl-prev {
    left: -44px;
    /* ระยะห่างจากขอบซ้าย */
    /*   font-size: 84px !important; */
}

.owl-next {
    right: 16px;
    /*    font-size: 84px !important; */
    /* ระยะห่างจากขอบขวา */
}

.item {
    position: relative;
    display: inline-block;
    /* ใช้ inline-block เพื่อให้ตำแหน่งของปุ่มมีผล */
}

.prev-btn2,
.next-btn2 {
    background-color: #ffffff;
    border: none;
    margin-top: -16px;
    cursor: pointer;
    font-size: 18px;
    width: 18px;
    height: 35px;
    position: absolute;
    /* ใช้ absolute เพื่อจัดตำแหน่งตาม container ที่มี position relative */
    top: 20%;
    /* แนวนอนกลาง */
    transform: translateY(-20%);
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;


}



.prev-btn2 span,
.next-btn2 span {
    font-size: 18px
}

.prev-btn2 {
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
    color: #007BA7;

    left: 16px;
    /* วางปุ่มที่ด้านซ้าย */
}

.prev-btn2 span {
    margin-right: 8px
}

.next-btn2 {
    color: #007BA7;
    right: 16px;
    border-bottom-left-radius: 18px;
    border-top-left-radius: 18px;
}

.next-btn2 span {
    margin-left: 8px;
    /* วางปุ่มที่ด้านขวา */
}

.prev-btn2:hover,
.next-btn2:hover {
    background-color: #B8D7E2;
}

.prev-next-details {
    background-color: red !important;
    color: rebeccapurple !important;


}

button.disabled {
    background-color: #d3d3d3;
    /* สีเทา */
    cursor: not-allowed;
    /* เปลี่ยนเป็น cursor แบบไม่สามารถคลิกได้ */
    pointer-events: none;
    /* ปิดการตอบสนองของการคลิก */
}

.building_name-we {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    word-wrap: break-word;
}

.box-price-new-we {
    flex-direction: row;
    display: flex;
    word-wrap: break-word;
}

.rent_sell-box-we {
    top: 0;
    position: absolute;
    right: 0;
    z-index: 20;
}

.location_on-we {
    width: 20px !important;
    height: 20px !important;
    margin-right: 4px;
}

.provinces-we {

    display: flex;
    flex-direction: row;
    color: #424862;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    word-wrap: break-word;
}

.img-we {
    display: flex;
    flex-direction: row;
}

.summary-rental-process {
    margin-top: 46px;
    font-size: 40px;
    font-weight: 700;
    color: #030B2F;
    text-align: center;

}

.comprehensive-service {

    font-size: 24px;
    font-weight: 700;
    color: #030B2F;
    text-align: center;

}

.img-fa-all {
    margin-top: 55px;
    width: 233px;
    height: 418px;

}

.box-fa-all {
    display: flex;
    flex-wrap: wrap;
    /* ให้ลงบรรทัดใหม่เมื่อเกิน */
    justify-content: center;
    /* จัดให้อยู่ตรงกลาง */
    margin-top: 55px;
}

.img-wa-all {
    margin-top: 55px;
    width: 249px;
    height: 338px;
    margin-left: 34px;
    margin-right: 34px;
}

.apply-premium-plan {
    text-align: center;
    margin-top: 64px;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}

.box-have-personal-center {
    display: flex;
    justify-content: center;
}

.box-have-personal {
    margin-top: 64px;
    background-color: #FFFFFF;
    width: 1270px;
    min-height: 490px;
    border-radius: 20px;
}

.img-3171-1 {
    width: 100%;
    height: 100%;
}

.text-36171 {

    padding: 92px 48px 0px 48px;
}

.text-36171-head {
    font-size: 40px;
    font-weight: 700;
    color: #000000;
}

.text-36171-sell {
    color: #030B2F;
    font-size: 16px;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 16px;
}

.having-online {
    color: #030B2F;
    font-size: 16px;
    font-weight: 400;
}

.frequently-asked-questions {
    margin-top: 137px;
    width: 100%;
    min-height: 608px;
    background-color: #FFFFFFB2;

}

.box-text-ask {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    height: 608px;

}

.accordion-flush-box {
    padding-top: 60px;
    padding-right: 84px;
}

.asked_head-btn {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.text-asked-details {
    margin-top: 17px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;

}

.box-cross-we {

    height: 20px;
    width: 100%;

    background: rgba(128, 189, 208, 0.1);

}

.box-words-smust-users {
    width: 100%;
    height: 471px;
    background-color: #FFFFFF;
    padding: 63px 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-inner {
    width: 100%;
    max-width: 900px;
}



.bxs_quote-left,
.bxs_quote-right {
    max-width: 99px;
    max-height: 345px;
    width: 100%;
    height: 100%;
}

.bxs_quote-left {
    margin-right: 10%;
    /* อาจปรับลด % นี้ลงเพื่อให้เหมาะสมกับพื้นที่ */
}

.bxs_quote-right {
    margin-left: 10%;
    /* อาจปรับลด % นี้ลงเพื่อให้เหมาะสมกับพื้นที่ */
}

.bxs_quote-users {
    background-color: #000;
    width: 400px;
    height: 600px;
}


/* ปรับขนาดรูปโปรไฟล์ของผู้ใช้ */




/* ปรับสไตล์การเลื่อน */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 30px;
    height: 30px;
}

/* ทำให้พื้นที่ Carousel เต็มหน้าจอ */
.carousel-inner {
    width: 100%;
    overflow: hidden;
    /* ซ่อนส่วนที่เกินออกมา */
}

.box-carousel-item {
    width: 100%;
    display: flex;
    justify-content: space-between;

}

.row-align-items-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.arrow_back_ios_new {
    width: 40px;
    height: 40px;
    margin-left: 8%;
}

.arrow_next_ios_new {
    width: 40px;
    height: 40px;
    margin-left: 8%;
}

@media (max-width: 767px) {
    .box-words-smust-users {
        padding: 63px 0 !important;
    }

    .wel-image-detall-2 {

        height: 80px;
    }

}

@media (max-width: 576px) {


    .wel-image-detall-2 {

        height: 85px;
    }

}

.frame-188 {
    width: 120px;
    height: 120px;
    margin: 32px 0px;
    border-radius: 100%;
}

.card-title-smust {
    font-size: 20px;
    font-weight: 700;
    color: #030B2F;

}

.card-title-smust span {
    color: #007BA7 !important;

}

.card-text-smust {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.card-subtitle {
    margin-top: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 10;
    /* หรือค่าที่สูงพอให้ปุ่มแสดงอยู่บนสุด */
}

.footer-section {
    width: 100%;
    min-height: 344px;
    height: 100%;
    position: relative;
    background: #007BA7;
    color: white;
    padding: 53px 5%;

}

.frame-407 {

    width: 304px;
    height: 94px;

}

.frame-268 {
    width: 196px;
    height: 24px;

}

.frame-269-we {
    margin-top: 12px;
    width: 123px;
    height: 24px;

}

.contact-us-we {
    margin-top: 48px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
}

.serve-us-we {
    font-size: 16px;
    font-weight: 700;
}

.text-property-owner-we {
    font-size: 14px;
    font-weight: 400;
}

.ic_baseline-facebook {
    width: 35px;
    height: 35px;
}

.custom-row {
    display: flex;
    justify-content: space-between;
}

.bg-navbar-home-condo {
    position: relative;
    padding: 40px 16px;
    display: flex;
    margin-left: 16px;
    align-items: center;
    flex-direction: column;
}

.search-welcome-home-condo {
    max-width: 1295px;
    margin-right: 16px;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0px 0px 10px 4px #0000001A;
}

.all-search-results {
    margin-left: 5%;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}


.box-all-search-results {
    margin: 34px 5% 62px 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.item-home-condo {
    background-color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 10px;
    width: 250px;
    min-height: 329px;
    position: relative;
    display: inline-block;
    border: 1px solid #007BA7;
    margin-bottom: 55px;
    margin-left: 10px;
    margin-right: 10px;

}

.item-home-condo img {
    width: 100%;
    height: 128px;
}

.box-all-details-wel {
    padding: 20px 5%;

}

.return-search {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}

.east-img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.wel-box-name-details {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
    padding: 24px 22px;
    border: 2.59px solid #007BA7;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    text-align: left;
}

.rent-sell-wel {
    display: flex;
    flex-direction: row;
}

.rent-sell-wel-price {
    margin-top: 16px;
    color: #E34234;
    font-size: 23px;
    font-weight: 700;
}

.real-estate-information {
    margin-top: 25px;
    background: #EFF6F9;
    width: 100%;
    min-height: 160px;
    height: auto;
    border-radius: 10px;
    padding: 24px;
    margin-bottom: 24px;

}

.wel-name-home-condo {
    margin-left: 17px;
}


.mt-align-condo {
    margin-top: 16px;

    /* ป้องกันการตัดบรรทัด */
}

@media (max-width: 991px) {
    .wel-box-name-details {
        flex-direction: column;
        /* สามารถปรับระยะห่างได้ตามต้องการ */
    }

    .wel-name-home-condo {
        margin-top: 16px;
    }

    .mt-lg-agent {
        margin-top: 80px;
    }

    .mt-lg-agent-2 {
        margin-top: 180px;
    }

}



@media (min-width: 576px) and (max-width: 1999px) {


    .wel-image-detall-2 {

        height: 110px;
    }

}

.property-highlights-information {
    border: 1.92px solid #DCDCDC;
    margin-bottom: 24px;
    width: 100%;
    min-height: 160px;
    height: auto;
    border-radius: 10px;
    padding: 24px;

}

.property-nearby-area {
    font-size: 24px;
    color: #000000;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 45px;
}

.see-more-details {
    font-size: 14px;
    color: #007BA7 !important;
    font-weight: 400;
    text-decoration: underline !important;
    margin-left: 23px;
}

.interested-contact-premium {
    border: 1.5px solid #FAA631;
    background: #FAFAFA;
    border-radius: 10px;
    max-width: 364px;
    width: 100%;
    height: auto;
    position: relative;
    padding: 58px 16px 28px 16px;
    margin-top: 56px;
    display: flex;
    justify-content: center;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
    /* เพิ่มเงา */


}




.icon-user-contact {
    width: 74px;
    height: 74px;
    border-radius: 100px;
    position: absolute;
    border: 1px solid #FAA631;
    top: -35px;
    z-index: 1;

}

.box-user-premium {
    padding: 7px 9px;

    border: 1px solid #FEE8C7;
    background-color: #FEE8C7;
    color: #CB7D10;
    font-size: 12px;
    font-weight: 400;
    max-width: 130px;
    width: 100%;
    height: auto;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    border-radius: 8px;
    z-index: 0;
}

.icon-user-premium {
    width: 15px;
    height: 15px;
    margin-right: 2.5px;
}

.icon-user-pro {
    width: 15px;
    height: 15px;
    margin-right: 8px;
}

.icon-explore_nearby-premium {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.premium-address {
    color: #CB7D10;
    font-size: 14px;
    font-weight: 400;

}

.btn-box-profile {
    margin-top: 11px;
    margin-bottom: 24px;
    width: 126px;
    height: 36px;
    border: 2px solid #EBCA7B;
    color: #CB7D10 !important;

    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-box-profile-center {
    display: flex;
    justify-content: center;

}


.box-contact-agent {
    width: 214px;
    min-height: 48px;
    border: 1px solid #7C7C7C;
    border-radius: 10px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: #014158;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;

}

.box-contact-agent span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    /* ทำให้ข้อความใช้พื้นที่ที่เหลือใน flex container */
}

.btn-box-profile-icon-line {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}

.btn-box-profile-icon-line-2 {
    width: 26px;
    height: 26px;
    margin-right: 16px;
    cursor: pointer;
}

.interested-contact-pro {
    border: 1px solid #007BA7;
    background: #FAFAFA;
    border-radius: 10px;
    max-width: 364px;
    width: 100%;
    height: auto;
    position: relative;
    padding: 58px 16px 28px 16px;
    margin-top: 56px;
    display: flex;
    justify-content: center;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);



}

.box-user-pro {
    padding: 7px 9px;

    border: 1px solid #B8D7E2;
    background-color: #B8D7E2;
    color: #014158;
    font-size: 12px;
    font-weight: 400;
    max-width: 130px;
    width: 100%;
    height: auto;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    border-radius: 8px;
    z-index: 0;
}

.icon-user-contact-pro {
    width: 74px;
    height: 74px;
    border-radius: 100px;
    position: absolute;
    border: 1px solid #014158;
    top: -35px;
    z-index: 1;

}

.icon-user-contact-pro-modal {
    width: 74px;
    height: 74px;
    border-radius: 100px;
    border: 1px solid #014158;
    z-index: 3;
    margin-bottom: 16px;

}

.ml-model {
    margin-left: 5%;
}


.premium-address {
    color: #014158;
    font-size: 14px;
    font-weight: 400;

}

.btn-box-profile-pro {
    margin-top: 11px;
    margin-bottom: 24px;
    width: 126px;
    height: 36px;
    border: 2px solid #007BA7;
    color: #007BA7 !important;
    cursor: pointer;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tel-model {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
}

.image-17 {
    max-width: 700px;
    max-height: 454px;
    width: 100%;
    height: 100%;
}

.box-skilled-head {
    margin: 72px 10%;
}

.text-skilled-head {
    font-size: 24px;
    font-weight: 400;
    color: #000000CC;

}

.brokers-search {
    margin-top: 32px;
    color: #007BA7;
    font-size: 24px;
    font-weight: 700;
}

.brokers-search-number {
    color: #E34234;
    font-size: 64px;
    font-weight: 700;

}

.brokers-search-text {
    color: #007BA7;
    font-size: 20px;
    font-weight: 400;
    margin-left: 20px;

}

.box-brokers-search {
    background-color: #007BA7;
    width: 100%;
    height: 466px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.find-broker {
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF;
}

.contact-a-broker {
    margin: 92px 10% 100px 10%;
    font-size: 64px;
    font-weight: 700;
    color: #000000;
}

.contact-a-broker span {
    color: #E34234;
}


.interested-contact-premium-carousel {
    border: 1.5px solid #FAA631;
    background: #FAFAFA;
    border-radius: 10px;
    max-width: 364px;
    width: 100%;
    min-height: 215px;
    height: auto;
    position: relative;
    padding: 58px 16px 28px 16px;
    margin-top: 56px;
    display: flex;
    justify-content: center;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
    margin-right: 20px;
}

.carousel-mb-64 {
    margin-bottom: 64px;
}

.interested-contact-premium-all {
    background: #E34234;
    width: 505px;
    height: 48px;
    display: flex;
    padding: 8px 32px;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 6px;
}

@media only screen and (max-width: 576px) {
    .interested-contact-premium-all {

        width: 350px !important;

    }
}

.favorites-query {
    padding: 0px 16px;
}

.image-square_1 {
    margin-top: 159px;
    max-width: 1189px;
    max-height: 1189px;
    width: 100%;
    height: 100%;
    margin-left: 10%;
    margin-right: 10%;

}

.image-square_2 {
    margin-top: 15.9%;
    max-width: 1189px;
    max-height: 1189px;
    width: 100%;
    height: 100%;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 257px;
}

.box-premium-all {
    min-height: 284px;
    width: 100%;
    background-image: url('/assets/image/home/imaged-17-design.png');
    /* ใส่เส้นทางของภาพที่ต้องการใช้ */
    background-size: cover;
    /* ปรับขนาดภาพให้พอดีกับพื้นที่ */
    background-position: center;
    /* จัดตำแหน่งภาพให้อยู่ตรงกลาง */
    background-repeat: no-repeat;
    padding: 42px 5%;

}

.looking-broker {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
}

.looking-broker-sub {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
}

.box-premium-head-conten {
    padding: 59px 5% 85px 5%;
}

.text-premium-conten {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}

.text-premium-conten span {
    color: #007BA7;
    font-weight: 400;
    font-size: 24px;
}

.box-premium-broker {
    padding: 0px 5% 171px 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /* ให้ไอเท็มย้ายลงบรรทัดใหม่ถ้าพื้นที่ไม่เพียงพอ */
    justify-content: center;
    /* จัดระยะห่างระหว่างไอเท็ม */
}

.interested-contact-premium-carousel-broker {
    border: 1.5px solid #FAA631;
    background: #FAFAFA;
    border-radius: 10px;
    width: 364px;
    min-height: 215px;
    height: auto;
    position: relative;
    padding: 58px 16px 28px 16px;
    margin-top: 56px;
    display: flex;
    justify-content: center;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
    margin-right: 40px;
}

.drame23 {
    max-width: 342px;
    height: 36px;
    width: 100%;
    margin-bottom: 8px;
    margin-top: 24px;
}

.img-rectangle-1234 {
    /* background-image: url('/assets/image/welcome/Rectangle1234.png'); */
    /* ใส่เส้นทางของภาพที่ต้องการใช้ */
    background-size: cover;
    /* ปรับขนาดภาพให้พอดีกับพื้นที่ */
    background-position: center;
    /* จัดตำแหน่งภาพให้อยู่ตรงกลาง */
    background-repeat: no-repeat;
    min-height: 304px;
}

.box-rectangle-profile {
    position: relative;
    width: 100%;
    min-height: 287px;
    height: auto;
    padding: 58px 5%;

}

.icon-user-contact-agent {
    max-width: 216px;
    max-height: 216px;
    border-radius: 100%;
    position: absolute;
    border: 2px solid #ffffff;
    top: -100px;
    z-index: 1;
    width: 100%;
    height: 100%;

}

.box-contact-agent-profile {
    width: 214px;
    min-height: 48px;

    border: 1px solid #80BDD0;
    border-radius: 10px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: #014158;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;

}

.box-contact-agent-profile span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1;
    /* ทำให้ข้อความใช้พื้นที่ที่เหลือใน flex container */
}

.box-type-agent {
    background: #007BA7;
    width: 330px;
    height: auto;
    margin-top: -150px;
    margin-bottom: 32px;
    border-radius: 10px;
    padding: 16px 20px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
}

.services-such {
    background: #D6E7EE;

    width: 100%;

    padding: 27px 5%;
}

.services-such-as-text {
    text-align: center;
    font-size: 24px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 41px;
}

.box-img-services-as {
    max-width: 369px;
    max-height: 549px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    border-radius: 30px;
    align-items: center;
    flex-direction: column;
    padding: 0px 5% 32px 5%;

}

.img-services-as {
    max-width: 334px;
    max-height: 334px;
    width: 100%;
    object-fit: contain;

    height: 100%;


}

.owl-carousel .owl-item img {
    object-fit: cover !important;
}

.contact-now-as {
    background-color: #007BA7;
    margin-top: 15px;
    width: 308px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    border-radius: 6px;
}

.contact-now-as-2 {
    background-color: #007BA7;

    max-width: 316px;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 700;
    border-radius: 6px;
}

.box-suct-number {
    display: flex;
    justify-content: center;
    margin-top: 135px;
}

.property-for-rent {
    font-weight: 700;
    font-size: 24px;
    color: #007BA7;

}

.text-for-rent {
    font-weight: 700;
    font-size: 64px;
    color: #E34234;


}


.owl-carousel-item {
    background-color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 10px;
    width: 250px;
    min-height: 329px;
    margin-right: 20px;
}

.owl-carousel-img {
    max-width: 100%;
    width: 212px;
    height: 128px;
}

.highlight-as {
    margin-top: 60px;
    text-align: center;
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 60px;
}

.box-left-as {
    margin-top: 53px;
    width: 15%;

    height: 365px;
    background: #D9D9D9;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.box-right-as {
    margin-top: 53px;
    width: 15%;
    height: 365px;
    background: #D9D9D9;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;

}

.box-center-as {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* จัดกึ่งกลางทั้งแนวตั้งและแนวนอน */

    min-height: 472px;

}

.box-highlight-post-as {
    display: flex;
}

.post-query-image {
    max-width: 867px;
    max-height: 472px;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
}

.name-as {
    margin-top: 24px;
    text-align: start !important;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}


.details-post-as {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.details-post-as-all {
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.posts-as {
    margin-top: 74px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #000000;

}

.box-posts-as-all {
    padding: 32px 40px;
    background-color: #ffffff;
    max-width: 713px;
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
    overflow: hidden;
    /* ป้องกันการล้นขององค์ประกอบภายใน */
}

.name-1-as {
    text-align: center;
    margin-top: 32px;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}

.details-1-as {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
}

.box-all-assets-head {
    background: #007BA7;
    width: 100%;
    min-height: 323px;
    padding: 40px 5%;
}

.search-for-assets {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}

.box-all-assets-conter {
    margin: 61px 5% 260px 5%;
    background-color: #FFFFFF;
}

.box-us-agent-info-head {

    background-image: url('/assets/image/welcome/Group69.png');
    /* ใส่เส้นทางของภาพที่ต้องการใช้ */
    background-size: cover;
    /* ปรับขนาดภาพให้พอดีกับพื้นที่ */
    background-position: right;
    /* จัดตำแหน่งภาพให้อยู่ตรงกลาง */
    background-repeat: no-repeat;
    min-height: 550px;
    padding: 68px 5%;
    display: flex;
    flex-direction: column;
}

.us-agent-inf-text {
    color: #030B2F;
    font-size: 64px;
    font-weight: 800;

}

.us-info-text {
    margin-top: -16px;
    color: #030B2F;
    font-size: 24px;
    font-weight: 700;

}

.us-commission-text {
    margin-top: -8px;
    color: #E34234;
    font-size: 40px;
    font-weight: 700;

}

.property-favorite-location {
    color: #030B2F;
    font-size: 20px;
    font-weight: 400;

}

.frame-149 {
    margin-top: 31px;
    margin-left: -32px;
    width: 299px;
    height: 106px;

}

.frame-235 {
    margin-top: -31px;
    max-width: 382px;
    width: 100%;
    height: 45px;

}

.box-supported-by {
    padding: 62px 5% 101px 5%;
}

.supported-by {
    margin-top: 83px;
    max-width: 627px;
    max-height: 134px;
    width: 100%;
    height: 100%;
}

.who-are-we {
    color: #030B2F;
    font-size: 40px;
    font-weight: 700;
}

.can-agent {
    margin-top: 31px;
    font-size: 20px;
    font-weight: 400;
    color: #000000CC;

}

.can-agent span {
    color: #007BA7;
}

.text-li {
    font-size: 20px;
    font-weight: 400;
    color: #000000CC;
}

.text-li span {
    font-weight: 700;
}

.rectangle1130 {
    max-width: 824px;
    width: 100%;
    height: auto;
}

.box-supported-by-1130 {
    padding: 62px 5% 0 5%;
    background: #F6F6F8;
    position: relative;



}

@media only screen and (min-width: 1200px) {
    .who-are-we-1130 {
        position: absolute;
        margin-left: 10%;
        margin-top: 80px;
    }

    .who-are-we-text-1130 {

        position: absolute;
        margin-left: 15%;
        margin-top: 138px;
    }
}

.who-are-we-1130 {
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.who-are-we-text-1130 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.box-these-problems {
    padding: 82px 5% 124px 5%;
}

.problems {
    max-width: 1297px;
    max-height: 312px;
    width: 100%;
    height: 100%;
    margin-top: 31px;
}

.box-what-we-have {
    padding: 75px 0 0 0;
    background-color: #007BA7;
    max-height: 900px;
}

.text-what-we-have {
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
}

.text-what-we-have-2 {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
}

.box-pills-as {
    margin-top: 60px;
    margin-left: 32px;

}

@media only screen and (min-width: 992px) {
    .box-pills-as {
        margin-left: 142px;
    }
}

.mockup {
    max-width: 616px;
    max-height: 672px;
    width: 100%;
    height: 100%;

}

.mockup {
    max-width: 616px;
    max-height: 672px;
    width: 100%;
    height: 100%;

}

.no-need-to-find {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.no-need-to-find-text {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}

.want-receive-wealth {
    background: #B8D7E2;
    padding: 8px 16px;
    border-radius: 6px;
    display: inline-block;
    color: #014158;
    font-size: 14px;
    font-weight: 400;
    margin-top: 32px;
}

.ready-receive {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.ready-receive-1 {
    font-size: 64px;
    font-weight: 800;
    color: #E34234;
    text-align: center;
}

.ready-receive-2 {
    font-size: 40px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.ready-receive-3 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-align: center;
}

.box-pricing {
    padding: 132px 5% 161px 5%;
    background-color: #007BA7;
    display: flex;
    justify-content: center;
}

.business1 {
    max-width: 488px;
    max-height: 827px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.popup-trigger {
    cursor: pointer;
}

.history-work-text {
    margin-top: 40px;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}