@charset "UTF-8";
html, body {
font-size: 16px;
margin: 0 auto;
padding: 0;
font-family: "PorscheNext";
background-color: #fff;
min-height: 100vh;
scroll-behavior: smooth;
}
@media (max-width: 780px) {
html, body {
font-size: 14px;
}
}
*:where(:not(html, iframe, canvas, img, svg, video, audio, select):not(svg *, symbol *)) {
all: unset;
display: revert;
}
*, *::after, *::before {
box-sizing: border-box;
}
table, th, td {
border: 0;
vertical-align: top;
padding: 0;
}
img {
width: 100%;
max-width: 100%;
}
#offers {
padding-block: 85px;
}
.bg-black {
background-color: rgb(1, 2, 5);
color: #fff;
}
.bg-gray {
position: relative;
background-color: #eeeff2;
}
.bg-gray::after {
content: "";
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 17.604vw;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
z-index: 1;
}
@media (max-width: 480px) {
.bg-gray::after {
display: none;
}
}
.desktop {
display: block;
}
@media screen and (max-width: 960px) {
.desktop {
display: none;
}
}
.mobile {
display: none;
}
@media screen and (max-width: 960px) {
.mobile {
display: block;
}
}
.container {
max-width: 1408px;
width: 100%;
padding: 0 50px;
margin: 0 auto;
}
@media (min-width: 1920px) {
.container {
max-width: 73.33vw;
padding: 0 2.6vw;
}
}
@media (max-width: 960px) {
.container {
padding: 0 30px;
}
}
.space {
margin-block: 85px;
}
@media (max-width: 960px) {
.space {
margin-block: 60px;
}
}
.btn {
display: inline-block;
font-size: 18px;
line-height: 26px;
text-align: center;
min-width: 145px;
padding: 11px 16px;
border-radius: 4px;
border: 1px solid rgb(1, 2, 5);
cursor: pointer;
}
@media (min-width: 1920px) {
.btn {
font-size: 0.94vw;
line-height: 1.35vw;
min-width: 7.55vw;
padding: 0.57vw 0.83vw;
border-radius: 0.21vw;
}
}
.btn.reverse {
background-color: rgb(1, 2, 5);
color: #fff;
}
/* Fix mobile Safari increase font-size on landscape mode */
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
scroll-behavior: smooth;
}
/* Reapply the pointer cursor for anchor tags */
a,
button {
cursor: revert;
}
/* Remove list styles (bullets/numbers) */
ol,
ul,
menu,
summary {
list-style: none;
}
/* For images to not be able to exceed their container */
img {
max-inline-size: 100%;
max-block-size: 100%;
}
/* removes spacing between cells in tables */
table {
border-collapse: collapse;
}
/* Safari - solving issue when using user-select:none on the text input doesn't working */
input,
textarea {
-webkit-user-select: auto;
}
/* revert the 'white-space' property for textarea elements on Safari */
textarea {
white-space: revert;
}
/* minimum style to allow to style meter element */
meter {
-webkit-appearance: revert;
appearance: revert;
}
/* preformatted text - use only for this feature */
:where(pre) {
all: revert;
box-sizing: border-box;
}
/* reset default text opacity of input placeholder */
::placeholder {
color: unset;
}
/* fix the feature of 'hidden' attribute.
display:revert; revert to element instead of attribute */
:where([hidden]) {
display: none;
}
/* revert for bug in Chromium browsers
- fix for the content editable attribute will work properly.
- webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
-webkit-user-drag: element;
}
/* Revert Modal native behavior */
:where(dialog:modal) {
all: revert;
box-sizing: border-box;
}
/* Remove details summary webkit styles */
::-webkit-details-marker {
display: none;
}
strong {
font-weight: 600;
}
.ot-floating-button__open,
.ot-floating-button__close {
display: grid;
place-items: center;
}
.c-baner {
position: relative;
}
.c-baner__image {
display: flex;
}
@media (max-width: 960px) {
.c-baner__image {
overflow: hidden;
justify-content: center;
}
}
.c-baner__image img {
width: 100%;
}
@media (max-width: 960px) {
.c-baner__image img {
min-width: 130vw;
object-position: -20px;
}
}
.c-baner__content {
position: absolute;
left: 15.5vw;
bottom: 2.63vw;
color: #fff;
}
@media (max-width: 1600px) {
.c-baner__content {
left: 10vw;
}
}
@media (max-width: 960px) {
.c-baner__content {
position: relative;
padding: 30px;
left: auto;
bottom: auto;
color: rgb(1, 2, 5);
}
}
.c-baner__content h1 {
font-size: 70px;
line-height: 1.22;
margin-bottom: 0.83vw;
}
@media (max-width: 1200px) {
.c-baner__content h1 {
font-size: 50px;
}
}
@media (max-width: 960px) {
.c-baner__content h1 {
font-size: 36px;
margin-bottom: 15px;
}
}
.c-baner__content p {
font-size: 30px;
font-weight: 400;
line-height: 1.35;
letter-spacing: 1px;
color: #FBFCFF;
text-transform: uppercase;
}
@media (max-width: 1200px) {
.c-baner__content p {
font-size: 20px;
}
}
@media (max-width: 960px) {
.c-baner__content p {
font-size: 22px;
color: rgb(1, 2, 5);
}
}
.header {
display: flex;
justify-content: center;
gap: 50px;
}
@media (max-width: 960px) {
.header {
flex-direction: column;
gap: 30px;
}
}
.header__title {
max-width: 550px;
width: 100%;
}
@media (min-width: 1920px) {
.header__title {
max-width: 28.65vw;
}
}
.header__title h1 {
font-size: 50px;
line-height: 1.25;
font-weight: bold;
}
@media (min-width: 1920px) {
.header__title h1 {
font-size: 2.6vw;
}
}
@media (max-width: 1440px) {
.header__title h1 {
font-size: 40px;
}
}
@media (max-width: 1100px) {
.header__title h1 {
font-size: 32px;
}
}
.header__txt {
max-width: 550px;
width: 100%;
}
@media (min-width: 1920px) {
.header__txt {
max-width: 28.65vw;
}
}
.header__txt p {
font-size: 20px;
}
@media (min-width: 1920px) {
.header__txt p {
font-size: 1.04vw;
}
}
@media (max-width: 1440px) {
.header__txt p {
font-size: 18px;
}
}
.header__txt .btn {
margin-block-start: 40px;
}
@media (max-width: 1440px) {
.header__txt .btn {
margin-block-start: 30px;
}
}
.showCase {
display: flex;
gap: 100px;
padding-block: 40px 65px;
}
@media (min-width: 1920px) {
.showCase {
padding-block: 2.08vw 3.39vw;
}
}
@media (max-width: 960px) {
.showCase {
gap: 50px;
padding-block: 50px;
flex-direction: column-reverse;
}
}
.showCase__content {
max-width: 430px;
width: 100%;
margin-left: auto;
padding: 50px 0px 11.98vw 0px;
}
@media (min-width: 1920px) {
.showCase__content {
max-width: 22.4vw;
}
}
@media (max-width: 960px) {
.showCase__content {
max-width: 100%;
padding-block: 0px 50px;
}
}
.showCase__content h2 {
font-size: 55px;
line-height: 1.15;
margin-block-end: 35px;
}
@media (min-width: 1920px) {
.showCase__content h2 {
font-size: 2.86vw;
}
}
@media (max-width: 1440px) {
.showCase__content h2 {
font-size: 45px;
}
}
@media (max-width: 1100px) {
.showCase__content h2 {
font-size: 32px;
}
}
.showCase__content p {
font-size: 20px;
line-height: 1.2;
}
@media (min-width: 1920px) {
.showCase__content p {
font-size: 1.04vw;
}
}
@media (max-width: 1440px) {
.showCase__content p {
font-size: 18px;
}
}
.showCase__content p span {
font-size: 14px;
color: #5d5d5d;
}
@media (min-width: 1920px) {
.showCase__content p span {
font-size: 0.73vw;
}
}
.showCase__image {
max-width: 710px;
width: 100%;
}
@media (min-width: 1920px) {
.showCase__image {
max-width: 36.98vw;
}
}
@media (max-width: 960px) {
.showCase__image {
max-width: 100%;
}
}
.bigImage {
position: relative;
}
.bigImage__bg {
position: absolute;
top: -50px;
left: 0px;
right: 0px;
overflow: hidden;
}
@media (max-width: 960px) {
.bigImage__bg {
display: none;
}
}
.bigImage__bg img {
margin-inline: -12px;
width: calc(100% + 24px);
max-width: calc(100% + 24px);
}
.bigImage__image {
position: relative;
z-index: 2;
}
.bigImage__image img {
max-width: 886px;
width: 100%;
margin-top: -9.64vw;
}
@media (min-width: 1920px) {
.bigImage__image img {
max-width: 46.15vw;
}
}
@media (max-width: 960px) {
.bigImage__image img {
max-width: 100%;
margin-top: -50px;
}
}
.photoText {
display: flex;
align-items: center;
gap: 70px;
}
@media (max-width: 960px) {
.photoText {
flex-direction: column-reverse;
gap: 50px;
}
}
.photoText:nth-of-type(even) {
flex-direction: row-reverse;
}
@media (max-width: 960px) {
.photoText:nth-of-type(even) {
flex-direction: column-reverse;
}
}
.photoText:nth-of-type(even) .photoText__content {
margin-right: auto;
}
.photoText__content {
max-width: 415px;
width: 100%;
margin-left: auto;
}
@media (min-width: 1920px) {
.photoText__content {
max-width: 21.61vw;
}
}
@media (max-width: 960px) {
.photoText__content {
max-width: 100%;
}
}
.photoText__content h3 {
font-size: 55px;
line-height: 1.05;
}
@media (min-width: 1920px) {
.photoText__content h3 {
font-size: 2.86vw;
}
}
@media (max-width: 1440px) {
.photoText__content h3 {
font-size: 45px;
}
}
@media (max-width: 1100px) {
.photoText__content h3 {
font-size: 32px;
}
}
.photoText__content p {
font-size: 20px;
line-height: 1.2;
margin-block-start: 25px;
}
@media (min-width: 1920px) {
.photoText__content p {
font-size: 1.04vw;
}
}
@media (max-width: 1440px) {
.photoText__content p {
font-size: 18px;
}
}
.photoText__content p span {
font-size: 14px;
}
@media (min-width: 1920px) {
.photoText__content p span {
font-size: 0.73vw;
}
}
.photoText__content p span a {
text-decoration: underline;
}
.photoText__content-btns {
display: flex;
gap: 20px;
margin-block-start: 40px;
}
@media (max-width: 420px) {
.photoText__content-btns {
flex-direction: column;
}
}
@media (max-width: 420px) {
.photoText__content-btns .btn {
min-width: none;
max-width: 100%;
width: 100%;
}
}
.photoText__content-btns a:nth-of-type(odd) .btn {
background-color: rgb(1, 2, 5);
color: #fff;
}
.photoText__content-btns a:nth-of-type(even) .btn {
min-width: 185px;
}
.photoText__image {
max-width: 713px;
width: 100%;
}
@media (min-width: 1920px) {
.photoText__image {
max-width: 37.14vw;
}
}
@media (max-width: 960px) {
.photoText__image {
max-width: 100%;
}
}
.slider {
overflow: hidden;
}
.slider__nav {
display: flex;
align-items: center;
gap: 16px;
}
@media (max-width: 500px) {
.slider__nav {
justify-content: flex-start;
}
}
@media (max-width: 380px) {
.slider__nav {
flex-direction: column;
align-items: flex-start;
}
}
.slider__nav-elem {
display: inline-block;
font-size: 17px;
line-height: 1.4;
cursor: pointer;
padding: 0px 0px 4px 0px;
}
.slider__nav-elem.active {
border-bottom: 2px solid #000000;
}
.slider__content {
position: relative;
}
.slider__header {
position: relative;
z-index: 2;
text-align: center;
margin: 0px 0px 70px 0px;
}
.slider__header h3 {
font-size: 53px;
font-weight: bold;
}
@media (max-width: 1440px) {
.slider__header h3 {
font-size: 41px;
}
}
@media (max-width: 1100px) {
.slider__header h3 {
font-size: 28px;
}
}
.slider__flex {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
margin-block-end: 125px;
}
@media (max-width: 500px) {
.slider__flex {
flex-direction: column;
align-items: unset;
justify-content: unset;
margin-block-end: 105px;
}
}
.slider__flex-arrows {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 500px) {
.slider__flex-arrows {
justify-content: flex-end;
}
}
.slider__flex-arrows .swiper-button-disabled {
opacity: 0.5;
}
.slider__flex-arrows--right, .slider__flex-arrows--left {
display: flex;
padding: 4px;
cursor: pointer;
}
.slider__flex-arrows--right svg {
transform: rotate(180deg);
}
.slider__pagination {
display: flex;
justify-content: center;
gap: 8px;
margin-block-start: 50px;
}
.slider__pagination .swiper-pagination-bullet {
width: 8px;
min-width: 8px;
height: 8px;
min-height: 8px;
background-color: #65686b;
border-radius: 4px;
opacity: 1;
transition: all 0.4s ease-in-out;
}
.slider__pagination .swiper-pagination-bullet-active {
width: 15px;
min-width: 15px;
background-color: #010205;
}
.models__slider {
overflow: visible !important;
}
.models__slider .swiper-slide.invisible {
background-color: transparent;
opacity: 0;
visibility: hidden;
}
.models__slider .swiper-slide {
height: auto;
}
.model {
max-width: 410px;
width: 100%;
border-radius: 24px;
background-color: #fff;
padding: 30px;
}
.model h5 {
font-size: 22px;
line-height: 1.15;
font-weight: bold;
}
.model h4 {
font-size: 30px;
line-height: 1;
font-weight: bold;
}
.model p {
font-size: 15px;
line-height: 1.15;
color: #656565;
}
.model__image {
margin-inline: -30px;
}
.model__image img {
margin-block-start: -95px;
}
.model__header {
margin-block: 45px;
}
.model__header h4 {
margin-block-end: 15px;
}
.model__tags {
display: flex;
flex-wrap: wrap;
gap: 15px 8px;
margin-block-start: 20px;
}
.model__tags-elem {
font-size: 14px;
padding: 4px 8px;
border-radius: 4px;
background-color: #eeeff2;
}
.model__tags-elem.new {
background-color: #e4ffec;
}
.model__content {
display: flex;
flex-direction: column;
gap: 20px;
}
.model__content-txt h5 {
margin-block-end: 10px;
}
.model__content-desc {
font-size: 12px;
color: #656565;
}
.model__content-btns {
display: flex;
gap: 20px;
}
@media (max-width: 470px) {
.model__content-btns {
flex-direction: column;
}
}
.model__content-btns .btn {
font-size: 16px;
padding: 11px 14px;
min-width: 145px;
}
@media (max-width: 470px) {
.model__content-btns .btn {
min-width: none;
max-width: 100%;
width: 100%;
}
}
.c-car-models {
position: relative;
padding-top: 85px;
}
.c-car-models__header h3 {
font-size: 44px;
margin-bottom: 86px;
}
.c-car-models__wrap {
position: relative;
padding-inline: 40px;
}
@media (max-width: 5500px) {
.c-car-models__wrap {
padding-inline: 20px;
}
}
.c-car-models__wrap .swiper-container {
overflow: hidden;
}
.c-car-models__wrap .loading {
font-size: 26px;
font-weight: bold;
text-align: center;
}
.c-car-models__btns {
display: flex;
gap: 20px;
}
@media (max-width: 470px) {
.c-car-models__btns {
flex-direction: column;
}
}
.c-car-models__btns .btn {
font-size: 16px;
padding: 11px 14px;
}
@media (max-width: 470px) {
.c-car-models__btns .btn {
min-width: none;
max-width: 100%;
width: 100%;
}
}
.c-car-models__wrap-image img {
object-position: top;
object-fit: contain;
height: 260px;
border-radius: 10px;
}
@media (max-width: 767px) {
.c-car-models__wrap-image img {
height: auto;
}
}
.c-car-models__wrap-header {
font-size: 20px;
margin-bottom: 40px;
}
.c-car-models__wrap-body {
font-size: 14px;
}
.c-car-models__wrap-body .bold {
font-weight: 600;
}
.c-car-models__wrap-body .price {
font-size: 20px;
}
.c-car-models__wrap-body p {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.c-car-models__wrap-body p:first-child {
border-bottom: 1px solid #000;
padding-bottom: 16px;
}
.c-car-models__wrap-body p span {
flex: 1;
}
.c-car-models__button {
display: block;
margin-top: 5px;
background-color: #000;
border-radius: 4px;
padding-block: 0.75rem;
padding-inline: 2rem;
color: #fff;
border: 1px solid #000;
font-size: 14px;
font-weight: 400;
text-align: center;
}
.c-car-models__button.button-border {
background-color: transparent;
color: #000;
}
.c-form-bg {
background-image: url("../images/form_bg.webp");
background-size: cover;
background-position: center;
}
.c-form-bg .container {
max-width: 1380px;
}
@media (min-width: 1920px) {
.c-form-bg .container {
max-width: 71.88vw;
}
}
.c-form {
max-width: 850px;
width: 100%;
margin: 0;
padding: 150px 0 90px;
color: #fff;
}
@media (max-width: 960px) {
.c-form {
padding: 80px 0 60px;
}
}
.c-form__header {
padding-bottom: 90px;
}
@media (max-width: 960px) {
.c-form__header {
padding-bottom: 30px;
}
}
.c-form__header h2 {
font-size: 55px;
font-weight: bold;
line-height: 1.3;
margin-block: 0px 12px;
}
@media (max-width: 1440px) {
.c-form__header h2 {
font-size: 41px;
}
}
@media (max-width: 1100px) {
.c-form__header h2 {
font-size: 28px;
}
}
@media (max-width: 960px) {
.c-form__header h2 {
font-size: 26px;
}
}
.c-form__header p {
font-size: 26px;
line-height: 1.4;
}
@media (max-width: 1440px) {
.c-form__header p {
font-size: 22px;
}
}
@media (max-width: 1100px) {
.c-form__header p {
font-size: 20px;
}
}
@media (max-width: 960px) {
.c-form__header p {
font-size: 16px;
}
}
@media (min-width: 960px) {
.c-form__content {
display: flex;
flex-wrap: wrap;
gap: 30px 50px;
}
}
.c-form__content-elem {
margin-block: 12px;
}
@media (min-width: 960px) {
.c-form__content-elem {
width: calc(50% - 30px);
}
}
@media (min-width: 960px) {
.c-form__content-elem:last-of-type {
width: 100%;
}
}
.c-form__content-elem.full {
width: 100%;
}
.c-form__content-elem label {
display: block;
max-width: 100%;
width: 100%;
font-size: 16px;
line-height: 1.5;
}
@media (min-width: 1920px) {
.c-form__content-elem label {
font-size: 0.83vw;
}
}
.c-form__content-elem input, .c-form__content-elem select, .c-form__content-elem textarea {
display: flex;
align-items: center;
max-width: 100%;
width: 100%;
background-color: transparent;
color: #fff;
font-size: 16px;
margin-block: 4px 0px;
border-radius: 0;
border: none;
border-bottom: 1px solid #fff;
min-height: 54px;
padding: 10px 12px;
}
.c-form__content-elem input::placeholder, .c-form__content-elem select::placeholder, .c-form__content-elem textarea::placeholder {
color: #808080;
}
.c-form__content-elem select {
color: #808080;
}
.c-form__content-elem select:open {
color: rgb(1, 2, 5);
border-radius: 4px 4px 0px 0px;
border-bottom-width: 1px;
}
.c-form__input--error {
border-color: red !important;
}
.c-form__error-message {
color: red;
font-size: 12px;
}
@media (min-width: 1920px) {
.c-form__error-message {
font-size: 0.63vw;
}
}
.c-form__accepts-elem {
margin: 30px 0px;
font-size: 12px;
}
@media (min-width: 1920px) {
.c-form__accepts-elem {
font-size: 0.63vw;
}
}
.c-form__accepts-elem--flex {
display: flex;
align-items: center;
gap: 40px;
}
.c-form__accepts-accept {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
.c-form__accepts input[type=checkbox] {
display: flex;
align-items: center;
justify-content: center;
content: "";
-webkit-appearance: none;
appearance: none;
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
border-radius: 0;
border: 1px solid #fff;
transition: all 0.2s ease-in-out;
color: #fff;
}
@media (min-width: 1920px) {
.c-form__accepts input[type=checkbox] {
width: 1.04vw;
min-width: 1.04vw;
height: 1.04vw;
min-height: 1.04vw;
}
}
.c-form__accepts input[type=checkbox]:before {
transform: scale(0);
}
.c-form__accepts input[type=checkbox]:checked:before {
transform: scale(1);
content: "✓";
line-height: 0;
font-size: 0.9rem;
}
.c-form__expand-btn {
font-weight: bold;
cursor: pointer;
}
.c-form__button {
max-width: 270px;
width: 100%;
background-color: transparent;
color: #fff;
border-radius: 4px;
text-align: center;
padding: 15px 30px;
margin-block: 24px 0px;
font-size: 16px;
line-height: 1.5;
border: 1px solid #fff;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.c-form__button:hover {
background-color: #fff;
color: rgb(1, 2, 5);
}
.c-form__popup-overlay {
position: fixed;
inset: 0;
display: grid;
place-items: center;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, 0.1);
z-index: 99999;
}
.c-form__popup {
position: relative;
padding-inline: 3rem;
padding-block: 3rem;
background-color: #fff;
border-radius: 10px;
text-align: center;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
}
.c-form__popup-close {
position: absolute;
top: 0.5rem;
right: 0.75rem;
font-size: 1.4rem;
cursor: pointer;
}
.c-logo-bar__wrap {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1680px;
margin: 0 auto;
gap: 1rem;
padding: 0 3vw;
min-height: 80px;
}
@media (max-width: 550px) {
.c-logo-bar__wrap {
min-height: 40px;
}
}
.c-logo-bar__toggle {
width: 100%;
}
.c-logo-bar__logo {
text-align: center;
width: 100%;
}
.c-logo-bar__logo a {
text-align: center;
}
.c-logo-bar__logo img {
width: 245px;
}
.c-logo-bar__location {
font-size: 24px;
font-weight: 400;
line-height: 30px;
text-align: right;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
}
.c-logo-bar__location img {
height: 27px;
line-height: 0;
}
.c-logo-bar--default {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.c-logo-bar--default .c-logo-bar__toggle {
display: none;
}
.c-logo-bar--default .c-logo-bar__logo {
width: clamp(150px, 16%, 300px);
margin-inline: auto;
}
.c-logo-bar--default .c-logo-bar__location {
display: none;
}
.c-logo-bar--white {
background-color: #fff;
}
@media (max-width: 780px) {
.c-logo-bar__toggle {
display: none;
}
.c-logo-bar__logo img {
width: 134px;
}
.c-logo-bar__location {
display: none;
}
}
@media (max-width: 1100px) {
.c-logo-bar__location {
font-size: 16px;
}
}
.c-footer {
padding-block: 2rem;
padding-inline: 2rem;
background-color: rgb(1, 2, 5);
color: #fff;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 3rem 2rem;
}
@media (max-width: 960px) {
.c-footer {
flex-direction: column;
}
}
.c-footer__wrapper {
max-width: calc(33.3333333333% - 2rem);
width: 100%;
}
@media (max-width: 1150px) {
.c-footer__wrapper {
max-width: calc(50% - 2rem);
}
}
@media (max-width: 960px) {
.c-footer__wrapper {
max-width: 100%;
}
}
.c-footer__main {
font-size: 1.4rem;
}
.c-footer__submain {
font-size: 1.2rem;
font-weight: 600;
margin-block: 0.25rem 0.75rem;
}
.c-footer button {
background-color: #fff;
border-radius: 4px;
padding-block: 0.75rem;
padding-inline: 2rem;
color: rgb(1, 2, 5);
margin-block: 1rem 0;
}
.c-footer button:hover {
cursor: pointer;
}
/*# sourceMappingURL=style.css.map */