#rating_error_alert, .customer-submit-success, .home-alert {
display: none;
}
.g-recaptcha {
transform: scale(0.77);
-webkit-transform: scale(0.77);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform: translate(8px, 10px) scale(0.77);
}
h1, .h1, .h1 {
font-size: 2.825rem !important;
font-weight: 600 !important;
}
h3, .h3, .h3 {
font-size: 1.25rem !important;
font-weight: 600 !important;
}
h4, .h4, .h4 {
font-size: 1rem !important;
font-weight: 600 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
background-color: transparent !important;
}
.form-control:disabled {
background-color: #ffffff !important;
opacity: 1;
}
a.disabled {
pointer-events: none;
cursor: default;
}
.text-black {
color: #000000;
}
.w-px-100 {
width: 100px !important;
}
.h-px-100 {
height: 100px !important;
}
.h-px-400 {
height: 400px !important;
}
.text-secondary-color {
color: #F2295BFF !important;
}
.all-menu-list .nav-link {
font-weight: 600 !important;
}
.dropdown-menu li a {
text-align: left;
display: block;
width: 100%;
}
.dropdown-menu li a i {
width: 20px;
font-size: 13px;
border-right: 1px solid #e5e5e5;
color: #ed0589;
}
.all-menu-list .dropdown-item:hover, .dropdown-item:focus {
color: #830866 !important;
background-color: #ffccf7 !important;
border: 1px solid #df79cf;
}
.all-menu-list .dropdown-item {
color: #000000 !important;
border: 1px solid transparent;
}
.dropdown-menu li a:hover .text-secondary-color {
color: #f2295b !important;
}
.all-menu-list .dropdown-item:hover a, .all-menu-list .dropdown-item:focus a, .all-menu-list .dropdown-item:hover a b, .all-menu-list .dropdown-item:focus a b {
color: #f2295b !important;
}
.all-menu-list .dropdown-item:hover a i, .all-menu-list .dropdown-item:focus a i {
color: #f2295b !important;
}
.new-badge {
font-size: 7px !important;
position: absolute;
top: 6px;
right: 18px;
padding: 2px 5px !important;
animation: color-change 2.3s infinite;
}
@keyframes color-change {
0% { background: #ffdf00; color: #000; }
50% { background: blue; color: #fff; }
100% { background: #ffdf00; color: #000; }
}
.ser-new-bag {
top: 2px !important;
position: inherit !important;
margin-left: 3px;
}
.menu-other-services-ul-li .ser-new-bag {
position: absolute !important;
top: -5px !important;
content: "";
z-index: 9;
right: -7px;
}
.mobile-menu-tiktok .badge.new-badge.ser-new-bag {
position: absolute !important;
top: -5px !important;
content: "";
z-index: 9;
right: -7px;
}
/*right menu-box*/
.dropdown .dropdown-menu .dropdown-item + .right-drop-menu.dropdown-menu {
left: -302px;
right: auto;
}
.dropdown .right-drop-menu.dropdown-menu:before {
right: -8px !important;
left: auto !important;
}
.dropdown .dropdown-menu .dropdown-item + .right-drop-menu.dropdown-menu:before {
transform: rotate(90deg);
right: 0;
top: 0;
z-index: -1;
transition: left .35s ease;
}
/*mega menu inner */
/*.menu-big-right {*/
/* right: 0 !important;*/
/*}*/
.menu-big-right.dropdown-xl {
min-width: 55rem !important;
margin: auto;
right: -27em !important;
cursor: default !important;
/*overflow: hidden;*/
padding-bottom: 0px !important;
}
.menu-big-right.dropdown-menu[data-bs-popper] {
left: inherit !important;
}
.dropdown .menu-big-right.dropdown-menu:before {
right: 28px;
left: auto;
}
.all-menu-list .dropdown .dropdown-menu:before {
font-size: 26px;
color: #fff;
transition: top .35s ease;
content: "";
display: block;
height: 0;
/*width: 0 !important;*/
top: -9px !important;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #fff;
/*position: absolute;*/
/*right: 0;*/
/*left: 0;*/
/*margin-right: auto;*/
/*margin-left: auto;*/
}
.all-menu-list .menu-big-right.dropdown-menu:before {
font-size: 26px;
color: #fff;
transition: top .35s ease;
content: "";
display: block;
height: 0;
width: 0!important;
position: absolute;
top: -9px !important;
right: 0;
left: 0;
margin: auto;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #fff;
z-index: 99;
}
.mega-menu-services-list-box {
display: flex;
column-gap: 15px;
}
.mega-menu-services-list li a {
font-size: 13.5px;
padding: 3px 9px;
vertical-align: middle;
border-radius: 5px;
border: 1px solid transparent;
font-weight: 400;
}
.mega-menu-services-list.mega-menu-two-other-services li a {
padding: 3px 5px;
}
.mega-menu-services-list li a:hover {
color: #830866 !important;
background-color: #ffccf7 !important;
border: 1px solid #df79cf;
}
.mega-menu-services-list li a .mega-menu-services-icon {
margin-right: 5px;
}
.mega-menu-rending-row-box {
background: #F3F6F9;
padding: 10px;
padding-top: 10px;
position: relative;
text-align: center;
width: 99% !important;
margin: 15px auto 0 !important;
border-radius: 0px 0px 1rem 1rem;
}
.mega-menu-rending p {
position: absolute;
border-radius: 30px;
background: linear-gradient(90deg, #FF0080 0%, #A21CB4 100%);
color: #fff;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 3px 13px;
top: -14px;
left: 0px;
right: 0px;
margin: auto;
display: inline-table;
}
.icon-head-menu {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.icon-head-menu i {
font-size: 14px !important;
text-align: center;
color: #fff;
}
.z-index-98{
z-index: 98;
}
.mega-menu-services-list li {
list-style: none;
padding: 5px;
font-size: 15px;
}
.mega-menu-icon-text a {
display: block;
padding: 15px;
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.logo-file img {
width: 115px;
}
.home-pagetop {
padding-bottom: 1em !important;
margin-bottom: 3em;
}
.footer-top-list a {
width: 100%;
margin: 0px 0px 10px !important;
}
.text-sm {
font-size: 11px !important;
}
}
@media only screen and (max-width: 990px) and (min-width: 200px) {
.home-frist-text-box {
text-align: center;
}
.home-frist-text-box p.lead {
padding: 0px !important;
text-align: center !important;
}
.dropdown.nav-item .dropdown-menu-animation.show {
height: auto !important;
left: -15px !important;
}
:not(.navbar) .dropdown .dropdown-menu:before {
visibility: hidden;
}
.menu-instagram-items .dropdown-menu.dropdown-menu-animation.show {
left: -6px !important;
}
.menu-list-free-tools-card .list-unstyled li.dropdown-header {
left: -3px;
}
.menu-list-free-tools-card .list-unstyled li {
left: -15px;
}
.mobile-container-box {
padding:0px 10px !important;
}
.mobile-view-menu-box li.dropdown-item a {
overflow-wrap: break-word;
text-wrap: balance;
word-break: break-word;
font-size: 14px;
}
.menu-big-right.dropdown-xl {
min-width: auto !important;
}
.menu-big-right.dropdown-menu[data-bs-popper] {
left: 0 !important;
}
}
.home-pagetop {
margin: 5em 0px;
}
.bg-light-new {
background: #ebedee !important
}
.box-hover {
border: 1px solid #efefef78;
-webkit-transition: border .4s, background .4s, -webkit-box-shadow .4s;
transition: box-shadow .4s, border .4s, background .4s, -webkit-box-shadow .4s;
-o-transition: box-shadow .4s, border .4s, background .4s;
}
.box-hover:hover {
border-color: #eb058a;
-webkit-box-shadow: 0 5px 25px rgba(156, 166, 175, .24);
box-shadow: 0 5px 25px rgba(156, 166, 175, .24);
}
.box-hover:hover {
/*box-shadow: 0px 0px 5px -1px #bb14a5 !important;*/
/* background: #eee; */
/* background-image: linear-gradient(310deg, #7928ca 0%, #ff0080 100%); */
/* background: url(../img/shapes/pattern-lines.svg), linear-gradient(310deg, #7928ca 0%, #ff0080 100%); */
/*background-size: cover;*/
/* color: #fff !important; */
/* transition: 1s; */
}
/*.box-hover:hover h5, .box-hover:hover h3 {*/
/* color: #fff !important;*/
/*}*/
.alert-warning {
background-image: linear-gradient(130deg, #f53939 0%, #fac60b 100%) !important;
}
/*step-box*/
.curious-list {
padding: 35px;
background: #FFFFFF;
border-radius: 10px;
transition: 0.5s;
box-shadow: 0px 0px 4px 1px #f5f5f5;
overflow: hidden;
}
.p_relative {
position: relative;
}
.curious-list h3 {
font-size: 19px;
/*margin-top: 25px;*/
}
.text-sub {
position: absolute;
top: -1px;
right: 14px;
background: linear-gradient(310deg, #7928CA, #FF0080);
color: #fff;
font-weight: 600;
border-radius: 0px 0px 15px 15px;
padding: 2px 25px;
font-size: 14px;
line-height: 2;
box-shadow: 0px 1px 1px 0px #d1cdcd;
}
.curious-list:hover {
box-shadow: 0 0 40px rgb(0 0 0 / 10%);
transition: 0.5s;
transform: translate(0px, -10px);
}
.icon-box i {
font-size: 35px;
margin-bottom: 17px;
color: #cbc9c9;
}
.tiktok-wrapped-home-img img {
width: 85% !important;
}
/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials-section {
background: url(../../../images/trollishly-testimonials-home.png);
background-color: #ffffff;
}
.testimonials .testimonial-item {
box-sizing: content-box;
margin: 30px;
display: flex;
flex-direction: column;
transition: 0.3s;
border-radius: 20px;
}
.testimonials .testimonial-item .stars {
margin-bottom: 15px;
}
.testimonials .swiper-pagination {
margin-top: 20px;
position: relative;
}
.testimonials .rating .fa-star {
color: #fcbf14;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #4154f1;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
background-color: #4154f1;
}
/* .testimonials .swiper-slide {
opacity: 0.5;
} */
.testimonials .rating {
border: none;
float: right;
text-align: end;
}
@media (max-width: 1199px) {
.testimonials {
overflow: hidden;
}
.testimonials .swiper-slide-active {
opacity: 1;
background: url('data:image/svg+xml,');
background-size: cover;
margin: 15px;
color: #000;
border-radius: 20px;
padding: 0px;
}
.testimonials .swiper-slide-active .name h5 {
color: #000 !important;
}
.testimonials .swiper-slide-active .rating .fa-star {
color: #e6088e !important;
}
.testimonials .swiper-pagination {
margin-top: 0;
}
.testimonials .swiper-autoheight, .testimonials .swiper-autoheight .swiper-slide {
height: auto;
/*padding-bottom: 10px;*/
overflow: visible;
margin-bottom: 28px;
}
}
@media (min-width: 1200px) {
.testimonials .swiper-slide-next {
opacity: 1;
/* transform: scale(1.12); */
background: url('data:image/svg+xml,');
background-size: cover;
/* background: #ffc800; */
/* margin: 10px; */
color: #000;
border-radius: 20px;
padding: 0px;
overflow: hidden;
}
.testimonials .swiper-slide-next .name h5 {
color: #000;
}
.testimonials .swiper-slide-next .rating .fa-star {
color: #e6088e;
}
}
@media (max-width: 990px) {
.footer-contact-text {
text-align: center;
margin-top: 6em !important;
}
}
.home-blog-item {
padding: 15px;
background: rgb(255 255 255 / 5%) !important;
}
.home-blog-item h3{
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.home-blog-item p{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 990px) {
.home-blog-item {
margin-top: 10px !important;
}
}
/* range-boxover */
.price-range-box h4 {
background-image: linear-gradient(310deg, #7928ca, #ff0080);
display: block;
padding: 10px;
text-align: center;
color: #fff;
border-radius: 10px 10px 0px 0px;
}
.package-title {
border-radius: 0.6rem 0.6rem 0 0;
}
.package-slider-tab-over-box .package-title h2 {
font-size: 28px;
}
.torllisly-ser-heading {
border-radius: 12px 12px 0 0 !important;
}
.range-box {
padding: 2em;
}
.range-container {
position: relative;
}
input[type="range"] {
width: 100%;
margin: 0px 0 25px;
-webkit-appearance: none;
position: relative;
}
input[type="range"] + label {
background-color: #fff;
border-radius: 50px;
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
padding: 10px 0;
position: absolute;
top: -42px;
left: 150px;
display: flex;
text-align: center;
width: 120px;
font-size: 15px;
align-items: center;
justify-content: center;
}
input[type="range"]:active {
outline: none;
}
input[type="range"]::-webkit-slider-runnable-track {
/* animate: 0.2s; */
animation: 0.2s;
background-image: linear-gradient(310deg, #7928ca, #ff0080);
border-radius: 4px;
cursor: pointer;
width: 100%;
height: 7.5px;
position: relative;
}
input[type="range"]::-webkit-slider-thumb {
background: #ffffff;
border-radius: 50%;
border: 5px solid #7928ca;
cursor: pointer;
height: 20px;
width: 20px;
margin-top: -7px;
-webkit-appearance: none;
}
input[type="range"]:active::-webkit-slider-runnable-track {
opacity: 0.8;
}
input[type="range"]::-moz-range-track {
animate: 0.2s;
background-color: purple;
border-radius: 4px;
cursor: pointer;
width: 100%;
height: 7.5px;
}
input[type="range"]::-moz-range-thumb {
background: #ffffff;
border-radius: 50%;
border: 1px solid purple;
cursor: pointer;
height: 20px;
width: 20px;
}
input[type="range"]::-ms-track {
animate: 0.2s;
background-color: purple;
border-radius: 4px;
cursor: pointer;
width: 100%;
height: 7.5px;
}
input[type="range"]::-ms-thumb {
background: #ffffff;
border-radius: 50%;
border: 1px solid purple;
cursor: pointer;
height: 20px;
width: 20px;
margin: 0;
box-sizing: border-box;
}
input[type="range"]:active::-ms-fill-lower {
background: purple;
}
input[type="range"]:active::-ms-fill-upper {
background: purple;
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.price-range-box {
margin: auto;
}
.post-items {
width: 140px;
}
}
/* tablist-box */
.box-over-layout-box {
width: 45%;
margin: auto;
}
.tablist-button-box .nav-tabs .nav-link {
width: 49%;
text-align: left;
font-size: 14px;
font-weight: 600;
border: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
.tablist-button-box .nav-tabs .nav-link span {
display: block;
text-align: left;
font-size: 10px;
}
.tablist-button-box .nav-tabs .nav-link:hover {
border-bottom: 1px solid #e9e9e9;
}
.tablist-button-box .nav-tabs .nav-link.active {
color: #fff;
border-color: #fff;
border-bottom-color: #e9e9e9;
background: #fff;
background-image: linear-gradient(310deg, #7928ca, #ff0080);
}
.tablist-contents.tab-content > .active {
/* display: block; */
border: 1px solid #e9e9e9;
border-radius: 0px 0 10px 10px;
}
ul.list-bx {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-top: 0.75rem;
padding-left: 0px;
}
ul.list-bx li {
white-space: nowrap;
/* width: 90px; */
margin: 0px;
padding: 0px;
list-style: none;
}
.post-items {
background: #f1f3f7;
border-radius: 8px;
padding: 15px 25px;
text-align: center;
font-weight: bold;
margin: 0 5px;
margin-top: 0.5rem;
/* color: #61656C; */
white-space: nowrap;
width: 160px;
transition: 0.5s;
}
.post-items:hover,
.post-items.active {
background-image: linear-gradient(310deg, #7928ca 0%, #ff0080 100%);
transition: 0.5s;
}
.post-items:hover h5,
.post-items.active h5 {
color: #fff;
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.tablist-button-box .nav-tabs .nav-link {
font-size: 14px;
}
.post-items {
width: 140px;
}
.mobile-view-silder-prices .tl_count_txt, .cart-total-col .tl_amount_txt {
font-size: 16px !important;
}
.package-title {
border-radius: 10px 10px 0 0;
}
}
.price-over-all-tabnav .nav-pills {
background: linear-gradient(310deg, #7928ca, #ff0080) !important;
border-radius: 10px 10px 0px 0px !important;
padding: 8px !important;
}
.price-over-all-tabnav .nav.nav-pills .nav-link, .price-over-all-tabnav .nav.nav-pills .nav-link:hover:not(.active) {
color: #fff;
}
.price-nav.nav.nav-pills .nav-link {
background: #c26ece;
color: #fff;
}
.price-over-all-tabnav .nav.nav-pills .nav-link.active {
background: #fff;
color: #e9068c;
box-shadow: 0px 0px 0px 1px #fff;
border-radius: 50px;
font-weight: 600;
}
.card-tabs .nav.nav-pills li.nav-item {
margin: 0px 5px;
}
.tablist-button-box .nav-tabs .nav-link:hover {
background: rgb(238 5 137);
color: #fff;
}
.price-nav.nav.nav-pills .nav-link:hover {
background: #a11cb3;
color: #fff !important;
}
.card-tabs .nav.nav-pills li.nav-item {
border: 1px solid #dbd4d4;
border-radius: 10px;
}
.card-tabs .nav.nav-pills li.nav-item .active {
border: 0px solid #dbd4d4;
}
.moving-tab.position-absolute.nav-link {
display: none;
}
.nav.nav-pills i {
display: none;
}
@media only screen and (max-width: 550px) and (min-width: 200px) {
.price-over-all-tabnav .nav.nav-pills .nav-link, .price-over-all-tabnav .nav.nav-pills .nav-link:hover:not(.active) {
font-size: 13px;
}
}
.low-cost-inner-box {
overflow: hidden;
border: 1px solid #b783de;
color: #000000;
border-radius: 18px;
}
.box-4new {
overflow: hidden;
background: #fff;
padding: 10px;
border-color: #8125c591;
border-width: 1px;
border-style: solid;
color: #000000;
}
.price-nav.nav.nav-pills .nav-link.active {
background: #a11cb3;
color: #fff;
}
/*slick-slide */
/* .slider {
width: 100%;
margin: 100px auto;
} */
.slick-slide {
margin: 0px 7px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
/*transition: all ease-in-out 0.3s;*/
opacity: 1 !important;
}
/* .slick-active {
opacity: 0.5;
} */
.slick-active {
opacity: 1;
}
.slick-current {
opacity: 1;
}
.price-hover-box {
transition: 0.5s;
}
.price-hover-box:hover {
/* filter: grayscale(1); */
transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
}
.slick-list.draggable {
padding-top: 20px !important;
}
.price-hover-box .card {
margin: 0px 10px;
padding-bottom: 10px;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
border-bottom: 3px solid #ffa5d9;
}
.price-hover-box .card:hover {
border-bottom: 3px solid #ff0080;
}
/*.price-slider-box .slick-prev:before,*/
/*.price-slider-box .slick-next:before {*/
/* background: rgb(255 255 255 / 53%);*/
/* padding: 10px 15px;*/
/* border-radius: 35px;*/
/* color: #ebebeb;*/
/*}*/
.price-slider-box .slick-prev:before {
/*background: rgb(255 255 255 / 53%);*/
padding: 4px 16px 7px 14px;
border-radius: 35px;
color: #ebebeb;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
opacity: 1;
}
.price-slider-box .slick-next:before {
/*background: rgb(255 255 255 / 53%);*/
padding: 4px 14px 7px 16px;
border-radius: 35px;
color: #ebebeb;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
opacity: 1;
}
/*.price-slider-box .slick-prev:hover,*/
/*.price-slider-box .slick-next:hover,*/
.price-slider-box .slick-prev:active,
.price-slider-box .slick-next:active {
color: transparent;
outline: none;
background: transparent;
opacity: 1;
}
.price-slider-box .slick-arrow {
border-radius: 55px;
background: #ea078c !important;
box-shadow: 0px 0px 0px 0px #ea078c;
}
@media only screen and (max-width: 990px) and (min-width: 768px) {
.testimonials-slider .swiper-slide.swiper-slide-prev {
margin-right: 25px !important;
}
.testimonials .swiper-slide.swiper-slide-active .name > h5 {
color: #fff;
}
footer.home-page-footer-box {
padding-top: 9em !important;
}
.price-slider-box .slick-list.draggable {
padding-top: 20px !important;
width: 90%;
margin: auto;
}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
/*.box-2new {*/
/* padding: 25px;*/
/*}*/
.box-1new p,
.box-2new p,
.box-3new p {
font-size: 13px;
}
.price-tav-box .container {
padding-bottom: 2em !important;
}
.range-box {
padding: 1em;
}
.range-container h5 {
font-size: 14px;
text-align: left;
}
.price-qua-list h6 {
font-size: 15px;
}
.price-qua-list p {
font-size: 14px;
}
.our-btn-bottom a {
padding: 10px;
font-size: 12px;
}
.testimonials-slider .swiper-slide.swiper-slide-prev {
margin-right: 25px !important;
}
.testimonials .swiper-slide.swiper-slide-active .name > h5 {
color: #fff;
}
footer.home-page-footer-box {
padding-top: 10em !important;
}
.price-slider-box .slick-list.draggable {
padding-top: 20px !important;
width: 90%;
margin: auto;
}
.price-slider-box .slick-prev {
left: -1px !important;
transform: scale(0.9);
}
.price-slider-box .slick-next {
right: 2px !important;
transform: scale(0.9);
}
.price-slider-box .slick-prev:focus,
.price-slider-box .slick-next:focus
{ color: transparent;
outline: none;
background: transparent;
}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.reviews-videos iframe {
width: 100%;
}
}
.why-list {
position: relative;
z-index: 1;
/* overflow: hidden; */
}
.why-list i {
position: absolute;
bottom: 10px;
right: 20px;
color: rgb(235 5 140 / 15%);
font-size: 25px;
z-index: 0;
transition: all 0.3s ease-in-out 0s;
z-index: 0;
content: "";
}
.why-list img, .why-list svg {
position: absolute;
bottom: 10px;
right: 20px;
transition: all 0.3s ease-in-out 0s;
opacity: 0.2;
}
.why-list:hover i{
/*color: rgb(228 8 143);*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
}
.why-list:hover img, .why-list:hover svg {
opacity: 1;
}
.faq-section .accordion-item.mb-3 {
margin: 0px !important;
}
.faq-section .accordion .accordion-body {
color: #344767;
padding: 6px 12px;
}
.faq-section .accordion .accordion-body p {
margin-bottom: 0px;
}
@media only screen and (max-width: 900px) and (min-width: 200px) {
.faq-section .accordion .accordion-body {
color: #505050 !important;
font-weight: 600 !important;
padding: 6px 12px;
opacity: 1 !important;
}
.faq-section .accordion .accordion-button,
.faq-section .accordion .collapse,
.faq-section .accordion .collapsed {
color: #505050 !important;
}
.quick-queries-accordion .accordion-button,
.quick-queries-accordion .collapse,
.quick-queries-accordion .collapsed {
color: #505050 !important;
}
}
/*.inner-footer-box {*/
/* width: 80%;*/
/* margin: auto;*/
/*}*/
.inner-footer-box .container {
padding: 25px;
/*background: linear-gradient(310deg, #141727 0%, #3A416F 100%);*/
border-radius: 0px;
/* border: 2px solid rgb(164 27 178 / 8%); */
/*color: #fff;*/
}
/*.inner-footer-box .container h3 {*/
/* color: #fff;*/
/*}*/
.inner-footer-box .container p {
margin-bottom: 0px !important;
}
.quick-queries img {
width: 100%;
}
.quick-queries-box h2 {
font-size: 22px !important;
}
.quick-queries-accordion .accordion-header {
font-size: 16px !important;
}
/*popup star*/
.plugin-rating i {
cursor: pointer;
font-size: 20px;
font-weight: 600 !important;
transition: 0.5s;
padding: 5px;
}
.plugin-rating i.fa.fa-star, .plugin-rating i.bi.bi-star-fill {
color: #fdb50d;
}
.rating-modal textarea {
resize: none;
}
.free-page-img {
height: 265px !important;
}
/*TiktokCounter Search box*/
.changes-search-list-user .search-item, .tiktok-counter-video-search-list-user .video-search-item {
cursor: pointer;
box-shadow: 0px 0px 1px 2px #eee !important;
overflow: hidden;
}
.changes-search-list-user .search-item:hover, .tiktok-counter-video-search-list-user .video-search-item:hover {
background: #eb068b;
color: #FFFFFF;
}
.changes-search-list-user .search-item:hover p {
color: #FFFFFF;
}
.changes-search-list-user::-webkit-scrollbar, .tiktok-counter-video-search-list-user::-webkit-scrollbar {
width: 5px;
}
/* Track */
.changes-search-list-user::-webkit-scrollbar-track, .tiktok-counter-video-search-list-user::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #eee;
border-radius: 10px;
}
/* Handle */
.changes-search-list-user::-webkit-scrollbar-thumb, .tiktok-counter-video-search-list-user::-webkit-scrollbar-thumb {
background: #eb068b;
border-radius: 10px;
}
/*success-checkmark*/
.success-checkmark {
width: 80px;
height: 115px;
margin: 0 auto;
}
.success-checkmark .check-icon {
width: 80px;
height: 80px;
position: relative;
border-radius: 50%;
box-sizing: content-box;
border: 4px solid #4caf50;
}
.success-checkmark .check-icon::before {
top: 3px;
left: -2px;
width: 30px;
transform-origin: 100% 50%;
border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
top: 0;
left: 30px;
width: 60px;
transform-origin: 0 50%;
border-radius: 0 100px 100px 0;
animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before,
.success-checkmark .check-icon::after {
content: '';
height: 100px;
position: absolute;
background: #fff;
transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
height: 5px;
background-color: #4caf50;
display: block;
border-radius: 2px;
position: absolute;
z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
top: 46px;
left: 14px;
width: 25px;
transform: rotate(45deg);
animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
top: 38px;
right: 8px;
width: 47px;
transform: rotate(-45deg);
animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
top: -4px;
left: -4px;
z-index: 10;
width: 80px;
height: 80px;
border-radius: 50%;
position: absolute;
box-sizing: content-box;
border: 4px solid rgba(76, 175, 80, .5);
}
.success-checkmark .check-icon .icon-fix {
top: 8px;
width: 5px;
left: 26px;
z-index: 1;
height: 85px;
position: absolute;
transform: rotate(-45deg);
background-color: #fff;
}
@keyframes rotate-circle {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@keyframes icon-line-tip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes icon-line-long {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
.noUi-touch-area {
border-radius: 100%;
background-position: center;
border: 5px solid #fff;
background: #e00990;
}
.noUi-touch-area:hover {
box-shadow: 0 0 0 10px rgb(211 0 255 / 10%);
}
.arrowAnim {
margin-top: 0px;
transform: rotate(180deg) translateX(7px) translateY(12px);
height: 10px;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
}
.arrow {
width: 1px;
height: 1px;
border: 3px solid #ff0080;
border-color: #ff0080 transparent transparent #ff0080;
transform: rotate(-45deg);
}
.arrowSliding {
position: absolute;
-webkit-animation: slide 6s linear infinite;
animation: slide 6s linear infinite;
opacity: 0;
}
.delay1 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.delay2 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.delay3 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.delay4 {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.delay5 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
@-webkit-keyframes slide {
0% {
opacity: 0;
transform: translateX(100px);
}
20% {
opacity: 1;
transform: translateX(60px);
}
80% {
opacity: 1;
transform: translateX(-60px);
}
100% {
opacity: 0;
transform: translateX(-100px);
}
}
@keyframes slide {
0% {
opacity: 0;
transform: translateX(100px);
}
20% {
opacity: 1;
transform: translateX(60px);
}
80% {
opacity: 1;
transform: translateX(-60px);
}
100% {
opacity: 0;
transform: translateX(-100px);
}
}
.tab-in-tab-conrol .nav-tabs {
border: none;
margin: auto;
display: flex;
justify-content: space-evenly;
align-content: center;
width: 45%;
}
.tab-in-tab-conrol .nav-tabs li button {
color: #344767;
border: 1px solid #344767 !important;
border-radius: inherit !important;
padding: 7px 35px;
font-weight: 600;
}
.tab-in-tab-conrol .nav-tabs li button:hover {
color: #333;
background: #fae0ff;
}
.footer-top-list a {
border: 1px solid #eee !important;
}
/*most-popular card*/
.yamuk {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
width: 120px;
margin: auto;
text-align: center;
height: 20px;
display: flex;
border-top: 0 solid;
background: #8f22bf;
color: #fff;
-o-text-overflow: clip;
text-overflow: clip;
position: relative;
top: 0px;
margin-bottom: -25px;
border-radius: 0px 0px 10px 10px;
align-items: center;
justify-content: center;
align-content: center;
}
.yamuk > span {
font-size: 12px;
font-weight: 600;
}
/*About Page*/
.about-icon-and-text .icon-shape i {
position: inherit;
top: inherit;
}
/*home page design draft*/
.faq-accordion .accordion-item {
position: relative;
background: white;
height: 100%;
transition: all .45s ease-in-out;
margin-bottom: 15px;
box-shadow: 0 0.5px 1px 0 rgb(31 187 180 / 83%), 0 1.6px 3.6px 0 rgb(51 77 114 / 15%);
border: none;
border-radius: 10px !important;
}
.faq-accordion .accordion-item + .accordion-item {
margin-top: 15px;
}
.faq-accordion .accordion-button {
background: #e6088f !important;
color: #fff !important;
border-radius: 8px !important;
}
.faq-accordion .accordion-button.collapsed {
color: #344767 !important;
background: #fff !important;
}
.faq-accordion .accordion-button::after {
position: absolute;
right: 9px;
height: 30px;
width: 30px;
top: 10px;
font-size: 14px;
line-height: 30px;
color: #000;
text-align: center;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
content: "\F282";
font-family: bootstrap-icons!important;
}
.faq-accordion .accordion-button.collapsed::before {
visibility: hidden;
}
.faq-accordion .accordion-button::before {
display: block;
content: '';
height: 15px;
width: 15px;
position: absolute;
background: #e6088f;
z-index: 1;
transform: rotate(45deg);
left: 15px;
top: 50px;
visibility: visible;
}
.faq-accordion.accordion-flush .accordion-item:last-child {
border-bottom: 1px solid #eee !important;
}
.left-site-box {
width: 25%;
}
.left-site-box button:hover {
background: #a11cc3 !important;
}
.left-site-box button.active {
background: #a11cc3 !important;
}
.left-site-box button {
background: #c26ece !important;
margin-bottom: 10px;
color: #fff !important;
font-weight: 600 !important;
text-align: left;
padding: 15px;
}
.left-site-box i {
display: inline !important;
margin-right: 3px;
}
.left-site-box button:hover {
color: #fff;
}
.backcolor {
background: #f6eff8 !important;
}
/*new pricing box design-1*/
.pricing-table {
padding: 40px 20px;
}
.pricing-table .details {
width: 90%;
text-align: center;
margin: 0 auto;
padding: 40px 20px;
}
.pricing-table .details h2 {
font-size: 30px;
margin-bottom: 10px;
}
.pricing-table .details p {
font-size: 15px;
}
.pricing-table .grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px 0px;
padding: 20px;
}
.pricing-table .grid .box {
width: 325px;
border: 1px solid #eee;
text-align: center;
padding: 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0px 2px 10px 5px rgba(0, 0, 0, 0.05);
}
.pricing-table .grid .box .title {
font-size: 16px;
font-weight: 600;
color: #555;
}
.pricing-table .grid .box .price {
margin-bottom: 20px;
}
.pricing-table .grid .box .price b {
display: block;
font-size: 40px;
margin-bottom: -5px;
}
.pricing-table .grid .box .features > * {
color: #555;
padding: 8px 0px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.pricing-table .grid .box .button button {
width: 100%;
margin: 25px 0px 0px;
padding: 10px;
background: linear-gradient(to bottom, #e6088f, #a11cc3);
color: #fff;
border-radius: 5px;
outline: none;
border: none;
font-weight: 600;
cursor: pointer;
}
.pricing-table .grid .box.professional {
transform: scale(1.1);
background: linear-gradient(to bottom, #e6088f, #a11cc3);
}
.pricing-table .grid .box.professional .title {
color: #eee;
}
.pricing-table .grid .box.professional .price {
color: #fff;
}
.pricing-table .grid .box.professional .features > * {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.pricing-table .grid .box.professional .button button {
background: #fff;
color: #3a6073;
}
@media (max-width: 804px) {
.pricing-table .grid {
gap: 20px;
}
.pricing-table .grid .box.professional {
transform: scale(1);
}
}
/*new pricing box design-2*/
.card__content {
position: relative;
background-color: #fff;
padding: 2rem 1.5rem 2.5rem;
border-radius: .5rem;
box-shadow: 0 12px 24px hsla(210, 61%, 16%, 0.1);
transition: .4s;
}
.card__content:hover {
box-shadow: 0 16px 24px hsla(210, 61%, 16%, 0.4);
}
.card__header {
text-align: center;
}
.card__header-subtitle {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
color: #555;
}
.card__header-paragraph {
font-size: 15px;
color: #555;
margin-bottom: 25px !important;
}
.card__header-title {
display: block;
font-size: 40px;
}
.card__pricing {
display: block;
font-size: 40px;
margin-bottom: -5px;
}
.card__pricing::before {
content: '';
position: absolute;
width: 200px;
height: 120px;
background: linear-gradient(90deg, #e53939, #ff5050 20%);
top: 27px;
left: -87px;
transform: rotateY(75deg);
border-radius: 0 100px 100px 0 / 0 20px 20px 0;
box-shadow: 0 16px 24px hsla(210, 61%, 16%, 0.15);
z-index: 99;
}
.card__pricing1::before {
background: linear-gradient(90deg, #c239e5, #db50ff 20%);
}
.card__pricing2::before {
background: linear-gradient(90deg, #398de5, #50b7ff 20%);
}
.card__pricing::after {
content: '';
position: absolute;
width: 14px;
height: 164px;
background-color: #b71540;
top: 7px;
left: -13px;
border-radius: 50px 0 0 50px / 80px 0 0 80px;
}
.card__pricing1::after {
background-color: #b51cdd;
}
.card__pricing2::after {
background-color: #1585b7;
}
.card__list {
margin: auto;
row-gap: .5rem;
margin-bottom: 2rem;
}
.card__list-item {
display: flex;
}
.card__list-icon {
font-size: 1.5rem;
color: #c26ece !important;
margin-right: .5rem;
}
.card__button {
padding: 1.25rem;
border: none;
font-size: .938rem;
border-radius: .5rem;
background: #a11cc3;
color: #fff;
cursor: pointer;
transition: .4s;
width: 95%;
font-weight: bold;
}
.card__button:hover {
box-shadow: 0 16px 24px hsla(210, 61%, 16%, 0.15);
}
/*blog button design tab*/
.nav.nav-pills.tab-blog li {
margin: 5px;
}
.tab-blog .nav-link {
background: #e6088fc4 !important;
color: #fff !important;
animation: 0.2s ease;
margin: 0px 3px !important;
position: relative;
border-radius: 25px !important;
padding: 4px 15px;
font-size: 14px;
}
.tab-blog .nav-link.active {
background: linear-gradient(310deg, #7928CA 0%, #FF0080 100%) !important;
color: #fff;
animation: 0.2s ease;
}
.nav.nav-pills.tab-blog {
padding: 12px 10px;
display: flex;
justify-content: center;
position: relative;
background: #ffffff !important;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
border-radius: 100px;
}
.tab-blog button:hover {
background: #a11cc3 !important;
}
.tab-blog button before {
background: #eee !important;
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
.nav.nav-pills .nav-item {
z-index: 3;
width: 30%;
display: inline-block;
margin-bottom: 10px;
}
.tab-blog .nav-link {
width: 90%;
padding: 6px;
margin: 0px !important;
}
.nav.nav-pills.tab-blog {
padding: 12px 10px;
display: block;
position: relative;
background: #ffffff !important;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
}
@media only screen and (max-width: 767px) {
.nav.nav-pills.tab-blog {
border-radius: inherit !important;
display: block !important;
text-align: center;
}
}
@media only screen and (max-width: 767px) and (min-width: 481px) {
.nav.nav-pills .nav-item {
z-index: 3;
width: 45%;
display: inline-block;
margin-bottom: 10px;
}
.tab-blog .nav-link {
width: 100%;
padding: 6px;
margin: 0px !important;
}
}
@media only screen and (max-width: 480px) and (min-width: 200px) {
.nav.nav-pills .nav-item {
z-index: 3;
width: 100%;
display: block;
margin-bottom: 10px;
}
.tab-blog .nav-link {
width: 100%;
padding: 6px;
margin: 0px !important;
}
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
.left-site-box {
z-index: 3;
width: 50%;
margin-bottom: 10px;
display: inline-block !important;
}
.faqcen {
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) and (min-width: 319px) {
.left-site-box {
z-index: 3;
width: 90%;
margin-bottom: 10px;
}
.faqcen {
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 523px) and (min-width: 319px) {
.faq-accordion .accordion-button::before {
top: 75px;
}
}
@media only screen and (max-width: 767px) and (min-width: 524px) {
.faq-accordion .accordion-button::before {
top: 50px;
}
}
/*3rd design for home page logo*/
.containernew {
margin: 0 auto;
}
.logo-slider .item1 {
background-color: #fff;
/* box-shadow: 0 4px 5px #cacaca; */
padding: 15px;
border: 1px solid #eee !important;
border-radius: 5px;
min-height: 100px;
height: 100px;
display: flex !important;
justify-content: center;
align-items: center;
aspect-ratio: 16 / 9;
}
.logo-slider .slick-slide {
margin: 10px;
}
.item1:hover {
display: block;
transition: all ease 0.3s;
transform: scale(1.1) translateY(-5px);
}
/*.logo-slider .slick-prev:before, .logo-slider .slick-next:before {*/
/* color: #FF0080 !important;*/
/*}*/
.logo-slider .slick-prev:before {
content: '';
/*content: '\f104';*/
/*font-family: 'FontAwesome';*/
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slider .slick-next:before {
content: '';
/* font-family: 'FontAwesome'; */
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slider .slick-prev, .logo-slider .slick-next {
top: -20%;
right: 78px;
border-radius: 5px;
width: 30px;
height: 30px;
background: #fff;
box-shadow: 0px 0px 1px 1px #d7d7d7;
display: flex;
align-items: center;
justify-content: center;
}
.logo-slider .slick-prev {
left: inherit;
right: 60px;
}
.logo-slider {
width: 100%;
}
.logo-slider .slick-next {
right: 10px;
}
/*.logo-slider .slick-prev:hover, .logo-slider .slick-next:hover {*/
/* background: linear-gradient(310deg, #7928CA 0%, #FF0080 100%) !important;*/
/* animation: 0.2s ease;*/
/*}*/
/*.logo-slider .slick-prev:hover:before, .logo-slider .slick-next:hover:before {*/
/* color: #fff !important;*/
/*}*/
.logo-slider .slick-slide img {
display: block;
width: 120px;
height: 65px;
object-fit: contain;
}
/*all page top star UI*/
.star-top-box {
background: #fa0283;
padding: 1px 8px;
border-radius: 5px;
color: #fffefc;
margin-right: 5px;
float: left;
transition: 0.5s;
}
.rating.star-top-box i {
transition: 0.5s;
font-size: 14px;
}
.rating.star-top-box i:hover {
transition: 0.5s;
transform: scale(1.2) ;
}
/*.just-menu-list .navbar-nav li i {*/
/* display: none;*/
/*}*/
/*.just-menu-list .icon-head-menu {*/
/* display: none;*/
/*}*/
.new-badge-tab a .new-badge {
position: inherit;
/*display: inline !important;*/
/*width: 30px !important;*/
}
.borderblog{
border: 1px solid #fff;
}
/*.home-top-left p {*/
/* font-weight: 400;*/
/* font-size: 16px;*/
/* line-height: 150%;*/
/*}*/
.home-top-left a {
padding: 16px 36px !important;
font-size: 16px !important;
}
a.home-top-customer-reviews-btn {
padding: 0px !important;
font-size: 14px !important;
}
.wrapped-btn-list a {
padding: 10px 20px !important;
font-size: 15px !important;
text-transform: math-auto;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
/*.home-top-left h1 {*/
/* font-size: 50px !important;*/
/*}*/
.campaign-page-star span {
font-size: 14px !important;
}
.home-top-left p {
font-size: 16px !important;
line-height: 24px;
}
.home-top-left a {
font-size: 15px !important;
}
.home-top-right img {
width: 50% !important;
}
}
@media only screen and (max-width: 900px) and (min-width: 768px) {
.home-top-right img {
width: 50% !important;
}
}
.inner-page-box {
background: url(../../images/pattern_opacity_06.png) no-repeat center;
background-size: cover;
overflow: inherit !important;
}
.our-text-price-btn-box {
text-align: center;
width: 75%;
margin: auto;
margin-top: 2em;
background: #fbfbfb;
padding: 10px;
border-radius: 100px;
position: relative;
z-index: 9;
overflow: hidden;
box-shadow: 0px 0px 0px 1px #eee;
}
.text-auto-btn {
background: #ffffff;
padding: 5px 15px;
border-radius: 10px;
color: #000;
position: relative;
z-index: 99;
}
.text-auto-btn:hover {
background: #e8f3ff;
color: #000;
}
.heartbox1 {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
display: flex;
justify-content: center;
align-items: center;
z-index: -1;
}
.heartbeat1 {
position: absolute;
width: fit-content;
background-color: #adadad;
border-radius: 50px;
width: 50px;
height: 50px;
opacity: .75;
animation: ping1 1s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes ping1 {
75%,100% {
transform: scale(2);
opacity: 0
}
}
/*icon images style Start*/
.star-img-box {
background: #f80284;
padding: 2px 4px;
border-radius: 5px;
user-select: none;
}
.quick-queries-accordion .accordion-button {
position: relative;
}
.plus-icon {
position: absolute;
right: 20px !important;
bottom: 17px;
user-select: none;
}
.minus-icon {
position: absolute;
right: 22px !important;
bottom: 18px;
user-select: none;
}
.price-info-circle {
width: 13px;
height: 13px;
background: #fa0283;
color: #fff;
padding: 2px;
font-size: 12px;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
border-radius: 50%;
user-select: none;
}
svg.price-info-svg {
width: 10px;
height: 10px;
}
.price-info-circle svg path {
fill: #fff;
}
.tablist-button-box .nav-tabs .nav-link .price-info-circle .price-info-svg path {
fill: #ffffff;
}
.tablist-button-box .nav-tabs .nav-link.active .price-info-circle .price-info-svg path {
fill: #f90384;
}
.tablist-button-box .nav-tabs .nav-link:hover .price-info-circle .price-info-svg path {
fill: #f90384;
}
.tablist-button-box .nav-tabs .nav-link:hover .price-info-circle {
background: #fff;
color: #fa0283;
}
.tablist-button-box .nav-tabs .nav-link.active .price-info-circle {
background: #fff;
color: #fa0283;
}
@media only screen and (max-width: 900px) and (min-width: 200px) {
.price-info-circle {
padding: 2px;
font-size: 9px;
width: 12px;
height: 12px;
}
}
/**/
.campaign-inner-over-box {
width: 65%;
margin: auto;
position: relative;
padding: 10px;
}
.campaign-inner-col-inner {
display: flex;
/* -webkit-box-shadow: 0 0 0 4px rgb(234 76 137/10%); */
/* box-shadow: 0 0 0 4px rgb(234 76 137/10%); */
border-radius: 50px;
padding: 10px;
border: 2px solid rgb(233 109 157);
background: #fff !important;
align-items: center;
justify-content: center;
align-content: center;
}
.campaign-inner-col-inner input {
width: 100%;
display: flex;
background: var(--bg-white);
border: none;
}
.campaign-inner-col-inner input:focus {
outline: none;
box-shadow: none
}
.campaign-inner-col-inner .form-control:disabled {
background: #fff;
}
.campaign-inner-col-inner a {
background: transparent linear-gradient(268deg, rgba(125, 65, 150, 1) 0%, rgba(255, 52, 148, 1) 100%) 0% 0% no-repeat padding-box;
width: 100px;
height: 40px;
line-height: 0 !important;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
color: var(--text-white-color);
box-shadow: 0 0 0 4px rgb(234 76 137 / 21%);
padding: 20px !important;
transition: 0.5s;
}
.campaign-inner-col-inner a:hover {
transition: 0.5s;
transform: scale(0.9);
background: #8d3f96;
}
.campaign-inner-point-view-tab-cont {
margin: 1em 0px;
position: relative;
overflow: hidden;
}
.campaign-inner-point-view-tab-cont ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.campaign-inner-point-view-tab-cont ul li {
list-style: none;
margin: 10px;
font-size: 14px;
}
.campaign-inner-point-icon {
padding: 4px;
background: #fff;
border-radius: 100px;
border: 1px solid #f62e9a;
box-shadow: 0px 0px 0px 1px #fff;
margin-right: 5px !important;
}
.campaign-inner-search-content-div .campaign-search-item-list {
text-align: left;
}
.campaign-inner-search-content-div p.campaign-search-content-title {
font-size: 14px !important;
}
.campaign-inner-search-content-div .campaign-search-content-sub-title {
font-size: 11px !important;
}
.campaign-inner-search-content-div .campaign-search-content-sub-title {
font-size: 11px !important;
}
.campaign-inner-search-content-div .campaign-search-content-select-btn {
font-size: 10px !important;
padding: 3px 13px !important;
}
.campaign-page-star {
font-size: 14px !important;
}
.campaign-page-star a {
padding: 0px 5px !important;
font-size: 14px !important;
}
.search-list-user.campaign-inner-search-list-user {
width: 100%;
}
/*trustpilot*/
.campaign-inner-review-and-text-over-box {
display: flex;
align-items: center;
justify-content: space-between;
width: 50%;
margin: auto;
}
.campaign-inner-trustpilot-reviews {
text-align: left;
margin: 40px 0 15px;
}
.campaign-inner-tooltip-review-info {
display: flex;
align-items: center;
justify-content: flex-start;
}
.campaign-inner-review-stars-box {
background: #fff;
border-radius: 0px 15px 15px 0px;
padding-left: 20px;
padding-right: 5px;
margin-bottom: 5px;
box-shadow: 0px 0px 3px 2px #eee;
}
.campaign-inner-trustpilot-tooltip {
background-image: url("/images/Hugo.jpg");
background-color: #cccccc;
height: 50px;
width: 50px;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 3px solid #fff;
display: inline-block;
position: relative;
margin-right: -10px;
margin-left: -5px;
}
.campaign-inner-trustpilot-tooltip:nth-of-type(2) {
background-image: url("/images/Noah.png");
}
.campaign-inner-trustpilot-tooltip:nth-of-type(3) {
background-image: url("/images/John.png");
}
.campaign-inner-trustpilot-tooltip:nth-of-type(4) {
background-image: url("/images/Andre-Oentoro.png");
}
.campaign-inner-trustpilot-tooltip:nth-of-type(5) {
background-image: url("/images/Steven.png");
}
.campaign-inner-trustpilot-tooltip:nth-of-type(6) {
background-image: url("/images/Lucas.png");
}
.campaign-inner-trustpilot-tooltip:hover {
border: 3px solid #ff00b1;
}
.campaign-inner-trustpilot-tooltip .campaign-inner-tooltiptext {
visibility: hidden;
width: 300px;
bottom: 120%;
background-color: white;
text-align: left;
color: black;
border-radius: 30px;
padding: 30px;
left: 50%;
margin-left: -60px;
position: absolute;
z-index: 1;
display: none
}
.campaign-inner-trustpilot-tooltip .campaign-inner-tooltiptext:before {
width: 50px;
height: 50px;
background: #fff;
position: absolute;
content: "";
z-index: -1;
border-radius: 25px 0px 0px 0px;
border-left: 1px solid #f92f9a;
border-top: 1px solid #f92f9a;
top: 10px;
left: 10px;
}
.campaign-inner-trustpilot-tooltip .campaign-inner-tooltiptext:after {
width: 50px;
height: 50px;
background: #fff;
position: absolute;
content: "";
z-index: -1;
border-radius: 0px 0px 25px 0px;
border-right: 1px solid #f92f9a;
border-bottom: 1px solid #f92f9a;
bottom: 10px;
right: 10px;
}
.campaign-inner-trustpilot-tooltip:hover .campaign-inner-tooltiptext {
visibility: visible;
}
@media only screen and (min-width: 1000px) {
.campaign-inner-trustpilot-tooltip .campaign-inner-tooltiptext {
display: block;
}
}
.campaign-inner-tooltip-image {
width: 75px
}
.campaign-inner-tooltip-review {
margin: 10px 0;
font-size: 13px !important;
line-height: 1.5em !important;
color: #505050;
}
.campaign-inner-tooltip-review-stars .campaign-inner-review-stars {
padding: 4px;
background: linear-gradient(310deg, #7928CA, #FF0080);
border-radius: 45px;
}
@media only screen and (max-width: 900px) and (min-width: 200px) {
.campaign-inner-over-box {
width: 100%;
margin: auto;
}
.campaign-inner-over-box:before {
position: absolute;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 30px;
height: 30px;
left: -25px;
top: 43px;
}
.campaign-inner-over-box:after {
position: absolute;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 30px;
height: 30px;
right: -25px;
transform: rotate(200deg);
bottom: 0px;
}
.campaign-bg-mobile {
position: absolute;
content: "";
background: #feeef7;
width: 250%;
height: 133px;
z-index: -1;
top: -1px;
left: -50px;
}
.campaign-inner-col-inner {
width: 98%;
margin: auto;
}
.campaign-inner-review-and-text-over-box {
display: block;
width: auto;
margin: auto;
}
.campaign-inner-tooltip-review-info {
justify-content: center;
}
.campaign-page-star {
font-size: 14px !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.campaign-bg-mobile {
height: 152px;
}
}
.text-rainbow-animation {
font-weight: bold;
background-image:
linear-gradient(to right, red,blue,indigo,violet);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: rainbow-animation 80s linear infinite;
}
@keyframes rainbow-animation {
to {
background-position: 4500vh;
}
}
/*mobile view checkout user search*/
.checkout-mobile-overlay {
position: relative;
z-index: 99;
}
.checkout-mobile-overlay.active:before {
transition-property: opacity !important;
transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
transition-duration: .15s !important;
background-color: rgba(0, 0, 0, .6) !important;
height: 100vh;
position: fixed;
z-index: 5;
width: 100vw !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
content: "";
}
/*Mobile view campaign User search Start*/
.campaign-mobile-overlay {
position: relative;
z-index: 99;
}
.campaign-mobile-overlay.active:before {
transition-property: opacity !important;
transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
transition-duration: .15s !important;
background-color: rgba(0, 0, 0, .6) !important;
height: 100vh;
position: fixed;
z-index: 5;
width: 100vw !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
content: "";
}
.mobile-growth-user-box {
position: fixed;
bottom: 5px;
background: linear-gradient(361deg, #3a416f 0%, #292e4f 100%);
z-index: 997;
width: 95%;
left: 10px;
margin: auto;
right: 10px;
text-align: center;
padding: 5px 30px 5px;
border-radius: 15px;
}
.mobile-growth-slide-top {
-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-top {
0% {
-webkit-transform: translateY(143px);
transform: translateY(143px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-top {
0% {
-webkit-transform: translateY(143px);
transform: translateY(143px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.mobile-growth-slide-bottom {
-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(143px);
transform: translateY(143px);
}
}
@keyframes slide-bottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(143px);
transform: translateY(143px);
}
}
.mobile-growth-slide-top .mobile_growth-just-icon .mobile-growth-slide-svg {
transform: rotate(0deg) translateX(40px);
}
.mobile-growth-slide-bottom .mobile_growth-just-icon svg.mobile-growth-slide-svg {
transform: rotate(180deg) translateX(-40px);
}
.mobile_growth-just-icon {
display: inline-flex;
position: absolute;
top: -22px;
left: auto;
right: auto;
z-index: 1;
transform: rotate(0deg) translateX(-50%);
width: 90px;
height: 35px;
margin: auto;
line-height: 35px;
text-align: center;
color: #8492a6;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(/images/svgviewer-png-output.png);
align-content: center;
}
.campaign-mobile-growth-title {
font-size: 24px !important;
font-weight: 600;
margin-bottom: 14px !important;
}
.mobile-growth-user-box button {
width: 80% !important;
background: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);
color: #fff;
}
.mobile-search-over-all-box.mobile-view-campaign-free-page {
display: flex;
justify-content: center;
align-content: center;
flex-wrap: nowrap;
align-items: center;
top: 0;
}
.mobile-search-over-all-box {
position: fixed;
bottom: 0;
z-index: 997;
width: 40%;
left: 0;
right: 0;
margin: auto;
}
.mobile-search-user-box {
background: linear-gradient(310deg, rgb(143 72 209), rgb(253 88 173));
text-align: center;
padding: 0px 10px 0px;
border-radius: 12px;
/*border-top: 4px solid #a33598;*/
}
.mobile-search-user-field-col-inner {
width: 100%;
display: flex;
-webkit-box-shadow: 0 0 0 3px rgb(234 76 137 / 10%);
border-radius: 16px;
padding: 10px;
background: #fff;
overflow: hidden;
border-right: 2px solid #ffff;
}
.mobile-search-user-field-col-inner input {
width: 100%;
border: none;
font-size: 16px;
height: 30px;
}
.mobile-search-user-field-col-inner .form-control:disabled {
background-color: #ffffff;
opacity: 1;
}
.mobile-search-user-field-col-inner input:focus {
outline: none;
box-shadow: none;
}
.mobile-search-user-field-col-inner input:-internal-autofill-selected {
appearance: menulist-button;
background-image: none !important;
background-color: #fff !important;
color: fieldtext !important;
}
.mobile-search-user-icon {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
border: 2px dashed #f42e9b !important;
}
.mobile-search-user-search-btn-box {
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
position: relative;
z-index: 99;
width: 60px !important;
padding-top: 2px;
align-content: center;
flex-wrap: nowrap;
}
.mobile-search-user-search-btn-box:before {
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
content: "";
z-index: -1;
right: -20px;
top: -15px;
width: 133px;
height: 80px;
}
.mobile-search-user-list-box {
position: relative;
border-radius: 15px 15px 0px 0px;
border-bottom: 4px solid #a33598;
}
.mobile-search-user-list-box:before {
right: auto;
font-size: 26px;
color: #fff;
transition: top 0.35s ease;
content: "";
display: block;
height: 0;
width: 0 !important;
position: absolute;
bottom: -11px;
left: 6%;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #fff;
transform: rotate(180deg);
}
.mobile-search-user-campaign_search-alert {
background: rgb(244 67 54 / 19%) !important;
}
.mobile-search-campaign-content-div:before {
position: absolute;
width: 2px;
height: 100%;
content: "";
top: 0px;
right: 42px;
background: #f52f9b;
border-radius: 15px;
z-index: 5;
}
.mobile-search-campaign-content-div:after {
width: 35px;
height: 35px;
border-radius: 100px;
background: linear-gradient(310deg, #7928CA, #FF0080);
content: var(--content2);
font-family: 'bootstrap-icons';
display: flex;
top: 96px;
color: #ffffff;
bottom: 10px;
right: 25px;
position: absolute;
font-size: 14px;
z-index: 6;
align-items: center;
justify-content: center;
align-content: center;
border: 5px solid #fff;
}
.mobile-search-campaign-content-div::-webkit-scrollbar {
width: 5px;
}
/* Track */
.mobile-search-campaign-content-div::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #eee;
border-radius: 10px;
}
/* Handle */
.mobile-search-campaign-content-div::-webkit-scrollbar-thumb {
background: #ff0080;
border-radius: 10px;
}
.mobile-search-campaign-content-inner-div {
position: relative;
width: 90%;
}
.mobile-search-campaign-item-list {
position: relative;
padding: 0px !important;
margin: 0px !important;
transition: 0.5s;
margin-right: 10px !important;
}
.mobile-search-campaign-item-list:after {
content: "";
background: #ebebeb;
background: -webkit-linear-gradient(right, #ebebeb14 0%, #ebebeb78 100%);
background: linear-gradient(to right, #ebebeb14 0%, #ebebeb78 100%);
display: block;
height: 1px;
width: 100%;
}
.mobile-search-campaign-item-list img {
background: linear-gradient(310deg, #7928CA, #FF0080);
padding: 1px;
}
.mobile-search-campaign-content-title {
font-size: 13px !important;
line-height: 18px;
}
.mobile-search-campaign-content-sub-title {
margin: 0px !important;
font-size: 11px !important;
opacity: 0.6;
}
.mobile-search-campaign-content-select-btn {
background: linear-gradient(310deg, #7928CA, #FF0080);
font-size: 10px;
padding: 4px 8px !important;
display: block;
border-radius: 45px !important;
color: #fff;
border: 2px solid #fff;
box-shadow: 0px 0px 1px 1px #e9078d;
position: absolute;
top: 3px;
right: 0px;
z-index: 99 !important;
cursor: pointer !important;
width: 62px;
text-align: center;
}
.overflow-layout-full {
position: relative;
}
.overflow-layout-full:before {
background: rgba(0, 0, 0, .6) !important;
position: absolute;
width: 100%;
height: 100%;
content: "";
z-index: 4;
}
/*Mobile view campaign User search End*/
/*price card */
.price-trending-pack-box {
border: 1px solid #e9e9e9;
padding: 20px 10px 10px;
border-radius: 10px;
position: relative;
}
@keyframes color-blink-change {
0% { background: green; }
50% { background: red; }
100% { background: blue; }
}
.price-trending-title p {
font-size: 11px;
font-weight: 700;
animation: Color 4s linear infinite;
-webkit-animation: Color 4s ease-in-out infinite;
}
@keyframes Color{
0%{
color:#A0D468;
}
20%{
color:#4FC1E9;
}
40%{
color:#FFCE54;
}
60%{
color:#FC6E51;
}
80%{
color:#ED5565;
}
100%{
color:#AC92EC;
}
}
.price-trending-pack-box.price-trend-two-box.my-4 {
padding: 25px 10px 15px;
border: 1px solid #ed0589;
}
.price-trending-tabs.price-trend-2 a .price-trending-pack-item {
position: relative;
}
.price-trending-tabs.price-trend-2 a {
background: #fff;
color: #fd2ba4;
padding: 2px 25px;
position: relative;
border-radius: 6px;
overflow: hidden;
font-size: 13px;
font-weight: 700;
border: 1px solid #fd55b6 !important;
margin: 3px 3px;
display: flex;
align-items: center;
justify-content: center;
}
.price-trending-tabs.price-trend-2 a:hover {
background: linear-gradient(310deg, #7928ca, #ff0080);
color: #fff;
}
.price-trending-title.price-trend-tit-2 {
margin-left: 0px;
background: #fff;
overflow: hidden;
font-size: 13px;
padding: 0px 8px;
position: absolute;
top: -12px;
left: 20px;
right: 0px;
display: table;
}
.price-trending-title.price-trend-tit-2 p {
background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
font-weight: 800;
font-size: 13px;
}
@keyframes rainbow_animation {
0%,100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.price-trending-tabs.price-trend-2 a {
padding: 5px 17px;
margin: 4px 2px;
font-size: 12px;
}
}
.page-star-new-box svg {
animation: stars-animation 2.5s ease both;
animation-iteration-count: infinite
}
.page-star-new-box .page-star1 {
animation-delay: 0s
}
.page-star-new-box .page-star2 {
animation-delay: .2s
}
.page-star-new-box .page-star3 {
animation-delay: .4s;
}
.page-star-new-box .page-star4 {
animation-delay: .6s
}
.page-star-new-box .page-star5 {
animation-delay: .8s
}
@keyframes stars-animation {
0% {
scale: 0
}
10% {
scale: 1.2
}
15% {
scale: 1
}
}
/*inner page new card */
.our-price-pack-item-list {
border-radius: 10px;
padding: 10px;
padding-top: 21px;
position: relative;
background: #fff;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-direction: column;
box-shadow: 0px 1px 6px -3px #df0a92;
}
.our-price-pack-icon {
position: absolute;
content: "";
width: 30px;
height: 30px;
padding: 7px;
top: -15px;
left: 0;
right: 0;
margin: auto;
border: 2px solid #ffffff;
box-shadow: 0px 2px 0px 0px #eb068b;
}
.our-price-pack-item-list p {
font-size: 12px !important;
}
.our-price-pack-item-list:hover {
box-shadow: 0px 4px 6px -3px #df0a92;
}
.menu-other-services {
border: 1.5px solid transparent;
border-radius: 18px;
background: #ffe7fb !important;
background-clip: padding-box !important;
display: inline-flex !important;
align-items: center !important;
color: #ff0080 !important;
position: relative;
padding: calc(7px - 1.5px) calc(12px - 1.5px) !important;
}
.menu-other-services svg path {
fill: #ff0080 !important;
}
.menu-other-services:before {
content: "";
position: absolute;
top: -1.5px;
right: -1.5px;
bottom: -1.5px;
left: -1.5px;
z-index: -1;
background: linear-gradient(90deg, #ff0080, #7928ca);
border-radius: inherit;
}
.menu-other-services:hover {
background-color: #f7d9f2 !important;
}
.mobile-menu-open-close-box {
/*background: #f9e4fd !important;*/
width: 30px;
height: 30px;
font-size: 16px !important;
line-height: 14px !important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
.mobile-menu-open-close-box:before {
content: '';
position: absolute;
top: -6px;
right: -7.5px;
width: 7px;
height: 7px;
background: #7eb940;
border: 3px solid #f1f1f1;
border-radius: 50%;
box-sizing: content-box;
}
/*mobile-only-show services*/
.mobile-header__scroll-nav {
display: none;
margin-left: -7px;
transition: all .5s;
width: 82vw;
padding-left: 9px;
padding-right: 0px;
}
.mobile-header__scroll-nav .scroll-nav {
list-style-type: none;
display: flex;
flex-flow: row nowrap;
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 0px !important;
}
.mobile-header__scroll-nav .scroll-nav__item {
flex: 1 1 auto;
white-space: nowrap;
text-align: center;
}
.mobile-header__scroll-nav .scroll-nav__item:not(:last-child) {
margin-right: 20px;
}
.mobile-header__scroll-nav .scroll-nav__item a {
display: inline-flex;
align-items: center;
font-weight: 400;
font-size: 12.27px;
letter-spacing: -.01em;
color: #000;
text-decoration: none;
transition: all .2s;
}
.mobile-header__scroll-nav .scroll-nav__item a:hover {
font-weight: 500;
color: #000;
border-bottom: 2px solid #ff0080;
}
.mobile-header__scroll-nav .scroll-nav__item svg {
display: inline-block;
position: relative;
font-size: 0;
line-height: 0;
text-indent: -4004px;
vertical-align: top;
top: 1px;
margin-right: 8px;
}
.mobile-header__scroll-nav .scroll-nav__item svg path {
fill: #f60988;
}
.point-view-view-sections ul {
margin-right: 20px;
text-align: left;
}
.point-view-view-sections li {
font-size: 15px;
margin-bottom: 8px;
list-style: none;
}
.point-view-view-sections li svg {
width: 14px;
}
.inner-page-tool-avatar-box .point-avatar-box ul {
line-height: 0;
}
.point-avatar-box .avatar.avatar-sm {
width: 40px !important;
height: 40px !important;
font-size: 0.875rem;
border-radius: 100px;
border: 3px solid #ef0488;
position: relative;
}
.point-avatar-box .avatar:hover {
z-index: 2 !important;
}
.point-avatar-box .avatar.avatar-sm img {
width: 40px;
height: 40px;
border: 2px solid #ffffff;
box-shadow: 0px 0px 0px 2px #d7d7d7;
}
.inner-page-tooltiptext {
visibility: hidden;
width: 300px;
bottom: 120%;
backdrop-filter: blur(18px);
background-color: rgb(243 243 243 / 58%);
text-align: left;
color: black;
border-radius: 30px;
padding: 25px;
left: 50%;
margin-left: -60px;
position: absolute;
z-index: 1;
display: none;
box-shadow: 1px 1px 2px 1px #fde5f8;
}
.inner-page-tooltip-review {
font-size: 11px !important;
}
.inner-page-tooltip-review-stars svg {
padding: 4px;
background: linear-gradient(310deg, #7928CA, #FF0080);
border-radius: 45px;
}
.inner-page-tool-avatar-box .avatar:hover .inner-page-tooltiptext {
visibility: visible;
display: block;
}
.inner-page-point-star-box {
margin-left: -6px;
}
.inner-page-review-stars {
background: rgb(241 5 136 / 18%);
border-radius: 0px 15px 15px 0px;
padding: 4px 10px 4px 15px;
gap: 2px;
}
.inner-page-review-stars .review-stars {
padding: 4px;
background: linear-gradient(310deg, #7928CA, #FF0080);
border-radius: 45px;
}
/*auto-view-page-box*/
.auto-view-page-box {
padding-bottom: 20px;
}
.auto-view-page-box .point-view-tab {
display: none;
}
.auto-view-page-box .review-and-text-over-box {
display: none;
}
.auto-view-page-box a#campaign_tab0 .campaign-pack-title p {
color: #67748e;
}
.auto-view-page-box a#campaign_tab1, .auto-view-page-box a#campaign_tab2 {
display: none;
}
.auto-pack-un-list li {
margin-bottom: 10px;
padding-left: 7px;
}
.auto-pack-un-list li::marker {
font-size: 16px;
color: #ea068b;
content: '\27A5';
}
/*service*/
.services-quick.quick-queries-box .accordion-header button {
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
background-image: linear-gradient(310deg, #7928CA, #FF0080);
font-weight: 900 !important;
pointer-events: none;
}
.services-faq-list-box.text-center ul li .icon.m-auto.icon-shape {
border-radius: 75px !important;
}
.services-faq-list-box.text-center ul li p {
color: #000;
font-weight: 600;
}
.services-faq-list-box.text-center ul li {
display: block;
margin-bottom: 25px;
}
.who-needs-direct-slides .feature-item {
padding: 5px 20px;
}
.who-needs-direct-slides .slick-arrow {
background: #e00991;
border-radius: 15px;
opacity: 0.2 !important;
}
.who-needs-direct-slides .slick-arrow:hover, .who-needs-direct-slides .slick-arrow:focus {
opacity: 0.8;
background: #e00991 !important;
}
.who-needs-direct-slides .slick-arrow:active {
background: #e00991 !important;
opacity: 1;
}
/**/
/*.snapchat-filters-header {*/
/* background-image: url(../../../images/bg1.png) !important;*/
/* background-repeat: no-repeat;*/
/* background-size: contain;*/
/*}*/
/*.snap-upload-our-box {*/
/* position: relative;*/
/* z-index: 99;*/
/* transition: all 0.5s;*/
/*}*/
/*.snap-upload-box {*/
/* border-radius: 16px;*/
/* height: 225px;*/
/* width: 80%;*/
/* margin: auto;*/
/* display: flex;*/
/* align-items: center;*/
/* justify-content: center;*/
/* align-content: center;*/
/* box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
/* flex-direction: column;*/
/* position: relative;*/
/* text-align: center;*/
/*}*/
/*.snap-upload-label {*/
/* display: block;*/
/* cursor: pointer;*/
/* margin-bottom: 0px;*/
/* background: linear-gradient(310deg, #7928CA, #FF0080);*/
/* padding: 12px 25px;*/
/* border-radius: 45px;*/
/* color: #fff;*/
/* font-size: 14px;*/
/*}*/
/*.snap-upload-label:hover {*/
/* background: #107bff;*/
/*}*/
/*.snap-upload-our-box:after {*/
/* left: 90px;*/
/* top: 4px;*/
/* bottom: 160px;*/
/* border-radius: 15px;*/
/* height: 100px;*/
/* width: 100px;*/
/* border: 2px solid #fab567;*/
/* position: absolute;*/
/* z-index: -9;*/
/* content: "";*/
/* background: #fff;*/
/* transform: rotate(40deg);*/
/* transition: 0.5s;*/
/*}*/
/*.snap-upload-our-box:before {*/
/* right: 90px;*/
/* bottom: 0px;*/
/* position: absolute;*/
/* border: 2px solid #ff008b;*/
/* border-radius: 15px;*/
/* z-index: -9;*/
/* content: "";*/
/* height: 100px;*/
/* width: 100px;*/
/* transform: rotate(40deg);*/
/* transition: all 0.5s;*/
/*}*/
/*.snap-upload-our-box:hover:after {*/
/* transition: 0.5s;*/
/* background: #fab567;*/
/*}*/
/*.snap-upload-our-box:hover:before {*/
/* transition: 0.5s;*/
/* background: #ff008b;*/
/*}*/
/*.snap-upload-our-box:hover .snap-upload-svg {*/
/* transform: rotate(40deg);*/
/* opacity: 1;*/
/*}*/
/*.snap-upload-svg {*/
/* position: absolute;*/
/* top: -14px;*/
/* right: -20px;*/
/* opacity: 0.2;*/
/* transition: 0.5s;*/
/*}*/
/*.snap-upload-box h3 {*/
/* font-size: 20px !important;*/
/* color: #9f1db6;*/
/* margin-bottom: 20px;*/
/*}*/
.free-tool-manual-point-item {
display: inline-block;
margin: 0px 15px;
position: relative;
}
.free-tool-manual-point-item:nth-child(1):before{
visibility: hidden;
}
.free-tool-manual-point-item:before {
position: absolute;
width: 35px;
height: 0.5px;
background: #e9078c;
content: "";
top: 0px;
left: -34px;
z-index: 1;
bottom: 0px;
margin: auto;
}
.free-tool-manual-point-item span {
padding: 4px 14px;
border: 0.5px solid #e9078c;
border-radius: 45px;
}
.form-check.agree-to-the-terms-box:not(.form-switch) .form-check-input[type="checkbox"]:after {
transition: opacity 0.25s ease-in-out;
font-family: "bootstrap-icons";
content: "\F633";
}
/*tiktok hashtag style*/
.hashtags-three-box-des {
padding: 20px;
background: #fff2ff;
border-radius: 10px;
text-align: center;
position: relative;
padding-top: 40px;
}
.hashtags-three-box-des .icon.icon-shape {
z-index: 33;
position: absolute;
content: "";
width: 55px;
height: 55px;
padding: 4px;
top: -30px;
left: 0;
right: 0;
margin: auto;
box-shadow: 0px 0px 0px 5px #ffffff !important;
}
.hashtags-three-box-des h3 {
position: relative;
margin-bottom: 30px !important;
}
.hashtags-three-box-des h3:before {
left: 0;
z-index: 1;
width: 30px;
height: 2px;
content: " ";
bottom: -10px;
position: absolute;
background: #ff0080;
right: 0;
margin: auto;
}
.hashtags-views-text {
color: #7e7c7c;
font-size: 15px;
margin: 18px 0px !important;
padding: 20px;
border-radius: 10px;
border: 0.5px solid #e9078c;
}
.hashtags-views-text .visit-btn {
position: absolute;
right: 15px;
bottom: -13px;
}
.hashtags-views-text .visit-btn a {
background: #d60d97;
padding: 1px 10px 5px;
color: #fff;
border-radius: 5px;
font-size: 13px;
line-height: 28px;
}
.hashtags-views-text .visit-btn a:hover {
background: #9520bb;
}
.hashtags-three-box-des-our-box {
margin-top: 20px;
}
.hashtags-three-box-des-our-box p {
font-size: 14px;
text-align: center;
color: #344767;
line-height: 24px;
}
/*adsby google-hl-ads code*/
.website-vl-ads, .website-hl-ads, .website-sq-ads {
/*overflow: hidden;*/
background: transparent;
}
.ins-point-step {
padding: 5px 13px 5px 8px;
background: #9a2dd7;
border-radius: 25px;
position: relative;
margin-right: 4px;
color: #fff;
font-size: 14px;
display: inline-block;
font-size: 14px !important;
}
.tiktok-emojis-home-img img {
width: 70% !important;
}
/*100% Ananymous section*/
.profile-anonymous-box {
background: #f5f5ff;
color: #14b78e;
padding: 1px 15px;
border-radius: 35px;
font-size: 12px;
font-weight: 600;
display: inline-block;
}
/*Free page lowcost buy link section*/
.low-cost-new-section-box .col-lg-2 {
width: 20%;
}
.free-trial-low-pack-box .low-cost-new-section-box {
margin-top: 15px !important;
}
.free-trial-low-pack-box .low-cost-new-section-box .col-lg-2 {
width: 30% !important;
margin-top: 28px !important;
}
.lowcost-list-section {
padding: 5px;
background: #F4F4F4;
border-radius: 6px;
transition: 0.5s;
box-shadow: 0px 0px 4px 1px #e2e2e2;
}
.top-text-sub {
position: absolute;
top: -14px;
left: 5px;
border: 1px solid #FF0080;
background: #fff;
font-weight: 600;
border-radius: 0px 50px 50px 0px;
padding: 2px 13px 2px 17px;
font-size: 14px;
line-height: 2;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 2px 2px 6px -5px #000;
}
.top-icon-box {
position: absolute;
top: -19px;
left: -15px;
}
.top-icon-box svg {
width: 35px;
height: 35px;
}
.top-text-sub span {
color: #344767;
font-size: 11px;
font-weight: 700;
line-height: 9px;
}
.top-content-box {
color: #67748E;
font-size: 11px;
font-weight: 600;
margin: 13px 0px 7px !important;
}
.top-button-box {
display: flex;
align-items: center;
background: #fff;
padding: 4px 4px;
line-height: 20px;
border-radius: 5px;
border: 1px solid #e8e0e0;
align-content: center;
justify-content: center;
}
.top-point-avatar-box .low-pont-avatar-box img {
object-fit: contain;
width: 62px;
}
.top-button-style {
padding: 5px 9px !important;
border-radius: 4px !important;
margin-right: 6px;
font-size: 10px !important;
line-height: 10px !important;
}
.top-button-style:hover {
color: #fff;
}
.lowcost-list-section .avatar-group-box {
line-height: 0;
}
.lowcost-list-section .avatar-box {
width: 35px !important;
height: 35px !important;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.875rem;
position: relative;
z-index: 2;
border-radius: 100px;
border: 3px solid #ffffff;
}
.lowcost-list-section .avatar-box+.avatar-box {
margin-left: -1rem;
}
.low-pont-avatar-box img {
object-fit: contain;
width: 58px;
height: auto;
}
.low-cost-new-section-box.low-cost-new-two .top-button-style {
margin-left: 5px;
margin-right: 0px;
}
.footer-address {
color: #aaacaf;
}
/*inner-page-campaign-search-box St*/
/*.inner-page-campaign-search-box .campaign-pack-tabs-box{display:none}*/
.inner-page-campaign-search-box .search-btn-box.px-4{z-index:0 !important}
.inner-page-campaign-search-box .point-view-tab-cont {
color: #79849b;
}
.inner-page-campaign-search-box .reviews-text small {
color: #79849b !important;
}
.inner-page-campaign-search-box .campaign-pack-tabs-box .nav-tabs a {
display: none;
}
.inner-page-campaign-search-box .campaign-pack-tabs-box .nav-item.active {
display: block;
}
.inner-page-campaign-search-box .campaign-pack-left-btn a,
.inner-page-campaign-search-box .campaign-pack-right-btn a {
background: #ff009f;
display: none;
}
.inner-page-campaign-search-box .other-services-btn-box a{
border: 2px solid #f10488;
}
.inner-page-campaign-search-box .campaign-pack-title p {
color: #67748e;
}
/*.inner-page-campaign-search-box .campaign-search-field-col-inner {*/
/* -webkit-box-shadow: 0 0 0 1px rgb(237 45 157);*/
/* margin-top: 5px !important;*/
/*}*/
.inner-page-campaign-search-box .campaign-search-icon svg path {
fill: #f32e9c;
fill-opacity: 1;
}
.inner-page-campaign-search-box .trustpilot-tooltip {
border: 3px solid #ffddf2;
}
.inner-page-campaign-search-box .review-stars-box {
background: #ffddf2;
}
.inner-page-campaign-search-box .trustpilot-tooltip .tooltiptext {
box-shadow: 0px 0px 4px -2px #ec2e9e;
background: rgb(241 46 156 / 0%);
backdrop-filter: blur(90px);
}
.inner-page-campaign-search-box .trustpilot-tooltip .tooltiptext:before,
.inner-page-campaign-search-box .trustpilot-tooltip .tooltiptext:after{
background: rgb(255 255 255 / 0%);
}
.inner-page-campaign-search-box .trustpilot-text-title svg path {
fill: #f10488;
}
.inner-page-campaign-search-box .search-list-user {
width: 39%;
box-shadow: 0px 1px 6px -2px #ec2e9e;
}
.inner-page-campaign-search-box .search-list-user:before {
border-bottom: 13px solid #fbd5ec85;
}
@media only screen and (max-width: 990px) and (min-width: 200px) {
section.page-header.min-vh-100.home-page-top-over {
min-height: 100vh !important;
}
/*section.page-header.min-vh-100.home-page-top-over .container {*/
/* margin-top: 41px !important;*/
/*}*/
.inner-page-campaign-search-box {
margin-top: 20px;
}
.inner-page-campaign-search-box .campaign-pack-tabs-box {
margin-top: 0em;
display: none;
}
.inner-page-campaign-search-box .campaign-search-field-col-inner {
padding: 10px;
margin: 0px !important;
}
.inner-page-campaign-search-box .search-list-user {
width: 100%;
}
}
/*inner-page-campaign-search-box End*/
.google-left-ads {
position: absolute;
/*background: #eee;*/
left: -60px;
content: "";
top: 0px;
z-index: 5;
width: 175px;
height: 100vh;
}
.google-right-ads {
position: absolute;
right: -60px;
/*background: #eee;*/
content: "";
top: 0px;
z-index: 5;
width: 175px;
height: 100vh;
}
/*free pages new UI*/
.stp-item-box {
padding: 35px !important;
background: #FFFFFF;
border-radius: 10px;
transition: 0.5s;
box-shadow: 0px 0px 4px 1px #f5f5f5;
overflow: hidden;
border: 1px solid #FFF;
}
.stp-item-box:hover {
box-shadow: 0 0 40px rgb(0 0 0 / 10%);
transition: 0.5s;
transform: translate(0px, -10px);
border: 1px solid #e9078c;
}
.container-size-new {
width: 80% !important;
margin: auto !important;
}
.fidelity-item {
position: relative;
padding: 30px !important;
border: 2px solid #eeee;
transition: 0.5s;
}
.fidelity-item:hover {
border: 2px solid #e9078c;
}
.fidelity-item:hover .fidelity-svg {
border: 2px solid #e9078c;
}
.our-benefits-step-box {
position: relative;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
transition: 0.5s;
}
.benefits-step-text-box p {
margin: 0px;
}
.benefits-step-img {
position: absolute;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #fc0081;
border-radius: 72px;
padding: 6px;
right: -10px;
top: -10px;
border: 4px solid #e9e9ec;
z-index: 1;
}
.our-benefits-step-box:hover .benefits-step-img {
background: #9e1db5;
}
.stp-item-box {
padding: 35px !important;
background: #FFFFFF;
border-radius: 10px;
transition: 0.5s;
box-shadow: 0px 0px 4px 1px #f5f5f5;
overflow: hidden;
border: 1px solid #FFF;
}
.stp-item-box:hover {
box-shadow: 0 0 40px rgb(0 0 0 / 10%);
transition: 0.5s;
transform: translate(0px, -10px);
border: 1px solid #e9078c;
}
.container-size-new {
width: 80%;
margin: auto;
}
.fidelity-item {
position: relative;
padding: 30px !important;
border: 2px solid #eeee;
transition: 0.5s;
}
.fidelity-svg {
position: absolute;
top: -22px;
width: 40px;
left: 22px;
height: 40px;
padding: 7px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 2px solid #eee;
border-radius: 8px;
}
.fidelity-item:hover {
border: 2px solid #e9078c;
}
.fidelity-item:hover .fidelity-svg {
border: 2px solid #e9078c;
}
.our-benefits-step-box {
position: relative;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
transition: 0.5s;
}
.benefits-step-text-box p {
margin: 0px;
}
.benefits-step-img {
position: absolute;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #fc0081;
border-radius: 72px;
padding: 6px;
right: -10px;
top: -10px;
border: 4px solid #e9e9ec;
z-index: 1;
}
.our-benefits-step-box:hover .benefits-step-img {
background: #9e1db5;
}
.related-item {
position: relative;
box-shadow: 0px 1px 6px -3px #df0a92;
border-radius: 16px;
background: #df0a92 !important;
z-index: 2;
padding: 0px !important;
}
.related-ic-box {
background: #fff;
padding: 25px;
box-shadow: 0px 1px 10px -3px #df0a92;
border-radius: 14px;
}
.related-item p {
font-weight: 600;
font-size: 17px;
margin-top: 20px;
color: #000;
}
.related-icon {
width: 50px;
height: 50px;
background: linear-gradient(310deg, #7928CA, #FF0080);
display: flex ;
align-items: center;
justify-content: center;
padding: 13px;
margin: auto;
border-radius: 64px;
position: absolute;
top: -20px;
left: 0;
right: 0;
}
.related-try-button {
position: relative;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
padding: 7px 20px;
display: inline-block;
cursor: pointer;
border-radius: 6em;
transition: all 0.2s;
font-family: inherit;
border: 1px solid #fc0081;
color: #fc0081;
background-color: #ffe7fb;
}
.related-try-button:hover {
transform: translateY(-3px);
box-shadow: 0 10px 14px rgba(0, 0, 0, 0.2);
}
.related-try-button::after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
border-radius: 100px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.4s;
}
.related-try-button::after {
background-color: #f7d0f0;
}
.related-try-button:hover::after {
transform: scaleX(1.4) scaleY(1.6);
opacity: 0;
}
.related-try-button:hover {
background: linear-gradient(310deg, #7928CA, #FF0080);
color: #fff;
border-color: #fff;
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
.inner-right-img-box {
margin-bottom: 20px;
}
.container-size-new .inner-left-img-box {
padding: 20px;
text-align: center !important;
}
.container-size-new .head-font-high {
text-align: center !important;
}
}
.best-tc-choice-item-list .icon {
position: absolute;
top: -25px;
left: 0;
right: 0;
border-radius: 50px;
border: 3px solid #fff;
box-shadow: 0px 0px 1px 2px #e5088f;
}
.head-font-high h3 {
font-size: 30px !important;
}
.inner-growing-box {
background-image: radial-gradient(circle at 45% 67%, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 3%, transparent 3%, transparent 100%), radial-gradient(circle at 16% 36%, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 3%, transparent 3%, transparent 100%), radial-gradient(circle at 69% 64%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 88% 23%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 43% 26%, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 66% 45%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 71% 41%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 89% 76%, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 70% 62%, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 88% 20%, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 7%, transparent 7%, transparent 100%), radial-gradient(circle at 57% 91%, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 98% 4%, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 28% 61%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 48% 96%, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 13% 61%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 44% 44%, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 20% 19%, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.02) 5%, transparent 5%, transparent 100%), linear-gradient(135deg, rgb(121, 40, 202), rgba(255, 0, 128, 0.73));
}
section.page-header {
padding-top: 4rem;
}
@media only screen and (max-width: 767px) and (min-width: 200px) {
section.page-header {
padding-top: 0;
}
.home-page-top-over.page-header h1 {
font-size: 2rem!important;
}
#free_home_container .col-lg-6.col-md-12:nth-child(0){
order: 2;
}
#free_home_container .col-lg-6.col-md-12:nth-child(1){
order: 1;
}
}