/* Hero Section */
        .hero-section {
            background-image: linear-gradient(rgb(0 0 0 / 70%), rgb(0 0 0 / 70%)), url(https://www.brighter-miles.com/assets/img/flight-banner.webp);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            color: #fff;
            padding: 80px 0;
            position: relative;
        }

        .text-blue {
            color: #0073cf !important;
        }
        .btn-printer {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background: #fff;
    text-decoration: none;
    border-radius: 50px;
    padding: 12px 25px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s 
ease;
}

     .customersectionbg {
            background-color: #e8e3e0;
            margin-top: 20px;
        }
        
        @media (max-width: 768px) {
             .customersection .customercontent {
            flex: auto !important;
            text-align: center;
            padding: 17px 0 !important;
        }
        .customersection .customercontent p {
            font-size: 1.7em !important;
        }
        }

        .customersection {
            display: flex;
            justify-content: space-around;
            align-items: center;
            justify-content: center;
            max-width: 1200px;
            margin: auto;
        }

        .customersection .customerimg {
            flex: 0 0 240px;
        }

        .customersection .customerimg img {
            width: 100%;
            height: auto;
            margin-top: -25px;
            float: left;
        }

        .customersection .customercontent {
            flex: 0 0 calc(100% - 250px);
            text-align: center;
        }
        .customersection .customercontent p {
            font-size: 2.5em;
            color: #ffffff;
            color: #000000;
            margin-bottom: 10px;
            text-align: center;
        }
        .package-section {
            background: #fff;
        }

        .info-box {
            background: #6c6c6c;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .info-box:hover {
            background: #5a5a5a;
        }

        .info-box .icon i {
            font-size: 2rem;
            color: #fff;
        }

        .call-box {
            background: #ff6e65;
            border-radius: 8px;
            overflow: hidden;
            position: relative;
        }

        .call-box .call-img {
            width: 80px;
            height: auto;
            /* border-radius: 50%; */
            right: 0;
            bottom: 0;
        }

        .call-box:hover {
            background: #a00000;
        }
        
        @keyframes ring {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(15deg); }
  20% { transform: rotate(-15deg); }
  30% { transform: rotate(12deg); }
  40% { transform: rotate(-12deg); }
  50% { transform: rotate(8deg); }
  60% { transform: rotate(-8deg); }
  70% { transform: rotate(4deg); }
  80% { transform: rotate(-4deg); }
  90% { transform: rotate(2deg); }
  100% { transform: rotate(0deg); }
}

.call-icon {
  animation: ring 1.2s infinite;
}