@import url("https://fonts.googleapis.com/css2?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");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&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");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css");
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* CSS Reset */ 
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  line-height: 1.42;
}

h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
}

h2 {
  font-size: clamp(2rem, 3.5vw, 3.2rem);
  font-weight: 700;
}

h3 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
}

h4 {
  font-size: clamp(1.8rem, 3.5vw, 2.4rem);
  font-weight:600;
}

h5 {
  font-size: clamp(1.6rem, 3vw, 2rem);
  font-weight: 700;
}

h6 {
  font-size: clamp(1.4rem, 2.5vw, 1.8rem);
  font-weight: 600;
}

p {
  line-height: 1.42;
  text-align:justify;
}

a {
  text-decoration: none;
  color: #000000;
}
li{
    line-height: 1.42;
}
.heading-primary {
  font-size: clamp(3rem, 4vw + 1rem, 4.3rem);
  font-weight: 600;
  line-height: normal;
  margin-bottom: clamp(2rem, 2vw, 4rem);
}

.heading-secondary {
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.25;
  margin-bottom: 1rem;
}

.section-spacing {
  margin: clamp(3rem, 6vw, 7rem) 0;
}

.section-inner-spacing {
  padding-block: clamp(2rem, 5vw, 4.4rem);
}

.section-title {
  font-size: 18px;
  font-weight: 600;
  color: #85377B;
  text-transform: capitalize;
  margin-bottom: 1rem;
}

.section-bg-grey {
  background-color: #F1F1F1;
}

.link-style {
  font-size: 1.6rem;
  font-weight: 600;
  color: #000000;
  border-bottom: 2px solid #85377B;
  text-decoration: none;
  transition: 0.3s;
}
.link-style:hover {
  border: none;
  color: #85377B;
}

.list-style {
  list-style: none;
  padding: 0;
}
.list-style li {
  position: relative;
  padding-left: 2rem;
    line-height: 1.4;
}
.list-style li:not(:last-child) {
  margin-bottom: 1rem;
}
.list-style li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M11 6.5L2.75 12.1292L2.75 0.870834L11 6.5Z' fill='%2385377B'/%3E%3Cpath d='M9 3L14 6.5L9 10' stroke='%2385377B' stroke-width='1.06667'/%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  left: 0;
}
.list-style li ul {
  list-style: none;
}
.list-style li ul li {
  padding-left: 1.5rem;
}
.list-style li ul li:first-child {
  margin-top: 1rem;
}
.list-style li ul li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='9' viewBox='0 0 7 9' fill='none'%3E%3Cpath d='M1 1L6 4.5L1 8' stroke='%2385377B' stroke-width='1.06667'/%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  left: 0;
}

.scroll-top {
  outline: none;
  box-shadow: none;
  background: transparent;
  border: none;
  font-size: 2.5rem;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
}

/* Mobile default: 1 column */
.two-column-desktop {
  -moz-column-count: 1;
       column-count: 1;
}

/* Desktop and up: 2 columns */
@media (min-width: 992px) {
  .two-column-desktop {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.btn-primary {
  background-color: #85377B;
  color: #ffffff;
  padding: 1.4rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  text-transform: capitalize;
  line-height: normal;
  display: inline-block;
  transition: 0.3s;
}
.btn-primary:hover {
  background-color: rgb(96.920212766, 40.079787234, 89.6329787234);
  color: #ffffff;
}

.btn-secondary {
  font-size: 1.5rem;
  font-weight: 700;
  background-color: #ffffff;
  color: #85377B;
  padding: 1.4rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #ffffff;
  cursor: pointer;
  text-decoration: none;
  text-transform: capitalize;
  line-height: normal;
  display: inline-block;
  transition: 0.3s;
}
.btn-secondary:hover {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid #ffffff;
}

.cards-wrapper .card {
  border: none;
}
.cards-wrapper .card .card-img-top {
  position: relative;
  box-shadow: none;
  background: transparent;
}
.cards-wrapper .card .card-img-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1.3rem;
  background: #EEE;
  border-radius: 0 0 1rem 1rem;
}
.cards-wrapper .card .card-img-top img {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.cards-wrapper .card .card-body {
  padding: 0;
}
.cards-wrapper .card .card-body .card-title {
  font-size: clamp(1.2rem, 2vw, 1.8rem);
  font-weight: 700;
  line-height: normal;
  margin: clamp(2rem, 5vw, 4.3rem) 0 clamp(1rem, 2.5vw, 1.8rem);
  transition: 0.3s;
}
.cards-wrapper .card .card-body .card-text {
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
}
.cards-wrapper .card:hover .card-body .card-title {
  color: #85377B;
}

.horizontal-cards-wrapper .card {
  border: none;
}
.horizontal-cards-wrapper .card .card-title {
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1;
}
.horizontal-cards-wrapper .card .card-body {
  padding: 0;
}
.horizontal-cards-wrapper .card .card-img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 4px 4px 13px 0px rgba(2, 0, 79, 0.2);
}

.ol-cards {
  --flapWidth: 2rem;
  --flapHeigth: 1rem;
  --iconSize: 3rem;
  --numberSize: 3rem;
  --colGapSize: 2rem;
  margin-inline: auto;
  display: grid;
  gap: 4rem;
  padding-inline-start: var(--flapWidth);
  counter-reset: ol-cards-count;
  list-style: none;
}

.ol-cards > li {
  display: grid;
  grid-template-areas: "icon title nr" "icon descr nr";
  gap: 0 var(--colGapSize);
  align-items: center;
  padding: var(--colGapSize) var(--flapWidth) var(--colGapSize) 0;
  border-radius: 1rem 5rem 5rem 1rem;
  background-image: linear-gradient(to bottom right, #e9eaec, #ffffff);
  counter-increment: ol-cards-count;
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.25));
  box-shadow: inset 2px 2px 2px white, inset -1px -1px 1px rgba(0, 0, 0, 0.25);
}

.ol-cards > li > .icon {
  grid-area: icon;
  background: var(--accent-color);
  color: white;
  font-size: var(--iconSize);
  width: calc(2 * var(--flapWidth) + var(--iconSize));
  padding-block: 1rem;
  border-radius: 0 5rem 5rem 0;
  margin-inline-start: calc(-1 * var(--flapWidth));
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  position: relative;
  display: grid;
  place-items: center;
}

.ol-cards > li > .icon::before {
  content: "";
  position: absolute;
  width: var(--flapWidth);
  height: calc(100% + var(--flapHeigth) * 2);
  left: 0;
  top: calc(var(--flapHeigth) * -1);
  clip-path: polygon(0 var(--flapHeigth), 100% 0, 100% 100%, 0 calc(100% - var(--flapHeigth)));
  background-color: var(--accent-color);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
  z-index: -1;
}

.ol-cards > li > .title {
  grid-area: title;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.ol-cards > li > .descr {
  grid-area: descr;
}

.ol-cards > li::after {
  grid-area: nr;
  content: counter(ol-cards-count, decimal-leading-zero);
  color: var(--accent-color);
  font-size: var(--numberSize);
  font-weight: 700;
}

.ol-cards.Organ-donation > li::after {
  display: none !important;
}

@media (max-width: 40rem) {
  .ol-cards {
    --flapWidth: 1rem;
    --flapHeigth: 0.5rem;
    --iconSize: 2rem;
    --numberSize: 2rem;
    --colGapSize: 1rem;
  }
}
.horizontal-tabs-wrapper .nav-pills {
  background-color: #EAE9EB;
  padding: 0.8rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  gap: 5px;
}
.horizontal-tabs-wrapper .nav-pills .nav-link {
  font-weight: 400;
  color: #000000;
  transition: 0.3s;
}
.horizontal-tabs-wrapper .nav-pills .nav-link.active {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  background: #ffffff;
  color: #85377B;
  box-shadow: 1px 1px 7px 1px rgba(29, 40, 83, 0.25);
  font-weight: 600;
}
.horizontal-tabs-wrapper .nav-pills .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
}
.horizontal-tabs-wrapper .tab-content .tab-pane {
  color: #333333;
}

.table-striped .table-striped-columns {
  text-align: center;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  overflow: hidden;
}
.table-striped .table-striped-columns > :not(caption) > tr > :nth-child(1n) {
  --bs-table-accent-bg: #EAE9EB;
}
.table-striped .table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-accent-bg: #FBFBFB;
}
.table-striped .table-striped-columns thead {
  border-bottom: 1px solid #85377B;
}
.table-striped .table-striped-columns thead th {
  font-weight: 600;
  color: #85377B;
  padding: 1rem;
}
.table-striped .table-striped-columns tbody tr td {
  font-size: 1.5rem;
  font-weight: 400;
  color: #595959;
  padding: 1rem;
}
.table-striped .table-striped-columns tbody tr:not(:last-child) td {
  border-bottom: 0.7px solid #8B8B8B;
}
.table-striped .table-striped-columns tbody tr:last-child td {
  border: none;
}

.accordion-container .accordion-item {
  background: #FFF;
  box-shadow: 1px 1px 7px 0px rgba(29, 40, 83, 0.25);
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  margin-bottom: 1.5rem;
}
.accordion-container .accordion-item .accordion-header {
  padding: 2rem;
}
.accordion-container .accordion-item .accordion-header .accordion-button {
  font-size: 1.8rem;
  font-weight: 400;
}
.accordion-container .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  border-bottom: 1px solid #8B8B8B;
  padding-bottom: 1rem;
}
.accordion-container .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_171_239' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(-180 24 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_171_239)'%3E%3Cpath d='M12 9L8 13L16 13L12 9ZM12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31666 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2ZM12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76666 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.accordion-container .accordion-item .accordion-header .accordion-button.collapsed::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_171_236' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_171_236)'%3E%3Cpath d='M12 15L16 11H8L12 15ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}
.accordion-container .accordion-item .accordion-body {
  font-weight: 300;
  padding: 0 2rem 2rem;
}

.form-wrapper .form-container {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  background: #ffffff;
  box-shadow: 1px 1px 7px 0px rgba(29, 40, 83, 0.25);
  padding: 1rem;
}
.form-wrapper .form-container .contact-info {
  background-color: #85377B;
  color: #ffffff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 3rem 1.8rem;
}
.form-wrapper .form-container .contact-info p {
  font-size: 1.6rem;
  font-weight: 400;
  margin: clamp(1rem, 1vw, 4.8rem) 0 clamp(2rem, 3vw, 4.8rem);
}
.form-wrapper .form-container .contact-info ul {
  display: flex;
  flex-direction: column;
  gap: 1.7rem;
}
.form-wrapper .form-container .contact-info ul li {
  font-size: 1.8rem;
  font-weight: 400;
  padding-bottom: 1.3rem;
  display: flex;
  gap: 5px;
}
.form-wrapper .form-container .contact-info ul li:not(:last-child) {
  border-bottom: 0.7px solid #ffffff;
}
.form-wrapper .form-container .contact-info ul a {
  font-size: 1.8rem;
  font-weight: 400;
  color: #ffffff;
  transition: 0.3s;
}
.form-wrapper .form-container .contact-info ul a:hover {
  text-decoration: underline;
}
.form-wrapper .form-container__inner {
  padding: 0 3rem 0 2rem;
}
.form-wrapper .form-container__inner .form-group {
  margin-bottom: clamp(1.5rem, 3vw, 1.5rem);
  position: relative;
}
.form-wrapper .form-container__inner .form-group .form-control {
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  color: #8D8D8D;
  border: none;
  border-bottom: 0.7px solid #707070;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding: 3px 5px 3px 12px;
  position: relative;
}
.form-wrapper .form-container__inner .form-group .form-control:focus, .form-wrapper .form-container__inner .form-group .form-control:active {
  outline: none;
  box-shadow: none;
}
.form-wrapper .form-container__inner .form-group .form-control:focus ~ label {
  font-size: 1.4rem;
  color: #85377B;
  top: -24px;
}
.form-wrapper .form-container__inner .form-group .form-control span {
  position: absolute;
  top: 5px;
  left: -2px;
}
.form-wrapper .form-container__inner .form-group label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #8D8D8D;
  transition: 0.2s all;
  cursor: text;
}
.form-wrapper .form-container__inner .btn-primary {
  padding: 1.7rem 4.6rem;
}

header {
  background-color: #ffffff;
  box-shadow: 0px 0px 13px 0px rgba(2, 0, 79, 0.2);
}
header .navbar-toggler {
  font-size: 2rem;
  border: none;
}
header .navbar-toggler:focus {
  box-shadow: none;
}
@media (min-width: 1400px) {
  header .navbar-nav .nav-item {
  /*  flex: 0.5;*/
    text-align: center;
  }
}
@media (max-width: 992px) {
  header .navbar-nav .nav-item {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
header .navbar-nav .nav-item .nav-link {
  font-size: 18px!important;
  font-weight: 500;
  color: #000000;
  border-radius: 5px;
  padding: 0.7rem 1rem!important;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}

header .navbar-nav .nav-item .btn-primary {
    font-size: 17px!important;
        line-height: inherit;
}
header .navbar-nav .nav-item .nav-link:hover {
  background-color: #85377B;
  color: #ffffff !important;
}
header .navbar-nav .nav-item .nav-link.active {
  color: #85377B;
}
header .navbar-nav .nav-item .nav-link.phone {
  color: #1E4382;
}
header .navbar-nav .nav-item .nav-link.phone:hover {
  color: #ffffff;
}
header .navbar-nav .nav-item .dropdown-menu {
  padding: 0;
  width: 100%;
  width:auto;
}
header .navbar-nav .nav-item .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #585757;
}
header .navbar-nav .nav-item .dropdown-menu li .dropdown-item {
  font-size: 17px;
  padding: 1rem;
  transition: 0.3s;
  min-width: 210px;
}
header .navbar-nav .nav-item .dropdown-menu li .dropdown-item:focus, header .navbar-nav .nav-item .dropdown-menu li .dropdown-item:hover {
  background-color: #85377B;
  color: #ffffff;
}
header .navbar-nav .nav-item .btn-primary { 
  padding: 0.7rem 1rem;
}

header .navbar-brand{
	text-align: end;
    display: inline-block;
    position: relative;
    padding: 2px 0 12px;
    margin-top: -5px;
}
header .navbar-brand small{
    position: absolute;
    left: 50%;
    bottom: 12px;
    font-weight: 600;
    color: #2d4a87;
    text-align: center;
    display: block;
    transform: translate(-50%, 0%);
    font-size: 12px;
}

.footer__top {
  background: #E2F7FF;
  padding: 3rem 0;
}
.footer__top .footer-column-wrapper .column {
  flex: 1;
  padding: 0 2rem;
  position: relative;
}
.footer-column-wrapper small{
	font-size: 11px;
    font-weight: 600;
    color: #85377b;
    display: block;
    margin-top: 6px;
    text-align: center;
}
@media (max-width: 767px) {
  .footer__top .footer-column-wrapper .column {
    flex: 100%;
    margin-bottom: 0rem;
  }
  
  .footer__top .footer-column-wrapper .column h5 {
    display:none;
  }
  .footer__top .footer-column-wrapper .column .list-unstyled { 
    margin-bottom: 0;
    }
}
@media (min-width: 768px) {
  .footer__top .footer-column-wrapper .column:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 44px;
    right: 10px;
    width: 1px;
    height: 100px;
    background-color: #8F8F8F;
  }
}
@media (min-width: 992px) {
  .footer__top .footer-column-wrapper .column:not(:last-child)::after {
    height: 100px;
  }
}
.footer__top .footer-column-wrapper .column .title {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .footer__top .footer-column-wrapper .column .title {
    border-bottom: 0px solid;
  }
}
.footer__top .footer-column-wrapper .column.Connect-sec{
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}
.footer__top .footer-column-wrapper .column ul li {
  font-size: 1.4rem;
  line-height: 2;
  color: #000000;
}
.footer__top .footer-column-wrapper .column ul li a {
  font-size: 16px;
  line-height: 2;
  color: #000000;
  text-decoration: none;
  position: relative;
  transition: 0.3s;
}
.footer__top .footer-column-wrapper .column ul li a::before, .footer__top .footer-column-wrapper .column ul li a::after {
  content: "";
  position: absolute;
  top: 100%;
  height: 1px;
  width: 50%;
  transform: scaleX(0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: currentcolor;
}
.footer__top .footer-column-wrapper .column ul li a::before {
  left: 0;
  transform-origin: left;
}
.footer__top .footer-column-wrapper .column ul li a::after {
  right: 0;
  transform-origin: right;
}
.footer__top .footer-column-wrapper .column ul li a:hover {
  color: #85377B;
}
.footer__top .footer-column-wrapper .column ul li a:hover::before, .footer__top .footer-column-wrapper .column ul li a:hover::after {
  transform: scaleX(1);
}
@media (min-width: 992px) {
  .footer__top .footer-column-wrapper .column ul.cities-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.footer__top .footer-column-wrapper .column ul.cities-list li {
  flex: calc(50% - 1rem);
}
.footer__top .footer-social a img {
  transform: scale(1);
  transition: 0.3s;
}
.footer__top .footer-social a:hover img {
  transform: scale(1.3);
}
.footer__bottom {
  border-top: 0.5px solid #8F8F8F;
  padding: 1.4rem 0;
}
.footer__bottom p,
.footer__bottom a {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 300;
  color: #434343;
  text-decoration: none;
}

.hero {
  background-image: url("../images/bg-hero.webp");
  background-image: url("../images/banner-hope-of-lifes.webp");
  background-size: cover;
  background-position: center;
  padding: 3rem 0;
}
@media (min-width: 768px) {
  .hero {
    min-height: 51rem;
    height: 100%;
    padding: 0;
  }
}
@media (max-width: 992px) {
  .hero {
    background-position: top right 25%;
  }
}
.hero h1 {
  font-size: 56px;
  color: #85377B;
  font-weight: 700;
  line-height: 1.2;
}
.hero h4 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  border-top: 1px solid rgba(46, 46, 46, 0.3);
  padding-top: 1rem;
  margin: 1rem 0;
  display: inline-block;
}
.hero p {
  color: #585757;
  margin-bottom: 1.5rem;
}
.hero .btn-primary {
  padding: clamp(1rem, 2vw, 1.4rem) clamp(2rem, 5vw, 3.7rem);
}

@media (max-width:768px) {
  .hero h1 {
    font-size: 30px;
  }
  
  .hero p {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .about-wrapper {
    background: linear-gradient(to right, #ffffff 50%, #E2F7FF 50%);
  }
}
@media (min-width: 768px) {
  .about-wrapper .panel-right {
    padding-left: 3.3rem;
  }
}
.about-wrapper .panel-right h5 {
  font-size: 18px;
    font-weight: 400;
    text-align: justify;
}
.about-wrapper .panel-right p {
  font-size: 1.4rem;
  margin: 1.4rem 0;
}
.about-wrapper .facts-wrapper {
  background: url("../images/bg-facts.webp"), #85377B;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 7.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  row-gap: 2rem;
  -moz-column-gap: 11rem;
       column-gap: 11rem;
  width: 100%;
  align-items: center;
}
.about-wrapper .facts-wrapper .counter {
  display: flex;
  flex-direction: column;
}
.about-wrapper .facts-wrapper .counter span:first-child {
  font-size: 1.4rem;
}
.about-wrapper .facts-wrapper .counter span:last-child {
  font-size: clamp(2.5rem, 3vw, 4.7rem);
  font-weight: 700;
}

.directors-message-wrapper {
  background: linear-gradient(90deg, #E2F7FF 32.31%, #FFF 111.88%);
  padding-top: 2rem;
}
.directors-message-wrapper__inner {
  position: relative;
}
@media (min-width: 992px) {
  .directors-message-wrapper__inner {
    padding: 0.7rem 0 0rem;
  }
}
.directors-message-wrapper__inner .message {
  position: relative;
}
@media (min-width: 992px) {
  .directors-message-wrapper__inner .message::before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: -2.8vw;
    width: 1px;
    height: 96%;
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 576px) {
  .directors-message-wrapper__inner .message img {
    height: 3vh;
  }
}
@media (min-width: 992px) {
  .directors-message-wrapper__inner .director-img-wrapper {
    position: inherit;
    right: 0;
    bottom: 0;
  }
}
.directors-message-wrapper__inner .director-img-wrapper img {
  width: 100%;
}

.vision-mission-wrapper {
  padding: 4rem 0;
  background: #E2F7FF;
}
@media (min-width: 768px) {
  .vision-mission-wrapper {
    background: url("../images/bg-vision-mission3.webp"), linear-gradient(to left, #E2F7FF 65%, #ffffff 30%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right 10%;
    padding-top: 10rem;
  }
}
.vision-mission-wrapper .vision-box {
  background-color: #85377B;
  color: #ffffff;
  padding: clamp(2rem, 5vw, 4.5rem) clamp(3rem, 6vw, 6rem);
}
.vision-box p, .mission-box p{
    text-align: justify;
    font-size: 19px;
}
@media (max-width: 768px) {
  .vision-mission-wrapper .vision-box {
    border-top-left-radius: 4rem;
    box-shadow: inset 5px 3px 1rem rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 768px) {
  .vision-mission-wrapper .mission-box {
    background-color: rgb(96.920212766, 40.079787234, 89.6329787234);
    color: #ffffff;
    padding: clamp(2rem, 5vw, 4.5rem) clamp(3rem, 6vw, 6rem);
    border-top-left-radius: 4rem;
    box-shadow: inset 5px 3px 1rem rgba(0, 0, 0, 0.2);
  }
}
.vision-mission-wrapper .mission-box p {
  font-weight: 500;
}

.services-wrapper__row {
  gap: clamp(2rem, 6vw, 4rem);
}
@media (min-width: 768px) {
  .services-wrapper__row .item {
    flex: 1;
  }
}
.services-wrapper__row .item .desc-box {
  background: #FFF;
  box-shadow: -5px 1px 9px 1px rgba(24, 25, 101, 0.25);
  padding: 2rem;
  border-radius: 1rem;
}
.services-wrapper__row .item .desc-box h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1.42;
}
.services-wrapper__row .item .desc-box p {
  font-size: 1.5rem;
  margin: 0;
}
.services-wrapper__row .item .desc-box .icon {
  display: inline-block;
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.services-wrapper__row .item.item-1 .desc-box {
  border: 1px solid #FBDA59;
}
.services-wrapper__row .item.item-1 .desc-box .icon {
  background-color: #FBDA59;
}
.services-wrapper__row .item.item-2 .desc-box {
  border: 1px solid #F78F36;
}
.services-wrapper__row .item.item-2 .desc-box .icon {
  background-color: #F78F36;
}
.services-wrapper__row .item.item-3 .desc-box {
  border: 1px solid #81C16A;
}
.services-wrapper__row .item.item-3 .desc-box .icon {
  background-color: #81C16A;
}
.services-wrapper__row .item.item-4 .desc-box {
  border: 1px solid #7CCAD1;
}
.services-wrapper__row .item.item-4 .desc-box .icon {
  background-color: #7CCAD1;
}

.presence-wrapper .blue-box {
  background-color: #E2F7FF;
  padding: 4rem 0 6rem;
}
.presence-wrapper .blue-box .organ-donation-row {
  margin-top: clamp(2rem, 3vw, 5rem);
}
.presence-wrapper .blue-box .organ-donation-row .item {
  display: flex;
  gap: 3rem;
}
@media (max-width: 992px) {
  .presence-wrapper .blue-box .organ-donation-row .item {
    padding: 2rem;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #585757;
    background: rgba(255, 255, 255, 0.3);
  }
}
.presence-wrapper .blue-box .organ-donation-row .item span {
  font-size: 2rem;
  font-weight: 500;
}
.presence-wrapper .grey-box {
  background-color: #EDEDED;
  padding: 4rem 0 6rem;
}
.presence-wrapper .grey-box .cities-wrapper {
  margin-top: clamp(2rem, 3vw, 5rem);
}
.presence-wrapper .grey-box .cities-wrapper__list {
  gap: 2.5rem;
}
.presence-wrapper .grey-box .cities-wrapper__list .city {
  text-transform: capitalize;
  padding: 0.7rem 2.8rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #F5F5F5;
  box-shadow: 2px 3px 10px 0px rgba(22, 18, 73, 0.25);
  transition: 0.3s;
}
.presence-wrapper .grey-box .cities-wrapper__list .city:hover {
  filter: brightness(0.8);
  box-shadow: none;
}
.presence-wrapper .grey-box .cities-wrapper .separator {
  width: 100%;
  height: 0.7px;
  background: #959595;
  margin: 3rem 0;
}

.photogallery-wrapper {
  background: #E2F7FF;
  padding-top: 2.2rem;
}
@media (min-width: 768px) {
  .photogallery-wrapper {
    background: linear-gradient(to left, #E2F7FF 55%, #ffffff 36%);
  }
}
.photogallery-wrapper .contact-detail div:first-child p,
.photogallery-wrapper .contact-detail div:first-child a {
  font-weight: 700;
  line-height: normal;
}
.photogallery-wrapper .contact-detail div:first-child p {
  font-size: 1.5rem;
}
.photogallery-wrapper .contact-detail div:first-child a {
  font-size: 2.5rem;
  color: #000000;
  text-decoration: none;
}
.photogallery-wrapper .contact-detail .button .btn-primary {
  padding: 1.4rem;
}
.photogallery-wrapper .image-grid > div {
  flex: 1;
  overflow: hidden;
}
.photogallery-wrapper .image-grid > div img {
  /* filter: grayscale(1);*/
  transform: scale(1);
  transition: 0.5s;
}
.photogallery-wrapper .image-grid > div img:hover {
  filter: grayscale(0);
  transform: scale(1.1);
}

.cta-wrapper {
  background: linear-gradient(90deg, #1A4551 0%, #3A9CB7 100%);
  background: linear-gradient(90deg, #1A4551 0%, #3A9CB8 45%, #5fb0c6 90%, #62b3c9 90%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  color: #ffffff;
}
@media (min-width: 768px) {
  .cta-wrapper {
    background: linear-gradient(90deg, #1A4551 0%, #3A9CB7 45%, white 70%);
    background: linear-gradient(90deg, #1A4551 0%, #3A9CB8 45%, #5fb0c6 90%, #62b3c9 90%);
  }
}
.cta-wrapper .btn-connect {
  color: #ffffff;
  transition: 0.3s;
}
.cta-wrapper .btn-connect span {
  opacity: 0;
  margin-left: -1rem;
  transition: 0.3s;
}
.cta-wrapper .btn-connect:hover span {
  opacity: 1;
  margin: 0;
}

.cta-buttons-wrapper {
  margin-bottom: clamp(3rem, 6vw, 8rem);
}
@media (min-width: 992px) {
  .cta-buttons-wrapper {
    margin-top: -2rem;
  }
  .presence-wrapper .blue-box .col-md-3 {
        flex: 0 0 auto;
        width: 20%;
    }
}
.cta-buttons-wrapper__buttons {
  display: flex;
  gap: 1.2rem;
}
.cta-buttons-wrapper__buttons a {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #4E4E4E;
  padding: 1rem;
  background-color: #ffffff;
  box-shadow: 0px 5px 10px 0px rgba(14, 31, 67, 0.25);
  text-align: center;
  text-transform: capitalize;
  flex: 1;
  transition: 0.3s;
}
@media (min-width: 768px) {
  .cta-buttons-wrapper__buttons a {
    min-width: 30rem;
    padding: 4rem 2.8rem;
    flex: inherit;
  }
}
.cta-buttons-wrapper__buttons a:hover {
  background-color: #85377B;
  color: #ffffff;
}

.Quotes-wrapper {
  margin-bottom: clamp(3rem, 6vw, 0rem);
}
@media (min-width: 992px) {
  .Quotes-wrapper {
    margin-top: -2rem;
  }
}
.Quotes-wrapper .carousel {
  position: relative;
  background: #85377b;
  box-shadow: 0 0 6px #ccc;
  text-align: center;
}
.Quotes-wrapper .carousel .carousel-item {
  padding: 4rem 1rem;
}
.Quotes-wrapper .carousel .carousel-item h4 {
  font-size: 2rem;
  color: #fff;
}
.Quotes-wrapper .carousel .carousel-item h4 span {
  font-size: 1.6rem;
}

.Information-wrapper .List {
  list-style: none;
}
.Information-wrapper .List li {
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 9px;
  font-size: 15px;
}

.banner-wrapper {
  position: relative;
  box-shadow: 4px 4px 7px 0px rgba(29, 40, 83, 0.25);
}
.banner-wrapper nav {
  --bs-breadcrumb-divider: ":";
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.banner-wrapper nav .page-title {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1;
  margin-bottom: 1rem;
}
.banner-wrapper nav ul li,
.banner-wrapper nav ul li a,
.banner-wrapper nav ul li.active {
  font-size: clamp(1.4rem, 2.5vw, 1.8rem);
  font-weight: 400;
  color: #333333;
}
.banner-wrapper nav ul a {
  transition: 0.3s;
}
.banner-wrapper nav ul a:hover {
  color: #85377B;
}

.dummy-content-section {
  padding: clamp(5rem, 8vw, 10rem) 0;
}

p span {
  color: #85377B;
}

.call-to-action {
  background-image: url("../images/bg-call-to-action.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
}
.call-to-action p {
  margin: 1.7rem 0;
}

.faq-wrapper {
  position: relative;
  z-index: 1;
  background-image: url("../images/shape-intersection.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}

.about-internal .panel-right p {
  font-size: inherit;
}

.organ-donation-types {
  background-color: #E2F7FF;
}
.organ-donation-types .organ-donation-types-cards .card {
  border-top-left-radius: 5rem;
  border-bottom-right-radius: 5rem;
  transition: 0.3s;
}
.organ-donation-types .organ-donation-types-cards .card:hover {
  background-color: rgb(235.3989361702, 207.6010638298, 231.835106383);
}

.timeline {
  position: relative;
  margin: 1em;
  padding: 0 3em;
}
.timeline:before {
  content: " ";
  height: 100%;
  width: 0;
  border: 1px solid #000000;
  position: absolute;
  left: 1em;
  top: 0;
  bottom: 0;
}
.timeline > div {
  position: relative;
  margin-bottom: 1em;
}
.timeline > div:before {
  background-color: #85377B;
  position: absolute;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  top: 0;
  left: calc(-3em + 1px);
}
.timeline > div.timeline-dot:before {
  content: " ";
}

.timeline-item {
  background-color: lightgray;
  border-radius: 2em;
  padding: 1em;
  transition: 0.3s;
}
.timeline-item:hover {
  background-color: rgb(172.75, 172.75, 172.75);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

@media (min-width: 992px) {
  .timeline {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }
  .timeline .intro-text {
    grid-row: span 100;
  }
  .timeline:before {
    left: 50%;
  }
  .timeline:after {
    left: calc(50% - 16px);
  }
  .timeline > div:not(:has(.timeline-item)) {
    margin-right: 2em;
    text-align: right;
  }
  .timeline > div:not(:has(.timeline-item)):before {
    content: none;
  }
  .timeline > div:has(.timeline-item) {
    margin-left: 2em;
  }
  .timeline > div:has(.timeline-item):before {
    content: " ";
  }
  .timeline-image img {
    margin-top: 0;
    float: right;
  }
}
.facts-internal {
  background-color: #EDEDED;
}

.services-wrapper-internal .services-wrapper__row {
  height: 100%;
  gap: 0;
}
.services-wrapper-internal .services-wrapper__row .item {
  margin-bottom: 3rem;
}
.services-wrapper-internal .services-wrapper__row .item .desc-box {
  height: 100%;
  border-radius: 1rem;
  transition: 0.3s;
}
.services-wrapper-internal .services-wrapper__row .item .desc-box:hover {
  background-color: #ebd0e8;
  box-shadow: none;
}
.services-wrapper-internal .services-wrapper__row .item .desc-box p {
  font-size: 1.6rem;
}

.facts-internal .facts-row .counter h4,
.facts-internal .facts-row .counter h5 {
  font-size: clamp(2.5rem, 3vw, 3.8rem);
  font-weight: 700;
  color: #85377B;
  display: inline-block;
}
.facts-internal .facts-row .counter span {
  font-size: 1.6rem;
  display: block;
  color: #000;
    line-height: 1.3;
    font-weight:300;
}

.bg-blue {
  background-color: #E2F7FF;
}

@media (width > 768px) {
  .sticky-form {
    position: sticky;
    top: 100px;
  }
}
/* Main Styles */
* {
  box-sizing: border-box;
}

body {
  font-family: "Inter", sans-serif;
  font-family: "Poppins", sans-serif !important;
  background-color: #ffffff;
  font-size: clamp(1.5rem, 2.5vw, 1.8rem);
  font-weight: 400;
  line-height: 1.42;
      line-height: inherit;
    font-family:  "Philosopher", sans-serif!Important
}

html {
  font-size: 62.5%;
}
@media (max-width: 992px) {
  html {
    font-size: 55%;
  }
}/*# sourceMappingURL=main.css.map */

 .List li{
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 9px;
    font-size: 15px;
}  

.message p {
   font-size: 18px;
    font-weight: 400;
    text-align: justify;
}



.videos-section { background: var(--light-bg); }
  .video-link-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 18px 20px;
    display: flow;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: #212529;
    box-shadow: 0 4px 30px rgba(30, 58, 95, .08);
    transition: box-shadow .25s, transform .25s;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
}
  .video-link-card:hover {
    box-shadow: 0 8px 28px rgba(30,58,95,.12);
    transform: translateY(-3px);
    color: var(--primary);
  }
  .video-link-card .vi-icon {
    width: 42px; height: 42px; background:#E63946;
    border-radius: 50%; display: flex; align-items: center;
    justify-content: center; flex-shrink: 0;
  }
  .video-link-card .vi-icon i { color: #fff; font-size: 1rem; }
  .bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color:#fff;
}
  
.btn-primary { 
    padding: 1rem; 
    font-size: 16px;
}
.Connect-sec .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}
.Connect-sec button{font-size: 13px;}
 
 span#name-error, span#email-error {
    color: #f00;
    font-size: 12px;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #85377b;
}