html{
    scroll-behavior: smooth;
}
/* navbar styles */
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(254, 198, 24)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
.navbar{
    background-color: #fff;
}
.navbar-nav a{
    font-size: 16px;
    color: #000;
}
.hero{
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 80vh;
    background-attachment: fixed;
}
.mybreak{
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 40vh;
    background-size: cover;
    background-attachment: fixed;
}
.me-content{
    padding-top: 50px;
}
.me-content p{
    font-size: 22px;
}
.main-service{
    height: 310px;
}
@media only screen and (max-width: 600px){
    .mose img{
        height: 400px;
    }
    .hero{
        min-height: 70vh;
    }
    .me-content{
        padding-top: 30px;
    }
}