/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
.process-section {
  color: #ffffff;
  position: relative;
  margin-bottom: 50px;
  margin-top: 206px; }
  .process-section .ps-bg-img {
    position: absolute;
    left: 0;
    top: -43px;
    bottom: 0;
    width: 100%;
    z-index: -2;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important; }
  .process-section .ps-background {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    background: rgba(33, 89, 148, 0.92);
    z-index: -1; }
  .process-section .ps-inner-container {
    padding-top: 106px;
    padding-bottom: 82px;
    max-width: 1205px; }
    .process-section .ps-inner-container h2 {
      font-family: 'Lora';
      font-weight: 400;
      margin-bottom: 30px; }
    .process-section .ps-inner-container .desc {
      line-height: 150%;
      margin-bottom: 58px; }
    .process-section .ps-inner-container .process-item {
      display: flex;
      gap: 40px; }
      .process-section .ps-inner-container .process-item .si-icon {
        height: 84px;
        width: 84px;
        border-radius: 16px;
        border: 3px solid #ffffff;
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center; }
        .process-section .ps-inner-container .process-item .si-icon > span {
          color: white;
          font-size: 37px;
          padding: 20px; }
        .process-section .ps-inner-container .process-item .si-icon.alt {
          background: #16BE87; }
      .process-section .ps-inner-container .process-item .si-title {
        color: white; }
        .process-section .ps-inner-container .process-item .si-title h5 {
          text-transform: capitalize;
          font-weight: 600; }
        .process-section .ps-inner-container .process-item .si-title p {
          line-height: 26px; }
      .process-section .ps-inner-container .process-item a:hover {
        text-decoration: none; }
        .process-section .ps-inner-container .process-item a:hover .si-icon {
          background: #16BE87; }
  @media screen and (max-width: 768px) {
    .process-section {
      margin-top: 167px; }
      .process-section .ps-inner-container {
        padding-top: 82px 0; }
      .process-section .ps-background {
        width: 100%; } }