@font-face{font-family: "AGRESSIVE"; src: url("../font/AGRESSIVE.eot"); src: url("../font/AGRESSIVE.woff") format("woff"), url("../font/AGRESSIVE.ttf") format("truetype"), url("../font/AGRESSIVE.svg") format("svg"); font-weight: normal; font-style: normal;}
 @font-face{font-family: "Comfortaa-Light"; src: url("../font/Comfortaa-Light.eot"); src: url("../font/Comfortaa-Light.woff") format("woff"), url("../font/Comfortaa-Light.ttf") format("truetype"), url("../font/Comfortaa-Light.svg") format("svg"); font-weight: normal; font-style: normal;}
.bg1{background-repeat: no-repeat; background-position: center; background-size: cover;}
 @media (min-width: 768px){.text-left1{position: absolute; top: 152px; left: 22%;}
.n-card1{width: 50%;}
.n-card2{width: 50%;}
.f-center{display: flex; justify-content: center;}
.no-padding{padding: 0;}
.desktop.text-left1{position: absolute; top: 28px; left: 0; right: 0; text-align: center;}
.desktop.text-left5{position: absolute; top: 162px; left: 0; right: 0; text-align: center;}
.desktop.img-center-bottom1{position: absolute; right: 0; bottom: 50px; left: 0; text-align: center;}
.desktop.img-center-bottom5{position: absolute; right: 0; bottom: 15%; left: 0;}
.desktop.img-center-top{position: absolute; right: 0; top: 100px; left: 0; right: 0; text-align: center;}
.desktop.img-center-bottom2{position: absolute; right: 0; padding-top: 90px; bottom: 0;}
.desktop.img-center-bottom3{position: absolute; right: 0; padding-top: 90px; bottom: 40px;}
.desktop.text-top-center{position: absolute; text-align: center; left: 0; right: 0; top: 65px;}
.desktop.text-top-center1{position: absolute; text-align: center; left: 0; right: 0; top: 80px;}
.desktop.text-top-center2{position: absolute; text-align: center; left: 0; right: 0; top: 50px;}
.desktop.text-left2{position: absolute; top: 132px; left: 5%;}
.android-box{width: 100%; left: 0%; right: 0; padding: 60px 40px; position: absolute;}
} @media (max-width: 767px){.right-box{left: 0; right: 0;} .m-banner{width:311px !important;}
} @media (max-width: 800px){.text-left2{position: inherit; right: inherit; display: inline-block;}
} .content{padding: 0px 0; overflow: hidden;}
.mrb5{margin-bottom: 22px !important;}
.mrb10{margin-bottom: 10px !important;}
.content h2.mrb25{margin-bottom: 25px !important;}
.content p{font-size: 34px; line-height: 32px; color: #915d4c; font-family: "Comfortaa-Light"; margin-bottom: 0;}
.text114{font-size: 114px !important;}
.text30{font-size: 30px !important; margin-top: 25px;}
.mb10{margin-bottom: 10px !important;}
.mt0{margin-top: 0;}
.content h2{font-size: 55px; font-family: "AGRESSIVE"; margin-top: 0; margin-bottom: 10px !important; letter-spacing: 2px; text-transform: uppercase; -webkit-text-fill-color: transparent; background: linear-gradient(180deg,rgba(141, 90, 74, 1) 0%, rgba(110, 65, 50, 1) 80%) text; margin-bottom: 30px; position: relative;}
.fnt38{font-size: 38px !important;}
.fnt34{font-size: 34px !important;}
.fnt50{font-size: 50px !important; line-height: 50px !important;}
.fnt140{font-size: 140px !important; line-height: 1 !important;}
.fnt180{font-size: 180px !important; line-height: 1 !important;}
.content{padding-top: 30px;}
.rel{position: relative;}
.content{padding: 0;}
 @media (max-width: 1024px){
} @media (max-width: 800px){.content h2{font-size: 28px;}
.content h2{font-size: 19px;}
} @media (max-width: 750px){.content{min-height: auto;}
} @media (max-width: 600px){
.content h2{font-size: 19px; text-align: center;}
.content p{font-size: 18px;}
} .right-box{position: absolute; right: 0; bottom: 0; z-index: 1; margin-top: 11%;}