@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


    :root {
      --navy: #1c98d1;
      --navy-deep: #09143b;
      --navy-soft: #e9edff;
      --cream: #fff6df;
      --ink: #151515;
      --muted: #5e5d67;
      --teal: #083f43;
      --radius-lg: 28px;
      --radius-md: 20px;
      --radius-sm: 14px;
    }
	
	:root {
  --bg: #f8fbfe;
  --surface: #fff;
  --text: #102033;
  --muted: #5f7287;
  --line: rgba(16,32,51,.1);
  --blue: #1c98d1;
  --blue-deep: #0a4f74;
  --gold: #1c98d1;
  --gold-deep: #886a33;
  --footer: #0b4a4d;
  --radius: 24px;
  --wrap: 1180px;
}

    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: "Open Sans", sans-serif;
      color: var(--ink);
      background: #fff;
    }
    img { max-width: 100%; display: block; }
    a { text-decoration: none; }
    .section-space { padding: 5.5rem 0; }
    .section-tight { padding: 4.25rem 0; }
    .eyebrow {
      display: inline-block;
      font-size: .86rem;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--navy);
    }
    .section-title {
      font-size: 45px;
      line-height: 1.05;
      font-weight: 900;
      margin-bottom: 1rem;
    }
    .section-title .accent { color: var(--navy); }
    .body-copy {
      color: #5e5d67;
      line-height: 1.8;
      font-size: 1.02rem;
    }
    .lead-copy {
      color: var(--surface);
      line-height: 1.8;
      font-size: 1.02rem;
    }
    .btn-primary-brand,
    .btn-gold-brand,
    .btn-light-brand {
      padding: .95rem 1.7rem;
      border-radius: 8px;
      border: 0;
      transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
    }
    .btn-primary-brand:hover,
    .btn-gold-brand:hover,
    .btn-light-brand:hover { transform: translateY(-2px); }
    .btn-primary-brand {
      background: var(--navy);
      color: #fff;
      box-shadow: 0 10px 18px rgba(35, 42, 116, .22);
    }
    .btn-primary-brand:hover { background: #1c2361; color: #fff; }
    .btn-gold-brand {
      background: var(--gold);
      color: #1d1a0f;
      box-shadow: 0 10px 18px rgba(255, 195, 33, .25);
    }
    .btn-gold-brand:hover { background: var(--gold-deep); color: #1d1a0f; }
    .btn-light-brand {
      background: #fff;
      color: var(--navy);
      border: 1px solid rgba(35, 42, 116, .12);
    }
    .top-bar {
      background: var(--gold);
      font-size: .86rem;
      font-weight: 700;
      color: #111;
    }
    .top-links span { white-space: nowrap; color: #fff; }
    .main-nav {
      background: #fff;
      box-shadow: 0 4px 18px rgba(22, 25, 39, .05);
    }
    .brand-mark {
      width: 44px;
      height: 44px;
      border-radius: 10px;
      background: linear-gradient(180deg, #2e3793, #202861);
      color: var(--gold);
      display: grid;
      place-items: center;
      font-size: 1.4rem;
    }
    .navbar-brand {
      font-size: 2rem;
      font-weight: 900;
      letter-spacing: -.04em;
      color: var(--ink);
    }
    .navbar-brand span:last-child { color: var(--navy); }
    .nav-link {
      color: #202020;
      font-weight: 700;
      font-size: .92rem;
      text-transform: uppercase;
    }
    .nav-link:hover,
    .nav-link.active { color: var(--navy); }
    .hero {
      position: relative;
      overflow: hidden;
	  background-image: url("../../assets/img/main-banner.png");
	  background-repeat: no-repeat;
	  background-size: cover;
	  height: 690px;
		
    }
    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0 0;
      height: 110px;
      background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
      pointer-events: none;
    }
    .hero-copy {
      padding: 5rem 0 2rem;
      position: relative;
      z-index: 1;
    }
    .hero-title {
      font-size: 50px;
      line-height: 1;
      font-weight: 900;
      margin-bottom: 1.25rem;
	  color: var(--surface);
    }
    .hero-visual {
      position: relative;
      min-height: 540px;
      display: flex;
      align-items: end;
      justify-content: center;
      padding-top: 2rem;
    }
    .hero-blob {
      position: absolute;
      width: min(460px, 90%);
      aspect-ratio: 1 / 1.1;
      border-radius: 46% 54% 52% 48% / 36% 41% 59% 64%;
      background:
        radial-gradient(circle at 50% 22%, rgba(255,255,255,.92), rgba(255,255,255,.28) 36%, transparent 37%),
        linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.18)),
        linear-gradient(180deg, #d6dbff, #b7c0ff);
      box-shadow: 0 25px 40px rgba(35, 42, 116, .10);
    }
    .hero-person {
      position: relative;
      z-index: 1;
      width: min(320px, 78%);
      aspect-ratio: 3 / 4.2;
      border-radius: 180px 180px 32px 32px;
      background:
        radial-gradient(circle at 52% 16%, #ffe3cf 0 12%, transparent 12.2%),
        radial-gradient(circle at 52% 16%, #f0b998 12.4%, #f0b998 16.4%, transparent 16.6%),
        radial-gradient(circle at 52% 11%, #c7744f 0 8%, transparent 8.2%),
        linear-gradient(180deg, transparent 0 28%, #ffd9c8 28% 43%, transparent 43%),
        linear-gradient(180deg, transparent 0 40%, #f7d8d6 40% 66%, #ffffff 66% 100%);
      box-shadow: 0 18px 30px rgba(18, 20, 58, .14);
    }
    .hero-person::before {
      content: "";
      position: absolute;
      inset: 40% 16% 10%;
      border-radius: 24px;
      background: linear-gradient(180deg, #22327b, #101b49);
      transform: rotate(-12deg);
      opacity: .14;
    }
    .hero-badge {
      position: absolute;
      z-index: 2;
      width: 118px;
      height: 118px;
      border-radius: 50%;
      background: rgba(255,255,255,.88);
      box-shadow: 0 16px 26px rgba(19, 22, 61, .16);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 1rem;
      font-size: .88rem;
      font-weight: 800;
      color: var(--ink);
    }
    .hero-badge i {
      display: block;
      font-size: 1.9rem;
      color: var(--navy);
      margin-bottom: .4rem;
    }
    .badge-a { top: 9%; left: 4%; }
    .badge-b { top: 4%; right: 8%; }
    .badge-c { top: 40%; left: 0; }
    .badge-d { top: 42%; right: 2%; }
	.hero__form-wrap {
    margin-top: 1rem;
}
.quote-band {
      position: relative;
      width:min(calc(100% - 2rem),var(--wrap));
      margin:0 auto;
      padding: 1.6rem 1.7rem 1.8rem;
      background: rgba(19, 18, 18, .82);
      color: #fff;
      border-radius: 34px;
      margin-top: -12%;
    }
    .quote-title {
      font-size: 45px;
      line-height: 1;
      font-weight: 900;
      color: var(--gold);
    }
    .quote-shell {
      position: relative;
      z-index: 1;
    }
    .quote-shell .form-control {
      min-height: 54px;
      border-radius: 8px;
      border: 0;
    }
    .logo-card,
    .service-card,
    .benefit-card,
    .review-card,
    .faq-shell,
    .contact-card,
    .profile-card,
    .mini-profile {
      background: #fff;
      border-radius: var(--radius-md);
      box-shadow: var(--card-shadow);
    }
    .logo-card {
      min-height: 120px;
      display: grid;
      place-items: center;
      padding: 1rem;
    }
    .logo-wordmark {
      text-align: center;
      line-height: 1.05;
    }
    .logo-wordmark strong {
      display: block;
      font-size: 1.9rem;
      font-weight: 900;
      color: var(--navy);
    }
    .logo-wordmark span {
      font-size: .92rem;
      letter-spacing: .08em;
      color: #7a7890;
      text-transform: uppercase;
    }
    .photo-portrait,
    .tech-figure,
    .laptop-visual,
    .contact-figure {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-lg);
      box-shadow: var(--card-shadow);
    }
    .photo-portrait {
      min-height: 500px;
      background:
        radial-gradient(circle at 22% 20%, rgba(255,255,255,.42), transparent 20%),
        linear-gradient(135deg, #cce7f7, #f5f5fb 58%, #f8d6d1);
    }
    .photo-portrait::before {
      content: "";
      position: absolute;
      inset: 10% 20% 10% 10%;
      border-radius: 160px 160px 24px 24px;
      background:
        radial-gradient(circle at 56% 12%, #7c4f3a 0 9%, transparent 9.2%),
        radial-gradient(circle at 53% 18%, #f4bf9e 0 14%, transparent 14.2%),
        linear-gradient(180deg, transparent 0 42%, #5a86c8 42% 100%);
      box-shadow: 0 22px 36px rgba(0,0,0,.08);
    }
    .photo-portrait::after {
      content: "";
      position: absolute;
      width: 190px;
      height: 250px;
      right: 8%;
      bottom: 8%;
      border-radius: 20px;
      background: linear-gradient(180deg, #ffb247, #ff8a3a);
      transform: rotate(-12deg);
      opacity: .9;
    }
     .service-card {
      padding: 2rem;
      border: 1px solid #80808014;
    }
    .service-card p { color: var(--muted); }
    .dot-nav {
      display: flex;
      justify-content: center;
      gap: .38rem;
      margin-top: 1rem;
    }
    .dot-nav span {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(35, 42, 116, .30);
      display: inline-block;
    }
    .dot-nav span.active {
      width: 28px;
      border-radius: 20px;
      background: var(--navy);
    }
    .gold-section {
      /*background:
        linear-gradient(180deg, rgba(255, 195, 33, .96), rgba(255, 184, 27, .90)),
        linear-gradient(135deg, rgba(255,255,255,.1), transparent 55%); */
      position: relative;
      overflow: hidden;
      min-height: 100%;
	  background-image: url("../../assets/img/services-background.png");
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
    }
    .gold-section::before {
      content: "";
      position: absolute;
      inset: auto -6% -38% auto;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
    }
    .carousel-shell {
      position: relative;
      padding-inline: 3rem;
    }
    .carousel-shell .carousel-control-prev,
    .carousel-shell .carousel-control-next,
    .review-wrap .carousel-control-prev,
    .review-wrap .carousel-control-next {
      width: 44px;
      height: 44px;
      top: 50%;
      transform: translateY(-50%);
      background: #fff;
      border-radius: 50%;
      opacity: 1;
      box-shadow: var(--card-shadow);
    }
    .carousel-shell .carousel-control-prev,
    .review-wrap .carousel-control-prev { left: 0; }
    .carousel-shell .carousel-control-next,
    .review-wrap .carousel-control-next { right: 0; }
    .carousel-shell .carousel-control-prev-icon,
    .carousel-shell .carousel-control-next-icon,
    .review-wrap .carousel-control-prev-icon,
    .review-wrap .carousel-control-next-icon {
      filter: brightness(0) saturate(100%) invert(18%) sepia(31%) saturate(2147%) hue-rotate(212deg) brightness(90%) contrast(95%);
      width: 1rem;
      height: 1rem;
    }
    .feature-slide,
    .double-card {
      background: rgba(255,255,255,.96);
      border-radius: var(--radius-md);
      box-shadow: var(--card-shadow);
    }
    .feature-slide { padding: 2rem; }
    .feature-icon {
      width: 72px;
      height: 72px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      margin: 0 auto 1rem;
      background: linear-gradient(180deg, #fff0c4, #ffe093);
      font-size: 2rem;
      color: var(--navy);
    }
    .double-card {
      padding: 2rem;
      height: 100%;
      text-align: center;
    }
    .tech-figure {
      min-height: 460px;
      background:
        radial-gradient(circle at 50% 46%, #97a6ff 0 32%, transparent 33%),
        radial-gradient(circle at 24% 18%, #fff 0 11%, transparent 11.5%),
        radial-gradient(circle at 78% 24%, #fff 0 11%, transparent 11.5%),
        radial-gradient(circle at 17% 63%, #fff 0 11%, transparent 11.5%),
        radial-gradient(circle at 84% 60%, #fff 0 11%, transparent 11.5%),
        linear-gradient(180deg, #fff, #f6f4ff);
    }
    .tech-figure::before {
      content: "";
      position: absolute;
      inset: 12% 25% 8%;
      border-radius: 180px 180px 28px 28px;
      background:
        radial-gradient(circle at 52% 12%, #c39a84 0 8%, transparent 8.2%),
        radial-gradient(circle at 52% 18%, #ffd7c2 0 13%, transparent 13.2%),
        linear-gradient(180deg, transparent 0 40%, #b291ff 40% 100%);
      box-shadow: 0 18px 34px rgba(14, 19, 49, .10);
    }
    .floating-logo {
      position: absolute;
      font-weight: 900;
      color: #2c3579;
      font-size: 1.05rem;
      letter-spacing: -.02em;
    }
    .logo-sas { left: 8%; top: 13%; font-size: 3rem; }
    .logo-nvivo { right: 16%; top: 20%; font-size: 2rem; }
    .logo-matlab { left: 9%; bottom: 28%; font-size: 2.3rem; }
    .logo-lisrel { right: 8%; bottom: 32%; font-size: 1.9rem; }
    .benefit-card {
      padding: 2rem;
      height: 100%;
      border: 1px solid rgba(35, 42, 116, .06);
    }
    .benefit-card i {
      font-size: 2.7rem;
      color: var(--navy);
      display: inline-block;
      margin-bottom: 1rem;
    }
    .benefit-card h3 {
      font-size: 2rem;
      font-weight: 900;
      letter-spacing: -.04em;
      margin-bottom: .8rem;
    }
    .lms-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 120px;
      min-height: 74px;
      margin: .35rem;
      border-radius: 16px;
      background: #fff;
      border: 1px solid rgba(35, 42, 116, .08);
      box-shadow: var(--card-shadow);
      font-size: 1.8rem;
      font-weight: 900;
      color: var(--navy);
    }
    .lms-panel {
      color: #000;
      border-radius: 0 42px 42px 42px;
      padding: 2.5rem;
      min-height: 100%;
    }
    .lms-panel ul,
    .cta-banner ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .lms-panel li,
    .cta-banner li {
      padding-left: 1.2rem;
      position: relative;
      margin-bottom: .7rem;
    }
    .lms-panel li::before,
    .cta-banner li::before {
      content: "\F285";
      font-family: bootstrap-icons;
      position: absolute;
      left: 0;
      top: .1rem;
      color: #a28558;
      font-size: .85rem;
    }
    .cta-banner {
    }
    .mini-profile {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1rem 1.1rem;
      border: 1px solid rgba(35, 42, 116, .10);
    }
    .mini-profile.active {
      background: linear-gradient(180deg, #1c98d1, #1c98d1);
      color: #fff;
    }
    .mini-avatar,
    .profile-avatar {
      flex: 0 0 auto;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      font-weight: 800;
      background: linear-gradient(180deg, #30398f, #1d245f);
    }
    .mini-avatar {
      width: 54px;
      height: 54px;
      font-size: 1rem;
    }
    .profile-card {
      padding: 2rem;
      min-height: 100%;
      border: 1px solid rgba(35, 42, 116, .10);
    }
    .profile-avatar {
      width: 74px;
      height: 74px;
      font-size: 1.4rem;
    }
    .rating-stars { color: var(--gold); letter-spacing: .1em; }
    .laptop-visual {
      min-height: 360px;
      background: linear-gradient(180deg, #fff, #f4f4f9);
      display: grid;
      place-items: center;
    }
    .laptop { width: min(480px, 90%); }
    .laptop-screen {
      border: 6px solid #161616;
      border-bottom-width: 10px;
      border-radius: 12px 12px 0 0;
      background: linear-gradient(180deg, #fafafa, #f0f2f6);
      aspect-ratio: 16 / 10;
      padding: 1rem;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.03);
    }
    .score-row {
      display: flex;
      justify-content: space-between;
      padding: .45rem .25rem;
      border-bottom: 1px solid rgba(0,0,0,.08);
      font-size: .9rem;
    }
    .laptop-base {
      width: 118%;
      height: 24px;
      margin-inline: auto;
      background: linear-gradient(180deg, #b9bcc5, #8b8f98);
      border-radius: 0 0 24px 24px;
      transform: translateX(-7.5%);
    }
    .deep-story {
      color: #fff;
      position: relative;
      overflow: hidden;
      min-height: 100%;
	  background-image: url("../../assets/img/scroll-background.png");
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
    }
    .story-divider {
      width: 4px;
      min-height: 230px;
      background: linear-gradient(180deg, var(--gold), rgba(255,255,255,.6));
      border-radius: 999px;
      margin-inline: auto;
    }
    .review-wrap {
      position: relative;
      padding-inline: 3rem;
    }
    .review-card {
      padding: 1.2rem;
      height: 100%;
      border: 1px solid rgba(35, 42, 116, .09);
    }
    .review-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: .75rem;
      margin-bottom: .9rem;
    }
    .reviewer {
      display: flex;
      align-items: center;
      gap: .8rem;
    }
    .reviewer-badge {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: #edf1ff;
      color: var(--navy);
      display: grid;
      place-items: center;
      font-weight: 800;
    }
    .review-site {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #1977f2;
      color: #fff;
      font-size: .85rem;
    }
    .trust-box {
      border-radius: 14px;
      padding: 1rem 1.2rem;
      box-shadow: var(--card-shadow);
      border: 1px solid rgba(35, 42, 116, .08);
      min-height: 100%;
    }
    .trust-facebook { background: #171f34; color: #fff; }
    .trust-light { background: #dbe6ff; }
    .faq-area {
      background: linear-gradient(180deg, #fff8e7, #fffaf0);
    }
    .faq-shell {
      border: 1px solid rgba(255, 195, 33, .28);
      box-shadow: none;
      overflow: hidden;
    }
    .accordion-item {
      border: 0;
      border-bottom: 1px solid rgba(255, 195, 33, .24);
    }
    .accordion-item:last-child { border-bottom: 0; }
    .accordion-button {
      font-weight: 700;
      color: #292929;
      background: #fff;
      box-shadow: none !important;
    }
    .accordion-button:not(.collapsed) {
      background: #fff;
      color: var(--navy);
    }
    .contact-card {
      position: relative;
      padding: 2rem;
    }
    .discount-badge {
      position: absolute;
      top: -40px;
      left: -40px;
      width: 86px;
      height: 86px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, #ffd35d, #ff9800);
      color: #fff;
      display: grid;
      place-items: center;
      text-align: center;
      font-size: .86rem;
      font-weight: 900;
      line-height: 1.05;
      box-shadow: var(--card-shadow);
      border: 4px solid #fff;
    }
    .contact-card .form-control {
      border-radius: 10px;
      min-height: 52px;
      border-color: rgba(35, 42, 116, .14);
    }
    .contact-figure {
      min-height: 100%;
      background:
        radial-gradient(circle at 60% 18%, rgba(255,255,255,.9), transparent 16%),
        linear-gradient(180deg, #fdfdff, #eef0fb);
      display: flex;
      align-items: end;
      justify-content: center;
      padding-top: 3rem;
    }
    .contact-figure::before {
      content: "";
      width: min(300px, 80%);
      aspect-ratio: 3 / 4.1;
      border-radius: 180px 180px 30px 30px;
      background:
        radial-gradient(circle at 52% 10%, #c99d85 0 8%, transparent 8.2%),
        radial-gradient(circle at 52% 17%, #ffe1d2 0 12%, transparent 12.2%),
        linear-gradient(180deg, transparent 0 42%, #ffffff 42% 62%, #ff6fb6 62% 100%);
      box-shadow: 0 18px 34px rgba(18, 24, 54, .10);
    }
    .rating-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1rem;
      margin-top: -6rem;
    }
    .rating-box {
      background: #fff;
      border-radius: 14px;
      padding: 1rem;
      box-shadow: var(--card-shadow);
      text-align: center;
    }
    .footer-main {
      color: rgba(255,255,255,.9);
  min-height: 100%;
  background-image: url("../../assets/img/footer-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
    }
    .footer-main a { color: rgba(255,255,255,.9); }
    .footer-main a:hover { color: #fff; }
    .footer-title {
      color: #fff;
      font-size: 1.2rem;
      font-weight: 800;
      margin-bottom: 1rem;
    }
    .footer-brand {
      font-size: 2rem;
      line-height: 1;
      font-weight: 900;
      color: #fff;
    }
    .footer-brand span { color: var(--gold); }
    .socials a {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: inline-grid;
      place-items: center;
      background: rgba(255,255,255,.08);
      margin-right: .4rem;
    }
    .payment-badge {
      display: inline-block;
      padding: .4rem .65rem;
      border-radius: 8px;
      background: rgba(255,255,255,.14);
      color: #fff;
      font-size: .76rem;
      font-weight: 800;
      margin-right: .35rem;
      margin-bottom: .35rem;
    }
    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.10);
      color: rgba(255,255,255,.86);
    }
    @media (max-width: 1399.98px) {
	  .hero-title, .f-40 { font-size: 35px !important; }
    }
    @media (max-width: 1199.98px) {
      .navbar-nav { gap: .15rem; }
      .hero-visual { min-height: 490px; }
      .section-space { padding: 4.75rem 0; }
    }
    @media (max-width: 991.98px) {
      .hero-copy {
        padding: 4rem 0 2rem;
        text-align: center;
      }
      .hero-title { max-width: none; }
      .hero-copy .lead-copy { margin-inline: auto; }
      .hero-copy .d-flex { justify-content: center; }
      .hero-visual { min-height: 470px; }
      .badge-a { left: 8%; }
      .badge-c { left: 4%; }
      .quote-title,
      .section-title { text-align: center; }
      .carousel-shell,
      .review-wrap { padding-inline: 0; }
      .carousel-shell .carousel-control-prev,
      .carousel-shell .carousel-control-next,
      .review-wrap .carousel-control-prev,
      .review-wrap .carousel-control-next {
        display: none;
      }
      .lms-panel { border-radius: 28px; }
      .story-divider { min-height: 90px; margin: 1rem auto; }
    }
    @media (max-width: 767.98px) {
      .top-bar { text-align: center; }
      .navbar-brand { font-size: 1.55rem; }
      .section-space { padding: 3.75rem 0; }
      .section-tight { padding: 3.2rem 0; }
      .hero-copy { padding-top: 3rem; }
      .hero-visual {
        min-height: 390px;
        padding-bottom: 1.5rem;
      }
      .hero-badge {
        width: 88px;
        height: 88px;
        font-size: .7rem;
        padding: .6rem;
      }
      .hero-badge i { font-size: 1.35rem; }
      .badge-a { top: 10%; left: 0; }
      .badge-b { top: 5%; right: 1%; }
      .badge-c { top: 52%; left: 0; }
      .badge-d { top: 50%; right: 1%; }
      .photo-portrait,
      .tech-figure,
      .contact-figure { min-height: 320px; }
      .quote-shell .form-control,
      .contact-card .form-control { min-height: 48px; }
      .rating-strip { grid-template-columns: 1fr; }
      .benefit-card h3 { font-size: 1.7rem; }
      .cta-banner { border-radius: 28px; padding: 2rem 1.4rem 1.8rem; }
      .contact-card { padding: 1.5rem; }
      .discount-badge {
        position: static;
        margin-bottom: 1rem;
      }
    }



body{font-family: "Open Sans", sans-serif; font-size:17px;}
p{font-size:17px; font-family: "Open Sans", sans-serif;}
input{font-size:16px; font-family: "Open Sans", sans-serif;}
li{font-size:16px; font-family: "Open Sans", sans-serif;}
a{font-size:16px; font-family: "Open Sans", sans-serif;}
h1{font-size:33px; font-family: "Raleway", sans-serif; font-style: normal;}
h2{font-size:30px; font-family: "Raleway", sans-serif; font-style: normal;}
h3{font-size:27px; font-family: "Raleway", sans-serif;}
h4{font-size:24px; font-family: "Raleway", sans-serif;}
h5{font-size:21px; font-family: "Raleway", sans-serif;}
h6{font-size:18px; font-family: "Raleway", sans-serif;}
.f-22 {
	font-size:22px;
	color: #151515 !important;
	font-family: "Raleway", sans-serif;
}
.f-25 {
	font-size:25px;
	color: #151515 !important;
	font-family: "Raleway", sans-serif;
}
.f-40 {
	font-size:40px;
	font-family: "Raleway", sans-serif;
}
.f-30 {
	font-size:30px;
	font-family: "Raleway", sans-serif;
}
.text-gold {
	color: var(--gold-deep);
}
.t-end {
	text-align: end;
}
.scroll {
	max-height: 300px;
	overflow-y: auto;
	scroll-behavior: smooth;
    overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #ffffff transparent;
}

/* Chrome, Edge, Safari */
.scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* Thumb (scroll color) */
.scroll::-webkit-scrollbar-thumb {
  background: #ffcc00; /* change color here */
  border-radius: 10px;
}

/* Hide up/down arrows */
.scroll::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.clean-table thead tr {
    border-bottom: 2px solid #ddd;
  }
 .clean-table tr {
    border-bottom: 1px solid #ddd;
  }  
.clean-table th,
  .clean-table td {
    padding: 12px;
    text-align: left;
  }  
.scroll-list-style {
	
}  
.scroll-list-style li {
	margin-left: 30px;
}
.trust-box {
  cursor: pointer;
  transition: 0.3s;
}
.trust-box.active-tab {
  border: 2px solid #0d6efd;
  transform: scale(1.05);
}
.c-person-img {
	width: 25px;
    height: 25px;
}
.trustpilot, .sitejabber {
	width: 18px;
    height: 18px;
}
.tp-dz {
	background: white;
	border: 1px solid #dfdfdf;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 1px;
}
.navbar-brand img {
    width: 70%;
}

.slider-overflow {
	height: 250px;
    overflow: auto;
}
.background-services {
  padding: 2.5rem 2.5rem 2.2rem;
  min-height: 100%;
  background-image: url("../../assets/img/background-services.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.bg-2 {
  min-height: 100%;
  background-image: url("../../assets/img/bg-2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.faq-bg {
  min-height: 100%;
  background-image: url("../../assets/img/faq-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.white {
	color: #fff;
}
.grey {
	background: #bfbebe2b;
}
.gold-deep {
	background: #886a33;
}