@font-face {
font-family: HaloGrotesk;
src: url(/templates/assets/fonts/HaloGrotesk-Regular.otf);
font-display: swap;
}
body {
font-size: 15px;
color: #333;
margin:0px;
background:#fff;
font-family: 'Fira Sans', sans-serif;
}
.section-4 .question:before {
font: normal normal normal 30px/1 FontAwesome;
font: FontAwesome;
}


.youtube-wrapper {
width:100% !important;
position: relative;
cursor: pointer;
text-align: center;
margin: 0 auto;
}

.youtube-wrapper img {
width: 100%; 
height:auto !important; 
object-fit: contain;
}

.youtube-wrapper svg {
width:50px;
height:50px;
transition: .5s;
}

.youtube-wrapper svg:hover {
transform: scale(1.4);
}

.youtube-wrapper div {
position: absolute; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%);
}

.section-20 {
margin:0 0 50px 0;
}

.section-20 .desc {
text-align:center;
margin:0 0 20px 0;
font-size:18px;
color:#666;
}

.section-20 a {
display:table;
margin:0 auto;
text-decoration:none;
background: #cb2444;
color:#fff;
padding:20px 40px;
font-size:18px;
}

.section-20 a:hover {
background:#333;
}