/* =========================================
   Who we are 
========================================= */

.who-we-are {
    width: 100%;
    background: #ffffff;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.who-container {
    width: 100%;
    max-width: 1437px;
    min-height: 237px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 27% 39% 34%;
    align-items: stretch;

    background: #ffffff;
}


/* =========================================
   LEFT IMAGE
========================================= */

.who-image {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.who-image img {
    width: 100%;
    height: 100%;
    display: block;
border-radius:15px;
    object-fit: cover;
    object-position: center;
}


/* =========================================
   MIDDLE CONTENT
========================================= */

.who-content {
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

 h2 {
    margin: 0 0 14px 0;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
    color: #071e55;
}
h3 {
  margin: 0;
  color: #071e55;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.2px;
}
.who-content p {
    margin: 0 0 18px 0;

    font-size: 15px;
    line-height: 1.65;
    font-weight: 400;

    color: #002b60;
}


/* =========================================
   RIGHT FEATURES
========================================= */
.border-sec {border-top:solid 1px #b9d0f1; border-bottom:solid 1px #b9d0f1; }
.border-sec-bottom { border-bottom:solid 1px #b9d0f1; }
.border-sec-round {border:solid 1px #b9d0f1; border-radius:8px;}
.who-features {
    border-left: 1px solid #b9d0f1;

    padding: 12px 15px;

    display: flex;
    flex-direction: column;
   /* justify-content: space-between;*/
}

.feature-item {
    display: flex;
    align-items: center;
	margin-bottom:15px;
    min-height:25px;
}


/* =========================================
   ICON
========================================= */

.feature-icon {
    width:35px;
    min-width: 35px;
    height: 35px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 18px;
}

/*.feature-icon svg {
    width: 43px;
    height: 43px;

    fill: none;
    stroke: #0b49a0;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}*/


/* =========================================
   FEATURE TEXT
========================================= */

.feature-text h3 {
    margin: 0;

    color: #182b50;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .who-container {
        grid-template-columns: 28% 37% 35%;
    }

    .who-content {
        padding: 0 25px;
    }

    .who-features {
        padding-left: 25px;
        padding-right: 20px;
    }

    .feature-icon {
        margin-right: 12px;
    }

    .feature-text h3 {
        font-size: 14px;
    }

    .who-content p {
        font-size: 13px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .who-container {
        display: block;
        width: 100%;
        min-height: auto;
    }

    .who-image {
        width: 100%;
        height: 230px;

        border-radius: 5px;
        margin-bottom: 25px;
    }

    .who-content {
        padding: 0 20px;
    }

    .who-content h2 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .who-content p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .who-features {
        margin-top: 25px;

        border-left: 0;
        border-top: 1px solid #d9dfe8;

        padding: 20px;
        gap: 12px;
    }

    .feature-item {
        height:30px;
    }

    .feature-icon {
        width: 45px;
        min-width: 45px;
        height: 45px;
        margin-right: 12px;
    }

    
    .feature-text h3 {
        font-size: 14px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 507px) {

   
    .who-content {
        padding: 0 0px;
    }

    .who-features {
        padding: 18px 0px;
    }

    .feature-text h3 {
        font-size: 13px;
    }
}
/* =========================================
   Who we are 
========================================= */


/* =========================================
  our journey
========================================= */
.timeline-section {
  width: 100%;
  background: #fff;
  padding: 10px 25px 0;
  overflow: hidden;
}

.timeline {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(5, 1fr);

  position: relative;
}

/* Main horizontal line */
.timeline::before {
  content: "";
  position: absolute;
  top: 40px;
  left: 4%;
  right: 4%;
  height: 3px;
  background: #b9cdea;
  z-index: 0;
}


/* Each timeline item */
.timeline-item {
  position: relative;
  z-index: 1;
  text-align: center;
  min-width: 0;
  padding: 0 12px;
}


/* Circle around icon */
.timeline-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 12px;
  border: 2px solid #cbd9ec;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1455b8;
}


/* Icon itself */
.icon_img {
  width: 60px;
  height: 60px;
  display: block;
}


/* Heading */
.timeline-item h3 {
  margin: 0;
  min-height: 42px;
  color: #071e55;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.2px;
}


/* Description */
.timeline-item p {
  margin: 9px 0 0;
  min-height:95px;
  color: #4b5565;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
}


/* Small vertical line connecting description to year */
.timeline-year {
  position: relative;
  margin-top: 8px;
  padding-top: 18px;
  color: #143e80;

  font-size: 18px;
  font-weight: 700;
}

.one::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 13px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #b9cdea;
}

.one::after {
  content: "";
  position: absolute;
  top:30px;
  left:60%;
  right:-60%;
  height: 2px;
  background: #b9cdea;
  z-index: 0;
  width:90%;
}


/* PNG buttons */
.icon-downloads {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 30px auto;
}

.icon-downloads button {
  border: 0;
  border-radius: 5px;
  padding: 9px 13px;
  background: #1455b8;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}

.icon-downloads button:hover {
  background: #0d428f;
}


/* -------------------------
   TABLET
------------------------- */

@media (max-width: 900px) {

  .timeline-section {
    padding: 20px 10px;
  }

  .timeline::before {
    left: 5%;
    right: 5%;
  }

  .timeline-item {
    padding: 0 5px;
  }

  .timeline-icon {
    width: 68px;
    height: 68px;
  }

  .icon_img {
    width: 40px;
    height: 40px;
  }

  .timeline-item h3 {
    font-size: 14px;
  }

  .timeline-item p {
    font-size: 12px;
  }

  .timeline-year {
    font-size: 16px;
  }
}


/* -------------------------
   MOBILE
------------------------- */

@media (max-width: 650px) {

  .timeline {
    display: block;
    padding-left: 75px;
  }

  .timeline::before {
    top: 40px;
    bottom: 40px;

    left: 32px;
    right: auto;

    width: 3px;
    height: auto;
  }

  .timeline-item {
    text-align: left;

    min-height: 150px;

    padding: 0 0 30px;
  }

  .timeline-icon {
    position: absolute;

    left: -75px;
    top: 0;

    width: 66px;
    height: 66px;

    margin: 0;
  }

  .timeline-item h3 {
    min-height: auto;
  }

  .timeline-item p {
    min-height: auto;
    margin-bottom: 5px;
  }

  .timeline-year {
    margin-top: 8px;
    padding-top: 0;
  }

  .timeline-year::before {
    display: none;
  }

}
/* =========================================
  our journey
========================================= */
/* =========================================
   mission CONTENT
========================================= */
.mission-left {display:flex;
flex-direction:row;
gap: 16px;
height:150px;
}
img.icon {width:80px;
height:74px;}
/* =========================================
   mission CONTENT
========================================= */

/* =========================================
   why olpolicy
========================================= */
.img-box {width:100%;
height:240px;
}

.why-grid {
display: grid;
  grid-template-columns: repeat(6,1fr);
  gap:15px;
}
.value-grid {
display: grid;
  grid-template-columns: repeat(5,1fr);
  gap:35px;
}

.work-card {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
  padding:5px 20px 20px 20px;
  text-align: center;
  transition: 0.4s ease;
  border: 1px solid #dbeafe;
  overflow: hidden;
}
.work-card h3 {
  margin: 0;
  min-height: 20px;
  color: #071e55;
  font-family:Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.2px;
}
.icon-size {font-size:3em; color:#1455b8;}

/* =========================================
   why olpolicy
========================================= */

/* =========================================
  Insurance solutions
========================================= */
.about-img {width:100%;
height:auto;
border-radius:8px;}

.icons-about {width:60px;
height:60px;
border-radius:50%;
position:absolute;
top:5em;
margin-left:2em;
background:#fff;
border:solid 1px #ccc;)
}
/* =========================================
  FAQ
========================================= */

.accordion {
  background-color: #fff;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size:18px;
  transition: 0.4s;
  color:#002b60;
  border:solid 1px #dbeafe;
  margin-bottom:2px;
}

.active, .accordion:hover {
  background-color: #fff;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

/*.active:after {
  content: "\2212";
}*/

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.up-footer-head {font-size:25px; color:#fff; line-height:1.5;}

.up-foot-grid {
display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:35px;
}
.up-btn {width:auto; padding:12px; text-align:center; font-size:17px; font-weight:600; border:1px solid #fff; border-radius:4px;}
.dark-button {background:#00235e; color:#fff;}
.dark-button:hover {background:#00235e; color:#fff;}
.white-button {background:#fff; color:#00235e}
.green-button {background:#2b9435; color:#fff;}
.green-button:hover {background:#2b9435; color:#fff;}

/***************Responsive********************/

@media (max-width: 765px) {
  .one::after {
  content:none!important;
 }
 .why-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
.value-grid {
 grid-template-columns: 1fr;
        gap: 10px;
}
.up-foot-grid {
  grid-template-columns: repeat(1,1fr);
  gap:15px;
}
.up-footer-head {font-size:20px;}

 h2 {
    font-size:20px;
}
p {
  font-size: 15px;
  line-height: 22px;
}
/***************Tapan*****************/
.ul_div ul {
 flex-direction: column;
        align-items: stretch;
        gap: 10px;
}
.page__banner-image {

  background-position: center right !important;  
}
/*.home_page_h p {
  margin-top: 10px;
  padding-bottom: 10px;
  color:#fff
}
.ul_div ul li {
  color: #fff;
}*/
/***************************/
}

@media (min-width: 768px) and (max-width: 991px) {
  /* Your CSS rules here */
  
 .ul_div ul {
 display:flex;
        gap:10px;
}
.page__banner-image {
  background-position: center right !important;  
}
.ul_div ul .mr_cl {
  margin-right:0px;
}
 .ul_div ul li {
  font-weight:500;
  font-size:13px;
}
.one::after {
  left:65%;
  width:80%;
}
.mission-left {
  flex-direction: column;
  height:250px;
}
.why-grid {
 grid-template-columns: repeat(3, 1fr);
 gap: 15px;
}
 .value-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
 }
 .up-foot-grid {
  gap:15px;
}
.up-btn {
  padding:6px;
  font-size:13px;
  font-weight:500;
  border-radius: 2px;
  line-height:1.5;
}

}

/***************page below 65 start************/
.ul_div_65 ul {
  display: flex;
  flex-direction:column;
  padding: 0;
  list-style: none;
}
.ul_div_65 ul .mr_cl1 {
  margin-right:25px;
}
.ul_div_65 ul li {
  color: #002a5f;
  font-weight: 500;
}
/***************join team start************/

/*.join-banner-title h2 {color:#fff;}
.join-banner-title  span {color:#ff4004;}
.join-banner-title p {color:#fff;}*/
.btn_cls .bnt_3 {
  background: #ff4004;
  padding: 11px 30px;
  border-radius: 6px;
  color: #fff;
  margin-right: 15px;
  border: 2px solid #ff4004;
  font-weight: 600;
  display: inline-block;
    text-align: center;
    text-decoration: none;
}
.btn_cls .bnt_2 {
  background: #ffffff;
  padding: 11px 30px;
  border-radius: 6px;
  color: #002b60;
  font-weight: 600;
  border: 2px solid #002b60;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.btn_cls .bnt_1 {
  background: #002b60;
  padding: 11px 30px;
  border-radius: 6px;
  color: #fff;
  margin-right: 15px;
  border: 2px solid #002b60;
  font-weight: 600;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.career-features {
    display: flex;
    align-items: center;
    justify-content: space-between;
  margin:0px;

    list-style: none;
}

.career-features li {
    display: flex;
    align-items: center;
    gap:8px;
    flex: 1;
}

.career-features li img {
    width:23px;
    height:23px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 0px;
}

.career-features li span {
    color: #002b60;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 500;
	margin-right:15px;

}
.v-grid {
display: grid;
grid-template-columns: repeat(5,1fr);
gap:10px;
}

.look-card {
  position: relative;
  padding:5px;
text-align: center;
  transition: 0.4s ease;
  overflow: hidden;
}

.look-card h3 {
  margin: 0;
  min-height: 65px;
  color: #071e55;
  font-size:17px;
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: -0.2px;
}
.look-card p{font-size:16px}

.join-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap:10px;
}

/* Heading */

.apply-title {
    margin: 0 0 15px;
    text-align: center;
    color: #09265f;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 700;
}


/* Steps Wrapper */

.apply-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
}


/* Individual Step */

.apply-step {
    position: relative;
    text-align: center;
    padding: 0 0px;
}


/* Number Circle */

.step-number {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    border: 2px solid #173e8c;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;
    color: #173e8c;

    font-size: 15px;
    font-weight: 600;

    position: relative;
    z-index: 2;
}


/* Dotted Line */

.step-line {
    position: absolute;
    top: 15px;
    left: calc(50% + 17px);
    width: calc(100% - 34px);

    border-top: 2px dotted #7894c7;
    z-index: 1;
}


/* Hide line after last item */

.apply-step:last-child .step-line {
    display: none;
}


/* Icons */

.step-icon {
    height:48px;
    margin-top: 15px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.step-icon img {
    width:48px;
    height:48px;
    object-fit: contain;
    margin-bottom: 0px !important;
}


/* Titles */

.apply-step h3 {
    color: #09265f;
    font-size:17px;
    line-height: 1.35;
    font-weight: 700;
  min-height:55px;
  margin-top:15px;
}


/* Description */

.apply-step p {
    margin: 0;

    color: #002b60;

    font-size:16px;
    line-height: 1.55;
    font-weight: 400;
}


/* ==============================
   TABLET
================================= */

@media (max-width: 991px) {

    .how-to-apply {
        padding: 30px 15px 40px;
    }

    .apply-title {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .apply-step {
        padding: 0 8px;
    }

    .step-number {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .step-line {
        top: 14px;
    }

    .step-icon img {
        width: 38px;
        height: 38px;
    }

    .apply-step h3 {
        font-size: 12px;
    }

    .apply-step p {
        font-size: 9px;
    }
}


/* ==============================
   MOBILE
================================= */

@media (max-width: 767px) {

    .how-to-apply {
        padding: 30px 15px 40px;
    }
	

    .apply-title {
        font-size: 21px;
        margin-bottom: 30px;
    }

    .apply-steps {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 35px;
    }

    .apply-step {
        padding: 0 8px;
    }

    /* Don't show desktop connecting lines */
    .step-line {
        display: none;
    }

    .step-number {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    .step-icon {
        margin-top: 12px;
        height: 50px;
    }

    .step-icon img {
        width: 40px;
        height: 40px;
    }

    .apply-step h3 {
        font-size: 12px;
        margin-top: 5px;
    }

    .apply-step p {
        font-size: 10px;
        line-height: 1.5;
    }
}


/* ==============================
   SMALL MOBILE
================================= */

@media (max-width: 507px) {

    .how-to-apply {
        padding-left: 10px;
        padding-right: 10px;
    }
	.who-image {height:auto;
	max-width:100%;
	}
    .apply-steps {
        column-gap: 5px;
        row-gap: 30px;
    }

    .apply-step {
        padding: 0 5px;
    }

    .apply-step h3 {
        font-size: 11px;
    min-height:35px;
    }

    .apply-step p {
        font-size:14px;
    }

    .step-icon img {
        width: 30px;
        height: 30px;
    }
	.accordion {
  font-size: 14px;
}
.bnt_3 
{
     padding: 6px 10px;
        font-size: 14px;
        border-radius: 5px;
        width: 100% !important;
		margin-bottom:8px;
}

.bnt_2
{
     padding: 6px 10px;
        font-size: 14px;
        border-radius: 5px;
        width: 100% !important;
		margin-bottom:8px;
}

.bnt_1
{
     padding: 6px 10px;
        font-size: 14px;
        border-radius: 5px;
        width: 100% !important;
		margin-bottom:8px;
}
.copyright__one p,
.copyright__two p,
.copyright__three p,
.copyright__four p {
text-align:center;
}
.ff_ul ul {
  justify-content: center;
}
.coverage-icon-mb {width:80px; height:80px; align-items:center; margin: 0 auto;}
}



/* =========================
   APPLICATION FORM
========================= */

.consent-banner-desktop {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 500px;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #6881a040;
  background-image: url("../img/banner/consent-banner.png");
}

.application-section {
    width: 100%;
    padding: 0;
    background: #ffffff;
}

.application-form {
    width: 100%;
    max-width: 100%;
    padding: 18px 20px 12px;
    background: #fff;
    border: 1px solid #e4e9f0;
    border-radius:8px;
    box-sizing: border-box;
}

/* Form Grid */
.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    row-gap: 8px;
}

/* Form Group */
.form-group {
    width: 100%;
    min-width: 0;
	margin-bottom:10px;
}

.form-group label {
    display: block;
    margin-bottom: 4px;
    font-size:17px;
    line-height: 1.4;
    font-weight:600;
    color: #172554;
}

.form-group label span {
    color: #ff3b30;
}

/* Input / Select / Textarea */
.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea,
.form-group select {
    width: 100%;
    height:40px;
    padding: 5px 40px !important;
    border: 1px solid #bccfe4;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 13px;
    font-family: inherit;
    outline: none;
    box-sizing: border-box;
    transition: all 0.2s ease;
	margin-Bottom:15px;
}
.form-group select {width: 100%;
    height:40px;
    padding: 5px 8px;
    border: 1px solid #bccfe4;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 12px;
    font-family: inherit;
    outline: none;
    box-sizing: border-box;
    transition: all 0.2s ease;}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #9ba6b3;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #ff8a00;
    box-shadow: 0 0 0 2px rgba(255, 138, 0, 0.08);
}

/* Select */
.form-group select {
    appearance: auto;
    cursor: pointer;
}

/* =========================
   CITY / STATE / ZIP
========================= */

.address-field {
   display:grid;
   grid-template-columns: repeat(3,1fr);
  gap: 50px;
  margin:0px 0;
}



/* =========================
   RESUME UPLOAD
========================= */

.resume-field {
    margin-top: 1px;
}

.upload-box {
    height:62px;
    width: 100%;
    border: 1px solid #c8d9f2 !important;
    border-radius: 4px;
    background: #f5f9ff;
    display: flex !important;
    align-items: center;
    padding: 5px 10px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.2s ease;
}

.upload-box:hover {
    background: #eef6ff;
    border-color: #9fc3ee !important;
}

.upload-icon {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3987ed;
    font-size: 25px;
    line-height: 1;
}

.upload-icon span {
    color: #3987ed !important;
    font-size: 27px;
    font-weight: 400;
}

.upload-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.upload-text strong {
    font-size: 10px;
    font-weight: 700;
    color: #172554;
}

.upload-text small {
    font-size: 8px;
    color: #667085;
}

.resume-field input[type="file"] {
    display: none;
}

/* =========================
   ADDITIONAL DETAILS
========================= */

.details-field textarea {
    height: 63px;
    resize: vertical;
    padding: 8px;
    line-height: 1.4;
}

/* =========================
   TERMS & CONDITIONS
========================= */

.terms-row {
    margin-top: 0px;
}

.checkbox-label {
    display: flex;
    gap: 5px;
    cursor: pointer;
    font-size:15px;
    color: #172554;
	line-height:1.4;
}

.checkbox-label input {
    width: 11px;
    height: 11px;
    margin-top:5px;
    accent-color: #ff7a00;
    cursor: pointer;
}

.checkbox-label a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
}

.checkbox-label a:hover {
    text-decoration: underline;
}

/* =========================
   SUBMIT BUTTON
========================= */

.submit-row {
    margin-top: 8px;
    display: flex;
    justify-content: center;
}

.submit-btn {
   
    border: 0;
    border-radius: 4px;
    background: #ff4004;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    padding:17px 15px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

.submit-btn:hover {
    background: #e96f0b;
    transform: translateY(-1px);
}

.submit-btn .arrow {
    font-size: 23px;
    font-weight: 300;
    line-height: 1;
}


/* =========================
   TABLET
========================= */

@media (max-width: 767px) {

    .application-form {
        padding: 18px 15px;
    }

    .form-row {
        grid-template-columns: 1fr;
        row-gap: 10px;
    }

    .city-field,
    .state-field,
    .zip-field {
        grid-column: auto;
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .details-field {
        margin-top: 0;
    }

    .form-group textarea {
        height: 80px;
    }

    .submit-btn {
        width: 100%;
        max-width: 300px;
    }
  .need-bg { 
  background-position: center right;
  background-size: cover;
  border-radius:10px;
}
}


/* =========================
   MOBILE
========================= */

@media (max-width: 507px) {

/*.consent-banner-desktop {display:none;}*/
	
.consent-banner-desktop {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  height:100%;
  z-index: -1;
  background-position: top;
  background-repeat: no-repeat;

  background-size:100% 100%;
  background-image: url("../img/banner/consent-banner-mobile.png");
}

    .application-form {
        padding: 15px 12px;
    }

    .form-group label {
        font-size: 13px;
    }

    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group input[type="tel"],
    .form-group select {
        height: 40px;
        font-size: 13px;
		padding:5px 33px;
    }

    .upload-box {
        height: 55px;
    }

    .checkbox-label {
        align-items: flex-start;
        line-height: 1.5;
    }

    .checkbox-label input {
        margin-top: 2px;
        flex-shrink: 0;
    }

    .submit-btn {
        height: 40px;
        font-size: 13px;
        gap: 30px;
    }
	.address-field {
  grid-template-columns: repeat(1,1fr);
  gap: 8px;
	margin: 8px 0;}
}

.need-bg { background: url("../../assets/img/join-bg1.jpg");

  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius:10px;
}

.need-grid {
    display: flex;
   grid-template-columns: repeat(2,1fr);
  gap: 15px;
  margin-top:2em;
}

.need-feature {
    color: #ffffff;
    font-size:14px;
    line-height: 1.35;
    font-weight: 500;

}
.need-feature img {margin-right:10px; margin-bottom:5px;}

.bg_box
{
      margin-top: 25px;
    background: #ffffffd9;
    padding: 5px 12px;
    border-radius: 6px;
}
.look-card img
{
  width: 80px;
}

/* =========================
   Conswnt-form
========================= */


.trust-support-section {
    width: 100%;
    max-width: 1325px;
    margin: 0 auto;
    padding: 0 5px;
    font-family: Arial, sans-serif;
    color: #06245f;
}


/* =========================================
   TOP TRUST FEATURES
========================================= */

.trust-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: top;

    min-height: 108px;
    padding: 12px 35px;

    border: 1px solid #e5ebf5;
    border-radius: 8px;

    background: #fff;
    box-shadow: 0 1px 5px rgba(20, 60, 120, 0.03);
}


.trust-item {
    display: flex;
    align-items: top;
    gap: 22px;

    min-height: 65px;
    padding: 0 28px;

    border-right: 1px solid #dfe7f2;
}


.trust-item:first-child {
    padding-left: 5px;
}


.trust-item:last-child {
    border-right: none;
}


/* ICON */

.trust-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #1260dc;
    font-size: 31px;
}


.trust-content h4 {
    margin: 0 0 8px;

    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;

    color: #06245f;
}


.trust-content p {
    margin: 0;

    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;

    color: #123b82;
}


/* =========================================
   SUPPORT BOX
========================================= */

.support-box {
    display: grid;
    grid-template-columns: 43% 35% 22%;
    align-items: center;

    min-height: 157px;
    margin-top: 9px;
    padding: 18px 45px 18px 55px;

    background: #eef5ff;
    border-radius: 7px;
}


/* LEFT SIDE */

.support-left {
    display: flex;
    align-items: center;
    gap: 48px;

    min-height: 115px;
    border-right: 1px solid #d5e2f5;
}


.support-image {
    width: 260px;
    min-width: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.support-image img {
    width: 260px;
    height: auto;
    display: block;
    object-fit: contain;
}


.support-heading h2 {
    margin: 0 0 14px;

    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;

    color: #06245f;
}


.support-heading p {
    margin: 0;

    font-size:15px;
    line-height: 1.5;
    font-weight: 500;

    color: #123b82;
}


/* =========================================
   CONTACT DETAILS
========================================= */

.support-contact {
    padding-left: 45px;
}


.contact-row {
    display: flex;
    align-items: top !important;
    gap: 18px;

    margin: 17px 0;
}


.contact-icon {
    width: 34px;
    min-width: 34px;

    color: #1260dc;
    font-size: 26px;

    display: flex;
    justify-content: center;
}


.contact-row h4 {
    margin: 0 0 5px;

    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;

    color: #06245f;
}


.contact-row p {
    margin: 0;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;

    color: #123b82;
}


/* =========================================
   BUTTON
========================================= */

.support-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 210px;
    height: 54px;

    border-radius: 6px;

    background: #061f52;
    color: #fff;

    text-decoration: none;

    font-size: 15px;
    font-weight: 700;

    transition: all 0.3s ease;
}


.contact-btn:hover {
    background: #0d397e;
    color: #fff;
    transform: translateY(-1px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .trust-features {
        grid-template-columns: repeat(2, 1fr);
        padding: 15px 20px;
    }

    .trust-item {
        margin: 5px 0;
        padding: 12px 15px;
    }

    .trust-item:nth-child(2) {
        border-right: none;
    }

    .trust-item:nth-child(3),
    .trust-item:nth-child(4) {
        border-top: 1px solid #dfe7f2;
    }

    .support-box {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 25px 30px;
    }

    .support-left {
        border-right: none;
    }

    .support-button {
        grid-column: 1 / -1;
        justify-content: center;
        padding-top: 10px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .trust-support-section {
        padding: 0 10px;
    }


    /* TOP FEATURES */

    .trust-features {
        display: block;
        padding: 10px 15px;
    }

    .trust-item,
    .trust-item:first-child {
        min-height: auto;
        padding: 18px 5px;

        border-right: none;
        border-bottom: 1px solid #dfe7f2;
    }

    .trust-item:last-child {
        border-bottom: none;
    }

    .trust-icon {
        width: 48px;
        min-width: 48px;
    }

    .trust-content h4 {
        font-size: 14px;
    }

    .trust-content p {
        font-size: 12px;
    }


    /* SUPPORT */

    .support-box {
        display: flex;
        flex-direction: column;
        align-items: stretch;

        padding: 25px 20px;
        margin-top: 10px;
    }


    .support-left {
        display: flex;
        flex-direction: column;

        gap: 15px;
        padding-bottom: 20px;

        text-align: center;
        border-right: none;
        border-bottom: 1px solid #d5e2f5;
    }


    .support-image {
        width: 260px;
        min-width: 260px;
        margin: 0 auto;
    }


    .support-image img {
        width: 120px;
    }


    .support-heading h2 {
        font-size: 20px;
    }


    .support-heading p {
        font-size: 13px;
    }


    .support-contact {
        padding: 20px 0;
    }


    .contact-row {
        justify-content: flex-start;
        gap: 14px;
        margin: 14px 0;
    }


    .support-button {
        padding-top: 5px;
        justify-content: center;
    }


    .contact-btn {
        width: 100%;
        max-width: 260px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .trust-item {
        gap: 12px;
    }

    .trust-icon {
        font-size: 27px;
    }

    .trust-content h4 {
        font-size: 15px;
    }

    .trust-content p {
        font-size: 12px;
    }

    .contact-row h4 {
        font-size: 15px;
    }

    .contact-row p {
        font-size: 11px;
    }
  .need-grid {
  display:block;
  }
  .need-feature {padding:5px 0;}
}


.help-box { 
  min-height: 157px;
  padding:20px;
  background: #eef5ff;
  border-radius: 10px;
  border:solid 1px #b9d0f1;
}

.help-card {
    width: 100%;
    min-height: 120px;
    display: flex;
    gap:15px;

    box-sizing: border-box;
}

/* Circular Icon */
.help-icon {
    width:50px;
    height:50px;
    min-width:50px;

    background: #dceaff;
    border-radius: 50%;

   
}


/* Content */
.help-content h3 {
    margin: 0 0 8px;
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #0c2461;
}

.help-content p {
    margin: 0;
    font-size:14px;
    line-height: 1.5;
    font-weight: 400;
    color: #002b60;
}


@media (max-width: 575px) {

    .help-card {
        max-width: 100%;
        min-height: 100px;
        padding: 15px;
        gap: 15px;
    }

    .help-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
    }
    .help-content h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .help-content p {
        font-size: 11px;
        line-height: 1.4;
    }
}
/*************************FAQ **************************/

.help-box { 
  padding:20px;
  background: #eef5ff;
  border-radius: 10px;
  border:solid 1px #b9d0f1;
}

.help-card {
    width: 100%;
    min-height: 80px;
    display: flex;
    gap:15px;

    box-sizing: border-box;
}

/* Circular Icon */
.help-icon {
    width:50px;
    height:50px;
    min-width:50px;

    background: #dceaff;
    border-radius: 50%;

   
}


/* Content */
.help-content h3 {
    margin: 0 0 8px;
    font-family: Arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: #0c2461;
}

.help-content p {
    margin: 0;
    font-size:14px;
    line-height: 1.5;
    font-weight: 400;
    color: #002b60;
}


@media (max-width: 575px) {

    .help-card {
        max-width: 100%;
        min-height: 100px;
        padding:0px;
        gap: 15px;
    }

    .help-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
    }
    .help-content h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .help-content p {
        font-size: 11px;
        line-height: 1.4;
    }
}

.call-card {
  position: relative;
background:#eef3fa;
  border-radius: 10px;
  padding:15px;
  text-align: center;
  transition: 0.4s ease;
  border: 1px solid #dbeafe;

}


.industry-section{
    max-width:100%;
    margin:0 auto;
background:#eef3fa;
    border-bottom: 1px solid #dbeafe;
     border-left: 1px solid #dbeafe;
      border-right: 1px solid #dbeafe;
     border-radius: 10px;
}


.industry-tabs{
    display:flex;
    flex-wrap:wrap;
   justify-content:space-between;

  }

.tab-btn-ai{
    background:#eef3fa;
    border:none;
    padding:21px 30px;
    cursor:pointer;
    font-weight:500;
    color:#071e55;

    transition:.3s;
  font-size:17px;
  
}

.tab-btn-ai.active{
    color:#fff;
/*background:#0f172a;*/
border: 1px solid #dbeafe;
background:#071e55;
border-radius:10px 10px 0px 0px;
}

/* Mobile Dropdown Style */
.mobile-tab-select{
    display:none;
    width:100%;
    padding:12px 15px;
    border:1px solid #dbe3ec;
    border-radius:8px;
    font-size:16px;
    font-weight:500;
    background:#fff;
    color:#0f172a;
    margin:10px 0;
}

.tab-contents{
    display:none;
    min-height:310px;
    padding:15px 0 15px 0;
   border-top: 1px solid #dbeafe;
   width:100%;
  background:none;
}

.tab-contents.active{
    display:block;
    width:100%;

}



@media(max-width:768px){

    

    .tab-contents.active{
      display:block !important;
    }
  
  .tab-contents{   
    padding:0px; 
  border-radius:0px 0px 20px 20px;
  }
    

    .mobile-tab-select{
        display:block;
    }
	.industry-tabs {display:none;}
  
}


/************************* blog************************/

.post-meta {
    display: flex;
    align-items: center;
    gap: 28px;
    font-size: 14px;
    color: #071e55;
}

/* Category Badge */
.post-category {
    display: inline-flex;
    align-items: center;
    padding: 7px 13px;
    border: 2px solid #7da7ff;
    border-radius: 6px;
    color: #174da8;
    background: #f8fbff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1;
}

/* Date & Reading Time */
.post-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    font-weight: 500;
}

/* Icons */
.post-meta-item i {
    font-size: 19px;
    color: #18243a;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap:15px;
}
.topic-grid {
  display: grid;
  grid-template-columns: repeat(8,1fr);
  gap:10px;
}
.blog-card {
  position: relative;
  background: #ffffff;
  border-radius: 5px;
  padding: 10px;

  transition: 0.4s ease;
  border: 1px solid #ff4004;
  overflow: hidden;
}

.blog-item {
    display: flex;
    align-items: top;
    gap:10px;
}


/* ICON */

.blog-icon {
    width:25px;
    min-width: 25px;
    height:25px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.blog-content h4 {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: #06245f;
}


.blog-content p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    font-weight:500;
    color: #123b82;
}

.insurance-blog-section {
  width: 100%;
  padding: 20px 0;
  background: #ffffff;
}

.insurance-blog-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 8px;

  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}

/* Blog Card */
.insurance-blog-card {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #d8dce8;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(30, 50, 100, 0.08);

  display: flex;
  flex-direction: column;

  transition: all 0.3s ease;
}

.insurance-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 7px 20px rgba(25, 50, 100, 0.12);
}

/* Image */
.insurance-blog-image {
  width: 100%;
  height: 82px;
  padding: 4px;
  overflow: hidden;
}

.insurance-blog-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

/* Card Content */
.insurance-blog-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 5px 9px 10px;
}

/* Category Label */
.blog-category {
  display: inline-block;
  align-self: flex-start;
  margin: 0 0 7px;
  padding: 3px 5px;

  border: 1px solid currentColor;
  border-radius: 2px;

  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.2px;
}

/* Category Colors */
.blog-category.auto {
  color: #1e4da1;
  background: #f0f5ff;
}

.blog-category.home {
  color: #25834c;
  background: #f0fff5;
}

.blog-category.business {
  color: #243c91;
  background: #f0f3ff;
}

.blog-category.life {
  color: #b94b82;
  background: #fff1f8;
}

.blog-category.medicare {
  color: #6c62ad;
  background: #f5f1ff;
}

.blog-category.tips {
  color: #b8783b;
  background: #fff7ed;
}

/* Date and Reading Time */
.blog-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;

  margin-bottom: 8px;

  color: #5e6472;
  font-family: Arial, sans-serif;
  font-size: 9px;
  line-height: 1.3;
}

.blog-meta span:last-child {
  white-space: nowrap;
}

.clock-icon {
  font-style: normal;
  font-size: 12px;
  margin-right: 2px;
  vertical-align: -1px;
}

/* Blog Title */
.insurance-blog-card h3 {
  margin: 0;
  color: #14285d;

  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;

  min-height: 56px;
}

/* Read More */
.blog-read-more {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  margin-top: auto;
  padding-top: 12px;

  color: #102d72;
  text-decoration: none;

  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.blog-read-more span {
  font-size: 18px;
  line-height: 10px;
  transition: transform 0.3s ease;
}

.blog-read-more:hover {
  color: #2464d8;
}

.blog-read-more:hover span {
  transform: translateX(4px);
}

/* Tablet */
@media (max-width: 1199px) {
  .insurance-blog-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .insurance-blog-image {
    height: 150px;
  }

  .blog-category {
    font-size: 10px;
  }

  .blog-meta {
    font-size: 11px;
  }

  .insurance-blog-card h3 {
    font-size: 16px;
  }

  .blog-read-more {
    font-size: 13px;
  }
    .blog-grid {
  grid-template-columns: repeat(4,1fr);
  gap: 8px;
}
.topic-grid {
  grid-template-columns: repeat(4,1fr);
  gap:8px;
}
}

/* Mobile */
@media (max-width: 767px) {
  .insurance-blog-section {
    padding: 15px 10px;
  }

  .insurance-blog-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    padding: 0;
  }

  .insurance-blog-image {
    height: 120px;
  }

  .insurance-blog-content {
    padding: 7px 9px 12px;
  }

  .blog-category {
    font-size: 9px;
  }

  .blog-meta {
    font-size: 9px;
  }

  .insurance-blog-card h3 {
    font-size: 13px;
    line-height: 1.45;
    min-height: 57px;
  }

  .blog-read-more {
    font-size: 11px;
  }


}

/* Small Mobile */
@media (max-width: 480px) {
  .insurance-blog-container {
    grid-template-columns: 1fr;
  }

  .insurance-blog-image {
    height: 180px;
  }

  .insurance-blog-card h3 {
    font-size: 15px;
  }

  .blog-meta {
    font-size: 11px;
  }

  .blog-read-more {
    font-size: 12px;
  }
}

/* =========================
   Newsletter Section
========================= */

.newsletter-section {
  position: relative;
  width: 100%;
  min-height: 108px;
  box-sizing: border-box;

  background: #fff;
  border: 2px solid #f3d79a;
  border-radius: 7px;

  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
}

/* =========================
   Top Left Label
========================= */

/* =========================
   Main Content
========================= */

.newsletter-content {
  min-height: 106px;

  display: flex;
  align-items: center;

  padding: 5px 20px 5px 20px;
  box-sizing: border-box;
}

/* =========================
   Envelope Illustration
========================= */

.newsletter-img {
  position: relative;

  width: 100px;
  height: 95px;

  flex-shrink: 0;
}


/* =========================
   Text
========================= */

.newsletter-copy {
  width: 390px;
  flex-shrink: 0;
}

.newsletter-copy h2 {
  margin: 0 0 4px;

  color: #142f68;

  font-size: 22px;
  line-height: 1.05;
  font-weight:600;
}

.newsletter-copy p {
  margin: 0;

  color: #26364f;

  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
}

/* =========================
   Form
========================= */

.newsletter-form-wrapper {
  flex: 1;

  max-width: 525px;

  margin-left: auto;
  padding-right: 30px;
}

.newsletter-form {
  display: flex;
  align-items: stretch;

  width: 100%;
}

.newsletter-form input {
  flex: 1;

  min-width: 0;
  height: 38px;

  box-sizing: border-box;

  padding: 0 20px;

  border: 1px solid #d7dce5;
  border-right: none;
  border-radius: 6px 0 0 6px;

  outline: none;

  color: #27364d;
  background: #fff;

  font-size: 13px;
}

.newsletter-form input::placeholder {
  color: #7c8797;
}

.newsletter-form input:focus {
  border-color: #173d89;
}

.newsletter-form button {
  width: 165px;
  height: 38px;
  line-height:6px;
  border: none;
  border-radius: 0 5px 5px 0;

  background: #173d89;
  color: #fff;

  font-size: 13px;
  font-weight: 700;

  cursor: pointer;
}

.newsletter-form button:hover {
  background: #102e6c;
}

/* =========================
   Privacy Text
========================= */

.privacy-text {
  display: flex;
  align-items: center;
  gap: 8px;

  margin-top: 10px;

  color: #33405a;

  font-size: 11px;
  font-weight: 600;
}

.lock-icon {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 15px;
  height: 15px;

  color: #173d89;

  font-size: 14px;
}

/* =========================
   Responsive
========================= */

@media (max-width: 900px) {

  .newsletter-content {
    padding-left: 0px;
    padding-right:0px;
  }

  .newsletter-icon {
    width: 105px;
  }

  .newsletter-copy {
    width:260px;
  }
	
.newsletter-copy p {
  font-size: 13px;
  margin-left: 15px;
}
	
  .newsletter-copy h2 {
    font-size:18px;
	 margin-left: 15px;
  }

  .newsletter-form-wrapper {
    padding-right: 0;
  }

  .newsletter-form button {
    width: 125px;
  }
  .copyright__one p,
.copyright__two p,
.copyright__three p,
.copyright__four p {
text-align:center;
}
.ff_ul ul {
  justify-content: center;
}

}

@media (max-width: 700px) {

  .newsletter-section {
    min-height: auto;
  }

  .newsletter-content {
    flex-direction: column;
    align-items: flex-start;

    padding: 45px 25px 25px;
  }

  .newsletter-img {
    display: none;
  }

  .newsletter-copy {
    width: 100%;
    margin-bottom: 20px;
  }

  .newsletter-copy p br {
    display: none;
  }

  .newsletter-form-wrapper {
    width: 100%;
    max-width: none;
  }

  .newsletter-form {
    flex-direction: column;
    gap: 10px;
  }

  .newsletter-form input,
  .newsletter-form button {
    width: 100%;
    border-radius: 5px;
  }

  .newsletter-form input {
    border-right: 1px solid #d7dce5;
  }
  .blog-grid {
 grid-template-columns: 1fr;
    gap: 10px;
}
.topic-grid {
  grid-template-columns: 1fr;
    gap: 10px;
}
}

@media (max-width: 400px) {

  
  .newsletter-content {
    padding-left: 18px;
    padding-right: 18px;
  }

  .newsletter-copy h2 {
    font-size: 21px;
  }

  .newsletter-copy p {
    font-size: 11px;
  }
}
* Contact Information Section */
.contact-info-section {
    width: 100%;
    padding: 0;
    background: #ffffff;
  margin:20px 0 15px 0;
}

/* Grid */
.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:15px 14px;
    max-width: 100%;
}

/* Card */
.contact-info-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    min-height:90px;
    padding: 14px 16px;

    background: #ffffff;
    border: 1px solid #dce5f5;
    border-radius: 6px;

    box-shadow: 0 1px 3px rgba(20, 50, 100, 0.04);

    transition: all 0.3s ease;
}

.contact-info-card:hover {
    border-color: #c6d5ee;
    box-shadow: 0 4px 12px rgba(20, 50, 100, 0.08);
}

/* Icon Circle */
.contact-icon {
    width:25px;
    height:25px;
    min-width:25px;

    margin:0;
	padding:0;
    margin-top: 1px;

    background: #f1f6ff;
    border-radius: 50%;
}

/* Font Awesome Icons */
.contact-icon i {
    font-size:20px;
    color: #143ca8;
}

/* Content */
.contact-content {
    flex: 1;
}

.contact-content h4 {
    margin: 0 0 3px;
    color: #102d76;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}

.contact-content a {
    display: inline-block;

    color: #102d76;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;

    line-height: 1.5;
}

.contact-content a:hover {
    color: #143ca8;
}

.contact-content p {
    margin: 3px 0 0;

    color: #4e628b;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
}

.contact-content strong {
    display: block;

    margin-top: 2px;

    color: #102d76;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.contact-content strong + p {
    margin-top: 1px;
}

/* View Map */
.contact-content .map-link {
    margin-top: 5px;

    color: #143ca8;
    font-size: 12px;
    font-weight: 600;
}

.contact-content .map-link:hover {
    text-decoration: underline;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .contact-info-grid {
        gap: 10px;
    }

    .contact-info-card {
        padding: 13px;
        gap: 12px;
    }

    .contact-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .contact-icon i {
        font-size: 22px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .contact-info-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .contact-info-card {
        min-height: auto;
        padding: 15px;
    }

    .contact-icon {
        width: 46px;
        height: 46px;
        min-width: 46px;
    }

    .contact-content h4 {
        font-size: 14px;
    }

    .contact-content a {
        font-size: 14px;
    }

    .contact-content p,
    .contact-content strong {
        font-size: 12px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .contact-info-card {
        padding: 13px;
        gap: 11px;
    }

    .contact-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }

    .contact-icon i {
        font-size: 20px;
    }
}

.need-box {
  display: grid;
  grid-template-columns: 65% 35%;
  align-items: center;
  min-height:100px;
  margin-top: 9px;
  padding: 18px 15px 18px 55px;
  background: #eef5ff;
  border-radius: 7px;
}

/*************** get appointe********************/
.partner-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 35px;
}

.button-right {
    padding-left:25px;
}
/* ================================
   HELP / SUPPORT SECTION
================================ */

.appoint-section {
    width: 100%;
    padding: 6px;
}

.appointe-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: stretch;
    background: #f5f8fb;
    border: 1px solid #dce7f5;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(30, 70, 120, 0.05);
}

/* ================================
   LEFT IMAGE
================================ */

.appointe-image {
    width: 32%;
    min-height: 205px;
    padding: 14px 8px 14px 0;
    display: flex;
    align-items: center;
}

.appointe-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* ================================
   RIGHT CONTENT
================================ */

.appointe-content {
    width: 68%;
    padding: 10px 25px 8px 28px;
}

/* Heading */

.appointe-heading h2 {
    margin: 0 0 2px;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 700;
    color: #092d75;
}

.appointe-heading p {
    margin: 0;
    font-size: 16px;
    line-height: 1.35;
    color: #183b78;
}

/* ================================
   CONTACT OPTIONS
================================ */

.appointe-options {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 7px;
}

.appointe-item {
    position: relative;
    text-align: center;
    padding: 0 18px;
}

/* Vertical divider */

.appointe-item + .appointe-item {
    border-left: 1px solid #e0e9f6;
}

/* ================================
   ICON
================================ */

.appointe-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 5px;
    border: 2px solid #9bb8ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1555c8;
    font-size: 23px;
    background: #ffffff;
}

.appointe-icon i {
    line-height: 1;
}

/* ================================
   TEXT
================================ */

.appointe-item h4 {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    color: #0b398e;
    word-break: break-word;
}

.appointe-item p {
    margin: 2px 0 0;
    font-size: 13px;
    line-height: 1.35;
    color: #23447d;
}

/* ================================
   TABLET
================================ */

@media (max-width: 991px) {

    .appointe-container {
        max-width: 95%;
    }

    .appointe-image {
        width: 34%;
    }

    .appointe-content {
        width: 66%;
        padding: 15px;
    }

    .appointe-heading h2 {
        font-size: 24px;
    }

    .appointe-heading p {
        font-size: 12px;
    }

    .appointe-item {
        padding: 0 8px;
    }

    .appointe-icon {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .appointe-item h4 {
        font-size: 11px;
    }

    .appointe-item p {
        font-size: 9px;
    }
	 .mobile-tab-select{
        display:block;
    }
	.industry-tabs {display:none;}
}

/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

    .appointe-section {
        padding: 10px;
    }

    .appointe-container {
        display: block;
        max-width: 100%;
    }

    .appointe-image {
        width: 100%;
        padding: 10px;
        min-height: auto;
    }

    .appointe-image img {
        width: 100%;
        height: 220px;
        object-fit: cover;
        border-radius: 8px;
    }

    .appointe-content {
        width: 100%;
        padding: 15px 12px 20px;
    }

    .appointe-heading {
        text-align: center;
    }

    .appointe-heading h2 {
        font-size: 25px;
    }

    .appointe-heading p {
        font-size: 13px;
        line-height: 1.5;
    }

    .appointe-break {
        display: none;
    }

    .appointe-options {
        grid-template-columns: 1fr;
        margin-top: 20px;
        gap: 20px;
    }

    .appointe-item {
        padding: 15px 5px;
    }

    .appointe-item + .appointe-item {
        border-left: none;
        border-top: 1px solid #e4ebf5;
    }

    .appointe-icon {
        width: 58px;
        height: 58px;
        font-size: 22px;
        margin-bottom: 8px;
    }

    .appointe-item h4 {
        font-size: 13px;
    }

    .appointe-item p {
        font-size: 11px;
    }
}

/* ================================
   SMALL MOBILE
================================ */

@media (max-width: 507px) {

    .appointe-image img {
        height: 190px;
    }

    .appointe-heading h2 {
        font-size: 22px;
    }

    .appointe-heading p {
        font-size: 12px;
    }
	.tab-btn-ai{  
    padding:15px !important;
    cursor:pointer;
    font-weight:500;
	width:100%;
}
}


/* =========================================
  BECOME AN AGENT ONBOARDING SECTION
========================================= */

.onboarding-section {
    width: 100%;
    min-height: 255px;
    padding: 28px 40px 25px;
    display: flex;
    align-items: center;
    gap: 35px;

    background: #f4f8ff;

    border: 1px solid #dce7f7;
    border-radius: 12px;

    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}


/* =========================================
   LEFT INTRO
========================================= */

.onboarding-intro {
    width: 30%;
    min-width: 285px;
    height: 205px;

    position: relative;

    display: flex;
    align-items: flex-start;
    gap: 12px;
}



.intro-content {
    padding-top: 8px;
}

.intro-content h3 {
    margin: 0 0 12px;

    color: #071d55;

    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
}

.intro-content p {
    margin: 0;

    color: #142b65;

    font-size: 16px;
    line-height: 1.65;
    font-weight:500;
}


/* =========================================
   PLAY BUTTON
========================================= */

.play-btn {
    position: absolute;

    left: 4px;
    bottom: 0;

    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #173d80;

    border-radius: 50%;

    text-decoration: none;

    box-shadow: 0 3px 8px rgba(0, 40, 100, 0.2);

    transition: all 0.3s ease;
}

.play-btn span {
    color: #ffffff;

    font-size: 23px;

    margin-left: 3px;
}

.play-btn:hover {
    background: #0755c9;
    transform: scale(1.05);
}


/* =========================================
   STEPS AREA
========================================= */

.onboarding-steps {
    flex: 1;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    position: relative;

    padding-top: 0;
}


/* DOTTED CONNECTING LINE */

.onboarding-steps::before {
    content: "";

    position: absolute;

    top: 43px;
    left: 8%;
    right: 8%;

    border-top: 3px dotted #739cf0;

    z-index: 0;
}


/* =========================================
   INDIVIDUAL STEP
========================================= */

.step-item {
    width: 19%;

    position: relative;
    z-index: 1;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}


/* =========================================
   ICON CIRCLE
========================================= */

.step-icon {
    width: 72px;
    height: 72px;

    align-items: center;
    justify-content: center;
    margin: 25px auto 0 auto;

    background: #ffffff;

    border: 2px solid #d2e0fa;

    border-radius: 50%;

    box-shadow: 0 1px 4px rgba(30, 80, 160, 0.05);
	/*margin: 30px 33px 0 33px;*/
	
}

.step-icon i {
    color: #0755c9;

    font-size: 43px;

    line-height: 1;
}


/* =========================================
   SMALL NUMBER
========================================= */

.step-number {
    width: 28px;
    height: 28px;

    margin-top:5px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #0755c9;
    color: #ffffff;

    border-radius: 50%;

    font-size: 15px;
    font-weight: 700;

    border: 2px solid #f4f8ff;
}


/* =========================================
   STEP TITLE
========================================= */

.step-title {
    margin-top:12px;

    color: #071d55;

    font-size: 16px;
    line-height: 1.4;

    font-weight: 700;
}

.step-title span {
    font-size: 14px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .onboarding-section {
        padding: 25px 25px;
        gap: 20px;
    }

    .onboarding-intro {
        width: 27%;
        min-width: 230px;
    }

    .intro-content h3 {
        font-size: 21px;
    }

    .intro-content p {
        font-size: 15px;
    }

    .step-icon {
        width: 65px;
        height: 65px;
    }

    .step-icon i {
        font-size: 32px;
    }

    .step-title {
        font-size: 13px;
    }

    .onboarding-steps::before {
        top: 33px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .onboarding-section {
        flex-direction: column;

        align-items: stretch;

        padding: 25px 20px;

        gap: 30px;
    }

    .onboarding-intro {
        width: 100%;
        min-width: 0;
        height: auto;

        min-height: 175px;
    }

    .intro-content h3 {
        font-size: 22px;
    }

    .intro-content p {
        font-size: 16px;
        line-height: 1.5;
    }

    .play-btn {
        bottom: 0;
    }

    .onboarding-steps {
        width: 100%;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        row-gap: 35px;

        padding-bottom: 10px;
    }

    /* Hide horizontal line on mobile */
    .onboarding-steps::before {
        display: none;
    }

    .step-item {
        width: 100%;
    }

    .step-icon {
        width: 70px;
        height: 70px;
    }

    .step-icon i {
        font-size: 34px;
    }

    .step-title {
        font-size: 14px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .onboarding-section {
        padding: 22px 15px;
    }

    .intro-number {
        width: 32px;
        height: 32px;
        font-size: 17px;
    }

    .intro-content h3 {
        font-size: 20px;
    }

    .intro-content p {
        font-size: 14px;
    }

    .onboarding-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .step-icon {
        width: 50px;
        height: 50px;
		margin: 30px auto 0 auto;
		
    }

    .step-icon i {
        font-size: 29px;
    }

    .step-number {
        width: 25px;
        height: 25px;
        font-size: 13px;
    }

    .step-title {
        font-size: 12px;
    }
}

.start {
  margin: 0;
    margin-bottom: 0px;
  min-height:45px; 
  font-size: 16px;
  line-height: 1.4;
}

.join-support-section {
    width: 100%;
    max-width: 1325px;
    margin: 0 auto;
    padding: 0 5px;
    font-family: Arial, sans-serif;
    color: #06245f;
}


/* =========================================
   TOP TRUST FEATURES
========================================= */

.join-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: top;

    min-height: 108px;
    padding: 12px 35px;

    border: 1px solid #e5ebf5;
    border-radius: 8px;

    background: #fff;
    box-shadow: 0 1px 5px rgba(20, 60, 120, 0.03);
}


.join-item {
    display: flex;
    align-items: top;
    gap: 30px;

    min-height: 65px;
    padding: 0 28px;

    border-right: 1px solid #dfe7f2;
}


.join-item:first-child {
    padding-left: 5px;
}


.join-item:last-child {
    border-right: none;
}


/* ICON */

.join-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #1260dc;
    font-size: 31px;
}


.join-content h4 {
    margin: 0 0 8px;

    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;

    color: #06245f;
}


.join-content p {
    margin: 0;

    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;

    color: #123b82;
}
/**************************whole-life-insurance*************************/

/* =========================================
   INSURANCE PROCESS SECTION
========================================= */

.insurance-process {
    width: 100%;
    padding: 15px 0;
}

.process-wrapper {
    margin: 0 auto;
    padding: 0 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border:1px solid #b9d0f1;
    border-radius: 14px;
    background: #fff;

    box-sizing: border-box;
}

/* =========================================
   PROCESS ITEM
========================================= */

.process-item {
    position: relative;

    width: 23%;
    min-height: 165px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    text-align: center;
}


.step-number {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #087b55;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    z-index: 5;
}

.step-active {
    background: #173b8f;
}


.process-icon {
    width:100px;
    height:100px;
    margin-top: 25px;
    margin-bottom: 5px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.process-icon img {
    width:100px;
    height:100px;
    object-fit: contain;
    display: block;
}


.process-item h3 {
    margin: 0;
    color: #071e55;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
}



.process-item p {
    margin: 7px 0 0;
    color: #6174a1;
    font-size:15px;
    line-height: 1.35;
    font-weight: 400;

    font-family: Arial, sans-serif;
}


.process-arrow {
    width: 6%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.process-arrow span {
    color: #123c92;

    font-size: 34px;
    line-height: 1;

    font-weight: 400;

    margin-top:-40px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .process-wrapper {
        padding: 20px 15px;
    }

    .process-item {
        min-height: 150px;
    }

    .process-icon,
    .process-icon img {
        width: 58px;
        height: 58px;
    }

    .process-item h3 {
        font-size: 13px;
    }

    .process-item p {
        font-size: 10px;
    }

    .process-arrow span {
        font-size: 28px;
    }

    .step-number {
        width: 29px;
        height: 29px;
        font-size: 11px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .insurance-process {
        padding: 15px;
    }

    .process-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;

        gap: 35px 10px;

        padding: 30px 10px 20px;

        border-radius: 12px;
    }

    .process-item {
        width: 100%;
        min-height: auto;
    }

    .process-arrow {
        display: none;
    }

    .process-icon,
    .process-icon img {
        width:40px;
        height:40px;
    }

    .process-item h3 {
        font-size:14px;
    }

    .process-item p {
        font-size:14px;
    }

    .step-number {
        top: -10px;

        width: 28px;
        height: 28px;

        font-size: 11px;
    }
}

/* =========================================
   CASH VALUE SECTION
========================================= */

.cash-value-section {
    width: 100%;

    background: #ffffff;
}

.cash-value-container {
    width: 100%;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 28% 38% 34%;
    align-items: center;
    box-sizing: border-box;
}


.cash-value-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cash-value-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}


.cash-value-content {
    padding: 0 20px;
}

.cash-value-content ul {
    margin: 0;
    padding: 0 0 0 28px;
}

.cash-value-content li {
    color: #002b60;
    font-size:15px;
    line-height: 1.55;
    margin-bottom: 8px;
  font-weight: 500;
}

.cash-value-content li::marker {
    color: #002b60;
    font-size:16px;
}



.cash-value-info {
    padding: 22px 25px;
    display: flex;
    align-items: flex-start;
    gap: 22px;
    background: #f2f9f5;
    border: 2px solid #d9eadf;
    border-radius: 14px;
    box-sizing: border-box;
}



.info-icon {
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #087c55;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}


.info-text {
    color: #002b60;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.55;
}


/* =========================================
   LARGE TABLET
========================================= */

@media (max-width: 1199px) {

    .cash-value-container {
        grid-template-columns: 25% 40% 35%;
    }

    .cash-value-content {
        padding: 0 10px;
    }

    .cash-value-content li,
    .info-text {
        font-size: 15px;
    }

    .cash-value-info {
        padding: 20px;
        gap: 15px;
    }

    .info-icon {
        flex: 0 0 52px;

        width: 52px;
        height: 52px;

        font-size: 34px;
    }
	.tab-btn-ai {
 
  padding: 14px 20px;
  font-size: 15px;
}
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .cash-value-container {
        grid-template-columns: 30% 70%;
        row-gap: 25px;
    }

    .cash-value-image {
        grid-column: 1;
        grid-row: 1;
    }

    .cash-value-content {
        grid-column: 2;
        grid-row: 1;
    }

    .cash-value-info {
        grid-column: 1 / -1;
        grid-row: 2;

        min-height: auto;
    }

    .cash-value-image img {
        max-width: 240px;
    }

    .cash-value-content li,
    .info-text {
        font-size: 15px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .cash-value-section {
        padding: 20px 0;
    }

    .cash-value-container {
        display: flex;
        flex-direction: column;

        padding: 0 15px;

        gap: 25px;
    }

    .cash-value-image {
        width: 100%;
    }

    .cash-value-image img {
        width: 75%;
        max-width: 260px;
    }

    .cash-value-content {
        width: 100%;
        padding: 0;
    }

    .cash-value-content ul {
        padding-left: 25px;
    }

    .cash-value-content li {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .cash-value-info {
        width: 100%;

        padding: 18px;

        gap: 15px;

        border-radius: 12px;
    }

    .info-icon {
        flex: 0 0 45px;

        width: 45px;
        height: 45px;

        font-size: 28px;
    }

    .info-text {
        font-size: 13px;
        line-height: 1.55;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .cash-value-image img {
        width: 85%;
    }

    .cash-value-content li {
        font-size: 13px;
    }

    .cash-value-info {
        padding: 15px;
        gap: 12px;
    }

    .info-icon {
        flex: 0 0 40px;

        width: 40px;
        height: 40px;

        font-size: 25px;
    }

    .info-text {
        font-size: 12px;
    }
}

.table-wrapper {
    margin:0 auto;
    border-radius: 12px;
    overflow: hidden;

}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.comparison-table th {
    background: #f2f5fb;
    color: #071e55;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 15px;
    border: 1px solid #d8dfea;
}

.comparison-table td {
    padding:8px;
    border: 1px solid #d8dfea;
    color: #002b60;
    font-size: 15px;
    line-height: 1.5;
}

.comparison-table td:first-child {
    width: 22%;
    font-weight: 600;
    color: #002b60;
}

.comparison-table td:nth-child(2),
.comparison-table td:nth-child(3) {
    width: 39%;
}

.comparison-table span {
    color: #002b60;
    font-size: 14px;
}

.comparison-table tbody tr:nth-child(even) {
    background: #fcfdff;
}

.long-term-container {
  width: 100%;

  margin: 0 auto;
  padding: 0 8px;

  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 25px;
}


.long-term-card {
  min-width: 0;
  background: #ffffff;
  border: 1px solid #d8dce8;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(30, 50, 100, 0.08);
padding:10px;
  display: flex;
  flex-direction: column;

  transition: all 0.3s ease;
}


/* Image */
.long-term-image {
  width: 100%;
  height:auto;
  padding: 4px;
  overflow: hidden;
}

.long-term-image img {
  display: block;
  width: 100%;
  /*height: 100%;*/
  object-fit: cover;
  border-radius: 4px;
}

/* ==============================
   LIFE INSURANCE SECTION
================================= */

.life-insurance-section {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

.life-container {
    min-height: 180px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}


.life-content {
    width: 48%;
    position: relative;
    z-index: 2;
}

.life-content h2 {
    margin: 0 0 10px;
    color: #071e55;
    font-size:30px;
    line-height: 1.15;
    font-weight: 600;
}

.life-content p {
    margin: 0 0 18px;
    color: #405174;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    font-family: Arial, sans-serif;
}



.life-image {

    height: 200px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
}

.life-image img {
    display: block;
    width: 100%;
    max-width: 620px;
    height: auto;
    max-height: 210px;
    object-fit: contain;
}


/* ==============================
   TABLET
================================= */

@media (max-width: 991px) {

    .life-insurance-section {
        padding: 30px 25px;
    }

    .life-container {
        gap: 20px;
    }

    .life-content {
        width: 52%;
    }

    .life-image {
        width: 48%;
        height: 180px;
    }

    .life-content h2 {
        font-size: 27px;
    }

    .life-content p {
        font-size: 14px;
    }

    
}


/* ==============================
   MOBILE
================================= */

@media (max-width: 767px) {

    .life-insurance-section {
        padding: 35px 20px;
    }

    .life-container {
        flex-direction: column;
        text-align: center;
        gap: 25px;
    }

    .life-content {
        width: 100%;
    }

    .life-content h2 {
        font-size: 27px;
        line-height: 1.2;
    }

    .life-content p {
        font-size: 14px;
        line-height: 1.6;
    }

    .desktop-break {
        display: none;
    }

    
    .life-image {
        width: 100%;
        height: auto;
        min-height: 150px;
    }

    .life-image img {
        width: 100%;
        max-width: 500px;
        max-height: 180px;
    }
}


/* ==============================
   SMALL MOBILE
================================= */

@media (max-width: 480px) {

    .life-insurance-section {
        padding: 30px 15px;
    }

    .life-content h2 {
        font-size: 23px;
    }

    .life-content p {
        font-size: 13px;
    }

   
    .life-image {
        min-height: 120px;
    }

    .life-image img {
        max-height: 145px;
    }
}

.vs-wrapper {
    position: relative;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
 
.vs-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #e5e9f2;
    transform: translateX(50%);
}
 
.vs-circle {
    position: relative;
    z-index: 2;
 
    width: 64px;
    height: 64px;
    border-radius: 50%;
 
    background: #101e69;
    color: #ffffff;
 
    display: flex;
    align-items: center;
    justify-content: center;
 
    font-size: 20px;
    font-weight: 600;
}
 
.key-grid {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap:15px;
}
 
.helps-left {
  display: flex;
  flex-direction: row;
  gap: 16px;
  height: 100%;
  min-height:100px;
}

/********************************final-expence******************************/
 
.expence-section {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
    color: #06245f;
  text-align: center;
}
 
 
/* =========================================
   TOP TRUST FEATURES
========================================= */
 
.expence-features {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
 
    min-height: 108px;
    padding: 12px;
 
    border: 1px solid #e5ebf5;
    border-radius: 8px;
text-align: center;
    background: #fff;
    box-shadow: 0 1px 5px rgba(20, 60, 120, 0.03);
}
 
 
.expence-item {   
    text-align: center; 
    min-height: 65px;
    padding: 0 15px;
 
    border-right: 1px solid #dfe7f2;
}
 
 
.expence-item:first-child {
    padding-left: 5px;
}
 
 
.expence-item:last-child {
    border-right: none;
}
 
 
/* ICON */
 
.expence-icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
 
    display: flex;
    align-items: center;
 
    color: #1260dc;
    font-size: 31px;
}
 
 
.expence-content h4 {
    margin: 0 0 8px;
 
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
 
    color: #06245f;
}
 
 
.expence-content p {
    margin: 0;
 
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
 
    color: #123b82;
}
.coverage-grid {
 
display: grid;
 
  grid-template-columns: repeat(3,1fr);
 
  gap:35px;
  }
.cover-card {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
  padding:15px;
  text-align: left;
  transition: 0.4s ease;
  border: 1px solid #dbeafe;
  overflow: hidden;
}
 
/* ==========================================
   INSURANCE COMPARISON
========================================== */

.insurance-comparison {
    width: 100%;
    background: #ffffff;
}

.comparison-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    align-items: center;
    gap: 20px;
    position: relative;
}

.final-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 70px 1fr 70px 1fr;
    align-items: center;
    gap: 20px;
    position: relative;
}
/* ==========================================
   CARD
========================================== */

.term-insurance-card {
    width: 100%;
    background: #ffffff;

    border-radius: 7px;
    overflow: hidden;

    border: 1px solid #dce3ec;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}


/* ==========================================
   CARD TITLE
========================================== */

.term-card-title {
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    font-size: 17px;
    font-weight: 700;

    letter-spacing: .3px;
}


/* Blue title */

.term-card1 .term-card-title {
    background: #123b91;
}


/* Green title */

.whole-card .term-card-title {
    background: #08764b;
}

.final1-card .term-card-title {
    background: #5e0ac5;
}

/* ==========================================
   COMPARISON ROW
========================================== */

.term-comparison-row {
    min-height: 45px;

    display: grid;
    grid-template-columns: 65px 1fr;
    align-items: center;

    border-bottom: 1px solid #dfe5ec;
}

.term-comparison-row:last-child {
    border-bottom: none;
}


/* ==========================================
   ICON
========================================== */

.term-row-icon {
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 23px;
}


/* Term icons */

.term-card1 .term-row-icon {
    color: #123b91;
}


/* Whole life icons */

.whole-card .term-row-icon {
    color: #08764b;
}


/* ==========================================
   TEXT
========================================== */

.row-text {
    padding: 9px 18px 9px 8px;

    color: #123b91;

    font-size: 14px;
    font-weight: 600;

    line-height: 1.35;
}

.whole-card .row-text {
    color: #002b60;
}


/* ==========================================
   VS CIRCLE
========================================== */

.vs-circle {
    width: 70px;
    height: 70px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #07185f;

    color: #ffffff;

    font-size: 22px;
    font-weight: 700;

    position: relative;
    z-index: 5;

    box-shadow: 0 3px 10px rgba(0, 0, 0, .12);
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .insurance-comparison {
        padding: 35px 15px;
    }

    .comparison-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .vs-circle {
        width: 58px;
        height: 58px;

        font-size: 18px;

        position: relative;

        left: 50%;
        top: 50%;

        transform: translate(-50%, -50%);
    }

    .term-card-title {
        height: 45px;
        font-size: 15px;
    }

    .term-comparison-row {
        grid-template-columns: 55px 1fr;
    }

    .term-row-icon {
        font-size: 20px;
    }

    .row-text {
        font-size: 13px;
        padding: 10px 12px 10px 5px;
    }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 480px) {

    .comparison-container {
        gap: 35px;
    }

    .term-card-title {
        font-size: 14px;
    }

    .term-comparison-row {
        grid-template-columns: 48px 1fr;
    }

    .row-text {
        font-size: 12px;
    }

    .term-row-icon {
        font-size: 18px;
    }

    .vs-circle {
        width: 52px;
        height: 52px;
        font-size: 16px;
    }
}


.comparison-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 70px 1fr;
    align-items: center;
    gap: 20px;
    position: relative;
}
 
.final-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 70px 1fr 70px 1fr;
    align-items: center;
    gap: 20px;
    position: relative;
}
 
.final1-card .card-title {
    background: #5e0ac5;
}
.umbrella-insurance-section {
    width: 100%;
    padding: 0;
    background: #ffffff;
}

.umbrella-diagram {
    min-height:260px;

    margin: 0 auto;

    position: relative;

    border: 1px solid #e5eaf2;
    border-radius: 9px;

    background: #fff;

    overflow: hidden;
  padding:15px;
  text-align:center;
  width:870px;
}


/* =====================================================
   COMMON INSURANCE BOX
===================================================== */

.insurance-box {
    position: absolute;

    border: 2px solid #e3e8f1;
    border-radius: 10px;

    background: #fff;

    box-sizing: border-box;

    z-index: 5;

    color: #173f91;

    text-align: center;
}


/* =====================================================
   GENERAL LIABILITY
===================================================== */

.liability-box {
    left: 16px;
    top: 36px;

    width: 125px;
    height: 132px;

    padding-top: 15px;
}


/* =====================================================
   OTHER UNDERLYING POLICIES
===================================================== */

.underlying-box {
    left: 429px;
    top: 36px;

    width: 124px;
    height: 132px;

    padding-top: 13px;
}


/* =====================================================
   ICONS
===================================================== */

.insurance-icon {
    color: #173f91;

    display: flex;
    justify-content: center;
    align-items: center;
}

.insurance-icon i {
    display: block;
}


/* Shield */

.shield-icon {
    font-size: 40px;
    height: 52px;
}


/* Document */

.document-icon {
    font-size: 38px;
    height: 53px;
}


/* Car */

.car-icon {
    font-size: 39px;
}


/* =====================================================
   TITLES
===================================================== */

.insurance-title {
    color: #173f91;

    font-size: 16px;

    line-height: 1.28;

    font-weight: 600;
}


/* =====================================================
   CENTER UMBRELLA
===================================================== */

.umbrella-main {
    position: absolute;

    left:190px;
    top: 0;

    width: 210px;
    height: 210px;

    z-index: 4;
}


.umbrella-circle {
    width:180px;
    height:180px;

    border: 2px solid #dfe6f0;

    border-radius: 50%;

    background: #fff;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;
}


/* =====================================================
   UMBRELLA ICON
===================================================== */

.umbrella-icon {
    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #174393;

    font-size: 65px;

    line-height: 1;
}


/* =====================================================
   UMBRELLA TITLE
===================================================== */

.umbrella-heading {
    color: #173f91;

    font-size: 18px;

    line-height: 1.05;

    font-weight: 700;

    margin-top: 2px;
}


.umbrella-small {
    color: #173f91;

    font-size: 13px;

    line-height: 1;

    font-weight: 600;

    margin-top: 5px;
}


/* =====================================================
   COMMERCIAL AUTO
===================================================== */

.auto-box {
    left: 193px;
    top: 185px;

    width: 170px;
    height: 62px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 5px 10px;
}


.auto-box .insurance-title {
    text-align: left;

    font-size: 15px;

    line-height: 1.15;
}


/* =====================================================
   DESCRIPTION BOX
===================================================== */

.insurance-description {
    position: absolute;

    left: 596px;
    top: 23px;

    width:250px;


    border: 2px solid #e3e8f1;

    border-radius: 11px;

    box-sizing: border-box;

    padding: 14px 13px;

    background: #fff;

    color: #24468f;

    font-size: 14px;

    line-height: 1.35;

    font-weight: 500;

    z-index: 6;
}


.insurance-description p {
    margin: 0 0 22px;
}


.insurance-description p:last-child {
    margin-bottom: 0;
}


.insurance-description strong {
    font-weight: 700;
    color: #173f91;
}


/* =====================================================
   CONNECTING DOTTED LINES
===================================================== */

.connector {
    position: absolute;

    height: 0;

    border-top: 2px dotted #6d91ce;

    z-index: 2;
}


/* General Liability -> Umbrella */

.connector-left {
    left: 130px;

    top: 95px;

    width: 43px;
}


/* Arrow */

.connector-left::after {
    content: "";

    position: absolute;

    right: -1px;

    top: -5px;

    width: 7px;
    height: 7px;

    border-top: 2px solid #6d91ce;
    border-right: 2px solid #6d91ce;

    transform: rotate(45deg);
}


/* =====================================================
   Umbrella -> Underlying
===================================================== */

.connector-right {
    left: 386px;

    top: 95px;

    width: 42px;
}


/* Arrow pointing toward umbrella */

.connector-right::after {
    content: "";

    position: absolute;

    left: -1px;

    top: -5px;

    width: 7px;
    height: 7px;

    border-left: 2px solid #6d91ce;
    border-bottom: 2px solid #6d91ce;

    transform: rotate(45deg);
}


/* =====================================================
   GENERAL LIABILITY -> COMMERCIAL AUTO
===================================================== */

.connector-auto {
    left: 140px;

    top: 154px;

    width: 58px;

    transform: rotate(36deg);

    transform-origin: left center;
}

.connector-auto::after {
    content: "";

    position: absolute;

    right: -1px;

    top: -5px;

    width: 7px;
    height: 7px;

    border-top: 2px solid #6d91ce;
    border-right: 2px solid #6d91ce;

    transform: rotate(45deg);
}

.connector-2nd {
    left: 425px;

    top:160px;

    width: 58px;

    transform: rotate(150deg);

    transform-origin: left center;
}

.connector-2nd::after {
    content: "";

    position: absolute;

    right: -1px;

    top: -5px;

    width: 7px;
    height: 7px;

    border-top: 2px solid #6d91ce;
    border-right: 2px solid #6d91ce;

    transform: rotate(45deg);
}
/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 900px) {

    .umbrella-insurance-section {
        overflow-x: auto;

        padding: 10px;
    }

    .umbrella-diagram {
        margin-left: 0;
        margin-right: 0;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 600px) {

    .umbrella-insurance-section {
        overflow: hidden;
    }

    .umbrella-diagram {
        width: 100%;
        height: auto;

        min-height: 700px;

        border-radius: 8px;
    }


    .liability-box {
        left: 5%;
        top: 30px;
    }


    .umbrella-main {
        left: 50%;
        top: 185px;

        transform: translateX(-50%);
    }


    .underlying-box {
        left: auto;
        right: 5%;
        top: 30px;
    }


    .auto-box {
        left: 50%;
        top: 410px;

        transform: translateX(-50%);
    }


    .insurance-description {
        left: 5%;
        top: 500px;

        width: 90%;
        height: auto;

        min-height: 160px;
    }


    .connector {
        display: none;
    }
}


@media (max-width: 480px) {

    .umbrella-diagram {
        min-height: 680px;
    }

    .insurance-box {
        transform: scale(.9);
    }

    .umbrella-main {
        transform: translateX(-50%) scale(.9);
    }

    .auto-box {
        transform: translateX(-50%) scale(.9);
    }

    .insurance-description {
        font-size: 13px;
        line-height: 1.4;
    }
}

.talk-btn {padding-top:6em;}
 
/******************* professional Liability insurance *******************/

.professional-section {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
    color: #06245f;
}


/* =========================================
   TOP TRUST FEATURES
========================================= */

.professional-features {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: top;
    min-height: 108px;
  padding:15px 0;
    border: 1px solid #e5ebf5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(20, 60, 120, 0.03);
}


.professional-item {
    padding: 0 15px;
    border-right: 1px solid #dfe7f2;
}


.professional-item:first-child {
    padding-left: 15px;
}


.professional-item:last-child {
    border-right: none;
}


/* ICON */

.professional-icon {
    width: 80px;
    min-width:80px;
    color: #1260dc;
    font-size:30px;
}


.professional-content h4 {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    color: #06245f;
}


.professional-content p {
    margin: 0;
    font-size:15px;
    line-height: 1.55;
   color: #123b82;
}

/* =========================================
   PROFESSIONAL LIABILITY SECTION
========================================= */

.liability-section {
    width: 100%;
    padding: 35px 20px;
    background: #ffffff;
    overflow: hidden;
}

.liability-wrapper {
    max-width: 1100px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 190px 180px 170px 180px 190px;
    align-items: center;
    justify-content: center;
    gap: 0;
}


/* =========================================
   INSURANCE CARDS
========================================= */

.liability-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.insurance-card {
    height: 62px;
    width: 190px;

    display: flex;
    align-items: center;

    padding: 8px 14px;

    background: #ffffff;

    border: 1px solid #dce5f1;
    border-radius: 8px;

    box-shadow: 0 2px 7px rgba(21, 60, 131, 0.07);

    box-sizing: border-box;
}


/* =========================================
   ICON
========================================= */

.insurance-icon {
    width: 52px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.insurance-icon svg {
    width: 40px;
    height: 40px;
}


/* =========================================
   CARD TEXT
========================================= */

.insurance-text {
    margin-left: 8px;

    display: flex;
    flex-direction: column;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;

    color: #153c83;
}


/* =========================================
   ARROWS
========================================= */

.arrow-area {
    height: 145px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    align-items: center;
}

.arrow-svg {
    width: 180px;
    height: 70px;

    overflow: visible;
}

.arrow-top {
    margin-top: 0;
}

.arrow-bottom {
    margin-bottom: 0;
}


/* =========================================
   PROFESSIONAL LIABILITY SHIELD
========================================= */

.professional-liability {
    display: flex;
    justify-content: center;
    align-items: center;
}

.liability-shield {
    width: 130px;
    height: 150px;

    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
}


/* Outer shield */

.shield-border {
    width: 105px;
    height: 130px;

    background: #123a80;

    clip-path: polygon(
        50% 0%,
        92% 19%,
        92% 55%,
        82% 73%,
        67% 88%,
        50% 100%,
        33% 88%,
        18% 73%,
        8% 55%,
        8% 19%
    );

    display: flex;
    justify-content: center;
    align-items: center;
}


/* White inner shield */

.shield-inner {
    width: 88px;
    height: 112px;

    background: #123a80;

    border: 2px solid #ffffff;

    clip-path: polygon(
        50% 0%,
        91% 19%,
        91% 55%,
        81% 72%,
        66% 87%,
        50% 100%,
        34% 87%,
        19% 72%,
        9% 55%,
        9% 19%
    );

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;
    line-height: 17px;
    font-weight: 600;

    box-sizing: border-box;
}

.shield-inner span {
    display: block;
}


/* =========================================
   RESPONSIVE - TABLET
========================================= */

@media (max-width: 991px) {

    .liability-wrapper {
        grid-template-columns:
            160px
            130px
            140px
            130px
            160px;
    }

    .insurance-card {
        width: 160px;
        height: 58px;
        padding: 7px 9px;
    }

    .insurance-icon {
        width: 43px;
    }

    .insurance-icon svg {
        width: 34px;
        height: 34px;
    }

    .insurance-text {
        font-size: 12px;
        line-height: 16px;
    }

    .arrow-svg {
        width: 130px;
    }

    .liability-shield {
        transform: scale(.85);
    }
}


/* =========================================
   RESPONSIVE - MOBILE
========================================= */

@media (max-width: 767px) {

    .liability-section {
        padding: 30px 15px;
    }

    .liability-wrapper {
        display: flex;
        flex-direction: column;

        gap: 18px;
    }

    .liability-side {
        width: 100%;
        flex-direction: row;
        justify-content: center;
        gap: 12px;
    }

    .insurance-card {
        width: 160px;
    }

    .arrow-area {
        display: none;
    }

    .professional-liability {
        order: -1;
        margin-bottom: 5px;
    }

    .liability-shield {
        transform: scale(.9);
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .liability-side {
        flex-direction: column;
        align-items: center;
    }

    .insurance-card {
        width: 210px;
    }

    .liability-shield {
        transform: scale(.85);
    }
}

/* =========================================
   PROFESSIONAL GUIDANCE PROCESS
========================================= */

.guidance-process {
    width: 100%;

    background: #fff;
}

.guidance-container {
    max-width: 1100px;
    margin: 0 auto;


    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================
   STEP BOX
========================================= */

.guidance-step {
    width:170px;
    height: 80px;

    flex: 0 0 170px;

    background: #123f91;

    border-radius: 0 0 35px 35px;
    border-radius: 35px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;

    text-align: center;
  padding:8px 0;
    color: #fff;

    box-sizing: border-box;

    box-shadow: 0 2px 5px rgba(18, 63, 145, 0.15);
}


/* Number */

.step-number-pro {
   
    font-size: 18px;
    line-height: 1.5;

    font-weight: 700;

    margin-bottom: 1px;
}


/* Text */

.step-text {
   
    font-size: 13px;
    line-height: 14px;

    font-weight: 500;

    white-space: wrap;
  padding:0 8px;
}


/* =========================================
   ARROW
========================================= */

.step-arrow {
    width: 75px;
    height: 45px;

    flex: 0 0 75px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
}


/* Arrow line */

.step-arrow span {
    width: 48px;
    height: 1.5px;

    background: #174b9a;

    display: block;

    position: relative;
}


/* Arrow head */

.step-arrow i {
    position: absolute;

    right: 7px;

    top:47%;

    transform: translateY(-54%);


    font-size: 32px;
    line-height: 20px;

    font-style: normal;
    font-weight: 300;

    color: #174b9a;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .guidance-container {
        padding: 0 10px;
    }

    .guidance-step {
        width: 125px;
        height: 62px;

        flex-basis: 125px;
    }

    .step-number {
        font-size: 15px;
    }

    .step-text {
        font-size: 11px;
        line-height: 13px;
    }

    .step-arrow {
        width: 55px;
        flex-basis: 55px;
    }

    .step-arrow span {
        width: 34px;
    }

    .step-arrow i {
        right: 7px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .guidance-process {
        padding: 25px 15px;
    }

    .guidance-container {
        flex-direction: column;
        gap: 8px;
    }

    .guidance-step {
        width: 220px;
        height:75px;

        flex: none;
    }

    .step-number {
        font-size: 16px;
    }

    .step-text {
        font-size: 13px;
        line-height: 15px;
    }

    .step-arrow {
        width: 40px;
        height: 28px;

        flex: none;

        transform: rotate(90deg);
    }

    .step-arrow span {
        width: 28px;
    }

    .step-arrow i {
        right: 1px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .guidance-step {
        width: 200px;
        height: 62px;
    }

    .step-text {
        font-size: 12px;
    }
}
.cyber-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: top;
  min-height: 108px;
  padding: 15px 0;
  border: 1px solid #e5ebf5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(20, 60, 120, 0.03);
  text-align:center;
}
.cyber-item {
    padding: 0 15px;
    border-right: 1px solid #dfe7f2;
  text-align:center;
}
 
 
.cyber-item:first-child {
    padding-left: 15px;
}
 
 
.cyber-item:last-child {
    border-right: none;
}
 
 
/* ICON */
 
.cyber-icon {
    width: 80px;
    color: #1260dc;
    font-size: 30px;
    display: flex;
    justify-content: center; /* Horizontal center */
    align-items: center;     /* Vertical center */
    margin: 0 auto;          /* Center the icon container */
}
 
 
.cyber-content h4 {
    margin: 0 0 8px;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    color: #06245f;
}
 
 
.cyber-content p {
    margin: 0;
    font-size:15px;
    line-height: 1.55;
   color: #123b82;
}
 
.bootom-side {
  margin-left:22em;
}
.how-cyber-wrapper {
  margin: 0 auto;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}
.cyber-term-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 8px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 25px;
}
/******************************workers-compensation-insurance ****************************/
 
.workers-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:30px;
}
 
/* Main Section */
.workplace-section {
    width: 100%;
    padding: 15px 0 8px;
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    color: #102d68;
}
 
.workplace-container {
    max-width: 810px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 300px 170px 1fr;
    align-items: center;
    position: relative;
    column-gap: 0;
    padding: 0 8px 30px;
    box-sizing: border-box;
}
 
/* Left Heading */
.employee-left {
    align-self: start;
    position: relative;
    z-index: 2;
}
 
.employee-left h3 {
    font-size: 19px;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 12px 42px;
    color: #102d68;
}
 
/* Employee Card */
.employee-card {
    min-height: 130px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #f0f5ff;
    border: 1px solid #dbe6fa;
    border-radius: 13px;
    box-sizing: border-box;
}
 
.employee-icon {
    width: 82px;
    min-width: 82px;
    color: #193b85;
}
 
.employee-icon svg {
    display: block;
    width: 75px;
    height: 100px;
}
 
.employee-card ul {
    margin: 0;
    padding-left: 16px;
    color: #233d70;
}
 
.employee-card li {
    font-size: 12px;
    line-height: 1.9;
    font-weight: 500;
    white-space: nowrap;
}
 
/* Center Building Circle */
.building-area {
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
 
.building-circle {
    width: 160px;
    height: 160px;
    min-width: 160px;
    border: 2px solid #d6e8e1;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}
 
.building-circle svg {
    width: 100px;
    height: 100px;
    color: #193b85;
}
 
/* Connecting Lines */
.connector {
    position: absolute;
    top: 50%;
    height: 2px;
    background: #d6e8e1;
    z-index: 1;
}
 
.connector-left {
    width: 40px;
    left: -25px;
    transform: translateY(-50%);
}
 
.connector-right {
    width: 40px;
    right: -15px;
    transform: translateY(-50%);
}
 
/* Right Information Items */
.workplace-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 5px;
}
 
.info-item {
    display: flex;
    align-items: center;
    gap: 13px;
 
}
 
.info-icon {
    width: 43px;
    min-width: 43px;
    height: 43px;
    color: #fff;
    display: flex;
  border-radius:50%;
    align-items: center;
    justify-content: center;
}
 
.info-icon svg {
    display: block;
    width: 30px;
    height:30px;
}
 
.info-item h4 {
    margin: 0;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #102d68;
    white-space: nowrap;
}
 
/* Bottom Caption */
.workplace-note {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #233d70;
}
 
/* Tablet */
@media (max-width: 767px) {
    .workplace-container {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 520px;
        padding: 0 15px 35px;
    }
 
    .employee-left h3 {
        margin-left: 0;
        font-size: 18px;
    }
 
    .employee-card {
        max-width: 100%;
    }
 
    .employee-card li {
        white-space: normal;
        font-size: 12px;
    }
 
    .building-area {
        height: 130px;
    }
 
    .building-circle {
        width: 125px;
        height: 125px;
        min-width: 125px;
    }
 
    .building-circle svg {
        width: 80px;
        height: 80px;
    }
 
    .connector-left,
    .connector-right {
        display: none;
    }
 
    .workplace-right {
        padding-left: 0;
        gap: 12px;
    }
 
    .info-item h4 {
        white-space: normal;
        font-size: 14px;
    }
 
    .workplace-note {
        font-size: 11px;
        padding: 0 5px;
    }
}
 
.work-com-wrapper {
  margin: 0 auto;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
 
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
}
/***************************commercial trucking insurance ******************************/

.trucking-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 8px;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap:15px;
}

/* Main section */
.fleet-process {
    width: 100%;
    min-height: 185px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 15px;
    background: #fff;
    color: #102d80;
    font-family: Arial, sans-serif;
    overflow: hidden;
}

/* Each item */
.fleet-item {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    position: relative;
    z-index: 2;
}

/* Icons */
.fleet-icon {
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #102d80;
}

.fleet-icon > i {
    font-size: 55px;
    line-height: 1;
}

/* Labels */
.fleet-item h4 {
    color: #102d80;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    margin: 12px 0 0;
    white-space: normal;
}

/* Dotted connector lines */
.fleet-connector {
    flex: 0.65 1 0;
    min-width: 12px;
    height: 35px;
    margin-top: 28px;
    border-top: 2px dotted #a5b5e6;
    transform: rotate(-7deg);
    opacity: 0.9;
}

/* Central truck */
.fleet-main-truck {
    flex: 1.25 1 0;
    margin-top: 48px;
}

.fleet-main-truck .fleet-icon {
    height: 105px;
}

.fleet-main-truck .fleet-icon > i {
    font-size: 76px;
    margin-top: 12px;
}

/* Wi-Fi symbol */
.wifi-icon {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
}

.wifi-icon i {
    font-size: 42px;
}

/* Vehicle search symbol */
.search-icon {
    position: absolute;
    right: 7px;
    bottom: 8px;
    background: #fff;
    border-radius: 50%;
    padding: 3px;
}

.search-icon i {
    font-size: 25px;
}

/* Driver structure small icon */
.driver-small {
    position: absolute;
    left: 12px;
    bottom: 7px;
    background: #fff;
    padding: 2px;
}

.driver-small i {
    font-size: 21px;
}

/* Tablet */
@media (max-width: 992px) {
    .fleet-process {
        gap: 4px;
        padding: 8px;
    }

    .fleet-icon > i {
        font-size: 42px;
    }

    .fleet-item h4 {
        font-size: 15px;
    }

    .fleet-connector {
        min-width: 8px;
    }

    .fleet-main-truck .fleet-icon > i {
        font-size: 58px;
    }

    .wifi-icon i {
        font-size: 32px;
    }
	/*.long-term-container, .long-term-container, .value-grid, .expence-features {grid-template-columns: repeat(3,1fr);
	gap: 25px;}*/
	
	.why-grid, .partner-grid {grid-template-columns: repeat(2,1fr);
	gap: 25px;}
	
	.contact-info-grid {grid-template-columns: repeat(1,1fr);
	gap: 15px;}
}

/* Mobile */
@media (max-width: 600px) {
    .fleet-process {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 25px 12px;
        padding: 20px 12px;
        overflow: visible;
    }

    .fleet-connector {
        display: none;
    }

    .fleet-item,
    .fleet-main-truck {
        margin-top: 0;
        min-width: 0;
    }

    .fleet-icon,
    .fleet-main-truck .fleet-icon {
        height: 65px;
    }

    .fleet-icon > i {
        font-size: 38px;
    }

    .fleet-main-truck .fleet-icon > i {
        font-size: 48px;
        margin-top: 0;
    }

    .fleet-item h4 {
        font-size: 14px;
        margin-top: 8px;
    }

    .wifi-icon {
        top: -20px;
    }

    .wifi-icon i {
        font-size: 25px;
    }

    .search-icon {
        right: 0;
        bottom: 0;
    }

    .search-icon i {
        font-size: 17px;
    }
	
	.final-container {display:block;}
}

.coomercial-claims-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: top;
  min-height: auto;
  padding: 15px 0;
  border: 1px solid #e5ebf5;
  border-radius: 8px;

  text-align: center;
}

/******************* site-map*************************/

.ban {color:#fff;}

/* Main Card */
.health-insurance-card {
   height:360px;
    background: #ffffff;
   
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(28, 75, 40, 0.08);
    box-sizing: border-box;
	overflow:hidden;
}
.health-insurance-card-2 {
    height:250px;
    background: #ffffff;
   
    border-radius: 12px;

    box-shadow: 0 2px 8px rgba(28, 75, 40, 0.08);
    box-sizing: border-box;
	overflow:hidden;
}
.green-bor { border: 1px solid #e7f0e8;}
.orange-bor { border: 1px solid #feb9a3;}
.info-bor { border: 1px solid #b6ddfd;}
.purple-bor { border: 1px solid #c3a0fd;}
/* Header Background Image */
.health-card-header4 {
    height: 108px;
    position: relative;
    background-image:
        linear-gradient(
            90deg,
            rgba(252, 205, 190, 0.96) 0%,
            rgba(252, 205, 190, 0.72) 48%,
            rgba(252, 205, 190, 0.05) 100%
        ),
        url("../img/about/home.jpg");
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #feb9a3;
}
.health-card-header3 {
    height: 108px;
    position: relative;
    background-image:
        linear-gradient(
            90deg,
            rgba(224, 240, 253, 0.96) 0%,
            rgba(224, 240, 253, 0.72) 48%,
            rgba(224, 240, 253, 0.05) 100%
        ),
        url("../img/about/home.jpg");
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #b6ddfd;
}

.health-card-header2 {
    height: 108px;
    position: relative;
    background-image:
        linear-gradient(
            90deg,
            rgba(233, 221, 253, 0.96) 0%,
            rgba(233, 221, 253, 0.72) 48%,
            rgba(233, 221, 253, 0.05) 100%
        ),
        url("../img/about/home.jpg");
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #c3a0fd;
}

.health-card-header {
    height: 108px;
    position: relative;
    background-image:
        linear-gradient(
            90deg,
            rgba(239, 249, 237, 0.96) 0%,
            rgba(239, 249, 237, 0.72) 48%,
            rgba(239, 249, 237, 0.05) 100%
        ),
        url("../img/about/home.jpg");
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #e8eee8;
}

.health-card-header-bg {
    height:90px;
    position: relative;
    background-image:
        linear-gradient(
            90deg,
            rgba(224, 240, 253, 0.96) 0%,
            rgba(224, 240, 253, 0.72) 48%,
            rgba(224, 240, 253, 0.05) 100%
        );
    border-bottom: 1px solid #b6ddfd;
}


/* Header Content */
.health-card-content {
    padding: 10px 15px;
    position: relative;
    z-index: 1;
}

/* Green Shield Icon */
.health-shield-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;  
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 6px;
}
.h-s-i-green-bg { background: #0a861c;}
.h-s-i-or-bg { background: #fe6d04;}
.h-s-i-info-bg { background: #0d99f8;}
.h-s-i-pur-bg { background: #8039c3;}

/* Heading */
.health-card-content h3 {
    font-size: 15px;
    font-weight: 700;
    color: #071e55;
    margin: 0 0 3px;
    line-height: 1.2;
}

/* Subtitle */
.health-card-content p {
    font-size: 12px;
    color: #071e55;
    margin: 0;
    line-height: 1.3;
	font-weight:550;
}

/* Menu Area */
.health-card-menu {
    width: 100%;
}

/* Individual Menu Link */
.health-menu-item {
    padding:3px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:5px;
    color: #263c5b;
    text-decoration: none;
    font-size:15px;
    font-weight: 500;
    border-bottom: 1px solid #edf1ed;
    box-sizing: border-box;
    transition: background 0.3s ease;
}

.health-menu-item:last-child {
    border-bottom: none;
}

/* Green Arrow */
.health-menu-item i {
    color: #159b37;
    font-size: 10px;
    flex-shrink: 0;
}

/* Hover Effect */
.health-menu-item:hover {
    background: #f2faf1;
    color: #159b37;
}

/* Mobile Responsive */
@media (max-width: 480px) {
    .health-insurance-card {
        width: 100%;
        max-width:100%;
       height: auto;
	   margin-Bottom:15px;
    }

    .health-card-header {
        background-position: center;
    }
}


/* About OLPolicy Section */
.about-olpolicy {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    min-height: 70px;
    padding: 8px 12px;
    background: #f5f8fc;
    box-sizing: border-box;
}

/* Icon Circle */
.olpolicy-icon {
    width:50px;
    min-width:50px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3478c9;
    background: #ffffff;
    border-radius: 50%;
}

/* Text Content */
.olpolicy-content h3 {
    margin: 0 0 7px;
    font-size:17px;
    font-weight: 600;
    color: #102956;
    line-height: 1.1;
}

.olpolicy-content p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    color: #071e55;
    line-height: 1.3;
}

.feature-list1{
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:5px;
	  padding: 0;
    margin: 0;
    }

    .feature-list1 li{
      display:flex;
      align-items:flex-start;
      gap:8px;
    }

    .check-icon{
      min-width:25px;
      height:25px;
      border-radius:50%;
      background:#2872ff;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:14px;
      margin-top:4px;
    }

    .feature-list1 p{
      font-size:15px;
      line-height:1.6;
      color:#374151;
    }

/* Mobile Responsive */
@media (max-width:507px) {
    .about-olpolicy {
        gap: 10px;
        padding: 8px;
    }

    .olpolicy-icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }

    .olpolicy-icon i {
        font-size: 32px;
    }

    .olpolicy-content h3 {
        font-size: 18px;
    }

    .olpolicy-content p {
        font-size: 13px;
    }
	.long-term-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
 .expence-features {
  grid-template-columns: repeat(1, 1fr);
  min-height: 108px;
  
}
.final-container .comparison-container {display:block;}

.coverage-grid {
  grid-template-columns: repeat(1,1fr);
  gap: 0;
}
.professional-features {
grid-template-columns: repeat(1, 1fr);
gap:15px;
}
.partner-grid{
	grid-template-columns: repeat(1,1fr);
gap: 15px;}

.cyber-term-container {
	grid-template-columns: repeat(1,1fr);
gap: 15px;}

.bootom-side {
  margin-left: 0em;
}
.how-cyber-wrapper {display:block;}
.cyber-features {grid-template-columns: repeat(1,1fr);
gap: 15px;}

.work-com-wrapper{display:block;}
.cyber-features {grid-template-columns: repeat(1,1fr);
gap: 15px;}

.ban {color:#002b60;}
.coomercial-claims-features {grid-template-columns: repeat(1,1fr);
gap: 15px;}
.join-features{grid-template-columns: repeat(1,1fr);
gap: 15px;}
.contact-info-grid {grid-template-columns: repeat(1,1fr);
gap: 15px;}
.contact-info-grid {grid-template-columns: repeat(1,1fr);
gap: 15px;}

.need-box {display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 16px;
}

}






.shop-head-bg1 {background:#d9dde6; padding:20px; margin-Bottom:15px; border-radius:8px; opacity:0.7;}
.shop-head-bg2 {background:#feebe8; padding:20px; margin-Bottom:15px; border-radius:8px; opacity:0.7;}
.shop-head-bg3 {background:#d9d7dc; padding:20px; margin-Bottom:15px; border-radius:8px; opacity:0.7;}

#join-team {
    padding: 100px 0;
    scroll-margin-top: 80px;
}

.shop-home-div
{
  margin-top:8px;
}
.shop-home-div ul
{
  display: flex;
  flex-direction: column;
    gap:8px;
    padding: 0;
    list-style: none;
}
.shop-home-div ul li
{
      color: #002a5f;
    font-weight: 600;
}
.shop-home-div ul li i
{
   color: #ff4004;
}
.shop-home-div ul .dv_cls
{
  border: 1px solid #a7c3db61;
    border-radius: 6px;
    text-align: left;
    background: #ffffff;
    padding:8px;
  margin-bottom:8px;
}

/************************faq fom section ***********************/
/* Main Section */

.question-section {
    width: 100%;
    padding: 0;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.question-container {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background: #f8fbff;
    border: 2px solid #b9d9ff;
    border-radius: 18px;
    box-shadow: 0 5px 12px rgba(30, 105, 180, 0.18);
    box-sizing: border-box;
}

/* Heading */

.question-heading {
    margin-bottom:25px;
}

.question-heading h2 {
    font-size:25px;
    font-weight: 600;
    color: #10336f;
    margin: 0 0 5px;
    line-height: 1.25;
}

.heading-line {
    display: block;
    width:90px;
    height:5px;
    background: #ff4b0b;
    border-radius: 15px;
    margin: 8px 0 12px;
}

.question-heading p {
    font-size: 15px;
    
    color: #102e61;
    margin: 0;
    line-height: 1.3;
}

/* Form Grid */

.question-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 48px;
 
}

.form-group textarea {
    height:90px;
    padding: 12px 18px;
    resize: vertical;
}


.input-icon {
    position: relative;
}

.input-icon i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size:15px;
    color: #718198;
    pointer-events: none;
	top:20px;
}

.input-icon img {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    
    color: #718198;
    pointer-events: none;
	top:20px;
}

.input-icon input {
    padding-left: 90px;
}

/* Preferred Contact Method */

.contact-options {
    display: flex;
    gap: 30px;
    align-items: center;
}

.contact-option {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    width: 210px;
    min-height:50px;
    padding: 12px 18px;
    margin: 0 !important;
    background: #f4f6fa;
    border: 2px solid #e1e8f1;
    border-radius:10px;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.3s ease;
}

.contact-option input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.radio-custom {
    position: relative;
    width:28px;
    height:28px;
    min-width:28px;
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    background: #ffffff;
    box-sizing: border-box;
}

.contact-option input:checked + .radio-custom {
    border-color: #1683ff;
}

.contact-option input:checked + .radio-custom::after {
    content: "";
    position: absolute;
    width:16px;
    height:16px;
    top: 5px;
    left: 5px;
    background: #1683ff;
    border-radius: 50%;
}

.contact-option i {
    font-size:20px;
    color: #17345d;
}

.contact-option > span:last-child {
    font-size:17px;
    font-weight:500;
    color: #102c57;
}

/* Selected Radio Option */

.contact-option:has(input:checked) {
    background: #e3f0ff;
    border-color: #b8dcff;
}

.contact-option:focus-within {
    outline: 2px solid #1683ff;
    outline-offset: 2px;
}



/* Tablet Responsive */

@media (max-width: 991px) {

    .question-container {
        padding: 25px 30px;
    }

    .question-form-grid {
        column-gap: 25px;
        row-gap: 22px;
    }

    
    .contact-options {
        gap: 12px;
    }

    .contact-option {
        width: 50%;
        padding: 10px;
        gap: 10px;
    }

    
}

/* Mobile Responsive */

@media (max-width: 767px) {

    .question-section {
        padding: 15px 0;
    }

    .question-container {
        width: 95%;
        padding: 22px 18px;
        border-radius: 15px;
    }

    .question-heading {
        margin-bottom: 25px;
    }

    .question-heading h2 {
        font-size: 27px;
        line-height: 1.3;
    }

    .heading-line {
        width: 80px;
        height: 7px;
    }

    .question-heading p {
        font-size: 15px;
    }

    .question-form-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    
    .form-group textarea {
        height: 100px;
        font-size: 15px;
    }

    .input-icon input {
        padding-left: 55px;
    }

    .input-icon i {
        left: 10px;
        font-size: 14ppx;
		top:20px;
    }

    .contact-options {
        display: flex;
        flex-direction: row;
        gap: 12px;
    }

    .contact-option {
        width: 50%;
        min-height: 58px;
        padding: 8px 10px;
        gap: 8px;
    }

    .radio-custom {
        width: 24px;
        height: 24px;
        min-width: 24px;
        border-width: 2px;
    }

    .contact-option input:checked + .radio-custom::after {
        width: 12px;
        height: 12px;
        top: 4px;
        left: 4px;
    }

    .contact-option i {
        font-size: 20px;
    }

    .contact-option > span:last-child {
        font-size: 15px;
    }

    
}

/* Small Mobile */

@media (max-width: 380px) {

    .question-container {
        padding: 18px 12px;
    }

    .question-heading h2 {
        font-size: 23px;
    }

    .contact-options {
        gap: 8px;
    }

    .contact-option {
        padding: 8px 6px;
        gap: 6px;
    }

    .contact-option > span:last-child {
        font-size: 13px;
    }
}