:root {
  --header-font-color: #4055A9;
  --font-weight-100: 100;
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-100: 100;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-size--10: 10px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-28: 28px;
  --manorope-font-family: Manrope;
}




  .breadcrumb-heading-font{
    font-size:clamp(var(--font-size-16),6vw,50px);
    font-weight: var(--font-weight-800);
    font-family:var(--manorope-font-family) ;
    
}
 .breadcrumBackground{
  background-position: left;

}



.backgroundLeft{
  background-position: left;
}

  @media (max-width: 991px) {
  .breadcrumb-heading-font{
    /* font-size: 24px; */
  }
  .breadcrumBackground{
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  } 
  .backgroundLeft{
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100%;
  }
  }

  @media (max-width: 768px) {
    .breadcrumb-heading-font{
      /* font-size: 24px; */
    }
    .breadcrumBackground{
      padding-top:60px ;
      padding-bottom: 60px;
      
    } 
    }
  .dotCustom{
    background-color: var(--header-font-color);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
  }
  .dotCustomParent{
    width: max-content;
    background-color: #C4CAE4;
    color: var(--header-font-color);
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-16)
  }

.backGroundCommon{
  position: relative;
  background-position: right !important;
  background-size: cover !important;
  padding: 100px;
  color: white; /* Ensures text is readable */
  height:43vh;
}

.breadcrumblogBackground {
  background: url("../img/about/blogmain.png") no-repeat center center;
 }
  .breadcrumBackground {
    background: url("../img/about/service.png") no-repeat center center;
}
.breadcrumbookkeepBackground{
  background: url("../img/about/bookkepping.png") no-repeat center center;

}
.breadcrumcontrollershepBackground{
  background: url("../img/about/controllership.png") no-repeat center center;
}
.breadcrumtexationBackground{
  background: url("../img/about/taxation.png") no-repeat center center;
}
.breadcrumbenefitacBackground{
  background: url("../img/about/benifitaccounting.png") no-repeat center center;
}
.breadcrumcreditcontrollBackground{
  background: url("../img/about/creditcontrol.png") no-repeat center center;
}
.backGroundCommon a{
  font-family: var(--manorope-font-family);
  color: white;
  font-weight: var(--font-weight-600);
  font-size: clamp(var(--font-size-14),5vw,var(--font-size-16))

}
.backGroundCommon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;

}

.backGroundCommon * {
    position: relative;
    z-index: 1; /* Ensures text appears above overlay */
}

  .breadcrumBackgroundCreadit{
    background: url("../img/about/creaditControl.png") no-repeat center center;
  
  }

  .breadcrumBackgroundCreadit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* Dark overlay */
    z-index: 0;
}
.breadcrumBackgroundCreadit * {
  position: relative;
  z-index: 1; /* Ensures text appears above overlay */
}



  .breadcrumBackgroundHrBene{
    background: url("../img/servicreLogo/serviceBanner.png") no-repeat center center;
  
  }

  .breadcrumBackgroundInsurence{
    background: url("../img/about/insurence.png") no-repeat center center;
    
  }

  .breadcrumBackgroundPolicy{
    background: url("../img/about/policyControl.png") no-repeat center center;
    
  }

  .breadcrumBackgroundUnderWrite{
    background: url("../img/about/underWrite.png") no-repeat center center;
  
  }

  .breadcrumBackgroundInsuClaim{
    background: url("../img/about/insurenceClaim.png") no-repeat center center;
   
  }

  .breadcrumBackgroundReinsure{
    background: url("../img/about/reinsurance.png") no-repeat center center;
   
  }


  @media (max-width: 768px){
    .backGroundCommon::before {
      background-color: black;
      opacity: .5;
    }
    }
  @media (min-width: 1024px){
    .container {
        max-width: 900px !important;
      
    }
  }
  
  @media (min-width: 1280px){
    .container {
        max-width: 1100px !important;
    }
  }
  @media (min-width: 1420px){
    .container {
        max-width: 1100px !important;
    }
  }
  @media (min-width: 1560px){
    .container {
        max-width: 1300px !important;
    }
  }
  
  @media (min-width: 1700px){
    .container{
            max-width: 1400px !important;
    }
    }