@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

* {
   margin: 0;
   padding: 0;
}

:root {
   --primary: #3A1862;
   --btn: #8B5CF6;
   --black: #000000;
   --white: #ffffff;
   --pc: #635290;

}

.p-400 {
   font-family: 'Poppins';
   font-weight: 400;
}

.p-500 {
   font-family: 'Poppins';
   font-weight: 500;
}

.p-500 {
   font-family: 'Poppins';
   font-weight: 500;
}

.p-600 {
   font-family: 'Poppins';
   font-weight: 600;
}

h2 {
   font-size: 32px;
   color: var(--primary);
}

h4 {
   font-size: 22px;
}

body {
   background-image: url('assets/img/bg-home.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   height: 100%;
}

.felp-cs {
   color: var(--btn);
}

.felp-cs a {
   color: var(--btn);
}

.second-p {
    color: var(--btn);
    font-size: 19px;
    display: flex;
    margin: 0 0 0 33px;
}

.p-cs {
   font-size: 18px;
   color: var(--pc);
}

/*.smarter {*/
/*    padding: 40px 0 60px 0px !important;*/
/*}*/
/* .smarter.two {
    padding: 140px 0 60px 0px !important;
} */
.marketing {
   padding: 30px 0;
}

.marketing .btn.btn-ex {
   background-color: var(--btn);
   color: #ffffff;
   font-size: 14px;
   font-weight: 500;
   padding: 15px 42px;

}

.marketing .meta {
   background-color: #8B5CF61F;
   border-radius: 20px;
   padding: 24px 6px 20px 19px;
}

.marketing .meta ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.marketing ul .list-marketing {
   /* display: flex;
gap: 10px; */
   margin: 20px 0 20px 0;
}

.get-t {
    display: block;
    margin: 0 0 0 31px;
}

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

.marketing ul .list-marketing-2 {
   display: flex;
   gap: 10px;
   margin: 20px 0 20px 0;
}

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

/* .trending{
    padding: 100px 0;
} */
.trending .card {
   background-color: transparent;
   border: none !important;
}

.trending .card .card-title.card-title-2 {
   color: #3A1862;
   font-weight: 500;
   font-family: 'Poppins';
}

.trending .card .card-link {
   text-decoration: none !important;
}

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

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


.trending .card .card-body {
   background-color: transparent;
   border: none !important;
   padding: 25px 0 0 4px !important;
}

.finder-gt {
   margin: 54px 0 0 0;
}

.footer-sec .felp-h6 {
   font-family: 'Abril Fatface';
   color: #3A1862;
   font-size: 40px;
}

.footer-sec .power {
   color: #3A1862;
   font-weight: 400;
   font-size: 16px;
   font-family: 'Poppins';
}

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

.footer-sec .footer-ul li:first-child {
   list-style: none;
}


.home-main {
   position: relative;
   overflow: hidden;
   padding: 100px 0 0 0;
}

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

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

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

.center-content h1 {
   margin-bottom: 10px;
   color: #3A1862;
   font-weight: 500;
   font-size: 46px;
}

.center-content .highlight {
   color: #9c6eff;
}

.center-content p {
   font-size: 1rem;
   color: #666;
}

/* Icon styles */
.icon {
   position: absolute;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 2;
   transition: transform 0.3s ease;
}

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

/* Position each icon */
.icon-facebook {
   top: 30%;
   left: 10%;
}

.icon-instagram {
   top: 10%;
   left: 45%;
}

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

.icon-tiktok {
   top: 35%;
   right: 5%;
}

.icon-youtube {
   bottom: 25%;
   right: 15%;
}

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

.icon-snapchat {
   bottom: 20%;
   left: 15%;
}

.carousel-control-next,
.carousel-control-prev {
   display: none !important;
}

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

.mark-icon {
    width: 23px;
    margin: 4px 4px 0 0;
}

.carousel-indicators [data-bs-target] {
   background-color: #3A1862 !important;
}

.finder-gt {
   position: relative;
}

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

.finder-gt .fidner-button {
   display: flex;
   justify-content: space-between;
   align-items: end;
}

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

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

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

.finder-gt .fidner-button .btn-cover-2 {
   margin: 60px 0 0 0;
}

.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: 16px;
   border: none !important;
   border-radius: 8px;
   font-weight: 500;
}

.finder-gt .fidner-button .btn-cover-2 .cover-btn5 {
   border: 1px solid #fff !important;
   background-color: transparent;
   border-radius: 14px;
   display: block;
   padding: 5px;
   border: none;
}

.btn-10 .btn-147 {
   margin: 0 0 0 0;
   padding: 0px 12px 0 0;
}


.home-mainnew {
   /* position: relative; */
   height: 600px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-self: center;
   gap: 10px;
   margin: 0 0 63px 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: 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%;
}

.marketing-pp{
margin: 0 0 15px 0;
}
.marketing-hh{
margin: 0 0 15px 0;
}

   .extr-c {
    margin: 0 0 0 31px !important;
}