/* Canlı "iajans" temasından alındı (section markup birebir). @font-face/@import temizlendi. */
a {
    color: #000
}

a {
    color: #000
}

a:active,
a:hover {
    color: #000
}

body {
    position: relative;
    left: 0;
    color: #000;
    font-size: var(--font-size-12);
    font-family: "Manrope", sans-serif;
    transition: left .2s linear, right .2s linear;
    background-color: #fff
}
        .program-box {
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #888;
			background: #fafafa;
            transition: background-color 0.3s, transform 0.3s;
            color: #888;
        }
        .program-box:hover {
            transform: translateY(-10px);
            background-color: #F40097; /* Fuşya renk */
            color: white;
            border-color: #F40097;
        }
        .program-box a {
            color: inherit;
            transition: color 0.3s;
        }
        .program-box:hover a {
            color: white;
            text-decoration: none;
        }
.contact-page-body .contact-page-social-content>div>a>svg {
    zoom: .9;
    height: max-content;
}
.elementor-widget-n-menu .e-n-menu-title.e-click, .elementor-widget-n-menu .e-n-menu-title.e-click * {
    cursor: none;
    /* bottom: 0px !important; */
    line-height: normal;
}		
.entry-slider-img {
    width: -webkit-fill-available;
}
div#site-logo {
    width: 194px;
}	
.nav-links a {
display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    color: #000000;
    line-height: calc(var(--font-size-16) + 16px);
    font-size: var(--font-size-16);
    font-weight: 600;
    border-radius: 55px;
    border: 1px solid #000;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear;
}
.nav-links a:hover {
        color: #fff;
background-color: #000;
}

/* Özel marjin sınıfları */
.mt-6 {
    margin-top: 4rem; /* Örneğin, 4rem üst marjin */
}

.mb-6 {
    margin-bottom: 4rem; /* Örneğin, 4rem alt marjin */
}
.mr-6 {
    margin-right: 4rem; /* Örneğin, 4rem alt marjin */
}
.influencer-content-wrapper {
    overflow: hidden; /* Float nedeniyle oluşabilecek taşmaları önler */
    
}

.influencer-featured-image img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 10px; /* Köşeleri yuvarlatmak için */
}


.influencer-post-content {
    overflow: visible;
    text-align: left;
    font-size: small;
}

.influencer-social-media-links i {
    font-size: 24px; /* İkon boyutunu ayarlayın */
    margin-right: 10px; /* İkonlar arası boşluk */
}

.influencer-social-media-links a {
    display: inline-block;
    margin: 5px; /* Link çevresindeki boşluğu ayarlayın */
}

.influencer-management {
    padding-bottom: var(--spacer-4);
	line-height: calc(var(--font-size-14) + 16px);
	font-size: small;
}
.influencer-management i.fas.fa-check-circle {
    font-size: 15px;
    padding-right: 5px;
}

.influencer-featured-image img {
	max-width: 250px!important;
}

.influencer-kategori-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.influencer-kategori-subcategories ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.influencer-kategori-subcategory {
    padding: 10px 0px;
    margin-right: 10px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.influencer-kategori-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    overflow: hidden;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.influencer-kategori-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.influencer-kategori-card-image img {
    width: 100%;
    height: auto;
    display: block;
}

.influencer-kategori-card-content {
    padding: 20px;
}

.influencer-kategori-post-title {
    margin: 0;
    font-size: 1.5em;
    color: #333;
}

.influencer-kategori-post-title a {
    text-decoration: none;
    color: inherit;
}

.influencer-kategori-post-summary {
    font-size: 1em;
    line-height: 1.4;
    color: #666;
    margin-top: 10px;
}
.influencer-kategori-card-image {
    width: 100%;
    height: 350px; /* Sabit bir yükseklik */
    overflow: hidden; /* Taşan kısımlar gizlenir */
}

.influencer-kategori-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Görsel, alanı kaplayacak şekilde ayarlanır */
    object-position: top; /* Görselin üst kısmını baz al */
    display: block;
}

.influencer-kategori-card-image img {
    transition: transform 0.3s ease;
}

.influencer-kategori-card-image:hover img {
    transform: scale(1.05);
}

.filter-container {
    max-width: 500px; /* Konteynerin maksimum genişliği */
    margin: 20px auto; /* Otomatik margin ile ortalanması */
}

.filter-container label {
    display: block;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px; /* Label altına boşluk */
}

.filter-container input[type="text"] {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd; /* İnput kenarlık */
    border-radius: 5px; /* Kenarları yuvarlak */
    font-size: 16px; /* Yazı boyutu */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Gölge efekti */
    transition: border-color 0.3s; /* Geçiş efekti */
}

.filter-container input[type="text"]:focus {
    border-color: #0056b3; /* Fokus durumunda kenarlık rengi */
    outline: none; /* Varsayılan fokus çerçevesini kaldır */
}

.social-links a.social-icon {
    margin-right: 10px;
    color: #555; /* İkonların rengi */
    font-size: 16px; /* İkonların boyutu */
}

.social-links a.social-icon:hover {
    color: #000; /* İkon üzerine gelindiğinde rengi */
}

.management-status {
    display: block;
    color: green; /* Yönetim onayı metni rengi */
    font-weight: bold; /* Metin kalınlığı */
}

.influencer-kategori-subcategories {
    list-style: none;
    padding: 0;
}

.influencer-kategori-subcategory {
    margin-bottom: 10px; /* Butonlar arası boşluk */
}

.influencer-kategori-subcategory button {
    background-color: black; /* Siyah arka plan */
    color: white; /* Beyaz yazı rengi */
    border: none; /* Kenarlık kaldırıldı */
    padding: 10px 20px; /* İç dolgu */
    border-radius: 5px; /* Kenar yuvarlaklığı */
    cursor: pointer; /* İmleç işareti */
    transition: color 0.3s ease, box-shadow 0.3s ease; /* Renk ve gölge geçişleri */
}

.influencer-kategori-subcategory button:hover {
    color: #FF00AA; /* Hover durumunda fuşya yazı rengi */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Siyah renkli gölge efekti */
}

.detayli-bilgi-iletisim {
    margin-top: 10px;
    text-align: right;
}

.detayli-bilgi-iletisim-link {
    position: relative;
    color: #000;
    text-decoration: none;
}

.detayli-bilgi-iletisim-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #000, #ff00ff);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.detayli-bilgi-iletisim-link:hover::after {
    transform: scaleX(1);
}

.detayli-bilgi-iletisim-link:hover {
    color: #000;
}
.request-offer-btn {
	width:100%;
    display: inline-block;
    padding: 6px 12px; /* Zarif padding */
    background-color: #D60072; /* Daha koyu pembe arka plan */
    color: white;
    text-decoration: none;
    border-radius: 4px; /* Hafif yuvarlak köşeler */
    border: none;
    font-size: 12px; /* Küçük font boyutu */
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; /* Daha dinamik geçişler eklendi */
	text-align: center;
    padding: 14px;

}

.request-offer-btn i {
    color: white; /* İkonun rengi beyaz */
    margin-right: 4px; /* İkon ve metin arasındaki mesafe */
    font-size: 14px; /* İkon için belirgin font boyutu */
}

.request-offer-btn:hover, .request-offer-btn:focus {
    background-color: #BF005F; /* Hover durumunda daha koyu pembe */
    transform: translateY(-2px); /* Hafif yukarı hareket efekti */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Gölge efekti */
	color: white;
}

.request-offer-btn:hover i, .request-offer-btn:focus i {
    color: #fff; /* İkon rengi sabit beyaz */
}
.header-with-icon {
    display: flex;
    align-items: center; /* İçerikleri dikey olarak hizala */
}

.header-with-icon i {
    color: blue; /* Mavi tik rengi */
    font-size: 24px; /* İkon boyutu */
    margin-right: 10px; /* İkon ile başlık arasında boşluk */
}

.header-with-icon h1 {
    display: inline; /* Inline display kullanarak h1'i düzleştir */
    margin: 0; /* Varsayılan margin'ı kaldır */
}

.mobile-only {
    display: none; /* Başlangıçta görünmez yap */
}



@media (max-width: 500px) {
    .mobile-only {
        display: block; /* Ekran genişliği 500px veya daha az ise görünür yap */
    }
}

@media (max-width: 768px) {
    .influencer-kategori-card-image {
        width: 100%;
        height: auto;
		   max-height: 220px;
    }

    .influencer-kategori-card-content {
        padding: 10px;
    }
	.influencer-featured-image img {
	max-width: 150px!important;
	     
}
.influencer-kategori-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 sütunlu düzen */
    }
}


nav.navigation.posts-navigation {
    align-self: self-end;
    position: absolute;
    display: block;
    bottom: 50px;
}
.elementor-762 .elementor-element.elementor-element-f5b812f:not(.elementor-motion-effects-element-type-background), .elementor-762 .elementor-element.elementor-element-f5b812f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	z-index: 999;
}
.openbox-overlay,
.fancybox-is-open .fancybox-bg {
    opacity: 0.5;
    background: #000
}

@media (min-width: 1200px) {
    .container {
        max-width: calc(1440px + calc(2*var(--gutter)))
    }
}
.blog-detail-container .blog-detail-item-content li {
    color: #4E4E4E;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    text-align: justify;
    margin-bottom: var(--spacer-5);
    list-style: circle;
    margin-left: 20px; /* Girintiyi sağlar */
}

.blog-detail-container .blog-detail-header h2 {
    color: #000000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 600;
    text-align: left;
    margin-bottom: var(--spacer-5);
}

.blog-detail-container .blog-detail-header h3 {
    color: #000000;
    line-height: calc(var(--font-size-20) + 16px);
    font-size: var(--font-size-20);
    font-weight: 500;
    text-align: left;
    margin-bottom: var(--spacer-5);
}

.blog-detail-container .blog-detail-header h4 {
    color: #000000;
    line-height: calc(var(--font-size-16) + 16px);
    font-size: var(--font-size-16);
    font-weight: 400;
    text-align: left;
    margin-bottom: var(--spacer-5);
}

.container,
.container-fluid {
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

.row {
    margin-right: calc(-1*var(--gutter));
    margin-left: calc(-1*var(--gutter))
}

.row .col,
.row [class*="col-"] {
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

.scroll-up .header-fixed {
    top: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)
}

.scroll-down .header-fixed {
    top: -104px
}

#header {
    height: 87px
}

@media (max-width: 1199px) {
    #header {
        height: 70px
    }
}

.header-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: flex;
    align-items: center;
    width: 100%;
    height: 87px;
    transition: .3s linear;
    background-color: #000
}

@media (max-width: 1199px) {
    .header-fixed {
        height: 70px
    }
}

.logo img {
    max-height: 45px
}

@media (max-width: 1199px) {
    .logo img {
        max-height: 35px
    }
}

.mobile-menu>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 32px;
    height: 32px
}

.mobile-menu>a>div {
    width: 25px;
    height: 2px;
    background: #fff;
    transition: all 0.2s linear
}

.mobile-menu>a>div:nth-child(2) {
    margin: 5px 0
}

.mobile-navigation-active .mobile-menu>a>div:first-child {
    transform: translateY(5px) rotate(45deg)
}

.mobile-navigation-active .mobile-menu>a>div:last-child {
    transform: translateY(-3px) rotate(-45deg)
}

@media (max-width: 1199px) {
    #navigation {
        display: none
    }
}

#navigation .level-1>ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

#navigation .level-1>ul>li {
    margin-right: var(--spacer-7)
}

#navigation .level-1>ul>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    border-radius: 8px;
    padding: 0 var(--spacer-2);
    transition: all 0.2s linear
}

#navigation .level-1>ul>li>a:hover {
    background-color: #EA088C
}

#navigation .level-1>ul>li:last-child>a {
    border-radius: 120px;
    border: 1px solid #FAFAFA;
    padding: 0 var(--spacer-7)
}

#navigation .level-1>ul>li:last-child>a:hover {
    border-color: #EA088C
}

#navigation .level-1>ul>li.active>a {
    background-color: #EA088C
}

#navigation .level-1>ul>li.active .level-2 {
    top: 100%;
    opacity: 1;
    visibility: visible
}

#navigation .level-2 {
    position: absolute;
    top: 120%;
    right: 0;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    width: 702px;
    display: flex;
    align-items: flex-start;
    border-radius: 0px 0px 12px 12px;
    gap: 0 var(--spacer-15);
    padding: var(--spacer-7);
    transition: all 0.2s linear;
    background-color: #000
}

#navigation .level-2>ul {
    flex: 1 0 0%
}

#navigation .level-2>ul>li {
    margin-bottom: var(--spacer-3)
}

#navigation .level-2>ul>li:last-child {
    margin-bottom: 0
}

#navigation .level-2>ul>li>a {
    display: block;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    transition: all 0.2s linear
}

#navigation .level-2>ul>li>a:hover {
    color: #A614FF
}

#navigation .level-2>ul>li.level-2-title {
    margin-bottom: var(--spacer-5)
}

#navigation .level-2>ul>li.level-2-title>a {
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    padding-bottom: var(--spacer-3)
}

#navigation .level-2-inside {
    flex: 1 0 0%;
    border-radius: 20px;
    padding: var(--spacer-5);
    background-color: #A614FF
}

#navigation .level-2-inside-title {
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-bottom: var(--spacer-3)
}

#navigation .level-2-inside-desc {
    color: #fff;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.current-page-influencer #main {
    padding: var(--spacer-30) 0 var(--spacer-20)
}

.current-page-agency #main {
    padding: var(--spacer-3) 0 var(--spacer-30)
}

.current-page-our-services-detail #main {
    padding: var(--spacer-27) 0 var(--spacer-20)
}

.current-page-blog-detail #main {
    padding: var(--spacer-10) 0 var(--spacer-28)
}

.current-page-contact #main {
    padding: var(--spacer-15) 0 var(--spacer-15)
}

.current-page-careers #main {
    padding: var(--spacer-20) 0
}

.current-page-careers-detail #main {
    padding: var(--spacer-10) 0 var(--spacer-40)
}

#entry-slider {
    zoom: .9
}

#entry-slider>div {
    height: 0;
    overflow: hidden
}

#entry-slider>div.slick-slider {
    height: auto;
    overflow: visible
}
#entry-slider .entry-slider {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
}

#entry-slider .entry-slider-img img {
    display: block;
    width: 100%;
    object-fit: cover;
}

#entry-slider .entry-slider-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

#entry-slider .entry-slider-content {
    color: #fff;
}

#entry-slider .entry-slider-content .entry-slider-title {
    line-height: var(--font-size-64);
    font-size: var(--font-size-44);
    margin-bottom: var(--spacer-5);
}

#entry-slider .entry-slider-content .entry-slider-title>span {
    display: block;
    font-weight: 800;
}

#entry-slider .entry-slider-content .entry-slider-sub-title {
    max-width: 450px;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 400;
    margin-bottom: var(--spacer-12);
}

#entry-slider .entry-slider-content .entry-slider-button {
    display: inline-flex;
    align-items: center;
    height: 75px;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    border-radius: 75px;
    border: 1px solid #FAFAFA;
    padding: 0 var(--spacer-5);
    gap: 0 var(--spacer-2);
    background-color: transparent;
}

#entry-slider .entry-slider-content .entry-slider-button>i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    transition: all 0.2s linear;
    background-color: #EA088C;
}

#entry-slider .entry-slider-content .entry-slider-button>span {
    color: #fff;
    transition: all 0.2s linear;
}

#entry-slider .entry-slider-button a {
    display: block;
    width: 100%;
}

@media (max-width: 991px) {
    #entry-slider .entry-slider-content .entry-slider-button {
        height: 55px;
    }
}

@media (min-width: 1200px) {
    #entry-slider .entry-slider-content .entry-slider-button:hover>span {
        color: #EA088C;
    }
}


#entry-slider .entry-slider.entry-slider-1 .entry-slider-container .entry-slider-content {
    text-align: right;
	cursor: auto;
}

#entry-slider .entry-slider.entry-slider-1 .entry-slider-container .entry-slider-content .entry-slider-sub-title {
    margin-left: auto
}

#entry-slider .slick-arrow {
    position: absolute;
    opacity: 1;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.2s linear;
    background-color: #fff
}

#entry-slider .slick-arrow>svg path {
    transition: all 0.2s linear
}

@media (min-width: 1200px) {
    #entry-slider .slick-arrow:hover {
        background-color: #EA088C
    }
    #entry-slider .slick-arrow:hover>svg path {
        fill: #fff
    }
}

#entry-slider .slick-arrow.slick-prev {
    left: var(--spacer-10)
}

@media (max-width: 1681px) {
    #entry-slider .slick-arrow.slick-prev {
        left: var(--spacer-5)
    }
}

#entry-slider .slick-arrow.slick-next {
    right: var(--spacer-10)
}

@media (max-width: 1681px) {
    #entry-slider .slick-arrow.slick-next {
        right: var(--spacer-5)
    }
}

#entry-slider .slick-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-top: 20px
}

#entry-slider .slick-dots>li {
    margin: 0 5px
}

#entry-slider .slick-dots>li>button {
    position: relative;
    overflow: hidden;
    display: block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    padding: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 50%;
    background-color: #E5E5E5
}

#entry-slider .slick-dots>li.slick-active>button {
    background-color: #000
}

.our-references-wrapper {
    overflow: hidden;
    padding: var(--spacer-4) 0;
    background-color: #000
}

.our-references-wrapper .our-references-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: calc(-1*var(--spacer-8));
    margin-left: calc(-1*var(--spacer-8))
}

.our-references-wrapper .our-references-content>div {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
    padding-right: var(--spacer-8);
    padding-left: var(--spacer-8)
}

@media (max-width: 991px) {
    .our-references-wrapper .our-references-content>div {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3)
    }
}

@media (max-width: 575px) {
    .our-references-wrapper .our-references-content>div {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2)
    }
}

.our-references-wrapper .our-references-content>div>a {
    display: block;
    position: relative;
    padding-top: 44%
}

.our-references-wrapper .our-references-content>div>a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.our-references-wrapper .our-references-content>div>a>img {
    mix-blend-mode: luminosity
}

@media (max-width: 575px) {
    .our-references-wrapper .our-references-content {
        margin-right: calc(-1*var(--gutter));
        margin-left: calc(-1*var(--gutter))
    }
    .our-references-wrapper .our-references-content>div {
        padding-right: var(--gutter);
        padding-left: var(--gutter)
    }
}

.our-references-wrapper .our-references-all>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    gap: 0 var(--spacer-3)
}

.our-references-wrapper .our-references-all>a>i {
    transition: all 0.2s linear
}

@media (max-width: 1199px) {
    .our-references-wrapper .our-references-all>a {
        justify-content: center;
        margin: var(--spacer-8) 0
    }
}

@media (min-width: 1200px) {
    .our-references-wrapper .our-references-all>a:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -2px;
        width: calc(100% - 75px);
        height: 1px;
        background-color: #fff
    }
    .our-references-wrapper .our-references-all>a:hover>i {
        transform: rotate(45deg)
    }
}

.about-us-wrapper {
    overflow: hidden;
    padding: var(--spacer-15) 0 var(--spacer-20)
}

.about-us-wrapper .about-us-title {
    color: #000000;
    line-height: var(--font-size-58);
    font-size: var(--font-size-40);
    font-weight: 400;
    margin-bottom: var(--spacer-5)
}

.about-us-wrapper .about-us-title>span {
    display: block;
    font-weight: 700
}

.about-us-wrapper .about-us-desc {
    color: #000000;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-8)
}

.about-us-wrapper .about-us-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    text-decoration-line: underline;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear;
    background-color: #EA088C
}

@media (min-width: 1200px) {
    .about-us-wrapper .about-us-button>a:hover {
        color: #EA088C;
        border-color: #EA088C;
        background-color: #fff
    }
}

@media (max-width: 575px) {
    .about-us-wrapper .about-us-list {
        margin-top: var(--spacer-15)
    }
}

.about-us-wrapper .about-us-list-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0 var(--spacer-3);
    margin-bottom: var(--spacer-8)
}

.about-us-wrapper .about-us-list-item:last-child {
    margin-bottom: 0
}

.about-us-wrapper .about-us-list-item .about-us-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    transition: 1s cubic-bezier(0.25, 0.1, 0, 1.02);
    background-color: #000
}

.about-us-wrapper .about-us-list-item .about-us-list-content {
    flex: 1 0 0%
}

.about-us-wrapper .about-us-list-item .about-us-list-content .about-us-list-title {
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-bottom: 4px
}

.about-us-wrapper .about-us-list-item .about-us-list-content .about-us-list-desc {
    color: #656565;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.about-us-wrapper .about-us-list-item:hover .about-us-list-icon {
    transform: rotateY(360deg)
}

.our-services-wrapper {
    overflow: hidden;
    margin-bottom: var(--spacer-14)
}

.our-services-wrapper .our-services-banner {
    position: relative;
    height: calc(100% - var(--spacer-6));
    margin-bottom: var(--spacer-6)
}

.our-services-wrapper .our-services-banner>a {
    display: block;
    height: 100%
}

.our-services-wrapper .our-services-banner .our-services-image {
    display: block;
    height: 100%;
    overflow: hidden
}

.our-services-wrapper .our-services-banner .our-services-image img {
    width: 100%;
    height: 100%;
    transition: all 0.2s linear
}

.our-services-wrapper .our-services-banner .our-services-banner-title {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    padding: var(--spacer-6)
}

.our-services-wrapper .our-services-banner:hover .our-services-image img {
    transform: scale(1.03)
}

.our-services-wrapper .our-services-banner.our-services-banner-2>a .our-services-image {
    border-radius: 0px 0px 0px 20px
}

.our-services-wrapper .our-services-banner.our-services-banner-4>a .our-services-image {
    border-radius: 0px 20px 0px 0px
}

.our-services-wrapper .our-services-banner.text {
    height: calc(100% - var(--spacer-6));
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px 0px 0px 0px;
    padding: var(--spacer-8);
    overflow: hidden;
    background-color: #000
}

.our-services-wrapper .our-services-banner.text .our-services-title {
    color: #EA088C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: 4px
}

.our-services-wrapper .our-services-banner.text .our-services-subtitle {
    color: #fff;
    line-height: calc(var(--font-size-22) + 16px);
    font-size: var(--font-size-22);
    font-weight: 400;
    margin-bottom: var(--spacer-3)
}

.our-services-wrapper .our-services-banner.text .our-services-desc {
    color: #CBCBCB;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-8)
}

.our-services-wrapper .our-services-banner.text .our-services-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear;
    background-color: #EA088C
}

@media (min-width: 1200px) {
    .our-services-wrapper .our-services-banner.text .our-services-button>a:hover {
        color: #EA088C;
        border-color: #EA088C;
        background-color: #fff
    }
}

.influencer-marketing-social {
    overflow: hidden;
    padding: var(--spacer-15) 0;
    margin-bottom: var(--spacer-20);
    background-color: #000
}

.influencer-marketing-social .influencer-marketing-header {
    color: #fff;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-20)
}

.influencer-marketing-social .influencer-marketing-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-marketing-social .influencer-marketing-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #484848
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-title {
        position: relative;
        overflow: hidden;
        border: none
    }
}

.influencer-marketing-social .influencer-marketing-title [data-tab-index] {
    flex: 1 0 0
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-title [data-tab-index] {
        flex: 0 0 100%;
        order: 2
    }
}

.influencer-marketing-social .influencer-marketing-title [data-tab-index] a {
    position: relative;
    display: block
}

.influencer-marketing-social .influencer-marketing-title [data-tab-index] a span {
    position: relative;
    display: block;
    color: #727272;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: var(--spacer-6) 0;
    border-bottom: 1px solid transparent
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-title [data-tab-index] a {
        position: absolute;
        left: 0;
        top: 0;
        justify-content: flex-start;
        width: 100%;
        height: 100%
    }
    .influencer-marketing-social .influencer-marketing-title [data-tab-index] a span {
        text-align: left;
        border-bottom: 1px solid #484848;
        padding: var(--spacer-4);
        margin-bottom: var(--spacer-8)
    }
}

@media (max-width: 767px) {
    .influencer-marketing-social .influencer-marketing-title [data-tab-index] a span {
        padding: var(--spacer-6) 0
    }
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-title [data-tab-index].active {
        order: 1
    }
}

.influencer-marketing-social .influencer-marketing-title [data-tab-index].active a {
    position: relative;
    z-index: 1
}

.influencer-marketing-social .influencer-marketing-title [data-tab-index].active a span {
    color: #fff;
    border-bottom: 1px solid #EA088C
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-title [data-tab-index].active a span {
        color: #fff;
        background-color: #000
    }
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-title [data-tab-index].active a:after {
        content: '\f078';
        position: absolute;
        right: var(--spacer-6);
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
        color: #fff;
        font-size: var(--font-size-16);
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        pointer-events: none
    }
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-title.open [data-tab-index] a {
        position: relative
    }
    .influencer-marketing-social .influencer-marketing-title.open [data-tab-index].active a:after {
        content: '\f077'
    }
}

.influencer-marketing-social .influencer-marketing-content {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacer-20)
}

.influencer-marketing-social .influencer-marketing-content [data-tab-content] {
    flex: 1 0 0
}

@media (min-width: 992px) {
    .influencer-marketing-social .influencer-marketing-content [data-tab-content] {
        height: auto;
        overflow: visible
    }
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-content [data-tab-content] {
        height: 0;
        overflow: hidden
    }
}

.influencer-marketing-social .influencer-marketing-content [data-tab-content]>div {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    padding-top: var(--spacer-8)
}

.influencer-marketing-social .influencer-marketing-content [data-tab-content].active {
    height: auto;
    overflow: visible
}

.influencer-marketing-social .influencer-marketing-content [data-tab-content].active>div {
    color: #FFFFFF
}

@media (max-width: 991px) {
    .influencer-marketing-social .influencer-marketing-content {
        display: block
    }
    .influencer-marketing-social .influencer-marketing-content [data-tab-content] {
        flex: 0 0 100%
    }
}

.influencer-marketing-social .influencer-marketing-button {
    text-align: center
}

.influencer-marketing-social .influencer-marketing-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear;
    background-color: #EA088C
}

@media (min-width: 1200px) {
    .influencer-marketing-social .influencer-marketing-button>a:hover {
        color: #EA088C;
        border-color: #EA088C;
        background-color: #fff
    }
}

.influencer-marketing-information {
    overflow: hidden;
    margin-bottom: var(--spacer-20)
}

.influencer-marketing-information .influencer-marketing-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-15)
}

.influencer-marketing-information .influencer-marketing-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-marketing-information .influencer-marketing-content {
    position: relative;
    border-radius: 20px;
    padding: 40px var(--spacer-10) var(--spacer-17);
    margin-bottom: var(--spacer-20);
    background-color: #F4F8FA
}

.influencer-marketing-information .influencer-marketing-content>h4 {
    color: #000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 700;
    margin-bottom: var(--spacer-5)
}

.influencer-marketing-information .influencer-marketing-content>p {
    color: #626262;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-10)
}
.influencer-marketing-information .influencer-marketing-content>article {
    color: #626262;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-10)
}
.influencer-marketing-information .influencer-marketing-content .information-icon {
    position: absolute;
    top: calc(-1*var(--spacer-6));
    right: calc(-1*var(--spacer-6));
    z-index: 20
}

.influencer-marketing-information .influencer-marketing-content .influencer-marketing-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear;
    background-color: #EA088C
}

@media (min-width: 1200px) {
    .influencer-marketing-information .influencer-marketing-content .influencer-marketing-button>a:hover {
        color: #EA088C;
        border-color: #EA088C;
        background-color: #fff
    }
}

.influencer-marketing-information .additional-resources {
    height: calc(100% - var(--spacer-6));
    border-radius: 20px;
    padding: var(--spacer-10);
    margin-bottom: var(--spacer-6);
    background: linear-gradient(180deg, #BB4DFF 0%, #794AFF 100%)
}

@media (max-width: 991px) and (min-width: 576px) {
    .influencer-marketing-information .additional-resources {
        height: 100%
    }
}

.pt-75 {padding-top:75px;}

.influencer-marketing-information .additional-resources>h4 {
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-bottom: var(--spacer-5)
}

.influencer-marketing-information .additional-resources>ul>li {
    margin-bottom: var(--spacer-5)
}

.influencer-marketing-information .additional-resources>ul>li:last-child {
    margin-bottom: 0
}

.influencer-marketing-information .additional-resources>ul>li>a {
    color: #fff;
    font-size: var(--font-size-14);
    font-weight: 400;
    text-decoration-line: underline
}

.influencer-marketing-information .contact-area {
    text-align: center;
    border-radius: 20px;
    padding-top: var(--spacer-10);
    background-color: #000000
}

.influencer-marketing-information .contact-area .contact-area-title {
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    margin-bottom: var(--spacer-4)
}

.influencer-marketing-information .contact-area .contact-area-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 49px;
    border: 1px solid #838383;
    padding: 0 var(--spacer-7);
    margin-bottom: var(--spacer-6);
    transition: all 0.2s linear;
    background-color: #000
}

@media (min-width: 1200px) {
    .influencer-marketing-information .contact-area .contact-area-button>a:hover {
        color: #000;
        border-color: #FAFAFA;
        background-color: #fff
    }
}

.influencer-marketing-category {
    margin-bottom: var(--spacer-14)
}

.influencer-marketing-category .influencer-marketing-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-10)
}

.influencer-marketing-category .influencer-marketing-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-marketing-category .influencer-category-banner {
    position: relative;
    margin-bottom: var(--spacer-6)
}

.influencer-marketing-category .influencer-category-banner>a {
    display: block
}

.influencer-marketing-category .influencer-category-banner .influencer-category-banner-image img {
    width: 100% transition: transform 0.3s ease-in-out;
}

.influencer-category-banner-image:hover img {
    transform: scale(1.05);
}

.influencer-marketing-category .influencer-category-banner .influencer-category-banner-title {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 0px 8px 8px 0px;
    padding: 10px 28px;
    background-color: rgba(0, 0, 0, 0.5)
}

.current-page-our-services .influencer-marketing-writings,
.current-page-our-services-detail .influencer-marketing-writings {
    margin-bottom: var(--spacer-40)
}

.influencer-marketing-writings {
    margin-bottom: var(--spacer-10)
}

.influencer-marketing-writings .influencer-marketing-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-15)
}

.influencer-marketing-writings .influencer-marketing-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-marketing-writings .influencer-marketing-writing>.row {
    margin-bottom: var(--spacer-30)
}

.influencer-marketing-writings .influencer-marketing-content {
    padding-left: var(--spacer-32)
}

@media (max-width: 575px) {
    .influencer-marketing-writings .influencer-marketing-content {
        padding: var(--spacer-10) 0
    }
}

.influencer-marketing-writings .influencer-marketing-content .influencer-marketing-title {
    position: relative;
    max-width: max-content;
    color: #000000;
    line-height: calc(var(--font-size-20) + 16px);
    font-size: var(--font-size-20);
    font-weight: 600;
    margin-bottom: var(--spacer-5)
}

@media (min-width: 576px) {
    .influencer-marketing-writings .influencer-marketing-content .influencer-marketing-title:before {
        content: '';
        position: absolute;
        top: 50%;
        left: calc(-1*var(--spacer-32));
        transform: translateY(-50%);
        width: var(--spacer-15);
        height: 1px;
        background-color: #000000
    }
}

.influencer-marketing-writings .influencer-marketing-content .influencer-marketing-desc {
    max-width: 585px;
    color: #494949;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-10)
}
.control-label-sidebar {
    color: #fff;
    font-size: var(--font-size-13);
}
.metin-paragraf-baslik {
	position: relative;
    color: #000000;
    line-height: calc(var(--font-size-20) + 16px);
    font-size: var(--font-size-18);
    font-weight: 600;
    margin-bottom: var(--spacer-5);
}
.metin-paragraf-alt-baslik {
	position: relative;
    color: #000000;
    line-height: calc(var(--font-size-16) + 14px);
    font-size: var(--font-size-18);
    font-weight: 500;
    margin-bottom: var(--spacer-5);
}
.metin-ana-baslik {
	position: relative;
    color: #000000;
    line-height: calc(var(--font-size-20) + 16px);
    font-size: var(--font-size-26);
    font-weight: 600;
    margin-bottom: var(--spacer-5);
}
.metin-paragraf-aciklama {
    color: #494949;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-10);
}
.metin-alani, .metin-alani-header {
    padding-left: var(--spacer-8);
    padding-right: var(--spacer-8);
}
.metin-alani-yazi .metin-alani-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-15);
}
.influencer-marketing-writings .influencer-marketing-content .influencer-marketing-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    text-decoration-line: underline;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    margin-bottom: var(--spacer-6);
    transition: all 0.2s linear;
    background-color: #000
}

@media (min-width: 1200px) {
    .influencer-marketing-writings .influencer-marketing-content .influencer-marketing-button>a:hover {
        color: #000;
        border-color: #000;
        background-color: #fff
    }
	
}
.working-step-icon svg {
    max-width: 35px;
}


.current-page-influencer .influencer-marketing-working-steps {
    margin-bottom: var(--spacer-7);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 71.61%)
}

.influencer-marketing-working-steps {
    padding: var(--spacer-25) 0;
    margin-bottom: var(--spacer-30);
    background-color: #FAFAFA
}

.influencer-marketing-working-steps .influencer-marketing-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-40)
}

.influencer-marketing-working-steps .influencer-marketing-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-marketing-working-steps .working-steps .working-step {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: var(--spacer-5)
}

@media (min-width: 1200px) {
    .influencer-marketing-working-steps .working-steps .working-step:before {
        content: '';
        position: absolute;
        background-size: 100% 100%
    }
}

.influencer-marketing-working-steps .working-steps .working-step .working-step-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: 0 auto var(--spacer-3);
    background-color: #E7E7E7;
    transition: all 0.2s linear
}

.influencer-marketing-working-steps .working-steps .working-step .working-step-icon img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.influencer-marketing-working-steps .working-steps .working-step .working-step-icon>svg path {
    transition: all 0.2s linear
}

.influencer-marketing-working-steps .working-steps .working-step .working-step-content .working-step-title {
    color: #000000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 600;
    margin-bottom: var(--spacer-3)
}

.influencer-marketing-working-steps .working-steps .working-step .working-step-content .working-step-desc {
    color: #8E8E8E;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.influencer-marketing-working-steps .working-steps .working-step.working-step-1:before,
.influencer-marketing-working-steps .working-steps .working-step.working-step-3:before {
    top: -49px;
    left: 150px;
    width: 0;
    height: 49px;
    transition: width 1.2s ease-in;
    background-image: url("data:image/svg+xml,%3Csvg width='258' height='49' viewBox='0 0 258 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.657439 48.444C116.277 -36.6595 200.243 11.5228 257.404 46.0253' stroke='%235C5C5C' stroke-dasharray='4 4'/%3E%3C/svg%3E")
}

.influencer-marketing-working-steps .working-steps .working-step.working-step-1.aos-animate:before,
.influencer-marketing-working-steps .working-steps .working-step.working-step-3.aos-animate:before {
    width: 258px
}

.influencer-marketing-working-steps .working-steps .working-step.working-step-3:before {
    transition: width 1.6s ease-in
}

.influencer-marketing-working-steps .working-steps .working-step.working-step-2:before,
.influencer-marketing-working-steps .working-steps .working-step.working-step-4:before {
    top: 30px;
    left: 180px;
    width: 0;
    height: 13px;
    transition: width 1.4s ease-in;
    background-image: url("data:image/svg+xml,%3Csvg width='201' height='13' viewBox='0 0 201 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M200 1C106.901 17.2623 52.5926 1 0.999995 12' stroke='%235C5C5C' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A")
}

.influencer-marketing-working-steps .working-steps .working-step.working-step-2.aos-animate:before,
.influencer-marketing-working-steps .working-steps .working-step.working-step-4.aos-animate:before {
    width: 201px
}

.influencer-marketing-working-steps .working-steps .working-step.working-step-4:before {
    transition: width 1.8s ease-in
}

@media (min-width: 1200px) {
/* Hover durumunda .working-step-icon'un arka plan rengini belirler */
.influencer-marketing-working-steps .working-steps .working-step:hover .working-step-icon {
    background-color: #EA088C; /* Açık pembe renk */
}

/* Hover durumunda SVG'nin path elemanlarının arka planını şeffaf yapar */
.influencer-marketing-working-steps .working-steps .working-step:hover .working-step-icon > svg path {
    background-color: transparent !important;
    
}

	  
}

.influencer-marketing-working-steps .working-steps-icon {
    position: absolute;
    top: calc(-1*var(--spacer-40));
    right: var(--spacer-12);
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 156px;
    height: 156px
}

@media (max-width: 575px) {
    .influencer-marketing-working-steps .working-steps-icon {
        display: none
    }
}

.influencer-slogan {
    margin-bottom: var(--spacer-30)
}

.influencer-slogan .typewrite {
    position: relative;
    color: #000;
    line-height: var(--font-size-80);
    font-size: var(--font-size-50);
    text-align: center
}

@media (max-width: 1199px) {
    .influencer-slogan .typewrite {
        line-height: calc(var(--font-size-38) + 16px);
        font-size: var(--font-size-38)
    }
}

.influencer-slogan .typewrite:before,
.influencer-slogan .typewrite:after {
    content: '';
    position: absolute;
    width: 47px;
    height: 44px
}

@media (max-width: 1199px) {
    .influencer-slogan .typewrite:before,
    .influencer-slogan .typewrite:after {
        width: 27px;
        height: 25px;
        background-size: cover
    }
}

.influencer-slogan .typewrite:before {
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='44' viewBox='0 0 47 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.04 0L18 3.96C16.08 7.32 14.4 10.68 12.96 14.04C11.52 17.28 10.68 20.46 10.44 23.58L19.44 25.56V43.02H0V30.42C0 22.98 1.44 16.98 4.32 12.42C7.32 7.74001 10.56 3.6 14.04 0ZM41.04 0L45 3.96C43.08 7.32 41.4 10.68 39.96 14.04C38.52 17.28 37.68 20.46 37.44 23.58L46.44 25.56V43.02H27V30.42C27 22.98 28.44 16.98 31.32 12.42C34.32 7.74001 37.56 3.6 41.04 0Z' fill='%23EA088C'/%3E%3C/svg%3E")
}

.influencer-slogan .typewrite:after {
    bottom: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='44' viewBox='0 0 47 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.3999 43.02L28.4399 39.06C30.3599 35.7 32.0399 32.34 33.4799 28.98C34.9199 25.74 35.7599 22.56 35.9999 19.44L26.9999 17.46V1.14441e-05H46.4399V12.6C46.4399 20.04 44.9999 26.04 42.1199 30.6C39.1199 35.28 35.8799 39.42 32.3999 43.02ZM5.39994 43.02L1.43994 39.06C3.35994 35.7 5.03994 32.34 6.47993 28.98C7.91993 25.74 8.75994 22.56 8.99994 19.44L-6.10352e-05 17.46L-6.10352e-05 1.14441e-05L19.4399 1.14441e-05V12.6C19.4399 20.04 17.9999 26.04 15.1199 30.6C12.1199 35.28 8.87994 39.42 5.39994 43.02Z' fill='%23EA088C'/%3E%3C/svg%3E")
}

.typewrite>span {
    color: #0000;
    background: linear-gradient(-90deg, #000 5px, #0000 0) 10px 0, linear-gradient(#000 0 0) 0 0;
    background-size: calc(var(--n)*1ch) 200%;
    -webkit-background-clip: padding-box, text;
    background-clip: padding-box, text;
    background-repeat: no-repeat;
    animation: b 0.3s infinite steps(1), t calc(var(--n)*.1s) steps(var(--n)) forwards
}

@keyframes t {
    from {
        background-size: 0 200%
    }
}

@keyframes b {
    50% {
        background-position: 0 -100%, 0 0
    }
}

.influencer-marketing-blog {
    margin-bottom: var(--spacer-30)
}

.influencer-marketing-blog .influencer-marketing-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-10)
}

.influencer-marketing-blog .influencer-marketing-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-marketing-blog .influencer-marketing-content {
    height: 0;
    overflow: hidden
}

.influencer-marketing-blog .influencer-marketing-content.slick-slider {
    height: auto;
    overflow: visible
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-image {
    height: 100%
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-image a {
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 150%
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-image a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-image .blog-nopic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: #ccc;
    font-size: 70px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-content {
    padding-top: var(--spacer-5)
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-content .blog-title {
    margin-bottom: var(--spacer-3)
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-content .blog-title a {
    display: block;
    overflow: hidden;
    color: #000;
    line-height: calc(var(--font-size-20) + 16px);
    font-size: var(--font-size-20);
    font-weight: 600
}

.influencer-marketing-blog .influencer-marketing-content .blog-item-container .blog-item-content .blog-text p {
    overflow: hidden;
    height: 85px;
    color: #494949;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: 0
}

.influencer-marketing-blog .influencer-marketing-content .slick-arrow {
    position: absolute;
    opacity: 1;
    top: 40%;
    z-index: 2;
    transform: translateY(-40%);
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.2s linear;
    background-color: #FAFAFA
}

.influencer-marketing-blog .influencer-marketing-content .slick-arrow>svg path {
    transition: all 0.2s linear
}

@media (min-width: 1200px) {
    .influencer-marketing-blog .influencer-marketing-content .slick-arrow:hover {
        background-color: #EA088C
    }
    .influencer-marketing-blog .influencer-marketing-content .slick-arrow:hover>svg path {
        fill: #fff
    }
}

.influencer-marketing-blog .influencer-marketing-content .slick-arrow.slick-prev {
    left: calc(-1*var(--spacer-15))
}

@media (max-width: 1681px) {
    .influencer-marketing-blog .influencer-marketing-content .slick-arrow.slick-prev {
        left: var(--spacer-6)
    }
}

.influencer-marketing-blog .influencer-marketing-content .slick-arrow.slick-next {
    right: calc(-1*var(--spacer-15))
}

@media (max-width: 1681px) {
    .influencer-marketing-blog .influencer-marketing-content .slick-arrow.slick-next {
        right: var(--spacer-6)
    }
}

.current-page-influencer .influencer-meet-wrapper {
    padding-top: var(--spacer-20);
    background-color: #000
}

.current-page-influencer .influencer-meet-wrapper .influencer-marketing-header {
    color: #fff
}

.current-page-influencer .influencer-meet-wrapper .influencer-items-button>a {
    margin: var(--spacer-15) 0 0
}

.influencer-meet-wrapper .influencer-marketing-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-15)
}

.influencer-meet-wrapper .influencer-marketing-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-meet-wrapper .influencer-meet-row {
    overflow: hidden
}

.influencer-meet-wrapper .influencer-meet-row .influencer-items {
    display: flex;
    margin-right: calc(-1*var(--gutter));
    margin-left: calc(-1*var(--gutter));
    animation: scrollLeft 10s linear infinite;
    -webkit-animation: scrollLeft 10s linear infinite
}

.influencer-meet-wrapper .influencer-meet-row .influencer-items.backwards {
    justify-content: flex-end;
    animation: scrollRight 10s linear infinite;
    -webkit-animation: scrollRight 10s linear infinite;
    margin-top: var(--spacer-6)
}

.influencer-meet-wrapper .influencer-meet-row .influencer-items>div {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

@media (max-width: 991px) {
    .influencer-meet-wrapper .influencer-meet-row .influencer-items>div {
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3)
    }
}

@media (max-width: 575px) {
    .influencer-meet-wrapper .influencer-meet-row .influencer-items>div {
        flex: 0 0 calc(100% / 2);
        max-width: calc(100% / 2)
    }
}

.influencer-meet-wrapper .influencer-meet-row .influencer-items .influencer-item>a {
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 140%;
    border-radius: 8px
}

.influencer-meet-wrapper .influencer-meet-row .influencer-items .influencer-item>a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    transition: transform 0.3s ease
}

.influencer-meet-wrapper .influencer-meet-row .influencer-items .influencer-item>a:hover img {
    transform: scale(1.05)
}

.influencer-meet-wrapper .influencer-items-button {
    text-align: center
}

.influencer-meet-wrapper .influencer-items-button>a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    text-decoration-line: underline;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    margin: var(--spacer-5) 0 var(--spacer-10);
    transition: all 0.2s linear;
    background-color: #EA088C
}

@media (min-width: 1200px) {
    .influencer-meet-wrapper .influencer-items-button>a:hover {
        color: #000;
        border-color: #000;
        background-color: #fff
    }
}

@-webkit-keyframes scrollLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%)
    }
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}

@-webkit-keyframes scrollRight {
    0% {
        -webkit-transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(50%)
    }
}

@keyframes scrollRight {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(50%)
    }
}

.sss-wrapper {
    position: relative;
    z-index: 1;
    background-color: var(--sss-bg-color, #000);
    display: var(--sss-display, block);
}

.sss-wrapper:before {
    content: '';
    position: absolute;
    top: -430px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, var(--sss-bg-color, #000) 53.09%, var(--sss-bg-color, #000) 149.91%)
}

.sss-wrapper .sss-wrapper-header {
    color: var(--sss-header-color, #fff);
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-15)
}

.sss-wrapper .sss-wrapper-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.sss-wrapper .sss-wrapper-tab-content {
    max-width: var(--sss-max-width, 1196px);
    margin: 0 auto
}

.sss-wrapper .sss-wrapper-tab-content .sss-wrapper-tab-row {
    border-top: 1px solid var(--sss-border-color, #FFFFFF)
}

.sss-wrapper .sss-wrapper-tab-content .sss-wrapper-tab-row:last-child {
    border-bottom: 1px solid var(--sss-border-color, #FFFFFF)
}

.sss-wrapper .sss-wrapper-tab-content .sss-wrapper-tab-row [data-tab-index]>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--sss-link-color, #fff);
    line-height: calc(var(--font-size-30) + 16px);
    font-size: var(--font-size-30);
    font-weight: 700;
    padding: var(--spacer-6) 0
}

@media (max-width: 1199px) {
    .sss-wrapper .sss-wrapper-tab-content .sss-wrapper-tab-row [data-tab-index]>a {
        line-height: calc(var(--font-size-20) + 16px);
        font-size: var(--font-size-20)
    }
}

.sss-wrapper .sss-wrapper-tab-content .sss-wrapper-tab-row [data-tab-index]>a:after {
    content: '+';
    color: var(--sss-icon-color, #EA088C);
    line-height: calc(var(--font-size-32) + 16px);
    font-size: var(--font-size-32);
    font-weight: 700
}

.sss-wrapper .sss-wrapper-tab-content .sss-wrapper-tab-row.active [data-tab-index]>a:after {
    content: "-"
}

.sss-wrapper .sss-wrapper-tab-content [data-tab-content] {
    height: auto;
    overflow: visible;
    display: none
}

.sss-wrapper .sss-wrapper-tab-content [data-tab-content]>div {
    color: var(--sss-text-color, #989898);
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    padding-bottom: var(--spacer-6)
}

.seo-text-wrapper {
    padding: var(--spacer-30) 0 0;
    background-color: #000
}

.seo-text-wrapper .seo-text-inside {
    max-width: 1196px;
    margin: 0 auto
}

@media (min-width: 576px) {
    .seo-text-wrapper .seo-text-inside {
        padding-left: 130px
    }
	
}

.seo-text-wrapper .seo-text-title {
    position: relative;
    color: #fff;
    line-height: calc(var(--font-size-20) + 16px);
    font-size: var(--font-size-20);
    font-weight: 600;
    margin-bottom: var(--spacer-5)
}

@media (min-width: 576px) {
    .seo-text-wrapper .seo-text-title:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -130px;
        transform: translateY(-50%);
        width: var(--spacer-25);
        height: 1px;
        background-color: #fff
    }
}

.seo-text-wrapper .seo-text-content {
    color: #989898;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

@media (max-width: 1199px) {
    .current-page-our-services-detail .contentbox-header .contentbox-wrapper {
        position: static;
        margin: var(--spacer-10) 0
    }
}

@media (min-width: 1200px) {
    .current-page-our-services-detail .contentbox-image img {
        height: 622px
    }
}

.contentbox-header {
    position: relative;
    overflow: hidden
}

.contentbox-header .contentbox-image img {
    width: 100%;
    object-fit: cover
}

@media (max-width: 1199px) {
    .contentbox-header .contentbox-image img {
        height: 30vh
    }
}

.contentbox-header .contentbox-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%
}

.contentbox-header .contentbox-wrapper .contentbox-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.contentbox-header .contentbox-wrapper .contentbox-content h4 {
    max-width: 420px;
    color: #fff;
    line-height: calc(var(--font-size-38) + 16px);
    font-size: var(--font-size-38);
    font-weight: 700;
    text-align: center;
    margin: 0 auto
}

.contentbox-header .contentbox-wrapper .contentbox-content h4.blog-title {
    max-width: 850px;
    line-height: calc(var(--font-size-32) + 16px);
    font-size: var(--font-size-32)
}

.influencer-registration {
    overflow: hidden;
    margin-bottom: var(--spacer-35)
}

@media (max-width: 991px) {
    .influencer-registration .influencer-registration-content {
        margin-bottom: var(--spacer-10)
    }
}

.influencer-registration .influencer-registration-title {
    color: #000000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700;
    margin-bottom: var(--spacer-9)
}

.influencer-registration .influencer-registration-desc {
    margin-bottom: var(--spacer-10)
}

.influencer-registration .influencer-registration-desc>p {
    color: #727272;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-5)
}

.influencer-registration .influencer-registration-desc>p:last-child {
    margin-bottom: 0
}

.influencer-registration .influencer-registration-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear;
    background-color: #EA088C
}

@media (min-width: 1200px) {
    .influencer-registration .influencer-registration-button>a:hover {
        color: #EA088C;
        border-color: #EA088C;
        background-color: #fff
    }
}

.influencer-informations {
    overflow: hidden;
    margin-bottom: var(--spacer-30)
}

.influencer-informations-header {
    max-width: 950px;
    text-align: center;
    margin: 0 auto var(--spacer-13)
}

.influencer-informations-header>div {
    color: #000;
    line-height: calc(var(--font-size-32) + 16px);
    font-size: var(--font-size-32);
    font-weight: 600;
    margin-bottom: var(--spacer-5)
}

.influencer-informations-header>p {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: 0
}

.influencer-informations-content .influencer-information>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: var(--spacer-15)
}

.influencer-informations-content .influencer-information>a .influencer-information-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 98px;
    height: 98px;
    border-radius: 100%;
    margin: 0 auto 12px;
    transition: 1s cubic-bezier(0.25, 0.1, 0, 1.02)
}

.influencer-informations-content .influencer-information>a .influencer-information-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.influencer-informations-content .influencer-information>a .influencer-information-content .influencer-information-title {
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-bottom: 12px
}

.influencer-informations-content .influencer-information>a .influencer-information-content .influencer-information-sub-title {
    color: #727272;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.influencer-informations-content .influencer-information>a:hover .influencer-information-image {
    transform: rotateY(360deg)
}

.influencer-informations-content .influencer-information.influencer-information-1>a .influencer-information-image {
    background-color: rgba(234, 8, 140, 0.1)
}

.influencer-informations-content .influencer-information.influencer-information-2>a .influencer-information-image {
    background-color: rgba(8, 31, 234, 0.1)
}

.influencer-informations-content .influencer-information.influencer-information-3>a .influencer-information-image {
    background-color: rgba(8, 234, 207, 0.1)
}

.influencer-informations-content .influencer-information.influencer-information-4>a .influencer-information-image {
    background-color: rgba(8, 234, 71, 0.1)
}

.influencer-informations-content .influencer-information.influencer-information-5>a .influencer-information-image {
    background-color: rgba(202, 234, 8, 0.1)
}

.influencer-informations-content .influencer-information.influencer-information-6>a .influencer-information-image {
    background-color: rgba(234, 144, 8, 0.1)
}

.influencer-earn-money {
    overflow: hidden
}

.influencer-earn-money-header {
    max-width: 664px;
    color: #000;
    line-height: calc(var(--font-size-32) + 16px);
    font-size: var(--font-size-32);
    font-weight: 600;
    text-align: center;
    margin: 0 auto var(--spacer-15)
}

.influencer-earn-money .influencer-earn-money-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: var(--spacer-5)
}

.influencer-earn-money .influencer-earn-money-banner:after {
    content: '';
    position: absolute;
    top: -44px;
    width: 162px;
    height: 95px;
    filter: blur(100px)
}

.influencer-earn-money .influencer-earn-money-banner>a {
    display: block
}

.influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-content {
    display: flex;
    align-items: center;
    min-height: 325px;
    border-radius: 12px;
    gap: 0 var(--spacer-10);
    padding: 0 var(--spacer-4);
    backdrop-filter: blur(87.5233px);
    background: rgba(217, 217, 217, 0.048);
    box-shadow: inset 36.1667px -36.1667px 36.1667px rgba(165, 165, 165, 0.048)
}

@media (max-width: 1199px) {
    .influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-content {
        display: block;
        padding: var(--spacer-10) var(--spacer-5);
        min-height: auto
    }
    .influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-content .influencer-earn-money-banner-image {
        margin-bottom: var(--spacer-10)
    }
}

.influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-image {
    position: relative;
    flex: 1 0 0%;
    padding-top: 60%
}

.influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-inside {
    flex: 1 0 0%
}

.influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-title {
    color: #000000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 600;
    margin-bottom: var(--spacer-4)
}

.influencer-earn-money .influencer-earn-money-banner>a .influencer-earn-money-banner-desc {
    color: #000000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.influencer-earn-money .influencer-earn-money-banner.influencer-earn-money-banner-1:after {
    right: 0;
    background: rgba(208, 255, 113, 0.5)
}

.influencer-earn-money .influencer-earn-money-banner.influencer-earn-money-banner-2:after {
    left: 0;
    background: rgba(116, 113, 255, 0.5)
}

.influencer-earn-money .influencer-earn-money-banner.influencer-earn-money-banner-3:after {
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(255, 113, 113, 0.5)
}

.influencer-join-us-wrapper {
    padding: var(--spacer-25) 0 var(--spacer-40);
    margin-bottom: var(--spacer-15);
    background-color: #000
}

.influencer-join-us-wrapper .influencer-join-us-header {
    position: relative;
    color: #fff;
    line-height: var(--font-size-51);
    font-size: var(--font-size-32);
    font-weight: 400
}

@media (max-width: 991px) {
    .influencer-join-us-wrapper .influencer-join-us-header {
        text-align: center;
        margin-bottom: var(--spacer-10)
    }
}

@media (min-width: 992px) {
    .influencer-join-us-wrapper .influencer-join-us-header:after {
        content: '';
        position: absolute;
        right: -174px;
        bottom: -84px;
        width: 174px;
        height: 174px;
        background-image: url("data:image/svg+xml,%3Csvg width='174' height='174' viewBox='0 0 174 174' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_159_145)'%3E%3Cpath d='M161.943 79.6278C162.415 79.0124 162.491 78.2764 162.454 73.9427C162.435 71.1797 162.433 68.6737 162.461 68.359C162.507 68.0589 162.335 67.4076 162.083 66.9396C161.846 66.4524 161.425 65.8856 161.118 65.6497C160.752 65.3695 160.142 65.3291 159.025 65.5111C158.18 65.6572 155.451 66.1903 152.963 66.7261C150.476 67.2618 148.24 67.8681 147.975 68.0931C147.711 68.3181 147.343 68.7989 147.184 69.1656C147.005 69.5175 146.91 70.2387 146.978 70.7484C147.064 71.2728 147.348 71.9787 147.616 72.3063C148.108 72.898 148.249 72.914 150.03 72.6616C151.657 72.4123 151.899 72.4149 151.604 72.7995C151.427 73.0303 149.884 74.5649 148.199 76.2047C146.514 77.8444 144.056 80.1739 142.74 81.3329C141.424 82.4919 138.964 84.5451 137.307 85.87C135.649 87.195 132.884 89.2886 131.174 90.4821C129.45 91.6949 126.38 93.7077 124.302 94.9845C122.223 96.2614 118.372 98.3773 115.73 99.7112C113.07 101.03 109.455 102.717 107.649 103.44C105.862 104.177 103.342 105.115 102.052 105.561C100.782 106.023 98.8271 106.661 97.7475 106.994C96.6531 107.346 94.8203 107.864 93.683 108.153C92.5309 108.46 90.3346 108.975 88.8235 109.313C87.2785 109.655 84.1026 110.212 81.7286 110.56C79.3547 110.908 75.5403 111.343 73.2119 111.512C70.8835 111.681 67.1203 111.849 64.842 111.873C62.5636 111.897 59.0986 111.836 57.151 111.748C55.2034 111.659 52.1474 111.423 50.346 111.263C48.5593 111.084 45.7707 110.778 44.1686 110.557C42.5666 110.337 39.3343 109.813 36.9931 109.361C34.652 108.91 31.3736 108.167 29.6914 107.732C28.0093 107.298 25.3424 106.474 23.734 105.943C22.1403 105.393 19.5915 104.416 18.0863 103.75C16.5663 103.104 14.1265 101.905 12.6373 101.099C10.0494 99.6951 9.88979 99.6643 8.79225 99.861C7.84537 100.021 7.52354 100.201 6.97793 100.913C6.41758 101.644 6.35153 101.929 6.52264 102.701C6.62389 103.207 6.92323 103.772 7.17323 103.964C7.40401 104.141 8.80599 104.941 10.2951 105.747C11.7991 106.534 14.2389 107.733 15.7588 108.379C17.264 109.044 19.4892 109.926 20.6527 110.36C21.8309 110.775 23.874 111.456 25.1542 111.857C26.4344 112.259 28.8749 112.939 30.5718 113.355C32.2687 113.77 34.8509 114.346 36.3216 114.618C37.7774 114.91 40.4096 115.34 42.1373 115.596C43.8798 115.833 46.4645 116.166 47.864 116.292C49.2487 116.438 52.1156 116.682 54.1888 116.805C56.2621 116.929 59.6001 117.076 61.6067 117.088C63.5985 117.119 66.6526 117.079 68.3739 117.024C70.11 116.951 73.5878 116.717 76.1008 116.506C78.6286 116.276 82.7059 115.738 85.1728 115.308C87.6205 114.864 90.9573 114.216 92.5511 113.85C94.1448 113.484 96.7989 112.771 98.4619 112.275C100.125 111.779 102.892 110.878 104.629 110.286C106.347 109.679 109.028 108.651 110.601 107.994C112.14 107.341 115.379 105.824 117.762 104.628C120.145 103.432 123.338 101.697 124.894 100.783C126.45 99.8691 129.149 98.182 130.911 96.9987C132.659 95.8346 135.55 93.7763 137.309 92.4379C139.069 91.0994 141.449 89.2296 142.618 88.2629C143.772 87.3155 145.832 85.5053 147.192 84.2886C148.553 83.0719 150.736 81.0206 152.039 79.7597C153.342 78.4988 154.978 76.8828 155.659 76.1533C156.326 75.4431 156.958 74.8584 157.045 74.8642C157.132 74.87 157.219 75.7919 157.261 76.8926C157.268 77.9978 157.391 79.1915 157.509 79.5563C157.63 79.955 157.952 80.2929 158.419 80.5596C158.882 80.7924 159.507 80.8136 160.245 80.647C161.067 80.4521 161.545 80.147 161.928 79.647L161.943 79.6278Z' fill='white'/%3E%3C/g%3E%3C/svg%3E")
    }
}

.influencer-join-us-wrapper .influencer-join-us-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-join-us-wrapper .influencer-join-us-social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.influencer-join-us-wrapper .influencer-join-us-social>div {
    margin-right: var(--spacer-10)
}

@media (max-width: 1199px) and (min-width: 992px) {
    .influencer-join-us-wrapper .influencer-join-us-social>div {
        margin-right: var(--spacer-6)
    }
}

@media (max-width: 575px) {
    .influencer-join-us-wrapper .influencer-join-us-social>div {
        margin-bottom: var(--spacer-10)
    }
}

.influencer-join-us-wrapper .influencer-join-us-social>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

.influencer-join-us-wrapper .influencer-join-us-social>div>a>svg path {
    transition: all 0.2s linear
}

@media (min-width: 1200px) {
    .influencer-join-us-wrapper .influencer-join-us-social>div>a:hover>svg path {
        fill: #EA088C
    }
}

.current-page-agency .influencer-sss-wrapper,
.current-page-our-services .influencer-sss-wrapper,
.current-page-our-services-detail .influencer-sss-wrapper {
    border: none;
    padding: 0;
    margin-bottom: var(--spacer-20)
}

.influencer-sss-wrapper {
    border-bottom: 1px solid #E5E5E5;
	padding-top: var(--spacer-5);
    padding-bottom: var(--spacer-5);
}

.influencer-sss-wrapper-title {
    color: #EA088C;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 400;
    margin-bottom: var(--spacer-5)
}

.influencer-sss-wrapper-subtitle {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700;
    margin-bottom: var(--spacer-8)
}

.influencer-sss-wrapper-desc {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

@media (max-width: 1199px) {
    .influencer-sss-wrapper-desc {
        margin-bottom: var(--spacer-10)
    }
}

.influencer-sss-wrapper .influencer-sss-content .influencer-sss-row [data-tab-index]>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: 20px 0
}

.influencer-sss-wrapper .influencer-sss-content .influencer-sss-row [data-tab-index]>a:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='16.5' fill='white' stroke='%23E5E5E5'/%3E%3Cpath d='M16.222 21.136V17.914H13V16.213H16.222V13H17.923V16.213H21.127V17.914H17.923V21.136H16.222Z' fill='black'/%3E%3C/svg%3E")
}

.influencer-sss-wrapper .influencer-sss-content .influencer-sss-row.active [data-tab-index]>a:after {
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17' r='16.5' fill='white' stroke='%23E5E5E5'/%3E%3Cpath d='M13 18.016V16H20.2V18.016H13Z' fill='black'/%3E%3C/svg%3E")
}

.influencer-sss-wrapper .influencer-sss-content [data-tab-content] {
    height: auto;
    overflow: visible;
    display: none
}

.influencer-sss-wrapper .influencer-sss-content [data-tab-content]>div {
    color: #989898;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

.influencer-blog-suggestion .influencer-blog-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-10)
}

.influencer-blog-suggestion .influencer-blog-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-blog-suggestion .influencer-blog-content {
    height: 0;
    overflow: hidden
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container {
    margin-bottom: var(--spacer-10)
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-image {
    height: 100%
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-image a {
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 66%
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-image a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-image .blog-nopic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: #ccc;
    font-size: 70px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content {
    padding-top: var(--spacer-4)
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content .blog-date {
    color: #000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400;
    margin-bottom: var(--spacer-4)
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content .blog-title {
    margin-bottom: var(--spacer-3)
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content .blog-title a {
    display: block;
    overflow: hidden;
    color: #000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 800
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content .blog-text {
    margin-bottom: var(--spacer-8)
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content .blog-text p {
    overflow: hidden;
    height: 85px;
    color: #494949;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: 0
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content .blog-author>a {
    display: flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400;
    gap: 0 var(--spacer-4)
}

.influencer-blog-suggestion .influencer-blog-content .blog-item-container .blog-item-content .blog-author>a>img {
    max-height: 32px
}

.influencer-blog-suggestion .influencer-blog-content.slick-slider {
    height: auto;
    overflow: visible
}

.influencer-blog-suggestion .influencer-blog-content .slick-arrow {
    position: absolute;
    opacity: 1;
    top: 40%;
    z-index: 2;
    transform: translateY(-40%);
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 100%;
    transition: all 0.2s linear;
    background-color: #FAFAFA
}

.influencer-blog-suggestion .influencer-blog-content .slick-arrow>svg path {
    transition: all 0.2s linear
}

@media (min-width: 1200px) {
    .influencer-blog-suggestion .influencer-blog-content .slick-arrow:hover {
        background-color: #EA088C
    }
    .influencer-blog-suggestion .influencer-blog-content .slick-arrow:hover>svg path {
        fill: #fff
    }
}

.influencer-blog-suggestion .influencer-blog-content .slick-arrow.slick-prev {
    left: calc(-1*var(--spacer-15))
}

@media (max-width: 1681px) {
    .influencer-blog-suggestion .influencer-blog-content .slick-arrow.slick-prev {
        left: var(--spacer-6)
    }
}

.influencer-blog-suggestion .influencer-blog-content .slick-arrow.slick-next {
    right: calc(-1*var(--spacer-15))
}

@media (max-width: 1681px) {
    .influencer-blog-suggestion .influencer-blog-content .slick-arrow.slick-next {
        right: var(--spacer-6)
    }
}

.influencer-agency {
    overflow: hidden;
    margin-bottom: var(--spacer-3)
}

@media (max-width: 991px) {
    .influencer-agency {
        margin-top: var(--spacer-10)
    }
}

.influencer-agency .influencer-agency-title {
    max-width: 440px;
    color: #000000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700;
    margin-bottom: var(--spacer-9)
}

.influencer-agency .influencer-agency-desc {
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-5)
}

.influencer-agency .influencer-agency-button>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 49px;
    color: #FAFAFA;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 49px;
    border: 1px solid transparent;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear;
    background-color: #EA088C
}

@media (min-width: 1200px) {
    .influencer-agency .influencer-agency-button>a:hover {
        color: #EA088C;
        border-color: #EA088C;
        background-color: #fff
    }
}

.influencer-agency .influencer-agency-detail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: calc(-1*var(--gutter));
    margin-left: calc(-1*var(--gutter))
}

.influencer-agency .influencer-agency-detail>div {
    flex: 1 0 0%;
    max-width: calc(100% / 3);
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

.influencer-agency .influencer-agency-box-inside {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    min-height: 220px;
    border-radius: 20px;
    padding: 0 var(--spacer-6);
    margin-bottom: var(--spacer-5);
    background-color: #fff
}

@media (max-width: 575px) {
    .influencer-agency .influencer-agency-box-inside {
        min-height: 190px
    }
 
}

.influencer-agency .influencer-agency-box-inside:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: -1;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 20px;
    background: linear-gradient(to right, #E5E5E5, #E5E5E5)
}

.influencer-agency .influencer-agency-box-title {
    color: #000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 700;
    margin-bottom: var(--spacer-4)
}

.influencer-agency .influencer-agency-box-desc {
    color: #5B5B5B;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

.influencer-agency .influencer-agency-box .influencer-agency-box-inside.box-empty {
    min-height: 160px
}

@media (max-width: 575px) {
    .influencer-agency .influencer-agency-box .influencer-agency-box-inside.box-empty {
        min-height: 120px
    }
}

.influencer-agency .influencer-agency-box .influencer-agency-box-inside.box-empty.top:before {
    background: linear-gradient(180deg, #fff 50%, #DADADA 100%)
}

.influencer-agency .influencer-agency-box .influencer-agency-box-inside.box-empty.bottom:before {
    background: linear-gradient(0deg, #fff 50%, #DADADA 100%)
}

.influencer-agency-banners-header {
    max-width: 770px;
    text-align: center;
    margin: 0 auto var(--spacer-15)
}

.influencer-agency-banners-header>div {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700
}

.influencer-agency-banners-header>p {
    color: #171717;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin: var(--spacer-5) 0 0 0
}

.influencer-agency-banners-content {
    max-width: 1045px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto
}

.influencer-agency-banners-content>div {
    flex: calc(100% / 6);
    max-width: calc(100% / 6);
    padding-right: var(--spacer-10);
    padding-left: var(--spacer-10);
    margin-bottom: var(--spacer-10)
}

@media (max-width: 991px) {
    .influencer-agency-banners-content>div {
        flex: calc(100% / 3);
        max-width: calc(100% / 3)
    }
}

@media (max-width: 575px) {
    .influencer-agency-banners-content>div {
        flex: calc(100% / 2);
        max-width: calc(100% / 2)
    }
}

.influencer-agency-banners-content .influencer-agency-banner>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    text-align: center
}

.influencer-agency-banners-content .influencer-agency-banner>a .influencer-agency-banner-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0 auto var(--spacer-3);
    transition: 1s cubic-bezier(0.25, 0.1, 0, 1.02)
}

.influencer-agency-banners-content .influencer-agency-banner>a .influencer-agency-banner-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.influencer-agency-banners-content .influencer-agency-banner>a:hover .influencer-agency-banner-image {
    transform: rotateY(360deg)
}

.influencer-agency-social {
    margin-bottom: var(--spacer-40)
}

.influencer-agency-social-header {
    padding: var(--spacer-32) 0;
    margin-bottom: var(--spacer-15);
    background-color: #000000
}

.influencer-agency-social-header-inside {
    text-align: center;
    border-bottom: 1px solid #616161;
    padding-bottom: var(--spacer-10)
}

.influencer-agency-social-header-inside>div {
    color: #fff;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700
}

.influencer-agency-social-header-inside>p {
    max-width: 770px;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin: var(--spacer-5) auto 0
}

.influencer-agency-social-header .influencer-agency-social-desc {
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    text-align: center;
    margin-top: var(--spacer-10)
}

.influencer-agency-social-list {
    text-align: center
}

.influencer-agency-social-list-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    padding: var(--spacer-5);
    margin-right: calc(-1*var(--gutter));
    margin-left: calc(-1*var(--gutter));
    margin-bottom: var(--spacer-15);
    background-color: #000
}

@media (max-width: 991px) {
    .influencer-agency-social-list-title {
        display: block;
        position: relative;
        margin-right: 0;
        margin-left: 0
    }
}

.influencer-agency-social-list-title [data-tab-index] {
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

@media (max-width: 991px) {
    .influencer-agency-social-list-title [data-tab-index] {
        flex: 0 0 100%;
        order: 2;
        padding-right: 0;
        padding-left: 0
    }
}

.influencer-agency-social-list-title [data-tab-index] a {
    position: relative;
    display: block
}

.influencer-agency-social-list-title [data-tab-index] a span {
    position: relative;
    display: block;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    border-radius: 4px;
    padding: var(--spacer-3)
}

@media (max-width: 991px) {
    .influencer-agency-social-list-title [data-tab-index] a {
        position: absolute;
        left: 0;
        top: 0;
        justify-content: flex-start;
        width: 100%;
        height: 100%
    }
    .influencer-agency-social-list-title [data-tab-index] a span {
        text-align: left;
        padding: var(--spacer-4)
    }
}

@media (max-width: 991px) {
    .influencer-agency-social-list-title [data-tab-index].active {
        order: 1
    }
}

.influencer-agency-social-list-title [data-tab-index].active a {
    position: relative;
    z-index: 1
}

.influencer-agency-social-list-title [data-tab-index].active a span {
    background-color: #EA088C
}

@media (max-width: 991px) {
    .influencer-agency-social-list-title [data-tab-index].active a span {
        color: #fff;
        background-color: #EA088C
    }
}

@media (max-width: 991px) {
    .influencer-agency-social-list-title [data-tab-index].active a:after {
        content: '\f078';
        position: absolute;
        right: var(--spacer-6);
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
        color: #fff;
        font-size: var(--font-size-16);
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        pointer-events: none
    }
}

@media (max-width: 991px) {
    .influencer-agency-social-list-title.open [data-tab-index] a {
        position: relative
    }
    .influencer-agency-social-list-title.open [data-tab-index].active a:after {
        content: '\f077'
    }
}

.influencer-agency-social-list-content {
    text-align: left
}

.influencer-agency-social-list-content [data-tab-content] {
    height: 0;
    overflow: hidden
}

.influencer-agency-social-list-content [data-tab-content].active {
    height: auto;
    overflow: visible
}

.influencer-agency-social-list-content-desc h4 {
    color: #000000;
    line-height: calc(var(--font-size-38) + 16px);
    font-size: var(--font-size-38);
    font-weight: 800;
    margin-bottom: var(--spacer-5)
}

.influencer-agency-social-list-content-desc>p {
    color: #282828;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-11)
}

.influencer-agency-social-list-content-desc ul li {
    color: #282828;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    list-style: number inside
}


.influencer-agency-working-steps {
    margin-bottom: var(--spacer-40)
}

.influencer-agency-working-steps .influencer-agency-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    text-align: center;
    margin-bottom: var(--spacer-40)
}

.influencer-agency-working-steps .influencer-agency-header>p {
    font-weight: 700;
    margin-bottom: 0
}

.influencer-agency-working-steps .influencer-agency-step {
    position: relative
}



@media (max-width: 575px) {
    .influencer-agency-working-steps .influencer-agency-step .row {
        margin-bottom: var(--spacer-20)
    }
    .influencer-agency-working-steps .influencer-agency-step .row:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 576px) {
    .influencer-agency-working-steps .influencer-agency-step {
        counter-reset: number
    }
    .influencer-agency-working-steps .influencer-agency-step:before {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        width: 1px;
        height: 100%;
        transform: translateX(-50%);
        background-color: #E5E5E5
    }
}

.influencer-agency-working-steps .influencer-agency-step .working-step {
    position: relative
}

@media (min-width: 576px) {
    .influencer-agency-working-steps .influencer-agency-step .working-step:before {
        content: counter(number);
        counter-increment: number;
        position: absolute;
        top: 15%;
        z-index: 1;
        transform: translateY(-15%);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        line-height: calc(var(--font-size-18) + 16px);
        font-size: var(--font-size-18);
        font-weight: 700;
        border-radius: 100%;
        border: 1px solid #E5E5E5;
        background-color: #fff
    }
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-1:after,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-3:after,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-5:after {
        content: '';
        position: absolute;
        top: 60%;
        left: calc(100% + 50px);
        transform: translateY(-60%) translateX(100%);
        width: 140px;
        height: 140px;
        background-image: url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_209_645)'%3E%3Cpath d='M117.701 127.699C117.601 128.468 117.134 129.043 114.043 132.086C112.075 134.029 110.301 135.801 110.098 136.044C109.919 136.289 109.336 136.629 108.826 136.782C108.313 136.96 107.613 137.064 107.228 137.014C106.77 136.954 106.308 136.552 105.644 135.634C105.147 134.934 103.586 132.629 102.199 130.493C100.812 128.357 99.653 126.349 99.6246 126.003C99.5962 125.657 99.6745 125.056 99.821 124.684C99.9433 124.309 100.386 123.732 100.794 123.418C101.227 123.108 101.927 122.808 102.349 122.765C103.118 122.695 103.229 122.782 104.315 124.219C105.294 125.544 105.467 125.714 105.53 125.233C105.568 124.945 105.557 122.768 105.521 120.417C105.484 118.066 105.387 114.681 105.272 112.931C105.157 111.181 104.863 107.99 104.623 105.881C104.384 103.773 103.901 100.337 103.531 98.285C103.165 96.2089 102.409 92.6155 101.836 90.2436C101.264 87.8717 100.025 83.6534 99.0933 80.8436C98.1373 78.0307 96.7641 74.2836 95.9927 72.4968C95.2454 70.7131 94.1188 68.269 93.5194 67.0422C92.9441 65.8186 92.0073 63.9858 91.476 62.9878C90.9478 61.9659 90.0132 60.3044 89.4096 59.297C88.8092 58.2657 87.6137 56.3502 86.7797 55.044C85.9248 53.7106 84.0641 51.073 82.6246 49.1503C81.1851 47.2275 78.7839 44.2262 77.2503 42.4622C75.7166 40.6982 73.1637 37.9215 71.563 36.2954C69.9624 34.6693 67.4589 32.2657 66.0133 30.9531C64.5678 29.6405 62.2309 27.6496 60.8388 26.4906C59.4436 25.3556 57.2471 23.6029 55.9535 22.6278C54.66 21.6527 51.9943 19.7412 50.0126 18.4076C48.0309 17.074 45.1779 15.2846 43.676 14.4046C42.174 13.5245 39.6981 12.2242 38.1806 11.4643C36.6598 10.7284 34.1589 9.62041 32.6194 9.02872C31.083 8.413 28.5025 7.539 26.8751 7.05804C24.0444 6.22474 23.9093 6.13381 23.2692 5.21944C22.7097 4.43779 22.609 4.08252 22.7249 3.19338C22.844 2.28022 22.9988 2.03157 23.6667 1.60541C24.096 1.31921 24.7084 1.13022 25.0216 1.17103C25.3106 1.2087 26.872 1.63217 28.4994 2.11313C30.1237 2.61811 32.7042 3.49212 34.2406 4.10784C35.7801 4.69952 37.9836 5.64659 39.1168 6.16088C40.2468 6.6992 42.1791 7.6598 43.3721 8.27963C44.565 8.89946 46.7791 10.1412 48.2779 11.0453C49.7766 11.9494 52.017 13.3656 53.254 14.2111C54.4941 15.0326 56.6675 16.5867 58.0752 17.6256C59.4798 18.6884 61.5506 20.2781 62.6337 21.1768C63.7199 22.0516 65.9279 23.9035 67.4876 25.2799C69.0473 26.6562 71.5215 28.9094 72.9545 30.3182C74.3906 31.7029 76.5308 33.8881 77.7145 35.1421C78.8951 36.4202 81.1987 39.0422 82.834 40.966C84.4662 42.9139 86.9805 46.1744 88.4285 48.2205C89.8523 50.2634 91.7633 53.0786 92.6361 54.4632C93.5089 55.8478 94.8889 58.2272 95.7188 59.7528C96.5487 61.2784 97.8764 63.871 98.6906 65.5167C99.4808 67.1594 100.658 69.7811 101.31 71.3569C101.941 72.9055 103.168 76.267 104.014 78.7967C104.86 81.3265 105.9 84.8102 106.358 86.5562C106.817 88.3022 107.539 91.4024 107.954 93.4849C108.371 95.5433 108.968 99.0426 109.271 101.233C109.573 103.423 109.941 106.428 110.087 107.938C110.236 109.423 110.418 112.16 110.524 113.982C110.629 115.804 110.729 118.799 110.762 120.612C110.795 122.424 110.814 124.724 110.782 125.722C110.753 126.696 110.788 127.556 110.854 127.613C110.92 127.671 111.633 127.079 112.442 126.329C113.229 125.552 114.16 124.794 114.502 124.618C114.87 124.422 115.337 124.41 115.858 124.551C116.351 124.713 116.81 125.139 117.216 125.779C117.662 126.497 117.785 127.05 117.704 127.675L117.701 127.699Z' fill='%23ECECEC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_209_645'%3E%3Crect width='124.078' height='124.359' fill='white' transform='translate(139.354 16.0735) rotate(97.4263)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    }
}

@media (min-width: 576px) and (min-width: 1200px) {
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-1:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-3:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-5:before {
        right: -150px
    }
}

@media (min-width: 576px) and (max-width: 1199px) and (min-width: 992px) {
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-1:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-3:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-5:before {
        right: -106px
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-1:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-3:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-5:before {
        right: -87px
    }
}

@media (min-width: 576px) and (min-width: 1200px) {
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-2:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-4:before {
        left: -150px
    }
}

@media (min-width: 576px) and (max-width: 1199px) and (min-width: 992px) {
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-2:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-4:before {
        left: -106px
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-2:before,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-4:before {
        left: -87px
    }
}

@media (min-width: 576px) {
	
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-2:after,
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-4:after {
        content: '';
        position: absolute;
        top: 70%;
        right: calc(100% + 50px);
        transform: translateY(-70%) translateX(-100%);
        width: 140px;
        height: 140px;
        background-image: url("data:image/svg+xml,%3Csvg width='140' height='140' viewBox='0 0 140 140' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_209_647)'%3E%3Cpath d='M8.3756 113.449C8.27537 114.218 8.58053 114.894 10.7967 118.628C12.2062 121.012 13.4716 123.181 13.6063 123.467C13.7168 123.75 14.1951 124.228 14.6502 124.507C15.1021 124.811 15.7536 125.091 16.1402 125.141C16.5993 125.201 17.1505 124.931 18.0302 124.215C18.6916 123.665 20.7973 121.838 22.6909 120.13C24.5845 118.422 26.224 116.778 26.3404 116.451C26.4567 116.124 26.535 115.523 26.4885 115.126C26.4661 114.732 26.1851 114.06 25.8696 113.652C25.53 113.241 24.9278 112.772 24.5295 112.622C23.8024 112.356 23.6722 112.413 22.2498 113.523C20.9606 114.552 20.7485 114.671 20.8112 114.191C20.8488 113.902 21.4175 111.801 22.0565 109.538C22.6954 107.275 23.6593 104.029 24.2199 102.366C24.7806 100.704 25.8854 97.6957 26.659 95.7192C27.4327 93.7427 28.7831 90.5462 29.6682 88.6575C30.5564 86.7449 32.2124 83.4659 33.3767 81.3204C34.541 79.1749 36.8248 75.4157 38.4499 72.9392C40.0992 70.4659 42.3929 67.1968 43.5997 65.6678C44.7823 64.1356 46.5023 62.0626 47.3986 61.0307C48.2707 59.9958 49.6497 58.4648 50.4211 57.6367C51.1957 56.7845 52.5286 55.4186 53.3725 54.5999C54.2196 53.7572 55.8707 52.2128 57.0148 51.1644C58.1862 50.0951 60.6678 48.0236 62.5574 46.5347C64.447 45.0458 67.5461 42.7615 69.4862 41.4503C71.4264 40.139 74.6149 38.1108 76.5846 36.95C78.5543 35.7893 81.5992 34.1089 83.338 33.2113C85.0768 32.3138 87.8542 30.9895 89.5017 30.2267C91.1461 29.4879 93.7261 28.3578 95.2309 27.7475C96.7357 27.1371 99.8115 25.9739 102.076 25.1937C104.34 24.4135 107.566 23.4166 109.248 22.9516C110.931 22.4866 113.666 21.8655 115.332 21.5206C116.996 21.1998 119.706 20.771 121.351 20.5943C122.998 20.3937 125.725 20.2114 127.427 20.1644C130.386 20.0857 130.54 20.0325 131.396 19.3131C132.139 18.7013 132.328 18.3837 132.444 17.4946C132.563 16.5814 132.476 16.3013 131.938 15.718C131.595 15.3311 131.05 14.9912 130.736 14.9503C130.446 14.9125 128.823 14.9209 127.121 14.9679C125.417 15.039 122.69 15.2212 121.042 15.4219C119.397 15.5985 117.017 15.9481 115.786 16.1543C114.552 16.3845 112.431 16.8168 111.116 17.1096C109.8 17.4024 107.334 18.0341 105.648 18.5232C103.963 19.0122 101.426 19.8058 100.01 20.3055C98.5962 20.7811 96.0896 21.7252 94.4577 22.3679C92.8227 23.0345 90.4065 24.0393 89.1254 24.6299C87.8475 25.1965 85.2308 26.4196 83.3649 27.3494C81.499 28.2793 78.5212 29.8219 76.7699 30.8155C75.0217 31.7852 72.3853 33.3478 70.9154 34.256C69.4424 35.1882 66.5353 37.1309 64.4555 38.5706C62.3726 40.0343 59.0973 42.54 57.1679 44.1459C55.2626 45.7549 52.6866 47.9853 51.4847 49.0994C50.2829 50.2136 48.3338 52.1591 47.1373 53.4206C45.9408 54.6821 43.9876 56.847 42.7755 58.2286C41.5875 59.6135 39.7731 61.8453 38.7363 63.201C37.7269 64.5357 35.6735 67.4696 34.2036 69.6975C32.7337 71.9253 30.8307 75.0254 29.938 76.5954C29.0453 78.1653 27.5486 80.9762 26.6121 82.8826C25.6787 84.7649 24.2012 87.9938 23.3457 90.0329C22.4901 92.0721 21.3621 94.8822 20.8327 96.3039C20.3065 97.7017 19.4273 100.3 18.8572 102.034C18.2872 103.768 17.4218 106.637 16.9242 108.381C16.4266 110.124 15.8181 112.342 15.593 113.315C15.3711 114.263 15.1165 115.086 15.0377 115.124C14.959 115.163 14.4184 114.408 13.8274 113.476C13.2636 112.522 12.5548 111.55 12.2689 111.293C11.9619 111.009 11.5123 110.877 10.9713 110.879C10.4513 110.909 9.89695 111.204 9.33852 111.718C8.72238 112.297 8.46017 112.801 8.37873 113.425L8.3756 113.449Z' fill='%23ECECEC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_209_647'%3E%3Crect width='124.078' height='124.758' fill='white' transform='matrix(-0.12925 0.991612 0.991612 0.12925 16.0371 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    }
    .influencer-agency-working-steps .influencer-agency-step .working-step.working-step-5:after {
        display: none
    }
    .influencer-agency-working-steps .influencer-agency-step .working-step.aos-animate:before {
        color: #fff;
        border-color: #EA088C;
        background-color: #EA088C
    }
}

.influencer-agency-working-steps .influencer-agency-step .working-step .working-step-title {
    position: relative;
    color: #000;
    line-height: calc(var(--font-size-38) + 16px);
    font-size: var(--font-size-38);
    font-weight: 800;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: var(--spacer-8);
    margin-bottom: var(--spacer-8)
}

.influencer-agency-working-steps .influencer-agency-step .working-step .working-step-desc {
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

.influencer-brands-programs {
    margin-bottom: var(--spacer-16)
}

.influencer-brands-programs-header {
    max-width: 575px;
    text-align: center;
    margin: 0 auto var(--spacer-15)
}

.influencer-brands-programs-header>div {
    position: relative;
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700
}

.influencer-brands-programs-header>div:before {
    content: '';
    position: absolute;
    top: calc(-1*var(--spacer-10));
    left: 0;
    z-index: -1;
    width: 135px;
    height: 131px;
    background-image: url("data:image/svg+xml,%3Csvg width='135' height='131' viewBox='0 0 135 131' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.5 0L78.8524 44.9264L121.055 25.7909L93.0087 62.6778L134.283 83.7427L87.9564 84.8134L97.221 130.216L67.5 94.6647L37.779 130.216L47.0436 84.8134L0.717438 83.7427L41.9913 62.6778L13.9445 25.7909L56.1476 44.9264L67.5 0Z' fill='%23D0FF71'/%3E%3C/svg%3E")
}

.influencer-brands-programs-header>p {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin: var(--spacer-5) 0 0 0
}

.influencer-brands-programs .influencer-brands-programs-banner {
    position: relative
}

.influencer-brands-programs .influencer-brands-programs-banner>a {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: var(--spacer-6);
    transition: all 0.2s linear
}

.influencer-brands-programs .influencer-brands-programs-banner>a .influencer-brands-programs-banner-img img {
    width: 100%;
    border-radius: 12px
}

.influencer-brands-programs .influencer-brands-programs-banner>a .influencer-brands-programs-banner-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px 0px 12px 12px;
    padding: var(--spacer-5) 0;
    transition: all 0.2s linear;
    background: #000000
}

@media (min-width: 1200px) {
    .influencer-brands-programs .influencer-brands-programs-banner>a:hover {
        box-shadow: 0 0 0 3px #000
    }
    .influencer-brands-programs .influencer-brands-programs-banner>a:hover .influencer-brands-programs-banner-title,
    .influencer-brands-programs .influencer-brands-programs-banner:focus-within>a .influencer-brands-programs-banner-title {
        opacity: 1;
        visibility: visible
    }
    .influencer-brands-programs .influencer-brands-programs-banner:focus-within>a {
        box-shadow: 0 0 0 3px #000
    }
}

@media (hover: none) {
    .influencer-brands-programs .influencer-brands-programs-banner>a .influencer-brands-programs-banner-title {
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 1199px) {
    .influencer-brands-programs .influencer-brands-programs-banner>a {
        box-shadow: 0 0 0 3px #000
    }
    .influencer-brands-programs .influencer-brands-programs-banner>a .influencer-brands-programs-banner-title {
        opacity: 1;
        visibility: visible
    }
}

.influencer-form-wrapper {
    position: relative;
    zoom: .9;
    margin-bottom: var(--spacer-15);
    background-color: #f4f8fa
}

@media (max-width: 1199px) {
    .influencer-form-wrapper {
        padding: var(--spacer-30) 0
    }
    .influencer-form-wrapper .influencer-form-wrapper-image {
        display: none !important
    }
}

.influencer-form-wrapper .influencer-form-wrapper-image img {
    width: 100%;
    height: 783px;
    object-fit: cover
}

@media (min-width: 1200px) {
    .influencer-form-wrapper .influencer-form-wrapper-container {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%
    }
}

.influencer-form-wrapper .influencer-form-title {
    color: #000000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 400;
    margin-bottom: var(--spacer-4)
}

.influencer-form-wrapper .influencer-form-sub-title {
    color: #000000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 400;
    margin-bottom: var(--spacer-4)
}

.influencer-form-wrapper .influencer-form-desc {
    color: #858585;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 500
}

@media (max-width: 575px) {
    .influencer-form-wrapper .influencer-form-desc {
        margin-bottom: var(--spacer-10)
    }
	nav.navigation.posts-navigation {
    align-self: self-end;
    position: absolute;
    display: block;
    bottom: 0px;

}
}

.influencer-form-wrapper #influencer-form {
    border-radius: 12px;
    padding: var(--spacer-10) var(--spacer-5);
    background-color: #fff
}

.influencer-form-wrapper #influencer-form .form-group {
    margin-bottom: var(--spacer-7)
}

.influencer-form-wrapper #influencer-form .form-group:last-child {
    margin-bottom: 0
}

.influencer-form-wrapper #influencer-form .form-group .control-label {
    color: #000000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 600;
    margin-bottom: 8px
}

.influencer-form-wrapper #influencer-form .form-group input,
.influencer-form-wrapper #influencer-form .form-group textarea {
    height: 55px;
    color: #888888;
    font-size: var(--font-size-12);
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: var(--spacer-5)
}

.influencer-form-wrapper #influencer-form .form-group input::placeholder,
.influencer-form-wrapper #influencer-form .form-group textarea::placeholder {
    color: #888888
}

.influencer-form-wrapper #influencer-form .form-group textarea {
    width: 100%;
    height: 130px
}

.influencer-form-wrapper #influencer-form .form-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    color: #fff;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 8px;
    padding: 0;
    background-color: #EA088C
}

.influencer-our-services {
    margin: var(--spacer-20) 0 var(--spacer-25)
}

.influencer-our-services-content .influencer-our-services-title {
    color: #000000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700;
    margin-bottom: var(--spacer-5)
}

.influencer-our-services-content .influencer-our-services-desc {
    margin-bottom: var(--spacer-10)
}

.influencer-our-services-content .influencer-our-services-desc>p {
    color: #727272;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-5)
}

.influencer-our-services-content .influencer-our-services-desc>p:last-child {
    margin-bottom: 0
}

.influencer-our-services .influencer-our-services-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 284px;
    height: 284px;
    margin: 0 auto
}

.influencer-our-services .influencer-our-services-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    animation: spin 10s linear infinite;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../uploads/influencer-our-services-bg.png")
}

.our-services-detail-content .our-services-detail-title {
    color: #fff;
    line-height: var(--font-size-58);
    font-size: var(--font-size-40);
    font-weight: 800;
    margin-bottom: var(--spacer-5)
}

.our-services-detail-content .our-services-detail-desc {
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-10)
}

.our-services-detail-content .our-services-detail-list>ul {
    counter-reset: number
}

.our-services-detail-content .our-services-detail-list>ul>li {
    position: relative;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    padding-left: 36px;
    margin-bottom: var(--spacer-6)
}

.our-services-detail-content .our-services-detail-list>ul>li:before {
    content: counter(number);
    counter-increment: number;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    border-radius: 100%;
    background-color: #EA088C
}

@media (max-width: 1199px) {
    .our-services-detail-content .our-services-detail-title,
    .our-services-detail-content .our-services-detail-desc {
        color: #fff
    }
    .our-services-detail-content .our-services-detail-list>ul>li {
        color: #000
    }
}

.our-services-detail-form {
    border-radius: 12px;
    background-color: #fff
}

@media (min-width: 576px) {
    .our-services-detail-form {
        padding: var(--spacer-8) var(--spacer-10)
    }
}

.our-services-detail-form .control-label {
    color: #000000;
    font-size: var(--font-size-12);
    font-weight: 600;
    margin-bottom: 8px
}

.our-services-detail-form input {
    height: 55px;
    color: #888888;
    font-size: var(--font-size-12);
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: var(--spacer-5)
}

.our-services-detail-form input::placeholder {
    color: #888888
}

.our-services-detail-form .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    color: #fff;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 8px;
    padding: 0;
    background-color: #EA088C
}

.influencer-our-detail {
    margin-bottom: var(--spacer-28)
}

.influencer-our-detail-title {
    color: #EA088C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-5)
}

.influencer-our-detail-sub-title {
    color: #000000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700;
    margin-bottom: var(--spacer-8)
}

@media (max-width: 991px) {
    .influencer-our-detail-sub-title {
        line-height: calc(var(--font-size-32) + 16px);
        font-size: var(--font-size-32)
    }
}

.influencer-our-detail-desc {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

@media (max-width: 575px) {
    .influencer-our-detail-desc {
        margin-bottom: var(--spacer-8)
    }
}

.influencer-our-advantages-header {
    color: #000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--spacer-15)
}

.influencer-our-advantages-wrapper {
    margin-bottom: var(--spacer-20)
}

.influencer-our-advantages .influencer-our-advantages-banner>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 20px;
    padding: var(--spacer-15) var(--spacer-20);
    margin-bottom: var(--spacer-8);
    transition: all 0.2s linear;
    background-color: #F4F8FA
}

.influencer-our-advantages .influencer-our-advantages-banner>a:hover {
    background-color: rgba(234, 8, 140, 0.2)
}

@media (max-width: 1199px) {
    .influencer-our-advantages .influencer-our-advantages-banner>a {
        padding: var(--spacer-10)
    }
}

.influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-img {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 12px;
    background-color: rgba(234, 8, 140, 0.1);
    margin: 0 auto var(--spacer-8)
}

.influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-content {
    text-align: center
}

.influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-content .influencer-our-advantages-title {
    color: #000000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--spacer-5)
}

.influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-content .influencer-our-advantages-desc {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

@media (max-width: 575px) {
    .influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-img {
        width: 60px;
        height: 60px
    }
    .influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-img>img {
        zoom: .6
    }
    .influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-content .influencer-our-advantages-title {
        line-height: calc(var(--font-size-14) + 16px);
        font-size: var(--font-size-14)
    }
    .influencer-our-advantages .influencer-our-advantages-banner>a .influencer-our-advantages-content .influencer-our-advantages-desc {
        line-height: calc(var(--font-size-14) + 16px);
        font-size: var(--font-size-14)
    }
}

.influencer-our-services-wrapper {
    margin-bottom: var(--spacer-27)
}

.influencer-our-services-wrapper-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: calc(100% - var(--spacer-6));
    line-height: var(--font-size-52);
    font-size: var(--font-size-32);
    font-weight: 500;
    margin-bottom: var(--spacer-6)
}

.influencer-our-services-wrapper .influencer-our-services-banner {
    position: relative;
    border-radius: 12px;
    border: 1px solid #000000;
    padding: var(--spacer-6) var(--spacer-4);
    margin-bottom: var(--spacer-6);
    background-color: #FFFFFF
}

.influencer-our-services-wrapper .influencer-our-services-banner:after {
    content: '';
    position: absolute;
    left: -3px;
    bottom: -3px;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    transition: all 0.2s linear;
    background-color: #EA088C
}

.influencer-our-services-wrapper .influencer-our-services-banner>a {
    display: block
}

.influencer-our-services-wrapper .influencer-our-services-banner>a .influencer-our-services-title {
    display: flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 500;
    gap: 0 var(--spacer-4);
    margin-bottom: var(--spacer-6)
}

.influencer-our-services-wrapper .influencer-our-services-banner>a .influencer-our-services-title>i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #000
}

.influencer-our-services-wrapper .influencer-our-services-banner>a .influencer-our-services-desc {
    color: #333333;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-3)
}

.influencer-our-services-wrapper .influencer-our-services-banner>a .influencer-our-services-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #EA088C;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400;
    gap: 0 var(--spacer-2)
}

.influencer-our-services-wrapper .influencer-our-services-banner:hover:after {
    left: 0;
    bottom: 0
}

.blog-list-search {
    width: 100%;
    max-width: 950px;
    margin: var(--spacer-23) 0 var(--spacer-7)
}

.blog-list-search form {
    position: relative
}

.blog-list-search form input {
    width: 100%;
    height: 55px;
    color: #4A4E6D;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    border: none;
    border-radius: 55px;
    padding: 15px 15px 15px 60px;
    background: #191C36
}

.blog-list-search form input::placeholder {
    opacity: 1;
    color: #4A4E6D
}

.blog-list-search form button {
    position: absolute;
    top: 0;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 100%;
    padding: 0;
    border: none;
    background: none
}

.current-page-blog-list .contentbox-header .contentbox-image img {
    height: 542px
}

.blog-categories {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 var(--spacer-5)
}

.blog-categories-title {
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700
}

@media (max-width: 575px) {
    .blog-categories-title {
        margin-bottom: var(--spacer-5)
    }
}

.blog-categories-content {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-1*var(--gutter));
    margin-left: calc(-1*var(--gutter))
}

.blog-categories-content>div {
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

@media (max-width: 575px) {
    .blog-categories-content>div {
        margin-bottom: var(--gutter)
    }
}

.blog-categories-content>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #fff;
    padding: var(--spacer-3) var(--spacer-4);
    transition: all 0.2s linear;
    background-color: transparent
}

@media (min-width: 1200px) {
    .blog-categories-content>div>a:hover {
        border-color: #FA2D6C;
        background-color: #FA2D6C
    }
}

.blog-list-content {
    position: relative;
    padding: var(--spacer-7) 0 var(--spacer-23)
}

.blog-list-content:before {
    content: '';
    position: absolute;
    top: calc(-1*var(--spacer-8));
    left: 0;
    width: 100%;
    height: var(--spacer-8);
    border-radius: 50px 50px 0px 0px;
    background-color: #fff
}

.blog-list-content .blog-list-item .blog-item-container {
    margin-bottom: var(--spacer-10)
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-image {
    height: 100%
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-image a {
    position: relative;
    overflow: hidden;
    display: block;
    padding-top: 60%
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-image a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-image .blog-nopic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: #ccc;
    font-size: 70px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content {
    padding-top: var(--spacer-4)
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content .blog-date {
    color: #000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400;
    margin-bottom: var(--spacer-4)
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content .blog-title {
    margin-bottom: var(--spacer-3)
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content .blog-title a {
    display: block;
    overflow: hidden;
    color: #000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 800
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content .blog-text {
    margin-bottom: var(--spacer-8)
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content .blog-text p {
    overflow: hidden;
    height: 85px;
    color: #494949;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: 0
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content .blog-author>a {
    display: flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400;
    gap: 0 var(--spacer-4)
}

.blog-list-content .blog-list-item .blog-item-container .blog-item-content .blog-author>a>img {
    max-height: 32px
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: calc(-1*var(--gutter));
    margin-left: calc(-1*var(--gutter))
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container>div {
    flex: 1 0 0%;
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

@media (max-width: 575px) {
    .blog-list-content .blog-list-item.first-blog-list-item .blog-item-container>div {
        flex: 0 0 100%
    }
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-image a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 576px) {
    .blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content {
        padding-top: 0
    }
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-author-and-date {
    display: flex;
    align-items: center;
    gap: 0 var(--spacer-5);
    margin-bottom: var(--spacer-8)
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-author-and-date .blog-date {
    color: #7C7C7C;
    margin-bottom: 0
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-title a {
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 800
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-text {
    margin-bottom: var(--spacer-5)
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-text p {
    height: 100px;
    color: #4E4E4E
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-readmore>a {
    display: block;
    color: #EA088C;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 600;
    text-decoration-line: underline;
    text-align: right;
    margin-bottom: var(--spacer-8)
}

@media (max-width: 575px) {
    .blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-readmore>a {
        text-align: left
    }
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-tags {
    display: flex;
    align-items: center;
    gap: 0 4px;
    margin-bottom: var(--spacer-3)
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-tags-title {
    color: #000000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-tags-content {
    display: flex;
    align-items: center;
    gap: 0 2px
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-tags-content>a {
    position: relative;
    display: inline-block;
    color: #FA2D6C;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400;
    transition: all 0.2s linear
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-tags-content>a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    transition: all 0.2s linear;
    background-color: #FA2D6C
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-tags-content>a:hover:after {
    width: 100%
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-category {
    display: flex;
    align-items: center;
    gap: 0 4px;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-category-content {
    text-decoration-line: underline
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-category-content>a {
    transition: all 0.2s linear
}

.blog-list-content .blog-list-item.first-blog-list-item .blog-item-container .blog-item-content .blog-category-content>a:hover {
    color: #FA2D6C
}

.blog-list-content .all-blog-list-item {
    text-align: center;
    margin-top: var(--spacer-13)
}

.blog-list-content .all-blog-list-item>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    color: #000000;
    line-height: calc(var(--font-size-16) + 16px);
    font-size: var(--font-size-16);
    font-weight: 600;
    border-radius: 55px;
    border: 1px solid #000;
    padding: 0 var(--spacer-7);
    transition: all 0.2s linear
}

@media (min-width: 1200px) {
    .blog-list-content .all-blog-list-item>a:hover {
        color: #fff;
        background-color: #000
    }
}

.blog-detail-container .all-blog>a {
    position: relative;
    display: inline-block;
    color: #EA088C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
}

.blog-detail-container .all-blog>a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    transition: all 0.2s linear;
    background-color: #EA088C
}

.blog-detail-container .all-blog>a:hover:after {
    width: 100%
}

.blog-detail-container .blog-detail-header h1 {
    color: #000000;
    line-height: calc(var(--font-size-32) + 16px);
    font-size: var(--font-size-32);
    font-weight: 700;
    text-align: left;
    margin-bottom: var(--spacer-5)
}

.blog-detail-container .blog-author-and-date {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 0 var(--spacer-5);
    margin-bottom: var(--spacer-10)
}

.blog-detail-container .blog-author-and-date .blog-author>a {
    display: flex;
    align-items: center;
    color: #000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400;
    gap: 0 var(--spacer-2)
}

.blog-detail-container .blog-author-and-date .blog-author>a>img {
    max-height: 32px
}

.blog-detail-container .blog-author-and-date .blog-date {
    color: #7C7C7C;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.blog-detail-container .blog-detail-content .blog-detail-item-image {
    margin-bottom: var(--spacer-6)
}

.blog-detail-container .blog-detail-content .blog-detail-item-content {
    margin-bottom: var(--spacer-8)
}

.blog-detail-container .blog-detail-content .blog-detail-item-content>p {
    color: #4E4E4E;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    text-align: justify;
    margin-bottom: var(--spacer-5)
}

.blog-detail-container .blog-detail-content .blog-detail-item-content>p:last-child {
    margin-bottom: 0
}

.blog-detail-container .blog-detail-info {
    display: inline-flex;
    align-items: center;
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    border-radius: 20px;
    gap: 0 var(--spacer-3);
    padding: var(--spacer-8);
    margin-bottom: var(--spacer-15);
    background: rgba(255, 209, 47, 0.1)
}
.blog-detail-info {
    display: inline-flex;
    align-items: center;
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    border-radius: 20px;
    gap: 0 var(--spacer-3);
    padding: var(--spacer-8);
    margin-bottom: var(--spacer-15);
    background: rgba(255, 209, 47, 0.1)
}

.blog-detail-container .blog-detail-info>span {
    flex: 1 0 0%
}

.blog-detail-container .blog-detail-comment-title {
    color: #000000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 800;
    margin-bottom: var(--spacer-8)
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: var(--spacer-15);
    margin-bottom: var(--spacer-8)
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item>a {
    display: flex;
    align-items: center;
    gap: 0 var(--spacer-8)
}

@media (max-width: 575px) {
    .blog-detail-container .blog-detail-comment-content .blog-detail-comment-item>a {
        flex-direction: column
    }
    .blog-detail-container .blog-detail-comment-content .blog-detail-comment-item>a .blog-detail-comment-item-img {
        width: 98px;
        margin-bottom: var(--spacer-10)
    }
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-img {
    flex: 0 0 98px;
    height: 98px;
    position: relative;
    padding-top: 10.539%
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-content {
    flex: 1 0 0%
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-content .blog-detail-comment-item-top {
    display: flex;
    justify-content: space-between;
    
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-content .blog-detail-comment-item-top .blog-detail-comment-item-title {
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14---);
    font-weight: 700;
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-content .blog-detail-comment-item-top .blog-detail-comment-item-time {
    color: #9A9A9A;
    line-height: calc(var(--font-size-10) + 16px);
    font-size: var(--font-size-10);
    font-weight: 400
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-content .blog-detail-comment-item-top .blog-detail-comment-item-reply {
    color: #EA088C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700
}

.blog-detail-container .blog-detail-comment-content .blog-detail-comment-item-content .blog-detail-comment-item-desc {
    color: #4E4E4E;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    text-align: justify
}

.blog-detail-container .blog-detail-comment-add-title {
    color: #000000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 800;
    margin-bottom: var(--spacer-8)
}

.blog-detail-container .blog-detail-comment-add-content .form-group {
    margin-bottom: var(--spacer-6)
}

.blog-detail-container .blog-detail-comment-add-content .form-group:last-child {
    margin-bottom: 0
}

.blog-detail-container .blog-detail-comment-add-content .form-group .control-label {
    color: #000000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 600;
    margin-bottom: 8px
}

.blog-detail-container .blog-detail-comment-add-content .form-group input,
.blog-detail-container .blog-detail-comment-add-content .form-group textarea {
    height: 55px;
    color: #888888;
    font-size: var(--font-size-12);
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: var(--spacer-5)
}

.blog-detail-container .blog-detail-comment-add-content .form-group input::placeholder,
.blog-detail-container .blog-detail-comment-add-content .form-group textarea::placeholder {
    color: #888888
}

.blog-detail-container .blog-detail-comment-add-content .form-group textarea {
    width: 100%;
    height: 130px
}

.blog-detail-container .blog-detail-comment-add-content .form-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    color: #fff;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 8px;
    padding: 0;
    background-color: #EA088C
}

.col-md-2.blog-yazi-avatar {
    background: #f3f3f3;
	border-radius: 10px 0px 0px 10px;
}

.col-md-10.blog-yazi-yorum {
    background: #fafafa;
    border-radius: 0px 10px 10px 0px;
}

.scroll-up #right-block {
    top: 100px
}
a#cancel-comment-reply-link {
    float: right;
}

.yorumalani textarea#message {
    width: 100%;
    border-radius: 10px;
    min-height: 200px;
    padding: 20px;
    font-size: 14px;
}


#right-block {
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
    z-index: 98;
    transition: all 0.2s linear
}

@media (max-width: 991px) {
    #right-block {
        display: none
    }
}

#right-block .block-item .block-item-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    border-radius: 12px;
    margin-bottom: var(--spacer-5);
    background-color: #000000
}

#right-block .block-item .block-item-content {
    border-radius: 20px;
    padding: var(--spacer-8) var(--spacer-6);
    background-color: #F4F6F9
}

#right-block .block-item[data-type="newsletter-subscription"] .newsletter .newsletter-title {
    text-align: center;
    margin-bottom: var(--spacer-8)
}

#right-block .block-item[data-type="newsletter-subscription"] .newsletter .newsletter-title>div {
    color: #EA088C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    margin-bottom: 2px
}

#right-block .block-item[data-type="newsletter-subscription"] .newsletter .newsletter-title>span {
    color: #4E4E4E;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

#right-block .block-item[data-type="newsletter-subscription"] .newsletter .newsletter-content form {
    position: relative
}

#right-block .block-item[data-type="newsletter-subscription"] .newsletter .newsletter-content form input {
    width: 100%;
    height: 55px;
    color: #888888;
    font-size: var(--font-size-12);
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: 8px 120px 8px 16px
}

#right-block .block-item[data-type="newsletter-subscription"] .newsletter .newsletter-content form input::placeholder {
    opacity: 1;
    color: #888888
}

#right-block .block-item[data-type="newsletter-subscription"] .newsletter .newsletter-content form button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    color: #fff;
    font-size: var(--font-size-14);
    font-weight: 600;
    border: none;
    border-radius: 8px;
    padding: 0;
    margin-top: var(--spacer-5);
    background: #EA088C
}

.company-date-wrapper {
    margin: var(--spacer-15) 0 var(--spacer-14)
}

.company-date-wrapper .company-date-item {
    border-radius: var(--spacer-5);
    border: 1px solid #E5E5E5;
    padding: var(--spacer-8);
    margin-bottom: var(--spacer-6)
}

.company-date-wrapper .company-date-item-title {
    color: #EA088C;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 800;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: var(--spacer-3);
    margin-bottom: var(--spacer-3)
}

.company-date-wrapper .company-date-item-content {
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

.about-us-tab-wrapper {
    margin-bottom: var(--spacer-20)
}

.about-us-tab-wrapper .about-us-image img {
    width: 100%
}

.about-us-tab-wrapper .about-us-tab {
    margin-top: var(--spacer-10)
}

.about-us-tab-wrapper .about-us-tab-title {
    color: #000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 700;
    margin-bottom: var(--spacer-6)
}

.about-us-tab-wrapper .about-us-tab-content {
    counter-reset: number
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row {
    margin-bottom: 16px
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row:last-child {
    margin-bottom: 0
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row [data-tab-index]>a {
    position: relative;
    display: block;
    color: #000000;
    line-height: var(--font-size-28);
    font-size: var(--font-size-14);
    font-weight: 400;
    padding-left: 36px;
    margin-bottom: var(--spacer-3)
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row [data-tab-index]>a:before {
    content: counter(number);
    counter-increment: number;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    border-radius: 100%;
    background-color: #EA088C
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row [data-tab-content] {
    display: none;
    height: auto;
    overflow: visible
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row [data-tab-content]>div {
    color: #707070;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row.active [data-tab-index]>a {
    color: #EA088C
}

.about-us-tab-wrapper .about-us-tab-content .about-us-tab-row.active [data-tab-content] {
    display: block
}

.meet-our-team-wrapper {
    margin-bottom: var(--spacer-5)
}

.meet-our-team-wrapper .meet-our-team-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacer-15)
}

.meet-our-team-wrapper .meet-our-team-header>span {
    color: #000000;
    line-height: var(--font-size-52);
    font-size: var(--font-size-38);
    font-weight: 700
}

.meet-our-team-wrapper .meet-our-team-header>p {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin: 0
}

.meet-our-team-wrapper .meet-our-team-content .meet-our-team-item {
    margin-bottom: var(--spacer-10)
}

.meet-our-team-wrapper .meet-our-team-content .meet-our-team-item>a {
    display: block
}

.meet-our-team-wrapper .meet-our-team-content .meet-our-team-item>a .meet-our-team-item-image {
    position: relative;
    padding-top: 120%
}

.meet-our-team-wrapper .meet-our-team-content .meet-our-team-item>a .meet-our-team-item-image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.meet-our-team-wrapper .meet-our-team-content .meet-our-team-item>a .meet-our-team-item-content {
    margin-top: var(--spacer-5)
}

.meet-our-team-wrapper .meet-our-team-content .meet-our-team-item>a .meet-our-team-item-content .meet-our-team-item-name {
    color: #000000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 700;
    margin-bottom: 4px
}

.meet-our-team-wrapper .meet-our-team-content .meet-our-team-item>a .meet-our-team-item-content .meet-our-team-item-title {
    color: #747474;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 4700
}

.why-choose-wrapper {
    margin-bottom: var(--spacer-22)
}

.why-choose-wrapper .why-choose-us-title {
    color: #000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 700;
    margin-bottom: var(--spacer-10)
}

@media (max-width: 575px) {
    .why-choose-wrapper .why-choose-us-image {
        margin-bottom: var(--spacer-10)
    }
}

.why-choose-wrapper .why-choose-us-image img {
    width: 100%
}

.why-choose-wrapper .why-choose-us-content .why-choose-us-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0 var(--spacer-5);
    margin-bottom: var(--spacer-7)
}

.why-choose-wrapper .why-choose-us-content .why-choose-us-item:last-child {
    margin-bottom: 0
}

.why-choose-wrapper .why-choose-us-content .why-choose-us-item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 100%;
    transition: 1s cubic-bezier(0.25, 0.1, 0, 1.02);
    background-color: rgba(234, 8, 140, 0.1)
}

.why-choose-wrapper .why-choose-us-content .why-choose-us-item-content {
    flex: 1 0 0%
}

.why-choose-wrapper .why-choose-us-content .why-choose-us-item-content>div {
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-bottom: 4px
}

.why-choose-wrapper .why-choose-us-content .why-choose-us-item-content>p {
    color: #656565;
    line-height: var(--font-size-22);
    font-size: var(--font-size-12);
    margin: 0
}

.why-choose-wrapper .why-choose-us-content .why-choose-us-item:hover .why-choose-us-item-img {
    transform: rotateY(360deg)
}

.reference-wrapper {
    padding: var(--spacer-32) 0;
    margin-bottom: var(--spacer-20);
    background-color: #000
}

.reference-wrapper .reference-wrapper-content .reference-wrapper-title {
    color: #EA088C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-5)
}

.reference-wrapper .reference-wrapper-content .reference-wrapper-sub-title {
    color: #fff;
    line-height: var(--font-size-75);
    font-size: var(--font-size-50);
    font-weight: 700;
    margin-bottom: var(--spacer-8)
}

.reference-wrapper .reference-wrapper-content .reference-wrapper-desc {
    color: #727272;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400
}

.reference-wrapper .reference-image-content {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-1*var(--gutter));
    margin-left: calc(-1*var(--gutter))
}

.reference-wrapper .reference-image-content>div {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: var(--gutter);
    padding-left: var(--gutter)
}

.reference-wrapper .reference-image-content>div>div {
    margin-bottom: var(--spacer-10)
}

.reference-wrapper .reference-image-content>div>div>a {
    display: block
}

.reference-wrapper .reference-image-content>div>div>a img {
    mix-blend-mode: luminosity
}

.agency-open-positions-title {
    color: #000000;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 500;
    margin-bottom: var(--spacer-10)
}

.agency-open-positions .agency-open-positions-item {
    border-radius: 18px;
    padding: var(--spacer-10);
    margin-bottom: var(--spacer-20);
    backdrop-filter: blur(59.9333px);
    background-color: rgba(209, 209, 209, 0.1)
}

.agency-open-positions .agency-open-positions-item>a {
    display: block
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-top {
    display: flex;
    align-items: center;
    gap: 0 var(--spacer-5);
    margin-bottom: var(--spacer-8)
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-top .agency-open-positions-item-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #019E3E
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-top .agency-open-positions-item-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    filter: blur(60px);
    background: #5CFE9B
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-top>div>span {
    color: #000000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 600
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-top>div>p {
    color: #515151;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin: 5px 0 0 0
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-desc {
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    height: 95px;
    overflow: auto;
    margin-bottom: var(--spacer-11)
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 100px);
    height: 47px;
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 47px;
    border: 1px solid #000000;
    margin: 0 auto;
    transition: all 0.2s linear
}

.agency-open-positions .agency-open-positions-item>a .agency-open-positions-item-button:hover {
    color: #fff;
    background-color: #000
}

.contact-page-header {
    text-align: center;
    margin-bottom: var(--spacer-30)
}

.contact-page-header h4 {
    color: #000;
    line-height: calc(var(--font-size-38) + 16px);
    font-size: var(--font-size-38);
    font-weight: 700;
    margin-bottom: var(--spacer-4)
}

.contact-page-header p {
    color: #000000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 400;
    margin-bottom: 0
}

.contact-page-body {
    border-radius: 12px;
    padding: var(--spacer-3);
    margin-bottom: var(--spacer-23);
    box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.06);
    background: #FFFFFF
}

@media (max-width: 991px) {
    .contact-page-body {
        padding: var(--spacer-10)
    }
}

.contact-page-body .contact-page-information {
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    gap: var(--spacer-40) 0;
    padding: var(--spacer-15) var(--spacer-8) var(--spacer-8);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.06);
    background: #000000
}

.contact-page-body .contact-page-information .contact-page-information-title>div {
    color: #fff;
    line-height: calc(var(--font-size-24) + 16px);
    font-size: var(--font-size-24);
    font-weight: 700
}

.contact-page-body .contact-page-information .contact-page-information-title>p {
    color: #9C9C9C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin: var(--spacer-5) 0 0 0
}

.contact-page-body .contact-page-communication {
    margin-bottom: var(--spacer-10)
}

.contact-page-body .contact-page-communication-item {
    margin-bottom: var(--spacer-5)
}

.contact-page-body .contact-page-communication-item:last-child {
    margin-bottom: 0
}

.contact-page-body .contact-page-communication-item>a {
    display: flex;
    align-items: flex-start;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 500;
    gap: 0 var(--spacer-3)
}

.contact-page-body .contact-page-communication-item>a>span {
    flex: 1 0 0%
}

.contact-page-body .contact-page-social-title {
    color: #fff;
    line-height: calc(var(--font-size-20) + 16px);
    font-size: var(--font-size-20);
    font-weight: 700;
    margin-bottom: var(--spacer-5)
}

.contact-page-body .contact-page-social-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.contact-page-body .contact-page-social-content>div {
    padding-right: 5px;
    padding-left: 5px
}

@media (max-width: 1199px) {
    .contact-page-body .contact-page-social-content>div {
        margin-bottom: 10px
    }
}

.contact-page-body .contact-page-social-content>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

.contact-page-body .contact-page-social-content>div>a>svg {
    zoom: .9
}

.contact-page-body .contact-page-social-content>div>a>svg path {
    transition: all 0.2s linear
}

@media (min-width: 1200px) {
    .contact-page-body .contact-page-social-content>div>a:hover>svg path {
        fill: #EA088C
    }
}

.contact-page-body .contact-page-content {
    max-width: 660px;
    margin: 0 auto
}

@media (max-width: 991px) {
    .contact-page-body .contact-page-content {
        margin-bottom: var(--spacer-10)
    }
}

.contact-page-body .contact-page-content .form-group {
    margin-bottom: var(--spacer-7)
}

.contact-page-body .contact-page-content .form-group:last-child {
    margin-bottom: 0
}

.contact-page-body .contact-page-content .form-group .control-label {
    color: #000000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 600;
    margin-bottom: 8px
}

.contact-page-body .contact-page-content .form-group input,
.contact-page-body .contact-page-content .form-group textarea {
    height: 55px;
    color: #888888;
    font-size: var(--font-size-12);
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: var(--spacer-5)
}

.contact-page-body .contact-page-content .form-group input::placeholder,
.contact-page-body .contact-page-content .form-group textarea::placeholder {
    color: #888888
}

.contact-page-body .contact-page-content .form-group textarea {
    width: 100%;
    height: 130px
}

.contact-page-body .contact-page-content .form-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    color: #fff;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 8px;
    padding: 0;
    background-color: #EA088C
}

.contact-page-banners .contact-page-banner>a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: var(--spacer-12)
}

.contact-page-banners .contact-page-banner>a .contact-page-banner-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 98px;
    height: 98px;
    border-radius: 100%;
    margin: 0 auto var(--spacer-3);
    transition: 1s cubic-bezier(0.25, 0.1, 0, 1.02)
}

.contact-page-banners .contact-page-banner>a .contact-page-banner-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%
}

.contact-page-banners .contact-page-banner>a .contact-page-banner-img.contact-page-banner-img-1 {
    background-color: rgba(234, 8, 140, 0.1)
}

.contact-page-banners .contact-page-banner>a .contact-page-banner-img.contact-page-banner-img-2 {
    background-color: rgba(234, 198, 8, 0.1)
}

.contact-page-banners .contact-page-banner>a .contact-page-banner-img.contact-page-banner-img-3 {
    background-color: rgba(234, 22, 8, 0.1)
}

.contact-page-banners .contact-page-banner>a .contact-page-banner-content .contact-page-banner-title {
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-bottom: var(--spacer-3)
}

.contact-page-banners .contact-page-banner>a .contact-page-banner-content .contact-page-banner-sub-title {
    color: #727272;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

.contact-page-banners .contact-page-banner>a:hover .contact-page-banner-img {
    transform: rotateY(360deg)
}

.careers-open-positions .careers-open-positions-item {
    border-radius: 18px;
    padding: var(--spacer-10);
    margin-bottom: var(--spacer-8);
    backdrop-filter: blur(59.9333px);
    background-color: rgba(209, 209, 209, 0.1)
}

.careers-open-positions .careers-open-positions-item>a {
    display: block
}

.careers-open-positions .careers-open-positions-item>a .careers-open-positions-item-top {
    display: flex;
    align-items: center;
    gap: 0 var(--spacer-5);
    margin-bottom: var(--spacer-8)
}

.careers-open-positions .careers-open-positions-item>a .careers-open-positions-item-top .careers-open-positions-item-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background-color: #EA088C
}

.careers-open-positions .careers-open-positions-item>a .careers-open-positions-item-top>div>span {
    color: #000000;
    line-height: calc(var(--font-size-18) + 16px);
    font-size: var(--font-size-18);
    font-weight: 600
}

.careers-open-positions .careers-open-positions-item>a .careers-open-positions-item-top>div>p {
    color: #515151;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin: 5px 0 0 0
}

.careers-open-positions .careers-open-positions-item>a .careers-open-positions-item-desc {
    color: #000000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    height: 95px;
    overflow: auto;
    margin-bottom: var(--spacer-11)
}

.careers-open-positions .careers-open-positions-item>a .careers-open-positions-item-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 100px);
    height: 47px;
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 47px;
    border: 1px solid #000000;
    margin: 0 auto;
    transition: all 0.2s linear
}

.careers-open-positions .careers-open-positions-item>a .careers-open-positions-item-button:hover {
    color: #fff;
    border-color: #EA088C;
    background-color: #EA088C
}

.all-open-positions>a {
    display: inline-block;
    color: #EA088C;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 700;
    margin-bottom: var(--spacer-15)
}

.careers-page-header h4 {
    color: #000000;
    line-height: calc(var(--font-size-32) + 16px);
    font-size: var(--font-size-32);
    font-weight: 700;
    margin-bottom: var(--spacer-8)
}

.careers-page-list-container {
    margin-bottom: var(--spacer-10)
}

.careers-page-list-container .careers-page-list-row {
    display: flex;
    align-items: baseline;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    margin-bottom: var(--spacer-1)
}

.careers-page-list-container .careers-page-list-row:last-child {
    margin-bottom: 0
}

.careers-page-list-container .careers-page-list-row a {
    color: #EA088C;
    transition: all 0.2s linear
}

.careers-page-list-container .careers-page-list-row .careers-page-list-title {
    flex: 0 0 auto;
    width: 15%
}

@media (max-width: 767px) {
    .careers-page-list-container .careers-page-list-row .careers-page-list-title {
        width: 30%
    }
}

.careers-page-list-container .careers-page-list-row .careers-page-list-content {
    flex: 1 1 auto;
    display: flex;
    align-items: baseline;
    word-break: break-word;
    font-weight: 600
}

.careers-page-list-container .careers-page-list-row .careers-page-list-content:before {
    content: ':';
    margin-right: 16px
}

.careers-page-desc {
    color: #4E4E4E;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    text-align: justify;
    margin-bottom: var(--spacer-10)
}

.careers-page-desc ol li {
    list-style: decimal inside
}

.careers-page-desc ul li {
    list-style: disc inside
}

.careers-page-info {
    color: #000;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 500;
    margin-bottom: var(--spacer-25)
}

.careers-page-form {
    position: relative;
    border-radius: 12px;
    padding: var(--spacer-10);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
    background-color: #fff
}

.careers-page-form .careers-page-form-icon {
    position: absolute;
    top: -46px;
    right: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 92px
}

@media (max-width: 575px) {
    .careers-page-form .careers-page-form-icon {
        display: none
    }
}

.careers-page-form #careers-page-form {
    max-width: 670px;
    margin: 0 auto
}

.careers-page-form #careers-page-form .form-group {
    margin-bottom: var(--spacer-7)
}

.careers-page-form #careers-page-form .form-group:last-child {
    margin-bottom: 0
}

.careers-page-form #careers-page-form .form-group .control-label {
    color: #000000;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 600;
    margin-bottom: 8px
}

.careers-page-form #careers-page-form .form-group input,
.careers-page-form #careers-page-form .form-group textarea {
    height: 55px;
    color: #888888;
    font-size: var(--font-size-12);
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: var(--spacer-5)
}

.careers-page-form #careers-page-form .form-group input::placeholder,
.careers-page-form #careers-page-form .form-group textarea::placeholder {
    color: #888888
}

.careers-page-form #careers-page-form .form-group select.form-control:not([size]):not([multiple]),
.careers-page-form #careers-page-form .form-group select:not([size]) {
    height: 55px;
    color: #888888;
    font-size: var(--font-size-12);
    font-weight: 400;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #E5E5E5;
    padding: 4px 40px 4px 20px;
    background-size: 36px;
    background-position: right 12px center;
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16.0005L18 22L12 16.0005L12.9999 15L18 20.0004L23.0001 15L24 16.0005Z' fill='%232B2D42'/%3E%3C/svg%3E%0A")
}

.careers-page-form #careers-page-form .form-group textarea {
    width: 100%;
    height: 130px
}

.careers-page-form #careers-page-form .form-group .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 55px;
    color: #fff;
    line-height: var(--font-size-25);
    font-size: var(--font-size-14);
    font-weight: 600;
    border-radius: 8px;
    padding: 0;
    background-color: #EA088C
}

#breadcrumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding-bottom: var(--spacer-5)
}

@media (max-width: 1199px) {
    #breadcrumbs {
        overflow-x: auto;
        scroll-snap-type: x mandatory
    }
}

#breadcrumbs ol {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0
}

#breadcrumbs ol li i {
    color: #fff;
    font-size: var(--font-size-12);
    margin: 0 5px;
    font-style: normal
}

#breadcrumbs ol li i:before {
    content: '/'
}

#breadcrumbs ol li span {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #AEAEAE;
    line-height: calc(var(--font-size-12) + 16px);
    font-size: var(--font-size-12);
    font-weight: 400
}

#breadcrumbs ol li a {
    color: #000
}

#breadcrumbs ol li:last-child span span {
    color: #fff
}

#footer {
    padding-top: var(--spacer-30);
    background-color: #000
}

#footer .footer-row-1 {
    border-top: 1px solid #989898;
    padding: var(--spacer-10) 0 var(--spacer-30)
}

#footer .footer-row-2 {
    padding-bottom: var(--spacer-24)
}

#footer .footer-cta {
    margin-bottom: var(--spacer-4)
}

#footer .footer-cta .footer-menu-content > ul > li {
    flex: 0 0 auto;
    max-width: none;
    margin-right: var(--spacer-5)
}

#footer .footer-cta .footer-menu-content > ul > li:last-child {
    margin-right: 0
}

@media (max-width: 575px) {
    .footer-menu {
        margin-bottom: var(--spacer-10)
    }
}

.footer-menu .footer-menu-content>ul {
    display: flex;
    flex-wrap: wrap
}

.footer-menu .footer-menu-content>ul>li {
    flex: 0 0 50%; 
    max-width: 50%;
    margin-bottom: var(--spacer-3)
}

.footer-menu .footer-menu-content>ul>li:last-child {
    margin-bottom: 0
}

.footer-menu .footer-menu-content>ul>li>a {
    display: inline-block;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 500;
    transition: all 0.2s linear
}

@media (min-width: 1200px) {
    .footer-menu .footer-menu-content>ul>li>a:hover {
        color: #EA088C
    }
}

.footer-address,
.footer-phone{
    margin-bottom: var(--spacer-4);
}

.footer-address>a,
.footer-phone>a {
    display: block;
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 500;
    text-align: right;
}

@media (max-width: 575px) {
    .footer-address>a,
    .footer-phone>a {
        text-align: left
    }
}

.footer-social {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

@media (max-width: 575px) {
    .footer-social {
        justify-content: flex-start
    }
}

.footer-social>div {
    margin-right: var(--spacer-5)
}

.footer-social>div:last-child {
    margin-right: 0
}

.footer-social>div>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}
.footer-social svg {
    width: 20px;
    height: 20px;
}

.footer-mail>a {
    display: block;
    color: #fff;
    line-height: calc(var(--font-size-28) + 16px);
    font-size: var(--font-size-28);
    font-weight: 400;
	text-align: right;
	padding-bottom: 25px;
}

.footer-mail>a>span {
    margin-left: var(--spacer-2);
    text-decoration: underline
}

.footer-logo {
    text-align: right;
    padding-bottom: 25px;
}

.footer-logo,
.footer-address,
.footer-phone,
.footer-mail {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}

.footer-logo img,
.footer-address a,
.footer-phone a,
.footer-mail a {
    margin-left: 10px;
    z-index: 1;
    
    transition: color 0.2s ease; /* Renk değişikliği efekti eklenmiştir */
}
.footer-logo img{pointer-events:none}

.footer-logo:hover img,
.footer-address:hover a,
.footer-phone:hover a,
.footer-mail:hover a {
    pointer-events: auto;
    color: #EA088C; 
}

/* Mobil cihazlar için sola yaslı */
@media (max-width: 768px) {
    .footer-logo,
    .footer-address,
    .footer-phone,
    .footer-mail {
        justify-content: flex-start;
    }
	
	.footer-social {
		padding-bottom:50px;
		padding-left:5px;
	}
	
}

#footer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#scroll-top {
    color: #fff;
    line-height: calc(var(--font-size-14) + 16px);
    font-size: var(--font-size-14);
    font-weight: 400;
    cursor: pointer
}

:root {
    --gutter: var(--spacer-3);
    --spacer-1: 4px;
    --spacer-2: 8px;
    --spacer-3: 12px;
    --spacer-4: 16px;
    --spacer-5: 20px;
    --spacer-6: 24px;
    --spacer-7: 28px;
    --spacer-8: 32px;
    --spacer-9: 36px;
    --spacer-10: 40px;
    --spacer-11: 44px;
    --spacer-12: 48px;
    --spacer-13: 52px;
    --spacer-14: 56px;
    --spacer-15: 60px;
    --spacer-16: 64px;
    --spacer-17: 68px;
    --spacer-18: 72px;
    --spacer-19: 76px;
    --spacer-20: 80px;
    --spacer-21: 84px;
    --spacer-22: 88px;
    --spacer-23: 92px;
    --spacer-24: 96px;
    --spacer-25: 100px;
    --spacer-26: 104px;
    --spacer-27: 108px;
    --spacer-28: 112px;
    --spacer-29: 116px;
    --spacer-30: 120px;
    --spacer-31: 124px;
    --spacer-32: 128px;
    --spacer-33: 132px;
    --spacer-34: 136px;
    --spacer-35: 140px;
    --spacer-36: 144px;
    --spacer-37: 148px;
    --spacer-38: 152px;
    --spacer-39: 156px;
    --spacer-40: 160px;
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-21: 21px;
    --font-size-22: 22px;
    --font-size-23: 23px;
    --font-size-24: 24px;
    --font-size-25: 25px;
    --font-size-26: 26px;
    --font-size-27: 27px;
    --font-size-28: 28px;
    --font-size-29: 29px;
    --font-size-30: 30px;
    --font-size-31: 31px;
    --font-size-32: 32px;
    --font-size-33: 33px;
    --font-size-34: 34px;
    --font-size-35: 35px;
    --font-size-36: 36px;
    --font-size-37: 37px;
    --font-size-38: 38px;
    --font-size-39: 39px;
    --font-size-40: 40px;
    --font-size-41: 41px;
    --font-size-42: 42px;
    --font-size-43: 43px;
    --font-size-44: 44px;
    --font-size-45: 45px;
    --font-size-46: 46px;
    --font-size-47: 47px;
    --font-size-48: 48px;
    --font-size-49: 49px;
    --font-size-50: 50px;
    --font-size-51: 51px;
    --font-size-52: 52px;
    --font-size-53: 53px;
    --font-size-54: 54px;
    --font-size-55: 55px;
    --font-size-56: 56px;
    --font-size-57: 57px;
    --font-size-58: 58px;
    --font-size-59: 59px;
    --font-size-60: 60px;
    --font-size-61: 61px;
    --font-size-62: 62px;
    --font-size-63: 63px;
    --font-size-64: 64px;
    --font-size-65: 65px;
    --font-size-66: 66px;
    --font-size-67: 67px;
    --font-size-68: 68px;
    --font-size-69: 69px;
    --font-size-70: 70px;
    --font-size-71: 71px;
    --font-size-72: 72px;
    --font-size-73: 73px;
    --font-size-74: 74px;
    --font-size-75: 75px;
    --font-size-76: 76px;
    --font-size-77: 77px;
    --font-size-78: 78px;
    --font-size-79: 79px;
    --font-size-80: 80px;
    --font-size-81: 81px;
    --font-size-82: 82px;
    --font-size-83: 83px;
    --font-size-84: 84px;
    --font-size-85: 85px;
    --font-size-86: 86px;
    --font-size-87: 87px;
    --font-size-88: 88px;
    --font-size-89: 89px;
    --font-size-90: 90px;
    --font-size-91: 91px;
    --font-size-92: 92px;
    --font-size-93: 93px;
    --font-size-94: 94px;
    --font-size-95: 95px;
    --font-size-96: 96px;
    --font-size-97: 97px;
    --font-size-98: 98px;
    --font-size-99: 99px;
    --font-size-100: 100px;
    --font-size-101: 101px;
    --font-size-102: 102px;
    --font-size-103: 103px;
    --font-size-104: 104px;
    --font-size-105: 105px;
    --font-size-106: 106px;
    --font-size-107: 107px;
    --font-size-108: 108px;
    --font-size-109: 109px;
    --font-size-110: 110px;
    --font-size-111: 111px;
    --font-size-112: 112px;
    --font-size-113: 113px;
    --font-size-114: 114px;
    --font-size-115: 115px;
    --font-size-116: 116px;
    --font-size-117: 117px;
    --font-size-118: 118px;
    --font-size-119: 119px;
    --font-size-120: 120px
}

@media (max-width: 1199px) {
    :root {
        --spacer-1: 3px;
        --spacer-2: 6px;
        --spacer-3: 9px;
        --spacer-4: 12px;
        --spacer-5: 15px;
        --spacer-6: 18px;
        --spacer-7: 21px;
        --spacer-8: 24px;
        --spacer-9: 27px;
        --spacer-10: 30px;
        --spacer-11: 33px;
        --spacer-12: 36px;
        --spacer-13: 39px;
        --spacer-14: 42px;
        --spacer-15: 45px;
        --spacer-16: 48px;
        --spacer-17: 51px;
        --spacer-18: 54px;
        --spacer-19: 57px;
        --spacer-20: 60px;
        --spacer-21: 52.5px;
        --spacer-22: 55px;
        --spacer-23: 57.5px;
        --spacer-24: 60px;
        --spacer-25: 62.5px;
        --spacer-26: 65px;
        --spacer-27: 67.5px;
        --spacer-28: 70px;
        --spacer-29: 72.5px;
        --spacer-30: 60px;
        --spacer-31: 62px;
        --spacer-32: 64px;
        --spacer-33: 66px;
        --spacer-34: 68px;
        --spacer-35: 70px;
        --spacer-36: 72px;
        --spacer-37: 74px;
        --spacer-38: 76px;
        --spacer-39: 78px;
        --spacer-40: 80px;
        --font-size-10: 9.5px;
        --font-size-11: 10.45px;
        --font-size-12: 11.4px;
        --font-size-13: 12.35px;
        --font-size-14: 13.3px;
        --font-size-15: 13.5px;
        --font-size-16: 14.4px;
        --font-size-17: 15.3px;
        --font-size-18: 16.2px;
        --font-size-19: 15.2px;
        --font-size-20: 16px;
        --font-size-21: 16.8px;
        --font-size-22: 17.6px;
        --font-size-23: 18.4px;
        --font-size-24: 19.2px;
        --font-size-25: 20px;
        --font-size-26: 20.8px;
        --font-size-27: 21.6px;
        --font-size-28: 22.4px;
        --font-size-29: 21.75px;
        --font-size-30: 22.5px;
        --font-size-31: 23.25px;
        --font-size-32: 24px;
        --font-size-33: 24.75px;
        --font-size-34: 25.5px;
        --font-size-35: 26.25px;
        --font-size-36: 27px;
        --font-size-37: 24.05px;
        --font-size-38: 24.7px;
        --font-size-39: 25.35px;
        --font-size-40: 26px;
        --font-size-41: 26.65px;
        --font-size-42: 27.3px;
        --font-size-43: 27.95px;
        --font-size-44: 28.6px;
        --font-size-45: 29.25px;
        --font-size-46: 29.9px;
        --font-size-47: 30.55px;
        --font-size-48: 31.2px;
        --font-size-49: 31.85px;
        --font-size-50: 32.5px;
        --font-size-51: 33.15px;
        --font-size-52: 33.8px;
        --font-size-53: 34.45px;
        --font-size-54: 35.1px;
        --font-size-55: 35.75px;
        --font-size-56: 36.4px;
        --font-size-57: 37.05px;
        --font-size-58: 37.7px;
        --font-size-59: 38.35px;
        --font-size-60: 39px;
        --font-size-61: 39.65px;
        --font-size-62: 40.3px;
        --font-size-63: 40.95px;
        --font-size-64: 41.6px;
        --font-size-65: 42.25px;
        --font-size-66: 42.9px;
        --font-size-67: 43.55px;
        --font-size-68: 44.2px;
        --font-size-69: 44.85px;
        --font-size-70: 45.5px;
        --font-size-71: 46.15px;
        --font-size-72: 46.8px;
        --font-size-73: 47.45px;
        --font-size-74: 48.1px;
        --font-size-75: 48.75px;
        --font-size-76: 49.4px;
        --font-size-77: 50.05px;
        --font-size-78: 50.7px;
        --font-size-79: 51.35px;
        --font-size-80: 52px;
        --font-size-81: 52.65px;
        --font-size-82: 53.3px;
        --font-size-83: 53.95px;
        --font-size-84: 54.6px;
        --font-size-85: 46.75px;
        --font-size-86: 47.3px;
        --font-size-87: 47.85px;
        --font-size-88: 48.4px;
        --font-size-89: 48.95px;
        --font-size-90: 49.5px;
        --font-size-91: 50.05px;
        --font-size-92: 50.6px;
        --font-size-93: 51.15px;
        --font-size-94: 51.7px;
        --font-size-95: 52.25px;
        --font-size-96: 52.8px;
        --font-size-97: 53.35px;
        --font-size-98: 53.9px;
        --font-size-99: 54.45px;
        --font-size-100: 55px;
        --font-size-101: 55.55px;
        --font-size-102: 56.1px;
        --font-size-103: 56.65px;
        --font-size-104: 57.2px;
        --font-size-105: 57.75px;
        --font-size-106: 58.3px;
        --font-size-107: 58.85px;
        --font-size-108: 59.4px;
        --font-size-109: 59.95px;
        --font-size-110: 60.5px;
        --font-size-111: 61.05px;
        --font-size-112: 61.6px;
        --font-size-113: 62.15px;
        --font-size-114: 62.7px;
        --font-size-115: 63.25px;
        --font-size-116: 63.8px;
        --font-size-117: 64.35px;
        --font-size-118: 64.9px;
        --font-size-119: 65.45px;
        --font-size-120: 66px
    }
}

@media (max-width: 767px) {
    :root {
        --spacer-1: 2px;
        --spacer-2: 4px;
        --spacer-3: 6px;
        --spacer-4: 8px;
        --spacer-5: 10px;
        --spacer-6: 12px;
        --spacer-7: 14px;
        --spacer-8: 16px;
        --spacer-9: 18px;
        --spacer-10: 20px;
        --spacer-11: 22px;
        --spacer-12: 24px;
        --spacer-13: 26px;
        --spacer-14: 28px;
        --spacer-15: 30px;
        --spacer-16: 32px;
        --spacer-17: 34px;
        --spacer-18: 36px;
        --spacer-19: 38px;
        --spacer-20: 40px;
        --spacer-21: 31.5px;
        --spacer-22: 33px;
        --spacer-23: 34.5px;
        --spacer-24: 36px;
        --spacer-25: 37.5px;
        --spacer-26: 39px;
        --spacer-27: 40.5px;
        --spacer-28: 42px;
        --spacer-29: 43.5px;
        --spacer-30: 30px;
        --spacer-31: 31px;
        --spacer-32: 32px;
        --spacer-33: 33px;
        --spacer-34: 34px;
        --spacer-35: 35px;
        --spacer-36: 36px;
        --spacer-37: 37px;
        --spacer-38: 38px;
        --spacer-39: 39px;
        --spacer-40: 40px;
        --font-size-10: 8.5px;
        --font-size-11: 9.35px;
        --font-size-12: 10.2px;
        --font-size-13: 11.05px;
        --font-size-14: 11.9px;
        --font-size-15: 12px;
        --font-size-16: 12.8px;
        --font-size-17: 13.6px;
        --font-size-18: 14.4px;
        --font-size-19: 14.25px;
        --font-size-20: 15px;
        --font-size-21: 15.75px;
        --font-size-22: 16.5px;
        --font-size-23: 17.25px;
        --font-size-24: 18px;
        --font-size-25: 18.75px;
        --font-size-26: 19.5px;
        --font-size-27: 20.25px;
        --font-size-28: 21px;
        --font-size-29: 20.3px;
        --font-size-30: 21px;
        --font-size-31: 21.7px;
        --font-size-32: 22.4px;
        --font-size-33: 23.1px;
        --font-size-34: 23.8px;
        --font-size-35: 24.5px;
        --font-size-36: 25.2px;
        --font-size-37: 20.35px;
        --font-size-38: 20.9px;
        --font-size-39: 21.45px;
        --font-size-40: 22px;
        --font-size-41: 22.55px;
        --font-size-42: 23.1px;
        --font-size-43: 23.65px;
        --font-size-44: 24.2px;
        --font-size-45: 24.75px;
        --font-size-46: 25.3px;
        --font-size-47: 25.85px;
        --font-size-48: 26.4px;
        --font-size-49: 26.95px;
        --font-size-50: 27.5px;
        --font-size-51: 28.05px;
        --font-size-52: 28.6px;
        --font-size-53: 29.15px;
        --font-size-54: 29.7px;
        --font-size-55: 30.25px;
        --font-size-56: 30.8px;
        --font-size-57: 31.35px;
        --font-size-58: 31.9px;
        --font-size-59: 32.45px;
        --font-size-60: 33px;
        --font-size-61: 33.55px;
        --font-size-62: 34.1px;
        --font-size-63: 34.65px;
        --font-size-64: 35.2px;
        --font-size-65: 35.75px;
        --font-size-66: 36.3px;
        --font-size-67: 36.85px;
        --font-size-68: 37.4px;
        --font-size-69: 37.95px;
        --font-size-70: 38.5px;
        --font-size-71: 39.05px;
        --font-size-72: 39.6px;
        --font-size-73: 40.15px;
        --font-size-74: 40.7px;
        --font-size-75: 41.25px;
        --font-size-76: 41.8px;
        --font-size-77: 42.35px;
        --font-size-78: 42.9px;
        --font-size-79: 43.45px;
        --font-size-80: 44px;
        --font-size-81: 44.55px;
        --font-size-82: 45.1px;
        --font-size-83: 45.65px;
        --font-size-84: 46.2px;
        --font-size-85: 38.25px;
        --font-size-86: 38.7px;
        --font-size-87: 39.15px;
        --font-size-88: 39.6px;
        --font-size-89: 40.05px;
        --font-size-90: 40.5px;
        --font-size-91: 40.95px;
        --font-size-92: 41.4px;
        --font-size-93: 41.85px;
        --font-size-94: 42.3px;
        --font-size-95: 42.75px;
        --font-size-96: 43.2px;
        --font-size-97: 43.65px;
        --font-size-98: 44.1px;
        --font-size-99: 44.55px;
        --font-size-100: 45px;
        --font-size-101: 45.45px;
        --font-size-102: 45.9px;
        --font-size-103: 46.35px;
        --font-size-104: 46.8px;
        --font-size-105: 47.25px;
        --font-size-106: 47.7px;
        --font-size-107: 48.15px;
        --font-size-108: 48.6px;
        --font-size-109: 49.05px;
        --font-size-110: 49.5px;
        --font-size-111: 49.95px;
        --font-size-112: 50.4px;
        --font-size-113: 50.85px;
        --font-size-114: 51.3px;
        --font-size-115: 51.75px;
        --font-size-116: 52.2px;
        --font-size-117: 52.65px;
        --font-size-118: 53.1px;
        --font-size-119: 53.55px;
        --font-size-120: 54px
    }
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters>.col,
.row.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.openbox-overlay,
.navigation-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 99;
    width: 100%;
    height: 100%;
    cursor: pointer
}

@media (max-width: 1199px) {
    body[class$="-active"] {
        cursor: pointer
    }
    body.mobile-navigation-active #mobile-navigation {
        opacity: 1;
        height: 100dvh
    }
}

#mobile-navigation {
    position: fixed;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 999;
    opacity: 0;
    transition: 1s cubic-bezier(0.25, 0.1, 0, 1.02);
    background: #000;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 1199px) {
    #mobile-navigation {
        padding-top: 70px
    }
}

#mobile-navigation .mobile-menu {
    position: absolute;
    top: 20px;
    right: 6px;
    z-index: 10
}

#mobile-navigation .mobile-menu>a {
    justify-content: center !important;
    padding: 0
}

#mobile-navigation .mobile-navigation {
    position: relative;
    overflow: hidden
}

#mobile-navigation li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: var(--spacer-5) var(--spacer-10)
}

#mobile-navigation li.has-sub-category>div {
    overflow: hidden
}

#mobile-navigation li.has-sub-category.active>div {
    left: 0;
    overflow: visible
}

#mobile-navigation .level-2,
#mobile-navigation .level-3 {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    width: 100%;
    transition: 500ms cubic-bezier(0.4, 0, 0.6, 1) 80ms;
    background: #000
}

#mobile-navigation .level-2 ul,
#mobile-navigation .level-3 ul {
    padding: 0 var(--spacer-8)
}

#mobile-navigation .mobile-navigation-back {
    display: none
}

#mobile-navigation .mobile-navigation-back a {
    justify-content: flex-end;
    gap: 0 20px
}

#mobile-navigation .mobile-navigation-parent a {
    font-weight: 900
}

.form-control {
    color: #000;
    font-size: var(--font-size-13);
    border-radius: 0;
    border: 1px solid #E5E5E5;
	height: auto;
}

.form-control::placeholder {
    color: #000
}

.form-group .required {
    font-size: var(--font-size-14)
}

@media (max-width: 767px) {
    .form-group .required {
        right: 12px
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s
}

.form-control:focus {
    -webkit-box-shadow: 0 0 3px 1px #f0f0f0 !important;
    box-shadow: 0 0 3px 1px #f0f0f0 !important
}

.form-group select.form-control:not([size]):not([multiple]),
.form-group select:not([size]) {
    height: 48px
}

.btn {
    font-size: var(--font-size-16);
    border-radius: 0;
    transition: all 0.2s linear
}

.btn.btn-primary {
    color: #fff;
    background: #000
}

.btn.btn-primary:not(.btn-loading):active,
.btn.btn-primary:not(.btn-loading).active,
.btn.btn-primary:not(.btn-loading):hover,
.btn.btn-primary:not(.btn-loading).hover,
.btn.btn-primary:not([disabled]):not(.disabled):active,
.btn.btn-primary:not([disabled]):not(.disabled).active {
    background: #1a1a1a;
    color: #fff
}

.btn.btn-secondary {
    color: #000;
    background: #E5E5E5
}

.btn.btn-secondary:not(.btn-loading):active,
.btn.btn-secondary:not(.btn-loading).active,
.btn.btn-secondary:not(.btn-loading):hover,
.btn.btn-secondary:not(.btn-loading).hover {
    color: #000;
    background: #ccc
}

.btn-loading:before {
    border-top-color: #000
}

.loader .ball-pulse>div {
    background-color: #000
}

.loading>div {
    border-top-color: #000;
    border-bottom-color: #000
}

.loading-bar .loader {
    background: #000
}

.control-label {
    color: #000;
    font-size: var(--font-size-13)
}

.fancybox-slide>* {
    display: block
}

/* Megamenü stilini düzenlemek için gereken özel CSS kodları */
nav.e-n-menu li {
    max-height: 40px;
}

/* Megamenüyü yüksek çözünürlüklü cihazlarda pozisyonu sabit tutmak için CSS kodu */
#mega-menu-dropdown{
    position: absolute; /* Mutlaka pozisyonu sabit tutmak için "absolute" pozisyon kullanın */
    right: 0; /* Sağ tarafta pozisyon alacak şekilde ayarlayabilirsiniz */
    top: 100%; /* Öğenin üst kenarı megamenüyü göstermek için ana menünün alt kenarına yerleştirir */
}


.one-cikan-kutu-area {
    position: relative;
    z-index: 11;
}

.one-cikan-kutu {
    padding: 40px 25px 22px;
    border-radius: 5px;
    transition: 0.3s;
    height: 215px;
    margin-bottom: 20px;
}

.one-cikan-kutu .title {
    color: #fff;
    font-family: 'Arial-BoldMT', Arial, sans-serif;
    font-weight: 700;
    padding-top: 36px;
    transition: 0.3s;
    font-size: 22px;
}

.one-cikan-kutu span {
    display: inline-block;
    font-weight: 300;
    font-family: 'Arial-LightMT', Arial, sans-serif;
    color: #fff;
    font-size: 16px;
    padding-bottom: 20px;
    opacity: 1;
    transition: 0.3s;
}

.one-cikan-kutu.active,
.one-cikan-kutu:hover {
    height: 318px;
}

.one-cikan-kutu.active .title,
.one-cikan-kutu:hover .title {
    font-family: 'Arial-SemiboldMT', Arial, sans-serif;
    font-weight: 600;
}

.one-cikan-kutu.active span,
.one-cikan-kutu:hover span {
    opacity: 1;
}


.yatay-ikili-adimlar-area {
    position: relative;
    z-index: 11;
    margin-top: 20px;
}

.section-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-description {
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.yatay-ikili-adimlar {
    display: flex;
    align-items: center;
    background-color: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.yatay-ikili-adimlar .number {
    background-color: #EA088C;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 20px;
}

.yatay-ikili-adimlar .content {
    flex-grow: 1;
}

.yatay-ikili-adimlar .title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.yatay-ikili-adimlar p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #666;
}

.digital-marketing-services {
    background-color: #000000; /* Siyah arka plan rengi */
    color: #fff; 
    padding: 40px;
}

.section-title-services {
    font-size: 36px;
    text-align: left;
    margin-bottom: 40px;
    color: #fff;
}

.service-header {
    margin-bottom: 40px;
}

.section-paragraph {
    font-size: 14px;
    color: #fff;
   
}

.service-row {
    display: flex;
    flex-direction: column; /* Öğeleri alt alta yerleştir */
}

.service-item {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #1a1a1a; /* Koyu gri arka plan rengi */
    border-radius: 8px;
}

.service-icon {
    font-size: 30px;
    color: #fff; /* Beyaz ikon rengi */
    margin-right: 20px;
}

.service-content {
    flex: 1;
}

.service-title {
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff; /* Beyaz başlık rengi */
}

.choose-service-btn {
    display: inline-block;
    background-color: #fff;
    color: #124242; /* Buton metin rengi */
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
}

.choose-service-btn:hover {
    background-color: #e6e3e3;
}


.bt-bolum-tanitimi {
    background-color: #ffffff; /* Beyaz arka plan rengi */
    color: #333333; /* Koyu metin rengi */
    padding: 40px 20px;
}

.bt-section-title {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}

.bt-section-subtitle {
    font-size: 18px;
    color: #EA088C; 
    margin-bottom: 10px;
}

.bt-section-paragraph {
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;
}

.bt-section-button {
    display: inline-block;
    background-color: #000;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
	width: 40%;
}

.bt-section-button:hover {
    background-color: #EA088C; 
}

.bt-service-column {
    padding-left: 20px;
}

.bt-service-row {
    display: flex;
    flex-direction: column; /* Öğeleri alt alta yerleştir */
    justify-content: flex-start;
    align-items: flex-start;
}

.bt-service-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px; /* Öğeler arası daha fazla boşluk */
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    transition: transform 0.3s, box-shadow 0.3s; /* Efekt */
}

.bt-service-item:hover {
    transform: translateY(-5px); /* Hover efekti */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    background-color: #f9f9f9; /* Arka plan rengi değişimi */
}

.bt-service-icon {
    font-size: 24px;
    color: #EA088C; 
    margin-right: 15px;
}

.bt-service-content {
    flex: 1;
}

.bt-service-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333333;
}

.bt-service-description {
    font-size: 16px;
    color: #666666;
}

.col-md-6.bt-service-column {
    padding: 25px;
	border: 1px solid #e0e0e0; /* Etrafı çerçeveleyen ince çizgi */
    border-radius: 8px; /* Hafif köşe yumuşatma */
}
.bt-service-header {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Dikey ortalama */
    height: 100%; /* Tüm yüksekliği kapsayacak şekilde */
}

.all-blog-list-item.aos-init.aos-animate.center {
    margin: auto;
}