:root{

}

html{
    font-size: 8px;
    width: 100%;
    overflow-x: hidden;
}

body{
    font-size: 16px;
}

.h1{
    font-size: 28px;
}

.h2{
    font-size: 28px;
}

.h3{
    font-size: 22px;
}

.h5{
    font-size: 16px;
}



.phone-mu{
    /* display: none; */
}

.title-header{
    width: 100%;
    margin-top:150px
}

.block-header{
    padding: 15px;
}

.header-srtaus{
    top: 950px;
}

.header-phone{
    width: 190px;
}

.header-phone_2{
    top:-120px;
    left:20px;
    bottom: auto;
}

.header-phone_1{
    /* display: none; */
    top:auto;
    left:auto;
    right: 20px;
    bottom: -150px;
}

.title-header p{
    margin-left: 10px;
}

.download-link{
    width: 100%;
    padding-left: 0;
    padding-bottom: 220px;
}

#capability{
    width: 100%;
    margin-bottom: 10rem;
}

#capability h2{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.swiper-capability{
    height: 100vh;
}

.capability-block{
    grid-template-columns: 100%;
    padding-top: 20px;
}

.capability-block-title{
    order:2;
    width: 80%;
    margin: 0 auto;
}

.capability-block-gallery > div {
    width: 65%;
}

#communication{
    margin-bottom: 10rem;
}

.communication-blocks{
    grid-template-columns: 1fr;
    width: 100%;
}

.communication-block p{
    min-height: min-content;
    padding-bottom: 20px;
}

.communication-block{
    margin-bottom: -5rem;
}

.communication-block p .h3{
    font-size: 16px;
}

#aboutus h3{
    width: 100%;
}

.aboutus{
    width: 100%;
}
#soc{
    margin-bottom: 10rem;
}

#soc-title{
    width: 20rem;
}

.soc-links{
    gap: 1.5rem;
}

.soc-links a{
    font-size: 2rem;
}

#download-button {
  bottom: 40px;
  right: auto;
  left: 20px;
}

#scroll-to-top-button{
    bottom: 40px;
    right: 20px;
    left: auto;
}

.download-link a img{
    animation: pulseDropShadow 2.2s ease-in-out infinite;
}


@keyframes pulseDropShadow {
  0%, 100% {
    filter: drop-shadow(0 5px 5px rgba(89, 59, 55, 0.22));
    transform: scale(1);
  }
  50% {
    filter: drop-shadow(0 5px 5px rgba(89, 59, 55, 0.42));
    transform: scale(1.1);
  }
}