#flexfullmenu {
    width: 92vw;
    margin: 0 auto;
    padding: 0.5vw;
    margin-bottom: 12px;
    display: flex;
    z-index: 101;
}


#flexl {
    width: 163.56px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
}

#flexnav {
    display: inline-block;
    vertical-align: top;
    margin-left: 2vw;
    margin-top: 14px;
    vertical-align: top;
}

#flexs {
    display: inline-block;
    vertical-align: middle;
    font-size: 13.56px;
    margin-left: auto;
    margin-top: 6px;
}

#flexd {
    color: #3f3f3f;
    background: white;
    border: solid 1.76px #3ebe6d;
    margin-right: 4px;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    display: none;
    border-radius: 5.27px;
}

#flexk {
    color: white;
    background: #3ebe6d;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    border: solid 1.76px #3ebe6d;
    display: inline-block;
    border-radius: 5.27px;
    font-size: 13.56px;
}

body {
    background: #fbfefd;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0;
    margin-top: 0;
    /* display: inline-block; */
}



#c {
    width: 95vw;
    background: white;
    margin: 0 auto;
    display: block;
    padding-bottom: 0;
    padding-top: 8px;
    overflow: hidden;
    border-radius: 5.27px;
}


#m {
    width: 92vw;
    margin: 0 auto;
    padding: 0.5vw;
    margin-bottom: 12px;
    display: flex;
}


#l {
    width: 163.56px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5vw;
}

#nav {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2vw;
    margin-top: 21px;
}

.g1 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
    /* width: 40px; */
}

.g2 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

.g3 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

.g4 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

.g5 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

a {
    color: #3f3f3f;
    text-decoration: none;

}


a:visited {
    color: #3f3f3f;
    text-decoration: none;
}




#s {
    display: inline-block;
    vertical-align: middle;
    font-size: 13.56px;
    margin-left: auto;
    margin-top: 11px;
}





.k {
    color: white;
    background: #3ebe6d;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    border: solid 1.76px #3ebe6d;
    display: inline-block;
    border-radius: 5.27px;
    font-size: 13.56px;
}










#desktop-language-div {
    display: inline-block;
}

#desktop-language-active {
    color: #3f3f3f;
    background: none;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    border-bottom: solid 2.96px #3ebe6d;
    display: inline-block;
    font-size: 13.56px;
    cursor: pointer;
}

#desktop-language-non-active {
    color: #3f3f3f;
    background: none;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    border: none;
    display: inline-block;
    border-radius: 5.27px;
    font-size: 13.56px;
    cursor: pointer;
}












.d {
    color: #3f3f3f;
    background: white;
    border: solid 1.76px #3ebe6d;
    margin-right: 4px;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    display: none;
    border-radius: 5.27px;
}


#w {
    width: 27.65px;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
    margin-top: -2px;
}




#b {
    width: 92vw;
    margin: 0 auto;
    max-height: 440px;
    background: #fff;
    margin-bottom: 1.5vw;
    overflow: hidden;
    background: darkgrey;
}


#v {
    width: 100%;
    overflow: hidden;
    display: block;
    margin-top: -12vw;
}




#x {
    /* width:92.5vw; */
    margin: 0 auto;
    display: block;
    text-align: center;
}


#y1 {
    margin-right: 0.75vw;
    background-image: url("f/1.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#y2 {
    margin-right: 0.75vw;
    margin-left: 0.75vw;
    background-image: url("f/2.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#y3 {
    margin-right: 0.75vw;
    margin-left: 0.75vw;
    background-image: url("f/3.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#y4 {
    margin-left: 0.75vw;
    background-image: url("f/4.jpg");
    background-size: cover;
    border-radius: 5.27px;
}



.y {
    font-size: 36px;
    height: 180px;
    width: 21.89vw;
    background: #f6f6f6;
    display: inline-block;
    color: #1f1f1f;
}


h1 {

    z-index: 99;

    color: white;

    font-size: 2.94vw;

    text-align: center;

    display: block;

    position: absolute;

    top: 197px;

    width: 92vw;

    letter-spacing: 0.2vw;
}


h2 {

    z-index: 99;
    color: white;
    font-size: 1.51vw;
    text-align: center;
    display: block;
    position: absolute;
    top: 259px;
    width: 92vw;
    font-weight: lighter;

}



.o {
    color: white;
    /* border-radius:32px;*/
    vertical-align: middle;
    display: block;
    z-index: 101;
    position: absolute;
    top: 346px;
    text-align: center;
    width: 92vw;
}

.r {
    font-size: 13.56px;
    border: solid 1.76px #3ebe6d;
    background: #3ebe6d;
    color: white;
    padding: 11px 16px;
    display: inline-block;
    text-align: center;
    border-radius: 5.27px;
}




#n {
    z-index: 99;
    color: white;
    font-size: 1.36vw;
    text-align: center;
    display: block;
    position: absolute;
    top: 491px;
    width: 92vw;
    /* font-weight: bold; */
}


#j {
    margin-top: 4px;
    width: 19px;

}







.z {
    text-align: left;
    margin-top: 127px;
    padding-left: 8px;
    width: 21.35vw;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 5.27px 5.27px;
}

.p {
    width: 52px;
    display: inline-block;
    vertical-align: middle;

}

.e {
    font-size: 1.06vw;
    color: white;
    vertical-align: middle;
    margin-left: 8px;
}



body {
    scroll-behavior: smooth;
}

#q {
    /* margin-top:64px; */
    text-align: center;
}

#q1 {
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /* padding: 16px; */
    display: inline-block;
    /* margin: 26px; */
    border-radius: 5.27px;
    /* padding: ; */
}



.qq {
    color: #3ebe6d;
    margin-top: 16px;
    margin-left: 8px;
    display: block;
    font-weight: bolder;
    font-size: 2vw;
    border-radius: 5.27px;
}

.qqq {
    color: #3f3f3f;
    margin-top: 16px;
    margin-left: 8px;
    display: block;
    font-weight: 400;
    font-size: 1.11vw;
}

.qqqq {
    color: #3ebe6d;
    margin-top: 16px;
    margin-left: 8px;
    display: block;
    font-weight: bold;
    font-size: 23px;
    border-radius: 2.31vw;
}

.qqqqq {
    font-size: 1.2vw;

}


ol {
    padding-inline-start: 21px;
    margin-top: 23px;
    margin-bottom: 21px;
}

li {
    font-size: 1.11vw;
    margin: 12px 0;
    padding: 0;
    text-align: left;
}

.u {
    background: #3ebe6d;
    padding: 12px 16px;
    color: white;
    margin: 32px;
    text-align: center;
    font-size: 1.1vw;
    /* font-weight: bold; */
    display: block;
    border-radius: 5.27px;
}








#q2 {
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /* padding: 16px; */
    display: inline-block;
    /* margin: 26px; */
    border-radius: 5.27px;
}




#q3 {
    width: 240px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 16px;
    display: inline-block;
    background: #3ebe6d;
    margin: 26px;
    border-radius: 5.27px;

}












.uu {
    color: white;
    margin-top: 16px;
    margin-left: 8px;
    display: block;
    font-weight: bolder;
    font-size: 21px;
}

.uuu {
    margin-top: 16px;
    margin-left: 8px;
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: white;
}

.uuuu {
    color: white;
    margin-top: 16px;
    margin-left: 8px;
    display: block;
    font-weight: bold;
    font-size: 23px;
}

.uuuuu {
    font-size: 12px;
}






.h {
    color: white;
}


.hh {
    background: white;
    padding: 12px 16px;
    color: #3ebe6d;
    margin: 16px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: block;
    border-radius: 5.27px;
}














#crazy {
    width: 90%;
    margin-bottom: -3vw;

}


#gif1div {
    display: inline-block;
    width: 55%;
    text-align: center;
    vertical-align: middle;
}

#gif1 {
    width: 34vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5.27px;
}




#tests {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: -12vw;
    margin-top: -1vw;
}

#testdiv {}

#test {
    width: 17vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 16px;
    float: left;
    margin-left: -2.37vw;
    border-radius: 5.27px;
}

#typediv {
    box-sizing: border-box;
}

#type {
    width: 9vw;
    float: left;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-left: 1vw;
    border-radius: 5.27px;
}


#resultdiv {
    display: inline-block;
    width: 33vw;
    margin: 1vw;
    vertical-align: middle;
}

#giffinal {
    width: 33vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5.27px;
}


#ticon {
    width: 11vw;
    margin-top: -1.37vw;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: bounce 3s infinite ease-in-out;
    -o-animation: bounce 3s infinite ease-in-out;
    -ms-animation: bounce 3s infinite ease-in-out;
    -moz-animation: bounce 3s infinite ease-in-out;
    animation: bounce 3s infinite ease-in-out;
}


@-webkit-keyframes bounce {
    0% {
        transform: translateY(-2.5px)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(-2.5px)
    }
}

@keyframes bounce {
    0% {
        transform: translateY(-2.5px)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(-2.5px)
    }
}



#desctext {
    font-size: 5vw;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: bounce 3s infinite ease-in-out;
    -o-animation: bounce 3s infinite ease-in-out;
    -ms-animation: bounce 3s infinite ease-in-out;
    -moz-animation: bounce 3s infinite ease-in-out;
    animation: bounce 3s infinite ease-in-out;
    animation-delay: 0.4s;
}

#lrs {
    list-style-type: none;
    margin-left: -3.76vw;



}

.lilrs {
    font-size: 1vw;
    color: #3f3f3f;
    line-height: 0.86vw;
}



#desc {
    height: 11vw;
}



#ricon {
    width: 9.2vw;
    margin-top: -1.37vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: -1.57vw;
}

#descreptext {
    font-size: 5vw;
    display: inline-block;
    vertical-align: middle;
}

#lrsrep {
    list-style-type: none;
    margin-left: -1.76vw;
    text-align: right;
}

.lilrs {
    font-size: 0.92vw;
    color: #3f3f3f;
    line-height: 0.86vw;
}


#halfempty {
    width: 48vw;
    display: inline-block;
}

#descrep {
    height: 11vw;
    width: 41vw;
    display: inline-block;
    margin-top: -13vw;
    margin-left: -10vw;
    margin-bottom: 23vw;
}

#fullreportdiv {
    margin-bottom: 19vw;
    margin-top: -6vw;
    margin-left: 5vw;
}


#descreptextdiv {
    margin-top: -6vw;
    margin-left: 1vw;
}




#descdiv {
    margin-top: 15vw;
}





#fertlistdiv {
    box-sizing: border-box;

}

#fertlist {
    width: 33vw;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-left: -34vw;
    margin-bottom: -132vw;
    display: block;
    border-radius: 5.27px;

}











.o2 {
    color: white;
    /* border-radius:32px;*/
    vertical-align: middle;
    display: block;
    z-index: 101;
    margin-top: 3vw;
    text-align: center;
    width: 37vw;
    border-radius: 5.27px;
}

.r2 {
    font-size: 13.56px;
    border: solid 1.76px #3ebe6d;
    background: #3ebe6d;
    color: white;
    padding: 11px 16px;
    display: inline-block;
    text-align: center;
    margin: 8px;
    border-radius: 5.27px;
}



.r22 {
    font-size: 13.56px;
    border: solid 1.76px #3ebe6d;
    background: white;
    color: #3ebe6d;
    padding: 11px 16px;
    display: inline-block;
    text-align: center;
    margin: 8px;
    border-radius: 5.27px;
}



#h123 {
    position: relative;
    color: #3ebe6d;
    font-size: 3.16vw;
    display: inline-block;
    top: 0;
    width: 40vw;
}


#h12 {
    position: relative;
    text-align: center;
    margin: 21px;
    color: #3f3f3f;
    font-size: 3.16vw;
    text-align: center;
    display: block;
    /*  margin-bottom:239px;*/
    /* margin-top: -8vw; */
}



#realcrazyshit {
    margin-top: 12vw;
    margin-bottom: 17vw;
    margin-right: -9vw;

}

#h122 {
    position: relative;
    text-align: center;
    margin: 21px;
    color: #3f3f3f;
    font-size: 3.16vw;
    text-align: center;
    display: block;
    /* margin-bottom: 219px;
     margin-top: -28vw; 
    margin-left: -2vw;
    */
}



#ilvlcomptable {
    display: inline-block;
    box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px;
    margin-left: -6px;
    -webkit-animation: bounce 3s infinite ease-in-out;
    -o-animation: bounce 3s infinite ease-in-out;
    -ms-animation: bounce 3s infinite ease-in-out;
    -moz-animation: bounce 3s infinite ease-in-out;
    animation: bounce 3s infinite ease-in-out;
}


#ilvltableblock {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    display: block;


}

#ilvltableimgdiv {
    background: #eeeeee;
    display: inline-block;
    box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px;
    margin-left: -67px;
    border-radius: 5.27px;
}

#comptableimg {
    width: 230px;
    margin: 34px -30px -39px 34px;
    box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px;
    border-radius: 5.27px;
}

#guyname {

    font-size: 14px;
    margin-top: 36px;
    margin-right: -356px;

}


#h1229 {
    position: relative;
    text-align: center;
    margin: 21px;
    color: #3f3f3f;
    font-size: 3.16vw;
    text-align: center;
    display: block;
    margin-bottom: 239px;
    margin-top: -8vw;
    margin-left: -2vw;
}


#cloud {
    width: 92%;
    margin: 0 auto;
    margin-top: -236px;
    text-align: center;
    padding-left: 3vw;
}

#clientcloudimg1div {
    display: inline-block;
    /* margin-right: 3vw; */
    /* box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px; */
    padding-right: 16px;
    border-radius: 5.27px 5.27px 5.27px 5.27px;
    margin-bottom: 128px;
    margin: 1vw;
}

#clientcloudimg1 {
    display: inline-block;
    width: 9vw;
    vertical-align: middle;
    border-radius: 5.27px 0 0 5.27px;
    border-radius: 100%;
}


#clientcloudname {
    font-size: 12px;
    font-weight: bold;
    color: #3ebe6d;
}

#clientcloudtext1 {
    display: inline-block;
    width: 16.5vw;
    vertical-align: middle;
    margin-left: 16px;
    text-align: left;
}

#clientcloudpos {
    font-size: 11px
}

#clientcloudcomp {
    font-size: 11px;

}

#clientcloudtestem {
    font-size: 1.2vw;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #3f3f3f;
}







#clientcloudtext2 {
    display: inline-block;
    width: 16.5vw;
    vertical-align: middle;
    margin-left: 16px;
    text-align: left;
}


#clientcloudimg2div {
    display: inline-block;
    /* margin-right: 3vw; */
    /* box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px; */
    padding-right: 16px;
    border-radius: 5.27px 5.27px 5.27px 5.27px;
    margin: 1vw;
}

#clientcloudimg2 {
    display: inline-block;
    width: 9vw;
    vertical-align: middle;
    border-radius: 5.27px 0 0 5.27px;
    border-radius: 100%;
}









#clientcloudimg3div {
    display: inline-block;
    margin-right: 8px;
    /* box-shadow: rgba(149, 157, 165, 0.25) 0px 8px 24px; */
    padding-right: 16px;
}


#clientcloudtext3 {
    display: inline-block;
    width: 16.5vw;
    vertical-align: middle;
    margin-left: 16px;
    text-align: left;
}


#clientcloudimg3div {
    display: inline-block;
    /* margin-right: 8px; */
    border-radius: 5.27px 5.27px 5.27px 5.27px;
    margin: 1vw;
}

#clientcloudimg3 {
    display: inline-block;
    width: 9vw;
    vertical-align: middle;
    border-radius: 5.27px 0 0 5.27px;
    border-radius: 100%;
}






#clientcloudimg4div {
    display: inline-block;
    margin-right: 8px;
}


#clientcloudtext4 {
    display: inline-block;
    width: 180px;
    vertical-align: middle;
    margin-left: 16px;
}


#clientcloudimg4div {
    display: inline-block;
    margin-right: 8px;
}

#clientcloudimg4 {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
}


#cabbage {
    border-radius: 0 0 0 5.27px;
}

#lastintable1200 {
    border-radius: 0 5.27px 0 0;
}

td:last-of-type {
    border-radius: 6px 6px 6px 6px !important;
}


#footer {
    margin-top: 64px;
    background: #3ebe6d;
    height: 256px;
    width: 100vw;
    border-radius: 0 0 0 5.27px;
}













#ysmf1 {
    margin-right: 0.75vw;
    background-image: url("f/ysfn1.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#ysmf2 {
    margin-right: 0.75vw;
    margin-left: 0.75vw;
    background-image: url("f/ysfn2.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#ysmf3 {
    margin-right: 0.75vw;
    margin-left: 0.75vw;
    background-image: url("f/ysfn3.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#ysmf4 {
    margin-left: 0.75vw;
    background-image: url("f/ysfn4.jpg");
    background-size: cover;
    border-radius: 5.27px
}


#ysmf5 {
    margin-right: 0.75vw;
    background-image: url("f/ysfn5.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#ysmf6 {
    margin-right: 0.75vw;
    margin-left: 0.75vw;
    background-image: url("f/ysfn6.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#ysmf7 {
    margin-right: 0.75vw;
    margin-left: 0.75vw;
    background-image: url("f/ysfn7.jpg");
    background-size: cover;
    border-radius: 5.27px
}

#ysmf8 {
    margin-left: 0.75vw;
    background-image: url("f/ysfn8.jpg");
    background-size: cover;
    border-radius: 5.27px
}


#xlast {
    width: 92.5vw;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 32px;
}


#lastnews {
    margin-top: 25px;
    margin-bottom: 64px;

}



#h12295 {
    position: relative;
    text-align: center;
    margin: 21px;
    color: #3f3f3f;
    font-size: 3.16vw;
    text-align: center;
    display: block;
    margin-bottom: 239px;
    margin-top: -8vw;
    margin-left: -2vw;
}



#sfbipnuk {
    background-color: #007bff;
    display: block;
    font-size: 1.1vw;
    color: white;
    text-align: left;
    padding: 8px;
    padding-left: 8px;
    text-decoration: underline;
    width: calc(100% - 4.2vw + 8px);
    margin-left: -8px;
    padding-left: 4.2vw;
}


.newiconimg {
    width: 67px;
    margin: 0 auto;
    margin-bottom: 6px;
}


#newmainiconblock1 {
    color: #3f3f3f;
    font-size: 1.36vw;
    display: block;
    z-index: 9;
    text-align: center;
    display: inline-block;
}

#newmainiconblock2 {
    color: #3f3f3f;
    font-size: 1.36vw;
    display: block;
    z-index: 9;
    text-align: center;
    display: inline-block;
}

#newmainiconblock3 {
    color: #3f3f3f;
    font-size: 1.36vw;
    display: block;
    z-index: 9;
    text-align: center;
    display: inline-block;
}


#newmainiconblock4 {
    color: #3f3f3f;
    font-size: 1.36vw;
    display: block;
    z-index: 9;
    text-align: center;
    display: inline-block;
}





#newmainicons {
    position: absolute;
    top: 592px;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 92vw;
    justify-content: center;
    margin-left: -0.5%;
}


.newiconblockclass {
    margin: 23px 51px;
}


#filterwrapper {
    display: flex;
    height: 6vw;
    display: flex;
    margin-right: 2.71vw;
    margin-left: 4.71vw;
    position: relative;
}

#filter_handlers {
    display: flex;
    align-items: center;
    height: 6vw;
    position: absolute;
    right: 0;
    gap: 1.3vw;


}

#btnSr {
    align-self: center;
    font-size: 0.96vw;
    height: 2.3vw;
    width: 6vw;
    color: white;
    background-color: #3ebe6d;
    border: none;
    margin-left: -2vw;
    border-radius: 0 4px 4px 0;
}

#inputFilter {
    border-radius: 4px 0 0 4px;
    border: solid 1.55px #3ebe6d;
    align-self: center;
    outline: none;
    height: 2.3vw;
    width: 14.5vw;
    font-size: 1vw;
    cursor: pointer;
}

/*
i {
    border: solid white;
    border-width: 0 0.3vw 0.3vw 0;
    display: inline-block;
    padding: 3px;
}

.right{
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}
*/
#solutiontypesdivhp {

    width: 98%;

    margin: 0 auto;

    text-align: center;

    margin-top: 52px;
}


.solutiontypeblockhp {
    width: 18.1%;
    display: inline-block;
    margin: 2% 6.75%;
    vertical-align: top;
    text-align: center;
}


.solutiontypeimghp {
    width: 100%;
    border-radius: 5.27px;
    z-index: -2;
    margin-left: -9vw;
}


.h1hotfix {
    top: 0;
    width: none;
}

.solutiontypenamehp {
    display: inline-block;
    font-size: 1.06vw;
    text-align: left;
    height: 2.5em;
    /* font-weight: bold; */
    /* margin-top: 8px; */
    margin-bottom: 2px;
    color: #3ebe6d;
    /*  background: rgba(0,0,0,0.6); */
    width: calc(100% - 10px);
    border-radius: 0 0 5.27px 5.27px;
    padding-left: 10px;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
}

.solutiontypeservicehp {
    display: block;
    font-size: 1vw;
    text-align: left;
    /* font-weight: bold; */
    color: #3f3f3f;
    padding-left: 8px;
    margin-top: 6px;
}

.solutiontypetexthp {
    display: block;
    font-size: 1vw;
    text-align: left;
    padding-left: 8px;
    margin-top: 8px;
}


.solutionnamedivhp {
    color: white;
    /* background-color: #159edb; */
    margin-top: calc(-1.56vw - 4px);
    /* border-radius: 5px; */
    vertical-align: middle;
}


.solutionbuttonhp {
    color: #007bff;
    background: transparent;
    padding: 8px 16px;
    /* border-radius: 32px; */
    vertical-align: middle;
    border: solid 1.76px #007bff;
    border-radius: 5.27px;
    width: calc(100% - 10px);
    margin: 0 auto;
    text-align: center;
    margin-top: 18px;
    font-size: 1.08vw;
    /* font-weight: bold; */
    cursor: pointer;

}

.solutionbuttonhp:hover {
    color: white;
    background: #007bff;
    padding: 8px 16px;
    /* border-radius: 32px; */
    vertical-align: middle;
    border: solid 1.76px #007bff;
    border-radius: 5.27px;
    width: calc(100% - 10px);
    margin: 0 auto;
    text-align: center;
    margin-top: 18px;
    font-size: 1.08vw;
    /* font-weight: bold; */
}

.onelinesolutionhp {
    margin-top: 7.56px;
    display: block;
}


#softdemobuttonsdiv {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}

#softdemoalldevicesdiv {
    width: 70%;
    /* background: red; */
    /* height: 220px; */
    display: inline-block;
    vertical-align: middle;
}

#softdemo {
    width: 90%;
    /* margin: 0 auto; */
    vertical-align: top;
    /* text-align: revert; */
    /* right: 0; */
    margin-left: 12%;
    overflow: hidden;
    margin-top: -16px;
}

#softdemoalldevicesdiv {}

#newgifsimg {
    width: 45vw;
    margin: 0 auto;
    text-align: center;
    display: block;
    vertical-align: middle;
    opacity: 1
}

#discoveripnuk {
    overflow: hidden;
    padding-top: 51px;
}


.flowbutton {
    color: #007bff;
    background: #007bff;
    padding: 12px 16px;
    /* border-radius: 32px; */
    vertical-align: middle;
    border: solid 1.76px #007bff;
    border-radius: 5.27px;
    width: calc(90% - 10px);
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    font-size: 1.08vw;
    /* font-weight: bold; */
    margin-left: 5px;
    display: block;
    display: inline-block;
    /* padding: 1em 2em;*/
    text-align: center;
    color: #007bff;
    background: red;
    /* default color */
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, white 50%, #007bff 50%) right;
    background-size: 200%;
    transition: 3.5s ease-out;
    cursor: pointer;
}

.flowbutton:hover {
    background-position: left;
    color: white;
}

.hdiscover {
    margin-top: 34px !important;
    display: block;
    margin-bottom: 56px;
}

#fullmenudesktop {
    z-index: 9999;
    display: block;
    background: white;
    top: 90px;

    width: 100%;
    font-size: 12px;
    position: absolute;
    vertical-align: top;
    opacity: 0;
    height: 250px;
}

#fullmenucontainer {
    width: 95vw;
    margin: 0 auto;
    overflow: hidden;
}

#fullmenusubcontainer {
    width: 92vw;
    margin: 0 auto;
}



.widemenu {
    background: rgba(255, 255, 255, 0.9);
    width: 220px;
    margin-top: -1vw;
    padding-top: 2vw;
    border: solid 12px;
    border-color: rgba(255, 255, 255, 0.001);
    border-bottom-left-radius: 5.27px;
    border-bottom-right-radius: 5.27px;
    margin-left: -1vw;
}



.submenuitem {
    display: block;
    margin-top: 6px;
    margin-bottom: 16px;
    border-bottom: solid 1.567px lightgrey;
    padding-bottom: 16px;
    padding-left: 4px;
}





#transparentmenuhider {
    position: absolute;
    background: red;
    left: 0;
    height: 20vw;
    z-index: 9998;
    width: 100%;
    top: 340px;
    opacity: 0;
}








#discoveripnukpartners {
    overflow: hidden;
    padding-top: 56px;
}

#h122partners {
    position: relative;
    text-align: center;
    margin: 21px;
    color: #3f3f3f;
    font-size: 3.16vw;
    text-align: center;
    display: block;
    margin-bottom: 56px;
    /* margin-bottom: 219px;
     margin-top: -28vw; 
    margin-left: -2vw;
    */
}


#afcompanies {
    width: 88%;
    margin: 0 auto;
    margin-bottom: 128px;
    text-align: center;
}

.afcom {
    width: 17%;
    display: inline-block;
    margin: 4%;
}

.afcomname {
    font-size: 1.1vw;
    text-align: center;
}

#afcom1imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#afcom2imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#afcom3imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom3.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#afcom4imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom4.png");
    background-size: contain;
    background-repeat: no-repeat;
}

#afcom5imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom5.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#afcom6imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom6.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#afcom7imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom7.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#afcom8imgb {
    width: 100%;
    height: 80px;
    background-image: url("f/acom8.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



.accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #eee;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-size: 1.2vw;
}

.active,
.accordion:hover {
    background-color: #3ebe6d;
    color: white;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 1.2vw;
}

.bookli {
    font-size: 1.2vw;
}


























#fullmenudesktopfooter {
    z-index: 9999;
    display: block;
    background: #f3f3f3;
    width: 100%;
    font-size: 12px;
    vertical-align: top;
    opacity: 1;
    height: 250px;
}

#fullmenucontainerfooter {
    width: 95vw;
    margin: 0 auto;
    overflow: hidden;
}

#fullmenusubcontainerfooter {
    width: 92vw;
    margin: 0 auto;
    padding-left: calc(123.56px + 2vw);
}

#submenu-softwarefooter {
    display: inline-block;
    background: red;
    width: 55px;
    vertical-align: top;
    margin-left: 3vw;
    margin-right: 0.86vw;
    background: none;
}

#submenu-solutiontypesfooter {
    display: inline-block;
    background: blue;
    width: 86px;
    vertical-align: top;
    margin: 0 1vw;
    background: none;
}

#submenu-knowledgecenterfooter {
    display: inline-block;
    background: orange;
    width: 106px;
    vertical-align: top;
    margin: 0 1vw;
    background: none;
}

#submenu-sustainabilityfooter {
    display: inline-block;
    background: cyan;
    width: 77px;
    vertical-align: top;
    margin: 0 1vw;
    background: none;
}

#submenu-thegroupfooter {
    display: inline-block;
    background: pink;
    width: 110px;
    vertical-align: top;
    margin: 0 1vw;
    background: none;
}


.submenuitemfooter {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px;
}




#mfooter {
    width: 92vw;
    margin: 0 auto;
    padding: 0.5vw;
    margin-bottom: 12px;
    display: flex;
}


#lfooter {
    width: 123.56px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5vw;
}

#navfooter {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2vw;
    margin-top: 14px;
}

.g1footer {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 0.9vw;
}

.g1footer:hover {
    color: #3ebe6d
}

.g2footer {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 0.9vw;
}

.g2footer:hover {
    color: #3ebe6d
}

.g3footer {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 0.9vw;
}

.g3footer:hover {
    color: #3ebe6d
}

.g4footer {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 0.9vw;
}

.g4footer:hover {
    color: #3ebe6d
}

.g5footer {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 0.9vw;
}

a {
    color: #3f3f3f;
    text-decoration: none;
}


a:visited {
    color: #3f3f3f;
    text-decoration: none;
}




#sfooter {
    display: inline-block;
    vertical-align: middle;
    font-size: 13.56px;
    margin-left: auto;
    margin-top: 6px;
}





.kfooter {
    color: white;
    background: #3ebe6d;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    border: solid 1.76px #3ebe6d;
    display: inline-block;
    border-radius: 5.27px;
    font-size: 13.56px;
}


.dfooter {
    color: #3f3f3f;
    background: white;
    border: solid 1.76px #3ebe6d;
    margin-right: 4px;
    padding: 8px 16px;
    /* border-radius:32px;*/
    vertical-align: middle;
    display: none;
    border-radius: 5.27px;
}


#ilvlfooter {
    border-top: solid 1px lightgray;
    background: #fff;
    margin: -8px;
    padding-top: 36px;
    padding-bottom: 36px;
    border-bottom: solid 32px #3ebe6d;
}

.solutiontypeblock-features {
    width: 22.97%;
    display: inline-block;
    margin: 0.75%;
    vertical-align: top;
}



.solutionnamedivfulltext {
    color: white;
    /* background-color: #159edb; */
    /* border-radius: 5px; */
    vertical-align: middle;
    /* background: red; */
    margin-top: -12.44vw;
    border-radius: 4px;
}

.solutiontypenamefulltext {
    display: inline-block;
    font-size: 1.06vw;
    text-align: left;
    height: 11.97vw;
    /* font-weight: bold; */
    /* margin-top: 8px; */
    margin-bottom: 2px;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    width: calc(100% - 10px);
    border-radius: 5.27px 5.27px 5.27px 5.27px;
    padding-left: 10px;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
}


.onelinesolutionfeaturefulltext {
    margin-top: 3.56vw;
    display: block;
}

#featurehoverdiv0 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv1 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv2 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}


#featurehoverdiv3 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv4 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv5 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv6 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv7 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv8 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv9 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}

#featurehoverdiv10 {
    width: 100%;
    background: darkgrey;
    height: 12.16vw;
    opacity: 0;
    margin-top: -12.55vw;
    cursor: pointer;
}




.customersuccesdiv {
    /* background:red; */
    width: 90%;
    margin: 0 auto;
    padding-left: 3vw;
}


.customersuccesdivright {
    /*  background:red; */
    width: 90%;
    margin: 0 auto;
    text-align: right;
    padding-right: 5vw;
}


.customersuccessleftlogodiv {
    width: 30%;
    display: inline-block;
    /* background:cyan; */
    vertical-align: middle;
}

.customersuccesleftlogoimg {
    width: 100%;
}


.customersucceslefttextdiv {
    font-size: 1.2vw;
    color: #3f3f3f;
    display: inline-block;
    width: 54%;
    vertical-align: middle;
    text-align: justify;
    margin-left: 3vw;
}


.customersuccesrighttextdiv {
    font-size: 1.2vw;
    color: #3f3f3f;
    display: inline-block;
    width: 54%;
    vertical-align: middle;
    text-align: justify;
    margin-right: 4vw;
}



.solutionsdiv {
    /* width: 97.472vw; */
    margin-left: 5vw;
}


#solutioncontainer {
    width: 90%;
    margin: 0 auto;
}

/*
.solutionsdesc {

    width: 40%;
    display: inline-block;
    margin: 1vw;
    vertical-align: top;
}

.solutionblock {

    width: 25.5%;
    margin: 1vw;
    display: inline-block;
    vertical-align: top;
}



#wegiveyou {

    color: #3f3f3f;
    font-size: 1.86vw;

    margin-bottom: 1vw;
    display: block;
    margin-top: 1.56vw;
}

.wegiveyouline {
    color: #3f3f3f;
    font-size: 1.3vw;
    margin-top: 1vw;
    display: inline-block;
    width: 55%;
    vertical-align: middle;
}
*/

.solutionsdesc {
    /* height: 15vw; */
    width: 40%;
    display: inline-block;
    margin: 1vw;
    vertical-align: top;
}

.solutionsdesc1 {
    /* height: 15vw; */
    display: flex;
    margin: auto;
    justify-content: space-between;
    margin-bottom: 85px;
    column-gap: 8px
}


.solutiondesc_items {
    width: 25vw;
    display: flex;
    align-items: center;
}

.solutiondesc_items3 {
    width: 49vw;
    display: flex;
    align-items: center;
}


.solutionblock {
    /* background: cyan; */
    width: 25.5%;
    margin: 1vw;
    display: inline-block;
    vertical-align: top;
}


.solutionblock1 {
    /* background: cyan; */
    display: flex;
    column-gap: 3vw;
}


#wegiveyou {
    color: #3f3f3f;
    font-size: 1.86vw;
    margin-bottom: 3vw;
    display: block;
    margin-top: 1.56vw;
}

.wegiveyouline {
    color: #3f3f3f;
    font-size: 1.3vw;
    margin-top: 1vw;
    display: inline-block;
    width: 55%;
    vertical-align: middle;
}

.wegiveyouline1 {
    color: #3f3f3f;
    font-size: 1.3vw;
    margin-top: 1vw;
    display: inline-block;
    vertical-align: middle;
}


.signicon {
    width: 2vw;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;
    margin-bottom: -0.85vw;
}

ol {
    list-style-type: disc
}

li {
    color: #3f3f3f;
}

.newpricecard {
    margin-left: 1.935vw;
}


#agrocompanyimgdiv {
    width: 42vw;
    display: inline-block;
}

#agrocompanyimg {
    width: 100%;
    display: block;

}



#esgdiv1 {
    width: 25%;
    display: inline-block;
    vertical-align: middle;

}

#esgmimg1div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.esgic {
    width: 25%;

}

.esgicdesc {
    color: #333333;
    font-size: 1.1vw;
}


#esgmimg2div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#esgmimg3div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}


#esgdiv2 {
    display: inline-block;
    width: 40%;
    vertical-align: middle;

}

#esgmiddleimg {
    width: 85%;
    margin: 0 auto;
    vertical-align: middle;
    ;
}


#esglastblock {
    width: 100%;
}

.esglastblockdiv {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin: 2.5%;
    margin-top: 64px;
}

.esglastimg {
    width: 100%;
    border-radius: 5.27px;
}



.esgimgdesc {
    margin-top: 32px;
    color: #333333;
    font-size: 1.1vw;
    display: block;
}


.mb4px {
    display: block;
    margin-bottom: -1vw;
}


#kolbardiv {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

#kolbarimg {
    display: block;
    width: 100%;

}


#othercharitydiv {
    display: inline-block;
    width: 40%;
    margin-left: 8%;
    vertical-align: top;
    margin-top: -1.35vw;
}

#stgeorgediv {
    width: 70%;
    text-align: center;
}

#stgeorgeimg {
    width: 60%
}

#fouroceandiv {
    width: 70%;
    text-align: center;
}

#fouroceanimg {
    width: 60%;
}


#bookprice {
    font-size: 2vw;
    color: white;
    background: #3ebe6d;
    padding: 12px;
    margin-top: 3vw;
    margin-left: 14vw;
    display: block;
    width: 12vw;
}


.teamcard {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    width: 25vw;
    height: 41vw;
    display: inline-block;
    border-radius: 5.76px;
    margin: 1.5vw;
    vertical-align: top;
}

.teamimgdiv {
    width: 100%;
    text-align: center;

}

.teammateimg {
    width: 8vw;
    margin-top: -2vw;

}


.teamname {
    margin-top: 16px;
    display: block;
    font-size: 1.267vw;
    color: #333333;

}

.teamsubname {
    color: #3ebe6d;
    font-size: 1.2vw;
    display: block;
    margin-top: 4px;

}

.teambio {
    font-size: 1.1vw;
    color: #3e3e3e;
    width: 80%;
    display: block;
    margin-top: 12px;
    margin-left: 8%;
}

.teammailtext {
    font-size: 1.2vw;
    color: #3ebe6d;
    margin-top: 32px;
    display: block;
}

.teammailicon {
    width: 2.2vw;
    margin-right: 0.5vw;
    vertical-align: middle;
}


.teamdep {
    font-size: 1.4vw;
    color: #303030;
    display: block;
    font-weight: bold;
    text-align: left;
    margin-left: 10%;
    margin-bottom: 64px;
    margin-top: 32px;
}

.teamdepline {
    background: #3ebe6d;
    width: 2vw;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw;

}

.footersociallink {
    display: inline-block;
    margin: 0 8px;
}

.footersocialicon {
    width: 1.6vw;
    display: block;
}



#mm-homepage {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

#mm-software {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

#mm-solutiontypes {
    width: 103px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

#mm-knowledgecenter {
    width: 132px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

#mm-sustainability {
    width: 95px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

#mm-thegroup {
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
}

#flexsmhomepage {
    width: 75px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
    vertical-align: top;
    background: none;
    border-radius: 5.27px;
    margin-top: -25px;
    overflow: visible;
}

#flexsmsoftware {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
    vertical-align: top;
    background: none;
    border-radius: 5.27px;
    margin-top: -25px;

    padding-bottom: 8px;
    overflow: visible;
    margin-left: calc(75px + 2vw)
}

#flexsmsolutiontypes {
    width: 103px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
    vertical-align: top;
    background: none;
    border-radius: 5.27px;
    margin-top: -25px;
    padding-bottom: 8px;
    overflow: visible;
    margin-left: calc(75px + 60px + 4vw)
}

#flexsmknowledgecenter {
    width: 132px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
    vertical-align: top;
    background: none;
    border-radius: 5.27px;
    margin-top: -25px;
    padding-bottom: 8px;
    overflow: visible;
    margin-left: calc(75px + 60px + 103px + 6vw)
}

#flexsmsustainability {
    width: 95px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
    vertical-align: top;
    background: none;
    border-radius: 5.27px;
    margin-top: -25px;
    padding-bottom: 8px;
    overflow: visible;
    margin-left: calc(75px + 60px + 103px + 132px + 8vw)
}

#flexsmthegroup {
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 13.56px;
    vertical-align: top;
    background: none;
    border-radius: 5.27px;
    margin-top: -25px;
    padding-bottom: 8px;
    overflow: visible;
    margin-left: calc(75px + 60px + 103px + 132px + 95px + 10vw)
}













#solutiontypesdiv {
    width: 98%;
    margin: 0 auto;
    text-align: center;
    margin-top: -8px;
}


.solutiontypeblock {
    width: 18.1%;
    display: inline-block;
    margin: 0.75%;
    vertical-align: top;
}


.solutiontypeimg {
    width: 100%;
    border-radius: 5.27px;
    z-index: -2;
}



.solutiontypename {
    display: inline-block;
    font-size: 1.06vw;
    text-align: left;
    height: 2.5em;
    /* font-weight: bold; */
    /* margin-top: 8px; */
    margin-bottom: 2px;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    width: calc(100% - 10px);
    border-radius: 0 0 5.27px 5.27px;
    padding-left: 10px;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
}

.solutiontypeservice {
    display: block;
    font-size: 1vw;
    text-align: left;
    font-weight: bold;
    color: #3f3f3f;
    padding-left: 8px;
    margin-top: 6px;
}

.solutiontypetext {
    display: block;
    font-size: 1vw;
    text-align: left;
    padding-left: 8px;
    margin-top: 2px;
}


.solutionnamediv {
    color: white;
    /* background-color: #159edb; */
    margin-top: calc(-2.6vw - 4px);
    /* border-radius: 5px; */
    vertical-align: middle;
}


.solutionbutton {
    color: #007bff;
    background: transparent;
    padding: 8px 16px;
    /* border-radius: 32px; */
    vertical-align: middle;
    border: solid 1.76px #007bff;
    border-radius: 5.27px;
    width: calc(100% - 10px);
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    font-size: 1.08vw;
    /* font-weight: bold; */
    cursor: pointer;
}

.solutionbutton:hover {
    color: white;
    background: #007bff;
    padding: 8px 16px;
    /* border-radius: 32px; */
    vertical-align: middle;
    border: solid 1.76px #007bff;
    border-radius: 5.27px;
    width: calc(100% - 10px);
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    font-size: 1.08vw;
    /* font-weight: bold; */
}

.onelinesolution {
    margin-top: 7.56px;
    display: block;
}



#contactusd1 {
    font-size: 1.1vw;
    text-align: center;
}


#contactusd2 {
    font-size: 1.1vw;
    text-align: center;
}

#contactusd3 {
    font-size: 1.1vw;
    text-align: center;
}



.contic {
    width: 7vw;
    display: block;
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 32px;
}


.visionblock {

    display: inline-block;
    width: 33%;
    vertical-align: top;
    text-align: center;

}

.visico {
    width: 60%;
    display: block;
    margin: 0 auto;
}


#closeblueline {
    transform: rotate(45deg);
    position: absolute;
    right: 4vw;
    top: 3px;
    font-size: 1.8vw;
    display: block;
    color: white;
    z-index: 101;
    font-family: Arial;
}


.footerlink:hover {
    color: #3ebe6d
}




.solutiontypeblock-features-art {
    width: 22.97%;
    display: inline-block;
    margin: 0.75%;
    vertical-align: top;
    margin-bottom: 3.76vw;
}




#homepagevgreenline {
    width: 5vw;
    height: 6px;
    background: #3ebe6d;
    display: inline-block;
    z-index: 102;
    padding: 0;
    letter-spacing: 0;
}


#homepagevblueline {
    width: 5vw;
    height: 6px;
    background: #007bff;
    display: inline-block;
    z-index: 102;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    margin-left: -1.1vw;
}


.solutiontypeimghp {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    margin-left: 0.25vw;
}

.solutiontypedescdiv {
    text-align: center;
    margin: 0 auto;
}

.solutionnamedivhp {
    text-align: center;
    margin: 0 auto;
}

.solutiontypenamehp {
    text-align: center;
    margin: 0 auto;
    margin-top: -1.5vw;
    padding-left: 0;
    font-size: 1.11vw;
}

.solutiontypeservicehp {
    text-align: center;
    margin: 0 auto;
    padding-left: 0;
    margin-top: 8px;
    font-weight: normal
}

.solutiontypetexthp {
    text-align: center;
    margin: 0 auto;
    display: none;
}

.solutionbuttonhp {
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    margin-top: 16px;
}

.solutionbuttonhp:hover {
    text-align: center;
    margin: 0 auto;
    margin-top: 16px;
    font-weight: 700;
}




#newmainicon1counter {
    font-weight: 800
}

#newmainicon2counter {
    font-weight: 800
}

#newmainicon3counter {
    font-weight: 800
}


#newmainicon4counter {
    font-weight: 800
}

#newmainicon1word {
    font-weight: 600
}

#newmainicon2word {
    font-weight: 600
}

#newmainicon3word {
    font-weight: 600
}

#newmainicon4word {
    font-weight: 600
}


.newsoftdemogray {
    background: #F1F0F0;
    width: 92vw;
    margin: 0 auto;

}

.demohalf {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}

.demoimageleft {
    width: 147.5%;
    margin-left: -30%;
}

.demotextleft {
    font-size: 3.21vw;
    color: #3f3f3f;
    display: block;
    font-weight: 700;
    margin-left: 6vw;
}

.demobutton {
    background: #007bff;
    color: white;
    font-size: 1.26vw;
    padding: 1vw 1vw;
    border: solid 1px #007bff;
    border-radius: 5.27px;
    margin-left: 6vw;
    margin-top: 3vw;
    font-weight: 700;
    width: 43.5%;
}




.newsoftdemowhite {
    background: white;
    width: 92vw;
    margin: 0 auto;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
}


.demoimageright {
    width: 130%;
    margin-left: -6vw;
}


.demotextright {
    font-size: 3.21vw;
    color: #3f3f3f;
    display: block;
    font-weight: 700;
    text-align: right;
    margin-right: 6vw;
}



.demobuttonright {
    background: #007bff;
    color: white;
    font-size: 1.26vw;
    padding: 1vw 1vw;
    border: solid 1px #007bff;
    border-radius: 5.27px;
    margin-right: 6vw;
    margin-top: 3vw;
    font-weight: 700;
    width: 43.5%;
}


.demohalfright {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
    text-align: right;
}



#afcompanies {
    width: 95%;
}










#article-content {
    display: inline-block;
    width: 65%;
    color: #3f3f3f;
    text-align: justify;
    font-size: 1vw;
    line-height: 1.6vw;
    vertical-align: top;
    margin-bottom: 96px;
    font-weight: 300;
}


#article-sidebar {
    display: inline-block;
    width: 30%;
    height: max-content;
    margin-left: 5%;
    vertical-align: top;
}


#article {
    width: 90%;
    margin: 0 auto;
}

.article-header {
    font-size: 1.8vw;
    display: block;
    margin-bottom: 1.4vw;
    margin-top: 1.3vw;
    color: #3f3f3f;
    font-weight: 600;
}

.artsidelink {
    display: block;
    font-size: 1.26vw;
    color: #3f3f3f;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-weight: 500;
    line-height: 1.9vw;
}

.artsidelink :hover {
    border: 5px white solid;
}


.article-img {
    width: 100%;
    margin-top: 0.7vw;
    margin-bottom: 0.5vw;
}







#newsmartbrand {
    z-index: 99;
    color: white;
    font-size: 1.1vw;
    text-align: center;
    display: block;
    position: absolute;
    top: 112px;
    width: 92vw;
    z-index: 101;
}


#newsmartbrandline {
    background: rgb(45 199 104 / 90%);
    display: inline-block;
    padding-top: 21px;
    margin: 0;
    padding-bottom: 18px;
    border-top-left-radius: 5.27px;
    border-bottom-left-radius: 5.27px;
    padding-left: 27px;
    padding-right: 27px;
    vertical-align: middle;
    height: 20px;
}


#newsmartbrandbutton {
    background: rgb(0 121 254 / 90%);
    display: inline-block;
    padding-top: 21px;
    margin-left: -0.35vw;
    padding-bottom: 18px;
    border-top-right-radius: 5.27px;
    border-bottom-right-radius: 5.27px;
    padding-left: 27px;
    padding-right: 27px;
    vertical-align: middle;
    height: 20px;
}




















#clientscarouseldiv {
    width: 92vw;
    background: none;
    display: block;
    margin: 0 auto;
    margin-top: 16px;
}


#clcr1 {

    background: url("f/newclb1n.jpg");
    height: 360px;
    background-size: cover;
    display: inline-block;
    width: 25%;

}


#clcr2 {
    background: url("f/newclb2.jpg");
    background-position: bottom;
    height: 360px;
    background-size: cover;
    display: inline-block;
    width: 25%;
}


#clcr3 {
    background: url("f/newclb3.jpg");
    height: 360px;
    background-size: cover;
    display: inline-block;
    width: 25%;
}



#clcr4 {
    background: url("f/newclb4.jpg");
    background-position: bottom;
    height: 360px;
    background-size: cover;
    display: inline-block;
    width: 25%;
}



#clcr1text {
    font-size: 1.4vw;
    color: white;
    background: #007bff;
    margin: 1vw;
    padding: 1vw;
    vertical-align: bottom;
    display: block;
    margin-top: 207px;
    font-weight: bold;
}


#clcr2text {
    font-size: 1.4vw;
    color: #007bff;
    background: white;
    margin: 1vw;
    padding: 1vw;
    vertical-align: bottom;
    display: block;
    margin-top: 207px;
    font-weight: bold;
}



#clcr3text {
    font-size: 1.4vw;
    color: white;
    background: #007bff;
    margin: 1vw;
    padding: 1vw;
    vertical-align: bottom;
    display: block;
    margin-top: 207px;
    font-weight: bold;
}


#clcr4text {
    font-size: 1.4vw;
    color: #3ebe6d;
    background: white;
    margin: 1vw;
    padding: 1vw;
    vertical-align: bottom;
    display: block;
    margin-top: 207px;
    font-weight: bold;
}


#newclientsline {
    width: 92vw;
    margin: 0 auto;
    margin-top: 128px;
}

.newclientlogo {
    width: 13%;
    margin-right: 3%;
    padding: 1%;
}

#newclientslinetext {
    font-size: 1.4vw;
    padding-left: 1%;

}


#clcr1desc {
    font-size: 1vw;
    font-weight: normal;
    display: block;
    margin-top: 8px;
}


#clcr2desc {
    font-size: 1vw;
    font-weight: normal;
    display: block;
    margin-top: 8px;
    color: #3f3f3f;
}


#clcr3desc {
    font-size: 1vw;
    font-weight: normal;
    display: block;
    margin-top: 8px;
}


#clcr4desc {
    font-size: 1vw;
    font-weight: normal;
    display: block;
    margin-top: 8px;
    color: #3f3f3f;
}

.clsecondline {
    display: block;
    margin-top: -0.4vw;
}


.submenuitemlink {
    z-index: 999
}


.newshortbenefit {
    font-size: 1.4vw;
    color: #3f3f3f;
    text-align: center;

}








































/*Query Trigger*/
@media only screen and (min-width:768px) {
    #mobile-all-block {
        display: none;
    }
}










/*Query Trigger*/
@media only screen and (max-width:768px) {
    #alldesktop-homepage {
        display: none;
    }

    #alldesktop-features {
        display: none;
    }

    #alldesktop-customersuccess {
        display: none;
    }


    #alldesktop-solutiontype {
        display: none;
    }


    #wegiveyou {

        font-size: 7.71vw;
        width: 100%;
        margin-bottom: 32px;

    }


    .solutionsdesc {
        width: 90%
    }

    .wegiveyouline {
        font-size: 5.21vw;
        width: 80%;
        margin-bottom: 32px;
    }


    .signicon {
        width: 15vw;
        display: block;
        text-align: center;
        margin: 0 auto;
    }


    .solutionblock {
        width: 90%;
        margin-top: 32px;
        margin-bottom: 96px;
    }

    .qq {

        font-size: 7.91vw;

    }


    .qqq {
        font-size: 5.71vw;
        color: #3f3f3f;
    }


    .qqqq {
        font-size: 7.96vw;
    }



    .qqqqq {

        font-size: 5.99vw;


    }



    .qqqqqq ol li {
        font-size: 4.11vw !important;
        color: #3f3f3f;
        margin-left: 3vw;
    }


    .u {
        font-size: 5.27vw;
    }






    #alldesktop-ebook {
        display: none;
    }


    .accordion {
        font-size: 4.91vw;
    }



    .panel {
        font-size: 4.11vw;
    }




    #alldesktop-ybagtechinvolvement {
        display: none
    }



    #alldesktop-team {
        display: none;
    }



    .teamcard {
        margin-top: 64px;
        width: 100%;
        height: auto;
    }


    .teammateimg {
        width: 40vw;
    }





    .teamname {
        font-size: 4.96vw
    }

    .teamsubname {
        font-size: 4.36vw;
    }


    .teambio {
        font-size: 3.96vw;
    }

    .teammailtext {
        font-size: 4.21vw;
        margin-bottom: 32px;
    }


    .teammailicon {
        width: 10vw
    }



    #alldesktop-groplant {
        display: none;
    }


    #alldesktop-vision {
        display: none;
    }











    body {
        margin: 0;
        display: block;
        width: 100vw;
        overflow-x: hidden;
    }


    html {
        width: 100%;
        display: block;
        overflow-x: hidden;
    }



}












/*ALL MOBILE STYLES*/

#mobile-first-block {
    background: url("allmobile/mobileback1.jpg");
    background-size: cover;
    width: 100vw;
    height: 60vh;
    display: block;
    background-position: center;
    overflow: hidden;
}

#mobile-header {
    width: 100%;
    padding: 16px;
    overflow: hidden;
}

#mobile-logo-div {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

#mobile-logo {
    width: 100%;
    overflow: hidden;
}

#mobile-hamburger-div {
    width: 9.76%;
    display: inline-block;
    margin-left: 35%;
    vertical-align: top;
    margin-top: 2%;
    overflow: hidden;
}

#mobile-hamburger {
    width: 100%;
    overflow: hidden;
}



#mobile-h1-div {
    width: 100%;
    overflow: hidden;
    display: block;
}

#mobile-h1 {
    font-size: 7.11vw;
    color: white;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 45%;
    font-weight: bold;
    letter-spacing: 0.35vw;
    overflow: hidden;
    width: 100%;
}

#mobile-h1-blue-underline {
    display: block;
    width: 16vw;
    height: 8px;
    background: #007bff;
    margin: 0 auto;
    margin-top: 5%;
    overflow: hidden;
}



#mobile-second-block {
    width: 100vw;
    overflow: hidden;
}

#mobile-syngenta-div {
    width: 100%;
}

#mobile-syngenta-text {
    text-align: center;
    font-size: 5.23vw;
    font-style: italic;
    color: #333;
    display: block;
    margin-bottom: 32px;
    font-weight: 400;
    width: 90%;
    margin: 0 auto;
    margin-top: 32px;
}

#mobile-syngenta-logo {
    width: 50%;
    margin: 0 auto;
    display: block;
    margin-top: 21px;
}



#mobile-third-block {
    overflow-x: hidden;
}


#mobile-all-new-icons {
    text-align: center;
    margin-top: 64px;
}



.mobile-new-icon-block {
    border-bottom: solid 2px #007bff;
    padding-bottom: 16px;
    text-align: center;
    display: inline-block;
    width: 30%;
    margin: 5%;
}

.mobile-new-icon-img-div {
    width: 70%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.mobile-new-icon-img {
    width: 100%;
    background: #F1F0F0;
    border-radius: 100%;

    margin: 0 auto;
    text-align: center;
    display: block;
}

.mobile-new-icon-text-div {
    margin: 0 auto;
    display: block;
    text-align: center;
}


.mobile-new-icon-text-bold {
    color: #3f3f3f;
    font-size: 4.36vw;
    font-weight: 800;
    margin: 0 auto;
    margin-top: 16px;
    display: block;
    text-align: center;
}

.mobile-new-icon-text-regular {
    color: #3f3f3f;
    font-size: 4.36vw;
    font-weight: normal;
    margin: 0 auto;
    display: block;
    text-align: center;
}


.mobile-h-black {
    color: #3f3f3f;
    font-size: 6.71vw;
    font-weight: bold;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: 64px;
}


.mobile-solution-type-block {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 32px;
}

.mobile-solution-type-img {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding-left: 2%;
}

.mobile-solution-type-name {
    color: #3ebe6d;
    font-size: 5.32vw;
    font-weight: bold;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin-top: -27px;
}

.mobile-solution-type-subname {
    color: #3f3f3f;
    font-size: 4.76vw;
    font-weight: normal;
    display: block;
    text-align: center;
    margin-top: 16px;
}


.mobile-solution-type-button {
    color: #007bff;
    background: transparent;
    padding: 14px 16px;
    vertical-align: middle;
    border: solid 1.76px #007bff;
    border-radius: 5.27px;
    width: calc(80% - 10px);
    margin: 0 auto;
    text-align: center;
    font-size: 4.76vw;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    margin-top: 16px;
    margin-top: 27px;
    margin-bottom: 16px;
}


.mobile-demo-gray-block {
    background: #F1F0F0;
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 36px;
    margin-top: 36px;
    display: block;

}



.mobile-demo-white-block {
    background: white;
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 36px;
    margin-top: 36px;
    display: block;
}




.mobile-demo-img {
    width: 120%;
    margin-left: -10%;
}


.mobile-demo-small-text {
    color: #3f3f3f;
    font-weight: bold;
    font-size: 4.71vw;
    text-align: center;
    margin: 0 auto;
    display: block;

}

.mobile-demo-green-line {
    background: #3ebe6d;
    width: 14%;
    height: 6px;
    display: block;
    margin: 0 auto;
    margin-top: 23px;
}

.mobile-demo-big-text {
    color: #3f3f3f;
    font-weight: bold;
    font-size: 7.11vw;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 32px;
}


.mobile-demo-button {
    color: white;
    background: #007bff;
    padding: 14px 16px;
    vertical-align: middle;
    border: solid 1.76px #007bff;
    border-radius: 5.27px;
    width: calc(80% - 10px);
    margin: 0 auto;
    text-align: center;
    font-size: 4.76vw;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    margin-top: 16px;
    margin-top: 27px;
    margin-bottom: 36px;
    display: block;
}


mobile-tenth-block {
    display: block;
    width: 100%;
}


#mobile-partners-text {
    text-align: center;
    font-size: 5.23vw;
    font-style: normal;
    color: #333;
    display: block;
    font-weight: 400;
    width: 90%;
    margin: 0 auto;
    margin-top: 96px;
    margin-bottom: 32px;
    display: block;
}



#mobile-partners-logos-div {
    width: 100%;
    text-align: center;
}

.mobile-partner-logo-img {
    width: 40%;
    display: inline-block;
    margin: 2.5%;
}


#mobile-partner-big-block-one {
    background: url("f/newclb1n.jpg");
    background-size: cover;
    width: 90%;
    margin: 0 auto;
    height: 60vh;
    margin-top: 64px;
    margin-bottom: 64px;


}


#mobile-partner-big-block-one-text {
    color: white;
    background: #007bff;
    margin: 1vw;
    padding-top: 5vw;
    padding-bottom: 2vw;
    display: block;
    font-weight: bold;
    vertical-align: bottom;
    bottom: -33vh;
    position: relative;
    margin-left: 5vw;
    margin-right: 5vw;
}

#mobile-partner-big-block-one-name {
    display: block;
    font-size: 5.76vw;

}

#mobile-partner-big-block-one-description {
    display: block;
    font-size: 4.21vw;
    font-weight: normal;
    margin-top: 3vw;
}

.mobile-partner-arrow {
    margin: 0 auto;
    display: block;
    margin-top: 3%;
    width: 15%;


}



#mobile-partner-big-block-two {
    background: url("f/newclb2.jpg");
    background-size: cover;
    width: 90%;
    margin: 0 auto;
    height: 60vh;
    margin-top: 64px;
    margin-bottom: 64px;
    background-position: bottom;
}


#mobile-partner-big-block-two-text {
    color: white;
    background: white;
    margin: 1vw;
    padding-top: 5vw;
    padding-bottom: 2vw;
    display: block;
    font-weight: bold;
    vertical-align: bottom;
    bottom: -33vh;
    position: relative;
    margin-left: 5vw;
    margin-right: 5vw;
}

#mobile-partner-big-block-two-name {
    display: block;
    font-size: 5.76vw;
    color: #007bff
}

#mobile-partner-big-block-two-description {
    display: block;
    font-size: 4.21vw;
    font-weight: normal;
    margin-top: 3vw;
    color: #3f3f3f;
}



#mobile-partner-big-block-three {
    background: url("f/newclb3.jpg");
    background-size: cover;
    width: 90%;
    margin: 0 auto;
    height: 60vh;
    margin-top: 64px;
    margin-bottom: 64px;
}


#mobile-partner-big-block-three-text {
    color: white;
    background: #007bff;
    margin: 1vw;
    padding-top: 5vw;
    padding-bottom: 2vw;
    display: block;
    font-weight: bold;
    vertical-align: bottom;
    bottom: -33vh;
    position: relative;
    margin-left: 5vw;
    margin-right: 5vw;
}

#mobile-partner-big-block-three-name {
    display: block;
    font-size: 5.76vw;
}

#mobile-partner-big-block-three-description {
    display: block;
    font-size: 4.21vw;
    font-weight: normal;
    margin-top: 3vw;
}




#mobile-partner-big-block-four {
    background: url("f/newclb4.jpg");
    background-size: cover;
    width: 90%;
    margin: 0 auto;
    height: 60vh;
    margin-top: 64px;
    margin-bottom: 64px;
    background-position: bottom;
}


#mobile-partner-big-block-four-text {
    color: white;
    background: white;
    margin: 1vw;
    padding-top: 5vw;
    padding-bottom: 2vw;
    display: block;
    font-weight: bold;
    vertical-align: bottom;
    bottom: -33vh;
    position: relative;
    margin-left: 5vw;
    margin-right: 5vw;
}

#mobile-partner-big-block-four-name {
    display: block;
    font-size: 5.76vw;
    color: #3ebe6d;
}

#mobile-partner-big-block-four-description {
    display: block;
    font-size: 4.21vw;
    font-weight: normal;
    margin-top: 3vw;
    color: #3f3f3f;
}



#mobile-eleventh-block {
    text-align: center;
    padding-top: 32px;
    padding-bottom: 64px;
}

.mobile-affiliated-company-block {
    width: 40%;
    margin: 3.5%;
    display: inline-block;
}

.mobile-affiliated-company-image {
    width: 100%;
    display: block;
    margin-top: 32px;
}


.mobile-affiliated-company-name {
    font-size: 4.17vw;
    color: #3f3f3f;
    display: block;
    margin-top: 16px;
}


#mobile-footer-block {
    background: #F1F0F0;
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px;
    text-align: center;
}

#mobile-footer-logo {
    width: 45%;
    margin: 0 auto;
    display: block;
    margin-bottom: 64px;
    padding-right: 5%;

}


.mobile-footer-link {

    font-size: 4.37vw;
    color: #3f3f3f;
    display: block;
    margin-top: 32px;
    margin-bottom: 32px;
    font-weight: bold;
}


.footer-social-image {
    display: inline-block;
    width: 10%;
    margin: 2%;
}



#mobile-menu-block {
    position: absolute;
    width: 100%;
    background: #007bff;
    display: block;
    padding-top: 64px;
    padding-bottom: 32px;
    top: 0;
    height: 100vh;
    overflow-x: scroll;
}

.mobile-menu-header {
    font-size: 6.32vw;
    color: white;
    font-weight: bold;
    display: block;
    margin-left: 5vw;
    margin-bottom: 3vw;

}


.mobile-menu-item {
    font-size: 5.46vw;
    font-weight: normal;
    margin-left: 7vw;
    color: white;
    display: block;
    margin-bottom: 3vw;
}

.mobile-menu-group {
    margin-top: 11vw;
    display: block;
    width: 90%;
}


#mobile-menu-close {
    font-size: 9.76vw;
    color: white;
    margin-top: -47px;
    display: block;
    float: right;
    margin-right: 32px;
    font-family: Tahoma;
    font-weight: normal;
    padding: 2px;
}



#mobile-features-page-features-block {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 64px;
    text-align: center;
}



.mobile-features-page-single-feature-block {
    display: block;
    width: 100%;
    margin-top: 64px;
    margin-bottom: 64px;
}


.mobile-features-page-feature-image {
    display: block;
    width: 100%;
    border-radius: 5.27px;
    margin: 0 auto;

}

.mobile-features-page-feature-name {
    display: block;
    font-size: 5.76vw;
    font-weight: bold;
    margin-left: 4px;
    color: #3f3f3f;
    margin-top: 21px;
    text-align: left;
}

.mobile-features-page-feature-description {
    display: block;
    margin-top: 8px;
    font-size: 5.31vw;
    font-weight: normal;
    margin-left: 4px;
    color: #3f3f3f;
    text-align: left;
}





/*DESKTOP PATCH START*/


#patch-header {
    width: 92vw;
    margin: 0 auto;
    margin-bottom: 0.85vw;
    margin-top: 0.85vw;
}


#patch-header-logo-div {
    width: 12vw;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5vw;
    margin-right: 1vw;
}


#patch-logo {
    width: 100%;
}



#patch-menu {
    display: inline-block;
    vertical-align: middle;
}


.navbar {
    overflow: hidden;
}

.navbar a {
    float: left;
    font-size: 1vw;
    color: #3f3f3f;
    text-align: center;
    padding: 0.65vw 1vw;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 1vw;
    border: none;
    outline: none;
    color: #3f3f3f;
    padding: 0.65vw 1vw;
    margin: 0;
    background: transparent;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}




.dropdown-content-product_descrition {
    width: 19vw;
    color: #6a6a6a;
    font-weight: 100;
    font-size: 0.7vw;
    line-height: 1.15vw;
    text-align: justify;

}

.dropdown-content-product_title {
    font-weight: 700;
    /* color: #3EBE6D; */
    color: #5C5C5C;
    font-size: 1.2vw;
    font-family: 'Montserrat';
    font-style: normal;
    line-height: 1.8vw;
    /* margin-left: 15px; */
    /* border-bottom: 1px solid #F1F1F1; */
}

.dropdown-content-product_name {
    font-weight: 600;
    /* color: #3EBE6D; */
    color: #5C5C5C;
    font-size: 1vw;
    font-family: 'Montserrat';
    font-style: normal;
    /* border-bottom: 1px solid #F1F1F1; */
}

.dropdown-content-main-product {
    background-color: #f5f6f8;
    color: #5C5C5C;
    font-size: 1vw;
    font-weight: 500;

}

/* .dropdown-content-main-product:hover {
    border-bottom: solid 1.867px #FFFFFF;
}

.dropdown-content-main-product a:hover {
    border-bottom: solid 1.867px #FFFFFF;
} */

.dropdown-content-main-product_title {
    color: #5C5C5C;
    font-size: 1vw;
    font-weight: 600;
}

.dropdown-content-main-product_descrition {
    width: 19vw;
    color: #5C5C5C;
    font-weight: 100;
    font-size: 0.7vw;
    line-height: 1.15vw;
    text-align: justify;
    border-bottom: #F1F1F1 solid 1px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.99);
    min-width: 160px;
    padding: 8px;
    /* padding-bottom:32px;*/
    z-index: 2;
    border-radius: 5.27px;
    padding-top: 32px;
}

.dropdown-content-product {
    display: none;
    position: absolute;
    /* background-color: rgba(255, 255, 255, 1);*/
    min-width: 160px;
    /* padding: 18px; */
    /* padding-bottom: 32px; */
    z-index: 2;
    padding-top: 30px;
    background: #FBFEFD;
    box-shadow: 0px 60px 44px rgb(0 0 0 / 31%);
    border-radius: 10px;
    left: 16vw;
}

.dropdown-content-product-menu {
    display: none;
    position: absolute;
    /* background-color: rgba(255, 255, 255, 1);*/
    min-width: 160px;
    /* padding: 18px; */
    /* padding-bottom: 32px; */
    z-index: 2;
    padding-top: 30px;
    background: #FBFEFD;
    box-shadow: 0px 60px 44px rgb(0 0 0 / 31%);
    border-radius: 10px;
    left: 16vw;
}

.dropdown:hover .dropdown-content-product-menu {
    display: block;
}

.dropdown-content-product-menu a:hover {
    border-bottom: solid 1.867px #026de0;
    margin-bottom: 0px;

}

.dropdown-content-product-menu a {
    margin-bottom: 1.867px;
}

.dropdown-content-product_personal {
    margin-bottom: 1.867px;
}

.dropdown-content-product-menu .dropdown-content-product_personal:hover {
    border-bottom: solid 1.867px #3EBE6D;
    margin-bottom: 0px;
}

.dropdown-content-general-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #FBFEFD;
    padding: 0px 20px 30px 20px;
}

.dropdown-content-main-products {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f5f6f8;
    padding: 0px 20px 30px 20px;
    border-radius: 0px 0px 10px 10px;
}

.dropdown-content-general-products-div {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #F1F1F1;
    margin-left: 15px;
    margin-right: 15px;
    width: 13vw;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 26px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: solid 1.867px lightgrey;
}

.dropdown-content-general-products a {
    float: none;
    color: black;
    padding: 1vw 1vw 0.5vw 0vw;
    margin-right: 15px;
    margin-left: 15px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #F1F1F1;
    width: 12vw;
}

.dropdown-content-main-products a {
    float: none;
    color: black;
    padding: 1vw 1vw 0.5vw 0vw;
    margin-right: 15px;
    margin-left: 15px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: solid 1px #D8D8D8;
    width: 12vw;
}

.dropdown-content-product a {
    float: none;
    color: black;
    padding: 0.5vw 1vw;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: solid 1.867px transparent;
}



.dropdown-content a:hover {
    /* border-bottom: solid 1.867px #007bff; */
    border-bottom: solid 1.867px #026de0;

}

.dropdown-content-product a:hover {
    /* border-bottom: solid 1.867px #007bff; */
    border-bottom: solid 1.867px #026de0;

}


.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropdown-content-product {
    display: grid;
    grid-template-columns: 1fr 1fr;

}





#patch-menu-sign-block {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 0.65vw;

}


#patch-sign-in-button {
    color: #007bff;
    background: white;
    border-radius: 5.27px;
    border: solid 2px white;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 500;
    padding: 0.65vw 1vw;
    vertical-align: middle;
}



#patch-sign-up-button {
    color: white;
    background: #007bff;
    border-radius: 5.27px;
    border: solid 2px #007bff;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 500;
    padding: 0.65vw 1vw;
    vertical-align: middle;
}









#desktop-language-active {
    font-size: 1vw;
    vertical-align: middle;
}


#desktop-language-non-active {
    font-size: 1vw;
    border-bottom: solid 2.96px white;
    vertical-align: middle;
}






#patch-video-block-title-div {
    width: 92vw;
    display: block;
    position: absolute;
    top: 32vh;
    text-align: center;
}





#patch-video-block-title-div {
    width: 92vw;
    display: block;
    position: absolute;
    top: 32vh;
    text-align: center;
}


#patch-video-block-title {
    text-align: center;
    color: white;
    font-size: 3.59vw;
    font-weight: 700;
    text-shadow: none;
    letter-spacing: 0.2vw;
    display: block;

}


#patch-video-block-blue-line {
    width: 5vw;
    height: 6px;
    background: #007bff;
    display: inline-block;
    z-index: 102;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    /*   margin-left: -1.1vw;*/
    margin: 0 auto;
    margin-top: 2vw;
}



#patch-ultra-message-div {
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 92vw;
    text-align: center;
    vertical-align: middle;
    top: 20vh;
}



#patch-ultra-message-text-div {
    display: inline-block;
    background: rgb(45 199 104 / 90%);
    height: 3vw;
    vertical-align: middle;
    padding-left: 1vw;
    padding-right: 1vw;
    border-top-left-radius: 5.27px;
    border-bottom-left-radius: 5.27px;
    padding-top: 1vw;
}

#patch-ultra-message-text {
    color: white;
    font-size: 1.32vw;
    vertical-align: middle;
}

#patch-ultra-message-button-div {
    display: inline-block;
    background: rgb(0 121 254 / 90%);
    height: 3vw;
    padding-left: 1vw;
    padding-right: 1vw;
    vertical-align: middle;
    border-top-right-radius: 5.27px;
    border-bottom-right-radius: 5.27px;
    padding-top: 1vw;
}


#patch-ultra-message-button {
    color: white;
    font-size: 1.32vw;
    vertical-align: middle;
}

#patch-ultra-icon {
    width: 1vw;
    vertical-align: middle;
}




#patch-image-block-title {
    text-align: right;
    color: white;
    font-size: 2.49vw;
    font-weight: 700;
    text-shadow: none;
    letter-spacing: 0.1vw;
    display: block;
    margin-top: 1vw;
    margin-right: 4vw;


}



#patch-image-block-subtitle {
    font-size: 1.76vw;
    display: block;
    margin-top: 1vw;
}














#patch-footer {
    display: block;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: solid 36px #ececec !important;
    border-top: solid 1px lightgray;
    margin-bottom: 0;
    margin-top: 96px;
}


#patch-footer-logo-div {
    display: inline-block;
    width: 7.5%;
    margin-left: 5%;
    margin-right: 2%;
    vertical-align: middle;
}

#patch-footer-logo {
    display: block;
    width: 100%;
    vertical-align: middle;
}


#footer-links-div {

    display: inline-block;
    vertical-align: middle;

}


.footersocialicon {
    width: 36px;

}




/*DESKTOP PATCH END*/




#disclaimer {

    margin-left: -7.5%;
    width: 70%;
}

#aboutspan {
    font-size: 1.1vw;
    color: #3f3f3f;
    width: 65%;

    display: block;
    text-align: left;
    margin-bottom: 96px;
    margin-top: 96px;

}



.article-name {
    font-size: 1.3vw;
    color: #3f3f3f;
    margin-top: 16px;
    display: block;
    height: 3vw;
    position: static;
    width: 100%;

}


.article-description {
    overflow: hidden;
    width: 95%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 0.9vw;
    color: #3f3f3f;
    text-align: justify;
    margin: 0 auto;
    margin-top: 16px;
}

.article-fl-i {
    width: 1.5vw;
    display: inline-block;
    vertical-align: middle;
}


.article-fl-l {
    font-size: 0.8vw;
    color: #3ebe6d;
    display: inline-block;
    margin: 0.8vw;
    vertical-align: middle;
}


.article-fl-d {
    font-size: 0.8vw;
    color: #3ebe6d;
    display: inline-block;
    margin: 0.8vw;
    vertical-align: middle;
}

.article-fl-r {
    font-size: 0.8vw;
    color: #3ebe6d;
    display: inline-block;
    margin: 0.8vw;
    vertical-align: middle;
}

.solutiontypeblock-features-art {
    margin-bottom: 1.96vw;
}


.under-photo-textMS {
    font-size: 0.3vw;
    color: gray;
    margin-bottom: 0.5vw;
}