@font-face{
    font-family: SF-PRO-Light;
    src: url("https://www.anchorstudio.it/fonts/SF-UI-Display-Light.otf");
}
@font-face{
    font-family: SF-PRO-Bold;
    src: url("https://www.anchorstudio.it/fonts/SF-UI-Display-Bold.otf");
}
@font-face{
    font-family: SF-PRO-Heavy;
    src: url("https://www.anchorstudio.it/fonts/SF-Compact-Display-Heavy.otf");
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: black;
    color: #ffffff;
    height: 100vh;
}
h1{
    font-family: 'SF-PRO-Heavy';
    letter-spacing: -0.5px;
    font-size:50px;
    color:white;
}
h2{
    font-family: 'SF-PRO-Bold';
    font-size:50px;
    color:white;
}
h3{
    font-family: 'SF-PRO-Bold';
    font-size:40px;
    color:white;
}
h4{
    font-family: 'SF-PRO-Bold';
    font-size:25px;
    color:white;
}
h5{
    font-family: 'SF-PRO-Bold';
    font-size:13px;
    color:black;
}
h6{
    font-family: 'SF-PRO-Bold';
    font-size:12px;
    color:white;
}
p{
    font-family: 'SF-PRO-Light';
    font-size:18px;
    color:white;
    margin-bottom:1rem;
}
a{
    font-family: 'SF-PRO-Light';
    text-decoration: none;
    color: inherit;
    background-color:transparent;
	color:white;
}
a:hover{
    text-decoration: none;
}
.button__more__white{
    border: 2px solid white;
    color: white;
    padding: 10px;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.button__more__black{
    border: 2px solid black;
    color: black;
    padding: 10px;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.main-content {
  position: relative;
}
.main-content .owl-theme .custom-nav {
  position: absolute;
  left: -4.5rem;
  right: -4.5rem;
  margin-top:-1rem;
  bottom:50%;
}
.main-content .owl-theme .custom-nav .owl-prev,
.main-content .owl-theme .custom-nav .owl-next {
  position: absolute;
  height: auto;
  color: inherit;
  background: black;
  border:0;
  border-radius:50px;
  z-index: 100;
  padding-top:3px;
  padding-bottom:3px;
  padding-right:15px;
  padding-left:15px;
}
.main-content .owl-theme .custom-nav .owl-prev:hover,
.main-content .owl-theme .custom-nav .owl-next:hover {
    background-color:transparent;
}
.main-content .owl-theme .custom-nav .owl-prev i,
.main-content .owl-theme .custom-nav .owl-next i {
  font-size: 2rem;
  color: white;
}
.main-content .owl-theme .custom-nav .owl-prev i:hover {
  background:transparent;
}
.main-content .owl-theme .custom-nav .owl-prev {
  left: 0;
  top:-1.5rem;
}
.main-content .owl-theme .custom-nav .owl-next {
  right: 0;
  top:-1.5rem;
}

@media(max-width:1200px){
h1{
    font-size:30px;
    color:white;
}
h2{
    font-size:30px;
    color:white;
}
h3{
    font-size:20px;
    color:white;
}
h4{
    font-size:17px;
    color:black;
}
h5{
    font-size:13px;
    color:black;
}
h6{
    font-size:12px;
    color:black;
}
p{
    font-size:20px;
    color:white;
    margin-bottom:1rem;
}
a{
    font-size:px;
}
.button__more__white{
    border: 2px solid white;
    color: white;
    padding: 7px;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.button__more__black{
    border: 2px solid black;
    color: black;
    padding: 7px;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
}
@media(max-width:700px){
h1{
    font-size:22px;
    color:white;
}
h2{
    font-size:22px;
    color:white;
}
h3{
    font-size:20px;
    color:white;
}
h4{
    font-size:18px;
    color:black;
}
h5{
    font-size:12px;
    color:black;
}
h6{
    font-size:11px;
    color:black;
}
p{
    font-size:12px;
    color:white;
    margin-bottom:1rem;
}
a{
    font-size:12px;
}
}