.blacktranspbg {
    background-color: rgba(51, 52, 62, 0.5);
    border-radius: 10px;
}

.margin-card {
margin-left: 40px;
margin-top: 40px;
}

.br10 {
    border-radius: 10px;
}

.headerbackground {
    background-color: #33343e!important;
}

.yllwtxt {
    color: #fecc07!important;
}

.txtblck {
    color: black!important;
}

.txtwht {
    color: white!important;
}

.kvdrtyllw {
    border: 3px solid #fecc07;
}

.footersocial {
    align-self: center;
    text-align: center;
}

.boxshadowcard {
    box-shadow: -1px 1px 30px -1px rgba(143, 115, 10, 0.71);
}

/* margin */
.ml10 {
margin-left: 10px;
}

.mr5 {
    margin-right: 5px;
}

.vertcialcenter {
margin: 0;
position: relative;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.vmv{
background-image: url(/documents/modupatterntinyyllw.webp);
background-size: cover;
}

.pagecover{
background-image: url(/documents/modupattern.webp);
background-size: cover;
background-position: center;
}

.pagecoversingle{
    background-image: url(/documents/modupatternsingle.webp);
    background-size: cover;
    background-position: center;
}

.sectioncover{
    background-image: url(/documents/modupatternsmall.webp);
    background-size: cover;
    background-position: center;
}

.sectioncoveryllw{
    background-image: url(/documents/modupatternsmallyllw.webp);
    background-size: cover;
    background-position: center;
}