:root {
  /* Font Styles */
  --mainfont: "Onest", sans-serif;

  /* Color Variables */
  --colorBlueMain: #22577a;
  --colorBlack: #010101;
  --colorSecondYellow: #f7e8cf;
  --colorYellow: #eaab44;
  --colorGray: #606566;
  --colorWhite: #fdfdfd;
  --colorBackground: #f3f8ff;
}



/* All Content Start here */
.D-HeaderImageContainerFluid {
  width: 100%;
  height: 320px;
  background-color: var(--colorBlueMain);
}

.D-AbTextContentHaeding {
  color: var(--colorWhite);
  font-family: var(--mainfont);
  font-size: 37px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.breadcrumb-item-Active {
  color: var(--colorWhite) !important;
}

.D-AbSubtitle {
  color: var(--colorGray);
  font-size: 16px;
  letter-spacing: .8px;
}

.D-AbTextHead {
  color: var(--colorBlueMain);
  font-weight: 800;
  letter-spacing: .2px;
}

.D-AbDescription {
  color: #598CAE;
  font-weight: 500;
}

.D-CardHover {
  transition: .5s ease-in-out;
}

.D-CardHover:hover {
  box-shadow: 0px 4px 18px 0px rgba(34, 87, 122, 0.15);
  transform: translateY(-5px);
}

/* Contact Us Section */

/* all content  */
.j-SectionPadding {
  padding-top: 130px;
}

/* seaction heading */
.j-MainHeading {
  color: var(--colorBlueMain);
  font-family: var(--mainfont);
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 1.4px;
}

/* input box */
.form-control {
  height: 55px;
  text-indent: 5px;
  border-radius: 8px;
  font-size: 16px;
  background-color: #ffffff;
  box-shadow: 0px 4px 11px 0px rgba(34, 87, 122, 0.15);
  border: none;
  color: #7d7d7d;
}

.form-control:focus {
  border: none;
  background-color: #fff;
  box-shadow: 0px 4px 18px 0px rgba(34, 87, 122, 0.15);
  color: #7d7d7d;
}

.form-control::placeholder {
  color: #aeaeae;
}

#exampleFormControlTextarea1 {
  height: 200px;
}

.j-SearchBarLabel {
  color: #22577A;
  font-family: var(--mainfont);
  font-size: 18px;
  font-weight: 500;
}

.j-redStarMark {
  color: #FC5959;
  font-family: var(--mainfont);
  font-size: 20px;
  font-weight: 500;
}

.j-BookingSubmitButton {
  width: 100%;
}

.j-ContactCardMainText {
  color: var(--colorBlueMain);
  font-family: var(--mainfont);
  font-size: 1.5rem;
  font-weight: 600;
}

.j-ContactCardSecText {
  color: #598CAE;
  font-family: var(--mainfont);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.48px;
}

.j-ContactCard {
  background-color: #fff;
  box-shadow: 0px 4px 11px 0px rgba(34, 87, 122, 0.15);
  border: none;
  cursor: pointer;
  transition: .5s;
}

.j-ContactCard:hover {
  box-shadow: 0px 4px 18px 0px rgba(34, 87, 122, 0.15);
  transform: translateY(-3px);
}


.A-main-sub-heading {
  color: #22577A;
  font-family: Onest;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.104px;
  text-transform: capitalize;
}

.A-rate-us {
  color: #22577A;
  font-family: Onest;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.104px;
  text-transform: capitalize;
  margin-top: 10px;
}




/* All Content End here */