.elementor-3843 .elementor-element.elementor-element-97a8d9b{--display:flex;}.elementor-3843 .elementor-element.elementor-element-e1da2e3{width:100%;max-width:100%;}.elementor-3843 .elementor-element.elementor-element-e1da2e3.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-3843 .elementor-element.elementor-element-97a8d9b{--content-width:100%;}}@media(min-width:768px){.elementor-3843 .elementor-element.elementor-element-97a8d9b{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-e1da2e3 */:root{
  --st-primary-gradient: linear-gradient(135deg, #2c6ed5, #4fa3ff);
  --st-accent: #f39c12;
  --st-text: #2d3436;
  --st-gray: #636e72;
  --st-white: #ffffff;
}

.st-site{
  margin: 0;
  padding: 0;
  font-family: Tahoma, sans-serif;
  background: #fff;
  overflow-x: hidden;
}

/* Header */
.st-header{
  background: var(--st-primary-gradient);
  padding: 12px 6%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 999;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
  animation: stSlideDown .6s ease;
}

.st-logo-area{
  display: flex;
  align-items: center;
  gap: 10px;
}

.st-logo-area img{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.85);
  object-fit: cover;
}

.st-logo-area span{
  color: #fff;
  font-size: 0.92rem;
  font-weight: 700;
}

.st-nav{
  display: flex;
  gap: 25px;
}

.st-nav a{
  color: #fff;
  text-decoration: none;
  font-size: .92rem;
  opacity: .95;
  transition: .3s ease;
}

.st-nav a:hover{
  opacity: 1;
  color: #eaf3ff;
}

/* Hero */
.st-hero{
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 80px 8%;
  min-height: 70vh;
  background: #fff;
}

.st-hero-content{
  flex: 1;
  animation: stFadeRight 1s ease;
}

.st-hero-content h1{
  font-size: 2.7rem;
  margin: 0 0 20px;
  color: var(--st-text);
  line-height: 1.4;
}

.st-hero-content p{
  font-size: 1.08rem;
  color: var(--st-gray);
  margin-bottom: 30px;
  line-height: 2;
}

.st-btn{
  background: var(--st-primary-gradient);
  color: #fff;
  padding: 14px 30px;
  border-radius: 40px;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  transition: .3s ease;
  box-shadow: 0 8px 20px rgba(44,110,213,.18);
}

.st-btn:hover{
  transform: translateY(-4px);
}

.st-hero-img{
  flex: 1;
  animation: stFadeLeft 1s ease;
}

.st-hero-img img{
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 15px 40px rgba(0,0,0,.1);
  display: block;
}

/* Projects */
.st-projects{
  padding: 60px 8%;
}

.st-section-title{
  text-align: center;
  margin-bottom: 40px;
}

.st-section-title h2{
  font-size: 2rem;
  margin: 0;
  color: var(--st-text);
}

.st-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}

.st-card{
  overflow: hidden;
  border-radius: 16px;
  height: 240px;
  background: #f4f6f9;
}

.st-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
  display: block;
}

.st-card:hover img{
  transform: scale(1.08);
}

/* Footer */
.st-footer{
  background: #f4f6f9;
  padding: 28px 6%;
  text-align: center;
  font-size: .92rem;
  color: #555;
  border-top: 1px solid #e5e5e5;
}
/* Floating Call Button */

.st-call-btn{
position:fixed;
bottom:25px;
left:25px;
width:65px;
height:65px;
border-radius:50%;
background:linear-gradient(135deg,#2c6ed5,#4fa3ff);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
box-shadow:0 10px 25px rgba(44,110,213,.28);
animation:stPulse 2s infinite;
transition:.3s;
}

.st-call-btn img{
width:30px;
height:30px;
object-fit:contain;
filter:brightness(0) invert(1);
}

.st-call-btn:hover{
transform:scale(1.08);
}


/* Animations */
@keyframes stSlideDown{
  from{
    transform: translateY(-100%);
  }
  to{
    transform: translateY(0);
  }
}

@keyframes stFadeRight{
  from{
    opacity: 0;
    transform: translateX(40px);
  }
  to{
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes stFadeLeft{
  from{
    opacity: 0;
    transform: translateX(-40px);
  }
  to{
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes stPulse{
  0%{
    box-shadow: 0 0 0 0 rgba(79,163,255,.55);
  }
  70%{
    box-shadow: 0 0 0 15px rgba(79,163,255,0);
  }
  100%{
    box-shadow: 0 0 0 0 rgba(79,163,255,0);
  }
}

/* Responsive */
@media (max-width: 900px){
  .st-header{
    padding: 12px 5%;
  }

  .st-nav{
    display: none;
  }

  .st-hero{
    flex-direction: column;
    text-align: center;
    padding: 45px 5%;
    min-height: auto;
  }

  .st-hero-content h1{
    font-size: 2rem;
  }

  .st-hero-content p{
    font-size: 1rem;
  }

  .st-call-btn{
    width: 56px;
    height: 56px;
    font-size: 24px;
    left: 18px;
    bottom: 18px;
  }
  
  
}
/* About Section */

.st-about{
  padding:80px 8%;
  background:#f7f9fc;
}

.st-about-inner{
  display:flex;
  align-items:center;
  gap:50px;
  max-width:1200px;
  margin:auto;
}

.st-about-img{
  flex:1;
}

.st-about-img img{
  width:100%;
  border-radius:20px;
  box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.st-about-content{
  flex:1;
}

.st-about-content h2{
  font-size:2rem;
  margin-bottom:20px;
  color:var(--st-text);
}

.st-about-content p{
  font-size:1.05rem;
  color:var(--st-gray);
  line-height:2;
  margin-bottom:20px;
}

/* responsive */

@media(max-width:900px){

.st-about-inner{
flex-direction:column;
text-align:center;
}

.st-about-content h2{
font-size:1.6rem;
}

}
/* Footer */

.st-footer{
background:#0f172a;
color:#e5e7eb;
padding:60px 8% 25px;
}

.st-footer-container{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:50px;
max-width:1200px;
margin:auto;
}

.st-footer-col h3{
font-size:1.1rem;
margin-bottom:18px;
color:#fff;
}

.st-footer-about img{
width:70px;
height:70px;
border-radius:50%;
margin-bottom:15px;
border:2px solid rgba(255,255,255,.2);
}

.st-footer-about p{
font-size:.95rem;
line-height:2;
color:#cbd5e1;
}

.st-footer-phones,
.st-footer-links{
list-style:none;
padding:0;
margin:0;
}

.st-footer-phones li,
.st-footer-links li{
margin-bottom:10px;
}

.st-footer-phones a,
.st-footer-links a{
color:#cbd5e1;
text-decoration:none;
font-size:.95rem;
transition:.3s;
}

.st-footer-phones a:hover,
.st-footer-links a:hover{
color:#4fa3ff;
}

.st-footer-bottom{
text-align:center;
margin-top:40px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.1);
font-size:.9rem;
color:#94a3b8;
}

/* responsive */

@media(max-width:900px){

.st-footer-container{
grid-template-columns:1fr;
text-align:center;
}

.st-footer-about img{
margin:auto;
}

}/* End custom CSS */