.services{ 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 865px;
    background-image: url(../img/servicebanner.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 176px;
    padding-bottom: 192px;
}

.services-banner-content{ 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px ;
}

.ai-data{ 
    padding: 110px 80px 40px 80px ;
}

.ai-data-content{ 
    display: flex;
    flex-direction: column;
    padding-top: 29px;
    background-image: url(../img/circlesservices.jpg);
    background-size: cover;
    background-position: 10% 20%;
    background-repeat: no-repeat;
    gap: 35px;

}

.ai-data-content-row{ 
    display: flex;
    width: 100%;
    gap: 60px ;
}

.ai-data-text-wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100%;
    max-width: 608px;
}

.ai-data-text{ 
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -2%;
    padding-top: 19px;
    padding-left: 24px;
    margin-bottom: 20px;
    font-size: 20px;
    width: 100%;
   
}

.ai-data-text-cell{ 
  
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 608px;
    width: 100%;
    border-radius: 8px;
    background-color: rgba(242, 234, 246, 0.5);

}

.ai-data-text-button{ 
    border: 1px solid white;
    padding: 12px;
    background: unset;
    border-radius: 8px;
    align-self: flex-start
}

.cybersecurity{ 
    padding: 34px 80px 66px 80px ;
    display: flex;
    flex-direction: column;
    background-image: url(../img/сybersecurity.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    gap: 50px;
}

.cell-cybersecurity { 
    background: rgba(255, 255, 255, 0.6);
}

.drones{ 
    padding: 40px 80px ;
}

.drones-content{ 
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    background-image: url(../img/сirclesdrones.jpg);
    background-size: cover;
    background-position: 10% 20%;
    background-repeat: no-repeat;
    gap: 35px;
}

.cell-drones { 
    background-color: rgba(199, 224, 221, 0.5); 

}

.drones-data-text{ 
    font-size: 20px;
    font-weight: 300;
    letter-spacing: -2%;
    padding-left: 24px;
    padding-bottom: 25px;
}

.img-wrapper{ 
    width: 100%;
    max-width: 606px;
    padding: 0;
    background-color: unset;
    border-radius: 8px
}

.ai-data-img{ 
    width: 100%;
    max-width: 608px;
    border-radius: 8px;
    height: 100%;
}

.services-text { 
    line-height: 140%;
}

.software{ 
    padding: 34px 80px 59px 80px ;
    display: flex;
    flex-direction: column;
    background-image: url(../img/software.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    gap: 50px;
}

.software-title{ 
    align-self: self-start;
    margin-bottom: 28px;
}

.software-content{ 
    display: flex;
    width: 100%;
    gap: 60px;
}

.cell-software { 
    background-color: rgba(255, 255, 255, 0.5); 
}

.cell-software-height{ 
    height: 100%;
}

.software-content-right{ 
    display: flex;
    flex-direction: column;
    gap: 29px;
}

.ai-data-consalting-wrapper{ 
    width: 100%;
}

.software-text{ 
    font-size: 20px;
    line-height: 140%;
    font-weight: 300;
    color: white;
    margin-bottom: 17px;
}

.support {
    display: flex;
    flex-direction: column;
    padding: 54px 80px ;
    gap: 38px;
}



.support-content{
    display: flex;
    width: 100%;
    background-image: url(../img/circlessupport.jpg);
    background-size: cover;
    background-position: 10% 20%;
    background-repeat: no-repeat;
    gap: 60px;

}

.support-left{ 
    max-width: 608px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.support-right{ 
    width: 100%;
    display: flex;
    gap: 62px;
    flex-direction: column;

}

.ai-data-img-wrapper{ 
    width: 100%;
}

.cell-support { 
    background-color: rgba(207, 215, 194, 0.5); 

}

.support-img { 
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.reversibility{ 
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: url(../img/reversibility.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 34px 81px 45px 80px;
}

.cell-reversibility-header{ 
    max-width: unset;
    margin-bottom: 27px;
    background-color: rgba(255, 255, 255, 0.6); 
    gap: 10px;
}

.cell-reversibility{ 
    background-color: rgba(255, 255, 255, 0.6); 
}

.reversibility-risk-list li { 
    line-height: 140%;
}

.reversibility-core-list{ 
    padding: 12px 0 12px 50px;

}

.point-text {
    line-height: 140%; 
  }

  .row-reversibility{ 
    margin-bottom: 33px;
  }

  .ai-consulting-services-cell{ 
    height: 100%;
  }
  @media screen and (max-width: 768px) {
    .services {
        height: auto;
        padding: 100px 20px;
    }
    .services-banner-content {
        text-align: center;
        gap: 16px;
    }
    .ai-data {
        padding: 60px 20px;
    }
    .ai-data-content-row,
    .software-content,
    .support-content {
        flex-direction: column;
        gap: 30px;
    }
    .ai-data-text-wrapper,
    .ai-data-text-cell,
    .cell-cybersecurity,
    .cell-drones,
    .cell-software,
    .cell-support,
    .cell-reversibility {
        max-width: 100%;
        padding: 20px;
    }
    .ai-data-text {
        font-size: 18px;
    }
    .ai-data-img {
        max-width: 100%;
        height: auto;
    }
    .software {
        padding: 40px 20px;
    }
    .support {
        padding: 40px 20px;
    }
    .support-right {
        gap: 20px;
    }
    .reversibility {
        padding: 40px 20px;
    }
}

@media screen and (max-width: 480px) {

    .title {
        font-size: 60px; 
        font-weight: 900;
        color: #fff;
    }
    .services {
        padding: 80px 15px;
    }
    .services-banner-content {
        gap: 12px;
    }
    .ai-data {
        padding: 40px 15px;
    }
    .ai-data-text {
        font-size: 16px;
    }
    .ai-data-text-button {
        width: 100%;
        text-align: center;
    }
    .software,
    .support,
    .reversibility {
        padding: 30px 15px;
    }

    .cybersecurity{
    padding: 10px;
    }

    .drones{
        padding: unset;
    }

    .ai-data{ 
        padding: unset;
    }

  

    .ai-data-text-wrapper{
        padding: unset;
    }
}