/**********************
01.variables
02.helper
03.Components
04.general
05.Loader
06.menu
07 hero
08.shape
09.brand
10.about
11.price
12.counter
13.fnq
14.testimonials
15.cta
16.login
17.footer
***********************/
/* 
// 01.variables
*/
/* 
// 02.Helper
*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");
.section {
  position: relative;
  padding: 100px 0;
}
@media (max-width: 991px) {
  .section {
    padding: 40px 0px;
  }
}

.ls-1 {
  letter-spacing: 1px;
}

.ls-2 {
  letter-spacing: 2px;
}

.ls-3 {
  letter-spacing: 3px;
}

.ls-4 {
  letter-spacing: 4px;
}

.ls-5 {
  letter-spacing: 5px;
}

/* 
// 03.COMPONENTS
*/


.bg-primary {
  background-color: #00588B !important;
}

.text-primary {
  color: #00588B !important;
}


.btn-hero-big {
    padding: 16px 40px !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
}

.btn-hero-equal {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 240px; /* both buttons will be at least this size */
}

.btn-hero-margin{
  margin-left: 2px;
}

/* Ajuste móvil: que no ocupen demasiado */
@media (max-width: 576px) {
    .btn-hero-big {
        width: 100%;
        padding: 14px 0 !important;
        font-size: 1.1rem !important;
        text-align: center;
        display: block;
    }

    .btn-hero-margin{
      margin-left: 0px;
    }

    .btn-hero-equal {
        width: 100%;
        min-width: unset;
    }
}

.btn-primary {
  background-color: #00588B !important;
}

.border-primary {
  border-color: #00588B !important;
}

.btn-outline-primary {
  color: #00588B !important;
  border: 1px solid #00588B !important;
}
.btn-outline-primary:hover {
  background-color: #00588B !important;
  color: #ffffff !important;
}
.btn-outline-primary:active {
  background-color: #00588B !important;
  color: #ffffff !important;
}
.btn-outline-primary:focus {
  background-color: #00588B !important;
  color: #ffffff !important;
}

.bg-secondary {
  background-color: #6B7280 !important;
}

.text-secondary {
  color: #6B7280 !important;
}

.btn-secondary {
  background-color: #6B7280 !important;
}

.border-secondary {
  border-color: #6B7280 !important;
}

.btn-outline-secondary {
  color: #6B7280 !important;
  border: 1px solid #6B7280 !important;
}
.btn-outline-secondary:hover {
  background-color: #6B7280 !important;
  color: #ffffff !important;
}
.btn-outline-secondary:active {
  background-color: #6B7280 !important;
  color: #ffffff !important;
}
.btn-outline-secondary:focus {
  background-color: #6B7280 !important;
  color: #ffffff !important;
}

.bg-success {
  background-color: #10B981 !important;
}

.text-success {
  color: #10B981 !important;
}

.btn-success {
  background-color: #10B981 !important;
}

.border-success {
  border-color: #10B981 !important;
}

.btn-outline-success {
  color: #10B981 !important;
  border: 1px solid #10B981 !important;
}
.btn-outline-success:hover {
  background-color: #10B981 !important;
  color: #ffffff !important;
}
.btn-outline-success:active {
  background-color: #10B981 !important;
  color: #ffffff !important;
}
.btn-outline-success:focus {
  background-color: #10B981 !important;
  color: #ffffff !important;
}

.bg-info {
  background-color: #3B82F6 !important;
}

.text-info {
  color: #3B82F6 !important;
}

.btn-info {
  background-color: #3B82F6 !important;
}

.border-info {
  border-color: #3B82F6 !important;
}

.btn-outline-info {
  color: #3B82F6 !important;
  border: 1px solid #3B82F6 !important;
}
.btn-outline-info:hover {
  background-color: #3B82F6 !important;
  color: #ffffff !important;
}
.btn-outline-info:active {
  background-color: #3B82F6 !important;
  color: #ffffff !important;
}
.btn-outline-info:focus {
  background-color: #3B82F6 !important;
  color: #ffffff !important;
}

.bg-warning {
  background-color: #F59E0B !important;
}

.text-warning {
  color: #F59E0B !important;
}

.btn-warning {
  background-color: #F59E0B !important;
}

.border-warning {
  border-color: #F59E0B !important;
}

.btn-outline-warning {
  color: #F59E0B !important;
  border: 1px solid #F59E0B !important;
}
.btn-outline-warning:hover {
  background-color: #F59E0B !important;
  color: #ffffff !important;
}
.btn-outline-warning:active {
  background-color: #F59E0B !important;
  color: #ffffff !important;
}
.btn-outline-warning:focus {
  background-color: #F59E0B !important;
  color: #ffffff !important;
}

.bg-danger {
  background-color: #EF4444 !important;
}

.text-danger {
  color: #EF4444 !important;
}

.btn-danger {
  background-color: #EF4444 !important;
}

.border-danger {
  border-color: #EF4444 !important;
}

.btn-outline-danger {
  color: #EF4444 !important;
  border: 1px solid #EF4444 !important;
}
.btn-outline-danger:hover {
  background-color: #EF4444 !important;
  color: #ffffff !important;
}
.btn-outline-danger:active {
  background-color: #EF4444 !important;
  color: #ffffff !important;
}
.btn-outline-danger:focus {
  background-color: #EF4444 !important;
  color: #ffffff !important;
}

.bg-light {
  background-color: #F8FAFC !important;
}

.text-light {
  color: #F8FAFC !important;
}

.btn-light {
  background-color: #F8FAFC !important;
}

.border-light {
  border-color: #F8FAFC !important;
}

.btn-outline-light {
  color: #F8FAFC !important;
  border: 1px solid #F8FAFC !important;
}
.btn-outline-light:hover {
  background-color: #F8FAFC !important;
  color: #F8FAFC !important;
}
.btn-outline-light:active {
  background-color: #F8FAFC !important;
  color: #F8FAFC !important;
}
.btn-outline-light:focus {
  background-color: #F8FAFC !important;
  color: #F8FAFC !important;
}

.bg-purple {
  background-color: #8B5CF6 !important;
}

.text-purple {
  color: #8B5CF6 !important;
}

.btn-purple {
  background-color: #8B5CF6 !important;
}

.border-purple {
  border-color: #8B5CF6 !important;
}

.btn-outline-purple {
  color: #8B5CF6 !important;
  border: 1px solid #8B5CF6 !important;
}
.btn-outline-purple:hover {
  background-color: #8B5CF6 !important;
  color: #ffffff !important;
}
.btn-outline-purple:active {
  background-color: #8B5CF6 !important;
  color: #ffffff !important;
}
.btn-outline-purple:focus {
  background-color: #8B5CF6 !important;
  color: #ffffff !important;
}

.bg-blue {
  background-color: #0284C7 !important;
}

.text-blue {
  color: #0284C7 !important;
}

.btn-blue {
  background-color: #0284C7 !important;
}

.border-blue {
  border-color: #0284C7 !important;
}

.btn-outline-blue {
  color: #0284C7 !important;
  border: 1px solid #0284C7 !important;
}
.btn-outline-blue:hover {
  background-color: #0284C7 !important;
  color: #ffffff !important;
}
.btn-outline-blue:active {
  background-color: #0284C7 !important;
  color: #ffffff !important;
}
.btn-outline-blue:focus {
  background-color: #0284C7 !important;
  color: #ffffff !important;
}

.bg-dark {
  background-color: #1E293B !important;
}

.text-dark {
  color: #1E293B !important;
}

.btn-dark {
  background-color: #1E293B !important;
}

.border-dark {
  border-color: #1E293B !important;
}

.btn-outline-dark {
  color: #1E293B !important;
  border: 1px solid #1E293B !important;
}
.btn-outline-dark:hover {
  background-color: #1E293B !important;
  color: #ffffff !important;
}
.btn-outline-dark:active {
  background-color: #1E293B !important;
  color: #ffffff !important;
}
.btn-outline-dark:focus {
  background-color: #1E293B !important;
  color: #ffffff !important;
}

.btn {
  padding: 10px 28px;
  border: none;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.5s;
  border-radius: 3px;
}
.btn:focus {
  border-color: transparent !important;
}
.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0px 10px 10px -8px #00588B;
}

.btn-lg {
  padding: 15px 30px;
  font-size: 16px;
}

.btn:focus {
  box-shadow: 0 0 0 0.15rem rgba(0, 88, 139, 0.5);
}

.btn-success:focus {
  box-shadow: 0 0 0 0.15rem rgba(16, 185, 129, 0.5);
}

/* 
// 04.general
*/
body {
  font-family: "Outfit", sans-serif;
}

a {
  text-decoration: none;
  font-size: 20px;
}

ul {
  list-style: none;
  padding: 0;
}

p {
  font-size: 17px;
  color: #64748B;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 400 !important;
}

h6 {
  font-size: 18px !important;
  font-weight: 400;
}

.logo i {
  font-weight: normal !important;
}

.form-control {
  box-shadow: none !important;
}

.bg-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 88, 139, 0.91);
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-overlay-2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 88, 139, 0.71);
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.section-title-border {
  width: 50px;
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  background-color: #0284C7;
}

.title-sm span {
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 17px;
  color: #0284C7;
}

.shape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.shape svg {
  width: 100%;
  height: auto;
}

.text-line {
  position: relative;
  z-index: 2;
  padding: 0 10px;
}
.text-line::after {
  content: "";
  background: rgba(2, 132, 199, 0.2);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34%;
  width: 100%;
  z-index: -1;
}

/* 
// 06.menu
*/
.navbar.nav-sticky {
      transition: all .5s;
  background-color: #00588B;
  box-shadow: 10px -10px 20px 0px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.navbar.nav-sticky .logo a {
  color: #ffffff !important;
}

.navbar.nav-sticky .logo img {
      transition: all 1s;
      filter: invert(1) brightness(5);
}
.navbar.nav-sticky button {
      color: #ffffff !important;
      border-color:  #ffffff00 !important;
}

.navbar.nav-sticky .navbar-nav .nav-item .nav-link {
  color: #ffffff !important;
}
.navbar.nav-sticky .navbar-nav .nav-item .nav-link:hover, .navbar.nav-sticky .navbar-nav .nav-item .nav-link:active, .navbar.nav-sticky .navbar-nav .nav-item .nav-link.active {
  color: #1E293B;
}
@media (max-width: 991px) {
  .navbar.nav-sticky .navbar-nav .nav-item .nav-link {
    color: #ffffff !important;
  }
}
.navbar.nav-sticky .navbar-toggler {
  color: #ffffff;
}
.navbar.nav-sticky.nav-bg {
  background-color: #00588B;
}
@media (max-width: 991px) {
  .navbar {
    background-color: #F8FAFC;
  }
}
.navbar .navbar-toggler {
  color: #00588B;
  font-size: 16px;
  border: 1px solid transparent;
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
}
@media (max-width: 991px) {
  .navbar .logo a {
    color: #1E293B !important;
  }
}
.navbar .navbar-nav .nav-item .nav-link {
  font-size: 16px;
  padding: 20px;
  transition: all 0.3s ease;
  position: relative;
  font-weight: 400;
  color: #00588B;
  letter-spacing: 1px;
}
@media (max-width: 991px) {
  .navbar .navbar-nav .nav-item .nav-link {
    padding: 14px 14px;
  }
}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:active, .navbar .navbar-nav .nav-item .nav-link.active {
  color: #35bcff !important;
}
@media (max-width: 991px) {
  .navbar .navbar-nav .nav-item .nav-link {
    color: #1E293B !important;
  }
}
.navbar .nav-btn .nav-item .nav-link {
  color: #ffffff;
  padding: 20px;
}
.navbar.navbar-light .nav-item .nav-link {
  color: #ffffff;
}

.hero-section {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* === HERO BACKGROUND WITH ADVANCED PARTICLES === */
.bg-img-1 {
  background-image: url("../images/misc/banner-2.webp");
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  z-index: 1; /* ensures content stays above particles */
}

/* --- LAYER 1: Small bright particles --- */
.bg-img-1::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.9) 2px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,0.5) 1px, transparent 3px);
  background-size: 40px 40px, 80px 80px; /* MUST be divisible & repeat evenly */
  animation: particlesLayer1 4s linear infinite;
  opacity: 0.45;
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: -1;
}

/* --- LAYER 2: Larger soft particles --- */
.bg-img-1::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.25) 4px, transparent 5px),
    radial-gradient(circle, rgba(255,255,255,0.2) 2px, transparent 4px);
  background-size: 80px 80px, 120px 120px;
  animation: particlesLayer2 6s linear infinite;
  opacity: 0.35;
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: -1;
}

/* --- LAYER 3: Bokeh depth layer --- */
.bg-img-1 .bokeh-layer {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.15) 12px, transparent 16px);
  background-size: 200px 200px;
  animation: particlesLayer3 12s ease-in-out infinite;
  opacity: 0.25;
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: -1;
}


/* Animations */
@keyframes particlesLayer1 {
  0%   { background-position: 0 0, 0 0; }
  100% { background-position: 40px 40px, 80px 80px; }
}

@keyframes particlesLayer2 {
  0%   { transform: translate(30px, -10px) scale(1); }
  50%  { transform: translate(-30px, 20px) scale(1.1); }
  100% { transform: translate(30px, -10px) scale(1); }
}

@keyframes particlesLayer3 {
  0%   { transform: translate(0px, 0px) scale(1); }
  50%  { transform: translate(40px, -20px) scale(1.2); }
  100% { transform: translate(0px, 0px) scale(1); }
}

/* Keep your existing styles */
.bg-home-1 {
  padding: 200px 0;
}

.bg-home-1 h1 span {
  color: #0284C7;
}


.bg-img-2 {
  background-image: url(../images/banner-1.jpg);
}

.bg-home-2 {
  padding: 200px 0;
}
.bg-home-2 h1 span {
  color: #0284C7;
}
.bg-home-2 .dashbord-img {
  max-width: 270%;
  transform: scale(1.2);
}
@media (max-width: 1199.98px) {
  .bg-home-2 .dashbord-img {
    max-width: 100%;
    transform: scale(1);
    margin-top: 20px;
  }
}
.bg-home-2 .rounded-img {
  position: absolute;
  top: 0;
  left: 40%;
  animation: rotate-center 30s linear infinite both;
}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.bg-home-3 {
  padding: 100px 0;
}
.bg-home-3 .back-img {
  position: relative;
}
.bg-home-3 .back-img .earth-img {
  position: absolute;
  top: 0%;
  left: 0;
  animation: rotate-center 30s linear infinite both;
}
.bg-home-3 .back-img .chart-img {
  position: absolute;
  top: 10%;
  left: 90%;
  border-radius: 10px;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.bg-home-3 .back-img .chat-img {
  position: absolute;
  top: 40%;
  left: -10%;
  animation-delay: -0.1s;
  animation: up-down-img 1.7s ease-in-out infinite alternate both;
}
@keyframes up-down-img {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@media (max-width: 991px) {
  .bg-home-3 .back-img .chat-img {
    display: none;
  }
}
.bg-home-3 .back-img .chat-img-2 {
  position: absolute;
  top: 60%;
  left: 60%;
}
@media (max-width: 991px) {
  .bg-home-3 .back-img .chat-img-2 {
    display: none;
  }
}
.bg-home-3 .back-img .chat-img-3 {
  position: absolute;
  top: 80%;
  left: 0%;
}
@media (max-width: 991px) {
  .bg-home-3 .back-img .chat-img-3 {
    display: none;
  }
}
.bg-home-3 .form-button form {
  position: relative;
}
.bg-home-3 .form-button input {
  padding: 15px 10px;
  box-shadow: none;
  border-color: transparent;
  background-color: rgba(16, 185, 129, 0.1);
  color: #ffffff;
}
.bg-home-3 .form-button input::-moz-placeholder {
  color: #ffffff;
}
.bg-home-3 .form-button input::placeholder {
  color: #ffffff;
}
.bg-home-3 .form-button a {
  background-color: #0284C7;
  display: inline-block;
  padding: 7px 35px;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  right: 0;
  font-size: 17px;
}

.bg-home-4 {
  padding: 150px 0;
}
.bg-home-4 .hand-phone {
  position: relative;
}
.bg-home-4 .hand-phone .phone-img {
  max-width: 130%;
}
@media (max-width: 991px) {
  .bg-home-4 .hand-phone .phone-img {
    max-width: 100%;
  }
}
.bg-home-4 .hand-phone .card-img {
  position: absolute;
  top: 10%;
  left: 30%;
  animation-delay: -0.1s;
  animation: up-down-img 1.7s ease-in-out infinite alternate both;
}
@media (max-width: 991px) {
  .bg-home-4 .hand-phone .card-img {
    display: none;
  }
}
.bg-home-4 .hand-phone .card-img-2 {
  position: absolute;
  top: 50%;
  left: 0%;
}
@media (max-width: 991px) {
  .bg-home-4 .hand-phone .card-img-2 {
    display: none;
  }
}
.bg-home-4 .hand-phone::after {
  content: " ";
  position: absolute;
  z-index: -1;
  bottom: 7rem;
  left: -4rem;
  width: 55rem;
  height: 35rem;
  border-radius: 20rem;
  transform: rotate(120deg);
  opacity: 0.9;
  background-color: rgba(2, 132, 199, 0.4);
}
@media (max-width: 991px) {
  .bg-home-4 .hand-phone::after {
    display: none;
  }
}

.bg-home-5 {
  padding: 300px 0;
}

.bg-img-5 {
  background-image: url("../images/group-img.jpg");
}
.bg-img-5 .carousel-control-next-icon,
.bg-img-5 .carousel-control-prev-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #0284C7;
  background-size: 100% 40%;
  border-radius: 50%;
}

.bg-home-6 {
  padding: 100px 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .bg-home-6 .shape-svg {
    display: none;
  }
}
.bg-home-6 .map-svg {
  position: absolute;
  top: 0;
  left: 50%;
}
@media (max-width: 991px) {
  .bg-home-6 .map-svg {
    display: none;
  }
}
.bg-home-6 .country-1 {
  position: absolute;
  top: 10%;
  left: 70%;
}
.bg-home-6 .country-2 {
  position: absolute;
  top: 30%;
  left: 97%;
}
.bg-home-6 .country-3 {
  position: absolute;
  top: 40%;
  left: 90%;
}
.bg-home-6 .country-4 {
  position: absolute;
  top: 22%;
  left: 70%;
}
.bg-home-6 .country-5 {
  position: absolute;
  top: 16%;
  left: 90%;
}

.bg-img-7 {
  padding: 200px 0;
}
.bg-img-7 .phone-bg-2 {
  position: absolute;
  top: 20%;
  left: 10%;
}
@media (max-width: 991px) {
  .bg-img-7 .phone-bg-2 {
    display: none;
  }
}
.bg-img-7 .svg-img img {
  position: absolute;
  width: 6%;
  top: 13%;
  left: 15%;
}
.bg-img-7 .svg-img-2 img {
  position: absolute;
  width: 12%;
  top: 50%;
  left: 43%;
  animation-delay: -0.1s;
  animation: up-down-img 1.7s ease-in-out infinite alternate both;
}
.bg-img-7 .svg-img-3 img {
  position: absolute;
  width: 6%;
  top: 27%;
  left: 78%;
  transform: rotate(45deg);
}

.bg-home-8 {
  padding: 200px 0;
}
.bg-home-8 .img-shape {
  position: relative;
}
.bg-home-8 .img-shape .shape-1 {
  position: absolute;
  top: 10%;
  left: 20%;
  animation-delay: -0.1s;
  animation: up-down-img 1.7s ease-in-out infinite alternate both;
}
@media (max-width: 991px) {
  .bg-home-8 .img-shape .shape-1 {
    display: none;
  }
}
.bg-home-8 .img-shape .shape-2 {
  position: absolute;
  top: 40%;
  left: 90%;
  animation-delay: -0.1s;
  animation: rotate-center 10s linear infinite both;
}
@media (max-width: 991px) {
  .bg-home-8 .img-shape .shape-2 {
    display: none;
  }
}
.bg-home-8 .img-shape .shape-3 {
  position: absolute;
  top: 37%;
  left: 90%;
  animation-delay: -0.1s;
  animation: rotate-center 4s linear infinite both;
}
@media (max-width: 991px) {
  .bg-home-8 .img-shape .shape-3 {
    display: none;
  }
}
.bg-home-8 .shape-4 {
  position: absolute;
  top: 10%;
  left: 10%;
}
@media (max-width: 991px) {
  .bg-home-8 .shape-4 {
    display: none;
  }
}
.bg-home-8 .shape-5 {
  position: absolute;
  top: 70%;
  left: 10%;
}
@media (max-width: 991px) {
  .bg-home-8 .shape-5 {
    display: none;
  }
}
.bg-home-8 .shape-6 {
  position: absolute;
  top: 70%;
  left: 80%;
}
@media (max-width: 991px) {
  .bg-home-8 .shape-6 {
    display: none;
  }
}
.bg-home-8 .shape-1 {
  position: absolute;
  top: 30%;
  left: 90%;
  animation-delay: -0.1s;
  animation: up-down-img 1.7s ease-in-out infinite alternate both;
}
@media (max-width: 991px) {
  .bg-home-8 .shape-1 {
    display: none;
  }
}
.bg-home-8 .shape-2 {
  position: absolute;
  top: 40%;
  left: 20%;
  animation-delay: -0.1s;
  animation: rotate-center 10s linear infinite both;
}
@media (max-width: 991px) {
  .bg-home-8 .shape-2 {
    display: none;
  }
}
.bg-home-8 .shape-3 {
  position: absolute;
  top: 38%;
  left: 20%;
  animation-delay: -0.1s;
  animation: rotate-center 4s linear infinite both;
}
@media (max-width: 991px) {
  .bg-home-8 .shape-3 {
    display: none;
  }
}

.brand-logo {
  max-width: 100px;
}

.main-title h2 {
  font-weight: 600 !important;
  font-size: 42px;
  line-height: 1.3;
}

.about-section .arrow-img {
  position: absolute;
  top: 30%;
  left: 62%;
}

.services-detail li {
  display: flex;
}
.services-detail li i {
  color: rgba(2, 132, 199, 0.7);
  margin-right: 15px;
}

.faq-section .faq-back h1 {
  font-size: 300px;
  position: absolute;
  top: 40%;
  left: 30%;
  z-index: -1;
  color: #f5f5f5;
}
@media (max-width: 1162px) {
  .faq-section .faq-back {
    display: none;
  }
}

.footer-part {
  position: relative;
  background: linear-gradient(to right, #00588B, #003654);
}
.footer-part p {
  font-size: 17px;
}
.footer-part li {
  margin-bottom: 17px;
}
.footer-part li a {
  font-size: 16px;
  transition: all 0.5s;
}
.footer-part li a:hover {
  color: #ffffff !important;
  margin: 5px;
}
.footer-part li a:hover i {
  color: #ffffff !important;
}
.footer-part .form-button form {
  position: relative;
}
.footer-part .form-button input {
  padding: 13px 10px;
  box-shadow: none;
  border-color: transparent;
  background-color: rgba(0, 88, 139, 0.9);
  color: #ffffff;
}
.footer-part .form-button input::-moz-placeholder {
  color: #ffffff;
}
.footer-part .form-button input::placeholder {
  color: #ffffff;
}
.footer-part .form-button a {
  background-color: #0284C7;
  display: inline-block;
  padding: 6px 28px;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  right: 0;
  font-size: 17px;
}
.footer-part .contact-f i {
  font-size: 30px;
  color: #fff;
  margin-right: 16px;
  display: flex;
  align-items: start;
}

.footer-copyright {
  background-color: #003654 !important;
}

.form-group {
  margin-bottom: 1rem;
}
.form-group input.form-control {
  padding: 10px;
}
.form-group input::-moz-placeholder {
  color: #ced4da;
}
.form-group input::placeholder {
  color: #ced4da;
}
.form-group p {
  font-size: 14px;
}

label {
  margin-bottom: 0.25rem;
}

.sign-up {
  padding-top: 85px;
}

.reset-section {
  padding-top: 150px;
}

.login-content {
  position: relative;
  background-image: url("../images/dashboard-img.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.login-section {
  height: 100vh;
}
.login-section .login-icon li {
  margin: 0 10px 0 10px;
}
.login-section .login-icon li i {
  color: #6B7280;
  font-size: 20px;
}

.home-icon {
  top: 5%;
  left: 90%;
}
.home-icon a {
  font-size: 30px;
  color: #00588B;
}

.login-btn a {
  padding: 10px 57px !important;
  border-color: #dee2e6 !important;
}
@media (max-width: 991px) {
  .login-btn a {
    padding: 10px 28px !important;
  }
}

.form-check a {
  font-size: 15px;
  font-weight: 500;
}

.line {
  position: relative;
}
.line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  border-top: 1px dashed #6B7280;
  top: 15px;
}
.line small {
  display: inline-block;
  position: relative;
  z-index: 9;
  background-color: #fff;
  padding: 2px 16px;
}/*# sourceMappingURL=style.css.map */ .about-content {
  padding: 40px 30px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  border-radius: 10px;
}
.about-section .about-style-two {
  padding: 50px 37px;
  padding-bottom: 45px;
  background: #F8FAFC;
  border-radius: 10px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.about-section .about-style-two .icon {
  margin-bottom: 30px;
}
.about-section .about-style-two .icon img {
  height: 50px;
}
.about-section .about-style-two h3 {
  font-size: 23px;
}
.about-section .about-style-two h3 a {
  color: #00588B;
  font-weight: 600;
}
.about-section .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}

.btn-call {
    background: #4ab2ee;
    color: #fff;
    font-weight: 600;
}
.btn-call:hover {
    background: #65c7ff;
    color: #fff;
}

/* Ocultar el botón por defecto en pantallas menores a 1400px */
.btn-call {
    display: none;
}

/* Mostrarlo solo en pantallas de 1400px o más */
@media (min-width: 1400px) {
    .btn-call {
        display: inline-block; /* o flex si quieres */
    }
}

.section-title h2 span {
    color: #2ca5eb;
}

.float-effect {
  animation: float 4s ease-in-out infinite;
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

/* Botones especiales de hamburguesa */

@media (max-width: 991px) {
    .navbar .btn-call {
        display: none !important;
    }
}

.mobile-call-buttons {
    display: flex;
    align-items: center;
    gap: 4px;
}

.carousel-inner{
      margin: 4px;
}

/* Ajuste final para que encaje perfectamente */
@media (max-width: 576px) {
    .mobile-call-buttons .btn-hero-big {
        padding: 10px 14px !important;
        font-size: 0.9rem !important;
        border-radius: 8px;
        width: auto;
    }
    .carousel-inner{
      margin: 0px !important;
    }
}


/* Botones móviles siempre en fila */
.help-btn {
    display: flex ;
    padding-right: 5px;
    padding-left: 5px;
    width: 100% ;
    justify-content: center ;
    align-items: center ;
    gap: 10px;
}

.help-btn a {
    white-space: nowrap;
}