body{position:relative;overflow-x:hidden;-ms-overflow-style:scrollbar;width:100%;height:100%;color:#333}
@font-face{font-family:'Noto Sans';src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans.eot');src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans.eot?#iefix') format('embedded-opentype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans.woff2') format('woff2'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans.woff') format('woff'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans.ttf') format('truetype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans.svg#NotoSans') format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Bold.eot');src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Bold.woff2') format('woff2'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Bold.woff') format('woff'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Bold.ttf') format('truetype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Bold.svg#NotoSans-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-BoldItalic.eot');src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-BoldItalic.woff2') format('woff2'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-BoldItalic.woff') format('woff'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-BoldItalic.ttf') format('truetype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-BoldItalic.svg#NotoSans-BoldItalic') format('svg');font-weight:bold;font-style:italic;font-display:swap}
@font-face{font-family:'Noto Sans';src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Italic.eot');src:url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Italic.eot?#iefix') format('embedded-opentype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Italic.woff2') format('woff2'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Italic.woff') format('woff'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Italic.ttf') format('truetype'),url('../../../../../../content/dam/pnb-metlife/images/fonts/NotoSans-Italic.svg#NotoSans-Italic') format('svg');font-weight:normal;font-style:italic;font-display:swap}
.khushi-chatbot{position:fixed;bottom:0;z-index:99999999;right:20px;bottom:25px;width:400px;height:550px}
.chat-div{position:fixed;bottom:59px;right:11px;z-index:9}
.chat-ask-box{min-width:106px;width:100%;position:absolute;z-index:1;top:3%;transform:translateY(50%);right:79px;background:url(../../../../../../content/dam/pnb-metlife/images/chat-box-img.png) no-repeat;background-size:cover;text-align:left}
.desc-typetext{font-size:12px;color:#fff;display:inline-flex;overflow:hidden;white-space:nowrap;letter-spacing:.15em;animation:typing 3.5s steps(30,end) infinite,cursor-blink .75s step-end infinite;padding:2px 1px}
.desc-typetext p{letter-spacing:1.5px;padding-left:11px;font-family:'Noto Sans','Arial','Helvetica','sans-serif';font-weight:400}
@keyframes typing{from{width:0}
to{width:100%}
}
@keyframes cursor-blink{from,to{border-color:transparent}
50%{border-color:orangered}
}
.chat-div .chat-link{width:86px;height:76px;display:inline-flex;position:relative;z-index:1}
.chat-div .chat-link img{width:86px;height:76px}
.chat-div .chat-link:hover~.chat-content{opacity:0}
.chat-div .chat-Frame{width:400px;height:500px;position:fixed;bottom:130px;right:6px;transition:all .5s ease;z-index:999999999999}
.chat-div .chat-content{opacity:0;min-width:300px;width:100%;position:absolute;top:-50%;transform:translateY(50%);left:-330px;background:#0090da;padding:15px;border-radius:5px 5px 0 5px;transition:all .4s ease}
.chat-div .chat-content:after{left:100%;bottom:0;border:solid transparent;content:"";position:absolute;pointer-events:none;border-color:rgba(0,144,218,0);border-width:18px 0 0 18px;border-color:transparent transparent transparent #0090da}
.chat-div .chat-content .desc{color:#fff;font-size:16px;line-height:20px;padding:0;cursor:pointer;text-align:center;margin:0}
.chatBotIfrm{box-shadow:4px 5px 6px #888;border-radius:10px;border:0;background:#ffff}
iframe{width:100%;height:400px}
.hide{display:none !important}
@media(min-width:1337px){.chat-div .chat-Frame{bottom:145px}
}
@media(min-width:1280px) and (max-width:1450px){.chat-div .chat-Frame{height:calc(562px  - 100px);bottom:140px;width:350px}
.chat-div{bottom:50px}
.chat-div .chat-link{width:86px;height:76px}
}
@media only screen and (max-width:1024px){.chat-div .chat-Frame{height:calc(563px  - 80px);bottom:135px}
.chat-div .chat-link{width:70px;height:70px}
.chat-div{right:10px;bottom:47px}
.chat-ask-box{right:63px}
}
@media only screen and (max-width:767px){.chat-div .chat-Frame{bottom:120px}
.chat-div .chat-Frame{height:100%;width:100%;right:0;bottom:0;position:fixed}
.chatBotIfrm{box-shadow:none;border-radius:0}
.chat-div .chat-content{min-width:230px;left:-240px;padding:10px;top:-80%}
.khushi-chatbot{width:100%;height:100%;right:0;bottom:0}
}