@charset "UTF-8";
.slpe-latest-posts {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
@media (min-width: 1025px) {
.slpe-latest-posts {
grid-template-columns: repeat(3, 1fr);
}
}
.slpe-post-card {
display: flex;
flex-direction: column;
}
.slpe-post-thumb {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 6px;
}
.slpe-post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
.slpe-post-thumb:hover img {
transform: scale(1.04);
}
.slpe-post-body {
padding-top: 16px;
}
.slpe-post-title {
margin: 0 0 10px;
font-size: 20px;
line-height: 1.3;
}
.slpe-post-title a {
color: #222222;
text-decoration: none;
}
.slpe-post-title a:hover {
text-decoration: underline;
}
.slpe-post-excerpt {
margin: 0 0 16px;
color: #424242;
font-size: 15px;
line-height: 1.6;
}
.slpe-read-more {
display: inline-block;
background-color: #00a63e;
color: #ffffff;
text-decoration: none;
padding: 10px 22px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
transition: opacity 0.2s ease;
}
.slpe-read-more:hover {
opacity: 0.85;
color: #ffffff;
}
 footer.site-footer .site-footer-section-1 img {
max-width: 110px;
height: auto;
}
footer.site-footer .site-footer-section-1 .widget_text p {
color: #e0f2fe;
font-weight: 300;
font-size: 0.85rem;
}
footer.site-footer .site-footer-section-2 h2,
footer.site-footer .site-footer-section-3 h2 {
font-weight: 600;
color: white;
font-size: 1rem;
text-transform: uppercase;
margin: 30px 0 0 0;
}
footer.site-footer .site-footer-section-2 ul li a,
footer.site-footer .site-footer-section-3 ul li a {
font-size: 0.75rem;
color: #e0f2fe;
}
footer.site-footer .site-footer-section-2 ul li a:hover,
footer.site-footer .site-footer-section-3 ul li a:hover {
color: #4842f8;
} #Hero {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #0f172a 0%, #1a1f3a 25%, #2d1b4e 50%, #1a2847 75%, #0f1620 100%);
background-attachment: fixed;
} #Hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="%23ffffff" stroke-width="0.5" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
pointer-events: none;
z-index: 1;
} #Hero::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at 20% 50%, rgba(218, 165, 32, 0.08) 0%, transparent 40%), radial-gradient(ellipse at 80% 80%, rgba(30, 144, 255, 0.06) 0%, transparent 50%), radial-gradient(ellipse at 50% 0%, rgba(100, 150, 200, 0.04) 0%, transparent 60%);
pointer-events: none;
z-index: 2;
} #Hero > * {
position: relative;
z-index: 10;
} #Hero h1 {
color: #ffffff;
font-weight: 700;
letter-spacing: -0.02em;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3), 0 0 30px rgba(218, 165, 32, 0.1);
}
#Hero h2 {
color: #ffffff;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
} #Hero p {
color: rgba(255, 255, 255, 0.85);
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
line-height: 1.6;
} #Hero .elementor-button {
background: linear-gradient(135deg, #22c55e 0%, #0f7233 100%);
border: 1px solid rgba(255, 255, 255, 0.2);
color: #ffffff;
font-weight: 600;
letter-spacing: 0.5px;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 4px 15px rgba(218, 165, 32, 0.2);
box-shadow: 0 4px 15px rgba(218, 165, 32, 0.2);
padding: 18px 24px;
}
#Hero .elementor-button:hover {
background: linear-gradient(135deg, #ffd700 0%, #22c55e 100%);
-webkit-box-shadow: 0 8px 25px rgba(218, 165, 32, 0.35);
box-shadow: 0 8px 25px rgba(218, 165, 32, 0.35);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
} #Hero .elementor-button.elementor-button-secondary,
#Hero .elementor-button-secondary {
background: rgba(255, 255, 255, 0.1);
border: 1.5px solid rgba(255, 255, 255, 0.3);
color: #ffffff;
backdrop-filter: blur(10px);
}
#Hero .elementor-button.elementor-button-secondary:hover,
#Hero .elementor-button-secondary:hover {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 8px 25px rgba(255, 255, 255, 0.15);
box-shadow: 0 8px 25px rgba(255, 255, 255, 0.15);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
} @media (max-width: 768px) {
#Hero h1 {
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
#Hero p {
font-size: 16px;
}
#Hero .elementor-button {
padding: 12px 24px;
font-size: 14px;
}
} #Hero h1,
#Hero p,
#Hero .elementor-button {
-webkit-animation: fadeInUp 0.8s ease-out forwards;
animation: fadeInUp 0.8s ease-out forwards;
opacity: 0;
}
#Hero h1 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#Hero p {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#Hero .elementor-button {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
} #fill_application,
#connect_team {
position: relative;
} @media (min-width: 1024px) {
#fill_application::after,
#connect_team::after {
content: "→";
position: absolute;
right: -50px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 28px;
color: #22c55e;
white-space: nowrap;
}
} @media (max-width: 1023px) {
#fill_application::after,
#connect_team::after {
content: "↓";
position: absolute;
bottom: -40px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 24px;
color: #22c55e;
}
}