@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

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

@media(min-width:577px) and (max-width:768px){
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div > div > div > div > div{
       padding: 40px 30px 40px 32px !important;
    }

}
@media(max-width:576px){
    .send-btn{
        margin-top:30px !important;
    }
    .no-padd{
        padding:20px !important;
        margin-top: -20px !important;
    }
    .blue>a{
        max-width:160px !important;
        left:20px !important;
    }
    .pad{
        padding:40px 30px 34px !important;
    }
        .lin{
        font-size:18px !important;
        background:linear-gradient(-55deg, rgba(255, 255, 255, 0) 22%, rgb(30, 40, 55) 8%) !important;
    }
    .lin2{
        font-size:18px !important;
        background:linear-gradient(-55deg, rgba(255, 255, 255, 0) 22%, rgb(30, 40, 55) 8%) !important;
    }
}
.image{
    max-width:150px;
}
.panel{
    border:0 !important;
    background: transparent !important;
    border-radius:0 !important;
    box-shadow: none !important;

}
.panel.panel-default{
    margin-top:20px !important;
}
.panel-heading{
    background: #F5F7FE !important;
    border: 2px dashed #1E2837 !important;
    color:#1E2837 !important;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
}
.is-btn-ghost2 {
	padding: 10px 20px !important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #1E2837;
    border: 2px dashed #1E2837;
}
.is-btn-ghost2:hover{
    border-width:thick !important;
}

.form-control {
	border:none !important;
	background:#F5F7FE !important;
	border-radius:0 !important;
}

.rendered-form .form-group>label {
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 15px !important;
	line-height: 20px !important;
	color: #000000 !important;
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: none !important;
	border: 1px solid #1E2837 !important;
}

.blue>a, .send-btn{
	padding: 10px 20px !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #1E2837 !important;
    border: 2px dashed #1E2837 !important;
    border-radius:0 !important;
}
.blue>a{
    margin-top:10px !important;
}

.send-btn:hover, .blue>a:hover{
    border-width:thick !important;
}
.navbar-nav>li>a{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
}

.footer-text, .footer-text>a{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}
.navbar-nav>li>a:hover, .dropdown-menu>li>a:hover{
    text-decoration: solid underline #fff 2px;
    
}



  .row.display-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  
  
@media (max-width: 767px){
    .flex {
        flex-direction: column;
    }
        .items-center{
            align-items: start!important;
        }
    }
    
    
    @media(min-width:992px) and (max-width:1236px){
  .tablet-size{
      height:200px!important;
      margin-left: 0px !important;
      margin-right: 0px !important;
  }
}