:root {
--green: #48BEA2;
--purpule: #5F5CED;
--black: #373737;
--light-purpule: #E5E4FF;
--gray: #606060;
--very-light-green: #F9FCFD;
--white: #FFF;
--light-gray: #B2B2B2;
}
h1 {
text-align: center;
font-family: Vipnagorgiallabdit;
font-size: 40px;
font-style: italic;
font-weight: 700;
line-height: 100%; text-transform: uppercase;
}
h3,
h2 {
color: #FFF;
font-family: Vipnagorgiallabdit;
font-size: 26px;
font-style: italic;
font-weight: 700;
line-height: 100%;
position:relative;
margin-bottom:65px;
}
h3:before,
h2:before {
display: block;
content: "";
width: 70px;
height: 1px;
background: #3392F3;
bottom: -20px;
position: absolute;
}
h3:after,
h2:after {
display: block;
content: "";
width: 40px;
height: 1px;
background: #3392F3;
bottom: -25px;
position: absolute;
}
h3 {
font-family:Vipnagorgiallabdit;
font-size: 20px;
font-style: italic;
font-weight: 700;
}.entry-content img {
display: block;
margin: 35px auto;
}
.btn-main {
border-radius: 60px;
background: #3392F3;
box-shadow: 0px 4px 0px 0px #105FAF;
padding: 27px 60px;
color: #FFF;
text-align: center;
font-family: Vipnagorgiallabdit;
font-size: 16px;
font-style: italic;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
height: fit-content;
display: block;
}
.btn-main:hover {
background: #47a2ff;
box-shadow: none;
color: #FFF;
}
.site-content .btn-main {
border-radius: 60px;
background: #3392F3;
box-shadow: 0px 4px 0px 0px #105FAF;
padding: 15px 40px;
color: #FFF;
text-align: center;
font-family: Vipnagorgiallabdit;
font-size: 16px;
font-style: italic;
font-weight: 700;
line-height: 100%;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
height: fit-content;
display: block;
max-width: 357px;
margin: 20px auto;
}
.filter-bg {
width: 100%;
height: 100%;
backdrop-filter: brightness(0.6);
}
.hero-text {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
flex-direction: column;
gap: 20px;
}
.inside-header {
background: url(./assets/top1.png);
background-size: cover;
width: 100%;
background-repeat: no-repeat;
height: 100px;
}
.hero-back{
background: url(./assets/football.webp);
background-size: cover;
width: 100%;
background-repeat: no-repeat;
height: 86vh;
}
p.hero-par {
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
p.hero-par2 {
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
span.blue-text {
color: #3392F3;
}
ul {
list-style: none;  
margin-left: 1rem;
}
ul li::before {
content: "\2022";  
display: inline-block;
width: 1em;
color: #3392F3;  
font-weight: bold;
margin-left: -1em;
}
@media(max-width:768px){
header#masthead {
display: none;
}
h1 {font-size: 16px;}
.btn-main {font-size: 14px; padding: 24px 40px;}
.hero-text svg {max-width: 234px;}
p.hero-par {
text-align: center;
font-family: Inter;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
p.hero-par2 {
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
}