.one-background-image{
    background-image: url('../../images/virtual-fair-form/bolum1.png');  background-repeat: no-repeat;
    background-position: bottom; padding-bottom: 70px; padding-top: 50px; position: relative; z-index: 3;
}
.one-background-image > .first-div{
    background-color: white; padding-bottom: 10px;
}
.images-width{
    width: 100%
}
.images-width2{
    width: 100%
}
.wood-div .wood-image{
    background-image: url('../../images/virtual-fair-form/wood.png');     background-repeat: no-repeat;
    background-position: center;
    height: 257px;
    margin-top: -147px;
}
.wood-div .wood-span{
    position: relative;
    top: -82px;
    font-size: 48px;
    left: 60px;
    color: white;
}
.why-item{
    background-color: #f3f3f3; border: solid 5px #ffff; margin-bottom: 5px;    min-height: 350px;
}
.padding-5{
    padding: 5px
}
.center-align{
    text-align: center;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.why-item-span{
    font-size: 15px; text-decoration: underline;
}
.two-background-image{
    background-image: url('../../images/virtual-fair-form/bolum3.png'); background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 70px;
    position: relative;
    z-index: 3;
    padding-top: 100px;
}
.two-background-image > .first-div{
    background-color: white; padding-bottom: 10px;
}
.why-virtual-fair{
    font-size: 23px;
    font-weight: bold;
    text-decoration: underline;
}
.padding-top-45{
    padding-top: 45px;
}
.font-size-17{
    font-size: 17px
}
.wood-div > .wood-span-2{
    position: relative;
    top: -82px;
    font-size: 48px;
    left: 310px;
    color: white;
}
.wht-item-w2{
    background-color: #f3f3f3; margin-bottom: 5px;  padding: 23px;  height: 200px; border: solid 5px #ffff;
}
.company-logo{
    width: 100%;
    max-height: 150px !important;
    object-fit: contain;
    transition: all 0.3s;
}
.tree-background-image{
    background-image: url('../../images/virtual-fair-form/bolum3.png'); background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 90px;
    position: relative;
    z-index: 3;
    padding-top: 100px;
}
.virtual-fair-category{
    width: 300px;
    height: 300px;
    border-radius: 150px;
}
.padding-top-60{
    padding-top: 60px;
}
.tree-background-image .span-title{
    font-size: 17px;
    font-weight: 500;
}
.wood-div-2{
    background-image: url('../../images/virtual-fair-form/wood.png');     background-repeat: no-repeat;
    background-position: center;
    height: 257px;
    margin-top: -147px;
}
.wood-span-3{
    position: relative;
    top: -82px;
    font-size: 48px;
    left: 150px;
    color: white;

}
.padding-bottom-25{
    padding-bottom: 25px;
}
.wht-item-w3{
    background-color: #f3f3f3; border: solid 5px #ffff; margin-bottom: 5px;  min-height: 200px;
}
.width-70{
width: 30%;
}
@media (min-width:768px ) and (max-width: 1024px) {
 .wood-span-3{
     position: relative;
     top: -82px;
     font-size: 48px;
     left: 70px !important;
     color: white;
 }
    .wood-span-2{
        position: relative;
        top: -82px;
        font-size: 48px;
        left: 245px !important;
        color: white;
    }
    .why-item {
        background-color: #f3f3f3;
        border: solid 5px #ffff;
        margin-bottom: 5px;
        min-height: 420px;
    }
    .wood-div .wood-span {
        position: relative;
        top: -82px;
        font-size: 44px;
        left: 24px;
        color: white;
    }
}
@media (min-width:425px ) and (max-width: 768px) {
    .wood-span-3{
        position: relative;
        top: -82px;
        font-size: 46px;
        left: 57px !important;
        color: white;
    }
    .wood-span-2{
        position: relative;
        top: -82px;
        font-size: 48px;
        left: 210px !important;
        color: white;
    }
    .why-item {
        background-color: #f3f3f3;
        border: solid 5px #ffff;
        margin-bottom: 5px;
        min-height: 420px;
    }
    .wood-div .wood-span {
        position: relative;
        top: -82px;
        font-size: 40px;
        left: 24px;
        color: white;
    }
    .images-width2{
        width: 20%;
    }
    .why-item > .padding-5{
        text-align: center;
    }
    .why-item > .center-align{
       font-size: 20px;
    }
    .wht-item-w2 {
        background-color: #f3f3f3;
        margin-bottom: 10px;
        padding: 23px;
        height: 210px;
        border: solid 5px #ffff;
    }
    .virtual-fair-category {
        width: 200px;
        height: 200px;
        border-radius: 150px;
    }
    .padding-top-60 {
        padding-top: 290px;
    }
    .width-70 {
        width: 8%;
    }
    .wht-item-w3 {
        background-color: #f3f3f3;
        border: solid 5px #ffff;
        margin-bottom: 5px;
        min-height: 146px;
    }
}
@media (min-width:375px ) and (max-width: 425px) {
    .wood-div .wood-image {
        background-image: url(../../images/virtual-fair-form/wood.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 320px;
        margin-top: -198px;
    }
    .wood-span-3{
        position: relative;
        top: -75px;
        font-size: 27px;
        left: 19px !important;
        color: white;
    }
    .wood-span-2{
        position: relative;
        top: -115px !important;
        font-size: 48px;
        left: 50px !important;
        color: white;
    }
    .why-item {
        background-color: #f3f3f3;
        border: solid 5px #ffff;
        margin-bottom: 5px;
        min-height: 420px;
    }
    .wood-div .wood-span {
        position: relative;
        top: -134px;
        font-size: 37px;
        left: 24px;
        color: white;
    }
    .images-width2{
        width: 20%;
    }
    .why-item > .padding-5{
        text-align: center;
    }
    .why-item > .center-align{
        font-size: 20px;
    }
    .wht-item-w2 {
        background-color: #f3f3f3;
        margin-bottom: 10px;
        padding: 23px;
        height: 150px;
        border: solid 5px #ffff;
    }
    .virtual-fair-category {
        width: 200px;
        height: 200px;
        border-radius: 150px;
    }
    .padding-top-60 {
        padding-top: 50px;
    }
    .width-70 {
        width: 8%;
    }
    .wht-item-w3 {
        background-color: #f3f3f3;
        border: solid 5px #ffff;
        margin-bottom: 5px;
        min-height: 146px;
    }
}
@media (min-width:320px ) and (max-width: 375px) {
    .wood-div .wood-image {
        background-image: url(../../images/virtual-fair-form/wood.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 320px;
        margin-top: -198px;
    }
    .wood-span-3{
        position: relative;
        top: -79px;
        font-size: 23px;
        left: 6px !important;
        color: white;
    }
    .wood-span-2{
        position: relative;
        top: -108px !important;
        font-size: 36px !important;
        left: 30px !important;
        color: white;
    }
    .why-item {
        background-color: #f3f3f3;
        border: solid 5px #ffff;
        margin-bottom: 5px;
        min-height: 420px;
    }
    .wood-div .wood-span {
        position: relative;
        top: -126px;
        font-size: 29px;
        left: 12px;
        color: white;
    }
    .images-width2{
        width: 20%;
    }
    .why-item > .padding-5{
        text-align: center;
    }
    .why-item > .center-align{
        font-size: 20px;
    }
    .wht-item-w2 {
        background-color: #f3f3f3;
        margin-bottom: 10px;
        padding: 23px;
        height: 120px;
        border: solid 5px #ffff;
    }
    .virtual-fair-category {
        width: 200px;
        height: 200px;
        border-radius: 150px;
    }
    .padding-top-60 {
        padding-top: 50px;
    }
    .width-70 {
        width: 8%;
    }
    .wht-item-w3 {
        background-color: #f3f3f3;
        border: solid 5px #ffff;
        margin-bottom: 5px;
        min-height: 146px;
    }
    .padding-top-20{
        margin-top: 7px;
    }
}