@media (max-width: 1920px) {
   .gap.gap2 {
      height: 86px;
   }

   .container-fluid.gt-12 {
      width: 81% !important;
   }

   .gap {
      height: 150px;
   }

   .content_hero h4 {
      font-size: 53px;
      max-width: 100%;
      margin: 0 auto;
   }

   .home-mainnew {
      position: relative;
      height: 1000px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
   }

   .c_three {
      border: 1px solid #8b5cf63b;
      width: 1400px;
      height: 1400px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;

   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 1150px;
      height: 1150px;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 800px;
      height: 800px;
   }

   .icons.icon_insta img {
      width: 150px;
      height: 150px;
      position: absolute;
      top: 8%;
      left: 21px;
   }

   .icons.icons.icon_tiktok img {
      width: 150px;
      height: 150px;
      position: absolute;
      top: 40%;
      right: -7%;
   }

   .icons.icon_fb img {
      width: 150px;
      height: 150px;
      position: absolute;
      left: -6%;
      top: 50%;
   }

   .icons.icon_youtube img {
      width: 150px;
      height: 150px;
      position: absolute;
      bottom: 9%;
   }

   .icons.icon_twi img {
      width: 150px;
      height: 150px;
      position: absolute;
      right: 4%;
      top: 7%;
   }

   .icons.icon_snapchat img {
      width: 150px;
      height: 150px;
      position: absolute;
      right: -5%;
      bottom: 20%;
   }

   .icons.icon_google img {
      width: 150px;
      height: 150px;
      position: absolute;
      right: 30%;
      bottom: -9%;
   }


   /* Styles for <=1920px screens */
   .icon-instagram {
      top: 10%;
      left: 29%;
   }

   .icon-facebook {
      top: 30%;
      left: 18.35%;
   }

   .icon-snapchat {
      bottom: 27%;
      left: 29%;
   }

   .icon-google {
      bottom: 20%;
      left: 59%;
   }

   .icon-x {
      top: 10%;
      right: 29%;
   }

   .icon-youtube {
      bottom: 49%;
      right: 26%;
   }

   .icon-tiktok {
      top: 27%;
      right: 19%;
   }


}

/* 1680px and below */
@media (max-width: 1680px) {
   .container-fluid.gt-12 {
      width: 90% !important;
   }

   .home-mainnew {
      /* position: relative; */
      height: 868px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
   }


   .content_hero h4 {
      font-size: 34px;
      max-width: 100%;
      margin: 0 auto;
   }

   .content_hero p {
      font-size: 18px;
      max-width: 100%;
      margin: 0 auto;
      padding-top: 15px;
      color: #635290;
   }


   .circles {
      width: 100%;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 650px;
      height: 650px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }

   .icons.icon_insta img {
      width: 120px;
      height: 120px;
      position: absolute;
      top: 17%;
      left: -8px;
   }

   .icons.icon_youtube img {
      width: 120px;
      height: 120px;
      position: absolute;
      bottom: 10%;
   }

   .icons.icon_twi img {
      width: 120px;
      height: 120px;
      position: absolute;
      right: 0%;
      top: 15%;
   }

   .icons.icon_snapchat img {
      width: 120px;
      height: 120px;
      position: absolute;
      right: -5%;
      bottom: 20%;
   }

   .icons.icon_google img {
      width: 120px;
      height: 120px;
      position: absolute;
      right: 30%;
      bottom: -8%;
   }


   .c_three {
      border: 1px solid #8b5cf63b;
      width: 1200px;
      height: 1200px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 950px;
      height: 950px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .icons.icons.icon_tiktok img {
      width: 120px;
      height: 120px;
      position: absolute;
      top: 40%;
      right: -7%;
   }

   .icons.icon_fb img {
      width: 120px;
      height: 120px;
      position: absolute;
      left: -6%;
      top: 50%;
   }
}

/* 1600px and below */
@media (max-width: 1600px) {
   .container-fluid.gt-12 {
      width: 100% !important;
   }

   /* Styles for <=1600px screens */
}

/* 1535px and below */
@media (max-width: 1535px) {
   .container-fluid.gt-12 {
      width: 100% !important;
   }

   .home-mainnew {
      /* position: relative; */
      height: 600px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
   }


   .content_hero h4 {
      font-size: 34px;
      max-width: 100%;
      margin: 0 auto;
   }

   .content_hero p {
      font-size: 18px;
      max-width: 100%;
      margin: 0 auto;
      padding-top: 15px;
      color: #635290;
   }


   .circles {
      width: 100%;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 500px;
      height: 500px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }

   .icons.icon_insta img {
      width: 84px;
      height: 84px;
      position: absolute;
      top: 17%;
      left: -8px;
   }

   .icons.icon_youtube img {
      width: 84px;
      height: 84px;
      position: absolute;
      bottom: 10%;
   }

   .icons.icon_twi img {
      width: 84px;
      height: 84px;
      position: absolute;
      right: 0%;
      top: 15%;
   }

   .icons.icon_snapchat img {
      width: 84px;
      height: 84px;
      position: absolute;
      right: -5%;
      bottom: 20%;
   }

   .icons.icon_google img {
      width: 84px;
      height: 84px;
      position: absolute;
      right: 30%;
      bottom: -8%;
   }


   .c_three {
      border: 1px solid #8b5cf63b;
      width: 800px;
      height: 800px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 650px;
      height: 650px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .icons.icons.icon_tiktok img {
      width: 84px;
      height: 84px;
      position: absolute;
      top: 40%;
      right: -7%;
   }

   .icons.icon_fb img {
      width: 84px;
      height: 84px;
      position: absolute;
      left: -40px;
      top: 50%;
   }
}

/* 1440px and below */
@media (max-width: 1440px) {


   .container-fluid.gt-12 {
      width: 100% !important;
   }

   /* .smarter {
    padding: 5px 0 60px 0;
} */
   .center-content h1 {
      font-size: 40px;
   }

   .bg-circles {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -51%);
      max-width: 86%;
      z-index: 0;
   }

   .second-p {
      color: var(--btn);
      font-size: 18px;
   }

   .trending .card .card-title.card-title-2 {
      line-height: 27px;
   }

   .get-t {
      font-size: 15px;
   }

   .home-mainnew {
      height: 728px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
      margin: 0 0 105px 0;
   }


   .content_hero h4 {
      font-size: 29px;
      max-width: 100%;
      padding: 0 12px;
      margin: 0 auto;
   }

   .content_hero p {
      font-size: 18px;
      max-width: 100%;
      margin: 0 auto;
      padding-top: 15px;
      color: #635290;
   }


   .circles {
      width: 100%;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 650px;
      height: 650px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }

   .icons.icon_insta img {
      width: 110px;
      height: 110px;
      position: absolute;
      top: 8%;
      left: 4%;
   }

   .icons.icon_youtube img {
      width: 110px;
      height: 110px;
      position: absolute;
      bottom: 10%;
   }

   .icons.icon_twi img {
      width: 110px;
      height: 110px;
      position: absolute;
      right: 3%;
      top: 10%;
   }

   .icons.icon_snapchat img {
      width: 110px;
      height: 110px;
      position: absolute;
      right: -5%;
      bottom: 20%;
   }

   .icons.icon_google img {
      width: 110px;
      height: 110px;
      position: absolute;
      right: 30%;
      bottom: -8%;
   }


   .c_three {
      border: 1px solid #8b5cf63b;
      width: 1100px;
      height: 1100px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 850px;
      height: 850px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .icons.icons.icon_tiktok img {
      width: 110px;
      height: 110px;
      position: absolute;
      top: 40%;
      right: -7%;
   }

   .icons.icon_fb img {
      width: 110px;
      height: 110px;
      position: absolute;
      left: -6%;
      top: 50%;
   }


}

/* 1366px and below */
@media (max-width: 1366px) {
    .p-cs {
    font-size: 16px;
    color: var(--pc);
}
        .second-p {
        color: var(--btn);
        font-size: 15px;
    }
    .marketing .btn.btn-ex {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 36px;
}
   .container-fluid.gt-12 {
      width: 100% !important;
   }

   .center-content {
      position: absolute;
      top: 33%;
      left: 50%;
      text-align: center;
      transform: translate(-50%, -50%);
      z-index: 1;
      color: #2b2154;
      padding: 0 20px;
   }

   .list-uder {
      color: #000;
      font-weight: 500;
      font-size: 15px;
   }

   .center-content h1 {
      font-size: 35px;
   }

   .bg-circles {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -57%);
      max-width: 70%;
      z-index: 0;
   }

   .fidner-button-wrap {
      position: absolute;
      content: '';
      left: 28px;
      right: 28px;
      bottom: 42px;
   }

   .home-mainnew {
      /* position: relative; */
      height: 741px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
      margin: 0 0 105px 0;
   }


   .content_hero h4 {
      font-size: 34px;
      max-width: 100%;
      margin: 0 auto;
   }

   .content_hero p {
      font-size: 18px;
      max-width: 100%;
      margin: 0 auto;
      padding-top: 15px;
      color: #635290;
   }


   .circles {
      width: 100%;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 650px;
      height: 650px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }

   .icons.icon_insta img {
      width: 110px;
      height: 110px;
      position: absolute;
      top: 6%;
      left: 8%;
   }

   .icons.icon_youtube img {
      width: 110px;
      height: 110px;
      position: absolute;
      bottom: 10%;
   }

   .icons.icon_twi img {
      width: 110px;
      height: 110px;
      position: absolute;
      right: 4%;
      top: 9%;
   }

   .icons.icon_snapchat img {
      width: 110px;
      height: 110px;
      position: absolute;
      right: -5%;
      bottom: 20%;
   }

   .icons.icon_google img {
      width: 110px;
      height: 110px;
      position: absolute;
      right: 30%;
      bottom: -8%;
   }


   .c_three {
      border: 1px solid #8b5cf63b;
      width: 1100px;
      height: 1100px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 850px;
      height: 850px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .icons.icons.icon_tiktok img {
      width: 110px;
      height: 110px;
      position: absolute;
      top: 40%;
      right: -7%;
   }

   .icons.icon_fb img {
      width: 110px;
      height: 110px;
      position: absolute;
      left: -6%;
      top: 50%;
   }


}

/* 1280px and below */
@media (max-width: 1280px) {

   .p-cs {
      font-size: 15px;
      padding: 10px 0 0 0;
   }

   .second-p {
      font-size: 16px;
   }

   .marketing .meta h4 {
      font-size: 20px;
   }


   .home-mainnew {
      /* position: relative; */
      height: 600px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
   }


   .content_hero h4 {
      font-size: 28px;
      line-height: 35px;
      max-width: 100%;
      margin: 0 auto;
   }


   .content_hero p {
      font-size: 14px;
      max-width: 100%;
      margin: 0 auto;
      padding-top: 15px;
      color: #635290;
   }


   .circles {
      width: 100%;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 500px;
      height: 500px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }

   .icons.icon_insta img {
      width: 100px;
      height: 100px;
      position: absolute;
      top: 9%;
      left: 3%;
   }

   .icons.icon_youtube img {
      width: 100px;
      height: 100px;
      position: absolute;
      bottom: 4%;
   }

   .icons.icon_twi img {
      width: 100px;
      height: 100px;
      position: absolute;
      right: 2%;
      top: 8%;

   }

   .icons.icon_snapchat img {
      width: 100px;
      height: 100px;
      position: absolute;
      right: -7%;
      bottom: 20%;
   }

   .icons.icon_google img {
      width: 100px;
      height: 100px;
      position: absolute;
      right: 30%;
      bottom: -8%;
   }


   .c_three {
      border: 1px solid #8b5cf63b;
      width: 1000px;
      height: 1000px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 750px;
      height: 750px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .icons.icons.icon_tiktok img {
      width: 100px;
      height: 100px;
      position: absolute;
      top: 40%;
      right: -7%;
   }

   .icons.icon_fb img {
      width: 100px;
      height: 100px;
      position: absolute;
      left: -6%;
      top: 50%;
   }

}

/* 1200px and below */
@media (max-width: 1200px) {
   /* Styles for <=1200px screens */
}

/* 1024px and below */
@media (max-width: 1024px) {
        .c_three {
        border: 1px solid #8b5cf63b;
        width: 850px;
        height: 850px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        display: -webkit-flex;
        align-items: center;
    }
        .c_two {
        border: 1px solid #8b5cf63b;
        width: 700px;
        height: 700px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        display: -webkit-flex;
        align-items: center;
    }
   .gap {
      height: 80px;
   }

   /* .smarter {
        padding: 0 0 28px 0;
    } */
   .bg-circles {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -59%);
      max-width: 86%;
      z-index: 0;
   }

   .center-content {
      position: absolute;
      top: 33%;
      left: 50%;
      text-align: center;
      transform: translate(-50%, -50%);
      z-index: 1;
      color: #2b2154;
      padding: 0 20px;
   }

   .icon img {
      width: 80px;
      height: 80px;
   }

   .p-cs {
      font-size: 14px;
   }

   .list-uder {
      font-size: 13px;
   }

   /*.get-t {*/
   /*   display: contents;*/
   /*}*/

   .icon-tiktok {
      top: 21%;
      right: 13%;
   }

   .center-content h1 {
      font-size: 27px;
   }

   .home-main {
      padding: 4px 0 0 0;
   }

   .second-p {
      font-size: 13px;
   }

       .marketing .btn.btn-ex {
        font-size: 12px;
        padding: 10px 13px;
        margin: 17px 0 0 0;
    }
   .icon-instagram {
      top: 5%;
      left: 33%;
   }

   .icon-google {
      bottom: 36%;
      left: 61%;
   }

   .icon-snapchat {
      bottom: 40%;
      left: 27%;
   }

   .icon-facebook {
      top: 17%;
      left: 14.35%;
   }

   .icon-youtube {
      bottom: 53%;
      right: 22%;
   }

   .icon-x {
      top: 7%;
      right: 31%;
   }
}

/* Responsive tweaks */
@media (max-width: 768px) {
   .icon img {
      width: 70px;
      height: 70px;
   }

}
@media (max-width: 768px) {
    .finder-gt .fidner-button .btn-cover-2 .btn-10 {
    box-shadow: 0px 4px 10px 0px #00000008;
    background-color: #FFFFFF;
    color: #8B5CF6;
    padding: 14px 29px;
    font-size: 13px;
    border: none !important;
    border-radius: 8px;
    font-weight: 500;
}

    .finder-gt .fidner-button .btn-cover-1 .btn-11 {
    padding: 15px 30px;
    border-radius: 14px;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.3s 
ease;
}
        .gap {
        height: 45px;
    }
        .icons.icons.icon_tiktok img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 33%;
        right: -10%;
    }
        .c_three {
        border: 1px solid #8b5cf63b;
        width: 650px;
        height: 650px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        display: -webkit-flex;
        align-items: center;
    }
        .content_hero h4 {
        font-size: 20px;
        line-height: 26px;
        max-width: 100%;
        margin: 0 auto;
    }
        .icons.icon_snapchat img {
        width: 100px;
        height: 100px;
        position: absolute;
        right: -10%;
        bottom: 12%;
    }
        .icons.icon_twi img {
        width: 100px;
        height: 100px;
        position: absolute;
        right: 2%;
        top: 1%;
    }
        .icons.icon_fb img {
        width: 100px;
        height: 100px;
        position: absolute;
        left: -9%;
        top: 50%;
    }
        .icons.icon_youtube img {
        width: 100px;
        height: 100px;
        position: absolute;
        bottom: -4%;
    }
        .icons.icon_google img {
        width: 100px;
        height: 100px;
        position: absolute;
        right: 30%;
        bottom: -15%;
    }

        .icons.icon_insta img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: -1%;
        left: 3%;
    }
        .c_two {
        border: 1px solid #8b5cf63b;
        width: 500px;
        height: 500px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        display: -webkit-flex;
        align-items: center;
    }
        .c_one {
        border: 1px solid #8b5cf63b;
        width: 350px;
        height: 350px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        align-items: center;
        text-align: center;
        padding: 15px;
    }
    
   .marketing .meta {
      margin: 23px 0 0 0;
   }

   .container-2 {
      position: relative;
      height: 65vh;
   }

   .bg-circles {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -48%);
      max-width: 91%;
      z-index: 0;
   }

   .icon {
      width: 40px;
      height: 40px;
   }

   .icon img {
      width: 50px;
      height: 50px;
   }

   .center-content h1 {
      font-size: 0.97rem;
      line-height: 28px;
   }

   .center-content p {
      font-size: 0.9rem;
   }
}

/* 767px and below */
@media (max-width: 767px) {
    
        .marketing .btn.btn-ex {
        font-size: 12px;
        padding: 10px 13px;
        margin: 17px 0 0 0;
    }

   .gap {
      height: 40px;
   }

   .finder-gt .fidner-button {
      display: grid;
      align-content: space-between;
      justify-content: left;
      align-items: start;
      justify-items: start;
      padding: 0 17px;
   }

   .content_hero h4 {
      font-size: 20px;
      line-height: 26px;
      max-width: 100%;
      margin: 0 auto;
   }

   .icons.icon_insta img {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 1%;
      left: 9%;
   }

   .icons.icon_snapchat img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: -7%;
      bottom: 20%;
   }

   .icons.icon_fb img {
      width: 80px;
      height: 80px;
      position: absolute;
      left: -6%;
      top: 50%;
   }

   .icons.icon_twi img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 6%;
      top: 1%;
   }

   .icons.icon_snapchat img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: -7%;
      bottom: 20%;
   }

   .icons.icons.icon_tiktok img {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 40%;
      right: -8%;
   }

   .icons.icon_youtube img {
      width: 80px;
      height: 80px;
      position: absolute;
      bottom: 1%;
   }

   .icons.icon_google img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 30%;
      bottom: -11%;
   }

   .c_three {
      border: 1px solid #8b5cf63b;
      width: 680px;
      height: 680px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 530px;
      height: 530px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 350px;
      height: 350px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }


   .fidner-button-wrap {
      position: absolute;
      content: '';
      left: 5px;
      right: 5px;
      bottom: 12px;
   }

   .finder-gt .fidner-button .btn-cover-1 .btn-11 {
      padding: 17px 25px;
      border-radius: 14px;
      width: auto;
      border: none;
      color: #fff;
      font-size: 12px;
      font-weight: 400;
      cursor: pointer;
      background: rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
      transition: all 0.3s ease;
   }

   .finder-gt .fidner-button .btn-cover-2 .btn-10 {
      box-shadow: 0px 4px 10px 0px #00000008;
      background-color: #FFFFFF;
      color: #8B5CF6;
      padding: 14px 19px;
      border: none;
      font-size: 12px;
      border-radius: 8px;
      font-weight: 500;
   }

   /* .home-main  .container-2 > img {
         width: 50%;
     } */
   .p-cs {
      font-size: 15px;
   }

   .marketing .meta {
      margin: 19px 0 0 0;
   }


   .list-uder {
      font-size: 14px;
      color: #000;
      font-weight: 500;
   }

   .second-p {
      color: var(--btn);
      font-size: 17px;
   }

   .leads .grow {
      color: #3A1862;
      font-size: 33px;
   }

   .meet {
      font-family: 'poppins';
      font-weight: 400;
      color: #3A1862;
      font-size: 20px;
      margin: 0 0 3px 0;
      display: block;
   }

   .trending .card .card-title.card-title-2 {
      line-height: 28px;
      font-size: 19px;
   }

   .trending .card .card-link.card-link-2 {
      color: #8B5CF6;
      font-weight: 500;
      font-family: 'Poppins';
      font-size: 14px;
      padding: 5px 0;
      display: block;
   }

   .trending .card .card-text.card-text-2 {
      color: #635290;
      font-weight: 400;
      font-family: 'Poppins';
      font-size: 14px;
      padding: 9px 0;
      text-decoration: none;
   }

   .trending {
      padding: 50px 0;

   }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
   /* Add styles for sm screens here */
}

/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .extr-c {
    margin: 0 0 0 31px !important;
}
        .finder-gt .fidner-button .btn-cover-1 .btn-11 {
        padding: 17px 10px;
        border-radius: 14px;
        width: auto;
        border: none;
        color: #fff;
        font-size: 11px;
        font-weight: 400;
        cursor: pointer;
        background: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        transition: all 0.3s ease;
    }
        .finder-gt .fidner-button {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }
    .p-cs {
        padding: -00 0 0;
    }

   .gap {
      height: 32px;
   }

   .content_hero p {
      font-size: 13px;

   }

   .home-mainnew {
      /* position: relative; */
      height: 341px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-self: center;
      gap: 10px;
   }

   .content_hero h4 {
      font-size: 16px;
      line-height: 22px;
      max-width: 100%;
      margin: 0 auto;
   }

   .icons.icon_insta img {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 1%;
      left: 3%;
   }

   .icons.icon_snapchat img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: -7%;
      bottom: 20%;
   }

   .icons.icon_fb img {
      width: 80px;
      height: 80px;
      position: absolute;
      left: -9%;
      top: 50%;
   }

   .icons.icon_twi img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 0%;
      top: 3%;
   }

   .icons.icon_snapchat img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: -7%;
      bottom: 12%;
   }

   .icons.icons.icon_tiktok img {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 40%;
      right: -8%;
   }

   .icons.icon_youtube img {
      width: 80px;
      height: 80px;
      position: absolute;
      bottom: -3%;
   }

   .icons.icon_google img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 24%;
      bottom: -13%;
   }

   .c_three {
      border: 1px solid #8b5cf63b;
      width: 525px;
      height: 525px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
      width: 400px;
      height: 400px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
      width: 300px;
      height: 300px;
      ;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }

   .leads .grow {
      font-size: 19px;
   }

   .meet {
      font-size: 16px;
   }

   .p-cs {
      font-size: 14px;
      text-align: justify;
   }

   .marketing .meta h4 {
      font-size: 19px;
   }

   .second-p {
      font-size: 15px;
   }

   .marketing h2 {
      font-size: 18px;
   }

   .marketing {
      padding: 0 0;
   }

   .smarter h2 {
      font-size: 18px;
   }

   .center-content h1 {
      font-size: 14px;
      line-height: 20px;
   }

   .icon-tiktok {
      top: 6%;
      right: 12%;
   }

   .icon-youtube {
      bottom: 49%;
      right: 24%;
   }

   .icon-facebook {
      top: 20%;
      left: 12.35%;
   }

   .icon-instagram {
      top: -34%;
      left: 31%;
   }

   .icon-snapchat {
      bottom: 23%;
      left: 37%;
   }

   .icon-google {
      bottom: 10%;
      left: 67%;
   }

   .icon-x {
      top: -25%;
      right: 26%;
   }

   .marketing .meta {
      background-color: #8B5CF61F;
      border-radius: 20px;
      margin-top: 25px;
      padding: 18px 24px;
   }

  .trending {
        padding: 19px 7px;
    }

   .trending h2 {
      font-size: 20px;
   }
   

   .footer-sec {
      padding: 0 0 34px 0s;
   }

   .footer-sec .felp-h6 {
      font-size: 28px;
   }

   .footer-sec .footer-ul {
      display: flex;
      justify-content: center;
      gap: 34px;
   }

       .marketing {
        padding: 0 0;
    }

   .leads {
      padding: 0 20px;
   }

   footer li {
      list-style: none;
   }

   .home-main {
      position: relative;
      /* overflow: hidden; */
      padding: 133px 0 0 0;
   }

   /* .smarter {
        padding: 3px 21px 28px 21px;
    } */
   .bg-circles {
      position: absolute;
      top: 31%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 86%;
      z-index: 0;
   }

   .center-content {
      top: 28%;
   }

   .icon img {
      width: 60px;
      height: 60px;
   }

   .container-2 {
      position: relative;
      width: 100vw;
      height: 30vh;
   }


}

/* 475px and below */
@media (max-width: 475px) {
    .marketing-hh {
    margin: 0;
}
    .p-cs {
        padding: -00 0 0;
    }
     .content_hero h4 {
        font-size: 17px;
        line-height: 24px;
        max-width: 100%;
        margin: 0 auto;
    }

   .icons.icon_insta img {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 1%;
      left: 9%;
   }

   .icons.icon_snapchat img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: -7%;
      bottom: 20%;
   }

  .icons.icon_fb img {
        width: 80px;
        height: 80px;
        position: absolute;
        left: -8%;
        top: 50%;
    }

   .icons.icon_twi img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 6%;
      top: 1%;
   }

         .icons.icon_snapchat img {
        width: 80px;
        height: 80px;
        position: absolute;
        right: -7%;
        bottom: 13%;
    }

       .icons.icons.icon_tiktok img {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 40%;
        right: -11%;
    }

   .icons.icon_youtube img {
      width: 80px;
      height: 80px;
      position: absolute;
      bottom: 1%;
   }

   .icons.icon_google img {
      width: 80px;
      height: 80px;
      position: absolute;
      right: 30%;
      bottom: -11%;
   }

   .c_three {
      border: 1px solid #8b5cf63b;
               width: 480px;
        height: 480px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_two {
      border: 1px solid #8b5cf63b;
         width: 400px;
        height: 400px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      display: -webkit-flex;
      align-items: center;
   }

   .c_one {
      border: 1px solid #8b5cf63b;
             width: 300px;
        height: 300px;
      border-radius: 100%;
      margin: 0 auto;
      position: relative;
      display: flex;
      align-items: center;
      text-align: center;
      padding: 15px;
   }

   .center-content {
      top: 19%;
   }

   .icon-youtube {
      bottom: 49%;
      right: 21%;
   }

   .icon-google {
      bottom: 10%;
      left: 72%;
   }

   .icon-snapchat {
      bottom: 23%;
      left: 28%;
   }

   .icon-tiktok {
      top: 6%;
      right: 12%;
   }

   .icon img {
      width: 50px;
      height: 50px;
   }

   .icon-x {
      top: -34%;
      right: 24%;
   }

   .icon-instagram {
      top: -37%;
      left: 24%;
   }

   .home-main {
      position: relative;
      /* overflow: hidden; */
      padding: 107px 0 0 0;
   }

   /* Styles for <=475px screens */
   .footer-sec .footer-ul {
      display: flex;
      justify-content: center;
      gap: 22px;
      font-size: 12px;
   }

   .trending .card .card-title.card-title-2 {
      line-height: 21px;
      font-size: 13px;

   }
}


/* 425px and below */
@media (max-width: 425px) {
    .extr-c {
    margin: 0 0 0 31px !important;
}
    .carousel-indicators {
    margin-bottom: 0 !important;
 
}
    .marketing ul .list-marketing {
    margin: 8px 0 0 0;
}
        .list-uder {
        font-size: 13px;
        color: #000;
        font-weight: 500;
    }
        .get-t {
        font-size: 14px;
        line-height: 26px;
    }
    .finder-gt {
    margin: 0;
}
    .home-mainnew {
        /* position: relative; */
        height: 261px;
        width: 100%;
        display: flex
;
        align-items: center;
        justify-self: center;
        gap: 10px;
    }
        .content_hero h4 {
        font-size: 15px;
        line-height: 19px;
        max-width: 100%;
        margin: 0 auto;
    }
        .icons.icons.icon_tiktok img {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 40%;
        right: -11%;
    }
        .icons.icon_fb img {
       width: 60px;
        height: 60px;
        position: absolute;
      left: -9%;
        top: 50%;
    }
        .icons.icon_youtube img {
         width: 60px;
        height: 60px;
        position: absolute;
        bottom: 1%;
    }
        .icons.icon_snapchat img {
       width: 60px;
        height: 60px;
        position: absolute;
        right: -7%;
        bottom: 13%;
    }
        .icons.icon_snapchat img {
        width: 60px;
        height: 60px;
        position: absolute;
        right: -7%;
        bottom: 13%;
    }
        .icons.icon_google img {
         width: 60px;
        height: 60px;
        position: absolute;
        right: 30%;
        bottom: -11%;
    }
    .icons.icon_twi img {
  width: 60px;
        height: 60px;
        position: absolute;
        right: 6%;
        top: 1%;
    }
    .icons.icon_insta img {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 1%;
        left: 9%;
    }

        .c_one {
        border: 1px solid #8b5cf63b;
        width: 230px;
        height: 230px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        align-items: center;
        text-align: center;
        padding: 15px;
    }
    .c_two {
        border: 1px solid #8b5cf63b;
        width: 300px;
        height: 300px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        display: -webkit-flex;
        align-items: center;
    }
        .c_three {
        border: 1px solid #8b5cf63b;
        width: 380px;
        height: 380px;
        border-radius: 100%;
        margin: 0 auto;
        position: relative;
        display: flex
;
        display: -webkit-flex;
        align-items: center;
    }
    .finder-gt .fidner-button .btn-cover-2 {
     margin: 0;
}
    .p-cs {
        padding: 0 0 0 0;
       
    }
   .meet {
      font-size: 14px;
       margin: 0 0 8px 0;
   }

   .trending h2 {
      font-size: 17px;
   }

      .footer-sec .footer-ul {
        display: flex;
        justify-content: center;
        gap: 20px;
        font-size: 10px;
    }

   .finder-gt .fidner-button .btn-cover-1 .btn-12 {
      width: auto;
   }


        .finder-gt .fidner-button .btn-cover-1 .btn-11 {
        padding: 12px 20px;
        border-radius: 14px;
        width: auto;
        border: none;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        cursor: pointer;
        margin: 0 6px;
        background: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        transition: all 0.3s 
ease;
    }
    .finder-gt .fidner-button .btn-cover-2 .cover-btn5 {
    border: 1px solid #fff !important;
    background-color: transparent;
    border-radius: 14px;
    display: block;
    padding: 5px;
    width: fit-content;
    border: none;
           margin: 21px 0 0 8px;
}

      .fidner-button-wrap {
        position: absolute;
        content: '';
        top: 25px;
        left: 2px;
        right: 0;
        bottom: 9px;
    }

         .finder-gt .fidner-button {
        display: block;
        padding: 0;
    }

   .finder-gt .fidner-button .btn-cover-1 {
      display: grid;
      gap: 13px;
   }

   .marketing .btn.btn-ex {
      font-size: 11px;
      padding: 8px 14px;
      margin: 16px 0 0 0;
   }

   .second-p {
      font-size: 13px;
   }
       .marketing {
        padding: 0;
    }

   .marketing .meta h4 {
      font-size: 16px;
   }

   .marketing .meta {
      background-color: #8B5CF61F;
      border-radius: 20px;
      margin-top: 25px;
      padding: 16px 17px;
   }

     .smarter h2 {
       font-size: 14px;
        line-height: 17px;

        margin: 0 0 11px 0;
    }
   .icon-tiktok {
      top: 3%;
      right: 11%;
   }

   .icon-youtube {
      bottom: 49%;
      right: 21%;
   }

   .icon-google {
      bottom: 10%;
      left: 71%;
   }

   .icon-x {
      top: -30%;
      right: 22%;
   }

   .icon-snapchat {
      bottom: 19%;
      left: 31%;
   }

   .icon-facebook {
      top: 12%;
      left: 11.35%;
   }

   .center-content h1 {
      font-size: 14px;
      line-height: 17px;
   }

   /* Styles for <=425px screens */
   .icon img {
      width: 50px;
      height: 50px;
   }

   .icon-instagram {
      top: -34%;
      left: 25%;
   }

   .home-main {
      position: relative;
      /* overflow: hidden; */
      padding: 103px 0 0 0;
   }
   .finder-gt {
    position: relative;
    overflow: hidden;
}
.finder-gt .fidner-button .btn-cover-1 {
    display: flex
;
}
}


* Tiny Phones - up to 360px */
@media (max-width: 360px) {
  /* styles */
}

/* Very Small Devices - up to 320px */
@media (max-width: 320px) {
  /* styles */
}