* 
{ 
    box-sizing: border-box; 
} 
body {
    margin: 0;
}
#ixh6{
    background-color:#ffffff;
    color:#1a1a1a;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height:1.6;
* 
{ 
    box-sizing:border-box;  
}
.hero{
    align-items:center ;
    background:linear-gradient(135deg, #c1dee9 0%, #03557a 100%);
    color:#ffffff;
    display:flex;
    min-height:100vh;
    padding:2rem;
    /* border-radius: 15px; */ 
    position:relative;
}
.hero__container{
    align-items:center; 
    border-radius:50px; 
    column-gap:0px;
    display:flex;
    margin:0 auto;
    max-width:1200px;
    row-gap:4rem;
    width:100%;
}
.hero__title{
    font-size:clamp(2.5rem, 5vw, 4rem);
    color:#141414;
    font-weight:900;
    letter-spacing:-0.02em;
    line-height:1.1;
    margin:0 0 1rem 0;
}
.hero__subtitle{
    font-size:clamp(1.2rem, 2vw, 1.5rem);
    align-items:center;
    margin:0 0 2rem 0;
    opacity:0.9;
}
.hero__cta{
    background-color:#ffffff;
    border-radius:50px;box-shadow:0 4px 15px rgba(0,0,0,0.2);
    color:#72bae4;
    display:inline-block;
    font-size:1.1rem;
    font-weight:700;
    padding:1.2rem 2.5rem;
    text-decoration:none;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.hero__cta:hover {
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
    transform:translateY(-2px);
}
.hero__visual{
    margin-top: 10px;
    margin-bottom: 10px;
    align-self:flex-end;
    display:flex;
}
.projects{
    /*background-color:#f8f9fa;*/
    /*border-radius: 15px;*/
    padding:6rem 2rem;
}
.projects__container{
    margin:0 auto;
    max-width:1200px;
}
.projects__title{
    color:#1a1a1a;
    font-size:clamp(2rem, 4vw, 3rem);
    font-weight:900;
    margin:0 0 3rem 0;
    text-align:center;
}
.projects__grid{
    display:grid;
    gap:2rem;
    grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
}
.project-card{
    background:#ffffff;
    border-radius:12px;
    box-shadow:0 4px 6px rgba(0,0,0,0.1);
    cursor:pointer;
    overflow:hidden;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.project-card:hover{
    box-shadow:0 20px 40px rgba(0,0,0,0.1);
    transform:translateY(-8px);
}
.project-card__image{
    align-items:center;
    aspect-ratio:16 / 9;
    background:linear-gradient(135deg, #9ab0b3 0%, #043349 100%);
    display:flex;justify-content:center;
    transition:transform 0.3s ease;
}
.project-card__placeholder{
    filter:none;
    font-size:5rem;
}
.project-card__content{
    padding:1.5rem;
} 
.project-card__name{
    color:#1a1a1a;
    font-size:1.5rem;
    font-weight:700;
    margin:0 0 0.5rem 0;
}
.project-card__desc{
    color:#666;
    line-height:1.5;
    margin:0;
}
.services{
    background-color:#ffffff;
    padding:6rem 2rem;
}
.services__container{
    margin:0 auto;
    max-width:1200px;
}
.services__grid{
    display:grid;
    gap:2rem;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
}
.service-card{
    padding:2rem;
    text-align:center;
}
.service-card__icon{
    display:block;
    font-size:4rem;
    margin-bottom:1.5rem;
    transition:transform 0.3s ease;
}
.service-card__title{
    color:#1a1a1a;
    font-size:1.5rem;
    font-weight:700;
    margin:0 0 1rem 0;
}
.service-card__desc{
    color:#666;
    line-height:1.6;
    margin:0;
}
.about{
    background-color:#ffffff;
    padding:6rem 2rem;
}
.about__container{
    align-items:center;
    display:grid;
    gap:4rem;
    grid-template-columns:1fr 1fr;
    margin:0 auto;
    max-width:1200px;
}
.about__title{
    color:#1a1a1a;
    font-size:clamp(2rem, 4vw, 3rem);
    font-weight:900;
    margin:0 0 1.5rem 0;
}
.about__text{
    color:#444;
    font-size:1.1rem;
    line-height:1.8;
    margin:0 0 1rem 0;
}
.about__stats{
    column-gap:1.5rem;
    display:flex;
    flex-wrap:wrap;
    gap:2rem;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
    row-gap:2rem;
}
.stat{
    background:linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
    border-radius:10px;
    display:flex;
    flex-direction:column;
    padding:20px 20px 20px 20px;
    transition:transform 0.3s ease;
}
.stat__number{
    align-self:center;
    display:flex;
    font-size:3rem;
    font-weight:900;
    margin:0px 0.5rem;
}
.stat__label{
    align-self:center;
    display:flex;
    font-size:0.95rem;
    opacity:0.9;
}
.contact{
    background-color:#f8f9fa;
    padding:6rem 2rem;
    text-align:center;
}
.contact__container{
    margin:0 auto;
    max-width:800px;
}
.contact__title{
    color:#1a1a1a;
    font-size:clamp(2rem, 4vw, 3rem);
    font-weight:900;
    margin:0 0 1rem 0;
}
.contact__subtitle{
    color:#666;
    font-size:1.2rem;
    margin:0 0 3rem 0;
}
.contact__methods{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}
.contact__link{
    align-items:center;
    background:#ffffff;
    border-radius:50px;
    color:#1a1a1a;
    display:inline-flex;
    font-size:1.1rem;
    font-weight:600;
    gap:1rem;
    min-width:300px;
    padding:1.5rem 2rem;
    text-decoration:none;
    transition:transform 0.3s ease, box-shadow 0.3s ease;
}
.contact__link:hover{
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    transform:translateY(-2px);
}
.contact__icon{
    font-size:1.5rem;
}
.footer{
    background-color:#1a1a1a;
    color:#ffffff;
    padding:2rem;
    text-align:center;
}
.footer__container{
    margin:0 auto;
    max-width:1200px;
}
.footer__text{
    column-gap:10px;
    display:flex;
    flex-wrap:wrap;
    font-size:0.95rem;
    justify-content:center;
    margin:0;
    opacity:0.8;
    row-gap:10px;
}
.footer__link{
    color:#667eea;
    font-weight:600;
    text-decoration:none;
    transition:opacity 0.3s ease;
}
.footer__link:hover{
    opacity:0.8;
}
.html{
    scroll-behavior:smooth;
}
.project-card:hover 
.project-card__image{
    transform:scale(1.05);
}
.service-card:hover 
.service-card__icon{
    transform:scale(1.1) rotate(5deg);
}
.stat:hover{
    transform:scale(1.05);
}
.about__process{
    margin-top:3rem;
}
.about__process-title{
    color:#667eea;
    font-size:1.8rem;
    font-weight:700;
    margin:0 0 2rem 0;
}
.process-steps{
    display:grid;
    gap:1.5rem;
}
.process-step{
    align-items:flex-start;
    display:flex;
    gap:1.5rem;
}
.process-step__number{
    align-items:center;
    background:linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(118,75,162,0.1) 100%);
    border-radius:12px;
    color:#667eea;
    display:flex;
    flex-shrink:0;
    font-size:2rem;
    font-weight:900;
    height:60px;
    justify-content:center;
    width:60px;
}
.process-step__content strong{
    color:#1a1a1a;
    display:block;
    font-size:1.2rem;
    margin-bottom:0.5rem;
}
.process-step__content p{
    color:#666;
    line-height:1.6;
    margin:0;
}
.hero__content{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
}
#iczw{
    display:grid;
}
#icqjr{
    color:#181616;font-family:Tahoma, Geneva, sans-serif;
}
#ifem2{
    color:#e84c4c;
    font-family:Arial, Helvetica, sans-serif;
}
#ii29m-3{
    font-weight:300;
}
#ikvb{
    background-attachment:scroll;
    background-image:linear-gradient(to right, rgb(235, 228, 228) 0%, rgb(218, 111, 11) 100%);
    background-position:left top;
    background-repeat:repeat;
    background-size:auto;
    border-radius: 20px;
} 
#iamxj{
    background-attachment:scroll;
    background-image:linear-gradient(to left, black 0%, white 100%);
    background-position:left top;
    background-repeat:repeat;
    background-size:auto;
}
#ickki{
    background-attachment:scroll;
    background-image:linear-gradient(to left, black 0%, white 100%);
    background-position:left top;
    background-repeat:repeat;
    background-size:auto;
    outline:#000000;
}
#itlxs{
    background-attachment:scroll;
    background-image:linear-gradient(to left, black 0%, white 100%);
    background-position:left top;
    background-repeat:repeat;
    background-size:auto;
}
#i4ymnj{
    background-attachment:scroll;
    background-image:linear-gradient(to left, black 0%, white 100%);
    background-position:left top;
    background-repeat:repeat;
    background-size:auto;
}
#iq14h1{
    background-attachment:scroll;
    background-image:linear-gradient(to left, black 0%, white 100%);
    background-position:left top;
    background-repeat:repeat;
    background-size:auto;
}
#iymf08{
    background-attachment:scroll;
    background-image:linear-gradient(to left, black 0%, white 100%);
    background-position:left top;
    background-repeat:repeat;
    background-size:auto;
}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes float{0%, 100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes pulse{0%, 100%{transform:scale(1);}50%{transform:scale(1.05);}}
@keyframes rotate-slow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes float-orb{0%, 100%{transform:translate(0, 0) scale(1);}50%{transform:translate(-30px, 30px) scale(1.1);}}
@keyframes pulse-icon{0%, 100%{opacity:1;transform:scale(1);}50%{opacity:0.6;transform:scale(1.1);}}
@keyframes float-window{0%, 100%{transform:translateY(0) scale(1);}50%{transform:translateY(-20px) scale(1.02);}}
@keyframes line-appear{from{opacity:0;transform:translateX(-20px);}to{opacity:0.7;transform:translateX(0);}}
@keyframes orbit-circle{0%, 100%{transform:translate(0, 0) rotate(0deg);}25%{transform:translate(20px, -10px) rotate(90deg);}50%{transform:translate(0, -20px) rotate(180deg);}75%{transform:translate(-20px, -10px) rotate(270deg);}}
@keyframes orbit-square{0%, 100%{transform:translate(0, 0) rotate(0deg);}33%{transform:translate(-15px, 20px) rotate(120deg);}66%{transform:translate(25px, 15px) rotate(240deg);}}
@media (max-width: 992px){.stat{align-self:baseline;column-gap:10px;flex-direction:row;flex-wrap:wrap;justify-content:center;}
.about__stats{
    flex-direction:column;
}
.stat__number{
    display:flex;
}
.stat__label{
    padding:24px 0px 0px 0px;
}
.hero__container{
    align-items:flex-start;flex-direction:column;
}
.hero__visual{
    align-self:right;
}
}
@media (max-width: 768px)
{
.hero__container{
    text-align:center;
}
.projects__grid{
    grid-template-columns:1fr;
}
.services__grid{
    grid-template-columns:1fr;
}
.about__container{
    gap:2rem;grid-template-columns:1fr;
}
.about__stats{
    grid-template-columns:1fr;
}
.contact__link{
    max-width:350px;
    min-width:auto;
    width:100%;
}
.hero{
    padding:2rem 2rem 0rem 2rem;
}
.hero__content{
    align-items:center;
    border-radius: 20px;
    padding:20px;
    margin-bottom: 20px;
}
}
@media (max-width: 480px)
{
.hero{
    padding:1rem;
}
.projects{
    padding:4rem 1rem;
}
.services{
    padding:4rem 1rem;
}
.about{
    padding:4rem 1rem;
}
.contact{
    padding:4rem 1rem;
}
.project-card__placeholder{
    font-size:3rem;
}
.service-card__icon{
    font-size:3rem;
}
.stat__label{
    padding:0px 0px 0px 0px;
}
.stat{
    flex-direction:column;
    width:100%;
}
}
@keyframes float-1
{
    0%, 100%{transform:translate(0, 0) rotate(0deg);}25%{transform:translate(20px, -20px) rotate(5deg);}50%{transform:translate(-10px, 20px) rotate(-5deg);}75%{transform:translate(15px, 10px) rotate(3deg);}
}
@keyframes float-card-1
{
    0%, 100%{transform:translate(0, 0) rotate(0deg);}25%{transform:translate(15px, -15px) rotate(2deg);}50%{transform:translate(-10px, 10px) rotate(-2deg);}75%{transform:translate(10px, 5px) rotate(1deg);}
}
@keyframes float-2
{
    0%, 100%{transform:translate(0, 0) rotate(0deg);}33%{transform:translate(-15px, 25px) rotate(-8deg);}66%{transform:translate(25px, -15px) rotate(8deg);}
}
@keyframes float-card-2
{
    0%, 100%{transform:translate(0, 0) rotate(0deg);}33%{transform:translate(-20px, 15px) rotate(-3deg);}66%{transform:translate(15px, -10px) rotate(3deg);}
}
@keyframes float-3
{
    0%, 100%{transform:translate(0, 0) scale(1);}50%{transform:translate(10px, -30px) scale(1.1);}
}
@keyframes float-card-3
{
    0%, 100%{transform:translate(0, 0) rotate(0deg);}50%{transform:translate(20px, -20px) rotate(4deg);}
}