.top-header {
    background: #f5f9ff;
    color: #ffffff;
    padding: 60px 0;
    position: relative;
}

    .top-header:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f5f9ff;
        opacity: 0.9;
    }
.service-wrap img {
    width: 100%;
}
    .top-header .container {
        position: relative;
    }

    .top-header .wrapper h1.heading {
        font-size: 56px;
        line-height: 64px;
        margin-bottom: 15px;
        color: #002450;
        font-style: normal;
        text-transform: capitalize;
        font-weight: 600;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

.subad {
    color: #606c7a;
    margin-bottom: 30px;
}

.top-header img {
    width: 100%;
}
.sec-normal.sec-bg2 .text {
    position: relative;
    color: #777;
    font-size: 16px;
    line-height: 2em;
    margin-bottom: 30px !important;
}
.ideal-sec {
    height: 100%;
    box-shadow: 0px 2px 4px #ccc;
    border-top: 4px solid #4c0c67;
    padding: 15px;
    background: #fff;
}
    .ideal-sec:hover {
        border-top: 4px solid #0e0244 !important;
        box-shadow: 0px 8px 9px 0px #ccc;
    }
section.services_sts.space {
    background: #f5f9ff;
}
ul.number-loc {
    list-style: none;
    padding: 0;
}
.map-background {
    background: url(../img/new/maps.png);
    margin: 0 !important;
    background-size: cover;
    background: linear-gradient(90deg, rgb(0, 114, 255) 0%, rgb(0, 198, 255) 100%);
}
@media screen and (min-width:200px) and (max-width:991px) {
    .top-header .wrapper h1.heading {
        font-size: 32px;
        line-height: 42px;
    }
    section.services_l img {
        width: 100%;
    }
    .service-wrap {
        overflow: hidden;
    }
}

/* cards */
.card6 {
    position: relative;
    width: 300px;
    height: 200px;
    background-color: #f2f2f2;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    perspective: 1000px;
    box-shadow: 0 0 0 5px #ffffff80;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  
  
  .card6:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
  }
  
  .card__content6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    transform: rotateX(-90deg);
    transform-origin: bottom;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  .card6:hover .card__content6 {
    transform: rotateX(0deg);
  }
  
  .card__title6 {
    margin: 0;
    font-size: 24px;
    color: #333;
    font-weight: 700;
  }
  
  .card6:hover svg {
    scale: 0;
  }
  
  .card__description6 {
    margin: 10px 0 0;
    font-size: 14px;
    color: #777;
    line-height: 1.4;
  }

  .flex-center{
    display: flex;
    justify-content: center;
  }

  .mb-40{
    margin-bottom: 40px;
  }