@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;1,300;1,400&family=Roboto:wght@100;300;400;500;700;900&display=swap');

* {
   font-family: 'Roboto', sans-serif;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   text-decoration: none;
}

.nav-text {
   font-family: "roboto";
   font-weight: 500;
}

.tervys-logo {
   width: 100px;
}

.gritsys-logo {

   width: 150px;
}

.banner-section-bg {
   background-image: url('/Images/Tech-Section-Images/Mobile-computing-bg.jpg');
   height: 70vh;
   background-size: cover;
   background-position: 25%;
}

.banner-head {
   color: rgb(255, 255, 255);
   font-weight: bold;
   font-size: 42px;
   margin-left: 40px;
   padding-bottom: 40px;
}

.hosp-img {
   width: 400px;
}

.para {
   font-size: 18px;
}

.wcu-card-icon {
   width: 80px;
}

.wcu-card {
   border-radius: 25px;
   background-color: white;
   padding: 20px;
   margin: 15px;
   box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
   border: 1px;
   border-style: solid;
   border-color: #015eff;
}

.wcu-heading {
   color: #242424;
   font-family: "roboto";
   font-weight: 500;
   font-size: 25px;
}

.wcu-para {
   font-family: "roboto";
   font-size: 16px;
}


.vr-footer-section {
   background-color: #f2f4fe;
}

.vr-logo {
   width: 200px;
}

.vr-icon-container {
   width: 30px;
   height: 30px;
   border-radius: 40px;
   padding-top: 10px;
   padding-bottom: 30px;
   padding-right: 30px;
   padding-left: 15px;
   background-color: #687F77;
   margin-right: 8px;
   margin-bottom: 8px;
}

.icon {
   color: #ffffff;
   font-size: 18px;
}

.icon2 {
   color: #687F77;
   font-size: 18px;
}

.vr-footer-section-text {
   color: #5a7184;
   font-family: "Roboto";
   font-size: 16px;
   font-weight: 400;
   margin-bottom: 5px;
}

.vr-footer-section-heading {
   color: #5a7184;
   font-family: "Roboto";
   font-size: 18px;
   font-weight: 700;
}

.vr-footer-section-list {
   list-style-type: none;
   padding-left: 0;
}

.hr-line {
   background-color: #5a7184;
}

.vr-section-footer-list {
   list-style: none;
}

.vr-footer-section-cp {
   color: #959ead;
   font-family: "Roboto";
   font-size: 16px;
   font-weight: 400;
}
@media only screen and (min-device-Width:768px) and (max-device-Width:1023px){
   .hosp-img{
      width: 300px;
   }
}

@media only screen and (min-device-Width:425px) and (max-device-Width:767px){
   .hosp-img{
      width: 270px;
   }
}
@media only screen and (min-device-Width:320px) and (max-device-Width:424px){
   .hosp-img{
      width: 270px;
   }
}

@media only screen and (min-device-Width:200px) and (max-device-Width:320px){
   .hosp-img{
      width: 250px;
   }
}