html{
font-size: 1rem;
font-family: var(--bs-body-font-family) ;
}
body{
font-family: var(--bs-body-font-family) ;
font-size: 1rem !important;
}
a{
font-size: 1rem;
font-family: var(--bs-body-font-family) ;
}
h1, h2, h3{
font-family: var(--bs-body-font-family);
font-weight: 500;
}
h1{
font-size:2.5rem;
}
h3{
font-size:1.75rem;
}
.ry-hero{
background-size: cover;
background-position: center center;
}
a:hover{
cursor: pointer;
}
.ry-close{
font-size: 2rem;
color: #fff;
}
.ry-close:hover{
color: rgb(255 255 255 / 80%);
}
.owl-carousel-portals .owl-stage {
display: flex ;
align-items: center ;
}
.ry-hero-50{
min-height: 300px;
height: 50vh;
}
.ry-hero-75{
min-height: 300px;
height: 75vh;
}
.ry-hero-100{
min-height: 300px;
height: 100vh;
}
@media(max-width: 990px){
.ry-hero-75{
height: 40vh;
}
}
.shadow-title, .shadow-tagline{
text-shadow: 1px 1px 3px rgb(0 0 0 / 60%);
color: #fff;
}
.title-shadow-box{
padding: 1rem;
background: rgb(0 0 0 / 50%);
border-radius: 10px;
width: auto;
display: inline-block;
}
.container-ry{
width: 100%;
max-width: 1600px;
margin: 0 auto;
padding: 1rem;
}
.container-fluid{
padding: 0 !important;
}
a{
text-decoration: none;
}
.nav-tabs li a{
color: var(--bs-dark);
}
.nav-tabs .nav-item a{
background: var(--bs-dark);
color: #fff;
}
.nav-tabs .nav-item{
margin-right: .25rem;
}
.nav-tabs .nav-item:last-child{
margin-right: 0;
}
h1, h2, h3{
margin-bottom: 1rem;
}
.hero-boxes{
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.hero-boxes .col-4{
position: relative;
}
.hero-box i, .hero-box-mobile i{
background: red;
font-size: 2rem;
top: -1rem;
border-radius: 50px;
padding: 1rem;
margin-bottom: 1rem;
color: #fff;
}
.hero-box{
padding: 1.5rem;
background: rgb(255 255 255 / 60%);
position: absolute;
bottom: -74px;
text-align: center;
left: 1rem;
right: 1rem;
}
.hero-box:hover{
bottom: 0;
transition: all .5s ease;
}
.hero-box a, .hero-box-mobile a{
background: red;
border-radius: 2px;
color: #fff;
padding: .75rem 1rem;
display: inline-block;
}
.hero-box a:hover, .hero-box-mobile a:hover{
background: var(--bs-dark);
}
.ry-btn{
padding: .5rem 1rem;
border-radius: 2px;
color: #fff;
background: red;
width: auto;
display: inline-block;
}
.ry-btn:hover{
color: #fff;
background: var(--bs-dark);
}