:root{
--navy:#07131f;
--navy2:#0d1d2c;
--navy3:#12273a;
--cyan:#00a9e8;
--cyan2:#38c5fa;
--white:#fff;
--text:#dce5ec;
--muted:#8fa2b3;
--line:rgba(255,255,255,.09);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:var(--navy);
color:var(--white);
line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit}
.dc-container{
width:min(1180px,calc(100% - 40px));
margin:auto;
}

.dc-header{
height:82px;
position:fixed;
top:0;
left:0;
right:0;
z-index:100;
background:rgba(6,17,28,.94);
backdrop-filter:blur(12px);
border-bottom:1px solid var(--line);
}
.nav{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}
.dc-logo{
font-size:26px;
font-weight:900;
line-height:.8;
text-decoration:none;
letter-spacing:-1px;
}
.dc-logo span,.footer-logo span{color:var(--cyan)}
.dc-logo small{
display:block;
font-size:8px;
letter-spacing:3.5px;
color:var(--muted);
margin-top:8px;
}
nav{
display:flex;
gap:28px;
}
nav a{
font-size:14px;
font-weight:700;
text-decoration:none;
color:#c9d3dc;
}
nav a:hover{color:var(--cyan)}
.nav-actions{
display:flex;
align-items:center;
gap:18px;
}
.nav-phone{
text-decoration:none;
font-weight:800;
font-size:14px;
}
.nav-book{
background:var(--cyan);
padding:11px 17px;
border-radius:6px;
text-decoration:none;
font-weight:800;
font-size:13px;
}
.menu-toggle{
display:none;
background:none;
border:0;
color:white;
font-size:25px;
}

.hero{
min-height:850px;
position:relative;
display:flex;
align-items:center;
padding-top:100px;

}
.hero-content{
position:relative;
z-index:2;
}
.hero-badge,.section-tag,.section-heading>span{
color:var(--cyan2);
font-size:12px;
letter-spacing:2.5px;
font-weight:800;
}
.hero h1{
max-width:850px;
font-size:clamp(52px,6vw,82px);
line-height:1.02;
letter-spacing:-3px;
margin:18px 0 24px;
}
.hero h1 span{color:var(--cyan)}
.hero p{
max-width:670px;
font-size:19px;
color:#c0ccd6;
}
.hero-buttons{
display:flex;
gap:12px;
margin-top:34px;
flex-wrap:wrap;
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:0 24px;
border-radius:7px;
font-weight:800;
text-decoration:none;
border:1px solid rgba(255,255,255,.25);
}
.btn-primary{
background:var(--cyan);
border-color:var(--cyan);
}
.btn-outline{
background:rgba(0,0,0,.15);
}
.hero-stats{
display:flex;
gap:55px;
margin-top:75px;
padding-top:27px;
border-top:1px solid var(--line);
max-width:850px;
}
.hero-stats div{
display:flex;
flex-direction:column;
}
.hero-stats strong{font-size:18px}
.hero-stats span{
font-size:12px;
color:var(--muted);
}

.section{padding:110px 0}
.section-heading{
text-align:center;
max-width:720px;
margin:0 auto 55px;
}
.section-heading.left{
text-align:left;
margin-left:0;
}
.section-heading h2,.about h2,.special h2,.booking h2,.contact h2{
font-size:clamp(35px,4vw,52px);
line-height:1.08;
letter-spacing:-1.5px;
margin:12px 0 18px;
}
.section-heading p,.about p,.special p,.booking p{
color:var(--muted);
}

.services{background:#091724}
.service-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}
.service-card{
padding:34px;
background:#0e2031;
border:1px solid var(--line);
border-radius:10px;
min-height:260px;
transition:.2s;
}
.service-card:hover{
transform:translateY(-4px);
border-color:rgba(0,169,232,.5);
}
.service-card.featured{
background:linear-gradient(145deg,#12324a,#0e2031);
}
.service-icon{
color:var(--cyan);
font-size:13px;
font-weight:900;
}
.service-card h3{
font-size:21px;
margin:40px 0 10px;
}
.service-card p{
color:var(--muted);
font-size:14px;
}

.about{background:var(--navy)}
.about-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:80px;
align-items:center;
}
.about-image{
position:relative;
}
.about-image img{
width:100%;
height:560px;
object-fit:cover;
border-radius:12px;
}
.about-label{
position:absolute;
bottom:20px;
right:-20px;
background:var(--cyan);
padding:20px 28px;
border-radius:8px;
}
.about-label strong{
font-size:25px;
display:block;
}
.about-label span{font-size:12px}
.equipment{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:25px 0;
}
.equipment span{
padding:7px 11px;
background:#102436;
border:1px solid var(--line);
border-radius:5px;
font-size:12px;
}
.text-link{
color:var(--cyan);
font-weight:800;
text-decoration:none;
}

.special{background:#0b1a29}
.special-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}
.special ul{
padding:0;
list-style:none;
margin-top:25px;
}
.special li{
padding:10px 0 10px 24px;
position:relative;
border-bottom:1px solid var(--line);
}
.special li:before{
content:"✓";
position:absolute;
left:0;
color:var(--cyan);
}
.special-image img{
width:100%;
height:530px;
object-fit:cover;
border-radius:12px;
}

.gallery{background:#07131f}
.gallery-grid{
display:grid;
grid-template-columns:2fr 1fr;
grid-template-rows:260px 260px;
gap:14px;
}
.gallery-item{
overflow:hidden;
border-radius:10px;
}
.gallery-large{
grid-row:1/3;
}
.gallery img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}
.gallery-item:hover img{transform:scale(1.035)}

.booking{
padding:80px 0;
background:var(--cyan);
}
.booking-box{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}
.booking .section-tag,
.booking p{color:#dff6ff}
.booking h2{margin-bottom:8px}
.booking p{max-width:680px}
.booking-actions{
display:flex;
gap:10px;
flex-wrap:wrap;
}
.booking .btn-primary{
background:white;
border-color:white;
color:#07131f;
}
.booking .btn-outline{
background:transparent;
border-color:rgba(255,255,255,.5);
}

.contact{
background:#0a1825;
}
.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:100px;
align-items:center;
}
.contact-data{
display:flex;
flex-direction:column;
gap:8px;
font-size:20px;
}
.contact-data a{
text-decoration:none;
}
.contact-data a:first-child{
font-size:32px;
font-weight:900;
color:var(--cyan);
}
.contact-cta{
padding:35px;
border:1px solid var(--line);
background:#0e2031;
border-radius:10px;
}
.contact-cta p{
font-size:21px;
margin-top:0;
}

.dc-footer{
background:#040d15;
padding:60px 0 20px;
color:var(--muted);
}
.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:50px;
}
.footer-logo{
font-size:28px;
font-weight:900;
color:white;
}
.footer-grid>div{
display:flex;
flex-direction:column;
gap:5px;
}
.footer-grid strong{color:white}
.footer-grid a{text-decoration:none}
.footer-bottom{
border-top:1px solid var(--line);
margin-top:45px;
padding-top:20px;
display:flex;
justify-content:space-between;
font-size:12px;
}

@media(max-width:900px){
nav{
display:none;
position:absolute;
top:82px;
left:0;
right:0;
background:#07131f;
padding:25px;
flex-direction:column;
}
nav.open{display:flex}
.menu-toggle{display:block}
.nav-phone{display:none}
.service-grid{grid-template-columns:1fr 1fr}
.about-grid,.special-grid,.contact-grid{
grid-template-columns:1fr;
gap:45px;
}
.about-label{right:15px}
}

@media(max-width:600px){
.dc-container{width:min(100% - 28px,1180px)}
.dc-header{height:72px}
.nav-book{display:none}
nav{top:72px}
.hero{
min-height:760px;
padding-top:100px;
}
.hero h1{
font-size:46px;
letter-spacing:-2px;
}
.hero p{font-size:16px}
.hero-stats{
gap:22px;
flex-wrap:wrap;
margin-top:50px;
}
.service-grid{grid-template-columns:1fr}
.section{padding:75px 0}
.about-image img,.special-image img{height:400px}
.gallery-grid{
display:block;
}
.gallery-item{
height:280px;
margin-bottom:12px;
}
.booking-box{
display:block;
}
.booking-actions{margin-top:25px}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{display:block}
}


/* Logo DamCar */
.dc-logo-image{
display:flex;
align-items:center;
height:68px;
width:155px;
}

.dc-logo-image img{
display:block;
width:100%;
height:64px;
object-fit:contain;
object-position:left center;
}

@media(max-width:600px){
.dc-logo-image{
width:125px;
height:58px;
}
.dc-logo-image img{
height:54px;
}
}

/* ===== REZERWACJA ONLINE ===== */

.booking-calendar{
background:#091724;
padding:110px 0;
}

.booking-calendar .section-tag{
color:var(--cyan);
}

.booking-head{
max-width:720px;
margin-bottom:45px;
}

.booking-head h2{
font-size:clamp(38px,4vw,54px);
margin:8px 0 12px;
}

.booking-head p{
color:var(--muted);
}

.booking-app{
display:grid;
grid-template-columns:1fr 1fr;
background:#0d1e2e;
border:1px solid var(--line);
border-radius:14px;
overflow:hidden;
box-shadow:0 25px 70px rgba(0,0,0,.25);
}

.booking-left{
padding:35px;
border-right:1px solid var(--line);
}

.booking-right{
padding:35px;
}

.calendar-top{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:28px;
}

.calendar-top strong{
font-size:21px;
text-transform:capitalize;
}

.calendar-top button{
width:42px;
height:42px;
border-radius:7px;
border:1px solid var(--line);
background:#10273a;
color:white;
font-size:25px;
cursor:pointer;
}

.calendar-top button:hover{
background:var(--cyan);
}

.calendar-week,
.calendar-days{
display:grid;
grid-template-columns:repeat(7,1fr);
gap:7px;
}

.calendar-week{
margin-bottom:8px;
}

.calendar-week span{
text-align:center;
font-size:11px;
font-weight:800;
color:#70879a;
text-transform:uppercase;
}

.calendar-day{
aspect-ratio:1;
border:1px solid transparent;
border-radius:8px;
background:#102538;
color:#dbe6ee;
font-weight:700;
cursor:pointer;
transition:.15s;
}

.calendar-day:hover:not(:disabled){
border-color:var(--cyan);
background:#123149;
}

.calendar-day.today{
border-color:#4a6579;
}

.calendar-day.selected{
background:var(--cyan);
color:white;
}

.calendar-day:disabled{
opacity:.23;
cursor:not-allowed;
}

.calendar-day.empty{
visibility:hidden;
}

.booking-small{
font-size:11px;
font-weight:900;
letter-spacing:2px;
color:var(--cyan);
}

.booking-right h3{
font-size:26px;
margin:7px 0 25px;
}

.time-slots{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:9px;
}

.time-slot{
height:48px;
border:1px solid var(--line);
border-radius:7px;
background:#102538;
color:white;
font-weight:800;
cursor:pointer;
}

.time-slot:hover:not(:disabled){
border-color:var(--cyan);
}

.time-slot.busy,
.time-slot:disabled{
opacity:.28;
cursor:not-allowed;
text-decoration:line-through;
}

.time-slot.selected{
background:var(--cyan);
border-color:var(--cyan);
}

.booking-hint{
grid-column:1/-1;
color:var(--muted);
}

.booking-form{
margin-top:5px;
}

.selected-visit{
padding:16px 18px;
background:#10283b;
border-left:3px solid var(--cyan);
margin-bottom:25px;
display:flex;
flex-direction:column;
}

.selected-visit span{
font-size:10px;
letter-spacing:2px;
color:var(--cyan);
font-weight:900;
}

.selected-visit strong{
font-size:18px;
margin:3px 0;
}

.selected-visit button{
padding:0;
border:0;
background:none;
color:#9fb4c4;
text-align:left;
cursor:pointer;
font-size:12px;
}

.form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
}

.booking-form label{
display:flex;
flex-direction:column;
gap:6px;
font-size:12px;
font-weight:700;
color:#aebdca;
margin-bottom:15px;
}

.booking-form input,
.booking-form textarea{
width:100%;
border:1px solid #294158;
background:#081622;
color:white;
border-radius:6px;
padding:13px 14px;
font:inherit;
outline:none;
}

.booking-form input:focus,
.booking-form textarea:focus{
border-color:var(--cyan);
}

.booking-submit{
border:0;
cursor:pointer;
width:100%;
font-size:15px;
}

.booking-privacy{
font-size:11px;
color:#70879a;
margin:12px 0;
}

#booking-message{
font-size:14px;
font-weight:700;
margin-top:12px;
}

#booking-message.success{color:#58d68d}
#booking-message.error{color:#ff7b7b}

@media(max-width:850px){
.booking-app{
grid-template-columns:1fr;
}
.booking-left{
border-right:0;
border-bottom:1px solid var(--line);
}
}

@media(max-width:550px){
.booking-left,
.booking-right{
padding:22px;
}
.form-grid{
grid-template-columns:1fr;
gap:0;
}
.time-slots{
grid-template-columns:repeat(2,1fr);
}
.calendar-week,
.calendar-days{
gap:3px;
}
}

/* ===== SPECJALIZACJA ELEKTRONIKA / ECU ===== */

.special{
background:#07131e;
position:relative;
overflow:hidden;
}

.special:before{
content:"";
position:absolute;
width:520px;
height:520px;
right:-260px;
top:-180px;
background:radial-gradient(circle,rgba(0,174,239,.12),transparent 68%);
pointer-events:none;
}

.special-head{
max-width:820px;
margin-bottom:45px;
}

.special-head h2{
font-size:clamp(38px,4.5vw,58px);
line-height:1.05;
margin:8px 0 18px;
}

.special-head p{
font-size:17px;
line-height:1.75;
color:var(--muted);
}

.special-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
}

.special-card{
position:relative;
min-height:245px;
padding:30px;
background:#0c1d2b;
border:1px solid var(--line);
border-radius:10px;
transition:.2s ease;
overflow:hidden;
}

.special-card:hover{
transform:translateY(-4px);
border-color:rgba(0,174,239,.65);
background:#0e2334;
}

.special-number{
display:block;
font-size:12px;
font-weight:900;
letter-spacing:2px;
color:var(--cyan);
margin-bottom:35px;
}

.special-card h3{
font-size:21px;
margin:0 0 12px;
}

.special-card p{
margin:0;
color:#93a8b8;
font-size:14px;
line-height:1.65;
}

.special-card-highlight{
border-color:rgba(0,174,239,.55);
background:
linear-gradient(145deg,rgba(0,174,239,.10),#0c1d2b 55%);
}

.special-card-highlight:after{
content:"ECU";
position:absolute;
right:-5px;
bottom:-25px;
font-size:85px;
font-weight:900;
color:rgba(255,255,255,.025);
}

.special-cta{
margin-top:22px;
padding:25px 28px;
border:1px solid var(--line);
border-radius:10px;
background:#0c1d2b;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
}

.special-cta div{
display:flex;
flex-direction:column;
gap:4px;
}

.special-cta strong{
font-size:19px;
}

.special-cta span{
color:#8fa5b5;
font-size:14px;
}

@media(max-width:950px){
.special-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:650px){
.special-grid{
grid-template-columns:1fr;
}
.special-card{
min-height:auto;
}
.special-cta{
align-items:flex-start;
flex-direction:column;
}
}

/* ===== HERO DAMCAR 2026 ===== */

.hero{
background-image:
linear-gradient(
    90deg,
    rgba(4,13,22,.96) 0%,
    rgba(4,13,22,.88) 32%,
    rgba(4,13,22,.55) 58%,
    rgba(4,13,22,.18) 100%
),
url('../img/hero-damcar.webp');

background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}

.hero-overlay{
background:
linear-gradient(
    180deg,
    rgba(3,10,17,.10) 0%,
    rgba(3,10,17,.05) 65%,
    rgba(3,10,17,.72) 100%
);
}

@media(max-width:700px){
.hero{
background-position:62% center;
background-image:
linear-gradient(
    90deg,
    rgba(4,13,22,.96) 0%,
    rgba(4,13,22,.84) 65%,
    rgba(4,13,22,.50) 100%
),
url('../img/hero-damcar.webp');
}
}

/* ===== ECU FEATURE ===== */

.ecu-feature{
display:grid;
grid-template-columns:1.15fr .85fr;
margin:0 0 28px;
background:#0c1d2b;
border:1px solid var(--line);
border-radius:12px;
overflow:hidden;
}

.ecu-feature-image{
min-height:410px;
position:relative;
overflow:hidden;
}

.ecu-feature-image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
    90deg,
    rgba(5,15,24,.05) 45%,
    rgba(5,15,24,.85) 100%
);
pointer-events:none;
}

.ecu-feature-image img{
width:100%;
height:100%;
position:absolute;
inset:0;
object-fit:cover;
display:block;
}

.ecu-feature-content{
padding:45px 42px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}

.ecu-feature-content h3{
font-size:clamp(28px,3vw,40px);
line-height:1.08;
margin:10px 0 16px;
}

.ecu-feature-content p{
color:#93a8b8;
line-height:1.7;
margin:0 0 22px;
}

.ecu-tags{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-bottom:27px;
}

.ecu-tags span{
padding:7px 10px;
border:1px solid rgba(0,174,239,.30);
border-radius:4px;
background:rgba(0,174,239,.07);
color:#c8eafa;
font-size:11px;
font-weight:800;
letter-spacing:.4px;
}

@media(max-width:850px){
.ecu-feature{
grid-template-columns:1fr;
}

.ecu-feature-image{
min-height:300px;
}

.ecu-feature-image:after{
background:linear-gradient(
    180deg,
    rgba(5,15,24,.02) 50%,
    rgba(5,15,24,.65) 100%
);
}

.ecu-feature-content{
padding:30px 25px;
}
}


/* ===== REALIZACJE DAMCAR ===== */

.realizations-grid{
display:grid;
grid-template-columns:1.35fr .65fr;
grid-template-rows:repeat(2,280px);
gap:16px;
margin-top:38px;
}

.realization-item{
position:relative;
overflow:hidden;
border-radius:12px;
border:1px solid var(--line);
background:#07131d;
}

.realization-main{
grid-row:1 / 3;
}

.realization-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .5s ease;
}

.realization-item:hover img{
transform:scale(1.035);
}

.realization-item:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
    180deg,
    rgba(3,10,17,.02) 25%,
    rgba(3,10,17,.25) 55%,
    rgba(3,10,17,.94) 100%
);
pointer-events:none;
}

.realization-overlay{
position:absolute;
z-index:2;
left:0;
right:0;
bottom:0;
padding:26px;
}

.realization-main .realization-overlay{
padding:34px;
}

.realization-overlay span{
display:inline-block;
margin-bottom:8px;
color:#00aeef;
font-size:11px;
font-weight:800;
letter-spacing:1.4px;
}

.realization-overlay h3{
margin:0;
font-size:22px;
line-height:1.15;
color:#fff;
}

.realization-main .realization-overlay h3{
font-size:32px;
}

.realization-overlay p{
margin:10px 0 0;
max-width:520px;
color:#b7c5cf;
font-size:14px;
line-height:1.6;
}

.gallery .section-heading p{
max-width:680px;
color:#8fa4b4;
line-height:1.7;
}

/* mobile */
@media(max-width:850px){

.realizations-grid{
grid-template-columns:1fr;
grid-template-rows:none;
}

.realization-main{
grid-row:auto;
}

.realization-item,
.realization-main{
height:300px;
}

.realization-main .realization-overlay,
.realization-overlay{
padding:22px;
}

.realization-main .realization-overlay h3,
.realization-overlay h3{
font-size:22px;
}

}


/* ===== KONTAKT / MAPA ===== */

.contact-modern-grid{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:22px;
margin-top:38px;
align-items:stretch;
}

.contact-panel{
background:#0c1d2b;
border:1px solid var(--line);
border-radius:12px;
padding:36px;
}

.contact-block{
padding:0 0 24px;
margin:0 0 24px;
border-bottom:1px solid var(--line);
}

.contact-block:last-of-type{
margin-bottom:28px;
}

.contact-label{
display:block;
margin-bottom:9px;
color:#00aeef;
font-size:11px;
font-weight:800;
letter-spacing:1.3px;
}

.contact-block a{
color:#fff;
font-size:18px;
font-weight:700;
text-decoration:none;
}

.contact-block a:hover{
color:#00aeef;
}

.contact-main-link{
font-size:32px !important;
line-height:1.1;
}

.opening-hours{
display:flex;
flex-direction:column;
gap:10px;
}

.opening-hours > div{
display:flex;
justify-content:space-between;
gap:20px;
color:#a9bac6;
font-size:14px;
}

.opening-hours strong{
color:#fff;
white-space:nowrap;
}

.contact-buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.contact-map{
position:relative;
min-height:500px;
overflow:hidden;
border:1px solid var(--line);
border-radius:12px;
background:#07131d;
}

.contact-map iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
}

.map-route{
position:absolute;
z-index:3;
right:18px;
bottom:18px;
padding:13px 18px;
background:#00aeef;
color:#03101a;
border-radius:6px;
font-size:13px;
font-weight:800;
text-decoration:none;
box-shadow:0 8px 30px rgba(0,0,0,.30);
}

.map-route:hover{
transform:translateY(-1px);
}

@media(max-width:850px){

.contact-modern-grid{
grid-template-columns:1fr;
}

.contact-panel{
padding:27px 23px;
}

.contact-map{
min-height:380px;
}

.contact-main-link{
font-size:27px !important;
}

}

@media(max-width:520px){

.opening-hours > div{
align-items:flex-start;
flex-direction:column;
gap:3px;
}

.contact-buttons{
flex-direction:column;
}

.contact-buttons .btn{
width:100%;
text-align:center;
}

.contact-map{
min-height:330px;
}

}

/* ===== OPINIE GOOGLE ===== */

.reviews{
background:#081722;
}

.reviews-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:38px;
}

.review-card{
position:relative;
display:flex;
flex-direction:column;
min-height:280px;
padding:28px;
background:#0c1d2b;
border:1px solid var(--line);
border-radius:12px;
transition:transform .25s ease,border-color .25s ease;
}

.review-card:hover{
transform:translateY(-3px);
border-color:rgba(0,174,239,.45);
}

.review-top{
display:flex;
align-items:center;
gap:13px;
}

.review-avatar{
width:46px;
height:46px;
flex:0 0 46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#12344a;
border:1px solid rgba(0,174,239,.35);
color:#fff;
font-size:18px;
font-weight:800;
}

.review-top h3{
margin:0 0 3px;
color:#fff;
font-size:16px;
}

.review-top span{
color:#718898;
font-size:12px;
}

.review-stars{
margin:20px 0 15px;
color:#ffb400;
font-size:20px;
letter-spacing:2px;
}

.review-card blockquote{
margin:0;
padding:0;
border:0;
color:#c0cdd6;
font-size:15px;
line-height:1.7;
font-style:normal;
}

.review-source{
margin-top:auto;
padding-top:24px;
color:#718898;
font-size:11px;
font-weight:800;
letter-spacing:1.2px;
text-transform:uppercase;
}

.reviews-footer{
display:flex;
justify-content:center;
margin-top:30px;
}

@media(max-width:900px){

.reviews-grid{
grid-template-columns:1fr;
}

.review-card{
min-height:auto;
}

}