@-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%; } } [class$="phinx"] h2, [class$="phinx"] h3, [class$="phinx"] h4, [class$="phinx"] p, [class$="phinx"] ul { margin: 0; } .home__selling-point__phinx { background: #d31145; padding: 24px 0; } @media (max-width: 767.98px) { .home__selling-point__phinx { padding: 16px; } } .home__selling-point__phinx p { color: #ffffff; font-family: Prompt; font-size: 12px; font-style: normal; font-weight: 700; line-height: 150%; } .home__selling-point__phinx img { width: 40px; height: 40px; object-fit: contain; } .home__selling-point__phinx .container>.row>[class^="col"] { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 16px; } @media (max-width: 767.98px) { .home__selling-point__phinx .container>.row>[class^="col"] { flex-direction: column; justify-content: start; gap: 8px; text-align: center; padding: 0px; } } .home__agent__phinx { padding: 60px 0; } .home__agent__phinx h1 { font-family: Prompt; font-size: 40px; font-style: normal; font-weight: 700; line-height: 150%; color: #d31145; margin-bottom: 24px; } .home__agent__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; } .home__agent__phinx p { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } .home__agent__phinx img { width: 100%; height: 100%; object-fit: cover; } .home__agent__phinx .text-list { display: flex; flex-direction: column; gap: 8px; margin: 16px 0 24px 0; } .home__agent__phinx .text-list>div { display: flex; flex-direction: row; gap: 8px; } .home__agent__phinx .text-list>div>img { width: 27px; height: 27px; object-fit: contain; } .home__agent__phinx .text-list>div>p { color: #414141; font-weight: 700; } .home__agent__phinx button { color: #ffffff; font-family: Prompt; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; padding: 0px 32px; height: 42px; min-width: 150px; border-radius: 10px; background: #d31145; border: none; outline: none; } .home__agent__phinx button:hover { background: #fea3b0; } .home__agent__phinx button:active { background: #d31145; } @media (max-width: 767.98px) { .home__agent__phinx button { width: 100%; } } @media (max-width: 767.98px) { .home__agent__phinx .row>[class^="col"]:not(:last-child) { margin-bottom: 16px; } } .home__numbering__phinx { background: #414141; padding: 40px 0; } .home__numbering__phinx p { font-family: Prompt; font-size: 60px; font-style: normal; font-weight: 700; line-height: 150%; color: #ffffff; text-align: center; } .home__numbering__phinx h4 { font-family: Prompt; font-size: 24px; font-style: normal; font-weight: 700; line-height: 150%; color: #ffffff; text-align: center; } .home__products-card__phinx { position: relative; padding: 60px 0; } @media (max-width: 767.98px) { .home__products-card__phinx { padding: 40px 0; } } .home__products-card__phinx .background-image { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -100; object-fit: cover; } .home__products-card__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; text-align: center; margin-bottom: 40px; } .home__products-card__phinx p { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; } .home__products-card__phinx span { color: #d31145; } .home__products-card__phinx img { width: 120px; height: 120px; object-fit: contain; } .home__products-card__phinx .container>.row>[class^="col"] { padding: 15px; } .home__products-card__phinx .container>.row>[class^="col"]>div { display: flex; flex-direction: column; align-items: center; gap: 16px; border: 2px solid transparent; height: 100%; } .home__products-card__phinx .container>.row>[class^="col"]>div:hover { cursor: pointer; background: #fff1f2; border: 2px solid #d31145; border-radius: 20px; } .home__services-card__phinx { padding-top: 60px; padding-bottom: 0px; } @media (max-width: 767.98px) { .home__services-card__phinx { padding-top: 40px; padding-bottom: 0px; } } .home__services-card__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; text-align: center; margin-bottom: 40px; } .home__services-card__phinx span { color: #d31145; } .home__services-card__phinx h4 { font-family: Prompt; font-size: 24px; font-style: normal; font-weight: 700; line-height: 150%; } .home__services-card__phinx p, .home__services-card__phinx a { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } .home__services-card__phinx .container>.row>[class^="col"] { cursor: pointer; padding: 15px; } .home__services-card__phinx .container>.row>[class^="col"] p, .home__services-card__phinx .container>.row>[class^="col"] a { display: none; } .home__services-card__phinx .container>.row>[class^="col"]:hover p, .home__services-card__phinx .container>.row>[class^="col"]:hover a { display: block; } .home__services-card__phinx .container>.row>[class^="col"] a { color: #d31145; } .home__services-card__phinx .container>.row>[class^="col"]>div { position: relative; height: 470px; } .home__services-card__phinx .container>.row>[class^="col"]>div>.background-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -10; } .home__services-card__phinx .container>.row>[class^="col"]>div>div { position: absolute; bottom: 0; left: 0; display: flex; flex-direction: column; gap: 12px; background: #ffffff; opacity: 90%; padding: 16px; width: 100%; z-index: 10; } .home__services-card__phinx .container>.row>[class^="col"]>div>div span { color: #d31145; } [class$="phinx"] { h2, h3, h4, p, ul { margin: 50; } } .home__contact__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; } @media (max-width: 767.98px) { .home__contact__phinx h2 { text-align: center; } } .home__contact__phinx p { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; padding: 0px 16px; } .home__contact__phinx strong { color: #d31145; } .home__contact__phinx img { width: 100%; height: 100%; object-fit: cover; } .home__contact__phinx button { color: #d31145; font-family: Prompt; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; height: 42px; border: 2px solid #d31145; border-radius: 10px; padding: 0px 32px 0px 28px; } .home__contact__phinx button:hover { background: #fea3b0; } .home__contact__phinx button:active { background: #d31145; } .home__contact__phinx .container-fluid>.row>[class^="col"]:nth-child(2) { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 24px; padding: 24px; } @media (max-width: 767.98px) { .home__contact__phinx .container-fluid>.row>[class^="col"]:nth-child(2) { align-items: center; padding: 16px 0; } } body { font-family: 'Prompt', sans-serif; background-color: #fff; color: #333; line-height: 1.8; } .wui-about-section { padding: 80px 0; } .wui-section-title { font-size: 40px; font-weight: 700; margin-bottom: 20px; color: #000; } .wui-sub-title { font-size: 32px; font-weight: 700; color: #C51E3A; margin-bottom: 10px; } .wui-headline { font-size: 32px; font-weight: 700; margin-bottom: 20px; color: #000; } .wui-about-text { font-size: 16px; color: #333; margin-bottom: 15px; } .wui-about-img, .wui-vision-img { border-radius: 0px; max-width: 100%; height: auto; } @media (max-width: 767.98px) { .wui-about-section { padding: 50px 20px; } .wui-section-title { font-size: 28px; } .wui-sub-title { font-size: 20px; } .wui-headline { font-size: 18px; } .wui-about-text { font-size: 15px; } } body { font-family: 'Prompt', sans-serif; background-color: #fff; color: #000; line-height: 1.8; } .wui-sellingpoint-card { background-color: #FFF1F2; padding: 80px 0; } .wui-sellingpoint-item { border: 2px solid #C51E3A; border-radius: 16px; padding: 32px 24px; text-align: center; height: 100%; background: #fff; transition: all 0.3s ease; } .wui-sellingpoint-item:hover { transform: translateY(-5px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); } .wui-sellingpoint-icon { margin-bottom: 20px; } .wui-sellingpoint-icon img { width: 80px; height: 80px; object-fit: contain; display: block; } .wui-sellingpoint-title { text-align: left; font-size: 20px; font-weight: 700; margin-bottom: 12px; color: #000; } .wui-sellingpoint-text { text-align: left; font-size: 16px; color: #333; margin: 0; } @media (max-width: 991.98px) { .wui-sellingpoint-title { font-size: 18px; } .wui-sellingpoint-text { font-size: 15px; } } @media (max-width: 767.98px) { .wui-sellingpoint-card { padding: 50px 20px; } } body { font-family: 'Prompt', sans-serif; margin: 0; padding: 0; } .wui-hook { background: linear-gradient(180deg, #E43B5F 0%, #9C1D36 100%); color: #fff; text-align: center; padding: 100px 20px; display: flex; align-items: center; justify-content: center; } .wui-hook-title { color: #fff; font-size: 32px; font-weight: 700; margin-bottom: 20px; } .wui-hook-subtitle { font-size: 24px; font-weight: 500; margin: 0 auto; line-height: 1.6; } @media (max-width: 767.98px) { .wui-hook { padding: 60px 20px; } .wui-hook-title { font-size: 26px; } .wui-hook-subtitle { font-size: 18px; } } body { margin: 0; font-family: 'Prompt', sans-serif; } .page-wrapper-wui { flex-grow: 1; display: flex; justify-content: center; align-items: center; padding: 60px; padding-left: 342px; padding-right: 342px; background: #FFF1F2; } .residential-section-wui { display: flex; max-width: 1440px; width: 100%; } .image-grid-container-wui { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; width: 50%; box-sizing: border-box; } .image-grid-container-wui img { width: 100%; height: auto; border-radius: 10px; object-fit: cover; display: block; } .image-grid-container-wui img:nth-child(2) { margin-top: 40px; } .image-grid-container-wui img:nth-child(3) { margin-top: -40px; } .text-content-container-wui { padding: 50px 0px 50px 50px; display: flex; flex-direction: column; justify-content: center; width: 100%; box-sizing: border-box; } h2 { font-size: 32px; color: #000; margin-top: 0; margin-bottom: 5px; font-weight: 600; } .description-wui { font-size: 18px; color: #000; line-height: 1.5; margin-bottom: 40px; font-weight: 400; max-width: 900px; text-align: justify; } .free-trial-button-wui { background-color: #D31145; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; font-size: 16px; font-weight: 700; cursor: pointer; transition: background-color 0.3s ease; align-self: flex-start; text-decoration: none; } .free-trial-button-wui:hover { background-color: #F73C60; } @media (max-width: 900px) { .residential-section-wui { flex-direction: column; } .image-grid-container-wui { width: 100%; padding: 5px; margin-bottom: 20px; } .text-content-container-wui { width: 100%; padding: 0px; margin-bottom: 0px; } } @media (max-width: 480px) { .page-wrapper-wui { padding: 40px 16px; } .image-grid-container-wui { gap: 15px } .free-trial-button-wui { padding: 10px 10px; font-size: 16px; text-align: center; align-self: center; } } body { padding: 0; margin: 0; font-family: 'Prompt', sans-serif; } .container-faq-wui { width: 100%; display: flex; } .accordions-wui { max-width: 1440px; margin: 0 auto; padding: 60px; } .accordions-wui h2 { color: #000; font-size: 36px; margin: 0px 0px 25px 0px; font-weight: 600; } .accordion-wui { border-bottom: 1px solid #D31145; overflow: hidden; } .accordion-wui__header { right: 20px; cursor: pointer; font-weight: 600; font-size: 18px; display: flex; align-items: center; position: relative; padding: 16px 0; color: #000; padding-right: 30px; } .accordion-wui__header:after, .accordion-wui__header:before { content: ''; position: absolute; right: 0px; width: 15px; height: 2px; background-color: #D31145; transition: all 0.2s; top: 50%; transform: translateY(-50%); } .accordion-wui__header:after { transform: translateY(-50%) rotate(0deg); } .accordion-wui__header:before { transform: translateY(-50%) rotate(90deg); } .accordion-wui:has(input:checked) .accordion-wui__header:before { transform: translateY(-50%) rotate(0deg); } .accordion-wui:has(input:checked) .accordion-wui__header:after, .accordion-wui:has(input:checked) .accordion-wui__header:before { background-color: #D31145; } .accordion-wui__content { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; } .accordion-wui__content p { margin-top: 5px; padding: 0; color: #232020; font-size: 18px; line-height: 150%; } .accordion-wui input { display: none; } .accordion-wui:has(input:checked) { border-bottom: 1px solid #D31145; } .accordion-wui:has(input:checked) .accordion-wui__header { color: #000; padding-bottom: 16px; } .accordion-wui:has(input:checked) .accordion-wui__content { max-height: 600px; } .accordion-wui:has(input:checked) { background-color: #fff; box-shadow: none; } @media (max-width: 481px) { .accordions-wui { padding: 40px 16px; } .accordion-wui__header { right: 0px; } } .services__services-info__phinx h1 { font-family: Prompt; font-size: 40px; font-style: normal; font-weight: 700; line-height: 150%; } .services__services-info__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; padding-bottom: 10px; border-bottom: 1px solid #ffffff; } .services__services-info__phinx p { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } .services__services-info__phinx b, .services__services-info__phinx span { color: #d31145; } .services__services-info__phinx img { width: 100%; height: 100%; object-fit: cover; } .services__services-info__phinx .container { display: flex; flex-direction: column; align-items: center; gap: 40px; } .services__services-info__phinx .container>.row:first-child { display: flex; flex-direction: column; align-items: center; gap: 40px; text-align: center; } @media (max-width: 767.98px) { .services__services-info__phinx .container>.row:first-child { gap: 10px; } } .services__services-info__phinx .container>.row:nth-child(2)>[class^="col"]:nth-child(2) { color: #ffffff; background: #d31145; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 16px; padding: 60px; } @media (max-width: 767.98px) { .services__services-info__phinx .container>.row:nth-child(2)>[class^="col"]:nth-child(2) { padding: 40px 16px; } } .services__services-list__phinx { padding: 60px 0; } @media (max-width: 767.98px) { .services__services-list__phinx { padding: 40px 0; } } .services__services-list__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; text-align: center; } .services__services-list__phinx h4 { font-family: Prompt; font-size: 24px; font-style: normal; font-weight: 700; line-height: 150%; } .services__services-list__phinx p, .services__services-list__phinx a { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } .services__services-list__phinx span { font-weight: 700; color: #d31145; } .services__services-list__phinx .container>.row>[class^="col"] { display: flex; flex-direction: column; gap: 24px; margin-top: 40px; } @media (max-width: 767.98px) { .services__services-list__phinx .container>.row>[class^="col"] { margin-top: 24px; } } .services__services-list__phinx .container>.row>[class^="col"] img { width: 100%; height: 300px; object-fit: cover; } @media (max-width: 767.98px) { .services__services-list__phinx .container>.row>[class^="col"] img { height: 165px; } } .services__services-list__phinx .container>.row>[class^="col"] .list { display: flex; flex-direction: column; gap: 8px; } .services__services-list__phinx .container>.row>[class^="col"] .list>* { display: flex; flex-direction: row; gap: 16px; } .services__services-list__phinx .container>.row>[class^="col"] .list>* img { width: 24px; height: 24px; object-fit: contain; } .services__services-list__phinx .container>.row>[class^="col"] .list>* a { color: #d31145; } .agent-list__agent-lists__phinx { padding: 60px 0; } @media (max-width: 767.98px) { .agent-list__agent-lists__phinx { padding: 40px 0; } } .agent-list__agent-lists__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; text-align: center; } .agent-list__agent-lists__phinx span { color: #d31145; } .agent-list__agent-lists__phinx img { width: 100%; height: 100%; object-fit: cover; } .agent-list__agent-lists__phinx button { color: #ffffff; font-family: Prompt; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; padding: 0px 32px; height: 42px; min-width: 150px; border-radius: 10px; background: #d31145; border: none; outline: none; } .agent-list__agent-lists__phinx button:hover { background: #fea3b0; } .agent-list__agent-lists__phinx button:active { background: #d31145; } .agent-list__agent-lists__phinx .container { display: flex; flex-direction: column; gap: 24px; } .agent-list__agent-lists__phinx .container>.row>[class^="col"]:nth-child(2) { display: flex; flex-direction: column; align-items: start; padding: 24px 60px; background: #efefef; } @media (max-width: 767.98px) { .agent-list__agent-lists__phinx .container>.row>[class^="col"]:nth-child(2) { align-items: center; padding: 16px; } } .agent-list__agent-lists__phinx .container>.row>[class^="col"]:nth-child(2) h2 { width: 100%; text-align: start; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 1px solid #000000; } .agent-list__agent-lists__phinx .container>.row>[class^="col"]:nth-child(2) ul { margin-bottom: 24px; padding-left: 28px; } .circle-icon { width: 88px; height: 88px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .about-us { font-family: "Prompt", "Noto Sans Thai", sans-serif; background-color: #FFF1F2; } .about-us .text-header { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; text-align: center; } .about-us .text-header span { color: #d31145; } .about-us .title-header { font-size: 24px; font-weight: 700; line-height: 150%; color: black; } .about-us .title-info { font-size: 18px; font-weight: 400; line-height: 150%; color: black; } @media screen and (max-width: 576px) { .about-us .text-header { font-size: 24px; } .about-us .text-semi { font-size: 16px; } } .about-us, .about-us * { margin: 0; padding: 16; box-sizing: border-box; } .agent-details__agent-details-list__phinx { padding: 60px 0; } @media (max-width: 767.98px) { .agent-details__agent-details-list__phinx { padding: 40px 0; } } .agent-details__agent-details-list__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; } .agent-details__agent-details-list__phinx p { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } .agent-details__agent-details-list__phinx .container { display: flex; flex-direction: column; gap: 40px; } .agent-details__agent-details-list__phinx .container>.row>[class^="col"] { display: flex; flex-direction: column; justify-content: center; } .agent-details__agent-details-list__phinx .container>.row>[class^="col"]:first-child { padding-right: 24px; } @media (max-width: 767.98px) { .agent-details__agent-details-list__phinx .container>.row>[class^="col"]:first-child { padding-right: 0; } } .agent-details__agent-details-list__phinx .container>.row>[class^="col"]:first-child h2 { margin-bottom: 24px; } @media (max-width: 767.98px) { .agent-details__agent-details-list__phinx .container>.row>[class^="col"]:first-child h2 { margin-bottom: 16px; } } .agent-details__agent-details-list__phinx .container>.row>[class^="col"]:first-child p { margin-bottom: 16px; } .agent-details__agent-details-list__phinx .container>.row>[class^="col"]:nth-child(2) img { width: 100%; height: 100%; min-height: 422px; object-fit: cover; } @media (max-width: 767.98px) { .agent-details__agent-details-list__phinx .container>.row>[class^="col"]:nth-child(2) img { height: 281.8582px; } } .agent-details__agent-details-list__phinx .container>.row>[class^="col"] .list { display: flex; flex-direction: column; gap: 8px; } .agent-details__agent-details-list__phinx .container>.row>[class^="col"] .list>* { display: flex; flex-direction: row; gap: 16px; } .agent-details__agent-details-list__phinx .container>.row>[class^="col"] .list>* img { width: 24px; height: 24px; object-fit: contain; } .agent-details__agent-details-list__phinx .container>.row>[class^="col"] .list>* p { margin-bottom: 0px; color: #d31145; } .benefit__benefit__phinx h1 { font-family: Prompt; font-size: 40px; font-style: normal; font-weight: 700; line-height: 150%; text-align: center; } .benefit__benefit__phinx span { color: #d31145; } .benefit__benefit__phinx img { width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover; } .benefit__benefit__phinx .container>.row>[class^="col"] { padding: 15px; } body { font-family: 'Prompt', sans-serif; } .wui-contact-section { background: url(/files/media/Media80cf3a43cef61912f25b2f80f8b6dca4.jpg) center/cover no-repeat; min-height: 300px; padding: 60px 0; color: #fff; } .wui-contact-title { font-size: 60px; font-weight: 700; margin-bottom: 20px; } .wui-contact-text { font-size: 24px; line-height: 1.6; margin-bottom: 30px; } .wui-contact-btn { display: inline-block; background-color: #f58220; color: #fff; font-size: 16px; font-weight: 700; padding: 12px 32px; border-radius: 50px; text-decoration: none; transition: background-color 0.3s ease; } .wui-contact-btn:hover { background-color: #d96d10; text-decoration: none; } @media (max-width: 991.98px) { .wui-contact-section .container { padding-left: 30px; padding-right: 30px; } .wui-contact-title { font-size: 32px; } .wui-contact-text { font-size: 14px; } } @media (max-width: 767.98px) { .wui-agent-list-main-banner { text-align: center; height: 280px; min-height: 280px; padding: 40px 20px; } .wui-banner-title { font-size: 32px; } .wui-banner-text { font-size: 16px; margin: 0 auto; } } .contact__contact__phinx { padding: 60px 0; } @media (max-width: 767.98px) { .contact__contact__phinx { padding: 40px 0; } } .contact__contact__phinx p { font-family: Prompt; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .contact__contact__phinx b { font-size: 18px; color: #d31145; } .contact__contact__phinx .container>.row>[class^="col"]:first-child { display: flex; flex-direction: column; align-items: center; gap: 60px; padding: 24px; } @media (max-width: 767.98px) { .contact__contact__phinx .container>.row>[class^="col"]:first-child { padding: 16px; } } .contact__contact__phinx .container>.row>[class^="col"]:first-child img { width: 198px; height: 97px; object-fit: contain; } .contact__contact__phinx .container>.row>[class^="col"]:first-child .address { display: flex; flex-direction: column; gap: 24px; } .contact__contact__phinx .container>.row>[class^="col"]:nth-child(2) { display: flex; flex-direction: column; justify-content: center; align-items: center; } .contact__contact__phinx .container>.row>[class^="col"] p:not(:last-child) { margin-bottom: 12px; } .Products_section1__wui h1 { font-family: Prompt; font-size: 40px; font-style: normal; font-weight: 700; line-height: 150%; } .Products_section1__wui h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; padding-bottom: 10px; border-bottom: 1px solid #ffffff; } .Products_section1__wui p, .Products_section1__wui ul { font-family: Prompt; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } .Products_section1__wui span { color: #d31145; } .Products_section1__wui img { width: 100%; height: 100%; object-fit: cover; } .Products_section1__wui .container { display: flex; flex-direction: column; gap: 40px; } .Products_section1__wui .container>.row:first-child { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 767.98px) { .Products_section1__wui .container>.row:first-child { gap: 10px; } } .Products_section1__wui .container>.row:nth-child(2)>[class^="col"]:nth-child(2) { color: #ffffff; background: #d31145; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 16px; padding: 60px; } @media (max-width: 767.98px) { .Products_section1__wui .container>.row:nth-child(2)>[class^="col"]:nth-child(2) { padding: 40px 16px; } } .Products_section2__wui { max-width: 1440px; margin: 0 auto; padding: 60px; background-color: #fff; } .profile-item-wui { display: flex; background-color: #D31145; padding: 0; margin-bottom: 0; gap: 50px; align-items: stretch; overflow: hidden; } .profile-item-wui:last-child {} .profile-item-wui.reversed { flex-direction: row-reverse; background-color: #414141; } .image-container-wui { flex: 0 0 44%; border-radius: 0; overflow: hidden; } .image-container-wui img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; } .info-container-wui { flex: 1; display: flex; flex-direction: column; justify-content: center; text-align: justify; padding: 30px 0; padding-right: 30px; box-sizing: border-box; } .profile-item-wui.reversed .info-container-wui { padding-left: 50px; padding-right: 0; } .title { font-family: prompt, sans-serif; font-size: 32px; font-weight: 600; color: #fff; margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #fff; padding-bottom: 15px; text-align: left; } .profile-item-wui.reversed .title { color: #fff; } .profile-item-wui.reversed .title { color: #fff; } .description { font-size: 16px; line-height: 1.5; color: #fff; font-weight: 400; text-align: justify; margin-top: 0; margin-bottom: 0; } @media (max-width: 1200px) { .Products_section2__wui { padding: 40px; } .profile-item-wui { gap: 40px; } .info-container-wui { padding: 40px 0; padding-right: 40px; } .profile-item-wui.reversed .info-container-wui { padding-left: 40px; padding-right: 0; } } @media (max-width: 992px) { .Products_section2__wui { padding: 30px; } .profile-item-wui { gap: 30px; } .info-container-wui { padding: 30px 0; padding-right: 30px; } .profile-item-wui.reversed .info-container-wui { padding-left: 30px; padding-right: 0; } } @media (max-width: 768px) { .Products_section2__wui { padding: 40px 16px; } .profile-item-wui { flex-direction: column; align-items: center; padding: 0; gap: 0; } .profile-item-wui:last-child { margin-bottom: 0; } .profile-item-wui.reversed { flex-direction: column; } .image-container-wui { width: 100%; flex: unset; margin-bottom: 0; border-radius: 0; } .image-container-wui img { height: auto; max-height: 300px; border-radius: 0; } .info-container-wui, .profile-item-wui.reversed .info-container-wui { padding: 20px; } .description { align-items: flex-start; padding-bottom: 10px; } .title { padding: 10px 0px 10px 0px; margin-bottom: 10px; } .title { margin-bottom: 10px; } } @media (max-width: 480px) { .description { padding-bottom: 10px; } } .product__insurance-table__phinx { padding: 60px 0; } @media (max-width: 767.98px) { .product__insurance-table__phinx { padding: 40px 0; } } .product__insurance-table__phinx .container { display: flex; flex-direction: column; align-items: center; gap: 40px; } .product__insurance-table__phinx h2 { font-family: Prompt; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; } .product__insurance-table__phinx span { color: #d31145; } .product__insurance-table__phinx button { font-family: Prompt; font-size: 16px; font-style: normal; font-weight: 700; line-height: 150%; height: 42px; color: #ffffff; background: #d31145; border: none; border-radius: 10px; padding: 0px 32px 0px 28px; } .product__insurance-table__phinx button:hover { background: #fea3b0; } .product__insurance-table__phinx button:active { background: #d31145; } .product__insurance-table__phinx img { width: 100%; height: 100%; object-fit: contain; }