header{background:#fff;box-shadow:0 1px 2px 1px rgba(0,0,0,0.05);border-bottom:1px solid #e6ebf5;position:fixed;top:0;left:0;z-index:99999;width:100%;max-height:75px}
header *{box-sizing:unset}
.header_container{max-width:1120px;margin:0 auto}
.header_content{display:flex;align-items:center;justify-content:space-between;padding:18px;@media screen and (max-width:768px){padding-block:15px}
}
.header_logo{width:125px;height:35px;a{display:block;width:100%;img{width:100%;height:100%;object-fit:fill}
}
}
@media(max-width:400px){.hdfc-klarify-life-header .header_logo img{object-fit:fill}
}
.navBar_list{display:flex;justify-content:space-between;align-items:center}
.navbar_wrapper{display:flex;align-items:center;gap:32px}
.navbar_links>ul{display:flex;align-items:center;justify-content:center;gap:32px;@media screen and (max-width:768px){gap:20px}
}
.navBar_tools.dropdown_open{.dropdown-toggle{color:#ED1C24;.arrow-down{display:none;transform:rotate(180deg)}
.arrow-up{display:inline-flex;transform:rotate(0);animation:arrowFadeIn .3s ease-in-out}
}
}
@keyframes arrowFadeIn{0{opacity:1;transform:rotate(-180deg) scale(0.8)}
100%{opacity:1;transform:rotate(0) scale(1)}
}
@keyframes arrowFadeOut{0{opacity:1;transform:rotate(0) scale(1)}
100%{opacity:1;transform:rotate(180deg) scale(0.8)}
}
.revamp-header .dropdown-toggle{width:100%;display:flex;justify-content:center;align-items:center;gap:4px;cursor:pointer;color:#1C2633;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0;img{display:inline-flex;width:14px;height:8px;transition:all .3s ease;transform-origin:center}
.arrow-down{display:inline-flex;animation:arrowFadeIn .3s ease-in-out}
.arrow-up{display:none}
}
.dropdown-toggle::after{display:none}
.dropdown-toggle:hover{text-decoration:none;color:#1c2633;font-weight:500;font-size:14px}
.dropdown-backdrop{position:absolute;left:0;width:100%;height:100vh;background:#131A2AB2;z-index:9998}
.dropdown_menu{display:none;position:absolute;left:0;top:65px;z-index:9999}
.dropdown_links{margin-block-start:20px;padding:10px;min-width:360px;width:auto;background:#fff;border:1px solid #E1E8FF;border-radius:12px;box-shadow:0 8px 24px 0 rgba(45,69,157,0.15);z-index:1000;list-style:none;opacity:0;visibility:hidden;transition:all .3s ease;@media screen and (max-width:768px){padding-inline:20px}
@media screen and (min-width:768px) and (max-width:1200px){left:-20%}
}
@media screen and (min-width:768px){.navBar_tools.dropdown_open .dropdown_menu{display:flex;justify-content:center;align-items:center;width:calc(100% - 40px);margin-inline:20px}
}
@media screen and (max-width:768px){.navBar_tools.dropdown_open .dropdown_menu{display:block;min-width:auto;width:100%;margin-block-start:10px}
}
.navBar_tools.dropdown_open .dropdown_links{display:flex;flex-direction:row;gap:20px;opacity:1;visibility:visible;overflow:auto;@media screen and (max-width:768px){width:calc(100% - 72px);min-width:auto;flex-direction:column;gap:0;transform:none;padding-block:0;margin-block-start:0;margin-inline:16px;overflow:hidden}
}
@media(max-width:768px){.navlink_item_content img{width:20px;height:20px}
}
.navlink{display:flex;min-width:260px;max-width:325px;list-style:none;margin:0;padding:0;@media screen and (max-width:768px){max-width:100%;border-bottom:1px solid #e6ebf5}
@media screen and (min-width:768px) and (max-width:1220px){min-width:auto}
}
.navlink:last-child{border-bottom:0}
.navlink_item{display:flex;flex-direction:column;gap:15px;width:100%;padding:20px 30px 30px 30px;text-decoration:none;border-radius:20px;background:#F8FAFF;font-weight:500;font-size:20px;line-height:26px;@media screen and (max-width:768px){flex-direction:row;justify-content:space-between;gap:0;align-items:center;padding:16px 8px 16px 8px}
}
.navlink_item:hover{text-decoration:none}
.navlink_item .navlink_item_description{font-weight:400;font-size:14px;line-height:20px;color:#1C2633;@media screen and (max-width:768px){font-size:12px}
}
@media screen and (max-width:768px){.navlink_item .navlink_item_description.dropdownDescriptionHide{display:none}
}
.navlink_item_content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;@media screen and (max-width:768px){flex-direction:row;align-items:center;flex-wrap:wrap;font-weight:600;font-size:13px;line-height:20px}
}
.navlink_item_content span{font-weight:500;font-size:20px;line-height:26px;color:#000000;margin-top:18px;@media screen and (max-width:768px){font-weight:600;font-size:14px;line-height:20px;color:#0c111d;margin-top:0}
}
.navlink_item_content img{width:68px;height:68px;flex-shrink:0;@media screen and (max-width:768px){width:32px;height:32px}
}
.navlink_item .desktop-arrow{display:block;width:33px;height:33px;align-self:flex-end;transition:transform .3s ease;@media screen and (max-width:768px){display:none}
}
.navlink_item .mobile-arrow{display:none;transition:transform .3s ease;@media screen and (max-width:768px){display:block;width:16px;height:16px}
}
.navlink_item:hover .desktop-arrow,.navlink_item:hover .mobile-arrow{transform:translateX(4px)}
.navlink_item:hover{background:#5CBEFF1F;@media screen and (max-width:768px){background:#f8faff}
}
.hamburger-collapse{position:absolute;top:0;width:100%;height:100%;height:100vh;background:#131A2AB2}
.hamburger-collapse .sidebar{width:26.5%;height:100%;position:fixed;top:0;right:-100%;background-color:white;transition:right .5s;padding:20px;overflow:auto;@media screen and (max-width:768px){width:72%;right:auto;transition:left .5s}
}
.hamburger-klf-logo{width:125px;height:35px}
.hamburger-klf-logo img{width:100%;height:100%;object-fit:cover}
.hamburger-logo-div .hamburger-cross{width:22px;height:100%;cursor:pointer;margin-left:auto}
.hamburger-navigation .navlink{display:flex;width:100%;min-width:auto;max-width:none;list-style:none;margin:0;padding:0;border-bottom:1px solid #e6ebf5}
.hamburger-navigation .navlink_item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-block:16px;padding-inline:0;text-decoration:none;background:#f8faff}
.hamburger-navigation .navlink_item>img{width:16px;height:16px;flex-shrink:0;transition:transform .3s ease}
.hamburger-navigation .navlink_item:hover>img{transform:translateX(4px)}
.hamburger-navigation .navlink_item_content{flex-direction:row;align-items:center}
.hamburger-navigation .navlink_item_content span{color:#0c111d;font-size:14px;font-weight:500;line-height:20px;margin-top:0}
.hamburger-navigation .navlink_item_content img{width:20px;height:20px;flex-shrink:0}
.logoutSection{display:none;padding-block-start:16px !important;padding-block-end:0 !important}
.logoutSection .navlink:last-child{border:0}
.logoutSection .navlink{display:flex;width:100%;min-width:auto;max-width:none;list-style:none;margin:0;padding:0;border-bottom:0}
.logoutSection .navlink_item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-block:16px;padding-inline:0;text-decoration:none;background:#f8faff}
.logoutSection .navlink_item>img{width:16px;height:16px;flex-shrink:0;transition:transform .3s ease}
.logoutSection .navlink_item:hover>img{transform:translateX(4px)}
.logoutSection .navlink_item_content{flex-direction:row;align-items:center}
.logoutSection .navlink_item_content span{color:#0c111d;font-size:14px;font-weight:500;line-height:20px;margin-top:0}
.logoutSection .navlink_item_content img{width:20px;height:20px;flex-shrink:0}
.logoutSection .hamburger-divider{margin-top:12px}
.hamburger-divider{display:block;width:calc(100% + 40px);height:4px;background-color:#f4f6fb;margin-left:-20px;margin-right:-20px}
.sidebar .close-btn{position:absolute;top:32;right:52px;font-size:20px;text-decoration:none;cursor:pointer}
@media screen and (max-width :768px){.navbar_wrapper{gap:20px;position:static}
}
.button-primary{display:flex;padding:6px 16px;justify-content:center;align-items:center;border-radius:6px;background:#ED1C24;font-size:14px;font-weight:500;line-height:20px;color:#ffffff;box-shadow:0 1px 2px 0 rgba(177,17,22,0.12);text-decoration:none;animation:none;@media(max-width:767px){display:none}
}
.button-primary:hover{font-size:14px;font-weight:500;color:#fff;text-decoration:none}
.navbar-div{display:flex;flex-direction:column;gap:4px;padding-block:16px}
.navbar-div>p{font-size:16px;font-weight:600;line-height:24px;color:#374254}
.navbar-inner li{padding:5px 0}
.navbar-inner a{color:#6a6563;font-weight:400}
.navbar_hamburger{width:28px;height:28px;display:flex;align-items:center;justify-content:center;@media(max-width:767px){width:24px;height:24px}
}
.navbar_hamburger a{height:100%;cursor:pointer}
.navbar_hamburger img{max-width:100%;max-height:100%}
.fullname{text-transform:capitalize;word-break:break-word}
.navbar_signIn{margin-right:-10px}
.navbar_signIn .nav-link{padding:.5rem 0}
.hamburger-logo-div{display:flex;justify-content:flex-end}
.menu-social{width:100%;display:flex;flex-direction:column;gap:20px;padding-block:16px}
.menu-social-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:15px;text-align:left}
.menu-social-title{font-size:16px;font-weight:600;line-height:24px;color:#374254}
.menu-social a{display:inline-block;width:36px;height:36px}
.menu-social img{width:100%;height:100%;object-fit:cover}
@media screen and (max-width:768px){.navbar_signIn{display:none}
.menu-social a{width:32px;height:32px}
}
.after-login-li{display:none;list-style:none}
.after-login-li a{display:flex;align-items:center;gap:12px;color:#111;text-decoration:none;position:relative;cursor:pointer;padding-top:16px;cursor:pointer;font-weight:600;font-size:16px;line-height:20px}
.profilePic{width:52px;height:52px;border-radius:50%}