@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Secular+One&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
:root {
  /* --main-font-family: 'Open Sans', sans-serif; */
  --main-font-family: "Ubuntu";
  /* --heading-font-family: 'Playfair Display', serif; */
  /* --heading-font-family: 'Montserrat', sans-serif; */
  --heading-font-family: "Ubuntu", sans-serif;
  --main-color: #0759ad;
  --color-blue-2: #30adef;
  --bg-color: #d8dfe3;
  --bg-textarea: rgba(13, 110, 253, 0.25);
  --bg-textare: #eef7ff;
  --link-blue-2: #0a58ca;
  --link-blue-3: #041b45;
  --link-blue: #0e2e67;
  --main-blue: #004778;
  --optional-color: #2e3ab8;
  --white-color: #ffffff;
  --black-color: #020202;
  --color-gray: #6b7c8f;
  --color-yellow: #ffc107;
  --color-green: #2a852e;
  --color-green-2: #1f9324;
  --color-green-4: #32d939;
  --color-green-3: var(--color-green-3);
  --color-red: #d5182a;
  --color-border: #e1e1e1;
  --color-omicrom: #62381b;
  --color-omicrom-2: #8d5e18;
  --color-omicrom-3: #3d1f09;
  --color-noise: #212529;
  --paragraph-color: #484847;
  --font-size: clamp(11px, 1vw, 14px);
  --transition: 0.4s; }

* {
  font-family: var(--main-font-family); }

a {
  color: var(--link-blue);
  text-decoration: none;
  cursor: pointer;
  word-break: break-all; }

p {
  word-break: break-all; }

body {
  background-color: var(--bg-color);
  overflow-x: hidden;
  position: relative;
  display: flex;
  flex-direction: column; }
  body section.new-section-hero {
    width: 100%;
    background-color: var(--white-color);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 0px; }
    body section.new-section-hero .container-fluid {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0; }
      body section.new-section-hero .container-fluid .left-hero {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 25px; }
        body section.new-section-hero .container-fluid .left-hero h1.title-hero {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          font-size: clamp(22px, 3vw, 65px);
          line-height: clamp(22px, 3vw, 65px);
          font-weight: 900;
          font-family: var(--main-font-family);
          color: var(--link-blue-3);
          text-transform: capitalize; }
          body section.new-section-hero .container-fluid .left-hero h1.title-hero span {
            font-weight: 800; }
          body section.new-section-hero .container-fluid .left-hero h1.title-hero .green {
            color: var(--color-green-4); }
          body section.new-section-hero .container-fluid .left-hero h1.title-hero .blue {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            color: #e1bb7a; }
          body section.new-section-hero .container-fluid .left-hero h1.title-hero .underline-sep {
            width: 17%;
            min-width: 150px;
            border-top: 5px solid #e1bb7ade;
            margin-bottom: 25px;
            margin-top: 5px;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            border-radius: 15px; }
        body section.new-section-hero .container-fluid .left-hero p.hero-info {
          font-size: clamp(14px, 1.1vw, 18px);
          line-height: clamp(22px, 1.5vw, 30px);
          font-weight: 400;
          font-family: var(--main-font-family);
          color: var(--link-blue);
          max-width: 750px;
          margin-bottom: 0; }
        body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          padding: 25px 0px;
          max-width: 750px;
          width: 100%; }
          body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .conent-input-try {
            width: 65%; }
            body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .conent-input-try .input-group .form-control {
              font-size: clamp(15px, 1.4vw, 20px);
              line-height: clamp(22px, 1.5vw, 30px);
              border: 1px solid #86b7fe;
              border-radius: 3px;
              height: 50px; }
          body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .separator-or {
            margin: 0 12px; }
          body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .nav-button-blue {
            padding: 11px 25px;
            border-radius: 3px;
            color: var(--white-color);
            background-color: var(--link-blue);
            border: 1px solid #0a58ca;
            font-size: clamp(15px, 1.4vw, 20px);
            line-height: clamp(22px, 1.5vw, 30px);
            transition: 0.5s; }
            body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .nav-button-blue:hover {
              color: var(--white-color);
              background-color: var(--main-blue);
              transition: 0.5s; }
          body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue {
            padding: 11px 15px;
            border-radius: 20px;
            color: var(--white-color);
            background-color: var(--link-blue);
            /* border: 1px solid #0a58ca; */
            font-size: clamp(15px, 1.4vw, 20px);
            line-height: clamp(22px, 1.5vw, 30px);
            transition: 0.5s;
            width: 200px;
            display: flex;
            align-items: center;
            justify-content: center; }
            body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue:hover {
              color: var(--white-color);
              background-color: var(--main-blue);
              transition: 0.5s; }
            body section.new-section-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue i {
              font-size: 1.1rem;
              margin-right: 10px; }
        body section.new-section-hero .container-fluid .left-hero .separator-or {
          color: var(--color-gray);
          font-size: clamp(15px, 1.4vw, 20px);
          line-height: clamp(22px, 1.5vw, 30px); }
      body section.new-section-hero .container-fluid .right-hero {
        width: 50%;
        max-height: 600px;
        display: flex;
        background-size: cover;
        background-position: center;
        padding-right: 3%;
        padding-top: 1%;
        overflow: hidden; }
        body section.new-section-hero .container-fluid .right-hero .link-hero-img {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 30px 30px 30px 30px;
          overflow: hidden;
          padding: 8%; }
          body section.new-section-hero .container-fluid .right-hero .link-hero-img img {
            width: auto;
            height: 100%; }
        body section.new-section-hero .container-fluid .right-hero .home-bg {
          width: 100%;
          height: 30vw;
          max-height: 100%; }
    body section.new-section-hero .content-hero-bottom {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #e1bb7a96; }
      body section.new-section-hero .content-hero-bottom .content-buttom-left-hero {
        flex: 1;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-left: 1.5%;
        gap: 12px; }
        body section.new-section-hero .content-hero-bottom .content-buttom-left-hero a.hero-phone,
        body section.new-section-hero .content-hero-bottom .content-buttom-left-hero a.hero-email {
          width: 100%;
          position: relative;
          font-size: clamp(25px, 4.2vw, 40px);
          line-height: clamp(22px, 3vw, 65px);
          font-family: var(--main-font-family);
          font-weight: 900;
          transition: 0.5s;
          color: #333; }
          body section.new-section-hero .content-hero-bottom .content-buttom-left-hero a.hero-phone .icon-hero,
          body section.new-section-hero .content-hero-bottom .content-buttom-left-hero a.hero-email .icon-hero {
            margin-right: 7px; }
        body section.new-section-hero .content-hero-bottom .content-buttom-left-hero a.hero-phone {
          width: auto;
          display: flex;
          align-items: center;
          justify-content: flex-start;
          margin-right: 25px; }
        body section.new-section-hero .content-hero-bottom .content-buttom-left-hero a.hero-email {
          display: flex;
          align-items: center;
          justify-content: flex-start; }
      body section.new-section-hero .content-hero-bottom .content-buttom-right-hero {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1.2% 1.5%;
        gap: 8px; }
        body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero,
        body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero {
          width: 48%;
          height: 130px;
          border-radius: 30px;
          overflow: hidden;
          flex: 1; }
        body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: column;
          background-color: #00112f;
          background-size: cover;
          background-position: center;
          padding: 1.4% 2.5%;
          max-width: 410px; }
          body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero h2 {
            width: 100%;
            color: var(--white-color);
            font-size: clamp(25px, 4.2vw, 35px);
            font-weight: 800;
            margin-bottom: 0; }
          body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero span {
            width: 100%;
            color: var(--white-color);
            font-size: clamp(15px, 3.2vw, 20px);
            font-weight: 400; }
          body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero p {
            width: 100%;
            color: var(--white-color);
            font-size: 0.9rem;
            font-weight: 300;
            margin-bottom: 4px;
            margin-top: 5px; }
        body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          background-color: transparent;
          padding: 1.4% 2.5%;
          max-width: 410px; }
          body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero img {
            width: auto;
            height: 7vw;
            max-height: 100px; }
          body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero span.icon {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--link-blue);
            margin-right: 15px; }
            body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero span.icon i {
              font-size: 3.5rem; }
          body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero .txt-grp {
            width: 100%;
            text-transform: capitalize; }
            body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero .txt-grp h2 {
              font-weight: 800;
              color: var(--link-blue); }
            body section.new-section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero .txt-grp p {
              width: 100%; }
  body section.section-hero {
    width: 100%;
    min-height: 380px;
    background-color: #001e33;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 0px; }
    body section.section-hero .container-fluid {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0; }
      body section.section-hero .container-fluid .left-hero {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 25px; }
        body section.section-hero .container-fluid .left-hero h1.title-hero {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          font-size: clamp(22px, 3vw, 65px);
          line-height: clamp(22px, 3vw, 65px);
          font-weight: 900;
          font-family: var(--main-font-family);
          color: var(--white-color);
          text-transform: capitalize; }
          body section.section-hero .container-fluid .left-hero h1.title-hero span {
            font-weight: 800; }
          body section.section-hero .container-fluid .left-hero h1.title-hero .green {
            color: var(--color-green-4); }
        body section.section-hero .container-fluid .left-hero p.hero-info {
          font-size: clamp(14px, 1.1vw, 18px);
          line-height: clamp(22px, 1.5vw, 30px);
          font-weight: 400;
          font-family: var(--main-font-family);
          color: var(--white-color);
          max-width: 750px;
          margin-bottom: 0; }
        body section.section-hero .container-fluid .left-hero .hero-botom-content-btns {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          padding: 25px 0px;
          max-width: 750px;
          width: 100%; }
          body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .conent-input-try {
            width: 65%; }
            body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .conent-input-try .input-group .form-control {
              font-size: clamp(15px, 1.4vw, 20px);
              line-height: clamp(22px, 1.5vw, 30px);
              border: 1px solid #86b7fe;
              border-radius: 3px;
              height: 50px; }
          body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .separator-or {
            margin: 0 12px; }
          body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .nav-button-blue {
            padding: 11px 25px;
            border-radius: 3px;
            color: var(--white-color);
            background-color: var(--link-blue);
            border: 1px solid #0a58ca;
            font-size: clamp(15px, 1.4vw, 20px);
            line-height: clamp(22px, 1.5vw, 30px);
            transition: 0.5s; }
            body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .nav-button-blue:hover {
              color: var(--white-color);
              background-color: var(--main-blue);
              transition: 0.5s; }
          body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue {
            padding: 11px 15px;
            border-radius: 20px;
            color: var(--white-color);
            background-color: var(--link-blue);
            /* border: 1px solid #0a58ca; */
            font-size: clamp(15px, 1.4vw, 20px);
            line-height: clamp(22px, 1.5vw, 30px);
            transition: 0.5s;
            width: 200px;
            display: flex;
            align-items: center;
            justify-content: center; }
            body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue:hover {
              color: var(--white-color);
              background-color: var(--main-blue);
              transition: 0.5s; }
            body section.section-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue i {
              font-size: 1.1rem;
              margin-right: 10px; }
        body section.section-hero .container-fluid .left-hero .separator-or {
          color: var(--color-gray);
          font-size: clamp(15px, 1.4vw, 20px);
          line-height: clamp(22px, 1.5vw, 30px); }
      body section.section-hero .container-fluid .right-hero {
        width: 50%;
        height: 100%;
        background-size: cover;
        background-position: center;
        padding-right: 3%;
        padding-top: 1%;
        overflow: hidden; }
        body section.section-hero .container-fluid .right-hero .link-hero-img {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 30px 30px 30px 30px;
          overflow: hidden; }
          body section.section-hero .container-fluid .right-hero .link-hero-img img {
            width: 100%; }
        body section.section-hero .container-fluid .right-hero .home-bg {
          width: 100%;
          height: 30vw;
          max-height: 100%; }
    body section.section-hero .content-hero-bottom {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      body section.section-hero .content-hero-bottom .content-buttom-left-hero {
        flex: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        gap: 12px; }
        body section.section-hero .content-hero-bottom .content-buttom-left-hero span.itm {
          margin-right: 15px;
          border-radius: 17px;
          color: var(--white-color);
          font-weight: 400;
          background-color: var(--color-green-2);
          display: flex;
          align-items: center;
          padding: 0.5vw 0.5vw;
          font-size: clamp(15px, 1.4vw, 20px);
          line-height: clamp(22px, 1.5vw, 30px); }
          body section.section-hero .content-hero-bottom .content-buttom-left-hero span.itm i {
            font-size: 1.4rem;
            margin-right: 5px; }
        body section.section-hero .content-hero-bottom .content-buttom-left-hero span.sep-item {
          display: none;
          font-size: clamp(15px, 1.4vw, 20px);
          line-height: clamp(22px, 1.5vw, 30px);
          line-height: 1.5rem;
          padding: 0 7px; }
      body section.section-hero .content-hero-bottom .content-buttom-right-hero {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1.2% 1.5%;
        gap: 8px; }
        body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero,
        body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero {
          width: 48%;
          height: 130px;
          border-radius: 30px;
          overflow: hidden;
          flex: 1; }
        body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: column;
          background-color: #00112f;
          background-size: cover;
          background-position: center;
          padding: 1.4% 2.5%; }
          body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero h2 {
            width: 100%;
            color: var(--white-color);
            font-size: clamp(25px, 4.2vw, 35px);
            font-weight: 800;
            margin-bottom: 0; }
          body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero span {
            width: 100%;
            color: var(--white-color);
            font-size: clamp(15px, 3.2vw, 20px);
            font-weight: 400; }
          body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-01-right-hero p {
            width: 100%;
            color: var(--white-color);
            font-size: 0.9rem;
            font-weight: 300;
            margin-bottom: 4px;
            margin-top: 5px; }
        body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          background-color: transparent;
          padding: 1.4% 2.5%; }
          body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero img {
            max-height: 100px; }
          body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero span.icon {
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--link-blue);
            margin-right: 15px; }
            body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero span.icon i {
              font-size: 3.5rem; }
          body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero .txt-grp {
            width: 100%;
            text-transform: capitalize; }
            body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero .txt-grp h2 {
              font-weight: 800;
              color: var(--link-blue); }
            body section.section-hero .content-hero-bottom .content-buttom-right-hero .block-02-right-hero .txt-grp p {
              width: 100%; }
  body section.section-page-hero {
    width: 100%;
    height: 15vw;
    max-height: 280px;
    min-height: 280px;
    background-color: #f2f2f2; }
    body section.section-page-hero .container-fluid {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 1750px;
      padding: 0px !important; }
      body section.section-page-hero .container-fluid .left-hero {
        width: 50%;
        height: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding: 25px; }
        body section.section-page-hero .container-fluid .left-hero .top-label {
          width: 100%;
          text-align: left;
          color: #c78a42;
          font-weight: 800; }
        body section.section-page-hero .container-fluid .left-hero h1.title-hero {
          font-size: clamp(22px, 3vw, 65px);
          line-height: clamp(22px, 3vw, 65px);
          font-weight: 900;
          font-family: var(--main-font-family);
          color: var(--black-color);
          text-transform: capitalize; }
          body section.section-page-hero .container-fluid .left-hero h1.title-hero span {
            font-weight: 800; }
          body section.section-page-hero .container-fluid .left-hero h1.title-hero .green {
            color: var(--color-green-4); }
        body section.section-page-hero .container-fluid .left-hero p.hero-info {
          font-size: clamp(14px, 1.1vw, 18px);
          line-height: clamp(22px, 1.5vw, 30px);
          font-weight: 300;
          font-family: var(--main-font-family);
          color: var(--black-color); }
        body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          padding: 25px 0px;
          width: 100%; }
          body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns .conent-input-try {
            width: 65%; }
            body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns .conent-input-try .input-group .form-control {
              font-size: clamp(15px, 1.4vw, 20px);
              line-height: clamp(22px, 1.5vw, 30px);
              border: 1px solid #86b7fe;
              border-radius: 3px;
              height: 50px; }
          body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns .separator-or {
            margin: 0 12px; }
          body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns .nav-button-blue {
            padding: 11px 25px;
            border-radius: 3px;
            color: var(--white-color);
            background-color: var(--link-blue);
            border: 1px solid #0a58ca;
            font-size: clamp(15px, 1.4vw, 20px);
            line-height: clamp(22px, 1.5vw, 30px);
            transition: 0.5s; }
            body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns .nav-button-blue:hover {
              color: var(--white-color);
              background-color: var(--main-blue);
              transition: 0.5s; }
          body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue {
            padding: 15px 25px;
            border-radius: 3px;
            color: var(--white-color);
            background-color: var(--link-blue);
            border: 1px solid #0a58ca;
            font-size: clamp(15px, 1.4vw, 20px);
            line-height: clamp(22px, 1.5vw, 30px);
            transition: 0.5s; }
            body section.section-page-hero .container-fluid .left-hero .hero-botom-content-btns .btn-button-blue:hover {
              color: var(--white-color);
              background-color: var(--main-blue);
              transition: 0.5s; }
        body section.section-page-hero .container-fluid .left-hero .separator-or {
          color: var(--color-gray);
          font-size: clamp(15px, 1.4vw, 20px);
          line-height: clamp(22px, 1.5vw, 30px); }
      body section.section-page-hero .container-fluid .right-hero {
        width: 50%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-image: url("/assets/imgs/section_3_img_2.png"); }
        body section.section-page-hero .container-fluid .right-hero.home-bg {
          width: 50%;
          height: 22vw;
          min-height: 280px;
          max-height: 100%;
          background-size: 300px;
          background-repeat: no-repeat;
          background-position-x: right; }
  body section.section-2-home {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white-color);
    padding: 6vw 15px; }
    body section.section-2-home .container-fluid {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      body section.section-2-home .container-fluid .row {
        width: 100%; }
        body section.section-2-home .container-fluid .row .col-lg-4 {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
          body section.section-2-home .container-fluid .row .col-lg-4 h3 {
            font-size: 1.52rem;
            margin-bottom: 15px; }
          body section.section-2-home .container-fluid .row .col-lg-4 p {
            font-size: clamp(15px, 1.4vw, 20px);
            line-height: clamp(22px, 1.5vw, 30px); }
          body section.section-2-home .container-fluid .row .col-lg-4 a.btn-link {
            font-size: 1.1rem;
            text-decoration: none; }
  body section.section-footer {
    width: 100%;
    background-color: #001e33;
    background-size: cover;
    background-position: center;
    z-index: 5; }
    body section.section-footer .container-fluid {
      width: 100%;
      flex-direction: column;
      padding: 0 0px !important;
      margin-bottom: 0; }
      body section.section-footer .container-fluid .container {
        max-width: 98%; }
        body section.section-footer .container-fluid .container .ul-block-footer {
          width: 25%; }
      body section.section-footer .container-fluid h5 {
        color: var(--white-color); }
      body section.section-footer .container-fluid ul.nav {
        padding-left: 10px; }
        body section.section-footer .container-fluid ul.nav li.nav-item a.nav-link {
          font-weight: 400;
          color: var(--white-color);
          font-size: 14px;
          transition: 0.5s; }
          body section.section-footer .container-fluid ul.nav li.nav-item a.nav-link:hover {
            color: var(--color-green-2);
            transition: 0.5s; }
          body section.section-footer .container-fluid ul.nav li.nav-item a.nav-link img.payment-methode {
            min-width: 200px;
            max-width: 310px;
            width: 22vw; }
        body section.section-footer .container-fluid ul.nav li.nav-item a.nav-button-blue-footer {
          width: 180px;
          display: flex;
          color: var(--white-color);
          border: 2px solid var(--white-color);
          padding: 10px 15px;
          border-radius: 7px;
          justify-content: center;
          align-items: center;
          transition: 0.5s; }
          body section.section-footer .container-fluid ul.nav li.nav-item a.nav-button-blue-footer i {
            margin-right: 15px; }
          body section.section-footer .container-fluid ul.nav li.nav-item a.nav-button-blue-footer:hover {
            color: var(--color-green-2);
            border: 2px solid var(--color-green-2);
            transition: 0.5s; }
      body section.section-footer .container-fluid p {
        padding: 0;
        font-weight: 300;
        color: var(--white-color);
        font-size: 14px; }
    body section.section-footer .copyrights-area {
      width: 100%;
      padding: 12px 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--link-blue-3);
      padding-bottom: 10px; }
      body section.section-footer .copyrights-area .container-fluid {
        width: 100%;
        max-width: 100%;
        padding: 0 0px !important;
        display: flex;
        align-items: center;
        justify-content: center; }
        body section.section-footer .copyrights-area .container-fluid .row {
          width: 100%;
          display: flex;
          justify-content: center;
          justify-content: flex-start;
          flex-wrap: wrap; }
          body section.section-footer .copyrights-area .container-fluid .row p {
            width: auto;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: flex-start;
            margin-bottom: 0px; }
          body section.section-footer .copyrights-area .container-fluid .row a {
            width: auto;
            font-size: 0.98rem;
            color: var(--color-gray);
            transition: 0.5s; }
            body section.section-footer .copyrights-area .container-fluid .row a:hover {
              color: var(--color-green-2);
              transition: 0.5s; }
      body section.section-footer .copyrights-area a {
        transition: 0.5s; }
        body section.section-footer .copyrights-area a:hover {
          color: var(--color-green-2);
          transition: 0.5s; }
    body section.section-footer p.cookies-info {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 7px 0px;
      font-weight: 400; }
  body section.our-functions {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--white-color);
    border-top: 0px solid var(--color-border);
    flex-direction: column;
    padding-bottom: 0; }
    body section.our-functions .container-fluid {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 0px !important; }
      body section.our-functions .container-fluid .row.featurette {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        body section.our-functions .container-fluid .row.featurette .container {
          display: flex;
          align-items: center;
          justify-content: center; }
        body section.our-functions .container-fluid .row.featurette.part-1 .container {
          max-width: 1725px; }
        body section.our-functions .container-fluid .row.featurette .left-featurette {
          width: 50%;
          display: flex;
          align-items: center;
          justify-content: center; }
          body section.our-functions .container-fluid .row.featurette .left-featurette img {
            width: 100%;
            max-width: 560px; }
        body section.our-functions .container-fluid .row.featurette .right-featurette {
          width: 50%;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          flex-direction: column; }
          body section.our-functions .container-fluid .row.featurette .right-featurette .featurette-heading {
            font-size: clamp(24px, 5.2vw, 35px);
            margin-bottom: 1rem; }
          body section.our-functions .container-fluid .row.featurette .right-featurette ul.list-featurette {
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            list-style-type: none;
            list-style: none; }
            body section.our-functions .container-fluid .row.featurette .right-featurette ul.list-featurette li.item {
              width: 100%;
              padding: 5px 0;
              font-size: clamp(15px, 3.2vw, 20px); }
              body section.our-functions .container-fluid .row.featurette .right-featurette ul.list-featurette li.item span {
                font-weight: 800;
                color: var(--main-blue);
                margin-right: 5px; }
          body section.our-functions .container-fluid .row.featurette .right-featurette .content-paragraph {
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            list-style-type: none;
            list-style: none;
            padding-left: 0.2rem; }
            body section.our-functions .container-fluid .row.featurette .right-featurette .content-paragraph p.lead {
              font-size: clamp(14px, 2.65vw, 17px) !important;
              line-height: clamp(25px, 4.65vw, 31px) !important; }
        body section.our-functions .container-fluid .row.featurette .btn-button-blue {
          padding: 15px 25px;
          border-radius: 3px;
          color: var(--white-color);
          background-color: var(--link-blue);
          border: 1px solid #0a58ca;
          font-size: clamp(15px, 1.4vw, 20px);
          line-height: clamp(22px, 1.5vw, 30px);
          transition: 0.5s; }
          body section.our-functions .container-fluid .row.featurette .btn-button-blue:hover {
            color: var(--white-color);
            background-color: var(--main-blue);
            transition: 0.5s; }
        body section.our-functions .container-fluid .row.featurette .btn-button-green {
          padding: 15px 25px;
          border-radius: 3px;
          color: var(--white-color);
          background-color: #05996f;
          border: 1px solid #05996f;
          font-size: clamp(15px, 1.4vw, 20px);
          line-height: clamp(22px, 1.5vw, 30px);
          transition: 0.5s; }
          body section.our-functions .container-fluid .row.featurette .btn-button-green:hover {
            color: var(--white-color);
            background-color: #005a41;
            transition: 0.5s; }
        body section.our-functions .container-fluid .row.featurette.part-2 {
          background: rgba(13, 110, 253, 0.25); }
          body section.our-functions .container-fluid .row.featurette.part-2 .container {
            max-width: 1725px; }
          body section.our-functions .container-fluid .row.featurette.part-2 .featurette-heading {
            font-size: clamp(25px, 4.2vw, 35px);
            margin-bottom: 2rem;
            font-weight: 800 !important; }
    body section.our-functions.section-03 h1 {
      width: 100%;
      text-align: center;
      color: var(--color-omicrom-3); }
    body section.our-functions.section-03 .paragraph-text {
      color: var(--color-omicrom); }
    body section.our-functions.section-03 .container-fluid {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      body section.our-functions.section-03 .container-fluid .row.featurette.part-1 {
        width: 100%;
        margin-top: 25px; }
        body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container {
          width: 100%;
          display: flex;
          align-items: flex-start;
          justify-content: center;
            /*
            .left-featurette {
              width: 40%;
              display: flex;
              align-items: flex-start;
              justify-content: flex-start;
              flex-direction: column;

              .featurette-heading {
                font-size: clamp(24px, 5.2vw, 35px);
                margin-bottom: 1rem;
              }

              ul.list-featurette {
                width: 100%;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-direction: column;
                list-style-type: none;
                list-style: none;
                li.item {
                  width: 100%;
                  padding: 5px 0;
                  font-size: clamp(15px, 3.2vw, 20px);
                  span {
                    font-weight: 800;
                    color: var(--main-blue);
                    margin-right: 5px;
                  }
                }
              }

              .content-paragraph {
                width: 100%;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                flex-direction: column;
                list-style-type: none;
                list-style: none;
                padding-left: 0.2rem;
                p.lead {
                  font-size: clamp(14px, 2.65vw, 17px) !important;
                  line-height: clamp(25px, 4.65vw, 31px) !important;
                }
              }
            }
            */ }
          body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .middle-section {
            min-width: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            min-height: 365px;
            height: 100%;
            padding: 15px 20px;
            width: 20%; }
            body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .middle-section .content-img {
              margin-bottom: 15px; }
              body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .middle-section .content-img img {
                width: 20vw;
                height: 100%;
                max-width: 305px;
                min-width: 210px; }
          body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette,
          body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette {
            width: 40%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            padding: 0 25px; }
            body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette .featurette-heading,
            body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette .featurette-heading {
              font-size: clamp(24px, 5.2vw, 35px);
              margin-bottom: 1rem; }
            body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette ul.list-featurette,
            body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette ul.list-featurette {
              width: 100%;
              display: flex;
              align-items: flex-start;
              justify-content: flex-start;
              flex-direction: column;
              list-style-type: none;
              list-style: none;
              padding: 0; }
              body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette ul.list-featurette li.item,
              body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette ul.list-featurette li.item {
                width: 100%;
                padding: 5px 0;
                font-weight: 800;
                color: var(--color-omicrom-3);
                font-size: clamp(15px, 3.2vw, 20px); }
                body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette ul.list-featurette li.item span,
                body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette ul.list-featurette li.item span {
                  font-weight: 800;
                  color: var(--main-blue);
                  margin-right: 5px; }
                body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette ul.list-featurette li.item ul.sub-list-featurette,
                body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette ul.list-featurette li.item ul.sub-list-featurette {
                  width: 100%;
                  display: flex;
                  align-items: flex-start;
                  justify-content: flex-start;
                  flex-direction: column;
                  list-style: none;
                  list-style-type: none; }
                  body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette ul.list-featurette li.item ul.sub-list-featurette li.sub-li,
                  body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette ul.list-featurette li.item ul.sub-list-featurette li.sub-li {
                    width: 100%; }
                    body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette ul.list-featurette li.item ul.sub-list-featurette li.sub-li p.p-info,
                    body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette ul.list-featurette li.item ul.sub-list-featurette li.sub-li p.p-info {
                      width: 100%;
                      font-weight: 400;
                      font-size: clamp(14px, 2.5vw, 17px);
                      color: var(--color-omicrom); }
            body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette .content-paragraph,
            body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette .content-paragraph {
              width: 100%;
              display: flex;
              align-items: flex-start;
              justify-content: flex-start;
              flex-direction: column;
              list-style-type: none;
              list-style: none;
              padding-left: 0.2rem; }
              body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .left-featurette .content-paragraph p.lead,
              body section.our-functions.section-03 .container-fluid .row.featurette.part-1 .container .right-featurette .content-paragraph p.lead {
                font-size: clamp(14px, 2.65vw, 17px) !important;
                line-height: clamp(25px, 4.65vw, 31px) !important; }
  body section.packageSec {
    width: 100%;
    max-width: 100%;
    padding: 20px 0 50px;
    background-color: #e1bb7a96; }
    body section.packageSec .container-fluid {
      width: 100%;
      max-width: 1750px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
      padding: 0px !important;
      gap: 15px; }
    body section.packageSec .col-box-price {
      width: 24%;
      min-width: 210px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      background-color: var(--white-color);
      border-radius: 10px;
      overflow: hidden; }
    body section.packageSec .tab-content {
      padding-top: 30px; }
      body section.packageSec .tab-content.active {
        display: block; }
    body section.packageSec .packMainWrap {
      width: 100%;
      max-width: 100%;
      padding: 25px 20px 15px;
      border: 0px solid #e7e7e7;
      border-radius: 12px;
      margin-bottom: 25px;
      transition: all 0.4s ease-In-Out; }
      body section.packageSec .packMainWrap .head {
        display: flex;
        justify-content: space-between; }
        body section.packageSec .packMainWrap .head .namePlate {
          display: flex;
          align-items: center;
          border-right: 2px solid #ccc;
          width: 78%; }
          body section.packageSec .packMainWrap .head .namePlate .imgSide {
            width: 4.3vw;
            min-width: 32px;
            max-width: 40px;
            margin-right: 5px; }
            body section.packageSec .packMainWrap .head .namePlate .imgSide img {
              width: 3.5vw;
              height: 3.5vw;
              max-width: 40px;
              max-height: 40px;
              min-width: 20px;
              min-height: 20px; }
          body section.packageSec .packMainWrap .head .namePlate .nametag {
            padding: 0 8px; }
            body section.packageSec .packMainWrap .head .namePlate .nametag h2 {
              transition: all 0.4s ease-In-out;
              font-size: clamp(12px, 2vw, 22px);
              color: #0e2e67;
              margin: 0;
              text-transform: uppercase;
              font-weight: 800; }
            body section.packageSec .packMainWrap .head .namePlate .nametag h3 {
              min-height: 35px;
              font-size: clamp(11px, 1vw, 14px);
              color: #74858d;
              margin: 0;
              font-weight: 500;
              margin-top: 10px; }
        body section.packageSec .packMainWrap .head .priceTag {
          padding-left: 8px; }
          body section.packageSec .packMainWrap .head .priceTag p {
            display: none;
            font-size: clamp(11px, 1vw, 14px);
            color: #999;
            margin: 0;
            font-weight: 900; }
          body section.packageSec .packMainWrap .head .priceTag h4 {
            min-width: 125px;
            transition: all 0.4s ease-In-out;
            font-size: clamp(14px, 2vw, 28px);
            color: #0e2e67;
            font-weight: 900;
            margin: 0;
            margin-top: 10px;
            display: flex;
            align-items: baseline; }
            body section.packageSec .packMainWrap .head .priceTag h4 span {
              font-size: 12px;
              font-weight: 800; }
      body section.packageSec .packMainWrap .pricing-table .scroll {
        height: 200px;
        overflow-y: scroll;
        margin: 30px 0; }
      body section.packageSec .packMainWrap ul.feature {
        margin: 0;
        border-bottom: 0;
        list-style-type: none;
        min-height: 270px;
        padding: 0;
        overflow: hidden;
        overflow-y: scroll; }
        body section.packageSec .packMainWrap ul.feature.top-lines {
          height: auto;
          margin-top: 10px;
          min-height: auto;
          overflow: unset; }
        body section.packageSec .packMainWrap ul.feature li {
          position: relative;
          font-size: 14px;
          color: #343434;
          font-weight: 500;
          margin-bottom: 10px;
          padding-left: 17px; }
          body section.packageSec .packMainWrap ul.feature li i {
            color: var(--color-green-2);
            margin-right: 8px; }
            body section.packageSec .packMainWrap ul.feature li i.red {
              color: var(--color-red); }
          body section.packageSec .packMainWrap ul.feature li:before {
            content: "";
            position: absolute;
            left: 0;
            height: 100%;
            top: 0;
            background-color: #c78a42;
            width: 3px;
            transition: 0.3s all ease-in-Out; }
          body section.packageSec .packMainWrap ul.feature li:after {
            content: "";
            left: 0;
            height: 0;
            top: 0;
            background-color: #19376d;
            width: 3px;
            transition: 0.3s all ease-in-Out;
            position: absolute;
            opacity: 0; }
      body section.packageSec .packMainWrap .btnPart {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 4px;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-top: 1px solid var(--color-border);
        border-bottom: 1px solid var(--color-border); }
      body section.packageSec .packMainWrap .orangeBtn {
        margin: 0;
        border-radius: 3px;
        background-color: #0e2e67;
        font-size: clamp(11px, 1vw, 14px);
        text-transform: uppercase;
        color: #fff !important;
        border: 0 !important;
        font-weight: 500;
        margin-left: 5px;
        letter-spacing: 0.5px;
        width: 215px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        transition: all 0.4s ease-In-Out;
        padding: 0;
        display: block; }
      body section.packageSec .packMainWrap a,
      body section.packageSec .packMainWrap .orangeBtn {
        margin: 0;
        border-radius: 3px;
        background-color: #0e2e67;
        font-size: clamp(11px, 1vw, 14px);
        text-transform: uppercase;
        color: #fff !important;
        border: 0 !important;
        font-weight: 500;
        margin-left: 5px;
        letter-spacing: 0.5px;
        width: 215px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        transition: all 0.4s ease-In-Out;
        padding: 0;
        display: block; }
        body section.packageSec .packMainWrap a:hover, body section.packageSec .packMainWrap a.active,
        body section.packageSec .packMainWrap .orangeBtn:hover,
        body section.packageSec .packMainWrap .orangeBtn.active {
          background-color: var(--main-blue);
          transition: all 0.4s ease-In-Out; }

section.notification-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--link-blue);
  border: 1px solid var(--link-blue-3);
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px !important;
  margin-left: 0.5%;
  margin-right: 0.5%;
  padding: 5px; }
  section.notification-top .container-fluid {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    max-width: 100%;
    padding: 0 15px !important; }
    section.notification-top .container-fluid span {
      width: 100%;
      font-size: 14px;
      color: var(--color-yellow);
      text-align: right;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap; }
      section.notification-top .container-fluid span i {
        font-size: 2.2rem;
        margin-right: 7px; }
      section.notification-top .container-fluid span p {
        color: #b9b6ae; }
    section.notification-top .container-fluid .link-complet-payment {
      border: 0;
      width: 150px;
      font-size: 0.9rem;
      line-height: 20px;
      font-weight: 800;
      padding: 8px 15px;
      border-radius: 4px;
      color: var(--black-color);
      background-color: var(--color-yellow);
      margin-left: 15px;
      transition: 0.5s;
      display: flex;
      align-items: center;
      justify-content: center; }
      section.notification-top .container-fluid .link-complet-payment:hover {
        transition: 0.5s;
        background-color: var(--color-omicrom-2); }
  section.notification-top .btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: var(--white-color);
    position: relative;
    background: #fff;
    opacity: 1;
    transition: 0.5s; }
    section.notification-top .btn-close i {
      color: var(--link-blue);
      transition: 0.5s; }
    section.notification-top .btn-close:hover {
      background: var(--color-omicrom-3); }
      section.notification-top .btn-close:hover i {
        color: var(--white-color);
        transition: 0.5s; }
  section.notification-top .loading-botton {
    width: 150px;
    display: none;
    align-items: center;
    margin-right: 15px; }
    section.notification-top .loading-botton span {
      font-size: 13px;
      color: var(--white-color); }

.message-urgent-redirection {
  display: none; }

.rqst-number {
  border-radius: 4px;
  background-color: var(--link-blue);
  color: var(--white-color);
  padding: 5px 8px;
  line-height: 15px; }

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

.top-preview-GET-urls {
  width: 100%;
  padding: 15px;
  border-radius: 7px;
  background-color: #252a2f !important;
  color: var(--white-color);
  font-size: 14px;
  margin-bottom: 4px;
  margin-top: 12px; }

.preview-GET-urls {
  width: 100%;
  padding: 15px;
  border-radius: 7px;
  background-color: #252a2f !important;
  color: var(--white-color);
  font-size: 14px; }

.bg-blue {
  background-color: rgba(13, 110, 253, 0.25) !important; }

.bg-dark {
  background-color: #252a2f !important; }

.form-select,
input[type="text"],
input[type="email"],
input[type="password"] {
  font-size: clamp(15px, 1.1vw, 18px);
  line-height: clamp(22px, 1.5vw, 30px);
  border-radius: 1px;
  border: 1px solid var(--color-border); }
  .form-select:focus,
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus {
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important; }

.btn-button-green {
  font-size: clamp(15px, 1.1vw, 18px);
  padding: 0.99vw 1.59vw;
  border-radius: 20px;
  color: var(--white-color);
  background-color: var(--color-green-2);
  border: 1px solid var(--color-green-2);
  transition: 0.5s; }
  .btn-button-green:hover {
    color: var(--white-color);
    background-color: #005a41;
    transition: 0.5s; }

.btn-button-blue {
  font-size: clamp(15px, 1.1vw, 18px);
  padding: 0.99vw 1.59vw;
  border-radius: 20px;
  color: var(--white-color);
  background-color: var(--link-blue);
  border: 1px solid var(--link-blue);
  transition: 0.5s; }
  .btn-button-blue:hover {
    color: var(--white-color);
    background-color: var(--link-blue-3);
    transition: 0.5s; }

.btn-button-omicrom {
  width: auto;
  min-width: 142px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(15px, 1.1vw, 18px);
  padding: 15px 15px;
  border-radius: 4px;
  color: var(--white-color);
  background-color: var(--color-omicrom);
  border: 1px solid var(--color-omicrom);
  transition: 0.5s; }
  .btn-button-omicrom:hover {
    color: var(--white-color);
    background-color: var(--color-omicrom-2);
    border: 1px solid var(--color-omicrom-2);
    transition: 0.5s; }

.error-msg {
  background: var(--color-red);
  padding: 12px 15px;
  border-radius: 2px;
  font-size: 14px;
  color: var(--white-color) !important;
  font-weight: 400 !important;
  width: 100%;
  text-align: left; }

.error-msg-item {
  font-size: 14px;
  color: var(--color-red);
  padding-left: 15px; }

.success-msg {
  background: var(--color-green) !important;
  padding: 12px 15px;
  border-radius: 2px;
  color: var(--white-color) !important;
  font-size: 14px;
  text-align: left;
  font-weight: 400; }

.success-msg-text {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 2px;
  text-align: left;
  background: #1987541a;
  color: #198754; }

.alert-msg-text {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 7px;
  text-align: left;
  background: #f7be37;
  color: #1e1e1e; }

.warning-msg {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 2px;
  text-align: left;
  background-color: #f7be371a;
  color: #996c00; }

.card {
  border-radius: 7px;
  overflow: hidden; }
  .card .link-art-cover-img {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .card .link-art-cover-img img {
      width: 100%;
      display: flex; }
  .card .card-body .card-title {
    margin-top: 3px;
    font-size: clamp(15px, 1.4vw, 20px);
    line-height: clamp(22px, 1.5vw, 30px);
    font-weight: 800;
    transition: 0.5s; }
    .card .card-body .card-title:hover {
      color: var(--main-blue);
      transition: 0.5s; }
  .card .card-body .card-text {
    font-size: 14px; }
  .card .col-md-4 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .card .list-categories {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 5px; }
    .card .list-categories .category {
      font-size: 0.78rem;
      color: var(--white-color);
      background-color: var(--color-red);
      border-radius: 7px;
      padding: 4px 10px;
      margin-right: 10px; }
    .card .list-categories .category-2 {
      font-size: 0.78rem;
      color: var(--white-color);
      background-color: var(--link-blue);
      border-radius: 7px;
      padding: 4px 10px;
      margin-right: 10px; }

.col .card-custom {
  border: 0px solid var(--color-blue-2);
  border-radius: 2px;
  overflow: hidden; }
  .col .card-custom .card-header-custom {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--white-color) !important;
    background-color: var(--link-blue) !important;
    border: 1px solid var(--link-blue);
    padding-left: 15px; }
  .col .card-custom .card-body-custom {
    padding: 15px;
    border: 1px solid var(--color-blue-2);
    font-family: var(--main-font-family);
    border-top: 0; }
    .col .card-custom .card-body-custom .card-title {
      margin-bottom: 15px; }
    .col .card-custom .card-body-custom .card-text {
      margin-top: 1.1vw;
      min-height: 80px; }
    .col .card-custom .card-body-custom .btn-link {
      text-decoration: none;
      transition: 0.5s; }
      .col .card-custom .card-body-custom .btn-link:hover {
        color: var(--main-blue);
        transition: 0.5s; }

.border-shadow {
  padding: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  background: #fff !important;
  border-radius: 7px !important;
  /*  overflow: hidden; */ }

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.lead {
  font-size: clamp(12px, 1.65vw, 18px) !important; }

.text-muted {
  color: #198754 !important;
  font-weight: 800; }

.hljs-attr,
.hljs-keyword,
.hljs-name,
.hljs-selector-tag {
  color: #26f942 !important; }

.preloader-area {
  position: fixed;
  top: 0;
  background: var(--white-color);
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 12%; }
  .preloader-area .spinner {
    width: 4em;
    height: 4em;
    transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg);
    transform-style: preserve-3d;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    transform: translateY(-45%);
    margin-left: auto;
    margin-right: auto; }
    .preloader-area .spinner .disc {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      border: 0.3em dotted var(--white-color); }
      .preloader-area .spinner .disc:nth-child(1) {
        animation: rotate 12s linear infinite; }
      .preloader-area .spinner .disc:nth-child(2) {
        animation: rotateDisc2 12s linear infinite; }
      .preloader-area .spinner .disc:nth-child(3) {
        animation: rotateDisc3 12s linear infinite; }
    .preloader-area .spinner .inner {
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
      animation: sphereSpin 6s linear infinite; }
    .preloader-area .spinner::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 50%;
      right: 0;
      bottom: 0;
      border: 2px dotted var(--white-color);
      margin: -15px; }

.loading {
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: var(--white-color);
  bottom: 0;
  z-index: 9999;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center; }
  .loading .loader-ID {
    top: -8%;
    position: fixed;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }

.loading-form {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffffbd;
  z-index: 2;
  align-items: flex-start;
  justify-content: center; }
  .loading-form .content-loading-img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .loading-form .content-loading-img img {
      width: 40px; }
    .loading-form .content-loading-img span {
      font-size: 12px; }
  .loading-form .btn-close {
    top: 12px;
    right: 12px;
    position: absolute; }

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

.cursor-pointer {
  cursor: pointer !important; }

/* width */
::-webkit-scrollbar {
  width: 10px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--main-blue);
  border-radius: 10px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--main-blue); }

/*# sourceMappingURL=main.css.map */