@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

body {
font-family: "Lexend", sans-serif;
overflow-x: hidden;
background: #fff;
line-height: 1.7;
color: #2e2e2e;
}

.btn-primary {
margin: 30px 0 0 0;
background-color: #0044c4;
border-radius: 30px;
color: #ffffff;
display: inline-flex;
align-items: center;
font-size: 18px;
padding: 0 30px;
min-height: 45px;
text-decoration: none;
border: none;
position: relative;
transition: all 0.3s ease-in-out; /* 👈 Smooth transition */
}

.btn-primary:hover {
background-color: #ff6600;
color: #ffffff;
}

.one-page {
height: 100vh;
position: relative;
}

.one-page .right-side, .one-page .left-side {
position: relative;
overflow: hidden;
height: 100vh;
}

.one-page .right-side .all-content, .one-page .left-side .all-content {
position: absolute;
min-height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.one-page .right-side .all-content::before, .one-page .left-side .all-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #00000050;
}

.one-page .right-side .all-content h1, .one-page .left-side .all-content h1 {
margin: 0;
position: relative;
color: #ffffff;
}

.one-page .right-side img, .one-page .left-side img {
height: 100%;
object-fit: cover;
object-position: center;
position: relative;
transition: transform 0.5s ease;
width: 100%;
}

.one-page .right-side:hover img, .one-page .left-side:hover img {
transform: scale(1.1);
}