.container-fluid { padding: 0px; } @-webkit-keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-moz-keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .home__second-banner-phinx { padding: 3.75rem 0; @media (max-width: 576px) { padding: 2.5rem 0; } } .home__second-banner-phinx img { width: 100%; height: auto; } .banner-show-mobile { display: none; } @media (max-width: 576px) { .banner-show-desktop { display: none; } .banner-show-mobile { display: block; } } .home__all-post-phinx { padding-bottom: 3.75rem; } @media (max-width: 768px) { .home__all-post-phinx { padding-bottom: 2.5rem; } } .home__all-post-phinx h2 { color: #1a1a1a; text-align: center; font-family: "Noto Sans Thai"; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } .home__all-post-phinx .row+.row { padding-top: 2.5rem; } @media (max-width: 768px) { .home__all-post-phinx .row+.row { padding-top: 1.875rem; } } .home__all-post-phinx .carousel-slider .carousel-item { position: relative; width: 10.625rem; height: 13.125rem; overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; } .home__all-post-phinx .carousel-slider .image-wrapper { position: relative; width: 10.625rem; height: 100%; border-radius: 16px; overflow: hidden; } .home__all-post-phinx .carousel-slider .image-wrapper::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #1a1a1a 100%); z-index: 10; } .home__all-post-phinx .carousel-slider .image-wrapper img { width: 100%; height: 100%; object-fit: cover; } .home__all-post-phinx .carousel-slider p { position: absolute; bottom: 0; color: #fff; font-family: "Noto Sans Thai"; font-size: 1.125rem; font-weight: 600; z-index: 20; } .home__all-post-phinx .slick-slider { margin: 0; } .home__all-post-phinx .slick-slide { margin: 0 0.75rem; } .home__all-post-phinx .slick-list { margin: 0 -0.75rem; } .home__all-post-phinx .slick-dots { position: relative; bottom: 0; margin-top: 1.5rem; } .home__all-post-phinx .slick-dots li { margin-inline: 0.0938rem; } .home__all-post-phinx .slick-dots li button { padding: 0; } .home__all-post-phinx .slick-dots li, .home__all-post-phinx .slick-dots li button, .home__all-post-phinx .slick-dots li button:before { content: ""; width: 2.1094rem; height: 0.2769rem; border-radius: 0.1318rem; } .home__all-post-phinx .slick-dots li { background: #d7c694; opacity: 0.5; } .home__all-post-phinx .slick-dots li.slick-active { background: #987731; opacity: 1; } .home__real-estate-phinx h1 { color: #fff; font-family: "Noto Sans Thai"; font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } @media (max-width: 768px) { .home__real-estate-phinx h1 { font-size: 1.5rem; } } .home__real-estate-phinx h2 { color: #1a1a1a; font-family: "Noto Sans Thai"; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } @media (max-width: 768px) { .home__real-estate-phinx h2 { font-size: 1.5rem; } } .home__real-estate-phinx p { color: #61656e; font-family: "Noto Sans Thai"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; } @media (max-width: 768px) { .home__real-estate-phinx p { font-size: 1rem; } } .home__real-estate-phinx button { color: #fff; font-family: "Noto Sans Thai"; line-height: 150%; padding: 0rem 1.75rem 0rem 2rem; width: fit-content; height: 2.625rem; border-radius: 1.25rem; border: none; background: #ab8c23; } .home__real-estate-phinx button:active { background: #987731; } .home__real-estate-phinx button:focus { outline: none; } .home__real-estate-phinx .image-wrapper { position: relative; width: 100%; height: 100%; min-height: 20.6875rem; overflow: hidden; } .home__real-estate-phinx .image-wrapper::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(0deg, rgba(189, 151, 82, 0.21) 0%, rgba(0, 0, 0, 0) 100%); z-index: 10; } .home__real-estate-phinx .image-wrapper h1 { position: absolute; padding: 3.75rem; z-index: 20; } @media (max-width: 768px) { .home__real-estate-phinx .image-wrapper h1 { padding: 1rem; } } .home__real-estate-phinx .image-wrapper img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .home__real-estate-phinx .content-wrapper { display: flex; flex-direction: column; justify-content: center; padding: 3.75rem 0; gap: 2.5rem; } @media (max-width: 768px) { .home__real-estate-phinx .content-wrapper { padding: 2.5rem 0; gap: 1.5rem; } } .home__search-phinx { padding: 3.75rem 0; } @media (max-width: 768px) { .home__search-phinx { padding: 2.5rem 0; } } .home__search-phinx h4 { color: #fff; text-align: center; font-family: "Noto Sans Thai"; font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; margin: 0; } @media (max-width: 768px) { .home__search-phinx h4 { font-size: 1.125rem; } } .home__search-phinx p { color: #fff; text-align: center; font-family: "Noto Sans Thai"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; margin: 0; } .home__search-phinx .row { padding: 2.5rem 1.5rem; border-radius: 1.5rem; background: #987731; } @media (max-width: 47.9988rem) { .home__search-phinx .row { margin: 0; gap: 1.5rem; } } .home__search-phinx .row>div { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .home__announcement-phinx { padding: 2.5rem 0; background-color: #F4F0E0; } @media (max-width: 768px) { .home__announcement-phinx { padding: 3.75rem 0 1.875rem 0; } } .home__announcement-phinx h2 { font-family: "Noto Sans Thai"; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } @media (max-width: 768px) { .home__announcement-phinx h2 { font-size: 1.5rem; } } .home__announcement-phinx p { font-family: "Noto Sans Thai"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 0.375rem; } @media (max-width: 768px) { .home__announcement-phinx p { font-size: 1rem; } } .home__announcement-phinx p.sm { font-size: 0.875rem; } .home__announcement-phinx a { color: #000; font-family: "Noto Sans Thai"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: uppercase; text-decoration: none; } .home__announcement-phinx button.primary { color: #fff; font-size: 1rem; font-family: "Noto Sans Thai"; line-height: 150%; text-transform: uppercase; padding: 0rem 1.75rem 0rem 2rem; width: fit-content; height: 2.625rem; border-radius: 1.25rem; border: none; background: #ab8c23; } .home__announcement-phinx button.primary:active { background: #987731; } .home__announcement-phinx button.primary:focus { outline: none; } .home__announcement-phinx button.secondary { color: #ab8c23; font-size: 0.875rem; font-family: "Noto Sans Thai"; line-height: 150%; text-transform: uppercase; padding: 0rem 0.9375rem; width: fit-content; height: 2.0625rem; border-radius: 2.0625rem; border: none; background: #fff; } .home__announcement-phinx button.secondary:active { background: #f0e6c2; } .home__announcement-phinx button.secondary:focus { outline: none; } .home__announcement-phinx .row + .row { padding-top: 2.5rem; } @media (max-width: 768px) { .home__announcement-phinx .row + .row { padding-top: 1.875rem; } } .home__announcement-phinx .carousel-slider .carousel-item { position: relative; height: 25.625rem; border-radius: 1rem; } .home__announcement-phinx .carousel-slider .carousel-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, rgba(26, 26, 26, 0) 43.75%, #000 100%); z-index: -10; } .home__announcement-phinx .carousel-slider .carousel-item > img { position: absolute; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; z-index: -20; } .home__announcement-phinx .carousel-slider .carousel-item .asset-details { color: #fff; display: flex; flex-direction: column; height: 100%; padding: 1rem; } .home__announcement-phinx .carousel-slider .carousel-item .asset-details p { font-weight: 700; } .home__announcement-phinx .carousel-slider .carousel-item .asset-details p.sm { font-weight: 400; } .home__announcement-phinx .carousel-slider .carousel-item .asset-details img { width: 12px; height: 13px; padding-bottom: 1px; } .home__announcement-phinx .carousel-slider .carousel-item .asset-details .expander { display: none; } .home__announcement-phinx .carousel-slider .carousel-item .asset-details:hover .expander { display: block; } .home__announcement-phinx .carousel-slider .carousel-item .room-details { display: flex; flex-direction: row; gap: 0.5rem; } .home__announcement-phinx .carousel-slider .carousel-item i { padding-right: 0.25rem; } .home__announcement-phinx .carousel-slider .slick-dots { margin-top: 2.5rem; } @media (max-width: 768px) { .home__announcement-phinx .carousel-slider .slick-dots { margin-top: 1.875rem; } } .home__announcement-phinx .carousel-slider .slick-slider { margin: 0; } .home__announcement-phinx .carousel-slider .slick-slide { margin: 0 0.75rem; } .home__announcement-phinx .carousel-slider .slick-list { margin: 0 -0.75rem; } .home__announcement-phinx .carousel-slider .slick-dots { position: relative; bottom: 0; } .home__announcement-phinx .carousel-slider .slick-dots li { margin-inline: 0.0938rem; } .home__announcement-phinx .carousel-slider .slick-dots li button { padding: 0; } .home__announcement-phinx .carousel-slider .slick-dots li, .home__announcement-phinx .carousel-slider .slick-dots li button, .home__announcement-phinx .carousel-slider .slick-dots li button:before { content: ""; width: 2.1094rem; height: 0.2769rem; border-radius: 0.1318rem; } .home__announcement-phinx .carousel-slider .slick-dots li { background: #d7c694; opacity: 0.5; } .home__announcement-phinx .carousel-slider .slick-dots li.slick-active { background: #987731; opacity: 1; } .home__announcement-wui { padding: 2.5rem 0; } @media (max-width: 768px) { .home__announcement-wui { padding: 3.75rem 0 1.875rem 0; } } .home__announcement-wui h2 { font-family: "Noto Sans Thai"; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } @media (max-width: 768px) { .home__announcement-wui h2 { font-size: 1.5rem; } } .home__announcement-wui p { font-family: "Noto Sans Thai"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 0.375rem; } @media (max-width: 768px) { .home__announcement-wui p { font-size: 1rem; } } .home__announcement-wui p.sm { font-size: 0.875rem; } .home__announcement-wui a { color: #000; font-family: "Noto Sans Thai"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: uppercase; text-decoration: none; } .home__announcement-wui button.primary { color: #fff; font-size: 1rem; font-family: "Noto Sans Thai"; line-height: 150%; text-transform: uppercase; padding: 0rem 1.75rem 0rem 2rem; width: fit-content; height: 2.625rem; border-radius: 1.25rem; border: none; background: #ab8c23; } .home__announcement-wui button.primary:active { background: #987731; } .home__announcement-wui button.primary:focus { outline: none; } .home__announcement-wui button.secondary { color: #ab8c23; font-size: 0.875rem; font-family: "Noto Sans Thai"; line-height: 150%; text-transform: uppercase; padding: 0rem 0.9375rem; width: fit-content; height: 2.0625rem; border-radius: 2.0625rem; border: none; background: #fff; } .home__announcement-wui button.secondary:active { background: #f0e6c2; } .home__announcement-wui button.secondary:focus { outline: none; } .home__announcement-wui .row+.row { padding-top: 2.5rem; } @media (max-width: 768px) { .home__announcement-wui .row+.row { padding-top: 1.875rem; } } .home__announcement-wui .carousel-slider .carousel-item { position: relative; height: 25.625rem; border-radius: 1rem; } .home__announcement-wui .carousel-slider .carousel-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, rgba(26, 26, 26, 0) 43.75%, #000 100%); z-index: -10; } .home__announcement-wui .carousel-slider .carousel-item>img { position: absolute; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; z-index: -20; } .home__announcement-wui .carousel-slider .carousel-item .asset-details { color: #fff; display: flex; flex-direction: column; height: 100%; padding: 1rem; } .home__announcement-wui .carousel-slider .carousel-item .asset-details p { font-weight: 700; } .home__announcement-wui .carousel-slider .carousel-item .asset-details p.sm { font-weight: 400; } .home__announcement-wui .carousel-slider .carousel-item .asset-details img { width: 12px; height: 13px; padding-bottom: 1px; } .home__announcement-wui .carousel-slider .carousel-item .room-details { display: flex; flex-direction: row; gap: 0.5rem; } .home__announcement-wui .carousel-slider .carousel-item i { padding-right: 0.25rem; } .home__announcement-wui .carousel-slider .slick-dots { margin-top: 2.5rem; } @media (max-width: 768px) { .home__announcement-wui .carousel-slider .slick-dots { margin-top: 1.875rem; } } .home__announcement-wui .carousel-slider .slick-slider { margin: 0; } .home__announcement-wui .carousel-slider .slick-slide { margin: 0 0.75rem; } .home__announcement-wui .carousel-slider .slick-list { margin: 0 -0.75rem; } .home__announcement-wui .carousel-slider .slick-dots { position: relative; bottom: 0; } .home__announcement-wui .carousel-slider .slick-dots li { margin-inline: 0.0938rem; } .home__announcement-wui .carousel-slider .slick-dots li button { padding: 0; } .home__announcement-wui .carousel-slider .slick-dots li, .home__announcement-wui .carousel-slider .slick-dots li button, .home__announcement-wui .carousel-slider .slick-dots li button:before { content: ""; width: 2.1094rem; height: 0.2769rem; border-radius: 0.1318rem; } .home__announcement-wui .carousel-slider .slick-dots li{ background: #d7c694; opacity: 0.5; } .home__announcement-wui .carousel-slider .slick-dots li.slick-active{ background: #987731; opacity: 1; } .home__second-banner-wui { padding: 0; @media (max-width: 576px) { padding: 0; } } .home__second-banner-wui img { width: 100%; height: auto; } .banner-show-mobile-wui { display: none; } @media (max-width: 576px) { .banner-show-desktop-wui { display: none; } .banner-show-mobile-wui { display: block; } } .contact-us-ctn { padding-inline: 0px; font-family: "Noto Sans Thai", sans-serif; position: relative; overflow: hidden; } .contact-us-ctn .contact-box-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; } .contact-us-ctn .contact-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.34); z-index: -1; } .contact-us-ctn .contact-width { position: relative; width: 100%; max-width: 1320px; margin: auto; padding: 120px 60px; } @media screen and (max-width: 992px) { .contact-us-ctn .contact-width { padding: 20px 16px 40px 16px; } } .contact-us-ctn .contact-width .contact-one .tilte-contact { color: #fff; font-size: 40px; font-weight: 700; line-height: 150%; margin-bottom: 14px; } @media screen and (max-width: 992px) { .contact-us-ctn .contact-width .contact-one .tilte-contact { margin-top: 40px; } } .contact-us-ctn .contact-width .contact-one .contact-text { color: #fff; font-size: 18px; font-weight: 400; line-height: 150%; margin-bottom: 0; } @media screen and (max-width: 992px) { .contact-us-ctn .contact-width .contact-one .contact-text { margin-bottom: 40px; } } .contact-us-ctn .contact-width .contact-two { display: flex; justify-content: center; align-items: center; } .contact-us-ctn .contact-width .contact-two .contact-link { display: flex; width: 312px; padding: 9px 0px; justify-content: center; align-items: center; border-radius: 5px; background: #000000; color: #fff; font-size: 16px; font-weight: 700; line-height: 150%; } .contact-us-ctn .contact-width .contact-two .contact-link:hover { color: #000000; border: 1px solid #000000; background: #fff; } .button-wui { color: #fff; font-family: "Noto Sans Thai"; line-height: 150%; padding: 0rem 1.75rem 0rem 2rem; width: fit-content; height: 2.625rem; border-radius: 1.25rem; border: none; background: #ab8c23; } .button-wui:active { background: #987731; } .button-wui:focus { outline: none; } .home__announcement-wui-promotion-page { padding: 2.5rem 0; } @media (max-width: 768px) { .home__announcement-wui-promotion-page { padding: 3.75rem 0 1.875rem 0; } } .home__announcement-wui-promotion-page h1 { font-family: "Noto Sans Thai"; font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 150%; text-transform: capitalize; } @media (max-width: 768px) { .home__announcement-wui-promotion-page h1 { font-size: 1.5rem; } } .home__announcement-wui-promotion-page p { font-family: "Noto Sans Thai"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 0.375rem; } @media (max-width: 768px) { .home__announcement-wui-promotion-page p { font-size: 1rem; } } .home__announcement-wui-promotion-page p.sm { font-size: 0.875rem; } .home__announcement-wui-promotion-page a { color: #000; font-family: "Noto Sans Thai"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: uppercase; text-decoration: none; } .home__announcement-wui-promotion-page button.primary { color: #fff; font-size: 1rem; font-family: "Noto Sans Thai"; line-height: 150%; text-transform: uppercase; padding: 0rem 1.75rem 0rem 2rem; width: fit-content; height: 2.625rem; border-radius: 1.25rem; border: none; background: #ab8c23; } .home__announcement-wui-promotion-page button.primary:active { background: #987731; } .home__announcement-wui-promotion-page button.primary:focus { outline: none; } .home__announcement-wui-promotion-page button.secondary { color: #ab8c23; font-size: 0.875rem; font-family: "Noto Sans Thai"; line-height: 150%; text-transform: uppercase; padding: 0rem 0.9375rem; width: fit-content; height: 2.0625rem; border-radius: 2.0625rem; border: none; background: #fff; } .home__announcement-wui-promotion-page button.secondary:active { background: #f0e6c2; } .home__announcement-wui-promotion-page button.secondary:focus { outline: none; } .home__announcement-wui-promotion-page .row+.row { padding-top: 2.5rem; } @media (max-width: 768px) { .home__announcement-wui-promotion-page .row+.row { padding-top: 1.875rem; } } .home__announcement-wui-promotion-page .carousel-slider .carousel-item { position: relative; height: 25.625rem; border-radius: 1rem; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(180deg, rgba(26, 26, 26, 0) 43.75%, #000 100%); z-index: -10; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item>img { position: absolute; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; z-index: -20; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item .asset-details { color: #fff; display: flex; flex-direction: column; height: 100%; padding: 1rem; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item .asset-details p { font-weight: 700; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item .asset-details p.sm { font-weight: 400; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item .asset-details img { width: 12px; height: 13px; padding-bottom: 1px; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item .room-details { display: flex; flex-direction: row; gap: 0.5rem; } .home__announcement-wui-promotion-page .carousel-slider .carousel-item i { padding-right: 0.25rem; } .home__announcement-wui-promotion-page .carousel-slider .slick-dots { margin-top: 2.5rem; } @media (max-width: 768px) { .home__announcement-wui-promotion-page .carousel-slider .slick-dots { margin-top: 1.875rem; } } .home__announcement-wui-promotion-page .carousel-slider .slick-slider { margin: 0; } .home__announcement-wui-promotion-page .carousel-slider .slick-slide { margin: 0 0.75rem; } .home__announcement-wui-promotion-page .carousel-slider .slick-list { margin: 0 -0.75rem; } .home__announcement-wui-promotion-page .carousel-slider .slick-dots { position: relative; bottom: 0; } .home__announcement-wui-promotion-page .carousel-slider .slick-dots li { margin-inline: 0.0938rem; } .home__announcement-wui-promotion-page .carousel-slider .slick-dots li button { padding: 0; } .home__announcement-wui-promotion-page .carousel-slider .slick-dots li, .home__announcement-wui-promotion-page .carousel-slider .slick-dots li button, .home__announcement-wui-promotion-page .carousel-slider .slick-dots li button:before { content: ""; width: 2.1094rem; height: 0.2769rem; border-radius: 0.1318rem; } .home__announcement-wui-promotion-page .carousel-slider .slick-dots li button:before { background: #d7c694; opacity: 0.5; } .home__announcement-wui-promotion-page .carousel-slider .slick-dots li.slick-active button:before { background: #987731; opacity: 1; } .contact-us-ctn2 { font-family: "Noto Sans Thai", sans-serif; position: relative; overflow: hidden; } .contact-us-ctn2 .contact-box-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; } .contact-us-ctn2 .contact-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; } .contact-us-ctn2 .contact-width { position: relative; display: flex; flex-wrap: wrap; width: 100%; max-width: 1320px; margin: auto; padding: 120px 30px; } @media screen and (max-width: 992px) { .contact-us-ctn2 .contact-width { padding: 20px 16px 40px 16px; } } .contact-us-ctn2 .contact-width .contact-one .social-contact { display: flex; flex-wrap: wrap; justify-content: start; align-items: start; margin: 20px 0px; color: #fff; } .contact-us-ctn2 .contact-width .contact-one .social-contact .title-social { min-width: 120px; font-size: 18px; font-weight: 700; line-height: 150%; } @media screen and (max-width: 576px) { .contact-us-ctn2 .contact-width .contact-one .social-contact .title-social { margin-bottom: 10px; } } .contact-us-ctn2 .contact-width .contact-one .social-contact .icon-social { display: flex; align-items: center; width: 25px; height: 25px; } .contact-us-ctn2 .contact-width .contact-one .social-contact .title-info { font-size: 16px; font-weight: 400; line-height: 150%; margin-left: 4px; } @media screen and (max-width: 576px) { .contact-us-ctn2 .contact-width .contact-one .social-contact .title-info { margin-bottom: 16px; } } .contact-us-ctn2 .contact-width .contact-one .social-contact .icon-social-group { display: flex; gap: 16px; } .contact-us-ctn2 .contact-width .contact-one .tilte-contact { color: #fff; font-size: 40px; font-weight: 700; line-height: 150%; margin-bottom: 14px; } @media screen and (max-width: 992px) { .contact-us-ctn2 .contact-width .contact-one .tilte-contact { margin-top: 40px; } } .contact-us-ctn2 .contact-width .contact-one .contact-text { color: #fff; font-size: 16px; font-weight: 400; line-height: 150%; margin-bottom: 0; } @media screen and (max-width: 992px) { .contact-us-ctn2 .contact-width .contact-one .contact-text { margin-bottom: 40px; } } .contact-us-ctn2 .contact-width .contact-two { justify-content: center; align-items: center; } .contact-us-ctn2 .contact-width .contact-two .contact-link { display: flex; width: 312px; padding: 9px 0px; justify-content: center; align-items: center; border-radius: 5px; background: #12365a; color: #fff; font-size: 16px; font-weight: 700; line-height: 150%; } .contact-us-ctn2 .contact-width .contact-two .contact-link:hover { color: #233050; border: 1px solid #2b3b62; background: #fff; } .form-row-inner label { display: none; } .form-group { margin-bottom: 24px; } .form-elements{ height: 46px; border-radius: 0.5rem !important; color: #707070 !important; font-family: "Noto Sans Thai" !important; font-size: 14px !important; font-weight: 400 !important; line-height: 150% !important; } .contactus .row{ margin-left: 0px !important; margin-right: 0px !important; } .contact-us-h2{ color: #FBFAF6; font-size: 32px; font-weight: 700; line-height: 150%; margin-bottom: 16px; } .contact-us-p { color: #FBFAF6; font-size: 16px; font-weight: 400; line-height: 150%; margin-bottom: 24px; } .social-widget { position: fixed; right: 15px; bottom: 60px; z-index: 1; border-radius: 50px; background: rgba(0, 166, 156, 0.10); } .widget-list-style { list-style-type: none !important; margin: 0 !important; padding: 12px !important; } .back-to-top { cursor: pointer; } .back-to-top:hover { opacity: 0.5; } .back-to-top:active { opacity: 1; } .line-button { opacity: 1; } .line-button:hover { opacity: 0.5; } .blog-detail.full-img img { object-fit: cover !important; }