/* ----------------------------------------------
    |  Contents
    |  ------------------------------------------------
    |1.Root Variables
    |2.Helpers
    |3.Font-Family
    |4.Layouts
    |5.Navigations
    |6.Sections
    |7.Landingpage - (Line number1362)
    |8.Footer
    |9.thankyou paage
    */
    /* 1.Root Variables
     ===================================================*/
    :root {
      --white: #fff;
      --light-white: #d5d6d6;
      --medium-white: #dedede;
      --black: #000;
      --light-black: #5d5d5d;
      --medium-black: #424142;
      --brown: #D93134;
      --medium-brown: #e8484b54;
      --light-brown: #fd717436;
      --blue: #005aab;
      --red: #e20316;
      --linkedin-blue: #0077B5;
      --grey: #373737;
      --grey-white: #f3f3f5;
      --light-grey: #58595b;
      --medium-grey: #808285;
      --font: 'Prompt', sans-serif;
      --font-two: 'Raleway', sans-serif;
      --small: 17px;
      --font-thin: 100;
      --font-light: 300;
      --font-medium: 500;
      --font-bold: 600;
    }

    /*2.Helpers
      ========================================================= */
    body {
      font-family: var(--font);
      font-size: var(--small);
      line-height: 24px;
      overflow-x: hidden;
      word-wrap: break-word;
    }

    a:hover, .btn-link:hover, .btn-link:focus {
      text-decoration: none;
    }

    .form-control:focus {
      border-color: #d2d2d7;
      outline: 0;
      box-shadow: none;
    }

    .scrolled {
      background-color: #373737;
      transition: 0.7s;
    }

    /* p {
      display: flex;
      align-items: baseline;
    } */
    b {
      display: contents;
    }

    .black {
      position: absolute;
      top: 0;
      height: 100%;
      background: black;
      display: block;
      z-index: 9;
      width: 100%;
      opacity: 0.8;
    }

    .text-light-grey {
      color: var(--light-grey);
    }

    .text-blue {
      color: var(--blue);
    }

    .text-brown {
      color: var(--brown) !important;
    }

    /* .bg-brown-medium {
      background: var(--medium-brown);
    } */
    div#accordion span {
      word-break: break-all;
      white-space: normal;
    }

    .bg-grey {
      background-color: #dbdbdb;
      padding: 40px 40px;
      border-radius: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    .bg-medium-grey {
      background: var(--medium-grey);
    }

    .bg-medium-brown {
      background: var(--light-brown);
    }

    .w-65 {
      max-width: 65%;
    }

    .w-90 {
      width: 98%;
    }

    .w-85 {
      width: 85%;
    }

    .w-30 {
      width: 30px !important;
    }

    .w-40 {
      width: 40px;
      font-size: 25px;
      font-weight: 500;
      color: #d93134;
    }

    .width-70 {
      width: 70px !important;
    }

    .h-40 {
      height: 40px
    }

    .h-40 {
      height: 40px;
    }

    .h-310 {
      height: 310px;
    }

    .text-size {
      font-size: 19px;
      font-weight: 500;
    }

    .bx-shadow {
      box-shadow: 0px 0px 9px 7px #f5f5f5;
    }

    .fafa-size {
      font-size: 9px;
      color: var(--brown);
      padding-right: 12px;
    }

    .fafa-size1 {
      font-size: 20px;
    }

    .linkedin-size {
      font-size: 30px;
      background: var(--linkedin-blue);
      color: var(--white);
      border: 1px solid var(--linkedin-blue);
      text-align: center;
      padding-top: 5px;
    }

    .section-padd {
      padding-top: 60px;
      padding-bottom: 60px;
      padding-left: 0;
      padding-right: 0;
    }

    .input-radius {
      border-radius: 20px;
    }

    .bg-white {
      background-color: var(--white);
    }

    .bg-brown {
      background-color: var(--brown);
    }

    .bg-light-brown {
      background: var(--medium-brown);
    }

    .heading-size {
      font-size: 50px;
    }

    .custom-line {
      border-bottom: 2px solid var(--brown);
      width: 75px;
      display: grid;
    }

    .custom-modal-center {
      top: 30%;
    }

    .expert-heading {
      font-size: 30px;
    }

    .health-care-head {
      font-size: 35px;
      font-weight: var(--font-light);
      display: block;
      margin-top: -17px;
    }

    .sq1-icons {
      width: 13%;
      height: 10%;
    }

    .section-space {
      padding: 5em;
      padding-top: 10em;
      position: relative;
      z-index: 999;
    }

    .custom-top-head {
      padding-left: 102px;
    }

    .custom-top-head h1 {
      margin-top: 130px;
      font-size: 40px;
    }

    .locateus-padding {
      padding-bottom: 45px;
    }

    .font-thin {
      font-weight: var(--font-thin);
    }

    ul {
      padding: 0;
    }

    p {
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: 0.5px;
    }

    .thankyou {
      background-image: url(../images/thank-you.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
    }

    ::selection {
      background: var(--brown);
      color: var(--white);
    }

    section>.content {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .label {
      font-size: 13px;
    }

    .padding {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }

    .aboutus-heading {
      font-size: 40px;
      margin-bottom: 0px;
      margin-top: 0em;
    }

    .aboutus-heading span {
      display: block;
    }

    main .custom-table-width table {
      border: 1px solid #ccc;
      border-collapse: collapse;
      table-layout: fixed;
      width: 100%;
      text-align: justify;
    }

    @media (max-width: 1300px) {
      .custom-top-head h1 {
        margin-top: 99px;
        font-size: 30px;
      }

      section>.content img {
        padding-bottom: 20px;
      }
    }

    @media(max-width:768px) {
      .custom-top-head h1 {
        margin-top: 50px;
        font-size: 24px;
      }

      .thankyou {
      background-image: url(../images/thank-you.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: 120%;
    }

      .custom-top-head {
        padding-left: 40px;
      }

      .aboutus-heading {
        font-size: 30px;
        margin-top: 0;
      }

      .aboutus-heading span {
        display: inline;
      }
    }

    @media (max-width:480px) {
      .sq1-icons {
        width: 100%;
        height: 10%;
      }

      section>.content {
        padding-top: 20px;
        padding-bottom: 20px;
      }

      .aboutus-heading {
        font-size: 30px;
        margin-top: 0;
      }

      .aboutus-heading span {
        display: inline;
      }

      .table-overflow-control {
        word-wrap: break-word;
      }

      .custom-top-head h1 {
        margin-top: 30px;
        font-size: 20px;
      }

      .locateus-padding {
        padding-bottom: 25px;
      }
    }

    @media(min-width:320px) {
      .ccpa-slider-imgsize {
        width: 100%;
      }
    }

    @media(min-width:480px) {
      .ccpa-slider-imgsize {
        width: 75%;
      }
    }

    @media(min-width:991px) {
      .ccpa-slider-imgsize {
        width: 65%;
      }
    }

    @media(min-width:1350px) {
      .ccpa-slider-imgsize {
        width: 50%;
      }
    }

    /*5.Navigations
     ========================================================= */
    header .sq1header-overlay {
      background: rgba(20, 19, 19, 0.7);
      position: absolute;
      height: 100%;
      width: 100%;
      z-index: 99;
    }

    header .carousel {
      top: 30%;
      width: 70%;
      z-index: 99;
    }

    header .banner-head-1 {
      font-family: 'Nunito Sans', sans-serif;
      font-size: 57px;
      font-weight: 700;
      color: var(--brown);
    }

    header .banner-head-2 {
      font-family: 'Nunito Sans', sans-serif;
      font-size: 40px;
      font-weight: 800;
      color: #DEDEDE;
    }

    header .banner-head-3 {
      font-size: 28px;
      font-family: 'Nunito Sans', sans-serif;
      color: #DEDEDE;
    }

    header .carousel .custom-indicators {
      left: 0;
      right: inherit;
      bottom: 0;
      padding-left: 0;
      margin: 0;
      display: flex;
      justify-content: left;
    }

    header .caption-carousel {
      height: 350px;
    }

    header .caption-carousel .carousel-item {
      height: 350px;
    }

    header .carousel .carousel-indicators li.active {
      background-color: var(--brown);
    }

    header video {
      position: absolute;
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
    }

    @media (max-width:1024px) {
      header .caption-carousel {
        height: 300px;
      }

      header .banner-head-1 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 40px;
        font-weight: 700;
        color: var(--brown);
      }

      header .banner-head-2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 25px;
        font-weight: 800;
        color: #DEDEDE;
      }
    }

    @media screen and (max-width: 800px) and (orientation:landscape) {
      main .sq1-bottom-form form {
        z-index: 9999;
        height: 300px;
        overflow: auto;
      }
    }

    @media(min-width:481px) and (max-width:768px) {
      header .carousel {
        width: 85%;
      }

      header .banner-head-1 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 30px;
        font-weight: 700;
        color: var(--brown);
      }

      header .banner-head-2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 20px;
        font-weight: 800;
      }

      header .banner-head-3 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;
        color: #DEDEDE;
      }

      header .caption-carousel {
        height: 240px;
      }
    }

    @media screen and (max-width: 750px) and (orientation:landscape) {
      header .caption-carousel .carousel-item {
        height: 210px;
      }

      header .caption-carousel {
        height: 210px;
      }

      header .banner-head-3 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 14px;
        color: #DEDEDE;
      }

      header .banner-head-2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;
        font-weight: 800;
      }

      header .carousel .custom-indicators {
        left: 0;
        right: inherit;
        bottom: 20px;
        padding-left: 0;
        margin: 0;
        display: flex;
        justify-content: left;
      }

      .cc-revoke, .cc-window {
        display: none !important;
      }
    }

    @media (max-width:480px) {
      main .sq1-contact-reachus {
        background: var(--grey-white);
        margin-top: 0em !important;
        position: relative;
        z-index: 999;
      }

      header .caption-carousel {
        height: 200px;
      }

      header .carousel {
        width: 91%;
      }

      header video {
        position: absolute;
        /* left: 0; */
        height: 100%;
      }

      header .banner-head-1 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 23px;
        font-weight: 700;
        color: var(--brown);
      }

      header .banner-head-2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;
        font-weight: 800;
        color: #DEDEDE;
      }

      header .banner-head-3 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 10px;
        color: #DEDEDE;
      }
    }

    /*6.Sections
      ========================================================= */
    /* Banner Section */
    .main-section {
      top: 100%;
      right: 0;
      left: 0;
      position: absolute;
    }

    main .sq1-slider .carousel-indicators li {
      width: 45px;
    }

    main .sq1-slider .carousel-indicators li.active {
      background-color: var(--brown);
    }

    section.curve-bottom img {
      margin-top: -260px;
      width: 100%;
      z-index: 99;
      position: relative;
    }

    @media(max-width: 1095px) {
      section.curve-bottom img {
        display: none;
      }
    }

    @media(max-width: 1390px) {
      section.curve-bottom img {
        margin-top: -123px;
      }
    }

    @media(min-width: 1391px) and (max-width:1550px) {
      section.curve-bottom img {
        margin-top: -189px !important;
        width: 100%;
        z-index: 99;
        position: relative;
      }
    }

    @media (min-width: 1024px) and (max-width:1400px) {
      header .banner-head-1 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 40px;
        font-weight: 700;
        color: var(--brown);
        text-transform: uppercase;
      }

      @media (min-width:769px) and (max-width:1024px) {
        main .carousel {
          top: 10em;
          padding-left: 4em;
        }

        header .banner-head-1 {
          font-family: 'Nunito Sans', sans-serif;
          font-size: 40px;
          font-weight: 700;
          color: var(--brown);
          text-transform: uppercase;
        }

        header .banner-head-2 {
          font-family: 'Nunito Sans', sans-serif;
          font-size: 25px;
          font-weight: 800;
          color: #DEDEDE;
        }
      }

      @media (min-width:481px) and (max-width:768px) {
        main .carousel {
          top: 8em;
          padding-left: 4em;
        }

        main .sq1-slider ol {
          left: unset;
          right: unset;
          top: 16em;
        }

        main .sq1-success {
          top: 90px !important;
        }

        main .sq1-about h1 {
          font-size: 4rem !important;
        }

        main .sq1-about h5 {
          font-size: 17px !important;
        }
      }

      @media (max-width:480px) {
        main .sq1-slider h1 {
          max-width: 25rem;
          font-weight: 600;
        }

        main .sq1-slider h5 {
          max-width: 25rem;
          font-weight: 300;
        }

        main .carousel {
          top: 8em;
          left: 0%;
          padding: 15px;
          visibility: hidden;
        }

        main .sq1-slider {
          height: 60vh;
        }
      }

      header .banner-head-2 {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 25px;
        font-weight: 800;
        color: #DEDEDE;
      }

      header .caption-carousel {
        height: 260px;
      }
    }

    main .sq1-category p {
      font-weight: 300;
      color: var(--light-black);
    }

    main .sq1-category h5 {
      font-size: 23px;
    }

    main .sq1-healthcare p {
      font-size: 22px;
      line-height: 1.5;
      letter-spacing: 0.5px;
      font-weight: lighter;
      color: var(--light-white);
    }

    main .sq1-healthnav h3 {
      font-weight: var(--font-light);
      font-size: 35px;
    }

    @media(min-width:767px) and (max-width:980px) {
      main .sq1-healthcare img {
        margin: 5em auto;
      }
    }

    /* SQ1 Services and Clients */
    main .sq1-services-clients h5 {
      font-weight: var(--font-medium);
      color: var(--medium-white);
    }

    main .sq1-clients h5 {
      font-weight: var(--font-medium);
      color: var(--blue);
    }

    main .sq1-services-clients img {
      font-size: 3rem;
      align-items: center;
      display: grid;
      width: 80px;
      height: 80px;
      border: 2px solid var(--medium-white);
      text-align: center;
      vertical-align: middle;
      margin: 0 auto;
      border-radius: 100%;
      color: var(--light-grey);
      cursor: pointer;
    }

    main .sq1-services-clients h6 {
      color: var(--medium-white);
    }

    main .sq1-services-clients .sq1-icon-heading:hover a {
      text-decoration: none;
    }

    main .sq1-services-clients .sq1-icon-heading:hover img {
      color: var(--brown);
      border: 2px solid var(--brown);
      background: var(--grey-white);
      transform: scale(1.2);
      transition: all 0.5s;
    }

    main .sq1-services-clients .sq1-icon-heading:hover .grey-icon {
      display: none;
    }

    main .sq1-services-clients .sq1-icon-heading:hover .red-icon {
      display: block;
    }

    main .sq1-services-clients .sq1-icon-heading .red-icon {
      display: none;
    }

    main .sq1-services-clients .sq1-icon-heading:hover h6 {
      color: var(--medium-white);
    }

    main .sq1-clients {
      padding: 90px 0;
    }

    main .sq1-clients .responsive {
      padding-top: 40px;
    }

    main .sq1-clients img {
      width: 150px !important;
    }

    /* ==============tabs section ccpa page =========== */
    main .custom-tabs .nav-tabs a {
      background: #f4f4f4;
      flex: 0 0 25%;
      border-radius: 0;
      padding: 15px 15px;
      border-right: 1px solid #9e9e9e;
      color: #000;
      text-align: center;
    }

    main .custom-tabs.tabs-align.tabs-align-flex .nav-tabs a {
      flex: 0 0 20%;
      font-size: 15px;
    }

    main .custom-tabs.tabs-align.dfars-v-tab .nav-tabs a {
      flex: 0 0 100%;
      font-size: 15px;
    }

    main .custom-tabs.tabs-align.tabs-align-flex .nav-tabs a, main .custom-tabs.tabs-align .nav-tabs a {
      background: var(--medium-grey);
      color: var(--white);
    }

    main .custom-tabs p {
      text-align: justify;
    }

    main .custom-tabs h3 {
      margin-top: 10px;
    }

    main .custom-tabs .nav-tabs .active {
      border-color: transparent;
    }

    main .custom-tabs .nav-tabs .handling.active, main .custom-tabs .nav-tabs .handling:focus {
      background: #4dc9f2;
      color: #fff;
    }

    main .custom-tabs .nav-tabs .website.active, main .custom-tabs .nav-tabs .website:focus {
      background: #92278f;
      color: #fff;
    }

    main .custom-tabs .nav-tabs .compliance.active, main .custom-tabs .nav-tabs .compliance:focus {
      background: #f1592a;
      color: #fff;
    }

    main .custom-tabs .nav-tabs .risk.active, .custom-tabs .nav-tabs .risk:focus {
      background: #283891;
      color: #fff;
    }

    main .custom-tabs .nav-tabs .handling:hover {
      background: #b2dfef;
      color: #3c3c3c;
    }

    main .custom-tabs .nav-tabs .website:hover {
      background: #bd83bc;
      color: #3c3c3c;
    }

    main .custom-tabs .nav-tabs .compliance:hover {
      background: #f1c4b5;
      color: #3c3c3c;
    }

    main .custom-tabs .nav-tabs .risk:hover {
      background: #a5b0ec;
      color: #3c3c3c;
    }

    main .custom-tabs.tabs-align .nav-tabs a.active, main .custom-tabs.tabs-align .nav-tabs a:hover, main .custom-tabs.tabs-align .nav-tabs a:focus {
      background: var(--brown);
      color: var(--white);
    }

    /* ============================ responsive code ===================== */
    @media(min-width:320px) {
      main .custom-tabs .nav-tabs a {
        flex: 0 0 100%;
      }

      main .custom-tabs .nav-tabs a {
        border-right: 1px solid transparent;
        border-top: 1px solid #9e9e9e;
      }
    }

    @media(max-width:480px) {
      main .sq1-services-clients i {
        margin: 0 auto;
      }

      main .sq1-clients img {
        margin: 20px auto;
        padding: 20px;
      }

      main .sq1-contact .custom-contact-btn {
        font-size: 19px;
        width: auto !important;
        font-style: italic;
      }

      main .sq1-services-clients h5, main .sq1-clients h5 {
        text-align: center;
      }

      main .sq1-clients .responsive {
        padding-top: 0px;
      }

      main .sq1-clients {
        padding-top: 30px;
        padding-bottom: 0;
      }
    }

    @media(max-width:991px) {
      main .custom-tabs.tabs-align.tabs-align-flex .nav-tabs a {
        flex: 0 0 100%;
      }
    }

    @media(min-width:481px) {
      main .custom-tabs .nav-tabs a {
        flex: 0 0 50%;
        border-right: 0;
        margin-bottom: 10px;
      }

      main .custom-tabs .nav-tabs a, .custom-tabs.tabs-align.tabs-align-flex .nav-tabs a {
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
      }
    }

    @media(min-width:768px) {
      main .custom-tabs .nav-tabs a {
        flex: 0 0 25%;
        border-right: 1px solid #9e9e9e;
      }
    }

    @media(min-width:991px) {
      .custom-tabs.tabs-align.tabs-align-flex .nav-tabs a {
        border-right: 1px solid #9e9e9e;
      }
    }

    /* SQ1 Contact Us */
    main .sq1-contact {
      background-image: url("../images/footer-banner.png");
      background-size: cover;
      background-position: center;
      position: relative;
    }

    /* SQ1 partner-background */
    main .partner-background {
      background-image: url("../images/partner-background.jpg");
      background-size: cover;
      background-position: center;
      position: relative;
    }

    main .calltoaction {
      width: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      position: absolute;
      z-index: 99;
      bottom: 0;
      top: 0;
    }

    main .sq1-contact .custom-contact-btn {
      width: 222px;
      font-size: 16px;
      padding: 13px;
      letter-spacing: 0.5px;
    }

    main .sq1-contact .custom-contact-btn {
      opacity: 0.9;
    }

    main .sq1-contact .custom-contact-btn {
      box-shadow: none;
    }

    /* form section */
    main .sq1-bottom-form form {
      display: none;
      position: fixed;
      bottom: 3%;
      padding: 0;
      margin: 0;
      right: 50px;
      z-index: 99999;
    }

    main .sq1-form-icon {
      position: fixed;
      bottom: 5%;
      right: 5%;
      color: var(--white);
      background: var(--brown);
      border-radius: 50%;
      z-index: 9999;
      width: 60px;
      height: 60px;
      padding: 17px 0;
      text-align: center;
      ;
    }

    main .sq1-form-icon:hover {
      cursor: pointer;
      opacity: 0.8;
    }

    main .sq1-form-icon i {
      font-size: 20px;
    }

    main .sq1-form i:hover {
      cursor: pointer;
      opacity: 0.8;
    }

    .close-icon {
      position: absolute;
      top: 20px;
      right: 10px;
    }

    /* Home Page End */
    /* ---------------------- About us page start ---------------------------------*/
    .sq1-red-bg {
      background-image: url(../images/header-banner-5.png);
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      background-position: center;
      height: 450px;
    }

    .sq1-about-page {
      position: inherit;
    }

    .ccpa-logo {
      background: url(../images/ccpa/CCPA-Logo.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: 345px;
      width: 350px;
    }

    .ccpa-timeline-chart {
      background: url(../images/ccpa/ccpa-date.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: 250px;
      width: 522px;
    }

      {
      position: inherit;
    }

    .sq1-red-bg .sq1-page-head h1 {
      font-size: 60px;
      color: var(--medium-white);
      font-weight: var(--font-bold);
      text-transform: uppercase;
      margin-top: 1em;
    }

    .sq1-red-bg .sq1-page-head div {
      position: absolute;
      top: 40px;
      width: 60%;
      color: #c3c3c3;
      padding-left: 5rem;
    }

    .sq1-page-head {
      position: relative;
      text-align: center;
    }

    .opacity {
      width: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      position: absolute;
      z-index: 999;
      bottom: 0;
      top: 0;
      height: 450px;
    }

    .modal {
      z-index: 9999;
    }

    main .sq1-about.careers-page table td, main .sq1-about.careers-page table td p, main .sq1-about.careers-page table td h5 {
      vertical-align: middle;
      text-align: left;
    }

    main .career-modal .modal-body {
      background: #eff0f2;
    }

    main .career-modal .modal-body form .form-control {
      background: transparent;
      color: #6c757d;
    }

    main .career-modal .modal-body form textarea {
      height: 140px;
    }

    main .career-modal .modal-body form .creer-file-upload {
      top: 0;
      left: 0;
      cursor: pointer;
      overflow: hidden;
      padding: 3px 17px;
      text-align: center;
      position: relative;
      background-color: transparent;
      border: solid 1px #d2d2d7;
    }

    main .career-modal .modal-body form .creer-file-upload .title {
      font-weight: 400;
      color: #6c757d;
    }

    main .career-modal .modal-body form input[type="file"].form-control {
      right: 0;
      margin: 0;
      bottom: 0;
      padding: 0;
      opacity: 0;
      height: 38px;
      outline: none;
      cursor: inherit;
      position: absolute;
      font-size: 1000px !important;
    }

    @media(min-width:280px) {
      .ccpa-logo {
        background-size: contain;
      }
    }

    @media(min-width:481px) {
      .ccpa-logo {
        background-size: cover;
      }
    }

    @media (min-width:991px) {
      .ccpa-timeline-chart {
        height: 206px;
      }
    }

    @media (min-width:1200px) {
      .ccpa-timeline-chart {
        height: 250px;
      }
    }

    @media(max-width:1000px) {
      .sq1-red-bg .sq1-page-head h1 {
        font-size: 44px;
        color: var(--medium-white);
        font-weight: var(--font-bold);
        margin-top: 1em;
      }

      .sq1-about img {
        display: block;
        margin: 0 auto;
      }
    }

    @media (max-width:768px) {
      .opacity, .sq1-red-bg {
        height: 346px;
      }

      .sq1-red-bg p {
        display: none;
      }

      .sq1-red-bg .sq1-page-head h1 {
        font-size: 32px;
        color: var(--medium-white);
        font-weight: var(--font-bold);
        margin-top: 2em;
      }

      .section-space {
        padding: 0px 25px;
        padding-top: 7em;
        position: relative;
        z-index: 999;
      }

      .sq1-page-head {
        top: 80px;
        text-align: center;
      }
    }

    @media(max-width:480px) {
      .sq1-red-bg .sq1-page-head h1 {
        font-size: 23px;
        color: var(--medium-white);
        font-weight: var(--font-bold);
        margin-top: 3em;
        padding: 0 15px;
      }

      .sq1-about img {
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        width: 100%;
      }

      .sq1-about div {
        text-align: left;
      }

      .sq1-about p {
        text-align: justify;
      }

      main.sq1-about section:nth-child(3) h3 {
        margin-top: 30px;
      }
    }

    main.sq1-about p {
      font-weight: var(--font-light);
    }

    main.sq1-about .sq1-about-bg {
      background: url(../images/about.jpg) 50% bottom no-repeat;
      background-size: cover;
      padding: 0 0;
      position: relative;
      height: 527px;
    }

    main .about-head-border {
      border-left: 3px solid var(--light-grey);
    }

    /*-------- About page our mission ------*/
    main .sq1-our-mission {
      background: url(../images/about-2.jpg) 50% 50% no-repeat fixed;
      background-size: cover;
      height: 750px;
    }

    main.sq1-about .sq1-our-mission h1 {
      font-weight: 200;
    }

    .sq1-advantages-i {
      display: flex;
      align-items: center;
    }

    main.sq1-about .sq1-our-mission i {
      width: 100px;
      font-size: 50px;
      color: var(--brown);
    }

    main.sq1-about .sq1-our-mission p {
      color: var(--light-white) !important;
    }

    /*------ About page our core values -----*/
    main .sq1-core-values-border {
      position: relative;
    }

    main .sq1-core-values-border::before {
      content: "";
      display: block;
      position: absolute;
      border: 1px dashed var(--light-grey);
      width: 1px;
      height: 100%;
    }

    main .sq1-core-values-border::after {
      content: "";
      display: block;
      position: absolute;
      border: 1px dashed var(--light-grey);
      width: 1px;
      height: 100%;
      right: 0;
      top: 0;
    }

    main .sq1-core-values .row {
      position: relative;
    }

    main .sq1-core-values .row::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      bottom: 50%;
      border: 1px dashed var(--light-grey);
    }

    main .sq1-services-clients {
      background: var(--brown);
      padding: 90px 0;
    }

    @media(max-width:996px) {
      main .sq1-core-values-border::after, main .sq1-core-values-border::before {
        display: none;
      }

      main .sq1-core-values .row::before {
        display: none;
      }

      main.sq1-about .sq1-about-bg {
        background: none;
        height: auto;
      }
    }

    @media(max-width:760px) {
      main.sq1-about .sq1-bordder-dot {
        display: none;
      }
    }

    @media (min-width:481px) and (max-width:768px) {
      main.sq1-about .sq1-about-bg {
        background: none;
      }

      main.sq1-about .sq1-our-mission h1 {
        font-weight: 200;
        font-size: 35px;
      }

      header.sq1-red-bg .sq1-page-head div {
        position: absolute;
        top: 40px;
        width: 100%;
        color: var(--white);
        padding-left: 5rem;
      }
    }

    @media(max-width:800px) {
      main.sq1-about h1::after {
        display: none;
      }
    }

    @media (max-width:480px) {
      main.sq1-about .sq1-our-mission {
        background-position: 34% 50%;
        height: auto
      }

      header.sq1-red-bg .sq1-page-head h1 {
        font-size: 40px;
      }

      header.sq1-red-bg .sq1-page-head div {
        display: none;
      }

      .section-space {
        padding: 2em 0;
      }

      main.sq1-about h1::after {
        display: none;
      }

      header.sq1-red-bg {
        background-image: url(../images/bg-red.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        background-position: center;
        height: auto;
      }

      main.sq1-about .content h1 {
        display: none;
      }

      main.sq1-about h2 {
        font-size: 25px;
      }

      main.sq1-about h3, h4 {
        font-size: 18px;
      }
    }

    /*============= sqcompli page  start ================*/
    main .features .ease-out h5 {
      color: var(--brown);
      height: 88px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .features .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: var(--white);
      overflow: hidden;
      width: 100%;
      height: 0;
      transition: 0.7s ease;
    }

    .features .card:hover .overlay {
      height: 100%;
    }

    .features .overlay .v-border {
      position: absolute;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
    }

    .features .card:hover .v-border:after {
      width: 100%;
      left: 0%;
    }

    .features .overlay .v-border::after {
      content: '';
      bottom: 1%;
      position: absolute;
      width: 0%;
      height: 2px;
      left: 50%;
      transition: all 0.8s ease-out;
      background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(239, 60, 66, 1), rgba(0, 0, 0, 0));
    }

    .features .card:hover .ease-out {
      opacity: 0;
      transform: translate3d(0px, 20px, 1px);
      transition: all 200ms linear 0ms;
    }

    .features .card .ease-out {
      width: 100%;
      transition: all 250ms ease-out 200ms;
      opacity: 1;
      transform: translate3d(0px, 0px, 1px);
    }

    .features .text {
      color: var(--black);
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 85%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
    }

    .data-prvcy-mgnt {
      background: var(--brown);
      color: var(--white);
      border-radius: 15px;
    }

    .data-prvcy-mgnt p {
      height: 125px;
    }

    .data-prvcy-mgnt .dpm-content {
      box-shadow: -47px 15px 4px 4px #d931344f;
      border-radius: 15px;
    }

    .show-data {
      border-radius: 5px;
      text-align: center;
      cursor: pointer;
      font-size: 19px;
    }

    /* .show-data.bg-light-brown:hover {
      background: var(--medium-brown);
    }

    .show-data:hover {
      background: var(--light-brown);
    } */
    .p-85 {
      padding: 0 85px;
    }

    .border-lft {
      border-left: 1px solid #c1c0c0;
    }

    .border-rht {
      border-right: 1px solid #c1c0c0;
    }

    .border-btm {
      border-bottom: 1px solid #c1c0c0;
    }

    @media(min-width:768px) {
      .features .overlay p {
        height: 130px;
      }
    }

    @media(min-width:991px) {
      .features .overlay p {
        height: auto;
      }
    }

    @media(max-width:991px) {
      .features .text {
        position: relative;
        top: 55px;
        width: 100%;
        display: contents;
      }

      .features .overlay {
        position: inherit;
        height: 100%;
      }

      .overlay h5 {
        display: none;
      }

      .features .card:hover .ease-out, .features .card .ease-out {
        opacity: 1;
        transition: none;
        transform: translate3d(0px, 0, 0);
      }

      .features .overlay .v-border::after {
        background: transparent;
      }

      .data-prvcy-mgnt .dpm-content {
        box-shadow: 0px 0px 0px 0px transparent;
        border-radius: 0;
      }

      .border-lft, .border-rht, .border-btm {
        border: 1px solid transparent;
      }

      .p-85 {
        padding: 0 20px;
      }
    }

    /*============== sqcompli page  end =================*/
    /*============== Vulnerability Assessment Page Start=================*/
    main .vulass-page-accordian span .fa {
      font-size: 12px;
      color: var(--brown);
    }

    main .vulass-page-accordian button.btn-link {
      color: var(--brown);
    }

    main .vulass-page-accordian .card-header {
      background: var(--grey-white);
    }

    /*============== Vulnerability Assessment Page End=================*/
    /*============== Hipaa Page Start=================*/
    main .hipaa-tab {
      background: #3a3a3a;
    }

    main .hipaa-tab li a {
      padding: 10px 15px;
      color: var(--white);
    }

    main .hipaa-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
      color: var(--brown);
      background-color: transparent;
      border-radius: 0;
    }

    .tabs-align-flex .nav-tabs a.nav-item.active, .tabs-align .nav-tabs a.nav-item.active {
      position: relative;
    }

    .tabs-align-flex .nav-tabs a.nav-item.active::after, .tabs-align .nav-tabs a.nav-item.active::after {
      content: '';
      position: absolute;
      bottom: -20px;
      border-top: 10px solid #d93134;
      border-bottom: 10px solid transparent;
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
    }

    .dfars-v-tab .nav-tabs a.nav-item.active::after, .dfars-v-tab .nav-tabs a.nav-item.active::after {
      bottom: 15px;
      border-top: 10px solid transparent;
      border-left: 10px solid #d93134;
      right: -21px;
    }

    /*============== Hipaa Page End=================*/
    /* ========= countown start ===============*/
    .countdown .timeel {
      display: inline-block;
      padding: 15px;
      background: #151515;
      margin: 0;
      color: white;
      min-width: 2.5rem;
      border-radius: 10px 0 0 10px;
      text-align: center;
      font-size: 40px;
    }

    .countdown ul li {
      display: inline-flex;
    }

    .countdown span[class*="timeRef"] {
      border-radius: 0 10px 10px 0;
      background: #e8c152;
      color: black;
    }

    /*---------------- About us page completed ---------------*/
    /*------------------- Career page start ---------------*/
    @media(max-width:480px) {
      main.sq1-career h1::before {
        content: "";
        display: none;
      }

      .countdown ul li {
        margin-bottom: 5px;
      }

      .countdown ul {
        text-align: center;
      }
    }

    @media(min-width:320px) {
      main .hipaa-tab {
        padding-right: 15px;
        padding-left: 15px;
      }

      main .hipaa-tab .nav-pills {
        border-bottom: 1px solid var(--white);
      }
    }

    @media(min-width:768px) {
      main .hipaa-tab {
        padding-right: 30px;
        padding-left: 30px;
      }

      main .hipaa-tab .nav-pills {
        border-bottom: 1px solid transparent;
        border-right: 1px solid var(--white);
      }
    }

    /*--------------------- Blog Page Start ---------------*/
    /* Features Section */
    section.about {
      width: 50%;
    }

    /*
    main .features {
      padding-bottom: 60px;
    } */
    main .features .col-md-4 {
      padding-right: 30px;
      padding-left: 30px;
    }

    main .features img {
      display: block;
      margin: 0 auto;
    }

    main .features h3 {
      text-align: center;
    }

    main .features p {
      text-align: justify;
    }

    main .features h3 {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    @media (max-width:768px) {
      section.about {
        width: 85%;
        padding-top: 25px;
      }
    }

    @media(max-width:480px) {
      main .features .col-md-4 {
        padding-right: 15px;
        padding-left: 15px;
      }
    }

    /* section.features img {
      width: 80%;
    } */
    .hr {
      border: 0;
      height: 1px;
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(239, 60, 66, 1), rgba(0, 0, 0, 0));
    }

    /*--------------------- Contact us Page Start ---------------*/
    main .sq1-contact-locatus p {
      color: var(--black);
    }

    main .sq1-contact-reachus {
      background: var(--grey-white);
      margin-top: -4em;
      position: relative;
      z-index: 999;
    }

    main .sq1-contact-reachus h3 {
      font-size: 45px;
      font-weight: 400;
    }

    main .sq1-contact-reachus h6 {
      font-weight: var(--font-light);
      font-size: 20px;
    }

    main .sq1-contact-reachus h5 span {
      box-shadow: 1px -1px 2px 1px var(--brown);
      display: block;
      width: 16%;
      margin: 0 auto;
      border-radius: 3px;
      font-size: 17px;
      padding: 5px;
      font-weight: var(--font-light);
    }

    main .sq1-contact-reachus input:focus, active {
      box-shadow: none;
    }

    main .sq1-contact-reachus textarea.form-control:focus {
      box-shadow: none;
    }

    main .sq1-contact-locatus h2 {
      font-size: 40px;
    }

    main .sq1-contact-locatus h4 {
      font-weight: 400;
      text-align: left;
    }

    main .sq1-contact-reachus li a:hover {
      color: var(--brown) !important;
      text-decoration: none;
    }

    main .sq1-contact-reachus li a i {
      font-size: 30px;
    }

    main .sq1-contact-reachus li a {
      display: flex;
      align-items: center;
    }

    main .invalid-email {
      font-size: 12px;
      display: block;
    }

    @media (max-width:480px) {
      main .sq1-contact-reachus h5 span {
        box-shadow: 1px -1px 2px 1px var(--brown);
        display: block;
        width: 50%;
        margin: 0 auto;
        border-radius: 3px;
        font-size: 17px;
        padding: 5px;
        font-weight: var(--font-light);
      }

      main .sq1-contact-reachus h3 {
        font-size: 25px;
        font-weight: 400;
      }

      main .sq1-contact-reachus h6 {
        font-weight: var(--font-light);
        font-size: 15px;
      }

      main .sq1-contact-locatus h2 {
        font-size: 28px;
      }
    }

    @media (min-width:481px) and (max-width:768px) {
      main .sq1-contact-reachus h5 span {
        width: 30%;
      }

      main .sq1-contact-reachus {
        background: var(--grey-white);
        margin-top: 0em;
        position: relative;
        z-index: 999;
      }

      main .sq1-contact-reachus h3 {
        font-size: 35px;
        font-weight: 400;
      }

      main .sq1-contact-reachus h6 {
        font-weight: var(--font-light);
        font-size: 16px;
      }
    }

    /* Leadership page start */
    main .leadership-head {
      position: relative;
    }

    main .leadership-head span {
      position: absolute;
      top: 50%;
      right: 10%;
    }

    @media (max-width:1196px) {
      main .leadership-head span {
        position: absolute;
        top: 70%;
      }
    }

    @media (max-width:997px) {
      main .leadership-head {
        text-align: center;
      }

      main .leadership-head span {
        position: inherit;
        right: 0;
      }
    }

    /*7. Landing apge design start
    ========================================================================*/
    header .landing-bg {
      background-image: url('../images/mailchimp-landingpage-header.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 2em 0;
      color: var(--white);
    }

    header .landing-bg h3 {
      padding: 35px 5px 15px;
      width: 65%;
    }

    header .landing-bg .btn {
      margin: 25px 0 0;
      margin-left: 25px;
      border-radius: 20px;
    }

    main .custom-landingpage h4 {
      padding: 15px 0 15px;
      margin: 0;
      margin-top: 10px;
    }

    main .custom-landingpage .fa {
      font-size: 7px;
    }

    main .custom-landingpage li {
      list-style: none;
      color: #070f25;
      font-weight: lighter;
      line-height: 1.8;
      font-size: 16px;
    }

    main .landingpage-form {
      border-radius: 5px;
      margin-left: 75px;
      margin-top: 15px;
    }

    main .landingpage-form .form-group {
      margin-bottom: 40px;
    }

    main .landingpage-form input {
      height: 50px;
    }

    main .custom-landingpage .landingpage-form p {
      background: #333232;
      color: var(--white);
      font-size: 12px;
      padding: 20px 40px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
    }

    main .custom-landingpage .landingpage-form p a:hover {
      color: var(--brown);
    }

    /* main .landingpage-form li a {
        color: var(--light-grey);
        font-size: 14px;
    }

    main .landingpage-form li a:hover {
        color: var(--brown);
    }

    main .landingpage-form .form-check {
        margin-bottom: 20px;
    } */
    @media(max-width:558px) {
      header .landing-bg h3 {
        padding: 35px 5px 15px;
        width: 100%;
      }

      header .logos img {
        width: 120px;
        height: auto;
      }
    }

    /*8.Footer
    =========================================================*/
    /* SQ1 Footer Links */
    footer .sq1-links {
      background-color: var(--grey);
    }

    footer .sq1-links ul>li {
      display: inherit;
    }

    footer .sq1-links h6 {
      color: var(--white);
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 500
    }

    footer .sq1-links ul>li>a, footer .sq1-links p {
      color: var(--medium-grey);
      font-size: 13px;
    }

    footer .sq1-links ul>li>a {
      text-decoration: none;
      font-size: 13px;
      text-transform: capitalize;
    }

    footer .sq1-links ul>li>a:hover {
      color: var(--white);
    }

    /* SQ1 Footer Links */
    footer .sq1-copyright {
      border-top: 2px solid var(--brown);
    }

    footer .sq1-copyright span {
      font-size: 13px;
    }

    footer ul li a {
      color: var(--light-grey);
    }

    footer .sq1-copyright li {
      font-size: 13px;
    }

    footer .sq1-copyright li a:hover {
      text-decoration: none;
      color: var(--brown);
    }

    footer i {
      font-size: 22px !important;
    }

    footer .sq1-links i:hover {
      color: var(--brown);
    }

    footer .custom-border {
      border-color: var(--brown);
    }

    footer #statusmsg {
      font-size: 12px;
      display: block;
    }

    /* #statusmsg {
        position: absolute;
        bottom: -26px;
    } */
    footer .sq1-links .soc-image {
      position: absolute;
      right: 4%;
      /* bottom: 20%; */
      z-index: 99;
    }

    footer .sq1-links .iso-image {
      position: absolute;
      right: 4%;
      bottom: 20%;
      z-index: 99;
    }

    @media(max-width:1400px) {
      main .sq1-bottom-form form {
        display: none;
        position: fixed;
        bottom: 3%;
        padding: 0;
        margin: 0;
        right: 30px;
        z-index: 9999;
        width: auto;
      }
    }

    /* @media(min-width:960px) and (max-width:1100px) {
       footer .sq1-links .iso-image {
          position: absolute;
          left: 10%;
          bottom: 0%;
          z-index: 99;
       }
    } */
    @media(min-width:480px) and (max-width:980px) {
      .sq1-page-head {
        top: 0px;
      }

      main .sq1-clients {
        padding: 30px 15px;
      }

      footer .sq1-links .iso-image {
        position: absolute;
        right: 1%;
        bottom: 2%;
        width: auto;
        z-index: 99;
      }

      footer .sq1-links .soc-image {
        position: absolute;
        right: 1%;
        bottom: 32%;
        /* width: auto; */
        z-index: 99;
      }
    }

    @media(max-width:768px) {
      footer .sq1-links .iso-image {
        position: absolute;
        left: 6%;
        bottom: 8%;
        width: auto;
        z-index: 99;
      }

      footer .sq1-links .soc-image {
        position: absolute;
        left: 6%;
        bottom: 8%;
        width: auto;
        z-index: 99;
      }
    }

    @media (max-width:767px) {
      footer .sq1-links .iso-image {
        position: absolute;
        right: 5%;
        left: inherit;
        bottom: 4%;
        width: auto !important;
        z-index: 99;
      }

      footer .sq1-links .soc-image {
        position: absolute;
        right: 5%;
        left: inherit;
        bottom: 18%;
        width: 108px !important;
        z-index: 99;
      }
    }

    @media(max-width:480px) {
      footer .sq1-links img {
        width: 50% !important;
        margin-bottom: 2em;
      }

      main .sq1-form-icon {
        position: fixed;
        bottom: 14%;
        right: 5%;
        color: var(--white);
        background: var(--brown);
        border-radius: 50%;
        width: 60px;
        height: 60px;
        padding: 17px 0;
        text-align: center;
      }

      main .sq1-bottom-form form {
        display: none;
        position: fixed;
        bottom: 4%;
        padding: 0;
        margin: 0;
        right: 6px;
        z-index: 9999;
      }
    }

    /* 9.thankyou page
    ============================================================*/
    .custom_thankyou {
      position: absolute;
      left: 55%;
      top: 65vh;
      display: block;
    }

    .custom_thankyou h4 {
      color: var(--brown);
      font-size: 35px;
      font-weight: 300;
    }

    .custom_thankyou p {
      text-align: center;
      border: 1px solid var(--brown);
      width: 50%;
      padding: 10px;
      border-radius: 24px;
      display: block;
      margin: 0 auto;
      margin-top: 35px;
    }

    @media(min-width:769px) and (max-width:1024px) {
      .custom_thankyou p {
        margin-top: 20px;
      }

      .custom_thankyou h4 {
        font-size: 24px;
      }
    }

    @media(min-width:481px) and (max-width:768px) {
      .custom_thankyou h4 {
        font-size: 19px;
      }

      .custom_thankyou p {
        width: 70%;
        font-size: 12px;
      }
    }

    @media(max-width:480px) {
      .custom_thankyou h4 {
        font-size: 18px;
      }

      .custom_thankyou p {
        width: 100%;
        margin-top: 25px;
        font-size: 10px;
      }

      .custom_thankyou {
        position: absolute;
        left: 31%;
        top: 65vh;
        display: block;
      }
    }

    /* progress bar */
    /*------------------- circle box start -----------------*/
    .circle-progress {
      position: relative;
      height: 90px;
      width: 90px;
      display: block;
      margin: 0 auto;
      margin-top: 14px;
      margin-bottom: 5.62px;
    }

    .circle-progress div {
      position: absolute;
      height: 100px;
      width: 100px;
      border-radius: 50%;
    }

    .circle-progress div span {
      position: absolute;
      font-family: Arial;
      font-size: 25px;
      line-height: 95px;
      height: 87px;
      width: 87px;
      left: 6.7px;
      top: 7px;
      text-align: center;
      border-radius: 50%;
      background-color: var(--white);
    }

    .circle-progress .rotate {
      clip: rect(0 50px 105px 0);
    }

    .circle-progress .left {
      clip: rect(0 50px 100px 0);
      opacity: 1;
      left: -1px;
    }

    .circle-progress .right {
      clip: rect(0 50px 100px 0);
      transform: rotate(180deg);
      opacity: 0;
    }

    .custom-arrow {
      position: absolute;
      top: 30%;
      left: 81%;
    }

    .right-arrow {
      right: -7%;
      left: auto;
      top: 43%;
    }

    .mt-50 {
      margin-top: 50px;
    }

    @keyframes toggle {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @media(min-width:1025px) and (max-width:1084px) {
      .circle-progress {
        margin-top: 27px;
      }
    }

    @media(min-width:769px) and (max-width:1024px) {
      .circle-progress {
        margin-top: 6px;
        margin-left: 4px;
      }
    }

    @media(max-width:991px) {
      .custom-arrow {
        display: none !important;
      }

      .right-arrow {
        display: none !important
      }
    }

    @media(min-width:991px) and (max-width:1350px) {
      .mt-50 {
        margin-top: 39px;
      }

      .custom-arrow {
        width: 36px !important;
        left: 89%;
        top: 27%;
      }

      .right-arrow {
        right: -3%;
        left: auto;
        top: 38%;
      }
    }

    @media(min-width:767px) and (max-width:768px) {
      .circle-progress {
        margin-left: -4px;
        margin-top: 22px;
      }
    }

    @media(min-width:481px) and (max-width:768px) {
      .circle-progress {
        margin-left: 0px;
        margin-top: 22px;
      }
    }

    .collapse-card {
      background-image: url('../images/ccpa/CCPA-Regulation.png');
      background-repeat: no-repeat;
      background-position: 50% 40%;
    }

    .collapse-card-time {
      background-image: url('../images/ccpa/CCPA-Timeline.png');
      background-repeat: no-repeat;
      background-position: 50% 40%;
    }

    .text li::before {
      content: "\2022";
      color: var(--brown);
      font-weight: bold;
      display: inline-block;
      width: 9px;
      margin-left: -15px;
      font-size: 30px;
    }

    .text {
      list-style-type: none;
    }

    .text li {
      font-weight: normal;
      font-size: 16px;
      padding: 15px 0;
    }

    @media(min-width:300px) {
      .overlay-xs {
        display: none;
      }

      .collapse-xs {
        display: block;
        margin-top: 15px;
      }

      .collapse-card, .collapse-card-time {
        height: 167px;
        background-size: contain;
      }
    }

    @media (min-width:330px) {
      .collapse-card, .collapse-card-time {
        background-size: cover;
      }
    }

    @media (min-width:767px) {
      .collapse-card, .collapse-card-time {
        height: 297px;
      }
    }

    @media(min-width:991px) {
      .overlay-xs {
        display: flex;
      }

      .collapse-xs {
        display: none;
      }
    }