:root {
        --white: #ffffff;
        --black: #484848;
        --blue: #24587f;
        --orange: #ff7b00;
        --xt-light-grey: #fefefe;
        --light-grey: #fafafa;
      }

      /*Reset 2023*/
      h1 {
        font-weight: 700;
        font-size: 3rem;
      }
      h2 {
        font-weight: 700;
        font-size: 3rem;
      }

      h3 {
        font-weight: 700;
        font-size: 3rem;
      }
      p {
        font-family: 'Poppins-Regular', sans-serif;
        /*color: #2a2a2a;*/
        font-weight: 400;
      }

      button {
        font-weight: 400;
      }
      .hidden {
        display: none;
      }

      /*Navigation*/
      a.navbar-brand img {
        width: 237px;
        height: auto;
      }

      /*Containers*/
      .container {
        max-width: 1420px;
      }

      /*Mixins*/
      .text-white {
        color: var(--white) !important;
      }
      .text-blue {
        color: var(--blue) !important;
      }
      .text-orange {
        color: var(--orange) !important;
      }
      .lead {
        font-size: 1.5rem;
        font-weight: 300;
        margin-bottom: 1.5rem;
        line-height: 2.4rem;
      }
      span.text-highlight-orange {
        color: #fff;
        background: var(--orange);
        padding: 0 12px;
        white-space: nowrap;
      }
      span.text-highlight-blue {
        color: #fff;
        background: var(--blue);
        padding: 0 12px;
        white-space: nowrap;
      }
      .card {
        border: none;
      }
      .card-body {
        border: 1px solid #d7e1e8;
        border-radius: 0.6rem;
      }
      ul.carousel {
        cursor: pointer;
      }
      .modal-content.modal-content-home {
        padding: 0.5em;
      }
      @media (min-width: 716px) {
        .calendly-inline-widget {
        height: 630px !important;
        }
      }
      @media (max-width: 715px) {
        .calendly-inline-widget {
        height: 430px !important;
        }
      }

      /*Buttons*/
      button.navbar-toggler {
        border-radius: 10px;
        padding: 5px 25px;
      }
      .btn-lg {
        padding: 1rem 4rem;
        font-size: 1.4rem;
        line-height: 1.5;
        border-radius: 0.7rem;
      }
      .btn-primary {
        background: var(--blue);
        color: #fff;
      }
      .btn-primary:hover {
        background: var(--blue);
        color: #fff;
      }
      .btn-warning {
        background: var(--orange);
        color: #fff;
      }
      .btn-warning:hover {
        background: var(--orange);
        color: #fff;
      }
      .btn-link.btn-hero {
        color: var(--blue);
        font-weight: 600;
        text-shadow: 1px 1px 0px rgba(255, 255, 255, 1), 0px 1px 7px rgba(255, 255, 255, 1), -8px 3px 19px rgba(255, 255, 255, 1), 4px -1px 17px rgba(255, 255, 255, 1);
      }
      .btn-link:hover {
        color: var(--blue);
        text-decoration: underline;
      }
      .btn.btn-lg {
        transition: all 0.3s ease !important;
      }
      .btn.btn-lg:hover {
        transform: translate(0, 0) scale(1.1) !important;
        transition: all 0.3s ease !important;
      }
      a.btn.btn-sm.btn-light.btn-signup {
        border: 2px solid #24587f;
        border-radius: 0.7rem;
      }
      .navbar .btn-light {
        background: var(--blue);
      }
      a.btn.btn-sm.btn-light.btn-login {
        border: 2px solid #24587f;
        border-radius: 0.7rem;
        color: var(--blue);
      }
      .opacity-0 {
          opacity:0;
      }
        button.btn.btn-link.btn-lg.btn-hero {
            padding: 1.4rem 1.4rem;
        }
      @media (max-width: 1500px) {
        .btn-lg {
          padding: 1.4rem 3.5rem;
          font-size: 1.2rem;
          line-height: 1.5;
        }
      }
      @media (max-width: 1400px) {
        .btn-lg {
          padding: 1.4rem 3rem;
          font-size: 1rem;
          line-height: 1.5;
        }
      }
      @media (max-width: 768px) {
        .btn-lg {
          padding: 1.1rem 1.1rem;
          font-size: 1rem;
          line-height: 1.5;
        }
      }
      /*Section Hero*/
      #ratealert_hero {
        height: auto;
        padding: 14rem 1.5rem 0;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-end;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 88%, rgba(220, 220, 220, 1) 100%);
        overflow: hidden;
      }
      #ratealert_hero .container {
        max-width: 1820px;
      }
      .background-hero {
        position: absolute;
        bottom: 0;
        right: 0;
        transform-origin: bottom right;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        opacity: 0.85;
      }
      .background-hero img {
        object-fit: cover;
        display: block;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        opacity: 0;
      }
      .img-hero-group {
        /*position: absolute;*/
        top: 0;
        left: 0;
        width: 100%;
      }
      .img-hero-group {
        /*position: absolute;*/
        top: 0;
        left: 0;
        width: 100%;
      }
      .img-animate {
        position: absolute;
        max-width: 100%;
      }
      .img-animate-model {
        position: relative;
        z-index: 2;
      }
      .container img {
        transform-origin: center;
      }
      .img-animate-model {
        position: absolute;
        margin: 0;
        opacity: 1;
        z-index: 10;
      }
      .img-animate-model img {
        object-fit: cover;
        opacity: 0;
        width: 100%;
      }
      .text-hero-group {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        /* align-items: center; */
        height: 100%;
        padding-top: 1rem;
      }
      h1.hero-text {
        position: relative;
        font-size: 3.6em;
        line-height: 1.4em;
        color: var(--blue);
        text-transform: uppercase;
        text-shadow: 1px 1px 2px rgba(206,206,206,0.6);
      }
        p.hero-text {
        /*font-family: 'Poppins-Light', sans-serif;*/
        position: relative;
        font-weight: 500;
        font-size: 1.2rem;
        text-shadow: 1px 1px 2px rgba(206,206,206,0.6);
        /*text-shadow: 1px 1px 0px rgba(255, 255, 255, 1), 0px 1px 7px rgba(255, 255, 255, 1), -8px 3px 19px rgba(255, 255, 255, 1), 4px -1px 17px rgba(255, 255, 255, 1);*/
        }
      .hero-text {
        position: relative;
        display: inline-block;
        padding-top: 0.2em;
        padding-right: 0.05em;
        padding-bottom: 0.1em;
        overflow: hidden;
      }
      .word {
        white-space: nowrap;
      }
      .hero-text .letter {
        display: inline-block;
        line-height: 1em;
        transform-origin: 0 0;
      }
      @media (max-height: 800px) {
        #ratealert_hero {
          height: auto;
          padding-top: 100px;
        }
      }
      @media (max-width: 1400px) {
        h1.hero-text {
          font-size: 2.9em;
          line-height: 1.2em;
        }
      }
      @media (max-width: 1200px) {
        h1.hero-text {
          font-size: 2.5em;
          line-height: 1.2em;
        }
        p.hero-text {
          position: relative;
          font-weight: 100;
          font-size: 1rem;
        }
      }
      @media (max-width: 1100px) {
        .col-12.col-lg-6.col-section-hero-text {
          margin-top: -3rem;
        }
      }
      @media (max-width: 992px) {
        #ratealert_hero {
          height: auto;
          padding: 8rem 0 0;
        }
        h1.hero-text {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
          .background-hero {
            opacity: 0.4;
          }
        p.hero-text {
          font-size: 1.1rem;
          text-align: center;
        }
        .img-hero-group {
          /*position: absolute;*/
          top: 0;
          left: 0;
          width: 100%;
          max-width: 500px;
          margin: 0 auto 0;
        }
        .img-animate {
          position: absolute;
          max-width: 500px;
        }
        .img-animate-model {
          position: absolute;
          max-width: 500px;
        }
        .btn-hero-group .btn {
          display: block;
          margin: auto;
        }
        .col-12.col-lg-6.col-section-hero-text {
          margin-top: 0rem;
        }
      }
      @media (max-width: 768px) {
        h1.hero-text {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        p.hero-text {
          font-size: 1rem;
          text-align: center;
        }
      }
      @media (max-width: 576px) {
        #ratealert_hero {
          height: auto;
          padding-top: 90px;
        }
        h1.hero-text {
          font-size: 1.8em;
          line-height: 1.4em;
          text-align: center;
        }
        .background-hero {
          height: 100%;
        }
        .background-hero img {
          height: 100%;
        }
      }

      /*Section After Hero*/
      #ratealert_after_hero {
        height: auto;
        padding: 5rem 1rem;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: var(--orange);
        overflow: hidden;
      }
      #ratealert_after_hero h2 {
        font-size: 2.7em;
        line-height: 1.4em;
      }
      #ratealert_after_hero h3 {
        font-size: 5.3em;
      }
      .bkg-section.bkg-section-1 {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
      }
      .bkg-section.bkg-section-1 img {
        object-fit: fill;
        width: 100%;
        height: 100%;
        opacity: 1;
      }
      #ratealert_after_hero h3.text-inf{
          transform: scale(1.7);
      }
      @media (max-width: 1400px) {
        #ratealert_after_hero h2 {
          font-size: 2.4em;
          line-height: 1.4em;
        }
      }
      @media (max-width: 992px) {
        #ratealert_after_hero {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_after_hero h2 {
          font-size: 2em;
          line-height: 1.3em;
          text-align: center;
        }
        #ratealert_after_hero p {
          font-size: 1.1rem;
        }
        #ratealert_after_hero h3 {
          font-size: 3.3em;
        }
      }
      @media (max-width: 576px) {
        #ratealert_after_hero {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_after_hero h2 {
          font-size: 1.7em;
          line-height: 1.3em;
          text-align: center;
        }
        #ratealert_after_hero p {
          font-size: 1rem;
          line-height: 1.5rem;
        }
        #ratealert_after_hero h3 {
          font-size: 3.3em;
        }
      }
      /*Section About*/
      #ratealert_about {
        height: auto;
        padding: 5em 1em;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: var(--white);
        overflow: hidden;
      }
      #ratealert_about h2 {
        position: relative;
        font-size: 3.2em;
        color: #225071;
        line-height: 1.4em;
        text-transform: uppercase;
      }
      #ratealert_about h3 {
        font-size: 1.2em;
        line-height: 1.4em;
        color: var(--blue);
        text-transform: capitalize;
        font-family: 'Poppins-Regular', sans-serif;
        font-weight: 600;
      }
      #ratealert_about h4 {
        font-size: 1.2em;
        color: var(--orange);
        text-transform: uppercase;
      }
      #ratealert_about h4.card-title {
        font-family: 'Poppins-Bold', sans-serif;
        color: var(--blue);
        text-transform: uppercase;
      }
      img.img-icon {
        opacity: 1;
      }
      @media (max-width: 992px) {
        #ratealert_about {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_about h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_about p {
          font-size: 1rem;
        }
      }

      /*Section Services*/
      #ratealert_services {
        height: auto;
        min-height: 100vh;
        position: relative;
        padding: 5rem 1rem 14rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: var(--blue);
        overflow: hidden;
      }
      #ratealert_services h2 {
        position: relative;
        color: var(--white);
        line-height: 1.2em;
        text-align: right;
      }
      #ratealert_services p {
        color: var(--white);
        font-weight: 100;
        font-size: 1.2rem;
        text-align: right;
      }
      .bkg-section.bkg-section-ratealert-services {
        position: absolute;
        top: 0;
        width: 100%;
        min-height: 100vh;
      }
      .bkg-section.bkg-section-ratealert-services img {
        object-fit: cover;
        width: 100%;
        min-height: 100vh;
        opacity: 1;
      }
      #carousel_1 {
        width: 100%;
        height: 25em;
        margin: 0em auto;
        position: relative;
      }
      #carousel_1 ul.carousel {
        padding: 0;
        width: 100%;
      }
      #carousel_1 li {
        width: 100%;
        height: auto;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
      }
      #carousel_1 li img {
        width: 100%;
      }
      #carousel_1 li p {
        color: white;
        font-weight: bold;
        font-size: 5em;
        text-align: center;
        margin-top: 1.175em;
      }
      #carousel_1 .items {
        position: absolute;
      }
      #carousel_1 .main-pos {
        z-index: 1001;
      }
      #carousel_1 .left-pos {
        opacity: 0.3;
        margin-top: 7em !important;
        z-index: 1000;
        -webkit-transform: scale(0.75) rotateZ(6deg);
        -moz-transform: scale(0.75) rotateZ(6deg);
        transform: scale(0.75) rotateZ(6deg);
      }
      #carousel_1 .back-pos {
        margin-bottom: 2em !important;
        opacity: 0.05;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
      }
      #carousel_1 .right-pos {
        opacity: 0.3;
        margin-top: -7em !important;
        z-index: 1000;
        -webkit-transform: scale(0.75) rotateZ(-6deg);
        -moz-transform: scale(0.75) rotateZ(-6deg);
        transform: scale(0.75) rotateZ(-6deg);
      }
      #carousel_1 span {
        position: relative;
        margin: 0 auto;
        left: 17em;
        top: 20em;
      }
      @media (max-width: 992px) {
        #ratealert_services {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_services h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services p {
          font-size: 1.1rem;
          text-align: center;
        }
        .bkg-section.bkg-section-ratealert-services {
          position: absolute;
          width: 100%;
          height: 100%;
        }
        .bkg-section.bkg-section-ratealert-services img {
          object-fit: cover;
          width: 100%;
          height: 100%;
          opacity: 1;
        }
        #carousel_1 {
          width: 100%;
          max-width: 500px;
          height: 26em;
        }
        #carousel_1 .left-pos {
          opacity: 0.3;
          margin-top: 5em !important;
          z-index: 1000;
          -webkit-transform: scale(0.75) rotateZ(0deg);
          -moz-transform: scale(0.75) rotateZ(0deg);
          transform: scale(0.75) rotateZ(0deg);
        }
        #carousel_1 .right-pos {
          opacity: 0.3;
          margin-top: -5em !important;
          z-index: 1000;
          -webkit-transform: scale(0.75) rotateZ(0deg);
          -moz-transform: scale(0.75) rotateZ(0deg);
          transform: scale(0.75) rotateZ(0deg);
        }
      }
      @media (max-width: 768px) {
      }
      @media (max-width: 576px) {
        #ratealert_services h2 {
          font-size: 2em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services p {
          font-size: 1rem;
          text-align: center;
        }
        #carousel_1 {
          width: 100%;
          max-width: 500px;
          height: 19em;
          margin: 3em auto 0;
        }
      }

      /*Section Services Page 1*/
      #ratealert_services_page_1 {
        height: auto;
        padding: 5em 1em;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: var(--xt-light-grey);
        overflow: hidden;
      }
      #ratealert_services_page_1 h2 {
        position: relative;
        font-size: 3.4em;
        color: #24587f;
        line-height: 1.4em;
      }
      #ratealert_services_page_1 p {
        font-weight: 100;
        font-size: 1.2rem;
      }
      #ratealert_services_page_1 h3 {
        font-size: 5.3em;
      }
      #ratealert_services_page_1 .img-fluid {
        max-width: 900px;
        width: 100%;
      }
      #carousel_2 {
        width: 100%;
        height: 32rem;
        margin: 0em auto;
        position: relative;
      }
      #carousel_2 ul.carousel {
        padding: 0;
        width: 100%;
      }
      #carousel_2 li {
        width: 100%;
        height: auto;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
      }
      #carousel_2 li img {
        width: 100%;
        max-width: 1200px;
      }
      #carousel_2 li p {
        color: white;
        font-weight: bold;
        font-size: 5em;
        text-align: center;
        margin-top: 1.175em;
      }
      #carousel_2 .items {
        position: absolute;
        left: 0;
      }
      #carousel_2 .main-pos {
        z-index: 1001;
      }
      #carousel_2 .left-pos {
        opacity: 0.3;
        margin-top: 0em !important;
        z-index: 1000;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        transform: scale(0.75);
      }
      #carousel_2 .back-pos {
        margin-bottom: 0em !important;
        opacity: 0.05;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
      }
      #carousel_2 .right-pos {
        opacity: 0.3;
        margin-top: 0em !important;
        z-index: 1000;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        transform: scale(0.75);
      }
      #carousel_2 span {
        position: relative;
        margin: 0 auto;
        left: 17em;
        top: 20em;
      }
      @media (max-width: 1200px) {
        #carousel_2 {
          height: 28rem;
        }
      }
      @media (max-width: 992px) {
        #ratealert_services_page_1 {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_services_page_1 h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_1 p {
          font-size: 1.1rem;
          text-align: center;
        }
        #carousel_2 {
          height: 25rem;
        }
      }
      @media (max-width: 768px) {
        #carousel_2 {
          height: 20rem;
        }
      }
      @media (max-width: 610px) {
        #carousel_2 {
          height: 17rem;
        }
      }
      @media (max-width: 576px) {
        #ratealert_services_page_1 h2 {
          font-size: 2em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_1 p {
          font-size: 1rem;
          text-align: center;
        }
        #carousel_2 {
          height: 14rem;
        }
      }
      @media (max-width: 576px) {
        #carousel_2 {
          height: 11rem;
        }
      }
      @media (max-width: 422px) {
        #carousel_2 {
          height: 8rem;
        }
      }

      /*Section Services Page 2*/
      #ratealert_services_page_2 {
        padding: 5rem 1em 8rem;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #24587f;
        overflow: hidden;
      }
      #ratealert_services_page_2 h2 {
        padding-top: 1.5em;
        position: relative;
        color: #ffffff;
        line-height: 1.2em;
      }
      #ratealert_services_page_2 p {
        color: #ffffff;
        font-weight: 100;
        font-size: 1.2rem;
      }
      @media (max-width: 992px) {
        #ratealert_services_page_2 {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_services_page_2 h2 {
          padding-top: 0;
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_2 p {
          font-size: 1.1rem;
          text-align: center;
        }
        #ratealert_services_page_2 .img-animate-page {
          max-width: 400px;
          margin: 0rem auto;
        }
      }
      @media (max-width: 576px) {
        #ratealert_services_page_2 h2 {
          font-size: 2em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_2 p {
          font-size: 1rem;
          text-align: center;
        }
      }

      /*Section Services Page 3*/
      #ratealert_services_page_3 {
        height: auto;
        padding: 8em 1em;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: var(--xt-light-grey);
        overflow: hidden;
      }
      #ratealert_services_page_3 h2 {
        position: relative;
        color: #24587f;
        line-height: 1.2em;
      }
      #ratealert_services_page_3 p {
        font-weight: 100;
        font-size: 1.2rem;
      }
      .bkg-section.bkg-section-ratealert-service-page-3 {
        position: absolute;
        bottom: 0;
        right: 0;
        transform-origin: bottom right;
        width: 100%;
        min-height: 100%;
      }
      .bkg-section.bkg-section-ratealert-service-page-3 img {
        height: auto;
        width: 50%;
        opacity: 0.5;
        transform: scaleY(-1);
        position: absolute;
        right: 0;
      }
      #carousel_3 {
        width: 100%;
        height: auto;
        margin: 0em auto;
        position: relative;
      }
      #carousel_3 ul.carousel {
        padding: 0;
        width: 100%;
      }
      #carousel_3 li {
        width: 100%;
        height: auto;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        overflow: hidden;
      }
      #carousel_3 li img {
        width: 100%;
      }
      #carousel_3 li p {
        color: white;
        font-weight: bold;
        font-size: 5em;
        text-align: center;
        margin-top: 1.175em;
      }
      #carousel_3 .items {
        position: absolute;
      }
      #carousel_3 .main-pos {
        z-index: 1001;
      }
      #carousel_3 .left-pos {
        opacity: 0.3;
        margin-top: 0em !important;
        z-index: 1000;

      }
      #carousel_3 .back-pos {
        margin-bottom: 2em !important;
        opacity: 0.05;

      }
      #carousel_3 .right-pos {
        opacity: 0.3;
        margin-top: 0em !important;
        z-index: 1000;

      }
      #carousel_3 span {
        position: relative;
        margin: 0 auto;
        left: 17em;
        top: 20em;
      }
      #carousel_3 li.img-position-above {
        position: relative;
      }
      @media (max-width: 992px) {
        #ratealert_services_page_3 {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_services_page_3 h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_3 p {
          font-size: 1.1rem;
          text-align: center;
        }
        #ratealert_services_page_3 .img-animate-page {
          max-width: 400px;
          margin: 2rem auto;
        }
      }
      @media (max-width: 576px) {
        #ratealert_services_page_3 h2 {
          font-size: 2em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_3 p {
          font-size: 1rem;
          text-align: center;
        }
      }

      /*Section Services Page 4*/
      #ratealert_services_page_4 {
        height: auto;
        padding: 8em 1em;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: var(--light-grey);
        overflow: hidden;
      }
      #ratealert_services_page_4 h2 {
        position: relative;
        color: #24587f;
        line-height: 1.2em;
      }
      #ratealert_services_page_4 p {
        font-weight: 100;
        font-size: 1.2rem;
      }
      .bkg-section.bkg-section-ratealert-service-page-4 {
        position: absolute;
        bottom: 0;
        right: 0;
        transform-origin: bottom right;
        width: 100%;
        height: 100vh;
      }
      .bkg-section.bkg-section-ratealert-service-page-4 img {
        height: auto;
        width: 50%;
        opacity: 1;
        transform: scaleX(-1);
        position: absolute;
        left: 0;
        bottom: 0;
      }
      @media (max-width: 992px) {
        #ratealert_services_page_4 {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_services_page_4 h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_4 p {
          font-size: 1.1rem;
          text-align: center;
        }
        #ratealert_services_page_4 .img-animate-page {
          max-width: 400px;
          margin: 2rem auto;
        }
      }
      @media (max-width: 576px) {
        #ratealert_services_page_4 h2 {
          font-size: 2em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_services_page_4 p {
          font-size: 1rem;
          text-align: center;
        }
      }

      /*Section Testimonials*/
      #section_testimonials {
        height: auto;
        padding: 10em 1em;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: rgb(46, 110, 153);
        background: radial-gradient(circle, rgba(46, 110, 153, 1) 0%, rgba(33, 80, 112, 1) 100%);
        overflow: hidden;
      }
      #section_testimonials h2 {
        text-transform: uppercase;
      }
      .bkg-section.bkg-section-ratealert-testimonials {
        position: absolute;
        top: 0;
        width: 100%;
        min-height: 100vh;
        height: 100%;
      }
      .bkg-section.bkg-section-ratealert-testimonials img {
        object-fit: cover;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        opacity: 1;
      }
      .img-card {
        position: relative;
      }
      /*Slider Start*/
      #section_testimonials .owl-theme .owl-nav {
        margin-top: 10px;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
      }
      #section_testimonials .owl-theme .owl-nav [class*='owl-'] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px;
      }
      #section_testimonials .owl-theme .owl-nav [class*='owl-']:hover {
        background: #869791;
        color: #fff;
        text-decoration: none;
      }
      #section_testimonials .owl-theme .owl-nav .disabled {
        opacity: 0.5;
        cursor: default;
      }
      #section_testimonials .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 10px;
      }
      #section_testimonials .owl-theme .owl-dots {
        text-align: center;
        -webkit-tap-highlight-color: transparent;
      }
      #section_testimonials .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline;
      }
      #section_testimonials .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #d6d6d6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
      }
      #section_testimonials .owl-theme .owl-dots .owl-dot.active span,
      #section_testimonials .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791;
      }
      #section_testimonials .tag {
        text-align: center;
        font-size: 1.1rem;
      }
      #section_testimonials .fa-heart {
        color: rgba(255, 230, 0, 0.959);
        font-size: 30px;
      }
      #section_testimonials .card {
        height: 290px;
        padding: 10px 20px;
        border: none;
      }
      #section_testimonials .testimonial {
        font-size: 1.1rem;
        line-height: 1.4rem;
        font-weight: 500;
        padding-top: 0px;
      }
      #section_testimonials .active-star {
        color: #fbc02d;
        margin-bottom: 8px;
      }
      #section_testimonials .active-star:hover {
        color: #f9a825;
        cursor: pointer;
      }
      #section_testimonials .profile {
        padding-top: 10px;
      }
      .name {
        font-weight: 700;
        font-size: 1.1rem;
      }
      #section_testimonials .designation {
        font-size: 0.84rem;
        font-weight: 600;
      }
      #section_testimonials .owl-carousel {
        margin-bottom: 15px;
      }
      #section_testimonials .owl-carousel .owl-stage-outer {
        padding: 40px 0px;
        height: 360px;
      }
      #section_testimonials .owl-carousel .owl-item .img-card img {
        width: 100px !important;
        height: 100px;
        border-radius: 50%;
        object-fit: cover;
        position: absolute;
        top: -40px;
        left: 50%;
        transform: translateX(-50%);
      }
      #section_testimonials .owl-theme .owl-nav [class*='owl-'] {
        border-radius: 50% !important;
        background: inherit !important;
        border: 3px solid #bbb;
        color: #bbb !important;
      }
      #section_testimonials .owl-theme .owl-nav [class*='owl-']:hover {
        border: 3px solid #1010ca;
        color: #1010ca !important;
      }
      #section_testimonials .owl-carousel .owl-item .img-testimonials img {
        display: block;
        padding-top: 40px;
        width: 40px;
        height: auto;
        position: static;
      }
      #section_testimonials .owl-carousel .owl-item .img-testimonials-stars img {
        display: inline;
        padding-top: 0;
        width: 126px;
        height: auto;
        position: static;
        float: right;
        margin-top: -25px;
      }
      @media (max-width: 992px) {
        #section_testimonials {
          height: auto;
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
        #section_testimonials h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #section_testimonials p {
          font-size: 1.1rem;
          text-align: center;
        }
      }
      @media (max-width: 575.5px) {
        #section_testimonials .container {
          margin: 0px;
          padding: 20px;
        }
        #section_testimonials h2 {
          font-size: 2em;
          line-height: 1.2em;
          text-align: center;
        }
      }

      /*Section Our Mission*/
      #ratealert_our_mission {
        height: auto;
        padding: 7em 1em;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        overflow: hidden;
      }
      #ratealert_our_mission h2 {
        position: relative;
        font-size: 3.4em;
        color: var(--orange);
        line-height: 1.4em;
        text-transform: uppercase;
      }
      #ratealert_our_mission h3 {
        font-size: 1.4em;
        color: var(--orange);
        text-transform: uppercase;
      }
      #ratealert_our_mission h4.card-title {
        font-family: 'Poppins-Bold', sans-serif;
        color: var(--blue);
        text-transform: uppercase;
        text-align: center;
      }
      #ratealert_our_mission .card {
        background: transparent !important;
      }
      #ratealert_our_mission .card-body {
        background: rgba(255, 255, 255, 0.5);
      }
      .bkg-section.bkg-section-ratealert-our-mission {
        position: absolute;
        width: 100%;
        min-height: 100vh;
      }
      .bkg-section.bkg-section-ratealert-our-mission img {
        object-fit: contain;
        min-height: 100vh;
      }
      @media (max-width: 992px) {
        #ratealert_our_mission {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_our_mission h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_our_mission p {
          font-size: 1.1rem;
          text-align: center;
        }
      }
      @media (max-width: 576px) {
        #ratealert_our_mission {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_our_mission h2 {
          font-size: 2.2em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_our_mission p {
          font-size: 1rem;
          text-align: center;
        }
      }

      /*Section Switch*/
      #ratealert_switch {
        height: auto;
        padding: 7em 1em;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #ffffff;
        overflow: hidden;
      }
      #ratealert_switch h2 {
        position: relative;
        font-size: 3.4em;
        color: var(--orange);
        line-height: 1.4em;
        text-transform: uppercase;
      }
      span.h2-switch {
        display: block;
        font-size: 2rem;
        color: var(--blue);
      }
      #ratealert_switch h3 {
        font-size: 1.2em;
        color: var(--blue);
      }
      #ratealert_switch h4 {
        font-size: 1.1em;
        color: var(--orange);
      }
      #ratealert_switch h4.card-title {
        font-family: 'Poppins-Bold', sans-serif;
        color: var(--blue);
        text-transform: uppercase;
        text-align: center;
      }
      #ratealert_switch .card {
        background: transparent !important;
      }
      #ratealert_switch .card-body {
        background: rgba(255, 255, 255, 0.5);
      }
      .bkg-section.bkg-section-ratealert-switch {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 100vh;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
      }
      .bkg-section.bkg-section-ratealert-switch img {
        object-fit: contain;
        height: 100vh;
      }
      @media (max-width: 992px) {
        #ratealert_switch {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_switch h2 {
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_switch p {
          font-size: 1.1rem;
          text-align: center;
        }
      }
      @media (max-width: 576px) {
        #ratealert_switch {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_switch h2 {
          font-size: 2.2em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_switch p {
          font-size: 1rem;
          text-align: center;
        }
      }

      /*Section Try Ratealert*/
      #ratealert_try_ratealert {
        padding: 5rem 1em 8rem;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #24587f;
        overflow: hidden;
      }
      #ratealert_try_ratealert h2 {
        padding-top: 1.5em;
        position: relative;
        font-size: 3.4em;
        color: var(--white);
        line-height: 1.4em;
      }
      #ratealert_try_ratealert p {
        color: var(--white);
        font-weight: 100;
        font-size: 1rem;
      }
      .bkg-section.bkg-section-ratealert-try-ratealert {
        position: absolute;
        width: 100%;
        min-height: 100vh;
        height: 100%;
      }
      .bkg-section.bkg-section-ratealert-try-ratealert img {
        object-fit: cover;
        width: 100%;
        min-height: 100vh;
        opacity: 1;
      }
      .bkg-section.bkg-section-ratealert-try-ratealert img.img-lg {
        object-fit: cover;
        width: 100%;
        min-height: 100vh;
        height: 100%;
        opacity: 1;
      }
      @media (max-width: 992px) {
        #ratealert_try_ratealert {
          height: auto;
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        #ratealert_try_ratealert h2 {
          padding-top: 0;
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #ratealert_try_ratealert p {
          font-size: 1.1rem;
          text-align: center;
        }
        .bkg-section.bkg-section-ratealert-try-ratealert {
          position: absolute;
          width: 100%;
          height: 100%;
        }
        .bkg-section.bkg-section-ratealert-try-ratealert img {
          object-fit: cover;
          width: 100%;
          height: 100%;
          opacity: 1;
        }
        #ratealert_try_ratealert .img-animate-page {
          max-width: 400px;
          margin: 0 auto;
        }
      }

      /*Section FAQS*/
      #section_faq {
        padding: 5rem 0;
        background: var(--light-grey);
      }
      #section_faq .accordion > .card {
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0.125);
      }
      #section_faq .card-body {
        border: none;
      }
      img.testimonial-left {
        transform: rotate(180deg);
      }
      .owl-prev,
      .owl-next {
        border: none !important;
      }
        .accordion>.card .card-header {
            margin-bottom: -1px;
            background-color: #ffffff;
            border-bottom: none;
        }
        .accordion>.card .collapse, .accordion>.card .collapsing {
            margin: 0px 20px 10px;
        }
        section .accordion>.card .collapse:not(.show) {
            margin: 0px 20px 10px;
        }
        div#ratealertFaq {
            background: #fafafa;
        }
      @media (max-width: 992px) {
        #section_faq {
          height: auto;
          padding-top: 0;
          padding-bottom: 2rem;
        }
        #section_faq h2 {
          padding-top: 0;
          font-size: 2.5em;
          line-height: 1.2em;
          text-align: center;
        }
        #section_faq p {
          font-size: 1.1rem;
          text-align: center;
        }
      }

      /*Section Ebook*/
      #ratealert_free_ebook .container {
        background: var(--white);
      }

      /*Section Multiple Users*/
      #ratealert_corporate_edition .container {
        background: var(--blue);
        border-radius: 1.5rem 1.5rem 0 0;
      }
      div#ratealert_corporate_edition {
        background: var(--light-grey);
      }
      #ratealert_corporate_edition h3 {
        font-size: clamp(1.8rem, 4vw, 3rem);
      }
      /*Footer*/
      .container.container-footer {
        max-width: 1480px;
      }
      @media (min-width: 1400px) {
      }
      @media (min-width: 1200px) {
      }
      @media (min-width: 992px) {
      }
      @media (min-width: 768px) {
      }
      @media (max-width: 576px) {
      }

      /*Pricing Page*/
    .card.card-pricing.text-center {
        background-color: transparent;
        width: 100%;
        padding-top: 0;
        position: relative;
        border-radius: 0.7rem;
    }
    .card.card-pricing.text-center .card-body {
        position: static;
        background-color: #fff;
    }
    .border-line-divider-grey {
        border-bottom: 1px solid rgb(236,236,237);
        margin-top: 25px;
        margin-bottom: 10px;
    }
    div#ratealertPricing {
        padding: 3em 0 6em;
    }
    .btn-link {
        color: #24587f;
    }
    div#ratealertPricing {
        background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(250,250,250,1) 10%, rgba(245,245,246,1) 90%);
    }
@media (max-width: 767px) {
div#ratealertPricing {
    padding: 1em 0 2em;
}
}
/*SignUp Modal*/
span#lblErrorMsg {
    margin-top: -5px;
    margin: -5px auto;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
 }
@media (max-height: 640px) {
div#signUpModal p {
    height: 5px;
    opacity: 0;
}
}



.bkg-section.bkg-section-1 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
}

@media (min-width: 1400px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) {
}
@media (min-width: 768px) {

    .bkg-section.bkg-section-1 img {
    object-fit: fill;
    }

}


@media (max-width: 576px) {
    button.navbar-toggler {
    padding: 5px 12px;
}
#section_testimonials .owl-carousel .owl-item .img-testimonials-stars img {
    clear: both;
    float: left;
    margin-top: 0px;
}
}

@media (max-width: 350px) {
    #carousel_1 {
    height: 15em;
}
}