@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;
}


.carousel-indicators {
   bottom: -60px;
}

.nav-text{
   font-family: "roboto";
   font-weight: 500;
   color: #000c2a;
}

.gritsys-logo {
   
   width: 150px;
}

.banner-section-bg{
   background-image: url('/Images/gritsys-banner.jpg');
   height: 100vh;
   background-size: cover;
}

.banner-head{
   color: white;
}

.banner-para{
   color: white;
}

.wcu-card-icon{
   width: 80px;
}

.wcu-card{
   border-radius: 25px;
    background-color: white;
    padding: 20px;
    margin: 15px;
    border: 1px;
    border-style: solid;
    border-color: #1f44a3;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.wcu-heading{
   color: #1f44a3;
   font-family: "roboto";
   font-weight: 500;
   font-size: 25px;
}

.wcu-para{
   font-family: "roboto";
   font-size: 16px;
}

.speciality-heading{
   color: #2c2c2c;
   font-family: "roboto";
   font-weight: 500;
   font-size: 25px;
}

.index-icon{
   width: 150px;
}

.index-icon2{
   width: 100px;
}

.card1{
   border: 1px;
   border-style: solid;
   border-color: #959ead;
   border-radius: 5px;
}

.card-image{
   height: 200px;
   border-radius: 5px;
}

.specialty-para{
   font-family: "roboto";
   font-size: 20px;
   font-weight: 500;
   color:#687F77
}

.speciality-section{
   background-color: #bef9ef;
}

.specialty-card{
   border-radius: 25px;
    background-color: white;
    padding: 20px;
    margin: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.specialty-card-icon{
   width: 80px;
}

.solutions-card1{
   background-image: url('./Images/Solutions Section Images/Hospital-management.jpg');
   background-size: cover;
   height: 200px;
   border-radius: 25px;
    border: 1px;
    border-style: solid;
    border-color: #687F77;
    margin: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.solutions-card1:hover {
   transform: scale(1.1);
}

.solutions-card2{
   background-image: url('./Images/Solutions Section Images/ClinicManagement.jpg');
   background-size: cover;
   height: 200px;
   border-radius: 25px;
    border: 1px;
    border-style: solid;
    border-color: #687F77;
    margin: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.solutions-card2:hover {
   transform: scale(1.1);
}

.solutions-card3{
   background-image: url('./Images/Solutions Section Images/Diagnostic-management.jpg');
   background-size: cover;
   height: 200px;
   border-radius: 25px;
    border: 1px;
    border-style: solid;
    border-color: #687F77;
    margin: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.solutions-card3:hover {
   transform: scale(1.1);
}

.solutions-card4{
   background-image: url('./Images/Solutions Section Images/Pharmacy-management.jpg');
   background-size: cover;
   height: 200px;
   border-radius: 25px;
    border: 1px;
    border-style: solid;
    border-color: #687F77;
    margin: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.solutions-card4:hover {
   transform: scale(1.1);
}

.solutions-card5{
   background-image: url('./Images/Solutions Section Images/Clinicaldecision.jpg');
   background-size: cover;
   height: 200px;
   border-radius: 25px;
    border: 1px;
    border-style: solid;
    border-color: #687F77;
    margin: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.solutions-card5:hover {
   transform: scale(1.1);
}

.solutions-card6{
   background-image: url('./Images/Solutions Section Images/Nutrition-management.jpg');
   background-size: cover;
   height: 200px;
   border-radius: 25px;
    border: 1px;
    border-style: solid;
    border-color: #687F77;
    margin: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(169, 249, 151, 0.23) 0px 6px 6px;
}

.solutions-card6:hover {
   transform: scale(1.1);
}

.solutions-heading{
   color: #687F77;
   font-family: "roboto";
   font-weight: 500;
   font-size: 20px;
}

.solutions-card-img{
   width: 300px;
}

.aboutus-section{
   background-color: #e0e0e0;
}

.about-us-img{
   width: 500px;
}

.aboutus-heading{
   color: #687F77;
   font-family: "roboto";
   font-weight: 500;
   font-size: 32px;
}

.aboutus-para{
   color: #4d4d4d;
   font-family: "roboto";
   font-size: 18px;
}

.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:1024px) and (max-device-Width:1440px){
   .specialty-para{
      font-family: "roboto";
      font-size: 15px;
      font-weight: 500;
      color:#687F77
   }
}

@media only screen and (min-device-Width:768px) and (max-device-Width:1023px){
   .specialty-card-icon{
      width: 60px;
   }
   
   .specialty-para{
      font-family: "roboto";
      font-size: 16px;
      font-weight: 500;
      color:#687F77
   }

   .about-us-img{
      width: 300px;
   }
}

@media only screen and (min-device-Width:425px) and (max-device-Width:767px){
   .specialty-card-icon{
      width: 60px;
   }
   
   .specialty-para{
      font-family: "roboto";
      font-size: 16px;
      font-weight: 500;
      color:#687F77
   }

   .about-us-img{
      width: 300px;
   }
}
@media only screen and (min-device-Width:320px) and (max-device-Width:424px){
   .specialty-card-icon{
      width: 60px;
   }
   
   .specialty-para{
      font-family: "roboto";
      font-size: 16px;
      font-weight: 500;
      color:#687F77
   }

   .about-us-img{
      width: 300px;
   }
}