@charset "UTF-8";
body {
  padding: 0px;
  margin: 0px;
  font-family: 'Barlow', sans-serif;
  background: #F1F5F9; }
  @media screen and (max-width: 768px) {
    body.fixed {
      position: fixed;
      width: 100%; }
      body.fixed:after {
        width: 100%;
        position: fixed;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: block;
        content: '';
        top: 0px;
        left: 0px;
        z-index: 9; } }

.w-100 {
  width: 100%; }

ul, li, a {
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  list-style-type: none; }

.header {
  background: url("assets/img/header-bg.png") no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  padding-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .header {
      background: url("assets/img/header-mobile-bg.png");
      height: 860px;
      background-size: cover; } }
  .header .mobile-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
    background: #FFF;
    z-index: 99;
    display: none; }
    .header .mobile-menu.active {
      display: block; }
    .header .mobile-menu .head {
      padding: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #154283; }
      .header .mobile-menu .head .logo img {
        width: 128px; }
    .header .mobile-menu .menu {
      display: flex;
      flex-direction: column; }
      .header .mobile-menu .menu a {
        padding: 12px 16px;
        color: #2D2E2E;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        border-bottom: 1px solid #F5F6F7; }
    .header .mobile-menu .cta {
      padding: 20px 0px; }
      .header .mobile-menu .cta a {
        padding: 14px 12px;
        border-radius: 8px;
        background: #154283;
        display: flex;
        align-items: center;
        gap: 14px;
        width: fit-content;
        margin: 0px auto; }
        .header .mobile-menu .cta a span {
          color: #FFF;
          font-size: 16px;
          font-style: normal;
          font-weight: 800;
          line-height: 24px;
          letter-spacing: 0.5px; }
  .header .topbar {
    padding: 24px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 80px; }
    @media screen and (max-width: 768px) {
      .header .topbar {
        margin-bottom: 20px; } }
    .header .topbar .logo img {
      width: 195px; }
      @media screen and (max-width: 768px) {
        .header .topbar .logo img {
          width: 128px; } }
    .header .topbar .rights {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 768px) {
        .header .topbar .rights {
          align-items: baseline;
          gap: 10px; } }
      .header .topbar .rights .links {
        display: flex;
        align-items: center;
        gap: 48px;
        margin-right: 48px; }
        @media screen and (max-width: 768px) {
          .header .topbar .rights .links {
            display: none; } }
        .header .topbar .rights .links a {
          color: #fff;
          cursor: pointer;
          font-family: 'Roboto', sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          letter-spacing: 0.5px; }
      .header .topbar .rights .cta {
        margin-right: 24px; }
        @media screen and (max-width: 768px) {
          .header .topbar .rights .cta {
            display: none; } }
        .header .topbar .rights .cta a {
          padding: 14px 12px;
          border-radius: 8px;
          background: #154283;
          display: flex;
          align-items: center;
          gap: 14px; }
          .header .topbar .rights .cta a span {
            color: #FFF;
            font-size: 16px;
            font-style: normal;
            font-weight: 800;
            line-height: 24px;
            letter-spacing: 0.5px; }
            .header .mobile-link-menu {
              display: none;
              padding: 16px 0px;
              gap: 7px;
              justify-content: center; }
              .header .mobile-link-menu a {
                background: #fff;
                filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 6px;
                color: #164282;
                font-size: 16px;
                font-weight: 500;
                padding: 6px 12px; }          
            .header .topbar .rights .mobile-cta {
              display: none; }
              .header .topbar .rights .mobile-cta a {
                padding: 6px 12px;
                display: flex;
                align-items: center;
                gap: 8px;
                background-color: #154283;
                filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
                border-radius: 6px; }
                .header .topbar .rights .mobile-cta a span {
                  color: #fff;
                  font-weight: 500;
                  font-size: 16px; }
      .header .topbar .rights .language {
        position: relative; }
        .header .topbar .rights .language .current {
          border-radius: 8px;
          background: rgba(255, 255, 255, 0.75);
          padding: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          align-items: center;
          gap: 8px; }
          @media screen and (max-width: 768px) {
            .header .menu.fixed .mobile-link-menu {
              display: flex; } }      
          @media screen and (max-width: 768px) {
            .header .topbar .rights .language .current {
              background: none;
              padding: 0px; } }
          .header .topbar .rights .language .current img {
            width: 32px; }
          .header .topbar .rights .language .current i {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI3MzM3IDAuNUg4LjcyNjdDOC44NTg1NSAwLjUwMDU1MyA4Ljk4NzI4IDAuNTQwMTg5IDkuMDk2NiAwLjYxMzg5OEM5LjIwNTkyIDAuNjg3NjA2IDkuMjkwOTMgMC43OTIwNzcgOS4zNDA4OCAwLjkxNDA5OEM5LjM5MDgzIDEuMDM2MTIgOS40MDM0OCAxLjE3MDIxIDkuMzc3MjIgMS4yOTk0MkM5LjM1MDk2IDEuNDI4NjMgOS4yODY5OCAxLjU0NzE1IDkuMTkzMzcgMS42NEw1LjQ3MzM3IDUuMzU5OTlDNS40MTEzOSA1LjQyMjQ4IDUuMzM3NjYgNS40NzIwNyA1LjI1NjQyIDUuNTA1OTJDNS4xNzUxOCA1LjUzOTc2IDUuMDg4MDQgNS41NTcxOSA1LjAwMDA0IDUuNTU3MTlDNC45MTIwMyA1LjU1NzE5IDQuODI0ODkgNS41Mzk3NiA0Ljc0MzY1IDUuNTA1OTJDNC42NjI0MSA1LjQ3MjA3IDQuNTg4NjggNS40MjI0OCA0LjUyNjcgNS4zNTk5OUwwLjgwNjcwMiAxLjY0QzAuNzEzMDg4IDEuNTQ3MTUgMC42NDkxMDcgMS40Mjg2MyAwLjYyMjg1IDEuMjk5NDJDMC41OTY1OTQgMS4xNzAyMSAwLjYwOTI0IDEuMDM2MTIgMC42NTkxOSAwLjkxNDA5OEMwLjcwOTE0IDAuNzkyMDc3IDAuNzk0MTUyIDAuNjg3NjA2IDAuOTAzNDc0IDAuNjEzODk4QzEuMDEyOCAwLjU0MDE4OSAxLjE0MTUyIDAuNTAwNTUzIDEuMjczMzcgMC41WiIgZmlsbD0iIzhDOEM4QyIvPgo8L3N2Zz4K");
            width: 8.781px;
            height: 5.057px;
            display: block;
            background-size: cover; }
        .header .topbar .rights .language .language-dropdown {
          border-radius: 8px;
          background: rgba(255, 255, 255, 0.75);
          display: none;
          flex-direction: column;
          position: absolute;
          top: 55px;
          left: 0px;
          z-index: 99; }
          @media screen and (max-width: 768px) {
            .header .topbar .rights .language .language-dropdown {
              background: #fff;
              left: auto; } }
          .header .topbar .rights .language .language-dropdown.active {
            display: flex; }
          .header .topbar .rights .language .language-dropdown a {
            padding: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            color: #12312D;
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: 18px;
            cursor: pointer;
            border-bottom: 2px solid #fff; }
            .header .topbar .rights .language .language-dropdown a img {
              width: 24px; }
            .header .topbar .rights .language .language-dropdown a:last-child {
              border: none; }
      .header .topbar .rights .mobileMenuBtn {
        display: none; }
        @media screen and (max-width: 768px) {
          .header .topbar .rights .mobileMenuBtn {
            display: block; } }
  .header .form-element {
    border-radius: 8px;
    background: rgba(21, 66, 131, 0.7);
    padding: 40px; }
    @media screen and (max-width: 768px) {
      .header .form-element {
        padding: 24px; } }
    .header .form-element .heading {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 12px; }
      .header .form-element .heading .title {
        color: #FFF;
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 24px; }
      .header .form-element .heading .sub-title {
        color: #FFF;
        font-size: 24px;
        font-style: normal;
        font-weight: 300;
        line-height: normal; }
        @media screen and (max-width: 768px) {
          .header .form-element .heading .sub-title {
            font-size: 12px;
            width: 282px; } }
    .header .form-element form {
      display: flex;
      flex-direction: column;
      gap: 24px; }
      .header .form-element form .input-group {
        width: 390px;
        height: 56px;
        padding: 12px 24px;
        background: #fff;
        border-radius: 8px;
        position: relative;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .header .form-element form .input-group {
            width: 100%; } }
        .header .form-element form .input-group input {
          border: none;
          background: none;
          outline: none;
          position: absolute;
          width: 100%;
          top: 25px;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          color: #212121; }
        .header .form-element form .input-group label {
          left: 24px;
          align-items: center;
          display: flex;
          height: 100%;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          color: rgba(18, 49, 45, 0.5);
          transition: all 0.4s; }
        .header .form-element form .input-group input:valid + label {
          margin-top: -10px !important;
          display: block;
          font-size: 11px;
          font-style: normal;
          font-weight: 700;
          color: #889896; }
        .header .form-element form .input-group label.active {
          margin-top: -10px !important;
          display: block;
          font-size: 11px;
          font-style: normal;
          font-weight: 700;
          color: #889896; }
        .header .form-element form .input-group.error label {
          margin-top: -10px !important;
          display: block;
          font-size: 11px;
          font-style: normal;
          font-weight: 700;
          color: #D52D2E !important; }
      .header .form-element form .error-input {
        color: #ffffff;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        display: none;
        position: absolute;
        bottom: 164px; }
        @media screen and (max-width: 768px) {
          .header .form-element form .error-input {
            bottom: 156px; } }
        .header .form-element form .error-input.active {
          display: block; }
      .header .form-element form .telephone-group {
        width: 100%;
        height: 56px;
        padding: 12px 14px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .header .form-element form .telephone-group {
            width: 100%; } }
        .header .form-element form .telephone-group .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
          background: none; }
        .header .form-element form .telephone-group .iti {
          width: 370px; }
          .header .form-element form .telephone-group .iti .iti__selected-flag {
            background: none;
            padding: 0px;
            border-right: 1px solid #E1E1E1;
            padding-right: 10px;
            margin-right: 10px; }
            .header .form-element form .telephone-group .iti .iti__selected-flag .iti__selected-dial-code {
              font-size: 14px;
              font-style: normal;
              font-weight: 600; }
          .header .form-element form .telephone-group .iti .iti__country-list {
            border-radius: 4px;
            background: #F6F6F6;
            box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
            top: 50px;
            width: 370px;
            left: -10px; }
            .header .form-element form .telephone-group .iti .iti__country-list .iti__divider {
              display: none; }
            .header .form-element form .telephone-group .iti .iti__country-list .iti__country {
              padding: 12px;
              border-bottom: 1px solid #e6e6e6; }
            .header .form-element form .telephone-group .iti .iti__country-list .iti__country.iti__highlight {
              background: none; }
            .header .form-element form .telephone-group .iti .iti__country-list .iti__dial-code {
              color: #12312D;
              display: flex;
              flex: 1;
              justify-content: end;
              font-size: 12px;
              font-style: normal;
              font-weight: 600; }
            .header .form-element form .telephone-group .iti .iti__country-list .iti__country-name {
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              color: #12312D;
              font-family: 'Nunito Sans',sans-serif; }
        .header .form-element form .telephone-group input {
          width: 100%;
          border: none;
          outline: none;
          color: #2D2E2E;
          font-size: 16px;
          font-style: normal;
          font-weight: 600; }
          .header .form-element form .telephone-group input::placeholder {
            font-size: 14px;
            font-weight: 500;
            color: rgba(18, 49, 45, 0.5);
            font-family: 'Poppins',sans-serif; }
      .header .form-element form .input-checkbox {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 24px; }
        @media screen and (max-width: 768px) {
          .header .form-element form .input-checkbox {
            margin-bottom: 12px; } }
        .header .form-element form .input-checkbox .inner {
          justify-content: start;
          align-items: center;
          color: #fff;
          font-size: 14px;
          width: 100%;
          gap: 8px; }
        .header .form-element form .input-checkbox .checkbox input {
          display: none; }
        .header .form-element form .input-checkbox .checkbox label {
          width: 24px;
          height: 24px;
          border: 2px solid #fff;
          display: block;
          border-radius: 4px;
          cursor: pointer; }
        .header .form-element form .input-checkbox .checkbox input:checked + label {
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: center; }
          .header .form-element form .input-checkbox .checkbox input:checked + label:before {
            content: '✓'; }
        .header .form-element form .input-checkbox a {
          color: #fff;
          font-family: 'Nunito Sans', sans-serif;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          text-decoration: underline;
          cursor: pointer; }
      .header .form-element form button {
        width: 100%;
        height: 56px;
        border-radius: 4px;
        background: #00A6C3;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        font-family: 'Nunito Sans',sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 800;
        border: none;
        outline: none;
        cursor: pointer;
        transition: all 0.3s; }
        .header .form-element form button:hover {
          background: #035b6b; }
        @media screen and (max-width: 768px) {
          .header .form-element form button {
            width: 100%; } }
      .header .form-element form .text-telephone {
        color: #12312D;
        font-family: 'Nunito Sans',sans-serif;
        font-size: 14px;
        font-style: normal;
        text-align: center;
        font-weight: 400; }
        .header .form-element form .text-telephone a {
          color: #12312D;
          text-decoration: none;
          font-weight: 800;
          cursor: pointer; }
  .header .header-text {
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 768px) {
      .header .header-text {
        align-items: center;
        text-align: center;
        margin-bottom: 32px; } }
    .header .header-text .one-title {
      color: #fff;
      font-size: 72px;
      font-style: normal;
      font-weight: 700; }
      @media screen and (max-width: 768px) {
        .header .header-text .one-title {
          font-size: 40px; } }
    .header .header-text .two-title {
      color: #154283;
      font-size: 56px;
      font-style: normal;
      font-weight: 700;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .header .header-text .two-title {
          font-size: 32px;
          margin-bottom: 20px; } }
    .header .header-text .desc {
      color: #FFF;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      width: 700px; }
      @media screen and (max-width: 768px) {
        .header .header-text .desc {
          font-size: 16px;
          font-weight: 600;
          line-height: 25px;
          width: 100%; } }
  @media screen and (max-width: 768px) {
    .header .left-form {
      order: 2; } }
      .header .menu.fixed {
        background: #fff;
        width: 100%;
        left: 0px;
        top: 0px;
        position: fixed;
        z-index: 9;
        padding: 0px 15px;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.55);
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.55); }
        .header .menu.fixed .topbar {
          margin-bottom: 0px;
          padding: 15px 0px; }
          @media screen and (max-width: 768px) {
            .header .menu.fixed .topbar {
              padding-bottom: 0; } }    
          .header .menu.fixed .topbar .logo img {
            filter: brightness(0); }
            .header .menu.fixed .topbar .rights {
              display: flex;
              align-items: center; }
              .header .menu.fixed .topbar .rights .links a {
                color: #000000; }
              @media screen and (max-width: 768px) {
                .header .menu.fixed .topbar .rights .mobile-cta {
                  display: block; } }      
            @media screen and (max-width: 768px) {
              .header .menu.fixed .topbar .rights .language {
                display: none; } }
            .header .menu.fixed .topbar .rights .language .current {
              background: #70707087; }
              @media screen and (max-width: 768px) {
                .header .menu.fixed .topbar .rights .language .current {
                  background: none; } }    
          .header .menu.fixed .topbar .mobileMenuBtn svg path {
            fill: #000; }
    
main {
  display: flex;
  flex-direction: column; }
  main .one-component {
    padding: 80px 0px; }
    @media screen and (max-width: 768px) {
      main .one-component {
        padding: 20px 0px; } }
    main .one-component .items-list {
      display: flex;
      align-items: center;
      gap: 36px;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        main .one-component .items-list {
          flex-wrap: wrap;
          gap: 12px; } }
      main .one-component .items-list .item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 36px 20px;
        width: 311px;
        height: 209px;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
        flex-direction: column;
        gap: 16px;
        text-align: center;
        transition: all 0.4s; }
        main .one-component .items-list .item .icon svg {
          width: 64px;
          height: 64px; }
        @media screen and (max-width: 768px) {
          main .one-component .items-list .item {
            flex: 0 0 48%;
            padding: 16px; } }
        main .one-component .items-list .item .title {
          color: #154283;
          font-size: 32px;
          font-weight: bold; }
          @media screen and (max-width: 768px) {
            main .one-component .items-list .item .title {
              font-size: 24px; } }
        main .one-component .items-list .item .desc {
          font-size: 20px;
          font-style: normal;
          font-weight: bold;
          color: #154283; }
          @media screen and (max-width: 768px) {
            main .one-component .items-list .item .desc {
              font-size: 14px; } }
              main .one-component .items-list .item:hover {
                background: #154283; }
                main .one-component .items-list .item:hover .title, main .one-component .items-list .item:hover .desc {
                  color: #fff; }
                main .one-component .items-list .item:hover .icon svg path {
                  fill: #fff; }
                  main .widget-component {
                    padding: 64px 0px; }
                    @media screen and (max-width: 768px) {
                      main .widget-component {
                        padding: 30px 0px; }
                        main .widget-component .row {
                          row-gap: 20px; } }
                    main .widget-component a {
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      border-radius: 8px;
                      background: #fff;
                      text-align: center;
                      height: 214px;
                      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
                      padding: 48px 32px; }
                      @media screen and (max-width: 768px) {
                        main .widget-component a {
                          padding: 20px 32px;
                          height: 130px; } }
                      main .widget-component a img {
                        width: 80%; }                
  main .video-component {
    background: #fff;
    padding: 40px 0px; }
    main .video-component.remove {
      background: none; }
    main .video-component .text-inner {
      display: flex;
      flex-direction: column;
      gap: 24px; }
      @media screen and (max-width: 768px) {
        main .video-component .text-inner {
          text-align: center; } }
      main .video-component .text-inner .title {
        color: #2D2E2E;
        font-size: 36px;
        font-style: normal;
        font-weight: 700; }
      main .video-component .text-inner .desc p {
        color: #2D2E2E;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%; }
    @media screen and (max-width: 768px) {
      main .video-component .button {
        display: none; } }
    main .video-component .button.button-mobile {
      display: none; }
      @media screen and (max-width: 768px) {
        main .video-component .button.button-mobile {
          display: block;
          margin-top: 32px; } }
    main .video-component .button a {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      padding: 12px 28px;
      border-radius: 8px;
      background: #154283;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      color: #fff;
      width: fit-content; }
      @media screen and (max-width: 768px) {
        main .video-component .button a {
          margin: 0px auto; } }
    @media screen and (max-width: 768px) {
      main .video-component .image-div {
        order: 2;
        margin-top: 32px; } }
    main .video-component .image {
      text-align: center; }
      main .video-component .image .video-icon {
        border-radius: 100px;
        background: rgba(18, 22, 25, 0.25);
        width: 144px;
        height: 144px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        @media screen and (max-width: 768px) {
          main .video-component .image .video-icon {
            width: 64px;
            height: 64px; }
            main .video-component .image .video-icon svg {
              width: 40px; } }
      main .video-component .image img {
        width: 520px; }
        @media screen and (max-width: 768px) {
          main .video-component .image img {
            width: 100%; } }
  main .before-component {
    padding: 80px 0px;
    background: #fff; }
    @media screen and (max-width: 768px) {
      main .before-component {
        padding: 40px 0px; } }
    main .before-component .heading {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 32px; }
      main .before-component .heading .title {
        color: #2D2E2E;
        text-align: center;
        font-size: 42px;
        font-style: normal;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          main .before-component .heading .title {
            font-size: 36px; } }
      main .before-component .heading .sub-title {
        color: #0F172A;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 400; }
        @media screen and (max-width: 768px) {
          main .before-component .heading .sub-title {
            font-size: 20px; } }
    main .before-component .thumbnails {
      display: flex;
      align-items: center;
      gap: 24px;
      margin-top: 32px; }
      @media screen and (max-width: 768px) {
        main .before-component .thumbnails {
          display: none; } }
      main .before-component .thumbnails a {
        width: 120px;
        border: 2px solid transparent;
        border-radius: 8px;
        cursor: pointer; }
        main .before-component .thumbnails a.active {
          border-color: #000; }
        main .before-component .thumbnails a img {
          width: 100%;
          vertical-align: middle; }
  main .team-component {
    padding: 80px 0px; }
    @media screen and (max-width: 768px) {
      main .team-component {
        padding: 40px 0px; } }
    main .team-component .heading {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 160px; }
      @media screen and (max-width: 768px) {
        main .team-component .heading {
          margin-bottom: 100px; } }
      main .team-component .heading .title {
        color: #2D2E2E;
        text-align: center;
        font-size: 42px;
        font-style: normal;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          main .team-component .heading .title {
            font-size: 36px; } }
      main .team-component .heading .sub-title {
        color: #0F172A;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 400; }
        @media screen and (max-width: 768px) {
          main .team-component .heading .sub-title {
            font-size: 20px; } }
    main .team-component .team-list {
      display: flex;
      align-items: center;
      gap: 42px;
      margin-bottom: 40px;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        main .team-component .team-list {
          flex-direction: column;
          gap: 100px; } }
      main .team-component .team-list .item {
        border-radius: 8px;
        background: #00A6C3;
        padding: 20px; }
        main .team-component .team-list .item .avatar {
          text-align: center;
          margin-top: -100px; }
          main .team-component .team-list .item .avatar img {
            width: 200px; }
            @media screen and (max-width: 768px) {
              main .team-component .team-list .item .avatar img {
                width: 175px; } }
        main .team-component .team-list .item .name {
          display: flex;
          margin-top: 20px;
          flex-direction: column;
          gap: 2px;
          padding-bottom: 8px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
          margin-bottom: 8px; }
          @media screen and (max-width: 768px) {
            main .team-component .team-list .item .name {
              margin-top: 10px; } }
          main .team-component .team-list .item .name strong {
            color: #154283;
            text-align: center;
            font-size: 20px;
            font-style: normal;
            font-weight: 600; }
          main .team-component .team-list .item .name span {
            color: #154283;
            text-align: center;
            font-size: 12px;
            font-style: normal;
            font-weight: 600; }
        main .team-component .team-list .item .desc {
          color: #FFF;
          font-size: 12px;
          font-style: normal;
          font-weight: 400; }
    main .team-component .button a {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      padding: 12px 28px;
      border-radius: 8px;
      background: #154283;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      color: #fff;
      width: fit-content;
      margin: 0px auto; }
  main .certificates-component {
    padding: 80px 0px;
    background: #154283; }
    @media screen and (max-width: 768px) {
      main .certificates-component {
        padding: 40px 0px; } }
    main .certificates-component .heading {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 80px; }
      @media screen and (max-width: 768px) {
        main .certificates-component .heading {
          margin-bottom: 24px; } }
      main .certificates-component .heading .title {
        color: #fff;
        text-align: center;
        font-size: 42px;
        font-style: normal;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          main .certificates-component .heading .title {
            font-size: 36px; } }
    main .certificates-component .items-list {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px; }
      main .certificates-component .items-list.margin {
        margin-bottom: 40px; }
        @media screen and (max-width: 768px) {
          main .certificates-component .items-list.margin {
            margin-bottom: 20px; } }
      @media screen and (max-width: 768px) {
        main .certificates-component .items-list {
          gap: 12px; } }
      main .certificates-component .items-list .item img {
        width: 188px; }
        @media screen and (max-width: 768px) {
          main .certificates-component .items-list .item img {
            width: 60px; } }
  main .faq-component {
    padding: 80px 0px;
    background: #fff; }
    @media screen and (max-width: 768px) {
      main .faq-component {
        padding: 40px 0px; } }
    main .faq-component .heading {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 32px; }
      main .faq-component .heading .title {
        color: #0F172A;
        text-align: center;
        font-size: 42px;
        font-style: normal;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          main .faq-component .heading .title {
            font-size: 36px; } }
      main .faq-component .heading .sub-title {
        color: #0F172A;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 43px;
        width: 900px;
        margin: 0px auto; }
        @media screen and (max-width: 768px) {
          main .faq-component .heading .sub-title {
            width: 100%;
            line-height: 22px; } }
    main .faq-component .faq-list {
      display: flex;
      flex-direction: column;
      gap: 24px; }
      main .faq-component .faq-list .item {
        border-radius: 10px;
        background: #fff;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
        padding: 32px;
        display: flex;
        flex-direction: column; }
        main .faq-component .faq-list .item .head {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-family: 'Roboto', sans-serif;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          cursor: pointer; }
          main .faq-component .faq-list .item .head span {
            color: #164282; }
            @media screen and (max-width: 768px) {
              main .faq-component .faq-list .item .head span {
                width: 250px; } }
          main .faq-component .faq-list .item .head i {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24gLyBpY29ub2lyIC8gcGx1cyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMiAxMlYxOE02IDEySDEySDZaTTE4IDEySDEySDE4Wk0xMiAxMlY2VjEyWiIgc3Ryb2tlPSIjMTY0MjgyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPC9zdmc+Cg==");
            width: 24px;
            height: 24px;
            display: block;
            background-size: cover; }
        main .faq-component .faq-list .item .body {
          color: #0F172A;
          font-family: 'Roboto', sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 160%;
          height: 0px;
          opacity: 0;
          transition: all 0.8s; }
        main .faq-component .faq-list .item.active {
          gap: 24px; }
          main .faq-component .faq-list .item.active .body {
            opacity: 1;
            height: auto; }
          main .faq-component .faq-list .item.active .head span {
            color: #0F172A; }
          main .faq-component .faq-list .item.active .head i {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24gLyBqYW0taWNvbnMgLyBvdXRsaW5lICYjMzg7IGxvZ29zIC8gbWludXMiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNiAxMUgxOEMxOC4yNjUyIDExIDE4LjUxOTYgMTEuMTA1NCAxOC43MDcxIDExLjI5MjlDMTguODk0NiAxMS40ODA0IDE5IDExLjczNDggMTkgMTJDMTkgMTIuMjY1MiAxOC44OTQ2IDEyLjUxOTYgMTguNzA3MSAxMi43MDcxQzE4LjUxOTYgMTIuODk0NiAxOC4yNjUyIDEzIDE4IDEzSDZDNS43MzQ3OCAxMyA1LjQ4MDQzIDEyLjg5NDYgNS4yOTI4OSAxMi43MDcxQzUuMTA1MzYgMTIuNTE5NiA1IDEyLjI2NTIgNSAxMkM1IDExLjczNDggNS4xMDUzNiAxMS40ODA0IDUuMjkyODkgMTEuMjkyOUM1LjQ4MDQzIDExLjEwNTQgNS43MzQ3OCAxMSA2IDExVjExWiIgZmlsbD0iIzBGMTcyQSIvPgo8L2c+Cjwvc3ZnPgo="); }
    .video-iframe{width:100%;height:450px;}
    @media screen and (max-width: 768px) {
      .video-iframe{
        width:100%;height:250px; } }
    .google-review{text-align:left;margin-left:65px;}
    @media screen and (max-width: 768px) {
      .google-review{text-align:center;margin-left:0;} }
    .trustpilot-widget{margin-top:30px;}
    main .slider-component {
    padding: 80px 0px;
    background: #fff; }
    @media screen and (max-width: 768px) {
      main .slider-component {
        padding: 40px 0px; } }
    main .slider-component .heading {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 32px; }
      main .slider-component .heading .title {
        color: #0F172A;
        text-align: center;
        font-size: 42px;
        font-style: normal;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          main .slider-component .heading .title {
            font-size: 36px; } }
      main .slider-component .heading .sub-title {
        color: #0F172A;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        width: 900px;
        line-height: 35px;
        margin: 0px auto; }
        @media screen and (max-width: 768px) {
          main .slider-component .heading .sub-title {
            font-size: 20px;
            width: 100%; } }
    main .slider-component .slider-wrapper {
      position: relative; }
      main .slider-component .slider-wrapper .arrows {
        height: 100%; }
        main .slider-component .slider-wrapper .arrows a {
          position: absolute;
          top: 0;
          bottom: 0;
          margin-top: auto;
          margin-bottom: auto;
          z-index: 99;
          height: 100%;
          display: flex;
          align-items: center;
          left: -60px;
          cursor: pointer; }
          main .slider-component .slider-wrapper .arrows a svg path {
            fill: #fff; }
          main .slider-component .slider-wrapper .arrows a.prev svg {
            transform: rotate(180deg); }
          main .slider-component .slider-wrapper .arrows a.next {
            left: auto;
            right: -60px; }
          @media screen and (max-width: 768px) {
            main .slider-component .slider-wrapper .arrows a {
              left: -40px; }
              main .slider-component .slider-wrapper .arrows a svg {
                width: 24px; }
              main .slider-component .slider-wrapper .arrows a.next {
                right: -40px; } }
    main .slider-component .slider-swiper {
      overflow: hidden;
      margin-bottom: 20px; }
      main .slider-component .slider-swiper img {
        border-radius: 20px; }
    main .slider-component .slider-swiper-thumb {
      overflow: hidden; }
      main .slider-component .slider-swiper-thumb .swiper-slide {
        border: 2px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        width: 173px !important; }
        @media screen and (max-width: 768px) {
          main .slider-component .slider-swiper-thumb .swiper-slide {
            width: 85px !important; } }
        main .slider-component .slider-swiper-thumb .swiper-slide.swiper-slide-thumb-active {
          border-color: black; }
      main .slider-component .slider-swiper-thumb img {
        border-radius: 8px;
        vertical-align: middle; }
    main .slider-component .button {
      margin-top: 32px; }
      main .slider-component .button a {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        padding: 12px 28px;
        border-radius: 8px;
        background: #154283;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        color: #fff;
        width: fit-content;
        margin: 0px auto; }
        main .client-component {
          padding: 80px 0px; }
          @media screen and (max-width: 768px) {
            main .client-component {
              padding: 40px 0px; } }
          main .client-component .client-swiper {
            overflow: hidden;
            padding-bottom: 20px; }
          main .client-component .heading {
            margin-bottom: 60px; }
            @media screen and (max-width: 768px) {
              main .client-component .heading {
                display: none; } }
            main .client-component .heading .title {
              color: #154283;
              text-align: center;
              font-size: 42px;
              font-style: normal;
              font-weight: 700; }
              @media screen and (max-width: 768px) {
                main .client-component .heading .title {
                  font-size: 36px; } }
          main .client-component .item {
            padding: 33px;
            display: flex;
            align-items: center;
            background-color: #fff;
            gap: 23px;
            border-radius: 8px;
            box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }
            @media screen and (max-width: 768px) {
              main .client-component .item {
                flex-direction: column;
                padding: 24px; } }
            main .client-component .item .image {
              position: relative; }
              main .client-component .item .image img {
                border-radius: 6px;
                width: 280px;
                min-height: 232px; }
                @media screen and (max-width: 768px) {
                  main .client-component .item .image img {
                    width: 100%; } }
              main .client-component .item .image .text {
                position: absolute;
                bottom: 14px;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                font-weight: bold;
                color: #fff;
                font-size: 24px;
                width: 100%;
                text-align: center; }
            main .client-component .item .text {
              display: flex;
              flex-direction: column;
              gap: 12px; }
              main .client-component .item .text .title {
                color: #475569;
                font-size: 24px;
                font-weight: bold; }
              main .client-component .item .text .desc {
                font-size: 14px;
                color: #475569; }
              main .client-component .item .text .author {
                display: flex;
                flex-direction: column;
                gap: 4px; }
                main .client-component .item .text .author .first {
                  color: #475569;
                  font-weight: bold;
                  font-size: 14px; }
                main .client-component .item .text .author .last {
                  display: flex;
                  align-items: center;
                  gap: 4px;
                  color: #475569;
                  font-size: 14px; }
                  main .client-component .item .text .author .last img {
                    width: 22px; }
          main .client-component .arrows {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 415px;
            margin: 0px auto;
            margin-top: 50px; }
            @media screen and (max-width: 768px) {
              main .client-component .arrows {
                width: 300px;
                margin-top: 30px; } }
            main .client-component .arrows a {
              cursor: pointer; }
            main .client-component .arrows .pag {
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 20px; }
              main .client-component .arrows .pag .swiper-pagination-bullet {
                width: 15px;
                height: 15px; }
                @media screen and (max-width: 768px) {
                  main .client-component .arrows .pag .swiper-pagination-bullet {
                    width: 10px;
                    height: 10px; } }
                main .client-component .arrows .pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
                  background-color: #154283; }      
  main .contact-component {
    padding: 40px 0px;
    background: #fff; }
    main .contact-component .inner {
      background: url("assets/img/maps.png") no-repeat;
      width: 100%;
      background-size: cover;
      height: 480px;
      border-radius: 20px;
      background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), url(<path-to-image>), lightgray 50%/cover no-repeat, url(<path-to-image>), lightgray 50%/cover no-repeat;
      box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 32px; }
      @media screen and (max-width: 768px) {
        main .contact-component .inner .logo svg {
          width: 154px; } }
      main .contact-component .inner .location {
        display: flex;
        flex-direction: column;
        gap: 32px; }
        @media screen and (max-width: 768px) {
          main .contact-component .inner .location {
            text-align: center; } }
        main .contact-component .inner .location .address {
          color: #2D2E2E;
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          display: flex;
          align-items: center;
          gap: 4px; }
          @media screen and (max-width: 768px) {
            main .contact-component .inner .location .address {
              flex-direction: column;
              gap: 8px; } }
        main .contact-component .inner .location .contact-area {
          display: flex;
          justify-content: center;
          gap: 24px; }
          @media screen and (max-width: 768px) {
            main .contact-component .inner .location .contact-area {
              flex-direction: column; } }
          main .contact-component .inner .location .contact-area a {
            color: #2D2E2E;
            font-size: 16px;
            font-style: normal;
            font-weight: 600; }
            @media screen and (max-width: 768px) {
              main .contact-component .inner .location .contact-area a {
                display: flex;
                align-items: center;
                gap: 6px;
                margin: 0px auto; } }
      main .contact-component .inner .social {
        display: flex;
        align-items: center;
        gap: 24px; }
        main .contact-component .inner .social a {
          font-size: 32px; }
          @media screen and (max-width: 768px) {
            main .contact-component .inner .social a {
              font-size: 20px; }
              main .contact-component .inner .social a i:before {
                color: #164282; } }

.modal {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none;
  align-items: center;
  justify-content: center; }
  .modal.active {
    display: flex; }
  .modal .modal-inner {
    border-radius: 8px;
    background: #FFF;
    width: 500px;
    padding: 16px;
    position: relative; }
    @media screen and (max-width: 768px) {
      .modal .modal-inner {
        width: 100%;
        position: fixed;
        bottom: 0px;
        border-radius: 24px 24px 0px 0px; } }
    .modal .modal-inner .heading {
      display: flex;
      align-items: center; }
      .modal .modal-inner .heading .title {
        color: #12312D;
        font-family: 'Nunito Sans',sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700; }
        @media screen and (max-height: 768px) {
          .modal .modal-inner .heading .title {
            font-size: 18px; } }
      .modal .modal-inner .heading .close {
        position: absolute;
        right: 16px;
        top: 16px;
        cursor: pointer;
        z-index: 99; }
    .modal .modal-inner .body {
      position: relative; }
      .modal .modal-inner .body.agree-body:after {
        width: 100%;
        content: '';
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) -34.69%, #FFF 84.32%, #FFF 104.76%);
        height: 83px;
        bottom: 0px;
        position: absolute; }
      .modal .modal-inner .body .modal-agree {
        height: 400px;
        overflow-y: scroll;
        color: #12312D;
        font-family: 'Nunito Sans',sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        padding-bottom: 40px; }
      .modal .modal-inner .body .modal-success {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 8px;
        padding: 32px;
        text-align: center;
        padding-bottom: 0px; }
        .modal .modal-inner .body .modal-success .icon {
          margin-bottom: 10px;
          margin-top: 20px; }
        .modal .modal-inner .body .modal-success .title {
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          @media screen and (max-width: 768px) {
            .modal .modal-inner .body .modal-success .title {
              font-size: 20px; } }
        .modal .modal-inner .body .modal-success .desc {
          text-align: center;
          font-family: 'Nunito Sans';
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          width: 400px;
          margin: 0px auto;
          margin-bottom: 32px; }
          @media screen and (max-width: 768px) {
            .modal .modal-inner .body .modal-success .desc {
              width: 100%;
              font-size: 12px;
              margin-bottom: 24px; } }
        .modal .modal-inner .body .modal-success .button a {
          width: 100%;
          text-decoration: none;
          height: 56px;
          border-radius: 4px;
          background: #00A6C3;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #FFF;
          font-family: 'Nunito Sans',sans-serif;
          font-size: 16px;
          font-style: normal;
          font-weight: 800;
          border: none;
          outline: none;
          cursor: pointer;
          margin-bottom: 24px;
          transition: all 0.3s; }
          .modal .modal-inner .body .modal-success .button a:hover {
            background: #3e716b; }
          @media screen and (max-width: 768px) {
            .modal .modal-inner .body .modal-success .button a {
              width: 100%; } }
  .modal.contact-modal .modal-inner {
    padding: 56px; }
    @media screen and (max-width: 768px) {
      .modal.contact-modal .modal-inner {
        padding: 20px; } }
    .modal.contact-modal .modal-inner .heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 24px; }
      .modal.contact-modal .modal-inner .heading .title {
        color: #00216B;
        font-size: 30px;
        font-style: normal;
        font-weight: 600; }
        @media screen and (max-width: 768px) {
          .modal.contact-modal .modal-inner .heading .title {
            font-size: 24px;
            flex: 1;
            text-align: center;
            color: #2D2E2E; } }
      .modal.contact-modal .modal-inner .heading .close-btn {
        position: inherit; }
    .modal.contact-modal .modal-inner .body form {
      display: flex;
      flex-direction: column;
      gap: 12px; }
      .modal.contact-modal .modal-inner .body form .input-group {
        width: 390px;
        height: 56px;
        padding: 12px 24px;
        border-radius: 4px;
        border: 1px solid #00216B;
        background: #F6F6F6;
        position: relative;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .modal.contact-modal .modal-inner .body form .input-group {
            width: 100%; } }
        .modal.contact-modal .modal-inner .body form .input-group input {
          border: none;
          background: none;
          outline: none;
          position: absolute;
          width: 100%;
          top: 25px;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          color: #212121; }
        .modal.contact-modal .modal-inner .body form .input-group label {
          left: 24px;
          align-items: center;
          display: flex;
          height: 100%;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          color: rgba(18, 49, 45, 0.5);
          transition: all 0.4s; }
        .modal.contact-modal .modal-inner .body form .input-group input:valid + label {
          margin-top: -10px !important;
          display: block;
          font-size: 11px;
          font-style: normal;
          font-weight: 700;
          color: #889896; }
        .modal.contact-modal .modal-inner .body form .input-group label.active {
          margin-top: -10px !important;
          display: block;
          font-size: 11px;
          font-style: normal;
          font-weight: 700;
          color: #889896; }
        .modal.contact-modal .modal-inner .body form .input-group.error label {
          margin-top: -10px !important;
          display: block;
          font-size: 11px;
          font-style: normal;
          font-weight: 700;
          color: #D52D2E !important; }
      .modal.contact-modal .modal-inner .body form .error-input {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        color: #D52D2E;
        display: none; }
        .modal.contact-modal .modal-inner .body form .error-input.active {
          display: block; }
      .modal.contact-modal .modal-inner .body form .telephone-group {
        width: 390px;
        height: 56px;
        padding: 12px 14px;
        border-radius: 4px;
        border: 1px solid #00216B;
        background: #F6F6F6;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 768px) {
          .modal.contact-modal .modal-inner .body form .telephone-group {
            width: 100%; } }
        .modal.contact-modal .modal-inner .body form .telephone-group .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
          background: none; }
        .modal.contact-modal .modal-inner .body form .telephone-group .iti {
          width: 390px; }
          .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__selected-flag {
            background: none;
            padding: 0px;
            border-right: 1px solid #E1E1E1;
            padding-right: 10px;
            margin-right: 10px; }
            .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__selected-flag .iti__selected-dial-code {
              font-size: 14px;
              font-style: normal;
              font-weight: 600; }
          .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__country-list {
            border-radius: 4px;
            background: #F6F6F6;
            box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
            top: 50px;
            width: 390px;
            left: -10px; }
            .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__country-list .iti__divider {
              display: none; }
            .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__country-list .iti__country {
              padding: 12px;
              border-bottom: 1px solid #e6e6e6; }
            .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__country-list .iti__country.iti__highlight {
              background: none; }
            .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__country-list .iti__dial-code {
              color: #12312D;
              display: flex;
              flex: 1;
              justify-content: end;
              font-size: 12px;
              font-style: normal;
              font-weight: 600; }
            .modal.contact-modal .modal-inner .body form .telephone-group .iti .iti__country-list .iti__country-name {
              font-size: 12px;
              font-style: normal;
              font-weight: 600;
              color: #12312D;
              font-family: 'Nunito Sans',sans-serif; }
        .modal.contact-modal .modal-inner .body form .telephone-group input {
          width: 100%;
          border: none;
          outline: none;
          background: none;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          color: #212121; }
          .modal.contact-modal .modal-inner .body form .telephone-group input::placeholder {
            font-size: 14px;
            font-weight: 500;
            color: rgba(18, 49, 45, 0.5);
            font-family: 'Poppins',sans-serif; }
      .modal.contact-modal .modal-inner .body form .input-checkbox {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 24px; }
        @media screen and (max-width: 768px) {
          .modal.contact-modal .modal-inner .body form .input-checkbox {
            margin-bottom: 12px; } }
        .modal.contact-modal .modal-inner .body form .input-checkbox .inner {
          justify-content: start;
          align-items: start;
          display: flex;
          width: 100%;
          gap: 8px; }
        .modal.contact-modal .modal-inner .body form .input-checkbox .checkbox input {
          display: none; }
        .modal.contact-modal .modal-inner .body form .input-checkbox .checkbox label {
          width: 24px;
          height: 24px;
          border: 2px solid #12312D;
          display: block;
          border-radius: 4px;
          cursor: pointer; }
        .modal.contact-modal .modal-inner .body form .input-checkbox .checkbox input:checked + label {
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: center; }
          .modal.contact-modal .modal-inner .body form .input-checkbox .checkbox input:checked + label:before {
            content: '✓'; }
        .modal.contact-modal .modal-inner .body form .input-checkbox a {
          color: #9C9494;
          font-family: 'Nunito Sans', sans-serif;
          font-size: 14px;
          font-style: normal;
          font-weight: 600;
          text-decoration: underline;
          cursor: pointer; }
      .modal.contact-modal .modal-inner .body form button {
        width: 100%;
        height: 56px;
        border-radius: 4px;
        background: #00A6C3;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFF;
        font-family: 'Nunito Sans',sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 800;
        border: none;
        outline: none;
        cursor: pointer;
        transition: all 0.3s; }
        .modal.contact-modal .modal-inner .body form button:hover {
          background: #035b6b; }
        @media screen and (max-width: 768px) {
          .modal.contact-modal .modal-inner .body form button {
            width: 100%; } }
      .modal.contact-modal .modal-inner .body form .text-telephone {
        color: #12312D;
        font-family: 'Nunito Sans',sans-serif;
        font-size: 14px;
        font-style: normal;
        text-align: center;
        font-weight: 400; }
        .modal.contact-modal .modal-inner .body form .text-telephone a {
          color: #12312D;
          text-decoration: none;
          font-weight: 800;
          cursor: pointer; }

.iti--container {
  left: 0px !important;
  border-radius: 24px 24px 0px 0px !important;
  top: auto !important;
  width: 100% !important;
  background: #fff;
  bottom: 0px !important;
  position: fixed;
  box-shadow: none;
  border: none; }
  .iti--container .iti__divider {
    display: none; }
  .iti--container .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px; }
    .iti--container .heading span:first-child {
      text-align: center;
      color: #12312D;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      flex: 1; }
  .iti--container button {
    width: 319px;
    height: 56px;
    border-radius: 80px;
    background: #12312D;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0px auto;
    margin-top: 20px; }
  .iti--container .iti__country-list {
    max-height: 400px;
    position: relative;
    border: none;
    box-shadow: none; }
  .iti--container .iti__country {
    padding: 12px;
    border-bottom: 1px solid #e6e6e6; }
  .iti--container .iti__country.iti__highlight {
    background: none; }
  .iti--container .iti__dial-code {
    color: #12312D;
    display: flex;
    flex: 1;
    justify-content: end;
    font-size: 12px;
    font-style: normal;
    font-weight: 600; }
  .iti--container .iti__country-name {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: #12312D;
    font-family: 'Nunito Sans',sans-serif; }

.video-modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #00000066; }
  .video-modal.active {
    display: flex; }
  .video-modal .close-video {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .video-modal .close-video {
        width: 40px;
        height: 40px; } }
    .video-modal .close-video svg path {
      fill: black; }
  .video-modal iframe {
    width: 950px;
    height: 530px; }
    @media screen and (max-width: 768px) {
      .video-modal iframe {
        width: 100%;
        height: 600px; } }

footer {
  background: #154283;
  padding: 27px 0px; }
  @media screen and (max-width: 768px) {
    footer {
      padding: 0px 0px; } }
  @media screen and (max-width: 768px) {
    footer .telephone {
      display: none; } }
  footer .telephone .text {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400; }
    footer .telephone .text a {
      font-weight: 700;
      color: #fff;
      text-decoration: none; }
  footer .right-inner {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: space-between; }
    footer .right-inner .logo img {
      width: 117.296px; }
      @media screen and (max-width: 768px) {
        footer .right-inner .logo img {
          width: 48px; } }
    @media screen and (max-width: 768px) {
      footer .right-inner {
        justify-content: center; }
        footer .right-inner svg {
          width: 87px; }
        footer .right-inner .logo {
          display: flex; } }
    footer .right-inner .sub-title {
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px; }
      @media screen and (max-width: 768px) {
        footer .right-inner .sub-title {
          font-size: 11px;
          flex: 1; } }

.mobile-links {
  display: none; }
  @media screen and (max-width: 768px) {
    .mobile-links {
      position: fixed;
      bottom: 20px;
      z-index: 99;
      display: none;
      align-items: center;
      width: 300px;
      gap: 16px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      justify-content: center; }
      .mobile-links.active {
        display: flex; }
      .mobile-links a.contact-btn {
        color: #00A6C4;
        text-align: center;
        padding: 12px 24px;
        border-radius: 8px;
        border: 2px solid #00A6C4;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        text-decoration: none;
        background: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
      .mobile-links a.phone-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: 2px solid #00A6C4;
        border-radius: 100%;
        height: 48px;
        width: 48px; }
        .mobile-links a.phone-btn svg path {
          fill: #00A6C4; }
      .mobile-links a.wp-button {
        height: 48px;
        width: 48px;
        display: block !important;
        position: static !important; } }

.whatsapp-button-desktop {
  width: 64px;
  height: 64px;
  position: fixed;
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2MiA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xXzY3MykiPgo8cmVjdCB4PSI0IiB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIHJ4PSIyNyIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzFfNjczKSIvPgo8cGF0aCBkPSJNMTQuNjIyMiA0Mi43MDgzTDE2LjkzNzMgMzQuMzAxNUMxNS41MDYgMzEuODMzOSAxNC43NTUyIDI5LjAzOTQgMTQuNzYzIDI2LjE4MjZDMTQuNzYzIDE3LjIzMDkgMjIuMDgzNyA5Ljk1Mjc2IDMxLjA3MDQgOS45NTI3NkMzNS40MzQ2IDkuOTUyNzYgMzkuNTMzIDExLjY0MTkgNDIuNjA2OCAxNC43MDg5QzQ1LjY4ODMgMTcuNzc1OCA0Ny4zODU2IDIxLjg1NDcgNDcuMzc3NyAyNi4xOTA0QzQ3LjM3NzcgMzUuMTQyMiA0MC4wNTcgNDIuNDIwMyAzMS4wNjI1IDQyLjQyMDNIMzEuMDU0N0MyOC4zMjUxIDQyLjQyMDMgMjUuNjQyNCA0MS43MzUzIDIzLjI1NjkgNDAuNDQzMkwxNC42MjIyIDQyLjcwODNaTTIzLjY3MTQgMzcuNTA4NUwyNC4xNjQyIDM3LjgwNDNDMjYuMjQ0NiAzOS4wMzQyIDI4LjYzMDEgMzkuNjgwMyAzMS4wNjI1IDM5LjY4ODFIMzEuMDcwNEMzOC41Mzk3IDM5LjY4ODEgNDQuNjI0NiAzMy42Mzk4IDQ0LjYyNDYgMjYuMTk4MkM0NC42MjQ2IDIyLjU5NDIgNDMuMjE2OCAxOS4yMDgxIDQwLjY1OTMgMTYuNjU0OUMzOC4xMDE3IDE0LjEwMTcgMzQuNjkxNiAxMi43MDA2IDMxLjA3MDQgMTIuNzAwNkMyMy42MDEgMTIuNjkyOCAxNy41MTYxIDE4Ljc0MSAxNy41MTYxIDI2LjE4MjZDMTcuNTE2MSAyOC43MjgxIDE4LjIyNzggMzEuMjExMiAxOS41ODg3IDMzLjM1OTZMMTkuOTA5NCAzMy44NzM0TDE4LjU0MDcgMzguODQ3NEwyMy42NzE0IDM3LjUwODVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTUuMTkzMSA0Mi4xNDAxTDE3LjQzIDM0LjAyMTNDMTYuMDQ1NiAzMS42NDcxIDE1LjMxODMgMjguOTQ2IDE1LjMxODMgMjYuMTkwNEMxNS4zMjYxIDE3LjU1MDEgMjIuMzg4NyAxMC41MjEgMzEuMDcwMyAxMC41MjFDMzUuMjg2IDEwLjUyMSAzOS4yMzU4IDEyLjE1NTcgNDIuMjA3OCAxNS4xMTM2QzQ1LjE3OTkgMTguMDcxNiA0Ni44MTQ2IDIyLjAxMDQgNDYuODE0NiAyNi4xOTgyQzQ2LjgxNDYgMzQuODM4NiAzOS43NDQxIDQxLjg2NzYgMzEuMDcwMyA0MS44Njc2SDMxLjA2MjVDMjguNDI2NyA0MS44Njc2IDI1LjgzNzkgNDEuMjA2IDIzLjUzODQgMzkuOTYwNUwxNS4xOTMxIDQyLjE0MDFaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMV82NzMpIi8+CjxwYXRoIGQ9Ik0xNC42MjIyIDQyLjcwODNMMTYuOTM3MyAzNC4zMDE1QzE1LjUwNiAzMS44MzM5IDE0Ljc1NTIgMjkuMDM5NCAxNC43NjMgMjYuMTgyNkMxNC43NjMgMTcuMjMwOSAyMi4wODM3IDkuOTUyNzYgMzEuMDcwNCA5Ljk1Mjc2QzM1LjQzNDYgOS45NTI3NiAzOS41MzMgMTEuNjQxOSA0Mi42MDY4IDE0LjcwODlDNDUuNjg4MyAxNy43NzU4IDQ3LjM4NTYgMjEuODU0NyA0Ny4zNzc3IDI2LjE5MDRDNDcuMzc3NyAzNS4xNDIyIDQwLjA1NyA0Mi40MjAzIDMxLjA2MjUgNDIuNDIwM0gzMS4wNTQ3QzI4LjMyNTEgNDIuNDIwMyAyNS42NDI0IDQxLjczNTMgMjMuMjU2OSA0MC40NDMyTDE0LjYyMjIgNDIuNzA4M1pNMjMuNjcxNCAzNy41MDg1TDI0LjE2NDIgMzcuODA0M0MyNi4yNDQ2IDM5LjAzNDIgMjguNjMwMSAzOS42ODAzIDMxLjA2MjUgMzkuNjg4MUgzMS4wNzA0QzM4LjUzOTcgMzkuNjg4MSA0NC42MjQ2IDMzLjYzOTggNDQuNjI0NiAyNi4xOTgyQzQ0LjYyNDYgMjIuNTk0MiA0My4yMTY4IDE5LjIwODEgNDAuNjU5MyAxNi42NTQ5QzM4LjEwMTcgMTQuMTAxNyAzNC42OTE2IDEyLjcwMDYgMzEuMDcwNCAxMi43MDA2QzIzLjYwMSAxMi42OTI4IDE3LjUxNjEgMTguNzQxIDE3LjUxNjEgMjYuMTgyNkMxNy41MTYxIDI4LjcyODEgMTguMjI3OCAzMS4yMTEyIDE5LjU4ODcgMzMuMzU5NkwxOS45MDk0IDMzLjg3MzRMMTguNTQwNyAzOC44NDc0TDIzLjY3MTQgMzcuNTA4NVoiIGZpbGw9InVybCgjcGFpbnQyX2xpbmVhcl8xXzY3MykiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNi45OTUzIDE5LjM5NDlDMjYuNjkwMyAxOC43MTc3IDI2LjM2OTYgMTguNzAyMSAyNi4wODAyIDE4LjY5NDNDMjUuODQ1NiAxOC42ODY1IDI1LjU3MTkgMTguNjg2NSAyNS4yOTgxIDE4LjY4NjVDMjUuMDI0NCAxOC42ODY1IDI0LjU4NjQgMTguNzg3NyAyNC4yMTA5IDE5LjE5MjVDMjMuODM1NSAxOS41OTczIDIyLjc4NzUgMjAuNTc4MSAyMi43ODc1IDIyLjU3ODZDMjIuNzg3NSAyNC41NzEzIDI0LjI1MDEgMjYuNTAxOCAyNC40NTM0IDI2Ljc3NDJDMjQuNjU2OCAyNy4wNDY3IDI3LjI3NjkgMzEuMjczNCAzMS40MTQ0IDMyLjkwMDNDMzQuODU1NyAzNC4yNTQ4IDM1LjU1OTYgMzMuOTgyMyAzNi4zMDI3IDMzLjkxMjNDMzcuMDQ1NyAzMy44NDIyIDM4LjcxMTYgMzIuOTMxNSAzOS4wNTU4IDMxLjk4MThDMzkuMzkyMSAzMS4wMzIxIDM5LjM5MjEgMzAuMjIyNiAzOS4yOTA0IDMwLjA1MTNDMzkuMTg4NyAyOS44ODAxIDM4LjkxNSAyOS43Nzg5IDM4LjUwODMgMjkuNTc2NUMzOC4xMDE2IDI5LjM3NDEgMzYuMDk5MyAyOC4zOTMzIDM1LjcyMzkgMjguMjUzMkMzNS4zNDg1IDI4LjEyMDkgMzUuMDc0NyAyOC4wNTA4IDM0LjgwODggMjguNDU1NkMzNC41MzUxIDI4Ljg2MDQgMzMuNzUyOSAyOS43NzExIDMzLjUxODMgMzAuMDQzNkMzMy4yODM2IDMwLjMxNiAzMy4wNDEyIDMwLjM0NzEgMzIuNjM0NSAzMC4xNDQ3QzMyLjIyNzggMjkuOTQyNCAzMC45MTM4IDI5LjUxNDIgMjkuMzU3NCAyOC4xMjg3QzI4LjE0NTEgMjcuMDU0NSAyNy4zMjM4IDI1LjcyMzQgMjcuMDg5MiAyNS4zMTg2QzI2Ljg1NDUgMjQuOTEzOCAyNy4wNjU3IDI0LjY5NTkgMjcuMjY5MSAyNC40OTM1QzI3LjQ0OSAyNC4zMTQ0IDI3LjY3NTggMjQuMDE4NiAyNy44NzkxIDIzLjc4NTFDMjguMDgyNSAyMy41NTE2IDI4LjE1MjkgMjMuMzgwMyAyOC4yODU4IDIzLjEwNzlDMjguNDE4OCAyMi44MzU1IDI4LjM1NjIgMjIuNjAxOSAyOC4yNTQ2IDIyLjM5OTVDMjguMTUyOSAyMi4yMDQ5IDI3LjM1NTEgMjAuMTk2NiAyNi45OTUzIDE5LjM5NDlaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMV82NzMiIHg9IjAiIHk9IjAiIHdpZHRoPSI2MiIgaGVpZ2h0PSI2MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR5PSI0Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMV82NzMiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMV82NzMiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xXzY3MyIgeDE9IjMwLjk5ODYiIHkxPSI1My45OTczIiB4Mj0iMzAuOTk4NiIgeTI9Ii0wLjAwMTg4OTMyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyMEIwMzgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjBENjZBIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xXzY3MyIgeDE9IjMxLjAwMyIgeTE9IjQyLjEzODUiIHgyPSIzMS4wMDMiIHkyPSIxMC41MTk5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMyMEIwMzgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjBENjZBIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQyX2xpbmVhcl8xXzY3MyIgeDE9IjMxLjAwMzIiIHkxPSI0Mi43MDUyIiB4Mj0iMzEuMDAzMiIgeTI9IjkuOTUyNzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Y5RjlGOSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IndoaXRlIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
  right: 56px;
  bottom: 50px;
  cursor: pointer;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    .whatsapp-button-desktop {
      display: none; } }

.contact-sticky {
  border-radius: 0px 8px 8px 0px;
  background: #00A6C3;
  position: fixed;
  left: 0px;
  padding: 12px;
  top: 40vh;
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 10;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    .contact-sticky {
      display: none; } }
  .contact-sticky span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0.5px;
    writing-mode: vertical-rl; }
.image-filter{filter: brightness(0);}