body{ font-family: 'Montserrat'; }

.w-5 { width: 5% !important; }

.w-10 { width: 10% !important; }

.w-20 { width: 20% !important; }

.w-30 { width: 30% !important; }

.w-60 { width: 60% !important; }

.w-70 { width: 70% !important; }

.w-80 { width: 80% !important; }

.w-90 { width: 90% !important; }

.vh-50 { height: 50vh !important; }

.h-70 { height: 70% !important; }

.h-90 { height: 90% !important; }

.fs-7 { font-size:smaller !important; }

.header{
    background-color: white;
    padding: 15px;
}

.header-announce {
    font-size: 50px;
    font-weight: bolder;
}

.header-announce-small {
    font-size: 20px;
    font-weight: bolder;
}

.about-head { font-size: 12px; }

.about-head-line { 
    height: 2px; 
    border: none;
    color: #006dd3 !important;
    background-color: #006dd3 !important; 
}

.about-section{
    background-image: url(../Images/AboutUsBack.png);
    background-position: 50%;
}

.tech-section{ background-color: #edf0f5; }

.page-top{ background-color: #f3f3f3; }

.tech-image{
    background-color: white;
    border-radius: 50%;
    box-shadow: 4px 4px 4px #dddddd;
}

.tech-image > img{ width: 70px; }

.tech-txt p{ font-size: 16px; }

.about-title > b{ font-weight: 800; }

.img-link a:link{
    font-size: 17px;
    color: black;
    background-color: white;
    text-decoration: none;
    transition: 0.3s;
}

.img-link a:hover{
    color: #ffffff !important;
    background-color: transparent !important;
    border: white 1px solid !important;
    text-decoration: none;
}

#footer-link.img-link a:hover{ font-weight: bold; }

.img-link a:hover img{ filter:brightness(100); }

.img-link a:visited {
    color: black;
    background-color: transparent;
    text-decoration: none;
}

.links a:link{
    font-size: 17px;
    color: black;
    background-color: transparent;
    text-decoration: none;
    transition: 0.3s;
}

.links a:hover{
    color: #4895a7 !important;
    background-color: transparent;
    text-decoration: none;
}

.links a:visited {
    color: black;
    background-color: transparent;
    text-decoration: none;
}

.about-link a:link{
    font-size: 13px;
    border: 1px solid;
    color: black;
    border-color: rgb(38, 154, 221) !important;
    background-color: transparent !important;
    text-decoration: none;
    transition: 0.3s;
    font-weight: 500;
}

.about-link a:hover{
    background-color: rgb(38, 154, 221) !important;
    color: white !important;
    background-color: transparent;
    text-decoration: none;
}

.about-link a:visited {
    border: 1px solid;
    color: black;
    border-color: rgb(38, 154, 221) !important;
    background-color: transparent !important;
    text-decoration: none;
}

.background-img{
    overflow: hidden;
    max-height: 610px;
}

.background-img .img{
    background-image: url(../Images/ChelvBackgroundImg.jpg);
    background-position-y: 70%;
    background-size: cover;
}

.submit-spin { display: none; }

.background-img-2{
    overflow: hidden;
    max-height: 610px;
}

.background-img-2 .img{
    background-image: url(../Images/ChelvBackgroundImg3.jpg);
    background-position-y: 58%;
    background-size: cover;
    box-shadow: 0px -7px .4em #dddddd, 0px 7px .4em #dddddd !important;
}

.news-sm-txt { font-size: 12px; }

.contact-section{ background-color: #70bee2; }

.contact-btn{
    background-color: #56abd3;
    color: white;
    border: 2px solid #56abd3 !important;
}

.contact-btn:hover{
    background-color: white;
    color: #56abd3;
}

.footer-link:link{
    font-size: 18px;
    background-color: transparent;
    text-decoration: none;
    transition: 0.3s;
}

.footer-link:hover{
    font-size: 18px;
    color: #57c4e6 !important;
    background-color: transparent;
    text-decoration: none;
}

.footer-link:visited{
    font-size: 18px;
    background-color: transparent;
    text-decoration: none;
}

.cookie-notice {
    position: fixed;
    bottom: 40px;
    left: 40px;
    background: #588fb3;
    padding: 20px 30px;
    width: 300px;
    color: white;
    z-index: 500;
    height: 230px;
    border-radius: 4px;
    display: none;
  }
  
  .cookie-notice h4 { font-weight: bold; }

  .cookie-notice button{
    background-color: #24a8e5;
    color: white;
  }

  .cookie-notice button:hover{ background-color: #1e87b8; }
  
  .cookie-notice p {
    line-height: 1.5;
    margin: 0;
  }
  
  .cookie-notice a { color: #24a8e5; }

.form-error-alert{ display: none; }

.form-success-alert{ display: none; }

.news img{ border: 1px solid #d3d3d3; }

.about ul{ list-style: none; }
.about ul li::before{
    content: "\2022";
    color: #24a8e5;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.about-btn{
    background-color: #588fb3;
    color: white;
    transition: 0.3s;
}

.about-btn:hover{
    background-color: #ffffff;
    color: #588fb3;
    border: solid 1px #588fb3;
}

.about-container{
    overflow: hidden;
    max-height: 250px;
}

.about-container .img-1{
    background-image: url(../Images/ChelvBackgroundImg.jpg);
    background-position-y: 70%;
    background-size: cover;
    display: block;
}

.about-container .img-2{
    background-image: url(../Images/ChelvBackgroundImg2.png);
    background-position-y: 70%;
    background-size: cover;
    display: none;
}

.about-container .desc{
    background-color: #f1f1f1;
    display: none;
}