body{
	font-family: 'Arial' !important;
	font-size: 16px;
   font-weight: normal;
   color: #000 !important;
}
.logo-section{
    max-width: 1920px;
    margin: 0px auto;
}
.home-banner{
    position: relative;
    background: url(../img/background-1.jpg);
    height: 100vh;
    background-position: center;
    background-size: cover;
}

.logo img{
    max-width: 100%;
}
.logo{
       text-align: center;
    padding-top: 30px;
    z-index: 999;
    position: relative;
}


.home-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 1070px;
    padding: 0px 20px;
    width: 100%;
    text-align: center;
    transform: translate(-50%, 30%);
}
.home-banner-2{
    position: relative;
    background: url(../img/background-3.jpg);
    height: 118vh;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.share-expend{
     position: absolute;
    left: 50%;
    bottom: 9%;
    max-width: 1070px;
    width: 100%;
    text-align: center;
    transform: translate(-30%, 0%); 
}

.canvas-section{
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 700px;
    padding: 0px 20px;
    width: 100%;
    z-index: 1;
    text-align: center;
    transform: translate(-50%, -50%);
}

.canvas-section p{
    color: #fff;
}
.goat-bg{
  position: absolute;
    bottom: 0px;
    text-align: center;
    z-index: 999;
}

.goat-bg img{
    max-width: 100%;
}
.frame{
        position: absolute;
    left: 50%;
    top: 50%;
    max-width: 1070px;
    padding: 0px 20px;
    width: 100%;
       text-align: center;
    transform: translate(-50%, -50%);
}
.frame img{
    max-width: 100%;
}
 
.unity-desktop .frameimage{
	position: absolute;
	left: 0%;
	/* top: 0%; */
}
.unity-desktop .dearimage{
	position: absolute;
	bottom: -261px;
	left: auto;
	right: -593px;
}
.unity-desktop .newdearimage {
    position: absolute;
    left: -50%;
    top: -40%;
    z-index: -1;
}