/* webfont */
.webfont{
  font-family: "PT Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.arial{
    font-family: Arial, Helvetica, sans-serif;
}
.segio{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root{
    scroll-behavior: smooth;
}
html{
    width: 100% !important;
    overflow-x: hidden !important;
}
body{
    width: 100% !important;
    /* overflow-x: hidden !important; */
}

/* custom borders */
.xborder{
    border: 2px solid white;
}
.xxborder{
    border: 2px solid black;
}

/* container */
.webcontainer{
    max-width: 1230px;
    padding-inline: 40px;
    margin-inline: auto;
}
@media screen and (max-width: 640px){
    .webcontainer{
        padding-inline: 20px;
    }
}

p,li,div{
    font-size: 16px;
}

.center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.left-center{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.pointer{
    cursor: pointer;
}
.caption{
    font-size: 3.5rem;
    font-weight: bold;
    line-height: 1.2;
}
.caption-2{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
}
.caption-3{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
}

.btn{
    padding: 9px 15px;
    border: none;
    outline: none;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: all 0.3s linear;
}
.btn-web{
    /* background-color: #0369a1; */
    background-color: #b91c1c;
    color: white;
}
.btn-web:hover{
    background-color: #00507a;
    /* background-color: #8f0c0c; */
}
.btn-white{
    background-color: white;
    color: black;
}
.btn-white:hover{
    background-color: transparent;
    color: white;
    border: 2px solid white;
}
.btn-white-outline{
    background-color: transparent;
    border: 2px solid white;
    color: white;
}
.btn-white-outline:hover{
    background-color: white;
    color: black;
}

.outline-text{
  color: transparent;
  -webkit-text-stroke: 0.5px white;
}
.bgsetup{
    background-size: cover;
    background-repeat: no-repeat;
}

.input-design{
    background-color: transparent;
    border: 0.5px solid rgba(255, 255, 255, 0.257);
    outline: none;
    padding: 5px 11px;
    font-size: 15px;
    border-radius: 3px;
    height: 40px;
    resize: none;
}

@keyframes slidedown{
    0%{
        transform: translateY(-30px);
        opacity: 0;
    } 100%{
        transform: translateY(0);
        opacity: 1;
    }
}
.slidedown{
    animation: slidedown 0.4s linear;
}