.addonsarea {
      background-color: #efeffd;
   }
button.slick-arrow:hover {
    color: #3482ff !important;
}
.planscolumn{
   position:relative;
}
.package-item.ispopular {
   border: 2px solid #f58634;
}
.mostpopulardiv {
   text-align: center;
   float: left;
   width: 100%;
   position: absolute;
   top: -16px;
   z-index: 9;
   left: 0px;
}
span.mostpopulartag {
   color: #fff;
   font-size: 14px;
   line-height: 20px;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: 0px;
   text-align: center;
   background-color: #f58634;
   padding: 7px 30px;
   border-radius: 120px;
}
   .graphstats {
      gap: 8px;
      font-weight: 500;
      font-size: 16px;
      padding-left: 0px;
   }

   ul.graphstats li {
      float: left;
      padding: 0px 10px;
      font-weight: 600;
      color: #000;
      list-style: none;
   }

   span.hitvalue:before {
      content: '';
      height: 14px;
      width: 14px;
      display: block !important;
      background-color: #559600;
      left: -20px;
      position: absolute;
      top: 2px;
   }

   span.missvalue:before {
      content: '';
      height: 14px;
      width: 14px;
      display: block !important;
      background-color: #C60021;
      left: -20px;
      position: absolute;
      top: 2px;
   }

   span.missvalue {
      position: relative;
      margin-left: 20px;
   }

   span.hitvalue {
      position: relative;
      margin-left: 20px;
   }

   .performancegraph {
      display: flex;
      align-items: center;
      gap: 15px;
      min-width: 250px;
      justify-content: flex-end;
   }

   .performanceflex {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
   }

   .performanceflex p {
      color: #000;
      font-size: 18px;
   }

   .planpastperformance {
      background-color: #fff;
      padding: 0px;
   }

   .planpastperformance tr:nth-child(odd) {
      background-color: #fff;
   }

   .planpastperformance tr:nth-child(even) {
      background-color: #f5f1fc;
   }

   span.green {
      background-color: #559600;
      margin: 1px 0px;
   }

   span.orange {
      background-color: #E26B00;
      margin: 1px 0px;
   }

   span.red {
      background-color: #C60021;
      margin: 1px 0px;
   }

   .tickerstatus span {
      width: 100%;
      float: left;
      text-align: center;
      color: #fff;
      border-radius: 5px;
      padding: 5px;
      font-size: 14px;
      font-weight: 600;
   }

   table.table tr td {
      font-size: 16px;
      font-weight: 500;
      vertical-align: middle;
      white-space: nowrap;
      color: #000;
      padding: .2rem .4rem;
      line-height: normal;
      border: 1px solid #e7e1e1;
   }

   table.table tr th {
      font-size: 16px;
      font-weight: 700;
      white-space: nowrap;
      background-color: #002955;
      color: #fff;
   }

   .tickername {
      max-width: 160px;
      white-space: inherit !important;
   }

   td.tickername span {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      float: left;
      width: 100%;
      font-size: 14px;
   }

   span.positive {
      /* background: rgb(230, 244, 234); */
      padding: 5px;
      border-radius: 10px;
   }

   .tickername a {
      font-size: 15px;
      color: #000;
      font-weight: 700;
      text-decoration: none;
      width: 100%;
      float: left;
      cursor: default;
   }

   a.viewreport {
      border: 0.65px solid #555555;
      padding: 8px 10px;
      border-radius: 5px;
      text-decoration: none;
      font-weight: 600;
      font-size: 14px;
      color: #0354D6;
      cursor: pointer;
   }

   p.tablenotes {
      margin-top: 20px;
      color: #000;
      font-size: 14px;
   }

   .services-details-content {
      margin-bottom: 50px;
   }

   .packageinclusions {
      position: relative;
      padding-bottom: 10px;
   }

 .packageinclusions .content {
    overflow: hidden;
    min-height: 200px;
    max-height: 200px;
    transition: max-height 0.3s ease-out;
}
li.supportli {
    font-weight: 600;
    font-size: 16px;
    color: #f89e53;
    line-height: 20px;
    margin-bottom: 15px;
    text-align: left;
    list-style: none;
    padding-left: 20px;
    position: relative;
}
li.supportli:before {
    content: "\f00c";
    left: 0px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    position: absolute;
    color: #f89e53;
}


   .packageinclusions.expanded .content {
      max-height: none;
   }

   .packageinclusions.expanded {
      max-height: none;
   }

   .packageinclusions .read-more-btn {
      display: none;
      /* Hidden by default */
      margin-top: 10px;
   }

   .packageinclusions button#readMoreBtn {
      position: absolute;
      right: 20px;
      background-color: transparent;
      border: 0px;
      font-weight: 600;
      color: #0254d6;
      bottom: 8px;
      font-size: 15px;
   }

   .read-more-btn.show {
      display: block;
   }

   .packagepagetitle p {
      color: #000;
      font-size: 18px;
      margin: 10px 0px 40px;
   }

   .package-item {
      position: relative;
      background-color: #fff;
      padding: 25px;
      box-shadow: 0px 15px 30px rgba(61, 90, 125, 0.08);
      border-radius: 20px;
      overflow: hidden;
      margin-bottom: 25px;
      border: 1px solid #012954;
   }

   .packagestats p {
      color: #000;
      margin-bottom: 0px;
   }

   .packagestats p b {
      font-weight: 600;
   }

   .packagestats {
      margin: 15px 0px;
   }


   h2.package-title {
      font-size: 24px;
      margin-bottom: 20px;
      color: #0254d6;
   }

   h3.packageprice {
      display: flex;
      margin-bottom: 20px;
      font-size: 32px;
      line-height: 1;
   }

   h3.packageprice span {
      font-size: 16px;
      font-weight: 400;
   }

   h3.packageprice strong {
      font-weight: 400;
      font-size: 16px;
      margin-top: auto;
   }

   .package-content h4 {
      margin-bottom: 8px;
      font-size: 16px;
      letter-spacing: 0.145455px;
      color: #0254d6;
   }

   /* .packageinclusions {
   min-height: 235px;
   } */
   .packageinclusions ol,
   .packageinclusions ul {
      padding-left: 15px;
      float: left;
      width: 100%;
      margin-bottom: 8px;
   }

   .packageinclusions li {
      font-weight: 500;
      font-size: 16px;
      color: #191919;
      line-height: 20px;
      margin-bottom: 5px;
      text-align: left;
      list-style: none;
      padding-left: 5px;
      position: relative;
   }

   .packageinclusions li:before {
      content: "\f00c";
      left: -15px;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: var(--fa-display, inline-block);
      font-style: normal;
      font-variant: normal;
      font-family: var(--fa-style-family, "Font Awesome 6 Free");
      font-weight: var(--fa-style, 900);
      position: absolute;
      color: #347FCA;
   }

   .packagepricing-btn {
      text-align: center;
   }

   .packagepricing-btn a {
      width: 100%;
      background-color: #002955 !important;
   }

   .addoncontent {
      color: #000;
      padding: 20px;
      background: #fff;
      border-radius: 10px;
      float: left;
      width: 100%;
      box-shadow: 0 0 2px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 5%), 0 4px 10px 0 rgb(0 0 0 / 7%);
   }

   .addon-item {
      padding: 2px;
      /* background: linear-gradient(to right, #f58634, #002955); */
      border-radius: 10px;
      margin-right: 16px;
      position:relative;
   }

 .addoncontent h3 {
   font-size: 18px;
   color: #0254d6;
}
.packageaddon-active .slick-track {
   margin-left: 0px !important;
}

   .addoncontent p {
      color: #000;
      line-height: normal;
      font-size: 14px;
      margin-bottom: 5px;
      min-height: 65px !important;
   }

   .addonpricing {
      margin-bottom: 5px;
   }

   span.addonstockscount {
      float: left;
      width: 100%;
   }

   a.addondetailmore {
      float: left;
      margin-top: 10px;
      color: #0254d6;
      font-weight: 600;
   }

   a.addondetailmore .fa {
      margin-left: 10px;
   }

   button.slick-prev.slick-arrow {
      position: absolute;
      top: -47px;
      right: 50px;
      background-color: transparent;
      color: #000;
      border: 0px;
      border-radius: 120px;
      width: 40px;
      height: 40px;
      font-size: 24px;
   }

   button.slick-next.slick-arrow {
      position: absolute;
      top: -47px;
      right: 0px;
      background-color: transparent;
      color: #000;
      border: 0px;
      border-radius: 120px;
      width: 40px;
      height: 40px;
      font-size: 24px;
   }
button.slick-next.slick-arrow.slick-disabled {
    opacity: 0.5;
}
button.slick-prev.slick-arrow.slick-disabled {
    opacity: 0.5;
}
   .packagepastperformance .table {
      overflow-x: auto;
      margin-bottom: 0px;
   }

   .packagepastperformance .table-responsive::-webkit-scrollbar {
      height: 15px;
      width: 15px;
   }

   .packagepastperformance .table-responsive::-webkit-scrollbar-track {
      background-color: #EEF0FF;
      border-radius: 10px;
   }

   .packagepastperformance .table-responsive::-webkit-scrollbar-thumb {
      background: #C4CBFF;
      border-radius: 10px;
      border: 3px solid #EEF0FF;
   }

   .informationarea p {
      color: #000;
   }

   .package-item .custom-tooltip {
      margin-left: 5px;
   }

   img.custom-tooltip-home {
      width: 14px;
   }

   .text-white {
      color: #fff;
   }

   .services-details-img img {
      max-width: 300px;
   }

 

   .packagepricing-btn button {
      width: 100%;
   }
   .pricing-icon img {
    width: 70px;
}

   @media (min-width: 1600px) {

      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
         max-width: 1450px;
      }

      .services-details-img img {
         max-width: 500px;
      }
   }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.package-item .pricing-icon {
    position: absolute;
    top: -105px;
    right: -80px;
    width: 150px;
    height: 170px;
    background: #002955;
    border-radius: 50%;
    display: flex;
    align-items: flex-end;
    padding: 17px;
    z-index: 1;
}
.pricing-icon img {
    width: 50px;
}
h2.package-title {
    font-size: 22px;
}
.package-item {
    padding: 25px 15px;
}
}

   @media only screen and (max-width: 767.98px) {
.performanceflex {
    display: block;
}
.performancegraph {
    display: block;
    min-width: 250px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.pricing-icon img {
    width: 55px;
}
.packageinclusions .content {
    overflow: hidden;
    min-height: auto;
    max-height: max-content;
    transition: max-height 0.3s ease-out;
}
.packageinclusions button#readMoreBtn {
    display: none;
}
h3.packageprice {
    font-size: 30px;
    letter-spacing: 0px;
}
.packagepagetitle p {
    font-size: 16px;
    line-height: normal;
}
.performanceflex p {
    font-size: 16px;
    line-height: normal;
}
.informationarea p {
    font-size: 14px;
    line-height: normal;
}
h2.package-title {
    font-size: 22px;
}
.addoncontent h3 {
    font-size: 20px !important;
}
}