html{scroll-behavior:smooth;height:100%}
body{line-height:1;font-size:1.125rem;background:#fff;color:#58595b;font-family:'helveticaregular';position:relative;overflow-x:hidden}
img{max-width:100%}
p{margin-bottom:.5rem}
button:focus{text-decoration:none;outline:0;box-shadow:none}
ul,li{padding:0;margin:0}
li{list-style:none}
body,div,h4,p,img,small,ul,li,form,label,section{margin:0;padding:0;border:0;outline:0;background:transparent;font-style:normal}
h4{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}
h4{font-size:1.5rem}
@font-face{font-family:"TATAAIAPrint-Bold";src:url("../../../../../../../fonts/TATAAIAPrint-Bold.eot?#iefix") format("embedded-opentype"),url("../../../../../../../fonts/TATAAIAPrint-Bold.woff") format("woff"),url("../../../../../../../fonts/TATAAIAPrint-Bold.ttf") format("truetype"),url("../../../../../../../fonts/TATAAIAPrint-Bold.svg#TATAAIAPrint-Bold") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"helveticaregular";src:url("../../../../../../../fonts/helvetica-webfont.woff2") format("woff2"),url("../../../../../../../fonts/helvetica-webfont.woff") format("woff"),url("../../../../../../../fonts/helvetica-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:"TATAAIAPrint";src:url("../../../../../../../fonts/TATAAIAPrint.eot?#iefix") format("embedded-opentype"),url("../../../../../../../fonts/TATAAIAPrint.woff") format("woff"),url("../../../../../../../fonts/TATAAIAPrint.ttf") format("truetype"),url("../../../../../../../fonts/TATAAIAPrint.svg#TATAAIAPrint") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"HelveticaNeueLTStd-Bd";src:url("../../../../../../../fonts/HelveticaNeueLTStd-Bd.eot?#iefix") format("embedded-opentype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Bd.otf") format("opentype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Bd.woff") format("woff"),url("../../../../../../../fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"HelveticaNeueLTStd-Lt";src:url("../../../../../../../fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Lt.otf") format("opentype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Lt.woff") format("woff"),url("../../../../../../../fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg");font-weight:normal;font-style:normal}
@font-face{font-family:"HelveticaNeueLTStd-Md";src:url("../../../../../../../fonts/HelveticaNeueLTStd-Md.eot?#iefix") format("embedded-opentype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Md.otf") format("opentype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Md.woff") format("woff"),url("../../../../../../../fonts/HelveticaNeueLTStd-Md.ttf") format("truetype"),url("../../../../../../../fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md") format("svg");font-weight:normal;font-style:normal}
.container{max-width:1366px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.page-container{padding:0 84px}
h4{color:#333;font-family:"Inter",sans-serif;font-size:2.25rem;line-height:36px;letter-spacing:-0.4px;margin-bottom:0}
button{outline:0;border:0}
*,*:before,*:after{box-sizing:border-box}
@media screen and (max-width:767.99px){h4{font-size:1.563rem;line-height:24px}
}
@media screen and (max-width:767.98px){.page-container{padding:0 20px}
.performance-bg .tabs a{width:100%}
}
.performance-bg{max-width:100%;height:100%;border-radius:15px}
.performance-bg .header-4{padding-top:40px;margin-bottom:20px}
.performance-bg .header-4 h4{color:var(--Secondary-Secondary-New-Black,#333);font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-0.36px}
.performance-bg form{width:64%;padding:30px 40px 40px 40px;display:flex;justify-content:space-between;align-items:center;border-radius:16px;border:1px solid var(--Secondary-Seconday-Grey---Moon-Dust,#e6e7e8);background:#FFF;gap:80px;box-shadow:0 0 16px 0 rgba(0,0,0,0.16)}
.customerServicePerformanceReport .performance-bg .selectBox{height:45px}
.performance-bg .tabs{margin-bottom:20px;display:grid;grid-template-columns:repeat(7,1fr);max-width:100%;width:100%;align-items:center;flex-wrap:wrap;float:left;margin-top:0;gap:12px}
.performance-bg .tabs .tab{width:max-content;background:#fff;cursor:pointer;border:1.5px solid #a7a9ac;border-radius:20px;text-align:center}
.performance-bg .tabs .tab div{padding:8px 16px;font-family:Inter;font-size:14px;font-weight:700;line-height:.78;color:#a7a9ac;border-radius:20px}
.performance-bg .tabs .active{border:0;background:linear-gradient(89deg,#0073bb 1.58%,#d62049 79.42%);color:#fff;border-radius:20px;padding:1.5px}
.performance-bg .tabs .active div{background-color:white;padding:6px 16px;color:#000;height:100%;width:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:10px}
.performance-bg .tabs .active div::before{content:'';top:4.5px;left:10px;height:16px;width:16px;background-image:url(../../../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/newhpButton.svg);background-repeat:no-repeat;background-size:cover}
.performance-bg .ta-tab-content{display:none}
.performance-bg .ta-tab-content.show{display:block}
.performance-bg .tab-sec p{width:100%;margin-bottom:20px;color:var(--Secondary-Secondary-New-Black,#333);font-family:Helvetica;font-size:18px;font-weight:400;line-height:150%;letter-spacing:-0.18px}
.performance-bg form .input-sec{display:flex;gap:30px}
.performance-bg form .input-sec .ta-input-w{position:relative;min-width:158px;margin-bottom:0 !important}
.performance-bg form .input-sec label{color:var(--Secondary-Secondary-New-Black,#333);font-family:Helvetica;font-size:16px;margin-bottom:0;font-weight:400;letter-spacing:-0.16px}
.performance-bg form .input-sec .ta-input{width:100%;padding-bottom:18px;font-family:"HelveticaNeueLTStd-Md",sans-serif;font-size:1.5rem;line-height:24px;border:0;border-bottom:solid 1px #e6e7e8;background:transparent;color:#333;outline:0}
.performance-bg form .input-sec .datepicker-here{background:url(../../../../../../../content/dam/tataaialifeinsurancecompanylimited/customer-service/icon-calendar.svg) no-repeat;background-size:23px 23px;background-position:100% 19%}
.performance-bg form .input-sec .select:after{content:'';background-image:url(../../../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/sm-chevron-down.png);background-repeat:no-repeat;background-size:contain;position:absolute;right:0;bottom:18px;z-index:1;text-align:center;width:13px;height:8px;pointer-events:none;transform:rotate(0);display:block}
.performance-bg form .input-sec .ta-error-msg{display:block;font-family:"Helvetica";font-size:1rem;font-weight:300;font-style:oblique;color:#d62049;padding-top:0}
.performance-bg form .svg{padding-left:15px;padding-top:2px}
.performance-bg form .ta-submit-btn.--inverse{background:#d62049;color:#fff;display:flex;align-items:center;padding:16px 20px 16px 42px;font-size:1.125rem;letter-spacing:-0.18px;justify-content:center;border-radius:10px;font-weight:500;font-family:Inter;cursor:pointer}
.performance-bg form .ta-rr-btn-w{position:relative;display:flex;align-items:center}
.performance-bg form .ta-rr-btn-w::before{position:absolute;content:'';background-image:url(../../../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/DownloadIcon.png);height:24px;width:24px;left:13px}
.performance-bg .selectBox select{color:var(--Secondary-Secondary-Grey-Dark,#58595b);font-family:Inter;font-size:18px;font-style:normal;font-weight:500;letter-spacing:-0.18px;position:relative;height:45px}
@media screen and (max-width:767.99px){.performance-bg .header-4{margin-bottom:15px;padding-top:15px}
.performance-bg .header-4 h4{font-size:26px;line-height:normal;letter-spacing:-0.26px;text-align:center}
.performance-bg form{width:100%;flex-direction:column;padding:20px;align-items:normal;gap:10px}
.customerServicePerformanceReport .performance-bg .selectBox{height:30px}
.performance-bg .tabs{grid-template-columns:repeat(2,1fr);margin-bottom:15px}
.performance-bg .tabs>.tab:nth-child(7){grid-column:span 2}
.performance-bg .tabs .tab{font-size:14px;line-height:1;display:flex;align-items:center;min-width:154px;justify-content:center;background-color:#f2f7fb}
.performance-bg .tabs .tab:last-child:not(a>.tab){min-width:320px}
.performance-bg .tabs .tab div{color:#58595b;font-size:12px}
.performance-bg .tabs .active div{padding:6px 8px}
.performance-bg .tab-sec p{font-size:1rem;line-height:24px;text-align:center}
.performance-bg form .input-sec{flex-direction:column;gap:10px}
.performance-bg form .input-sec .ta-input-w{min-width:unset;width:100%;margin-bottom:15px !important}
.performance-bg form .input-sec label{font-size:.75rem;font-weight:300;margin-bottom:5px}
.performance-bg form .input-sec .ta-input{font-size:1rem;line-height:16px;padding-bottom:9px}
.performance-bg form .input-sec .datepicker-here{background-size:18px 18px;background-position:95% 15%}
.performance-bg form .input-sec .select:after{background-image:url(../../../../../../../content/dam/tataaialifeinsurancecompanylimited/hard-code-icons/common-icons/sm-chevron-down.png);bottom:8px}
.performance-bg form .input-sec .ta-error-msg{font-size:12px;padding-top:0;text-align:left}
.performance-bg .selectBox{max-width:100%;line-height:24px;height:30px}
.performance-bg .selectBox select{height:auto;padding-bottom:5px;color:#000;font-size:14px}
.performance-bg .tabs .active div::before{height:13px;width:13px}
.performance-bg form .ta-submit-btn.--inverse{width:100%;font-size:14px}
.performance-bg form .ta-rr-btn-w{margin-top:10px}
.performance-bg form .ta-rr-btn-w::before{left:54px}
}