@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&display=swap');

/*body */
body{
    font-family: 'Barlow Semi Condensed', sans-serif;
    background-color: white;
    overflow: scroll;
}
.mySlides{
    display:none;
}
/* header */
header{
    background-color:#FFFFFF;
    min-height:51px;
    border-bottom:#001B47 3px solid;
}
header a{
    color: #001B47;
    text-decoration:none;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
header a:hover{
    color: #FFA500;
    font-weight: bold;
}
header li{
    float: left;
    display: inline;
    padding: 0 20px 0 20px;
}
header nav{
    float: right;
}
header .highlight, header .current a{
    color:#FFA500;
    font-weight:bold;
}
/*Buttons and Boxes on About Us, Our Project and Blog*/
.w3-card{
    background: url(../img/inverters.png) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    width:100%; 
    height:495px;
}
.w3-container{
    margin-top: 200px;
}
.w3-dropdown-hover a:hover{
    color: #FFA500;
}
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover{
    background-color: #FFFFFF;
}
.buttonme{
    text-decoration: none;
    color: #001B47;
    font-size: 14px;
    font-weight: bold;
}
.w3-hover{
    background-color: #FFA500;
}
.buttonyou{
    text-decoration: none;
    color: #FFA500;
    font-weight: bold;
    font-size: 14px;
}
#buttonus{
    background-color: #001B47;
    border-color: #FFA500;
}
.zoom{
    background-color: #FFA500;
    margin-left: 30px;
    transition: .1s;
}
.zoom:hover{
    background-color: white;
}
.zoom:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}
.text9{
    text-decoration: none;
}
.text10{
    text-align: right;
    color: #FFA500;
    font-size: 14px;
    line-height: 140.5%;
    font-weight: bold;
}
/*Scroll Icon*/
#scrollUp{
    right: 2px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    background-color: #FFA500;
    color: #001B47;
    text-align: center;
  }
  #scrollUp:hover{
    background-color: #001B47;
    color: #FFFFFF;
  }
  #scrollUp i{
    display: block;
    line-height: 44px;
    font-size: 24px;
  }