@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&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&display=swap');

:root {
  /*font*/
  --open-sans: "Open Sans", sans-serif;
  /*color*/
  --white: #FFFFFF;
  --black: #000000;
  --blue: #2A2765;
  /* font-weight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-smbold: 600;
  --fw-bold: 700;
  --fw-exbold: 800;
  --fw-blac: 900;
  /* font-style*/
  --fs-normal: normal;
  --fs-italic: italic;
}

/* ************* Width styles starts ************** */

.max-width {
  max-width: 1300px;
  margin: 0 auto;
}

.home-max-width {
  max-width: 1287px;
  margin: o auto;
}

.layout-max-width {
  max-width: 1302px;
  margin: 0 auto;
}

.banner-max-width {
  max-width: 1274px;
  margin: 0 auto;
}

/* ************* Width styles ends ************** */

/* ************* color styles starts ************** */

.black-color {
  color: #000000;
}

.white-color {
  color: #ffffff;
}

.navy-blue {
  color: rgba(42, 39, 101, 1);
}

.black-mid {
  color: rgba(0, 0, 0, 1);
}

/* ************* color styles ends ************** */

/* ************* font styles starts ************** */

.ff-open-sans {
  font-family: "Open Sans", sans-serif;
}

.ff-cardinal-photo {
  font-family: "Cardinal Photo", sans-serif;
}

.fw-bold {
  font-weight: 700;
}

.fw-normal {
  font-weight: 400;
}

.fw-medium {
  font-weight: 600;
}

.fw-black {
  font-weight: 800;
}

/* ************* font styles ends ************** */

/**********************button code  ****************/

.normal-text {
  font-size: 20px;
  line-height: 30px;
}

.orange-gradient {
  background: linear-gradient(90deg, #E5717C 0%, #D87B18 100%);
}

.pink-gradient {
  background: linear-gradient(to right, #AC5D70, #E8CFD9);
}

.pink-gradient:hover {
  background: #EE959B;
  color: #ffffff;
}

.button.pink-gradient a {
  color: var(--black);

}

.button.pink-gradient a:hover {
  color: #ffffff;
  text-decoration: none;
}

.button.pink-gradient,
.button.orange-gradient {
  width: 100%;
  max-width: fit-content;
  border-radius: 30px;
}

.button.orange-gradient:hover {
  background: rgba(221, 115, 123, 1);
  color: rgba(255, 255, 255, 1);
}

.button.orange-gradient a {
  color: rgba(255, 255, 255, 1);
}

.button.orange-gradient a:hover {

  text-decoration: none;
  color: rgba(255, 255, 255, 1);
}

/**********************button code  ****************/

/******************* background-color code ***************/
.pink-background {
  background-color: rgba(248, 241, 244, 1);
}

.yellow-background {
  background-color: rgba(234, 192, 111, 0.3)
}

.green-background {
  background-color: rgba(145, 197, 189, 0.3)
}

/******************* background-color code ***************/


@media screen and (min-width:992px) {
  .desktop-only {
    display: block;
    min-width: 293px;
  }

  .mobile-only {
    display: none;
  }
  a.phone-no {
    text-decoration: none;
    pointer-events: none;
    display: none;
    }

  .radius {
    border-top-right-radius: 55px;
    border-bottom-right-radius: 55px;
  }

}

@media screen and (max-width:991px) {
  .desktop-only {
    display: none;
  }
  .desktop-none{
      display:none;
  }
 
 
  .mobile-only {
    display: block;
  }

  #main-section .cmp-image .cmp-image--mobile {
    display: block;
  }

  #main-section .cmp-image__image.cmp-image--desktop {
    display: none;
  }
}