/* Start custom CSS for html, class: .elementor-element-dbfa5c8 *//* =====================================================
PREMIUM LIC TERM INSURANCE SECTION
===================================================== */
.lic-premium-section,
.lic-premium-section * {
box-sizing: border-box;
}
.lic-premium-section {
width: 100%;
position: relative;
overflow: hidden;
background:
radial-gradient(
circle at 15% 20%,
rgba(63, 130, 205, 0.25),
transparent 32%
),
linear-gradient(
135deg,
#092b52 0%,
#124b82 48%,
#0b3765 100%
);
padding: 75px 6% 90px;
font-family:
Arial,
Helvetica,
sans-serif;
color: #ffffff;
}
/* =====================================================
BACKGROUND GLOW
===================================================== */
.lic-bg-glow {
position: absolute;
border-radius: 50%;
filter: blur(5px);
pointer-events: none;
}
.lic-glow-one {
width: 420px;
height: 420px;
background:
rgba(245, 215, 135, 0.08);
top: -180px;
left: -150px;
}
.lic-glow-two {
width: 500px;
height: 500px;
background:
rgba(53, 135, 220, 0.12);
bottom: -280px;
right: -180px;
}
/* =====================================================
MAIN CONTAINER
===================================================== */
.lic-premium-container {
max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns:
minmax(0, 1.05fr)
minmax(420px, 0.95fr);
gap: 75px;
position: relative;
z-index: 2;
align-items: center;
}
/* =====================================================
LEFT SIDE
===================================================== */
.lic-premium-left {
padding: 10px 0;
}
.lic-top-badge {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 9px 15px;
border:
1px solid
rgba(255,255,255,0.20);
border-radius: 50px;
background:
rgba(255,255,255,0.07);
color: #dcecff;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.8px;
margin-bottom: 24px;
}
.lic-badge-dot {
width: 7px;
height: 7px;
background: #f5d787;
border-radius: 50%;
box-shadow:
0 0 0 4px
rgba(245,215,135,0.12);
}
.lic-premium-left h1 {
margin: 0;
max-width: 650px;
font-size: clamp(
42px,
4.2vw,
62px
);
line-height: 1.08;
letter-spacing: -1.8px;
font-weight: 800;
color: #ffffff;
}
.lic-premium-left h1 span {
display: block;
color: #f5d787;
}
.lic-premium-description {
max-width: 570px;
margin: 22px 0 28px;
color: #cbdced;
font-size: 17px;
line-height: 1.7;
}
/* =====================================================
PRICE BOX
===================================================== */
.lic-price-box {
display: inline-flex;
align-items: center;
gap: 14px;
padding: 13px 20px 13px 13px;
border-radius: 16px;
background:
rgba(255,255,255,0.08);
border:
1px solid
rgba(255,255,255,0.14);
margin-bottom: 42px;
}
.lic-price-icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 13px;
background: #f5d787;
color: #123b65;
font-size: 24px;
font-weight: 800;
}
.lic-price-box small {
display: block;
color: #b9cde1;
font-size: 11px;
margin-bottom: 2px;
}
.lic-price-box strong {
display: block;
color: #ffffff;
font-size: 23px;
}
.lic-price-box strong span {
color: #b9cde1;
font-size: 13px;
font-weight: 500;
}
/* =====================================================
BENEFITS HEADING
===================================================== */
.lic-benefits-heading {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
}
.lic-benefits-heading span {
width: 28px;
height: 1px;
background:
rgba(255,255,255,0.35);
}
/* =====================================================
BENEFIT GRID
===================================================== */
.lic-premium-benefit-grid {
display: grid;
grid-template-columns:
repeat(2, minmax(0,1fr));
gap: 14px;
}
.lic-premium-benefit {
display: flex;
align-items: flex-start;
gap: 13px;
padding: 16px;
border-radius: 15px;
background:
rgba(255,255,255,0.055);
border:
1px solid
rgba(255,255,255,0.09);
transition:
transform 0.25s ease,
background 0.25s ease;
}
.lic-premium-benefit:hover {
transform:
translateY(-3px);
background:
rgba(255,255,255,0.10);
}
.lic-benefit-icon {
flex:
0 0 40px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background:
rgba(245,215,135,0.13);
color: #f5d787;
}
.lic-benefit-icon svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.lic-premium-benefit h3 {
margin: 0 0 5px;
font-size: 14px;
line-height: 1.3;
color: #ffffff;
}
.lic-premium-benefit p {
margin: 0;
color: #a9bfd5;
font-size: 11px;
line-height: 1.45;
}
/* =====================================================
TRUST ROW
===================================================== */
.lic-trust-row {
display: flex;
align-items: center;
margin-top: 32px;
padding-top: 25px;
border-top:
1px solid
rgba(255,255,255,0.13);
}
.lic-trust-item {
display: flex;
align-items: center;
gap: 9px;
flex: 1;
}
.lic-trust-item strong {
color: #f5d787;
font-size: 22px;
font-weight: 800;
}
.lic-trust-item span {
color: #b9cde1;
font-size: 10px;
line-height: 1.3;
}
.lic-trust-divider {
width: 1px;
height: 32px;
background:
rgba(255,255,255,0.16);
margin: 0 15px;
}
/* =====================================================
FORM WRAPPER
===================================================== */
.lic-premium-form-wrapper {
position: relative;
}
.lic-form-top-line {
position: absolute;
top: 0;
left: 12%;
width: 76%;
height: 5px;
background: #f5d787;
border-radius:
10px 10px 0 0;
z-index: 3;
}
/* =====================================================
FORM CARD
===================================================== */
.lic-premium-form-card {
background: #ffffff;
color: #1c2733;
border-radius: 25px;
padding: 34px 35px 30px;
box-shadow:
0 30px 70px
rgba(0,0,0,0.25);
}
/* =====================================================
FORM HEADER
===================================================== */
.lic-form-header {
display: flex;
align-items: center;
gap: 13px;
}
.lic-form-shield {
width: 47px;
height: 47px;
flex:
0 0 47px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background:
#edf5fc;
color: #286cc2;
}
.lic-form-shield svg {
width: 25px;
height: 25px;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.lic-form-header span {
display: block;
color: #286cc2;
font-size: 10px;
font-weight: 800;
letter-spacing: 1px;
margin-bottom: 3px;
}
.lic-form-header h2 {
margin: 0;
font-size: 23px;
line-height: 1.2;
color: #172536;
}
.lic-form-intro {
margin: 12px 0 23px;
color: #718091;
font-size: 12px;
line-height: 1.5;
}
/* =====================================================
FORM SECTION TITLE
===================================================== */
.lic-form-section-title {
display: flex;
align-items: center;
gap: 9px;
margin:
21px 0 13px;
padding-bottom: 9px;
border-bottom:
1px solid #e8edf2;
color: #26384a;
font-size: 12px;
font-weight: 800;
}
.lic-form-section-title span {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #edf5fc;
color: #286cc2;
font-size: 10px;
}
/* =====================================================
INPUT GROUP
===================================================== */
.lic-premium-input-group {
margin-bottom: 13px;
}
.lic-premium-input-group label {
display: block;
margin:
0 0 6px 2px;
color: #536170;
font-size: 11px;
font-weight: 700;
}
.lic-input-wrapper {
height: 48px;
display: flex;
align-items: center;
gap: 9px;
border:
1px solid #dce2e8;
border-radius: 12px;
padding: 0 13px;
background: #ffffff;
transition:
border-color 0.2s ease,
box-shadow 0.2s ease;
}
.lic-input-wrapper:focus-within {
border-color: #286cc2;
box-shadow:
0 0 0 3px
rgba(40,108,194,0.08);
}
.lic-input-wrapper svg {
width: 18px;
height: 18px;
flex:
0 0 18px;
fill: none;
stroke: #8a98a6;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.lic-input-wrapper input {
width: 100%;
height: 100%;
border: none !important;
outline: none !important;
box-shadow: none !important;
padding: 0 !important;
background: transparent !important;
color: #25313d;
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 13px;
}
.lic-input-wrapper input::placeholder {
color: #9aa5af;
}
/* =====================================================
MOBILE
===================================================== */
.lic-mobile-wrapper {
padding-left: 0;
}
.lic-country-code {
height: 100%;
display: flex;
align-items: center;
padding: 0 12px;
border-right:
1px solid #e1e5e9;
color: #3e4d5c;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
/* =====================================================
NO SPAM
===================================================== */
.lic-no-spam-box {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 11px;
margin:
2px 0 14px;
border-radius: 9px;
background: #f2f7fb;
color: #667585;
font-size: 10px;
}
.lic-no-spam-box span {
width: 19px;
height: 19px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #dff1e6;
color: #279152;
font-size: 11px;
font-weight: 800;
}
.lic-no-spam-box strong {
color: #435364;
}
/* =====================================================
TWO COLUMN INPUTS
===================================================== */
.lic-premium-two-column {
display: grid;
grid-template-columns:
repeat(2, minmax(0,1fr));
gap: 12px;
}
.lic-rupee-icon {
color: #7d8994;
font-size: 15px;
font-weight: 700;
}
/* =====================================================
DATE
===================================================== */
.lic-input-wrapper input[type="date"] {
color: #65727f;
}
/* =====================================================
SUBMIT BUTTON
===================================================== */
.lic-premium-submit {
width: 100%;
min-height: 55px;
margin-top: 8px;
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
border: none;
border-radius: 13px;
background:
linear-gradient(
135deg,
#2876ce,
#195ca9
);
color: #ffffff;
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 15px;
font-weight: 800;
cursor: pointer;
box-shadow:
0 9px 20px
rgba(30,96,169,0.25);
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.lic-premium-submit:hover {
transform:
translateY(-2px);
box-shadow:
0 13px 25px
rgba(30,96,169,0.32);
}
.lic-premium-submit:disabled {
opacity: 0.7;
cursor: not-allowed;
transform: none;
}
.lic-submit-arrow {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background:
rgba(255,255,255,0.16);
font-size: 18px;
}
/* =====================================================
MESSAGE
===================================================== */
#form-message {
text-align: center;
margin-top: 10px;
font-size: 12px;
}
/* =====================================================
CERTIFIED TEXT
===================================================== */
.lic-certified {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
margin-top: 18px;
text-align: left;
}
.lic-certified > span {
width: 27px;
height: 27px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #e5f5eb;
color: #279152;
font-size: 13px;
font-weight: 800;
}
.lic-certified strong {
display: block;
color: #425160;
font-size: 11px;
}
.lic-certified small {
display: block;
color: #8a96a1;
font-size: 9px;
margin-top: 2px;
}
/* =====================================================
DISCLAIMER
===================================================== */
.lic-disclaimer {
margin-top: 13px;
text-align: center;
color: #929ca5;
font-size: 9px;
line-height: 1.5;
}
.lic-disclaimer a {
color: #2865a8;
text-decoration: none;
font-weight: 700;
}
/* =====================================================
INSURER
===================================================== */
.lic-insurer {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 18px;
padding-top: 15px;
border-top:
1px solid #edf0f2;
}
.lic-insurer > span {
color: #8a959f;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.8px;
}
.lic-logo-box {
height: 38px;
min-width: 85px;
display: flex;
align-items: center;
justify-content: center;
}
.lic-logo-box img {
max-width: 75px;
max-height: 38px;
width: auto;
height: auto;
object-fit: contain;
}
/* =====================================================
TABLET
===================================================== */
@media (max-width: 1000px) {
.lic-premium-section {
padding:
60px 5% 70px;
}
.lic-premium-container {
grid-template-columns: 1fr;
gap: 55px;
max-width: 720px;
}
.lic-premium-left {
text-align: center;
}
.lic-top-badge {
margin-left: auto;
margin-right: auto;
}
.lic-premium-left h1 {
margin-left: auto;
margin-right: auto;
}
.lic-premium-description {
margin-left: auto;
margin-right: auto;
}
.lic-price-box {
margin-left: auto;
margin-right: auto;
}
.lic-benefits-heading {
justify-content: center;
}
.lic-premium-form-wrapper {
width: 100%;
max-width: 650px;
margin: 0 auto;
}
}
/* =====================================================
MOBILE
===================================================== */
@media (max-width: 600px) {
.lic-premium-section {
padding:
42px 17px 55px;
}
.lic-premium-container {
gap: 38px;
}
.lic-top-badge {
font-size: 9px;
padding:
8px 11px;
letter-spacing: 0.5px;
}
.lic-premium-left h1 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -1px;
}
.lic-premium-description {
font-size: 14px;
line-height: 1.6;
margin-top: 17px;
}
.lic-price-box {
margin-bottom: 30px;
}
.lic-premium-benefit-grid {
grid-template-columns: 1fr;
text-align: left;
}
.lic-premium-benefit {
padding: 14px;
}
.lic-trust-row {
align-items: stretch;
}
.lic-trust-item {
flex-direction: column;
justify-content: center;
text-align: center;
gap: 4px;
}
.lic-trust-item strong {
font-size: 19px;
}
.lic-trust-divider {
margin:
0 8px;
}
.lic-premium-form-card {
padding:
28px 18px 24px;
border-radius: 21px;
}
.lic-form-header h2 {
font-size: 20px;
}
.lic-premium-two-column {
grid-template-columns: 1fr;
gap: 0;
}
.lic-premium-input-group {
margin-bottom: 13px;
}
.lic-premium-submit {
min-height: 54px;
font-size: 14px;
}
}
/* =====================================================
VERY SMALL MOBILE
===================================================== */
@media (max-width: 380px) {
.lic-premium-section {
padding-left: 13px;
padding-right: 13px;
}
.lic-premium-left h1 {
font-size: 32px;
}
.lic-trust-item span {
font-size: 8px;
}
.lic-trust-item strong {
font-size: 17px;
}
.lic-premium-form-card {
padding-left: 15px;
padding-right: 15px;
}
}
/* =====================================================
EXTRA MOBILE OPTIMIZATION
320px - 600px
===================================================== */
@media (max-width: 600px) {
.lic-premium-section {
width: 100%;
overflow-x: hidden;
padding: 35px 14px 50px !important;
}
.lic-premium-container {
width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 32px;
}
/* -----------------------------
HERO TEXT
----------------------------- */
.lic-premium-left {
width: 100%;
padding: 0;
text-align: center;
}
.lic-top-badge {
display: inline-flex;
max-width: 100%;
white-space: normal;
justify-content: center;
text-align: center;
font-size: 8.5px;
line-height: 1.3;
}
.lic-premium-left h1 {
width: 100%;
font-size: clamp(31px, 9vw, 38px);
line-height: 1.08;
letter-spacing: -1px;
}
.lic-premium-description {
width: 100%;
font-size: 14px;
line-height: 1.55;
margin: 16px auto 22px;
}
/* -----------------------------
PRICE
----------------------------- */
.lic-price-box {
width: auto;
max-width: 100%;
margin: 0 auto 28px;
padding: 10px 15px 10px 10px;
}
.lic-price-icon {
width: 43px;
height: 43px;
flex: 0 0 43px;
font-size: 21px;
}
.lic-price-box strong {
font-size: 20px;
}
/* -----------------------------
BENEFITS
----------------------------- */
.lic-benefits-heading {
font-size: 13px;
margin-bottom: 15px;
}
.lic-benefits-heading span {
width: 20px;
}
.lic-premium-benefit-grid {
width: 100%;
grid-template-columns: 1fr;
gap: 10px;
}
.lic-premium-benefit {
width: 100%;
min-width: 0;
padding: 13px;
border-radius: 13px;
}
.lic-benefit-icon {
width: 38px;
height: 38px;
flex: 0 0 38px;
}
.lic-premium-benefit h3 {
font-size: 13px;
}
.lic-premium-benefit p {
font-size: 10.5px;
}
/* -----------------------------
TRUST STATS
----------------------------- */
.lic-trust-row {
width: 100%;
margin-top: 25px;
padding-top: 20px;
}
.lic-trust-item {
min-width: 0;
overflow: hidden;
}
.lic-trust-item strong {
font-size: 18px;
}
.lic-trust-item span {
font-size: 8.5px;
}
.lic-trust-divider {
flex: 0 0 1px;
margin: 0 6px;
}
/* -----------------------------
FORM
----------------------------- */
.lic-premium-form-wrapper {
width: 100%;
max-width: 100%;
margin: 0;
}
.lic-form-top-line {
left: 10%;
width: 80%;
height: 4px;
}
.lic-premium-form-card {
width: 100%;
max-width: 100%;
padding: 27px 16px 23px;
border-radius: 20px;
}
/* -----------------------------
FORM HEADER
----------------------------- */
.lic-form-header {
gap: 10px;
}
.lic-form-shield {
width: 42px;
height: 42px;
flex: 0 0 42px;
border-radius: 12px;
}
.lic-form-shield svg {
width: 22px;
height: 22px;
}
.lic-form-header span {
font-size: 8px;
}
.lic-form-header h2 {
font-size: 19px;
line-height: 1.25;
}
.lic-form-intro {
font-size: 11px;
margin: 10px 0 20px;
}
/* -----------------------------
FORM SECTIONS
----------------------------- */
.lic-form-section-title {
margin-top: 18px;
margin-bottom: 11px;
font-size: 11px;
}
.lic-form-section-title span {
width: 23px;
height: 23px;
flex: 0 0 23px;
}
/* -----------------------------
INPUTS
----------------------------- */
.lic-premium-input-group {
width: 100%;
margin-bottom: 12px;
}
.lic-premium-input-group label {
font-size: 10.5px;
margin-bottom: 5px;
}
.lic-input-wrapper {
width: 100%;
height: 50px;
min-height: 50px;
border-radius: 11px;
padding: 0 12px;
}
.lic-input-wrapper input {
min-width: 0;
font-size: 13px !important;
}
.lic-input-wrapper svg {
width: 17px;
height: 17px;
flex: 0 0 17px;
}
/* -----------------------------
MOBILE NUMBER
----------------------------- */
.lic-mobile-wrapper {
padding-left: 0;
}
.lic-country-code {
padding: 0 10px;
font-size: 11px;
flex-shrink: 0;
}
/* -----------------------------
NO SPAM
----------------------------- */
.lic-no-spam-box {
margin-bottom: 13px;
padding: 9px 10px;
font-size: 9.5px;
line-height: 1.4;
}
.lic-no-spam-box span {
flex: 0 0 18px;
width: 18px;
height: 18px;
}
/* -----------------------------
TWO COLUMN FIELDS
----------------------------- */
.lic-premium-two-column {
width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
/* -----------------------------
BUTTON
----------------------------- */
.lic-premium-submit {
width: 100%;
min-height: 54px;
height: 54px;
margin-top: 7px;
border-radius: 12px;
font-size: 14px;
}
.lic-submit-arrow {
width: 26px;
height: 26px;
font-size: 17px;
}
/* -----------------------------
CERTIFIED
----------------------------- */
.lic-certified {
margin-top: 16px;
}
.lic-certified > span {
width: 25px;
height: 25px;
flex: 0 0 25px;
}
.lic-certified strong {
font-size: 10px;
}
.lic-certified small {
font-size: 8.5px;
}
/* -----------------------------
DISCLAIMER
----------------------------- */
.lic-disclaimer {
font-size: 8.5px;
margin-top: 11px;
}
/* -----------------------------
LIC LOGO
----------------------------- */
.lic-insurer {
margin-top: 15px;
padding-top: 13px;
}
.lic-insurer > span {
font-size: 8px;
}
.lic-logo-box {
height: 34px;
}
.lic-logo-box img {
max-width: 70px;
max-height: 34px;
}
}
/* =====================================================
SMALL PHONES
320px - 380px
===================================================== */
@media (max-width: 380px) {
.lic-premium-section {
padding-left: 10px !important;
padding-right: 10px !important;
}
.lic-premium-left h1 {
font-size: 30px;
}
.lic-premium-description {
font-size: 13px;
}
.lic-premium-form-card {
padding-left: 13px;
padding-right: 13px;
}
.lic-form-header h2 {
font-size: 18px;
}
.lic-trust-item strong {
font-size: 16px;
}
.lic-trust-item span {
font-size: 8px;
}
}/* End custom CSS */