.slider-container {
position: relative;
width: 100%;
height: 100vh;
background-color: #333;
overflow: hidden;
}.slider-container .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.8s ease-in-out;
display: flex;
align-items: center;
}.slider-container .slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}.slider-container .slide.active {
opacity: 1;
}.slider-container .slide.active img {
z-index: 1;
}.slider-container .slide .textic {
max-width: 600px;
position: relative;
z-index: 9;
color: #fff;
}.slider-container .slide .textic .text1 {
display: block;
font-size: 36px;
font-weight: 700;
line-height: 1.3;
margin-bottom: 35px;
}.slider-container .slide .textic .text2 {
display: block;
font-size: 16px;
font-weight: 500;
}.slider-container .slide.active {
opacity: 1;
}.slider-container .slider-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: #00000017;
fill: #fff;
border: none;
padding: 5px 10px;
font-size: 23px;
display: flex;
align-items: center;
font-weight: 700;
cursor: pointer;
border-radius: 5px;
z-index: 10;
transition: background-color 0.3s ease;
height: 42px;
width: 42px;
}.slider-container .slider-btn:hover {
background-color: #000c;
}.slider-container .prev-btn {
left: 15px;
}.slider-container .next-btn {
right: 15px;
}.home-form {
width: 100%;
}.home-form .container {
width: 100%;
max-width: 921px;
}.home-form .title2 {
width: 100%;
text-align: center;
margin-bottom: 60px;
text-transform: uppercase;
}