:root {
      --fr-blue:  #0055A4;
      --fr-red:   #EF4135;
      --accent:   #F107A8;
      --dark:     #0055A4;
      /* --card:     #20506E;*/
	  --card:     #ffffff;
    }

    body {
      /* color: #e8e8e8; */
      font-family: 'Inter', sans-serif;
	  width: 100%;
	  height: 100%;
	  background: var(--dark)
    }
    body.red {
      background: var(--dark) url('/assets/img/redblue wavy lines background cartoon_2177519.png');
     }
    body.blue {
      background: var(--dark) url('/assets/img/—Pngtree—blue wavy lines background cartoon_2177519.png');
     }
    body.yellow {
      background: var(--dark) url('/assets/img/yellow wavy lines background cartoon_2177519.png');
     }	 
    h1, h2 {
	  font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.5px;
    }
	img {
    opacity: 1 !important;
    filter: none !important;
}
a {
    color: #0066ff;
    text-decoration: underline;
	font-weight: bold;
	
	
}
.breadcrumb-item.active {
    color: white;;
}
	.modal-content{
		color: #000 !important;  
	}
    .hero {
		background: url('/assets/img/bg3.png');
		background-position: top;
		background-repeat: no-repeat;
		align-items: center;
		padding-top: 1rem;
		padding-left: 3rem !important;
		padding-right: 3rem !important;
		margin-top: 2em;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      /*  background: linear-gradient(to bottom, transparent 70%, rgba(10,10,14,0.4) 70%, var(--dark) 95%);*/
      pointer-events: none;
    }
    .hero1 {
		background: url('/assets/img/bg2.png');
		background-position: top;
		background-repeat: no-repeat;
		align-items: center;
		padding-top: 1rem;
		padding-left: 3rem !important;
		padding-right: 3rem !important;
		margin-top: 2em;
    }

    .hero1::before {
      content: "";
      position: absolute;
      inset: 0;
      /*  background: linear-gradient(to bottom, transparent 50%, rgba(10,10,14,0.4) 70%, var(--dark) 95%);*/
      pointer-events: none;
    }
	.herolower {
		background: url('/assets/img/bg3.png');
		background-position: top;
		background-repeat: no-repeat;
		align-items: center;
		padding-top: 1rem;
		border-radius: 3rem;
		margin-top: 2em;
    }

    .herolower::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
	.herolower1 {
		background: url('/assets/img/bg2.png');
		background-position: top;
		background-repeat: no-repeat;
		align-items: center;
		padding-top: 1rem;
		border-radius: 3rem;
		margin-top: 2em;
    }

    .herolower1::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .btn-glow {
      position: relative;
      overflow: hidden;
      font-weight: 700;
      border: none;
      transition: all 0.35s ease;
      z-index: 1;
    }

    .btn-glow-primary {
      background: linear-gradient(90deg, #e63946, #d00000);
      box-shadow: 0 0 30px rgba(239, 65, 53, 0.55);
    }

    .btn-glow-primary:hover {
      box-shadow: 0 0 50px rgba(239, 65, 53, 0.9);
      transform: translateY(-3px);
    }

    .btn-glow::after {
      content: '';
      position: absolute;
      top: -50%; left: -50%;
      width: 200%; height: 200%;
      background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 60%);
      opacity: 0;
      transition: opacity 0.5s;
    }

    .btn-glow:hover::after { opacity: 1; }
span.intro {color: #fff !important;  }
span.intro a {color: #fff !important;  }
    .price-card {
      background: var(--card);
      border: 4px solid #222;
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
    }

    .price-card:hover {
      transform: translateY(-12px);
      border-color: var(--accent);
      box-shadow: 0 25px 50px rgba(0,212,255,0.18);
    }

    .price-card.popular {
      border-color: var(--fr-red);
      box-shadow: 0 0 40px rgba(239,65,53,0.35);
    }

    .badge-popular {
      background: var(--fr-red);
      font-size: 0.9rem;
      padding: 0.5rem 1.2rem;
    }

    .flag-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(0,85,164,0.06), rgba(239,65,53,0.04), transparent);
      pointer-events: none;
    }
    .headline {
      font-size: 1.8rem;
      line-height: 1.05;
	  margin-top: 1.5rem !important;
	  margin-bottom: 2.8rem !important;
      text-shadow: 0 6px 30px rgba(0,0,0,0.9);
    }
    @media (min-width: 767px) {
      .headline { 
	  font-size: 1.8rem;
	   margin-top: 1.4rem !important;
	margin-bottom: 2.8rem !important;
	text-shadow: 0 6px 30px rgba(0,0,0,0.9);
	  }
    }
    @media (min-width: 992px) {
      .headline { font-size: 2.0em;
	margin-bottom: 1.8rem !important;
	text-shadow: 0 6px 30px rgba(0,0,0,0.9);
	}
	  	
    }
	@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1200px;
    }
}
	.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 50px;
}
.scroll-to-top:focus, .scroll-to-top:hover {
  color: #fff;
}
.scroll-to-top:hover {
  background: #343a40;
}
.scroll-to-top i {
  font-weight: 800;
}

#sidebar-wrapper {
  position: fixed;
  z-index: 2;
  right: 0;
  width: 250px;
  height: 100%;
  transition: all 0.4s ease 0s;
  transform: translateX(250px);
  background: #1D809F;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-nav-scroll {
    max-height: 100vh;
    overflow-y: auto;
}
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li.sidebar-nav-item a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  font-size: 1.2rem;
  background: rgba(52, 58, 64, 0.1);
  height: 80px;
  line-height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}

.sidebar-nav > .sidebar-brand a {
  color: #fff;
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  transition: all 0.4s ease 0s;
}

.menu-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 50px;
  z-index: 999;
}
.menu-toggle:focus, .menu-toggle:hover {
  color: #fff;
}
.menu-toggle:hover {
  background: #343a40;
}