.why-tech {
   position: relative;

}

.why-tech .background-arc {
   width: 100%;
   height: 100%;
   /* opacity: 0.3; */
   position: absolute;
   top: 0;
   right: 0;

   z-index: 2;
}

.why-tech .container {
   position: relative;
   z-index: 3;
}

.why-tech .question-mark {
   width: 100px;
}

.why-tech .s-card {
   padding: 50px 20px 15px 20px;
   border-radius: 20px;
   background: rgb(255, 255, 255);
   transform: translateY(40px);
   opacity: 0;
   transition: all 0.3s ease-out;
   /* height: 100%; */
}

.why-tech .s-card.in-view {
   transform: translateY(1);
   opacity: 1;
}

.why-tech .move {
   margin-top: -30px;
}


/* ====================================
   css for the benefits section 
==================================== */

/* .benifits {
   background: rgb(241, 236, 253);
}

.benifits img {
   display: block;
   width: 100px;
   height: 100px;
   background: white;
   border-radius: 20px;
}

.benifits h4 {
   margin-top: 20px;
   padding-top: 5px;
   position: relative;
}

.benifits h4::before {
   position: absolute;
   content: '';
   width: 100px;
   height: 2px;
   background: linear-gradient(to right, #3F2BC7, #B741D7);
   top: -5px;
   left: 0;
} */
.benifits {
   background-color: #301d84;
}

.benifits .card-secs {
   background-color: #ffffff;
   overflow: hidden;
   transform-origin: top;
   position: sticky;
   top: 0px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   position: relative;
   text-align: center;
   justify-content: center;
   padding: 5rem 3rem;
}

.card__pin:nth-child(1) {
   position: relative;
   margin-bottom: 50px;
   transform: rotate(-6deg);
}

.first-h4 {
   transform: rotate(6deg);
}

.first-p {
   transform: rotate(6deg);
}

.second_card {
   background-color: #fff !important;
}

.second-p {
   transform: rotate(4deg);
}

/* .card__pin:nth-child(2) h4, .card__pin:nth-child(2) .theme_btn{
   transform: rotate(3deg);
} */

.second-h4 {
   transform: rotate(4deg);
}

.card__pin:nth-child(3) {
   transform: rotate(0deg);
}


.card__pin:nth-child(4) {
   background: #fff;
   color: #000;

}


.card-secs h4 {
   font-weight: 300;
   font-size: 30px;
   color: #0A3050;
   text-align: center;

}

.card__pin.lastCard {
   margin-bottom: 100px;
   /* Adjust this value as needed */
}

/* ====================================
         css for the d services
==================================== */

.d-services img {
   width: 70px;
   margin-right: 15px;
}