section:not(:first-child){
    padding-top:4rem;
}
main{
    width:80%;
    margin:auto;
    color:var(--text-color-main);
}
.b-btn{
  color: var(--text-color-main);
  background-color: var(--primary-color);
  padding:0.8rem 1.6rem;
  border-radius: 2rem;
  display:flex;
  margin:auto;
  border: none;
  margin-top: 1rem;
  font-size: 1rem;
  cursor: pointer;
}
.hello-Mc{
    background-image: url("/public/assets/images/software/vmconnect/vmctheme.webp");
    background-size: cover;
}
.h-tc{
    text-align:center;
    padding:2rem;
    position:relative;
    z-index: 1;
}
.h-tc:before{
    z-index:-1;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    background-image: linear-gradient(
        to right,
        var(--background-light) 5%,
        rgba(0,0,0,0.1) 40%,
        rgba(0,0,0,0.1) 60%,
        var(--background-light) 95%
        );
}
.dl-c{
    display:flex;
    justify-content:center;
    position:relative;
}
.dl-vc{
    display:none;
    position:absolute;
    top:1rem;
    flex-direction:column;
    background-color: var(--background-dark);
    box-shadow: 0 0 2px 0 var(--text-color-main);
    padding:1.2rem;
    width:fit-content;
}
.dl-vc a{
    color: var(--text-main-color);
    text-decoration:none;
    padding:0.8rem;
}
.dl-vc a:hover{
    backdrop-filter: invert(15%);
}
.h1{
    font-size:1.8rem;
    margin-top:0;
}
.main-t{
    font-size:3rem;
    margin:0;
}
.main-d{
    color: var(--text-color-desc);
    font-size:1.2rem;
}
.t-intro{
    font-size:1.1rem;
    color:var(--text-color-desc);
    font-weight:300;
}
.ft-Mc{
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}
.group-t{
    display:flex;
    flex-wrap:wrap;
}
.fti-c{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    max-width:12rem;
    min-width:12rem;
    padding: clamp(1rem,5svw,4rem);
    margin:0 auto;
}
.fti-t{
    padding:0 0 1rem 0;
    font-size:1.8rem;
    font-weight:bold;
    text-align:center;
}
.fti-d{
    text-align:center;
    color:var(--text-color-desc);
}
.fti-h{
    display:flex;
    justify-content:center;
}
.fti-h img{
    width:50%;
    margin:auto;
}
.l-desc{
    color:var(--text-color-desc);
}
dt{
    font-size:1.2rem;
    color:var(--text-color-main);
}
dd{
    color:var(--text-color-desc);
    padding:0.4rem;
    margin-bottom:1rem;
}
strong{
    color:white;
    font-weight:800;
    font-size:1rem;
}
code{
    padding-left:1rem;
    font-size:1rem;
}