:root {
      --font-regular: sans-serif;
      --font-semiBold: sans-serif;
      --font-bold: sans-serif;
      --font-black: sans-serif;
      --font-size-text: 16px;
      --font-size-small: 12px;
      --font-size-very-small: 10px;
      --font-size-title: 20px;
      --font-size-large-title: 32px;
      --font-size-very-large-title: 48px;
      --color-black: #000;
      --color-dark: #192133;
      --color-white: #fff;
      --color-gray: #a5a7b2;
      --color-light-gray: #f7f7f9;
      --color-dark-blue: #300e5b;
      --color-tiktok-text: #ff004b;
      --color-twitter-text: #358cc1;
      --color-facebook-text: #0169da;
      --color-border: #e2e4e6;
      --color-footer: #dedede;
      --color-accordion: #0d0d22;
      --color-accordion-border: #e0ebf5;
      --color-tabs: #1a2239;
      --color-link: #1daef9;
      --color-disabled: #e0e0e0;
      --color-gradient: rgb(1, 105, 218);
      --gradient: linear-gradient(0deg,
                  rgba(1, 105, 218, 1) 0%,
                  rgba(29, 174, 249, 1) 100%);
      --shadow-header: 0px 2px 16px rgba(0, 0, 0, 0.05);
      --transition: 0.25s ease-out
}

* {
      outline: 0;
      box-sizing: border-box
}

body,
html {
      font-family: var(--font-regular), Helvetica, Arial, Sans-Serif;
      margin: 0;
      height: 100%;
      font-size: var(--font-size-text)
}

.wrap {
      display: flex;
      flex-direction: column;
      min-height: 100%;
      height: auto;
      overflow: hidden
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
      font-family: var(--font-semiBold);
      font-weight: 500
}

a {
      text-decoration: none;
      color: black;
}

button {
      cursor: pointer
}

main {
      height: 100%;
      flex: 1 0 auto;
      position: relative
}

.container {
      padding: 0 15px;
      margin: 0 auto;
      max-width: 100vw
}

@media (min-width:768px) {
      .container {
            max-width: 750px
      }
}

@media (min-width:992px) {
      .container {
            max-width: 970px
      }
}

@media (min-width:1201px) {
      .container {
            max-width: 1230px
      }
}

.icon {
      display: inline-block;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      flex-shrink: 0
}

@keyframes ripple {
      from {
            transform: scale(.2)
      }

      to {
            transform: scale(2);
            opacity: 0
      }
}

.ripple-btn {
      position: relative;
      overflow: hidden
}

.ripple-btn * {
      pointer-events: none
}

span.ripple {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      user-select: none;
      position: absolute;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-animation: ripple .8s linear;
      animation: ripple .8s linear;
      background-color: rgba(0, 0, 0, .25)
}

.bxmfunk-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 32px;
      font-family: var(--font-bold);
      font-weight: 600;
      color: var(--color-white);
      border: none;
      line-height: 1.5;
      background: linear-gradient(270deg, #bf122d 0, #762a5f 30.33%, #5f1676 70.33%, #320d78 100%);
      padding: 20px 48px;
      letter-spacing: .75px;
      text-transform: capitalize;
      font-weight: 700
}

.bxmfunk-input {
      position: relative;
      display: flex;
      align-items: center
}

.bxmfunk-input.width-full {
      width: 100%
}

.bxmfunk-input-icon {
      position: absolute;
      left: 20px
}

.bxmfunk-input input {
      padding: 19px 36px;
      display: flex;
      align-items: center;
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: 36px;
      flex-grow: 1;
      color: var(--color-dark);
      opacity: 1;
      line-height: 1.5;
      box-shadow: inset 0 4px 5px rgba(0, 0, 0, .15)
}

.bxmfunk-input input::placeholder {
      color: var(--color-gray);
      opacity: 1
}

.bxmfunk-input.with-icon input {
      padding-left: 54px
}

#copy-link {
      padding-right: 80px
}

.bxmfunk-textarea {
      padding: 19px 36px;
      display: flex;
      align-items: center;
      background: var(--color-white);
      border: 1px solid var(--color-border);
      border-radius: 36px;
      flex-grow: 1;
      color: var(--color-dark);
      opacity: 1;
      line-height: 1.5;
      box-shadow: inset 0 4px 5px rgba(0, 0, 0, .15);
      resize: none
}

.bxmfunk-textarea::placeholder {
      color: var(--color-gray);
      opacity: 1
}

.bxmfunk-textarea.width-full {
      width: 100%;
      overflow-x: hidden
}

.tabs {
      display: flex;
      background-color: var(--color-light-gray);
      padding: 4px;
      border-radius: 32px
}

.tab {
      flex: 1;
      justify-content: center;
      display: flex;
      align-items: center;
      font-family: var(--font-semiBold);
      font-weight: 500;
      color: var(--color-gray);
      border-radius: 32px;
      padding: 12px;
      line-height: 1.5;
      cursor: pointer;
      transition: var(--transition)
}

.tab:hover {
      background-color: var(--color-gray);
      color: var(--color-white)
}

.tab.active svg *,
.tab:hover svg * {
      fill: var(--color-white)
}

.tab.active {
      background: linear-gradient(270deg, #bf122d 0, #762a5f 30.33%, #5f1676 70.33%, #320d78 100%);
      /* background: var(--gradient); */
      color: var(--color-white)
}

.tab>svg {
      flex-shrink: 0;
      margin-right: 8px
}

.tab>svg * {
      transition: var(--transition)
}

.tab-content {
      display: none
}

.slider {
      width: 100%;
      overflow: hidden
}

.slide {
      width: 100%;
      flex-shrink: 0;
      border-radius: 32px;
      padding: 32px;
      transition: background var(--transition);
      cursor: pointer;
      margin-left: 4px;
      color: white;
}

.slide:hover {
      background: rgba(255, 255, 255, .05)
}

.slide.active {     
background: rgba(255, 255, 255, .15);
margin-left: 4px;
margin-top: 7px;
color: white;
}

.slide-icon {
      display: flex;
      flex-shrink: 0;
      margin-bottom: 8px
}

.slide-title {
      margin-bottom: 8px;
      font-size: var(--font-size-title);
      line-height: 1.5;
      font-family: var(--font-semiBold);
      font-weight: 500
}

.slide-text {
      line-height: 1.5
}

.slider-dots {
      display: flex;
      justify-content: center;
      margin-top: 12px
}

.slider-dot {
      padding: 8px;
      cursor: pointer;
      border-radius: 4px;
      transition: var(--transition)
}

.slider-dot:hover {
      background-color: var(--color-dark)
}

.slider-dot:before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      flex-shrink: 0;
      background: var(--color-white);
      opacity: .2;
      display: block;
      transition: var(--transition)
}

.slider-dot.active:before {
      opacity: 1
}

.accordion-item.active .accordion-close {
      transform: rotate(45deg)
}

.accordion-item.active .accordion-text {
      display: block
}

.accordion-header {
          display: flex
;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 24px 10px;
    border: 2px solid white;
    border-radius: 10px;
    margin: 10px 0px;
}

.accordion-close {
      width: 24px;
      height: 24px;
      background: url(../images/icons/faqs_plus.svg);
      flex-shrink: 0;
      transition: var(--transition);
      margin-left: 4px
}

.accordion-title {
      font-family: var(--font-semiBold);
      font-weight: 550;
      /*font-size: var(--font-size-title);*/
      line-height: 1.5;
      color:white;
}

@keyframes text-slideX {
      from {
            opacity: 0;
            transform: translateX(-20px)
      }

      to {
            opacity: 1;
            transform: translateX(0)
      }
}

.accordion-text {
      line-height: 1.5;
      color: black;
      display: none;
      padding-bottom: 24px;
      padding-left: 24px;
      padding-top: 24px;
      animation: text-slideX var(--transition);
      background-color: white;
    border-radius: 5px;
    border: 3px solid #8f3a9b;
    text-align: justify;
    padding-right: 14px;
}

.section-title {
      font-family: var(--font-bold);
      font-weight: 600;
      font-size: var(--font-size-large-title);
      line-height: 1.25;
      color: black;
      text-align: center
}

.section-text {
      line-height: 1.5;
      text-align: center
}

.header {
      background: var(--color-white);
      box-shadow: var(--shadow-header)
}

.header-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px 0
}

.header-logo {
    color: purple;
      position: relative;
      font-size: var(--font-size-small);
      line-height: 1;
      letter-spacing: .01em;
      font-family: var(--font-black);
      font-weight: 800;
      background: var(--color-gradient);
      background: var(--gradient);
      -webkit-background-clip: text;
      text-transform: uppercase
}

.header-logo:after,
.header-logo:before {
      background-color: var(--color-dark-blue);
      transition: var(--transition);
      height: 1px;
      top: 100%;
      content: "";
      position: absolute
}

.header-logo:before {
      left: 50%;
      right: 50%
}

.header-logo:after {
      left: 50%;
      right: 50%
}

.header-logo:hover:before {
      right: 50%;
      left: 0
      
}

.header-logo:hover:after {
      left: 50%;
      right: 0
}


.header-links {
      display: flex
}

.header-link {
      font-size: var(--font-size-text);
      line-height: 1.5;
      color: var(--color-dark);
      display: flex;
      align-items: center;
      padding: 10px 32px;
      transition: var(--transition)
}

.header-link:hover {
      background-color: var(--color-light-gray)
}

.header-link .header-link-icon {
      margin-right: 10px
}

.main {
      padding: 72px 0 50px;
      display: flex;
      flex-direction: column;
      align-items: center;
      background: linear-gradient(270deg, #bf122d 0, #762a5f 30.33%, #5f1676 70.33%, #320d78 100%);
      text-align: center
}

.main .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: auto !important
}

.main-title {
      color: var(--color-white);
      font-size: var(--font-size-very-large-title);
      line-height: 1.166;
      margin: 0 0 16px
}

.main-text {
      color: var(--color-white);
      line-height: 1.5;
      margin: 0 0 72px
}

.main-form {
      width: 100%;
      align-items: center;
      position: relative
}

.main-form .bxmfunk-input {
      width: 100%
}

.main-form .bxmfunk-input input {
      font-family: var(--font-bold);
      font-weight: 600;
      padding-left: 76px
}

.main-form .bxmfunk-input-icon {
      left: 36px
}

.main-link-details {
      display: flex;
      flex-direction: column;
      margin: 32px 0 0
}

.main-link-details span {
      font-size: var(--font-size-small);
      line-height: 1.133;
      color: var(--color-white);
      word-break: break-all
}

.main-link-details span:not(:last-child) {
      margin-bottom: 8px
}

.main-label {
      color: var(--color-white);
      margin: 30px 0 10px 20px;
      line-height: 1.5;
      align-self: flex-start
}

.copy-btn {
      background: 0 0;
      border: none;
      text-decoration: underline;
      color: var(--color-link);
      position: absolute;
      right: 20px;
      display: none;
      background-color: #fff;
      padding-left: 5px
}

.copy-btn.copied {
      color: #3c8d12;
      background-color: #fff;
      z-index: 1
}

.copy-btn svg {
      width: 20px;
      color: #3c8d12
}

.features {
      padding: 120px 0;
      text-align: center
}

.features .section-title {
      margin: 0 0 108px;
      font-size: 27px;
}

.features-items {
      display: flex;
      justify-content: center
}

.features-item {
      max-width: 368px;
      display: flex;
      flex-direction: column;
      align-items: center;
      flex: 1
}

.features-item-details {
      flex-grow: 1;
      padding: 32px;
      text-align: center;
      background: linear-gradient(180deg, rgba(247, 247, 249, 0) 0, rgba(247, 247, 249, .5) 45.38%, #f7f7f9 100%);
      border-radius: 32px
}

.features-item-title {
      /*font-size: var(--font-size-title);*/
      line-height: 1, 5;
      font-family: var(--font-bold);
      font-weight: 600;
      margin-bottom: 10px
}

.download-info {
      padding: 120px 0 78px;
      background: linear-gradient(270deg, #bf122d 0, #762a5f 30.33%, #5f1676 70.33%, #320d78 100%);
}

.download-info::after {
      display: block;
      content: '';
      background: linear-gradient(91.26deg, rgba(29, 37, 112, .5) 12.36%, rgba(132, 65, 144, .5) 36.84%, rgba(136, 23, 82, .5) 69.13%, rgba(226, 116, 45, .5) 94.13%);
      filter: blur(404px);
      transform: rotate(75deg);
      top: 10%;
      left: 10%
}

.download-info.light {
      background: 0 0
}

.download-info,
.download-info .section-text,
.download-info .section-title {
      color: var(--color-white)
}

.download-info.light,
.download-info.light .section-text,
.download-info.light .section-title {
      color: var(--color-dark);
      text-align: justify;
}

.download-info.light .slider-dot:before {
      background-color: var(--color-dark)
}

.download-info.light .slider-dot:hover {
      background-color: var(--color-gray)
}

.download-info .section-title {
      margin: 0 0 16px;
      font-size: 20px;
}

.download-info .section-text {
      margin: 0 0 60px
}

.download-info-wrap {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      background: linear-gradient(270deg, #bf122d 0, #762a5f 30.33%, #5f1676 70.33%, #320d78 100%);
      border-radius: 12px;
}

.download-info-devices {
      flex-shrink: 0;
      border-radius: 32px
}

.download-info-devices .tabs {
      margin-bottom: 28px
}

.download-info-screenshots img {
      max-width: 100%
}

.instruction .container {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: space-between
}

.instruction-mobile,
.instruction-pc {
      padding: 120px 0 0
}

.instruction-pc .container {
      flex-direction: row-reverse
}

.instruction-title {
      font-size: var(--font-size-large-title);
      line-height: 1.25;
      margin: 0 0 24px;
      font-family: var(--font-bold);
      font-weight: 600
}

.instruction-text p {
      line-height: 1.5;
      margin: 0;
      text-align: justify;
}

.instruction-text p:not(:last-child) {
      margin-bottom: 16px
}

.instruction-image img {
      max-width: 100%;
     width: 466px;
}

.faqs {
      padding: 120px 0
}

.faqs .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      background: linear-gradient(270deg, #bf122d 0, #762a5f 30.33%, #5f1676 70.33%, #320d78 100%);
      border-radius: 12px;
}

.faqs .section-title {
      margin: 0 0 68px
}

.faqs .accordion {
      width: 100%;
      max-width: 768px
}

.products {
      padding: 120px 0;
      background-color: #fbeff1;
      background-size: cover
}

.products .container {
      display: flex;
      align-items: center
}

.products .section-title {
      flex: 1;
      text-align: left;
      margin: 0 144px 0 0
}

.products-items {
      display: flex;
      flex: 1
}

.products-item {
      display: flex;
      flex: 1
}

.products-item.tiktok {
      color: var(--color-tiktok-text)
}

.products-item.twitter {
      color: var(--color-twitter-text);
      margin-left: 18px;
}

.products-item.facebook {
      color: var(--color-facebook-text)
}

.products-item.tiktok .products-item-text {
      background: rgba(255, 0, 75, .1);
          margin: 0px 16px;
}

.products-item.twitter .products-item-text {
      background: rgba(53, 140, 193, .1);
          margin: 0px -3px;
}

.products-item.facebook .products-item-text {
      background: rgba(1, 105, 218, .1)
}

.products-item-text {
      flex-grow: 1;
      display: flex;
      align-items: center;
      border-radius: 32px;
      padding: 32px 32px 32px 60px;
      font-family: var(--font-bold);
      font-weight: 600
}

.products-item-icon {
      z-index: 1;
      margin-right: -50px;
      width: 78px
}

.footer {
      margin-top: auto;
      flex: 0 0 auto;
      padding: 40px 0 32px;
      color: black;
      line-height: 1.2;
      font-size: var(--font-size-very-small);
      background: #e9d8e8;
      font-size: 16px;
}

.footer .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
}

.footer-dot {
      flex-shrink: 0;
      width: 3px;
      height: 3px;
      display: block;
      border-radius: 50%;
      margin: 0 16px;
      background-color: var(--color-dark)
}

.footer-link {
      color: var(--color-dark);
      position: relative;
      transition: var(--transition)
}

.footer-link:after,
.footer-link:before {
      background-color: var(--color-dark-blue);
      transition: var(--transition);
      height: 1px;
      top: 100%;
      content: "";
      position: absolute
}

.footer-link:before {
      left: 50%;
      right: 50%
}

.footer-link:after {
      left: 50%;
      right: 50%
}

.footer-link:hover:before {
      right: 50%;
      left: 0
}

.footer-link:hover:after {
      left: 50%;
      right: 0
}
.anchor{
      color: black;
}

.results {
      padding: 80px 0
}

.fb-response .results {
      padding-top: 0 !important
}

.results-item {
      width: 360px;
      max-width: 100%
}

.results-item-image-wrapper {
      text-align: center
}

.results-item-image {
      max-width: 100%;
      max-height: 200px
}

.results-item-text {
      font-family: var(--font-semiBold);
      font-weight: 500;
      padding: 32px;
      text-align: center;
      background: linear-gradient(180deg, rgba(247, 247, 249, 0) 0, rgba(247, 247, 249, .5) 45.38%, #f7f7f9 100%);
      border-radius: 32px
}

.results-download {
      flex: 1
}

.results-list {
      list-style: none;
      padding: 0
}

.results-list-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px;
      border-radius: 32px
}

.results-list-item:nth-child(even) {
      background: var(--color-light-gray)
}

.results-list-item .bxmfunk-button {
      padding: 12px 48px
}

@media (min-width:992px) {
      .results-item {
            margin-right: 40px
      }

      .results .container {
            display: flex
      }
}

@media (min-width:1201px) {
      .slider-dots {
            display: none
      }

      .download-info-slider {
            margin-right: 32px;
            flex: 1
      }

      .download-info-devices {
            flex: 2
      }

      .instruction-info {
            max-width: 468px
      }
}

@media (min-width:992px) {
      .features-item:not(:last-child) {
            margin-right: 16px
      }
}

@media (min-width:768px) {
      .download-info-devices {
            padding: 36px 24px;
            background-color: var(--color-white);
            margin: 5px 12px;
      }
}

@media (min-width:600px) {
      .main-form {
            display: flex
      }

      .main-form .bxmfunk-button {
            position: absolute;
            right: 4px;
            top: auto;
            border-radius: 12px;
            margin-right: 3px;
      }

      .main-form .bxmfunk-input input {
            padding-right: 200px;
            height: 72px;
            border-radius: 21px;
      }
}

@media (max-width:1200px) {
      .slider-wrap {
            display: flex;
            overflow: hidden
      }

      .download-info-wrap {
            flex-direction: column-reverse
      }

      .products .container {
            flex-direction: column
      }

      .instruction .container {
            flex-direction: column-reverse
      }

      .download-info-devices {
            margin-bottom: 16px
      }

      .products .section-title {
            margin: 0 0 32px
      }
}

@media (max-width:991px) {
      .features-items {
            flex-direction: column;
            align-items: center
      }

      .features-item:not(:last-child) {
            margin-bottom: 32px
      }

      .products-items {
            flex-direction: column
      }

      .products-item:not(:last-child) {
            margin-bottom: 24px
      }

      .products-item-icon {
            margin-right: -56px;
            width: 104px;
            height: 104px
      }

      .results {
            padding: 40px 0
      }

      .results-item {
            margin: 0 auto;
            margin-bottom: 20px
      }

      .results-list-item .bxmfunk-button {
            padding: 12px 32px
      }

      #private-result .container {
            flex-direction: column !important
      }

      #private-result .results-download {
            width: 100% !important
      }

      #private-result .results-item {
            width: 100% !important
      }

      .instruction-title {
            text-align: center;
            margin-top: 1em;
            font-size: 20px;
      }
}

@media (max-width:767px) {
      .header-container {
            padding: 30px 0
      }

      .header-links {
            display: none
      }

      .tabs {
            background-color: var(--color-tabs)
      }

      .tab {
            font-size: var(--font-size-very-small);
            flex-direction: column
      }

      .tab:hover {
            background-color: var(--color-dark-blue)
      }

      .tab>svg {
            margin-right: 0;
            margin-bottom: 4px
      }

      .products .section-title {
            text-align: center;
            font-size: 20px;
      }

      .download-info-screenshots img {
            width: 100%;
            height: auto
      }

      .fb-response #target {
            margin-top: 0 !important
      }
}

@media (max-width:450px) {
      .results-download-instagram .item {
            width: 100%;
            max-width: 100% !important
      }

      body .results-download-instagram {
            grid-template-columns: auto !important
      }
}

@media (max-width:599px) {
      #form {
            margin-top: 30px
      }

      .results-download-instagram {
            grid-template-columns: auto auto !important;
            grid-row-gap: 5px;
            grid-column-gap: 5px
      }

      .main .container {
            width: 100%
      }

      .slide {
            padding: 16px
      }

      .bxmfunk-button {
            padding: 16px 48px;
            background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
      }

      .main {
            padding: 20px 0 20px
      }

      .main-form .bxmfunk-input {
            margin-bottom: 16px
      }
      .main-form .bxmfunk-button {
            width: 100%;
      }

      .main-title {
            font-size: 26px
      }

      .main-text {
            text-align: center;
            max-width: 250px;
            margin: 0
      }

      .download-info .section-text {
            margin: 0 0 32px
      }

      .download-info,
      .features,
      .products {
            padding: 12px 0
      }

      .instruction-mobile,
      .instruction-pc {
            padding: 80px 0 0
      }

      .faqs {
            padding-bottom: 80px
      }

      .faqs .section-title {
            margin: 0 0 32px
      }

      .features .section-title {
            margin: 0 0 32px;
            font-size: 20px;
      }

      .footer-dot {
            margin: 0 8px
      }

      .section-title {
            text-align: center !important
      }

      #main-link {
            width: 100%
      }

      #clear,
      #paste {
            position: absolute;
            right: 20px !important;
            top: 33px !important
      }

      .results-item-image {
            max-width: 100%;
            max-height: none !important
      }

      .results-item {
            width: 100% !important
      }
}

@media (min-width:599px) and (max-width:768px) {
      .main-title {
            font-size: 40px
      }

      .main {
            padding-top: 40px
      }

      .main-text {
            margin-bottom: 30px
      }
}

.animation-element.slide-bottom {
      opacity: 0;
      transition: all 1s ease-out .5s;
      transform: translate3d(0, 80px, 0)
}

.animation-element.slide-bottom.in-view {
      opacity: 1;
      transform: translate3d(0, 0, 0)
}

.animation-element.slide-top {
      opacity: 0;
      transition: all 1s ease-out .5s;
      transform: translate3d(0, -80px, 0)
}

.animation-element.slide-top.in-view {
      opacity: 1;
      transform: translate3d(0, 0, 0)
}

.animation-element.slide-left {
      opacity: 0;
      transition: all 1s ease-out .5s;
      transform: translate3d(-200px, 0, 0)
}

.animation-element.slide-left.in-view {
      opacity: 1;
      transform: translate3d(0, 0, 0)
}

.animation-element.slide-right {
      opacity: 0;
      transition: all 1s ease-out .5s;
      transform: translate3d(200px, 0, 0)
}

.animation-element.slide-right.in-view {
      opacity: 1;
      transform: translate3d(0, 0, 0)
}

.animation-element.fade-in {
      opacity: 0;
      transition: all 1s ease-out .5s
}

.animation-element.fade-in.in-view {
      opacity: 1
}

.animation-element.scale-in {
      opacity: 0;
      transition: all 1s ease-out .5s
}

.lang {
      list-style-type: none;
      margin: 0
}

.lang .dropdown-menu {
      display: none;
      position: absolute;
      top: 40px;
      left: 50%;
      transform: translate(-50%, 0);
      background: #fff;
      padding-top: 15px;
      padding-bottom: 15px;
      z-index: 999;
      padding: 15px;
      -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
      -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .1)
}

.lang>li {
      height: 40px;
      line-height: 40px
}

.lang ul {
      list-style-type: none;
      margin: 0;
      padding: 0
}

.lang ul a {
      font-size: 14px;
      color: var(--color-dark)
}

.lang li:hover .dropdown-menu {
      display: block
}

.lang li:hover a svg {
      transform: rotate(180deg);
      transition: transform 50ms linear
}

.lang>li>a {
      display: flex;
      color: var(--color-dark)
}

.lang>li>a svg {
      margin-left: 10px;
      width: 15px;
      transition: transform 50ms linear
}

.lang li {
      position: relative
}

#form {
      width: 100%;
      width: 800px
}

.result {
      display: flex;
      padding: 20px;
      margin-top: 20px;
      border-radius: 15px;
      width: 800px;
      margin: 0 auto
}

.result.result-error {
      background-color: #fff;
      flex-direction: column;
      margin: 0 auto
}

.result.result-error h4 {
      font-weight: 700;
      font-size: 20px
}

.result.result-error a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 32px;
      font-family: var(--font-bold);
      font-weight: 600;
      color: var(--color-white);
      border: none;
      line-height: 1.5;
      background: var(--gradient);
      padding: 7px 30px;
      letter-spacing: .75px
}

.result.result-success {
      background: #fff
}

.result.result-success img {
      max-width: 200px;
      margin-right: 15px
}

.result.result-success .text {
      padding-left: 20px;
      padding-right: 20px;
      text-align: center;
      flex: 1
}

.result.result-success .btn-wrapper {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center
}

.result.result.result-success .btn-wrapper>div {
      display: flex;
      align-items: center;
      flex-direction: column
}

.result.result-success .btn-wrapper a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 32px;
      font-family: var(--font-bold);
      font-weight: 600;
      color: var(--color-white);
      border: none;
      line-height: 1.5;
      background: var(--gradient);
      padding: 10px 40px;
      letter-spacing: .75px
}

.result.result-success .btn-wrapper a:first-child {
      margin-bottom: 15px
}

#loader {
      display: none;
      width: 0
}

#loader main {
      width: 95%;
      max-width: 1000px;
      margin: 0 auto;
      opacity: 0
}

#loader main.loaded {
      transition: opacity .25s linear;
      opacity: 1
}

#loader main header {
      width: 100%
}

#loader main header>div {
      width: 50%
}

#loader main header>.left,
#loader main header>.right {
      height: 100%
}

#loader main .loaders {
      width: 100%;
      box-sizing: border-box;
      display: flex;
      flex: 0 1 auto;
      flex-direction: row;
      flex-wrap: wrap
}

#loader main .loaders .loader {
      box-sizing: border-box;
      display: flex;
      flex: 0 1 auto;
      flex-direction: column;
      flex-grow: 1;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      margin-top: 15px
}

@-webkit-keyframes scale {
      0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
      }

      45% {
            -webkit-transform: scale(.1);
            transform: scale(.1);
            opacity: .7
      }

      80% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
      }
}

@keyframes scale {
      0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
      }

      45% {
            -webkit-transform: scale(.1);
            transform: scale(.1);
            opacity: .7
      }

      80% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
      }
}

.ball-pulse {
      display: flex
}

.ball-pulse>div:nth-child(1) {
      -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
      animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(2) {
      -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
      animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div:nth-child(3) {
      -webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
      animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

.ball-pulse>div {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      display: inline-block
}

@-webkit-keyframes ball-pulse-sync {
      33% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
      }

      66% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

@keyframes ball-pulse-sync {
      33% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
      }

      66% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
      }

      100% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

.ball-pulse-sync>div:nth-child(1) {
      -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
      animation: ball-pulse-sync .6s -.14s infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(2) {
      -webkit-animation: ball-pulse-sync .6s -70ms infinite ease-in-out;
      animation: ball-pulse-sync .6s -70ms infinite ease-in-out
}

.ball-pulse-sync>div:nth-child(3) {
      -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
      animation: ball-pulse-sync .6s 0s infinite ease-in-out
}

.ball-pulse-sync>div {
      background-color: #fff;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      margin: 2px;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      display: inline-block
}

@-webkit-keyframes ball-scale {
      0% {
            -webkit-transform: scale(0);
            transform: scale(0)
      }

      100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0
      }
}

#main_submit.disabled {
      cursor: not-allowed;
      opacity: .8
}

.how-to-download-private {
      margin-top: 100px
}

.how-to-download-private h2 {
      font-style: normal;
      font-weight: 700;
      font-size: 32px;
      line-height: 40px;
      text-align: center;
      color: #192133;
      margin-bottom: 15px
}

.how-to-download-private h2+p {
      max-width: 80%;
      margin: 0 auto;
      margin-bottom: 40px;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: center;
      color: #192133
}

.how-to-download-private .item {
      display: flex;
      background: linear-gradient(180deg, rgba(247, 247, 249, 0) 0, rgba(247, 247, 249, .5) 45.38%, #f7f7f9 100%);
      border-radius: 32px;
      margin-bottom: 40px;
      padding: 30px
}

.how-to-download-private .item h4 {
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 30px;
      color: #192133;
      margin-bottom: 20px
}

.how-to-download-private .item p {
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #192133
}

.how-to-download-private .item:nth-child(2n) {
      background: gradient(180deg, rgba(247, 247, 249, 0) 0, rgba(247, 247, 249, .5) 45.38%, #f7f7f9 100%)
}

.how-to-download-private .item img {
      margin-right: 100px
}

.how-to-download-private .item .img_w {
      display: flex
}

.how-to-download-private .item:last-child {
      margin-bottom: 0 !important
}

@media (max-width:768px) {
      .how-to-download-private .item {
            flex-direction: column;
            align-items: center;
            text-align: center
      }

      .how-to-download-private .item img {
            margin-right: 0 !important
      }

      .how-to-download-private .item p {
            max-width: 80%;
            margin: 0 auto
      }

      .faqs {
            padding-top: 60px;
            padding-bottom: 60px
      }

      .faqs .section-title {
            margin-bottom: 40px
      }

      .header-logo {
            margin-left: 70px;
            font-size: 15px;
            color: purple;
      }

      .hamburger-lines {
            display: flex !important
      }

      .header-links {
            position: absolute;
            top: 100px;
            display: block;
            background: #fff;
            z-index: 999;
            left: 0;
            width: 100%;
            transform: translate(-150%);
            transition: transform .5s ease-in-out;
            padding-top: 0;
            -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .4);
            -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .4);
            box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .4)
      }

      .lang .dropdown-menu {
            transform: translate(0, 0);
            left: auto !important;
            right: 0 !important
      }

      .header-link,
      .lang>li>a {
            font-size: 16px !important
      }
}

@media (max-width:992px) {
      .how-to-download-private .item img {
            margin-right: 30px !important
      }

      .header-link,
      .lang>li>a {
            font-size: 12px
      }

      #form,
      .result {
            width: 100%
      }

      .result {
            flex-direction: column
      }

      .result.result-success img {
            margin-right: auto !important;
            margin-bottom: 15px
      }

      .result.result-success .text {
            padding-bottom: 15px
      }
}

.checkbox {
      position: absolute;
      display: block;
      height: 32px;
      width: 32px;
      top: 37px;
      left: 20px;
      z-index: 5;
      opacity: 0;
      cursor: pointer
}

.hamburger-lines {
      display: none;
      height: 26px;
      width: 32px;
      position: absolute;
      top: 37px;
      left: 20px;
      z-index: 2;
      flex-direction: column;
      justify-content: space-between
}

.hamburger-lines .line {
      display: block;
      height: 4px;
      width: 100%;
      border-radius: 10px;
      background: var(--color-dark)
}

.hamburger-lines .line1 {
      transform-origin: 0 0;
      transition: transform .4s ease-in-out
}

input[type=checkbox]:checked~.header-links {
      transform: translateX(0)
}

input[type=checkbox]:checked~.hamburger-lines .line1 {
      transform: rotate(45deg)
}

input[type=checkbox]:checked~.hamburger-lines .line2 {
      transform: scaleY(0)
}

input[type=checkbox]:checked~.hamburger-lines .line3 {
      transform: rotate(-45deg)
}

.hamburger-lines .line2 {
      transition: transform .2s ease-in-out
}

.hamburger-lines .line3 {
      transform-origin: 0 100%;
      transition: transform .4s ease-in-out
}

#fb-submit-wrapper {
      display: none;
      justify-content: center;
      padding-top: 15px
}

#fb-submit-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 32px;
      font-family: var(--font-bold);
      font-weight: 600;
      color: var(--color-white);
      border: none;
      line-height: 1.5;
      background: var(--gradient);
      padding: 7px 30px;
      letter-spacing: .75px
}

.w-100 {
      width: 100%
}

.text-left {
      text-align: left
}

.fb-response .main {
      background: 0 0
}

.fb-response .main .container {
      flex-direction: row !important
}

.fb-response .header {
      background: var(--color-white);
      box-shadow: var(--shadow-header)
}

#target {
      margin-top: 15px
}

.text-center {
      text-align: center
}

.private-loader-wrapper {
      align-items: center;
      justify-content: center;
      display: flex
}

.private #target {
      width: 100%
}

.private .main .container {
      flex-direction: row
}

#private-result {
      width: 100%
}

#private-result .container {
      flex-direction: row;
      background: #fff;
      padding: 15px;
      border-radius: 36px
}

#private-result .results-item-image {
      border-radius: 25px
}

#private-result .result {
      margin-top: 20px
}

.private #error-container {
      margin-top: 15px;
      position: relative !important;
      transform: translate(0, 0) !important
}

.result-login {
      padding: 20px;
      background: #fff;
      border-radius: 25px;
      margin-top: 20px
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
      fill: #1f8dd6
}

#error-container {
      width: 100%;
      font-size: 1em;
      align-items: center;
      background: #fff;
      margin-bottom: 10px;
      padding: .4em;
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 99;
      transform: translate(0, -140%);
      border-radius: 6px
}

#rate-limit-container {
      display: none;
      padding: 10px;
      color: #000;
      background: #fff;
      margin-bottom: 15px;
      border-radius: 10px;
      align-items: center;
      font-size: 14px
}

#rate-limit-container svg {
      width: 30px;
      height: 30px;
      display: block;
      margin-right: 5px
}

#rate-limit-container svg path {
      fill: #18a2f3
}

#error-container:after {
      content: '';
      position: absolute;
      left: 50%;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #f7f7f9;
      clear: both;
      bottom: 0;
      transform: translate(-5px, 9px)
}

#error-container svg {
      width: 2em;
      height: 2em;
      margin-left: 1em;
      margin-right: 1em
}

.warning .svg-icon path,
.warning .svg-icon polygon,
.warning .svg-icon rect {
      fill: #df3020
}

#error-container>div:first-child {
      display: flex
}

.instruction-image,
.instruction-info {
      min-width: 50%
}

.instruction-image {
      text-align: center
}

.private-warning {
      color: #192133;
      background-color: #ddad3d;
      border-color: #ffeeba;
      padding: .75rem 1.25rem;
      text-align: center;
      margin-top: 50px
}

.private-warning a {
      color: #192133;
      text-decoration: underline
}

.header .contact-link svg {
      width: 22px;
      color: #000;
      margin-right: 10px;
      margin-left: 2px
}

.contact-us h1 {
      color: var(--color-dark);
      margin-top: 25px
}

.form-group {
      margin-bottom: 15px
}

.contact-us input,
.contact-us textarea {
      border: 1px solid #dedede;
      width: 100%;
      padding: 20px;
      border-radius: 30px
}

.contact-us textarea {
      resize: none
}

.contact-us button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 32px;
      font-family: var(--font-bold);
      font-weight: 600;
      color: var(--color-white);
      border: none;
      line-height: 1.5;
      background: linear-gradient(270deg, #bf122d 0, #762a5f 30.33%, #5f1676 70.33%, #320d78 100%);
      padding: 20px 48px;
      letter-spacing: .75px;
      text-transform: capitalize;
      font-weight: 700;
      margin-bottom: 25px
}

#alert-error,
#alert-success {
      display: none
}

.alert {
      margin-top: 20px;
      margin-bottom: 20px
}

.privacy {
      margin-top: 30px;
      margin-bottom: 30px;
      line-height: 27px
}

.results-download-instagram {
      max-width: 900px;
      display: grid !important;
      grid-template-columns: auto auto auto;
      grid-row-gap: 15px;
      grid-column-gap: 15px;
      justify-content: center
}

.results-download-instagram .item {
      align-items: center;
      padding: 10px;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
      max-width: 300px
}

.results-download-instagram .item a {
      align-items: center;
      justify-content: center;
      border-radius: 32px;
      font-family: var(--font-bold);
      font-weight: 600;
      font-size: 13px;
      color: var(--color-white);
      border: none;
      line-height: 1.5;
      background: var(--gradient);
      padding: 10px 20px;
      letter-spacing: .75px;
      text-transform: capitalize;
      font-weight: 700;
      margin-top: 10px;
      margin: 0 auto;
      display: inline-block;
      margin: 0 auto;
      display: block;
      margin-top: 15px;
      text-align: center;
      display: flex
}

.results-download-instagram svg {
      width: 20px;
      margin-right: 10px
}

.results-download-instagram img {
      max-width: 100%;
      max-height: 200px
}

.results-download-instagram .img {
      text-align: center
}
#faq1{
      color: white;
}
#img1{
      max-width: 60% !important
}
#img2{
      width: 130px;
}
#img3{
      width: 104px;
      padding: 0px 10px;
      height : 104px;
}


#img31{
      width: 104px;
      padding: 0px 10px;
      height : 150px;
}

#img4{
        width: 93px;
    padding-right: 27px;
    margin-left: 20px;
}
.products-item.twitter1 .products-item-text1{
      background-color: #e7e7c4;
}
.products-item-text1 {
      flex-grow: 1;
      display: flex;
      align-items: center;
      border-radius: 32px;
      padding: 32px 32px 32px 60px;
      font-family: var(--font-bold);
      font-weight: 600;
  }
  .header-link:hover{
      color: blue;
  }
  .g1{
      margin-top: 33px;
  }
    .g2{
      margin-top: 8px;
  }
  .g3{
     text-align: center !important;
  }
.g4{
     margin-top: 2px;
}
@media screen and (max-width:340px) {
    .g6{
        width: 232px;
    }
}
@media screen and (min-width:340px) and (max-width:576px) {
    .g6{
        width: 190px;
    }
}

@media screen and (min-width:576px) and (max-width:768px) {
    .g6{
        width: 91px;
        margin: 7px 0px;
    }
}
@media screen and (min-width:768px) and (max-width:964px) {
    .g6{
        width: 362px;
    
    }
}
@media screen and (min-width:964px) and (max-width:1200px) {
    .g6{
        width: 220px;
    
    }
}

@media (min-width:768px) and (max-width:996px) {
.header-link {
    padding: 10px 18px !important;
   
}
}
@media (min-width:996px) and (max-width:1200px) {
.header-link {
    padding: 10px 21px !important;
   
}
}

  
  
/* General Container */
#result {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 20px;
    padding: 20px;
    background-color: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Thumbnail Image */
#result img {
    max-width: 100%;
    /*height: auto;*/
    object-fit: cover;
    border-radius: 8px;
}

/* Video & Audio Duration Badge */
#durationBadge {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
}

/* File Type and Download Link Table */
.table {
    width: 100%;
    max-width: 400px;
    margin-left: 20px;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.table th, .table td {
    padding: 12px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.table th {
    background: #f1f1f1;
    font-weight: bold;
}

.table td {
    font-weight: 500;
}

/* Download Buttons */
.btn {
    display: inline-block;
    padding: 10px 20px;
    background: #162447;
    color: #fff !important;
    font-size: 16px;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s ease;
    font-weight: bold;
}

.btn:hover {
    background: #1f4068;
}

/* "Download Another Video" Button */
#conmore {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 12px;
    width: 100%;
    max-width: 400px;
    background: #dce2f0;
    color: #344767;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
}

#conmore:hover {
    background: #cbd6e6;
}

#conmore svg {
    margin-right: 8px;
}

.rounded {
    border-radius: 10px;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    #result {
        flex-direction: column;
        align-items: center;
    }
    
    .table {
        margin: 20px 0 0 0;
    }
}