/* ===============================
   TABLET
================================= */

@media (max-width:1024px){

.container{
width:94%;
}

.features-grid,
.project-grid{
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.about-grid{
grid-template-columns:1fr;
gap:40px;
}

.about-image-wrap{
margin:auto;
}

.contact-channels{
grid-template-columns:1fr;
}

}


/* ===============================
   MOBILE
================================= */

@media (max-width:768px){

body{
font-size:15px;
}

section{
padding:60px 0;
}

.hero-corporate{
padding-top:30px;
}

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

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

.dashboard-panel{
aspect-ratio:16/10;
border-radius:18px;
}

.dashboard-panel video{
object-fit:cover;
}

.geoland-description{
padding:25px;
}

.geoland-description p{
text-align:left;
font-size:.96rem;
line-height:1.8;
}

.section-title{
font-size:2rem;
}

.section-sub{
font-size:.95rem;
}

.features-grid,
.project-grid{
grid-template-columns:1fr;
}

.feature-card,
.project-card,
.tour-card{
padding:25px;
}

.feature-card h3,
.project-content h3,
.tour-header h3{
font-size:1.3rem;
}

.feature-card p,
.project-content p,
.tour-header p{
font-size:.95rem;
}

.tour-media{
width:100%;
border-radius:14px;
}

.tour-media video{
border-radius:14px;
}

.tour-steps{
grid-template-columns:1fr;
}

.tour-step{
padding:18px;
}

.tour-step span{
font-size:.95rem;
}

.about-image-wrap{
max-width:180px;
}

.edu-corporate-box{
flex-direction:column;
text-align:center;
gap:15px;
}

.skills{
justify-content:center;
}

.skill{
font-size:.8rem;
padding:8px 14px;
}

.contact-corporate-card{
padding:25px;
}

.contact-desc{
font-size:.95rem;
}

.contact-channels{
grid-template-columns:1fr;
}

.channel-item{
padding:18px;
}

.social-medias{
gap:18px;
flex-wrap:wrap;
}

.social-icon-btn{
width:38px;
height:38px;
}

.back-home-container{
margin-top:30px;
}

.btn{
width:100%;
padding:14px 18px;
font-size:.95rem;
}

body .radar{
width:500px;
height:500px;
top:-120px;
right:-180px;
opacity:.45;
}

}


/* ===============================
   SMALL PHONE
================================= */

@media (max-width:480px){

.hero-corporate h1{
font-size:1.7rem;
}

.section-title{
font-size:1.6rem;
}

.geoland-description{
padding:20px;
}

.feature-icon{
width:55px;
height:55px;
font-size:24px;
}

.channel-value{
font-size:.95rem;
}

footer{
font-size:.8rem;
padding:30px 15px;
}

}