.fab-section{width:100%;max-width:1172px;margin:60px auto}
.fab-section .tech-and-benefit-wrapper{display:flex;width:100%;flex-direction:column;align-items:center}
.pdp-common-title{width:fit-content;font-family:Poppins;font-size:36px;font-style:normal;font-weight:400;line-height:48px;background:linear-gradient(45deg,#1a1a1a,#05a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}
.fab-section .pdp-common-title{margin-bottom:unset !important}
.tech-benefit-img-wrapper{display:flex;width:100%;justify-content:center;margin-top:79px}
.fab-section .tech-benefit-img-wrapper{margin-top:60px;margin-bottom:60px}
.tech-benefit-img-div{min-width:410px;max-width:410px;min-height:325px;max-height:325px;position:relative}
.tech-benefit-img-div img{display:block;width:100%;height:100%;object-fit:contain}
.tech-benefit-nodge{position:absolute;border-radius:50%;cursor:pointer;width:27px;height:27px}
.tech-benefit-nodge img{border-radius:50%}
.nodge-content-div{display:flex;width:100%;height:100%;align-items:center;position:absolute;top:0;left:0}
.nodge-content{padding:16px 23px;border-radius:27px;background:#f6f6f6;flex-direction:column;align-items:center;row-gap:5px;position:absolute;min-width:265px;max-width:265px;z-index:1;display:none;box-shadow:-22.5px 22.5px 45px -4.5px rgba(145,158,171,0.24),0 0 2.25px 0 rgba(145,158,171,0.24)}
.fab-section .nodge-content{min-width:300px;max-width:300px;padding:16px}
.nodge-content-div .nodge-content:first-child{bottom:unset;left:-275px;right:unset;top:unset}
.nodge-content-div .nodge-content:nth-child(2){bottom:unset;right:-275px;left:unset;top:unset}
.fab-section .nodge-content-div .nodge-content:first-child{left:-307px}
.fab-section .nodge-content-div .nodge-content:nth-child(2){left:-307px}
.fab-section .right .nodge-content-div .nodge-content:first-child{bottom:unset;right:-307px;left:unset;top:unset}
.fab-section .right .nodge-content-div .nodge-content:nth-child(2){bottom:unset;left:-307px;right:unset;top:unset}
@media screen and (min-width:320px) and (max-width:1279px){.nodge-content-div .nodge-content:first-child{bottom:37px;left:-119px;top:unset;right:unset}
.nodge-content-div .nodge-content:nth-child(2){top:37px;left:-119px;bottom:unset;right:unset}
}
.tech-benefit-nodge.active .nodge-content{display:flex;animation:opacity .3s ease-in-out}
.tech-benefit-nodge-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}
@keyframes opacity{from{opacity:0}
to{opacity:1}
}
.nodge-content::before{content:"";width:20px;height:20px;background:#f6f6f6;position:absolute;z-index:-1}
.nodge-content-div .nodge-content:first-child::before{transform:rotateZ(45deg);bottom:unset;right:-5px;top:40%;left:unset}
.nodge-content-div .nodge-content:nth-child(2)::before{transform:rotateZ(45deg);left:-5px;bottom:unset;top:40%;right:unset}
.fab-section .right .nodge-content-div .nodge-content:first-child::before{transform:rotateZ(45deg);left:-5px;bottom:unset;top:40%;right:unset}
.fab-section .right .nodge-content-div .nodge-content:nth-child(2)::before{transform:rotateZ(45deg);bottom:unset;right:-5px;top:40%;left:unset}
@media screen and (min-width:320px) and (max-width:1279px){.nodge-content-div .nodge-content:first-child::before{transform:rotateZ(45deg);bottom:-5px;top:unset;left:unset;right:unset}
.nodge-content-div .nodge-content:nth-child(2)::before{transform:rotateZ(45deg);top:-5px;left:unset;right:unset;bottom:unset}
}
.nodge-title{text-align:center;font-family:"Poppins";font-size:18px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;word-break:break-word}
.fab-section .nodge-title{font-size:16px}
.nodge-des p,.nodge-des ul li{text-align:center;font-family:"Poppins";font-size:18px;font-style:normal;font-weight:400;line-height:normal;word-break:break-word}
.fab-section .nodge-des p,.nodge-des ul li{font-size:12px}
.nodge-des ul,.nodge-des ul li{list-style:disc;list-style-position:inside;text-align:left}
.top5{top:5%}
.top10{top:10%}
.top15{top:15%}
.top20{top:20%}
.top25{top:25%}
.top30{top:30%}
.top35{top:35%}
.top40{top:40%}
.top45{top:45%}
.top50{top:50%}
.top55{top:55%}
.top60{top:60%}
.top65{top:65%}
.top70{top:70%}
.top75{top:75%}
.top80{top:80%}
.top85{top:85%}
.top90{top:90%}
.fab-section .tech-benefit-img-div .tech-benefit-nodge.left{left:25%}
.fab-section .tech-benefit-img-div .tech-benefit-nodge.center{left:46%}
.fab-section .tech-benefit-img-div .tech-benefit-nodge.right{left:65%}
.tech-benefit-nodge.orange-ctnt .nodge-content .nodge-title,.tech-benefit-nodge.orange-ctnt .nodge-content .nodge-des p,.tech-benefit-nodge.orange-ctnt .nodge-content .nodge-des ul li{color:#f4791f}
.tech-benefit-nodge.blue-ctnt .nodge-content .nodge-title,.tech-benefit-nodge.blue-ctnt .nodge-content .nodge-des p,.tech-benefit-nodge.blue-ctnt .nodge-content .nodge-des ul li{color:#0054a6}
@media screen and (min-width:768px) and (max-width:1279px){.tech-benefit-img-div{min-width:320px;max-width:320px;min-height:253px;max-height:253px}
.nodge-title{font-size:16px}
.nodge-des p,.nodge-des ul li{font-size:16px}
.pdp-common-title{font-size:24px;line-height:32px;margin-bottom:20px}
.fab-section .nodge-content-div .nodge-content:first-child::before{transform:rotateZ(45deg);bottom:unset;right:-5px;top:40%;left:unset}
.fab-section .nodge-content-div .nodge-content:first-child{bottom:unset}
.fab-section .nodge-content{min-width:280px;max-width:280px}
.fab-section .nodge-content-div .nodge-content:first-child{left:-285px}
.fab-section .right .nodge-content-div .nodge-content:first-child{right:-285px}
}
@media screen and (min-width:320px) and (max-width:767px){.tech-benefit-img-wrapper{margin-top:99px}
.tech-benefit-img-div{min-width:320px;max-width:320px;min-height:253px;max-height:253px}
.nodge-content{padding:7px 10px;row-gap:4px}
.nodge-title{font-size:16px}
.nodge-des p,.nodge-des ul li{font-size:14px}
.pdp-common-title{font-size:24px;line-height:32px;margin-bottom:16px}
.fab-section{margin:40px auto}
.fab-section .nodge-content-div .nodge-content:first-child{left:-80px}
.fab-section .nodge-content{min-width:300px;max-width:300px}
.fab-section .right .nodge-content-div .nodge-content:first-child{bottom:37px;right:unset;left:-185px}
.nodge-content-div .nodge-content:first-child::before{left:83px;right:unset}
.fab-section .right .nodge-content-div .nodge-content:first-child::before{left:unset;top:unset;right:90px;bottom:-5px}
.fab-section .tech-benefit-img-wrapper{margin-top:120px}
}