[class$="phinx"] h1, [class$="phinx"] h2, [class$="phinx"] h3, [class$="phinx"] h4, [class$="phinx"] p, [class$="phinx"] ul { color: #281b14; margin: 0; } .error, .red, .strick { color: #E51C24 !important; } [class$="phinx"] h1, [class$="phinx"] h2, [class$="phinx"] h3, .blog-slider .title-border h3 { font-family: "Taviraj"; text-align: center; } h1 { font-size: 40px; font-weight: 400; line-height: 150%; } h2 { font-size: 32px; font-weight: 400; line-height: 150%; } h3 { font-size: 28px; font-weight: 400; line-height: 150%; } h4 { font-family: "IBM Plex Sans Thai", sans-serif; font-size: 24px; font-weight: 400; line-height: 150%; } p { font-family: "IBM Plex Sans Thai", sans-serif; font-size: 18px; font-weight: 300; line-height: 150%; } p.body1 { font-size: 18px; } p.body2 { font-size: 16px; } p.body3 { font-size: 14px; } a.button { font-family: "IBM Plex Sans Thai", sans-serif; font-size: 18px; font-weight: 700; line-height: 150%; text-decoration: none !important; } a.button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 0 16px 0 12px; width: auto; height: 50px; border-radius: 100px; cursor: pointer; } a.button.primary { background-color: #ffb000; color: white; } a.button.primary:hover { background-color: #ffc566; } a.button.primary:active { background-color: #ff9700; } a.button.primary:disabled { background-color: #e6e7e8; color: #cdcbcc; } a.button.secondary { background-color: white; color: #ffb000; } a.button.secondary:hover { background-color: #FFF9F0; } a.button.secondary:active { background-color: gray; } a.button.secondary:disabled { background-color: #e6e7e8; color: #cdcbcc; } a.button.circle { display: flex; justify-content: center; align-items: center; padding: 0; width: 60px; height: 60px; } a.button.circle > img { width: 24px; height: 24px; object-fit: contain; } .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -10; object-fit: cover; } .container-fluid{ padding: 0px; } .desktop_banner_6 > ul.slick-dots,.mobile_banner_6 > ul.slick-dots{ position: relative; margin-top: 40px; bottom: 0; } .home_intro_our_story__phinx { padding: 60px 0px; background-color: #FFF9F0; } .home_intro_our_story__phinx .container { max-width: 1320px; padding: 0px; } .home_intro_our_story__phinx .row{ justify-self: center; text-align: center; display: flex; flex-direction: column; gap: 17px; width: 980px; } @media (max-width: 991.98px) { .home_intro_our_story__phinx { padding: 40px 16px; } .home_intro_our_story__phinx .row{ width: 100%; } } @media (max-width: 767.98px) { .home_intro_our_story__phinx { padding: 40px 16px; } .home_intro_our_story__phinx .row{ gap: 24px; width: 100%; } } .pasta__home__our_service__phinx { position: relative; padding: 60px 0; } @media (max-width: 991.98px) { .pasta__home__our_service__phinx { padding: 40px 0; } } .pasta__home__our_service__phinx .container { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 991.98px) { .pasta__home__our_service__phinx .container { gap: 24px; } } .pasta__home__our_service__phinx .row:has(.overlay_p) { position: relative; } .pasta__home__our_service__phinx .overlay_p { position: absolute; z-index: 10; } @media (max-width: 991.98px) { .pasta__home__our_service__phinx .overlay_p { position: static; z-index: auto; } } .pasta__home__our_service__phinx .content__box { margin: 30px 0; padding: 24px; height: 347px; border-radius: 15px; border: 1px solid #996a00; background: #fff; } @media (max-width: 991.98px) { .pasta__home__our_service__phinx .content__box { margin: 24px 0 0 0; height: auto; } } .pasta__home__our_service__phinx .media__img img { width: 100%; height: 407px; object-fit: cover; } @media (max-width: 767.98px) { .pasta__home__our_service__phinx .media__img img { height: 149px; } } .pasta__home__our_branches__phinx { position: relative; padding: 60px 0; } @media (max-width: 767.98px) { .pasta__home__our_branches__phinx { padding: 40px 0; } } .pasta__home__our_branches__phinx .container { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 767.98px) { .pasta__home__our_branches__phinx .container { gap: 24px; } } .pasta__home__our_branches__phinx a.button { align-self: center; } .pasta__home__our_branches__phinx .row:has(.overlay_p) { position: relative; } .pasta__home__our_branches__phinx .overlay_p { position: absolute; z-index: 10; } .pasta__home__our_branches__phinx .content__box { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; padding: 60px; height: 460px; background: rgba(40, 27, 20, 0.6); } @media (max-width: 767.98px) { .pasta__home__our_branches__phinx .content__box { padding: 60px 24px; height: 400px; } } .pasta__home__our_branches__phinx .content__box h2 { color: white; font-family: "IBM Plex Sans Thai"; text-align: left; } .pasta__home__our_branches__phinx .address { display: flex; flex-direction: row; gap: 9px; } .pasta__home__our_branches__phinx .address img{ width: 24px; height: 24px; } .pasta__home__our_branches__phinx .carousel-card a{ all: unset !important; border-radius: 0 !important; background: none !important; cursor: pointer !important; } .pasta__home__our_branches__phinx .address i, .pasta__home__our_branches__phinx .address p { color: white; } .pasta__home__our_branches__phinx .address p{ font-weight: 300; } .pasta__home__our_branches__phinx .address p.body1{ font-weight: 700; } .pasta__home__our_branches__phinx .media__img img { width: 100%; height: 460px; object-fit: cover; object-position: 50% 25%; } @media (max-width: 767.98px) { .pasta__home__our_branches__phinx .media__img img { height: 400px; } } .pasta__home__our_branches__phinx .carousel-container { position: relative; } .pasta__home__our_branches__phinx .carousel-container a { border-radius: 50%; overflow: hidden; background: rgba(51, 51, 51, 0.5); } .pasta__home__our_branches__phinx .carousel-container a i { color: white; font-size: 27px; } .pasta__home__our_branches__phinx .carousel-container .prev { position: absolute; top: calc(50% - 64.5px); left: 0; z-index: 10; } .pasta__home__our_branches__phinx .carousel-container .next { position: absolute; top: calc(50% - 64.5px); right: 0; z-index: 10; } .pasta__home__our_branches__phinx .carousel-container img{ width: 205px; height: 205px; object-fit: cover; } .pasta__home__our_branches__phinx .carousel-container img:hover{ border: 2px solid #996A00; } .pasta__home__our_branches__phinx .carousel-card { display: flex; flex-direction: column; gap: 6px; height: auto; } .pasta__home__our_branches__phinx .carousel-card .branch { display: flex; flex-direction: column; justify-content: center; padding: 16px; border-radius: 8px; background: #ffd690; height: 100%; } .pasta__home__our_branches__phinx .carousel-card .branch p { font-size: 16px; font-weight: 500; text-align: center; } .pasta__home__our_branches__phinx .carousel-slider.slick-slider { margin: 0; } .pasta__home__our_branches__phinx .carousel-slider .slick-slide { margin: 0 12px; } @media (max-width: 767.98px) { .pasta__home__our_branches__phinx .carousel-slider .slick-slide { margin: 0 8px; } } .pasta__home__our_branches__phinx .carousel-slider .slick-list { margin: 0 -12px; } @media (max-width: 767.98px) { .pasta__home__our_branches__phinx .carousel-slider .slick-list { margin: 0 -8px; } .pasta__home__our_branches__phinx .carousel-container img{ width: 171px; height: 171px; } } .pasta__home__our_branches__phinx .carousel-slider .slick-track { display: flex; } .pasta__home__our_branches__phinx .carousel-slider .slick-dots { position: relative; bottom: 0px; margin-top: 40px; font-size: 10px; } .pasta__home__our_branches__phinx .carousel-slider .slick-dots li { margin-inline: 10px; } .pasta__home__our_branches__phinx .carousel-slider .slick-dots li button { padding: 0; } .pasta__home__our_branches__phinx .carousel-slider .slick-dots li button:before { content: ""; } .pasta__home__our_branches__phinx .carousel-slider .slick-dots li, .pasta__home__our_branches__phinx .carousel-slider .slick-dots li button, .pasta__home__our_branches__phinx .carousel-slider .slick-dots li button:before { width: 10px; height: 10px; background: #c2c2c2; border-radius: 50%; opacity: 1; } .pasta__home__our_branches__phinx .carousel-slider .slick-dots li.slick-active, .pasta__home__our_branches__phinx .carousel-slider .slick-dots li.slick-active button, .pasta__home__our_branches__phinx .carousel-slider .slick-dots li.slick-active button:before { width: 10px; height: 10px; background: #ffb000; border-radius: 50%; opacity: 1; } .home_reservation__phinx { background-color: #FFD690; width: 100%; } .home_reservation__phinx .content__card { display: flex; flex-direction: row; align-items: stretch; width: 100%; } .home_reservation__phinx .col--text { width: 50%; display: flex; align-items: center; justify-content: center; padding: 60px 40px; } .home_reservation__phinx .content__box { display: flex; flex-direction: column; gap: 16px; max-width: 406px; width: 100%; } .home_reservation__phinx .header__text p { font-family: "Taviraj", serif; font-size: 60px; font-weight: 400; line-height: 1; } .home_reservation__phinx .button.secondary { width: fit-content; } .home_reservation__phinx .button.secondary i { font-size: 18px; } .home_reservation__phinx .col--image { width: 50%; } .home_reservation__phinx .col--image img { width: 100%; height: 400px; object-fit: cover; display: block; } @media (max-width: 991.98px) { .home_reservation__phinx .col--text { padding: 40px 30px; } } @media (max-width: 767.98px) { .home_reservation__phinx .header__text p { font-size: 32px; } .home_reservation__phinx .content__card { flex-direction: column-reverse; } .home_reservation__phinx .col--text, .home_reservation__phinx .col--image { width: 100%; } .home_reservation__phinx .col--text { padding: 40px 16px; justify-content: flex-start; } .home_reservation__phinx .content__box { max-width: 100%; } .home_reservation__phinx .col--image img { max-height: 300px; } } .pasta__home__signature_menu__phinx { padding: 60px 0; } @media (max-width: 767.98px) { .pasta__home__signature_menu__phinx { padding: 40px 0; } } .pasta__home__signature_menu__phinx .container-fluid { display: flex; flex-direction: column; gap: 40px; } @media (max-width: 767.98px) { .pasta__home__signature_menu__phinx .container-fluid { gap: 24px; } } .pasta__home__signature_menu__phinx a.button { align-self: center; } .pasta__home__signature_menu__phinx .carousel-card { position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 240px; height: 370px; border-radius: 15px; overflow: hidden; } .pasta__home__signature_menu__phinx .carousel-card .menu { padding: 16px 0; background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 10.36%, rgba(60, 49, 42, 0.27) 53.59%, rgba(40, 27, 20, 0.78) 100% ); } .pasta__home__signature_menu__phinx .carousel-card .menu p { color: white; font-size: 14px; font-weight: 700; text-align: center; } .pasta__home__signature_menu__phinx .carousel-slider { padding-left: 12px; } .pasta__home__signature_menu__phinx .carousel-slider.slick-slider { margin: 0; overflow: hidden; } .pasta__home__signature_menu__phinx .carousel-slider .slick-slide { margin: 0 12px; } .pasta__home__signature_menu__phinx .carousel-slider .slick-list { margin: 0 -12px; } .pasta__home__signature_menu__phinx .carousel-slider .slick-track { display: flex; } .pasta__home__signature_menu__phinx .carousel-slider .slick-dots { position: relative; bottom: 0px; margin-top: 40px; font-size: 10px; } .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li { margin-inline: 10px; } .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li button { padding: 0; } .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li button:before { content: ""; } .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li, .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li button, .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li button:before { width: 10px; height: 10px; background: #c2c2c2; border-radius: 50%; opacity: 1; } .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li.slick-active, .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li.slick-active button, .pasta__home__signature_menu__phinx .carousel-slider .slick-dots li.slick-active button:before { width: 10px; height: 10px; background: #ffb000; border-radius: 50%; opacity: 1; } .home_our_social__phinx { position: relative; padding: 60px 0px; } .home_our_social__phinx .slider-container { max-width: 1320px; margin: 0 auto; overflow: hidden; } .home_our_social__phinx .section__header { padding-bottom: 40px; } .home_our_social__phinx .section__header h2 { font-family: "Taviraj", serif; font-size: 32px; font-weight: 400; line-height: 150%; } .home_our_social__phinx .slider-wrapper { display: flex; gap: 6px; transition: transform 0.3s ease-out; } .home_our_social__phinx .slider-wrapper.dragging { cursor: grabbing; } .home_our_social__phinx .column { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; } .home_our_social__phinx .column img { width: 100%; object-fit: cover; } .home_our_social__phinx .small-row { display: flex; gap: 6px; } .home_our_social__phinx .small-row img { flex: 1; } .home_our_social__phinx .dot-indicators { display: none; justify-content: center; gap: 8px; padding-top: 24px; } .home_our_social__phinx .dot { width: 10px; height: 10px; border-radius: 50%; background-color: #C2C2C2; cursor: pointer; transition: background-color 0.3s; } .home_our_social__phinx .dot.active { background-color: #FFB000; } @media (max-width: 767.98px) { .home_our_social__phinx { padding: 40px 0px; } .home_our_social__phinx .slider-container { max-width: 100%; } .home_our_social__phinx .slider-wrapper { display: flex; flex-wrap: nowrap; } .home_our_social__phinx .column { flex: 0 0 100%; min-width: 100%; align-items: center; } .home_our_social__phinx .column img.large { width: 390px; height: 390px; max-width: 100%; object-fit: cover; } .home_our_social__phinx .small-row { justify-content: center; } .home_our_social__phinx .small-row img { width: 192px; height: 192px; max-width: calc(50% - 3px); flex: none; object-fit: cover; } .home_our_social__phinx .dot-indicators { display: flex; } } .our_story__pasta_story__phinx { padding: 60px 0; background-color: #FFF9F0; } .our_story__pasta_story__phinx .col-md-4, .our_story__pasta_story__phinx .col-md-8{ padding: 0px; } @media (max-width: 767.98px) { .our_story__pasta_story__phinx { padding: 40px 16px; } } .our_story__pasta_story__phinx .row { max-width: 1320px; margin: 0 auto; align-items: center; gap: 0; } @media (max-width: 767.98px) { .our_story__pasta_story__phinx .row { flex-direction: column-reverse; gap: 40px; } } .our_story__pasta_story__phinx .col-md-4 img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; } .our_story__pasta_story__phinx .col-md-8 { display: flex; align-items: center; } .our_story__pasta_story__phinx .content { display: flex; flex-direction: column; gap: 40px; padding: 0 40px; } .our_story__pasta_story__phinx .content p{ text-align: center; } @media (max-width: 767.98px) { .our_story__pasta_story__phinx .content { padding: 0; gap: 24px; } } @media (min-width: 768px) and (max-width: 1024px) { .our_story__pasta_story__phinx { padding: 40px 16px; } .our_story__pasta_story__phinx .content { padding: 0 24px; } } .our_story__brand_value__phinx { padding: 60px; } @media (max-width: 767.98px) { .our_story__brand_value__phinx { padding: 40px 16px; } } .our_story__brand_value__phinx .row { max-width: 1660px; margin: 0 auto; flex-direction: column; align-items: center; gap: 40px; } .our_story__brand_value__phinx h2 { text-align: center; } .our_story__brand_value__phinx h4 { padding-bottom: 6px; } .our_story__brand_value__phinx .brand_value__cards { display: flex; justify-content: center; gap: 32px; width: 100%; } @media (max-width: 1024px) { .our_story__brand_value__phinx .brand_value__cards { flex-wrap: wrap; gap: 24px; } } @media (max-width: 767.98px) { .our_story__brand_value__phinx .brand_value__cards { flex-direction: column; align-items: center; } .our_story__brand_value__phinx .row{ gap: 40px; } } .our_story__brand_value__phinx .brand_value__card { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 32px; flex: 1; max-width: 312.8px;} @media (max-width: 767.98px) { .our_story__brand_value__phinx .brand_value__card { max-width: 100%; } } .our_story__brand_culture__phinx { padding: 60px 0; position: relative; } .our_story__brand_culture__phinx .text-box h2{ text-align: start; } .our_story__brand_culture__phinx .row { max-width: 1320px; display: flex; flex-direction: row; gap: 60px; } .our_story__brand_culture__phinx .container-fluid{ justify-items: center; } .our_story__brand_culture__phinx .col-md-6{ padding: 0px; } .our_story__brand_culture__phinx .top-column{ display: flex; flex-direction: row; align-items: center; gap: 24px; } .our_story__brand_culture__phinx .bottom-column{ display: flex; flex-direction: row; align-items: center; gap: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .our_story__brand_culture__phinx .row { padding: 0 24px; } } @media (max-width: 767.98px) { .our_story__brand_culture__phinx { padding: 40px 16px; } .our_story__brand_culture__phinx .row { gap: 40px; } .our_story__brand_culture__phinx .top-column{ display: flex; flex-direction: column; gap: 24px; } .our_story__brand_culture__phinx .bottom-column{ display: flex; flex-direction: column-reverse; gap: 24px; } .our_story__brand_culture__phinx .text-box{ padding: 16px !important; } .our_story__brand_culture__phinx .col-md-6{ padding: 0px 16px; } } .our_story__brand_culture__phinx .col-md-6 img { width: 100%; height: 100%; object-fit: cover; } .our_story__brand_culture__phinx .pasta-item img { width: 24px; height: 24px; min-width: 24px; object-fit: contain; } .our_story__brand_culture__phinx .text-box { display: flex; flex-direction: column; gap: 24px; padding: 71px 24px; justify-content: center; background-color: #fff; border: 1px solid #996A00; border-radius: 15px; } .our_story__brand_culture__phinx .pasta-list { display: flex; flex-direction: column; gap: 16px; padding: 24px; justify-content: center; background-color: #fff; border: 1px solid #996A00; border-radius: 15px; } .our_story__brand_culture__phinx .pasta-item { display: flex; place-items: center; gap: 16px; } .pasta__branches__all_branches__phinx { position: relative; padding: 60px 0; } @media (max-width: 767.98px) { .pasta__branches__all_branches__phinx { padding: 40px 0; } } .pasta__branches__all_branches__phinx h2 { text-align: start; } .pasta__branches__all_branches__phinx h2 + p { margin-top: 16px; } .pasta__branches__all_branches__phinx .address { display: flex; flex-direction: row; gap: 12px; } .pasta__branches__all_branches__phinx a.button.primary{ max-width: max-content; } .pasta__branches__all_branches__phinx .address img { width: 24px!important; height: 31px!important; } .pasta__branches__all_branches__phinx .address p { font-size: 14px; } .pasta__branches__all_branches__phinx .container { display: flex; flex-direction: column; gap: 60px; } @media (max-width: 767.98px) { .pasta__branches__all_branches__phinx .container { gap: 40px; } } .pasta__branches__all_branches__phinx .carousel-container { position: relative; margin-top: 40px; } @media (max-width: 767.98px) { .pasta__branches__all_branches__phinx .carousel-container { margin-top: 24px; } } .pasta__branches__all_branches__phinx .carousel-container .prev { position: absolute; top: calc(50% - 30px); left: 0; z-index: 10; } .pasta__branches__all_branches__phinx .carousel-container .prev i { color: #ffb000; font-size: 27px; } .pasta__branches__all_branches__phinx .carousel-container .next { position: absolute; top: calc(50% - 30px); right: 0; z-index: 10; } .pasta__branches__all_branches__phinx .carousel-container .next i { color: #ffb000; font-size: 27px; } .pasta__branches__all_branches__phinx .carousel-card { display: flex; flex-direction: column; padding: 24px; height: auto; border-radius: 20px; border: 1px solid #996a00; background: #fff; overflow: hidden; } .pasta__branches__all_branches__phinx .carousel-card > :nth-child(2) { margin-top: 24px; } .pasta__branches__all_branches__phinx .carousel-card > :nth-child(3) { flex: 1; } .pasta__branches__all_branches__phinx .carousel-card > :nth-child(n+3) { margin-top: 16px; } .pasta__branches__all_branches__phinx .carousel-card img { width: 100%; height: 200px; border-radius: 10px; } .pasta__branches__all_branches__phinx .carousel-card .branch { padding-left: 24px; } .pasta__branches__all_branches__phinx .carousel-card .branch h4 { font-family: "Taviraj"; } .pasta__branches__all_branches__phinx .carousel-slider { padding: 0 70px; } @media (max-width: 767.98px) { .pasta__branches__all_branches__phinx .carousel-slider { padding: 0; } } .pasta__branches__all_branches__phinx .carousel-slider.slick-slider { margin: 0; } .pasta__branches__all_branches__phinx .carousel-slider .slick-slide { margin: 0 12px; } .pasta__branches__all_branches__phinx .carousel-slider .slick-list { margin: 0 -12px; } .pasta__branches__all_branches__phinx .carousel-slider .slick-track { display: flex; margin-left: 0; } .pasta__branches__all_branches__phinx .carousel-slider .slick-dots { position: relative; bottom: 0px; margin-top: 40px; font-size: 10px; } .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li { margin-inline: 10px; } .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li button { padding: 0; } .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li button:before { content: ""; } .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li, .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li button, .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li button:before { width: 10px; height: 10px; background: #c2c2c2; border-radius: 50%; opacity: 1; } .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li.slick-active, .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li.slick-active button, .pasta__branches__all_branches__phinx .carousel-slider .slick-dots li.slick-active button:before { width: 10px; height: 10px; background: #ffb000; border-radius: 50%; opacity: 1; } .menu__all_menu__phinx { padding: 60px; position: relative; } .menu__all_menu__phinx .row { max-width: 1660px; margin: 0 auto; flex-direction: column; align-items: center; } .menu__all_menu__phinx .iframe-wrapper { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; } @media (max-width: 767.98px) { .menu__all_menu__phinx { padding: 40px 16px; } .menu__all_menu__phinx .iframe-wrapper { aspect-ratio: 9 / 16; width: 100%; overflow: hidden; } } .menu__all_menu__phinx .iframe-wrapper iframe { width: 100%; height: 100%; border: none; } @media (min-width: 768px) and (max-width: 1024px) { .menu__all_menu__phinx { padding: 60px 24px; } } .pasta__reservation__reservation__phinx { position: relative; padding: 100px 0; align-content: center; height: 810px; } @media (max-width: 767.98px) { .pasta__reservation__reservation__phinx { padding: 60px 0; height: 100%; } } .pasta__reservation__reservation__phinx .title { color: white; font-family: "Taviraj"; font-size: 60px; } @media (max-width: 767.98px) { .pasta__reservation__reservation__phinx .title { font-size: 48px; } } .pasta__reservation__reservation__phinx .desc_detail { color: white; font-family: "IBM Plex Sans Thai"; font-weight: 400; font-size: 24px; line-height: 150%; } .pasta__reservation__reservation__phinx .content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; padding: 100px 40px; background: rgba(40, 27, 20, 0.7); } @media (max-width: 767.98px) { .pasta__reservation__reservation__phinx .content { padding: 40px 15px; } } .contact__contact_form__phinx { padding: 60px 0; position: relative; } @media (max-width: 767.98px) { .contact__contact_form__phinx { padding: 40px 16px; } } .contact__contact_form__phinx .row-2 { max-width: 1320px; margin: 0 auto; align-items: stretch; gap: 0; display: flex; flex-direction: row; } .contact__contact_form__phinx .col-md-6{padding: 0px;} @media (max-width: 767.98px) { .contact__contact_form__phinx .row-2 { flex-direction: column; } } .contact__contact_form__phinx .contact-info { display: flex; flex-direction: column; gap: 40px; padding: 40px 0; height: 100%; justify-content: center; align-items: center; text-align: center; background-color: #fff; } .contact__contact_form__phinx .contact-info .logo { max-width: 226px; height: auto; } .contact__contact_form__phinx .info-group { display: flex; flex-direction: column; align-items: center; gap: 24px; } .contact__contact_form__phinx .info-group .info-head { font-weight: 700; padding-bottom: 12px; } .contact__contact_form__phinx .icon-inline { width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; } .contact__contact_form__phinx .social-label { font-weight: 700; } .contact__contact_form__phinx .social-icons { display: flex; gap: 24px; } .contact__contact_form__phinx .social-icons a img { width: 60px; height: 60px; border-radius: 50%; transition: transform 0.2s; } .contact__contact_form__phinx .social-icons a:hover img { transform: scale(1.1); } .contact__contact_form__phinx .contact-form-wrapper { background-color: #FFD690; padding: 40px 16px; height: 100%; } .contact__contact_form__phinx .contact-form-wrapper h1{ padding-bottom: 24px; } @media (min-width: 768px) and (max-width: 1024px) { .contact__contact_form__phinx { padding: 60px 24px; } } .contact_map__phinx .container { max-width: 100%; height: 300px; } .contact_map__phinx .row { margin-right: 0px; margin-left: 0px; } .pasta__contact__all_branches__phinx { position: relative; padding: 60px 0; } @media (max-width: 767.98px) { .pasta__contact__all_branches__phinx { padding: 40px 0; } } .pasta__contact__all_branches__phinx h2 { text-align: start; } .pasta__contact__all_branches__phinx h2 + p { margin-top: 16px; } .pasta__contact__all_branches__phinx .address { display: flex; flex-direction: row; gap: 12px; } .pasta__contact__all_branches__phinx a.button.primary { max-width: max-content; } .pasta__contact__all_branches__phinx .address img { width: 24px !important; height: 31px !important; } .pasta__contact__all_branches__phinx .address p { font-size: 14px; } .pasta__contact__all_branches__phinx .container { display: flex; flex-direction: column; gap: 60px; } @media (max-width: 767.98px) { .pasta__contact__all_branches__phinx .container { gap: 40px; } } .pasta__contact__all_branches__phinx .carousel-container { position: relative; margin-top: 40px; } @media (max-width: 767.98px) { .pasta__contact__all_branches__phinx .carousel-container { margin-top: 24px; } } .pasta__contact__all_branches__phinx .carousel-container .prev { position: absolute; top: calc(50% - 30px); left: 0; z-index: 10; } .pasta__contact__all_branches__phinx .carousel-container .prev i { color: #ffb000; font-size: 27px; } .pasta__contact__all_branches__phinx .carousel-container .next { position: absolute; top: calc(50% - 30px); right: 0; z-index: 10; } .pasta__contact__all_branches__phinx .carousel-container .next i { color: #ffb000; font-size: 27px; } .pasta__contact__all_branches__phinx .carousel-card { display: flex; flex-direction: column; padding: 24px; height: auto; border-radius: 20px; border: 1px solid #996a00; background: #fff; overflow: hidden; } .pasta__contact__all_branches__phinx .carousel-card > :nth-child(2) { margin-top: 24px; } .pasta__contact__all_branches__phinx .carousel-card > :nth-child(3) { flex: 1; } .pasta__contact__all_branches__phinx .carousel-card > :nth-child(n+3) { margin-top: 16px; } .pasta__contact__all_branches__phinx .carousel-card img { width: 100%; height: 200px; border-radius: 10px; } .pasta__contact__all_branches__phinx .carousel-card .branch { padding-left: 24px; } .pasta__contact__all_branches__phinx .carousel-card .branch h4 { font-family: "Taviraj"; } .pasta__contact__all_branches__phinx .carousel-slider { padding: 0 70px; } @media (max-width: 767.98px) { .pasta__contact__all_branches__phinx .carousel-slider { padding: 0; } } .pasta__contact__all_branches__phinx .carousel-slider.slick-slider { margin: 0; } .pasta__contact__all_branches__phinx .carousel-slider .slick-slide { margin: 0 12px; } .pasta__contact__all_branches__phinx .carousel-slider .slick-list { margin: 0 -12px; } .pasta__contact__all_branches__phinx .carousel-slider .slick-track { display: flex; margin-left: 0; } .pasta__contact__all_branches__phinx .carousel-slider .slick-dots { position: relative; bottom: 0px; margin-top: 40px; font-size: 10px; } .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li { margin-inline: 10px; } .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li button { padding: 0; } .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li button:before { content: ""; } .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li, .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li button, .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li button:before { width: 10px; height: 10px; background: #c2c2c2; border-radius: 50%; opacity: 1; } .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li.slick-active, .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li.slick-active button, .pasta__contact__all_branches__phinx .carousel-slider .slick-dots li.slick-active button:before { width: 10px; height: 10px; background: #ffb000; border-radius: 50%; opacity: 1; }