.onlineAdsContainer {
    position: relative;
    padding: 15%;
    background-image: url('/image/online_ads.jpg');
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}
.onlineAdsContainer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
}
.onlineAdsContainer h1, .onlineAdsContainer p{
    position: relative;
    z-index: 1;
    color: white;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}



.softContainer {
    position: relative;
    padding: 15%;
    background-image: url('/image/softwaresss.png');
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}
.softContainer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
}
.softContainer h1, .softContainer p{
    position: relative;
    z-index: 1;
    color: white;
    justify-content: center;
    text-align: center;
    /*font-weight: bold;*/
    text-decoration: none;
}

.soft-para p{
    line-height: 2.5;
    padding: 2%;
    justify-content: center;
    text-align: left;
}
.soft-para h2{
    line-height: 2;
    padding: 2%;
    justify-content: center;
    text-align: right;
}

.softserviceheading{
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    margin-bottom: 30px;
}

.softfooter {
    position: relative; /* To position the overlay correctly */
    padding: 15%;
    background-image: url('/image/Tech-Business.png');
    height: 100%;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.softfooter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 0;
}
.softfooter h1, .softfooter p{
    position: relative;
    z-index: 1;
    color: white;
    justify-content: center;
    text-align: center;
    /*font-weight: bold;*/
    text-decoration: none;
}


.serviceContainer {
    position: relative;
    padding: 15%;
    background-image: url('/image/service_img.jpg');
    height: 100%;
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */

}
.serviceContainer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 0;
}
.serviceContainer h1, .serviceContainer p{
    position: relative;
    z-index: 1;
    color: white;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}




.container-fluid .row .col-sm-4 .What_are_you_looking_for:hover{
    color: lightskyblue;
}
.container-fluid .row .col-sm-4 .What_are_you_looking_for .col-sm-3{
    padding: 50px;
}
.container-fluid .row .col-sm-4 .What_are_you_looking_for .col-sm-3 i {
  transition: transform 0.3s ease;
}

.container-fluid .row .col-sm-4 .What_are_you_looking_for .col-sm-3 i:hover {
  transform: rotate(360deg);
}



.container-fluid .row .col-sm-4 .What_are_you_looking_for .col-sm-9{
    padding: 25px;
}
.container-fluid .row .col-sm-4 .What_are_you_looking_for .col-sm-3 i{
    font-size:60px;
}
@media (max-width: 500px) {
  .container-fluid .row .col-sm-4 .What_are_you_looking_for .col-sm-3 {
    padding: 10px;
    text-align: center;
  }
  .container-fluid .row .col-sm-4 .What_are_you_looking_for .col-sm-9{
    padding: 10px;
    text-align: center;
  }
  .center_image{
    display: none;
  }
  #home_img_2, #home_img_3, #home_img_4, #home_img_6, #wb_image_1, #wb_image_2, #wb_image_3{
    display: none;
  }
    .row .col-sm-6 .row .home_offering_services_1 p{
      text-align: center !important;
  }

}



.checks {
    position: relative;
    background-color: transparent;
    padding: 60px 30px;
    overflow: hidden;
    color: black; /* Set your text color 
    font-weight: normal; /* Normal text weight */
    z-index: 0;
}

.checks::before {
    content: '';
    position: absolute;
    top: -150px;
    left: -150px;
    width: 500px;
    height: 500px;
    background-color: #eff9ff;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    z-index: -1;
    animation: rotatePolygon 20s linear infinite;
    transform-origin: center;
}

@keyframes rotatePolygon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}