@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li, ul {
    font-family: 'Roboto',sans-serif  !important;
}
@media(min-width:1550px){
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div.is-overlay > div{
            background-size: cover !important;
            background-position: 57% 60% !important;
    }
    .is-container.is-content-right {
        margin-right: 350px !important;
    }
}
@media(min-wdith:1200px) and (max-width:1450px){
    .is-content-right.edge-x-5 {
        margin-right: 100px !important; 
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div.is-overlay > div{
        background-position: 54% 60% !important;
    }
}
@media(max-width:576px){
    .no-mar{
        margin-top:0 !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div.is-overlay > div{
        background-position:100% 0% !important;
    }
    .mar, .mar2{
        margin-top:20px !important;
    }
   #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-dark-text.is-section-auto > div.is-boxes > div > div > div:nth-child(2) > div{
       text-align:left !important;
   }
   #app\ companyadmin\.webapp-page\.publish > div.is-section.is-shadow-1.is-bg-grey.is-section-auto > div > div:nth-child(2) > div.is-boxes > div > div, #app\ companyadmin\.webapp-page\.publish > div.is-section.is-shadow-1.is-bg-grey.is-section-auto > div > div.is-box-6.is-box.is-dark-text.is-content-top > div > div > div{
       margin-top:0 !important;
       margin-bottom:0 !important;
   }
    
}
#bs-example-navbar-collapse-menu-EpC7QKs > div > ul:nth-child(1) > li:nth-child(4) > a, #bs-example-navbar-collapse-menu-EpC7QKs > div > ul:nth-child(3) > li:nth-child(4) > a{
    border-right:0 !important;
}
.hidden-xs.nav.nav-pills.navbar-center>li{
    padding:0 22px;
}
.is-btn.is-pills-btn{
    font-style: normal;
    border: 2.5px solid #998B82 !important;
    background:transparent !important;
    border-radius: 29px !important;
    padding: 10px !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    color: #210901 !important;
}
.active>.is-btn.is-pills-btn{
    font-style: normal;
    border: 2.5px solid #998B82 !important;
    background: linear-gradient(303.05deg, #EBB54D -18.52%, rgba(255, 246, 227, 0) 411.1%) !important;
    border-radius: 29px !important;
    padding: 10px !important;
    font-weight: 500 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    color: #210901 !important;
}

.flex-lg.flex-1.nav.navbar-nav, .flex-1.flex-lg.nav.navbar-nav{
    align-items: center;
}
.is-btn-ghost2{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-transform:none !important;
    letter-spacing:0px!important;
    border-radius:100px !important;
    padding: 10px 16px !important;
}
.navbar-nav>li>a{
    font-family: 'Syne';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #210901;
    border-right: 1px solid #998B82;
}
.navbar-nav>li>a{
    padding: 10px 25px;

}
.flex-1.flex-lg.nav.navbar-nav, .flex-lg.flex-1.nav.navbar-nav{
    justify-content: space-evenly !important;
}

.footer-text, .footer-text>a{
    font-family: 'Syne';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: black !important;
}

.footer{
    background-color:grey !important;
}