* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .my-container {
    width: 100%;
    max-width: 1440px;
    padding-left: 40px;
    padding-right: 40px;
    margin: 0 auto;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Futura PT", sans-serif;
  }
  button {
    font-family: "Futura PT", sans-serif;
    cursor: pointer;
  }
  p {
    font-family: "Futura PT", sans-serif;
  }
  a {
    text-decoration: none;
    font-family: "Futura PT", sans-serif;
    color: #0d0e10;
  }
  body {
    overflow-x: hidden;
  }
  img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  /* nav bar */
  nav {
    padding: 28px 0;
    box-shadow: 6px 6px 13px #dbdbdb;
    background: #fff;
  }
  nav .my-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  nav .menu {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  nav .menu a {
    color: #6d53f4;
  }
  nav .menu .my-btn {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 12px 30px;
    border-radius: 20px 40px 20px 40px;
    background: #6d53f4;
    border: none;
  }
  nav .menu .my-btn a {
    color: #fff;
    display: block !important;
  }
  nav .menu .my-btn.active {
    background: #1e1e1e;
  }
  .res-menu {
    display: none;
  }
  
  /* footer */
  footer {
    padding: 20px 0;
    background: #e1e1e1;
    color: #1e1e1e;
  }
  footer p,
  footer a {
    font-size: 20px;
    font-weight: 300;
  }
  footer .my-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer .footer-links {
    max-width: 450px;
    text-align: right;
    display: flex;
    align-items: end;
    justify-content: end;
    gap: 16px;
    flex-wrap: wrap;
  }
  footer .footer-links a {
    position: relative;
  }
  footer .footer-links a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #9e9e9e;
    bottom: 0;
    left: 0;
  }
  
  /* privacy-sec */
  ul,
  li {
    font-family: "Futura PT", sans-serif;
  }
  .privacy-sec {
    padding: 80px 0;
  }
  .privacy-sec .my-row {
    max-width: 680px;
    margin-inline: auto;
  }
  .privacy-sec .my-row:not(:first-child) {
    margin-top: 40px;
  }
  .privacy-sec h1 {
    font-size: 68px;
    font-weight: 600;
    text-align: center;
  }
  /* .privacy-sec h6 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
  } */
  .privacy-sec h2 {
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 10px;
  }
  .privacy-sec h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 16px 0;
  }
  .privacy-sec h4 {
    font-size: 40px;
    font-weight: 600;
    margin: 20px 0;
  }
  .privacy-sec p,
  ul,
  li {
    font-size: 18px;
  }
  .privacy-sec ul {
    margin-top: 12px;
    margin-left: 23px;
  }
  .privacy-sec ul li {
    margin-bottom: 16px;
  }
  .privacy-sec ul.number {
    margin-top: 12px;
    margin-left: 23px;
    list-style: decimal;
  }
  .privacy-sec ul li span,
  .privacy-sec p span {
    font-weight: 500;
  }

  .privacy-sec h6 {
    font-size: 24px;
    font-weight: 400;
    text-align: left;
}
  
  /* banner home*/
  .home-page nav {
    background: transparent;
    box-shadow: none;
  }
  .home-page nav .menu a {
    color: #fff;
  }
  .home-page nav .menu a.active {
    color: #6d53f4;
    font-weight: 500;
  }
  .banner {
    background: url(../assets/home-banner.jpg) no-repeat;
    background-size: cover;
  }
  .heading-row {
    padding: 80px 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .heading-row h1 {
    font-size: 68px;
    font-weight: 600;
  }
  .heading-row p {
    font-size: 28px;
    font-weight: 300;
    max-width: 600px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 35px;
  }
  .heading-row .download-btns {
    display: flex;
    gap: 30px;
  }
  .heading-row .download-btns a {
    background: #fff;
    padding: 12px 30px;
    display: flex;
    gap: 8px;
    font-weight: 500;
  }
  .heading-row .download-btns a span {
    display: flex;
  }
  .heading-row .download-btns a:first-child {
    border-radius: 20px 40px 20px 40px;
  }
  .heading-row .download-btns a:last-child {
    border-radius: 40px 20px 40px 20px;
  }
  
  .full-container {
    display: flex;
    overflow: hidden;
  }
  
  /* features-sec */
  .features-sec {
    padding: 100px 0;
  }
  .features-sec .my-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 980px;
    margin-inline: auto;
  }
  .features-sec .img-box{max-width: 185px;}
  .features-sec .my-row .cont-box {
    max-width: 540px;
  }
  .features-sec h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .features-sec p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 300;
  }
  
  /* benefit-sec */
  .benefit-sec {
    padding-bottom: 100px;
  }
  .benefit-sec .my-row {
    max-width: 1080px;
    margin-inline: auto;
    box-shadow: 0 0 24px rgba(0, 0, 0, 15%);
    padding: 50px;
    border-radius: 32px;
  }
  .benefit-sec h2 {
    text-align: center;
    margin-bottom: 18px;
  }
  .benefit-sec p {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
  }
  .benefit-sec .icon-row {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
  }
  .benefit-sec .benefit-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 300px;
  }
  .benefit-sec .benefit-box p {
    font-size: 18px;
    text-wrap: pretty;
  }
  .benefit-sec .benefit-box h4 {
    font-size: 36px;
    font-weight: 400;
    margin-top: 10px;
  }
  .benefit-sec .benefit-box .icon-box {
    background: #6d53f4;
    padding: 20px;
    border-radius: 6px;
  }
  
  /* download-sec */
  .download-sec {
    padding-top: 0;
  }
  .features-sec .download-box {
    display: flex;
    gap: 20px;
    margin-top: 30px;
  }
  
  /* feature page */
  nav .menu a.active {
    color: #1e1e1e;
    font-weight: 500;
  }
  .feature-page .my-row {
    margin-top: 50px;
  }
  
  /* faq page */
  .faq-sec h2 {
    text-align: left !important;
  }
  .faq-sec p {
    font-size: 20px;
    font-weight: 300;
  }
  .faq-sec .my-row-2 {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(1, auto);
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 60px;
  }
  .faq-sec .faq-box {
    display: flex;
    max-width: 100%;
    gap: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .faq-sec .faq-box .left span {
    display: flex;
    padding: 15px;
    border: 1px solid #9c9a9a;
    border-radius: 12px;
    transition: all 0.3s ease;
  }
  .faq-sec .faq-box .right h4 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
  }
  .faq-sec .faq-box:hover .left span {
    background: #8a73ff;
  }
  
  /* contact us */
  .contact-sec .my-row p {
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    max-width: 720px;
    margin: 0 auto;
    text-wrap: pretty;
  }
  .contact-sec .social-links {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 20px;
  }
  .contact-sec .social-links div svg {
    display: flex;
  }
  .contact-sec .social-links div {
    display: flex;
    gap: 10px;
    font-family: "Futura PT", sans-serif;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
  }
  .contact-sec .my-row-2 {
    margin-top: 50px;
  }
  .contact-sec .my-row-2 .contact-box {
    max-width: 900px;
    margin-inline: auto;
    box-shadow: 0 0 24px rgba(0, 0, 0, 15%);
    padding: 40px;
    border-radius: 32px;
  }
  .contact-box .in-two {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
  }
  .contact-box .in-two input::placeholder {
    color: #9c9a9a;
    font-family: "Futura PT", sans-serif;
  }
  .contact-box .in-two input,.contact-box .in-two select {
    font-family: "Futura PT", sans-serif;
    width: 100%;
    border-radius: 32px;
    border: 1px solid #9c9a9a;
    padding: 12px 24px;
    background: #f5f5f5;
    color: #9c9a9a;
    font-size: 18px;
  }
  .contact-box .in-two input.upload {
    align-items: start;
    justify-content: start;
    display: flex;
    height: 240px;
    border: 1px dashed;
  }
  
  .contact-box .in-two select option span{font-size: 12px;}
  
  .contact-box textarea {
    min-height: 260px;
    width: 100%;
    border-radius: 32px;
    border: 1px solid #9c9a9a;
    padding: 12px 24px;
    background: #f5f5f5;
    font-family: "Futura PT", sans-serif;
    color: #9c9a9a;
    font-size: 18px;
  }
  .contact-box .sub-btn {
    font-family: "Futura PT", sans-serif;
    width: 100%;
    max-width: 280px;
    padding: 16px 24px;
    margin-top: 20px;
    display: flex;
    margin-left: auto;
    border-radius: 32px;
    border: none;
    background: #6d53f4;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .contact-box .sub-btn:hover {
    background: #8a73ff;
  }
  
  /* ad-sec */
  .ad-sec .ad-box {
    max-width: 400px;
    box-shadow: 0px 10px 24px 6px rgb(0 0 0 / 30%);
  }
  .ad-sec .ad-box .img-box {
    position: relative;
  }
  .ad-sec .ad-box .img-box a.read-btn {
    transition: all 0.4s ease;
    padding: 20px;
    width: 100%;
    background: #1e1e1e;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    display: block;
  }
  .ad-sec .ad-box .img-box a.read-btn:hover {
    background: #6d53f4;
  }
  
  .ad-sec .ad-row {
    display: grid;
    justify-content: space-between;
    row-gap: 80px;
    column-gap: 20px;
    grid-template-columns: repeat(3, auto);
    margin-top: 50px;
  }
  
  /* ad-detail */
  .p-detail {
    padding-bottom: 140px;
  }
  .p-detail .my-row {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
  }
  .p-detail .my-row .left {
    width: 50%;
  }
  .p-detail .my-row .right {
    width: 45%;
    position: relative;
  }
  .p-detail a.report-inc {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
  }
  .p-detail .date {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    align-items: center;
    font-family: "Futura PT", sans-serif;
    font-size: 18px;
    font-weight: 500;
  }
  .p-detail .date svg {
    display: flex;
  }
  .p-detail h3 {
    color: #1e1e1e;
    font-size: 48px;
    font-weight: 500;
    max-width: 460px;
  }
  .p-detail h2 {
    color: #6d53f4;
    font-size: 48px;
    font-weight: 700;
  }
  .p-detail p {
    font-size: 20px;
    color: #1e1e1e;
    margin: 20px 0;
  }
  .p-detail .starReview {
    display: flex;
    margin-top: 10px;
    margin-bottom: 40px;
    align-items: center;
    gap: 10px;
  }
  .ad-button-box {
    display: flex;
    gap: 16px;
    margin-top: 20px;
  }
  .ad-button-box button {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding: 12px 30px;
    border-radius: 32px;
    background: #6d53f4;
    border: none;
    transition: all 0.4s ease;
  }
  .ad-button-box button.save-btn {
    font-size: 20px;
    font-weight: 500;
    color: #6d53f4;
    padding: 12px 30px;
    border-radius: 32px;
    background: transparent;
    border: 1px solid #6d53f4;
  }
  .ad-button-box button:hover {
    background: #1e1e1e;
    color: #fff;
    border-color: transparent;
  }
  
  /* detail page css ------------------ */
  
  .product-detail {
    display: flex;
    max-width: 100%;
    justify-content: space-between;
  }
  
  .thumbnail-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
  }
  
  .thumbnails {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }
  
  .thumbnails img {
    width: 120px;
    height: 113px;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 10px;
    transition: border 0.3s;
    background: #ececec;
    object-fit: cover;
  }
  .thumbnails img:last-child {
    margin-bottom: 0;
  }
  
  .thumbnails img:hover,
  .thumbnails img.active {
    background: #6d53f4;
  }
  
  .main-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  
  .main-image img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
  
  /* download sec */
  .download-page {
    border-bottom: 1px solid #000;
    padding-bottom: 0 !important;
    margin-bottom: 80px;
  }
  .download-page .my-row p {
    font-size: 28px;
    font-weight: 300;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
  }
  .qr-box {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-top: 20px;
  }
  .qr-box a {
    justify-content: center;
    transition: all 0.3s ease;
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 12px 30px;
    border-radius: 20px 40px 20px 40px;
    background: #1e1e1e;
    border: none;
  }
  .play-qr a {
    border-radius: 40px 20px 40px 20px;
  }
  .qr-box a svg {
    display: flex;
  }
  .qr-box a:hover {
    background: #6d53f4;
  }
  .download-pic-box {
    margin-top: 20px;
  }
  .download-pic-box img {
    margin: 0 auto;
  }
  
  /* aboutus */
  section.about-sec {
    border-bottom: 1px solid #cccc;
  }
  .about-sec h3 {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .about-sec .my-row {
    margin-top: 60px;
    display: flex;
    align-items: center;
    max-width: 1080px;
    justify-content: space-between;
    gap: 30px;
    margin-inline: auto;
  }
  .about-sec .my-row p {
    font-size: 20px;
    font-weight: 400;
    max-width: 600px;
  }
  
  /* mission */
  .mission-sec {
    padding: 60px 0;
    background: url(../assets/home-banner.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
  }
  .mission-sec h3 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .mission-sec p {
    max-width: 1080px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 20px;
  }
  
  /* team */
  .team-sec {
    padding: 60px 0;
  }
  .team-sec h3 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
  }
  .team-sec .team-box {
    max-width: 320px;
    padding: 20px;
    background: #6d53f4;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
  }
  .team-sec .team-box img {
    border-radius: 8px;
    border: 2px solid #fff;
  }
  .team-sec .team-box h4 {
    margin-top: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
  }
  .team-sec .team-box h5 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
  }
  .team-sec .team-box p {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
  }
  .team-sec .team-box .link-box {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: auto;
  }
  .team-sec .my-row {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    gap: 40px;
  }
  
  /* story-sec */
  .story-sec {
    padding: 60px 0;
    background: #f5f5f5;
  }
  .story-sec h3 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
  }
  .story-sec h3 span {
    color: #6d53f4;
    display: block;
  }
  .story-sec p {
    text-align: center;
    max-width: 960px;
    font-size: 20px;
    margin: 0 auto;
  }
  .story-sec .my-row {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    max-width: 950px;
    align-items: center;
    margin-inline: auto;
  }
  .story-sec .my-row p {
    text-align: left;
    max-width: 560px;
  }
  .story-sec .my-row h4 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 500;
  }
  
  /* company-sec */
  .company-sec {
    padding: 60px 0;
    background: url(../assets/home-banner.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
  }
  .company-sec h3 {
    font-size: 42px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
  }
  .company-sec .my-row {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
    gap: 20px;
  }
  .company-sec .company-box {
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 14px;
    max-width: 420px;
  }
  .company-sec .company-box .icon-box {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .company-sec .company-box .icon-box span {
    padding: 20px;
    border: 1px solid #fff;
    border-radius: 8px;
  }
  .company-sec .company-box .icon-box span svg {
    display: flex;
  }
  .company-sec .company-box .icon-box h5 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
  }
  .company-sec .company-box p {
    text-align: left;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 300;
    text-wrap: pretty;
  }
  
  /* subscription-sec */
  .subscription-sec .sub-box {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border: 1px solid #1e1e1e;
    border-radius: 16px;
    background: #f4f4f4;
    max-width: 420px;
  }
  .subscription-sec .my-row-2 p {
    text-align: center;
    font-size: 24px;
    margin-top: 40px;
    max-width: 990px;
    margin-inline: auto;
  }
  .subscription-sec .my-row {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: space-between;
    gap: 20px;
  }
  .subscription-sec .sub-box h6 {
    font-size: 32px;
    font-weight: 500;
  }
  .subscription-sec .sub-box h4 {
    font-size: 56px;
    font-weight: 700;
  }
  .subscription-sec .sub-box h4 span {
    font-size: 26px;
    font-weight: 400;
  }
  .subscription-sec .sub-box .btn-sub {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    background: #6d53f4;
    border-radius: 12px;
    padding: 12px;
    width: 100%;
  }
  .subscription-sec .sub-box .sub-features-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .subscription-sec .sub-box .sub-features-box .point {
    display: flex;
    align-items: start;
    font-family: "Futura PT", sans-serif;
    font-size: 18px;
    font-weight: 400;
    gap: 10px;
    flex-direction: column;
  }
  .subscription-sec .sub-box .sub-features-box .point span{display: flex; gap: 4px; align-items: center; font-weight: 600;}
  .subscription-sec .sub-box .sub-features-box .point.single {flex-direction: row;}
  .subscription-sec .sub-box.color-chnage {
    background: #6d53f4;
    color: #fff;
  }
  .subscription-sec .sub-box.color-chnage .btn-sub {
    background: #fff;
    color: #6d53f4;
  }
  .subscription-sec .sub-box.color-chnage .point {
    color: #fff;
  }
  
  /* sub-faq */
  .sub-faq {
    background: #f5f5f5;
  }
  .sub-faq h2 {
    text-align: center !important;
  }
  
  /* signup */
  form.form-box {
    display: flex;
    flex-direction: column;
    padding: 32px;
    max-width: 480px;
    border-radius: 32px;
    box-shadow: 0 0 10px 2px #ccc;
    margin-inline: auto;
    margin-top: 30px;
    gap: 12px;
  }
  form.form-box input {
    width: 100%;
    font-family: "Futura PT", sans-serif;
    border-radius: 32px;
    border: 1px solid #9c9a9a;
    padding: 12px 24px;
    font-size: 20px;
    background: #f5f5f5;
  }
  form.form-box .with-icon {
    position: relative;
  }
  form.form-box .with-icon span {
    cursor: pointer;
    position: absolute;
    display: flex;
    right: 20px;
    top: 14px;
  }
  form.form-box h5 {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
  }
  form.form-box .or {
    display: flex;
    gap: 20px;
  }
  form.form-box .or a {
    font-size: 18px;
    gap: 10px;
    color: #9c9a9a;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #9c9a9a;
    padding: 16px;
    background: #f5f5f5;
    border-radius: 32px;
  }
  form.form-box button.sub-btn {
    margin: 0 auto;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    border: none;
    background: #6d53f4;
    padding: 16px;
    border-radius: 30px;
    max-width: 280px;
    width: 100%;
    margin-top: 20px;
  }
  form.form-box button.sub-btn:hover {
    background: #1e1e1e;
  }
  form.form-box h6 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
  }
  form.form-box h6 a {
    color: #6d53f4;
    font-weight: 500;
  }
  form.form-box .with-flag {position: relative;}
  form.form-box .with-flag select {
    position: absolute;
    left: 10px;
    top: 6px;
    border: 0;
    background: transparent;
    font-size: 16px;
    padding: 10px 0;
    border-radius: 32px;
  }
  
  form.form-box .with-flag input{padding-left: 100px;}
  
  .gender .row{    display: flex;
    margin-top: 8px;}
    .gender .row input {
      width: max-content !important;
  }
  .gender .row label {
    margin-right: 40px;
    margin-left: 6px;
    font-family: "Futura PT", sans-serif;
  }
  .gender p{font-size: 20px; color: #9c9a9a;}
  .gender {
    padding: 16px;
    background: #f5f5f5;
    border-radius: 16px;
    border: 1px solid #9c9a9a;
  }
  
  
  /* common css */
  .user-name.if-login a {
    font-size: 18px;
    font-weight: 600;
    color: #000 !important;
  }
  .home-page .user-name.if-login a{color: #fff !important;}
  .user-name{display: none;}
  .user-name.if-login{display: block;}
  
  .features-sec h2,
  .benefit-sec h2 {
    font-size: 42px;
    font-weight: 600;
  }
  
  .feature-page,
  .faq-sec,
  .contact-sec,
  .ad-sec,
  .p-detail,
  .download-sec,
  .about-sec,
  .subscription-sec,
  .signup-sec {
    padding: 80px 0;
  }
  
  .feature-page h2,
  .faq-sec h2,
  .contact-sec h2,
  .download-sec h2,
  .ad-sec h2,
  .about-sec h2,
  .subscription-sec h2,
  .signup-sec h2 {
    font-size: 58px;
    text-align: center;
    margin-bottom: 10px;
  }
  .menu.for-mob { 
    display: none;
  }
  
  .image-collage {
    display: flex;
    gap: 8px;
    justify-content: center;
  }
  
  /* Basic styling for the tabs */
  .tab {
    font-family: "Futura PT", sans-serif;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 32px;
    font-size: 20px;
  }
  
  
  /* Content sections */
  .tab-content {
    display: none;
  }
  
  /* Show active content */
  .active-content {
    display: block;
  }
  .tab.active-tab{
    background: #6d53f4;
    color: #fff;
  }
  
  .signup-sec .tab-row{display: flex; justify-content: center; margin-top: 40px; gap: 20px;}
  
  .ad-sec .advert-btn-row{display: flex; justify-content: center; margin-bottom: 30px;}
  .ad-sec .advert-btn-row a{background: #6d53f4; color: #fff; font-size: 28px; padding: 16px 32px; border-radius: 32px; font-weight: 500;}
  
  .contact-box a.adevt-btn-from{font-family: "Futura PT", sans-serif;
    width: 100%;
    max-width: 280px;
    padding: 16px 24px;
    margin-top: 20px;
    display: flex;
    margin-left: auto;
    border-radius: 32px;
    border: none;
    background: #6d53f4;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;}
  
    .p-detail.adevrt-review-sec .my-row{justify-content: center;}
    .p-detail.adevrt-review-sec .my-row .left {
      width: 28%;
  }
  
    .adevrt-review-sec .date{flex-direction: column; justify-content: start; align-items: start;}
    .adevrt-review-sec .date p{margin: 0;}
    .adevrt-review-sec .date p{font-size: 18px;}
    .adevrt-review-sec .date p span{font-weight: 600; color: #6d53f4;}
  
    .p-detail.adevrt-review-sec h6,.calculator-sec h6{font-size: 58px;
      text-align: center;
      margin-bottom: 40px;}
    /* calculator-sec */
    .calculator-sec{padding: 60px 0; border-top: 1px solid #ccc;}
  
  /* range slider */
  .range-slider{
    width: 100%;
    max-width: 350px;
    position: relative;
    margin-top: 20px;
  }
  
  .range-slider input {
    --c: #000; /* active color */
    --g: 8px; /* the gap */
    --l: 5px; /* line thickness*/
    --s: 30px; /* thumb size*/
    
    width: 350px;
    height: var(--s); /* needed for Firefox*/
    --_c: color-mix(in srgb, var(--c), #000 var(--p,0%));
    -webkit-appearance :none;
    -moz-appearance :none;
    appearance :none;
    background: none;
    cursor: pointer;
    overflow: hidden;
  }
  .range-slider input:focus-visible,
  .range-slider input:hover{
    --p: 25%;
  }
  .range-slider  input:active,
  .range-slider  input:focus-visible{
    --_b: var(--s)
  }
  /* chromium */
  .range-slider input[type="range" i]::-webkit-slider-thumb{
    height: var(--s);
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 0 0 var(--_b,var(--l)) inset var(--_c);
    border-image: linear-gradient(90deg,var(--_c) 50%,#fff 0) 0 1/calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));
    -webkit-appearance: none;
    appearance: none;
    transition: .3s;
  }
  /* Firefox */
  .range-slider  input[type="range"]::-moz-range-thumb {
    height: var(--s);
    width: var(--s);
    background: none;
    border-radius: 50%;
    box-shadow: 0 0 0 var(--_b,var(--l)) inset var(--_c);
    border-image: linear-gradient(90deg,var(--_c) 50%,#ababab 0) 0 1/calc(50% - var(--l)/2) 100vw/0 calc(100vw + var(--g));
    -moz-appearance: none;
    appearance: none;
    transition: .3s;
  }
  
  .pricing-calc {
    background: #6d53f4;
    padding: 20px;
    margin-top: 20px;
    max-width: max-content;
    border-radius: 16px;
  }
  .pricing-calc h4{text-align: center; color: #fff; font-weight: 500; font-size: 28px;}
  .pricing-calc h5{text-align: center; color: #fff; font-weight: 400; font-size: 20px;}
  .pricing-calc p{color: #fff; font-size: 20px; font-weight: 500;}
  .pricing-calc .cal-info{display: flex; justify-content: space-between; margin-bottom: 20px; margin-top: 6px;}
  
  .calculator-sec .map img{border-radius: 16px;}
  .calculator-sec .calculator-row{display: flex; align-items: end; gap: 40px;}
  .calculator-sec .calculator-row .note{max-width: 600px; font-size: 18px;}
  .calculator-sec .calculator-row .note p span{color: #6d53f4;}
  .calculator-sec .calculator-row .confirm a{font-family: "Futura PT", sans-serif;
    width: 100%;
    max-width: 280px;
    padding: 16px 24px;
    margin-top: 20px;
    display: flex;
    margin-left: auto;
    border-radius: 32px;
    border: none;
    background: #6d53f4;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;}
  
    /* help-page */
    .help-page{padding: 60px 0;}
    .help-page .my-row{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px;}
    .help-page h1 {
      font-size: 46px;
      font-weight: 600;
      text-align: center;
  }
  .help-page input{
    font-family: "Futura PT", sans-serif;
    width: 100%;
    max-width: 400px;
    border-radius: 32px;
    border: 1px solid #9c9a9a;
    padding: 12px 24px;
    background: #f5f5f5;
    color: #9c9a9a;
    font-size: 18px;
  }
  
  .help-page .help-link-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
    max-width: 560px;
    margin-inline: auto;
    box-shadow: 0 0 24px rgba(0, 0, 0, 15%);
    padding: 20px;
    border-radius: 32px;
    width: 100%;
  }
  .help-page .help-link-box a{
    text-align: center;
    width: 100%;
    padding: 16px 24px;
    display: flex;
    border-radius: 16px;
    border: none;
    background: #6d53f4;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    justify-content: center;
  }
  .help-page .help-link-box a:hover{background: #1e1e1e;}
  
  
  .privacy-sec.for-help .my-row {
    max-width: 960px;
    margin-inline: auto;
  }
  .privacy-sec ul li{text-wrap: pretty;}
  .privacy-sec a{color: #6d53f4;}
  .privacy-sec.for-help h4{text-align: center;}
  .privacy-sec.for-help h5{margin-bottom: 20px; font-size: 28px; text-align: center;}
  
  .ad-sec .ad-box .img-box img {
    object-fit: fill;
    object-position: center;
    height: 380px;
    width: 400px;
  }
  
  /* loading spinner */
  .loader-box {
      display: flex;
      display: none;
      position: fixed;
      top: 0;
      right: 0px;
      width: 100%;
      height: 100vh;
      background: #dadada;
      background-color: rgb(0, 0, 0);
      background-color: rgba(0, 0, 0, 0.6);
      align-items: center;
      justify-content: center;
  }
  .loader {
      display: block;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      position: relative;
      animation: rotate 1s linear infinite;
  }
  
  .loader::before {
      content: "";
      box-sizing: border-box;
      position: absolute;
      inset: 0px;
      border-radius: 50%;
      border: 2px solid #fff;
      animation: prixClipFix 2s linear infinite;
  }
  
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes prixClipFix {
    0% {
      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    100% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
  }
  
  nav .topnav {
      display: flex;
      align-items: center;
      gap: 16px;
  }
  .user-name span.user-pic svg {
      display: flex;
  }
  .user-name span.user-pic {
      padding: 6px;
      background: #6d53f4;
      display: flex;
      width: 42px;
      height: 42px;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
  }
  
  .user-name.if-login {
      display: flex;
      align-items: center;
      gap: 6px;
  }
  
  .user-name.if-login a {
      font-size: 16px;
      font-weight: 500;
      color: #000 !important;
  }
  .currency-box button {
      border-radius: 16px;
      background: #6d53f4;
      color: #fff;
      font-weight: 500;
      border: none;
      padding: 8px;
      width: 100%;
      font-size: 16px;
  }
  
  
  .adv-detail{
  width: 90%;
  border-radius: 32px;
  border: 1px solid #9c9a9a;
  padding: 12px 24px;
  background: #f5f5f5;
  color: #9c9a9a;}
  .adv-detail label {
    display: block;
}
  .adv-detail input, .adv-detail textarea{outline: none; border: none !important; padding: 6px 0 !important; border-radius: 0 !important; font-size: 16px !important; color: #9c9a9a !important;}
  .adv-detail label{font-family: "Futura PT", sans-serif;}
  .adv-detail textarea{min-height: 150px;}
  p.info-adv{margin:4px;}
  .how-to p{margin-bottom:4px;}
  
  .time-to{display: flex; width: 100%;  border-radius: 32px;
  border: 1px solid #9c9a9a;
  padding: 12px 24px;
  background: #f5f5f5;
  color: #9c9a9a;}
.contact-box .time-to input{padding: 0 !important; outline: none; border: none !important; border-radius: 0 !important; color: #9c9a9a !important;}
.time-to p{font-size: 18px; padding: 0 10px; margin:0;} 



  /* res */
  @media only screen and (max-width: 1360px) {
    .feature-page,
    .faq-sec,
    .contact-sec,
    .ad-sec {
      padding: 40px 0;
    }
    .feature-page h2,
    .faq-sec h2,
    .contact-sec h2,
    .download-sec h2,
    .ad-sec h2 {
      font-size: 46px;
    }
    .ad-sec .ad-box .img-box a.read-btn {
      font-size: 20px;
    }
    .p-detail .my-row .left {
      width: 55%;
    }
    .subscription-sec .sub-box h6 {
      font-size: 24px;
      font-weight: 500;
    }
    .subscription-sec .sub-box h4 {
      font-size: 48px;
      font-weight: 700;
    }
    .subscription-sec .sub-box {
      padding: 16px;
    }
    .subscription-sec .sub-box .btn-sub {
      margin-top: 10px;
      margin-bottom: 20px;
      font-size: 26px;
      font-weight: 500;
    }
    .subscription-sec .sub-box .sub-features-box .point {
      font-size: 16px;
    }
    .subscription-sec .sub-box .sub-features-box {
      gap: 12px;
    }
  }
  
  @media only screen and (max-width: 1280px){
    nav .menu {
        gap: 12px;
    }
    nav .menu .my-btn {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        padding: 10px 18px;
        border-radius: 20px 40px 20px 40px;
        background: #6d53f4;
        border: none;
    }
    .my-container {
        padding-left: 20px;
        padding-right: 20px;

    }
    .home-page nav .menu a{font-size: 14px;}
  }

  @media only screen and (max-width: 1080px) {
    .home-page .user-name.if-login a{color: #1e1e1e !important;}
    .res-menu {
      display: block;
      background: #fff;
      padding: 12px;
      border-radius: 50%;
      border: none;
    }
    .res-menu svg {
      display: flex;
    }
    .menu.for-mob {
      display: block;
    }
    nav .topnav {
      display: none;
    }
    nav .topnav.responsive {
      display: block;
      position: absolute;
      background: #fff;
      right: 20px;
      top: 70px;
      padding: 20px;
      border-radius: 16px;
      z-index: 999;
      border: 1px solid #1e1e1e;
    }
    nav .topnav.responsive .menu {
      flex-direction: column;
      gap: 10px;
    }
    nav .topnav.responsive .menu a {
      color: #1e1e1e !important;
    }
    nav .topnav.responsive button {
      display: none;
    }
    nav .menu {
      margin-left: auto;
      margin-right: 10px;
    }
    .my-container {
      width: 100%;
      max-width: 1440px;
      padding-left: 20px;
      padding-right: 20px;
      margin: 0 auto;
    }
    nav {
      padding: 16px 0;
    }
    .privacy-sec h1 {
      font-size: 58px;
      font-weight: 600;
      text-align: center;
    }
    .privacy-sec h6 {
      font-size: 20px;
    }
    .privacy-sec h2 {
      font-size: 26px;
    }
    .privacy-sec p,
    ul,
    li {
      font-size: 16px;
    }
    .privacy-sec {
      padding: 40px 0;
    }
    footer p,
    footer a {
      font-size: 14px;
      font-weight: 300;
    }
    footer .footer-links {
      max-width: 340px;
    }
    .privacy-sec h4 {
      font-size: 28px;
    }
    .ad-sec .ad-box .img-box a.read-btn {
      font-size: 18px;
      font-weight: 400;
      padding: 12px 0;
    }
    .ad-sec .ad-row {
      row-gap: 20px;
    }
    .p-detail .my-row {
      gap: 20px;
    }
    .p-detail .my-row {
      flex-direction: column;
    }
    .p-detail .my-row .left,
    .p-detail .my-row .right {
      width: 100%;
    }
    .product-detail {
      justify-content: start;
    }
    .feature-page,
    .faq-sec,
    .contact-sec,
    .ad-sec,
    .p-detail {
      padding: 40px 0;
    }
    .p-detail h3 {
      color: #1e1e1e;
      font-size: 28px;
      font-weight: 500;
      max-width: 340px;
    }
    .p-detail .date {
      font-size: 16px;
    }
  
    .p-detail p {
      font-size: 16px;
    }
    .p-detail h2 {
      color: #6d53f4;
      font-size: 32px;
      font-weight: 600;
    }
    .ad-button-box button {
      font-size: 16px;
      padding: 8px 20px;
    }
    .features-sec {
      padding: 40px 0;
    }
    .benefit-sec .my-row {
      padding: 20px;
    }
    .features-sec h2,
    .benefit-sec h2 {
      font-size: 32px;
      font-weight: 600;
    }
    .benefit-sec .benefit-box h4 {
      font-size: 24px;
      font-weight: 400;
      margin-top: 10px;
    }
    .benefit-sec .benefit-box p {
      font-size: 16px;
    }
    .benefit-sec .benefit-box .icon-box {
      background: #6d53f4;
      padding: 16px;
      border-radius: 6px;
      width: 60px;
    }
    .benefit-sec {
      padding-bottom: 40px;
    }
    .feature-page,
    .faq-sec,
    .contact-sec,
    .ad-sec,
    .p-detail,
    .download-sec,
    .about-sec,
    .subscription-sec,
    .signup-sec {
      padding: 40px 0;
    }
    .feature-page h2,
    .faq-sec h2,
    .contact-sec h2,
    .download-sec h2,
    .ad-sec h2,
    .about-sec h2,
    .subscription-sec h2,
    .signup-sec h2 {
      font-size: 38px;
      text-align: center;
      margin-bottom: 10px;
    }
    .about-sec h3 {
      font-size: 32px;
      font-weight: 500;
      margin-bottom: 10px;
    }
    .about-sec .my-row p {
      font-size: 18px;
      font-weight: 400;
      max-width: 420px;
    }
    .about-sec .my-row {
      margin-top: 40px;
    }
    .mission-sec h3,
    .team-sec h3,
    .story-sec h3,
    .company-sec h3 {
      font-size: 32px;
    }
    .team-sec,
    .story-sec,
    .company-sec {
      padding: 40px 0;
    }
    .story-sec .my-row h4 {
      font-size: 26px;
      margin-bottom: 10px;
      font-weight: 500;
    }
    .team-sec .my-row {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    .company-sec .my-row {
      grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    }
    .story-sec .my-row {
      margin-top: 40px;
    }
    .faq-sec .faq-box .right h4 {
      font-size: 20px;
    }
    .faq-sec .faq-box .left span {
      padding: 10px;
    }
    .faq-sec p {
      font-size: 18px;
      font-weight: 300;
    }
    .subscription-sec .my-row {
      margin-top: 40px;
      grid-template-columns: repeat(2, auto);
    }
    .p-detail.adevrt-review-sec h6, .calculator-sec h6 {
      font-size: 38px;
  }
  .calculator-sec .calculator-row{flex-direction: column; justify-content: start; align-items: start; gap: 20px;}
  .calculator-sec .calculator-row .confirm a{margin-top: 0;}
  #userDropdown{display: block !important;position: static !important; transform: none !important;}
  #userDropdown button{display: block; font-size: 14px;}
  nav .topnav.responsive .user-name.if-login {
    gap: 4px;
    flex-direction: column;
    margin-top: 16px;
}
nav .topnav.responsive .currency-box button{display: block; margin-top: 10px; font-size: 14px; font-weight: 400;}
  }
  
  @media only screen and (max-width: 767px) {
    .privacy-sec h1 {
      font-size: 32px;
      font-weight: 600;
      text-align: center;
    }
    .privacy-sec h6 {
      font-size: 18px;
    }
    .privacy-sec h2 {
      font-size: 24px;
    }
    .privacy-sec .my-row:not(:first-child) {
      margin-top: 30px;
    }
    .logo {
      max-width: 100px;
    }
    nav .menu .my-btn {
      font-size: 14px;
      padding: 8px 12px;
    }
    footer .my-container {
      flex-direction: column;
      gap: 20px;
    }
    footer .footer-links {
      text-align: center;
      align-items: center;
      justify-content: center;
      gap: 16px;
      flex-wrap: wrap;
    }
    .privacy-sec h4 {
      font-size: 26px;
    }
    .ad-sec .ad-row {
      grid-template-columns: repeat(2, auto);
      margin-top: 30px;
    }
    .ad-sec .ad-box {
      box-shadow: 0px 10px 24px 6px rgb(0 0 0 / 10%);
    }
    .feature-page h2,
    .faq-sec h2,
    .contact-sec h2,
    .download-sec h2,
    .ad-sec h2 {
      font-size: 32px;
    }
    .product-detail {
      flex-direction: column-reverse;
    }
    .thumbnails {
      display: flex;
      flex-direction: row;
      height: 100%;
      justify-content: space-between;
      margin-top: 12px;
    }
    .thumbnail-container {
      margin-right: 0;
    }
    .heading-row h1 {
      font-size: 38px;
      font-weight: 600;
    }
    .heading-row p {
      font-size: 18px;
      font-weight: 300;
      max-width: 400px;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 20px;
    }
    .heading-row {
      padding: 40px 0;
    }
    .features-sec h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 10px;
      margin-top: 10px;
    }
    .benefit-sec p {
      font-size: 16px;
    }
    .benefit-sec .icon-row {
      margin-top: 30px;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      justify-content: space-between;
      gap: 20px;
    }
    .benefit-sec .benefit-box {
      margin: 0 auto;
    }
    .features-sec .my-row {
      flex-direction: column;
      align-items: start;
      gap: 20px;
    }
    .features-sec .my-row .cont-box {
      max-width: 100%;
    }
    .features-sec .my-row .img-box {
      max-width: 160px;
    }
    .features-sec .my-row.colum-reverse {
      flex-direction: column-reverse;
    }
    .features-sec p {
      font-size: 16px;
      line-height: normal;
      font-weight: 300;
    }
    .team-sec .team-box {
      max-width: 100%;
    }
    .about-sec .my-row {
      flex-direction: column-reverse;
      align-items: self-start;
    }
    .about-sec .my-row .cont-box {
      max-width: 100%;
    }
    .about-sec .my-row .img-box {
      max-width: 260px;
    }
    .about-sec .my-row p {
      max-width: 100%;
    }
    .mission-sec {
      padding: 40px 0;
    }
    .story-sec .my-row {
      flex-direction: column;
      gap: 20px;
    }
    .story-sec p {
      text-align: center;
      max-width: 660px;
      font-size: 16px;
      margin: 0 auto;
    }
    .team-sec .team-box p {
      margin: 10px 0;
      font-size: 16px;
      font-weight: 300;
      color: #fff;
    }
    .story-sec h3 span {
      display: inline;
    }
    .company-sec .company-box {
      margin: 0 auto;
    }
    .company-sec .company-box p {
      text-align: left;
      margin-top: 10px;
      font-size: 16px;
      font-weight: 300;
      text-wrap: pretty;
    }
    .company-sec .company-box .icon-box span {
      padding: 12px;
      border: 1px solid #fff;
      border-radius: 8px;
    }
    .company-sec .company-box .icon-box h5 {
      font-size: 20px;
      font-weight: 500;
      color: #fff;
    }
    .feature-page .my-row {
      margin-top: 40px;
    }
    .features-sec h3 {
      margin-bottom: 0px;
      margin-top: 0;
    }
    .faq-sec .my-row-2 {
      margin-top: 30px;
      display: grid;
      grid-template-columns: repeat(1, auto);
      justify-content: space-between;
      column-gap: 20px;
      row-gap: 40px;
    }
    .faq-sec .faq-box .right h4 {
      margin-bottom: 10px;
    }
    .faq-sec .faq-box {
      max-width: 100%;
    }
    .subscription-sec .my-row {
      margin-top: 40px;
      grid-template-columns: repeat(1, auto);
      justify-content: center;
    }
    .contact-sec .my-row-2 .contact-box {
      padding: 20px;
    }
    .contact-box .in-two {
      display: flex;
      gap: 10px;
      margin-bottom: 10px;
    }
    .contact-sec .my-row-2 {
      margin-top: 40px;
  }
  .download-page .my-row p {
    font-size: 18px;}
    .qr-box {
      display: flex;
      justify-content: center;
      gap: 30px;
      margin-top: 10px;
  }
  .download-page {
    margin-bottom: 40px;
  }
  .p-detail.adevrt-review-sec .my-row .left {
    width: 100%;
  }
  .help-page h1 {
    font-size: 26px;
  }
  .help-page .help-link-box{margin-top: 0; }
  .help-page .help-link-box a{font-size: 16px; font-weight: 400;}
  
  .ad-sec .advert-btn-row {
    flex-direction: column;
    align-items: center;
  }
  
  a.place-your-advert-btn.more-info-btn {
    margin-left: 0;
  }
  
  }
  
  @media only screen and (max-width: 560px) {
    .thumbnails img {
      height: 80px;
      width: 80px;
      margin: 0;
      padding: 6px;
    }
    .p-detail p {
      margin: 16px 0;
    }
    .heading-row h1 {
      font-size: 32px;
      font-weight: 500;
    }
    .heading-row p {
      font-size: 16px;
    }
    .heading-row .download-btns {
      display: flex;
      gap: 10px;
    }
    .heading-row .download-btns a {
      padding: 10px 16px;
    }
    .res-menu {
      padding: 6px;
    }
    .features-sec h2,
    .benefit-sec h2 {
      font-size: 28px;
      font-weight: 600;
    }
    .features-sec h2{font-size: 38px;}
    .mission-sec h3,
    .team-sec h3,
    .story-sec h3,
    .company-sec h3 {
      font-size: 24px;
    }
    .faq-sec .faq-box .left span {
      padding: 5px;
      width: 45px;
    }
    .contact-box .in-two {
      flex-direction: column;
    }
    .contact-sec .social-links { 
      flex-wrap: wrap;
      gap: 20px;
    }
    .contact-sec .my-row p {
      font-size: 16px;
    }
    .contact-sec .my-row-2 .contact-box {
      padding: 16px;
    }
    .contact-box textarea {
      min-height: 160px;}
      .contact-sec .social-links div{font-size: 16px;}
      .download-pic-box img {
        margin: 0 auto;
        max-width: 280px;
    }
    form.form-box{padding: 20px;}
    .privacy-sec.for-help h5 {
      margin-bottom: 20px;
      font-size: 18px;
      text-align: center;
  }
  .adv-detail{width:100%;}
  }
  
  @media only screen and (max-width: 480px) {
    .ad-sec .ad-row {
      grid-template-columns: repeat(1, auto);
      justify-content: center;
    }
    .thumbnails img {
      height: 72px;
      width: 72px;
      margin: 0;
      padding: 6px;
    }
    .qr-box{flex-direction: column;}
    .qr-box img {
      margin: 0 auto;
  }
  .qr-box a{max-width: 200px ; margin: 0 auto;}
  .gender .row label {
    margin-right: 22px;}
    .range-slider input{width: 280px;}
    .p-detail.adevrt-review-sec h6, .calculator-sec h6 {
      font-size: 26px;
      margin-bottom: 30px;
  }
  .calculator-sec {
    padding: 40px 0;
    border-top: 1px solid #ccc;
  }
  .pricing-calc h4 {
  
    font-size: 20px;
  }
  .calculator-sec .calculator-row .confirm a{font-size: 16px;}
  .calculator-sec .map img {
    border-radius: 16px;
    height: 200px;
    object-fit: cover;
  }
  .subscription-sec .my-row-2 p {
    font-size: 16px;
    margin-top: 30px;
  }
  }
  
  /* GENDER IN SIGNUP PAGE */
  .gender .row {
    margin: 0;
  }
  .gender .row label {
    margin-bottom: 0;
  }
  
  /* advert-info-sec */
  .advert-info-sec .my-row{max-width: 1080px;}
  .advert-info-sec ul.in-two{display: flex; flex-wrap: wrap;}
  .advert-info-sec ul.in-two li{width: 25%;}
  .advert-info-sec h2 span{color: #6d53f4; font-size: 32px;}
  .advert-info-sec h2{font-size: 28px;}
  .advert-info-sec p{text-wrap: pretty;}
  .advert-info-sec .my-row.for-h3 h3{margin-bottom: 2px;}
  
  @media only screen and (max-width: 767px) {
    .advert-info-sec ul.in-two li {
      width: 50%;
  }
  .advert-info-sec h2 {
    font-size: 18px !important;
  }
  .advert-info-sec h2 span {
    font-size: 20px;
  }
  .privacy-sec h3 {
    font-size: 16px;
  }
  .advert-info-sec ul.in-two li{
    font-size: 14px;}
  }
  
  a.place-your-advert-btn.more-info-btn {
    margin-left: 20px;
    font-size: 14px;
    padding: 10px 14px;
    height: max-content;
    margin-top: 14px;
    background: transparent;
    color: #6d53f4;
    border: 2px solid #6d53f4;
  }
  
  /* my subscription info details */
  .sub-info {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    border-bottom: 1px solid;
    padding: 20px;
  }
  .sub-info h4 {
    font-size: 36px;
    font-weight: 500;
    color: #6d53f4;
  }
  .sub-info h6 {
    font-size: 26px;
    font-weight: 400;
  }
  .subscription-container h2{margin-bottom: 40px;}
  .subscription-container .cancel-sub {
    margin-inline: auto;
    display: block;
    margin-top: 40px;
    font-size: 18px;
    padding: 16px;
    border-radius: 20px;
    border: none;
    background: #6d53f4;
    color: #fff;
    font-weight: 600;
  }
  
  
  /* Table Responsive COOKIE */
 #cookies-table {
  width: 100%;
    font-family: "Futura PT", sans-serif;
}
#cookies-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
#cookies-table tr:nth-of-type(odd) {
  background: #f2f2f2;
}
#cookies-table th {
  background: #3d4742;
  color: white;
  font-weight: bold;
}
#cookies-table td, #cookies-table th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}
@media all and (max-width: 767px) {
 #cookies-table table {
   width: 767px;
}
#cookies-table {
   overflow: scroll;
}
}