.gradient-text,
.overlay-right-item .icon {
    background: linear-gradient(90deg, #f33164, #f85641)
}

.gradient-text,
.price {
    -webkit-text-fill-color: #fff0
}

#chatbot-open,
#chatbot-send,
.button-container button,
.cross-btn,
.register-form form input[type=file],
.step-item {
    cursor: pointer
}

#chatbot-header,
.copyright,
.step-text,
.sub-catg-para,
.toggle-panel {
    text-align: center
}

.auth-social-follow ul li,
.menu-links,
.timeline>ul>li {
    list-style: none
}

*,
.timeline,
.timeline>ul>li {
    box-sizing: border-box
}

.timeline>ul>li:nth-child(2n):before,
.timeline>ul>li:nth-child(odd):before {
    box-shadow: 0 0 0 3px rgb(233 33 99 / .2);
    background: var(--gradinet);
    position: absolute
}

.all-page .wp-block-table .has-fixed-layout td,
.bttn,
.wp-block-table .has-fixed-layout th {
    white-space: nowrap
}

* {
    font-family: Poppins;
    margin: 0;
    padding: 0
}

:root {
    --primary-color: #fff;
    --secondry-color: #fa6431;
    --gradinet: linear-gradient(90deg, #f2276e, #fa6431);
    --bg-color: #1b1b1b;
    --dark: #000;
    --fw-600: 600;
    --fw-500: 500;
    --fw-700: 700;
    --fs-14: 14px;
    --fs-18: 18px;
    --fs-20: 20px;
    scroll-behavior: smooth
}

body {
    background: #111;
    color: #fff
}

p {
    line-height: 30px;
    margin-bottom: 10px
}

a {
    text-decoration: none;
    transition: .5s;
    color: var(--secondry-color)
}

.orange-shade {
    color: var(--secondry-color) !important
}

header {
    background: 0 0;
    border-bottom: 1px solid;
    height: 75px;
    inset: 0;
    position: fixed;
    width: 100%;
    z-index: 99
}

.dropdown svg {
    fill: var(--primary-color)
}

.dropdown .dropdown svg {
    fill: var(--dark)
}

#table_of_content a,
.all-page h2,
.all-page ol,
.all-page p,
.all-page ul,
.artist-bottom,
.artist-bottom a,
.artist-inner-head .h3,
.author-name,
.big-head,
.booking-box,
.booking-box .h3,
.co-aut span,
.footer-strip,
.h2,
.h3,
.h4,
.h5,
.h6,
.influencer-overlay,
.mail a,
.read-more a,
.strip-btn,
.sub-catg-para,
.text-white,
.toc-body ul li a,
.web-mail,
.web-mail a,
.why-choose-card:hover .gradient-list li,
details,
h3,
h4,
h5,
h6,
header nav ul li a,
summary {
    color: var(--primary-color)
}

header nav ul li ul li a {
    color: var(--dark);
    font-weight: 400
}

header ul .dropdown ul {
    background-color: var(--primary-color)
}

.overlay-right-item {
    align-items: center;
    display: flex;
    gap: 20px;
    height: 100%;
    width: 100%;
    justify-content: center
}

.stats.bg-wrapper {
    padding: 20px !important
}

.overlay-right-item .icon {
    width: 60px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.gradient-text {
    -webkit-background-clip: text;
    background-clip: text;
    color: #fff0
}

.service-section {
    padding-block: 50px
}

.service-card,
.ul-box {
    border: 1px solid #080c13;
    border-radius: 1rem;
    padding: 2rem;
    transition: .3s
}

.service-card .gap-15 {
    gap: 16px !important
}

.service-card:hover {
    border-color: rgb(243 49 100 / .5);
    transform: scale(1.05)
}

.service-card p {
    -webkit-line-clamp: unset !important;
    font-size: 15px;
    line-height: 24px
}

.services-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: linear-gradient(90deg, #f2276e, #fa6431);
    border-radius: 12px
}

.testimonial-container,
footer {
    background-color: var(--dark)
}

.testimonial-card {
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 16px;
    padding: 30px;
    margin: 20px;
    box-shadow: 0 4px 20px rgb(0 0 0 / .3);
    transition: .3s
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgb(0 0 0 / .4)
}

.testimonial-rating,
.toggle-panel p {
    margin-bottom: 20px
}

.testimonial-card .author-title {
    line-height: normal
}

.stars {
    display: flex;
    gap: 4px
}

.star {
    color: #fa6431;
    font-size: 18px;
    font-weight: 700
}

.testimonial-content {
    margin-bottom: 25px
}

.testimonial-content p {
    color: #fff;
    font-style: italic;
    font-size: 16px;
    line-height: 1.6;
    margin: 0
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px
}

.author-image,
.menu-links li svg,
.services-icon {
    flex-shrink: 0
}

.author-image img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fa6431
}

.author-info,
.content-text {
    flex: 1
}

.author-name {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px
}

.author-title {
    color: #fa6431;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 3px
}

.author-company {
    color: #fff;
    font-size: 14px;
    margin: 0;
    opacity: .8
}

.button-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 20px
}

.button-container button {
    background: var(--gradinet);
    border: unset;
    border-radius: 50%;
    box-shadow: 1px 1px 9px 1px rgb(0 0 0 / .1);
    display: grid;
    height: 35px;
    place-items: center;
    width: 35px
}

button:is(.button-next, .button-prev):disabled,
button:is(.button-next, .button-prev)[disabled] {
    background: var(--bg-color)
}

.about-artist,
.influencer-card,
.influencer-pg-header,
.wp-block-table table {
    background-color: var(--bg-color)
}

.inlfuencers-stats {
    position: absolute;
    top: -176px;
    right: 10px
}

.artist-circle,
.brand-portfolio .influencer-card,
.fomr-cht,
.goal .feature-card,
.influencer .influencer-card .img-placeholder,
.register-form,
.team-slider .influencer-card,
.why-choose-card {
    position: relative
}

.influencer .influencer-card .img-placeholder:after {
    content: '';
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, #fff0 32%, rgb(0 0 0 / 35%) 64%, rgb(0 0 0 / 96%) 100%)
}

.influencer .influencer-card .img-placeholder:has(a img) {
    background: unset
}

.influencer-card .influencer-content a img:not(.nf-author img) {
    border: 4px solid var(--bg-color);
    border-radius: 50%;
    height: 70px;
    margin-top: -50px;
    object-fit: cover;
    position: relative;
    width: 70px;
    z-index: 1
}

.about-influencer,
.influencer-content {
    color: var(--primary-color);
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    padding: 5px
}

.influencer-title,
.wp-block-table table th {
    color: var(--primary-color);
    font-size: var(--fs-18);
    font-weight: var(--fw-600)
}

.footer-links li a:hover,
.influencer-title:hover,
.menu-links li a:hover,
.toc-body a:hover {
    text-decoration: underline
}

.brand-portfolio .tag {
    position: absolute;
    top: 110px;
    padding: 10px;
    width: 95%
}

.brand-portfolio .inlfuencers-stats .ribbon {
    clip-path: polygon(50% 0, 100% 0, 100% 0, 93% 49%, 100% 100%, 50% 100%, 0 100%, 0 0, 0 0, 0 0)
}

.brand-portfolio .inlfuencers-stats {
    right: 20px;
    position: absolute;
    top: 35px !important;
    left: -10px !important;
    justify-content: start !important
}

.brand-logo img {
    height: 45px;
    width: 100%;
    object-fit: cover
}

.brand-logo img:hover {
    transform: translatey(-5px);
    transition: .4s ease-in
}

.scroller {
    max-width: 100%
}

.scroller img {
    margin-right: 60px;
    height: 50px
}

.marquee-list .scroller__inner {
    display: flex;
    gap: 40px
}

.scroller[data-animated=true] {
    overflow: hidden
}

.scroller[data-animated=true] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite
}

.scroller[data-direction=right] {
    --_animation-direction: reverse
}

.scroller[data-direction=left] {
    --_animation-direction: forwards
}

.scroller[data-speed=fast] {
    --_animation-duration: 20s
}

.scroller[data-speed=slow] {
    --_animation-duration: 60s
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - .5rem))
    }
}

.case-study-card p {
    -webkit-line-clamp: 4 !important
}

.case-study-card .btn {
    justify-content: center;
    width: 100%
}

.why-choose-card {
    background-color: #1e2125;
    border-radius: 0 60px;
    color: var(--primary-color);
    padding: 30px;
    counter-increment: process-step
}

.why-choose-card p {
    line-height: 30px
}

.why-choose-card:hover {
    background: linear-gradient(90deg, #f2276e, #fa6431);
    transition: .5s ease-in
}

.why-choose-card:hover p {
    color: var(--primary-color) !important
}

.why-choose-card-head {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between
}

.dots-seperator {
    align-items: center;
    display: flex;
    gap: 5px;
    margin-top: -15px
}

.dots-seperator span {
    background-color: var(--primary-color);
    display: flex;
    gap: 5px;
    height: 2px
}

.dots-seperator span:first-child {
    width: 35px
}

.dots-seperator span:nth-child(2),
.dots-seperator span:nth-child(3) {
    width: 4px
}

.why-choose-card::after {
    content: counter(process-step, decimal-leading-zero);
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 65px;
    font-weight: 700;
    color: #e1cac330;
    opacity: .3;
    z-index: 1;
    transition: .3s
}

.why-choose-card:hover::after {
    opacity: 1;
    color: var(--primary-color);
    transform: scale(1.1)
}

.process-section {
    counter-reset: process-step
}

.gradient-list li,
:is(.service-card, .case-study-card, .ul-box) ul li {
    position: relative;
    padding-left: 20px;
    list-style: none;
    line-height: 1.8;
    color: #d1d5db;
    font-size: 15px;
    transition: .3s
}

.case-study-card ul li {
    line-height: 2;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.gradient-list li::before,
:is(.service-card, .case-study-card, .ul-box, .gradient-list) ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    aspect-ratio: 1/1;
    background: linear-gradient(90deg, #f2276e, #fa6431);
    border-radius: 50%;
    display: inline-block;
    transition: .3s
}

.why-choose-card:hover .gradient-list li::before {
    background: var(--primary-color);
    transform: scale(1.2)
}

.why-choose-card:hover ul li::marker {
    color: #1e2125
}

.about-section {
    background: #111;
    padding: 80px 0
}

.about-main-heading {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary-color);
    line-height: 1.2;
    margin-bottom: 30px
}

.about-description p {
    color: #d1d5db;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px
}

.mission-card {
    background: #1e2125;
    border-radius: 16px;
    padding: 30px;
    border: 1px solid #333
}

.mission-heading {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 15px
}

.mission-text {
    color: #d1d5db;
    font-size: 16px;
    line-height: 1.7;
    margin: 0
}

.feature-cards {
    display: flex;
    gap: 20px;
    margin-top: 30px
}

.feature-card {
    background: #1e2125;
    border-radius: 12px;
    padding: 25px;
    flex: 1;
    border: 1px solid #333;
    transition: .3s;
    height: 100%
}

.feature-card:hover {
    transform: translateY(-5px);
    border-color: var(--secondry-color)
}

.feature-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(90deg, #f2276e, #fa6431);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    flex-shrink: 0
}

.feature-icon i {
    font-size: 20px;
    color: var(--primary-color)
}

.feature-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 8px
}

.feature-description,
.overlay-description {
    color: #d1d5db;
    font-size: 14px;
    line-height: 1.6;
    margin: 0
}

.about-image-container {
    position: relative;
    border-radius: 12px;
    height: 500px
}

.about-image {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 20px
}

.image-overlay {
    position: absolute;
    left: 0;
    bottom: -30px;
    padding: 25px;
    border-radius: 12px;
    width: 100%
}

.overlay-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 10px
}

#table_of_content .thead,
.influencer-widget-title {
    background: var(--gradinet);
    font-size: var(--fs-18)
}

.call a,
.foot-catg {
    font-weight: var(--fw-600);
    color: var(--primary-color)
}

.team-slider .float-btn {
    position: absolute;
    top: 20px !important;
    right: 20px !important;
    padding: 15px !important
}

.cta-bg {
    padding: 50px 30px;
    position: relative;
    z-index: 0
}

.cta-bg:after {
    position: absolute;
    content: '';
    inset: 0;
    background: url(https://metropolitanhost.com/themes/themeforest/html/flimzyfans/assets/img/404.png) top center/cover no-repeat;
    height: 100%;
    width: 100%;
    z-index: -1
}

.cta-bg-wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 50%;
    background: linear-gradient(90deg, #f2276e30, #fa643140);
    top: 0;
    right: 0;
    z-index: 1
}

.cta-bg-wrap .col-lg-5:last-child {
    z-index: 1
}

.foot-catg {
    margin-bottom: 25px;
    position: relative;
    width: fit-content
}

.foot-catg:after {
    background-color: var(--primary-color);
    bottom: -8px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.footer-links li {
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: 13px;
    padding-top: 13px
}

.footer-links li:last-child,
.toggle-btn,
.toggle-btn2 {
    border: none
}

.footer-links li a {
    color: #f0f0f0
}

.copyright {
    color: var(--primary-color)
}

#breadcrumbs,
#breadcrumbs a,
.author-role,
.blog-author-details p,
.booking-box p,
.d-grid-footer-strip p,
.influencer-content p,
.testimonial p,
.why-choose-card p {
    color: #c7c7c7
}

.influencer-widget-title,
.pn-header {
    color: var(--primary-color);
    font-weight: var(--fw-600)
}

.influencer-pg-header .blog-details {
    border-top: 1px solid #3b3b3b;
    padding-top: 1.6rem;
    position: relative
}

.blog-details ul a,
.blog-details ul li {
    align-items: center;
    color: #c7c7c7;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.blog-details ul a:hover,
.toc-body ul li.active a {
    color: var(--secondry-color)
}

.blog-details img {
    border: 3px solid #fff;
    border-radius: 50%
}

.influencer-widget-title {
    border-radius: 0 10px 0 0
}

.blog-author-details:before,
.influencer-widget .influencer-widget-content {
    background-color: var(--bg-color);
    border-top: 3px solid var(--secondry-color)
}

.blog-author-details img {
    border: 2px solid #c7c7c7;
    border-radius: 50%
}

#table_of_content a {
    border-bottom: 0
}

.modal-header,
.toc-header,
.wp-block-table.is-style-stripes table thead {
    background: var(--gradinet)
}

#table_of_content .thead:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
    content: "";
    flex: none;
    height: 16px;
    margin-left: auto;
    width: 16px
}

#table_of_content .thead {
    position: relative;
    color: #fff
}

ul.table-list li {
    font-size: 15px;
    font-weight: var(--fw-600);
    line-height: 1.5;
    list-style-type: none
}

ul.table-list {
    border: 1px solid #c7c7c7
}

.toc-body::-webkit-scrollbar {
    width: 5px
}

.toc-body::-webkit-scrollbar-track {
    background: #c7c7c7
}

.toc-body::-webkit-scrollbar-thumb {
    background: var(--gradinet);
    border-radius: 20px
}

.all-page a:not(.toc-body a, .pagination a, .related-post a, .all-page .bg-box a, .blog-details li a, .btn, .influencer-widget .influencer-widget-content a) {
    color: var(--secondry-color);
    font-weight: var(--fw-500)
}

.all-page :is(p>a, li>a, h2>a, h3>a, h4>a, h5>a, h6>a):not(.toc-body li a) {
    border-bottom: 1px solid var(--secondry-color);
    color: var(--secondry-color)
}

.all-page :is(p>a, li>a, h2>a, h3>a, h4>a, h5>a, h6>a):not(.toc-body li a):hover {
    border-bottom: unset
}

blockquote {
    background: var(--bg-color);
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / .25);
    font-style: italic
}

blockquote:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='45' fill='none'%3E%3Cpath fill='%234E77A8' fill-opacity='.15' d='M42.922 42.254q3.741-6.48 8.883-13.68 5.144-7.2 10.988-14.58c5.844-7.38 7.636-9.54 11.22-13.86h15.43q-3.975 7.02-8.416 14.94-4.208 7.92-8.182 15.48-3.74 7.38-6.546 13.68H43.857zm-42.78 0q3.74-6.48 8.649-13.68 5.143-7.2 10.754-14.58 5.844-7.38 11.22-13.86h15.663q-3.038 5.4-6.311 11.16-3.039 5.76-6.078 11.7a1982 1982 0 0 0-5.845 11.16q-2.804 5.4-4.91 10.08H.844z'/%3E%3C/svg%3E") no-repeat
}

.sources:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='25' fill='none'%3E%3Cpath fill='%23fff' d='M14.1 9.763H9.773l1.597-5.07c.15-.594-.28-1.18-.87-1.18H5.1a.914.914 0 0 0-.892.812l-1.2 9.375c-.071.563.349 1.063.892 1.063h4.452l-1.73 7.597c-.134.594.3 1.153.875 1.153a.9.9 0 0 0 .78-.47l6.6-11.874c.348-.621-.083-1.406-.777-1.406'/%3E%3C/svg%3E") 50% no-repeat
}

.notes:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 2.083H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-12z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 2.083v6h6M16 13.083H8M16 17.083H8M10 9.083H8'/%3E%3C/svg%3E") no-repeat
}

.also-read:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' stroke='%23367EA2' stroke-width='.049' d='M3.036 19.808c-.57-.03-1.012-.486-1.012-1.032v-8.703c0-.596.517-1.07 1.139-1.034.944.054 2.353.178 3.816.466s2.978.74 4.133 1.446a.5.5 0 0 1 .239.427v9.61c0 .376-.413.618-.765.441-2.39-1.203-5.844-1.531-7.55-1.62ZM12 1.538a3.726 3.726 0 1 1 0 7.45 3.726 3.726 0 0 1 0-7.45Zm.889 9.413c1.155-.707 2.67-1.158 4.132-1.446a29 29 0 0 1 3.816-.466c.622-.035 1.139.438 1.139 1.034v8.704c0 .546-.442 1.003-1.012 1.032-1.705.09-5.158.418-7.547 1.62-.353.178-.767-.065-.767-.443v-9.601c0-.175.086-.34.239-.434Z'/%3E%3C/svg%3E") no-repeat
}

.widget-pn-container .widget-pn-col:first-child .pn-header {
    background-color: #68a624
}

.pn-header {
    background-color: #e00000;
    font-size: var(--fs-20)
}

.pn-header:before {
    border-left: 10px solid #fff0;
    border-top: 8px solid #b40404
}

.widget-pn-container .widget-pn-col:first-child .pn-header:before {
    border-top-color: #4e8118
}

.pc-body {
    box-shadow: 0 0 2px 0 #c7c7c7
}

.accordion,
summary {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.accordion .content {
    padding: 15px 0 0;
    color: #d8d8d8
}

.wp-block-table table :is(td, th) {
    color: var(--primary-color);
    padding: 12px 16px;
    text-align: left;
    word-break: auto-phrase
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f024 !important
}

.all-page .wp-block-table .has-fixed-layout {
    border-collapse: collapse;
    table-layout: auto
}

.all-page .wp-block-table::-webkit-scrollbar {
    width: 20px;
    height: 10px
}

.all-page .wp-block-table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

.all-page .wp-block-table::-webkit-scrollbar-thumb {
    background: var(--gradinet);
    border-radius: 10px
}

.page-numbers:before {
    background-color: var(--secondry-color)
}

.artist-activites,
.celebrities {
    background: url(https://influencersplace.com/wp-content/themes/influencersplace.com/min/assets/images/catg-bg.svg) 50%/cover no-repeat
}

.artist-content p,
.artist-content-head {
    color: #c7c7c7;
    gap: 15px
}

.artist-category ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    list-style-type: none
}

.artist-category ul li a {
    border: 1px solid #c7c7c7;
    border-radius: 50px;
    color: #c7c7c7;
    padding: 4px 10px
}

.artist-bottom {
    border-top: 1px solid hsl(0 0% 100% / .1);
    flex-wrap: wrap;
    margin: 10px 0;
    padding-top: 15px
}

.artist-link {
    display: block;
    font-size: 18px;
    font-weight: var(--fw-600);
    margin: 20px auto 0;
    position: relative;
    width: fit-content
}

.artist-btn,
.contact-detail-box .bg-box a,
.fill-form .register-form label,
.read-more a {
    font-weight: 600
}

.artist-btn,
.artist-link {
    color: var(--primary-color);
    text-transform: uppercase
}

.artist-btn {
    background: linear-gradient(90deg, #f2276e, #fa6431);
    border-radius: 4px;
    padding: 8px 18px
}

.artist-links li a {
    align-items: center;
    background: var(--gradinet);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.artist-item .img-cont a>img {
    border-radius: 50%;
    background: #fff;
    padding: 25px
}

.co-aut {
    border: 1px solid var(--secondry-color)
}

.co-img img {
    border-radius: 8px;
    height: 40px;
    width: 40px
}

.auth-social-follow ul {
    padding: 0
}

.auth-social-follow ul a,
.border-none {
    border: none !important
}

.contact-detail-box ul,
.contact-detail-box ul li {
    margin-bottom: 0 !important
}

.contact-detail-box .bg-box {
    padding: 20px;
    background: #bdbdbd0f;
    height: 100%;
    margin-bottom: 20px;
    width: fit-content
}

.contact-detail-box .bg-box>strong {
    display: block;
    margin-bottom: 10px !important
}

.contact-detail-box ul {
    padding-left: 0 !important
}

.row-gap-2 {
    row-gap: 20px
}

.thank-you {
    display: grid;
    place-items: center;
    gap: 12px
}

.thank-you div {
    text-align: center !important
}

.btn_float {
    position: fixed;
    top: 52%;
    right: -82px;
    transform: rotate(90deg);
    z-index: 99999999;
    border-radius: 10px 10px 0 0;
    box-shadow: 1px 0 9px -5px rgb(0 0 0 / .75)
}

.conatact-details {
    gap: 20px
}

.conatact-details .services-icon .h6,
.mb-1 {
    margin-bottom: 5px !important
}

.conatact-details .services-icon p {
    line-height: 20px !important
}

.big-head {
    font-weight: var(--fw-600)
}

.sub-catg-para {
    font-size: var(--fs-18)
}

.plus-icon {
    color: #fc4a0a
}

.card-btn,
.form-content {
    color: var(--primary-color)
}

.position-unset {
    position: unset !important
}

.btn-full {
    width: 100% !important;
    justify-content: center
}

.bg-black-shade {
    background: #00000026 !important
}

.mt-20 {
    margin-top: 20px
}

form button,
form input,
form textarea {
    border: 0;
    font-size: 16px;
    padding: 0 10px
}

form input:focus {
    outline: 0
}

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

.form-content textarea {
    margin-bottom: 30px;
    width: 100%
}

.form-content input,
.form-content textarea {
    background-color: var(--bg-color);
    border-bottom: 1px solid #565353;
    margin-top: 10px
}

.form-content input {
    padding: 8px
}

.search-form button,
.sponsor-wrap .sponsored-card .img-placeholder {
    background: 0 0
}

#chatbot-header,
#chatbot-send,
.btn,
.user-message {
    background: linear-gradient(90deg, #f2276e, #fa6431)
}

.card-btn {
    background-color: var(--dark);
    border: 1px solid #fa6431;
    border-radius: 50px;
    padding: 8px 18px;
    width: fit-content
}

.card-btn:hover,
.tag .ribbon {
    background: var(--gradinet);
    color: var(--primary-color) !important
}

.artist-btn:hover,
.btn:hover,
.card-btn:hover {
    -webkit-animation: 2s infinite pulse;
    animation: 1.5s infinite pulse512;
    background-position: 100%;
    background-size: 200% auto
}

.unfill_btn {
    border: 2px solid #fa6431;
    background-image: unset !important
}

.unfill_btn:hover {
    background-image: linear-gradient(90deg, #f2276e, #fa6431) !important;
    transition: .4s ease-in
}

.read-btn-meeting {
    background: linear-gradient(90deg, #f2276e, #fa6431);
    color: #fff !important;
    padding: 8px 20px;
    letter-spacing: 4px
}

.price {
    background: var(--gradinet);
    -webkit-background-clip: text;
    font-size: var(--fs-20)
}

.price,
.time {
    font-weight: var(--fw-700)
}

.time {
    align-items: center;
    display: flex
}

.booking-box {
    background-color: var(--bg-color);
    border-radius: 4px;
    height: 100%;
    padding: 40px
}

.booking-box,
.booking-box span {
    align-items: center;
    display: flex;
    justify-content: center
}

.booking-box span {
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    height: 70px;
    width: 70px
}

.booking-box .footer-strip {
    border-top: 1px dotted #4a4a4a;
    padding-top: 20px
}

.booking-box form input {
    border: unset;
    border-bottom: 1px solid #313030;
    color: var(--primary-color)
}

.modal-header .close-btn {
    align-items: center;
    background: var(--gradinet);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
    background: var(--primary-color) !important
}

.modal-b ody input,
.modal-body textarea {
    border-bottom: 1px solid #dbd2d2
}

.all-page form input:focus,
.all-page textarea:focus,
.booking-box form input:focus,
.modal-body input:focus,
.modal-body textarea:focus {
    border-bottom: 1px solid #f2276e !important;
    outline: unset;
    transition: .5s
}

.pop-up-head {
    background-color: #fff;
    color: var(--primary-color)
}

.strip-btn {
    align-items: center;
    background-color: var(--dark);
    border-radius: 50px;
    display: flex;
    gap: 5px;
    padding: 6px 25px
}

.mail-address,
.menu-links li,
.tag-list li {
    gap: 10px;
    display: flex
}

.mail-address {
    align-items: center;
    color: var(--secondry-color)
}

.bg-box {
    background-color: var(--bg-color);
    padding: 30px
}

.grid-3 {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
    align-items: center;
    justify-content: center
}

.artist-circle img {
    border-radius: 20px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    object-fit: cover;
    position: relative
}

.artist-circle::before {
    position: absolute;
    content: '';
    bottom: -1px;
    right: -6px;
    border-bottom: 12px solid #f32b6b;
    border-left: 10px solid #fff0;
    rotate: 358deg
}

.events-slider .tag {
    justify-content: end
}

.sponsored-card {
    background: unset;
    width: 100%
}

.sponsored-card :is(.img-placeholder, .img-placeholder img) {
    height: 250px;
    border-radius: 4px;
    box-shadow: 1px 5px 20px 10px rgb(215 215 215 / 2%)
}

.sponsored-card .influencer-content {
    padding: unset
}

.sponsored-card .artist-links {
    top: -130px
}

.sponsor-wrap .sponsored-card .img-placeholder img {
    object-fit: contain
}

.fill-form.container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    height: 550px;
    background: #fff;
    margin: 50px auto;
    border-radius: 30px;
    overflow: hidden;
    z-index: 1
}

.fill-form,
.hidden {
    display: none !important
}

.fill-form.show {
    display: flex !important
}

.fill-form .form-box {
    position: absolute;
    right: 0;
    width: 60%;
    height: fit-content;
    background: #fff;
    display: flex;
    align-items: center;
    color: #333;
    text-align: center;
    padding: 40px;
    z-index: 1;
    transition: .6s ease-in-out 1.2s, visibility 0s 1s
}

.container.active .form-box {
    right: 40%
}

.fill-form.active .register-form.Influencer,
.form-box.register,
.register-form.brand {
    visibility: hidden
}

.container.active .form-box.register,
.fill-form.active .register-form.brand {
    visibility: visible
}

.toggle-box {
    position: absolute;
    width: 100%;
    height: 100%
}

.toggle-box::before {
    content: '';
    position: absolute;
    left: -250%;
    width: 290%;
    height: 100%;
    background: linear-gradient(3deg, #f2276e, #fa6431);
    border-radius: 150px;
    z-index: 2;
    transition: 1.8s ease-in-out
}

.form-title::after,
.form-title::before {
    position: absolute;
    width: 23px;
    height: 29px;
    z-index: 1;
    opacity: 1;
    transform: rotate(180deg);
    bottom: 0
}

.container.active .toggle-box::before {
    left: 60%
}

.toggle-panel {
    position: absolute;
    width: 38%;
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: .6s ease-in-out
}

.toggle-panel.toggle-left {
    left: 0;
    transition-delay: 1.2s
}

.container.active .toggle-panel.toggle-left {
    left: -50%;
    transition-delay: .6s
}

.toggle-panel.toggle-right {
    right: -50%;
    transition-delay: .6s
}

.container.active .toggle-panel.toggle-right {
    right: 0;
    transition-delay: 1.2s
}

.toggle-panel .btn {
    border: 2px solid #fff;
    background: var(--gradinet)
}

.register-form form:not(.all-page form) {
    display: block;
    text-align: left;
    margin-top: 30px
}

.fill-form .register-form form :is(input, textarea, select) {
    background-color: #e5e5e5;
    color: #242424 !important
}

.cross-btn {
    position: absolute;
    z-index: 22;
    background: #fff;
    right: 28px;
    top: 11px;
    width: 36px;
    height: 36px;
    border: 1px solid #505050;
    border-radius: 30px;
    fill: #505050
}

.menu-links {
    display: grid;
    gap: 15px;
    margin-bottom: 30px
}

.menu-links li:first-child svg {
    margin-top: 5px
}

.menu-links li a {
    color: #fff
}

.bg-wrapper {
    background: url(https://influencersplace.com/wp-content/uploads/2025/02/bg-wrapper.webp) 50%/cover no-repeat;
    padding-block: 50px
}

.stats {
    background: 0 0/cover no-repeat #000;
    padding-block: 20px
}

.register-form form :is(input:not([type=checkbox]), textarea, select) {
    margin-bottom: 22px;
    padding: 8px 10px;
    width: 100%;
    background-color: #242424;
    border-radius: 4px !important;
    color: #fff !important
}

.register-form form :is(input:focus, textarea:focus, select:focus) {
    border-bottom: unset !important
}

.register-form form textarea,
.register-form form textarea::placeholder,
.register-form input,
.register-form input::placeholder {
    color: #585858 !important;
    font-size: 15px
}

.register-form label {
    margin-bottom: 10px;
    display: block;
    font-size: 15px
}

.form-title {
    padding: 10px 24px;
    background: linear-gradient(90deg, #f2276e, #fa6431);
    position: absolute;
    top: -20px;
    left: 55px;
    border-radius: 20px 20px 0 0
}

.form-title::before {
    content: "";
    right: 99.9%;
    background: linear-gradient(90deg, #b71950, #fa6431);
    clip-path: polygon(0 0, 0% 100%, 100% 100%)
}

.form-title::after {
    content: " ";
    left: 100%;
    background: linear-gradient(90deg, #fa6431, #b71950);
    border-radius: 50px 0 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%)
}

.register-form .bg-box {
    padding-top: 45px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

#recaptcha_widget {
    margin-bottom: 20px !important
}

#chatbot-container,
#chatbot-open {
    position: fixed;
    right: 20px;
    z-index: 2
}

#chatbot-close,
#chatbot-header {
    cursor: pointer;
    font-weight: 700;
    color: #fff
}

#chatbot-container {
    bottom: 20px;
    width: 350px;
    border-radius: 15px;
    background: #f9f9f9;
    box-shadow: 0 5px 15px rgb(0 0 0 / .3);
    font-family: Poppins, sans-serif;
    overflow: hidden;
    transition: .3s ease-in-out;
    display: none;
    padding: 0
}

#chatbot-open,
.whatsapp_float {
    bottom: 20px;
    width: fit-content
}

#chatbot-header {
    padding: 15px;
    border-radius: 15px 15px 0 0
}

#chatbot-open {
    padding: 10px 20px;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    box-shadow: 0 4px 10px rgb(0 0 0 / .3)
}

#chatbot-messages {
    height: 250px;
    overflow-y: auto;
    padding: 15px;
    background: #fff
}

.bot-message,
.user-message {
    padding: 8px 12px;
    margin: 8px;
    border-radius: 10px;
    max-width: 75%;
    word-wrap: break-word;
    font-size: 14px
}

.user-message {
    color: #fff;
    align-self: flex-end
}

.bot-message {
    background: #e0e0e0;
    color: #000;
    align-self: flex-start
}

#chatbot-input {
    width: 60%;
    padding: 10px;
    border-radius: 50px;
    border: 1px solid #ccc;
    outline: 0;
    margin: 10px
}

#chatbot-send {
    width: 18%;
    padding: 10px;
    color: #fff;
    border: none;
    border-radius: 50px
}

.typing-indicator {
    font-size: 12px;
    font-style: italic;
    color: gray
}

#chatbot-close {
    font-size: 18px;
    position: absolute;
    right: 30px
}

#chatbot-close:hover {
    color: #f44
}

.whatsapp_float {
    position: fixed;
    left: 15px;
    z-index: 996;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.overlay-image,
.process-steps,
.step-item,
.timeline,
.timeline>ul>li,
.yt-card {
    position: relative
}

.whatsapp_float svg {
    width: 48px;
    height: 48px
}

.chat-label {
    padding: 6px 10px;
    background: #fff;
    color: #2d2d2e;
    border-radius: 4px
}

.whatsapp-btn {
    background: #25d366 !important
}

.call-btn {
    background: #4286f0 !important
}

.whatsapp-btn:hover {
    -webkit-animation: 2s infinite pulse;
    animation: 1.5s infinite pulse513;
    background: linear-gradient(90deg, #25d366, #25d366) !important
}

.call-btn:hover {
    -webkit-animation: 2s infinite pulse;
    animation: 1.5s infinite pulse514;
    background: #4286f0 !important
}

@keyframes pulse512 {
    0% {
        box-shadow: 0 0 0 0 #fa6431
    }

    70% {
        box-shadow: 0 0 0 10px #fff0
    }

    to {
        box-shadow: 0 0 0 0 #fff0
    }
}

@keyframes pulse513 {
    0% {
        box-shadow: 0 0 0 0 #25d366
    }

    70% {
        box-shadow: 0 0 0 10px #fff0
    }

    to {
        box-shadow: 0 0 0 0 #fff0
    }
}

@keyframes pulse514 {
    0% {
        box-shadow: 0 0 0 0 #4286f0
    }

    70% {
        box-shadow: 0 0 0 10px #fff0
    }

    to {
        box-shadow: 0 0 0 0 #fff0
    }
}

@media screen and (max-width:1023px) {
    header ul {
        background: var(--bg-color)
    }

    footer:before {
        background: unset
    }

    .dropdown .dropdown svg {
        fill: var(--primary-color)
    }

    header nav ul li ul li a {
        color: var(--primary-color);
        white-space: normal;
        max-width: 80%
    }

    header ul .dropdown ul {
        background-color: var(--bg-color);
        margin: 20px 0
    }

    .plus-icon {
        font-size: 20px
    }

    .overflow-mob {
        overflow-x: scroll
    }

    .cta-bg-wrap:before {
        bottom: 0;
        width: 100%;
        height: 50%
    }

    .brand-logo-inner {
        margin-bottom: 50px
    }
}

@media screen and (min-width:600px) and (max-width:1023px) {

    .big-h,
    .big-head {
        font-size: 35px;
        line-height: 50px
    }

    .md-w-100 {
        width: 100% !important
    }
}

@media (max-width:600px) {
    .fill-form .form-box {
        bottom: 0;
        width: 100%;
        top: 0;
        border-radius: 14px
    }

    .fill-form.container.active .form-box {
        right: 0;
        bottom: 30%
    }

    .fill-form .toggle-box::before {
        left: 0;
        top: -270%;
        width: 100%;
        height: 292%;
        border-radius: 20vw
    }

    .fill-form.container.active .toggle-box::before,
    .toggle-box {
        left: 0
    }

    .fill-form.container.active .toggle-panel.toggle-left {
        left: 0;
        top: -30%
    }

    .fill-form .toggle-panel {
        width: 100%;
        height: 20%;
        justify-content: unset;
        gap: 10px
    }

    .fill-form.container.active .toggle-panel.toggle-right,
    .toggle-panel.toggle-left {
        top: 0
    }

    .toggle-panel.toggle-right {
        right: 0;
        top: -30%;
        visibility: hidden
    }

    .fill-form.active .toggle-right {
        visibility: visible
    }

    .toggle-panel p {
        display: none
    }
}

@media screen and (max-width:400px) {
    .form-box {
        padding: 20px
    }
}

@media (max-width:991px) {
    .about-main-heading {
        font-size: 36px
    }

    .feature-cards {
        flex-direction: column
    }
}

.page-header {
    background: url(https://influencersplace.com/wp-content/uploads/2025/10/hero-bg.png) center/cover no-repeat;
    margin-bottom: 30px;
    height: auto;
    padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.offer .why-choose-card-head {
    display: unset
}

.offer .why-choose-card::after {
    top: 10px;
    right: 30px;
    font-size: 45px
}

.feature .feature-card {
    padding: 15px;
    gap: 20px;
    height: 100%
}

.write-mode .feature-card {
    padding: 30px 30px 30px 60px
}

.package .feature-card .feature-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.container.feature-card:hover {
    transform: unset;
    border: unset
}

.package .feature-card {
    padding: 10px
}

.package .feature-title {
    font-weight: 300
}

.write-mode .border {
    border: unset
}

@media screen and (min-width:992px) {
    .write-mode .seperator {
        top: 40% !important;
        transform: translate(-50%, -40%) !important;
        left: 34% !important
    }

    .write-mode .seperator h2 {
        font-size: 32px !important
    }
}

.process-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px
}

.step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
    padding: 10px 15px;
    border-radius: 12px;
    background: rgb(255 255 255 / .05);
    border: 2px solid #fff0
}

.step-arrow,
.step-icon {
    display: flex;
    align-items: center;
    transition: .3s
}

.step-item:hover {
    transform: translateY(-5px);
    background: rgb(250 100 49 / .1);
    border-color: rgb(250 100 49 / .3)
}

.step-item.active {
    background: linear-gradient(135deg, #fa6431, #f2276e);
    border-color: #fa6431;
    box-shadow: 0 10px 30px rgb(250 100 49 / .3)
}

.step-icon {
    width: 60px;
    height: 60px;
    justify-content: center;
    background: rgb(255 255 255 / .1);
    border-radius: 50%;
    margin-bottom: 15px
}

.step-item.active .step-icon {
    background: rgb(255 255 255 / .2);
    transform: scale(1.1)
}

.step-icon svg {
    width: 24px;
    height: 24px;
    color: #fff;
    transition: .3s
}

.step-text {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    transition: .3s
}

.step-item.active .step-text {
    color: #fff;
    font-weight: 700
}

.step-arrow {
    justify-content: center;
    color: #fa6431;
    opacity: .6
}

.execution .process-image {
    width: 526px;
    height: 480px;
    border-radius: 20px;
    overflow: hidden
}

.about-us img,
.execution .process-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tab-content {
    background: rgb(255 255 255 / .05);
    border-radius: 20px;
    padding: 40px;
    backdrop-filter: blur(10px);
    border: 1px solid rgb(255 255 255 / .1)
}

.tab-pane {
    display: none;
    animation: .5s ease-in-out fadeIn
}

.tab-pane.active {
    display: block
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px)
    }

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

.content-wrapper {
    display: flex;
    align-items: center;
    gap: 40px
}

.content-text p {
    font-size: 15px;
    line-height: 1.8;
    color: rgb(255 255 255 / .8);
    margin-bottom: 30px
}

@media (max-width:768px) {
    .md-w-100 {
        width: 100% !important
    }

    .float-icon:before {
        width: 85px;
        height: 85px;
        bottom: 2%;
        left: 3%
    }

    .float-icon:after {
        width: 50px;
        height: 50px;
        top: 4%;
        right: 18px
    }

    .d-grid-50 {
        grid-template-columns: auto
    }

    .process-image,
    .toggle-box::before,
    .toggle-panel {
        display: none
    }

    .fill-form .form-box {
        width: 100%;
        right: 0 !important;
        padding: 40px 40px 0
    }

    .tab-content {
        padding: 30px 20px
    }

    .product .h3 {
        font-size: 20px
    }

    .campaign-details .h5 {
        font-size: 16px
    }
}

@media (max-width:480px) {
    .page-header {
        padding: 40px 0 30px
    }

    .process-steps {
        justify-content: flex-start;
        gap: 9px
    }

    .step-arrow {
        display: none
    }

    .tab-content {
        padding: 20px 15px
    }

    .step-text {
        font-size: 14px
    }
}

.campaign-details img {
    height: 100px
}

.gap-10 {
    gap: 10px
}

.campaign-details .agency {
    border-block: 1px solid #484c4d14;
    padding-block: 10px
}

.campaign-details .agency span strong {
    font-weight: 500
}

.campaign-details .feature-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.goal .feature-description {
    font-size: 16px
}

.goal .feature-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: 15px
}

.overlay-image {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.overlay-image img {
    width: 380px;
    height: auto;
    object-fit: cover;
    margin-top: auto;
    position: absolute;
    bottom: 0;
    transform: translateX(20px)
}

.overlay-image::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / .5)
}

.overlay-image .seperator {
    position: absolute;
    top: 0;
    padding: 30px
}

.about-page-header {
    padding: 50px 0 60px
}

.future .feature-icon {
    width: 70px
}

.future .row-gap {
    row-gap: 40px
}

.about-us {
    width: 100%;
    height: 400px;
    overflow: hidden
}

.timeline {
    margin: 50px auto;
    padding: 40px 0;
    width: 1000px
}

.timeline:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 98%;
    background: #c5c5c5
}

.timeline>ul {
    padding: 0;
    margin: 0
}

.timeline>ul>li {
    width: 50%;
    padding: 20px 40px
}

.timeline>ul>li:nth-child(odd) {
    float: left;
    text-align: right;
    clear: both
}

.timeline>ul>li:nth-child(2n) {
    float: right;
    text-align: left;
    clear: both
}

.content {
    padding-bottom: 20px
}

.timeline>ul>li:nth-child(odd):before {
    content: '';
    width: 10px;
    height: 10px;
    top: 24px;
    right: -6px;
    border-radius: 50%
}

.timeline>ul>li:nth-child(2n):before {
    content: '';
    width: 10px;
    height: 10px;
    top: 24px;
    left: -4px;
    border-radius: 50%
}

.timeline>ul>li:nth-child(2n) .time,
.timeline>ul>li:nth-child(odd) .time {
    position: absolute;
    top: 12px;
    margin: 0;
    padding: 8px 16px;
    background: var(--gradinet);
    color: #fff;
    border-radius: 18px;
    box-shadow: 0 0 0 3px rgb(233 33 99 / .3)
}

.timeline>ul>li h3 {
    padding: 0;
    margin: 0;
    font-weight: 600
}

.timeline>ul>li p {
    margin: 10px 0 0;
    padding: 0
}

.timeline>ul>li .time h4 {
    margin: 0;
    padding: 0;
    font-size: 14px
}

.timeline>ul>li:nth-child(odd) .time {
    right: -75px
}

.timeline>ul>li:nth-child(2n) .time {
    left: -75px
}

@media(max-width:1000px) {
    .timeline {
        width: 100%
    }
}

@media(max-width:767px) {
    .timeline {
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 0 !important
    }

    .timeline:before {
        left: 20px;
        height: 97%
    }

    .timeline>ul>li:nth-child(2n),
    .timeline>ul>li:nth-child(odd) {
        width: 100%;
        text-align: left;
        padding-left: 50px;
        padding-bottom: 30px
    }

    .timeline>ul>li:nth-child(2n):before,
    .timeline>ul>li:nth-child(odd):before {
        top: -18px;
        left: 16px
    }

    .timeline>ul>li:nth-child(2n) .time,
    .timeline>ul>li:nth-child(odd) .time {
        top: -30px;
        left: 50px;
        right: inherit
    }
}

.yt-card {
    background: var(--white);
    align-items: unset;
    transition: .4s ease-in
}

.execution .process-image {
    position: sticky;
    top: 80px
}

.yt-btn-wave,
.yt-card .bttn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.bttn {
    border: 1px solid #fff0;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: .475rem .75rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    user-select: none;
    background-color: #000;
    border-radius: 50%
}

.yt-card,
.yt-card img,
.yt-card::after {
    border-radius: 10px
}

@media screen and (min-width:600px) {
    .write-mode .seperator {
        writing-mode: sideways-lr;
        padding: 40px 10px;
        border: 1px solid #333;
        border-radius: 20px;
        z-index: 2;
        background: #1e2125;
        position: absolute;
        top: 30%;
        left: 7px;
        margin-bottom: 0
    }

    .write-mode .seperator h2 {
        font-size: 20px
    }

    .right-box {
        padding-left: 0
    }

    .container.feature-card {
        padding: 0;
        overflow: hidden
    }

    .image-box {
        padding-right: 0 !important;
        height: 435px
    }

    .image-box img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .time.extra {
        left: -162px !important
    }
}

@media screen and (max-width:768px) {
    .intro-section .influencer-card.service-card {
        padding: 1.3rem
    }

    .intro-section .influencer-card.service-card div {
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start
    }

    .package .feature-card {
        padding: 10px
    }

    .package .feature-card .feature-title {
        font-size: 16px !important
    }

    .overlay-image {
        height: auto !important;
        overflow: unset !important
    }

    .overlay-image img,
    .overlay-image::before {
        display: none
    }

    .overlay-image .seperator {
        position: unset;
        padding: 0;
        text-align: center
    }

    .about-page-header .hero-btn {
        align-items: center !important
    }
}

@media screen and (max-width:600px) {

    .write-mode,
    .write-mode .feature-card .price-box {
        flex-direction: column;
        align-items: unset
    }

    .write-mode .feature-card {
        padding: 0
    }

    .write-mode .feature-card .price-box {
        align-items: unset;
        gap: 20px
    }

    .write-mode .pac-line {
        align-items: unset
    }

    .right-box {
        order: 1
    }

    .register-form .form-title.h5,
    p {
        font-size: 15px !important
    }

    .home .influencer-overlay {
        padding-bottom: 0 !important
    }

    .influencer-overlay .big-head {
        font-size: 25px;
        line-height: 40px;
        text-align: center !important;
        margin-bottom: 10px !important
    }

    .influencer-overlay .text-left {
        text-align: center !important
    }

    .influencer-overlay .hero-btn {
        gap: 5px !important;
        margin: 0 0 20px !important
    }

    :is(.influencer-overlay, .service-card) .hero-btn a {
        font-size: 14px
    }

    :is(.influencer-overlay, .home-cta) .hero-btn a svg {
        display: none
    }

    :is(.home, .about-stats) .col-md-6:has(.overlay-right-item) {
        width: 50%
    }

    :is(.home, .about-stats) .overlay-right-item {
        background-color: var(--bg-color);
        border-radius: 1rem
    }

    .service-card .hero-btn {
        flex-direction: column !important
    }

    .overlay-right-item {
        text-align: center;
        flex-direction: column !important;
        padding: 15px !important
    }

    .overlay-right-item .h2 {
        font-size: 20px !important
    }

    .overlay-right-item span {
        font-size: 14px !important
    }

    .big-head {
        line-height: normal
    }

    .about-content,
    .campaign-about a,
    .feature .container>p,
    .intro-section p {
        text-align: center
    }

    .about-content .h3 {
        font-size: 18px
    }

    .seperator {
        margin-bottom: 20px !important;
        text-align: center !important
    }

    .about-content .feature-card {
        padding: 15px !important;
        display: flex;
        text-align: left;
        gap: 10px
    }

    .about-content :is(.feature-icon, .feature-title) {
        margin-bottom: 0 !important
    }

    .about-page-header {
        padding: 20px 0 40px
    }

    .about-page-header .hero-btn .btn {
        margin-top: 10px;
        padding: 10px 20px !important
    }

    .intro-section.goal.mb-5.future {
        margin-bottom: 0 !important
    }

    .contact-content :is(.h3, p.fs-14) {
        text-align: center
    }

    .page-header .fs-20 {
        font-size: 16px !important
    }

    .campaign-about a {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .campaign-about a img {
        width: 200px;
        margin: 0 auto
    }

    .home-cta .service-card:hover {
        border-color: unset !important;
        transform: unset !important
    }

    .whatsapp_float .chat-label {
        display: none
    }
}

.currency-dropdown ul {
    background-color: #1a1a1a
}

.rightmenu .currency ul li a {
    color: #fff
}

#currencyConverter {
    background-color: #fff0
}