@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap');

html, body, h1, h2, h3, h4, h5, h6, a, p, span, b, div, u, li{
    font-family:'Manrope', sans-serif !important;
}

.navbar-nav>li>a:before {
    content: "";
    position: absolute;
    top: 17px;
    width: 0px;
    height: 20px;
    border-bottom: 1.5px solid #FFBB00;
}
.navbar-nav>li>a:hover:before {
    width: calc(100% - 30px);
}
@media (min-width: 1024px){
    .bar{
        position: absolute !important;
        top: 20px;
    }
}

@media(max-width:767px){

  .repeating-header {
         position: unset !important;
     }
     
     div.no-mar{
         margin-top: 20px !important;
     }
     
   }
@media(max-width:576px){
    .bar{
        position: absolute !important;
        left:0 !important;
    }
    .other{
        left: 16px !important;
        width: 92% !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div.is-boxes > div > div > div:nth-child(4) > div:nth-child(2) > div > h1 > span{
        top:132px !important;
    }
    .overlay1{
        margin-bottom:20px !important;
    }
/*    #app\ companyadmin\.webapp-page\.publish > div:nth-child(7) > div.is-overlay > div{
        background-position: 153% 65% !important;
    }
*/    
    
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div.is-overlay > div{
        background-position: 20% 50% !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(3) > div.is-overlay > div{
        background-position: 8% 90% !important;
    }
    .smaller{
        font-size:35px !important;
    }
    .center1{
        text-align:center !important;
    }
    .no-mar{
        margin-top:20px !important;
    }
    .underline1:after {
        width: calc(86% - 73px) !important;
        top: 68px !important;
        left: 69px !important;
        right: 0;
    }
    .underline2:after{
        width: calc(86% - 73px) !important;
        top: 68px !important;
        left: 9px !important;
    }
    .underline3:after{
        width: calc(86% - 73px) !important;
        top: 60px !important;
        left: 56px !important;
    }
    .underline4:after{
        width: calc(86% - 73px) !important;
        top: 60px !important;
        left: 56px !important;
        right: 0;
    }
  
}

.underline1:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid rgb(255, 187, 0);
    width: calc(30% - 72px);
    top: 68px;
    left: 409px;
    right: 0;
}
.underline2:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid rgb(255, 187, 0);
    width: calc(30% - 92px);
    top: 68px;
    left: 20px;
    right: 0;
}
.underline3:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid rgb(255, 187, 0);
    width: calc(27% - 83px);
    top: 68px;
    left: 529px;
    right: 0;
}
.underline4:after{
    content: '';
    position: absolute;
    border-bottom: 1px solid rgb(255, 187, 0);
    width: calc(30% - 83px);
    top: 68px;
    left: 447px;
    right: 0;
}
.is-btn-ghost2:hover{
    background: rgba(242, 187, 12, 0.5);
    border-bottom: 1.5px solid #FFBB00 !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    color: #1D1D1D;
}

.other>h1{
    padding-bottom: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 34px;
    color: rgb(253, 253, 253);
    text-align: center;
}
.about>img:hover{
    background-image:url('https://eeamarketfiles.blob.core.windows.net/blob/assets/images/gym1/Rectangle 83.png');
}
.about>div{
    position: absolute;
    background: rgba(242, 187, 12, 0.5);
    bottom: 0;
    left: 15px;
    right: 0;
    top: 0;
    padding: 105px 50px 15px;
    width: 89%;
    opacity:0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.about>div:hover{
    opacity:1;
}

.overlay1:hover{
    background: rgba(242, 187, 12, 0.5);
    padding: 17px 12px;
    transition:all 0.2s ease-in-out;
}
.rendered-form .form-group {
    margin-left: 0px;
    margin-bottom: 45px!important;
}  
.form-group .formbuilder-required{
    color: #FFBB00 !important;
}    
form > div.contact-form-container > div > div:nth-child(6){
    text-align:right;
}
.formbuilder-text-label, .formbuilder-textarea-label, #cehck-0{
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 18px;
    color: #FDFDFD;
}
.form-control{
    background:#23252B;
    border-radius:0 !important;
    border-bottom: 1px solid #FFBB00 !important;
    border: 0;
}
.send-btn{
    padding: 18px 24px !important;
    background: #FFBB00;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    text-transform:none !important;
    color: #1D1D1D;
    border-radius:0 !important;
}
.send-btn:hover{
    border:0;
    background: rgba(242, 187, 12, 0.5) !important;
    border-bottom: 1.5px solid #FFBB00 !important;
}
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #FDFDFD;
}

.footer-text{
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 116.9%;
    color:#23252B;
}

.image{
    max-width:200px!important;
}

.special:hover{
    transform: scale(1.05)!important;
    transition: 0.5s!important;
}


.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}