.service-section {
    position: relative;
    z-index: 9;
}
.section-padding {
    padding: 40px 0;
}
/*.section-bg {
    background-color: black;
}*/
.fix {
    overflow: hidden;
}
.section-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
              url(../../assets/images/web-images/home/serv-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
/*.section-bg::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(
        rgba(0, 0, 0, 0.8),  
        rgba(0, 0, 0, 0.5)  
    );
    z-index: 1;
}*/
.service-section .bg-shape {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.1;
    z-index: -1;
}
.section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
    margin-top: -7px;
}
.section-title h6 {
    font-size: 16px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    color: var(--theme);
    display: inline-block;
    margin-bottom: 20px;
    line-height: 1;
    text-transform: uppercase;
}
.section-title h6 i:not(:last-child) {
    margin-right: 10px;
}
.section-title h6 i:nth-child(2) {
    margin-left: 10px;
}
.service-section .container-fluid {
    padding: 0 175px;
}
.service-section .service-pagi-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}
.service-section .service-pagi-items .service-dot .swiper-pagination-bullet {
    width: 150px;
    height: 3px;
    border-radius: 0;
    background: var(--white);
    opacity: 1;
    transition: 0.6s;
    margin: 0 !important;
}
.service-section .service-pagi-items .service-dot .swiper-pagination-bullet-active {
    opacity: 1;
    background: red;
}
.service-section .service-pagi-items .array-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.service-section .service-pagi-items .array-buttons .array-prev {
    color: var(--white);
}
.service-card-items {
    margin-top: 30px;
    background-color: var(--white);
    text-align: center;
    padding: 40px;
    position: relative;
    z-index: 9;
}

.service-card-items .service-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: all 0.4s 
ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.service-card-items .service-image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.75;
    background: linear-gradient(180deg, #F55B1F 0%, #F55B1F 100%);
}
.service-card-items .service-image img {
    width: 100%;
    height: 100%;
}
.service-card-items .bar-shape {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.service-card-items .icon {
    width: 130px;
    height: 130px;
    text-align: center;
    line-height: 60px;
    text-align: center;
    /*border: 1px solid rgba(30, 32, 35, 0.15);*/
    margin: 0 auto;
    font-size: 36px;
    transition: all 0.4s 
ease-in-out;
}
.service-card-items .content {
    margin-top: 20px;
}
.service-card-items .content h3 {
    margin-bottom: 10px;
}
.service-card-items .content p {
    border-bottom: 1px solid rgba(30, 32, 35, 0.15);
    padding-bottom: 20px;
    font-weight: 400;
}
.service-card-items .content .link-btn {
    color: var(--header);
    margin-top: 20px;
    position: relative;
    top: 15px;
    transition: all 0.4s 
ease-in-out;
}
.service-card-items .items-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.service-card-items .items-shape img {
    width: 100%;
    height: 100%;
}
.service-card-items {
    margin-top: 30px;
    background-color: var(--white);
    text-align: center;
    padding: 40px;
    position: relative;
    z-index: 9;
}
.font22 {
    font-size: 22px !important;
    color: white !important;
}

.abot-img{
  animation: border-transform 10s linear infinite alternate forwards;
}
@keyframes border-transform {
    0%, 100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
}