@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url("https://pro.fontawesome.com/releases/v5.10.0/css/all.css");


body{
    font-family: "Manrope", sans-serif;
}
h1{
    font-family: "Manrope", sans-serif;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 105.003%; 
}
h2{
    font-family: "Manrope", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 123%;
    padding-bottom:0 !important;
}
h3{
    font-family: "Manrope", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom:0 !important;
}
h4{
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.08px;
    text-transform: uppercase !important;
    padding-bottom:0 !important;
}
h5,h6{
    font-family: "Manrope", sans-serif;
}
p{
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
a{
    font-family: "Manrope", sans-serif;
}
/*expander for footer*/
.expander-header {
    cursor: pointer;
  }

  .expander-header i {
    transition: transform 0.3s ease;
  }

  .expander-header.active i {
    transform: rotate(180deg);
  }

  .expander-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  .expander-content.open {
    max-height: 500px; /* adjust if needed */
  }
/*end*/
/*blog*/
#ordering-app > main > div > div > div.container-57 > div:nth-child(1){
    display:none !important;
}
#ordering-app > main > div > div > div.container-57 > div:nth-child(2){
    display:flex;
    flex-direction:column;
    margin-top:30px;
}
#ordering-app > main > div > div > div.container-57 > div:nth-child(2) > h2{
    order:2;
}
#ordering-app > main > div > div > div.container-57 > div:nth-child(2) > img{
    order:1;
}
#ordering-app > main > div > div > div.container-57 > div:nth-child(2) > div{
    order:3;
}
.single-post-name{
    color: #1682D1;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 105.003%; /* 33.601px */
}
/*internal blog carpusel*/
div > div.owl-stage-outer > div > div > div > a > div > span{
    display:none!important;
}
div > div.owl-stage-outer > div > div > div > a > h3{
    color: #000;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;    
}
/*end*/

@media(max-width:600px){
    h1{
        font-size:32px !important;
    }
    .mar-top{
        margin-top:20px !important;
    }
    .foo-blue{
        padding:20px !important;
        margin: 0 30px;
    }
    .foo-blue > div{
        flex-direction:column !important;
    }
    .foo-blue > div > div:nth-child(2){
        border-left:0 !important;
        border-right:0 !important;
    }
    .nav2{
        flex-direction:column !important;
        justify-content:start !important;
        align-items: start !important;
        gap: 0 !important;
    }
    .whitebox{
        padding:20px !important;
    }
    .rev-col{
        display:flex;
        flex-direction:column-reverse;
    }
    .less-padd{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .less{
        min-height:75vh !important;
    }
    .navbar-brand>img {
        max-width: 240px!important;
    }
    .visible-xs.navbar-brand{
        padding: 0 !important;
    }
    .navbar-toggle .icon-bar {
        width: 35px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div > div > div > div:nth-child(1){
        margin-top:-90px !important;
    }
    .together{
        flex-direction:column !important;
    }
    .green-checks{
        flex-direction:column !important;
    }
    .head-services{
        flex-direction:column !important;
        gap:20px !important;
    }
    .single > div:nth-child(1){
        flex-direction:column !important;
        align-items:center;
    }
    .single > div:nth-child(2) > p{
        font-size:14px !important;
    }
    .single2{
        flex-direction:column !important;
        gap:0 !important; 
    }
    .all{
        gap:20px !important
    }
    .wholeall{
        flex-direction:column !important;
        gap:0 !important;
    }
    .darkblue{
        padding:32px 20px !important;
    }
    .darkblue>p{
        font-size:24px !important;
    }
    .foo-blue > div > div:nth-child(1), .foo-blue > div > div:nth-child(2), .foo-blue > div > div:nth-child(3){
        padding-bottom: 20px;
        border-bottom: 1px solid #289CF0;
    }
    .foo-blue > div > div:nth-child(1) > h1, .foo-blue > div > div:nth-child(2) > h1, .foo-blue > div > div:nth-child(3) > h1{
        font-size:50px !important;
    }
    .move-center-foo{
        text-align:center !important; 
    }
    .navbar{
        padding:16px 0 !important;
    }
}

.nav-pills>li{
    padding: 0 12px !important;
}
.active > .is-btn.is-pills-btn{
    border-radius: 12px !important;
    border: 2px solid #1682D1 !important;
    background: #1682D1 !important;
    padding: 16px 32px !important;
    color: #FFF !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: 0 !important;
}
.is-btn.is-pills-btn{
    border-radius: 12px !important;
    background: #DAE6F2 !important;
    color: #000 !important;
    padding: 16px 32px !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0 !important;
}
.is-btn-ghost2 , .is-btn-ghost1 {
    padding: 14px 20px !important;
	letter-spacing: 0 !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    border-radius:10px!important;
    text-transform:none !important;
}

.form-control {
    border-radius: 12px !important;
    background: #FFF !important;
    border:0 !important;
}
#message{
    min-height:110px !important;
}
.contact-form-module > div > form > div.contact-form-container > div > div:nth-child(7){
    text-align:center !important;
}
::placeholder, #service{
    color: #000 !important;
    font-family: Manrope;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 240.4%; /* 38.464px */
}
.rendered-form .form-group {
    margin-bottom: 24px !important;
}
.send-btn, .blue > a {
    border-radius: 10px !important;
    background: #1682D1 !important;
    border:1px solid #1682D1 !important;
    padding: 14px 20px !important;
    color: #FFF !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
}

.image{
    max-width:270px !important;
}
.navbar{
    padding:21px 0 !important;
}
.navbar-nav>li>a{
    color: #000;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}

.footer-text, .footer-text>a{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 116.9%;
}