/* Main container and spacing */
.zirius-marign-top {
margin-top: 10rem;
}

/* Banner icon positioning */
.zirius-orange-di-icon,
.zirius-blue-ci-icon {
position: absolute;
z-index: 1;
}

.zirius-orange-di-icon {
top: 30%;
left: 0;
max-width: 124px;
width: 100%;
height: auto;
}

.zirius-blue-ci-icon {
top: 10%;
right: 0;
max-width: 144px;
width: 100%;
height: auto;
}

.zirius-orange-di-icon img,
.zirius-blue-ci-icon img {
width: 100%;
height: auto;
transition: transform 0.3s ease;
}

/* Custom container */
/*.zirius-container {
position: relative;
z-index: 2;
max-width: 1140px;
margin: 0 auto;
padding: 0 15px;
}*/

/* Main content area */
.zirius-banner-content {
text-align: center;
}

.zirius-banner-content header {
margin-bottom: 2.5rem;
}

.zirius-banner-content h1 {
font-weight: bold;
color: var(--text-color-theme);
font-family: var(--ff-inter);
line-height: var(--home-banner-h1-lh);
font-size: var(--home-banner-h1-fs);
text-align: center;
font-style: normal;	
margin: 0;
text-transform: uppercase;	
}

/* Description content */
.zirius-banner-content div p {
text-align: center;
color: var(--text-color-theme);
font-size: var(--home-h3-fs);
line-height: var(--home-h2-p-lh);
font-weight: 300;
font-family: var(--ff-gilroy);		
}

/* Responsive design */
@media (max-width: 991.98px) {
.zirius-marign-top {
min-height: auto;
padding: 1rem 0;
margin-top: 7rem;	
}
.zirius-orange-di-icon,
.zirius-blue-ci-icon {
width: 90px; /* Smaller size for tablets */
}	
.zirius-banner-content header {
margin-bottom: 1.7rem;
}	
}

@media (max-width: 767.98px) {
.zirius-orange-di-icon,
.zirius-blue-ci-icon {
width: 70px; /* Smaller size for small tablets and bigger phones */
}
.zirius-banner-content header {
margin-bottom: 1.4rem;
}	
}

@media (max-width: 575.98px) {
.zirius-marign-top {
margin-top: 6rem;
}
.zirius-orange-di-icon,
.zirius-blue-ci-icon {
width: 50px; /* Smallest size for phones */
}
.zirius-banner-content header {
margin-bottom: 1rem;
}	
}