/*
Global
*/
.pop-section {
  padding-top: 5%;
  padding-bottom: 5%;
}

.pop {
  font-family: Roboto, sans-serif;
}

.pop h1,
.pop h2,
.pop h3,
.pop h4,
.pop h5,
.pop h6 {
  font-weight: 500!important;
}

/*
Bootstrap Buttons Overwrite
*/
.pop .text-primary {
  color: var(--primary) !important;
}

.pop .btn-primary {
  color: white;
  background-color: var(--primary)!important;
  padding: 12px 32px 12px 32px;
  text-transform: uppercase;
  border: none;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
}

.pop .btn-primary:hover {
  background-color: var(--primary-hover);
}

/*
Occupations Listing
*/
.occupations-listing .filters {
  padding: 0 0 3% 0px;
  display: flex;
  justify-content: center;
}

.occupations-listing .list {
  padding: 0 0 3% 0px;
}

.occupations-listing .list a {
  color: var(--primary)!important;
  border: 1px solid var(--primary);
  text-decoration: none;
}

.occupations-listing .list a:hover {
  color: white!important;
  background-color: var(--primary)!important;
}

.occupations-listing .chips a {
  padding: 12px 24px 12px 24px;
  margin: 4px;
  display: inline-block;
  border-radius: 100px;
}

.occupations-listing .table-grid a {
  padding: 12px 24px 12px 24px;
  display: block;
  border-radius: 100px;
  margin: 4px;
}

.occupations-listing .table-grid td {}

.occupations-listing .cards {
  padding: 0 0 2% 0px;
}

.occupations-listing .cards h4 {

}

.occupations-listing .card-link {
  text-decoration: none;
  color: var( --e-global-color-secondary )!important;
}

.occupations-listing .card {
  border-radius: 16px;
  border: none;
  box-shadow: 2px 4px 8px rgb(0 0 0 / 10%);
  margin-bottom: 24px;
}

.occupations-listing .card:hover {
  box-shadow: 0 0 0 2px var(--primary-hover)!important;
}

.occupations-listing .card-top {
  height: 120px;
  background-color: var(--primary)!important;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px 16px 0 0;
  background-size: cover;
}

.occupations-listing .card-top i {
  font-size: 4rem;
}

.occupations-listing .feature-image {
  background-image: url("https://images.unsplash.com/photo-1593642532400-2682810df593?ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
}

.occupations-listing .feature-image i {
  display: none;
}

.occupations-listing .average {
  text-align: center;
  border-top: 1px solid whitesmoke;
  padding-top: 12px;
}

.occupations-listing .average h4 {
  color: var(--primary)!important;
}

/*
  Occupations Widget
  */
.occupations-widget h4 {

  margin-bottom: 16px;
}

.occupations-widget .form-check {
  margin-bottom: 8px;
}

.occupations-widget .buckets-filters {
  max-height: 40vh;
  overflow-y: scroll;
  padding-left: 4px;
  margin-left: -4px;
}

.occupations-widget .cards {
  max-height: 80vh;
  overflow-y: scroll;
}

.occupations-widget .buckets-panel input {
  margin-bottom: 16px;
}

.occupations-widget .occupations-panel {
  padding: 2%;
  border-radius: 16px;
  margin-left: 3%;
  box-shadow: 2px 4px 8px rgb(0 0 0 / 10%);
}

.occupations-widget .buckets-panel {
  padding: 2%;
  border-radius: 16px;
  height: 100%;
  background-color: whitesmoke;
}

.occupations-widget .filters {
  justify-content: start;
}

/*
  Occupations Menu
  */
.occupations-menu h2 {

  font-size: 1rem!important;
  border-bottom: 1px solid black;
  display: inline-block;
  line-height: 50px;
  font-weight: 600;
  margin-bottom: 24px;
}

.occupations-menu li {

  font-size: 0.875rem;
  font-weight: 400;

  line-height:  normal!important;
}

.occupations-menu li a {

  text-decoration: none;
  color: inherit;
  font-size: 0.875rem;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height:  20px;
  display: flex;
}

.occupations-menu li a:hover {
  color: var(--primary-hover);
}

/*
  All listing
  */
.all-listing h2 {

  font-size: 2rem;
  margin-bottom: 24px;
  color: var(--primary)!important;
}

.all-listing ul {
  margin-bottom: 64px;
  column-count: 4;
}

.all-listing li {
  margin-bottom: 6px;
}

.all-listing-inline li::after {
  content: ","
}

.all-listing-inline ul li:last-child::after {
  content: ".";
}

.all-listing-inline li {
  display: inline-block;
}

.all-listing, .all-listing-inline ul {
  column-count: 1;
}

.all-listing li a {
  text-decoration: none;
  color: inherit;
}

.all-listing li a:hover {
  color: var(--primary-hover);
}

/*
  Detail Pages
  */
.pop-hero {
  background-color: whitesmoke;
  padding: 80px 0 240px 0;
}

.pop-hero .breadcrumb a {
  color: var(--primary)!important;
  text-decoration: none;
}

.pop-hero .breadcrumb a:hover {
  color: var(--primary-hover);
}

.pop-hero .breadcrumb-item{
  line-height:  33px;
  font-size:  18px;
}

.pop-hero, .feature-image {
  background-size: cover;
}

.pop-hero h1 {
  color: var(--primary)!important;
  margin-top: 120px;
  font-size: 40px!important;
}
.pop-hero h3 {
  font-size: 28px!important;
}

.pop-hero .input-group {
  margin-top: 40px;
}

.bucket-description {
  padding: 160px 0 160px 0;
}

.bucket-description h2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.bucket-description p {
  text-align: justify;
}

.bucket-description .btn {
  margin-top: 40px;
  margin-bottom: 40px;
}

.bucket-description-image {
  background-image: url("https://images.unsplash.com/photo-1488998527040-85054a85150e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
  background-size: cover;
  height: 100%
}

.bucket-occupations {
  background-color: whitesmoke;
  padding: 160px 0 160px 0;
}

.bucket-occupations h2 {
  color: var(--primary)!important;
}

.bucket-occupations h3 {
  margin-top: 24px;
  margin-bottom: 80px;
}

.bucket-cost {
  padding: 160px 0 160px 0;
}

.bucket-cost h2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.bucket-cost p {
  text-align: justify;
}

.bucket-cost .btn {
  margin-top: 40px;
  margin-bottom: 40px;
}

.bucket-cost-image {
  background-image: url("https://images.unsplash.com/photo-1538356111053-748a48e1acb8?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1052&q=80");
  background-size: cover;
  height: 100%
}

.bucket-why {
  padding: 160px 0 360px 0;
  background-color: var(--primary-10);
}

.bucket-why h2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.bucket-why p {
  text-align: justify;
}

.bucket-why .btn {
  margin-top: 40px;
}

.bucket-liability {
  padding: 40px 80px 80px 80px !important;
  margin-top: -160px;
  background-color: white;
}

.bucket-liability h2 {
  margin-top: 40px;
  margin-bottom: 40px;
  color: var(--primary)!important;
}

.bucket-liability p {
  text-align: justify;
}

.bucket-liability .btn {
  margin-top: 40px;
}

.bucket-liability a {
  color: white;
  text-decoration: none;
}

.bucket-liability a:hover {
  color: var(--primary-hover);
}

.bucket-liability .btn:hover {
  color: white;
}

.bucket-other-insurance {
  padding: 40px 80px 160px 80px !important;
  background-color: white;
}

.bucket-other-insurance h2 {
  margin-top: 40px;
  margin-bottom: 40px;
  color: var(--primary)!important;
}

.bucket-other-insurance h4 {
  margin-top: 40px;
}

.bucket-other-insurance p {
  text-align: justify;
}

.bucket-other-insurance .btn {
  margin-top: 40px;
}

.bucket-other-insurance a {
  color: white;
  text-decoration: none;
}

.bucket-other-insurance a:hover {
  color: var(--primary-hover);
}

.bucket-other-insurance .btn:hover {
  color: white;
}

.occupation-content {
  padding: 80px 0 80px 0;
}

.occupation-content .row.with-image {
  padding: 40px 0 40px 0;
}
.occupation-content .row.with-image > .col.occupation-content-col{
  display: flex;
   flex-direction:  column;
  justify-content:  center;
  align-items:  flex-start;
}

.occupation-content h2 {

  color: var(--primary)!important;
  font-size:  32px!important;
}

.occupation-content p {
  text-align: justify;
  margin-block-end: 16px;

}
.occupation-content .btn-primary{

}

.occupation-content-image {
  background-size: cover;
  height: 470px;
}


.occupation-content .row.no-image {
  padding: 0px;
}

.occupation-content .row.no-image h2 {
  margin-top: 80px;
  margin-bottom: 40px;
  color: var(--primary)!important;
}

.occupation-content .row.no-image p {
  text-align: justify;
  margin-bottom: 80px;
}

.occupation-content .divided {
  border-bottom: 1px solid var(--primary);
}

.occupation-content .row.no-image:last-child .divided {
  border-bottom: none;
}

.occupation-plans {
  padding: 160px 0 160px 0;
  background-color: whitesmoke;
}

.occupation-plans h1 {

  color: var(--primary)!important;
  margin-bottom: 24px;
  font-size: 40px!important;
}

.occupation-plans h3 {
  margin-bottom: 80px;
  font-size:  23px!important;
}

.occupation-plans .btn {
  margin-top: 24px;
  margin-bottom: 24px;
}
.occupation-plans .card{
  height: 100%!important;
}
.occupation-plans .card-body {
  margin-top: 24px;
}

.occupation-plans .bg-primary {
  background-color: var(--primary) !important;
}

.occupation-plans .border-primary {
  border: 1px solid var(--primary) !important;
}

.insurance-should-be {
  padding: 80px 0 160px 0;
  background-color: var(--primary-10)!important;
}

.insurance-should-be h2 {
  margin-bottom: 80px;
  font-size:  32px!important;
}

.insurance-should-be h3 {
  margin-bottom: 24px;
}

.insurance-should-be .col {
  padding: 0 64px 0 64px;
}

.insurance-should-be i {
  font-size: 64px;
  color: var(--primary)!important;
  margin-bottom: 24px;
}

.fusion-sales {
  padding: 120px 0 160px 0;
  background-color: var(--primary-10);
}

.fusion-sales h2 {
  margin-bottom: 24px;
  color: var(--primary)!important;
}

.fusion-sales h3 {
  margin-bottom: 24px;
}

.fusion-sales .list {
  margin-top: 64px;
}

.fusion-sales .col {
  padding: 0 120px 0 120px;
}

.fusion-sales i {
  font-size: 64px;
  color: var(--primary)!important;
  margin-bottom: 24px;
}

/*
Carousel
*/

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: var(--primary);
    border-radius: 100%;
    padding: 24px;
    background-size: 50% 50% !important;
}

.pop-carousel {
  background-color: var(--primary-10);
  padding-top: 8%;
  padding-bottom: 8%;
}

.pop-carousel .card-top {
  height: 240px;
  border-radius: 16px 16px 0 0;
  background-size: cover;
}

.pop-carousel .ma {
  background-image: url("https://images.unsplash.com/photo-1600880292203-757bb62b4baf?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
}

.pop-carousel .audit {
  background-image: url("https://images.unsplash.com/photo-1544377193-33dcf4d68fb5?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1189&q=80");
}

.pop-carousel .do {
  background-image: url("https://images.unsplash.com/photo-1551836022-4c4c79ecde51?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80");
}

.pop-carousel .pi {
  background-image: url("https://images.unsplash.com/photo-1622131091581-0e1d5d6d9ec2?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1190&q=80");
}

.pop-carousel .ml {
  background-image: url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80");
}

.pop-carousel .epl {
  background-image: url("https://images.unsplash.com/photo-1517048676732-d65bc937f952?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1050&q=80");
}

.pop-carousel .btn-primary {
  margin-top: 24px;

}

.pop-carousel .card {
  border-radius: 16px;
  border: none;
  box-shadow: 2px 4px 8px rgb(0 0 0 / 10%);
  margin-bottom: 24px;
  height: 560px;
}

.pop-carousel .card-body {
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}

.pop-carousel h2 {
  text-align: center;
  margin-bottom: 64px;
  color: var(--primary);
}

.pop-carousel h2 {
  text-align: center;
  margin-bottom: 64px;
  color: var(--primary);
}

/*
Cards truncate fix
*/
.occupations-listing .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.occupations-listing .card-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}