@use 'sass:string';
@use 'sass:list';
.priamry-link {
  font-size: 1.125rem;
  color: #231f20;
  line-height: 22px;
  font-weight: bold;
  border-bottom: 2px solid #d82128;
  padding-bottom: 0.25rem;
  position: relative; }
  .priamry-link::after {
    content: '';
    position: absolute;
    background: url("../../../../images/right-arrow-red.svg");
    width: 1.5rem;
    top: 0.375rem;
    right: -2.5rem;
    height: 0.9375rem;
    background-size: 100%; }
  .priamry-link:hover {
    color: #231f20;
    text-decoration: none; }
  .priamry-link.disabled, .priamry-link:disabled {
    color: #626366;
    pointer-events: none; }
    .priamry-link.disabled::after, .priamry-link:disabled::after {
      background: url("../../../../images/right-arrow-gray.svg"); }
    .priamry-link.disabled:hover, .priamry-link:disabled:hover {
      text-decoration: none; }

.seconday-link {
  font-size: 1.125rem;
  color: #231f20;
  line-height: 22px;
  font-weight: bold;
  border-bottom: 2px solid #231f20;
  padding-bottom: 0.25rem; }
  .seconday-link:hover {
    color: #d82128;
    text-decoration: none;
    border-bottom: 2px solid #d82128; }
  .seconday-link.disabled, .seconday-link:disabled {
    color: #626366;
    pointer-events: none;
    border-bottom: 2px solid #626366; }
    .seconday-link.disabled:hover, .seconday-link:disabled:hover {
      text-decoration: none; }

.tertiary-link {
  font-size: 0.75rem;
  color: #d82128;
  line-height: 14px;
  font-weight: bold;
  text-decoration: underline; }
  .tertiary-link:hover {
    color: #d82128;
    text-decoration: underline; }
  .tertiary-link.disabled, .tertiary-link:disabled {
    color: #626366;
    pointer-events: none; }
    .tertiary-link.disabled:hover, .tertiary-link:disabled:hover {
      text-decoration: none; }

.btn {
  text-transform: capitalize;
  height: 3.375rem;
  border-radius: 2rem;
  min-width: 8.125rem;
  padding: 1rem 2.375rem;
  max-width: 21.875rem;
  margin: auto;
  font-family: "Myriad Pro Bold Cond"; }

button {
  -webkit-appearance: none;
  border: none;
  font-weight: 700; }

button:focus,
button:active,
button:hover,
button:visited,
button:focus-within {
  outline: none !important; }

.btn-primary {
  background: #d82128;
  font-weight: 700;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-align: center;
  border: none; }
  .btn-primary.disabled {
    pointer-events: none; }
    .btn-primary.disabled:hover {
      text-decoration: none; }
  .btn-primary:hover {
    color: #fff;
    background: #971b1e; }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #626366;
    background: #c7c8ca; }

.btn-secondary {
  background: #231f20;
  font-weight: 700;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-align: center;
  border: none; }
  .btn-secondary.disabled {
    pointer-events: none; }
    .btn-secondary.disabled:hover {
      text-decoration: none; }
  .btn-secondary:hover {
    color: #fff;
    background: #971b1e; }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #c7c8ca;
    background: #626366; }

.btn-tertiary {
  background: #fff;
  font-weight: 700;
  color: #000;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-align: center;
  border: none; }
  .btn-tertiary.disabled {
    pointer-events: none; }
    .btn-tertiary.disabled:hover {
      text-decoration: none; }
  .btn-tertiary:hover {
    color: #fff;
    background: #971b1e; }
  .btn-tertiary.disabled, .btn-tertiary:disabled {
    color: #626366;
    background: #f3f3f3; }

.btn-with-border {
  background: #fff;
  font-weight: 700;
  color: #000;
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-align: center;
  border: none;
  border: 1px solid #d82128; }
  .btn-with-border.disabled {
    pointer-events: none; }
    .btn-with-border.disabled:hover {
      text-decoration: none; }
  .btn-with-border:hover {
    color: #fff;
    background: #971b1e; }
  .btn-with-border.disabled, .btn-with-border:disabled {
    color: #626366;
    background: #f3f3f3; }

.blog-container {
  padding: 2rem 2rem 4rem 2rem;
  background: #f3f3f3; }
  .blog-container .title-section {
    margin-bottom: 15px; }
  .blog-container .left-container {
    background: transparent;
    width: 100%; }
    .blog-container .left-container a {
      border-bottom: 2px solid;
      font-family: "Myriad Pro Bold Cond";
      text-decoration: none;
      font-size: 1.125rem;
      color: #fff;
      line-height: 22px; }
  .blog-container .blog-heading {
    font-size: 0.875rem;
    color: #d82128;
    font-weight: bold;
    letter-spacing: 2px; }
  .blog-container #accordion {
    width: 52%;
    background: #fff;
    z-index: 1;
    border-radius: 0 0 75px 0;
    padding: 4rem; }
    .blog-container #accordion .accordion-inner-content {
      max-height: 500px;
      overflow: auto;
      padding-right: 15px; }
      @media (max-width: 1023.98px) {
        .blog-container #accordion .accordion-inner-content {
          height: inherit !important;
          padding: 0; } }
      .blog-container #accordion .accordion-inner-content::-webkit-scrollbar-track {
        border-radius: none;
        background-color: none; }
      .blog-container #accordion .accordion-inner-content::-webkit-scrollbar {
        width: 5px;
        background-color: none; }
      .blog-container #accordion .accordion-inner-content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #f1f2f2; }
    .blog-container #accordion .card {
      margin-bottom: 0;
      border: none;
      border-bottom: 1px solid #626366;
      background-color: unset;
      border-radius: 0;
      margin-right: 0.625rem; }
      @media (min-width: 1024px) {
        .blog-container #accordion .card {
          margin-right: unset; } }
      .blog-container #accordion .card .accordion-heading {
        cursor: pointer;
        padding: 2rem 0rem;
        font-size: 1.5rem;
        color: #fff;
        line-height: 29px;
        border-bottom: none;
        font-weight: bold;
        margin-bottom: 0;
        font-family: "Myriad Pro Bold Cond"; }
        @media (min-width: 1024px) {
          .blog-container #accordion .card .accordion-heading {
            font-size: 2rem;
            color: #fff;
            line-height: 32px; } }
        .blog-container #accordion .card .accordion-heading.collapsed {
          color: #fff; }
          .blog-container #accordion .card .accordion-heading.collapsed::after {
            content: "+"; }
        .blog-container #accordion .card .accordion-heading::after {
          content: "-";
          font-size: 1.875rem;
          font-family: "Myriad Pro Bold";
          float: right; }
      .blog-container #accordion .card .card-body p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* Mozilla */
        box-orient: vertical;
        /* As specified */
        text-overflow: ellipsis; }
      @media (min-width: 1024px) {
        .blog-container #accordion .card .card-body p {
          padding-right: 5rem; } }
      .blog-container #accordion .card:last-child {
        border-bottom: none; }
    .blog-container #accordion .card-body {
      padding: 0;
      padding-bottom: 2rem; }
      .blog-container #accordion .card-body a {
        font-size: 1.125rem;
        color: #d82128; }
      .blog-container #accordion .card-body .mobile-img {
        margin-bottom: 1.875rem;
        display: inline-block;
        border-radius: 0.9375rem; }
      .blog-container #accordion .card-body ul {
        list-style-type: none;
        max-height: 8.375rem;
        overflow-y: auto;
        padding-left: 0; }
        @media (min-width: 1024px) {
          .blog-container #accordion .card-body ul {
            direction: rtl;
            padding-left: 1.25rem;
            padding-right: 3%; } }
        .blog-container #accordion .card-body ul li {
          font-size: 1rem;
          color: #fff;
          line-height: 23px; }
          @media (min-width: 1024px) {
            .blog-container #accordion .card-body ul li {
              float: left;
              width: 50%;
              padding-right: 1rem; } }
  .blog-container .image-container {
    width: 54%;
    margin-left: -6%; }
    .blog-container .image-container .img-responsive {
      display: none;
      height: 100%; }
      .blog-container .image-container .img-responsive.show {
        display: block;
        height: 100%; }
  .blog-container .outer-block {
    display: -ms-flexbox;
    display: flex; }
  .blog-container.pdpBlog .image-container {
    display: none; }
    @media (min-width: 1440px) {
      .blog-container.pdpBlog .image-container {
        display: block; } }
    .blog-container.pdpBlog .image-container .img-responsive {
      display: block; }
  .blog-container.pdpBlog .left-container .card .card-body ul {
    overflow-y: unset !important;
    list-style: disc !important;
    max-height: unset !important;
    padding-left: 1rem !important; }
    @media (min-width: 1024px) {
      .blog-container.pdpBlog .left-container .card .card-body ul {
        max-height: 8.375rem !important;
        overflow: auto;
        padding-left: 1.625rem !important; } }
    @media (min-width: 1024px) {
      .blog-container.pdpBlog .left-container .card .card-body ul .container-right {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 50% 50%;
            grid-template-columns: 50% 50%;
        -ms-flex-pack: start;
            justify-content: start;
        direction: ltr; } }
    .blog-container.pdpBlog .left-container .card .card-body ul li {
      direction: ltr !important;
      line-height: 1.1875rem !important;
      margin-bottom: 0.5rem; }
      @media (min-width: 1024px) {
        .blog-container.pdpBlog .left-container .card .card-body ul li {
          padding-right: 2rem !important;
          float: unset !important;
          width: unset !important; } }
      .blog-container.pdpBlog .left-container .card .card-body ul li .blog-content {
        position: relative; }
        .blog-container.pdpBlog .left-container .card .card-body ul li .blog-content .info-icon {
          content: '';
          background: url("../../../images/info-icon-white.svg") no-repeat;
          width: 1rem;
          height: 1rem;
          cursor: pointer;
          position: absolute;
          display: inline-block;
          margin-top: 1px;
          margin-left: 6px; }
      .blog-container.pdpBlog .left-container .card .card-body ul li .blog-tool-tip {
        display: none;
        padding: 0.9375rem;
        border-radius: 0.625rem;
        box-shadow: 0px 0px 2px #000;
        background: #fff;
        font-size: 0.75rem;
        color: #000;
        line-height: 16px;
        position: absolute;
        width: 100%;
        margin-top: 0.375rem;
        z-index: 1; }
        @media (min-width: 1024px) {
          .blog-container.pdpBlog .left-container .card .card-body ul li .blog-tool-tip {
            width: 44%; } }
        .blog-container.pdpBlog .left-container .card .card-body ul li .blog-tool-tip.active {
          display: block; }
        .blog-container.pdpBlog .left-container .card .card-body ul li .blog-tool-tip a {
          color: #000 !important;
          font-size: 12px !important; }
        .blog-container.pdpBlog .left-container .card .card-body ul li .blog-tool-tip .close-info-icon {
          position: absolute;
          right: 6px;
          top: 4px;
          cursor: pointer; }

.blog-container #accordion .card-body ul::-webkit-scrollbar {
  height: 4px;
  width: 2px; }

.blog-container #accordion .card-body ul::-webkit-scrollbar-track {
  background-color: #c7c8ca;
  border-radius: 2px;
  opacity: 0.5; }

.blog-container #accordion .card-body ul::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #fff; }

@media (max-width: 1439.98px) {
  .white_theme .blog-container .left-container {
    border-radius: 50px 0 0 0; } }

@media (min-width: 1440px) {
  .white_theme .blog-container {
    padding: 2rem 1.875rem 4rem 1.875rem; }
    .white_theme .blog-container .title-section .blog-heading {
      font-size: 1rem;
      color: #d82128;
      line-height: 24px;
      font-family: "Myriad Pro Bold"; }
    .white_theme .blog-container .title-section .float-right {
      font-size: 1.125rem;
      color: #231f20;
      line-height: 22px; }
    .white_theme .blog-container .card .card-body {
      font-size: 1rem;
      color: #000;
      line-height: 19px; }
    .white_theme .blog-container #accordion {
      padding: 4rem 1.75rem 0rem 4rem; } }

@media (max-width: 1439.98px) {
  .blog-container {
    padding: 1.5rem 0.75rem; }
    .blog-container .outer-block {
      display: block; }
    .blog-container #accordion,
    .blog-container .image-container {
      width: 100%;
      padding: 0;
      border-radius: 50px 0 0 0;
      padding: 0.9375rem 1.25rem;
      margin-left: 0; }
    .blog-container .left-container {
      padding: 0; }
    .blog-container .title-section {
      margin-top: 1.25rem; }
    .blog-container .accordion-heading {
      font-size: 1.5rem; } }

.red_theme .blog-container #accordion {
  background: linear-gradient(#d82128 0%, #971b1e 100%);
  color: #fff; }

.red_theme #accordion .card-body a,
.red_theme .left-container a {
  color: #fff;
  font-family: "Myriad Pro Bold Cond"; }

.white_theme .blog-container .blog-heading,
.red_theme .blog-container .blog-heading {
  font-family: "Myriad Pro Bold";
  letter-spacing: 0.165em;
  text-transform: uppercase; }

.white_theme .blog-container .blog-heading {
  color: #d82128; }

.white_theme .blog-container .left-container .title-section a.float-right {
  color: #d82128; }

.white_theme .blog-container #accordion .card .accordion-heading {
  color: #d82128; }

.white_theme .blog-container #accordion .card .accordion-heading.collapsed {
  color: #000;
  opacity: 0.5; }

.red_theme .blog-container .blog-heading {
  color: #fff; }

.red_theme .accordion-heading.collapsed {
  opacity: 0.5;
  color: #fff; }

.white_theme .blog-container #accordion .card-body ul li {
  color: #231f20; }