body{
    color: white;
     font-family: "Funnel Sans", sans-serif;
         background-color: #002720;
}

.banner{
    min-height: 90vh;
    width: 100%;
    background-image: url(../images/multi-sign-wallet/banner.webp);
    background-size: cover;
    background-position: right top;
}

#ms_wd{
    font-family: "Funnel Sans";
}

#ms_wd h4{
    font-weight: 600 !important;
}

#main{
    height: 90vh;
    margin-left: 50px;
    padding: 20vh 0px;
}

article section:nth-of-type(odd) {
    background-color: #002720;
}

article section:nth-of-type(even) {
    background-color: #01120D;
}


.sitec span, #ms_wd span{
    color: #D5A234;
}

.sitec .display-1{
    font-size: 55px;
}

.sitec .btn{
    background: linear-gradient(90deg, #33EAB8 0%, #1D8468 100%);
    border-radius: 12px;
    padding: 10px 30px;
    font-size: 17px;
}

#ms_wd .card1{
background: linear-gradient(257.52deg, rgba(48, 231, 181, 0.25) 1.37%, rgba(21, 70, 56, 0.25) 99.27%);
border-radius: 12px;
min-height: 100%;
color: #D9D9D9; 
}

#ms_wd .card1:hover h4{
    color: #30E7B5;
}

#ms_wd .card2{
    height: 100%;
border-radius: 12px;
color: black;
background: radial-gradient(81.11% 163.66% at 52.6% 57.11%, #30E7B5 0%, #1B8165 100%) ;
backdrop-filter: blur(78.5px);
}

#ms_wd p{
    margin-bottom: 0px;
}

#ms_wd .card3{
    height: 100%;
    border-radius: 12px;
    border: 1px solid #30DFAF;
    position: relative;
}

#ms_wd .card3 .line{
    height: 40px;
    width:2.5px;
    border-radius: 5px;
    background-color: white;
    position: absolute;
    z-index: 999;
    left:-1.03px;
}

#ms_wd .card3:hover .line{
    
    background-color: #30DFAF;
    box-shadow: 0px 0px 7px #30DFAF;
}

#ms_wd h4{
    color: white;
}

#ms_wd .card4{
   height: 100%;
background: rgba(48, 231, 181, 0.06);
    border-radius: 12px;
}

.tech img{
    max-width: 60px;
    max-height: 60px;
}


.icon_key{
    background-color: #30DFAF;
    height: 90px;
    width:90px;
    border-radius: 50%;
}

.icon_key img{
    max-width: 60px;
    max-height: 60px;
}

#ms_wd .card5{
    border-radius: 12px;
}

#ms_wd .card5:hover .icon_key{
    background-color: white;
}


#ms_wd .card5:hover{
background: #1B8165;
}

.icon_ms{
  height: 55px;
  width: 55px;
  border-radius: 50%; 
  display: flex;
  justify-content: center;
  align-items: center; 
background: rgba(48, 231, 181, 0.06) !important;
}

.icon_ms img{
    max-width: 35px;
}

#ms_wd .card4:hover{
filter: drop-shadow(0px 0px 7px rgba(0, 255, 185, 0.25));
background: #0A5D47;
}

.multi_icon{
    background-color: white;
    min-width: 90px;
    min-height: 90px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tech .multi_icon:hover{
   box-shadow: 0px 0px 16px #30DFAF;
}


@media screen and (max-width:996px) {

    .banner {
        min-height: auto !important;
        background-position: left top;
    }

    #main{
        margin-left: auto;
        height: auto !important;
        padding: 15vh 0px 10vh;
    }

    .sitec .display-1{
    font-size:30px !important;
    margin-bottom: 16px;
    line-height:35px;
}

    .multi_icon{
        min-width: 60px;
    min-height: 60px;

    }


.tech img{
    max-width: 40px;
    max-height: 40px;
}
#ms_wd .card3 .line{
    
    left:-1.8px;
}
}