#fullpage .bgcloud{position:absolute;bottom:0;left:0;width:100%;height:100%}
#fullpage .earnPointSec{position:relative}
#fullpage .earnPointSec .container-bs{position:relative}
#fullpage .spendPointpg .dotsearnpoint{position:absolute;top:15%;left:93px;width:120px}
#fullpage .row{position:relative;z-index:1}
#fullpage .earnPointSec{height:100dvh;background:var(--ai-grey-light);position:relative;display:flex;align-items:center;overflow:hidden;width:100%}
#fullpage .earnPointSec::before{content:"";position:absolute;background:linear-gradient(180deg,var(--ai-grey-light) 50%,rgba(211,214,219,0) 100%);top:0;right:0;width:100%;height:20%;z-index:3}
#fullpage .earnPointSec::after{content:"";position:absolute;background:linear-gradient(180deg,var(--ai-grey-light) 50%,rgba(211,214,219,0) 100%);transform:rotate(180deg);bottom:0;right:0;width:100%;height:12%;z-index:3}
#fullpage .earnPointSec .row{align-items:center}
#fullpage .earnPointSec .lftContEarnPoint{position:relative}
#fullpage .earnPointSec .lftContEarnPoint h2{color:var(--ai-page-heading-color);font-family:var(--variable-font-family);font-size:32px;font-style:normal;font-weight:600;line-height:125%;text-transform:uppercase;margin-bottom:24px}
#fullpage .earnPointSec .lftContEarnPoint h3{color:var(--ai-page-heading-color);font-family:var(--body-font-family);font-size:18px;font-style:normal;font-weight:700;line-height:125%;margin-bottom:8px}
#fullpage .earnPointSec .lftContEarnPoint p{margin-bottom:16px;color:#41444c;font-size:14px;letter-spacing:.035px}
#fullpage .earnPointSec .lftContEarnPoint .btngrp{margin-top:30px}
#fullpage .earnPointSec .lftContEarnPoint .btngrp a{margin-right:10px}
#fullpage .earnPointSec .lftContEarnPoint .btngrp a:last-child{margin-right:0}
#fullpage .earnPointSec .lftContEarnPoint::after{content:"";position:absolute;top:-102px;left:14px;background:url(../../../../../content/dam/air-india/aboutflyingreturn/dotsearnpoint.svg) no-repeat 0 0;width:160px;height:100px}
#fullpage .earnPointSec .logomovingWrapper{display:flex;flex-wrap:wrap;margin:0 -12px;padding-left:35px;justify-content:space-between}
#fullpage .earnPointSec .logomovingWrapper ul{flex-basis:47%;max-width:47%}
#fullpage .earnPointSec .logomovingWrapper ul li{margin-bottom:16px}
#fullpage .earnPointSec .logomovingWrapper ul li img{max-width:100%;width:100%}
#fullpage .overlayearnPoint{position:absolute;border-radius:631.875px;opacity:.4;background:var(--color-white);filter:blur(82px);top:-60%;left:-90px;width:338.03px;height:631.875px;transform:rotate(-39.634deg)}
#fullpage .active .earnPointSec .logomovingWrapper ul:first-child{animation:marqueeTop 140s linear infinite;transform:translateZ(0);will-change:transform}
#fullpage .active .earnPointSec .logomovingWrapper ul:last-child{animation:marqueeBottom 140s linear infinite;transform:translateZ(0);will-change:transform}
#fullpage .active .earnPointSec .logomovingWrapper ul:hover{animation-play-state:paused}
@keyframes marqueeTop{0{-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)}
100%{-webkit-transform:translate3d(0,-40%,0);transform:translate3d(0,-40%,0)}
}
@keyframes marqueeBottom{0{-webkit-transform:translate3d(0,-38%,0);transform:translate3d(0,-38%,0)}
100%{-webkit-transform:translate3d(0,38%,0);transform:translate3d(0,38%,0)}
}
@media only screen and (min-width:992px) and (max-width:1366px){#fullpage .earnPointSec::before{height:30%}
}
@media only screen and (min-width:1367px) and (max-width:1791px){#fullpage .earnPointSec::before{height:25%}
}
@media only screen and (max-width:991px){#fullpage .bgcloud{object-fit:cover}
#fullpage .earnPointSec::after{width:210px;opacity:.9;background:linear-gradient(89deg,#d3d6db 50%,rgba(211,214,219,0.00) 100%);right:0;height:40%;top:inherit;bottom:40px}
#fullpage .earnPointSec::before{width:100px;opacity:.9;background:linear-gradient(90deg,#d3d6db 50%,rgba(211,214,219,0.00) 100%);left:0;height:40%;top:inherit;bottom:40px}
#fullpage .earnPointSec .container-bs{position:static}
#fullpage .earnPointSec .logomovingWrapper{display:block;padding-left:0;margin-top:150px}
#fullpage .earnPointSec .logomovingWrapper ul li img{width:134px;min-width:134px;height:108px}
#fullpage .active .earnPointSec .logomovingWrapper ul:last-child{animation:marqueeBottom 110s linear infinite}
#fullpage .active .earnPointSec .logomovingWrapper ul:first-child{animation:marqueeTop 120s linear infinite}
#fullpage .earnPointSec .logomovingWrapper ul{display:flex;flex-basis:100%;max-width:100%}
#fullpage .earnPointSec .logomovingWrapper ul li{margin-right:13px}
#fullpage .spendPointpg .dotsearnpoint{top:8%;left:4%}
@keyframes marqueeTop{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-330%,0,0);transform:translate3d(-330%,0,0)}
}
@keyframes marqueeBottom{from{-webkit-transform:translate3d(-330%,0,0);transform:translate3d(-330%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
}
@media only screen and (max-width:767px){#fullpage .bgcloud{display:none}
#fullpage .earnPointSec{align-items:flex-start}
#fullpage .earnPointSec.commongapTop{padding-top:60px}
#fullpage .earnPointSec:after{width:100px}
.earnPointSec .btngrp{display:flex;margin-top:25px !important}
.earnPointSec .btngrp a{padding:9pt 13px;text-align:center}
#fullpage .earnPointSec .logomovingWrapper{margin-top:20px}
#fullpage .earnPointSec .logomovingWrapper ul li img{min-width:134px;height:108px}
#fullpage .earnPointSec .lftContEarnPoint h2{margin-bottom:15px}
#fullpage .earnPointSec::before,#fullpage .earnPointSec::after{display:none}
.lftContEarnPoint{position:relative;z-index:2}
.itemImgRotate{position:relative}
.itemImgRotate::after{content:"";width:100px;opacity:.9;background:linear-gradient(270deg,#d3d6db 50%,rgba(211,214,219,0.00) 100%);right:-15px;height:100%;top:0;bottom:0;position:absolute;z-index:1}
.itemImgRotate::before{content:"";width:100px;opacity:.9;background:linear-gradient(90deg,#d3d6db 50%,rgba(211,214,219,0.00) 100%);left:-15px;height:100%;top:0;bottom:0;position:absolute;z-index:1}
}