@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300&family=Open+Sans&display=swap');

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

    

.send-button:hover{
    background: #31A2A8 !important;
    border-color:#31A2A8 !important;
}

.justify-between {
    justify-content: space-between;
    align-items: center;
}
.rendered-form .form-control:focus{
    border: 0.5px solid #C02723 !important;
    box-shadow: 0px 3px 0px #c02723 !important;
}
.navbar.navbar-static{
    border-bottom: 1px solid #31A2A8;
    box-shadow: 0px 4px 30px rgb(49, 162, 168);
    padding-bottom:5px;
    padding-top: 5px;
}
.dropdown-menu>li{
    padding: 7px 0;
    border-bottom: 1px solid #31A2A8;
}
.dropdown-menu{
    padding: 25px 38px;
    background: #FFFFFF;
    border-width: 0px 1px 1px 0px !important;
    border-style: solid !important;
    border-color: #31A2A8 !important;
    box-shadow: 0px 3px 0px #31A2A8 !important;
    border-radius: 20px !important;
}
 .social-box:hover{
        background:#841E1B !important;
    }
    .social-box>i:hover{
        color:#fff !important;
    }
@media(max-width:576px){
    .white{
        color:#fff !important;
    }
}    
@media(max-width:960px) {
.is-box-4 {
    display: table;
    width: 100%;
    height: 700px !important;
  }
}
.flex-container> div > img{
    max-width:200px !important;
}
 /*   #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div.is-boxes > div > div > div:nth-child(2) > div > h1{
        color:#fff !important;
    }*/
    .smaller{
        font-size:23px !important;
    }
   
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-section-100.is-dark-text > div.is-boxes > div > div > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){
        text-align:center !important;
    }
    .mar{
        padding-top:20px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-section-100.is-light-text > div.is-overlay > div{
        background: #1A3139 !important;
    }
    .no-mar{
        margin-top:0 !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-section-100.is-bg-light.is-dark-text > div > div > div > div > div > div{
        padding:20px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(5) > div.is-overlay > div, #app\ companyadmin\.webapp-page\.publish > div:nth-child(6) > div.is-overlay > div{
        background-position: 28% 0% !important; 
    }
   
    .picpic{
    left: 103px !important;
    bottom: 178px !important;
    }
    .blue-sq{
            background-size: cover !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-content-top.is-dark-text.is-section-auto > div.is-overlay > div{
        background-position: 90% 97% !important;
    }
    .head-text{
        display:static !important;
    }
    .flex-container{
        display:block !important;
    }
     .send-btn{
        bottom: 5px !important;
    }
    .mess{
        margin-left:37px  !important;
    }
}
ul.hidden-xs.nav.nav-pills.navbar-center{
    float:right !important;
}
.nav-pills>li+li{
    padding:0 7.5px !important;
}

.is-btn.is-pills-btn{
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    line-height: 23px !important;
    color: #FFFFFF !important;
    box-shadow: 0px 4px 30px rgb(229 56 52 / 10%) !important;
    border-radius: 20px !important;
    padding: 14px 29px!important; 
}
.form-control{
    border: 1px solid #C02723;
    border-radius: 20px !important;
}
.send-btn2{
    background: #C02723 !important;
box-shadow: 0px 4px 30px rgba(229, 56, 52, 0.1) !important;
border-radius: 20px !important;
padding: 14px 29px !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 20px !important;
line-height: 23px !important;

color: #FFFFFF !important;
}
.send-btn2>i{
    color:#fff !important;
}

/*newsletter*/
.mess{
    border: 0.5px solid #FFFFFF !important;
    border-radius: 20px !important;
    margin-left: 98px;
    margin-right: 60px !important;
    width:72% !important;
}
.form-p, .form-name{
    text-align:right !important;
}
.send-btn{
    position: absolute !important;
    right: 18px !important;
    bottom: 19px;
    border: 1px solid #fff !important;
    text-align: center !important;
    padding: 10px 15px !important;
}
#contact-form-loO1GEU > form > div.contact-form-container > div > div.formbuilder-text.form-group.field-email> #email{
    border: 0.5px solid #FFFFFF !important;
    border-radius: 20px !important;
}



.flex-container {
  display: flex;
}

.flex-container > div {
  text-align: center;
  margin:12px;
}

.navbar-nav>li>a{
    
    font-style: normal;
    font-weight: 500;
    font-sIze: 16px;
    line-height: 16px;
    text-transform: capitalize;
    color: #31A2A8;
    padding:10px 18px;
}
.footer-text{

    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 116.9%;
    color: #fff;
}

#header-7328 {
    position:relative !important;
}


#code-btn {display:block!important}