@font-face{font-family: "Inter18pt-Black"; src: url("../font/Inter18pt-Black.eot"); src: url("../font/Inter18pt-Black.woff") format("woff"), url("../font/Inter18pt-Black.ttf") format("truetype"), url("../font/Inter18pt-Black.svg") format("svg"); font-weight: normal; font-style: normal;}
 @font-face{font-family: "Inter18pt-Regular"; src: url("../font/Inter18pt-Regular.eot"); src: url("../font/Inter18pt-Regular.woff") format("woff"), url("../font/Inter18pt-Regular.ttf") format("truetype"), url("../font/Inter18pt-Regular.svg") format("svg"); font-weight: normal; font-style: normal;}
.bg1{background-repeat: no-repeat; background-position: center; background-size: cover;}
 @media (min-width: 768px){.box-absolute .w-card1{width: 28.4% !important;}
.box-absolute .w-card2{width: 29.2% !important;}
.box-absolute .w-card3{width: 42.4% !important;}
.box-absolute .w-card4{width: 50% !important;}
.box-absolute .w-card5{width: 50% !important;}
.no-padding{padding: 0;}
.desktop.img-left1{position: absolute; top: 0; left: 5%;}
.desktop.img-left1-1{position: absolute; top: 336px; left: 12%;}
.desktop.text-left5{position: absolute; top: 140px; left: 5%;}
.desktop.text-left1-2{position: absolute; top: 0; left: 14%; z-index: 1;}
.desktop.text-right5{position: absolute; top: 209px; right: 5%; text-align: right;}
.desktop.img-bottom-center2{position: absolute; top: 400px; left: 0; right: 0; width: 1320px; margin: auto;}
.desktop.text-top-center{position: absolute; text-align: center; left: 0; right: 0; top: 128px;}
.desktop.text-top-center2{position: absolute; text-align: center; left: 0; right: 0; top: 80px; z-index: 1;}
.desktop.text-bottom-center5{position: absolute; bottom: 100px; text-align: center; left: 0; right: 0;}
.desktop.text-top-right1{position: absolute; top: 100px; left: 756px;}
.desktop.text-top-left1{position: absolute; top: 839px; left: 40px;}
.box-absolute{width: 100%; left: 0%; right: 0; padding: 80px 40px; position: absolute;}
.mb0{margin-bottom: 0 !important;}
} @media (max-width: 767px){.m-banner{width: 83% !important;}
.rotate-box{margin-top: 48% !important;}
} .content{padding: 0px 0; overflow: hidden;}
.mrb5{margin-bottom: 22px !important;}
.content p{font-size: 32px; line-height: 32px; color: #ffffff; font-family: "Inter18pt-Regular"; margin-bottom: 0;}
.mb0{margin-bottom: 0;}
.content h2{font-size: 95px; line-height: inherit; font-family: "Inter18pt-Black"; margin-top: 0; text-transform: uppercase; -webkit-text-fill-color: transparent; background: linear-gradient(170deg,rgba(245, 255, 206, 1) 0%, rgba(154, 108, 45, 1) 72%, rgba(140, 86, 21, 1) 100%) text; margin-bottom: 30px; position: relative;}
.fnt18{font-size: 18px !important;}
.content{padding-top: 30px;}
.rel{position: relative;}
.content{padding: 0;}
 @media (max-width: 1024px){.bg1{min-height: 500px;}
} @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){.bg1{min-height: 400px;}
.content h2{font-size: 19px; text-align: center;}
.content p{font-size: 18px;}
} .rotate-box{position: absolute; right: 0; top: -15px; z-index: 1; margin-top: 5%;}
.text-camera{position: absolute; right: 0; top: 240px; width: 100%; max-width: 1337px; text-align: right; left: 0; margin: auto;}
.text-div{position: absolute; right: 6%; top: 30px; width: 70%; text-align: right;}
.text-box{width: 100%;}
.text-box1{margin-top: 120px; width: 96%; float: right;}
.text-camera h2.title{font-size: 25px; line-height: 1; -webkit-text-fill-color: transparent; background: linear-gradient(180deg,rgba(245, 255, 206, 1) 0%, rgba(154, 108, 45, 1) 72%, rgba(140, 86, 21, 1) 100%) text;}
.text-camera p{font-size: 20px;}
.text-camera .line{height: 1px; background: #ffffff; transform: scaleX(0); transform-origin: left; margin-top: 6px; transition: transform 8s ease; margin-top: 6px;}
@keyframes grow {to {transform: scaleX(1);}}[data-aos="line-grow"].aos-animate {transform: scaleX(1);}
.clearfix{clear:both;}