.bkg-image {
background-repeat: no-repeat;
}

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');
@keyframes growShrink {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}


.dates-container {
  display: flex;
  flex-direction: column; /* Stack items vertically */
  width: 100%; /* Ensure the container takes full width */
  padding: 0; /* Remove any padding */
  margin: 0; /* Remove any margin */
}

.dates-container > * {
  width: 100%; /* Ensure child items take full width */
  padding: 0; /* Remove any padding from child items */
  margin: 0; /* Remove any margin from child items */
  box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
}
.sr-repeater-2{
padding: 0 40px !important;
box-sizing: border-box;}


.cta-icon-services {
    display: inline-flex;
    align-items: right;
    padding: 10px 0px;
    cursor: pointer;
    position: relative;}

.cta-icon-services::after {
    content: url('https://139845867.fs1.hubspotusercontent-eu1.net/hubfs/139845867/Website%20Pages/Iconography/Pointers/services_arrow.svg'); /* Replace with the path to your icon */
    margin-left: 10px;
    width: 16px; /* Adjust the size as needed */
  height: 16px; /* Adjust the size as needed */
      filter: invert(0%); /* Default color */
        transition: transform 0.3s ease, filter 0.3s ease;

}

.cta-button:hover {
box-shadow: 7px 7px 24px 0px rgba(0, 0, 0, 0.13);
  transform: scale(1.025); 
    animation: growShrink 4s infinite ease-in-out; /* Apply the grow/shrink animation */
}

.cta-icon-services:hover:after {  
      filter: invert(100%) brightness(1000%) contrast(100%); /* Change to white on hover */
        transform: translateX(10px); /* Move 10px to the right on hover */
}

.new_underline {
  border-bottom: 4px solid #ed1b24;
  color: #0a4e96;
}
.cta-button:hover {
  transform: scale(1.025);
}
.h2_new, .new_underline {
  font-style: normal;
  font-variant: small-caps;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-weight: 800;
  line-height: 130% !important;
}

.cta-button{
  font-size: 18px!important;
  font-style: normal!important;
  font-weight: 600!important;
  line-height: 21px!important;
  font-variant: small-caps!important;
  letter-spacing: 1.96px!important;
  text-transform: none!important;

} 
button#showLess{
margin-left: 17px;
}
button#showLess,button#loadMore {
    background-color: transparent;
    border: 2px solid #0a4e96;
    color: #0a4e96;
    padding: 11px 36px 11px 30px;
    position: relative;
  margin-top: 15px;
}

/* button#showLess :hover,
button#loadMore:hover {
    transform: scale(1.025);
} */
button#showLess  a , button#loadMore a{
    font-size: 14px;
    font-variant-numeric: oldstyle-nums;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 20.83px;
    text-transform: uppercase;
}
button#showLess a:after , button#loadMore a:after {
    background: url(https://139845867.fs1.hubspotusercontent-eu1.net/hubfs/139845867/Website%20Pages/Careers/Group.svg);
    background-repeat: no-repeat;
    content: " "!important;
    height: 18px;
    margin-left: 8px;
    position: absolute;
    top: 22px;
    width: 19px;
}
.vmp_node {
  border-radius: 10px;
  opacity: 0.95;
  background: var(--Light, #F9FBFE);
  /* Card Shadow */
  box-shadow: 15px 25px 60px 0px rgba(197, 210, 225, 0.70);
  padding: 1rem 2rem 2rem 2rem;
}
.vmp_bkg {
  margin-left: -15rem;
}

/* Base style for the div */
.grow-div {transition: transform 0.3s ease-in-out;}
.grow-div:hover {transform: scale(1.1);}

.h2_parent {
  color: var(--Iron, #252630);
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.4rem !mportant; /* 84.375% */
  font-variant: small-caps;
}
.h3_parent {
  color: var(--Iron, #252630);
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  font-size: 2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.6875rem !mportant; /* 84.375% */
  font-variant: small-caps;
}

.h3_CTA {
  color: var(--Iron, #252630);
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.6875rem !mportant; /* 84.375% */
  font-variant: small-caps;
}

.h2_underline {
  color: #0A4E96;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  padding-bottom: 0.2rem;
  font-size: 2.5rem;
  border-bottom: 5px solid #ED1B24;
  /* H2 */
  font-family: Roboto;
  font-style: normal;
  font-weight: 800;
  line-height: 1.6875rem !important; /* 84.375% */
  font-variant: small-caps;


}

.h2_CTA {
  color: var(--Iron, #252630);
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  font-style: normal;
  font-weight: 800;
  line-height: 130% !important; /* 84.375% */
  font-variant: small-caps;
    font-size: 2rem; /* Default font size */

}

.h2_CTA_underline {
  color: #0A4E96;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  padding-bottom: -1rem;
  border-bottom: 4px solid #ED1B24;
  font-style: normal;
  font-weight: 800;
  line-height: 130% !important;
  font-variant: small-caps;

}

/* Media query for tablets */
@media (max-width: 768px) {
  .h2_CTA {
    font-size: 1.75rem !important; /* Adjust font size for tablets */
      line-height: 120% !important;

  }

  .h2_CTA_underline {
    font-size: 1.75rem !important; /* Adjust font size for tablets */
          line-height: 120% !important;
  }
}

/* Media query for mobile devices */
@media (max-width: 480px) {
  .h2_CTA {
    font-size: 1.75rem !important; /* Adjust font size for mobile devices */
          line-height: 120% !important;
  }

  .h2_CTA_underline {
    font-size: 1.75rem !important; /* Adjust font size for mobile devices */
          line-height: 120% !important;
  }
}



.h1_CTA {
  color: var(--Iron, #252630);
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 100% !mportant; /* 84.375% */
  text-transform:capitilize;
}

.ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style-image: url('https://139845867.fs1.hubspotusercontent-eu1.net/hubfs/139845867/Website%20Pages/Iconography/red-triangle-forward.svg');
  display:inline;
  margin: 0;
}
ul li {
  padding: 0.5rem 1rem;  /* Increase padding for touch-friendly spacing */
  color: var(--Iron, #5E616D);
  font-family: Roboto, sans-serif;
  font-size: 1rem;  /* Adjust font size for mobile readability */
  font-weight: 600;
  line-height: 1.5rem;  /* Increase line-height for better legibility */
  letter-spacing: 0.05rem;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-variant: all-small-caps;
}

@media (max-width: 600px) {
  ul li {
    padding: 0.5rem;  /* Reduce padding to fit smaller screens */
    font-size: 0.9rem;  /* Slightly reduce font size for compact screens */
    line-height: 1.4rem;  /* Adjust line-height for improved readability */
  }
}


@media(max-width: 767px) {
  .sr-padding-full {
    padding-bottom: 4.25rem;
    padding-top: 4.25rem;
  }
}
@media(max-width: 767px) {
  .sr-padding-full {
    padding-bottom: 1.25rem;
    padding-top:1.25rem;
  }
}
@media(max-width: 484px) {
button#showLess {
    margin-left: 7px;
}
  button#loadMore, button#showLess {
    padding: 7px 28px 7px 19px;
  }
  button#loadMore a:after, button#showLess a:after {
    top: 16px;
  }
  button#loadMore a, button#showLess a {
    font-size: 11px;
}