[class$="phinx"] h1, [class$="phinx"] h2, [class$="phinx"] h3, [class$="phinx"] h4, [class$="phinx"] p, [class$="phinx"] ul { margin: 0; } h1 { font-family: "FC Sound Rounded"; font-size: 48px; font-style: normal; font-weight: 700; line-height: 150%; } @media (max-width: 767.98px) { h1 { font-size: 40px; } } h2 { font-family: "FC Sound Rounded"; font-size: 32px; font-style: normal; font-weight: 700; line-height: 150%; } h4 { font-family: "FC Sound Rounded"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 150%; } p { font-family: "FC Sound Rounded"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } p.body1 { font-size: 18px; } p.body2 { font-size: 16px; } p.body3 { font-size: 14px; } a { font-family: "FC Sound Rounded"; font-size: 16px; font-style: normal; line-height: 150%; } a { cursor: pointer; align-items: center; } a.primary { height: 50px; background: var(--01, #b2d234); } a.primary:hover { background: #167801; } a.primary:active { background: var(--Color, #134528); } a.secondary { height: 50px; background: #fff; color: #b2d234; border: 1px solid #b2d234; } a.secondary:hover { color: #167801; border: 1px solid #167801; } a.secondary:active { color: #134528; border: 1px solid #134528; } a.line { display: flex; justify-content: center; align-items: center; height: 50px; gap: 10px; background: #00c500; } a.line:hover { background: #009900; } a.line:active { background: #007700; } a.line > img { width: 28px; height: 26.833px; object-fit: contain; } a.line > p { color: var(--Text-White, #fff); } a.icon { display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; } a.icon > img { width: 24px; height: 24px; object-fit: contain; } .title h2, .title p { text-align: center; } .title h2 + p { margin-top: 24px; } .background { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: cover !important; } .container-fluid{ padding-right: 0px; padding-left: 0px; } .see-more { display: flex; justify-content: center; margin-top: 40px; } .btn-see-more { display: inline-flex; align-items: center; justify-content: center; padding: 9px 20px; border: 1px solid #b2d234; border-radius: 100px; background: transparent; font-family: "FC Sound Rounded", sans-serif; font-size: 16px; font-weight: 700; color: #b2d234; text-decoration: none; transition: all 0.3s ease; cursor: pointer; } .btn-see-more:hover { border:1px solid #167801; color: #167801; text-decoration: none; } .btn-see-more:active { border-color: #167801; color: #167801; } .home__mega_banner__phinx { position: relative; padding: 20px 40px 40px 40px; } .home__mega_banner1_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: fill; } .home__mega_banner1_mobile{ display: none; } .home__mega_banner2_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -9; border-radius: 40px; object-fit: cover; object-position: bottom; } .home__mega_banner2_mobile{ display: none; } @media (max-width: 767.98px) { .home__mega_banner1_desktop{ display: none; } .home__mega_banner1_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: fill; z-index: -99; } .home__mega_banner2_desktop{ display: none; } .home__mega_banner2_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom; z-index: -98; border-radius: 40px; } .home__mega_banner__phinx { padding: 20px 16px 40px 16px; } } .home__mega_banner__phinx .background.primary { background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 19.18%), linear-gradient(180deg, rgba(255, 255, 255, 0) 88.43%, #fff 100%); z-index: -20; } .home__mega_banner__phinx .background.secondary { border-radius: 40px; } .home__mega_banner__phinx .core { position: relative; border-radius: 40px; padding: 100px 0 40px 0; display: flex; flex-direction: column; justify-content: start; align-items: center; height: 960px; } @media (max-width: 767.98px) { .home__mega_banner__phinx .core { padding: 40px 16px; height: 740px; } } @media (max-width: 767.98px) { } .home__mega_banner__phinx .core a { width: 64px; height: 64px; fill: var(--09, #f36327); } .home__mega_banner__phinx .title { color: var(--04, #fff); text-align: center; font-family: "FC Sound Rounded"; font-size: 96px; font-style: normal; font-weight: 700; line-height: 150%; } @media (max-width: 767.98px) { .home__mega_banner__phinx .title { font-size: 40px; } } .home__mega_banner__phinx h4 { color: var(--04, #fff); text-align: center; text-transform: capitalize; } .home__keypoint__phinx { position: relative; padding: 60px 0; } .home__keypoint_mobile {display: none;} .home__keypoint_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: cover !important; } @media (max-width: 767.98px) { .home__keypoint__phinx { padding: 40px 0; } } .home__keypoint__phinx h1 { text-align: center; } .home__keypoint__phinx h1 span { color: var(--01, #b2d234); } .home__keypoint__phinx h4 { text-align: center; } .home__keypoint__phinx h1 + h4 { margin-top: 24px; } .home__keypoint__phinx .carousel-card { display: flex; width: 312px; height: 454px; padding: 40px 24px; flex-direction: column; align-items: center; gap: 24px; border-radius: 200px; border: 3px solid var(--04, #fff); background: var(--bg4, rgba(255, 255, 255, 0.7)); box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.06); } .home__keypoint__phinx .carousel-card img { aspect-ratio: 1; } .home__keypoint__phinx .carousel-card p { text-align: center; } .home__keypoint__phinx .carousel-slider { margin: 80px 0 0 0; } @media (min-width: 768px) and (max-width: 1024px) { .home__keypoint__phinx .carousel-slider .slick-track { display: flex; flex-wrap: wrap; justify-content: center; width: 100% !important; } .home__keypoint__phinx .carousel-slider .slick-slide { width: calc(50% - 24px) !important; margin: 12px !important; } .home__keypoint__phinx .carousel-card { width: 100%; height: auto; min-height: 360px; padding: 40px 24px; } } @media (max-width: 767.98px) { .home__keypoint__phinx .carousel-slider { margin: 40px 0 0 0; padding: 0 0 0 15px; } .home__keypoint_desktop{display: none;} .home__keypoint_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } } .home__keypoint__phinx .carousel-slider .slick-slide { margin: 0 12px; width: 312px !important; } .home__keypoint__phinx .carousel-slider .slick-list { margin: 0px; } @media (max-width: 767.98px) { .home__keypoint__phinx .carousel-slider .slick-list { margin: 0; } } .home__keypoint__phinx .carousel-slider .slick-slider { margin: 0; } .home__keypoint__phinx .carousel-slider .slick-track { display: flex; justify-content: center; } .home__keypoint__phinx .carousel-slider .slick-dots { position: absolute; bottom: 40px; font-size: 12px; } .home__keypoint__phinx .carousel-slider .slick-dots li { margin-inline: 4.5px; } .home__keypoint__phinx .carousel-slider .slick-dots li button { padding: 0; } .home__keypoint__phinx .carousel-slider .slick-dots li button:before { content: ""; } .home__keypoint__phinx .carousel-slider .slick-dots li, .home__keypoint__phinx .carousel-slider .slick-dots li button, .home__keypoint__phinx .carousel-slider .slick-dots li button:before { width: 12px; height: 12px; background: #c2c2c2; border-radius: 50%; opacity: 0.5; } .home__keypoint__phinx .carousel-slider .slick-dots li.slick-active, .home__keypoint__phinx .carousel-slider .slick-dots li.slick-active button, .home__keypoint__phinx .carousel-slider .slick-dots li.slick-active button:before { width: 12px; height: 12px; background: #b2d234; border-radius: 50%; opacity: 1; } .home__services__phinx { position: relative; padding: 60px 0; } .home__services_mobile{ display: none; } .home__services_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: cover !important; } @media (min-width: 768px) and (max-width: 1024px) { .home__services__phinx{ padding: 40px 24px; } .home__services__phinx .row { row-gap: 24px; } .home__services__phinx .row > * { flex: 0 0 50%; max-width: 50%; } .home__services__phinx .row > *:last-child { flex: 0 0 50%; max-width: 50%; } .home__services__phinx .row .service-card { padding: 32px 20px 20px; border-radius: 40px; } .home__services__phinx .row .service-card > img { height: 200px; } } @media (max-width: 767.98px) { .home__services_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } .home__services_desktop{ display: none; } .home__services__phinx { padding: 40px 0; } } .home__services__phinx a { overflow: hidden; } .home__services__phinx .row { margin-top: 40px; } @media (max-width: 767.98px) { .home__services__phinx .row > * + * { margin-top: 32px; } } .home__services__phinx .row .service-card { display: flex; padding: 40px 24px 24px 24px; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1 0 0; align-self: stretch; border-radius: 50px; border: 3px solid var(--04, #fff); background: var(--bg4, rgba(255, 255, 255, 0.7)); box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.06); } .home__services__phinx .row .service-card .header { display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding-bottom: 16px; border-bottom: 1px solid var(--05, #f5f5f7); } .home__services__phinx .row .service-card .header h2 { margin-top: 16px; } .home__services__phinx .row .service-card .header img { width: 64px; height: 64px; object-fit: contain; } .home__services__phinx .row .service-card > img { border-radius: 20px; width: 100%; height: 235px; object-fit: cover; } @media (max-width: 767.98px) { .home__services__phinx .row .service-card > img { height: 197px; } } .home__services__phinx .row .service-card:hover .header h2 { color: var(--01, #b2d234); } .home__internet-products__phinx { position: relative; padding: 60px 0; } @media (max-width: 767.98px) { .home__internet-products__phinx { padding: 40px 0; } .home__internet-products__phinx .row { width: 100%; } } .home__internet-products__phinx .row { margin: 40px 0px; max-width: 1320px; background-color: #F5F5F7B2; padding: 24px; border-radius: 40px; gap: 24px; display: flex; flex-direction: row; flex-wrap: nowrap; } .home__internet-products__phinx .col-md-4{ max-width: fit-content !important; padding-right: 0px; padding-left: 0px; justify-items: center; } @media (max-width: 767.98px) { .home__internet-products__phinx .container{ padding: 0px 16px; } .home__internet-products__phinx .product-card { width: 100%!important;} .home__internet-products__phinx .row{ flex-wrap: wrap; justify-self: center; } .home__internet-products__phinx .product-card__apps{ width: 100%; } } .home__internet-products__phinx .product-card { width: 408px; display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; align-self: stretch; border-radius: 40px; background: #fff; box-shadow: 0px 4px 19px #0000000F; } .home__internet-products__phinx .product-card__image { width: 100%; border-radius: 20px 20px 0px 0px; overflow: hidden; } .home__internet-products__phinx .product-card__image img { width: 100%; height: 180px; object-fit: cover; display: block; } .home__internet-products__phinx .product-card__detail{ padding:24px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; } .home__internet-products__phinx .product-card__features .feature-item .item_text{ font-size: 12px; color: #C7C7C7; } .home__internet_mobile{ display: none; } .home__internet_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: cover !important; } @media (max-width: 767.98px) { .home__internet-products__phinx .product-card__image img { height: 150px; } .home__internet_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } .home__internet_desktop{ display: none; } } .home__internet-products__phinx .product-card__speed { width: 100%; text-align: center; } .home__internet-products__phinx .product-card__speed .label { font-size: 18px; font-weight: 700; color: #000000; padding-bottom: 8px; } .home__internet-products__phinx .product-card__speed .price { font-size: 32px; font-weight: 700; color: #F36327; } .home__internet-products__phinx .product-card__features { display: flex; flex-direction: column; gap: 16px; width: 100%; padding: 16px 0px; border-bottom: 2px solid #F5F5F7; border-top: 2px solid #F5F5F7; } .home__internet-products__phinx .product-card__features .feature-item { display: flex; align-items: center; gap: 12px; } .home__internet-products__phinx .product-card__features .feature-item img { width: 40px; height: 40px; object-fit: contain; } .home__internet-products__phinx .product-card__features .feature-item p { font-size: 16px; font-weight: 400; color: #000; } .home__internet-products__phinx .product-card__apps { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; width: 70%; align-self: center; justify-content: center; } .home__internet-products__phinx .product-card__apps img { width: 32px; height: 32px; object-fit: contain; } .home__internet-products__phinx .product-card__benefits { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; width: 100%; } .home__internet-products__phinx .product-card__benefits li { font-size: 16px; font-weight: 400; color: #000; padding-left: 38px; position: relative; } .home__internet-products__phinx .product-card__benefits li::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url("/files/media/Media59ba4f8fc271f9f7ea72e238e677d417.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } .home__internet-products__phinx .btn-line { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; gap: 10px; background: #00c500; border-radius: 100px; text-decoration: none; transition: background 0.3s ease; cursor: pointer; } .home__internet-products__phinx .btn-line:hover { background: #009900; text-decoration: none; } .home__internet-products__phinx .btn-line:active { background: #007700; } .home__internet-products__phinx .btn-line img { width: 28px; height: 28px; object-fit: contain; } .home__internet-products__phinx .btn-line span { font-family: "FC Sound Rounded", sans-serif; font-size: 16px; font-weight: 700; color: #fff; } @media (min-width: 768px) and (max-width: 1199.98px) { .home__internet-products__phinx .row { flex-wrap: wrap; justify-content: center; max-width: 100%; gap: 20px; padding: 20px; } .home__internet-products__phinx .col-md-4 { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px) !important; } .home__internet-products__phinx .product-card { width: 100%; } .home__internet-products__phinx .product-card__image img { height: 160px; } .home__internet-products__phinx .product-card__apps { width: 80%; } } .home__number_products__phinx { position: relative; padding: 60px 0; } .home__number_products_mobile{ display: none; } .home__number_products_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: cover !important; } .home__number_products__phinx a.line{ border-radius: 50px; } @media (max-width: 767.98px) { .home__number_products_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } .home__inumber_products_desktop{ display: none; } .home__number_products__phinx { padding: 40px 0; } } .home__number_products__phinx .row { margin: 40px 0 0 0; padding: 12px; border-radius: 40px; background: rgba(245, 245, 247, 0.7); } .home__number_products__phinx .row > * { padding: 12px; } .home__number_products__phinx .tel-card { display: flex; flex-direction: column; padding: 24px; gap: 24px; border-radius: 24px; background: var(--04, #fff); box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.06); } .home__number_products__phinx .tel-card h2 { color: var(--09, #f36327); text-align: center; } .home__number_products__phinx .tel-card .divider { margin: 16px 0 0 0; width: 100%; height: 2px; background: #f5f5f7; } .home__review__phinx { position: relative; padding: 60px 0; } @media (max-width: 767.98px) { .home__review__phinx { padding: 40px 0; } } .home__review__phinx .carousel-container { position: relative; } .home__review__phinx .carousel-container a { overflow: hidden; } .home__review__phinx .carousel-container a img { width: 60px; height: 60px; object-fit: contain; } .home__review__phinx .carousel-container .btn-prev { position: absolute; top: calc(50% - 52px); left: 0; } .home__review__phinx .carousel-container .btn-next { position: absolute; top: calc(50% - 52px); right: 0; } .home__review__phinx .carousel-item { display: flex; padding: 24px 24px 40px 24px; flex-direction: column; align-items: center; gap: 16px; border-radius: 40px; border: 3px solid var(--04, #fff); background: var(--bg4, rgba(255, 255, 255, 0.7)); box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.06); } .home__review__phinx .carousel-item .avatar { width: 80px; height: 80px; object-fit: cover; border-radius: 80px; border: 2px solid var(--primary-white, #fff); } .home__review__phinx .carousel-item .rating { display: flex; gap: 4px; } .home__review__phinx .carousel-item .rating i { color: #FFC74E; font-size: 16px; } .home__review__phinx .carousel-item .rating > img { width: 16px; height: 16px; object-fit: contain; } .home__review__phinx .carousel-item p { text-align: center; } .home__review__phinx .carousel-slider { margin: 40px 80px 0 80px; } .home__review_mobile{ display: none; } .home__review_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: cover !important; } @media (max-width: 767.98px) { .home__review_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } .home__review_desktop{ display: none; } .home__review__phinx .carousel-slider { margin: 40px -12px 0 -12px; } } .home__review__phinx .carousel-slider .slick-slide { margin: 0 12px; } .home__review__phinx .carousel-slider .slick-list { margin: 0 -12px; } @media (max-width: 767.98px) { .home__review__phinx .carousel-slider .slick-list { margin: 0; } } .home__review__phinx .carousel-slider .slick-slider { margin: 0; } .home__review__phinx .carousel-slider .slick-track { display: flex; margin-bottom: 40px; } .home__review__phinx .carousel-slider .slick-dots { position: relative; bottom: 0px; font-size: 12px; } .home__review__phinx .carousel-slider .slick-dots li { margin-inline: 4.5px; } .home__review__phinx .carousel-slider .slick-dots li button { padding: 0; } .home__review__phinx .carousel-slider .slick-dots li button:before { content: ""; } .home__review__phinx .carousel-slider .slick-dots li, .home__review__phinx .carousel-slider .slick-dots li button, .home__review__phinx .carousel-slider .slick-dots li button:before { width: 12px; height: 12px; background: #c2c2c2; border-radius: 50%; opacity: 0.5; } .home__review__phinx .carousel-slider .slick-dots li.slick-active, .home__review__phinx .carousel-slider .slick-dots li.slick-active button, .home__review__phinx .carousel-slider .slick-dots li.slick-active button:before { width: 12px; height: 12px; background: #b2d234; border-radius: 50%; opacity: 1; } .home__contact_banner__phinx { position: relative; padding: 80px 0; } .home__contact_banner_mobile{ display: none; } .home__contact_banner_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: fill; } .home__contact_banner__phinx a.secondary{ align-content: center; border-radius: 50px; } @media (min-width: 768px) and (max-width: 1024px) { .home__contact_banner__phinx{ padding: 60px 24px; } } @media (max-width: 767.98px) { .home__contact_banner_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: right; z-index: -99; } .home__contact_banner_desktop{ display: none;} .home__contact_banner__phinx { padding: 40px 0; } } .home__contact_banner__phinx .row { margin: 0; height: 348px; border-radius: 50px; background: var( --bg, linear-gradient(95deg, #b2d234 1.25%, #e1e11c 42.68%, #ff7b40 98.75%) ); } @media (max-width: 767.98px) { .home__contact_banner__phinx .row { height: auto; padding: 40px 0; } } .home__contact_banner__phinx .row > :first-child { position: relative; } @media (max-width: 767.98px) { .home__contact_banner__phinx .row > :first-child { height: 227px; } } .home__contact_banner__phinx .row > :first-child img { position: absolute; top: -115px; left: 0; width: 100%; height: calc(100% + 80px); object-fit: contain; } .home__contact_banner__phinx .row > :last-child { display: flex; flex-direction: column; justify-content: center; align-items: start; padding: 0 40px; } @media (max-width: 767.98px) { .home__contact_banner__phinx .row > :last-child { margin-top: -59px; padding: 0 24px; } } .home__contact_banner__phinx .row > :last-child h2 { color: var(--Text-White, #fff); } .home__contact_banner__phinx .row > :last-child p { color: var(--Text-White, #fff); } .home__contact_banner__phinx .row > :last-child a { padding: 0 20px 0 16px; } .home__contact_banner__phinx .row > :last-child h2 + p { margin-top: 16px; } .home__contact_banner__phinx .row > :last-child p + a { margin-top: 24px; } .home__about_us__phinx { position: relative; padding: 60px 0 0 0; } @media (min-width: 768px) and (max-width: 1024px) { .home__about_us__phinx { padding: 40px 24px 0 24px; } } @media (max-width: 767.98px) { .home__about_us__phinx { padding: 40px 0 0 0; } } .home__about_us__phinx span { color: var(--01, #b2d234); } .home__about_us__phinx .row > :first-child img { width: 100%; height: 595px; object-fit: contain; } @media (max-width: 767.98px) { .home__about_us__phinx .row > :first-child img { height: auto; } } @media (max-width: 767.98px) { .home__about_us__phinx .row > :first-child { margin-top: 40px; } } .home__about_us__phinx .about-card { display: flex; padding: 40px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 24px; border-radius: 40px; border: 3px solid var(--04, #fff); background: var(--bg4, rgba(255, 255, 255, 0.7)); } @media (max-width: 767.98px) { .home__about_us__phinx .about-card { padding: 24px; gap: 16px; } } .home__about_us_mobile{ display: none; } .home__about_us_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: fill; } @media (max-width: 767.98px) { .home__about_us_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -99; } .home__about_us_desktop{ display: none;} } .contact__contact_us__phinx { position: relative; padding: 60px 0; } @media (min-width: 768px) and (max-width: 1024px) { .contact__contact_us__phinx{ padding: 40px 24px; } } @media (max-width: 767.98px) { .contact__contact_us__phinx { padding: 40px 0; } } .contact__contact_us_mobile{ display: none; } .contact__contact_us_desktop{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -10; object-fit: fill!important; } @media (max-width: 767.98px) { .contact__contact_us_mobile{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: fill !important; z-index: -99; } .contact__contact_us_desktop{ display: none;} } .contact__contact_us__phinx h1 { color: var(--01, #b2d234); text-align: center; } .contact__contact_us__phinx p { font-size: 16px; } .contact__contact_us__phinx img { width: 100%; height: 100%; object-fit: contain; } .contact__contact_us__phinx .contact-card { display: flex; flex-direction: column; padding: 40px; justify-content: center; align-items: flex-start; gap: 24px; border-radius: 40px; border: 3px solid var(--04, #fff); background: var(--bg4, rgba(255, 255, 255, 0.7)); box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.06); } .contact__contact_us__phinx .contact-card i{ font-size: 20px; } .contact__contact_us__phinx .contact-card ul{ padding-top: 12px; list-style: none; padding-left: 0px; display: flex; flex-direction: column; gap: 12px; } .contact__contact_us__phinx .contact-card .contact-link a{ padding: 0 !important; } .contact__contact_us__phinx .contact-card .contact-link a:hover{ color: #F36327; } .contact__contact_us__phinx .contact-card .contact-link li a{ display: flex; align-items: center; gap: 8px; font-weight: 400; } @media (max-width: 767.98px) { .contact__contact_us__phinx .contact-card { padding: 24px; } } .contact__contact_us__phinx .contact-card p:not(:first-child) { margin-top: 12px; display: flex; gap: 8px; align-items: center; } .contact__contact_us__phinx .contact-card h1 { align-self: center; } .contact__contact_us__phinx .contact-card a { padding: 0 32px; align-self: center; } .contact__contact_us__phinx .contact-card a.line { border-radius: 50px; } .contact__contact_us__phinx .contact-card a p { margin: 0 !important; } @media (max-width: 767.98px) { .contact__contact_us__phinx .row > * + * { margin-top: 24px; } } .contact_map__phinx .container { max-width: 100%; height: 300px; } .contact_map__phinx .row { margin-right: 0px; margin-left: 0px; } @keyframes zoomIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .zoom-in, .fade-in { opacity: 0; } .zoom-in.is-visible { animation: zoomIn 0.7s ease forwards; } .fade-in.is-visible { animation: fadeIn 0.7s ease 0.7s forwards; } .fade-in.is-visible .carousel-card, .fade-in.is-visible .service-card, .fade-in.is-visible [class*="card"] { opacity: 0; animation: slideUp 0.5s ease forwards; } .fade-in.is-visible .carousel-card:nth-child(1), .fade-in.is-visible .service-card:nth-child(1), .fade-in.is-visible [class*="card"]:nth-child(1) { animation-delay: 0.7s; } .fade-in.is-visible .carousel-card:nth-child(2), .fade-in.is-visible .service-card:nth-child(2), .fade-in.is-visible [class*="card"]:nth-child(2) { animation-delay: 0.9s; } .fade-in.is-visible .carousel-card:nth-child(3), .fade-in.is-visible .service-card:nth-child(3), .fade-in.is-visible [class*="card"]:nth-child(3) { animation-delay: 1.1s; } .fade-in.is-visible .carousel-card:nth-child(4), .fade-in.is-visible .service-card:nth-child(4), .fade-in.is-visible [class*="card"]:nth-child(4) { animation-delay: 1.3s; } .fade-in.is-visible .row > *:nth-child(1) .service-card { animation-delay: 0.7s; } .fade-in.is-visible .row > *:nth-child(2) .service-card { animation-delay: 0.9s; } .fade-in.is-visible .row > *:nth-child(3) .service-card { animation-delay: 1.1s; } .fade-in.is-visible .row > * .service-card { opacity: 0; animation: slideUp 0.5s ease forwards; }