.insta-section {
  padding: 50px 0; }
  @media (max-width: 992px) {
    .insta-section {
      padding: 25px 0; } }
  .insta-section .insta-heading {
    font-size: var(--typo-title);
    line-height: var(--lh-title);
    font-weight: var(--fw-title);
    letter-spacing: var(--ls-title);
    /* Mobile styles (under 992px) */
    margin-bottom: 15px;
    color: var(--white); }
    @media (max-width: 992px) {
      .insta-section .insta-heading {
        font-size: var(--typo-title-m); } }
  .insta-section .insta-header .right {
    display: flex;
    align-items: end;
    gap: 10px;
    justify-content: end;
    align-self: end;
    flex-wrap: wrap-reverse;
    margin-bottom: 15px; }
    @media (max-width: 992px) {
      .insta-section .insta-header .right {
        gap: 5px; } }
    .insta-section .insta-header .right .view-btn {
      position: relative;
      background: transparent;
      border: 1px solid var(--primary);
      color: var(--white);
      padding: 0px 15px 0px 50px;
      height: 40px;
      border-radius: 24px;
      display: flex;
      align-items: center;
      font-size: var(--typo-text);
      line-height: var(--lh-text);
      font-weight: var(--fw-text);
      letter-spacing: var(--ls-text);
      /* Mobile styles (under 992px) */ }
      @media (max-width: 992px) {
        .insta-section .insta-header .right .view-btn {
          font-size: var(--typo-text-m); } }
    .insta-section .insta-header .right .view-btn:after {
      content: "";
      position: absolute;
      width: 40px;
      height: 40px;
      top: 0;
      left: 0;
      background-position: center;
      background-size: 23.23px 23.23px;
      background-repeat: no-repeat;
      background-color: var(--primary);
      border-radius: 50%;
      background-image: url(../../assets/images/icons/instagram-fi.svg); }
    .insta-section .insta-header .right .social-icon {
      display: block;
      width: 40px;
      height: 40px;
      background-position: center;
      background-size: 23.23px 23.23px;
      background-repeat: no-repeat;
      background-color: var(--primary);
      border-radius: 50%; }
      .insta-section .insta-header .right .social-icon.instagram {
        background-image: url(../../assets/images/icons/instagram-fi.svg); }
      .insta-section .insta-header .right .social-icon.facebook {
        background-image: url(../../assets/images/icons/facebook-fi.svg); }
      .insta-section .insta-header .right .social-icon.twitter {
        background-image: url(../../assets/images/icons/x-fi.svg); }
      .insta-section .insta-header .right .social-icon.tiktok {
        background-image: url(../../assets/images/icons/tiktok-fi.svg); }
      .insta-section .insta-header .right .social-icon.linkedin {
        background-image: url(../../assets/images/icons/linkedin-fi.svg); }
      .insta-section .insta-header .right .social-icon.youtube {
        background-image: url(../../assets/images/icons/youtube-fi.svg); }
  .insta-section .slider-wrapper {
    overflow: hidden;
    padding: 40px 50px;
    background: var(--fill-blur-dark); }
    @media (max-width: 992px) {
      .insta-section .slider-wrapper {
        padding: 15px; } }
  .insta-section .slider-track {
    display: flex;
    transition: transform 0.5s ease;
    flex-wrap: nowrap; }
  .insta-section .slider-cont {
    overflow: hidden; }
    .insta-section .slider-cont .slider-controls {
      position: relative;
      z-index: 10;
      display: flex;
      justify-content: center;
      margin-top: 1.5rem;
      gap: 10px;
      padding: 0 30px; }
      [dir="rtl"] .insta-section .slider-cont .slider-controls {
        flex-direction: row-reverse;
        justify-content: flex-start; }
      .insta-section .slider-cont .slider-controls button {
        height: 56px;
        width: 96px;
        border-radius: 30px;
        cursor: pointer;
        position: relative;
        justify-items: center; }
        .insta-section .slider-cont .slider-controls button:after {
          content: '';
          width: 37px;
          height: 38px;
          background-repeat: no-repeat;
          display: block;
          place-items: center;
          filter: var(--invert0); }
        @media (max-width: 992px) {
          .insta-section .slider-cont .slider-controls button {
            height: 34px;
            width: 64px; }
            .insta-section .slider-cont .slider-controls button:after {
              width: 24px;
              height: 24px;
              background-size: contain;
              background-position: center; } }
        .insta-section .slider-cont .slider-controls button:before {
          border-radius: 30px; }
        .insta-section .slider-cont .slider-controls button:hover {
          background-color: var(--primary);
          color: var(--neutral-black); }
        .insta-section .slider-cont .slider-controls button.controls-next:after {
          background-image: url(../../assets/images/icons/right-arrow-normal.svg); }
        .insta-section .slider-cont .slider-controls button.controls-prev:after {
          background-image: url(../../assets/images/icons/left-arrow-normal.svg); }
  .insta-section .slider-item {
    border-radius: 30px;
    overflow: hidden;
    height: 400px;
    background: var(--fill-blur-dark); }
    .insta-section .slider-item iframe {
      width: 100%;
      min-width: 100% !important; }
    .insta-section .slider-item .insta-card {
      border-radius: 20px;
      overflow: hidden;
      height: 100%;
      padding: 25px 20px; }
      .insta-section .slider-item .insta-card .ins-img {
        position: relative;
        height: 100%; }
        .insta-section .slider-item .insta-card .ins-img iframe {
          height: 100%; }
        .insta-section .slider-item .insta-card .ins-img img {
          object-fit: cover;
          border-radius: 25px;
          width: 100%;
          height: 100%; }
        .insta-section .slider-item .insta-card .ins-img .view-reel {
          position: absolute;
          height: fit-content;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background: #fff;
          padding: 10px 30px;
          border-radius: 24px;
          font-size: var(--typo-text);
          line-height: var(--lh-text);
          font-weight: var(--fw-text);
          letter-spacing: var(--ls-text);
          /* Mobile styles (under 992px) */
          color: var(--base-black);
          opacity: 0;
          cursor: pointer; }
          @media (max-width: 992px) {
            .insta-section .slider-item .insta-card .ins-img .view-reel {
              font-size: var(--typo-text-m); } }
      .insta-section .slider-item .insta-card .insta-actions {
        position: relative; }
        .insta-section .slider-item .insta-card .insta-actions .actions-icons {
          display: flex;
          gap: 15px;
          padding: 10px 0px 5px;
          position: relative; }
          .insta-section .slider-item .insta-card .insta-actions .actions-icons div {
            width: 35px;
            height: 35px;
            background-repeat: no-repeat;
            filter: var(--invert1);
            cursor: pointer; }
          .insta-section .slider-item .insta-card .insta-actions .actions-icons .like {
            background-image: url("../../assets/images/icons/heart.svg"); }
          .insta-section .slider-item .insta-card .insta-actions .actions-icons .comment {
            background-image: url("../../assets/images/icons/message.svg"); }
          .insta-section .slider-item .insta-card .insta-actions .actions-icons .share {
            background-image: url("../../assets/images/icons/export.svg"); }
          .insta-section .slider-item .insta-card .insta-actions .actions-icons .bookmark {
            background-image: url("../../assets/images/icons/archive-tick.svg");
            position: absolute;
            right: 0;
            filter: unset;
            top: 10px; }
            [dir="rtl"] .insta-section .slider-item .insta-card .insta-actions .actions-icons .bookmark {
              right: auto;
              left: 0; }
        .insta-section .slider-item .insta-card .insta-actions .likes {
          font-size: var(--typo-text);
          line-height: var(--lh-text);
          font-weight: var(--fw-text);
          letter-spacing: var(--ls-text);
          /* Mobile styles (under 992px) */
          color: var(--white);
          padding-bottom: 15px;
          border-bottom: solid 1px var(--neutral-700);
          margin-bottom: 15px; }
          @media (max-width: 992px) {
            .insta-section .slider-item .insta-card .insta-actions .likes {
              font-size: var(--typo-text-m); } }
        .insta-section .slider-item .insta-card .insta-actions .ins-ico {
          position: absolute;
          right: 0;
          bottom: 0;
          width: 24px;
          height: 24px;
          background-repeat: no-repeat;
          cursor: pointer;
          background-image: url("../../assets/images/icons/ins-ico.svg");
          filter: var(--invert0); }
          [dir="rtl"] .insta-section .slider-item .insta-card .insta-actions .ins-ico {
            right: auto;
            left: 0; }
      .insta-section .slider-item .insta-card input[type="text"] {
        font-size: var(--typo-text);
        line-height: var(--lh-text);
        font-weight: var(--fw-text);
        letter-spacing: var(--ls-text);
        /* Mobile styles (under 992px) */
        background: transparent;
        width: 100%;
        border: 0;
        color: #404040;
        padding-bottom: 7px; }
        @media (max-width: 992px) {
          .insta-section .slider-item .insta-card input[type="text"] {
            font-size: var(--typo-text-m); } }
    .insta-section .slider-item:hover {
      background: var(--primary); }
      .insta-section .slider-item:hover .insta-actions .actions-icons div {
        filter: var(--invert0); }
      .insta-section .slider-item:hover .insta-actions .actions-icons .bookmark {
        opacity: 0.7; }
      .insta-section .slider-item:hover .insta-actions .likes {
        color: var(--base-black); }
      .insta-section .slider-item:hover .insta-actions .ins-ico {
        filter: var(--invert1); }
      .insta-section .slider-item:hover .ins-img img {
        border-radius: 25px;
        width: 100%;
        height: 100%; }
      .insta-section .slider-item:hover .ins-img:before, .insta-section .slider-item:hover .ins-img .view-reel {
        opacity: 1; }
  .insta-section .slider-dots {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center; }
    .insta-section .slider-dots span {
      display: inline-block;
      width: 40px;
      height: 4px;
      background: var(--neutral-700);
      border-radius: 2px;
      margin: 0 3px;
      cursor: pointer; }
      .insta-section .slider-dots span.active {
        background: var(--primary); }