/* Start custom CSS for html, class: .elementor-element-82d1bbe *//*==================================================
BALLISTALUXURY
TERMS & CONDITIONS
PART 1
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');


:root{

--black:#111111;
--text:#666666;
--border:#ECECEC;
--light:#F8F8F8;
--white:#FFFFFF;

}


/*======================================
RESET
======================================*/

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Inter',sans-serif;

background:#fff;

color:#111;

font-size:16px;

line-height:1.9;

overflow-x:hidden;

-webkit-font-smoothing:antialiased;

}

img{

max-width:100%;

display:block;

}

a{

text-decoration:none;

color:inherit;

transition:.35s;

}

.container{

width:92%;

max-width:1240px;

margin:auto;

}

section{

padding:120px 0;

}


/*======================================
TYPOGRAPHY
======================================*/

.section-tag{

display:inline-block;

font-size:12px;

letter-spacing:4px;

text-transform:uppercase;

color:#888;

margin-bottom:20px;

font-weight:600;

}

h1,
h2,
h3{

font-family:'Cormorant Garamond',serif;

font-weight:500;

color:#111;

}

p{

font-size:17px;

line-height:2;

color:#666;

margin-bottom:20px;

}


/*======================================
HERO
======================================*/

.policy-hero{

padding:170px 0;

text-align:center;

background:#fff;

border-bottom:1px solid var(--border);

}

.policy-hero .container{

max-width:900px;

}

.policy-hero h1{

font-size:92px;

line-height:1;

letter-spacing:-2px;

margin:20px 0 35px;

}

.policy-hero p{

max-width:700px;

margin:auto;

font-size:18px;

line-height:2;

color:#666;

}


/*======================================
POLICY SECTION
======================================*/

.policy-section{

padding:110px 0;

}

.policy-section.light{

background:#FAFAFA;

}

.policy-content{

max-width:900px;

margin:auto;

}

.policy-content h2{

font-size:54px;

margin-bottom:30px;

line-height:1.15;

}

.policy-content p:last-child{

margin-bottom:0;

}


/*======================================
DIVIDER
======================================*/

.policy-section::after{

content:"";

display:block;

width:70px;

height:1px;

background:#DDD;

margin:90px auto 0;

}

.policy-section:last-of-type::after{

display:none;

}


/*======================================
SCROLLBAR
======================================*/

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:#111;

}

::-webkit-scrollbar-track{

background:#f5f5f5;

}


/*======================================
SELECTION
======================================*/

::selection{

background:#111;

color:#fff;

}


/*==================================================
BALLISTALUXURY
TERMS PAGE
PART 2
==================================================*/


/*==========================================
READABILITY
==========================================*/

.policy-content{

max-width:900px;

margin:auto;

}

.policy-content p{

max-width:820px;

}

.policy-content h2{

letter-spacing:-1px;

}


/*==========================================
SMOOTH ANIMATION
==========================================*/

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(50px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

.policy-hero,
.policy-content{

animation:fadeUp .8s ease both;

}


/*==========================================
HOVER EFFECT
==========================================*/

.policy-content{

transition:.35s ease;

}

.policy-content:hover{

transform:translateY(-2px);

}


/*==========================================
BETTER PARAGRAPH SPACING
==========================================*/

.policy-content p{

margin-bottom:24px;

}

.policy-content p:last-child{

margin-bottom:0;

}


/*==========================================
SECTION SPACING
==========================================*/

.policy-hero{

padding-top:180px;

padding-bottom:180px;

}

.policy-section{

padding-top:120px;

padding-bottom:120px;

}


/*==========================================
TABLET
==========================================*/

@media(max-width:991px){

.policy-hero{

padding:120px 0;

}

.policy-hero h1{

font-size:58px;

line-height:1.1;

}

.policy-hero p{

font-size:17px;

}

.policy-section{

padding:80px 0;

}

.policy-content{

max-width:100%;

}

.policy-content h2{

font-size:42px;

margin-bottom:22px;

}

.policy-content p{

font-size:16px;

line-height:1.9;

}

}


/*==========================================
MOBILE
==========================================*/

@media(max-width:576px){

.policy-hero{

padding:90px 0;

}

.policy-hero .section-tag{

font-size:11px;

letter-spacing:3px;

}

.policy-hero h1{

font-size:40px;

letter-spacing:-1px;

margin:15px 0 20px;

}

.policy-hero p{

font-size:15px;

line-height:1.9;

}

.policy-section{

padding:65px 0;

}

.policy-content h2{

font-size:30px;

line-height:1.2;

margin-bottom:18px;

}

.policy-content p{

font-size:15px;

line-height:1.9;

}

.policy-section::after{

width:50px;

margin:55px auto 0;

}

}


/*==========================================
LARGE DESKTOP
==========================================*/

@media(min-width:1400px){

.container{

max-width:1320px;

}

.policy-hero h1{

font-size:104px;

}

.policy-content{

max-width:980px;

}

.policy-content h2{

font-size:62px;

}

.policy-content p{

font-size:18px;

}

}


/*==========================================
SCROLL BEHAVIOUR
==========================================*/

html{

scroll-behavior:smooth;

}


/*==========================================
SELECTION
==========================================*/

::selection{

background:#111;

color:#fff;

}


/*==========================================
FOCUS
==========================================*/

a:focus,
button:focus{

outline:none;

box-shadow:none;

}/* End custom CSS */