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

.gritsys-logo {
   
   width: 150px;
}


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

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

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

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

.aboutus-heading2 {
   color: #2c2c2c;
   font-family: "roboto";
   font-weight: 500;
   font-size: 36px;
}

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

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

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

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

.team-img{
   width: 180px;
   height: 180px;
   border-radius: 400px;
   object-fit: contain;
   object-position: 80% 10%;
   
}


.team-img2{
   width: 120px;
   height: 120px;
   border-radius: 400px;
   object-fit: cover;
   object-position: 80% 10%;
   
}

.team-img3{
   width: 120px;
   height: 120px;
   border-radius: 400px;
   object-fit: contain;
   object-position: 80% 10%;
   
}

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

.card-container {
   border-radius: 25px;
   background-color: #b7e8fa;
   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: #ffffff;

}

.card-container3 {
   border-radius: 25px;
   background-color: #ffffff;
   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: #ffffff;

}

.card-container2 {
   border-radius: 25px;
   background-color: #bef9ef
}

@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){
   .about-us-img{
      width: 300px;
   }
}

@media only screen and (min-device-Width:425px) and (max-device-Width:767px){
   .about-us-img{
      width: 300px;
   }
}
@media only screen and (min-device-Width:320px) and (max-device-Width:424px){
   .about-us-img{
      width: 300px;
   }
}

@media only screen and (min-device-Width:200px) and (max-device-Width:320px){
   .about-us-img{
      width: 300px;
   }
}