:root .theme-light{--primaryColor:#c21b17;--primaryGrayBg:#f6f6f6;--lightGray6:#333}
:root .theme-dark{--primaryColor:#fff;--primaryGrayBg:#20252b;--lightGray6:#333}
:root{--mainHeaderHeight:101px;--menuHeaderHeight:64px;--heroNegativeMargin:-40px}
.hero-section{background-color:var(--primaryGrayBg);height:calc(100dvh - var(--mainHeaderHeight));text-align:center;position:relative;overflow:hidden}
.hero-section-gradient{position:absolute;top:0;left:0;right:0;height:100%;width:100%;margin:auto;background:radial-gradient(ellipse at center,#fff 25%,rgba(255,255,255,0.87) 45%,rgba(255,255,255,0) 95%);z-index:1;pointer-events:none}
.hero-section .hero-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin:0 var(--heroNegativeMargin) 0;height:100%;pointer-events:none;position:relative;z-index:0}
.hero-section .hero-gallery .hero-item{display:flex;flex-direction:column;width:100%}
.hero-section .hero-gallery .hero-img{padding-bottom:100%;overflow:hidden;border-radius:1rem;position:relative;margin-bottom:1rem}
.hero-section .hero-gallery .hero-img:last-child{margin-bottom:0}
.hero-section .hero-gallery .hero-img img{position:absolute;height:100%;width:100%;object-fit:cover}
.hero-section .hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;text-align:center;z-index:2}
.hero-section .hero-text .happy,.hero-section .hero-text .day{color:var(--lightGray6);font-family:"Barthley";line-height:1;position:absolute}
.hero-section .hero-text .happy{font-size:107px;top:-0.45em;left:40%;transform:translateX(-50%)}
.hero-section .hero-text .day{font-size:clamp(50px,11.1vw,186px);top:100%;left:60%;transform:translate(-50%,-0.42em)}
.hero-section .hero-text h1{color:var(--primaryColor);font-size:58px;font-family:"Roboto Condensed";line-height:.85;margin:0;display:inline-block}
.hero-section .hero-text h1 span{display:inline-block;font-size:83px;font-family:"Roboto-Bold"}
.hero-section .hero-bottom{position:fixed;z-index:100;bottom:1.875rem;right:1.875rem}
.hero-section .hero-bottom .btn{border-radius:30px;text-transform:unset;font-family:"Roboto-Regular";padding-inline:1.25rem;display:inline-flex;gap:.3125rem;box-shadow:0 0 1.5625rem 0 rgba(0,0,0,0.25)}
.hero-section .hero-bottom .btn .arrow-right{background-image:url(../../../../../../content/dam/futuregeneraliindiainsurancecoltd/dei-dam/womens-page/arrow-right.svg);display:inline-block;background-repeat:no-repeat;background-size:1rem;width:1.25rem;height:1.25rem;background-position:center right;transition:.3s}
.hero-section .hero-bottom .btn:hover .arrow-right{transform:translateX(3px)}
@media screen and (max-width:1300px){.hero-section .hero-gallery .hero-img{padding-bottom:170%}
}
@media screen and (max-width:991px){.hero-section .hero-gallery{grid-template-columns:repeat(4,1fr)}
}
@media screen and (max-width:767px){:root{--mainHeaderHeight:95px;--menuHeaderHeight:58px;--heroNegativeMargin:-10px}
.hero-section .hero-text h1{font-size:70px;font-family:"Roboto Condensed"}
.hero-section .hero-text h1 span{display:block;line-height:1.2;font-family:"Roboto-Bold";font-size:48px;max-width:282px}
.hero-section .hero-gallery{grid-template-columns:repeat(3,1fr)}
.hero-section .hero-text .happy{font-size:40px;line-height:.4}
}