li::marker{

    content:"";

}

/* SECTION */

.legal-section{

    background:#efefef;

    padding:80px 20px;

}

/* CONTAINER */

.legal-container{

    max-width:1200px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

}

/* TEXT */

.legal-text{

    flex:1;

}

.legal-text h2{

    font-size:36px;

    margin-bottom:20px;

    color:#1a1a1a;

}

.legal-text p{

    color:#555;

    line-height:1.8;

    max-width:500px;

}

/* IMAGE */

.legal-image{

    flex:1;

}

.legal-image img{

    width:100%;

    height:450px;

    object-fit:cover;

}

@media (max-width: 768px){

    .legal-container{

        flex-direction:column;

        text-align:center;

    }

    .legal-text p{

        max-width:100%;

    }

    .legal-image img{

        height:300px;

    }

}

/* HERO BANNER */

.hero-banner{

  position: relative;

  width: 100%;

  height: 600px;

  overflow: hidden;

}

/* IMAGE */

.hero-banner img{

  width: 100%;

  height: 600px;

  object-fit: cover;

  display: block;

}

/* CONTENT OVER IMAGE */

.banner-content{

  position: absolute;

  top: 42%;

  right: 6%;

  transform: translateY(-50%);

  color: #ffffff;

  max-width: 500px;

}

/* HEADING */

.banner-content h1{

  font-size: 52px;

  margin-bottom: 15px;

  font-weight: 700;

  line-height: 1;

}

/* TEXT */

.banner-content p{

  font-size: 20px;

  line-height: 1.4;

  margin-bottom: 25px;

}

/* BUTTON */

.banner-btn{

  display: inline-block;

  padding: 14px 30px;

  background: #0081C6;

  color: #ffffff;

  text-decoration: none;

  border-radius: 8px;

  font-weight: 600;

  transition: 0.3s;

}

.banner-btn:hover{

  background: #80B445;

  color: #fff;

}

.dmp-section{

    padding: 20px 80px;

    background: #f9f9f9;

}

.dmp-title{

    text-align: center;

    font-size: 50px;

    font-weight: 400;

    margin: 20px 0;

    color: #0081C6;

}

.dmp-description{

    text-align: left;

    font-size: 26px;

    line-height: 1.6;

    color: #4b4b4b;

    margin: 20px auto;

    max-width: 1250px;

}

.dmp-description-2{

    text-align: left;

    font-size: 20px;

    line-height: 1.4;

    color: #363636;

    margin: 20px auto;

    max-width: 1200px;

}

/* =========================

   SECTION

========================= */

.potential-section{

    width:100%;

    padding:80px 20px;

    background:#e7e7e7;

}

.consideration-section{

    width:100%;

    padding:80px 20px;

    background:#ffffff;

}

/* =========================

   CONTAINER

========================= */

.consideration-container{

    max-width:1200px;

    margin:auto;

    display:flex;

    align-items:center;

    gap:80px;

}

/* =========================

   LEFT IMAGE

========================= */

.consideration-image{

    width:50%;

    align-self:flex-start;

}

.consideration-image img{

    width:100%;

    height:800px;

    border-radius:0px;

    display:block;

    object-fit:cover;

}

/* =========================

   RIGHT CONTENT

========================= */

.consideration-content{

    width:50%;

}

/* =========================

   HEADING

========================= */

.consideration-content h2{

    font-size:40px;

    color:#0081C6;

    margin-bottom:20px;

    font-weight:400;

}

/* =========================

   ITEMS

========================= */

.consideration-item{

    margin-bottom:15px;

}

/* =========================

   SUB HEADINGS

========================= */

.consideration-item h3{

    font-size:24px;

    color:#1d1d1d;

    margin-bottom:12px;

    font-weight:500;

}

/* =========================

   TEXT

========================= */

.consideration-item p{

    font-size:18px;

    line-height:1.5;

    color:#2c2c2c;

    margin-bottom:15px;

    font-weight:400;

}

/* =========================

   LIST

========================= */

.consideration-item ul{

    padding-left:15px;

    margin-bottom:18px;

}

.consideration-item ul li{

    position:relative;

    padding-left:28px;

    font-size:16px;

    color:#000000;

    line-height:1.5;

    margin-bottom:10px;

}

/* CUSTOM BULLET */

.consideration-item ul li::before{

    content:"";

    background-image:url("/assets/images/icons/nccb-bullet.png");

    background-size:14px 14px;

    background-repeat:no-repeat;

    width:14px;

    height:14px;

    position:absolute;

    left:0;

    top:5px;

}

/* =========================

   RESPONSIVE

========================= */

@media(max-width:992px){

    .consideration-container{

        flex-direction:column;

    }

    .consideration-image {

        width:100%; 

        height: 20%;

        margin: 0 auto;

    }

     .consideration-image  img{

        width:400px; 

        height: 400px;

        margin: 0 auto;

    }

    .consideration-content{

        width:80%;

    }

}

@media(max-width:768px){

    .consideration-content h2{

        font-size:32px;

    }

    .consideration-item h3{

        font-size:22px;

    }

    .consideration-item p,

    .consideration-item ul li{

        font-size:16px;

    }

}

@media(max-width:465px){

     .consideration-image  img{

        width:300px; 

        height: 400px;

     }

}

/* =========================

   SECTION

========================= */

.budget-section{

    width:100%;

    padding:40px 20px;

    background:#f7f6f3;

    font-family:'Open Sans', sans-serif;

}

/* =========================

   CONTAINER

========================= */

.budget-container{

    max-width:1400px;

    margin:auto;

    text-align:center;

}

/* =========================

   HEADING

========================= */

.budget-container h2{

    font-size:40px;

    font-weight:400;

    color:#0081C6;

    margin-bottom:10px;

    line-height:1.1;

}

/* =========================

   TOP AREA

========================= */

.budget-top{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:50px;

    /* margin-bottom:10px; */

}

/* =========================

   ICON

========================= */

.budget-icon img{

    width:120px;

    height:120px;

    object-fit:contain;

}

/* =========================

   LIST

========================= */

.budget-text ul{

    list-style:none;

    padding-left:0;

}

.budget-text ul li{

    position:relative;

    padding-left:30px;

    text-align: left;

    font-size:20px;

    line-height:1.1;

    color:#000000;

    margin-bottom:8px;

}

/* CUSTOM BULLET */

.budget-text ul li::before{

    content:"";

    background-image:url("/assets/images/icons/nccb-bullet.png");

    background-size:14px 14px;

    background-repeat:no-repeat;

    width:14px;

    height:14px;

    position:absolute;

    left:0;

    top:8px;

}

/* =========================

   PHONE CTA

========================= */

.budget-call{

    margin-top: -10px;

    margin-bottom: 10px;

}

.budget-call span{

    font-size:32px;

    font-weight:400;

    color:#0081C6;

    padding-left: 150px;

}

a.budget-call {

    font-size:32px;

    font-weight:600;

    color:#0081C6;

    text-decoration:none;

    position: relative;

    left: 210px;

}

.call-banner{

    display: inline-block;

    background: #0081C6;

    color: #fff;

    font-size: 32px;

    font-weight: 400;

    padding: 8px 25px 8px 25px;

    position: relative;

    left: 150px;

    margin-top: 10px;

    margin-bottom: -60px;

}

/* Arrow Shape */

.call-banner::after{

    content: "";

    position: absolute;

    top: 0;

    right: -40px;

    width: 0;

    height: 0;

    border-top: 30px solid transparent;

    border-bottom: 30px solid transparent;

    border-left: 40px solid #0081C6;

}

@media(max-width:1152px){

    .call-banner{

        width: 400px;

        padding: 0px;

        position: relative;

        left: 80px;

    }

    .call-banner::after{

    content: "";

    position: absolute;

    top: 0;

    right: -40px;

    width: 0;

    height: 0;

    border-top: 45px solid transparent;

    border-bottom: 40px solid transparent;

    border-left: 40px solid #0081C6;

}

    a.budget-call{

        position: relative;

        left: 150px;

    }

}

@media(max-width:992px){

    .budget-icon{

        display: none;

    }

  .call-banner{

    left: -10px;

  }

  a.budget-call{

    position: relative;

    left: 50px ;

    top: -20px;

  }

}

@media(max-width:745px){

.call-banner{

    width: 250px;

}

}

@media(max-width:595px){

    .call-banner{

        font-size: 24px;

        width: 220px;

        left: -20px;

    }

    a.budget-call{

        left: 20px;

    }

     .call-banner::after{

    content: "";

    position: absolute;

    top: 0;

    right: -40px;

    width: 0;

    height: 0;

    border-top: 30px solid transparent;

    border-bottom: 35px solid transparent;

    border-left: 40px solid #0081C6;

}

}

@media(max-width:500px){

    .call-banner{

        font-size: 20px;

        width: 160px;

        left: -20px;

    }

       .call-banner::after{

    content: "";

    position: absolute;

    top: 0;

    right: -40px;

    width: 0;

    height: 0;

    border-top: 27px solid transparent;

    border-bottom: 28px solid transparent;

    border-left: 40px solid #0081C6;

}

}

@media(max-width:430px){

    a.budget-call{

        font-size: 24px;

    }

    .budget-container h2{

        text-align: left;

    }

}

/* =========================

   OR

========================= */

.budget-or{

    font-size:30px;

    font-weight: 400;

    color:#0081C6;

    line-height: 1;

    margin-bottom: -40px;

}

/* =========================

   BOTTOM AREA

========================= */

.budget-bottom{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:120px;

    max-width: 1400px;

}

/* =========================

   EMILY

========================= */

.budget-emily{

    display:flex;

    align-items:center;

    gap:40px;

}

.budget-emily img{

    width:180px;

    height:180px;

    border-radius:50%;

    object-fit:cover;

}

.budget-emily h3{

    font-size:32px;

    color:#0081C6;

    font-weight:400;

}

/* =========================

   LOGO

========================= */

.budget-logo img{

    max-width:320px;

    width:100%;

    align-items:flex-end;

}

/* =========================

   RESPONSIVE

========================= */

@media(max-width:1200px){

    .budget-container h2{

        font-size:56px;

    }

    .budget-text ul li{

        font-size:22px;

    }

    .budget-call span{

        font-size:32px;

    }

    .budget-call a{

        font-size:44px;

    }

    .budget-emily h3{

        font-size:42px;

    }

}

@media(max-width:992px){

    .budget-top,

    .budget-bottom{

        flex-direction:column;

        gap: 10px;

        margin-top: 10px;

    }

}

@media(max-width:768px){

    .budget-container h2{

        font-size:40px;

    }

    .budget-text ul li{

        font-size:18px;

    }

    .budget-call span{

        display:block;

        font-size:26px;

        margin-bottom:10px;

    }

    .budget-call a{

        font-size:34px;

    }

    .budget-or{

        font-size:34px;

    }

    .budget-emily h3{

        font-size:34px;

    }

    .budget-icon img,

    .budget-emily img{

        width:140px;

        height:140px;

    }

}

    /* =========================

   SECTION

========================= */

.collage-section{

    width:100%;

    padding:50px 20px;

    background:#e7e7e7;

    font-family:'Open Sans', sans-serif;

}

.collage-section-1{

    width:100%;

    padding:80px 20px;

    background:#ffffff;

    font-family:'Open Sans', sans-serif;

}

.credit-section{

    width:100%;

    padding:80px 20px;

    background:#ffffff;

    font-family:'Open Sans', sans-serif;

}

/* =========================

   CONTAINER

========================= */

.collage-container{

    max-width:1400px;

    margin:auto;

    display:flex;

    align-items:center;

    gap:60px;

}

.credit-container{

    max-width:1400px;

    margin:auto;

    display:flex;

    align-items:center;

    gap:60px;

}

/* =========================

   LEFT COLLAGE

========================= */

.collage-images{

    width:50%;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

/* IMAGES */

.collage-images img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:0.4s;

}

/* HOVER */

.collage-images img:hover{

    transform:scale(1.04);

}

/* =========================

   RIGHT CONTENT

========================= */

.collage-content{

    width:50%;

}

/* HEADING */

.collage-content h2{

    font-size:40px;

    line-height:1.1;

    color:#0081C6;

    margin-bottom:35px;

    font-weight:400;

}

/* LIST */

.collage-content ul{

    list-style:none;

    padding-left:20px;

}

.collage-content ul li{

    position:relative;

    padding-left:35px;

    font-size:18px;

    line-height:1.5;

    color:#111;

    margin-bottom:8px;

}

/* CUSTOM BULLET */

.collage-content ul li::before{

    content:"";

    background-image:url("/assets/images/icons/nccb-bullet.png");

    background-size:14px 14px;

    background-repeat:no-repeat;

    width:14px;

    height:14px;

    position:absolute;

    left:0;

    top:8px;

}

/* =========================

   RESPONSIVE

========================= */

@media(max-width:992px){

    .collage-container{

        flex-direction:column;

    }

    .collage-images,

    .collage-content{

        width:100%;

    }

}

@media(max-width:768px){

    .collage-images{

        grid-template-columns:1fr;

    }

    .collage-content h2{

        font-size:40px;

    }

    .collage-content ul li{

        font-size:18px;

    }

    .collage-call span{

        font-size:24px;

    }

    .collage-call a{

        font-size:34px;

    }

}

/* =========================

   SECTION

========================= */

.guidance-section{

    width:100%;

    padding:80px 20px;

    background:#fffcf2;

    font-family:'Open Sans', sans-serif;

}

/* =========================

   BOX

========================= */

.guidance-box{

    max-width:1200px;

    margin:auto;

    padding:40px 50px;

    background:#fffcf2;

    text-align:center;

}

/* =========================

   LOGO

========================= */

.guidance-logo{

    margin-bottom:18px;

}

.guidance-logo img{

    max-width:300px;

    width:100%;

}

/* =========================

   HEADING

========================= */

.guidance-box h2{

    font-size:40px;

    color:#0081C6;

    margin-bottom:25px;

    font-weight:400;

}

/* =========================

   TEXT

========================= */

.guidance-box p{

    font-size:18px;

    font-weight: 400;

    line-height:1.8;

    text-align: left;

    color:#222;

    max-width:1000px;

    margin:auto;

}

/* =========================

   RESPONSIVE

========================= */

@media(max-width:768px){

    .guidance-box{

        padding:30px 20px;

    }

    .guidance-box h2{

        font-size:26px;

    }

    .guidance-box p{

        font-size:18px;

        line-height:1.7;

    }

}

.credit-content{

    width:100%;

    text-align:center;

}

/* HEADING */

.credit-content h2{

    font-size:40px;

    line-height:1.1;

    color:#0081C6;

    margin-bottom:35px;

    font-weight:400;

}

/* LIST */

.credit-content ul{

    list-style:none;

    display:inline-block;

    text-align:left;

    padding-left:0;

    margin:0 auto;

}

/* LIST ITEMS */

.credit-content ul li{

    position:relative;

    padding-left:35px;

    font-size:18px;

    line-height:1.5;

    color:#111;

    margin-bottom:12px;

}

/* CUSTOM BULLET */

.credit-content ul li::before{

    content:"";

    background-image:url("/assets/images/icons/nccb-bullet.png");

    background-size:14px 14px;

    background-repeat:no-repeat;

    width:14px;

    height:14px;

    position:absolute;

    left:0;

    top:7px;

}

/* =========================

   TOP SECTION

========================= */

.top-section{

    max-width:100%;

    padding:20px 20px 60px;

    background-color: #fffcf2;

    margin: 0 auto;

}

.step-number img{width: 80px; }

/* TITLE */

#topTitl-1 {

    font-size:30px;

    color:#000000;

    font-weight:600;

    margin: 0 auto 0px;

    text-align: center;

    justify-content: center;

    align-items: center;

}

#topTitle{

    font-size:50px;

    color:#0081C6;

    font-weight:400;

    text-align: center;

}

#topSubtitle{

    font-size: 32px;

    font-weight: 400;

    color: #393939;

    text-align: center;

    margin-bottom:10px;
    margin-top:15px;

}

/* DESCRIPTION */

#topDescription{

    max-width:1100px;

    margin:auto;

    font-size:22px;

    line-height:1.4;

    color:#222;

}

/* =========================

   STEP SECTION

========================= */

.step{

    display:none;

    padding:20px 20px 80px;

    background-color: #f3f3f3;

}

.apple{

    background-color: #ffffff;padding:1px 20px 10px; width: 100%;

}

/* ACTIVE STEP */

.step.active{

    display:block;

    animation:fadeIn 0.4s ease;

}

/* ANIMATION */

@keyframes fadeIn{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/* =========================

   CONTAINER

========================= */

.step-container{

    max-width:1000px;

    margin:auto;

    padding-bottom: 30px;

}

/* =========================

   STEP HEADING

========================= */

.step-container h2{

    font-size:40px;

    color:#0081C6;

    text-align:center;

    margin-bottom:25px;

    font-weight:400;

    margin-top: 40px;

}

/* =========================

   FORM

========================= */

.step-form{

    display:flex;

    flex-direction:column;

    gap:8px;

}

/* =========================

   OPTION

========================= */

.step-option{

    display:flex;

    align-items:center;

    gap:16px;

    padding:8px 25px;

    background:#fff;

    border:1px solid #d7d7d7;

    border-radius:12px;

    cursor:pointer;

    transition:0.3s;

    width: 800px;

    margin: 0 auto;

}

/* HOVER */

.step-option:hover{

    border-color:#0081C6;

}

/* RADIO */

.step-option input[type="radio"]{

    width:20px;

    height:20px;

    accent-color:#000000;

}

/* TEXT */

.step-option span{

    font-size:18px;

    color:#111;

}

/* =========================

   BUTTON

========================= */

.step-btn-wrap{

    margin-top:40px;

    text-align:center;

}

.step-btn{

    min-width:220px;

    height:60px;

    border:none;

    background:#0081C6;

    color:#fff;

    font-size:20px;

    font-weight:600;

    border-radius:10px;

    cursor:pointer;

    transition:0.3s;

}

/* HOVER */

.step-btn:hover{

    background:#80B445;

}

/* =========================

   FINAL FORM

========================= */

.final-form{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top: 40px;

}

.final-form input{

    width: 400px;

    margin: 0 auto;

    height:60px;

    padding:0 18px;

    border:1px solid #ccc;

    border-radius:10px;

    font-size:18px;

}

/* =========================

   RESPONSIVE

========================= */

@media(max-width:768px){

    #topTitle{

        font-size:38px;

    }

    #topDescription{

        font-size:18px;

    }

    .step-container h2{

        font-size:30px;

    }

    .step-option span{

        font-size:17px;

    }

}

.service-box{

    background:#fff;

    border-radius:18px;

    padding:40px;

    max-width:1000px;

    margin:0 auto;

    box-shadow:0 4px 20px rgba(0,0,0,0.06);

}

/* ITEM */

.service-item{

    display:flex;

    align-items:center;

    gap:22px;

    padding:28px 0;

    border-bottom:1px solid #000000;

}

/* LAST ITEM */

.service-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

/* LEFT IMAGE */

.service-left-icon{

    width:150px;

    height:150px;

    object-fit:cover;

    flex-shrink:0;

    border-radius: 20px;

}

.service-branding{

    max-width: 800px;

    margin: 0 auto;

    align-items: center;

    justify-content: center;

}

.service-content img{

    width:120px;

    height:120px;

    object-fit:cover;

    flex-shrink:0;

    border-radius: 20px;

    justify-content: center;

    margin: 0 auto;

    align-items: center;

}

/* CENTER CONTENT */

.service-content{

    flex:1;

}

.service-content hr{

    color: #e2e2e2;

    margin-top: 32px;

    height: 1px;

}

/* MAIN HEADING */

.service-title{

    font-size:40px;

    color:#0081C6;

    margin-bottom:10px;

    font-weight:400;

}

/* SERVICE TITLE */

.service-content h3{

    font-size:24px;

    color:#000;

    margin-bottom:14px;

    font-weight:400;

}

/* TEXT */

.service-content p{

    font-size:22px;

    line-height:1.6;

    color:#222;

    margin:0;

}

/* SHARE ICON */

.share-icon{

    width:34px;

    height:34px;

    object-fit:contain;

    flex-shrink:0;

    cursor:pointer;

}

.center-logo{

    display:block;

    width:300px; /* adjust size */

    height:auto;

    margin:40px auto 0;

}

/* TABLET */

@media(max-width:768px){

    .service-box{

        padding:30px 20px;

    }

    .service-title{

        font-size:42px;

    }

    .service-left-icon{

        width:70px;

        height:70px;

    }

    .service-content h3{

        font-size:24px;

    }

    .service-content p{

        font-size:17px;

    }

}

/* MOBILE */

@media(max-width:480px){

    .service-item{

        flex-direction:column;

        align-items:flex-start;

    }

    .service-title{

        font-size:30px;

        margin-bottom:25px;

    }

    .service-left-icon{

        width:60px;

        height:60px;

    }

    .service-content h3{

        font-size:20px;

    }

    .service-content p{

        font-size:15px;

    }

    .share-icon{

        align-self:flex-end;

        width:28px;

        height:28px;

    }

}

.service-item-1{

    padding-bottom:28px;

    margin-bottom:28px;

    border-bottom:1px solid #d9d9d9;

}

.service-item-1 h2{

    text-align: center;

    font-size:40px;

    color:#0081C6;

    margin-bottom:14px;

    font-weight:400;

}

.service-item-1 p{

    font-size:18px;

    line-height:1.4;

    color:#222;

    padding-left: 50px;

}

.service-item-1 h3{

    font-size:24px;

    color:#000000;

    margin-bottom:14px;

    font-weight:400;

    padding-left: 50px;

}

/* CAPTCHA */

.captcha-wrap{

    margin-top:35px;

    display:flex;

    justify-content:center;

}

/* CHECKBOX */

.consent-check{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin:30px auto 0;

    font-size:16px;

    line-height:1.6;

    color:#222;

}

#consentCheck{

    justify-content: flex-start;

}

.consent-check input{

    margin-top:4px;

    width:18px;

    height:18px;

}

@media(max-width:900px){

    .step-option{

        width: 500px;

    }

}

@media(max-width:630px){

    .step-option{

        width: 300px;

    }

}

@media(max-width:500px){

    .final-form input{

        width: 250px;

    }

}

.nccb-vm-box-section{

    width:100%;

    padding:0px 20px;

    background:#e7e7e7;

    font-family:'Open Sans', sans-serif;

}

/* =========================

   BOX

========================= */

.nccb-vm-box{

    max-width:1200px;

    margin:auto;

    padding:60px 50px;

    background:#e7e7e7;

    text-align:center;

}

/* =========================

   HEADING

========================= */

.nccb-vm-box h2{

    font-size:40px;

    color:#0081C6;

    margin-bottom:25px;

    font-weight:400;

}

/* =========================

   TEXT

========================= */

.nccb-vm-box p{

    font-size:18px;

    font-weight: 400;

    line-height:1.8;

    text-align: left;

    color:#222;

    max-width:1000px;

    margin:auto;

    padding-bottom: 20px;

}

/* =========================

   RESPONSIVE

========================= */

@media(max-width:768px){

    .nccb-vm-box{

        padding:30px 20px;

    }

    .nccb-vm-box h2{

        font-size:26px;

    }

    .nccb-vm-box p{

        font-size:18px;

        line-height:1.7;

    }

}

.features-section{

    padding:80px 20px;

    background:#f8f9fa;

    max-width:800px;

    margin:0 auto;

    font-family:Arial,sans-serif;

}

.features-list{

    list-style:none;

    padding:0;

    margin:0;

}

/* LIST ITEM */

.features-list li{

    display:flex;

    align-items:center;

    gap:20px;

    font-size:30px;

    color:#444;

    margin-bottom:28px;

    line-height:1.5;

}

/* ICON WRAPPER */

.feature-icon{

    width:70px;

    min-width:70px;

    display:flex;

    align-items:center;

    justify-content:center;

}

/* IMAGE */

.feature-icon img{

    width:60px;

    height:auto;

    display:block;

}

/* TABLET */

@media(max-width:768px){

    .features-section{

        padding:50px 20px;

    }

    .features-list li{

        font-size:22px;

        gap:16px;

        margin-bottom:22px;

    }

    .feature-icon{

        width:55px;

        min-width:55px;

    }

    .feature-icon img{

        width:45px;

    }

}

/* MOBILE */

@media(max-width:480px){

    .features-section{

        padding:35px 15px;

    }

    .features-list li{

        font-size:16px;

        gap:12px;

        margin-bottom:18px;

        align-items:flex-start;

    }

    .feature-icon{

        width:40px;

        min-width:40px;

    }

    .feature-icon img{

        width:32px;

    }

}

.careers-content{

    width:100%;

    margin:0 auto;

    text-align:center;

}

/* HEADING */

.careers-content h2{

    font-size:40px;

    line-height:1.1;

    color:#0081C6;

    margin-bottom:35px;

    font-weight:400;

    text-align:center;

}

/* UL CENTER */

.careers-content ul{

    list-style:none;

    padding:0;

    margin:0 auto;

    display:inline-block; /* THIS CENTERS THE WHOLE LIST */

    text-align:left;      /* KEEP TEXT LEFT INSIDE */

}

/* LIST ITEMS */

.careers-content ul li{

    position:relative;

    padding-left:35px;

    font-size:18px;

    line-height:1.5;

    color:#111;

    margin-bottom:8px;

}

/* CUSTOM BULLET */

.careers-content ul li::before{

    content:"";

    background-image:url("/assets/images/icons/nccb-bullet.png");

    background-size:14px 14px;

    background-repeat:no-repeat;

    width:14px;

    height:14px;

    position:absolute;

    left:0;

    top:8px;

}

.join-nccb-section{

    width:100%;

    padding:50px 20px;

    background:#e7e7e7;

}

/* =========================

   CONTAINER

========================= */

.join-nccb-container{

    max-width:1200px;

    margin:auto;

    display:flex;

    align-items:center;

    gap:80px;

}

/* =========================

   RIGHT CONTENT

========================= */

.join-nccb-content{

    max-width:1200px;

    margin: 0 auto;

    padding: 0 30px;

}

/* =========================

   HEADING

========================= */

.join-nccb-content h2{

    font-size:40px;

    color:#0081C6;

    margin-bottom:40px;

    font-weight:400;

    text-align: center;

}

/* =========================

   ITEMS

========================= */

.join-nccb-item{

    margin-bottom:15px;

    max-width: 700px;

}

/* =========================

   SUB HEADINGS

========================= */

.join-nccb-item h3{

    font-size:24px;

    color:#1d1d1d;

    margin-bottom:12px;

    font-weight:500;

}

/* =========================

   TEXT

========================= */

.join-nccb-item p{

    font-size:18px;

    line-height:1.5;

    color:#2c2c2c;

    margin-bottom:15px;

    font-weight:400;

}

.join-nccb-item-2 p{

    font-size:22px;

    line-height:1.5;

    color:#2c2c2c;

    margin-bottom:15px;

    font-weight:400;

    max-width: 900px;

}

p.join-nccb-text{

    font-size: 24px;

    font-weight: 500;

    color: #0081C6;

    text-align: center;

    padding: 20px 0;

    margin-bottom: 30px;

}

p.join-nccb{

    font-size: 18px;

    font-weight: 400;

    color: #000000;

    text-align: center;

    margin-bottom: 10px;

}

.join-nccb-team{

    text-align:center;

}

.join-nccb-team a{

    display:inline-block;

    text-decoration:none;

}

.resume-submit-box{

    max-width:600px;

    margin:50px auto;

    padding:40px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 4px 20px rgba(0,0,0,0.08);

    font-family:Arial,sans-serif;

    text-align:center;

}

.resume-submit-box h3{

    font-size:34px;

    color:#0081C6;

    margin-bottom:15px;

    font-weight:500;

}

.resume-submit-box p{

    font-size:17px;

    color:#555;

    margin-bottom:20px;

    line-height:1.6;

}

/* EMAIL */

.career-email{

    font-size:18px;

    margin-bottom:30px;

    color:#111;

}

.career-email a{

    color:#0081C6;

    text-decoration:none;

    font-weight:400;

}

/* FORM */

.resume-submit-box form{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/* INPUTS */

.resume-submit-box input{

    width:100%;

    padding:14px 16px;

    font-size:16px;

    border:1px solid #ccc;

    border-radius:8px;

    outline:none;

    box-sizing:border-box;

}

/* FILE INPUT */

.resume-submit-box input[type="file"]{

    padding:12px;

    background:#f7f7f7;

}

/* CAPTCHA */

.captcha-box{

    display:flex;

    justify-content:center;

}

/* BUTTON */

.resume-submit-box button{

    background:#0081C6;

    color:#fff;

    border:none;

    padding:15px;

    font-size:18px;

    border-radius:8px;

    cursor:pointer;

    transition:0.3s;

}

.resume-submit-box button:hover{

    background:#80B445;

}

/* MOBILE */

@media(max-width:480px){

    .resume-submit-box{

        padding:25px 18px;

    }

    .resume-submit-box h3{

        font-size:26px;

    }

    .resume-submit-box p{

        font-size:15px;

    }

    .career-email{

        font-size:15px;

    }

}

.info-section{

    padding:30px 20px 10px;

    background:#ececec;

    font-family:Arial,sans-serif;

}

.info-card{

    max-width:1000px;

    margin:20px auto;

    background:#f8f8f800;

    padding:15px;

}

/* TOP AREA */

.info-top{

    display:flex;

    align-items:center;

    gap:0px;

    padding-bottom: 25px;

    width: 280px;

    margin: 0 auto;

    position: relative;

    right: 60px;

}

/* ICON */

.info-icon{

    width:50px;

    height:50px;

    min-width:70px;

    background:#eef7fc00;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin: 0 auto;

}

.info-icon img{

    width:70px;

    height:auto;

}

/* HEADING */

.info-top h3{

    font-size:34px;

    color:#0081C6;

    margin:0;

    font-weight:500;

    position: relative;

    /* right: 20px; */

}

/* DESCRIPTION */

.info-card p{

    font-size:24px;

    line-height:1.4;

    color:#333;

    margin:0;

    text-align: center;

    font-weight: 200;

}

/* TABLET */

@media(max-width:768px){

    .info-card{

        padding:28px;

    }

    .info-top h3{

        font-size:28px;

    }

    .info-card p{

        font-size:16px;

    }

}

/* MOBILE */

@media(max-width:480px){

    .info-section{

        padding:40px 15px;

    }

    .info-card{

        padding:22px;

    }

    .info-top{

        gap:14px;

        margin-bottom:18px;

    }

    .info-icon{

        width:55px;

        height:55px;

        min-width:55px;

    }

    .info-icon img{

        width:28px;

    }

    .info-top h3{

        font-size:22px;

    }

    .info-card p{

        font-size:15px;

        line-height:1.7;

    }

}

.about-nccb-section{

    position:relative;

    overflow:hidden;

    background:#fff;

    padding:80px 20px 350px;

}

/* CONTAINER */

.about-nccb-container{

    max-width:1100px;

    margin:0 auto;

    position:relative;

    z-index:5; /* CONTENT ABOVE IMAGE */

    padding-bottom: 100px;

}

/* HEADING */

.about-nccb-container h2{

    font-size:40px;

    color:#0081C6;

    margin-bottom:35px;

    font-weight:500;

    line-height:1.2;

    text-align: center;

}

/* PARAGRAPH */

.about-nccb-container p{

    font-size:18px;

    line-height:1.9;

    color:#181818;

    margin-bottom:10px;

    position:relative;

    z-index:5;

    max-width: 900px;

    margin: 0 auto;

    padding-bottom: 10px;

}

/* LAST LIGHT TEXT */

.about-nccb-container .last-text{

    color:#000000;

}

/* BACKGROUND IMAGE */

.about-bg-image{

    position:absolute;

    bottom:-50px;

    left:50%;

    transform:translateX(-50%);

    width:100%;

    max-width:1200px;

    opacity:0.88; /* MAKES IMAGE LIGHT */

    z-index:1;

    pointer-events:none;

}

.about-bg-image img{

    width:100%;

    display:block;

    padding-bottom: 120px;

}

/* TABLET */

@media(max-width:768px){

    .about-nccb-section{

        padding:60px 20px 150px;

    }

    .about-nccb-container h2{

        font-size:38px;

    }

    .about-nccb-container p{

        font-size:18px;

        line-height:1.8;

    }

}

/* MOBILE */

@media(max-width:480px){

    .about-nccb-section{

        padding:45px 15px 100px;

    }

    .about-nccb-container h2{

        font-size:28px;

    }

    .about-nccb-container p{

        font-size:15px;

        line-height:1.7;

        margin-bottom:20px;

    }

    .about-bg-image{

        bottom:0;

        opacity:0.12;

    }

}

.guidance-section{

    padding:70px 20px;

    background:#fffcf2;

    font-family:Arial,sans-serif;

}

.guidance-grid{

    max-width:1400px;

    margin:0 auto;

    display:grid;

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

    gap:10px;

}

/* ITEM */

.guidance-item{

    text-align:center;

}

/* ICON */

.guidance-item img{

    width:90px;

    height:auto;

    margin-bottom:20px;

}

/* TEXT */

.guidance-item h3{

    font-size:22px;

    line-height:1.4;

    color:#0081C6;

    font-weight:500;

    margin:0;

}

/* LARGE TABLET */

@media(max-width:1200px){

    .guidance-grid{

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

    }

}

/* TABLET */

@media(max-width:768px){

    .guidance-grid{

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

        gap:25px;

    }

    .guidance-item img{

        width:75px;

    }

    .guidance-item h3{

        font-size:16px;

    }

}

/* MOBILE */

@media(max-width:480px){

    .guidance-section{

        padding:45px 15px;

    }

    .guidance-grid{

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

        gap:20px;

    }

    .guidance-item img{

        width:60px;

        margin-bottom:14px;

    }

    .guidance-item h3{

        font-size:14px;

        line-height:1.5;

    }

}

.consumer-info-section{

    padding: 50px 80px 80px;

    background: #eeeeee;

}

/* BOX */

.consumer-info-box{

    margin: 0 auto 20px;

    width: 1000px;

}

/* HEADING */

.consumer-info-box h3{

    font-size:26px;

    color:#0081C6;

    font-weight:400;

    margin-bottom:5px;

    line-height:1.4;

}

/* PARAGRAPH */

.consumer-info-box p{

    font-size:18px;

    line-height:1.8;

    color:#2e2e2e;

    margin:0;

    max-width:1100px;

}

/* TABLET */

@media(max-width:768px){

    .consumer-info-section{

        padding:50px 20px;

    }

    .consumer-info-box{

        margin-bottom:50px;

    }

    .consumer-info-box h3{

        font-size:24px;

        margin-bottom:18px;

    }

    .consumer-info-box p{

        font-size:18px;

        line-height:1.8;

    }

}

/* MOBILE */

@media(max-width:480px){

    .consumer-info-section{

        padding:40px 15px;

    }

    .consumer-info-box{

        margin-bottom:40px;

    }

    .consumer-info-box h3{

        font-size:20px;

    }

    .consumer-info-box p{

        font-size:15px;

        line-height:1.7;

    }

}

.glossary-section{

    max-width:1100px;

    margin:100px auto;

    padding:30px 20px;

    background:#fff;

}

/* LETTER */

.glossary-letter{

    font-size:100px;

    font-weight:400;

    text-align: center;

    color:#0081C6;

    margin-bottom:10px;

    border-bottom:2px solid #e5e5e5;

    padding-bottom:15px;

}

/* ITEM */

.glossary-item{

    margin: 30px auto 15px ;

    padding-bottom:30px;

    border-bottom:1px solid #ececec;

    padding-left: 50px;

}

/* HEADING */

.glossary-item h3{

    font-size:24px;

    color:#111;

    margin-bottom:16px;

    font-weight:500;

}

/* CONTENT */

.glossary-item p{

    font-size:18px;

    line-height:1.4;

    color:#242424;

    margin:0;

    max-width: 900px;

}

/* TABLET */

@media(max-width:768px){

    .glossary-section{

        padding:50px 20px;

    }

    .glossary-letter{

        font-size:40px;

    }

    .glossary-item h3{

        font-size:24px;

    }

    .glossary-item p{

        font-size:17px;

        line-height:1.8;

    }

}

/* MOBILE */

@media(max-width:480px){

    .glossary-section{

        padding:40px 15px;

    }

    .glossary-letter{

        font-size:32px;

        margin-bottom:30px;

    }

    .glossary-item{

        margin-bottom:30px;

        padding-bottom:20px;

    }

    .glossary-item h3{

        font-size:20px;

        margin-bottom:12px;

    }

    .glossary-item p{

        font-size:15px;

        line-height:1.7;

    }

}

.image-column{

    display:flex;

    flex-direction:row;

    gap:25px;

    max-width:900px;

    margin:10px auto 10px;

}

/* IMAGE BOX */

.image-box{

    width:100%;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 4px 18px rgba(0,0,0,0.08);

}

/* IMAGE */

.image-box img{

    width: 300px;;

    height:200px;

    display:block;

    object-fit:cover;

}

/* MOBILE */

@media(max-width:480px){

    .image-column{

        gap:18px;

    }

}

/* ALPHABET */

.alphabet-section{

    padding:60px 20px;

    background:#fff8dd;

}

.alphabet-container{

    max-width:1200px;

    margin:0 auto;

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:14px;

}

.alphabet-container a{

    width:50px;

    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    background:#fff;

    border:2px solid #0081C6;

    border-radius:8px;

    color:#0081C6;

    font-size:22px;

    font-weight:400;

    transition:0.3s;

}

.alphabet-container a:hover{

    background:#0081C6;

    color:#fff;

}

/* GLOSSARY */

.glossary-section{

    max-width:1100px;

    margin:60px auto;

    padding:20px 20px;

}

.glossary-letter{

    font-size:100px;

    color:#0081C6;

    font-weight:400;

    margin-bottom:35px;

}

.glossary-item{

    margin-bottom:15px;

    border-bottom:1px solid #ececec;

    padding-bottom:20px;

}

.glossary-item h3{

    font-size:24px;

    margin-bottom:12px;

    color:#0081C6;

}

.glossary-item p{

    font-size:18px;

    line-height:1.8;

    color:#292929;

}

/* MOBILE */

@media(max-width:480px){

    .alphabet-container a{

        width:40px;

        height:40px;

        font-size:18px;

    }

    .glossary-letter{

        font-size:34px;

    }

    .glossary-item h3{

        font-size:20px;

    }

    .glossary-item p{

        font-size:15px;

    }

}

/* =========================

   FULL SCREEN LOADER

========================= */

#pageLoader{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100vh;

    background:#ffffff;

    z-index:999999;

    display:none;

    justify-content:center;

    align-items:center;

    text-align:center;

}

/* SHOW LOADER */

#pageLoader.active{

    display:flex;

}

/* CONTENT */

.loader-content{

    padding:20px;

}

/* GIF */

.loader-gif{

    width:500px;

    margin-bottom:30px;

}

/* HEADING */

.loader-content h2{

    font-size:42px;

    color:#0081C6;

    margin-bottom:15px;

    font-weight:600;

}

/* TEXT */

.loader-content p{

    font-size:20px;

    color:#444;

}

/* HIDE DEFAULT CHECKBOX */

.step-option input[type="checkbox"]{

    appearance:none;

    -webkit-appearance:none;

    width:20px;

    height:20px;

    border:2px solid #bdbdbd;

    border-radius:50%; /* MAKES SQUARE INTO CIRCLE */

    background:#fff;

    cursor:pointer;

    position:relative;

    transition:0.3s;

}

/* CHECKED STYLE */

.step-option input[type="checkbox"]:checked{

    background:#ffffff;

    border-color:#000000;

}

/* INNER DOT */

.step-option input[type="checkbox"]:checked::after{

    content:"";

    width:10px;

    height:10px;

    background:#000000;

    border-radius:50%;

    position:absolute;

    top:50%;

    left:50%;

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

}



    .conduct-section{
    padding:80px 20px 80px;
    background:#f4f4f4;
    
}

   .conduct-section-2{
    padding:80px 20px 80px;
    background:#ffffff;
    
}


/* WRAPPER */

.conduct-wrapper{
    max-width:1400px;
    margin:0 auto;
    display:flex;
    align-items:flex-start;
    gap:20px;
}

/* LEFT IMAGE */

.conduct-image{
    width:40%;
}

.conduct-image img{
    width: 450px;
    height: 600px;
   
    display:block;
    object-fit:cover;
}

/* RIGHT CONTENT */

.conduct-content{
    width:70%;
}

/* MAIN TITLE */

.conduct-content h2{
    font-size:40px;
    color:#0081C6;
    font-weight:400;
    margin-bottom:10px;
    line-height:1.3;
    margin-top: 10px;

}

/* SUBTITLE */

.conduct-content h3{
    font-size:28px;
    color:#272727;
    font-weight:400;
    margin-bottom:10px;
    line-height:1.4;
}

/* BLUE TEXT */

.conduct-content h4{
    font-size:24px;
    color:#0081C6;
    font-weight:400;
    line-height:1.5;
    margin-bottom:10px;
    margin-top: 30px;
    font-style: italic;
}

/* PARAGRAPH */

.conduct-content p{
    font-size:18px;
    line-height:1.8;
    color:#222;
    margin-bottom:10px;
}

/* TABLET */

@media(max-width:992px){

    .conduct-wrapper{
        flex-direction:column;
        gap:40px;
    }

    .conduct-image,
    .conduct-content{
        width:100%;
    }

}

/* MOBILE */

@media(max-width:480px){

    .conduct-section{
        padding:45px 15px;
    }

    .conduct-content h2{
        font-size:26px;
    }

    .conduct-content h3{
        font-size:18px;
        margin-bottom:25px;
    }

    .conduct-content h4{
        font-size:20px;
    }

    .conduct-content p{
        font-size:15px;
        line-height:1.7;
    }

}
.image-column{
    display:flex;
    flex-direction:row;
    gap:25px;
    max-width:1000px;
    margin:0 auto;
    padding:20px;
}

/* IMAGE BOX */

.image-item{
    width:100%;
    overflow:hidden;
    border-radius:14px;
    box-shadow:0 4px 18px rgba(0,0,0,0.08);
}

/* IMAGE */

.image-item img{
    width:100%;
    display:block;
    object-fit:cover;
    transition:0.3s;
}

/* HOVER */

.image-item:hover img{
    transform:scale(1.05);
}

/* MOBILE */

@media(max-width:480px){

    .image-column{
        gap:15px;
        padding:10px;
    }

}
.consumer-info-section-2{
    padding: 50px 80px 80px;
    background: #fcf8f1;
}