:focus {
    outline: none;
  }
  hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--bs-heading-font-family);
  }
  h1 {
    font-size: var(--bs-heading-1, 4.209rem);
  }
  h2 {
    font-size: var(--bs-heading-2, 3.157rem);
  }
  h3 {
    font-size: var(--bs-heading-3, 2.369rem);
  }
  h4 {
    font-size: var(--bs-heading-4, 1.777rem);
  }
  h5 {
    font-size: var(--bs-heading-5, 1.333rem);
  }
  h6 {
    font-size: var(--bs-heading-6, 1rem);
  }
  a {
    -webkit-transition: color 400ms ease, background 400ms ease;
    -o-transition: color 400ms ease, background 400ms ease;
    transition: color 400ms ease, background 400ms ease;
    color: var(--bs-primary);
    text-decoration: none;
  }
  h1 a,
  h2 a, 
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: inherit;
  }
  img {
    max-width: 100%;
  }
  .iq-scroller-effect ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
  .iq-scroller-effect ::-webkit-scrollbar-track {
    background: #fff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
  .iq-scroller-effect ::-webkit-scrollbar-thumb {
    background: #6c757d;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
  }
  .iq-scroller-effect ::-webkit-scrollbar-thumb:hover {
    background: #7b838a;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
  }
  @media (max-width: 767px) {
    h5 {
      font-size: 1rem;
    }
  }
  :root {
    --prefix: bs-;
    --bs-heading-font-family: Roboto, sans-serif, Liberation Mono, Courier New,
      monospace;
  }
  @media (max-width: 767px) {
    :root {
      --bs-heading-1: 3.809rem;
      --bs-heading-2: 2.5rem;
      --bs-heading-3: 1.875rem;
      --bs-heading-4: 1.25rem;
    }
  }
  .container {
    max-width: 1400px;
  }
  .body-class-1 {
    scroll-behavior: smooth;
  }
  .main-img .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
  }
  .main-img .container h1 {
    margin: 0;
    font-size: 4.375rem;
    color: #fff;
  }
  .main-img .container h1 span {
    padding: 0.375rem 0.875rem;
    display: inline-block;
  }
  .bd-heading-1 .bd-example {
    margin-top: 1rem;
  }
  .bd-heading-1 .bd-example:first-child {
    margin-top: 0rem;
  }
  .bd-cheatsheet section article .card.iq-document-card {
    padding: 1.5rem;
  }
  .bd-cheatsheet
    section
    article
    .card.iq-document-card
    .tab-content
    pre.language-markup {
    margin: unset;
  }
  .bd-aside.card.iq-document-card {
    padding: 1.5rem;
  }
  .bd-aside a {
    padding: 0.25rem 0.5rem;
    margin-top: 0.125rem;
    margin-left: 0.25rem;
    color: rgba(73, 80, 87, 0.95);
    text-decoration: none;
  }
  .bd-aside a:hover,
  .bd-aside a:focus {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
  }
  .bd-aside .active {
    font-weight: 600;
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
  }
  .bd-aside .btn {
    padding: 0.25rem 0.5rem;
    font-weight: 600;
    border: 0;
  }
  .bd-aside .btn .right-icon {
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    -o-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  }
  .bd-aside .btn:hover,
  .bd-aside .btn:focus {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
  }
  .bd-aside .btn[aria-expanded="true"] .right-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .scrollspy-example {
    position: relative;
    height: 12.5rem;
    margin-top: 0.5rem;
    overflow: auto;
  }
  [id="modal"] .bd-example .btn,
  [id="buttons"] .bd-example .btn,
  [id="tooltips"] .bd-example .btn,
  [id="popovers"] .bd-example .btn,
  [id="dropdowns"] .bd-example .btn-group,
  [id="dropdowns"] .bd-example .dropdown,
  [id="dropdowns"] .bd-example .dropup,
  [id="dropdowns"] .bd-example .dropend,
  [id="dropdowns"] .bd-example .dropstart {
    margin-top: 0.5rem;
  }
  @media (min-width: 1200px) {
    .body-class-1 {
      display: grid;
      gap: 2rem;
      grid-template-columns: 1fr 4fr 1fr;
      grid-template-rows: auto;
    }
    .bd-aside.sticky-xl-top {
      top: 2rem !important;
    }
    .bd-header {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030;
      grid-column: 1 / span 3;
    }
    .sticky-xl-top {
      z-index: 2;
    }
    .bd-cheatsheet,
    .bd-cheatsheet section,
    .bd-cheatsheet article {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: 3fr 1fr;
      grid-column: span 2 / span 2;
      grid-template-rows: auto;
    }
    .bd-aside {
      grid-area: 1/1;
      scroll-margin-top: 4rem;
    }
    .bd-cheatsheet section,
    .bd-cheatsheet section > .iq-side-content {
      top: 2rem;
      scroll-margin-top: 0;
    }
    .bd-cheatsheet article,
    .bd-cheatsheet .bd-heading {
      top: calc(7.2rem + 1.5rem);
      scroll-margin-top: calc(7.8rem + 1.5rem);
    }
    .bd-cheatsheet .bd-heading {
      z-index: 1;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
    }
    .bd-cheatsheet .bd-heading .card {
      margin-bottom: 0;
    }
    .bd-cheatsheet article .iq-document-card {
      margin-bottom: unset;
    }
    .bd-cheatsheet article .iq-document-card.iq-doc-head {
      margin-top: -8.8rem;
    }
  }
  @media (min-width: 768px) and (max-width: 1200px) {
    .mobile-offcanvas {
      width: 40% !important;
    }
  }
  @media (max-width: 1199px) {
    .header .container {
      max-width: unset !important;
    }
    aside.mobile-offcanvas {
      margin-top: unset !important;
    }
    aside.mobile-offcanvas .offcanvas-header {
      display: block;
    }
    .body-class-1 {
      padding: unset;
    }
    .body-class-1.container {
      max-width: unset;
    }
    #content .iq-side-content .card {
      margin-top: 1.25rem;
    }
    .mobile-offcanvas {
      visibility: hidden;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      -webkit-border-radius: 0;
      border-radius: 0;
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      z-index: 1200;
      width: 75%;
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-transition: visibility 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
      transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      -o-transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
      transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
      transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
      background: rgba(255, 255, 255, 0.8392156863);
      -webkit-backdrop-filter: blur(0.5rem);
      backdrop-filter: blur(0.5rem);
    }
    .mobile-offcanvas.show {
      visibility: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
    .mobile-offcanvas .container,
    .mobile-offcanvas .container-fluid {
      display: block;
    }
  }
  @media (min-width: 1200px) {
    aside.mobile-offcanvas .offcanvas-header {
      display: none;
    }
    .bd-cheatsheet section .iq-side-content {
      grid-column-end: 3;
    }
    .bd-cheatsheet section .iq-side-content .card {
      margin-bottom: 0;
    }
  }
  body.offcanvas-active {
    overflow: hidden;
  }
  body.uikit .btn-download {
    display: none;
  }
  .uisheet.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(232, 234, 237, 0.6);
    -webkit-transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
    -o-transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
    transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
  }
  .uisheet.screen-darken.active {
    z-index: 10;
    -webkit-transition: opacity 0.3s ease, width 0s;
    -o-transition: opacity 0.3s ease, width 0s;
    transition: opacity 0.3s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
  }
  .middle {
    display: inline !important;
  }
  .middle .mid-menu {
    position: fixed;
    top: 9.375rem;
    left: 0rem;
    z-index: 999;
    text-align: center;
    cursor: pointer;
    background: var(--bs-primary);
    color: #fff;
    padding: 0.2rem;
    -webkit-border-radius: 0 1rem 1rem 0;
    border-radius: 0 1rem 1rem 0;
  }
  .top-1 {
    top: 1rem;
  }
  .elem-list {
    max-height: calc(80vh + 4rem);
    overflow: auto;
  }
  .elem-list::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .elem-list::-webkit-scrollbar-track {
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  .elem-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
  }
  .elem-list::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
  }
  .card .card-body .iq-media-group-1 .iq-media-1 {
    margin-left: -1.25rem;
    position: relative;
    z-index: 0;
  }
  .card .card-body .iq-media-group-1 .iq-media-1:hover {
    z-index: 9;
  }
  .card .card-body .iq-media-group-1 .iq-media-1 img {
    border: 2px solid #6c757d;
  }
  .card .card-body .iq-media-group-1 .iq-media-1:first-child {
    margin-left: 0;
  }
  .card .card-body .iq-media-1 {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
  }
  .card .card-body .iq-media-1:hover {
    text-decoration: none;
  }
  .iq-banner-thumb-slider .slider .slider-bg {
    height: 100vh;
  }
  .iq-banner-thumb-slider .slider .slider-bg .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .iq-banner-thumb-slider .slider .slider-bg .swiper-container .swiper-wrapper {
    margin: 0;
  }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
  }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .slider--image {
    height: 100%;
    overflow: hidden;
    background: -webkit-linear-gradient(
        359.7deg,
        #181616 9.88%,
        rgba(19, 18, 18, 0) 31.52%
      ),
      -webkit-linear-gradient(183.46deg, #181616 13.29%, rgba(19, 18, 18, 0)
            98.41%);
    background: -o-linear-gradient(
        359.7deg,
        #181616 9.88%,
        rgba(19, 18, 18, 0) 31.52%
      ),
      -o-linear-gradient(183.46deg, #181616 13.29%, rgba(19, 18, 18, 0) 98.41%);
    background: linear-gradient(
        90.3deg,
        #181616 9.88%,
        rgba(19, 18, 18, 0) 31.52%
      ),
      linear-gradient(266.54deg, #181616 13.29%, rgba(19, 18, 18, 0) 98.41%);
  }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .slider--image img {
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    mix-blend-mode: overlay;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
  }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description {
    position: absolute;
    top: 50%;
    left: 6.25rem;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description > .row {
    padding-top: var(--header-height);
  }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description p {
    margin-top: 0.625rem;
    margin-bottom: 2rem;
    width: 37.5em;
    max-width: 100%;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .slider-images
    .description
    .slider-content
    a {
    color: rgba(var(--bs-body-color-rgb));
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .slider-images
    .description
    .slider-content
    a:hover {
    color: var(--bs-primary);
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .slider-images
    .description
    .iq-button {
    margin-top: 2.8125rem;
  }
  .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider {
    position: relative;
    margin-top: var(--header-height);
    z-index: 99;
    width: 38em;
    height: 100%;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#141414),
      to(rgba(20, 20, 20, 0))
    );
    background: -webkit-linear-gradient(
      left,
      #141414 0%,
      rgba(20, 20, 20, 0) 100%
    );
    background: -o-linear-gradient(left, #141414 0%, rgba(20, 20, 20, 0) 100%);
    background: linear-gradient(-270deg, #141414 0%, rgba(20, 20, 20, 0) 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2.1875rem 0 2.1875rem 2.1875rem;
    right: 0;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .swiper-wrapper
    .swiper-slide {
    padding: 0;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .block-images
    .img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-linear-gradient(
      59deg,
      #341214 -1.66%,
      rgba(0, 0, 0, 0) 62.6%
    );
    background: -o-linear-gradient(59deg, #341214 -1.66%, rgba(0, 0, 0, 0) 62.6%);
    background: linear-gradient(31deg, #341214 -1.66%, rgba(0, 0, 0, 0) 62.6%);
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .block-images
    .img-box
    img {
    height: 20.625rem;
    mix-blend-mode: overlay;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    mix-blend-mode: overlay;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .block-images
    .img-box
    .block-description {
    position: absolute;
    bottom: 1rem;
    top: auto;
    right: auto;
    left: 1rem;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .block-images
    .img-box
    .block-description
    .fs-12 {
    display: inline-block;
    direction: ltr;
    font-size: 0.75rem;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .banner-thumb-slider-nav {
    position: relative;
    padding-bottom: 3.4375rem;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .banner-thumb-slider-nav
    .swiper-button
    i {
    font-size: 0.75rem;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .banner-thumb-slider-nav
    .slider-prev {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
  }
  .iq-banner-thumb-slider
    .slider
    .slider-bg
    .horizontal_thumb_slider
    .banner-thumb-slider-nav
    .slider-next {
    position: absolute;
    z-index: 10;
    left: 2.8125em;
    bottom: 0;
  }
  .big-font {
    font-size: 4.375rem;
    font-weight: 700;
  }
  @media (max-width: 1399.98px) {
    .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider {
      width: 30em;
    }
  }
  @media (max-width: 1200px) {
    .iq-banner-thumb-slider .slider .slider-bg .slider-images .description {
      left: 4rem;
    }
    .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider {
      width: 27em;
    }
  }
  @media (max-width: 991px) {
    .horizontal_thumb_slider {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .iq-banner-thumb-slider .slider .slider-bg {
      height: 32.125rem;
    }
    .iq-banner-thumb-slider .slider .slider-bg .slider-images .description {
      left: 0;
      padding: 0 1rem;
    }
  }
  .movie-tag li {
    padding-right: 1.725em;
    font-weight: 600;
    position: relative;
  }
  .movie-tag li::before {
    content: "";
    height: 0.375em;
    width: 0.375em;
    background: var(--bs-primary);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.5625em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .movie-tag li:last-child {
    padding-right: 0;
  }
  .movie-tag li:last-child::before {
    content: none;
  }
  .swiper-slide-active .RightAnimate {
    -webkit-animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s
      both;
    animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s both;
  }
  .swiper-slide-active .RightAnimate-two {
    -webkit-animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s
      both;
    animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both;
  }
  .swiper-slide-active .RightAnimate-three {
    -webkit-animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s
      both;
    animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
  }
  .swiper-slide-active .RightAnimate-four {
    -webkit-animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s
      both;
    animation: RightAnimate 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s both;
  }
  @-webkit-keyframes RightAnimate {
    0% {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes RightAnimate {
    0% {
      -webkit-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
  }
  .swiper-nav {
    --active: var(--bs-white);
    --border: rgba(var(--bs-white-rgb), 0.12);
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
  }
  .swiper-nav::before,
  .swiper-nav::after {
    content: "";
    display: block;
    position: absolute;
    left: 0.063rem;
    right: 0.063rem;
    top: 0.063rem;
    bottom: 0.063rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0.063rem solid var(--bs-body-color);
  }
  .swiper-nav svg {
    width: 2.75rem;
    height: 2.75rem;
    display: block;
    position: relative;
    z-index: 1;
    color: var(--active);
    stroke-width: 0.125rem;
    stroke-dashoffset: 126;
    stroke-dasharray: 126 126 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .swiper-nav i {
    display: block;
    position: absolute;
    margin: -0.625rem 0 0 -0.625rem;
    width: 1.25rem;
    height: 1.25rem;
    left: 50%;
    top: 50%;
  }
  .swiper-nav i::before,
  .swiper-nav i::after {
    content: "";
    width: 0.625rem;
    height: 0.125rem;
    -webkit-border-radius: 0.063rem;
    border-radius: 0.063rem;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--active);
    margin: -0.063rem 0 0 -0.313rem;
    display: block;
    -webkit-transform-origin: 0.563rem 50%;
    -ms-transform-origin: 0.563rem 50%;
    transform-origin: 0.563rem 50%;
  }
  .swiper-nav i::before {
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
  }
  .swiper-nav i::after {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
  }
  .swiper-nav.animate i {
    -webkit-animation: arrow 1.6s ease forwards;
    animation: arrow 1.6s ease forwards;
  }
  .swiper-nav.animate i::before {
    -webkit-animation: arrowUp 1.6s ease forwards;
    animation: arrowUp 1.6s ease forwards;
  }
  .swiper-nav.animate i::after {
    -webkit-animation: arrowDown 1.6s ease forwards;
    animation: arrowDown 1.6s ease forwards;
  }
  .swiper-nav.animate svg {
    -webkit-animation: stroke 1s ease forwards 0.3s;
    animation: stroke 1s ease forwards 0.3s;
  }
  .swiper-banner-button-prev.swiper-nav {
    left: 2%;
    -webkit-transform: scaleX(-1) translateY(-50%);
    -ms-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%);
  }
  .swiper-banner-button-next.swiper-nav {
    left: auto;
    right: 2%;
  }
  .slider-ratting ul li {
    margin-right: 0.313rem;
  }
  .banner-home-swiper .banner-home-swiper-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .banner-home-swiper .banner-home-swiper-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .banner-home-swiper .banner-home-swiper-image:before {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(0, 0, 0, 0.9)),
      color-stop(15%, rgba(20, 20, 20, 0.9)),
      to(rgba(83, 100, 141, 0))
    );
    background: -webkit-linear-gradient(
      left,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(20, 20, 20, 0.9) 15%,
      rgba(83, 100, 141, 0) 100%
    );
    background: -o-linear-gradient(
      left,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(20, 20, 20, 0.9) 15%,
      rgba(83, 100, 141, 0) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(20, 20, 20, 0.9) 15%,
      rgba(83, 100, 141, 0) 100%
    );
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
  .banner-home-swiper p {
    width: 37.5rem;
    max-width: 100%;
    margin: 2rem 0;
  }
  .banner-home-swiper .trending-list {
    margin-bottom: 1.875rem;
  }
  #home-banner-slider {
    height: 100vh;
  }
  @media (max-width: 991px) {
    .home-slider .swiper-bg {
      padding: 3.125rem 0;
    }
  }
  @media (max-width: 767px) {
    #home-banner-slider {
      height: 28.125rem;
    }
  }
  @-webkit-keyframes stroke {
    52% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
  }
  @keyframes stroke {
    52% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      stroke-dashoffset: 0;
    }
    52.1% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
      stroke-dashoffset: 0;
    }
    100% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
      stroke-dashoffset: 126;
    }
  }
  @-webkit-keyframes arrow {
    0%,
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      -webkit-transform: translateX(17px);
      transform: translateX(17px);
      opacity: 1;
    }
    24%,
    80% {
      -webkit-transform: translateX(-22px);
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      -webkit-transform: translateX(-22px);
      transform: translateX(-22px);
    }
  }
  @keyframes arrow {
    0%,
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
    23% {
      -webkit-transform: translateX(17px);
      transform: translateX(17px);
      opacity: 1;
    }
    24%,
    80% {
      -webkit-transform: translateX(-22px);
      transform: translateX(-22px);
      opacity: 0;
    }
    81% {
      opacity: 1;
      -webkit-transform: translateX(-22px);
      transform: translateX(-22px);
    }
  }
  @-webkit-keyframes arrowUp {
    0%,
    100% {
      -webkit-transform: rotate(-40deg) scaleX(1);
      transform: rotate(-40deg) scaleX(1);
    }
    20%,
    80% {
      -webkit-transform: rotate(0deg) scaleX(0.1);
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @keyframes arrowUp {
    0%,
    100% {
      -webkit-transform: rotate(-40deg) scaleX(1);
      transform: rotate(-40deg) scaleX(1);
    }
    20%,
    80% {
      -webkit-transform: rotate(0deg) scaleX(0.1);
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @-webkit-keyframes arrowDown {
    0%,
    100% {
      -webkit-transform: rotate(40deg) scaleX(1);
      transform: rotate(40deg) scaleX(1);
    }
    20%,
    80% {
      -webkit-transform: rotate(0deg) scaleX(0.1);
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @keyframes arrowDown {
    0%,
    100% {
      -webkit-transform: rotate(40deg) scaleX(1);
      transform: rotate(40deg) scaleX(1);
    }
    20%,
    80% {
      -webkit-transform: rotate(0deg) scaleX(0.1);
      transform: rotate(0deg) scaleX(0.1);
    }
  }
  @media (max-width: 991px) {
    .swiper-nav,
    .swiper-nav svg {
      width: 2rem;
      height: 2rem;
    }
    .swiper-banner-button-prev .swiper-nav {
      left: 1%;
    }
  }
  .movie-banner {
    overflow: hidden;
    position: relative;
  }
  .movie-banner .swiper-banner-container {
    height: 70vh;
  }
  .movie-banner .swiper-banner-container .swiper-slide-prev,
  .movie-banner .swiper-banner-container .swiper-slide-next {
    -webkit-filter: blur(0.1875em);
    filter: blur(0.1875em);
  }
  .movie-banner .movie-banner-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .movie-banner .movie-banner-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .movie-banner .movie-banner-image:before {
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgb(0, 0, 0)),
      color-stop(35%, rgb(20, 20, 20)),
      to(rgba(83, 100, 141, 0))
    );
    background: -webkit-linear-gradient(
      left,
      rgb(0, 0, 0) 0%,
      rgb(20, 20, 20) 35%,
      rgba(83, 100, 141, 0) 100%
    );
    background: -o-linear-gradient(
      left,
      rgb(0, 0, 0) 0%,
      rgb(20, 20, 20) 35%,
      rgba(83, 100, 141, 0) 100%
    );
    background: linear-gradient(
      90deg,
      rgb(0, 0, 0) 0%,
      rgb(20, 20, 20) 35%,
      rgba(83, 100, 141, 0) 100%
    );
  }
  .movie-banner .shows-content {
    padding: 0;
    position: relative;
  }
  .movie-banner .shows-content > div {
    padding-left: 1.875em;
  }
  .movie-banner .shows-content .slider-ratting {
    margin-top: 1.25em;
  }
  .movie-banner .shows-content .movie-banner-time {
    margin: 0.625em 0 1.25em;
  }
  .movie-banner .shows-content .movie-banner-text {
    margin: 1.875em 0;
    max-width: 37.5em;
  }
  .movie-banner .swiper-banner-button-next,
  .movie-banner .swiper-banner-button-prev {
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
    background: rgba(0, 0, 0, 0);
    border: none;
    color: rgba(var(--bs-white-rgb), 0.9);
    z-index: 1;
    height: 4.063rem;
  }
  .movie-banner .swiper-banner-button-next .arrow-icon,
  .movie-banner .swiper-banner-button-prev .arrow-icon {
    font-size: 3rem;
    color: var(--bs-white);
  }
  .movie-banner .swiper-banner-button-prev {
    left: 0;
  }
  .movie-banner .swiper-banner-button-next {
    right: 0;
  }
  @media (max-width: 767px) {
    .movie-banner .swiper-banner-container {
      height: 28.125rem !important;
    }
    .movie-banner .shows-content .movie-banner-text {
      display: none;
    }
  }
  @media (max-width: 479px) {
    .movie-banner .swiper-banner-container {
      height: 21.25rem !important;
    }
  }
  .verticle-slider .slider .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .verticle-slider .slider .swiper-container .swiper-wrapper {
    margin: 0;
  }
  .verticle-slider .slider .swiper-container .swiper-wrapper .swiper-slide {
    padding: 0;
  }
  .verticle-slider .slider-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .verticle-slider .slider--col {
    margin: 4.06rem 2em 4.06rem 6.06rem;
  }
  .verticle-slider .vertical-slider-prev {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px;
  }
  .verticle-slider .vertical-slider-prev:focus {
    outline: none;
  }
  .verticle-slider .vertical-slider-next {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -40px;
  }
  .verticle-slider .vertical-slider-next:focus {
    outline: none;
  }
  .verticle-slider i.vertical-aerrow {
    background: rgba(var(--bs-black-rgb), 0.5);
    width: 4.375em;
    text-align: center;
  }
  .verticle-slider .slider-thumbs {
    height: 40em;
    width: 21.875em;
  }
  .verticle-slider .slider-thumbs .swiper-bg::before {
    display: none;
  }
  .verticle-slider .slider-thumbs .slider--image {
    -webkit-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
  }
  .verticle-slider .slider-thumbs .slider--image:hover {
    opacity: 1;
  }
  .verticle-slider
    .slider-thumbs
    .swiper-slide.swiper-slide-active
    .hover-buttons {
    opacity: 1;
  }
  .verticle-slider
    .slider-thumbs
    .swiper-slide.swiper-slide-active
    .block-images::before {
    opacity: 1;
    -webkit-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
  }
  .verticle-slider .slider-thumbs .swiper-slide .block-images {
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(var(--bs-black)),
      color-stop(51.04%, rgba(var(--bs-black-rgb), 0))
    );
    background: -webkit-linear-gradient(
      bottom,
      var(--bs-black) 0%,
      rgba(var(--bs-black-rgb), 0) 51.04%
    );
    background: -o-linear-gradient(
      bottom,
      var(--bs-black) 0%,
      rgba(var(--bs-black-rgb), 0) 51.04%
    );
    background: linear-gradient(
      0deg,
      var(--bs-black) 0%,
      rgba(var(--bs-black-rgb), 0) 51.04%
    );
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 0.188rem;
    border-radius: 0.188rem;
    -webkit-transition: all 0.45s ease 0s;
    -o-transition: all 0.45s ease 0s;
    transition: all 0.45s ease 0s;
  }
  .verticle-slider .slider-thumbs .swiper-slide .block-images img {
    mix-blend-mode: overlay;
  }
  .verticle-slider .slider-thumbs .swiper-slide .block-images .block-description {
    position: absolute;
    top: auto;
    bottom: 1.25rem;
    padding: 0 1.25rem;
  }
  .verticle-slider
    .slider-thumbs
    .swiper-slide
    .block-images
    .block-description
    .iq-title {
    color: var(--bs-white);
    font-size: 1.33125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.9375rem;
    text-transform: capitalize;
  }
  .verticle-slider
    .slider-thumbs
    .swiper-slide
    .block-images
    .block-description
    .iq-title
    a {
    text-decoration: none;
    color: var(--bs-white);
  }
  .verticle-slider
    .slider-thumbs
    .swiper-slide.swiper-slide-active
    .block-images {
    border-color: var(--bs-primary);
  }
  .verticle-slider .slider-images {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
  }
  .verticle-slider .slider-images .slider--image {
    height: 100%;
    overflow: hidden;
    background: -webkit-linear-gradient(
      7deg,
      var(--bs-black) 31.49%,
      rgba(var(--bs-black-rgb), 0) 82.3%
    );
    background: -o-linear-gradient(
      7deg,
      var(--bs-black) 31.49%,
      rgba(var(--bs-black-rgb), 0) 82.3%
    );
    background: linear-gradient(
      83deg,
      var(--bs-black) 31.49%,
      rgba(var(--bs-black-rgb), 0) 82.3%
    );
  }
  .verticle-slider .slider-images .slider--image img {
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    mix-blend-mode: overlay;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
  }
  .verticle-slider .slider-images .description {
    position: absolute;
    top: 50%;
    left: 33rem;
    width: 30%;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .verticle-slider .slider-images .description .iq-title a {
    text-decoration: none;
    color: var(--bs-white);
    text-transform: capitalize;
  }
  @media (max-width: 991px) {
    .verticle-slider .slider--col {
      display: none;
    }
    .verticle-slider .slider-images {
      position: unset;
      height: 100%;
      padding: 0 1rem;
    }
    .verticle-slider .slider-images .slider--image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
    .verticle-slider .slider-images .description {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 3rem 2rem;
      height: 430px;
      width: 100%;
      overflow-y: auto;
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
    .verticle-slider .slider-images .swiper-wrapper {
      margin: 0;
    }
    .verticle-slider .slider-images .swiper-wrapper .swiper-slide {
      padding: 0;
    }
  }
  @media (max-width: 767px) {
    .verticle-slider .slider-images {
      padding: 0;
    }
    .verticle-slider .slider-images .description .iq-title a {
      font-size: 1.5615rem;
    }
  }
  .tab-slider-banner {
    position: relative;
  }
  .tab-slider-banner .tab-slider-banner-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .tab-slider-banner .tab-slider-banner-images img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .tab-slider-banner .tab-slider-banner-images::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(var(--bs-black-rgb), 0.9)),
      color-stop(15%, rgba(20, 20, 20, 0.9)),
      to(rgba(83, 100, 141, 0))
    );
    background: -webkit-linear-gradient(
      left,
      rgba(var(--bs-black-rgb), 0.9) 0%,
      rgba(20, 20, 20, 0.9) 15%,
      rgba(83, 100, 141, 0) 100%
    );
    background: -o-linear-gradient(
      left,
      rgba(var(--bs-black-rgb), 0.9) 0%,
      rgba(20, 20, 20, 0.9) 15%,
      rgba(83, 100, 141, 0) 100%
    );
    background: linear-gradient(
      90deg,
      rgba(var(--bs-black-rgb), 0.9) 0%,
      rgba(20, 20, 20, 0.9) 15%,
      rgba(83, 100, 141, 0) 100%
    );
  }
  .tab-block {
    -webkit-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
    background: var(--bs-gray-900);
    padding: 2.19rem 0;
  }
  .tab-block .tab-title {
    padding: 0 2.19rem;
    margin-bottom: 0.94rem;
  }
  .tab-block .nav-tabs {
    padding: 0 2.19rem;
    gap: 2.81rem;
  }
  .tab-block .nav-tabs .nav-link {
    padding: 1rem 0;
  }
  .tab-block .tab-content {
    padding: 0 2.19rem;
  }
  .tab-block .tab-content .tab-pane li {
    margin-bottom: 1.25rem;
  }
  .tab-block .tab-content .tab-pane li:last-child {
    margin-bottom: 0;
  }
  .tab-block .tab-content .tab-pane .image-box img {
    width: 7.5rem;
    height: 5.3125rem;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .tab-slider .tab-block .tab-pane {
    max-height: 25rem;
    overflow-y: auto;
  }
  @media (max-width: 767px) {
    .tab-block .tab-content .tab-pane .image-box img {
      width: 5rem;
    }
  }
  .playbtn {
    display: block;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
  }
  .playbtn .triangle {
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    stroke-dasharray: 240;
    stroke-dashoffset: 480;
    stroke: var(--bs-white);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .playbtn .circle {
    stroke: var(--bs-white);
    stroke-dasharray: 650;
    stroke-dashoffset: 1300;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .playbtn span {
    color: var(--bs-white);
  }
  .playbtn:hover .triangle {
    stroke-dashoffset: 0;
    opacity: 1;
    stroke: var(--bs-primary);
    -webkit-animation: trailorPlay 0.7s ease-in-out;
    animation: trailorPlay 0.7s ease-in-out;
  }
  .playbtn:hover .circle {
    stroke-dashoffset: 0;
    stroke: var(--bs-primary);
  }
  .playbtn:hover span {
    color: var(--bs-primary);
  }
  .w-trailor {
    font-size: 1.25em;
    letter-spacing: 0.21875em;
    margin-left: 0.9375em;
    vertical-align: middle;
  }
  .logo-hotstar,
  .logo-prime,
  .logo-hulu {
    display: none;
  }
  .logo-default {
    display: block;
  }
  [data-bs-theme="hotstar"] .logo-hotstar {
    display: block;
  }
  [data-bs-theme="hotstar"] .logo-default,
  [data-bs-theme="hotstar"] .logo-prime,
  [data-bs-theme="hotstar"] .logo-hulu {
    display: none;
  }
  [data-bs-theme="amazonprime"] .logo-prime {
    display: block;
  }
  [data-bs-theme="amazonprime"] .logo-hotstar,
  [data-bs-theme="amazonprime"] .logo-default,
  [data-bs-theme="amazonprime"] .logo-hulu {
    display: none;
  }
  [data-bs-theme="hulu"] .logo-hulu {
    display: block;
  }
  [data-bs-theme="hulu"] .logo-hotstar,
  [data-bs-theme="hulu"] .logo-prime,
  [data-bs-theme="hulu"] .logo-default {
    display: none;
  }
  .iq-breadcrumb {
    display: block;
    padding: 11.375em 0 7em;
    z-index: 9;
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-color: var(--bs-gray-900) !important;
  }
  .iq-breadcrumb ol {
    padding: 0;
    margin-bottom: 0;
    margin-top: 0.938em;
  }
  .iq-breadcrumb ol li {
    display: inline-block;
    text-transform: capitalize;
  }
  .iq-breadcrumb ol li a {
    color: var(--bs-primary);
    text-decoration: none;
    font-weight: 700;
  }
  .iq-breadcrumb ol li.active {
    color: var(--bs-primary);
  }
  @media (max-width: 991px) {
    .title {
      font-size: 2.7rem;
    }
  }
  @media (max-width: 767px) {
    .iq-breadcrumb {
      padding: 5rem 0;
    }
    .iq-breadcrumb .title {
      font-size: 1.9rem;
    }
  }
  .iq-card .block-images {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    overflow: hidden;
  }
  .iq-card .block-images .img-box {
    -webkit-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
    overflow: hidden;
  }
  .iq-card .block-images .img-box::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(8.71%, #0c0b11),
      color-stop(72.11%, rgba(12, 11, 17, 0))
    );
    background: -webkit-linear-gradient(
      bottom,
      #0c0b11 8.71%,
      rgba(12, 11, 17, 0) 72.11%
    );
    background: -o-linear-gradient(
      bottom,
      #0c0b11 8.71%,
      rgba(12, 11, 17, 0) 72.11%
    );
    background: linear-gradient(0deg, #0c0b11 8.71%, rgba(12, 11, 17, 0) 72.11%);
    -webkit-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
    width: 100%;
    height: 100%;
    bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
  }
  .iq-card .block-images .img-box a {
    z-index: 1;
  }
  .iq-card .block-images .img-box img {
    mix-blend-mode: overlay;
    aspect-ratio: 2/3;
  }
  .iq-card .block-images .card-description {
    z-index: 9;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding: 1.25rem 1.25rem 0.625rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-font-smoothing: antialiased;
  }
  .iq-card .block-images .card-description .cart-content a {
    font-size: inherit;
    color: inherit;
    text-decoration: none;
  }
  .iq-card .block-images .card-description .cart-content a.watch-list-not {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--bs-body-color);
  }
  .iq-card .block-images .card-description.with-transition {
    bottom: -4.375rem;
    opacity: 0;
    padding: 1.25rem 0 0;
    visibility: hidden;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }