/* Start custom CSS for html, class: .elementor-element-211fa24 *//*======================================
PURCHASE INTRO
======================================*/
.sl-download-intro{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:120px;
align-items:start;
padding:220px 8% 180px;
background:#fff;
}
.sl-download-heading{
max-width:700px;
}
.sl-section-label{
display:block;
margin-bottom:35px;
font-family:'Montserrat',sans-serif;
font-size:12px;
letter-spacing:4px;
text-transform:uppercase;
color:#888;
}
.sl-download-heading h1{
margin:0;
font-family:'Cormorant Garamond',serif;
font-size:108px;
font-weight:400;
line-height:.90;
color:#111;
}
.sl-download-copy{
padding-top:65px;
max-width:520px;
}
.sl-download-copy p{
margin:0;
font-family:'Montserrat',sans-serif;
font-size:17px;
line-height:2;
color:#666;
}
.sl-link{
display:inline-block;
margin-top:45px;
text-decoration:none;
font-family:'Montserrat',sans-serif;
font-size:15px;
letter-spacing:1px;
color:#111;
border-bottom:1px solid #111;
padding-bottom:10px;
transition:.35s ease;
}
.sl-link:hover{
padding-right:14px;
}
/*======================================
RESPONSIVE
======================================*/
@media(max-width:1024px){
.sl-download-intro{
gap:80px;
padding:180px 6% 160px;
}
.sl-download-heading h1{
font-size:86px;
}
}
@media(max-width:768px){
.sl-download-intro{
grid-template-columns:1fr;
gap:60px;
padding:120px 30px;
}
.sl-download-copy{
padding-top:0;
max-width:100%;
}
.sl-download-heading h1{
font-size:64px;
line-height:.95;
}
}
@media(max-width:480px){
.sl-download-intro{
padding:100px 25px;
}
.sl-download-heading h1{
font-size:48px;
}
.sl-download-copy p{
font-size:15px;
line-height:1.9;
}
.sl-section-label{
letter-spacing:3px;
}
}
/* DOWNLOAD BUTTONS */
.sl-download-buttons{
display:flex;
gap:35px;
align-items:center;
margin-top:35px;
}
.sl-link-secondary{
color:#666;
}
.sl-link-secondary:hover{
color:#111;
}
@media(max-width:768px){
.sl-download-buttons{
flex-direction:column;
align-items:flex-start;
gap:20px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da9ebd8 *//*======================================
CONTENT USAGE
======================================*/
.sl-content-policy{
padding:0 8% 220px;
background:#fff;
}
.sl-policy-header{
margin-bottom:90px;
}
.sl-policy-header span{
display:block;
margin-bottom:28px;
font-family:'Montserrat',sans-serif;
font-size:12px;
letter-spacing:4px;
color:#888;
text-transform:uppercase;
}
.sl-policy-header h2{
margin:0;
max-width:720px;
font-family:'Cormorant Garamond',serif;
font-size:74px;
font-weight:400;
line-height:1;
color:#111;
}
/* INTRO */
.sl-policy-intro{
max-width:760px;
margin:0 0 90px;
font-family:'Montserrat',sans-serif;
font-size:18px;
line-height:2;
color:#666;
}
/* GRID */
.sl-policy-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:80px 90px;
}
/* ITEM */
.sl-policy-item{
padding-top:30px;
border-top:1px solid #ececec;
}
.sl-policy-item h3{
margin:0 0 18px;
font-family:'Cormorant Garamond',serif;
font-size:34px;
font-weight:400;
color:#111;
}
.sl-policy-item p{
margin:0;
font-family:'Montserrat',sans-serif;
font-size:16px;
line-height:2;
color:#666;
}
/*======================================
RESPONSIVE
======================================*/
@media(max-width:1024px){
.sl-policy-list{
gap:60px;
}
}
@media(max-width:768px){
.sl-content-policy{
padding:0 30px 120px;
}
.sl-policy-header{
margin-bottom:60px;
}
.sl-policy-header h2{
font-size:50px;
}
.sl-policy-intro{
font-size:16px;
margin-bottom:60px;
}
.sl-policy-list{
grid-template-columns:1fr;
gap:45px;
}
}
@media(max-width:480px){
.sl-policy-header h2{
font-size:42px;
line-height:1;
}
.sl-policy-item h3{
font-size:28px;
}
.sl-policy-item p{
font-size:15px;
line-height:1.9;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b7a896 *//*======================================
DOWNLOAD GUIDE
======================================*/
.sl-download-guide{
padding:0 8% 220px;
background:#fff;
}
.sl-guide-header{
margin-bottom:110px;
}
.sl-guide-header span{
display:block;
margin-bottom:30px;
font-family:'Montserrat',sans-serif;
font-size:12px;
letter-spacing:4px;
color:#888;
}
.sl-guide-header h2{
margin:0;
max-width:780px;
font-family:'Cormorant Garamond',serif;
font-size:74px;
font-weight:400;
line-height:1;
color:#111;
}
/* ITEMS */
.sl-guide-item{
display:grid;
grid-template-columns:120px 1fr;
gap:70px;
padding:55px 0;
border-top:1px solid #ececec;
}
.sl-guide-item:last-child{
border-bottom:1px solid #ececec;
}
.sl-guide-number{
font-family:'Cormorant Garamond',serif;
font-size:52px;
color:#d7d7d7;
line-height:1;
}
.sl-guide-text h3{
margin:0 0 18px;
font-family:'Cormorant Garamond',serif;
font-size:40px;
font-weight:400;
color:#111;
}
.sl-guide-text p{
margin:0;
max-width:760px;
font-family:'Montserrat',sans-serif;
font-size:17px;
line-height:2;
color:#666;
}
/*=========================
RESPONSIVE
=========================*/
@media(max-width:768px){
.sl-download-guide{
padding:0 30px 120px;
}
.sl-guide-header{
margin-bottom:70px;
}
.sl-guide-header h2{
font-size:50px;
}
.sl-guide-item{
grid-template-columns:1fr;
gap:20px;
padding:40px 0;
}
.sl-guide-number{
font-size:38px;
}
.sl-guide-text h3{
font-size:30px;
}
.sl-guide-text p{
font-size:16px;
line-height:1.9;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c0d2cf *//*======================================
SUPPORT
======================================*/
.sl-support{
padding:0 8% 220px;
background:#fff;
}
.sl-support-header{
margin-bottom:45px;
}
.sl-support-header span{
display:block;
margin-bottom:28px;
font-family:'Montserrat',sans-serif;
font-size:12px;
letter-spacing:4px;
color:#888;
}
.sl-support-header h2{
margin:0;
font-family:'Cormorant Garamond',serif;
font-size:74px;
font-weight:400;
line-height:.95;
color:#111;
}
.sl-support-copy{
max-width:700px;
margin-bottom:70px;
}
.sl-support-copy p{
margin:0;
font-family:'Montserrat',sans-serif;
font-size:17px;
line-height:2;
color:#666;
}
/* FORM */
.sl-support-form{
max-width:760px;
}
/*======================================
RESPONSIVE
======================================*/
@media(max-width:768px){
.sl-support{
padding:0 30px 120px;
}
.sl-support-header h2{
font-size:50px;
}
.sl-support-copy p{
font-size:16px;
}
}/* End custom CSS */