@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
    --primary: #5A4FF5;
    --secondary: #C82453;
}

@font-face {
    font-family: BDOGrotesk-Regular;
    src: url('../fonts/BDOGrotesk-Regular.ttf');
}

@font-face {
    font-family: BDOGrotesk-Medium;
    src: url('../fonts/BDOGrotesk-Medium.ttf');
}

@font-face {
    font-family: BDOGrotesk-SemiBold;
    src: url('../fonts/BDOGrotesk-SemiBold.ttf');
}

@font-face {
    font-family: BDOGrotesk-Bold;
    src: url('../fonts/BDOGrotesk-Bold.ttf');
}

@font-face {
    font-family: BDOGrotesk-ExtraBold;
    src: url('../fonts/BDOGrotesk-ExtraBold.ttf');
}

@font-face {
    font-family: BDOGrotesk-Light;
    src: url('../fonts/BDOGrotesk-Light.ttf');
}

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
    --primary: #5A4FF5;
    --secondary: #C82453;
}

@font-face {
    font-family: BDOGrotesk-Regular;
    src: url('../fonts/BDOGrotesk-Regular.ttf');
}

@font-face {
    font-family: BDOGrotesk-Medium;
    src: url('../fonts/BDOGrotesk-Medium.ttf');
}

@font-face {
    font-family: BDOGrotesk-SemiBold;
    src: url('../fonts/BDOGrotesk-SemiBold.ttf');
}

@font-face {
    font-family: BDOGrotesk-Bold;
    src: url('../fonts/BDOGrotesk-Bold.ttf');
}

@font-face {
    font-family: BDOGrotesk-ExtraBold;
    src: url('../fonts/BDOGrotesk-ExtraBold.ttf');
}

@font-face {
    font-family: BDOGrotesk-Light;
    src: url('../fonts/BDOGrotesk-Light.ttf');
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 600;
    color: #1D1D1D;
}

h1,
h2 {
    font-family: BDOGrotesk-Medium;
}

h3,
h4,
h5,
h6 {
    font-family: BDOGrotesk-Regular;
}

.container {
    max-width: 1280px;
}

.py-100 {
    padding: 100px 0;
}

.pt-100 {
    padding-top: 60px;
}

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

.pb-100 {
    padding-bottom: 100px;
}

.top-header {
    background: #191919;
    display: flex;
    justify-content: flex-end;
}

.top-header a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    background: var(--primary);
    border-radius: 50%;
    padding: 3px;
    box-sizing: border-box;
}

.icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.socials {
    display: flex;
    gap: 0.5rem;
}

.top-header-container {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 0.75rem 15px;
    justify-content: flex-end;
}

header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

section.home-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

section.home-banner {
    height: 100vh;
    position: relative;
    top: 0;
    overflow: hidden;
    border-bottom: 7px solid var(--primary);
    background: linear-gradient(to right, #000e5f 50%, var(--primary) 100%);
}
#navigation>ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    gap: 2rem;
    margin: 0;
    align-items: center;
}

#navigation>ul>li>a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

/* .main-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
} */

/* .main-header {
    padding: 2rem 0;
    transition: transform 0.3s ease, background-color 0.3s ease;
} */

#navigation>ul>li:last-child a {
    height: 44px;
    background: var(--primary);
    display: inline-flex;
    align-items: center;
    padding: 0 1.5rem;
    border-radius: 3px;
    font-weight: 700;
    transition: all 0.3s ease-in;
    text-decoration: none;
    font-size: 1rem;
}

.banner-text h2, .banner-text h1 {
    font-size: 64px;
    color: #FAF9F6;
    text-transform: capitalize;
    line-height: 140%;
    font-family: 'BDOGROTESK-Bold';
    position: relative;
    z-index: 1;
}

.global-cta {
    height: 48px;
    background: var(--primary);
    display: inline-flex;
    align-items: center;
    padding: 0 1.5rem;
    border-radius: 3px;
    font-weight: 700;
    color: #ffff;
    font-size: 17px;
    gap: 0.75rem;
    transition: all 0.3s ease-in;
    text-decoration: none !important;
}

.global-cta.arrow-icon::after {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../images/ArrowIcon.svg);
    background-size: contain;
}

.banner-text h3 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 2.5rem;
    font-family: 'BDOGROTESK-MEDIUM';
}

.win {
    position: relative;
    display: inline-block;
}

/* .win::before {
    content: '';
    background-image: url(../images/Crown.svg);
    width: 46px;
    height: 45px;
    display: block;
    position: absolute;
    right: -24px;
    top: -22px;
} */
.win::before {
    content: '';
    background-image: url(../images/Crown.svg);
    width: 46px;
    height: 45px;
    display: block;
    position: absolute;
    right: -18px;
    top: -4px;
}

.win::after {
    background-repeat: no-repeat;
    content: '';
    background-image: url(../images/underline.svg);
    display: block;
    width: 100%;
    height: 11px;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    background-position: center;
}

section.home-banner:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

section.home-banner .container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
}

header ul li.has-submenu>a:after {
    content: '';
    background-image: url(../images/DownArrow.svg);
    width: 9px;
    height: 8px;
    display: block;
    background-size: contain;
}

li.has-submenu>a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.marquee-container {
    height: 64px;
    background: var(--secondary);
    overflow: hidden;
    align-items: center;
}

/* .marquee {
    animation-name: marquee;
    animation-duration: 400s;
} */

@keyframes marquee {
    0% {
        transform: translateX(1%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.marquee a {
    color: #000;
    font-size: 24px;
    font-family: 'Mulish';
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    white-space: nowrap;
    text-decoration: none;
    justify-content: center;
    margin-right: 26px;
}

.services_links a:not(:last-child):after {
    content: '';
    background-image: url(../images/O.svg);
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex: none;
    filter: invert(1);
}

.services_links a:nth-child(even):after {
    background-image: url(../images/X.svg);
    width: 1rem;
    height: 1rem;
}

h2.heading {
    font-size: 3rem;
    line-height: 140%;
    text-align: center;
    margin-bottom: 3rem;
}

span.highlight-secondary {
    font-size: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    font-weight: 900;
}

.DISco-services {
    background-image: url(../images/ServicesBG.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.services-block {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 14px;
    padding: 1rem;
    width: 100%;
    min-height: 130px;
}

.services-block h2 {
    font-size: 21px;
    margin: 0;
}

.services-carousel::before {
    content: '';
    background-image: url(../images/PhoneMockup.svg);
    display: block;
    width: 240px;
    height: 440px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.services-carousel .owl-stage {
    display: flex;
    align-items: center;
    min-height: 440px;
}

.services-carousel .owl-item {
    position: static;
}

.owl-item.active.center .services-block {
    background: transparent;
}

.center-cta {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.DISco-services::before {
    content: '';
    background: linear-gradient(to right, black 0%, transparent 100%);
    width: 30%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.DISco-services::after {
    content: '';
    background: linear-gradient(to right, transparent 00%, black 100%);
    width: 30%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

h2.text-40 {
    font-size: 40px;
    font-family: 'BDOGrotesk-Regular';
    line-height: 140%;
}

.hg-cnt {
    max-width: 34rem;
}

.bg-highlight-secondary {
    background: var(--secondary);
    color: #fff;
    display: inline-block;
    padding: 0 8px;
}

.bg-highlight-primary {
    background: var(--primary);
    color: #fff;
    display: inline-block;
    padding: 0 8px;
}

.highlight-row {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    justify-content: space-between;
}

.serve-box {
    border: 1px solid #1d1d1d45;
    overflow: hidden;
    border-radius: 3px;
    text-align: center;
}

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

.image {
    position: relative;
    overflow: hidden;
}

.serve-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0202059e;
    top: 100%;
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
}

.serve-box h4 {
    margin: 0;
    text-align: center;
    padding: 1rem 0;
}

.serve-box:hover .serve-overlay {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.gradient-border {
    background: linear-gradient(to bottom, #F65C88 0%, #847CF1 24%);
    font-size: 120px;
    line-height: 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    font-family: 'BDOGROTESK-REGULAR';
}

section.why-DISco {
    background: #101010;
    color: #FAFAFA;
    position: relative;
    transition: all 0.3s ease-in;
    margin-top: 60px;
}

.why-block {
    background: #1B1B1B;
    padding: 66px 40px;
    display: flex;
    gap: 20px;
    align-items: center;
    position: sticky;
    flex-direction: column;
    top: 5rem;
    color: #fff;
}

.why-bl {
    display: flex;
    gap: 32px;
}

h4.text-40 {
    font-size: 40px;
}

.why-bl h4 {
    margin-bottom: 1rem;
    font-family: 'BDOGROTESK-MEDIUM';
}

p.text-18 {
    font-size: 18px;
    line-height: 140%;
}

.why-bl .number {
    color: #1B1B1B;
}

.t-image {
    height: 350px;
    overflow: hidden;
    transition: all 0.3s ease-in;
    object-position: bottom;
    background: radial-gradient(#3F51B5, #010016);
}

.team-block {
    border-radius: 20px;
    border: 1px solid #1d1d1d57;
    color: #fff;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

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

.t-content {
    padding: 20px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 20px;
    transition: all 0.3s ease-in;
    background: transparent;
}

.t-content p {
    font-size: 17px;
    margin: 0;
    opacity: 0.8;
}

body .owl-nav button {
    background-image: url(../images/ArrowLeft.svg) !important;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--primary) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

body .owl-nav button span {
    display: none;
}

.owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    gap: 2.5rem;
}

body .owl-nav button.owl-next {
    transform: rotate(180deg);
}

.arrow-midalign .owl-nav {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    justify-content: space-between;
    width: 110%;
    left: -5%;
}

.connectia {
    background: #101010;
    padding: 3rem;
    color: #fff;
    border-radius: 3px;
    position: sticky;
    border-top: 5px solid var(--secondary);
}

.badge-container .badge {
    font-size: 14px;
    background: #363636;
    font-family: 'Mulish';
    font-weight: normal;
    padding: 0.5rem 1rem;
}

.badge-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    direction: ltr !important;
}

.connectia-read {
    display: flex;
    margin: 2rem 0;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

p.text-20 {
    font-size: 20px;
    line-height: 126%;
}

.connectia-read p {
    margin: 0;
    opacity: 0.8;
    font-weight: normal;
    max-width: 600px;
}

a.global-cta.dark {
    background: #363636;
}

.connectia-show {
    display: flex;
    gap: 2rem;
}

.connect-image {
    flex: 1;
    border-radius: 3px;
    overflow: hidden;
}

.connectia-content {
    max-width: 450px;
    flex: none;
    border-radius: 3px;
    border: 1px solid #404040;
    font-size: 2rem;
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.connectia-content h2 {
    font-family: 'BDOGROTESK-REGULAR';
    line-height: 125%;
    margin: 0;
    font-size: 29px;
}

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

section.DISco-customers-testimonials {
    background: url('../images/testimonial-bg.png');
    color: #fff;
}

.testimonial {
    background: #fff;
    border-radius: 3px;
    padding: 2rem 3rem;
    display: flex;
    color: #000;
    justify-content: space-between;
}

.tr-img.img {
    overflow: hidden;
    border-radius: 3px;
    height: 100%;
    position: relative;
    height: 300px;
}

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

.tl {
    max-width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

p.text-24 {
    font-size: 24px;
    line-height: 150%;
    font-weight: normal;
}

.tl p.text-16 {
    color: #101010;
    opacity: 0.8;
    font-weight: 500;
    margin: 0;
}

section h5.title {
    background: var(--secondary);
    font-size: 30px;
    width: fit-content;
    margin: 0 auto 2.5rem;
    padding: 0 5px;
    line-height: 125%;
}

.clients {
    padding-top: 80px;
}

.client-logos,
.client-logos-reversed {
    padding: 1.25rem 0;
    margin-bottom: 1rem;
}

.client-logos img,
.client-logos-reversed img {
    height: 45px;
    object-fit: contain;
}

.title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

.title-container .heading {
    max-width: 600px;
    text-align: left;
    margin: 0;
}

.tcl {
    display: flex;
    gap: 2rem;
    align-items: center;
}

a.yt-cta {
    background: #FF0000;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-radius: 3px;
    transition: all 0.3s ease-in;
    text-decoration: none !important;
}

.tcl p {
    font-size: 20px;
    font-weight: normal;
    max-width: 11rem;
    line-height: 150%;
    margin: 0;
}

.yt-image {
    height: 233px;
    position: relative;
    overflow: hidden;
}

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

.yt-block {
    border: 1px solid #1d1d1d61;
    background: #F3F3F3;
    transition: all 0.3s ease-in;
    cursor: pointer;
}
.DISco-digital-trends .yt-content a.read-more .text-18 {
	font-size: 20px;
	padding-top: 15px;
	display: block;
	color: #101010;
	margin-bottom: 15px;
}
.DISco-digital-trends .yt-content {
  height: 205px;
}
.yt-content {
    padding: 22px 30px;
}

.yt-content p {
    margin: 0;
    direction: ltr;
}

.play {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play img {
    max-width: 82px;
}

.yt-block .badge-container .badge {
    background: #4d4d4d42;
}

section.DISco-digital-trends .yt-content p {
    margin: 14px 0;
}

a.read-more {
    color: #343434;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    direction: ltr;
}

footer {
    background: #101010;
    color: #fff;
    padding-top: 64px;
}

footer .socials a {
    width: 36px;
    height: 36px;
    background: rgba(234, 234, 234, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in;
    padding: 24px;
    box-sizing: border-box;
}

.footer-row {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

h4.title {
    font-size: 17px;
    font-family: 'Mulish';
    font-weight: 600;
    margin-bottom: 1.5rem;
}

footer ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

footer li a, footer .icon-l {
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none !important;
    font-family: "Standerd", sans-serif;
}

.fc.fc4 p {
    font-size: 18px;
    opacity: 0.6;
    font-weight: normal;
}

.fc-last {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 210px;
    line-height: 150%;
}

.fc-last p {
    margin: 0;
}

a.icon-l img {
    width: 20px;
}

a.icon-l {
    display: flex;
    gap: 10px;
    align-items: center;
}

.fc {
    min-height: 260px;
    flex: 1;
    border-right: 1px solid rgba(92, 92, 92, 0.5);
}

footer p {
    font-family: 'Mulish';
    font-weight: normal;
    margin: 0;
}

.fc.fc1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: none;
    width: 400px;
}

footer .socials {
    margin-top: 2rem;
}

.fc:last-child {
    border: none;
}

.footer-bottom {
    border-top: 1px solid rgba(92, 92, 92, 0.5);
    margin-top: 20px;
    padding: 2rem 0;
}

.DISco-Brand {
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    font-size: 100px;
    line-height: 100%;
    opacity: 0.06;
    text-align: center;
    margin-bottom: 60px;
}

.why-block p {
    color: #fafafa;
    opacity: 0.8;
}

.why-container,
.connectia-container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

section.DISco-wcm {
    background-image: url(../images/WhyChoose.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6rem 0;
    color: #fff;
    text-align: center;
}

section.DISco-wcm h4 {
    font-size: 2rem;
    font-family: 'BDOGROTESK-MEDIUM';
    margin-bottom: 1.5rem;
}

section.DISco-wcm h2 {
    font-size: 64px;
    font-family: 'BDOGROTESK-MEDIUM';
    margin-bottom: 72px;
}

section.DISco-digital-trends .row {
    row-gap: 2.25rem;
}

.DISco-subscribe {
    background-image: url(../images/NewsletterBG.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 95px 0;
    position: relative;
    color: #fff;
}

.subscribe-block {
    max-width: 480px;
}

.subscribe-block h4 {
    font-family: 'BDOGROTESK-MEDIUM';
    margin-bottom: 2rem;
}

.subscribe-block input[type="email"] {
    height: 51px;
    border-radius: 3px;
    width: 100%;
    padding: 0 1rem;
    font-size: 1rem;
    border: none;
    outline: none;
}

.subscribe-block input[type="submit"] {
    height: 51px;
    background: var(--primary);
    color: #fff;
    width: 100%;
    max-width: 128px;
    font-family: 'Mulish';
    font-weight: 600;
    font-size: 17px;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease-in;
}

.subscribe-block form {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

p.label {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.DISco-subscribe::after {
    content: '';
    background-image: url('../images/DiscoXO.svg');
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
}

[data-aos="fade-up-fast"] {
    opacity: 0;
    transition-property: transform, opacity;

    &.aos-animate {
        opacity: 1;
    }

    @media screen and (min-width: 768px) {
        transform: translateY(15px);

        &.aos-animate {
            transform: translateY(0);
        }
    }
}

/* #navigation>ul>li:last-child a:hover {
    background: var(--secondary);
} */

.global-cta:hover {
    background: var(--secondary);
    color: #fff;
}

a.global-cta.dark:hover {
    background: var(--primary);
}

a.yt-cta:hover {
    opacity: 0.7;
}

.yt-block:hover {
    box-shadow: 0px 9px 20px 0px #c6c6c6;
}

.subscribe-block input[type="submit"]:hover {
    background: var(--secondary);
}

footer li a:hover,
footer .icon-l:hover {
    opacity: 1;
    color: #fff;
}

footer .socials a:hover {
    background: var(--primary);
}

.mega-menu-container {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 19999;
    transition: all 0.3s ease-in;
    height: 100vh;
    /* opacity: 0;
    visibility: hidden;
    overflow: hidden; */
    top: -150%;
    background: #000;
    overflow: auto;
    color: #fff;
    display: flex;
    flex-direction: column;
}

/* li.has-submenu:hover>.mega-menu-container,
li.has-submenu:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
} */

/* .main-header .mega-items a:hover {
    color: var(--secondary);
    text-decoration: none;
} */

/* 
.mega-menu {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex: auto;
    width: 100%;
} */
/* 
.main-header .mega-items a {
    font-size: 1rem;
    color: var(--primary);
    font-weight: 400;
    flex: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mega-items {
    padding: 1.75rem 3rem;
    display: flex;
}

.mega-item-items {
    background: #FAFAFA;
    padding: 2rem 3rem;
} */

/* .mega-item-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    display: none;
}

.mega-menus-containers h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.mega-menus-containers ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.mega-menus-containers li a {
    color: #101010;
    font-weight: 400;
}

.mega-it-g {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.mega-it-g:not(:last-child) {
    border-right: 1px solid #E2E8F0;
} */

section.DISco01 img {
    width: 100%;
    height: auto;
}

.hg-img img {
    width: 100%;
    height: 100%;
    max-width: 550px;
}

.hg-img {
    position: relative;
    transform: skewX(-8deg);
}

.hg-img-inner {
    transform: skewX(0);
}

.services-block-row {
    display: flex;
    gap: 2rem;
    justify-content: center;
    margin: 0 auto;
    align-items: stretch;
    width: 100%;
}

.services-block .img {
    width: 3rem;
}

.services-block-container {
    display: flex;
    gap: 1rem;
    position: relative;
    max-width: 65rem;
    margin: auto;
    flex-direction: column;
}

.services-block-row:not(:first-child) {
    justify-content: space-between;
}

.services-block-row:nth-child(2) {
    max-width: 80%;
}

.services-block-row:nth-child(3) {
    max-width: 90%;
}

.mob-nav .global-cta {
    font-size: 1rem;
    height: 34px;
    padding: 0 0.75rem;
}

.mob-nav {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.teams {
    background-image: url(../images/testimonial-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
}

.t-content h5 {
    font-size: 22px;
}

.team-block:hover .t-content {
    background-image: radial-gradient(#3F51B5, #010016);
    height: 100%;
    z-index: 9;
    background-position: center;
}

.why-parent-container {
    display: flex;
    gap: 3rem;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in;
}

.why-DISco.active .why-container {
    max-width: 55rem;
}

section.DISco-highlights-container .container::after {
    content: '';
    background-image: url(../images/ttt.png);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}

section.DISco-highlights-container .container {
    position: relative;
}

section.DISco-highlights-container {
    position: relative;
}

section.DISco-highlights-container section {
    position: relative;
    z-index: 9;
}

.main-header.scrolled {
    position: fixed;
    width: 100%;
    background: linear-gradient(to right, #000e5f 50%, var(--primary) 100%);
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    padding: 0.5rem 0;
    animation-name: header-visible;
    animation-duration: 0.3s;
}

.main-header.scrolled div#navigation>ul>li:last-child a {
    background: var(--secondary);
}

@keyframes header-visible {
    from {
        top: -100px;
    }

    to {
        top: 0
    }
}

.why-parent-container .heading {
    flex: none;
    text-align: left;
    font-size: 51px;
    position: sticky;
    top: 4.5rem;
    height: max-content;
    margin: 0;
}

.banner-heading:before {
    content: '';
    /*background: linear-gradient(45deg, #0000009c 24%, transparent 100%);*/
    width: 100%;
    display: block;
    position: absolute;
    top: 42px;
    left: 0;
    height: 66%;
}

.banner-heading {
    position: relative;
    width: fit-content;
    padding: 2rem 2rem 2rem 0;
    margin-bottom: 100px;
}

a.logo {
    width: 100%;
    max-width: 190px;
}

a.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.banner-text {
    margin-top: 5rem;
}

.main-header.scrolled .logo {
    max-width: 140px;
}

.services-content ul {
    display: flex;
    flex-direction: column;
    gap: 9px;
    font-size: 16px;
    font-weight: 500;
}

.services-content {
    padding: 1rem 0;
    display: none;
}

.services-block-slider {
    margin-top: 3rem;
}

.services-b-parent {
    background: #000;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    all 0.3s animation-timing-function: ease-in;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

.services-b-parent.highlight .services-content {
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 1rem 0;
}

.why-DISco.active .why-parent-container {
    flex-direction: row;
    align-items: self-start;
}

.why-DISco.active h2.heading {
    max-width: 16rem;
}

.connectia:nth-child(1) {
    top: 5rem;
    border: 0;
}

.connectia:nth-child(2) {
    top: 7rem;
}

.connectia:nth-child(3) {
    top: 9rem;
}

footer a.logo {
    max-width: 240px;
    display: block;
}

span.dynamic-text-container {
    display: inline-flex;
    flex-direction: column;
    height: 67px;
    overflow: hidden;
    width: 292px;
    text-align: center;
    position: relative;
    margin: 0 10px;
}

span.dynamic-text {
    position: absolute;
    top: 0;
    background: var(--primary);
    opacity: 0;
    transition: all 0.3s ease-in;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-size: 50px;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.dynamic-text.highlight {
    opacity: 1;
}

span.dynamic-text:nth-child(even) {
    background: var(--secondary);
}

.DISco01 h2.heading {
    font-size: 2.5rem;
    font-family: 'BDOGROTESK-REGULAR';
}

.StrategyImg {
    max-width: 57rem;
    margin: auto;
}

.services-b-parent:hover {
    background: radial-gradient(#3F51B5, #000000de);
}

.mt-7 {
    margin-top: 4rem !important;
}

.flyer-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-direction: column;
}

section.flyer {
    padding: 60px 0;
}

section.flyer h4 {
    font-size: 28px;
    font-family: 'Mulish';
}

.sub-menu {
    position: absolute;
    background: #fff;
    padding: 1rem;
    margin-top: 1.2rem;
    min-width: 10rem;
    border: 1px solid #dbdbdb;
    border-top: 4px solid var(--primary);
    transition: all 0.3s ease-in;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.sub-menu ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sub-menu li a {
    color: #000;
    display: block;
    transition: all 0.3s ease-in;
}

.sb-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: center;
}

.sb-wrapper-inner {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.sb-wrapper h4 {
    margin: 0;
    flex: none;
    min-width: 10rem;
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 28px;
}

span.dynamic-text.highlight {
    animation-name: highlight;
    animation-duration: 0.3s;
}

@keyframes highlight {
    from {
        top: 100px;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

span.dynamic-text:nth-child(3) {
    background: #e5ad05;
}

.mega-item-grid.visible {
    display: grid;
}

.mega-items a.active {
    color: var(--secondary);
}

.team-block-parent>.global-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    background: transparent;
    border: 2px solid var(--primary);
}

.team-block-parent>.global-cta:hover {
    background: var(--primary);
}

section.teams::before {
    content: '';
    background-image: url(../images/ttt.png);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.03;
}

section.teams .container {
    position: relative;
    z-index: 1;
}

.teams-slider {
    position: relative;
    z-index: 19;
}

.white-variant {
    background: #fff !important;
    color: #000 !important;
}

.white-variant .why-block {
    color: #fff;
}

.why-DISco {
    will-change: background;
}

section.build .img img {
    width: 100%;
}

section.build {
    padding: 100px 0;
    background-image: url(../images/NewsletterBG.png);
}

.build .img img {
    width: 100%;
}

.build {
    margin-top: 100px;
}

.white-variant .why-parent-container .heading {
    background: #fff;

}

p.desc {
    display: none;
}

.team-block:hover .t-content .desc {
    display: block;
    margin-top: 2rem;
    line-height: 160%;
}

section.DISco02 {
    border-top: 1px solid #000;
    padding-top: 19px;
}

section.DISco01 {
    padding: 30px 0;
}

.img.StrategyImg img {
    width: 100%;
}

section.DISco02 .heading {
    margin-bottom: 1.5rem;
    font-weight: bold;
}

a.read-more img {
    max-width: 13px;
}

.mega-row-inner {
    display: flex;
    height: 100%;
}

.mega-row-right {
    padding-bottom: 1rem;
    flex: 1;
    display: flex;
}

.mega-row-left {
    width: 180px;
    flex: none;
    padding: 1rem;
    border-right: 2px solid #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.mega-row:not(:last-child) {
    border-bottom: 1px solid #fafafa1a;
}

.mega-row-left h4 {
    margin: 0;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-size: 21px;
    transition: 0.6s ease all;
    text-align: center;
    font-weight: 800;
}

.mega-rl:not(:last-child) {
    border-right: 1px solid #fafafa1a;
}

.mega-rl {
    flex: 1;
}

.mega-rl-container {
    display: flex;
    gap: 20px 10px;
    flex-wrap: wrap;
    padding: 0 1rem;
}

.mega-menu-container .logo img {
    max-width: 140px;
}

.mega-menu-top {
    padding: 2.5rem 0 0;
    max-width: 98%;
    margin: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    max-width: 1420px;
    margin-bottom: -87px;
}

.mega-rl h5 {
    text-transform: uppercase;
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: 800;
    font-family: 'Mulish';
    text-align: left;
    border-bottom: 1px solid #ffffff52;
    background: var(--secondary);
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
}

.mega-rl-container a {
    color: #fff;
    line-height: 17px;
    font-size: 20px;
}

.mega-rl-inner h6 {
    margin-bottom: 22px;
    font-size: 20px;
    font-family: 'Mulish';
    font-weight: 700;
    border-bottom: 1px solid dimgrey;
    padding-bottom: 4px;
    color: #e5ad05;
}

.mega-rl-inner ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mega-mm-container {
    display: flex;
    gap: 3rem;
    margin: auto;
    flex: 1;
    flex-direction: column;
    width: 100%;
    max-width: 1280px;
    margin: auto;
}

.mega-mm-rest {
    flex: none;
    width: 200px;
}

.mega-mm-rest ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.slider-three .owl-nav.disabled,
.yt-sliders .owl-nav.disabled {
    display: flex !important;
}

.mega-mm-rest ul a {
    color: #fff;
    font-size: 24px;
}

.mega-rl-container ul {
    padding-left: 20px;
}


.mega-menu-container.show {
    top: 0;
}

.close-mega {
    cursor: pointer;
    background: #6b6b6b;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 1;
}

li.has-submenu.norm-menu:hover .sub-menu {
    height: 100%;
}

section.marquee-container.second {
    background: #fff;
    border-bottom: 4px solid var(--secondary);
    border-top: 4px solid var(--primary);
}

.DISco-customers-testimonials .play-video img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain !important;
    cursor: pointer;
}

.testimonial .video {
    display: none;
}

.play-video {
    position: absolute;
    bottom: 2rem;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    background: #fff;
    border-radius: 100%;
}

.play-the-video {
    cursor: pointer;
}

.testimonial .tr {
    flex: 1;
}

.mega-row:nth-child(1) {}


.mega-rl-inner {
    flex: auto;
}

.mega-row {
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
    border: 3px solid;
    border-radius: 20px;
    overflow: hidden;
    padding: 1rem;
}

.marquee .owl-stage-outer {
    position: relative;
    top: 1px;
}

.testimonial-videos video {
    display: none;
}

.testi-video {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 1999;
    justify-content: center;
    align-items: center;
    display: none;
}

.inner-video-container {
    max-width: 1200px;
    background: #fff;
    padding: 1rem 2rem 2rem 2rem;
    margin: 0 auto;
}

.inner-video-container video {
    width: 100%;
    height: 100%;
}

.close-video {
    margin-left: auto;
    margin-bottom: 1rem;
    background: var(--secondary);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.testi-video.show {
    display: flex;
}

.inner-video-container video.show {
    display: block;
}

.mega-row:not(:last-child) {
    border-bottom: 2px solid #fff !important;
}

.mega-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mega-tabs a {
    background: #292929;
    display: flex;
    font-size: 35px;
    padding: 1.5rem 2rem;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}

.mega-tabs {
    display: flex;
    gap: 1rem;
}

.footer-bottom .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-bottom {
    background: #1e1e1e;
    border-radius: 6px;
    cursor: pointer;
}

.menu-bottom img {
    width: 4rem;
}

section.getStarted {
    color: #fff;
    padding: 7rem 0;
    position: relative;
    background: linear-gradient(45deg, #1a1328, #000);
    margin-top: 80px;
}

.getStarted::after {
    content: '';
    background-image: url(../images/ttt.png);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
}

section.getStarted h4 {
    font-family: 'Mulish';
    font-weight: 900;
    font-size: 65px;
}

.get-started-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    max-width: 50rem;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.get-started-container .global-cta {
    font-size: 1.5rem;
    height: 70px;
    padding: 0 3rem;
}



.mega-titles {
    text-align: center;
    max-width: 90%;
    margin: 40px;
    margin-bottom: 0;
}

.mega-titles img {
    width: 100%;
}

.mega-tabs a.active {
    background: var(--primary);
}

.mega-row:not(.active) {
    display: none !important;
}

.fc.fc3 li {
    font-size: 17px;
    font-weight: 400;
    line-height: 140%;
}

.close-mega img {
    width: 37px;
}

.services-block .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#navigation>ul>li:nth-child(2) .mega-row {
    display: block !important;
}
.DISco-youtube .yt-sliders .owl-nav {
    flex-direction: row-reverse;
}


/* Inner pages */


section.social-banner {
    background-image: url(../images/BG.png);
    padding-top: 12rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    /* background-attachment: fixed; */
    height: 500px;
    position: relative;
}
section.social-banner h2 {
    font-size: 32px;
    font-weight: 300;
    width: fit-content;
    margin: auto;
    border-bottom: 4px solid var(--secondary);
    padding-bottom: 5px;
    margin-bottom: 4rem;
  font-size: 3rem;
  font-weight: 300;
  font-family: 'Mulish';
  font-weight: 700;

}

section.power-text {
    padding: 50px 0;
    background: #FAFAFA;
    text-align: center;
}

section.power-text h4 {
    margin: 0;
    font-size: 2rem;
    line-height: 137%;
    font-family: 'Mulish';
    font-weight: 400;
}

section.service-text {
    padding: 50px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

section.service-text h4 {
    font-size: 2.25rem;
    color: #000;
    font-family: 'Mulish';
    font-weight: 700;
    margin-bottom: 2rem;
}
.service-bg {
    background-image: url(../images/services-single-bg.jpg);
    padding: 100px 0 0;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
h4.title-2 {
    font-size: 2.5rem;
    font-family: 'Mulish';
    font-weight: 700;
    margin-bottom: 1.5rem;
}

h5.subtitle {
    font-size: 1.5rem;
    font-family: 'Mulish';
    font-weight: 400;
    max-width: 50rem;
    margin: auto;
    line-height: 140%;
    margin-bottom: 5rem;
        text-align: center;
}

.offering * {
    font-family: 'Mulish';
}

.offering h4 {
    font-size: 20px;
    font-weight: 600;
}

.offering p {
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
}

.offering-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.offering:not(:nth-child(3n)) {
    border-right: 1px solid #5E5B71;
}

.offering {
    padding: 2rem;
    border-bottom: 1px solid #5E5B71;
}
body section.talk-to-us .after-header-inner {
    text-align: center;
    padding: 0rem 0 0;
}

section.talk-to-us .global-cta {
    padding: 2rem 2rem;
    font-size: 22px;
}
span.bg-highlight {
    background: var(--secondary);
    color: #fff;
}
.offering.empty {
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-image-social img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.service-image img {
    width: 100%;
    height: auto;
    max-height: 28rem;
    object-fit: cover;
}
section.about-banner {
    background: url(../images/services-single-bg.jpg);
    padding: 15rem 0 2rem;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
section.about-banner h4 {
    font-size: 2.5rem;
    font-family: 'Mulish';
    font-weight: 400;
    max-width: 62rem;
    margin: 0 auto 3rem;
}

.about-iframe {
    border: 5px solid var(--primary);
    max-width: 1080px;
    margin: auto;
    overflow: hidden;
    border-radius: 10px;
}

.about-iframe iframe {
    width: 100%;
    object-fit: cover;
}
section.about-what-we-do {
    padding: 5rem 0;
}

.wwd-block h4 {
    margin: 0 auto 1rem;
    background: var(--primary);
    color: #fff;
    font-weight: 600;
    font-family: 'Mulish';
    font-size: 2.25rem;
    border-radius: 4px;
    text-align: center;
    padding: 1rem;
}

.wwd-block ul {
    font-size: 26px;
    line-height: 150%;
    font-weight: 400;
    margin: 0;
}

section.about-what-we-do .row > div:nth-child(2) .wwd-block h4 {
    background: var(--secondary);
}

section.about-what-we-do .row > div:nth-child(3) .wwd-block h4 {
    background: #E5AD05;
}

.we-bring h4 {
    margin: 0;
    font-size: 2rem;
    font-family: 'Mulish';
    font-weight: 300;
}

.we-bring {
    max-width: 44rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 4rem auto 5rem;
}

.teams-slider-about {
    margin-bottom: 6rem;
}
.creative-talent {
    margin-bottom: 4rem;
}
section.about-banner .img {
    margin-top: 5rem;
    opacity: 0.1;
}
.about-banner .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.sector-banner {
    height: 490px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0,0,0,0.5);
    background-blend-mode: overlay;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 10rem;
    position: relative;
    padding-bottom: 80px;
}

section.sector-banner h2 {
    color: #fff;
    font-family: 'Mulish';
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
}
.tags a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: darkblue;
  color: #fff;
  font-size: 22px;
    height: 70px;
    padding: 0 2rem;
    text-decoration: none;
    transition: all 0.3s ease-in;
    white-space: nowrap;
}

.tags {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    overflow-x: auto;
}
.sector-row {
    /* background: rgba(255,255,255,0.03);
    padding: 2rem; */
    border-radius: 20px;
    
    font-size: 24px;
    line-height: 149%;
    position: relative;
    z-index: 1;
}

.sector-data-inner {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.sector-data-container {
    background-image: url(../images/services-single-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 20rem 0 8rem;
    color: #fff;
}
.sector-data-container::before {
    content: '';
    background-image: url('../images/DiscoXO.svg');
    width: 50%;
    height: 31%;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
}
div#sector {
    display: block !important;
}


/* new   */
.testi-videos {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 1999;
    justify-content: center;
    align-items: center;
    display: none;
}

.inner-video-containers {
    max-width: 1200px;
    background: #fff;
    padding: 1rem 2rem 2rem 2rem;
    margin: 0 auto;
}

.inner-video-containers video.show {
    display: block;
}

.inner-video-containers video {
    width: 100%;
    height: 100%;
}
.testi-videos.show {
    display: flex;
}

section.DISco-customers-testimonials.py-100 {
    padding-top: 50px;
}
section.teams.py-100 {
    padding-bottom: 50px;
}
.fc-first p {
    margin: 1rem 0 0 !important;
    font-family: 'Mulish';
    font-weight: 400 !important;
}

.serve-box:hover a {
    color: var(--primary) !important;
}


/* New pages - 25 OCT */

section.after-header.talk-to-us {
    background: #101010;
    padding: 11rem 0 0rem;
}
.after-header-inner {
    border-top: 10px solid var(--secondary);
    padding-top: 5rem;
    color: #fff;
    text-align: center;
}

.after-header-inner h2 {
    text-transform: uppercase;
    font-size: 58px;
    font-weight: 500;
    letter-spacing: 5px;
    margin-bottom: 3rem;
}

.after-header-inner h4 {
    font-size: 2.75rem;
    margin-bottom: 3rem;
    line-height: 1.5;
}

.after-header-inner p {
    font-size: 2rem;
    line-height: 130%;
    margin: 0;
}
.bg-vector {
    background-image: url(../images/vector-01-primary.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.bg-vector.secondary {
    background-image: url(../images/vector-01-secondary.svg);
}
.sm-rounded-vector {
    background-image: url(../images/vector-44.svg);
}
.sm-rounded-vector-secondary {
background-image: url(../images/vector-44-secondary.svg);
}
.we_do {
    background-image: url(../images/ServicesBG.png);
}
h2.heading-sm {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 6rem;
}

section.we_do {
  color: #fff;
  padding: 3rem 0 5rem;
}

.we_do_icon {
    width: 126px;
    height: 126px;
    background: #2E2B51;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.we_do_card h4 {
    font-size: 2rem;
    font-weight: 500;
    margin: 2rem 0;
}

.we_do_card p {
    font-size: 1.25rem;
    line-height: 120%;
    font-weight: 300;
    max-width: 22rem;
    margin: 0 auto;
}
.node-116 .after-header-inner {
  padding-top: 3rem;
}
.we_do_card {
    text-align: center;
}
section.after-header {
    background: #101010;
    padding: 10rem 0 5rem;
}
.node-116 section.after-header {
  background: #101010;
    padding: 10rem 0 5rem;
}
section.meet_founder {
    padding: 2rem 0 5rem;
    background: #000000;
    color: #fff;
}

.founter_card {
    background: #fff;
    color: #000;
    text-align: center;
    max-width: 450px;
    padding: 1.75rem 1.75rem 0.5rem;
    margin: auto;
}

.founder_image_bg img {
    width: 100%;
    margin-top: -6.5rem;
}

.founder_image_bg {
    background: #000;
    margin-bottom: 1.5rem;
}

.founder_details h4 {
    font-family: 'Mulish';
    font-weight: 800;
    letter-spacing: 3px;
}

.founder_details p {
    font-size: 1.5rem;
    line-height: 120%;
    font-weight: 300;
}
.founder__details {
    text-align: center;
}

.founder__details h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-family: 'Mulish';
    font-weight: 800;
}

.founder__details p {
    font-size: 1.5rem;
    line-height: 130%;
    font-weight: 300;
}
section.expertise {
    background: #000;
    color: #fff;
    padding: 2rem 0 5rem;
}

.expertise-block h4 {
    font-size: 2.5rem;
    background-image: url(../images/vector-02-primary.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 1rem 0;
}
.expertise .row .col-md-4.col-12:nth-child(2) img {
  margin-top: 18px;
}
.expertise-block h4.marketing {
    background-image: url(../images/vector-02-secondary.svg);
}

.expertise-block h4.education {
    background-image: url(../images/vector-02-brown.svg);
}

.expertise-block {
    text-align: center;
}

.expertise-block p {
    font-size: 1.5rem;
    line-height: 120%;
    font-weight: 300;
    height: 80px;
}

.text-red {
    color: #C82453;
    font-weight: 700;
}

.expertise_logo_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
}
section.talk-to-us.bg-dark {
    background: #1E1E1E !important;
    padding: 2rem 0;
}
.bg-vector-large {
    background-image: url(../images/vector-01-long.svg);
    background-repeat: no-repeat;
    background-size: 89%;
    /* background-position: center; */
    padding: 0 80px 0 14px;
}
section.after-header.digital-trends h2 {
    font-size: 3rem;
    text-align: center;
    margin: 0;
    font-weight: 600;
    text-transform: unset;
}
section.marquee-container.with-bg a {
    filter: invert(1);
}
section.talk-to-us {
    padding: 70px 0;
    text-align: center;
}
.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 2rem;
}

section.DISco-digital-trends.single-page {
    background: #000;
    padding: 3rem 0 6rem;
}

section.DISco-digital-trends.single-page .heading {
    color: #fff;
}

section.DISco-digital-trends.single-page .yt-block {
    border-radius: 0.5rem;
    overflow: hidden;
    border: none;
}
.full-width-image img {
    width: 100%;
}

.full-width-image {
    margin-top: 6rem;
}
section.why_work_with_us {
    padding: 50px 0 100px;
    background: #101010;
    color: #fff;
    text-align: center;
}

h2.heading-large {
    font-size: 60px;
    font-weight: 500;
    margin-bottom: 4rem;
}

section.why_work_with_us h4 {
    max-width: 67rem;
    margin: 0 auto 6rem;
}

ul.features {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    margin: 0;
    padding: 0;
}

ul.features li {
    background: var(--secondary);
    color: #fff;
    font-size: 2rem;
    display: block;
    padding: 2rem 3rem;
    border-radius: 4px;
}
section.teams-customer-types {
    background: #010016;
    color: #fff;
    padding: 5rem 0;
}

section.teams-customer-types .heading {
    margin-bottom: 5rem;
}
.global-cta.secondary {
    background-color: var(--secondary);
}
.global-cta.secondary:hover {
    background-color: var(--primary);
}
.center-cta {
    margin-top: 3rem;
    text-align: center;
}
.ttt-bg {
    position: relative;
}
.ttt-bg::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5%;
    left: 0;
    /*background-image: url(../images/ttt-bg.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    max-width: 1500px;
    margin: auto;
    right: 0;
}
.ttt-bg .container {
    position: relative;
    z-index: 1;
}
section.jobs_at_us {
    background: #101010;
    color: #fff;
    padding: 2rem 0;
}

.job_card_image {
    width: 330px;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    flex: none;
}

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

.job_card {
    border-bottom: 1px solid #6F6F6F !important;
    display: flex;
    gap: 2rem;
    padding-bottom: 60px;

    background-color: black;
    color: white;
    padding: 30px;
}

.job_card .global-cta {
    flex: none;
}

.job_card_descriptions_detail h5, .job_card_descriptions_detail p {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 120%;
}

.job_card * {
    font-family: 'Mulish';
}

.job_card_descriptions_detail p {
    color: #A4A4A4;
}

.job_card_descriptions_detail {
    display: flex;
    gap: 2rem;
}

.job_card_descriptions_detail h5:first-child {
    min-width: 10rem;
    flex: none;
}

.job_card_descriptions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.jobs_container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.actions {
    flex: none;
    display: flex;
    align-items: center;
    min-width: 10rem;
}

.actions .global-cta {
    width: 100%;
    justify-content: center;
}
.job_card:last-child {
    border: none;
}
.after-header-inner.careers h4 {
    margin: 0;
}
section.DISco-youtube.py-100 {
    padding: 0;
}
header .socials a img {
    width: 18px;
}
.service-sec > .text-center.mt-5 {
  margin-bottom: 40px;
  line-height: normal;
}
section.DISco-highlights-container > .container:after {
    background: no-repeat;
    display: none;
}
.page-node-type-digital-services .services-description p {
    font-size: 1.5rem;
    line-height: 40px;
    text-align: left;
}
.service-sec > .text-center.mt-5 h1 {
  margin-bottom: 25px;
}

.service-sec p {
  font-size: 24px;
}

/* .node-115 section.marquee-container.second {
    height: 45px;
    background: var(--secondary);
    overflow: hidden;
    display: flex;
    align-items: center;
    border: none;
} */

.after-header-border{
    border-top: 10px solid var(--secondary);
    padding-top: 5rem;
    color: #fff;
    text-align: center;
}
.page-node-type-sectors section.service-text {
    font-size: 2rem;
    text-align: center;
    line-height: 137%;
}
header .socials a {
    background: #4b4b4b;
    border-radius: 50%;
    padding: 2px;
}
.serve-overlay .global-cta, .serve-box:hover a {
    color: #fff !important;
}
.page-node-type-service section.social-banner {
    height: auto;
}
.services_main_title h2.heading {
    margin-bottom: 1rem;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600;
}

.node-115 .marquee a {
  color: #fff;
}
.node-115 .marquee a:after {
  filter: none;
}
.yt-content .text-18 a {
  font-size: 20px;
  padding-top: 15px;
  display: block;
  color: #101010;
  margin-bottom: 15px;
}
#block-digital-strategy-views-block-digital-trends-block-1 h2 {
  color: #fff;
  padding-top: 40px;
}
#block-digital-strategy-views-block-digital-trends-block-1 {
  background: #000;
}
.node-115  ul.pager__items.js-pager__items {
    display: flex;
    justify-content: center;
    margin: 20px;
    font-size: 20px;
    margin: 20px 0;
    display: t;
    padding: 40px;
}
.node-115 li.pager__item.pager__item--next, .node-115 li.pager__item.pager__item--last, .node-115 .pager__item.pager__item--first, .node-115 .pager__item.pager__item--previous {
    display: none;
}
.node-115  ul.pager__items.js-pager__items li.pager__item.is-active a {
    background: var(--Pink, #C82453);
}
.node-115 ul.pager__items.js-pager__items a {
    color: #fff;
    padding: 10px 15px;
    margin-left: 10px;
    background: #9F9F9F4D;
}
.page-node-type-digital-trends header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #000;
    border-bottom: 10px solid var(--secondary);
}

.page-node-type-digital-trends .main-content {
    padding-top: 200px;
}
.blog-details p {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 15px;
}
.pager__item {
  color: transparent !important;
}
.blog-details h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
section.DISco-digital-trends {
    margin-top: 60px;
}
.DISco-digital-trends .owl-carousel.owl-rtl .owl-nav.disabled {
    direction: ltr;
}
.blog-details img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 30px;
}
.path-frontpage .serve-overlay .global-cta, .path-frontpage .serve-box:hover a {
	color: #fff !important;
}
#block-digital-strategy-views-block-careers-block-1 .view-header h1 {
  padding-top: 40px;
}
#block-digital-strategy-views-block-careers-block-1 {
  background: #000;
  border-bottom: 10px solid var(--secondary);
  padding-bottom: 50px;
}

header .socials a:hover {
    background: var(--primary);
}
header .socials a {
    background: #4b4b4b;
    border-radius: 50%;
    padding: 6px;
}


section.ad_info {
    background: var(--secondary);
    padding: 2rem 0;
    margin: 0rem 0 3rem;
}

.add_info_i_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.add_info_i {display: flex;align-items: center;gap: 0.75rem;}

.add_info_i p {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
}
.earth_container {
    color: #fff;
    background-position: top center;
    background: #000;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: -15rem;
}
.earth_container h2.heading {
    text-align: left;
    padding: 0 2rem;
    max-width: 50rem;
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Mulish';
    margin-bottom: 0;
    flex: none;
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: 25%;
}

.earth_image {
    text-align: center;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

h2.heading-md {
    font-size: 2.5rem;
    text-align: center;
}

body span.text-secondary {
    color: var(--secondary) !important;
}
.schedule_container {
    padding: 5rem 0;
}
.earth_image img {
    width: 75%;
    height: auto;
    max-width: 85rem;
    margin: -11rem 0 2rem;
}
.img img {
    width: 100%;
}
.services_main h2.heading {
    font-size: 3rem;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.services_main p {
    font-size: 1.5rem;
    margin: 0;
    text-align: left;
}
.footer-brand-bottom.container img {
    cursor: pointer;
}
.services_main_title {
    margin-bottom: 2rem;
    text-align: center;
}

.services_main_title p {
    text-align: center;
}

section.after-header.services_main .row {
    align-items: center;
}

h3.heading-md {
    font-size: 2rem;
    font-weight: 800;
}

.services_main_bottom {
    margin-top: 40px;
}

.services_main_bottom ul {
    list-style-type: none;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
    padding: 0;
}

.services_main_bottom a {
    background: var(--secondary);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1.2rem 1.5rem;
    border-radius: 4px;
    display: flex;
    transition: all 0.3s ease-in;
}

.services_main_bottom a:hover {
    text-decoration: none;
    background: var(--primary);
}

/* SErvices */

section.after-header.services_main p {
    text-align: center;
    font-size: 36px;
    font-weight: 200;
}
section#services_list {
    background: #101010;
    padding-top: 20px;
}

section#services_list .mega-row {
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
    max-width: 100%;
    padding: 0;
    width: auto;
    flex: auto;
}

#services_list .mega-tabs a {
    background: #E5A103;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    flex: 1;
    text-align: center;
    justify-content: center;
    padding: 1.75rem 0;
    pointer-events: none;
}

#services_list .mega-tabs a:nth-child(2) {background: var(--secondary);}

#services_list .mega-tabs {
    margin-bottom: 60px;
}

#services_list .mega-rl h5 {
    font-size: 20px;
    background: transparent;
    color: #E5A103;
    border: none;
    margin-bottom: 14px;
    padding: 0;
}

#services_list .mega-rl-inner ul {
    padding: 0;
    list-style-type: none;
    gap: 5px;
    margin: 0;
}

#services_list .mega-row-right {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    flex-direction: column;
}

#services_list  .mega-menu {
    flex-direction: row;
    box-shadow: 0px 2.3px 23.03px 0px #ACACAC45;
    border: 1px solid #1E1E1E;
    padding: 1.5rem;
    gap: 60px;
    margin: 0 auto;
    display: flex;
    /* flex-direction: column; */
    /* overflow: auto; */
    flex: auto;
    /* width: 100%; */
}

#serivces_list .mega-rl {
    flex: unset;
    width: auto;
    height: auto;
}

#services_list .mega-rl {
    border: none;
    flex: unset;
    height: fit-content;
}

#services_list .mega-tabs a:nth-child(3) {
    background: #5A4FF5;
}

#services_list .mega-rl-container {
    padding: 0;
    gap: 1rem;
    flex-direction: column;
}

#services_list .mega-rl-container a {
    font-size: 14px;
}

#services_list .mega-rl-inner h6 {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--secondary);
    border: none;
    padding: 0;
    margin-bottom: 14px;
}

section#services_list .mega-row:not(:last-child) {
    border-right: 1px solid #9797973D !important;
    padding-right: 40px;
}

section#services_list .mega-row:nth-child(2) {
    flex: auto;
    width: 50%;
}
#services_list .mega-row:nth-child(2) .mega-row-right {
    flex-wrap: wrap;
    flex-direction: unset;
    justify-content: space-between;
    gap: 2rem;
}
.node-103 .our-offerings.service-bg {
  padding: 30px 0;
}
.node-103 .creative-talent {
  margin: 0;
}
.node-103 .after-header {
  padding-bottom: 40px !important;
}
.after-header-inner.careers {
  padding-top: 30px;
}

.we_do {
  background-image: url(../images/ServicesBG.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.webform-submission-career-add-form label {
  width: 100%;
  margin-top: 20px;
}
.webform-submission-career-add-form input {
  border: 1px solid #cdcdcd;
  border-radius: 5px;
  height: 38px;
}

.path-webform .main-header {
    padding: 2rem 0;
    transition: transform 0.3s ease, background-color 0.3s ease;
    background: #000;
    border-bottom: 10px solid var(--secondary);
}
form#webform-submission-career-add-form {
    padding-top: 210px;
    width: 30%;
    margin: 20px auto 100px;
}

.node-119 .sm-rounded-vector-secondary, .node-117 .sm-rounded-vector-secondary {
  background-image: url(../images/pink_startup.png);
  background-size: 100% 90%;
    padding: 10px;
}

.node-118 .sm-rounded-vector-secondary {
  background-image: url(../images/pink_startup.png);
  background-size: 100% 90%;
    padding: 10px;
}
.node-51 .our-offerings.service-bg {
  padding-bottom: 20px;
}
.marquee-container .clients {
    padding-top: 0;
}
.marquee-container .clients a {
    color: black;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    pointer-events: none;
}
.marquee-container .clients a:not(:last-child):after {
    content: '';
    background-image: url(../images/O.svg);
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
}
.node-116 .bg-vector {
  padding: 10px 15px;
}
.marquee-container .clients a:nth-child(even):after {
    background-image: url(../images/X.svg);
    width: 1rem;
    height: 1rem;
}
.why_work_with_us.ttt-bg .sm-rounded-vector {
  padding: 16px 20px 20px 10px;
}



.services_links .owl-stage .owl-item a {
  display: flex;
  gap: 26px;
  justify-content: space-evenly;
  width: auto;
  align-items: center;
  font-size: 24px !important;
  padding-top: 5px;
  height: 50px;
  position: relative;
}

.services_links .owl-stage .owl-item:not(:last-child) a:after {
    content: '';
    background-image: url(../images/O.svg);
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex: none;
    filter: invert(1);
    position: absolute;
    left: -13px;
}

.services_links .owl-stage .owl-item:nth-child(even) a:after {
    background-image: url(../images/X.svg);
    width: 1rem;
    height: 1rem;
}
.schedule_container {
  padding: 0;
}

.webform-submission-career-form .webform-confirmation__message {
  padding-top: 140px;
  padding-bottom: 40px;
  margin: 0 auto;
  width: 310px;
  font-size: 20px;
}
.node-133 .after-header-inner h2 {
  text-transform: none;
}
.talk-to-us .after-header-inner h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 600;
    text-align: left;
    line-height: 65px;
    letter-spacing: 0;
    padding: 90px 0;
}
.node-133 .bg-vector {
  padding: 20px 30px;
}
.talk-to-us .after-header-inner .row {margin: 0 auto;align-items: center;}
#block-digital-strategy-exploreallservices a {
    margin-right: 10px;
    width: 200px;
    align-items: center;
    align-content: center;
    display: inline-block;
    line-height: 48px;
    padding: 0;
}

.add_info_i_container {
  max-width: 80%;
  margin: 0 auto;
}
.services_links {
    display: flex;
    align-items: center;
    gap: 30px;
}

.services_links a {
    white-space: nowrap;
}

section.marquee-container.second {
    display: flex;
    align-items: center;
}
.node-135 #block-digital-strategy-content {
  margin-top: 220px;
  text-align: center;
}
.node-135 .main-header {
  background: #000;
}
div#block-digital-strategy-backbutton {
    margin-top: 40px;
}
.view-id-related_services.view-display-id-block_2 h1 {
    padding: 0 0 20px;
}
.blog-details p, .blog-details li {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.yt-image a {
  height: 233px;
  position: relative;
}
.yt-image img {
  width: 100%;
  height: auto;
  object-fit: fill;
}
#block-digital-strategy-backbutton p a {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
#block-digital-strategy-backbutton p a img {
  margin-right: 10px;
}
iframe, .twitter-tweet.twitter-tweet-rendered {
  margin: 0 auto !important;
}
.page-node-type-sectors section.service-text p {
  text-align: left;
  font-size: 26px;
  line-height: 1.5;
}

.earth_container + section.teams-customer-types {
    margin-top: -11rem;
    position: relative;
    z-index: 1;
}
.DISco-digital-trends .arrow-midalign .owl-nav {
  direction: ltr;
}
.node-133 div#block-digital-strategy-ourteam {
    position: relative;
    z-index: 1;
}
div#block-digital-strategy-contact .field--name-body .home_icon img {
    width: 40px;
    height: 40px;
}
div#block-digital-strategy-contact .field--name-body {
    position: relative;
}
div#block-digital-strategy-contact .field--name-body .home_icon img {
    width: 50px;
    height: 50px;
}
div#block-digital-strategy-contact .field--name-body .home_icon {
    position: absolute;
    bottom: -216px;
    right: 14px;
}
.DISco-youtube.py-100 {
  margin-top: 50px;
}
.why-container .why-block {
  border-top: 5px solid var(--secondary);
}
.why-container .why-block:first-child {
	border: 0;
}
section.service-text .col-lg-6.col-12 p img{
    width: 100%;
    height: auto;
    max-height: 28rem;
    object-fit: cover;
}
.mob_vid { display: none; }

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
#loader-icon img {
  width: 380px;
  height: auto;
}
article.node.node--type-careers.node--view-mode-full,  {
    padding-top: 190px;
}
.page-node-type-careers div#block-digital-strategy-content {
    padding-top: 200px;
}
.field--name-field-all-description p {
    font-size: 20px;
    line-height: 1.5;
}
.job_card_descriptions >a {
    background: #fff;
    width: 120px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-top: 10px;
    color: var(--primary);
    border-radius: 5px;
}
.page-node-type-careers .main-header {
    background: #1D1D1D;
}

.node-116  span.bg-vector.primary {
    background-size: 183px;
    padding: 15px 15px;
    background-position: 0px 22px;
}
.contact_us form#webform-submission-contact-node-133-add-form {
    width: 100%;
    margin: 0 auto;
}
.contact_us input, .contact_us textarea {
    width: 100%;
    border: 1px solid #cdcdcd;
    height: 40px;
    border-radius: 10px;
}
.contact_us .iti.iti--allow-dropdown {
    width: 100%;
}
.contact_us .webform-button--submit {
    margin-top: 20px;
    display: block;
    background: var(--secondary);
    color: #fff;
    font-size: 18px;
    border-color: var(--secondary) !important;
}
.contact_us label {
    color: #fff;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 18px;
    width: 100%;
}
section.schedule .col-md-6:first-child {
    background: #010016;
    margin-bottom: 80px;
}
.contact_us {
    background: #010016;
    padding: 10px 80px 60px;
    margin-bottom: 0px;
}
.contact_us h2.heading-md {
    color: #fff;
}
.contact_us textarea {
    height: auto;
}
.captcha__element {
    margin: 20px auto;
    width: 44%;
}
.node-141 .main-content {
    padding-top: 160px;
    text-align: center;
    font-size: 30px;
    line-height: 1.5;
}
fieldset.captcha.captcha-type-challenge--recaptcha {
    color: #fff;
    margin-top: 20px;
    text-align: center;
}
.after-header-inner {
    background-image: url(../images/DSCO_Talk_to_us_banner.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

body section.talk-to-us .after-header-inner .img {
    display: none;
}

strong.error.form-item--error-message {
    color: red;
}

.node-141 article .field.field--name-body p a {
    margin-top: 30px;
    display: block;
}
.career-job-h6 a {
    font-family: "Standerd", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 2rem;
    line-height: 36.53px;
    letter-spacing: 1px;
    vertical-align: middle;
    color: rgba(175, 154, 255, 1);
}
.col-md-2.apply-box-career a {
    width: 100%;
    height: 100%;
    justify-content: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: "Standerd", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 1.45rem;
    line-height: 19.57px;
    letter-spacing: 1.3px;
    text-decoration: none;
}


.js-form-item-your-offer-usd span.field-prefix {
    position: absolute;
    font-size: 20px;
    /* top: 10px; */
    padding-left: 5px;
    padding-top: 19px;
    color: rgba(91, 91, 91, 1);
}



.node-142 section.talk-to-us.new_talk_to_us {
    display: none;
}
button.back_btn.bottom {
    margin-bottom: 15px;
}
button.back_btn {
    background: rgba(105, 46, 232, 1);
    border: 1px solid rgba(105, 46, 232, 1);
    height: 46px;
}
a.back-arrow {
    text-decoration: none;
    color: #fff;
    font-size: 40px;
    padding-top: 8px;
    height: 45px;
    display: block;
}
.node-171 div#block-digital-strategy-content {
    background: rgba(22, 22, 24, 1);
    padding: 100px;
    margin-top: 109px;
    text-align: center;
    color: rgba(175, 154, 255, 1);
}
p.Thank-you-text {
    font-family: "Standerd";
    font-weight: 700;
    font-style: SemiBold;
    font-size: 3rem;
    line-height: 100%;
    letter-spacing: 1px;
    vertical-align: middle;
}
p.thankyou-subtitle {
    font-family: "Standerd";
    font-weight: 700;
    font-style: SemiBold;
    font-size: 2rem;
    line-height: 80px;
    letter-spacing: 1px;
    vertical-align: middle;
}
p.Each-domain-price {
    font-family: "BDO Grotesk";
    font-weight: 500;
    font-style: Medium;
    font-size: 1.8rem;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    color: rgba(175, 154, 255, 1);
    margin-top: 30px;
}
span.price-value {
    background: rgba(105, 46, 232, 1);
    border: 1px solid rgba(105, 46, 232, 1);
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    /* margin-top: 21px; */
}

.review-logo img.socil_review {
    height: 65px;
    width: auto;
}
.mobile-footer-brand-bottom.container {
    display: none;
}
.footer-brand-bottom {
    display: flex;
    width: 100%;
    align-items: center;
}
.footer-brand-bottom img:first-child {
    width: 95%;
    height: auto;
    object-fit: contain;
}
.footer-brand-bottom img:last-child {
    width: 5%;
    height: auto;
    object-fit: contain;
}