@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  background-image: url("/images/bg.jpg");
}
.ff-oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.ff-roboto {
  font-family: "Roboto", serif;
}
.social-card {
  cursor: pointer;
}
.social-card .overlay {
  opacity: 0;
  transition: opacity 0.5s;
}
.social-card:hover .overlay {
  opacity: 1;
}

.swiper-pagination {
  position: relative;
  margin-top: 1rem;
}

.list-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid var(--bs-secondary);
}
.carousel-indicators button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50%;
  border: 4px solid transparent !important;
}

.carousel-indicators button.active {
  background-color: var(--bs-primary) !important;
}


h1, h2, h3, h4, h5, h6{
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

p{
  font-family: "Roboto", serif;
}



.epRojContactUsForm {
  background-color: #153f5e;
  padding: 20px;
  margin-bottom: 50px;
  border-radius: 20px;
  color: #fff;
}

.socialIcon i{
  font-size: 40px;
  padding: 10px;
}

footer a{
    text-decoration: none;
    color: #1bb2c8;
}
.whoweareWhyChooseUs a{
    text-decoration: none;
    color: #1bb2c8;
}






.rjdownloadbtn{
    text-decoration: none;
    color: #ffffff !important;
    background-color: #1bb2c8 !important;
    margin-bottom: 35px;
}

.RJMeetTheTeam img.card-img {
    border-radius: 500px;
    padding: 10px;
}

.RJMeetTheTeam .card-body {
    padding: 20px 10px 20px 0px;
}

.RJMeetTheTeam .card {
    height: 100%;
}




.adrjsomainImg {
    height: 300px;
    object-fit: cover;
    cursor: default;
}

@media only screen and (max-width: 768px) {
    .adrjsomainImg {
    height: 200px;
    object-fit: cover;
    cursor: default;
}

}