@font-face {
            font-family: "Eras Light ITC";
            src: url("../fonts/ErasITC-Light.woff2") format("woff2"),
                url("../fonts/ErasITC-Light.woff") format("woff");
            font-weight: 300;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "Eras Medium ITC";
            src: url("../fonts/ErasITC-Medium.woff2") format("woff2"),
                url("../fonts/ErasITC-Medium.woff") format("woff");
            font-weight: 500;
            font-style: normal;
            font-display: swap;
        }


        @font-face {
            font-family: "ErasITC-Medium";
            src: url("../fonts/ErasITC-Medium.woff");
        }


        @font-face {
            font-family: "Inter_18pt-Regular";
            src: url(../fonts/Inter/static/Inter_18pt-Regular.ttf);
        }

        @font-face {
            font-family: "PublicSans-Regular";
            src: url(../fonts/Public_Sans/static/PublicSans-Regular.ttf);
        }

        @font-face {
            font-family: "PublicSans-Bold";
            src: url(../fonts/Public_Sans/static/PublicSans-Bold.ttf);
        }


        @font-face {
            font-family: "ErasDemiITC";
            src: url(../fonts/ErasDemiITC.ttf);
        }




        H2 span {
            /* font-size: 2.9rem; */
            color: #0047bb;
            font-weight: bold;
            /* font-family: "Raleway-Medium"; *  /* font-family: "Montserrat-Regular"; */
            /* font-family: "PublicSans-Bold", sans-serif; */
            font-family: "ErasDemiITC";
        }

        h2 {
            font-size: 2.5rem;
            line-height: 1.2em;
            color: #021440;
            font-family: "PublicSans-Bold", sans-serif;
            /* margin-bottom: 90px; */
        }

        h3 {
            text-align: left;
            font-size: 17px;
            line-height: 25px;
             color: #021440;
            font-family: "PublicSans-Bold", sans-serif;
        }

        p {
            font-size: 17px;
            line-height: 25px;
            color: #434e5c;
            font-family: "Inter_18pt-Regular";
        }


        .bttn {
            margin: 0 auto;
            box-shadow: 0 10px 15px rgb(0 0 0 / 15%);
            text-decoration: none;
            font-size: 1.1rem;
            line-height: 1.5;
            width: fit-content;
            transition: 0.5s ease;
            text-align: left;
            /* margin: 0 auto; */
            border-radius: 3px;
            background: #f2b500;
            color: #0e0d0d;
            display: flex;
            align-items: center;
            padding: 0.575rem 1.9rem;
        }




/* Distributor - Why Section */
.dist-why {
  background: radial-gradient(ellipse at top, #f0f8ff 0%, #ffffff 70%);
  padding: 60px 20px;
  color: #222;
  /* font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; */
}

.dist-container {
  /* max-width: 1100px; */
  margin: 0 auto;
}

.dist-why h2 {
  font-size: 2.9rem;
  margin: 0 0 20px;
  color: #102a43;
  font-weight: 700;
  text-align: left;
  letter-spacing: -0.038rem;
  max-width: 900px;
}
.dist-text strong{
  font-size: 17px;
  font-weight: 700;
  
}


.dist-why span {
 font-family: "ErasDemiITC";
}
.dist-why .lead {
  margin: 0 0 22px;
  color: #344055;
  font-size: 18px;
  line-height: 1.6;
  max-width: 900px;
}

/* Two-column layout: text + bullets */
.dist-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 28px;
  align-items: start;
  margin-top: 8px;
}

.dist-text p {
  font-size: 16px;
  color: #2d3a45;
  line-height: 1.7;
  margin: 0 0 6px;
}

/* highlight words */
.highlight {
  color: #0b66ff;
  font-weight: 700;
}

/* list styles */
.dist-list {
  list-style: none;
  padding: 14px 18px;
  margin: 0;
  background: #002d77;
  border: 1px solid #e6eefc;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(15, 30, 60, 0.04);
}

.dist-list strong{
  font-size: 16px;
  font-weight: 500;
  color:#ffffff;
}
.dist-list li {
  font-size: 16px;
  color: #ffffff;
  padding: 10px 6px;
  border-bottom: 1px dashed #eef6ff;
}

.dist-list li:last-child {
  border-bottom: none;
}


 .manage-bbp{
  background:#ffffff;
  padding:60px 20px;
  /* font-family:system-ui, -apple-system, "Segoe UI", Roboto; */
  color:#18222d;
}
.manage-container{
  /* max-width:1100px; */
  margin:0 auto;
  display: grid;
  grid-template-columns:1fr 1.3fr;
  gap:40px;
}
.manage-bbp h2{
  font-size:2.7rem;
  margin-bottom:28px;
  font-weight:700;
  color:#102a43;
}

.manage-bbp span{
  font-family: "ErasDemiITC";
  /* font-weight:bold; */
}
.manage-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.manage-list li{
  position:relative;
  padding-left:32px;
  font-size:16px;
  line-height:1.55;
  color:#2e3a46;
}
.manage-list li::before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#0b66ff;
  font-size:26px;
  line-height:16px;
}

 .bbp-btn {
   margin-top: 50px;
   text-align: left;
    }
        .bbp-btn a {
            display: inline-block;
            padding: 18px 40px;
            background: #0047bb;
            color: #fff;
            font-size: 1.5rem;
            border-radius: 5px;
            text-decoration: none;
            box-shadow: 0 10px 15px rgb(0 0 0 / 15%);
            transition: background 0.3s ease;
        }

        .bbp-btn a:hover{
            box-shadow: none;
        }




.manage-rgt{
  background:url("../images/inner-pages/distributers.webp") no-repeat center center;
  background-size:contain;
  min-height:450px;
  background-position: right;
}

 .manage-lft { order: 1; }   /* left niche chala jayega */
  .manage-rgt{ order: 2; }





.problem-solve{
  background:radial-gradient(ellipse at top, #f0f8ff 0%, #ffffff 70%);
  padding:60px 20px;
  /* font-family:system-ui, -apple-system, "Segoe UI", Roboto; */
  color:#18222d;
  position: relative;
  overflow: hidden;
}

.problem-solve::before {
    content: '';
    position: absolute;
    top: -60%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: linear-gradient(45deg, rgba(59, 130, 246, 0.1), rgba(147, 197, 253, 0.05));
    border-radius: 50%;
    z-index: 0;
}

.problem-solve::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.08), rgba(59, 130, 246, 0.03));
    border-radius: 50%;
    z-index: 0;
}


.ps-container{
  max-width:1100px;
  margin:0 auto;
}
.ps-container h2{
  /* font-size:28px; */
  margin-bottom:35px;
  font-weight:700;
  color:#102a43;
  /* text-align:center; */
}

.ps-table{
  display:flex;
  flex-direction:column;
  border-radius:12px;
  overflow:hidden;
  border:1px solid #e3e9f2;
}

.ps-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:16px 20px;
  gap:24px;
  font-size:16px;
}
.ps-row .para{
  color:#344055;
  line-height:1.6;
  font-size: 16px;
}
.ps-head{
  background:#e8efff;
  font-weight:700;
}
.ps-row:nth-child(even):not(.ps-head){
  background:#ffffff;
}
.ps-row:nth-child(odd):not(.ps-head){
  background:#f4f7ff;
}





.suited-section{
  background:#ffffff;
  padding:60px 20px;
  font-family:system-ui, -apple-system, "Segoe UI", Roboto;
}
.suited-container{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}
.suited-container h2{
  /* font-size:2.5rem; */
  font-weight:700;
  color:#0f1f35;
  margin-bottom:35px;
  text-align: center;
}
.suited-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}
.suited-tags span{
  display:inline-block;
  padding:14px 18px;
  font-size:16px;
  background:#eef3ff;
  border:1px solid #d8e1ff;
  border-radius:30px;
  color:#102a43;
  font-weight:500;
  transition:0.25s;
}
.suited-tags span:hover{
  background:#dfe9ff;
  border-color:#b9caff;
}








    /* final cta */
        .final-cta{
            padding: 55px 0;
            background:linear-gradient(135deg, #e4eeff9e 50%, #cedfffa8 100%);
            text-align: center;
            /* max-width: 1170px; */
            /* margin:25px auto; */
            border-top: 1px solid #c4c4c4;
        }
        

          .final-cta .section-title{
                padding-top: 10px;
                padding-bottom: 0px;
        }

          .final-cta h2{
            text-align: center;
        }

          .final-cta p {
            
            font-size: 18px;
            /* color: #666; */
            text-align: center;
            max-width: 800px;
            margin:auto;
            margin-bottom: 30px;
        }

          .final-cta span{
            font-weight: 600;
            /* color: #0065f2; */
            font-size: 18px;
            /* font-family: "ErasDemiITC"; */
        }

          .final-cta .compare-bttn{
            display: flex;
            gap: 1%;
            justify-content: center;
        }
        
            .comparison-link {
            display: inline-block;
            color: #fdfeff;
            text-decoration: none;
            font-weight: 500;
            font-size: 1.3rem;
            /* border-bottom: 2px solid #0065f2; */
            background: #0047bb;
            padding-bottom: 3px;
            transition: all 0.3s;
            padding: 11px 15px;
            border-radius: 3px;
             box-shadow: 0 10px 15px rgb(0 0 0 / 15%);
        }
        
        .comparison-link:hover {
            color: #ffffff;
            box-shadow: none;
            /* border-color: #1e3d6f; */
        }

            .signUp{
            /* display: inline-flex; */
            color: #0047bb;
            text-decoration: none;
            font-weight: 500;
            font-size: 1.3rem;
            /* border-bottom: 2px solid #0065f2; */
            background: transparent;
            padding-bottom: 3px;
            /* transition: all 0.3s; */
            padding: 11px 15px;
            border-radius: 3px;
             box-shadow: 0 10px 15px rgb(0 0 0 / 15%);
             border: 2px solid #0047bb;
             transition: all 0.3s ease;
             gap: 8px;
             align-items: center;
        }

         .signUp:hover{
            gap: 13px;
            box-shadow: none;
        }



/* Responsive */


@media (max-width: 960px) {
    H2 span{
        font-size: 2.3rem;
    }
    .dist-why h2{
        font-size: 2.3rem;
    }

    .manage-bbp h2{
        font-size: 2.3rem;
    }

    .ps-container h2{
        /* font-size: 2.3rem; */
    }
    .suited-container h2{
        /* font-size: 2.3rem; */
    }

    .manage-container{
        grid-template-columns:1fr 1fr;
    }

}


@media (max-width: 880px) {
  .dist-grid {
    grid-template-columns: 1fr;
  }

  .dist-list {
    margin-top: 18px;
  }
}



@media(max-width:768px){
    .manage-container{
        grid-template-columns:1fr;
    }
    .manage-rgt{
        background-position: center;
        background-size: cover;
        min-height:300px;
        margin-top:30px;
    }

   .manage-lft { order: 2; } 
  .manage-rgt{ order: 1; }

  .ps-row{
    grid-template-columns:1fr;
  }
  .ps-head{
    display:none;
  }
  .ps-row div:first-child{
    font-weight:600;
  }
}


@media (max-width: 480px) {

  h2{
    font-size: 2rem;
  }


  .dist-why h2 {
    font-size: 2rem;
  }
 H2 span{
    font-size: 2rem;
}
  .dist-why .lead,
  .dist-text p,
  .dist-list li {
    font-size: 15px;
  }

  .bbp-btn a{
    padding: 13px 30px;
  }

  .manage-bbp h2{font-size:2rem;}
  .manage-list li{font-size:15px;}

  .final-cta .compare-bttn{
    flex-direction: column;
    gap: 12px;
  }
  .comparison-link{
    text-align: center;
  }
  .signUp{
    text-align: center;
  }
}