@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box}
.life-insurance{position:relative;margin-top:24px}
.life-left-enb-chavon,.life-right-dib-chavon{transform:rotate(180deg)}
.guide-nav{display:flex;justify-content:space-between;align-items:baseline}
.life-insurance::before{content:"";position:absolute;width:100%;height:100%;z-index:-1;opacity:.7;background-color:#f2f2f2}
#container-e8a2141420 .life-insurance::before{content:"";position:absolute;width:100%;height:539px;z-index:-1;opacity:1;background:0}
#container-e8a2141420 .life-insurance{margin:auto;margin-top:24px;width:85%}
#container-e8a2141420 .life-insurance::before{background:0;width:87%}
.life-insurance header{display:flex;align-items:center;justify-content:space-between;padding:24px 16px;position:relative}
#container-e8a2141420 .life-insurance header{display:flex;align-items:center;justify-content:space-between;padding:0;position:relative}
.life-insurance-child{padding:24px 0 24px 58px}
#container-e8a2141420 .life-insurance-child{padding:24px 16px}
#coiner-7d04297fdc .life-insurance-child{padding:24px 24px}
.guide-top-svg{position:absolute;right:74px;bottom:68px;z-index:-1}
.life-item>.h2{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:normal}
#container-e8a2141420 .life-item>.h2{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:24px;font-style:normal;font-weight:700;line-height:normal}
.life-insurance .life-item ul{display:flex;align-items:center;margin-top:2rem;gap:24px;flex-shrink:0}
.life-insurance .life-item ul li{list-style:none;cursor:pointer;height:44px;color:var(--a,#5c666e);font-family:Rubik;font-size:18px;font-style:normal;font-weight:500;line-height:normal;padding:10px 0;flex-shrink:0}
.life-insurance .life-item ul li>h3{font-size:18px}
.life-insurance .life-item ul .guide_liactive{border-bottom:4px solid #005dac;color:#005dac}
.life-insurance .search_bar{align-self:baseline;width:281px;display:inline-flex;padding:12px 16px;justify-content:center;align-items:center;gap:8px;border-radius:30px;border:1px solid var(--cta-disabled,#AAA);background:var(--White,#FFF);margin-right:42px}
#container-e8a2141420 .life-insurance .search_bar{margin-right:unset}
.search_bar input{width:221px;color:var(--text-grey-25-c-666-e,#5c666e);font-family:Rubik;font-size:16px;font-style:normal;font-weight:400;line-height:normal;outline:0;border:0;background:0}
.search_bar img{width:20px;height:20.012px}
.life-insurance .life-box{overflow-x:scroll;scroll-behavior:smooth;display:flex;width:100%;margin:16px 0;padding:0}
#container-e8a2141420 .life-insurance .life-box{overflow-x:scroll;scroll-behavior:smooth;display:flex;width:100%;margin:16px 0;padding:0}
.life-insurance .life-box .lifeitembox{display:flex;padding:12px 10px;gap:24px}
.life-insurance .life-box::-webkit-scrollbar{display:none}
.life-insurance .life-box .life-box-item{position:relative;width:320px;height:280px;padding:12px 24px;border-radius:10px;border:1px solid var(--gradients-blue,#0074c9);background:#FFF}
.life-insurance .life-box .life-box-item .bgimg{position:absolute;right:5px;top:6px}
.life-insurance .life-box .life-box-item .box-img{display:flex;align-items:center;height:92px}
.life-insurance .life-box .life-box-item .box-img img{width:80px;height:80px}
.life-insurance .life-box .life-box-item .box-img .h5{margin-left:18px;font-size:17px;width:100%;color:var(--text-black-131619,#131619);font-family:Rubik;font-size:16px;font-style:normal;font-weight:700;line-height:normal}
.life-insurance .life-box .life-box-item .box-details{width:100%;margin-top:16px}
.life-insurance .life-box .life-box-item .box-details p{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:16px;font-style:normal;font-weight:400;line-height:normal;height:90px}
.life-insurance .life-box .life-box-item .box-button{display:flex;align-items:center;justify-content:center;margin-top:16px}
.life-insurance .life-box .life-box-item .box-button button{display:inline-flex;height:42px;padding:12px 36px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:10px;background:var(--gradients-orange,linear-gradient(90deg,#ff6700 0,#ff8900 100%));border:0;color:#fcfcfc;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:18px;cursor:pointer}
.life-insurance .life-comp3{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:15px}
.life-left-enb-chavon{border:0;background:0;height:36px;margin-right:6px;cursor:pointer}
.life-right-dib-chavon{border:0;background:0;height:36px;margin-right:6px}
.life-insurance .life-comp3 .life-left-chavon,.life-insurance .life-right-chavon{border-radius:50%;cursor:pointer;width:36px;height:36px;text-align:center;margin-right:6px;border:0}
.life-insurance .life-comp3 .life-viewall{margin-right:58px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0}
#container-e8a2141420 .life-insurance .life-comp3 .life-viewall{margin-right:0}
.life-insurance .life-comp3 .life-viewall span{color:var(--balic-brand-color-blue-005-eac,#005dac);text-align:right;font-family:Rubik;font-size:16px;font-style:normal;font-weight:500;line-height:normal}
.life-insurance .life-comp3 .life-viewall img{width:14px;height:16px}
.life-videos-modal-guide{position:fixed;display:none;max-width:688px;width:85%;height:420px;padding:12px 24px 48px 24px;transform:translate(-50%,-50%);flex-direction:column;align-items:flex-end;gap:12px;z-index:999;border-radius:10px;border:1px solid var(--card-stroke-99-bfde,#99bfde);background:var(--White,#FFF);top:50%;left:50%}
.life-videos-modal-guide iframe{width:100%;height:100%}
.lifevideo-overlay-img-guide{top:0;width:100vw;height:100%;left:0;background:rgba(0,0,0,.7);position:fixed;z-index:100;display:none}
.life-videos-modal-close-guide{cursor:pointer}
.videos-card-item-ifr-guide{width:100%;height:240px;border:8px solid var(--card-white-card-ffffff,#FFF)}
@media only screen and (max-width:1350px){}
@media only screen and (max-width:1290px){#container-e8a2141420 .life-insurance{width:90%}
}
@media screen and (max-width:800px){.life-insurance{margin-top:24px}
#container-e8a2141420 .life-insurance{width:92vw}
#container-e8a2141420 .life-insurance header{flex-direction:column;align-items:start !important}
.life-insurance .life-box{padding:0 0 0 12px}
.life-insurance .life-item ul{margin-top:1rem}
.search_bar{align-self:self-start;margin-top:30px}
.life-comp3{justify-content:end !important}
.life-insurance-child{padding:0}
.life-insurance-child .life-item{padding:16px 16px 0 16px}
#container-e8a2141420 .life-insurance-child{padding:16px !important}
.life-videos-modal-guide{height:92%;transform:translate(-50%,-43%);width:100%;align-items:center}
.life-videos-modal-guide iframe{width:100%;height:60%;margin:auto}
.life-videos-modal-close-guide{position:absolute;content:url("../../../../content/dam/balic-web/close2.svg");top:-50px}
}
@media screen and (max-width:500px){.life-insurance .search_bar{margin-right:unset;align-self:center}
.guide-top-svg{right:0;top:0}
.lifeitembox{width:280px}
.life-insurance .life-box .life-box-item{position:relative;width:280px;padding:12px}
.life-insurance .life-box .life-box-item .box-img .h5{font-size:16px;font-weight:700px}
.life-insurance .life-box .life-box-item .box-details p{font-size:14px;font-weight:400px}
#container-e8a2141420 .life-insurance-child{padding:16px 0 0 0 !important}
#container-e8a2141420 .life-insurance .life-box .life-box-item{width:284px}
#container-e8a2141420 .life-insurance .life-box{padding:0 10px}
#container-e8a2141420 .life-insurance{position:relative;left:16px 0;margin:16px;margin-top:0}
.life-insurance .life-box .life-box-item .box-img img{width:60px;height:60px}
.d-none{display:none}
.life-insurance .life-comp3{justify-content:end;padding:0 15px;margin-top:-14px !important}
.life-insurance header{display:flex;align-items:center;justify-content:space-between;padding:16px}
.life-insurance header{flex-direction:column;justify-content:center;text-align:center}
.life-insurance .life-item ul{margin-top:1rem;gap:16px}
.life-item>.h2{font-size:18px}
#container-e8a2141420 .life-item>.h2{text-align:start;font-size:18px}
#container-e8a2141420 .life-insurance header{align-items:start;padding:0 16px}
#container-e8a2141420 .life-insurance .search_bar{margin-right:unset;align-self:start}
#container-e8a2141420 .life-insurance .life-comp3{padding:0}
.life-insurance .life-item ul li{font-size:14px}
.life-insurance .life-item ul li>h3{font-size:14px}
.search_bar{align-self:center;margin-top:30px;width:312px;height:44px;padding:24px;justify-content:space-between}
.life-insurance .life-comp3 .life-viewall{margin-right:0;margin-bottom:16px}
.guide-nav{flex-direction:column}
}