:root{

/* =========================
   CONTACT VARIABLES
========================= */

/* SECTION */

--contact-padding:120px;
--contact-bg:rgba(255,122,24,0.05);



/* LAYOUT */

--contact-grid-columns:1.3fr 1fr;
--contact-grid-gap:65px;


/* BADGE */

--contact-badge-size:11px;
--contact-badge-spacing:2px;
--contact-badge-weight:800;

--contact-badge-color:#ff8c32;

--contact-badge-margin:16px;

--contact-badge-border:
rgba(255,140,50,.35);

--contact-badge-padding:6px;


/* TITLE */

--contact-title-size:52px;
--contact-title-weight:900;

--contact-title-color:rgb(220, 219, 219);

--contact-title-line:1.05;


/* TEXT */

--contact-text-size:15px;

--contact-text-color:#9da4ad;

--contact-text-width:540px;

--contact-text-line:1.8;

--contact-text-margin:18px;


/* BUTTONS */

--contact-buttons-margin:38px;
--contact-buttons-gap:14px;


/* BUTTON */

--contact-btn-min-width:150px;

--contact-btn-padding:15px 18px;

--contact-btn-height:54px;

--contact-btn-radius:14px;

--contact-btn-size:14px;

--contact-btn-weight:800;

--contact-btn-color:#fff;

--contact-btn-bg:
rgba(255,255,255,.03);

--contact-btn-border:
rgba(255,255,255,.08);

--contact-btn-hover-bg:
rgba(255,255,255,.05);

--contact-btn-hover-border:
rgba(255,140,50,.4);


/* PRIMARY BUTTON */

--contact-primary-bg:
linear-gradient(
135deg,
#ff8c32,
#ff6a00
);

--contact-primary-border:
rgba(255,140,50,.25);

--contact-primary-shadow:
rgba(255,140,50,.22);

--contact-primary-hover-bg:
linear-gradient(
135deg,
#ff9b4a,
#ff7f22
);

--contact-primary-hover-shadow:
rgba(255,140,50,.35);


/* OPENING HOURS */

--opening-margin:35px;

--opening-padding:24px;

--opening-border:
rgba(255,255,255,.06);

--opening-title-size:12px;

--opening-title-spacing:2px;

--opening-title-color:#ff8c32;

--opening-title-margin:16px;

--opening-grid-gap:14px;

--opening-row-size:14px;

--opening-row-color:#9da4ad;

--opening-strong-color:#ffffff;

--opening-strong-weight:700;


/* RIGHT BOX */

--contact-box-padding:34px;

--contact-box-border:
rgba(255,255,255,.06);

--contact-box-bg:
rgba(255,255,255,.02);


/* BOX TITLE */

--contact-box-title-size:11px;

--contact-box-title-spacing:2px;

--contact-box-title-color:#ff8c32;

--contact-box-title-margin:22px;


/* LINKS */

--contact-link-size:18px;

--contact-link-weight:800;

--contact-link-color:#ffffff;

--contact-link-hover:#ff8c32;

--contact-tel-size:24px;

--contact-tel-weight:900;


/* ADDRESS */

--contact-address-margin:22px;

--contact-address-padding:22px;

--contact-address-border:
rgba(255,255,255,.06);

--contact-address-size:14px;

--contact-address-color:#9da4ad;

--contact-address-line:1.8;


/* DIVIDER */

--contact-divider-margin:24px;

--contact-divider-bg:
rgba(255,255,255,.06);


/* INFO ROWS */

--contact-row-padding:14px;

--contact-row-border:
rgba(255,255,255,.05);

--contact-row-span-size:13px;

--contact-row-span-color:#7f8791;

--contact-row-strong-size:14px;

--contact-row-strong-color:#fff;


/* MOBILE */

--contact-mobile-gap:40px;

--contact-mobile-title:34px;

--contact-mobile-btn-size:15px;

--contact-mobile-btn-height:56px;

--contact-mobile-tel-size:22px;

}



.contact-clean{
padding:var(--contact-padding) 0;
background:var(--contact-bg);
}

.contact-clean-wrapper{
display:grid;
grid-template-columns:var(--contact-grid-columns);
gap:var(--contact-grid-gap);
align-items:start;
}

.contact-badge{
display:inline-block;
font-size:var(--contact-badge-size);
letter-spacing:var(--contact-badge-spacing);
color:var(--contact-badge-color);
font-weight:var(--contact-badge-weight);
margin-bottom:var(--contact-badge-margin);
border-bottom:1px solid var(--contact-badge-border);
padding-bottom:var(--contact-badge-padding);
}

.contact-title{
font-size:var(--contact-title-size);
font-weight:var(--contact-title-weight);
color:var(--contact-title-color);
line-height:var(--contact-title-line);
}

.contact-text{
margin-top:var(--contact-text-margin);
color:var(--contact-text-color);
max-width:var(--contact-text-width);
line-height:var(--contact-text-line);
font-size:var(--contact-text-size);
}

.contact-buttons{
margin-top:var(--contact-buttons-margin);
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:var(--contact-buttons-gap);
}

.contact-btn{
flex:1;
min-width:var(--contact-btn-min-width);

display:flex;
align-items:center;
justify-content:center;

padding:var(--contact-btn-padding);
min-height:var(--contact-btn-height);

border-radius:var(--contact-btn-radius);

text-decoration:none;
font-weight:var(--contact-btn-weight);
font-size:var(--contact-btn-size);

color:var(--contact-btn-color);

background:var(--contact-btn-bg);
border:1px solid var(--contact-btn-border);

transition:.25s ease;
}

.contact-btn:hover{
transform:translateY(-3px);
border-color:var(--contact-btn-hover-border);
background:var(--contact-btn-hover-bg);
}

.contact-btn.primary{
background:var(--contact-primary-bg);
border:1px solid var(--contact-primary-border);

box-shadow:
0 10px 24px var(--contact-primary-shadow);
}

.contact-btn.primary:hover{
background:var(--contact-primary-hover-bg);

box-shadow:
0 14px 30px var(--contact-primary-hover-shadow);
}

.opening-hours{
margin-top:var(--opening-margin);
padding-top:var(--opening-padding);
border-top:1px solid var(--opening-border);
}

.opening-hours h4{
font-size:var(--opening-title-size);
letter-spacing:var(--opening-title-spacing);
color:var(--opening-title-color);
margin-bottom:var(--opening-title-margin);
}

.hours-grid{
display:flex;
flex-direction:column;
gap:var(--opening-grid-gap);
}

.hours-grid div{
display:flex;
justify-content:space-between;
align-items:center;

font-size:var(--opening-row-size);
color:var(--opening-row-color);
}

.hours-grid strong{
color:var(--opening-strong-color);
font-weight:var(--opening-strong-weight);
}

.contact-clean-right{
display:flex;
}

.contact-info-box{
width:100%;
padding:var(--contact-box-padding);

border:1px solid var(--contact-box-border);
background:var(--contact-box-bg);
}

.contact-info-box h3{
font-size:var(--contact-box-title-size);
letter-spacing:var(--contact-box-title-spacing);
color:var(--contact-box-title-color);
margin-bottom:var(--contact-box-title-margin);
}

.contact-direct{
display:block;
font-size:var(--contact-link-size);
font-weight:var(--contact-link-weight);
color:var(--contact-link-color);

text-decoration:none;
margin-bottom:14px;

transition:.2s ease;
}

.contact-direct:hover{
color:var(--contact-link-hover);
transform:translateX(4px);
}

.contact-direct.tel{
font-size:var(--contact-tel-size);
font-weight:var(--contact-tel-weight);
}

.contact-address{
margin-top:var(--contact-address-margin);
padding-top:var(--contact-address-padding);

border-top:1px solid var(--contact-address-border);

color:var(--contact-address-color);

font-size:var(--contact-address-size);

line-height:var(--contact-address-line);
}

.info-divider{
margin:var(--contact-divider-margin) 0;

height:1px;

background:var(--contact-divider-bg);
}

.info-row{
display:flex;
justify-content:space-between;

padding:var(--contact-row-padding) 0;

border-bottom:1px solid var(--contact-row-border);
}

.info-row span{
color:var(--contact-row-span-color);
font-size:var(--contact-row-span-size);
}

.info-row strong{
color:var(--contact-row-strong-color);
font-size:var(--contact-row-strong-size);
}

@media(max-width:900px){

.contact-clean-wrapper{
grid-template-columns:1fr;
gap:var(--contact-mobile-gap);
}

.contact-title{
font-size:var(--contact-mobile-title);
}

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

.contact-btn{
min-width:100%;
font-size:var(--contact-mobile-btn-size);
min-height:var(--contact-mobile-btn-height);
}

.contact-direct.tel{
font-size:var(--contact-mobile-tel-size);
}

}