/*
Theme Name: Americanmetro Theme
*/

/* new pages css  */


    /* ----- creative enhanced styles (NO ROOT VARIABLES) ----- */

    .creative-hero {
      position: relative;
      background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
      overflow: hidden;
    }

    .creative-hero::before {
      content: '';
      position: absolute;
      top: -30%;
      right: -10%;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(249,115,22,0.08) 0%, rgba(249,115,22,0) 70%);
      border-radius: 50%;
      z-index: 0;
    }

    .service-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #003e7e;
      color: #ffffff;
      padding: 6px 18px;
      border-radius: 40px;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.5px;
      box-shadow: 0 4px 12px rgba(0,62,126,0.2);
      transition: all 0.3s ease;
    }

    .service-title {
      font-size: 3.4rem;
      font-weight: 800;
      line-height: 1.2;
      color: #000000;
    }

    .site-title {
      color: #F97316;
      position: relative;
      display: inline-block;
    }

    .service-text {
      color: #64748b;
      line-height: 1.6;
      font-weight: 500;
    }

    .learn-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: linear-gradient(95deg, #F97316 0%, #ff9040 100%);
      color: #ffffff;
      padding: 14px 32px;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 700;
      transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
      box-shadow: 0 8px 18px rgba(249,115,22,0.3);
      border: none;
    }

    .learn-btn:hover {
      transform: translateY(-4px);
      background: linear-gradient(95deg, #1d4ed8 0%, #1e3cd8 100%);
      box-shadow: 0 15px 28px -8px rgba(29,78,216,0.4);
      color: #ffffff;
    }

    /* creative slider */
    .slider-wrapper {
      position: relative;
      border-radius: 32px;
      overflow: hidden;
      background: #000000;
      box-shadow: 0 30px 50px rgba(0, 0, 0, 0.25);
      transition: transform 0.3s;
    }

    .image-slider {
      position: relative;
      height: 460px;
    }

    .slide {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0;
      transform: scale(1.08);
      transition: opacity 1s ease, transform 1.2s ease;
    }

    .slide.active {
      opacity: 1;
      transform: scale(1);
    }

    .nav-btn.prev {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: blur(4px);
      color: #ffffff;
      border: none;
      width: 44px;
      height: 44px;
      border-radius: 60px;
      cursor: pointer;
      transition: 0.25s;
      font-size: 1.3rem;
      z-index: 12;
    }
.nav-btn.next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: blur(4px);
      color: #ffffff;
	right:0px;
      border: none;
      width: 44px;
      height: 44px;
      border-radius: 60px;
      cursor: pointer;
      transition: 0.25s;
      font-size: 1.3rem;
      z-index: 12;
    }

    .nav-btn:hover {
      background: #F97316;
      transform: translateY(-50%) scale(1.05);
    }

    /* floating stats cards */
    .stats-grid {
      background: linear-gradient(115deg, #fef9f2 0%, #ffffff 100%);
    }

    .stat-card {
      background: #ffffff;
      border-radius: 2rem;
      padding: 1.6rem;
      text-align: center;
      transition: all 0.35s;
      border: 1px solid rgba(249,115,22,0.2);
      box-shadow: 0 12px 22px -12px rgba(0,0,0,0.05);
    }

    .stat-card:hover {
      transform: translateY(-8px);
      border-color: #F97316;
      box-shadow: 0 20px 30px -12px rgba(249,115,22,0.2);
    }

    .stat-number {
      font-size: 3.3rem;
      font-weight: 800;
      background: linear-gradient(145deg, #003e7e, #1d4ed8);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .services-icon-grid {
      background: #ffffff;
    }

    .service-card-modern {
      background: #ffffff;
      border-radius: 1.8rem;
      padding: 2rem 1.5rem;
      transition: all 0.3s;
      height: 100%;
      border: 1px solid #f0f2f5;
      box-shadow: 0 5px 15px rgba(0,0,0,0.02);
    }

    .service-card-modern:hover {
      border-color: #F97316;
      transform: translateY(-6px);
      box-shadow: 0 20px 30px -15px rgba(0,62,126,0.1);
    }

    .service-icon-orange {
      width: 70px;
      height: 70px;
      background: rgba(249,115,22,0.12);
      border-radius: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.3rem;
    }

    .service-icon-orange i {
      font-size: 2.2rem;
      color: #F97316;
    }

    .service-card-title {
      font-weight: 800;
      font-size: 1.45rem;
      color: #003e7e;
    }

    .testimonial-block {
      background: linear-gradient(115deg, #003e7e 0%, #0a3570 100%);
      border-radius: 2rem;
      position: relative;
    }

    .floating-shape {
      position: absolute;
      bottom: -20px;
      right: -20px;
      opacity: 0.1;
      font-size: 8rem;
    }

    @media (max-width: 768px) {
      .service-title {
        font-size: 2.2rem;
      }
      .image-slider {
        height: 320px;
      }
      .stat-number {
        font-size: 2.3rem;
      }
    }

    /* creative footer */
    .creative-footer {
      background: #0a0c15;
      border-top: 3px solid #F97316;
    }


/* block section css  */
.am-services-section{
  background:#fff;
}

.am-section-head h2{
  font-size:38px;
  font-weight:700;
  color:#000;
}

.am-section-head p{
  color:#555;
}

/* CARD */
.am-service-card{
  background:#fff;
  border:1px solid rgba(0,62,126,0.15);
  border-radius:18px;
  padding:25px;
  position:relative;
  transition:0.4s ease;
  overflow:hidden;
	height:100%;
}

/* hover glow */
.am-service-card::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:linear-gradient(135deg,#003e7e,transparent);
  opacity:0;
  transition:0.4s;
  z-index:-1;
}

.am-service-card:hover::before{
  opacity:0.08;
}

.am-service-card:hover{
  transform:translateY(-10px);
  border-color:#1d4ed8;
  box-shadow:0 15px 40px rgba(0,62,126,0.15);
}

/* number badge */
.am-num{
  font-size:14px;
  font-weight:700;
  color:#fff;
  background:#003e7e;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  margin-bottom:15px;
}

/* title */
.am-service-card h4{
  font-size:20px;
  font-weight:700;
  color:#000;
}

/* text */
.am-service-card p{
  color:#555;
  font-size:14px;
  line-height:1.6;
}

/* button */
.am-btn{
  display:inline-block;
  margin-top:15px;
  padding:10px 18px;
  border-radius:30px;
  background:#F97316;
  color:#fff;
  font-weight:600;
  text-decoration:none;
  transition:0.3s;
}

.am-btn:hover{
  background:#1d4ed8;
}


/* satisfaction sec  */
.am-satisfaction-section{
  position:relative;
  padding:80px 0;
  background:#f5f5f5;
  overflow:hidden;
}

/* top curved background */
.am-satisfaction-section::before{
  content:"";
  position:absolute;
  top:-180px;
  left:-10%;
  width:120%;
  height:280px;
  background:#ececec;
  border-radius:50%;
}

/* content */
.am-satisfaction-content{
  position:relative;
  z-index:2;
}

.am-small-tag{
  display:inline-block;
  padding:8px 18px;
  background:#F97316;
  color:#fff;
  border-radius:30px;
  font-size:13px;
  font-weight:600;
  margin-bottom:20px;
}

.am-satisfaction-content h2{
  font-size:58px;
  line-height:1.05;
  font-weight:700;
  color:#003e7e;
  margin-bottom:25px;
}

.am-satisfaction-content p{
  max-width:420px;
  color:#555;
  line-height:1.9;
  font-size:16px;
}

/* progress wrap */
.am-progress-wrap{
  position:relative;
  z-index:2;
}

/* progress item */
.am-progress-item{
  margin-bottom:35px;
  padding:28px;
  border-radius:22px;
  background:#fff;
  transition:0.4s ease;
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:0 10px 35px rgba(0,0,0,0.04);
}

/* active card */
.am-progress-item.active{
  background:#003e7e;
}

.am-progress-item.active h5,
.am-progress-item.active span{
  color:#fff;
}

/* hover */
.am-progress-item:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 50px rgba(0,62,126,0.12);
}

/* top */
.am-progress-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}

.am-progress-top h5{
  margin:0;
  font-size:24px;
  font-weight:600;
  color:#003e7e;
}

.am-progress-top span{
  font-size:20px;
  font-weight:700;
  color:#1d4ed8;
}

/* bar */
.am-progress-bar{
  width:100%;
  height:10px;
  border-radius:20px;
  background:rgba(0,0,0,0.08);
  overflow:hidden;
}

.am-progress-fill{
  height:100%;
  border-radius:20px;
  background:linear-gradient(90deg,#F97316,#1d4ed8);
  animation:fillAnim 2s ease;
}

/* active bar */
.am-progress-item.active .am-progress-bar{
  background:rgba(255,255,255,0.2);
}

.am-progress-item.active .am-progress-fill{
  background:#fff;
}

/* animation */
@keyframes fillAnim{
  from{
    width:0;
  }
}

/* responsive */
@media(max-width:991px){

  .am-satisfaction-content h2{
    font-size:42px;
  }

}

@media(max-width:576px){

  .am-satisfaction-content h2{
    font-size:34px;
  }

  .am-progress-top h5{
    font-size:18px;
  }

}

.am-mini-cta-section{
  padding:80px 0;
  background:#f5f7fb;
}

.am-mini-cta-box{
  position:relative;
  padding:55px 60px;
  border-radius:32px;
  overflow:hidden;
  background:linear-gradient(135deg,#003e7e 0%, #001d3d 100%);
  box-shadow:0 25px 60px rgba(0,62,126,0.15);
}

/* glow */
.am-mini-glow{
  position:absolute;
  width:260px;
  height:260px;
  background:#F97316;
  border-radius:50%;
  top:-120px;
  right:-60px;
  filter:blur(90px);
  opacity:0.45;
}

/* content */
.am-mini-content{
  position:relative;
  z-index:2;
}

.am-mini-tag{
  display:inline-block;
  padding:8px 18px;
  border-radius:30px;
  background:rgba(255,255,255,0.1);
  color:#fff;
  font-size:13px;
  margin-bottom:18px;
  backdrop-filter:blur(10px);
}

.am-mini-content h2{
  color:#fff;
  font-size:58px;
  line-height:1.05;
  font-weight:700;
  margin:0;
}

.am-mini-content h2 span{
  color:#F97316;
  position:relative;
}

/* button */
.am-big-cta-btn{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:14px;
  padding:22px 38px;
  border-radius:70px;
  background:#F97316;
  color:#fff;
  text-decoration:none;
  font-size:18px;
  font-weight:600;
  transition:0.4s ease;
  box-shadow:0 15px 35px rgba(249,115,22,0.35);
}

/* hover */
.am-big-cta-btn:hover{
  background:#fff;
  color:#003e7e;
  transform:translateY(-5px);
}

.am-big-cta-btn i{
  transition:0.4s;
}

.am-big-cta-btn:hover i{
  transform:translateX(6px);
}

/* responsive */
@media(max-width:991px){

  .am-mini-cta-box{
    padding:45px 30px;
    text-align:center;
  }

  .am-mini-content h2{
    font-size:42px;
  }

}

@media(max-width:576px){

  .am-mini-content h2{
    font-size:32px;
  }

  .am-big-cta-btn{
    width:100%;
    justify-content:center;
    margin-top:10px;
  }

}

/* tech support page css  */
.support-wrapper{
    background: linear-gradient(135deg,#f5f8fc,#eef3f9);
}

.support-breadcrumb{
    text-align:center;
}

.bread-link{
    text-decoration:none;
    color:#5f6d7b;
    font-weight:500;
    transition:0.3s;
}

.bread-link:hover{
    color:#0a4b8f;
}

.bread-active{
    color:#0a4b8f;
    font-weight:700;
}

.support-breadcrumb i{
    color:#7b8ba1;
    font-size:13px;
}

.tech-help{
	margin-bottom:40px;
	text-align:center;
}
.main-hp-head {
    font-size:48px;
    font-weight:800;
    color:#0a4b8f;
    letter-spacing:1px;
    margin-bottom:18px;
	
}

.heg-text{
    max-width:800px;
    margin:auto;
    color:#66778c;
    font-size:18px;
    line-height:1.8;
}

.support-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(10,75,143,0.08);
    transition:0.4s ease;
    position:relative;
    height:100%;
}

.support-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 60px rgba(10,75,143,0.15);
}

.support-image{
    height:320px;
}

.support-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s;
}

.support-card:hover img{
    transform:scale(1.08);
}

.video-icon,
.download-icon{
    position:absolute;
    top:20px;
    left:20px;
    width:70px;
    height:70px;
    border-radius:20px;
    background:rgba(255,255,255,0.18);
    backdrop-filter:blur(10px);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#fff;
}

.support-content{
    padding:40px 35px;
}

.support-icon{
    width:85px;
    height:85px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-top:-80px;
    position:relative;
    z-index:2;
    box-shadow:0 12px 30px rgba(10,75,143,0.25);
}

.support-icon i{
    color:#fff;
    font-size:32px;
}

.support-content h3{
    font-size:32px;
    font-weight:700;
    color:#0a4b8f;
    margin-top:25px;
    margin-bottom:18px;
}

.support-content p{
    color:#6b7787;
    font-size:17px;
    line-height:1.9;
    margin-bottom:30px;
}

.support-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 32px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:0.4s;
}

.support-btn:hover{
    background:linear-gradient(135deg,#083b70,#14539a);
    transform:translateY(-3px);
    color:#fff;
}

@media(max-width:991px){

    .main-heading{
        font-size:42px;
    }

    .support-image{
        height:260px;
    }
}

@media(max-width:576px){

    .main-heading{
        font-size:32px;
    }

    .heading-text{
        font-size:15px;
    }

    .support-content{
        padding:35px 20px;
    }

    .support-content h3{
        font-size:26px;
    }
}


/* Pos Train Video  */
.train-breadcumb{
	min-height:auto !important;
}

.training-section{
    padding:100px 0;
    background:linear-gradient(135deg,#f5f8fc,#eef3f9);
    position:relative;
    overflow:hidden;
}

/* Background Glow */
.training-section::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(10,75,143,0.06);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.training-section::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(29,110,201,0.05);
    border-radius:50%;
    bottom:-100px;
    left:-100px;
}

.training-content{
    max-width:850px;
    position:relative;
    z-index:2;
}

/* Mini Tag */
.mini-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    background:rgba(10,75,143,0.08);
    border-radius:50px;
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:28px;
    font-size:15px;
}

.mini-tag i{
    font-size:16px;
}

/* Main Heading */
.training-title{
    font-size:58px;
    font-weight:800;
    color:#0a4b8f;
    margin-bottom:18px;
    line-height:1.1;
    letter-spacing:-1px;
}

/* Subtitle */
.training-subtitle{
    font-size:32px;
    line-height:1.5;
    font-weight:600;
    color:#174f8c;
    max-width:760px;
    margin-bottom:25px;
}

/* Line */
.title-line{
    width:120px;
    height:5px;
    background:linear-gradient(to right,#0a4b8f,#1d6ec9);
    border-radius:20px;
    margin-bottom:35px;
}

/* Paragraph */
.training-text{
    font-size:18px;
    line-height:2;
    color:#5d6d7e;
    margin-bottom:24px;
    max-width:760px;
}

/* Button */
.training-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 34px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-decoration:none;
    border-radius:60px;
    font-weight:600;
    font-size:16px;
    margin-top:15px;
    transition:0.4s ease;
    box-shadow:0 10px 30px rgba(10,75,143,0.20);
}

.training-btn:hover{
    transform:translateY(-5px);
    color:#fff;
    box-shadow:0 18px 40px rgba(10,75,143,0.28);
}

.training-btn i{
    transition:0.4s;
}

.training-btn:hover i{
    transform:translateX(6px);
}

/* Responsive */

@media(max-width:991px){

    .training-title{
        font-size:46px;
    }

    .training-subtitle{
        font-size:26px;
    }

    .training-text{
        font-size:17px;
    }
}

@media(max-width:576px){

    .training-section{
        padding:70px 0;
    }

    .training-title{
        font-size:36px;
    }

    .training-subtitle{
        font-size:22px;
    }

    .training-text{
        font-size:15px;
        line-height:1.9;
    }

    .training-btn{
        padding:14px 26px;
        font-size:15px;
    }
}
.vid-img{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    height:520px;
    background:#003e7e;
    box-shadow:0 25px 60px rgba(0,62,126,0.18);
}

/* image */
.vid-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.7s ease;
    display:block;
}

/* overlay */
.vid-img::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,0.65),
        rgba(0,62,126,0.15)
    );
    z-index:1;
}

/* hover zoom */
.vid-img:hover img{
    transform:scale(1.08);
}

/* glow effect */
.vid-img::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:#F97316;
    border-radius:50%;
    top:-80px;
    right:-80px;
    filter:blur(90px);
    opacity:0.35;
    z-index:0;
}

/* responsive */
@media(max-width:767px){

    .vid-img{
        height:400px;
        border-radius:24px;
    }

}

/* box section css  */
.video-training-section{
    padding:80px 0;
    background:linear-gradient(135deg,#f5f8fc,#eef3f9);
    overflow:hidden;
}

/* Header */

.section-header{
    margin-bottom:70px;
}

.mini-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background:rgba(10,75,143,0.08);
    border-radius:50px;
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

.main-title{
    font-size:58px;
    font-weight:800;
    color:#0a4b8f;
    margin-bottom:20px;
}

.section-text{
    max-width:760px;
    margin:auto;
    color:#657587;
    font-size:18px;
    line-height:1.9;
}

/* Card */

.video-card{
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    position:relative;
    height:100%;
    transition:0.4s ease;
    box-shadow:0 12px 40px rgba(10,75,143,0.08);
}

.video-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 60px rgba(10,75,143,0.16);
}

.video-img{
    position:relative;
    overflow:hidden;
}

.video-img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    transition: 0.5s;
}

.video-card:hover img{
    transform:scale(1.08);
}

/* Overlay */
.video-img::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,0.45),rgba(0,0,0,0.05));
    z-index:1;
}

/* Play Button */

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:75px;
    height:75px;
    border-radius:50%;
    background:rgba(255,255,255,0.18);
    backdrop-filter:blur(10px);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
    transition:0.4s;
}

.play-btn i{
    color:#fff;
    font-size:24px;
    margin-left:5px;
}

.video-card:hover .play-btn{
    transform:translate(-50%,-50%) scale(1.1);
}

/* Tag */

.video-tag{
    position:absolute;
    top:18px;
    left:18px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    padding:8px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
    z-index:2;
}

/* Content */

.video-content{
    padding:20px;
}

.video-content h3{
    font-size:24px;
    line-height:1.2;
    color:#0a4b8f;
    font-weight:700;
    margin-bottom:18px;
}

.video-content p{
    color:#6c7a89;
    font-size:16px;
    line-height:1.9;
    margin-bottom:25px;
}

/* Link */

.video-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#0a4b8f;
    font-weight:700;
    transition:0.3s;
}

.video-link i{
    transition:0.3s;
}

.video-link:hover{
    color:#1d6ec9;
}

.video-link:hover i{
    transform:translateX(6px);
}

/* Responsive */

@media(max-width:991px){

    .main-title{
        font-size:42px;
    }

    .video-content h3{
        font-size:24px;
    }
}

@media(max-width:576px){

    .video-training-section{
        padding:70px 0;
    }

    .main-title{
        font-size:32px;
    }

    .section-text{
        font-size:15px;
    }

    .video-content{
        padding:22px;
    }

    .video-content h3{
        font-size:22px;
    }

    .video-content p{
        font-size:15px;
    }
}

/* Download Page csss  */
/* Section */

.amx-download-hero{
    padding:80px 0;
    background:linear-gradient(135deg,#f5f8fc,#eef3f9);
    position:relative;
    overflow:hidden;
}

/* Background Shapes */

.amx-download-hero::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(10,75,143,0.05);
    border-radius:50%;
    top:-180px;
    right:-140px;
}

.amx-download-hero::after{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(29,110,201,0.04);
    border-radius:50%;
    bottom:-140px;
    left:-100px;
}

/* Content Box */

.amx-download-content{
    position:relative;
    z-index:2;
    text-align:left;
    padding:70px;
    border-radius:35px;
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(12px);
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
    overflow:hidden;
}

/* Glass Effect Border */

.amx-download-content::before{
    content:'';
    position:absolute;
    inset:0;
    border:1px solid rgba(255,255,255,0.6);
    border-radius:35px;
    pointer-events:none;
}

/* Badge */

.amx-mini-badge{
    display:flex;
	justify-content:center;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    margin-bottom:28px;
}

.amx-mini-badge i{
    font-size:16px;
}

/* Title */

.amx-download-title{
    font-size:48px;
    line-height:1.2;
    font-weight:800;
    color:#0a4b8f;
    letter-spacing:-2px;
    margin-bottom:20px;
   text-align:center;
}

.amx-download-title span{
    color:#1d6ec9;
}

/* Decorative Line */

.amx-line{
    width:130px;
    height:6px;
    border-radius:30px;
    background:linear-gradient(to right,#0a4b8f,#1d6ec9);
    margin:0 auto 20px;
}

/* Paragraph */

.amx-download-text{
    font-size:19px;
    line-height:2;
    color:#5f6f80;
    max-width:820px;
    margin-bottom:40px;
	text-align:center;
}

/* Button */

.amx-download-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:fit-content;

    gap:12px;
    padding:16px 34px;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    transition:0.4s ease;
    box-shadow:0 12px 35px rgba(10,75,143,0.20);

    /* center */
    margin-left:auto;
    margin-right:auto;
}

.amx-download-btn:hover{
    transform:translateY(-5px);
    color:#fff;
    box-shadow:0 18px 45px rgba(10,75,143,0.28);
}

.amx-download-btn i{
    transition:0.4s;
}

.amx-download-btn:hover i{
    transform:translateX(6px);
}

/* Responsive */

@media(max-width:991px){

    .amx-download-content{
        padding:50px 40px;
    }

    .amx-download-title{
        font-size:48px;
    }

    .amx-download-text{
        font-size:17px;
    }
}

@media(max-width:576px){

    .amx-download-hero{
        padding:70px 0;
    }

    .amx-download-content{
        padding:40px 25px;
    }

    .amx-download-title{
        font-size:34px;
        letter-spacing:-1px;
    }

    .amx-download-text{
        font-size:15px;
        line-height:1.9;
    }

    .amx-download-btn{
        padding:14px 26px;
        font-size:15px;
    }
}

.amx-cheatsheet-section{
    padding:80px 0;
    background:linear-gradient(135deg, #f5f8fc, #1763b6);
    position:relative;
    overflow:hidden;
}

/* Background Shapes */

.amx-cheatsheet-section::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(10,75,143,0.05);
    top:-180px;
    right:-150px;
}

.amx-cheatsheet-section::after{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(29,110,201,0.04);
    bottom:-120px;
    left:-120px;
}

/* Heading */

.amx-cheat-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background:rgba(10,75,143,0.08);
    border-radius:50px;
    color:#0a4b8f;
    font-size:15px;
    font-weight:600;
    margin-bottom:25px;
}

.amx-cheat-title{
    font-size:56px;
    font-weight:800;
    color:#0a4b8f;
    margin-bottom:20px;
    letter-spacing:-1px;
}

.amx-cheat-text{
    color:#647588;
    font-size:18px;
    line-height:1.9;
    max-width:760px;
    margin:auto;
}

/* Cards */

.amx-cheat-card,
.amx-preview-card{
    position:relative;
    height:100%;
    background:rgba(255,255,255,0.72);
    backdrop-filter:blur(12px);
    border-radius:30px;
    padding:45px 35px;
    overflow:hidden;
    transition:0.4s ease;
    box-shadow:0 18px 50px rgba(10,75,143,0.08);
}

.amx-cheat-card:hover,
.amx-preview-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 70px rgba(10,75,143,0.14);
}

/* Glow Effect */

.amx-card-glow{
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(29,110,201,0.06);
    border-radius:50%;
    top:-80px;
    right:-80px;
}

/* Icon */

.amx-icon-box{
    width:80px;
    height:80px;
    border-radius:24px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
    box-shadow:0 12px 35px rgba(10,75,143,0.20);
}

.amx-icon-box i{
    color:#fff;
    font-size:30px;
}

/* Card Heading */

.amx-cheat-card h3{
    font-size:32px;
    font-weight:700;
    color:#0a4b8f;
    margin-bottom:22px;
}

/* Paragraph */

.amx-cheat-card p{
    font-size:17px;
    line-height:2;
    color:#5f6f80;
    margin-bottom:0;
}

/* Download List */

.amx-download-list{
    padding:0;
    margin:0;
    list-style:none;
}

.amx-download-list li{
    margin-bottom:18px;
}

.amx-download-list a{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#5f6f80;
    font-size:17px;
    font-weight:500;
    transition:0.3s ease;
    padding:12px 16px;
    border-radius:14px;
}

.amx-download-list a:hover{
    background:rgba(10,75,143,0.07);
    color:#0a4b8f;
    transform:translateX(6px);
}

.amx-download-list i{
    color:#1d6ec9;
}

/* Preview Card */

.amx-preview-card{
    padding:0;
}

.amx-preview-img{
    height:100%;
    overflow:hidden;
    border-radius:30px;
}

.amx-preview-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s ease;
}

.amx-preview-card:hover img{
    transform:scale(1.08);
}

/* Overlay */

.amx-preview-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(10,75,143,0.80),rgba(10,75,143,0.10));
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding-bottom:40px;
    opacity:0;
    transition:0.4s;
}

.amx-preview-card:hover .amx-preview-overlay{
    opacity:1;
}

/* Button */

.amx-preview-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:15px 30px;
    border-radius:60px;
    background:#fff;
    color:#0a4b8f;
    text-decoration:none;
    font-weight:700;
    transition:0.3s ease;
}

.amx-preview-btn:hover{
    transform:translateY(-4px);
    color:#1d6ec9;
}

.amx-preview-btn i{
    transition:0.3s;
}

.amx-preview-btn:hover i{
    transform:translateX(5px);
}

/* Responsive */

@media(max-width:991px){

    .amx-cheat-title{
        font-size:42px;
    }

    .amx-cheat-card{
        padding:35px 28px;
    }

    .amx-cheat-card h3{
        font-size:26px;
    }
}

@media(max-width:576px){

    .amx-cheatsheet-section{
        padding:70px 0;
    }

    .amx-cheat-title{
        font-size:32px;
    }

    .amx-cheat-text{
        font-size:15px;
    }

    .amx-cheat-card p,
    .amx-download-list a{
        font-size:15px;
    }
}

/* bluetooth-page-css  */
.amx-printer-section{
    padding:80px 0;
    background:linear-gradient(135deg,#f5f8fc,#eef3f9);
    position:relative;
    overflow:hidden;
}

/* Background Effects */

.amx-printer-section::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(10,75,143,0.05);
    top:-180px;
    left:-120px;
}

.amx-printer-section::after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(29,110,201,0.05);
    bottom:-120px;
    right:-120px;
}

/* Badge */

.amx-printer-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:50px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

.amx-printer-badge i{
    font-size:17px;
}

/* Title */

.amx-printer-title{
    font-size:68px;
    font-weight:800;
    color:#0a4b8f;
    line-height:1.1;
    margin-bottom:25px;
    letter-spacing:-2px;
}

/* Line */

.amx-printer-line{
    width:120px;
    height:6px;
    border-radius:30px;
    background:linear-gradient(to right,#0a4b8f,#1d6ec9);
    margin-bottom:35px;
}

/* Paragraph */

.amx-printer-text{
    font-size:19px;
    line-height:2;
    color:#5f6f80;
    margin-bottom:40px;
    max-width:620px;
}

/* List */

.amx-printer-list{
    display:flex;
    flex-direction:column;
    gap:22px;
    margin-bottom:40px;
}

/* Item */

.amx-printer-item{
    display:flex;
    align-items:flex-start;
	align-items:center;
    gap:18px;
    padding:22px;
    background:rgba(255,255,255,0.70);
    backdrop-filter:blur(10px);
    border-radius:24px;
    transition:0.4s ease;
    box-shadow:0 12px 35px rgba(10,75,143,0.06);
}

.amx-printer-item:hover{
    transform:translateX(10px);
    box-shadow:0 18px 45px rgba(10,75,143,0.12);
}

/* Icon */

.amx-printer-icon{
    min-width:50px;
    height:50px;
    border-radius:10px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 30px rgba(10,75,143,0.20);
}

.amx-printer-icon i{
    color:#fff;
    font-size:24px;
}

/* Info */

.amx-printer-info h4{
    font-size:24px;
    font-weight:700;
    color:#0a4b8f;
    margin-bottom:8px;
}

.amx-printer-info p{
    font-size:16px;
    color:#66778a;
    line-height:1.8;
    margin-bottom:0;
}

/* Button */

.amx-printer-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 34px;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:0.4s ease;
    box-shadow:0 12px 35px rgba(10,75,143,0.18);
}

.amx-printer-btn:hover{
    transform:translateY(-5px);
    color:#fff;
}

.amx-printer-btn i{
    transition:0.3s;
}

.amx-printer-btn:hover i{
    transform:translateX(6px);
}

/* Image Wrapper */

.amx-printer-image-wrapper{
    position:relative;
}

/* Glow */

.amx-image-glow{
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(29,110,201,0.10);
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    filter:blur(20px);
}

/* Image */

.amx-printer-image{
    position:relative;
    z-index:2;
    background:rgba(255,255,255,0.65);
    backdrop-filter:blur(12px);
    border-radius:40px;
    padding:30px;
    box-shadow:0 25px 70px rgba(10,75,143,0.10);
}

.amx-printer-image img{
    width:100%;
    border-radius:25px;
    transition:0.5s ease;
}

.amx-printer-image:hover img{
    transform:scale(1.04);
}

/* Floating Card */

.amx-floating-card{
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:3;
    background:#fff;
    padding:16px 26px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(10,75,143,0.15);
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:#0a4b8f;
}

.amx-floating-card i{
    width:45px;
    height:45px;
    border-radius:50%;
	font-size:24px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Responsive */

@media(max-width:991px){

    .amx-printer-title{
        font-size:48px;
    }

    .amx-printer-text{
        font-size:17px;
    }

    .amx-floating-card{
        left:15px;
        bottom:15px;
    }
}

@media(max-width:576px){

    .amx-printer-section{
        padding:70px 0;
    }

    .amx-printer-title{
        font-size:36px;
        letter-spacing:-1px;
    }

    .amx-printer-text{
        font-size:15px;
        line-height:1.9;
    }

    .amx-printer-info h4{
        font-size:20px;
    }

    .amx-printer-info p{
        font-size:14px;
    }

    .amx-printer-item{
        padding:18px;
    }

    .amx-floating-card{
        position:relative;
        left:0;
        bottom:0;
        margin-top:20px;
        justify-content:center;
    }
}

/* Small business pages css  */
/* ============================= */

.amx-hero-section,
.amx-about-section,
.amx-features-section,
.amx-key-features,
.amx-types-section,
.amx-table-section,
.amx-support-section,
.amx-tech-section,
.amx-cta-section{
    padding:80px 0 !important;
}

/* ============================= */

.amx-section-badge,
.amx-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    border-radius:50px;
    font-weight:600;
    margin-bottom:25px;
}

.amx-section-title{
    font-size:48px;
    font-weight:700;
    color:#0a4b8f;
    line-height:1.2;
}

.amx-section-text{
    color:#66778a;
    line-height:2;
    font-size:18px;
    margin-top:20px;
}

/* ============================= */

.amx-hero-section{
    background:linear-gradient(135deg, #f5f8fc, #1763b6);
}

.amx-hero-title{
    font-size:68px;
    font-weight:700;
    line-height:1.2;
    color:#0a4b8f;
    margin-bottom:30px;
}

.amx-hero-title span{
    color:#1d6ec9;
}

.amx-hero-text{
    color:#000;
    line-height:2;
    font-size:18px;
    margin-bottom:40px;
}

.amx-hero-btns{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.amx-primary-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 34px;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
}

.amx-primary-btn:hover{
    transform:translateY(-5px);
    color:#fff;
}

.amx-outline-btn{
    padding:16px 34px;
    border-radius:60px;
    border:2px solid #0a4b8f;
    text-decoration:none;
    color:#0a4b8f;
    font-weight:600;
}

.amx-outline-btn:hover{
    background:#0a4b8f;
    color:#fff;
}

.amx-hero-image,
.amx-image-box{
    background:#fff;
    padding:25px;
    border-radius:35px;
    box-shadow:0 20px 60px rgba(10,75,143,0.10);
}

.amx-hero-image img,
.amx-image-box img{
    width:100%;
    border-radius:25px;
}

/* ============================= */

.amx-hardware-card{
    background:#fff;
    border-radius:28px;
    padding:35px 20px;
    text-align:center;
    transition:0.4s;
    height:100%;
    box-shadow:0 15px 40px rgba(10,75,143,0.08);
}

.amx-hardware-card:hover{
    transform:translateY(-10px);
}

.amx-hardware-card i{
    font-size:42px;
    color:#0a4b8f;
    margin-bottom:20px;
}

.amx-hardware-card h4{
    font-size:20px;
    color:#0a4b8f;
    font-weight:700;
}

/* ============================= */

.amx-feature-card{
    background:#fff;
    border-radius:30px;
    padding:40px 30px;
    text-align:center;
    height:100%;
    transition:0.4s;
    box-shadow:0 15px 40px rgba(10,75,143,0.08);
}

.amx-feature-card:hover{
    transform:translateY(-10px);
}

.amx-feature-icon{
    width:90px;
    height:90px;
    margin:auto;
    margin-bottom:25px;
    border-radius:24px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
}

.amx-feature-icon i{
    color:#fff;
    font-size:34px;
}

.amx-feature-card h3{
    font-size:28px;
    color:#0a4b8f;
    font-weight:700;
    margin-bottom:18px;
}

.amx-feature-card p{
    color:#67788a;
    line-height:1.9;
}

/* ============================= */

.amx-feature-list,
.amx-support-list{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:35px;
}

.amx-list-item,
.amx-support-item{
    background:#fff;
    padding:12px;
    border-radius:20px;
    font-size:18px;
    color:#0a4b8f;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:15px;
    box-shadow:0 10px 30px rgba(10,75,143,0.06);
}

.amx-list-item i,
.amx-support-item i{
    width:40px;
    height:40px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ============================= */

.amx-types-section{
    background:#0a4b8f26;
}

.amx-type-card{
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-align:center;
    border-radius:30px;
    padding:45px 30px;
    transition:0.4s;
    height:100%;
}

.amx-type-card:hover{
    transform:translateY(-10px);
}

.amx-type-card i{
    font-size:50px;
    margin-bottom:25px;
}

.amx-type-card h3{
    font-size:28px;
    font-weight:700;
    margin-bottom:15px;
}

.amx-type-card p{
    line-height:1.9;
}

/* ============================= */

.amx-custom-table{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 50px rgba(10,75,143,0.08);
}

.amx-custom-table thead{
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
}

.amx-custom-table th,
.amx-custom-table td{
    padding:22px;
    border:none;
    font-size:17px;
}

.amx-custom-table tbody tr:nth-child(even){
    background:#f7faff;
}

/* ============================= */

.amx-support-text{
    color:#000;
    line-height:2;
    font-size:18px;
    margin-top:25px;
}

/* ============================= */

.amx-tech-card{
    background:#fff;
    padding:45px 30px;
    border-radius:30px;
    text-align:center;
    font-size:32px;
    font-weight:700;
    color:#0a4b8f;
    transition:0.4s;
    box-shadow:0 3px 8px rgb(10 75 143);
}

.amx-tech-card:hover{
    transform:translateY(-10px);
}

/* ============================= */

.amx-cta-section{
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
}

.amx-cta-section h2{
    font-size:62px;
    font-weight:800;
    margin-bottom:25px;
}

.amx-cta-section p{
    font-size:18px;
    line-height:2;
    margin-bottom:40px;
}

/* ============================= */

@media(max-width:991px){

    .amx-hero-title{
        font-size:54px;
    }

    .amx-section-title{
        font-size:40px;
    }

    .amx-cta-section h2{
        font-size:42px;
    }
}

@media(max-width:576px){

    .amx-hero-section,
    .amx-about-section,
    .amx-features-section,
    .amx-key-features,
    .amx-types-section,
    .amx-table-section,
    .amx-support-section,
    .amx-tech-section,
    .amx-cta-section{
        padding:70px 0;
    }

    .amx-hero-title{
        font-size:38px;
    }

    .amx-section-title{
        font-size:30px;
    }

    .amx-hero-text,
    .amx-section-text,
    .amx-support-text{
        font-size:15px;
    }

    .amx-cta-section h2{
        font-size:34px;
    }
}

.table-responsive.comparison-table{
	margin-top:20px;
}

section.amx-support-section.support-bg{
/* 	background:linear-gradient(135deg,#003e7e 0%, #001d3d 100%); */
	background:linear-gradient(135deg, #f5f8fc, #1763b6);
}

.amx-features-section.amxbg-sec{
	background:linear-gradient(135deg, #f5f8fc, #1763b6)
}

@media(max-width:991px){
	.amx-toggle-inner .big-menu li a{
	   color:#fff !important;
}
.amx-toggle-inner .big-menu li a:hover{
	color: #F97316 !important; 
    padding-left: 8px !important;
}
}


/* Sqaure vs clover pages css  */
/* ============================= */

.amxCompareHero,
.amxCompareIntro,
.amxQuickCompareSection,
.amxCompareCardsSection,
.amxBusinessSection,
.amxChooseUsSection,
.amxCompareCTA{
    padding:80px 0;
}

/* ============================= */

.amxCompareHero{
   background:linear-gradient(135deg, #f5f8fc, #1763b6);
    position:relative;
}

/* ============================= */

.amxCompareBadge,
.amxCompareSectionBadge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:60px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

/* ============================= */

.amxCompareTitle{
    font-size:68px;
    font-weight:700;
    line-height:1.2;
    color:#0a4b8f;
    margin-bottom:30px;
}

.amxCompareTitle span{
    color:#1d6ec9;
    display:block;
}

/* ============================= */

.amxCompareText,
.amxCompareSectionText,
.amxChooseText{
    font-size:18px;
    line-height:2;
    color:#000;
}

/* ============================= */

.amxCompareBtns{
    display:flex;
    gap:18px;
    margin-top:40px;
    flex-wrap:wrap;
}

/* ============================= */

.amxComparePrimaryBtn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 36px;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#000);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
    box-shadow:0 15px 40px rgba(10,75,143,0.20);
}

.amxComparePrimaryBtn:hover{
    transform:translateY(-5px);
    color:#fff;
}

.amxCompareOutlineBtn{
    padding:16px 34px;
    border-radius:60px;
    border:2px solid #0a4b8f;
    color:#0a4b8f;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
}

.amxCompareOutlineBtn:hover{
    background:#0a4b8f;
    color:#fff;
}

/* ============================= */

.amxCompareHeroImage{
    position:relative;
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(12px);
    border-radius:40px;
    padding:30px;
    box-shadow:0 25px 70px rgba(10,75,143,0.10);
}

.amxCompareHeroImage img{
    width:100%;
    border-radius:28px;
}

/* ============================= */

.amxCompareFloatingCard{
    position:absolute;
    bottom:0px;
    left:0px;
    background:#fff;
    padding:18px 24px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(10,75,143,0.12);
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:#0a4b8f;
}

.amxCompareFloatingCard i{
    width:45px;
    height:45px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ============================= */

.amxCompareSectionTitle{
    font-size:54px;
    font-weight:800;
    color:#0a4b8f;
    line-height:1.2;
}

/* ============================= */

.amxCompareTable{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
}

.amxCompareTable thead{
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
}

.amxCompareTable th,
.amxCompareTable td{
    padding:24px;
    border:none;
    font-size:17px;
}

.amxCompareTable tbody tr:nth-child(even){
    background:#f8fbff;
}

/* ============================= */

.amxCompareCard{
    background:rgba(255,255,255,0.78);
    backdrop-filter:blur(10px);
    border-radius:35px;
    padding:45px;
    height:100%;
    transition:0.4s;
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
}

.amxCompareCard:hover{
    transform:translateY(-10px);
}

/* ============================= */

.amxCompareIcon{
    width:95px;
    height:95px;
    border-radius:28px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px;
}

.amxCompareIcon i{
    color:#fff;
    font-size:38px;
}

/* ============================= */

.amxCompareCard h3{
    font-size:38px;
    font-weight:700;
    color:#0a4b8f;
    margin-bottom:20px;
}

.amxCompareCard p{
    color:#66778a;
    line-height:2;
    margin-bottom:30px;
}

/* ============================= */

.amxCompareList{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.amxCompareListItem,
.amxChooseItem{
    background:#f7fbff;
    border-radius:18px;
    padding:18px 22px;
    display:flex;
    align-items:center;
    gap:15px;
    font-weight:600;
    color:#0a4b8f;
}

.amxCompareListItem i,
.amxChooseItem i{
    width:38px;
    height:38px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ============================= */

.amxBusinessCard{
    background:#fff;
    border-radius:32px;
    padding:45px 30px;
    text-align:center;
    height:100%;
    transition:0.4s;
    box-shadow:0 18px 50px rgba(10,75,143,0.08);
}

.amxBusinessCard:hover{
    transform:translateY(-10px);
}

.amxBusinessCard i{
    width:100px;
    height:100px;
    border-radius:30px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:28px;
    font-size:42px;
}

.amxBusinessCard h3{
    font-size:30px;
    color:#0a4b8f;
    font-weight:700;
    margin-bottom:18px;
}

.amxBusinessCard p{
    color:#67788a;
    line-height:1.9;
}

/* ============================= */

.amxChooseImage{
    background:#fff;
    padding:25px;
    border-radius:35px;
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
}

.amxChooseImage img{
    width:100%;
    border-radius:25px;
}

.amxChooseList{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:35px;
}

/* ============================= */

.amxCompareCTA{
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
}

.amxCompareCTA h2{
    font-size:62px;
    font-weight:800;
    margin-bottom:25px;
}

.amxCompareCTA p{
    font-size:18px;
    line-height:2;
    margin-bottom:40px;
}

/* ============================= */

@media(max-width:991px){

    .amxCompareTitle{
        font-size:54px;
    }

    .amxCompareSectionTitle{
        font-size:42px;
    }

    .amxCompareCTA h2{
        font-size:42px;
    }
}

@media(max-width:576px){

    .amxCompareHero,
    .amxCompareIntro,
    .amxQuickCompareSection,
    .amxCompareCardsSection,
    .amxBusinessSection,
    .amxChooseUsSection,
    .amxCompareCTA{
        padding:70px 0;
    }

    .amxCompareTitle{
        font-size:38px;
    }

    .amxCompareSectionTitle{
        font-size:30px;
    }

    .amxCompareText,
    .amxCompareSectionText,
    .amxChooseText{
        font-size:15px;
    }

    .amxCompareCTA h2{
        font-size:34px;
    }

    .amxCompareFloatingCard{
        position:relative;
        left:0;
        bottom:0;
        margin-top:20px;
    }
}

section.amxCompareCardsSection{
	background:linear-gradient(135deg, #f5f8fc, #1763b6);
}
section.amxCompareIntro{
	background:linear-gradient(135deg, #f5f8fc, #f5f8fc);
}
section.amxBusinessSection{
	background:linear-gradient(135deg, #f5f8fc 0%, #cfe4ff 100%);
}
.shadwo-sec{
    padding:40px;
    border-radius:32px;

    background:#fff;

    border:1px solid rgba(0,62,126,0.08);

    box-shadow:
        0 15px 40px rgba(0,62,126,0.08),
        0 5px 18px rgba(29,78,216,0.06);

    transition:0.4s ease;
}

/* hover effect */
.shadwo-sec:hover{
    transform:translateY(-6px);

    box-shadow:
        0 25px 60px rgba(0,62,126,0.14),
        0 10px 30px rgba(249,115,22,0.12);
}

/* responsive */
@media(max-width:767px){

    .shadwo-sec{
        padding:25px;
        border-radius:24px;
    }

}

/* Evetn Page Css  */
/* ===================================== */

.evposHeroSection,
.evposAboutSection,
.evposBenefitsSection,
.evposStepsSection,
.evposTypeSection,
.evposMistakeSection,
.evposTechSection,
.evposCTASection{
    padding:80px 0;
}

/* ===================================== */

.evposHeroSection{
   background:linear-gradient(135deg, #f5f8fc 0%, #1763b6 100%);
    position:relative;
}

/* ===================================== */

.evposMiniBadge,
.evposSectionBadge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:60px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

/* ===================================== */

.evposHeroTitle{
    font-size:68px;
    font-weight:700;
    line-height:1.1;
    color:#0a4b8f;
    margin-bottom:30px;
}

.evposHeroTitle span{
    display:block;
    color:#1d6ec9;
}

/* ===================================== */

.evposHeroText{
    font-size:18px;
    line-height:2;
    color:#000;
	width:650px;
}

.evposSectionText{
    font-size:18px;
    line-height:2;
    color:#000;
}
/* ===================================== */

.evposHeroBtns{
    display:flex;
    gap:18px;
    margin-top:40px;
    flex-wrap:wrap;
}

/* ===================================== */

.evposPrimaryBtn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 36px;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#000);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
    box-shadow:0 15px 40px rgba(10,75,143,0.20);
}

.evposPrimaryBtn:hover{
    transform:translateY(-5px);
    color:#fff;
}

.evposOutlineBtn{
    padding:16px 34px;
    border-radius:60px;
    border:2px solid #0a4b8f;
    color:#0a4b8f;
    text-decoration:none;
    font-weight:600;
}

.evposOutlineBtn:hover{
    background:#0a4b8f;
    color:#fff;
}

/* ===================================== */

.evposHeroImageWrap{
    position:relative;
    background:rgba(255,255,255,0.75);
    backdrop-filter:blur(12px);
    padding:30px;
    border-radius:40px;
    box-shadow:0 25px 70px rgba(10,75,143,0.10);
}

.evposHeroImageWrap img{
    width:100%;
    border-radius:28px;
}

.evposBenefitsSection{
	background:linear-gradient(135deg, #1763b6 0%, #f5f8fc 100%);
}
.evposTypeSection {
    background: #0a4b8f26;
}
.evposTechSection{
	background:linear-gradient(40deg, #1763b6 1%, #f5f8fc 100%);
}
/* ===================================== */

.evposFloatingCard{
    position:absolute;
    left:0px;
    bottom:0px;
    background:#fff;
    padding:18px 24px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:#0a4b8f;
    box-shadow:0 15px 40px rgba(10,75,143,0.15);
}

.evposFloatingCard i{
    width:45px;
    height:45px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}

/* ===================================== */

.evposSectionTitle{
    font-size:56px;
    font-weight:800;
    line-height:1.2;
    color:#0a4b8f;
}

/* ===================================== */

.evposAboutCard,
.evposTypeCard,
.evposMistakeCard,
.evposTechCard{
    background:#fff;
    border-radius:32px;
    padding:45px 30px;
    text-align:center;
    height:100%;
    transition:0.4s;
    box-shadow:0 18px 50px rgba(10,75,143,0.08);
}

.evposAboutCard:hover,
.evposTypeCard:hover,
.evposMistakeCard:hover,
.evposTechCard:hover{
    transform:translateY(-10px);
}

/* ===================================== */

.evposAboutCard i,
.evposTypeCard i,
.evposMistakeCard i{
    width:100px;
    height:100px;
    border-radius:30px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:28px;
    color:#fff;
    font-size:40px;
}

/* ===================================== */

.evposAboutCard h3,
.evposTypeCard h3,
.evposMistakeCard h3{
    font-size:30px;
    font-weight:700;
    color:#0a4b8f;
    margin-bottom:18px;
}

.evposAboutCard p,
.evposTypeCard p,
.evposMistakeCard p{
    color:#67788a;
    line-height:1.9;
}

/* ===================================== */

.evposBenefitsImage{
    background:#fff;
    padding:25px;
    border-radius:35px;
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
}

.evposBenefitsImage img{
    width:100%;
    border-radius:25px;
}

/* ===================================== */

.evposBenefitList{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:35px;
}

.evposBenefitItem{
    background:#fff;
    padding:22px 25px;
    border-radius:20px;
    display:flex;
    align-items:center;
    gap:15px;
    font-size:18px;
    font-weight:600;
    color:#0a4b8f;
    box-shadow:0 12px 35px rgba(10,75,143,0.08);
}

.evposBenefitItem i{
    width:40px;
    height:40px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ===================================== */

.evposStepCard{
    position:relative;
    background:rgba(255,255,255,0.78);
    backdrop-filter:blur(10px);
    border-radius:35px;
    padding:45px 35px;
    height:100%;
    overflow:hidden;
    transition:0.4s;
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
}

.evposStepCard:hover{
    transform:translateY(-10px);
}

/* ===================================== */

.evposStepNumber{
    width:90px;
    height:90px;
    border-radius:28px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    font-weight:700;
    margin-bottom:28px;
}

/* ===================================== */

.evposStepCard h3{
    font-size:30px;
    font-weight:700;
    color:#0a4b8f;
    margin-bottom:20px;
}

.evposStepCard p{
    color:#67788a;
    line-height:2;
}

/* ===================================== */

.evposTechCard{
    background: #fff;
    padding: 45px 30px;
    border-radius: 30px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #0a4b8f;
    transition: 0.4s;
    box-shadow: 0 3px 8px rgb(10 75 143);
}

/* ===================================== */

.evposCTASection{
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
}

.evposCTASection h2{
    font-size:62px;
    font-weight:800;
    margin-bottom:25px;
}

.evposCTASection p{
    font-size:18px;
    line-height:2;
    margin-bottom:40px;
}

/* ===================================== */

@media(max-width:991px){

    .evposHeroTitle{
        font-size:54px;
    }

    .evposSectionTitle{
        font-size:42px;
    }

    .evposCTASection h2{
        font-size:42px;
    }
}

/* ===================================== */

@media(max-width:576px){

    .evposHeroSection,
    .evposAboutSection,
    .evposBenefitsSection,
    .evposStepsSection,
    .evposTypeSection,
    .evposMistakeSection,
    .evposTechSection,
    .evposCTASection{
        padding:70px 0;
    }

    .evposHeroTitle{
        font-size:38px;
    }

    .evposSectionTitle{
        font-size:30px;
    }

    .evposHeroText,
    .evposSectionText{
        font-size:15px;
    }

    .evposCTASection h2{
        font-size:34px;
    }

    .evposFloatingCard{
        position:relative;
        left:0;
        bottom:0;
        margin-top:20px;
    }
}

/* Pos System Cost page css  */
/* ====================================== */

.pcostHeroSection,
.pcostIntroSection,
.pcostCategorySection,
.pcostHardwareSection,
.pcostIndustrySection,
.pcostHiddenSection,
.pcostTechSection,
.pcostCTASection{
    padding:80px 0;
}

/* ====================================== */

.pcostHeroSection{
    background:linear-gradient(135deg, #f5f8fc, #1763b6);
    position:relative;
}

/* ====================================== */

.pcostMiniBadge,
.pcostSectionBadge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:60px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

/* ====================================== */

.pcostHeroTitle{
    font-size:68px;
    font-weight:700;
    line-height:1.1;
    color:#0a4b8f;
    margin-bottom:30px;
}

.pcostHeroTitle span{
    display:block;
    color:#1d6ec9;
}

/* ====================================== */

.pcostHeroText{
    font-size:18px;
    line-height:2;
    color:#000;
	width:650px;
}
.pcostSectionText{
    font-size:18px;
    line-height:2;
    color:#000;
}
/* ====================================== */

.pcostHeroBtns{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:40px;
}

/* ====================================== */

.pcostPrimaryBtn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 36px;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
    box-shadow:0 15px 40px rgba(10,75,143,0.20);
}

.pcostPrimaryBtn:hover{
    transform:translateY(-5px);
    color:#fff;
}

.pcostOutlineBtn{
    padding:16px 34px;
    border-radius:60px;
    border:2px solid #0a4b8f;
    color:#0a4b8f;
    text-decoration:none;
    font-weight:600;
}

.pcostOutlineBtn:hover{
    background:#0a4b8f;
    color:#fff;
}

/* ====================================== */

.pcostHeroImageWrap{
    position:relative;
    background:rgba(255,255,255,0.78);
    backdrop-filter:blur(10px);
    border-radius:40px;
    padding:30px;
    box-shadow:0 25px 70px rgba(10,75,143,0.10);
}

.pcostHeroImageWrap img{
    width:100%;
    border-radius:28px;
}

/* ====================================== */

.pcostFloatingCard{
    position:absolute;
    bottom:0px;
    left:0px;
    background:#fff;
    padding:18px 24px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:#0a4b8f;
    box-shadow:0 15px 40px rgba(10,75,143,0.15);
}

.pcostFloatingCard i{
    width:45px;
    height:45px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ====================================== */

.pcostSectionTitle{
    font-size:48px;
    font-weight:700;
    line-height:1.2;
    color:#0a4b8f;
}

/* ====================================== */

.pcostCategoryCard,
.pcostIndustryCard,
.pcostTechCard{
    position:relative;
    background:#fff;
    border-radius:35px;
    padding:45px 35px;
    height:100%;
    overflow:hidden;
    transition:0.4s;
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
}

.pcostCategoryCard:hover,
.pcostIndustryCard:hover,
.pcostTechCard:hover{
    transform:translateY(-10px);
}

/* ====================================== */

.pcostCategoryIcon{
    width:95px;
    height:95px;
    border-radius:28px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
}

.pcostCategoryIcon i{
    color:#fff;
    font-size:38px;
}

/* ====================================== */

.pcostCategoryCard h3,
.pcostIndustryCard h3{
    font-size:32px;
    font-weight:700;
    color:#0a4b8f;
    margin-bottom:18px;
}

.pcostCategoryCard p,
.pcostIndustryCard p{
    color:#67788a;
    line-height:2;
    margin-bottom:25px;
}

/* ====================================== */

.pcostPriceTag{
    display:inline-block;
    padding:12px 22px;
    border-radius:50px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:700;
}

/* ====================================== */

.pcostImageBox{
    background:#fff;
    padding:25px;
    border-radius:35px;
    box-shadow:0 20px 60px rgba(10,75,143,0.08);
}

.pcostImageBox img{
    width:100%;
    border-radius:25px;
}

/* ====================================== */

.pcostListWrap,
.pcostHiddenList{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-top:35px;
}

.pcostListItem,
.pcostHiddenItem{
    background:#fff;
    padding:10px;
    border-radius:20px;
    display:flex;
    align-items:center;
    gap:15px;
    font-size:18px;
    font-weight:600;
    color:#0a4b8f;
    box-shadow:0 12px 35px rgba(10,75,143,0.08);
}

.pcostListItem i,
.pcostHiddenItem i{
    width:40px;
    height:40px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}

/* ====================================== */

.pcostIndustryCard{
    text-align:center;
}

.pcostIndustryCard i{
    width:100px;
    height:100px;
    border-radius:30px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:28px;
    color:#fff;
    font-size:40px;
}

.pcostIndustryCard span{
    display:inline-block;
    margin-top:10px;
    font-size:20px;
    font-weight:700;
    color:#1d6ec9;
}

/* ====================================== */

.pcostTechCard{
    background: #fff;
    padding: 45px 30px;
    border-radius: 30px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #0a4b8f;
    transition: 0.4s;
    box-shadow: 0 3px 8px rgb(10 75 143);
}

/* ====================================== */

.pcostCTASection{
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
}

.pcostCTASection h2{
    font-size:62px;
    font-weight:800;
    margin-bottom:25px;
}

.pcostCTASection p{
    font-size:18px;
    line-height:2;
    margin-bottom:40px;
}

/* ====================================== */

@media(max-width:991px){

    .pcostHeroTitle{
        font-size:54px;
    }

    .pcostSectionTitle{
        font-size:42px;
    }

    .pcostCTASection h2{
        font-size:42px;
    }
}

/* ====================================== */

@media(max-width:576px){

    .pcostHeroSection,
    .pcostIntroSection,
    .pcostCategorySection,
    .pcostHardwareSection,
    .pcostIndustrySection,
    .pcostHiddenSection,
    .pcostTechSection,
    .pcostCTASection{
        padding:70px 0;
    }

    .pcostHeroTitle{
        font-size:38px;
    }

    .pcostSectionTitle{
        font-size:30px;
    }

    .pcostHeroText,
    .pcostSectionText{
        font-size:15px;
    }

    .pcostCTASection h2{
        font-size:34px;
    }

    .pcostFloatingCard{
        position:relative;
        left:0;
        bottom:0;
        margin-top:20px;
    }
}

.cost-sec{
	padding: 40px;
    border-radius: 32px;
    background: #fff;
    border: 1px solid rgba(0, 62, 126, 0.08);
    box-shadow: 0 15px 40px rgba(0, 62, 126, 0.08), 0 5px 18px rgba(29, 78, 216, 0.06);
    transition: 0.4s ease;
}

.pcostIntroSection {
    background: linear-gradient(135deg, #f5f8fc, #f5f8fc);
}

.pcostCategorySection{
	background:linear-gradient(135deg, #f5f8fc, #1763b6);
}
section.pcostIndustrySection{
	background:linear-gradient(135deg, #f5f8fc, #1763b6);
}

section.pcostTechSection{
	background:#0a4b8f26;
}
@media(max-width:767px){
	.big-menu a.nav-link.nav-cta {
    display: inline-flex;
}
	.pcostHeroText{
		width:100%;
	}
	.amx-side-toggle{
		width:55%;
	}
}
.social-list{
	margin-top:30px;
}
.social-list ul{
    display:flex;
    align-items:center;
    gap:14px;

    padding:0;
    margin:0;
    list-style:none;
}

.social-list ul li a{
    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:linear-gradient(135deg,#003e7e,#1d4ed8);

    color:#fff;
    font-size:18px;
    text-decoration:none;

    transition:0.4s ease;

    box-shadow:0 10px 25px rgba(0,62,126,0.15);
}

/* hover */
.social-list ul li a:hover{
    background:#F97316 !important;
    color:#fff !important;
    transform:
        translateY(-5px)
        rotate(6deg);

    box-shadow:0 15px 35px rgba(249,115,22,0.25);
}

/* Request a quote page css  */
/* =========================================
 CONTACT SECTION
========================================= */

.amxContactSection{
    padding:80px 0;
    background:linear-gradient(135deg,#f5f8fc,#edf4fb);
    position:relative;
    overflow:hidden;
}

/* ========================================= */

.amxContactMiniBadge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:60px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

/* ========================================= */

.amxContactTitle{
    font-size:48px;
    font-weight:700;
    line-height:1.1;
    color:#0a4b8f;
    margin-bottom:30px;
}

.amxContactTitle span{
    display:block;
    color:#1d6ec9;
}

/* ========================================= */

.amxContactText{
    font-size:18px;
    line-height:2;
    color:#647588;
    margin-bottom:25px;
}

/* ========================================= */

.amxContactInfoWrap{
    display:flex;
    flex-direction:column;
    gap:20px;
    margin-top:45px;
}

/* ========================================= */

.amxContactInfoBox{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    padding:20px 24px;
    border-radius:22px;
    box-shadow:0 15px 40px rgba(10,75,143,0.08);
}

/* ========================================= */

.amxContactInfoIcon{
    width:65px;
    height:65px;
    border-radius:20px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
}

/* ========================================= */

.amxContactInfoBox h4{
    font-size:22px;
    color:#0a4b8f;
    font-weight:700;
    margin-bottom:5px;
}

.amxContactInfoBox p{
    color:#67788a;
    margin:0;
}

/* ========================================= */

.amxContactFormCard{
    position:relative;
    background:rgba(255,255,255,0.82);
    backdrop-filter:blur(12px);
    padding:55px;
    border-radius:40px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(10,75,143,0.12);
    border:2px solid rgba(10,75,143,0.10);
}

/* ========================================= */

.amxFormTopShape{
    position:absolute;
    top:-120px;
    right:-120px;
    width:260px;
    height:260px;
    border-radius:50%;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    opacity:0.08;
}

/* ========================================= */

.amxInputGroup{
    margin-bottom:24px;
}

/* ========================================= */

.amxInputField,
.amxTextareaField{
    width:100%;
    border:none;
    border-bottom:2px solid rgba(10,75,143,0.12);
    background:transparent;
    padding:18px 5px;
    font-size:17px;
    color:#0a4b8f;
    transition:0.4s;
    outline:none;
}

/* ========================================= */

.amxInputField:focus,
.amxTextareaField:focus{
    border-color:#0a4b8f;
}

/* ========================================= */

.amxTextareaField{
    min-height:140px;
    resize:none;
}

/* ========================================= */

.amxInputField::placeholder,
.amxTextareaField::placeholder{
    color:#7d8c9c;
}

/* ========================================= */

.amxSubmitBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 40px;
    min-width:260px;
    border:none;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    font-size:18px;
    font-weight:600;
    transition:0.4s;
    box-shadow:0 15px 40px rgba(10,75,143,0.20);
}

/* ========================================= */

.amxSubmitBtn:hover{
    transform:translateY(-5px);
}

/* ========================================= */

@media(max-width:991px){

    .amxContactTitle{
        font-size:50px;
    }

    .amxContactFormCard{
        padding:40px 30px;
    }
}

/* ========================================= */

@media(max-width:576px){

    .amxContactSection{
        padding:70px 0;
    }

    .amxContactTitle{
        font-size:38px;
    }

    .amxContactText{
        font-size:15px;
    }

    .amxSubmitBtn{
        width:100%;
        min-width:100%;
    }

    .amxContactFormCard{
        padding:35px 20px;
        border-radius:28px;
    }
}


/* =========================================
 SERVICES SECTION
========================================= */

.amxServiceSection{
    padding:80px 0;
    background:linear-gradient(135deg,#f5f8fc,#edf4fb);
    position:relative;
    overflow:hidden;
}

/* ========================================= */

.amxServiceSection::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(10,75,143,0.05);
    top:-180px;
    left:-120px;
}

.amxServiceSection::after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(29,110,201,0.06);
    bottom:-120px;
    right:-120px;
}

/* ========================================= */

.amxServiceBadge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:60px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

/* ========================================= */

.amxServiceTitle{
    font-size:48px;
    font-weight:700;
    line-height:1.2;
    color:#0a4b8f;
    margin-bottom:25px;
}

/* ========================================= */

.amxServiceSubText{
    font-size:18px;
    line-height:2;
    color:#647588;
    max-width:850px;
    margin:auto;
}

/* ========================================= */

.amxServiceCard{
    position:relative;
    background:rgba(255,255,255,0.80);
    backdrop-filter:blur(12px);
    border-radius:35px;
    overflow:hidden;
    transition:0.5s;
    height:100%;
    box-shadow:0 25px 70px rgba(10,75,143,0.08);
    border:1px solid rgba(10,75,143,0.05);
}

/* ========================================= */

.amxServiceCard:hover{
    transform:translateY(-12px);
    box-shadow:0 35px 80px rgba(10,75,143,0.15);
}

/* ========================================= */

.amxServiceImageWrap{
    position:relative;
    overflow:hidden;
    height:320px;
}

/* ========================================= */

.amxServiceImageWrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s;
}

/* ========================================= */

.amxServiceCard:hover .amxServiceImageWrap img{
    transform:scale(1.08);
}

/* ========================================= */

.amxServiceOverlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(10,75,143,0.70),transparent);
}

/* ========================================= */

.amxServiceIcon{
    position:absolute;
    top:25px;
    left:25px;
    width:72px;
    height:72px;
    border-radius:24px;
    background:rgba(255,255,255,0.18);
    backdrop-filter:blur(10px);
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,0.25);
}

/* ========================================= */

.amxServiceIcon i{
    color:#fff;
    font-size:30px;
}

/* ========================================= */

.amxServiceContent{
    padding:20px;
}

/* ========================================= */

.amxServiceContent h3{
    font-size:26px;
    font-weight:700;
    color:#0a4b8f;
    margin-bottom:18px;
}

/* ========================================= */

.amxServiceContent p{
    color:#67788a;
    line-height:2;
    font-size:16px;
    margin-bottom:28px;
}

/* ========================================= */

.amxServiceBtn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#0a4b8f;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
}

/* ========================================= */

.amxServiceBtn:hover{
    gap:16px;
    color:#1d6ec9;
}

/* ========================================= */

.amxServiceBtn i{
    transition:0.4s;
}

/* ========================================= */

@media(max-width:991px){

    .amxServiceTitle{
        font-size:46px;
    }
}

/* ========================================= */

@media(max-width:576px){

    .amxServiceSection{
        padding:70px 0;
    }

    .amxServiceTitle{
        font-size:34px;
    }

    .amxServiceSubText{
        font-size:15px;
    }

    .amxServiceContent{
        padding:28px;
    }

    .amxServiceContent h3{
        font-size:28px;
    }

    .amxServiceImageWrap{
        height:260px;
    }
}

/* =========================================
 CTA POS BANNER SECTION
========================================= */

.amxPosBannerSection{
    padding:80px 0;
    background:linear-gradient(135deg,#f5f8fc,#edf4fb);
    position:relative;
    overflow:hidden;
}

/* ========================================= */

.amxPosBannerSection::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(10,75,143,0.05);
    top:-180px;
    left:-120px;
}

.amxPosBannerSection::after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(29,110,201,0.05);
    bottom:-120px;
    right:-120px;
}

/* ========================================= */

.amxPosBannerWrap{
    position:relative;
    background:rgba(255,255,255,0.70);
    backdrop-filter:blur(14px);
    border-radius:42px;
    padding:70px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(10,75,143,0.10);
    border:1px solid rgba(10,75,143,0.08);
}

/* ========================================= */

.amxPosMiniBadge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border-radius:60px;
    background:rgba(10,75,143,0.08);
    color:#0a4b8f;
    font-weight:600;
    margin-bottom:25px;
}

/* ========================================= */

.amxPosBannerTitle{
    font-size:48px;
    font-weight:700;
    line-height:1.1;
    color:#0a4b8f;
    margin-bottom:28px;
}

/* ========================================= */

.amxPosBannerTitle span{
    display:block;
    color:#1d6ec9;
}

/* ========================================= */

.amxPosBannerText{
    font-size:18px;
    line-height:2;
    color:#647588;
    max-width:520px;
    margin-bottom:40px;
}

/* ========================================= */

.amxPosBannerBtns{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

/* ========================================= */

.amxPosPrimaryBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:18px 36px;
    border-radius:60px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
    box-shadow:0 18px 40px rgba(10,75,143,0.18);
}

/* ========================================= */

.amxPosPrimaryBtn:hover{
    transform:translateY(-5px);
    color:#fff;
}

/* ========================================= */

.amxPosOutlineBtn{
    padding:18px 34px;
    border-radius:60px;
    border:2px solid #0a4b8f;
    color:#0a4b8f;
    text-decoration:none;
    font-weight:600;
    transition:0.4s;
}

/* ========================================= */

.amxPosOutlineBtn:hover{
    background:#0a4b8f;
    color:#fff;
}

/* ========================================= */

.amxPosImageWrap{
    position:relative;
    text-align:center;
    z-index:2;
}

/* ========================================= */

.amxPosGlow{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:460px;
    height:460px;
    border-radius:50%;
    background:rgba(29,110,201,0.12);
    filter:blur(30px);
    z-index:-1;
}

/* ========================================= */

.amxPosImageWrap img{
    width:100%;
    max-width:620px;
    border-radius:30px;
    transition:0.5s;
    filter:drop-shadow(0 30px 50px rgba(10,75,143,0.18));
}

/* ========================================= */

.amxPosImageWrap:hover img{
    transform:translateY(-8px) scale(1.02);
}

/* ========================================= */

.amxPosFloatingBox{
    position:absolute;
    bottom:20px;
    left:20px;
    background:#fff;
    padding:18px 22px;
    border-radius:24px;
    display:flex;
    align-items:center;
    gap:16px;
    box-shadow:0 18px 50px rgba(10,75,143,0.12);
    max-width:320px;
}

/* ========================================= */

.amxPosFloatingIcon{
    width:65px;
    height:65px;
    border-radius:22px;
    background:linear-gradient(135deg,#0a4b8f,#1d6ec9);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
}

/* ========================================= */

.amxPosFloatingText h4{
    font-size:22px;
    color:#0a4b8f;
    font-weight:700;
    margin-bottom:5px;
}

/* ========================================= */

.amxPosFloatingText p{
    margin:0;
    color:#67788a;
    line-height:1.7;
    font-size:14px;
}

/* ========================================= */

@media(max-width:991px){

    .amxPosBannerWrap{
        padding:50px 35px;
    }

    .amxPosBannerTitle{
        font-size:48px;
    }

    .amxPosFloatingBox{
        position:relative;
        bottom:0;
        left:0;
        margin-top:25px;
    }
}

/* ========================================= */

@media(max-width:576px){

    .amxPosBannerSection{
        padding:70px 0;
    }

    .amxPosBannerWrap{
        padding:35px 22px;
        border-radius:28px;
    }

    .amxPosBannerTitle{
        font-size:36px;
    }

    .amxPosBannerText{
        font-size:15px;
    }

    .amxPosPrimaryBtn,
    .amxPosOutlineBtn{
        width:100%;
        justify-content:center;
    }

    .amxPosFloatingBox{
        flex-direction:column;
        text-align:center;
    }
}

.desk-mob-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media(max-width:767px){
	ul.mobile-icons.d-lg-none{
		display:flex;
		gap:20px;
		padding-left:0px;
		list-style-type:none;
		margin-bottom:0px;
	}
	.desk-mob-nav {
    display: flex;
    gap: 20px;
    align-items: center;
}
	.desk-mob-nav .navbar-brand{
		margin-right:0px;
	}
	.hero-stat{
		padding:18px;
	}
	
	.foot-divider {
    border-color: rgba(255, 255, 255, 1);
    margin: 30px 0px;
}

@media(max-width:991px){
	.trust-strip{
     padding:60px 0px;
	}
	.value-section{
		padding:60px 0px;
	}
	footer .foot-desc{
		font-size:14px;
		margin-top:20px;
		max-width:100%;
	}
	.er-benefits{
		padding:60px 0px;
	}
	.er-usecases{
		padding:60px 0px;
	}
	.er-hiw{
		padding:60px 0px;
	}
	.er-form-section{
		padding:60px 0px;
	}
	.pb-pain{
		padding:60px 0px;
	}
	.pb-solution{
		padding:60px 0px;
	}
	.pb-solution h2.pb-section-title{
		max-width:100% !important;
	}
	.pb-industries{
		padding:60px 0px;
	}
	.pb-hiw{
		padding:60px 0px;
	}
	.pr-explain{
		padding:60px 0px;
	}
	.pr-explain .pr-section-title{
		max-width:100% !important;
	}
	.pr-what{
		padding:60px 0px;
	}
	.pr-what .text-end{
		text-align:center !important;
	}
	.pr-form-section{
		padding:60px 0px;
	}
	.pr-trust-section {
		padding:60px 0px;
	}
	 .pr-faq{
		padding:60px 0px;
	}
	.ab-story{
		padding:60px 0px;
	}
	.ab-values{
		padding:60px 0px;
	}
	.ab-clients{
		padding:60px 0px;
	}
	.ab-why{
		padding:60px 0px;
	}
	
	.single-blog-container .post-content a{
		word-break:break-word;
	}
	.single-blog-container{
		padding:60px 0px !important;
	}
	.single-blog-container .featured-image img{
		height:auto !important;
	}
	.er-hero{
		min-height:auto;
	}
	h1{
		font-size:32px !important;
		line-height:1.3 !important;
	}
	.metro-section{
		padding:60px 0px ;
	}
	.events-section{
		padding:60px 0px;
	}
	.pricing-section{
		padding:60px 0px;
	}
	.social-section{
		padding:60px 0px;
	}
	.showcase-section{
		padding:60px 0px;
	}
	.amx-submenu li a:hover{
		color:#f97316 !important;
	}
	.cl-benefits{
		padding:60px 0px;
	}
	
	.cl-products{
		padding:60px 0px;
	}
	.s4-why{
		padding:60px 0px;
	}
	
	.s4-perfect{
		padding:60px 0px;
	}
	.s4-included{
		padding:60px 0px;
	}
	.s4-models{
		padding:60px 0px;
	}
	.ct-hero{
		min-height:auto;
		padding:60px 0px;
	}
	.amx-services-section{
		padding:60px 0px !important;
	}
	.amx-features-section{
		padding:60px 0px !important;
	}
	.dekstop-menu .nav-item .amx-submenu{
		padding-left:0px;
	}
	
	.hero{
		padding:60px 0px;
	}
	.hero .row.align-items-center.g-5{
		--bs-gutter-y:1rem;
	}
	.hero-device{
		margin-top:20px;
	}
	.pb-ind-grid{
		padding:24px;
	}
	.support-wrapper{
		padding: 60px 0px !important;
	}
	.main-hp-head{
		font-size:25px;
	}
	.amx-download-hero{
		padding: 60px 0px;
	}
	.amx-cheatsheet-section{
		padding: 60px 0px;
	}
	.amx-download-content{
		padding: 20px;
	}
	.am-mini-cta-section{
		padding: 60px 0px;
	}
	section.proof-bg .row.g-4.mb-5 {
    margin-bottom: 30px !important;
}
	.amx-cheatsheet-section .row.justify-content-center.g-4.mt-4{
		margin-top:0px !important;
	}
	.amx-printer-section{
		padding:60px 0px;
	}
	.amx-convention-overview{
		padding: 60px 0px !important;
	}
	.amx-overview-grid{
		gap:35px !important;
	}
	.amx-dashboard-section{
		padding: 60px 0px !important;
	}
	.amx-sports-pos-section{
		padding: 60px 0px !important;
	}
	.pos-rental-buying-page .hero-section{
		padding:60px 0px !important;
	}
	.pos-rental-buying-page .section-space{
		padding: 60px 0px !important;
	}
	.amx-hero-section, .amx-about-section, .amx-features-section, .amx-key-features, .amx-types-section, .amx-table-section, .amx-support-section, .amx-tech-section, .amx-cta-section{
		padding: 60px 0px !important;
	}
	table.table.table-bordered > thead > tr > th{
		font-size:14px;
	}
	.amx-tech-card{
		padding:24px;
	} 
	.amx-tech-section .row.g-4.mt-5{
		margin-top:0px !important;
	}
	.amr-service-card{
		padding:22px;
	}
	.amr-service-card h3{
		text-align:start;
	}
	.amr-service-card p{
		text-align:start;
	}
	.pcostHeroSection, .pcostIntroSection, .pcostCategorySection, .pcostHardwareSection, .pcostIndustrySection, .pcostHiddenSection, .pcostTechSection, .pcostCTASection{
		padding:60px 0px;
	}
	.cost-sec{
		padding:22px;
	}
	.pcostSectionTitle{
		font-size:24px !important;
	}
	.pcostCategoryCard, .pcostIndustryCard, .pcostTechCard{
		font-size:22px;
	}
	.pcostCategoryCard h3, .pcostIndustryCard h3{
		font-size:22px;
	}
	.pcostCTASection h2{
		font-size:24px !important;
	}
	.evposAboutCard h3, .evposTypeCard h3, .evposMistakeCard h3{
		font-size:22px !important;
	}
	.evposSectionTitle{
		font-size:24px !important;
	}
	.evposStepCard{
		padding: 22px;
	}
	.evposStepCard h3{
		font-size:22px;
	}
	section.evposMistakeSection .row.g-4.mt-5{
		margin-top:0px !important;
	}
	.evposAboutCard, .evposTypeCard, .evposMistakeCard, .evposTechCard{
		padding: 22px !important;
	}
	.amr-btn-group{
		flex-direction:row !important;
	}
	
	h2{
		font-size:24px !important;
	}
	.amr-table th{
		font-size:15px;
		font-weight:600;
	}
	
	section.amr-section.amr-light-section .row.g-4.mt-5 {
    margin-top: 0px !important;
}
	.amr-section-title {
    margin-bottom: 20px;
}
	.path-card{
		padding: 22px;
	}
	
}