@font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x4DF02iFML4hGCyMqgXSFsjlC0V7q7Ag.woff2) format('woff2');
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }


    @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x4DF02iFML4hGCyMqgXS9sjlC0V7o.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }


    @font-face {
      font-family: 'Urbanist';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x-DF02iFML4hGCyMqrbS1miXK2Z7s.woff2) format('woff2');
      unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }


    @font-face {
      font-family: 'Urbanist';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v15/L0x-DF02iFML4hGCyMqlbS1miXK2.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    } 
    html {
      background-color: var(--color-bg);
    }

    * {

      transition: 0.5s all ease;
    }

    .nav-shadow {
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    }


    /* NAVBAR SECTION STARTS */


    .navbar-container {
      margin: 0px;
      padding: 0px;
      display: flex;
      height: fit-content;
      position: relative;
      width: 100%;
      display: flex;
      margin: auto;
      max-width: var(--global-max-width);
      background-color: var(--color-white);

    }

    .navbar-container-inner {
      margin: 0px;
      padding: 0px;
      display: flex;
      height: 80px;
      position: relative;
      width: var(--global-width);
      display: flex;
      margin: 0 auto;
      max-width: var(--global-max-width);
      align-items: center;
    }


    .share-navabr-logo-container {
      display: flex;
      flex-direction: column;
      text-decoration: none;


    }

    .share-navabr-logo-container>p {
      margin: 0px;
      padding: 0px;
      color: var(--color-black);
      font-size: var(--font-large);
      font-weight: 900;
      text-transform: uppercase;
      -webkit-text-stroke: 1px var(--color-black);
      width: fit-content;
    }

    .share-navabr-poweredby {
      display: flex;
      align-items: center;
      width: 200px;
    }

    .share-navabr-poweredby>p {
      margin: 0px;
      padding: 0px;
      color: var(--color-black);
      font-size: var(--font-small);
      display: flex;
      flex-shrink: none;
    }

    .share-navabr-poweredby>img {
      height: 18px;
      margin-left: var(--dim-4px);
      cursor: pointer;
      object-fit: contain;
    }



    .navbar-item-container {
      margin: 0px;
      padding: 0px;
      display: flex;
      align-items: center;
      height: 100%;
      flex: 1;


    }

    .navbar-item {
      list-style: none;
      cursor: pointer;
      margin: 0px;
      padding: 0px;
      font-size: var(--font-small);
      cursor: pointer;
      color: var(--color-black);

      margin-left: var(--dim-8px);


    }

    .navbar-item:hover {
      transition: 0.5s all ease;
      background-color: var(--color-hover);
      border-radius: var(--roundness-full);
    }

    .navbar-item>a {
      font-size: var(--font-small);
    }

    .navbar-link {
      display: flex;
      justify-content: center;
      width: 100% !important;
      height: 100% !important;
      align-items: center;
      margin: 0px;
      padding: 0px;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: var(--roundness-full);
      padding: var(--dim-8px) var(--dim-12px);
      text-decoration: none;
      font-size: var(--font-medium);
      color: var(--color-black);

    }

    .active-navbar-item {
      background-color: var(--color-brand);
      border: 0px solid var(--color-stroke) !important;
    }

    .active-navbar-item>a {
      color: white;
    }

    .navbar-item-login {
      display: none;
      background-color: var(--color-lightgray);
      border-radius: var(--roundness-full);
      border: 1px solid var(--color-stroke);
    }

    .navbar-item-register {
      display: none;
      background-color: var(--color-lightgray);
      border-radius: var(--roundness-full);
      border: 1px solid var(--color-stroke);
    }

    .navbar-item-dashboard {
      display: none;
      background-color: var(--color-lightgray);
      border-radius: var(--roundness-full);
      border: 1px solid var(--color-stroke);
    }

    .navbar-item-left {
      margin-left: auto;
    }

    @media only screen and (max-width: 700px) {
      /* .navbar-item{
        display: none !important;
    } */

    }


    /* NAVBAR SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /* HERO SECTION STARTS */

    .hero-container {
      margin: 0px;
      padding: 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      right: 0;
      left: 0;
      max-width: var(--global-max-width);
      height: fit-content;
      height: fit-content;

    }

    .hero-container-inner {
      margin: 0px;
      padding: 0px;
      width: var(--global-width);
      display: flex;
      margin: 0 auto;
      height: fit-content;
      flex-direction: column;
      height: 100%;
      padding: var(--dim-separator-gap) 0px;
    }

    .hero-title {

      font-size: var(--font-large-extra);
      font-weight: 400;
      margin-bottom: var(--dim-16px);
    }

    .hero-title strong {
      font-weight: 800;
      font-size: var(--font-large-extra);
      margin-right: var(--dim-8px);
      text-decoration: underline;
      text-transform: uppercase;
      color: var(--color-black);
      -webkit-text-stroke: 1px;

    }

    .hero-desc {
      display: flex;
      font-size: var(--font-medium);
      margin-bottom: var(--dim-32px);
      color: var(--color-gray);
    }


    .hero-more-data {
      display: flex;
      height: fit-content;
      margin-top: var(--dim-32px);
      align-items: center;
    }

    .hero-more-data>div {
      display: flex;
      flex-direction: column;
      margin-right: var(--dim-32px);
    }

    .hero-more-data>div>div {
      display: flex;
      margin-right: var(--dim-32px);
      align-items: center;
    }

    .hero-more-data>div>div>p {
      display: flex;
      font-size: var(--font-large-extra) !important;
      color: var(--color-black) !important;
      font-weight: 800 !important;
      align-items: center;

    }

    .hero-more-data>div>div>img {
      width: 20px;
      height: 20px;
      object-fit: cover;
      margin-right: var(--dim-8px);

    }

    .odometer-inside * {
      font-size: var(--font-large-extra) !important;
      color: var(--color-black) !important;
      font-weight: 800 !important;
    }



    .hero-more-data>div>p {
      display: flex;
      margin-top: var(--dim-4px);
      color: var(--color-gray);
    }

    .hero-container-general-btn {
      margin: 0px;
      padding: 0px;
      display: flex;
      color: var(--color-white);
      font-size: var(--font-medium);
      text-align: center;
      border-radius: var(--roundness-full);
      padding: var(--dim-16px);
      cursor: pointer;
      outline: 0px;
      border: none;
      width: fit-content;
      height: fit-content;
      background-color: var(--color-brand);
      align-items: center;
      text-decoration: none;

      transform: scale(1);
    }

    .hero-container-general-btn>img {
      display: flex;
      width: 20px;

      object-fit: contain;
      height: 20px;
      margin-left: var(--dim-8px);
      filter: invert(1);
    }

    .hero-container-general-btn:hover {
      color: var(--color-black) !important;
      background-color: var(--color-white) !important;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;

      transform: scale(1.1);
    }

    .hero-container-general-btn:hover img {
      filter: invert(0);
    }

    .hero-hide {
      display: none;
    }



    /* HERO SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /* DYNAMIC SECTION STARTS */

    .dynamic-container {
      margin: 0px;
      padding: 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      right: 0;
      left: 0;
      max-width: var(--global-max-width);
      height: fit-content;
      height: fit-content;

      background-color: var(--color-white);

    }

    .dynamic-container-inner {
      margin: 0px;
      padding: 0px;
      width: var(--global-width);
      display: flex;
      margin: 0 auto;
      height: fit-content;
      flex-direction: column;
      height: 100%;
      padding: var(--dim-separator-gap) 0px;
      position: relative;
    }

    .dynamic-title {

      font-size: var(--font-large-extra);
      color: var(--color-black);
      margin-bottom: var(--dim-8px);
    }

    .dynamic-title strong {
      font-weight: 800;
      font-size: var(--font-large-extra);
      text-transform: uppercase;
      color: var(--color-black);

      text-transform: uppercase;
      color: var(--color-black);
      -webkit-text-stroke: 1px;


    }

    .dynamic-desc {
      display: flex;
      font-size: var(--font-medium);
      color: var(--color-gray);
      width: 50%;
      margin-bottom: var(--dim-16px);

    }

    .dynamic-cover {
      height: 320px;
      width: 320px;
      object-fit: contain;
      position: absolute;
      right: 0%;
      border-radius: var(--roundness);
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    }


    .dynamic-detail-ul {
      list-style: none;

      border: 1px solid transparent;
      margin-bottom: var(--dim-32px);
    }

    .dynamic-detail-ul>li {
      display: flex;
      margin-bottom: var(--dim-8px);
      font-size: var(--font-medium);
    }

    .dynamic-detail-ul>li:last-child {
      margin-bottom: 0px;
    }

    .dynamic-detail-ul>li>div {
      display: flex;
      align-items: center;

    }

    .dynamic-detail-ul>li>div>img {
      display: flex;
      width: 20px;
      height: 20px;
      margin-right: var(--dim-8px);

    }

    .dynamic-table-container {
      margin-top: var(--dim-16px);
      overflow-x: auto;
      white-space: nowrap;
      max-height: 800px;
      overflow-y: auto;
    }

    .dynamic-table {

      width: 100%;
    }

    .dynamic-table>thead {}

    .dynamic-table>thead>tr>th {
      position: sticky;
      top: 0;
      background-color: #fff;

    }

    .dynamic-table>thead>tr>th>p {
      display: flex;
      padding-left: var(--dim-8px);
      padding-right: var(--dim-8px);
      height: 30px;
      align-items: center;
      font-size: var(--font-medium);
      background-color: var(--color-lightgray);
      color: var(--color-black);
      border-radius: 4px;
    }


    .dynamic-table>tbody {}

    .dynamic-table>tbody>tr>td>p {
      display: flex;
      padding-left: var(--dim-8px);
      padding-right: var(--dim-8px);
      height: 30px;
      align-items: center;
      font-size: var(--font-medium);
      border-bottom: 1px solid var(--color-stroke);
      border-right: 1px solid var(--color-stroke);
    }




    .dynamic-table-1 {

      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table-2 {
      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table-3 {
      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table-4 {
      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table-5 {
      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table-6 {
      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table-7 {
      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table-8 {
      min-width: 100px !important;
      font-size: var(--font-small) !important;
    }

    .dynamic-table>tbody>tr>td>p {
      font-size: var(--font-small) !important;
      color: var(--color-gray);

    }

    .dynamic-table>tbody>tr>td>p>a {
      font-size: var(--font-small) !important;
      color: var(--color-gray);

    }

    .dynamic-table>tbody>tr>td:nth-child(1)>p {
      border-right: 1px solid var(--color-stroke);

    }

    .dynamic-table>tbody>tr>td:nth-child(7)>p {
      border-right: 0px solid var(--color-stroke);

    }

    .dynamic-link {
      color: var(--color-link);
    }

    .dynamic-link:hover {
      color: var(--color-link-dark);
    }

    .dynamic-country-flag {
      margin-right: var(--dim-8px);
      border-radius: 2px;
      height: fit-content;
      width: 20px;
    }

    .dynamic-os {
      margin-right: var(--dim-8px);
      height: fit-content;
      width: 20px;
    }

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


      .dynamic-cover {
        position: initial !important;
        width: fit-content;
        height: 200px;
        margin-bottom: var(--dim-32px);
      }

      .dynamic-desc {
        width: 100%;
        margin-bottom: var(--dim-16px);
      }


    }




    /* DYNAMIC SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /* USE CASES SECTION STARTS */

    .use-case-container {
      margin: 0px;
      padding: 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      right: 0;
      left: 0;
      max-width: var(--global-max-width);
      height: fit-content;
      height: fit-content;

      background: #1d183b;
      background: linear-gradient(45deg, #1d183b, #0c091c, #1d183b);
      background-size: 300% 300%;
      animation: diagonalFlow 5s ease-in-out infinite;


    }

    .use-case-container-inner {
      margin: 0px;
      padding: 0px;
      width: var(--global-width);
      display: flex;
      margin: 0 auto;
      height: fit-content;
      flex-direction: column;
      height: 100%;
      padding: var(--dim-separator-gap) 0px;
      position: relative;
    }

    .use-case-title {

      font-size: var(--font-large-extra);
      margin-bottom: var(--dim-8px);
      color: var(--color-white);
    }

    .use-case-title strong {
      font-weight: 800;
      font-size: var(--font-large-extra);
      text-transform: uppercase;
      color: var(--color-brand);

    }

    .use-case-desc {
      display: flex;
      font-size: var(--font-medium);
      color: var(--color-white);
      width: 50%;
      margin-bottom: 108px;
    }

    .use-case-cover {
      height: 280px;
      width: 40%;
      object-fit: cover;
      position: absolute;
      right: 0%;
      border-radius: var(--roundness);
    }

    .use-case-grid {

      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: var(--dim-16px);

    }



    .use-case-item {
      display: flex;
      height: 360px;
      flex-direction: column;
      background-color: white;
      border-radius: var(--roundness);
      padding: var(--dim-16px);
      box-sizing: border-box;
      justify-content: center;
      align-items: center;

    }


    .use-case-item>h3 {
      font-size: var(--font-large);
      display: flex;
      margin-bottom: var(--dim-8px);
      color: var(--color-black);
      margin-top: var(--dim-16px);


    }

    .use-case-item>p {
      font-size: var(--font-medium);
      display: flex;
      color: var(--color-black);
      text-align: center;

    }
      .use-case-item > img{ 
        height: auto;
        width: 200px;
      }

   @media only screen and (max-width: 1280px) {
      .use-case-grid {

        grid-template-columns: 1fr 1fr 1fr;

      }
    }
    @media only screen and (max-width: 1050px) {
      .use-case-grid {

        grid-template-columns: 1fr 1fr;

      }

      .use-case-item {

        grid-column: span 1 !important;

      }

      .use-case-cover {
        position: initial !important;
        margin-bottom: var(--dim-16px);
        width: 100%;
        height: 400px;
      }

      .use-case-desc {
        width: 100%;
        margin-bottom: var(--dim-16px);
      }


    }

    @media only screen and (max-width: 530px) {
      .use-case-grid {

        grid-template-columns: 1fr;

      }
 .use-case-item > img{  
        width: 160px;
      }
      .use-case-item {


        height: fit-content; 
      }

      /* .use-case-item {


        height: fit-content;
        background-color: transparent;
        padding: 0px !important;
        padding-bottom: var(--dim-16px) !important;
        border-bottom: 1px solid var(--color-black-stroke);
        border-radius: 0px;
      }

      .use-case-item>* {


        color: var(--color-white) !important;

      }
    */
      .use-case-cover {
        height: fit-content;
      } 


    }

    /* USE CASES SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /* SERVICES SECTION STARTS */

    .services-container {
      margin: 0px;
      padding: 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      right: 0;
      left: 0;
      max-width: var(--global-max-width);
      height: fit-content;
      height: fit-content;


    }

    .services-container-inner {
      margin: 0px;
      padding: 0px;
      width: var(--global-width);
      display: flex;
      margin: 0 auto;
      height: fit-content;
      flex-direction: column;
      height: 100%;
      padding: var(--dim-separator-gap) 0px;
      position: relative;
    }

    .services-title {

      font-size: var(--font-large-extra);
      margin-bottom: var(--dim-8px);
      color: var(--color-black);
    }

    .services-title strong {
      font-weight: 800;
      font-size: var(--font-large-extra);
      text-transform: uppercase;
      color: var(--color-black);

    }

    .services-desc {
      display: flex;
      font-size: var(--font-medium);
      color: var(--color-gray);
      width: 100%;
      margin-bottom: var(--dim-32px);
    }

    .services-cover {
      height: 280px;
      width: 40%;
      object-fit: cover;
      position: absolute;
      right: 0%;
      border-radius: var(--roundness);
    }

    .services-grid {

      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: var(--dim-16px);

    }



    .services-item {
      display: flex;
      height: 160px;
      flex-direction: column;
      background-color: white;
      border-radius: var(--roundness);
      padding: var(--dim-16px);
      box-sizing: border-box;
      border: 1px solid var(--color-stroke);

    }


    .services-item>h3 {
      font-size: var(--font-large);
      display: flex;
      margin-bottom: var(--dim-8px);
      color: var(--color-black);


    }

    .services-item>p {
      font-size: var(--font-medium);
      display: flex;
      color: var(--color-gray);

    }

    @media only screen and (max-width: 1050px) {
      .services-grid {

        grid-template-columns: 1fr 1fr;

      }

      .services-item {

        grid-column: span 1 !important;

      }

      .services-cover {
        position: initial !important;
        margin-bottom: var(--dim-16px);
        width: 100%;
        height: 400px;
      }

      .services-desc {
        width: 100%;
        margin-bottom: var(--dim-16px);
      }


    }

    @media only screen and (max-width: 550px) {
      .services-grid {

        grid-template-columns: 1fr;
        margin-top: var(--dim-16px);

      }

      .services-item {


        height: fit-content;
        background-color: transparent;
        padding: 0px !important;
        padding-bottom: var(--dim-16px) !important;
        border: none;
        border-bottom: 1px solid var(--color-stroke);
        border-radius: 0px;
      }



      .services-cover {
        height: 200px;
      }


    }

    /* SERVICES SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /* PRICING SECTION STARTS */

    .pricing-container {
      margin: 0px;
      padding: 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      right: 0;
      left: 0;
      max-width: var(--global-max-width);
      height: fit-content;
      height: fit-content;
      background-color: var(--color-white);


    }

    .pricing-container-inner {
      margin: 0px;
      padding: 0px;
      width: var(--global-width);
      display: flex;
      margin: 0 auto;
      height: fit-content;
      flex-direction: column;
      height: 100%;
      padding: var(--dim-separator-gap) 0px;
      position: relative;
    }

    .pricing-title {

      font-size: var(--font-large-extra);
      margin-bottom: var(--dim-8px);
      color: var(--color-black);
    }

    .pricing-title strong {
      font-weight: 800;
      font-size: var(--font-large-extra);
      text-transform: uppercase;
      color: var(--color-black);

    }

    .pricing-desc {
      display: flex;
      font-size: var(--font-medium);
      color: var(--color-gray);
      width: 100%;
    }


    /* PRICING SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /* CONTACT SECTION STARTS */

    .contact-container {
      margin: 0px;
      padding: 0px;
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      right: 0;
      left: 0;
      max-width: var(--global-max-width);
      align-items: center;
      justify-content: center;
      height: fit-content;
    }

    .contact-container-inner {
      margin: 0px;
      padding: 0px;
      width: var(--global-width);
      display: flex;
      margin: 0 auto;
      height: fit-content;
      padding: var(--dim-separator-gap) 0px;
      flex-direction: column;
    }



    .contact-container-inner>h2 {
      font-size: var(--font-large-extra);
      color: var(--color-black);
    }


    .contact-container-inner>p {
      display: flex;
      font-size: var(--font-medium);
      margin-top: var(--dim-8px);
      margin-bottom: var(--dim-32px);
      color: var(--color-gray);
    }

    .contact-container-general-btn {
      margin: 0px;
      padding: 0px;
      display: flex;
      color: var(--color-white);
      font-size: var(--font-medium);
      text-align: center;
      border-radius: var(--roundness-full);
      padding: var(--dim-16px);
      cursor: pointer;
      outline: 0px;
      border: none;
      width: fit-content;
      height: fit-content;
      background-color: var(--color-brand);
      align-items: center;
      text-decoration: none;
      justify-content: center;

    }

    .contact-container-general-btn>img {
      display: flex;
      width: 20px;

      object-fit: contain;
      height: 20px;
      margin-left: var(--dim-8px);
      filter: invert(1);
    }

    .contact-container-general-btn:hover {
      color: var(--color-black) !important;
      background-color: var(--color-white) !important;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;
    }

    .contact-container-general-btn:hover img {
      filter: invert(0);
    }

    .contact-container-general-btn:hover {
      color: var(--color-black) !important;
      background-color: var(--color-white) !important;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px !important;

      transform: scale(1.1);
    }


    /* CONTACT SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /* FOOTER SECTION STARTS */


    .footer-container {
      margin: 0px;
      padding: 0px;
      display: flex;
      height: fit-content;
      position: relative;
      width: 100%;
      display: flex;
      max-width: var(--global-max-width);
      margin: auto;

      background: #1d183b;
      background: linear-gradient(45deg, #1d183b, #0c091c, #1d183b);
      background-size: 300% 300%;
      animation: diagonalFlow 5s ease-in-out infinite;

    }

    .footer-container-inner {
      margin: 0px;
      padding: 0px;
      width: var(--global-width);
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      height: fit-content;
      padding: var(--dim-32px) 0px;
    }

    .footer-top {
      display: flex;
      width: 100%;


    }

    .footer-main {

      display: flex;
      flex-direction: column;
    }


    .footer-section-title {
      margin: 0px;
      padding: 0px;
      font-size: var(--font-medium);
      color: var(--color-white);
      width: 80%;
    }



    .footer-logo-container {
      display: flex;
      flex-direction: column;
      margin-bottom: var(--dim-16px);


    }

    .footer-logo-container>p {
      margin: 0px;
      padding: 0px;
      color: var(--color-white);
      font-size: var(--font-large-extra);
      font-weight: 900;
      text-transform: uppercase;
      -webkit-text-stroke: 1px var(--color-white);
      width: fit-content;


    }

    .footer-poweredby {
      display: flex;
      align-items: center;
      width: 100%;

    }

    .footer-poweredby>p {
      margin: 0px;
      padding: 0px;
      color: var(--color-white);
      font-size: var(--font-small);
      display: flex;

    }

    .footer-poweredby>img {

      height: 18px;
      margin-left: var(--dim-4px);
      cursor: pointer;
      object-fit: contain;
    }


    .footer-social-icons {
      display: flex;
      margin-top: auto;
      margin-left: auto;
      justify-self: flex-end;
      align-items: flex-end;

    }

    .footer-social-icons>a {
      width: 40px;
      height: 40px;
      cursor: pointer;

      margin-left: var(--dim-16px);
    }

    .footer-social-icons>a:hover {

      transform: scale(var(--scale-down-effect));
    }

    .footer-social-icons>a>img {
      width: 40px;
      height: 40px;
    }










    .footer-section-ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
      margin-top: var(--dim-16px);
    }

    .footer-section-li {
      margin: 0px;
      padding: 0px;
      font-size: var(--font-small);
      margin-bottom: var(--dim-2px);
      color: var(--color-white);
    }

    .footer-section-a {
      color: var(--color-black);
      text-decoration: none;
      cursor: pointer;
      color: var(--color-white);
      font-size: var(--font-small);
    }

    .footer-section-a:hover {
      color: var(--color-brand);
      text-decoration: underline;
    }


    .footer-middle {
      display: flex;
      margin-top: var(--dim-64px);
      margin-bottom: var(--dim-64px);
    }

    .footer-middle-section {
      width: 25%;
      display: flex;
      flex-direction: column;

    }

    .footer-bottom {
      width: 100%;
      height: fit-content;
      display: flex;
      align-items: center;
    }

    .footer-rights {
      margin: 0px;
      padding: 0px;
      color: var(--color-white);
      font-size: var(--font-medium);
    }

    .footer-payment-method {
      margin-left: auto;
    }

    .footer-company {
      color: var(--color-white);
    }


    .footer-no-pointer {
      pointer-events: none;
    }

    .footer-invisible {
      visibility: hidden;
      display: none;
    }

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

      .footer-top {
        flex-direction: column;
      }

      .footer-main {
        width: 100%;
      }

      .footer-social-icons {
        width: 100%;

        margin-top: var(--dim-16px);
        margin-left: 0px;
        justify-self: initial;
        align-items: initial;
        flex-wrap: wrap;

      }

      .footer-social-icons>a {
        margin-right: var(--dim-16px);
        margin-left: 0px;
        margin-bottom: var(--dim-16px);
      }

      .footer-middle {
        display: flex;
        margin-top: var(--dim-32px);
        margin-bottom: var(--dim-32px);
      }

      .footer-section-title {
        width: 100%;
      }
    }

    @media only screen and (max-width: 1060px) {
      .footer-middle-section {
        width: 25% !important;
      }

      .footer-middle {
        flex-wrap: wrap;
      }

      .footer-middle-margin-bottom-16 {
        margin-bottom: var(--dim-16px);
      }

      .footer-middle-margin-left-auto {
        margin-left: auto !important;
      }
    }

    @media only screen and (max-width: 550px) {
      .footer-middle-section {
        width: 49% !important;
      }

      .footer-middle {
        flex-wrap: wrap;
      }

      .footer-middle-margin-bottom-16 {
        margin-bottom: var(--dim-16px);
      }

      .footer-middle-margin-left-auto {
        margin-left: auto !important;
      }
    }




    /* FOOTER SECTION ENDS */
    /* ************************************************************** */
    /* ************************************************************** */
    /* ************************************************************** */
    /*  SECTION STARTS */