.xraySection .canvasXrayContainer{position:relative;margin:auto;width:100%;max-width:100%;overflow:hidden;max-height:calc(100vh - 87px)}
.xraySection .canvasXrayContainer canvas{margin:auto;position:relative;max-width:100%;margin:auto}
.highlights-text-container{margin:auto;position:absolute;top:15vh;z-index:1;left:40px}
.highlights-text-container .text-title-cover{font-size:30px;width:100vw;padding:20px;line-height:1}
.highlights-text-container .text-title-cover .text-title{margin:auto;font-family:'guardiansans-semibold'}
.btr-fonts .highlights-text-container .text-title-cover .text-title{font-family:'butler-bold'}
.highlights-text-container .text-description-cover{width:100vw;padding:20px;font-size:16px;border:0;position:absolute;bottom:-55vh}
.engineSectionB{background:linear-gradient(45deg,#dee6ee,#ced9df)}
@media(min-width:768px){.highlights-text-container{top:10vh;z-index:1}
.highlights-text-container .text-title-cover{font-size:30px;width:42%;margin-left:10%;text-align:left;line-height:1}
.highlights-text-container .text-description-cover{width:35%;float:right;margin-top:-50px;font-size:16px;position:relative;bottom:unset;padding-top:0}
}
@media(min-width:992px){.highlights-text-container .text-description-cover{margin-top:0;font-size:16px}
}
@media(min-width:1200px){.highlights-text-container .text-title-cover{font-size:56px;width:680px;margin-left:6%;text-align:left;line-height:1;padding:0}
.highlights-text-container .text-description-cover{width:23%;float:right;margin-top:-10px;position:relative;margin-right:6%;padding:0}
}
.engineSectionB .engineCanvasContainer{position:relative;margin:auto;width:100%;max-width:100%;overflow:hidden;height:calc(100vh - 40px);display:flex}
.engineSectionB .engineCanvasContainer .canvas-cover{height:100%;width:auto;max-width:100%;margin:auto}
.engineSectionB .engineCanvasContainer canvas{position:relative;width:100%;max-width:unset;transform:translateX(-50%) translateY(-50%);left:50%;top:50%}
.engineSectionB.welcomeBannerAdjustHeigthWithNavbar .engineCanvasContainer .canvas-cover canvas{height:auto}
@media(min-width:768px){.engineSectionB .engineCanvasContainer canvas{position:relative;width:100%;height:100%;max-width:unset;transform:translateX(-50%) translateY(-50%);left:50%;top:50%}
}
.engineSectionB .highlights-text-container{margin:auto;position:absolute;top:15vh;z-index:1}
.engineSectionB .highlights-text-container .text-title-cover{font-size:48px;line-height:1;width:100vw;padding:20px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}
.engineSectionB .highlights-text-container .text-title-cover .text-title{margin:auto;overflow:hidden;max-height:300px}
.engineSectionB .highlights-text-container .text-description-cover{width:100vw;padding:20px;font-size:16px;border:0;position:absolute;bottom:-50vh}
.engineSectionB .highlights-text-container .text-description-cover .text-description{overflow:hidden;max-height:500px}
.engineSectionB .highlights-text-container .text-description-cover .text-description p{font-size:16px;line-height:1.35;letter-spacing:-0.5px}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-title-cover,.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover{margin-left:70px}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-title-cover{-webkit-text-stroke:.8px}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover .text-description p{font-family:'montserrat-regular' !important;font-size:14px;line-height:22px;color:#000}
@media(min-width:768px){.engineSectionB .highlights-text-container{top:calc(42.5% + 3px);z-index:1}
.section-k1g-scroll.engineSectionB .highlights-text-container{left:0}
.engineSectionB .highlights-text-container .text-title-cover{font-size:44px;margin-left:10%;text-align:left;line-height:1}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-title-cover{max-width:500px}
.engineSectionB .highlights-text-container .text-description-cover{width:35%;float:right;margin-top:-50px;font-size:16px;position:relative;bottom:unset;padding-top:0}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover{width:500px;margin-top:0;bottom:unset;padding-top:50px;top:calc(50% + 100px);transform:translateY(-50%);float:unset;overflow:hidden}
.section-k1g-scroll .highlights-text-container .text-title-cover .text-title{line-height:1;font-size:32px}
}
@media(max-width:992px) and (min-width:768px){.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover{padding-left:0}
}
@media(min-width:992px){.highlights-text-container .text-description-cover{margin-top:0;font-size:16px}
}
@media(min-width:1200px){.engineSectionB .engineCanvasContainer{height:calc(100vh - 70px)}
.engineSectionB .highlights-text-container .text-title-cover{font-size:44px;width:680px;margin-left:80px;text-align:left;line-height:1;padding:0}
.engineSectionB .highlights-text-container .text-description-cover{width:16%;float:right;margin-top:-5px;position:relative;margin-right:8%;padding:0}
.engineSectionB .highlights-text-container .text-description-cover .text-description p{font-family:"Roboto-Medium" !important;font-size:18px;line-height:24px;letter-spacing:-0.5px}
}
@media(min-width:1500px){.engineSectionB .highlights-text-container .text-title-cover{font-size:72px}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-title-cover{max-width:730px}
}
@media(min-width:1800px){.engineSectionB .highlights-text-container .text-title-cover{font-size:calc(30px + 2vw);margin-left:10%}
.engineSectionB .highlights-text-container .text-description-cover{width:20%;right:2.5%;margin-top:-2.5%}
.engineSectionB .highlights-text-container .text-description-cover .text-description p{font-size:calc(14px + 0.5vw)}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-title-cover,.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover{margin-left:120px}
}
@media(max-width:992px) and (min-width:768px){.engineSectionB .highlights-text-container .text-title-cover{margin-left:20px;padding-left:0;width:60%}
.section-k1g-scroll.engineSectionB .engineCanvasContainer canvas{margin-top:140px !important}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-title-cover{top:0;transform:translateY(-100%)}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover{top:0;transform:translateY(-120%)}
}
@media(max-width:992px){.section-k1g-scroll.engineSectionB .highlights-text-container .text-title-cover,.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover{margin-left:20px;padding-left:0}
}
.arial-ft .engineSectionB .highlights-text-container .text-description-cover .text-description p{font-family:"Arial-regular" !important}
.arial-ft .engineSectionB .highlights-text-container .text-description-cover{font-family:"Arial-regular"}
.arial-ft .engineSectionB .highlights-text-container .text-title-cover{font-family:"Arial-bold"}
@media(max-width:767px){.engineSectionB .highlights-text-container{top:31vh;left:0;right:0}
.highlights-text-container .text-title span{width:max-content;display:block;margin:auto}
.section-k1g-scroll .highlights-text-container .text-title span{width:unset;font-size:28px;-webkit-text-stroke:.8px;line-height:1.1}
.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover{padding:30px;padding-left:0;overflow:hidden;padding-top:50px;bottom:-60vh}
.section-k1g-scroll.engineSectionB{padding-bottom:28px}
}
@media(max-width:480px){.section-k1g-scroll.engineSectionB .engineCanvasContainer canvas{top:45%}
}
@media(max-height:610px) and (min-height:600px){.section-k1g-scroll.engineSectionB .engineCanvasContainer canvas{top:40%}
}
@media(max-width:321px){.engineSectionB .highlights-text-container{top:40vh}
}
@media screen and (max-width:380px) and (max-height:670px) and (min-width:370px) and (min-height:665px),(max-width:325px) and (max-height:600px){.section-k1g-scroll.engineSectionB .highlights-text-container .text-description-cover .text-description p{font-size:12px;line-height:18px}
}
.highlights-text-container .text-title span{display:block}
.title-small{font-size:15px;letter-spacing:1px}
.highlights-text-container.logo-text-anim{left:50%;top:50%;transform:translate(-50%,-50%);width:68%}
.highlights-text-container.logo-text-anim .col-12{overflow:hidden;padding:0}
.col-12.anim-rh-desc{align-self:flex-end}
.col-12.anim-rh-desc h3{color:#da291c;font-size:30px;-webkit-text-stroke:.8px;line-height:1.3;max-width:550px}
.btr-fonts .col-12.anim-rh-desc h3{font-family:'butler-bold'}
.highlights-text-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);background:linear-gradient(90deg,rgba(255,255,255,0) 10%,rgba(0,0,0,0.9) 75%);background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.95) 50%)}
.highlights-text-container.text-only-anim .logo-txt-overlay{display:none}
.highlights-text-container.logo-text-anim .text-title-cover,.highlights-text-container.logo-text-anim .text-description-cover{display:none}
.overlay-none .overlay{background:unset}
.highlights-text-container.logo-text-anim{height:100%;width:calc(100% - 140px);padding-top:0}
.highlights-text-container.logo-text-anim .logo-txt-overlay.row{height:100%;padding:5% 0;max-width:80%;margin:auto}
@media screen and (max-width:835px) and (min-width:770px){.highlights-text-container.logo-text-anim .logo-txt-overlay.row{padding:35% 0 0;max-width:90%;max-height:65%}
}
@media screen and (max-width:770px) and (min-width:768px){.highlights-text-container.logo-text-anim .logo-txt-overlay.row{padding:30% 0 0;max-height:75%}
}
@media screen and (max-width:767px){.highlights-text-container{width:100%}
.highlights-text-container.logo-text-anim{width:100%;top:45%}
.col-12.col-md-6.anim-rh-desc{margin-top:unset}
.anim-lh-logo{margin-bottom:0}
.col-12.col-md-6.anim-rh-desc h3{margin:auto;text-align:center;font-size:28px;max-width:93%}
.highlights-text-container.logo-text-anim .logo-txt-overlay.row{height:100%;padding:60% 0 40%;flex-direction:column;max-width:100%}
.highlights-text-container.logo-text-anim .col-12{flex:.5}
.engineSectionB .highlights-text-container .text-title-cover{top:40%}
}
@media screen and (max-width:425px){.highlights-text-container.logo-text-anim .logo-txt-overlay.row{padding:40% 0 40%}
}
@media screen and (max-width:380px){.highlights-text-container.logo-text-anim .logo-txt-overlay.row{padding:35% 0 30%}
}
@media screen and (max-width:380px) and (max-height:670px){.highlights-text-container.logo-text-anim .logo-txt-overlay.row{padding:20% 0 15%}
}
@media screen and (max-width:380px) and (max-height:670px) and (min-width:370px) and (min-height:665px){.engineSectionB .highlights-text-container .text-title-cover{font-size:40px}
}
@media screen and (max-width:321px){.col-12.col-md-6.anim-rh-desc h3{font-size:24px}
}
@media screen and (max-width:321px) and (max-height:481px) and (min-height:480px){.highlights-text-container.logo-text-anim .logo-txt-overlay.row{padding:25% 0 20%}
}
@media(min-width:1800px){.title-small{font-size:calc(6px + 1vw)}
}
.engine-top-section{position:absolute;top:60px;left:0;right:0;width:100%;z-index:9}
.engine-text-grid{display:flex;width:60%;margin:30px auto}
.lh-grid-container{width:max-content;margin-right:50px}
.engine-grid-title{font-size:32px;font-family:"guardiansans-semibold";line-height:1;text-align:right;-webkit-text-stroke:.8px #000;max-height:150px;opacity:1;overflow:hidden;color:#000}
.rh-grid-container{margin-top:40px;max-height:150px;overflow:hidden}
@media screen and (max-width:1450px) and (min-width:768px){.engine-top-section{top:40px}
.engine-text-grid{margin:0 auto 30px}
}
@media screen and (max-width:1185px) and (min-width:1175px) and (max-height:750px) and (min-height:720px),(max-width:1200px) and (min-width:1185px) and (max-height:750px) and (min-height:720px){.engineSectionB#engineSectionMain .engineCanvasContainer .canvas-cover{margin-top:-70px}
}
@media screen and (max-width:1030px) and (min-width:1020px) and (max-height:690px) and (min-height:660px){.engine-text-grid{margin-top:50px}
}
@media screen and (max-width:835px) and (min-width:768px){.engineSectionB .highlights-text-container{width:100%}
.engine-text-grid{margin:90px auto 30px;width:100%;justify-content:center}
.engineSectionB#engineSectionMain .engineCanvasContainer .canvas-cover{margin-top:90px}
.engine-grid-lh{max-width:60%}
.lh-grid-container{width:auto}
.engine-grid-rh{max-width:40%}
.frm-img-canvas .engineSectionB .engineCanvasContainer canvas#canvasXray-1{margin-top:80px !important}
}
@media screen and (max-width:770px) and (min-width:768px){.frm-img-canvas .engineSectionB .engineCanvasContainer canvas#canvasXray-1{margin-top:120px !important}
}
@media screen and (max-width:775px) and (min-width:765px) and (max-height:950px) and (min-height:930px){.engineSectionB#engineSectionMain .engineCanvasContainer .canvas-cover{margin-top:140px}
}
@media screen and (max-width:767px){.engine-text-grid{flex-direction:column;text-align:center;width:100%;margin:70px auto 30px}
.lh-grid-container{margin:auto;width:auto}
.engine-grid-title{text-align:center;padding:0 15px}
.rh-grid-container{padding:0 18px}
.frm-img-canvas .engineSectionB .engineCanvasContainer canvas#canvasXray-1{margin-top:80px !important}
}
@media screen and (max-width:380px) and (max-height:670px) and (min-width:370px) and (min-height:665px),(max-width:325px) and (max-height:600px){.engine-text-grid{margin:0 auto 30px}
.engine-grid-title{font-size:26px}
.rh-grid-container{padding:0 8px;margin-top:10px}
.rh-grid-container p{font-size:12px;line-height:18px}
}
@media screen and (max-width:365px) and (min-width:355px) and (max-height:615px) and (min-height:602px){.engine-text-grid{margin:30px auto 30px}
}
@media screen and (max-width:380px) and (min-width:370px) and (max-height:565px) and (min-height:552px){.engine-top-section{top:0}
.engineSectionB .highlights-text-container{top:30vh}
.engineSectionB .highlights-text-container .text-title-cover{font-size:38px}
}
@media screen and (max-width:325px) and (max-height:600px){.engine-top-section{top:30px}
.engine-grid-title{font-size:22px}
.rh-grid-container{margin-top:6px}
}
@media screen and (max-width:325px) and (min-width:315px) and (max-height:500px) and (min-height:450px){.highlights-text-container.logo-text-anim .logo-txt-overlay.row{padding:15% 0 10%}
.engineSectionB .highlights-text-container{top:24vh}
.engineSectionB .highlights-text-container .text-title-cover{font-size:38px}
.engineSectionB#engineSectionMain .engineCanvasContainer .canvas-cover{margin-top:70px}
}
.tripper-frm.engineSectionB .engineCanvasContainer{height:100vh}
@media(min-width:768px) and (max-width:835px){.engineSectionB.tripper-frm .engineCanvasContainer canvas{margin-top:0 !important}
}