@import url('https://fonts.googleapis.com/css2?family=Pushster&display=swap');
@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700);

body html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    min-height: 100vh;
    position:relative;
}

.nav-bar {
    color: black;
}

.company-logo {
    color: rgb(0, 137, 146);
    font-size: x-large;
    font-family: 'Pushster', cursive;


}

a {
    color: rgb(41, 37, 37) !important;
    font-size:large;
    font-weight: 100;
    text-align: center;


}

.nav-link:hover {
    background-color: rgb(0, 137, 146);
    color: white !important;
    border-radius: 7px;
}

.nav-link {
    margin: 10px;
}

.home {
    background-color: rgb(109, 169, 173);
    color: white !important;
    border-radius: 7px;

}

.contact-us,
.about-us,
.service-products {
    background-color: rgb(109, 169, 173);
    color: white !important;
    border-radius: 7px;
}

.backgroundimage {

    background-image: url(./images/background-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100vh;
    margin: 0 !important;
    padding: 0 !important;

}

.fa-envelope {
    color: rgb(238, 68, 54);
}

.fa-phone {
    color: greenyellow;
}

.fa-map-marker-alt {
    color: rgb(36, 123, 193);
}

.fa-facebook {
    color: rgb(8, 152, 245);

}
.fa-youtube{
    color: red;
}
.fa-linkedin{
    color: rgb(0, 119, 181);
}
.fa-twitter{
    color: rgb(28, 156, 234);
}
.fa-telegram-plane {
    color: rgb(28, 156, 234);
}

/* .social {
    display: inline-block !important;
    position: relative;
    text-align: center;
    left: 58%;


} */

.fa-whatsapp {
    color: rgb(74, 198, 88);
}

.fa-instagram {
    color: rgb(204, 56, 150);
}

.motto {
    font-weight: lighter !important;
    font-size: medium !important;
    justify-content: center;
}

.qute {
    justify-content: center;
    text-align: justify;
    font-size: large;
    font-weight: normal !important;
    text-align: justify;
}

.motto-header {
    font-size: larger;
    text-align: center;
}

.motto-qute {
    font-size: medium;

}

.qute-quality {
    text-align: left;

}
.sub{
    width: 100px !important;
    height: 40px !important;
}
.mask-custom{
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    
}
.cards{
    width: 20rem;
    height: 30rem;
    border-radius: 10px !important;
}
.card-description{
    font-size: medium;
}
.card-image{
    width: 60%;
    height: 30%;
    
}
.slide-image {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute !important;
    right: 0;
    width: auto!important;
}
.card-horizontal {
    display: flex;
    flex: 1 1 auto;
  }
  .cshap-icon{
      justify-content: center;
  }
.tech-title{
    color: rgb(11, 141, 149);
}
.card-info{
    border-radius: 10px !important;

}
.whatsapp_float{
    position: fixed;
    right: 0px;
    bottom: 50%;
    z-index: 100;
    
}
.whatsapp_float_img{
    border-radius: 50px;
    background-color: transparent;
    width: 60px;
    height: 60px;
}
.google-map{
    border:10px solid rgb(229, 229, 229);
    border-radius: 5px;
    }