/*****************************************/
/*    custom style here      */
/*****************************************/

/* 
.container {
    background: #5e5e5e21;
} */

.text-bluelight {
      color: #B8E2E8 !important;
}

.bg-bluelight {
      background-color: #B8E2E8 !important;
}

.border-bluelight {
      border-color: #B8E2E8 !important;
      ;
}

.sr-form fieldset {
      display: flex !important;
      flex-direction: row !important;
      gap: 24px;flex-flow: column;
}

textarea,
select,
.form-control,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
      padding: 15px;

}

textarea:focus,
select:focus,
.form-control:focus,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {
      color: {
                  {
                  form.field_focus_color.color
            }
      }

      ;

      border-color: {
                  {
                  form.field_border_focus_color.color
            }
      }

      ;
      box-shadow: none;
      border:1px solid #fff !important;
}

textarea.error,
select.error,
.form-control.error,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
.hs-error-msg {
      color: {
                  {
                  form.help_text_color.color
            }
      }

      ;

      border-color: {
                  {
                  form.help_text_color.color
            }
      }

      ;
}

.btn-wrapper.btn-outline-secondary-wrapper .cta_button,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button,
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="submit"],
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="button"] {
      border: 0;
      color: #0097ab;
      background: linear-gradient(to bottom left, #0097ab 50%, #0000 50.1%) top right, linear-gradient(to top right, #0097ab 50%, #0000 50.1%) bottom left;
      background-size: calc(0.9em + 1.3 * 2px) calc(0.9em + 1.3 * 2px);
      background-repeat: no-repeat;
      box-shadow: 0 0 0 200px inset var(--s, #0000), 0 0 0 2px inset #0097ab !important;
      clip-path: polygon(0 0, calc(100% - 0.9em) 0, 100% 0.9em, 100% 100%, 0.9em 100%, 0 calc(100% - 0.9em));
}

.btn-wrapper.btn-outline-secondary-wrapper .cta_button:hover,
.btn-wrapper.btn-outline-secondary-wrapper .cta-button:hover,
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="submit"]:hover,
.btn-wrapper.btn-outline-secondary-wrapper .hs-form input[type="button"]:hover {
      background-color: #DDF4F7;
      border-color: #DDF4F7;
      color: #0097AB;
}

.CTA-banner .container,
.sr-clients-carousel-01 .container,
.sr-two-col-07 .container,
.finx-one-col .container,
.LandngHero .container,
.navbar-main .container,
.EpisodeRow .container {
      max-width: 1230px;
      padding: 0 15px;
}

textarea,
select,
.form-control,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]),
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
      background: transparent !important;
}

.hs-error-msgs {
      display: none;
}

textarea.error,
select.error,
.form-control.error,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error,
.hs-error-msg {
      border-color: #ff0000;
}

.inputs-list {
      margin: 16px 0 0;
}

.inputs-list a {
      color: #0097AB
}

.widget-type-form,
.landing-form {
      background: #1D242C;
      position: relative;
      padding-bottom: 62px;
}

.widget-type-form form,
.landing-form form {
      max-width: 1110px;
      margin: 40px auto 86px;
      padding: 60px 90px;
}

.widget-type-form:before,
.landing-form:before {
      background: url(/hubfs/242609835/bgicon-left.svg) no-repeat;
      content: "";
      height: 68px;
      top: auto;
      left: 0;
      position: absolute;
      bottom: 25px;
      width: 271px;
}

.landing-form .d-flex {
      justify-content: center;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
      font-size: 14px;
      font-weight: 600;
      color: #1D242C;
}

.btn-wrapper.btn-primary-wrapper .cta_button,
.btn-wrapper.btn-primary-wrapper .cta-button,
input[type=submit].hs-button.primary,
.btn-wrapper.btn-primary-wrapper input[type="submit"],
.btn-wrapper.btn-primary-wrapper input[type="button"],
input[type=submit].hs-button.btn-primary {
      position: relative;
      background-color: #0097ab;
      color: #fff;
      font-weight: bold;
      border: none;
      cursor: pointer;
      clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
      transition: background-color 0.3s ease;
      min-width: 240px;
      font-size: 18px !important;
      line-height: 24px !important;
      width: auto;
}

/* .btn-wrapper.btn-primary-wrapper .cta_button:hover, .btn-wrapper.btn-primary-wrapper .cta-button:hover, 
input[type=submit].hs-button.primary:hover, .btn-wrapper.btn-primary-wrapper input[type="submit"]:hover,  
.btn-wrapper.btn-primary-wrapper input[type="button"]:hover, input[type=submit].hs-button.btn-primary:hover{background:#0097AB;} */
.hs_submit.hs-submit {
      width: 100%;
      text-align: center;
}

.cta-button {
      position: relative;
      padding: 12px 44px;
      font-weight: bold;
      border: none;
      cursor: pointer;
      clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
      transition: background-color 0.3s ease;
      min-width: 240px;
      font-size: 18px !important;
      line-height: 24px !important;
      text-align: center;
      justify-content: center !important;
}

.cta-button:hover {
      background: #0097AB;
}

.cornerRight {
      background: #1d242c;
      border: 0;
      position: relative;
      isolation: isolate;
      display: inline-grid;
      place-content: center;
      clip-path: polygon(0 0, calc(100% - 5em) 0, 100% 5em, 100% 100%, 0 100%);
}

.cornerRight::before {
      content: "";
      position: absolute;
      inset: 0;
      background: #D2FF72;
      z-index: -2;
}

.cornerRight::after {
      content: "";
      position: absolute;
      inset: 0;
      background: #1d242c;
      z-index: -1;
      clip-path: polygon(0.3em 0.3em, calc(100% - 5em - 0.3em) 0.3em, calc(100% - 0.3em) calc(5em + 0.3em * 0.5), calc(100% - 0.3em) calc(100% - 0.3em), 0.3em calc(100% - 0.3em));
}

.box {
      position: relative;
}

.box:before {
      content: "";
      display: block;
      padding-top: 56.25%;
}

.imageHolder {
      position: absolute;
      left: 0px;
      top: 0px;
      right: 0px;
      bottom: 0px;
}

.cover,
.imageHolder img {
      -o-object-fit: cover;
      object-fit: cover;
      font-family: 'object-fit: cover';
      -o-object-position: center center;
      object-position: center center;
      font-family: 'object-fit: cover; object-position: center center';
      width: 100%;
      height: 100%;
}

.cornerRight {
      background: #1e1d1d;
      border: 0;
      position: relative;
      isolation: isolate;
      display: inline-grid;
      place-content: center;
      clip-path: polygon(0 0, calc(100% - 5em) 0, 100% 5em, 100% 100%, 0 100%);
}

.cornerRight::before {
      content: "";
      position: absolute;
      inset: 0;
      background: #D2FF72;
      z-index: -2;
}

.cornerRight::after {
      content: "";
      position: absolute;
      inset: 0;
      background: #1e1d1d;
      z-index: -1;
      clip-path: polygon(0.3em 0.3em, calc(100% - 5em - 0.3em) 0.3em, calc(100% - 0.3em) calc(5em + 0.3em * 0.5), calc(100% - 0.3em) calc(100% - 0.3em), 0.3em calc(100% - 0.3em));
}

.box-content {
      font-family: "Open Sans", sans-serif;
      color: #fff;
      padding: 3em 4em;
}



.corner {
      background: #D2FF72;
      border: 0;
      position: relative;
      isolation: isolate;
      display: inline-grid;
      place-content: center;
      clip-path: polygon(0 0, calc(100% - 5em) 0, 100% 5em, 100% 100%,
                  5em 100%, 0 calc(100% - 5em));
}

.corner::before {
      content: "";
      position: absolute;
      inset: 0;
      background: #ff0000;
      z-index: -2;
}

.corner::after {
      content: "";
      position: absolute;
      inset: 0;
      background: #1e1d1d;
      z-index: -1;
      clip-path: polygon(0.3em 0.3em, calc(100% - 5em - 0.3em) 0.3em, calc(100% - 0.3em) calc(5em + 0.3em * 0.5), calc(100% - 0.3em) calc(100% - 0.3em), calc(5em + 0.3em * 0.5) calc(100% - 0.3em), 0.3em calc(100% - 5em - 0.3em));
}

.hs_recaptcha {
      display: none;
}

select {
      background: url(/hubfs/242094342/arrow.svg) right 20px center no-repeat !important;
      border: 1.55px solid rgba(0, 60, 81, 1);
      background-color: rgba(240, 242, 245, 1);

}

.hs-error-msgs {
      text-align: center
}

input::-webkit-input-placeholder {
      color: rgba(0, 60, 81, 1);
}

input:-moz-placeholder {
      color: rgba(0, 60, 81, 1);
}

input::-moz-placeholder {
      color: rgba(0, 60, 81, 1);
}

input:-ms-input-placeholder {
      color: rgba(0, 60, 81, 1);
}

select::-webkit-input-placeholder {
      color: rgba(0, 60, 81, 1);
}

select:-moz-placeholder {
      color: rgba(0, 60, 81, 1);
}

select::-moz-placeholder {
      color: rgba(0, 60, 81, 1);
}

select:-ms-input-placeholder {
      color: rgba(0, 60, 81, 1);
}

.sr-form [type="checkbox"]:checked+span:before,
.sr-form [type="checkbox"]:not(:checked)+span:before {
      border-radius: 0 !important
}


/* Website css */
.ContentPage .navbar-main {
      background: #fff !important
}

.ContentPage {
      background: #fff !important
}

.ContentPage .container {
      max-width: 1230px;
      padding: 0px;
}

.container1 .container-fluid {
      padding: 0px;
}

/* .ContentPage .SiteCTA {margin: 0 -15px !important;} */
.ContentPage .sr-navbar .navbar-nav .nav-link,
.ContentPage .sr-navbar .navbar-nav .active>.nav-link,
.globe_class {
      color: #1D242C !important;
}

.ContentPage .sr-navbar .navbar-nav .nav-link:hover,
.ContentPage .sr-navbar .navbar-nav .active>.nav-link:hover,
.globe_class:hover {
      color: #0097ab !important;
}

/* Website css */

.Finx-Footer:before {
      content: "";
      width: 272px;
      height: 69px;
      left: 0px;
      bottom: 34px;
      position: absolute;
      background: url(/hubfs/242609835/white-icon-bg.svg) no-repeat;
}

.Finx-Footer .social .icon-1,
.Finx-Footer .social .icon-1 svg,
.Finx-Footer .social .icon-1 svg g,
.Finx-Footer .social .icon-1 svg g path {
      color: #1d242c !important;
      fill: #1d242c !important;
}


#navbar-main .navbar-brand img {
      max-width: inherit !important;
}

.sr-hero-features,
.tab-contents,
.TwoColTab .details__summary,
.firstBox,
.TwoColBgImg .col-content,
.BoxContent,
.GridCard .description,
.TextImgTab .details__content,
.GridCard ul li,
.TwoCol .col-content,
.SiteCTA .description,
.Finx-Partner-slider .slideRight,
.font-small *,
.large,
.lead,
.small,
p.small,
small {
      line-height: 30px !important
}

@media only screen and (max-width: 1500px) {
      .landing-form .container {
            max-width: 1440px;
      }
}

@media only screen and (max-width: 1366px) {

      .sr-two-col-07:before,
      .finx-one-col:after {
            background-size: 60px !important;
            width: 60px;
      }

      .Full-img-text.rightImg .content_col {
            padding-left: 82px
      }

      .Full-img-text.leftImg .content_col {
            padding-right: 82px;
      }

      .EpisodeRow .text-auto .heading {
            padding: 0px 45px;
      }

      .list-layout li {
            padding: 60px 66px 32px
      }
}

@media only screen and (max-width: 1280px) {

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6,
      .display-1,
      .display-2,
      .display-3,
      .display-4 {}

      .CTA-banner .container,
      .EpisodeRow .container,
      .LandngHero .container,
      .finx-one-col .container,
      .container {
            padding-left: 50px !important;
            padding-right: 50px !important
      }

      .EpisodeRow .text-auto .heading {
            padding: 0 25px;
      }

}

@media only screen and (max-width: 1200px) {
      #navbar-main .cta-button {
            background: linear-gradient(to bottom left, #0097ab 50%, #0000 50.1%) 100% 0, linear-gradient(to top right, #0097ab 50%, #0000 50.1%) 0 100% !important;
            background-repeat: no-repeat !important;
            background-size: calc(.9em + 2.6px) calc(.9em + 2.6px) !important;
            border: 0;
            box-shadow: 0 0 0 200px inset var(--s, #0000), 0 0 0 2px inset #0097ab !important;
            clip-path: polygon(0 0, calc(100% - .9em) 0, 100% .9em, 100% 100%, .9em 100%, 0 calc(100% - .9em));
            color: #0097ab !important;
            min-width: inherit !important;
            padding: 0 45px !important;
      }

      .sr-navbar .navbar-nav .nav-link {
            position: relative;
      }

      .sr-navbar .navbar-nav a.nav-link:before {
            content: "";
            background: url(/hubfs/242609835/rightArrow.svg) no-repeat right center;
            position: absolute;
            width: 20px;
            height: 20px;
            background-size: 16px;
            top: 0;
            right: 0;
      }

      #navbar-main .cta-button:hover {
            background: #0097ab !important;
            color: #fff !important;
      }
}

@media only screen and (max-width: 1100px) {
      .list-layout p {
            font-size: 20px !important;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      .h1,
      .h2,
      .h3,
      .h4,
      .h5,
      .h6,
      .display-1,
      .display-2,
      .display-3,
      .display-4 {
            line-height: 1.2 !important
      }

      .text-white :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4, label, .hs-error-msgs, .hs-error-msg, .hs-error-msgs li, .hs-form-field span) {
            line-height: normal
      }

      .sr-footer-Landing .bgright {
            right: 0;
            top: 0px;
            width: 160px;
      }

      .sr-clients-carousel-01:before,
      .finx-one-col:before,
      .landing-form:before,
      .widget-type-form:before {
            background-size: 160px !important;
      }

      .sr-two-col-07:after {
            background-size: 160px !important;
            right: 0;
            width: 160px !important
      }

      .landing-Header svg {
            width: 160px;
      }
}

@media only screen and (max-width:991px) {
      .Finx-Footer:before {
            background-size: 160px;
            bottom: 0
      }

      .Finx-Footer {
            padding-bottom: 100px;
      }
}

@media only screen and (max-width: 850px) {
      .EpisodeRow .col-md-12 .heading {
            margin-bottom: 50px;
      }

      .EpisodeRow h3.heading {
            margin-bottom: 30px;
      }

      .two-col-tabs h5 {
            font-size: 22px !important;
            line-height: 30px !important;
      }

      .sr-padding-full {
            padding-top: 80px !important;
            padding-bottom: 80px !important
      }
}

@media only screen and (max-width: 767px) {
      .LandngHero .col-md-7 {
            min-height: auto !important;
      }

      .navbar {
            margin-bottom: 36px !important
      }

      .CTA-banner .container,
      .EpisodeRow .container,
      .LandngHero .container,
      .finx-one-col .container,
      .container,
      .navbar {
            padding-left: 24px !important;
            padding-right: 24px !important
      }

      .footer-logo-social p {
            font-size: 16px;
      }

      .landing-Header svg,
      .landing-form form:after,
      .landing-form form:before,
      .landing-form:before,
      .widget-type-form:before,
      .list-layout li:after,
      .list-layout li:before {
            display: none;
      }

      .container,
      .container-sm {
            max-width: 100% !important
      }

      .landing-form form,
      .widget-type-form form {
            margin: 0;
            max-width: 1110px;
            padding: 60px 0px 0;
      }

      .sr-footer-Landing {
            padding: 40px 0px 100px !important
      }

      .sr-footer-Landing .bgright {
            left: 0;
            top: auto;
            width: 150px;
            bottom: 20px;
      }

      .list-layout li .col-md-6:last-child {
            padding-left: 24px;
      }

      .list-layout li {
            padding: 0px;
            margin-bottom: 60px !important
      }

      .finx-one-col:after {
            background-size: 160px !important;
            width: 160px;
      }

      .landing-form,
      .widget-type-form {
            padding-bottom: 0 !important;
      }

      @media screen and (orientation: landscape) {
            .sr-navbar .navbar-nav {
                  margin-top: 30px;
                  min-height: 280px;
            }

            .nav-ctas {
                  bottom: auto !important;
                  position: relative !important;
            }

      }
}

@media only screen and (max-width: 480px) {

      .btn-wrapper.btn-secondary-wrapper .cta_button,
      .btn-wrapper.btn-secondary-wrapper .cta-button,
      .btn-wrapper.btn-secondary-wrapper .hs-form input[type="submit"],
      .btn-wrapper.btn-secondary-wrapper .hs-form input[type="button"],
      input[type=submit].hs-button.secondary {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
      }

      .sr-form fieldset {
            display: flex !important;
            flex-direction: column !important;
            gap: 24px;
      }

      .HeroForm .sr-padding-half {
            padding: 0 0 80px;
      }

      .HeroForm .sr-row {
            row-gap: 30px;
      }

      .HeroForm form,
      .sr-form fieldset {
            gap: 10px;
      }

}

.sr-form [type="checkbox"]:checked + span:before, .sr-form [type="checkbox"]:not(:checked) + span:before {
    content: '';
    position: absolute;
   height: 18px;
    left: -1px;
    position: absolute;
    top: 3px;
    width: 18px;
    border: 1px solid #003c51;
    border-radius: 4px;
}

.sr-valign-stretch .content-wrapper {
      flex-direction: inherit !important;
}


.details .details__content.description{ display:none;}
.details.open .details__content.description{ display:block;}
.details.open .details-icon {transform: translateY(-50%) rotate(0deg);}

.TwoColTab .details.open .details-icon {transform: translateY(-50%) rotate(-180deg);}