gympus css

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    
}
.fixed-top{
    box-shadow: 0px 5px 10px -5px rgba(51, 51, 51, 0.15);
}
.navbar{
    background-image: url('../img/patent.jpg');
}
.navbar-nav a{
    transition: .2s color ease;
}
.navbar-nav a:hover{
    color: #DC3545 !important;
}
.nav-link.active{
    color: #DC3545 !important;
}
a.navbar-brand{
    font-size: 33px;
}
li.nav-item{
    padding: 0 7px;
}
.home{
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('../img/hero-bg.jpg');
    min-height: 110vh;
    background-size: cover;
    background-position: center;
}
.home-content{
    padding-top: 220px;
}
.home-content h1{
    font-size: 85px;
}
.bg-secondary{
    background-color: #242222 !important;
}
.bg-dark{
    background-color: #333333 !important;
}
.service{
    padding: 150px 0;
    background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.9)), url('../img/services-bg.jpg');
}
.service .card{
    transition: .3s all ease;
}
.service .card:hover {
    box-shadow: 10px 10px 70px rgba(0, 0, 0, 0.1);
    margin-top: -12px;
}
.classes{
    padding: 150px 0;
    background-image: url('../img/patent.jpg');
}
.classes-info .btn-outline-danger{
    font-size: 13px;
    font-weight: 700;
    padding: 15px 50px;
    border-color: rgba(0, 0, 0, 0.1);
}
.classes-item{
    transition: .3s all ease;
}
.classes-item:hover{
    box-shadow: 10px 10px 70px rgba(0, 0, 0, 0.1);
}
#testimonial{
    background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)), url(../img/testimonial-bg.jpg);
    min-height: 75vh;
    background-size: cover;
}
.carousel-item img{
    width: 70px;
}
.carousel-inner{
    min-height: 55vh;
}
.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.carousel-indicators li.active{
    width: 12px;
    height: 12px;
    background-color: #DC3545;
}
.gallery-section > .container-fluid > .row > [class^="col-"] {
    padding: 0px;
}

#contact a, #contact{
    color: #ABABAB;
    transition: .3s color ease;
}
#contact a:hover{
    color: #DC3545;
}
.contact-widget{
    background-image: url(../img/footer-bg.png);
    background-size: cover;
    background-position: center;
    color: #ABABAB;
    line-height: 35px;
}
.footer-social-share li{
    padding: 0 5px;
}
.footer-copyright-area{
    background-color: #232425;
}

Leave a Reply

Your email address will not be published. Required fields are marked *