:root {
--primary-color: #0a0325;
--secondary-color: #c934e8;
--third-color: #00e9dd;
--text-color: #fff;
--black-color: rgba(19, 9, 54, 1);
--font-1: "toxigenesis";
--font-2: "Poppins";
--font-3: "Montserrat";
--font-4: "HelveticaNeue";
--container-fluid-padding: 0;
--transition-1: all 400ms cubic-bezier(0.79, 0.14, 0.15, 0.86);
--animation-time-1: 500ms cubic-bezier(0.79, 0.14, 0.15, 0.86);
--clip-path-left: polygon(0 0, 0 0, 0 100%, 0% 100%);
--clip-path-right: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
--clip-full: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
--margin-bottom-global: 30px;
--font-size-p: 20px;
--line-height-p: 40px;
--font-weight-p: 400;
}
/* @media(max-width:768px) {
:root {
--container-size: 1390px;
--container-padding: 24px;
}
} */
@media (min-width: 992px) {
:root {
--container-size: 1390px;
--container-padding: 15px;
}
}
@media (min-width: 1200px) {
:root {
--container-size: 1390px;
--container-padding: 15px;
}
}
html,
body {
font-family: var(--font-2);
background: var(--primary-color);
}
html {
scroll-behavior: smooth;
}
p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--text-color);
margin: 0;
}
b,
strong {
font-weight: bold;
}
p {
font-size: var(--font-size-p);
line-height: var(--line-height-p);
font-weight: var(--font-weight-p);
}
button {
background: transparent;
border: none;
user-select: none;
}
ul,
ol {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: var(--third-color);
}
figure {
margin: 0;
}
.mb-default {
margin-bottom: calc(var(--margin-bottom-global) * 2);
}
.mb-xs {
margin-bottom: calc(var(--margin-bottom-global) * 3);
}
.mb-s {
margin-bottom: calc(var(--margin-bottom-global) * 4);
}
.mb-m {
margin-bottom: calc(var(--margin-bottom-global) * 5);
}
.mb-l {
margin-bottom: calc(var(--margin-bottom-global) * 6);
}
.mb-lx {
margin-bottom: calc(var(--margin-bottom-global) * 7);
}
::selection {
color: var(--primary-color);
background: var(--third-color);
-webkit-text-fill-color: var(--primary-color);
}
.bootstrap-wrapper .row {
max-width: 100%;
margin: 0 auto;
}
[data-aos][data-aos][data-aos-easing="customease"],
body[data-aos-easing="customease"] [data-aos] {
-webkit-transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
[data-aos="clip_right"] {
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
background: #fff;
}
[data-aos="clip_right"].aos-animate {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
background: 0 0;
}
[data-aos="clip_left"] {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
background: var(--text-color);
}
[data-aos="clip_left"].aos-animate {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
background: 0 0;
}
[data-aos="clip_left_difuse"] {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
background: var(--text-color);
}
[data-aos="clip_left_difuse"].aos-animate {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
background: 0 0;
}
[data-aos="clip_down"] {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
background: #fff;
}
[data-aos="clip_down"].aos-animate {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
background: 0 0;
}
[data-aos="clip_up"] {
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
background: #fff;
}
[data-aos="clip_up"].aos-animate {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
background: 0 0;
}
.component_headings {
text-align: center;
/* font-size: calc(100vw * (55 / 1920)); */
font-size: 55px;
text-transform: uppercase;
margin-bottom: 80px;
font-family: var(--font-1);
position: relative;
}
header#masthead {
position: sticky;
top: 0;
/* left: 0; */
/* background: var(--primary-color); */
z-index: 999;
transition: var(--transition-1);
background: rgba(10, 3, 37, 0.45);
backdrop-filter: blur(20px);
width: 100%;
}
header#masthead.fixed {
position: fixed !important;
}
header#masthead .container {
display: flex;
justify-content: space-between;
align-items: center;
transition-delay: 50ms;
transition: var(--transition-1);
/* height: 120px; */
height: 90px;
}
header#masthead.stick .container {
/* height: 77px; */
height: 65px;
}
header#masthead.stick {
box-shadow: inset 0px -1px 4px rgba(255, 255, 255, 0.25);
backdrop-filter: blur(20px);
background: rgba(10, 3, 37, 0.7);
/* overflow: hidden; */
}
header#masthead a#logo {
display: block;
height: 37px;
width: 204px;
}
header#masthead a#logo img {
transition: var(--transition-1);
filter: brightness(1) invert(0);
transform-origin: left;
width: 100%;
height: auto;
}
header#masthead.stick a#logo img {
filter: brightness(0) invert(1);
transform: scale(0.59);
}
header#masthead #menu-toggle {
display: flex;
gap: 7px;
cursor: pointer;
}
header#masthead #menu-toggle * {
transition: var(--transition-1);
}
header#masthead #menu-toggle:hover * {
color: var(--third-color);
}
header#masthead .main-navigation-wrapper {
position: fixed;
top: 0;
right: 0;
background: linear-gradient(123.12deg,
rgb(92 75 159 / 90%) -42.74%,
rgb(10 3 37 / 90%) 60.49%);
box-shadow: 2px 0px 4px 0px #ffffff40 inset;
box-shadow: 0px 4px 135.5px 0px #ffffff30;
height: 100vh;
z-index: 99999999;
width: 30vw;
padding: 36px 0 0 75px;
clip-path: var(--clip-path-right);
transition: var(--transition-1);
visibility: hidden;
}
header#masthead .main-navigation-wrapper.active {
clip-path: var(--clip-full);
visibility: visible;
}
header#masthead .main-navigation-wrapper .menu {
list-style: none;
display: flex;
flex-direction: column;
gap: 25px;
margin: 60px 0 180px 0;
}
header#masthead #site-navigation {
opacity: 0;
transition: var(--transition-1);
}
header#masthead #site-navigation.active {
opacity: 1;
animation: active_child_menu var(--animation-time-1);
}
header#masthead .main-navigation-wrapper .menu li a {
font-size: 32px;
font-weight: bold;
color: var(--text-color);
font-family: var(--font-1);
text-transform: uppercase;
transition: var(--transition-1);
position: relative;
}
header#masthead .main-navigation-wrapper .menu li a:after {
content: "";
width: 100%;
position: absolute;
height: 2px;
background: linear-gradient(to right, transparent, var(--third-color));
display: block;
transition: var(--transition-1);
clip-path: var(--clip-path-left);
}
header#masthead .main-navigation-wrapper .menu li a:hover:after {
clip-path: var(--clip-full);
}
header#masthead .main-navigation-wrapper .menu li a:hover {
color: var(--third-color);
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children .sub-menu a {
font-size: 18px;
font-weight: 400;
color: rgba(163, 159, 177, 1);
line-height: 0;
font-family: var(--font-2);
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children .sub-menu {
display: flex;
flex-direction: column;
list-style: none;
gap: 15px;
position: relative;
height: 0;
visibility: hidden;
opacity: 0;
transform: translateY(10px);
transition: var(--transition-1);
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children .sub-menu.active {
height: var(--h);
visibility: visible;
opacity: 1;
transform: translateY(0);
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children .sub-menu li:first-of-type {
margin-top: 18px;
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children {
position: relative;
display: block;
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children>#toggle-child {
font-size: 13px;
position: relative;
cursor: pointer;
top: -5px;
left: 10px;
transform-origin: center;
display: inline-flex;
padding: 0;
transition: var(--transition-1);
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children>#toggle-child.active {
transform: rotate(180deg);
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children>#toggle-child span {
color: rgba(163, 159, 177, 1);
}
button#close-menu {
display: flex;
gap: 7px;
align-items: center;
cursor: pointer;
opacity: 0;
}
button#close-menu.active {
opacity: 1;
animation: active_child_menu var(--animation-time-1);
}
button#close-menu * {
transition: var(--transition-1);
}
button#close-menu:hover * {
color: var(--third-color);
}
button#close-menu .icon-close {
font-size: 14px;
}
@keyframes active_child_menu {
from {
opacity: 0;
clip-path: var(--clip-path-left);
background: var(--text-color);
}
to {
opacity: 1;
clip-path: var(--clip-full);
background: transparent;
}
}
.main-navigation-wrapper .modular_component-social-icons {
opacity: 0;
transition: var(--transition-1);
}
.main-navigation-wrapper .modular_component-social-icons.active {
opacity: 1;
animation: active_child_menu var(--animation-time-1);
}
.modular_component-social-icons {
list-style: none;
display: flex;
gap: 35px;
}
.modular_component-social-icons a {
font-size: 24px;
}
.modular_component-social-icons a:hover span {
color: var(--third-color);
}
.modular__component-multi-slider {
/* height: calc(100vh - 120px); */
height: 100vh;
}
.modular__component-multi-slider.slider_nav {
height: 75vh;
}
.modular__component-multi-slider .swiper-slide {
height: 100%;
position: relative;
}
.modular__component-multi-slider .swiper-slide video,
.modular__component-multi-slider .swiper-slide img {
height: 100%;
width: 100%;
object-fit: cover;
}
.modular__component-multi-slider .swiper-slide video+span {
background: rgb(0 0 0 / 40%);
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
}
.modular__component-multi-slider .swiper-slide.type_2 video+span {
background: transparent;
}
.modular__component-multi-slider .multi-slider-content-wrapper {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
width: 100%;
text-align: center;
overflow: hidden;
}
.modular__component-multi-slider .multi-slider-content-wrapper .multi-slider-content-heading {
/* font-size: calc(100vw * (90 / 1920)); */
font-size: 90px;
font-family: var(--font-1);
text-transform: uppercase;
font-weight: 700;
background: linear-gradient(90.09deg, #e66bff 0.08%, #c934e8 62.55%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline-block;
line-height: 1em;
transform-origin: 0 0;
opacity: 0;
}
.modular__component-multi-slider .multi-slider-content-wrapper p {
/* font-size: calc(100vw * (30 / 1920)); */
font-size: 30px;
}
.modular__component-multi-slider .multi-slider-content-wrapper p .letter {
display: inline-block;
line-height: 1em;
transform-origin: 0 0;
opacity: 0;
}
.modular__component-multi-slider .multi-slider-content-wrapper.type_2 {
width: 50%;
left: 50%;
top: 69%;
transform: translateX(-50%);
}
.modular__component-multi-slider .multi-slider-content-wrapper.type_2 .multi-slider-content-heading-alt {
font-family: var(--font-1);
text-transform: uppercase;
font-size: 50px;
color: #fff;
}
.modular__component-multi-slider .multi-slider-content-wrapper.type_2>p {
font-size: 20px;
font-weight: 500;
color: #fff;
}
.modular__component-card-grids .card-grids-item {
display: flex;
flex-direction: column;
min-height: 286px;
justify-content: flex-end;
position: relative;
padding: 30px;
border: 1px solid transparent;
border-radius: 5px;
overflow: hidden;
transition: var(--transition-1);
}
.modular__component-card-grids .row>a {
padding: 20px;
position: relative;
}
.modular__component-card-grids .row a:before {
border-radius: 15px;
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(#302266, #140b36) padding-box,
linear-gradient(39.6deg, #42386c 43.44%, #00e9dd 102.1%) border-box;
border-radius: 15px;
border: 1px solid transparent;
opacity: 0;
transform: scale(0.85);
transition: var(--transition-1);
}
.modular__component-card-grids .card-grids-item>img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 0;
transform: scale(1.25);
/* filter: opacity(.5); */
opacity: 0;
transition: var(--transition-1);
object-fit: cover;
}
.modular__component-card-grids .card-grids-item .card-grids-item-heading {
/* font-size: calc(100vw * (22 / 1920)); */
font-size: 22px;
text-transform: uppercase;
color: var(--text-color);
font-weight: 400;
font-family: var(--font-1);
z-index: 1;
transition: var(--transition-1);
}
.modular__component-card-grids .card-grids-item>p {
font-size: 16px;
line-height: 19px;
z-index: 1;
transition: var(--transition-1);
height: 100px;
margin-top: 30px;
line-height: 18px;
font-weight: 200;
}
.modular__component-card-grids .card-grids-item .icon-tab {
position: absolute;
z-index: 1;
top: 0;
right: 0;
font-size: 44px;
color: var(--third-color);
top: 30px;
right: 30px;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-card-grids .row a:hover:before {
transform: scale(1);
opacity: 1;
}
.modular__component-card-grids .row a:hover img {
opacity: 1;
}
.modular__component-card-grids .row a:hover .icon-tab {
opacity: 1;
}
.modular__component-card-grids a:hover .card-grids-item {
border-color: rgba(66, 56, 108, 1);
}
.modular__component-card-grids a .card-grids-item:after {
content: "";
background: rgb(0, 0, 0, 0.3);
width: 100%;
height: 100%;
position: absolute;
display: block;
left: 0;
bottom: 0;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-card-grids a:hover .card-grids-item:after {
opacity: 1;
}
.modular__component-card-grids a:hover .card-grids-item>p {
height: 0;
opacity: 0;
}
.modular__component-card-grids .row a:active img {
transform: scale(1.1);
}
.modular__component-card-grids .row a:active:before {
transform: scale(0.95);
}
.modular__component-feature-works .feature-works-item a {
width: 100%;
display: block;
margin-bottom: 30px;
min-height: 570px;
position: relative;
border-radius: 0px 14px 0px 14px;
background: linear-gradient(var(--primary-color) 0%,
var(--primary-color) 100%) padding-box,
radial-gradient(49.96% 275.71% at 0% 3.25%, #917ddf 0%, #140b36 100%) border-box;
border: 1px solid transparent;
transition: var(--transition-1);
overflow: hidden;
}
.modular__component-feature-works .feature-works-item a:after {
content: "";
height: 150%;
width: 100%;
background: -webkit-radial-gradient(center,
ellipse cover,
#ffffff7d,
transparent);
filter: blur(84px);
border-radius: 50%;
display: block;
position: absolute;
top: -40%;
left: -30%;
z-index: 0;
transition: var(--transition-1);
}
.modular__component-feature-works .feature-works-item a:hover:after {
transform: scale(1.2);
}
.modular__component-feature-works .feature-works-item a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0px 14px 0px 14px;
z-index: 2;
position: relative;
transition: var(--transition-1);
}
.modular__component-feature-works .feature-works-item a:hover img {
transform: scale(1.05);
filter: grayscale(100%);
}
.modular__component-feature-works .feature-works-item a figure {
width: 100%;
height: 480px;
border-radius: 0px 14px 0px 14px;
position: relative;
overflow: hidden;
}
.modular__component-feature-works .feature-works-item #feature-works-item-cat {
padding: 10px 16px 0 16px;
/* font-size: calc(100vw * (16/ 1920)); */
font-size: 16px;
line-height: 24px;
z-index: 2;
position: relative;
}
.modular__component-feature-works .feature-works-item #feature-works-item-head {
padding: 0 16px 0 16px;
/* font-size: calc(100vw * (38/ 1920)); */
font-size: 38px;
font-weight: 600;
z-index: 2;
position: relative;
}
.modular__component-feature-works .feature-works-item a figure:after {
content: "";
height: 150%;
width: 100%;
background: -webkit-radial-gradient(center,
ellipse cover,
#ffffff6b,
transparent);
filter: blur(84px);
border-radius: 50%;
display: block;
position: absolute;
top: var(--top);
left: var(--left);
z-index: 3;
opacity: 0;
transition: all 500ms ease;
}
.modular__component-feature-works .feature-works-item a:hover figure:after {
opacity: 1;
transition: opacity 500ms ease;
}
.modular__component-feature-works .feature-works-item a:after {
content: "";
height: 150%;
width: 100%;
background: -webkit-radial-gradient(center,
ellipse cover,
#ffffff7d,
transparent);
filter: blur(84px);
border-radius: 50%;
display: block;
position: absolute;
top: var(--top);
left: var(--left);
z-index: 0;
transition: all 500ms ease;
}
.modular__component-feature-works .feature-works-item a:hover::after {
transition: none !important;
}
.modular__component-feature-works .feature-works-item a span#feature-works-item-detail {
content: "DETAIL";
position: absolute;
z-index: 5;
width: 180px;
height: 80px;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
/* font-size: calc(100vw * (35 / 1920)); */
font-size: 35px;
color: var(--text-color);
font-weight: 600;
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(5px);
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 10px;
transition: var(--transition-1);
opacity: 0;
color: var(--third-color);
border-color: var(--third-color);
}
.modular__component-feature-works .feature-works-item a:hover span#feature-works-item-detail {
opacity: 1;
}
.modular__component-feature-works .feature-works-item a span#feature-works-item-detail:hover {
color: var(--third-color);
border-color: var(--third-color);
}
.modular__component-feature-works .feature-works-item a span#feature-works-item-detail:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: var(--primary-color);
border-radius: 10px;
z-index: -1;
/* opacity: 0;
clip-path: circle(0); */
transition: var(--transition-1);
}
.modular__component-feature-works .feature-works-item a span#feature-works-item-detail:hover:before {
clip-path: circle(100%);
opacity: 1;
}
.modular__component-feature-works .feature-works-cta {
min-height: 480px;
height: 100%;
display: flex;
flex-direction: column;
padding: 50px 55px;
/* gap: 100px; */
align-items: stretch;
justify-content: center;
position: relative;
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-heading {
/* font-size: calc(100vw * (30 / 1920)); */
font-size: 30px;
color: var(--text-color);
font-weight: 700;
z-index: 2;
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-context {
/* font-size: calc(100vw * (22 / 1920)); */
font-size: 22px;
font-weight: 300;
z-index: 2;
margin: 66px auto 80px 0;
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-btn {
background: linear-gradient(220deg, #00e9dd 0, #a107c0 60%, #00e9dd 110%);
width: 100%;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
font-weight: 500;
color: var(--text-color);
gap: 14px;
border-radius: 0 10px 0 10px;
background-size: 184% 180%;
box-shadow: 16px -6px 34.3px 0px rgba(161, 7, 192, 0.44),
-12px 14px 33.2px 0px rgba(0, 233, 221, 0.17);
animation: cta_btn_grad 1500ms ease-in-out infinite alternate;
position: relative;
overflow: hidden;
}
@keyframes cta_btn_grad {
from {
background-position: -250px -40px;
}
to {
background-position: 0;
}
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-btn:after {
content: "";
position: absolute;
width: 80px;
height: 150px;
background: linear-gradient(to left,
#ffffff47 0,
#ffffff47 40%,
transparent 40%,
transparent 60%,
#ffffff47 60%,
#ffffff47 100%);
transform: rotate(35deg);
left: -40%;
filter: blur(10px);
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-btn:hover:after {
animation: cta_btn_shine 2500ms cubic-bezier(0, 0, 0, 0.98) infinite;
}
@keyframes cta_btn_shine {
from {
left: -40%;
}
to {
left: 120%;
}
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-btn span {
font-size: 16px;
}
.modular__component-feature-works .feature-works-cta {
overflow: hidden;
border-radius: 0 10px 0 10px;
max-width: calc(33.33333% - 30px);
margin: 0 15px;
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-background {
position: absolute;
width: 200%;
height: 100%;
left: -36px;
top: -10%;
display: flex;
gap: 40px;
transform: rotate(30deg);
}
.modular__component-feature-works .feature-works-cta #feature-works-cta-background span {
background: linear-gradient(180deg, #1e1052 0%, #140b36 61.95%);
width: 36px;
height: 150%;
display: block;
transform-origin: left;
transition: var(--transition-1);
background-position: -50px;
}
.modular__component-feature-works .feature-works-cta:hover #feature-works-cta-background span {
transform: scaleX(1.9);
}
.modular__component-partners .swiper-wrapper {
transition-timing-function: linear !important;
}
.modular__component-partners .swiper-slide {
display: flex;
justify-content: center;
}
.modular__component-partners .swiper-slide img {
height: 100px;
object-fit: contain;
}
.modular__component-articles {
display: flex;
justify-content: space-between;
gap: 21px;
}
.modular__component-articles .component-articles-item {
display: flex;
flex-direction: column;
padding: 3px;
border-radius: 0 7px 0 7px;
height: 354px;
width: calc(100% / 4);
/* max-width: 320px; */
/* background: linear-gradient(153.11deg, #FF5722 3.1%, rgb(73 73 98 / 0%) 94.78%) padding-box, linear-gradient(152.61deg, #8282A0 1.13%, rgba(130, 130, 160, 0) 99.3%) ; */
background: linear-gradient(153.86deg,
rgba(74, 74, 99, 0.57) 3.11%,
rgba(73, 73, 98, 0) 98.25%);
/* background:transparent; */
border: 1.11px solid transparent;
box-shadow: 1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset,
1px 1px 1px 0px rgba(255, 255, 255, 0.25) inset;
position: relative;
transition: var(--transition-1);
cursor: pointer;
}
.modular__component-articles .component-articles-item:hover {
box-shadow: 1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset,
1px 1px 1px 0px rgba(255, 255, 255, 0.25) inset,
-13px -12px 25.8px 0px rgba(255, 255, 255, 0.12);
}
.modular__component-articles .component-articles-item:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: linear-gradient(155.33deg,
#4a4a63 42.25%,
rgba(73, 73, 98, 0) 95.02%);
box-shadow: 1px 1px 4px 0px rgba(255, 255, 255, 0.5) inset,
1px 1px 1px 0px rgba(255, 255, 255, 0.5) inset;
left: 0;
top: 0;
border-radius: 0 7px 0 7px;
z-index: 0;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-articles .component-articles-item:hover:before {
opacity: 1;
}
.modular__component-articles .component-articles-item figure img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 0 7px 0 7px;
}
.modular__component-articles .component-articles-item figure {
position: relative;
overflow: hidden;
height: 190px;
border-radius: 0 7px 0 7px;
}
.modular__component-articles .component-articles-item figure:after {
content: "";
width: 80%;
height: 150%;
display: block;
position: absolute;
background: linear-gradient(to left, #ffffff3d, transparent 70%);
top: -50%;
left: -100%;
transform: rotate(30deg);
transition: left 500ms cubic-bezier(0.79, 0.14, 0.16, 1.22);
}
.modular__component-articles .component-articles-item:hover figure:after {
left: -30%;
}
.modular__component-articles .component-articles-item>span {
position: absolute;
bottom: -1px;
right: -1px;
width: 130px;
height: 35px;
background: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--text-color);
border-radius: 5px 0 0 0;
box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.25) inset;
transition: var(--transition-1);
}
.modular__component-articles .component-articles-item>span:before {
content: "";
width: 15px;
height: 15px;
display: block;
position: absolute;
left: -10px;
bottom: -3px;
background: linear-gradient(317deg, #fff, transparent 40%) no-repeat;
border-radius: 0 0 10px 0;
border-right: 4px solid var(--primary-color);
border-bottom: 4px solid var(--primary-color);
border-top: 4px solid transparent;
border-left: 4px solid transparent;
}
.modular__component-articles .component-articles-item>span i {
border: 2px solid var(--text-color);
width: 9px;
height: 9px;
display: block;
margin: 0 1.5px -1px 1.5px;
border-radius: 5px;
transition: var(--transition-1);
}
.modular__component-articles .component-articles-item:hover>span i {
width: 30px;
border-color: var(--third-color);
}
.modular__component-articles .component-articles-item:hover>span {
width: 150px;
color: var(--third-color);
}
.modular__component-articles .component-articles-item>a {
z-index: 2;
}
.modular__component-articles .component-articles-item .component-articles-meta {
margin: 15px 15px 5px 15px;
padding: 4px;
display: flex;
justify-content: space-between;
background: rgba(10, 3, 37, 0.4);
border-radius: 5px;
font-size: 12px;
text-transform: uppercase;
z-index: 2;
}
.modular__component-articles .component-articles-item .component-articles-heading {
margin: 1px 15px;
/* font-size: calc(100vw * (18 / 1920)); */
font-size: 18px;
line-height: 20px;
z-index: 2;
font-weight: bold;
}
.modular__component-articles .component-articles-item .component-articles-heading span {
font-weight: 300;
}
.modular__component-breadcrumb {
margin-top: 15px;
}
body:has(header.fixed) .modular__component-breadcrumb {
padding-top: 105px;
margin-top: 0;
}
.modular__component-breadcrumb nav ol {
display: flex;
list-style: none;
align-items: center;
}
.modular__component-breadcrumb nav ol li a {
font-weight: 300;
transition: var(--transition-1);
}
.modular__component-breadcrumb nav ol li:not(li:last-of-type) a {
color: rgba(100, 91, 134, 1);
}
.modular__component-breadcrumb nav ol li:last-of-type a {
color: var(--text-color);
}
.modular__component-breadcrumb nav ol li a:hover {
color: var(--third-color) !important;
}
.modular__component-breadcrumb nav ol li:not(li:first-of-type) a:before {
content: ">";
margin: 0 8px;
font-weight: 200;
color: rgba(100, 91, 134, 1);
}
.modular__component-breadcrumb nav ol li:last-of-type a:before {
color: var(--text-color) !important;
}
.modular__component-text-block .component-text-block-heading {
font-size: 80px;
text-transform: uppercase;
text-align: center;
font-family: var(--font-1);
margin: 50px 0 40px 0;
display: block;
color: var(--text-color);
}
.modular__component-text-block>p {
font-weight: 300;
}
.modular__component-full-width-cards {
margin-top: 90px;
display: flex;
flex-direction: column;
gap: 45px 0;
}
.modular__component-full-width-cards .full-width-cards-item {
background: linear-gradient(122.66deg, #27273d 0%, #0a0325 100%);
box-shadow: inset -432px -54px 210.3px #0a0325,
inset 1px 2px 0.6px rgba(255, 255, 255, 0.25),
inset 1px -1px 0.6px rgba(255, 255, 255, 0.25);
padding: 35px 50px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
/* cursor: pointer; */
}
.modular__component-full-width-cards .full-width-cards-item:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(120.01deg, #3c3c58 17.94%, #0a0325 100%);
box-shadow: -8px -3px 13.7px rgba(255, 255, 255, 0.07),
-48px -22px 42.5px rgba(255, 255, 255, 0.07),
inset -432px -54px 210.3px #0a0325,
inset 1px 2px 0.6px rgba(255, 255, 255, 0.25),
inset 1px -1px 0.6px rgba(255, 255, 255, 0.25);
opacity: 0;
transition: var(--transition-1);
}
body.body_light .modular__component-full-width-cards .full-width-cards-item {
background: linear-gradient(122.66deg, #FFFFFF 0%, #BABABA 100%);
box-shadow: inset -432px -54px 210.3px #F0F0F0, inset 1px 2px 0.6px rgba(145, 145, 145, 0.25), inset 1px -1px 0.6px rgba(161, 161, 161, 0.25);
border-radius: 5px;
}
body.body_light .modular__component-full-width-cards .full-width-cards-item:before {
display: none;
}
.modular__component-full-width-cards .full-width-cards-item:hover:before {
opacity: 1;
}
.modular__component-full-width-cards .full-width-cards-item figure {
height: 100%;
min-height: 400px;
margin: 0;
overflow: hidden;
border-radius: 0 15px;
position: relative;
transition: var(--transition-1);
transform-origin: left bottom;
}
.modular__component-full-width-cards .full-width-cards-item figure:before {
content: "";
width: 100%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: inset 43px 83px 110.9px rgba(255, 255, 255, 0.25),
inset 0.948201px 0.948201px 4.26691px rgba(255, 255, 255, 0.4);
opacity: 0;
transition: var(--transition-1);
}
.modular__component-full-width-cards .full-width-cards-item:hover figure:before {
opacity: 1;
}
.modular__component-full-width-cards .full-width-cards-item figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0 15px;
}
.modular__component-full-width-cards .full-width-cards-item figure:after {
content: "";
width: 80%;
height: 180%;
display: block;
position: absolute;
background: linear-gradient(to left, #ffffff21, transparent 70%);
filter: blur(3px);
top: -60%;
left: -100%;
transform: rotate(30deg);
transition: var(--transition-1);
}
.modular__component-full-width-cards .full-width-cards-item:hover figure:after {
left: -31%;
}
.modular__component-full-width-cards .full-width-cards-item:hover figure {
transform: scale(1.02);
}
.modular__component-full-width-cards .full-width-cards-item a {
position: absolute;
bottom: 0;
left: 0;
background: var(--primary-color);
width: 170px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
color: var(--text-color);
border-radius: 0 10px 0 0;
/* box-shadow: -20px -17px 210.3px #0A0325, 1px -2px 0.6px rgb(255 255 255 / 26%), 1px -1px 0.6px rgb(255 255 255 / 0%); */
border-top: 1px solid rgb(255 255 255 / 26%);
border-right: 1px solid rgb(255 255 255 / 26%);
transition: var(--transition-1);
z-index: 2;
box-shadow: unset;
}
.modular__component-full-width-cards .full-width-cards-item a:after {
content: "";
width: 12px;
height: 12px;
position: absolute;
right: -12px;
bottom: 0px;
border-radius: 0 0 0 8px;
border-left: 1px solid rgb(255 255 255 / 6%);
border-bottom: 1px solid rgb(255 255 255 / 6%);
box-shadow: -5px 5px 0 var(--primary-color);
}
.modular__component-full-width-cards .full-width-cards-item:hover a {
box-shadow: inset -5px 4px 5px -6px rgb(255 255 255 / 37%),
-90px 2px 13.7px 0px #0a0325, 11px 20px 42.5px #0a0325,
-43px 24px 25.5px 13px #0a0325;
width: 220px;
color: var(--third-color);
}
.modular__component-full-width-cards .full-width-cards-item:hover a i {
width: 30px;
border-color: var(--third-color);
}
.modular__component-full-width-cards .full-width-cards-item a:before {
/* content: "";
width: 150%;
height: 150%;
position: absolute;
background: var(--primary-color);
top: 0;
right: 0;
border-radius: 0 10px 0 0;
z-index: -1; */
}
.modular__component-full-width-cards .full-width-cards-item a i {
width: 15px;
height: 15px;
border: 3px solid var(--text-color);
border-radius: 8px;
display: inline-flex;
margin: 3px 2px 0 2px;
transition: var(--transition-1);
}
.modular__component-full-width-cards .full-width-cards-item .full-width-cards-item-heading {
font-size: 45px;
color: var(--text-color);
font-family: var(--font-1);
text-transform: uppercase;
}
.modular__component-full-width-cards .full-width-cards-item p {
font-size: 18px;
line-height: 27px;
font-weight: 200;
margin-top: 25px;
}
.modular__component-get-in-touch-curve {
display: flex;
flex-direction: column;
align-items: center;
gap: 38px;
padding: 580px 0 50px 0;
position: relative;
}
.modular__component-get-in-touch-curve #get-in-touch-curve-elm {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: clip;
}
.modular__component-get-in-touch-curve #get-in-touch-curve-elm:before {
content: "";
position: absolute;
width: 100%;
height: 150%;
border: 1px solid white;
border-radius: 100% 100% 0 0;
top: 50%;
transform: scalex(1.55);
box-shadow: 0px 28px 177.3px #00e9dd, 0px -182px 140px rgba(161, 7, 192, 0.83),
inset 0px 1px 4px rgba(255, 255, 255, 0.56),
inset 0px 34px 105.8px rgba(255, 255, 255, 0.24);
}
.modular__component-get-in-touch-curve>b {
font-size: 60px;
font-family: var(--font-1);
color: var(--text-color);
text-transform: uppercase;
z-index: 1;
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper {
display: inline-flex;
gap: 20px;
z-index: 1;
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a {
min-width: 300px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: var(--text-color);
font-weight: 300;
min-height: 65px;
border-radius: 0 8px;
transition: var(--transition-1);
position: relative;
z-index: 2;
overflow: hidden;
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:before {
content: "";
height: 200%;
width: 100%;
position: absolute;
z-index: -1;
border-radius: 0 8px;
bottom: -100%;
clip-path: circle(0);
transition: all 500ms ease-out;
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:hover:before {
clip-path: circle(100%);
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:first-of-type:before {
background: var(--text-color);
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:last-of-type:before {
background: var(--third-color);
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:first-of-type:hover {
color: var(--secondary-color);
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:last-of-type:hover {
color: var(--primary-color);
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:first-of-type {
border: 1px solid var(--text-color);
}
.modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:last-of-type {
background: var(--secondary-color);
}
/* .modular__component-get-in-touch-curve .get-in-touch-curve-btn-wrapper a:hover {
background: transparent;
border-color: transparent;
color: var(--third-color);
} */
.modular__component-option-navigation-items {
/* background: linear-gradient(180deg, #1f1154 14.84%, #0f082a 100%); */
min-height: 300px;
padding: 30px 0 0 0;
position: relative;
/* border-bottom: 1px solid rgba(74, 70, 89, 1); */
}
.modular__component-option-navigation-items-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
gap: 110px;
height: 100%;
}
.modular__component-option-navigation-items-wrapper h1 {
font-size: 70px;
font-family: var(--font-1);
text-transform: uppercase;
}
.modular__component-option-navigation-items-wrapper nav ul {
display: flex;
list-style: none;
gap: 92px;
}
.modular__component-option-navigation-items-wrapper nav ul button {
color: var(--text-color);
text-transform: capitalize;
padding: 15px 20px;
position: relative;
overflow: hidden;
cursor: pointer;
}
.modular__component-option-navigation-items-wrapper nav ul li button:before {
content: "";
width: 100%;
height: 4px;
background: transparent;
display: block;
position: absolute;
bottom: 0;
left: 0;
border-radius: 4px 4px 0 0;
transition: var(--transition-1);
}
.modular__component-option-navigation-items-wrapper nav ul li button:after {
content: "";
width: 50%;
height: 50%;
background: transparent;
display: block;
position: absolute;
left: 50%;
transform: translate(-50%, 5%);
filter: blur(8px);
border-radius: 50%;
transition: var(--transition-1);
opacity: 0;
}
.modular__component-option-navigation-items-wrapper nav ul li.active button:before {
background: var(--secondary-color);
}
.modular__component-option-navigation-items-wrapper nav ul li.active button:after {
background: radial-gradient(var(--secondary-color), transparent);
opacity: 1;
animation: nav_active 400ms cubic-bezier(0.79, 0.14, 0.15, 0.86);
}
@keyframes nav_active {
from {
transform: translate(-50%, 5%) scale(-1);
}
to {
transform: translate(-50%, 5%) scale(1);
}
}
.modular__component-option-navigation-items-wrapper nav ul li:not(li.active):hover button:before {
background: var(--third-color);
}
.modular__component-option-navigation-items-wrapper nav ul li:not(li.active):hover button:after {
background: radial-gradient(var(--third-color), transparent);
opacity: 1;
}
.modular__component-feature-works.archive-feature-works {
margin-top: 140px;
}
.archive-feature-works .feature-works-item a {
margin: 0;
}
.archive-feature-works .feature-works-item {
width: var(--width);
padding: 10px;
}
.modular__component-option-also-like {
display: flex;
gap: 35px;
}
.modular__component-option-also-like .component-option-also-like-item {
width: 25%;
}
.modular__component-option-also-like .component-option-also-like-item a {
width: 100%;
height: 100%;
min-height: 375px;
display: flex;
flex-direction: column;
padding: 10px;
border: 1px solid rgba(74, 70, 89, 1);
border-radius: 0px 20px;
position: relative;
}
.modular__component-option-also-like .component-option-also-like-item a:before {
content: "";
background: linear-gradient(150.99deg,
#4a4a63 3.07%,
rgba(73, 73, 98, 0) 102.3%);
/* border: 1.11px solid rgba(74, 70, 89, 1); */
box-shadow: 1px 1px 4px 0px rgba(255, 255, 255, 0.43) inset,
-13px -25px 39.2px 0px rgba(255, 255, 255, 0.06);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 0 20px;
z-index: 0;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-option-also-like .component-option-also-like-item:hover a:before,
.modular__component-option-also-like .component-option-also-like-item.swiper-slide-active a:before {
opacity: 1;
}
.modular__component-option-also-like .component-option-also-like-item a figure {
width: 100%;
border-radius: 0px 10px;
z-index: 1;
position: relative;
overflow: hidden;
}
.modular__component-option-also-like .component-option-also-like-item a figure:after {
content: "";
box-shadow: 1px 1px 3px 0px rgb(255 255 255 / 71%) inset;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 0px 10px;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-option-also-like .component-option-also-like-item:hover a figure:after,
.modular__component-option-also-like .component-option-also-like-item.swiper-slide-active a figure:after {
opacity: 1;
}
.modular__component-option-also-like .component-option-also-like-item a figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0px 10px;
transition: var(--transition-1);
}
.modular__component-option-also-like .component-option-also-like-item:hover a figure img,
.modular__component-option-also-like .component-option-also-like-item.swiper-slide-active a figure img {
transform: scale(1.05);
}
.modular__component-option-also-like .component-option-also-like-item a:active figure img {
transform: scale(1);
}
.modular__component-option-also-like .component-option-also-like-item a>p {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 10px;
z-index: 1;
}
.modular__component-option-also-like .component-option-also-like-item a .option-also-like-item-title {
font-size: 31px;
text-transform: uppercase;
transition: var(--transition-1);
}
.modular__component-option-also-like .component-option-also-like-item:hover a .option-also-like-item-title,
.modular__component-option-also-like .component-option-also-like-item.swiper-slide-active a .option-also-like-item-title {
color: var(--third-color);
}
.modular__component-option-also-like .component-option-also-like-item a>p span {
color: rgba(74, 70, 89, 1);
font-size: 30px;
transition: var(--transition-1);
}
.modular__component-option-also-like .component-option-also-like-item:hover a>p span,
.modular__component-option-also-like .component-option-also-like-item.swiper-slide-active a>p span {
color: var(--third-color);
}
.modular__component-full-width-image-title {
width: 100%;
height: 90vh;
position: relative;
}
.modular__component-full-width-image-title figure,
.modular__component-full-width-image-title picture {
width: 100%;
}
.modular__component-full-width-image-title figure img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
}
.modular__component-full-width-image-title .modular__component-breadcrumb {
z-index: 2;
position: relative;
padding-top: 20px;
margin-top: 0;
}
/* .modular__component-full-width-image-title .full-width-image-title-wrapper {
position: relative;
margin-top: 200px;
} */
.full-width-image-title-wrapper .full-width-image-title-heading {
font-size: 80px;
text-transform: uppercase;
font-family: var(--font-1);
}
.full-width-image-title-wrapper>p {
font-size: 30px;
max-width: 40%;
}
.full-width-image-title-wrapper>img {
margin-top: 150px;
width: 130px;
height: auto;
}
body.single-work article.container .row {
gap: var(--margin-bottom-global) 0;
}
.modular__component-single-work-intro {
background: rgba(28, 20, 56, 1);
padding: 30px 40px;
border-radius: 0 15px;
display: flex;
}
body.single.single-work h1 {
font-size: 60px;
}
body.single.single-work h2 {
font-size: 40px;
}
body.single.single-work h3 {
font-size: 30px;
}
.modular__component-single-work-intro .single-work-intro-main-title {
width: 40%;
}
.modular__component-single-work-intro .single-work-intro-main-title .main-title {
font-family: var(--font-1);
font-size: 55px;
color: var(--third-color);
}
.modular__component-single-work-intro .single-work-intro-content {
width: 60%;
display: flex;
flex-direction: column;
gap: 10px;
}
.modular__component-single-work-intro .single-work-intro-content .title {
color: var(--text-color);
font-size: 30px;
font-weight: 600;
}
.modular__component-single-work-intro .single-work-intro-content>p {
font-weight: 200;
line-height: 30px;
}
.modular__compoent-inline-video {
width: 100%;
position: relative;
}
.modular__compoent-inline-video video {
width: 100%;
height: auto;
}
.modular__compoent-inline-video:has(iframe) {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
}
.modular__compoent-inline-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modular__compoent-inline-video #inline-video-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: var(--text-color);
font-size: 30px;
cursor: pointer;
transition: var(--transition-1);
}
.modular__compoent-inline-video #inline-video-play.hide {
opacity: 0;
visibility: hidden;
}
.modular__compoent-inline-video #inline-video-play:after {
content: "";
width: 70px;
height: 70px;
background: rgba(57, 57, 57, 0.44);
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 0 8px;
backdrop-filter: blur(5px);
}
.modular__component-single-work-video-popup a img {
max-width: 100%;
height: auto;
}
.modular__component-single-work-video-popup a {
position: relative;
height: 100%;
width: 100%;
display: block;
}
.modular__component-single-work-video-popup a span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: var(--text-color);
font-size: 30px;
cursor: pointer;
transition: var(--transition-1);
}
.modular__component-single-work-video-popup a span:after {
content: "";
width: 70px;
height: 70px;
background: rgba(57, 57, 57, 0.44);
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 0 8px;
backdrop-filter: blur(5px);
}
.modular__component-single-work-heading .single-work-heading-title {
color: var(--secondary-color);
font-family: var(--font-1);
font-size: 50px;
font-weight: 600;
margin: 40px 0 25px 0;
}
.modular__component-single-work-content .single-work-content-phase {
color: var(--third-color);
font-size: 25px;
font-weight: 300;
text-transform: uppercase;
}
.modular__component-single-work-content .single-work-content-title {
margin: 5px 0 15px 0;
font-size: 30px;
display: block;
color: var(--text-color);
}
.modular__component-single-work-content .single-work-content-context {
font-size: 20px;
line-height: 30px;
font-weight: 300;
margin-bottom: 40px;
}
.modular__component-single-work-content .single-work-content-context>p {
font-weight: 300;
}
.modular__component-single-work-content .single-work-content-context ul {
color: var(--text-color);
margin: 0 0 0 40px;
}
.modular__component-single-work-image {
margin-bottom: 30px;
height: 100%;
}
.modular__component-single-work-image figure {
width: 100%;
height: 100%;
border-radius: 0 20px;
}
.modular__component-single-work-image figure img {
/* border: 1px solid rgba(74, 70, 89, 1); */
width: 100%;
height: 100%;
object-fit: cover;
/* border-radius: 0 20px; */
}
.modular__component-single-work-testimonial {
box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.46) inset,
-1px -1px 4px 0px rgba(10, 3, 37, 1) inset;
background: linear-gradient(104.39deg, #39334e 9.65%, #0a0325 53.27%);
width: 100%;
border-radius: 0 15px;
padding: 20px;
}
.modular__component-single-work-testimonial .single-work-testimonial-row {
display: flex;
align-items: center;
gap: 15px;
}
.modular__component-single-work-testimonial figure img {
width: 90px;
height: 90px;
border-radius: 0 10px;
}
.modular__component-single-work-testimonial .name {
font-size: 24px;
color: var(--text-color);
font-weight: 700;
}
.modular__component-single-work-testimonial p span {
font-size: 16px;
font-weight: 300;
}
.modular__component-single-work-testimonial p span:last-of-type {
color: var(--third-color);
}
.modular__component-single-work-testimonial>p {
line-height: 30px;
}
.modular__component-single-work-related {
display: flex;
gap: 25px;
}
.modular__component-single-work-related .single-work-related-item {
width: calc(100% / 3);
background: linear-gradient(121deg,
#404059 7.01%,
rgba(20, 12, 47, 0) 98.22%);
box-shadow: 1.91px 0.09px 0.54px 0px rgba(255, 255, 255, 0.25) inset,
-391.8px 13.6px 190.73px 0 rgba(10, 3, 37, 1) inset,
0.91px 0.91px 0.54px 0px rgba(255, 255, 255, 0.25) inset;
border-radius: 0 20px;
}
.modular__component-single-work-related .single-work-related-item figure img {
width: 100%;
height: 450px;
object-fit: cover;
border-radius: 0 20px;
}
.modular__component-single-work-related .single-work-related-item span {
font-size: 15px;
font-weight: 300;
padding: 10px 10px 0 10px;
display: block;
}
.modular__component-single-work-related .single-work-related-item .post_title {
font-size: 25px;
padding: 5px 10px 20px 10px;
}
.single-work-related-heading {
margin-top: 70px;
}
.modular__component-single-work-table {
height: 100%;
}
.modular__component-single-work-table ul {
display: flex;
flex-direction: column;
height: 100%;
align-items: stretch;
justify-content: flex-start;
gap: 20px;
padding-bottom: 40px;
}
.modular__component-single-work-table ul li {
display: inline-flex;
justify-content: space-between;
/* align-items:center; */
padding: 15px 0;
}
.modular__component-single-work-table ul li:not(li:last-of-type) {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.modular__component-single-work-table ul li:hover * {
color: var(--third-color);
}
.modular__component-single-work-table ul span {
font-size: 20px;
transition: var(--transition-1);
}
.modular__component-single-work-table ul li b {
color: var(--text-color);
font-size: 22px;
transition: var(--transition-1);
text-align: right;
}
.swiper .swiper-pagination {
margin-top: 50px;
display: block;
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
width: 34px !important;
height: 2px;
border-radius: 0;
background: rgba(163, 159, 177, 1);
margin: 0 !important;
transition: var(--transition-1);
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 68px !important;
}
.modular__component-contact-info-map .contact-info-map-globe {
width: 100%;
position: relative;
}
.modular__component-contact-info-map .contact-info-map-globe img {
width: 100%;
}
.modular__component-contact-info-map .contact-info-map-globe:after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to bottom,
transparent 50%,
var(--primary-color) 100%);
}
.modular__component-contact-info-map .contact-info-map-globe ul {
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
list-style: none;
}
.modular__component-contact-info-map .contact-info-map-globe ul li {
position: absolute;
}
.modular__component-contact-info-map .contact-info-map-globe ul li span.hexagon {
position: absolute;
width: 30px;
height: 30px;
filter: drop-shadow(0 0 15px var(--third-color));
}
.modular__component-contact-info-map .contact-info-map-globe ul li span.hexagon img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li span.hexagon img:first-of-type {
width: 50%;
animation: hex_inner 1200ms ease-out infinite alternate;
}
@keyframes hex_inner {
from {
transform: translate(-50%, -50%) scale(1);
}
to {
transform: translate(-50%, -50%) scale(1.4);
}
}
.modular__component-contact-info-map .contact-info-map-globe ul li span.hexagon:before {
content: "";
width: 30px;
height: 100%;
position: absolute;
display: block;
background: url("../media/hex-outer.svg") no-repeat;
background-size: contain;
top: 0;
background-position: center;
animation: hex_outer 2400ms ease-out infinite;
animation-delay: 1200ms;
}
@keyframes hex_outer {
from {
opacity: 1;
transform: scale(1);
}
to {
opacity: 0;
transform: scale(1.8);
}
}
.modular__component-contact-info-map .contact-info-map-globe ul li span.city-name:after {
content: "";
width: 50px;
height: 2px;
background: var(--third-color);
display: block;
position: absolute;
}
.modular__component-contact-info-map .contact-info-map-globe ul li span.city-name:before {
content: "";
width: 5px;
height: 5px;
background: var(--third-color);
display: block;
position: absolute;
}
.modular__component-contact-info-map .contact-info-map-globe ul li span.city-name {
position: absolute;
font-size: 20px;
text-transform: uppercase;
font-weight: 500;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#warsaw span.city-name:after {
top: 53px;
transform: translateY(-50%) rotate(90deg);
left: 18px;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#warsaw span.city-name:before {
top: 28px;
transform: translateY(-50%) rotate(45deg);
left: 40px;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#warsaw span.city-name {
left: -28px;
top: -59px;
transform: translateY(-50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#warsaw {
left: 735px;
top: 190px;
width: 170px;
height: 30px;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#amsterdam {
top: 220px;
left: 633px;
height: 104px;
width: 60px;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#amsterdam .hexagon {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#amsterdam .city-name {
bottom: 235px;
left: 51%;
transform: translateX(-50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#amsterdam span.city-name:after {
left: 50%;
top: 448%;
transform: translate(-50%, -100%) rotate(90deg);
width: 143px !important;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#amsterdam span.city-name:before {
left: 50%;
top: 27px;
transform: translateX(-50%) rotate(45deg);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#london {
top: 109px;
left: 585px;
height: 104px;
width: 60px;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#london .hexagon {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#london .city-name {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#london span.city-name:after {
left: 50%;
bottom: -166%;
transform: translate(-50%, -100%) rotate(90deg);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#london span.city-name:before {
left: 50%;
bottom: -12px;
transform: translateX(-50%) rotate(45deg);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#toronto {
top: 99px;
left: 200px;
height: 104px;
width: 60px;
}
.modular__component-contact-info-map .contact-info-map-globe ul li#toronto .hexagon {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#toronto .city-name {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#toronto span.city-name:after {
left: 50%;
bottom: -166%;
transform: translate(-50%, -100%) rotate(90deg);
}
.modular__component-contact-info-map .contact-info-map-globe ul li#toronto span.city-name:before {
left: 50%;
bottom: -12px;
transform: translateX(-50%) rotate(45deg);
}
.contact-info-map-details {
position: relative;
margin-top: -140px;
}
.contact-info-map-details .contact-info-map-details-item {
height: 100px;
padding-left: 17px;
}
.contact-info-map-details .col-12:not(.col-12:first-of-type) {
border-left: 1px solid #42386c;
}
.contact-info-map-details .contact-info-map-details-item figure {
display: flex;
align-items: center;
gap: 10px;
}
.contact-info-map-details .contact-info-map-details-item figure .details-item-title {
font-size: 28px;
text-transform: uppercase;
color: var(--text-color);
font-weight: 600;
}
.contact-info-map-details .contact-info-map-details-item ul {
margin-top: 20px;
display: flex;
flex-direction: column;
list-style: none;
gap: 10px;
}
.contact-info-map-details .contact-info-map-details-item ul li {
display: flex;
gap: 8px;
}
.contact-info-map-details .contact-info-map-details-item ul li span {
width: 20px;
}
.contact-info-map-details .contact-info-map-details-item ul li address,
.contact-info-map-details .contact-info-map-details-item ul li a {
font-style: normal;
font-size: 12px;
font-weight: 300;
}
.contact-info-map-details .contact-info-map-details-item ul * {
color: var(--text-color);
}
body.page-id-213 section.modular__component-contact-section-1 {
background: conic-gradient(from 180deg at 43.3% 18.34%,
#261c4a 0deg,
#251c4a 0.03deg,
#241b49 0.1deg,
#201644 6.55deg,
#1d153e 12.8deg,
#0a0325 360deg),
linear-gradient(180deg, rgba(10, 3, 37, 0) 55.11%, #0a0325 100%);
}
section.modular__component-contact-section-1 {
display: block;
padding: 20px 0 0 0;
}
section.modular__component-contact-section-1 .modular__component-breadcrumb {
margin-top: 0 !important;
}
section.modular__component-contact-section-1 .contact-section-1-wrapper-context {
display: flex;
flex-direction: column;
height: 100%;
}
.contact-section-1-wrapper-context .modular_component-social-icons {
margin-top: 260px;
gap: 12px;
}
.contact-section-1-wrapper-context .modular_component-social-icons li a {
width: 35px;
height: 35px;
display: inline-flex;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(66, 56, 108, 1);
border-radius: 8px;
font-size: 19px;
transition: var(--transition-1);
}
.contact-section-1-wrapper-context .modular_component-social-icons li a:hover {
transform: scale(0.9);
}
.contact-section-1-wrapper-context #lets-talk-contact-us {
margin-top: 30px;
overflow: hidden;
}
.contact-section-1-wrapper-context #lets-talk-contact-us span i {
font-style: normal;
display: inline-block;
line-height: 1em;
transform-origin: 0 0;
}
.contact-section-1-wrapper-context #lets-talk-contact-us span {
font-family: var(--font-1);
font-style: normal;
font-weight: 700;
font-size: 130px;
line-height: 100%;
text-transform: uppercase;
background: linear-gradient(262.2deg, #b73bd5 18.8%, #00e9dd 72.83%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
overflow: hidden;
display: inline-block;
transform-origin: 0 0;
font-style: normal !important;
word-spacing: 0;
overflow: hidden;
display: inline-flex;
}
button#contact-section-1-wrapper-form-copy {
border: 1px solid var(--third-color);
font-family: Poppins;
font-size: 25px;
font-weight: 400;
line-height: 25px;
letter-spacing: 0.03em;
border-radius: 8px;
padding: 4px 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
position: relative;
background: linear-gradient(0deg, #014f4c 0%, #0a0325 29.64%, #42386c 100%);
z-index: 2;
transition: var(--transition-1);
}
button#contact-section-1-wrapper-form-copy .icons {
position: relative;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
button#contact-section-1-wrapper-form-copy:hover {
border-color: rgba(66, 56, 108, 1);
}
button#contact-section-1-wrapper-form-copy:hover:before {
opacity: 1;
}
button#contact-section-1-wrapper-form-copy:before {
content: "";
background: linear-gradient(0deg, #5b4f8b 0%, #0a0325 100%);
width: 100%;
height: 100%;
display: block;
position: absolute;
border-radius: 8px;
z-index: 1;
opacity: 0;
transition: var(--transition-1);
}
button#contact-section-1-wrapper-form-copy>i,
button#contact-section-1-wrapper-form-copy>span {
z-index: 2;
}
button#contact-section-1-wrapper-form-copy .icons>span {
position: absolute;
font-size: 20px;
}
button#contact-section-1-wrapper-form-copy .icons>span.icon-copy-success {
opacity: 0;
transition: var(--transition-1);
}
button#contact-section-1-wrapper-form-copy .icons>span.icon-copy-success * {
color: var(--third-color);
}
button#contact-section-1-wrapper-form-copy:hover .icons>span.icon-copy-success {
opacity: 1;
}
button#contact-section-1-wrapper-form-copy .icons>.icon-mail {
transition: var(--transition-1);
}
button#contact-section-1-wrapper-form-copy:hover .icons>.icon-mail {
opacity: 0;
}
.contact-section-1-wrapper-form {
margin-top: 50px;
position: relative;
}
.contact-section-1-wrapper-form .wpcf7 {
margin-top: 40px;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="text"],
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="email"],
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row textarea {
background: transparent;
border: 1px solid rgba(100, 90, 119, 1);
border-radius: 5px;
width: 100%;
outline: none;
color: var(--text-color);
position: relative;
background: rgba(24, 16, 55, 0.2);
padding: 20px;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="text"],
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="email"] {
height: 60px;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row textarea {
resize: none;
height: 150px;
/* padding: 10px 0; */
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="text"]::placeholder,
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="email"]::placeholder,
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row textarea::placeholder {
transform: translateX(50px);
opacity: 0;
transition: var(--transition-1);
position: absolute;
left: 0;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="text"].active,
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="email"].active,
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row textarea.active {
background: rgba(19, 12, 44, 1);
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="text"].active::placeholder,
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="email"].active::placeholder,
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row textarea.active::placeholder {
transform: translateX(20px);
opacity: 1;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row {
position: relative;
margin-bottom: 30px;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row p.label {
position: absolute;
z-index: 1;
top: 32px;
transition: var(--transition-1);
font-size: 16px;
transform: translateY(-50%);
left: 18px;
line-height: 0;
padding: 0;
display: flex;
align-items: center;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row p.label.active {
font-size: small;
top: 0px;
color: rgba(163, 159, 177, 1);
background: rgba(19, 12, 44, 1);
padding: 11px 5px;
border-radius: 20px;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row span.wpcf7-not-valid-tip {
display: none;
}
.contact-section-1-wrapper-form .contact-section-1-wrapper-form-row p.label span {
font-weight: 200;
margin-left: 2px;
}
.contact-section-1-wrapper-form-row.last>p:first-of-type>span {
font-weight: 200;
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item {
margin: 0;
}
.contact-section-1-wrapper-form-row.last .wpcf7-form-control {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item label {
border: 1px solid rgba(66, 56, 108, 1);
border-radius: 5px;
padding: 8px;
font-size: 16px;
cursor: pointer;
transition: var(--transition-1);
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item label:hover {
background: rgba(66, 56, 108, 1);
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item label input {
display: none;
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item:has(input:checked) label {
border-color: var(--third-color);
}
.contact-section-1-wrapper-form-row.last>p:first-of-type>span {
font-weight: 200;
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item {
margin: 0;
}
.contact-section-1-wrapper-form-row.last .wpcf7-form-control {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item label:hover {
background: rgba(66, 56, 108, 1);
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item label input {
display: none;
}
.contact-section-1-wrapper-form-row.last .wpcf7-list-item:has(input:checked) label {
border-color: var(--third-color);
}
.contact-section-1-wrapper-form .wpcf7-submit {
background: linear-gradient(95.51deg, #1e1345 0%, #191136 59.76%);
border: 1px solid rgba(66, 56, 108, 1);
color: rgba(66, 56, 108, 1);
position: relative;
padding: 20px 40px;
border-radius: 12px 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
position: relative;
transition: var(--transition-1);
z-index: 1;
cursor: pointer;
pointer-events: none;
overflow: hidden;
min-width: 280px;
}
.contact-section-1-wrapper-form .wpcf7-submit i {
font-style: normal !important;
}
.contact-section-1-wrapper-form .wpcf7-submit:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(95.51deg, #da80ef 0%, #b73bd5 59.76%);
border-radius: 12px 0;
opacity: 0;
z-index: -1;
transition: var(--transition-1);
}
.contact-section-1-wrapper-form .active.wpcf7-submit:before {
opacity: 1;
}
.contact-section-1-wrapper-form .active.wpcf7-submit {
pointer-events: all;
}
.contact-section-1-wrapper-form .active.wpcf7-submit,
.contact-section-1-wrapper-form .active.wpcf7-submit span {
color: var(--text-color);
}
.contact-section-1-wrapper-form .wpcf7-response-output {
display: none !important;
}
.contact-section-1-wrapper-form .wpcf7-spinner {
display: none !important;
}
.contact-section-1-wrapper-form .wpcf7-submit span {
font-size: 14px;
color: rgba(66, 56, 108, 1);
transition: var(--transition-1);
}
.contact-section-1-wrapper-form .wpcf7-submit::after {
content: "";
position: absolute;
background: var(--third-color);
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 12px 0;
transition: var(--transition-1);
transform: scaleX(0);
transform-origin: left;
z-index: -1;
}
.contact-section-1-wrapper-form .wpcf7-submit.clicked::after {
transform: scaleX(1);
}
.contact-section-1-wrapper-form .wpcf7-submit.clicked,
.contact-section-1-wrapper-form .wpcf7-submit.clicked span {
color: var(--primary-color) !important;
}
.contact-section-1-wrapper-form .wpcf7-submit.active.success::before,
.contact-section-1-wrapper-form .wpcf7-submit.active.success::after {
opacity: 0;
}
.contact-section-1-wrapper-form .wpcf7-submit.active.success * {
color: var(--third-color) !important;
}
div#contact-section-1-wrapper-form-success {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
}
div#contact-section-1-wrapper-form-success .wrapper-form-success-circles {
/* position:relative; */
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
}
div#contact-section-1-wrapper-form-success .wrapper-form-success-circles img {
width: 200px;
height: 200px;
z-index: 2;
opacity: 0;
transition: all 1000ms ease-in-out;
}
div#contact-section-1-wrapper-form-success .wrapper-form-success-circles.active img {
opacity: 1;
}
div#contact-section-1-wrapper-form-success .wrapper-form-success-circles i {
background: linear-gradient(180deg, #42386c 0%, rgb(20 11 53) 100%);
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
box-shadow: 0px 3.3px 18.12px 0px rgba(0, 0, 0, 0.25);
width: calc(var(--i) * 210px);
height: calc(var(--i) * 210px);
display: block;
position: absolute;
border-radius: 50%;
z-index: calc(-1 * var(--i));
opacity: calc(1 - (var(--i) * 0.22));
transition: all 1000ms ease-in-out;
transition-delay: calc(150ms * var(--i));
}
div#contact-section-1-wrapper-form-success .wrapper-form-success-circles i:before {
content: "";
position: absolute;
width: 98%;
height: 98%;
background: linear-gradient(180deg, rgb(44 35 77) 0%, rgb(10 3 37) 100%);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
border-radius: 50%;
}
#contact-section-1-wrapper-form-success>p {
font-family: var(--font-1);
font-style: normal;
font-weight: 400;
font-size: 92.2981px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
background: linear-gradient(93.62deg, #ffffff 38.8%, #907fcf 83.08%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
z-index: 5;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 250%);
opacity: 0;
transition: all 1000ms ease-in-out;
transition-delay: 250ms;
}
#contact-section-1-wrapper-form-success .wrapper-form-success-circles.active~p {
transform: translate(-50%, 100%);
opacity: 1;
}
#contact-section-1-wrapper-form-success>a {
position: absolute;
top: 250px;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(95.51deg, #da80ef 0%, #b73bd5 59.76%);
width: 250px;
height: 60px;
display: inline-flex;
align-items: center;
justify-content: space-around;
border-radius: 12px 0;
font-size: 20px;
opacity: 0;
transition: all 1000ms ease-in-out;
transition-delay: 300ms;
overflow: hidden;
}
#contact-section-1-wrapper-form-success .wrapper-form-success-circles.active~a {
top: 220px;
opacity: 1;
}
#contact-section-1-wrapper-form-success>a span {
font-size: 14px;
}
#contact-section-1-wrapper-form-success>a p,
#contact-section-1-wrapper-form-success>a span {
transition: var(--transition-1);
}
#contact-section-1-wrapper-form-success>a:before {
content: "";
width: 100%;
height: 100%;
background: var(--third-color);
position: absolute;
border-radius: 12px 0;
z-index: -1;
transition: var(--transition-1);
transform-origin: left;
transform: scaleX(0);
}
#contact-section-1-wrapper-form-success>a:hover:before {
transform: scaleX(1);
}
#contact-section-1-wrapper-form-success>a:hover * {
color: var(--primary-color) !important;
}
.wrapper-form-success-circles.active i {
transform: translate(-50%, -50%) scale(1) !important;
}
.contact-section-1-wrapper-form-row.last p {
border: 1px solid rgba(100, 90, 119, 1);
background: rgba(24, 16, 55, 0.2);
padding: 20px;
border-radius: 5px;
}
.contact-section-1-wrapper-form-row.last.active p {
background: rgba(19, 12, 44, 1);
}
.contact-section-1-wrapper-form-row.last p button {
color: var(--text-color);
font-size: 16px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 40px;
}
.contact-section-1-wrapper-form-row.last p button>span span {
font-weight: 200;
}
.contact-section-1-wrapper-form-row.last p button>span.icon-arrow-down {
font-size: 10px;
color: rgba(66, 56, 108, 1);
transition: var(--transition-1);
}
.contact-section-1-wrapper-form-row.last.active p button>span.icon-arrow-down {
transform: rotate(180deg);
}
.contact-section-1-wrapper-form-row.last .wpcf7-form-control-wrap {
height: 0;
visibility: hidden;
opacity: 0;
display: block;
transition: var(--transition-1);
}
.contact-section-1-wrapper-form-row.last.active .wpcf7-form-control-wrap {
height: var(--h);
opacity: 1;
visibility: visible;
}
.modular__component-about-us-hero {
position: relative;
height: 80vh;
}
.modular__component-about-us-hero .modular__component-breadcrumb {
margin-top: 0;
padding-top: 15px;
}
.modular__component-about-us-hero>figure {
position: absolute;
width: 100%;
height: 80vh;
z-index: 1;
top: 0;
}
.modular__component-about-us-hero>figure:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
background: linear-gradient(180deg,
rgba(0, 0, 0, 0) 67.45%,
rgba(10, 3, 37, 0) 67.46%,
#0a0325 100%),
linear-gradient(0deg, rgba(10, 3, 37, 0.49), rgba(10, 3, 37, 0.49));
}
.modular__component-about-us-hero>figure img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.modular__component-about-us-hero .container {
z-index: 2;
position: relative;
}
.modular__component-about-us-hero .about-us-hero-content .title {
display: flex;
flex-direction: column;
align-items: center;
font-family: var(--font-1);
text-transform: uppercase;
gap: 35px;
padding-top: 260px;
}
.modular__component-about-us-hero .about-us-hero-content .title p:first-of-type {
font-size: 50px;
font-weight: 300;
}
.modular__component-about-us-hero .about-us-hero-content .title p:last-of-type {
font-size: 80px;
font-weight: 700;
}
.modular__component-about-us-hero .about-us-hero-content .title p:last-of-type span {
color: var(--secondary-color);
}
.modular__component-about-us-hero .about-us-hero-content .component_headings {
color: var(--text-color);
text-align: center;
display: block;
margin: 245px auto 35px auto;
}
.modular__component-about-us-hero .about-us-hero-content>p {
line-height: 30px;
font-size: 21px;
text-align: justify;
text-align-last: center;
}
.modular__component-about-us-vision .component_headings {
display: block;
margin: 0 auto 45px auto;
color: var(--text-color);
}
.modular__component-about-us-vision .about-us-vision-wrapper {
background: linear-gradient(172.96deg,
rgba(64, 64, 89, 0.47) -3.12%,
rgba(35, 35, 50, 0) 107.01%);
box-shadow: 0px 2px 1.9px 0px rgba(255, 255, 255, 0.25) inset,
1px 1px 4px 0px rgba(255, 255, 255, 0.25) inset,
-33px -128px 143.6px 0px rgba(10, 3, 37, 1) inset,
-13px -17px 38.6px -20px rgba(255, 255, 255, 0.32);
padding: 65px 70px 100px 70px;
border-radius: 0 16px;
}
.modular__component-about-us-vision .about-us-vision-wrapper figure {
width: 100%;
}
.modular__component-about-us-vision .about-us-vision-wrapper figure img {
width: 100%;
height: auto;
}
.modular__component-about-us-vision .about-us-vision-wrapper p {
font-size: 20px;
line-height: 33px;
}
.modular__component-df_sutdio_section>figure {
width: 100%;
height: 768px;
position: relative;
}
.modular__component-df_sutdio_section>figure img {
max-width: 100%;
height: auto;
width: 100%;
}
.modular__component-df_sutdio_section>figure video {
width: 100%;
height: 100%;
object-fit: cover;
}
.modular__component-df_sutdio_section>figure:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(10, 3, 37, 0) 0%, #0a0325 95.57%);
display: block;
bottom: 0;
left: 0;
z-index: 2;
}
.modular__component-df_sutdio_section .container {
position: relative;
margin-top: -250px;
z-index: 3;
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper {
background: #fff;
padding: 44px;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 925px;
margin: 0 auto;
gap: 20px;
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper .title {
font-family: var(--font-1);
width: 100%;
font-weight: 700;
font-size: 30px;
line-height: 36px;
text-transform: uppercase;
color: rgba(64, 64, 65, 1);
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper>p {
color: rgba(64, 64, 65, 1);
font-size: 18px;
font-weight: 300;
line-height: 27px;
text-align: justify;
display: block;
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper>a {
background: rgba(255, 203, 4, 1);
font-size: 20px;
font-weight: 600;
line-height: 39px;
margin: 0 0 0 auto;
padding: 11px 15px;
color: rgba(64, 64, 65, 1);
display: flex;
align-items: center;
gap: 10px;
position: relative;
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper>a span {
color: rgba(64, 64, 65, 1);
font-size: 16px;
z-index: 2;
position: relative;
transition: var(--transition-1);
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper>a:before {
content: "";
position: absolute;
background: rgb(65 64 64);
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
transform: scaleX(0);
transform-origin: right;
transition: var(--transition-1);
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper>a:hover:before {
transform: scaleX(1);
}
.modular__component-df_sutdio_section .df_sutdio_section-wrapper>a:hover span {
color: #fff;
}
.modular__component-testimonial-carousel .testimonial-carousel-item {
background: linear-gradient(144.01deg,
#39334e -11.34%,
rgba(10, 3, 37, 0) 89.93%);
box-shadow: 2px 2px 0px 0px rgba(255, 255, 255, 0.15) inset;
height: 430px;
border-radius: 0 15px;
position: relative;
}
.modular__component-testimonial-carousel .testimonial-carousel-item:before {
content: "";
background: linear-gradient(151.33deg, #39334e 19.84%, #0a0325 91.1%);
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
position: absolute;
z-index: 1;
border-radius: 0 15px;
box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.8) inset,
-1px -1px 4px 0px rgba(10, 3, 37, 1) inset;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-testimonial-carousel .testimonial-carousel-item:hover:before {
opacity: 1;
}
.testimonial-carousel-item .testimonial-carousel-item-meta {
padding: 20px;
display: flex;
gap: 15px;
z-index: 2;
position: relative;
}
.testimonial-carousel-item .testimonial-carousel-item-meta figure {
width: 110px;
height: 110px;
}
.testimonial-carousel-item .testimonial-carousel-item-meta figure img {
width: 100%;
height: 100%;
border-radius: 0 10px;
}
.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context {
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(100% - 110px - 15px);
}
.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:first-of-type {
display: flex;
flex-direction: column;
}
.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p .name {
font-size: 24px;
line-height: 40px;
}
.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:first-of-type span {
font-size: 14px;
line-height: 18px;
color: rgba(255, 255, 255, 0.7);
font-weight: 300;
}
.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:last-of-type {
display: flex;
align-items: center;
padding: 5px 10px;
justify-content: space-between;
background: rgba(10, 3, 37, 0.3);
border-radius: 7px;
}
.testimonial-carousel-item .testimonial-carousel-item-meta .item-meta-context p:last-of-type span {
font-size: 13px;
/* line-height:18px; */
height: 27px;
display: flex;
align-items: center;
}
.testimonial-carousel-item .testimonial-carousel-item-content {
padding: 0 20px 20px 20px;
z-index: 2;
position: relative;
}
.testimonial-carousel-item .testimonial-carousel-item-content p {
font-size: 18px;
line-height: 28px;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 300;
}
.roadmap_section-item {
display: flex;
flex-direction: row;
position: relative;
padding: 75px 60px;
gap: 20px;
}
.roadmap_section-item:before {
content: "";
width: 50%;
height: calc(100% + 1px);
position: absolute;
top: 0;
border-top: 1px solid var(--third-color);
border-bottom: 1px solid var(--third-color);
}
.modular__component-roadmap_section .col-12:first-of-type .roadmap_section-item:after {
content: "";
background: var(--third-color);
position: absolute;
width: 50%;
right: 0;
top: 0;
height: 1px;
}
.modular__component-roadmap_section .col-12:first-of-type:after {
content: "";
position: absolute;
width: 6px;
height: 6px;
right: 9px;
top: -3px;
border-radius: 50%;
background: var(--third-color);
}
.modular__component-roadmap_section .col-12:last-of-type .roadmap_section-item:before {
border-bottom: unset !important;
border-radius: 0 30px 0 0;
}
.modular__component-roadmap_section .col-12:last-of-type .roadmap_section-item:after {
content: "";
background: var(--third-color);
position: absolute;
width: 6px;
height: 6px;
right: -3px;
bottom: -3px;
border-radius: 50%;
}
.modular__component-roadmap_section .col-12 {
position: relative;
}
.modular__component-roadmap_section .col-12:before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-top: 1px solid var(--third-color);
border-right: 1px solid var(--third-color);
}
.modular__component-roadmap_section .col-12:has(.odd):before {
transform: rotate(-135deg);
left: 50%;
top: -7px;
}
.modular__component-roadmap_section .col-12:has(.even):before {
transform: rotate(45deg);
left: 50%;
top: -7px;
}
.roadmap_section-item.odd:before {
left: 0;
border-left: 1px solid var(--third-color);
border-radius: 30px 0 0 30px;
}
.roadmap_section-item.even:before {
right: 0;
border-right: 1px solid var(--third-color);
border-radius: 0 30px 30px 0;
}
.roadmap_section-item.even {
flex-direction: row-reverse;
}
.roadmap_section-item .item-content {
display: flex;
flex-direction: column;
gap: 10px;
}
.roadmap_section-item .item-content p {
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-align: justify;
}
.roadmap_section-item .item-content ul {
color: var(--text-color);
display: flex;
flex-direction: column;
/* gap:5px; */
margin: 5px 0 0 30px;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}
.roadmap_section-item .item-content .title {
font-size: 36px;
font-weight: 700;
line-height: 43.2px;
color: var(--text-color);
font-family: var(--font-1);
text-transform: uppercase;
}
.roadmap_section-item.even .item-content .title {
text-align: right;
}
.roadmap_section-item.even .item-content p {
text-align: justify;
}
.modular__component-comprehensive-roadmap {
margin-bottom: 150px;
}
.comprehensive-roadmap-wave div#rect {
background: -webkit-gradient(linear,
left top, right top,
from(transparent),
color-stop(15%, rgb(217 217 217 / 40%)),
color-stop(85%, rgb(217 217 217 / 40%)),
to(transparent));
background: -o-linear-gradient(left,
transparent 0%,
rgb(217 217 217 / 40%) 15%,
rgb(217 217 217 / 40%) 85%,
transparent 100%);
background: linear-gradient(to right,
transparent 0%,
rgb(217 217 217 / 40%) 15%,
rgb(217 217 217 / 40%) 85%,
transparent 100%);
width: 100%;
width: calc(var(--container-size) + 400px);
height: 300px;
position: absolute;
-webkit-mask: url('data:image/svg+xml;utf8,');
mask: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.modular__component-comprehensive-roadmap.virtual-influencer .comprehensive-roadmap-wave div#rect {
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4OSIgaGVpZ2h0PSIxNDAiIHZpZXdCb3g9IjAgMCAxNDg5IDE0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5MS45MyAzNi4wMTM1QzIxMy41OTQgLTExLjExMDUgMjgwLjE1MSAtMTIuMjQyMiAzMDMuNDA0IDM0LjExOEwzMzEuOTYyIDkxLjA1MTZDMzU2LjQzIDEzOS44MzIgNDI2LjE4OSAxMzkuNDQ3IDQ1MC4xMTYgOTAuMzk5M0w0NzQuMTUgNDEuMTMzN0M0OTguNjI1IC05LjAzMzg1IDU2OS45MDcgLTkuNjIyNzUgNTk1LjIwNiA0MC4xMzM3TDYyMS42NTMgOTIuMTQ5M0M2NDYuMzE3IDE0MC42NTcgNzE1LjgxNSAxNDAuMDY5IDczOS42NTYgOTEuMTUyMkw3NjMuOTk2IDQxLjIxMThDNzg4LjQ1NyAtOC45NzUzIDg1OS43NTkgLTkuNTc3NDUgODg1LjA2MyA0MC4xODkzTDkxMC43NDggOTAuNzA0QzkzNS41NDQgMTM5LjQ3IDEwMDUuNTMgMTM4LjU0NSAxMDI5LjAyIDg5LjE0MDVMMTA1MS4zNyA0Mi4xNjM5QzEwNzUuMzggLTguMzI2NTggMTE0Ni44MSAtOS41MjExIDExNzIuNSA0MC4xMzg1TDEyMDYuMDkgMTA1LjA3MUMxMjI4LjkxIDE0OS4xOTkgMTI5Mi4wMyAxNDkuMTkyIDEzMTQuODQgMTA1LjA1OUMxMzI1LjY1IDg0LjE1NzggMTM0Ny4yMSA3MS4wMzEyIDEzNzAuNzUgNzEuMDMxMUgxNDg4Ljc1VjcyLjc0M0gxMzcwLjc1QzEzNDcuODUgNzIuNzQzMSAxMzI2Ljg4IDg1LjUxMzMgMTMxNi4zNiAxMDUuODQ3QzEyOTIuOTEgMTUxLjIxMyAxMjI4LjAzIDE1MS4yMiAxMjA0LjU3IDEwNS44NThMMTE3MC45OCA0MC45MjU3QzExNDUuOTQgLTcuNDc2ODEgMTA3Ni4zMiAtNi4zMTMwNiAxMDUyLjkxIDQyLjg5OTNMMTAzMC41NyA4OS44NzU4QzEwMDYuNDYgMTQwLjU2NCA5MzQuNjYyIDE0MS41MTMgOTA5LjIyMiA5MS40ODAzTDg4My41MzcgNDAuOTY1N0M4NTguODczIC03LjU0MTM0IDc4OS4zNzcgLTYuOTU0NzIgNzY1LjUzNSA0MS45NjE4TDc0MS4xOTUgOTEuOTAyMkM3MTYuNzM1IDE0Mi4wOSA2NDUuNDMzIDE0Mi42OTIgNjIwLjEyOCA5Mi45MjQ3TDU5My42OCA0MC45MUM1NjkuMDIxIC03LjU4NzAzIDQ5OS41NDMgLTcuMDEzMTUgNDc1LjY4OCA0MS44ODQ2TDQ1MS42NTQgOTEuMTUwM0M0MjcuMTA1IDE0MS40NzEgMzU1LjUzNSAxNDEuODY2IDMzMC40MzIgOTEuODE5MkwzMDEuODc0IDM0Ljg4NTZDMjc5LjI2NCAtMTAuMTkxNSAyMTQuNTQ5IC05LjA5MDYgMTkzLjQ4NSAzNi43Mjk0QzE4My4zOTUgNTguNjc4MSAxNjEuNDQ5IDcyLjc0MyAxMzcuMjkyIDcyLjc0M0gwVjcxLjAzMTFIMTM3LjI5MkMxNjAuNzggNzEuMDMxMSAxODIuMTE5IDU3LjM1NDcgMTkxLjkzIDM2LjAxMzVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTMwNTJfMTA0ODApIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTMwNTJfMTA0ODAiIHgxPSI0LjEyNDMxIiB5MT0iOTMuOTAwNiIgeDI9IjE0ODguNzUiIHkyPSI5My44NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNUM1ODZDIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjEyNTU1OSIgc3RvcC1jb2xvcj0iIzVDNTg2QyIvPgo8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzVDNTg2QyIvPgo8c3RvcCBvZmZzZXQ9IjAuODc2NzY3IiBzdG9wLWNvbG9yPSIjNUM1ODZDIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVDNTg2QyIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==') !important;
mask: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ4OSIgaGVpZ2h0PSIxNDAiIHZpZXdCb3g9IjAgMCAxNDg5IDE0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5MS45MyAzNi4wMTM1QzIxMy41OTQgLTExLjExMDUgMjgwLjE1MSAtMTIuMjQyMiAzMDMuNDA0IDM0LjExOEwzMzEuOTYyIDkxLjA1MTZDMzU2LjQzIDEzOS44MzIgNDI2LjE4OSAxMzkuNDQ3IDQ1MC4xMTYgOTAuMzk5M0w0NzQuMTUgNDEuMTMzN0M0OTguNjI1IC05LjAzMzg1IDU2OS45MDcgLTkuNjIyNzUgNTk1LjIwNiA0MC4xMzM3TDYyMS42NTMgOTIuMTQ5M0M2NDYuMzE3IDE0MC42NTcgNzE1LjgxNSAxNDAuMDY5IDczOS42NTYgOTEuMTUyMkw3NjMuOTk2IDQxLjIxMThDNzg4LjQ1NyAtOC45NzUzIDg1OS43NTkgLTkuNTc3NDUgODg1LjA2MyA0MC4xODkzTDkxMC43NDggOTAuNzA0QzkzNS41NDQgMTM5LjQ3IDEwMDUuNTMgMTM4LjU0NSAxMDI5LjAyIDg5LjE0MDVMMTA1MS4zNyA0Mi4xNjM5QzEwNzUuMzggLTguMzI2NTggMTE0Ni44MSAtOS41MjExIDExNzIuNSA0MC4xMzg1TDEyMDYuMDkgMTA1LjA3MUMxMjI4LjkxIDE0OS4xOTkgMTI5Mi4wMyAxNDkuMTkyIDEzMTQuODQgMTA1LjA1OUMxMzI1LjY1IDg0LjE1NzggMTM0Ny4yMSA3MS4wMzEyIDEzNzAuNzUgNzEuMDMxMUgxNDg4Ljc1VjcyLjc0M0gxMzcwLjc1QzEzNDcuODUgNzIuNzQzMSAxMzI2Ljg4IDg1LjUxMzMgMTMxNi4zNiAxMDUuODQ3QzEyOTIuOTEgMTUxLjIxMyAxMjI4LjAzIDE1MS4yMiAxMjA0LjU3IDEwNS44NThMMTE3MC45OCA0MC45MjU3QzExNDUuOTQgLTcuNDc2ODEgMTA3Ni4zMiAtNi4zMTMwNiAxMDUyLjkxIDQyLjg5OTNMMTAzMC41NyA4OS44NzU4QzEwMDYuNDYgMTQwLjU2NCA5MzQuNjYyIDE0MS41MTMgOTA5LjIyMiA5MS40ODAzTDg4My41MzcgNDAuOTY1N0M4NTguODczIC03LjU0MTM0IDc4OS4zNzcgLTYuOTU0NzIgNzY1LjUzNSA0MS45NjE4TDc0MS4xOTUgOTEuOTAyMkM3MTYuNzM1IDE0Mi4wOSA2NDUuNDMzIDE0Mi42OTIgNjIwLjEyOCA5Mi45MjQ3TDU5My42OCA0MC45MUM1NjkuMDIxIC03LjU4NzAzIDQ5OS41NDMgLTcuMDEzMTUgNDc1LjY4OCA0MS44ODQ2TDQ1MS42NTQgOTEuMTUwM0M0MjcuMTA1IDE0MS40NzEgMzU1LjUzNSAxNDEuODY2IDMzMC40MzIgOTEuODE5MkwzMDEuODc0IDM0Ljg4NTZDMjc5LjI2NCAtMTAuMTkxNSAyMTQuNTQ5IC05LjA5MDYgMTkzLjQ4NSAzNi43Mjk0QzE4My4zOTUgNTguNjc4MSAxNjEuNDQ5IDcyLjc0MyAxMzcuMjkyIDcyLjc0M0gwVjcxLjAzMTFIMTM3LjI5MkMxNjAuNzggNzEuMDMxMSAxODIuMTE5IDU3LjM1NDcgMTkxLjkzIDM2LjAxMzVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTMwNTJfMTA0ODApIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTMwNTJfMTA0ODAiIHgxPSI0LjEyNDMxIiB5MT0iOTMuOTAwNiIgeDI9IjE0ODguNzUiIHkyPSI5My44NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjNUM1ODZDIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIwLjEyNTU1OSIgc3RvcC1jb2xvcj0iIzVDNTg2QyIvPgo8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzVDNTg2QyIvPgo8c3RvcCBvZmZzZXQ9IjAuODc2NzY3IiBzdG9wLWNvbG9yPSIjNUM1ODZDIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzVDNTg2QyIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==') !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
}
.modular__component-comprehensive-roadmap.virtual-influencer .comprehensive-roadmap-content ul li p {
font-size: 11px;
}
.comprehensive-roadmap-wave div#rect span {
background: linear-gradient(270deg, #ffffff 0%, #00e9dd 100%);
filter: blur(5px);
display: block;
height: 100%;
width: 300px;
opacity: 0;
transition: var(--transition-1);
}
.comprehensive-roadmap-wave {
margin: 0 auto;
display: flex;
justify-content: center;
position: absolute;
width: 100%;
overflow: hidden;
height: 300px;
top: 50%;
transform: translateY(-50%);
}
.comprehensive-roadmap-wrapper {
position: relative;
height: 400px;
overflow: hidden;
}
.comprehensive-roadmap-content {
position: absolute;
height: 300px;
width: calc(var(--container-size) + 400px);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.comprehensive-roadmap-content ul {
display: flex;
/* z-index: -1; */
position: relative;
height: 100%;
width: 100%;
align-items: center;
/* background: #ff000052; */
gap: 0;
flex-wrap: nowrap;
/* justify-content: space-evenly; */
justify-content: center;
position: absolute;
left: 50.35%;
transform: translateX(-50%);
}
.comprehensive-roadmap-content ul li {
display: flex;
flex-direction: column;
width: calc((100% - 19.5%) / 10);
align-items: center;
height: 100%;
position: relative;
/* border:1px solid #fff; */
}
.comprehensive-roadmap-content ul li:last-of-type,
.comprehensive-roadmap-content ul li:first-of-type {
width: 9.5%;
}
.comprehensive-roadmap-content ul li:last-of-type>i,
.comprehensive-roadmap-content ul li:last-of-type>p,
.comprehensive-roadmap-content ul li:last-of-type>span {
left: 46.5% !important;
}
.comprehensive-roadmap-content ul li:first-of-type>i,
.comprehensive-roadmap-content ul li:first-of-type>p,
.comprehensive-roadmap-content ul li:first-of-type>span {
left: 54.5% !important;
}
.comprehensive-roadmap-content ul li.even {
flex-direction: column-reverse !important;
}
.comprehensive-roadmap-content ul li p {
font-size: 14px;
line-height: 18px;
text-align: center;
position: absolute;
left: 50%;
top: -23px;
transform: translateX(-50%);
min-width: 150px;
font-weight: 300;
}
.comprehensive-roadmap-content ul li.even p {
bottom: -9%;
top: unset;
}
.comprehensive-roadmap-content ul li i {
position: absolute;
top: 21px;
left: 50%;
transform: translateX(-50%);
transform: translateX(-50%);
width: 27.5px;
height: 35px;
transition: var(--transition-1);
}
.comprehensive-roadmap-content ul li i img {
position: absolute;
left: 50%;
transform: translateX(-50%);
transition: var(--transition-1);
}
.comprehensive-roadmap-content ul li.even i img {
transform: translateX(-50%) rotate(180deg);
}
.comprehensive-roadmap-content ul li.even i {
top: unset;
bottom: 27px;
}
.comprehensive-roadmap-content ul li i #grad {
opacity: 0;
}
.comprehensive-roadmap-content ul li span#icon {
position: absolute;
top: 44%;
font-size: 42px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 50px;
}
.comprehensive-roadmap-content ul li span#icon span#simple {
position: absolute;
left: 50%;
transform: translateX(-50%);
color: rgba(93, 89, 109, 1);
opacity: 1;
transition: var(--transition-1);
}
.comprehensive-roadmap-content ul li.active span#icon span#simple {
opacity: 0;
}
.comprehensive-roadmap-content ul li span#icon span#grad {
left: 50%;
transform: translateX(-50%);
position: absolute;
color: transparent;
background: linear-gradient(145.42deg,
#f1adff 21.61%,
#c934e8 44.77%,
#00e9dd 82.82%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
opacity: 0;
transition: var(--transition-1);
}
.comprehensive-roadmap-content ul li.active span#icon span#grad {
opacity: 1;
}
.comprehensive-roadmap-content ul li.odd.active>i {
transform: translateY(5px) translateX(-50%);
}
.comprehensive-roadmap-content ul li.even.active>i {
transform: translateY(-5px) translateX(-50%);
}
.comprehensive-roadmap-content ul li.active>i img#grad {
opacity: 1;
}
.comprehensive-roadmap-content ul li.active>i img#gray {
opacity: 0;
}
.article-component-white.component-articles-item {
background: transparent !important;
border: 1px solid rgba(236, 236, 237, 1);
width: calc(100% / var(--c));
min-height: 470px;
cursor: pointer;
}
.article-component-white.component-articles-item>span {
background: #fff;
color: rgba(74, 70, 89, 1);
border-top: 1px solid rgba(236, 236, 237, 1);
border-left: 1px solid rgba(236, 236, 237, 1);
}
.article-component-white.component-articles-item>span i {
border-color: rgb(111 104 135);
}
.article-component-white.component-articles-item>span:before {
border-right: 1px solid rgba(236, 236, 237, 1);
border-bottom: 1px solid rgba(236, 236, 237, 1);
background: transparent;
z-index: 3;
left: -15px;
top: 19px;
}
.article-component-white.component-articles-item>span:after {
content: "";
width: 15px;
height: 15px;
display: block;
position: absolute;
left: -10px;
bottom: -3px;
background: #fff;
z-index: 2;
}
.article-component-white.component-articles-item:hover {
box-shadow: none !important;
}
.article-component-white.component-articles-item:hover:before {
display: none;
}
.article-component-white.component-articles-item .component-articles-meta {
background: rgba(238, 238, 238, 1);
}
.article-component-white.component-articles-item .component-articles-heading,
.article-component-white.component-articles-item .component-articles-heading span,
.article-component-white.component-articles-item .component-articles-meta span {
color: var(--black-color);
}
section.modular__theme_blog-archive-hero {
background: radial-gradient(69.01% 171.89% at 68.92% 203.92%,
#00e9dd 0%,
rgba(255, 255, 255, 0) 100%),
radial-gradient(52.13% 129.84% at 30.17% 190.67%,
#a107c0 0%,
rgba(255, 255, 255, 0) 100%)
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
;
padding-bottom: 125px;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-heading {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 90px;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-title {
font-size: 35px;
line-height: 45px;
font-weight: 500;
text-transform: uppercase;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-subtitle {
font-size: 40px;
font-weight: 600;
text-transform: uppercase;
background: linear-gradient(91.93deg, #b73bd5 53.06%, #00e9dd 79.4%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
text-align: center;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post {
margin-top: 80px;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .component_headings {
color: #000;
font-size: 40px;
margin-bottom: 35px;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white figure {
height: 250px;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white {
transition: var(--transition-1);
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white:hover {
background: #fff !important;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white .component-articles-meta span {
font-size: 17px;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white .component-articles-heading {
font-size: 25px;
color: rgba(74, 70, 89, 1);
line-height: 32px;
font-weight: 600;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white>span {
background: transparent;
border: none;
}
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white>span:before,
section.modular__theme_blog-archive-hero .blog-archive-hero-featured-post .article-component-white>span:after {
display: none;
}
.modular__component-blog-archive-posts {
margin-top: 115px;
}
.modular__component-blog-archive-posts .modular__component-articles .row .col-12 {
padding: 0 9px 30px 9px;
}
.modular__component-blog-archive-posts .modular__component-articles .article-component-white {
min-height: 354px;
cursor: pointer;
}
.modular__component-blog-archive-posts .modular__component-articles .article-component-white figure {
height: 180px;
}
section.modular__component-blog-archive-videos {
margin-top: 100px;
}
section.modular__component-blog-archive-videos .blog-archive-videos-title {
font-size: 40px;
color: rgba(19, 9, 54, 1);
margin: 0 auto;
text-align: center;
font-family: var(--font-1);
margin-bottom: 55px;
}
section.modular__component-blog-archive-videos .row {
width: 80%;
margin: 0 auto;
}
section.modular__component-blog-archive-videos .blog-archive-videos-item {
height: 360px;
width: 100%;
display: flex;
flex-direction: column;
border: 1px solid rgba(220, 220, 220, 1);
margin-bottom: 15px;
border-radius: 8px;
padding: 3px;
}
section.modular__component-blog-archive-videos .blog-archive-videos-item figure {
width: 100%;
height: 280px;
border-radius: 5px;
position: relative;
overflow: hidden;
}
section.modular__component-blog-archive-videos .blog-archive-videos-item figure span {
position: absolute;
top: 50%;
left: 50%;
width: 45px;
height: 45px;
border-radius: 0 5px;
background: rgba(57, 57, 57, 0.44);
display: flex;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%);
backdrop-filter: blur(5px);
transition: var(--transition-1);
}
section.modular__component-blog-archive-videos .blog-archive-videos-item:hover figure span {
transform: translate(-50%, -50%) scale(1.1);
background: #fff;
color: var(--third-color);
}
section.modular__component-blog-archive-videos .blog-archive-videos-item figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
transition: var(--transition-1);
}
section.modular__component-blog-archive-videos .blog-archive-videos-item:hover figure img {
transform: scale(1.1);
}
section.modular__component-blog-archive-videos .blog-archive-videos-item .blog-archive-videos-item-title {
padding: 13px 15px 10px 15px;
font-size: 16px;
color: rgba(10, 3, 37, 1);
font-weight: 400;
line-height: 25px;
}
section.modular__component-blog-archive-ebooks {
background: rgba(249, 249, 249, 1);
width: 100%;
padding: 85px 0;
margin-top: 150px;
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-title {
font-size: 40px;
color: rgba(19, 9, 54, 1);
margin: 0 auto;
text-align: center;
font-family: var(--font-1);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel {
margin-top: 45px;
position: relative;
}
.blog-archive-ebooks-carousel .swiper {
width: 80% !important;
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item {
border: 1px solid rgba(163, 159, 177, 1);
border-radius: 0 8px;
display: flex;
height: 180px;
position: relative;
transition: var(--transition-1);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item:hover {
border-color: rgb(235 234 241);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item figure {
height: 100%;
width: 300px !important;
display: block;
border-radius: 0 10px;
overflow: hidden;
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item:hover figure img {
transform: scale(1.1);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item figure img {
height: 100%;
width: 100%;
border-radius: 0 10px;
object-fit: cover;
transition: var(--transition-1);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item .carousle-item-title {
font-size: 20px;
color: rgba(74, 70, 89, 1);
padding: 30px 30px 0 30px;
font-weight: 600;
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item>span.carousle-item-permalink {
position: absolute;
bottom: -1px;
right: -1px;
padding: 5px 15px;
color: rgba(74, 70, 89, 1);
border-top: 1px solid rgba(163, 159, 177, 1);
border-left: 1px solid rgba(163, 159, 177, 1);
border-right: 1px solid rgba(249, 249, 249, 1);
border-bottom: 1px solid rgba(249, 249, 249, 1);
border-radius: 8px 0 0 0;
background: rgba(249, 249, 249, 1);
font-size: 14px;
transition: var(--transition-1);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item>span.carousle-item-permalink i {
width: 6px;
height: 6px;
display: inline-block;
margin: 0 1px;
border-radius: 5px;
border: 1px solid rgba(74, 70, 89, 1);
transition: var(--transition-1);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item:hover>span.carousle-item-permalink {
border-top: 1px solid rgb(235 234 241);
border-left: 1px solid rgb(235 234 241);
color: var(--third-color);
}
section.modular__component-blog-archive-ebooks .blog-archive-ebooks-carousel-item:hover>span.carousle-item-permalink i {
width: 20px;
border-color: var(--third-color);
}
section.modular__component-blog-archive-ebooks .swiper-button-prev,
section.modular__component-blog-archive-ebooks .swiper-button-next {
background: #fff;
width: 35px;
height: 35px;
border-radius: 50%;
transition: var(--transition-1);
}
section.modular__component-blog-archive-ebooks .swiper-button-prev:after,
section.modular__component-blog-archive-ebooks .swiper-button-next:after {
font-size: 15px;
color: rgba(41, 45, 50, 1);
transition: var(--transition-1);
}
section.modular__component-blog-archive-ebooks .swiper-button-prev:hover,
section.modular__component-blog-archive-ebooks .swiper-button-next:hover {
background: rgb(238 236 244);
}
section.modular__component-blog-archive-ebooks .swiper-button-prev:hover:after,
section.modular__component-blog-archive-ebooks .swiper-button-next:hover:after {
color: var(--secondary-color);
}
.blog-archive-posts-sidebar {
position: sticky;
top: 110px;
}
.blog-archive-posts-sidebar form {
display: flex;
flex-direction: column;
}
.blog-archive-posts-sidebar form fieldset {
border: none !important;
padding: 0;
margin: 0;
}
.blog-archive-posts-sidebar form>b {
font-size: 32px;
font-weight: 300;
margin-bottom: 30px;
}
.blog-archive-posts-sidebar form fieldset.search {
margin-bottom: 30px;
}
.blog-archive-posts-sidebar form fieldset.search input {
background: rgba(249, 249, 249, 1);
width: 100%;
border: 1px solid rgba(220, 220, 220, 1);
height: 50px;
border-radius: 10px;
outline: none;
padding: 18px 0 18px 20px;
}
.blog-archive-posts-sidebar form fieldset.search p {
position: relative;
}
.blog-archive-posts-sidebar form fieldset.search span {
color: rgba(74, 70, 89, 1);
position: absolute;
top: 50%;
right: 21px;
transform: translateY(-50%);
}
.blog-archive-posts-sidebar form fieldset.category,
.blog-archive-posts-sidebar form fieldset.sortby {
border-bottom: 1px solid rgba(236, 236, 237, 1) !important;
/* padding-bottom: 20px !important; */
transition: var(--transition-1);
}
.blog-archive-posts-sidebar form fieldset.category:has(button.close):hover,
.blog-archive-posts-sidebar form fieldset.sortby:has(button.close):hover {
background: rgba(249, 249, 249, 1);
}
.blog-archive-posts-sidebar form fieldset.category ul {
display: flex;
list-style: none;
flex-wrap: wrap;
gap: 10px;
transition: var(--transition-1);
height: var(--h);
margin-bottom: 20px;
}
.blog-archive-posts-sidebar form fieldset.sortby ul {
flex-direction: column;
list-style: none;
gap: 10px;
display: flex;
height: var(--h);
transition: var(--transition-1);
margin-bottom: 20px;
}
.blog-archive-posts-sidebar form fieldset.category ul.close,
.blog-archive-posts-sidebar form fieldset.sortby ul.close {
height: 0;
opacity: 0;
visibility: hidden;
margin-bottom: 0;
}
.blog-archive-posts-sidebar form fieldset.category ul li span,
.blog-archive-posts-sidebar form fieldset.sortby ul li span {
color: rgba(74, 70, 89, 1);
font-size: 18px;
}
.blog-archive-posts-sidebar form fieldset.category ul li label {
background: rgba(249, 249, 249, 1);
padding: 10px 14px;
display: inline-flex;
border: 1px solid transparent;
border-radius: 40px;
cursor: pointer;
transition: var(--transition-1);
}
.blog-archive-posts-sidebar form fieldset.sortby ul li label {
background: rgba(249, 249, 249, 1);
padding: 10px 14px;
display: flex;
border: 1px solid transparent;
border-radius: 40px;
width: 100%;
justify-content: center;
align-items: center;
cursor: pointer;
transition: var(--transition-1);
}
.blog-archive-posts-sidebar form fieldset.category ul li label:hover,
.blog-archive-posts-sidebar form fieldset.sortby ul li label:hover {
border: 1px solid var(--third-color);
background: #fff;
}
.blog-archive-posts-sidebar form fieldset.category ul li label input,
.blog-archive-posts-sidebar form fieldset.sortby ul li label input {
display: none;
}
.blog-archive-posts-sidebar form fieldset.category ul li label:has(input:checked),
.blog-archive-posts-sidebar form fieldset.sortby ul li label:has(input:checked) {
border: 1px solid var(--third-color);
}
.blog-archive-posts-sidebar form fieldset.category>button.dropdown {
display: flex;
width: 100%;
justify-content: space-between;
padding: 10px 15px;
margin: 10px 0 10px 0;
align-items: center;
cursor: pointer;
}
.blog-archive-posts-sidebar form fieldset.sortby>button.dropdown {
display: flex;
width: 100%;
justify-content: space-between;
padding: 10px 15px;
margin: 10px 0 10px 0;
align-items: center;
cursor: pointer;
}
.blog-archive-posts-sidebar form fieldset.sortby>button.dropdown *,
.blog-archive-posts-sidebar form fieldset.category>button.dropdown * {
transition: var(--transition-1);
}
.blog-archive-posts-sidebar form fieldset.sortby>button.dropdown:hover *,
.blog-archive-posts-sidebar form fieldset.category>button.dropdown:hover * {
color: var(--secondary-color);
}
.blog-archive-posts-sidebar form fieldset.category>button.dropdown span,
.blog-archive-posts-sidebar form fieldset.sortby>button.dropdown span {
color: rgba(0, 0, 0, 1);
font-size: 20px;
}
.blog-archive-posts-sidebar form fieldset.category>button.dropdown span.icon-arrow-down,
.blog-archive-posts-sidebar form fieldset.sortby>button.dropdown span.icon-arrow-down {
font-size: 10px;
transition: var(--transition-1);
}
.blog-archive-posts-sidebar form fieldset button.dropdown.close span.icon-arrow-down {
transform: rotate(180deg);
}
.blog-archive-posts-sidebar form fieldset.submit {
display: flex;
justify-content: space-between;
margin: 30px 0 0 0;
gap: 10px;
}
.blog-archive-posts-sidebar form fieldset.submit button {
width: 50%;
border-radius: 5px;
cursor: pointer;
}
.blog-archive-posts-sidebar form fieldset.submit button * {
transition: var(--transition-1);
}
.blog-archive-posts-sidebar form fieldset.submit button#submit {
background: rgba(10, 3, 37, 1);
padding: 15px 22px;
position: relative;
}
.blog-archive-posts-sidebar form fieldset.submit button#submit:before {
content: "";
background: var(--secondary-color);
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
border-radius: 5px;
transform: scaleY(0);
transition: var(--transition-1);
transform-origin: bottom;
}
.blog-archive-posts-sidebar form fieldset.submit button#submit span {
z-index: 2;
position: relative;
}
.blog-archive-posts-sidebar form fieldset.submit button#submit:hover:before {
transform: scaleY(1);
}
.blog-archive-posts-sidebar form fieldset.submit button#submit span.icon-filter {
font-size: 10px;
}
.blog-archive-posts-sidebar form fieldset.submit button#clear {
border: 1px solid rgba(217, 217, 217, 1);
transition: var(--transition-1);
}
.blog-archive-posts-sidebar form fieldset.submit button#clear:hover {
border-color: rgba(255, 139, 139, 1);
}
.blog-archive-posts-sidebar form fieldset.submit button#clear span {
color: rgba(255, 139, 139, 1);
}
button.btn_load_more {
background: rgba(249, 249, 249, 1);
border: 1px solid rgba(220, 220, 220, 1);
border-radius: 0 5px;
padding: 8px 19px;
cursor: pointer;
margin: 80px auto 0 auto;
display: block;
transition: var(--transition-1);
}
button.btn_load_more:hover {
background: transparent;
}
button.btn_load_more:hover span {
color: var(--secondary-color);
}
button.btn_load_more span {
color: rgba(74, 70, 89, 1);
transition: var(--transition-1);
}
.modular__component-blog-archive-posts .modular__component-articles {
flex-direction: column;
}
b#result-response {
font-size: 40px;
font-family: var(--font-1);
margin: 0 auto;
top: -40px;
position: relative;
}
footer#colophon {
background: url("../media/bg_footer.svg") no-repeat;
height: 450px;
display: flex;
align-items: flex-end;
background-position: center;
position: relative;
background-size: cover;
}
footer#colophon:before {
content: "";
width: 100%;
height: 80px;
position: absolute;
top: 0;
background: linear-gradient(to bottom,
var(--primary-color) 0%,
transparent 70%);
}
.site-footer-wrapper {
background: rgba(19, 9, 54, 0.6);
height: 200px;
padding: 28px;
border-radius: 0px 15px 0px 15px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.site-footer-nav ul {
display: flex;
list-style: none;
align-items: center;
gap: 40px;
position: relative;
height: 70px;
}
.site-footer-nav ul #nav__footer-bottom-line {
position: absolute;
width: 0;
height: 1px;
background: var(--third-color);
bottom: 0;
left: 0;
transition: var(--transition-1);
}
.site-footer-nav ul li a {
color: var(--text-color);
font-weight: 300;
transition: var(--transition-1);
}
.site-footer-nav ul li.current_page_item a {
color: var(--secondary-color);
}
.site-footer-nav ul li a:hover {
color: var(--third-color);
}
.col-12.col-md-6.site-footer-nav {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
footer#colophon .container {
margin: 80px auto 40px auto;
}
.site-footer-logo a {
height: 100%;
display: inline-flex;
}
.site-footer-logo a img {
height: 100%;
width: 220px;
}
.site-footer-wrapper .row {
margin: unset !important;
}
.site-footer-wrapper .row:first-of-type {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
/* padding-bottom: 15px; */
display: flex;
/* align-items: center; */
}
.site-footer-wrapper .row:last-of-type {
display: flex;
align-items: center;
padding-top: 15px;
}
.site-footer-contact ul {
display: flex;
flex-direction: column;
list-style: none;
gap: 18px;
}
.site-footer-contact ul li {
display: flex;
align-items: center;
gap: 25px;
}
.site-footer-contact ul li:hover * {
color: var(--third-color);
}
.site-footer-contact ul li span {
font-size: 20px;
transition: var(--transition-1);
}
.site-footer-contact ul li a {
/* font-size: calc(100vw * (16 / 1920)); */
font-size: 16px;
color: var(--text-color);
font-weight: 300;
transition: var(--transition-1);
}
.col-12.col-md-6.site-footer-social {
justify-content: flex-end;
display: flex;
}
.site-footer-copyright {
align-items: center;
justify-content: center;
}
.site-footer-copyright>p {
font-size: 16px;
font-weight: 300;
color: rgba(108, 95, 165, 1);
padding: 15px 0;
}
body.body_white,
header.header_white {
background: #fff !important;
}
header.header_white a#logo img {
/* filter: brightness(0) !important; */
}
header.header_white#masthead.stick a#logo img {
filter: none !important;
}
header.header_white #menu-toggle * {
color: rgba(10, 3, 37, 1) !important;
}
footer.footer_white {
background: none !important;
}
footer.footer_white:before {
display: none !important;
}
footer#colophon.footer_white {
height: auto !important;
align-items: unset !important;
background: rgba(249, 249, 249, 1) !important;
/* background:red !important; */
border-top: 1px solid rgba(236, 236, 237, 1);
margin-top: 170px;
}
footer.footer_white .site-footer-wrapper {
height: 100% !important;
padding: 90px 0 50px 0;
display: flex !important;
background: transparent;
align-items: stretch;
justify-content: space-between;
}
footer.footer_white .container {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
footer.footer_white .container .row {
border: unset !important;
}
footer.footer_white .site-footer-col-1>a {
display: inline-block;
}
footer.footer_white .site-footer-col-1 a img {
filter: invert(1);
width: 174px;
height: auto;
}
footer.footer_white .site-footer-col-1 nav ul {
display: flex;
flex-direction: column;
list-style: none;
gap: 15px;
margin-top: 35px;
}
footer.footer_white .site-footer-col-1 nav ul li a {
color: var(--black-color);
}
footer.footer_white .site-footer-col-2>b,
footer.footer_white .site-footer-col-3>b {
font-size: 20px;
font-family: var(--font-1);
font-weight: 700;
height: 32px;
display: inline-block;
text-transform: uppercase;
}
footer.footer_white .site-footer-col-2 nav ul {
display: flex;
flex-direction: column;
list-style: none;
gap: 15px;
margin-top: 35px;
}
footer.footer_white .site-footer-col-2 nav ul li a {
text-transform: uppercase;
max-width: 80%;
display: inline-block;
color: var(--black-color);
font-weight: 300;
}
footer.footer_white .site-footer-col-4 .modular_component-social-icons a span {
color: rgba(74, 70, 89, 1);
}
footer.footer_white .site-footer-col-5 p {
font-size: 16px;
color: rgba(163, 159, 177, 1);
}
footer.footer_white .site-footer-col-6 nav ul {
display: flex;
list-style: none;
gap: 10px;
}
footer.footer_white .site-footer-col-6 nav ul li a {
color: rgba(163, 159, 177, 1);
}
footer.footer_white .site-footer-col-6 nav ul li:last-of-type:before {
content: "/ ";
color: rgba(163, 159, 177, 1);
}
div#modular__componenet-scroll-bar-header {
overflow: hidden;
width: 100%;
position: absolute;
height: 3px;
bottom: 0;
}
div#modular__componenet-scroll-bar-header:after {
content: "";
background: linear-gradient(90deg,
#b73bd5 4.35%,
#3b1f8f 51.64%,
#00e0ff 97.99%);
width: 100%;
height: 100%;
display: block;
transform: scaleX(var(--x));
transition: transform 500ms ease;
transform-origin: left;
}
.modular__component-single-post-title-meta .modular__component-breadcrumb nav ol li a,
.modular__component-single-post-title-meta .modular__component-breadcrumb nav ol li:not(li:first-of-type) a:before {
color: rgba(163, 159, 177, 1) !important;
}
.modular__component-single-post-content .single-post-content-toc-wrapper ul li a {
font-weight: 500;
}
.modular__component-single-post-title-meta h1 {
color: var(--black-color);
font-size: 40px;
line-height: 45px;
font-weight: 600;
margin: 10px 0;
}
.modular__component-single-post-title-meta ul.post-meta {
display: flex;
list-style: none;
gap: 40px;
margin-top: 25px;
}
.modular__component-single-post-title-meta ul.post-meta * {
color: rgba(163, 159, 177, 1);
font-size: 18px;
text-transform: capitalize;
}
.modular__component-single-post-title-meta ul.post-meta li {
position: relative;
}
.modular__component-single-post-title-meta ul.post-meta li:not(li:first-of-type):before {
content: "";
width: 1px;
height: 13px;
background: rgba(163, 159, 177, 1);
display: block;
position: absolute;
left: -20px;
top: 50%;
transform: translate(-50%, -50%);
}
.modular__component-single-post-title-meta {
max-width: 900px;
margin: 0 auto;
}
.modular__component-single-post-title-meta>.container {
padding: 0;
}
.modular__component-single-post-content>figure {
max-width: 1200px;
margin: 0 auto;
margin-top: 60px;
}
.single-post-content-context ul,
.single-post-content-context ol {
margin: 0 0 0 30px;
color: #0A0325;
font-size: 18px;
line-height: 28px;
}
.single-post-content-context figure {
max-width: 100%;
}
.modular__component-single-post-content>figure img {
width: 100%;
height: auto;
border-radius: 0 15px;
}
.modular__component-single-post-content .single-post-content-main {
display: flex;
flex-direction: row;
gap: 30px;
max-width: 1200px;
margin: 0 auto;
}
.modular__component-single-post-content .single-post-content-toc {
width: 200px;
display: block;
}
.modular__component-single-post-content .single-post-content-toc-wrapper {
position: sticky;
top: 100px;
}
.modular__component-single-post-content .single-post-content-toc-wrapper b {
margin: 22px 0 10px 0;
display: block;
font-size: 16px;
font-weight: 600;
}
.modular__component-single-post-content .single-post-content-toc-wrapper ul {
display: flex;
flex-direction: column;
list-style: none;
gap: 10px;
font-size: 16px;
text-transform: capitalize;
}
.modular__component-single-post-content .single-post-content-toc-wrapper ul li a {
color: rgba(163, 159, 177, 1);
position: relative;
left: 0;
transition: var(--transition-1);
}
.modular__component-single-post-content .single-post-content-toc-wrapper ul li a.active {
color: #a107c0;
left: 3px;
}
.modular__component-single-post-content .single-post-content-body {
width: 750px;
}
.modular__component-single-post-content .single-post-content-author {
background: rgba(237, 237, 237, 0.5);
backdrop-filter: blur(20px);
/* max-width: 170px; */
height: 60px;
border-radius: 0 10px;
display: inline-flex;
padding: 8px;
align-items: center;
gap: 15px;
position: relative;
top: -30px;
}
.modular__component-single-post-content .single-post-content-author p {
color: rgba(163, 159, 177, 1);
}
.modular__component-single-post-content .single-post-content-author p span {
color: rgba(112, 146, 249, 1);
text-decoration: underline;
}
.modular__component-single-post-content .single-post-content-author p span a {
color: rgba(112, 146, 249, 1);
}
.modular__component-single-post-content .single-post-content-author>img {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 0 6px;
}
.modular__component-single-post-content .single-post-content-context p {
font-size: 18px;
line-height: 28px;
color: #0A0325;
margin-bottom: 10px;
}
.modular__component-single-post-content .single-post-content-context img {
width: 100%;
height: auto;
border-radius: 0 12px;
}
.modular__component-single-post-content .single-post-content-context h2 {
color: var(--black-color);
margin: 35px 0 20px 0;
font-size: 36px;
font-weight: 600;
}
.modular__component-single-post-content .single-post-content-context h3 {
color: #0A0325;
margin: 30px 0 15px 0;
font-size: 28px;
font-weight: 500;
}
.modular__component-single-post-content .single-post-content-context h4 {
color: rgba(0, 0, 0, 1);
margin: 30px 0 15px 0;
font-size: 24px;
font-weight: 500;
}
.modular__component-single-post-content .single-post-content-context h5,
.modular__component-single-post-content .single-post-content-context h6 {
color: rgba(95, 99, 104, 1);
margin: 30px 0 15px 0;
font-size: 20px;
font-weight: 500;
}
.modular__component-single-post-content .df__single-post-faq {
display: flex;
flex-direction: column;
gap: 15px;
margin-bottom: 15px;
}
.modular__component-single-post-content .df__single-post-faq details {
border: 1px solid #c7c7c7;
padding: 10px 5px;
border-radius: 5px;
cursor: pointer;
}
.modular__component-single-post-content .df__single-post-faq details summary {
font-size: 18px;
font-weight: bold;
}
.modular__component-single-post-content .df__single-post-faq details p {
margin: 0 !important;
}
.modular__component-single-post-content .df__single-post-faq details>summary {
list-style-type: none;
}
.modular__component-single-post-content .df__single-post-faq details>summary::-webkit-details-marker {
display: none;
}
.modular__component-single-post-content .df__single-post-faq details>summary::before {
content: '+';
font-weight: normal;
}
.modular__component-single-post-content .df__single-post-faq details[open]>summary::before {
content: '-';
}
.modular__component-single-post-content .single-post-content-bio {
display: flex;
background: #EDEDED80;
padding: 10px;
border-radius: 0 10px;
}
.single-post-content-bio .content-bio-item {
display: flex;
width: 30%;
align-items: center;
gap: 10px;
}
.single-post-content-bio .content-bio-item img {
width: 62px;
height: 62px;
object-fit: cover;
border-radius: 0 8px;
}
.single-post-content-bio .content-bio-item p {
display: flex;
flex-direction: column;
}
.single-post-content-bio .content-bio-item p span#name {
font-size: 22px;
color: #0A0325;
font-weight: 600;
line-height: normal;
}
.single-post-content-bio .content-bio-item p span#position {
color: #A39FB1;
font-size: 12px;
line-height: normal;
}
.modular__component-single-post-content .single-post-content-terms {
display: flex;
gap: 15px;
margin-top: 40px;
}
.modular__component-single-post-content .single-post-content-terms span {
color: rgba(95, 99, 104, 1);
font-size: 20px;
}
.modular__component-single-post-content .single-post-content-terms ul {
display: flex;
list-style: none;
align-items: center;
gap: 10px;
}
.modular__component-single-post-content .single-post-content-terms ul li a {
background: rgba(249, 249, 249, 1);
padding: 10px 15px;
border-radius: 50px;
font-size: 20px;
color: rgba(74, 70, 89, 1);
transition: var(--transition-1);
}
.modular__component-single-post-content .single-post-content-terms ul li a:hover {
background: var(--secondary-color);
color: var(--text-color);
}
form#commentform {
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap;
gap: 10px 5px;
justify-content: space-between;
}
form#commentform .comment-form-author,
form#commentform .comment-form-email {
width: calc(50% - 5px);
}
form#commentform .comment-form-author input,
form#commentform .comment-form-email input {
width: 100%;
min-height: 40px;
border-radius: 5px;
border: 1px solid #dcdcdc;
padding: 0 0 0 5px;
transition: var(--transition-1);
outline: 1px solid transparent;
}
form#commentform .comment-form-comment {
width: 100%;
}
form#commentform .comment-form-comment textarea {
width: 100%;
border-radius: 5px;
border: 1px solid #dcdcdc;
padding: 5px 0 0 5px;
resize: none;
height: 100%;
transition: var(--transition-1);
outline: 1px solid transparent;
}
form#commentform .comment-form-author input:focus,
form#commentform .comment-form-email input:focus,
form#commentform .comment-form-comment textarea:focus {
outline: 1px solid var(--secondary-color);
}
form#commentform button#submit {
background: var(--secondary-color);
min-width: 250px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
border-radius: 5px;
text-transform: uppercase;
color: var(--text-color);
font-family: var(--font-1);
font-weight: 300;
cursor: pointer;
transition: var(--transition-1);
}
form#commentform button#submit:hover {
background: var(--third-color);
}
form#commentform button#submit span {
font-size: 15px;
}
form#commentform .form-submit {
width: 100%;
}
.single-post-content-comment-header {
display: flex;
width: 100%;
margin: 60px 0 80px 0;
justify-content: space-between;
}
.single-post-content-comment-header b {
font-family: var(--font-1);
text-transform: uppercase;
font-size: 35px;
font-weight: 700;
}
.single-post-content-comment-header button {
background: var(--secondary-color);
padding: 10px 18px;
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.single-post-content-comment-header button span {
font-family: var(--font-1);
font-weight: 300;
}
.single-post-content-comment-header button * {
color: var(--text-color);
font-style: normal;
}
.comments-area .comment-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
}
.comments-area .comment-body {
padding: 25px;
border: 1px solid rgba(237, 237, 237, 1);
border-radius: 10px;
}
.comments-area .comment {
display: flex;
flex-direction: column;
gap: 10px;
}
.comments-area .comment .children {
list-style: none;
width: calc(100% - 30px);
position: relative;
}
.comments-area .comment .children:before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 50%;
right: -15px;
top: -10px;
border-right: 1px solid rgba(237, 237, 237, 1);
border-bottom: 1px solid rgba(237, 237, 237, 1);
border-radius: 0 0 10px 0;
}
.comments-area .comment .comment-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.comments-area .comment .comment-content * {
color: rgba(95, 99, 104, 1);
font-size: 16px;
line-height: 24px;
}
.comments-area .comment .comment-author {
display: flex;
align-items: center;
gap: 10px;
}
.comments-area .comment .comment-author cite {
font-size: 18px;
font-style: normal;
font-weight: 500;
text-transform: capitalize;
}
.comments-area .comment .comment-author img {
width: 32px;
height: 32px;
border-radius: 50%;
}
.comments-area .comment .comment-meta time {
color: rgba(163, 159, 177, 1);
}
.comments-area .comment .comment-content {
margin: 15px 0;
}
.comments-area .comment .comment-button {
display: flex;
align-items: center;
gap: 15px;
}
.comments-area .comment .comment-button button {
padding: 0;
display: flex;
align-items: center;
gap: 6px;
outline: none;
cursor: pointer;
}
.comments-area .comment .comment-button button span {
color: rgba(163, 159, 177, 1);
font-size: 20px;
transition: var(--transition-1);
}
.comments-area .comment .comment-button button i {
font-style: normal;
color: rgba(163, 159, 177, 1);
transition: var(--transition-1);
}
.comments-area .comment .comment-button button#comment-like:hover:enabled * {
color: rgba(139, 152, 223, 1);
}
.comments-area .comment .comment-button button#comment-dislike:hover:enabled * {
color: rgba(223, 139, 139, 1);
}
.comments-area .comment .reply a {
display: flex;
color: rgba(163, 159, 177, 1);
align-items: center;
gap: 5px;
}
.comments-area .comment .reply a span {
color: rgba(163, 159, 177, 1);
font-size: 12px;
}
section.sinlge-post-related-articles {
margin-top: 170px;
}
section.sinlge-post-related-articles .component_headings,
section.sinlge-post-related-articles .component-articles-heading,
section.sinlge-post-related-articles .component-articles-heading span,
section.sinlge-post-related-articles .component-articles-meta span {
color: var(--black-color);
}
section.sinlge-post-related-articles .component-articles-item {
background: transparent !important;
border: 1px solid rgba(236, 236, 237, 1);
cursor: pointer;
}
section.sinlge-post-related-articles .component-articles-item>span {
background: #fff;
color: rgba(74, 70, 89, 1);
border-top: 1px solid rgba(236, 236, 237, 1);
border-left: 1px solid rgba(236, 236, 237, 1);
}
section.sinlge-post-related-articles .component-articles-item>span i {
border-color: rgb(111 104 135);
}
section.sinlge-post-related-articles .component-articles-item>span:before {
border-right: 1px solid rgba(236, 236, 237, 1);
border-bottom: 1px solid rgba(236, 236, 237, 1);
background: transparent;
z-index: 3;
left: -15px;
top: 19px;
}
section.sinlge-post-related-articles .component-articles-item>span:after {
content: "";
width: 15px;
height: 15px;
display: block;
position: absolute;
left: -10px;
bottom: -3px;
background: #fff;
z-index: 2;
}
section.sinlge-post-related-articles .component-articles-item:hover {
box-shadow: none !important;
}
section.sinlge-post-related-articles .component-articles-item:hover:before {
display: none;
}
section.sinlge-post-related-articles .component-articles-item .component-articles-meta {
background: rgba(238, 238, 238, 1);
}
.single-post-content-context blockquote {
margin: 0;
display: flex;
flex-direction: column;
padding: 90px 30px 30px 30px;
background: rgba(246, 246, 246, 1);
margin: 30px 0;
gap: 10px;
position: relative;
}
.single-post-content-context blockquote p {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.single-post-content-context blockquote p cite {
font-style: normal;
}
.single-post-content-context blockquote p img {
width: 40px !important;
height: 40px !important;
border-radius: 10px !important;
}
.single-post-content-context blockquote .icon-quote:first-of-type {
transform: rotateZ(180deg);
/* display:block; */
top: 30px;
left: 30px;
}
.single-post-content-context blockquote .icon-quote:last-of-type {
bottom: 30px;
right: 30px;
}
.single-post-content-context blockquote .icon-quote {
color: rgba(209, 209, 209, 1);
/* width:45px; */
font-size: 39px;
position: absolute;
}
.single-post-content-tag-cta {
background: rgba(246, 246, 246, 1);
margin: 30px 0;
padding: 26px;
border-radius: 0 10px;
}
.single-post-content-tag-cta .tag-cta-title {
font-size: 30px;
color: var(--secondary-color);
}
.single-post-content-tag-cta p {
font-size: 16px !important;
line-height: 20px !important;
margin: 15px 0;
}
.single-post-content-tag-cta a {
display: inline-flex;
align-items: center;
padding: 13px 17px;
background: linear-gradient(123deg,
var(--third-color),
var(--third-color),
#00b1e9);
background-size: 200%;
background-position: 0;
border-radius: 2px 10px;
gap: 10px;
transition: all 1000ms ease-in-out;
position: relative;
overflow: hidden;
}
.single-post-content-tag-cta a:before {
content: "";
background: linear-gradient(to right,
#ffffff96 0%,
#ffffff96 40%,
transparent 40%,
transparent 60%,
#ffffff96 60%,
#ffffff96 80%);
position: absolute;
width: 60px;
height: 100px;
transform: rotate(25deg);
filter: blur(10px);
left: -80px;
transition: all 1500ms ease-in-out;
}
.single-post-content-tag-cta a:hover:before {
left: 150%;
}
.single-post-content-tag-cta a:hover {
background-position: 100%;
}
.single-post-content-tag-cta a span {
color: var(--primary-color);
font-size: 18px;
font-weight: 500;
}
.single-post-content-tag-cta img {
height: 100% !important;
object-fit: cover;
border-radius: 5px !important;
}
.single-post-content-newsletter {
background: rgba(246, 246, 246, 1);
border-radius: 0 10px;
padding: 26px;
margin: 20px 0 30px 0;
}
.single-post-content-newsletter img {
width: 100%;
height: auto;
}
.single-post-content-newsletter b {
font-weight: 700;
font-size: 30px;
line-height: 130.5%;
background: linear-gradient(90deg, #a107c0 0%, #00e9dd 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.single-post-content-newsletter p {
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #5f6368;
}
.modular__component-what-we-do-grid {
display: flex;
flex-direction: column;
}
.modular__component-what-we-do-grid .what-we-do-grid-wrapper {
display: inline-grid;
grid-template-columns: repeat(var(--grid), 1fr);
margin: 0 auto;
gap: 20px;
}
.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item {
width: 420px;
max-width: 100%;
min-height: 510px;
border: 1px solid rgba(74, 70, 89, 1);
border-radius: 5px;
display: flex;
flex-direction: column;
padding: 50px 44px 40px 44px;
position: relative;
cursor: pointer;
}
.what-we-do-grid-wrapper .what-we-do-grid-item:last-of-type {
grid-column: var(--last);
}
.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item:before {
content: "";
box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 1) inset,
-20px -28px 33.5px -44px rgba(255, 255, 255, 0.4),
-1px -1px 3px 0px rgba(0, 233, 221, 1) inset;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(121.19deg,
#404059 -14.68%,
rgba(20, 12, 47, 0) 111.31%);
z-index: 1;
border-radius: 5px;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item:hover:before {
opacity: 1;
}
.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item>p {
font-size: 18px;
line-height: 30px;
color: rgba(206, 206, 206, 1);
z-index: 2;
}
.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item figure {
z-index: 1;
}
.modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item .grid-item-heading {
margin: 40px 0 16px 0;
font-size: 32px;
font-weight: 600;
color: var(--text-color);
z-index: 2;
}
.modular__component-digital-marketing-lamps {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modular__component-digital-marketing-lamps .lamps {
margin: 0 auto;
display: block;
display: flex;
position: relative;
justify-content: center;
align-content: center;
min-height: 620px;
width: 100%;
overflow: hidden;
}
.modular__component-digital-marketing-lamps .lamps img {
position: absolute;
left: 50%;
top: 50%;
width: auto;
height: 620px;
object-fit: scale-down;
transition: var(--transition-1);
}
.modular__component-digital-marketing-lamps .lamps img#lamp-off {
transform: translate(-47%, -50%);
}
.modular__component-digital-marketing-lamps .lamps img#lamp-on {
transform: translate(-49.8%, -50%);
opacity: 0;
}
.modular__component-digital-marketing-lamps .lamps:hover img#lamp-off {
opacity: 0;
}
.modular__component-digital-marketing-lamps .lamps:hover img#lamp-on {
opacity: 1;
}
.modular__component-digital-marketing-lamps .content {
max-width: var(--container-size);
text-align: center;
margin-top: 70px;
}
.what_we_do_grid_basics-header {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.what_we_do_grid_basics-header .component_headings {
margin: 0;
}
.what_we_do_grid_basics-header>p {
color: var(--secondary-color);
font-size: 40px;
font-weight: 300;
}
.what_we_do_grid_basics-wrapper {
display: flex;
width: 100%;
gap: 20px;
margin-top: 60px;
}
.what_we_do_grid_basics-col {
max-width: calc(100% / 3);
display: flex;
flex-direction: column;
gap: 20px;
}
.what_we_do_grid_basics-item {
border: 1px solid rgba(74, 70, 89, 1);
padding: 60px 40px 40px;
min-height: 510px;
border-radius: 5px;
transition: var(--transition-1);
position: relative;
}
.what_we_do_grid_basics-item>p {
overflow: hidden;
max-height: 170px;
font-size: 18px;
line-height: 28px;
font-weight: 300;
position: relative;
transition: var(--transition-1);
}
.what_we_do_grid_basics-item:hover>p {
max-height: 500px;
}
.what_we_do_grid_basics-item:hover>p:after {
opacity: 0;
}
.what_we_do_grid_basics-item>p:after {
content: "";
width: 100%;
height: 30px;
background: linear-gradient(to bottom, transparent, var(--primary-color));
display: block;
position: absolute;
bottom: 0;
transition: var(--transition-1);
}
.what_we_do_grid_basics-item .item-heading {
font-size: 35px;
color: var(--text-color);
line-height: 35px;
margin: 40px 0 16px 0;
display: block;
}
.what_we_do_grid_basics-item:before {
content: "";
box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 1) inset,
-20px -28px 33.5px -44px rgba(255, 255, 255, 0.4),
-1px -1px 3px 0px rgba(0, 233, 221, 1) inset;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(121.19deg,
#404059 -14.68%,
rgba(20, 12, 47, 0) 111.31%);
z-index: 1;
border-radius: 5px;
opacity: 0;
transition: var(--transition-1);
}
.what_we_do_grid_basics-item:hover:before {
opacity: 1;
}
.what_we_do_grid_basics-item figure,
.what_we_do_grid_basics-item .item-heading,
.what_we_do_grid_basics-item>p,
.what_we_do_grid_basics-item .show_more_grids {
z-index: 3;
position: relative;
}
.modular__component-what_else_we_do {
overflow: hidden;
}
.modular__component-what_else_we_do .what_else_we_do-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modular__component-what_else_we_do .what_else_we_do-header>p {
font-weight: 300;
font-size: 40px;
line-height: 60px;
background: linear-gradient(90.5deg,
#0a0325 -74.36%,
#00e9dd 2.92%,
#b73bd5 155.91%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.modular__component-what_else_we_do .what_else_we_do-header .component_headings {
margin: 0;
}
.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper {
max-width: 888px;
margin: 0 auto;
justify-content: center;
margin-top: 60px;
position: relative;
}
.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper:before {
content: "";
width: calc((100vw - 888px - 80px) / 2);
max-height: 1043px;
height: 100%;
position: absolute;
top: 0;
left: calc((100vw - 888px) / -2);
display: block;
background: url("/wp-content/themes/dreamfarm/assets/media/what-else.webp");
background-repeat: no-repeat;
background-size: cover;
}
.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper:after {
content: "";
width: calc((100vw - 888px - 80px) / 2);
max-height: 1043px;
height: 100%;
position: absolute;
top: 0;
right: calc((100vw - 888px) / -2);
display: block;
background: url("/wp-content/themes/dreamfarm/assets/media/what-else.webp");
background-repeat: no-repeat;
background-size: cover;
transform: scaleX(-1);
}
.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper .what_we_do_grid_basics-col {
max-width: 50%;
}
.modular__component-what_else_we_do .what_we_do_grid_basics-wrapper .what_we_do_grid_basics-item {
min-height: 520px;
}
.modular__component-hexagon_digital_marketing .component_headings {
display: block;
color: var(--text-color);
margin: 0 0 0 0;
z-index: 3;
position: relative;
}
.modular__component-hexagon_digital_marketing figure {
margin: -80px 0 -80px 0;
}
.modular__component-hexagon_digital_marketing figure svg {
width: 100%;
}
g.hexagon-outline {
opacity: 0;
transition: all 750ms ease;
}
g.hexagon-outline:hover {
opacity: 1;
}
g.hexagon-outline+path {
pointer-events: none;
}
#hexagon-gradient {
animation: hexagone-gradient 5000ms ease infinite alternate;
transform-origin: center;
}
@keyframes hexagone-gradient {
from {
transform: scale(1);
}
to {
transform: scale(2.1);
}
}
.how_we_do_it-wrapper {
display: flex;
}
.how_we_do_it-wrapper-item {
width: calc(100% / var(--c));
height: 135px;
position: relative;
}
.how_we_do_it-wrapper-item img {
width: 100%;
transform: scale(1.12) translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
transform-origin: left top;
color-rendering: auto;
image-rendering: auto;
}
.how_we_do_it-wrapper-item .chevron-off {
z-index: 1;
}
.how_we_do_it-wrapper-item .chevron-on {
z-index: 2;
}
.how_we_do_it-wrapper-item .chevron-on img {
opacity: 0;
transition: all 250ms ease;
}
.how_we_do_it-wrapper-item.active .chevron-on img {
opacity: 1;
}
.how_we_do_it-wrapper-item p {
position: absolute;
z-index: 3;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-1);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
transition: all 250ms ease;
color: var(--text-color);
text-align: center;
width: 80%;
line-height: 21px;
}
.how_we_do_it-wrapper-item.active p {
color: var(--third-color);
}
.modular__component-inline_full_width_image figure {
width: 100%;
max-width: 100%;
}
.modular__component-inline_full_width_image figure img {
width: 100%;
height: auto;
}
.iframe-text-iframe {
min-height: 500px;
position: relative;
overflow: hidden;
}
.iframe-text-iframe iframe {
height: 500px;
}
.iframe-text-iframe:after {
content: "";
background: var(--primary-color);
width: 180px;
height: 66px;
position: absolute;
display: block;
right: 0;
bottom: 0;
}
.modular__component-iframe-text .iframe-text-context {
max-width: 1300px;
margin: 50px auto;
}
.modular__component-iframe-text .iframe-text-context .component_headings {
font-size: 45px;
}
.modular__component-apple-vision .apple-vision-images {
position: relative;
min-height: 710px;
}
.modular__component-apple-vision .apple-vision-images img {
position: absolute;
user-drag: none;
-webkit-user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
max-width: 100%;
height: auto;
}
.modular__component-apple-vision .apple-vision-images #image-off img {
opacity: 1;
}
.modular__component-apple-vision .apple-vision-images #image-on img {
opacity: 0;
}
.modular__component-apple-vision:hover .apple-vision-images #image-on img {
opacity: 1;
}
.modular__component-apple-vision .apple-vision-context {
max-width: 950px;
margin: 0 auto;
text-align: center;
position: relative;
min-height: 440px;
}
.modular__component-apple-vision .apple-vision-context .context-1,
.modular__component-apple-vision .apple-vision-context .context-2 {
position: absolute;
top: 0;
}
.modular__component-apple-vision .apple-vision-context .context-2 {
opacity: 0;
}
.modular__component-apple-vision .apple-vision-context .context-2 i {
color: var(--secondary-color);
font-style: normal;
display: block;
margin-top: 80px;
font-weight: 500;
}
.modular__component-apple-vision .apple-vision-context p {
font-weight: 300;
}
.modular__component-why-us .component_headings {
color: var(--third-color) !important;
}
.modular__component-why-us .why-us-context {
max-width: 950px;
margin: 0 auto;
text-align: center;
}
.modular__component-why-us figure img {
max-width: 100%;
height: auto;
}
.modular__component-why-us .why-us-context p {
font-weight: 300;
}
.modular__component-single-ebook {
max-width: 1000px;
margin: 100px auto;
}
.modular__component-single-ebook figure img {
width: 100%;
height: auto;
max-width: 100%;
}
.modular__component-single-ebook .single-ebook-form b {
font-size: 45px;
color: rgba(74, 70, 89, 1);
}
.modular__component-single-ebook>p {
font-size: 18px;
font-weight: 300;
color: rgba(74, 70, 89, 1);
line-height: 27px;
margin-top: 20px;
display: block;
}
.modular__component-single-work-banner {
max-width: 100%;
position: relative;
}
.modular__component-single-work-banner figure {
max-width: 100%;
}
.modular__component-single-work-banner figure img {
max-width: 100%;
width: 100%;
height: auto;
border-radius: 20px 0;
}
.modular__component-single-work-banner>a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(95.51deg, #da80ef 0%, #b73bd5 59.76%);
border-radius: 12px 0;
padding: 15px 20px 15px 50px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 40px;
}
.modular__component-single-work-banner>a span:last-of-type {
font-size: 12px;
}
.modular__component-single-work-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modular__component-single-work-iframe {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper {
background: transparent;
position: relative;
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper .title {
font-size: 60px;
color: var(--text-color);
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper .title span {
font-size: 45px;
font-weight: 300;
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper .subtitle {
color: var(--text-color);
font-family: var(--font-1);
font-size: 26px;
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper .content {
color: var(--text-color);
font-size: 20px;
font-weight: 200;
line-height: 30px;
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper>a {
top: 44px;
position: absolute;
right: 44px;
background: linear-gradient(95.51deg, #da80ef 0%, #b73bd5 59.76%);
/* padding:11px 30px; */
border-radius: 12px 0;
overflow: hidden;
gap: 60px;
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper>a:before {
border-radius: 12px 0;
}
.modular__component-df_sutdio_section.neorix_section .df_sutdio_section-wrapper>a span {
color: var(--text-color);
font-weight: 300;
}
.modular__component-text-block.text-block-center *:not(p, b, strong) {
font-family: var(--font-1);
text-align: center;
text-transform: uppercase;
font-weight: 700;
font-size: 70px;
margin-bottom: 20px;
}
.modular__component-text-block.text-block-center>p,
.modular__component-text-block.text-block-center>p b,
.modular__component-text-block.text-block-center>b,
.modular__component-text-block.text-block-center>strong,
.modular__component-text-block.text-block-center>p strong {
text-align: center;
color: var(--text-color);
font-size: var(--font-size-p);
line-height: var(--line-height-p);
}
.modular__component-multi-slider .swiper-slide.gradient:after {
background: linear-gradient(180deg, rgba(10, 3, 37, 0) 50%, #0a0325 100%);
content: "";
width: 100%;
height: 450px;
display: block;
position: absolute;
bottom: 0;
}
.modular__component-where-find-us {
padding: 40px;
border: 1px solid #4a4659;
border-radius: 10px;
}
.modular__component-where-find-us .where-find-us-info {
display: flex;
align-items: center;
}
.modular__component-where-find-us ul {
display: flex;
flex-direction: column;
gap: 15px;
}
.modular__component-where-find-us ul li {
display: flex;
gap: 8px;
align-items: center;
}
.modular__component-where-find-us ul li img {
width: 41px;
height: auto;
}
.modular__component-where-find-us ul li p.country {
font-size: 26px;
font-weight: 600;
}
.modular__component-where-find-us ul li address,
.modular__component-where-find-us ul li a {
font-style: normal;
color: var(--text-color);
font-size: 18px;
}
.modular__component-where-find-us .where-find-us-iframe iframe {
width: 100%;
border-radius: 10px;
}
.modular__component-text-block.text-block-center h1.metaverse-page p {
font-size: 45px;
font-weight: 300;
}
.modular__component-text-block.text-block-center h1.metaverse-page span {
font-weight: 700;
font-size: 120px;
background: linear-gradient(113.03deg, #00e9dd 25.48%, #a107c0 118.23%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.modular__component-text-block.text-block-center h1.metaverse-page+p {
max-width: 900px;
margin: 0 auto;
text-align: left;
}
.modular__component-iframe-text:has(.metaverse-page) .iframe-text-iframe iframe {
height: 1080px;
}
.modular__component-iframe-text:has(.metaverse-page) {
position: relative;
}
.modular__component-iframe-text:has(.metaverse-page) .iframe-text-context {
position: absolute;
bottom: 0;
left: calc(50% - 643px / 2 - 113.5px);
}
.modular__component-iframe-text:has(.metaverse-page) .iframe-text-context .metaverse-page {
display: flex;
flex-direction: column;
max-width: 650px;
}
.modular__component-iframe-text:has(.metaverse-page) .iframe-text-context .metaverse-page strong {
font-weight: 700;
font-size: 35px;
line-height: 42px;
text-transform: uppercase;
background: linear-gradient(90.36deg, #00e9dd -41.66%, #ffffff 68.58%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-family: var(--font-1);
}
.modular__component-iframe-text:has(.metaverse-page) .iframe-text-context .metaverse-page em {
color: var(--text-color);
font-style: normal;
font-size: 20px;
font-weight: 300;
line-height: 25px;
}
.modular__component-metaverse_image_text img {
max-height: 800px;
width: auto;
margin: 0 auto;
display: block;
max-width: 100%;
}
.modular__component-metaverse_image_text .metaverse_image_text-context {
max-width: 900px;
margin: 0 auto;
}
.modular__component-metaverse_image_text .metaverse_image_text-context p {
font-weight: 300;
line-height: 30px;
}
.modular__component-metaverse_image_text .metaverse_image_text-context ul {
display: flex;
flex-direction: column;
list-style: none;
color: var(--text-color);
font-size: 20px;
font-weight: 400;
font-family: var(--font-1);
margin: 10px 0 0 10px;
position: relative;
gap: 8px;
}
.modular__component-metaverse_image_text .metaverse_image_text-context ul:before {
content: "";
height: 100%;
width: 2px;
background: linear-gradient(180deg, #B73BD5 0%, #00E9DD 100%);
position: absolute;
display: block;
left: -10px;
}
.grecaptcha-badge {
display: none !important;
}
.modular__component-single-post-content .single-post-content-context p:has(iframe) {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.modular__component-single-post-content .single-post-content-context p:has(iframe) iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.modular__component-single-post-content .single-post-content-context .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.modular__component-single-post-content .single-post-content-context .embed-container iframe,
.modular__component-single-post-content .single-post-content-context .embed-container object,
.modular__component-single-post-content .single-post-content-context .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-post-content-context a {
color: #c934e8 !important;
}
.modular__component-banner-hero-text {
height: 100vh;
position: relative;
}
.modular__component-banner-hero-text figure,
.modular__component-banner-hero-text figure img {
height: 100%;
width: 100%;
object-fit: cover;
}
.modular__component-banner-hero-text .banner-hero-text-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modular__component-banner-hero-text .banner-hero-text-content {
text-align: center;
}
.modular__component-banner-hero-text .banner-hero-text-content h1 {
font-size: 80px;
font-family: var(--font-1);
text-transform: uppercase;
}
.modular__component-banner-hero-text .banner-hero-text-content p {
font-size: 60px;
text-transform: uppercase;
font-family: var(--font-1);
line-height: 65px;
font-weight: 700;
}
.modular__component-banner-hero-text .banner-hero-text-content p>em {
background: linear-gradient(82.22deg, #FFFFFF 7.57%, #C934E8 33.32%, #00E9DD 51.34%, #FFFFFF 94.76%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-style: normal;
}
.modular__component-ae-motion .ae-motion-wrapper,
.modular__component-ae-motion .ae-motion-wrapper canvas {
max-width: 100%;
}
.modular__component-cta-box-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px;
border: 1px solid #4A4659;
border-radius: 5px 10px;
position: relative;
}
.modular__component-cta-box-link:before {
content: "";
width: 100%;
height: 100%;
background: linear-gradient(121.19deg, #404059 -14.68%, rgba(20, 12, 47, 0) 111.31%);
border: 1px solid #4A4659;
box-shadow: inset -1px -1px 3px #00E9DD, inset 1px 1px 2px #FFFFFF;
border-radius: 5px 10px;
position: absolute;
left: 0;
top: 0;
display: block;
opacity: 0;
transition: var(--transition-1);
}
.modular__component-cta-box-link:hover:before {
opacity: 1;
}
.modular__component-cta-box-link>a {
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
color: var(--text-color);
padding: 20px 30px 20px 60px;
border-radius: 12px 0;
font-size: 20px;
font-weight: 300;
display: flex;
align-items: center;
gap: 50px;
z-index: 2;
}
.modular__component-cta-box-link>a span {
font-size: 14px;
}
.modular__component-cta-box-link .cta-box-link-context p {
font-size: 36px;
font-weight: 700;
font-family: var(--font-1);
text-transform: uppercase;
z-index: 2;
position: relative;
}
.modular__component-cta-box-link .cta-box-link-context p em {
font-style: normal;
background: linear-gradient(84.98deg, #FFFFFF -14.58%, #C934E8 20.65%, #00E9DD 58.26%, #FFFFFF 91.37%), linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.modular__component-banner-icon-text {
max-width: 100%;
position: relative;
}
.modular__component-banner-icon-text figure,
.modular__component-banner-icon-text figure img {
max-width: 100%;
width: 100%;
height: auto;
}
.modular__component-banner-icon-text .banner-icon-text-context {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 350px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 15px;
}
.modular__component-banner-icon-text .banner-icon-text-context p {
font-size: 18px;
color: #CECECE;
line-height: 27px;
font-weight: 300;
}
.modular__component-banner-icon-text .banner-icon-text-context p strong {
font-size: 40px;
color: var(--text-color);
text-transform: uppercase;
}
.modular__component-banner-icon-text .banner-icon-text-context p span {
font-size: 25px;
color: var(--text-color);
}
.what-are-the-benefit-header .component_headings {
text-align: left;
margin-bottom: 35px;
}
.what-are-the-benefit-header>p {
font-weight: 400;
font-size: 36px;
text-transform: uppercase;
background: linear-gradient(84.6deg, #FFFFFF -8.54%, #C934E8 34.04%, #00E9DD 79.5%, #FFFFFF 119.51%), linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline-block;
font-family: var(--font-1);
}
.what-are-the-benefit-content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 80px 40px;
margin-top: 80px;
}
.what-are-the-benefit-item {
display: flex;
flex-direction: column;
gap: 10px;
}
.what-are-the-benefit-item>span {
font-size: 90px;
color: var(--third-color);
font-weight: 500;
}
.what-are-the-benefit-item>strong {
color: var(--text-color);
font-size: 28px;
font-weight: 600;
}
.what-are-the-benefit-item>p {
color: #CECECE;
font-size: 20px;
font-weight: 300;
}
.power-of-game-header .component_headings {
margin-bottom: 20px;
}
.power-of-game-header>p {
text-align: center;
font-size: 32px;
font-weight: 300;
background: linear-gradient(90deg, #F1ADFF 0%, #C934E8 50%, #00E9DD 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.power-of-game-main {
display: flex;
gap: 20px;
margin-top: 60px;
}
.power-of-game-main .power-of-game-item {
width: calc(100% / 4);
padding: 14px;
border: 1px solid #4A4659;
border-radius: 3.5px;
display: flex;
flex-direction: column;
gap: 13px;
position: relative;
}
.power-of-game-main .power-of-game-item figure {
width: 100%;
z-index: 2;
overflow: hidden;
border-radius: 4px;
}
.power-of-game-main .power-of-game-item figure img {
width: 100%;
height: auto;
transition: var(--transition-1);
}
.power-of-game-main .power-of-game-item:hover figure img {
transform: scale(1.1);
}
.power-of-game-main .power-of-game-item strong {
font-size: 25px;
color: var(--text-color);
font-weight: 500;
padding-right: 30px;
z-index: 2;
}
.power-of-game-main .power-of-game-item p {
font-size: 14px;
line-height: 21px;
color: #CECECE;
font-weight: 300;
padding-right: 30px;
z-index: 2;
}
.power-of-game-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(155.11deg, #534781 0.32%, #0a0325 100.01%) padding-box, linear-gradient(301.2deg, #00E9DD 8.18%, #C934E8 81.14%) border-box;
border: 1px solid transparent;
border-radius: 3.5px;
transition: var(--transition-1);
opacity: 0;
}
.power-of-game-item:hover:before {
opacity: 1;
}
.solve-puzzle-header {
display: flex;
flex-direction: column;
align-items: center;
}
.solve-puzzle-header .component_headings {
font-size: 45px;
margin-bottom: 10px;
}
.solve-puzzle-header>p {
text-transform: capitalize;
background: linear-gradient(90.24deg, #F1ADFF 30.09%, #C934E8 52.14%, #00E9DD 74.18%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline-block;
font-size: 32px;
font-weight: 300;
}
.solve-puzzle-iframe {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-top: 40px;
}
.solve-puzzle-iframe:after {
content: "";
background: var(--primary-color);
width: 200px;
height: 100px;
position: absolute;
right: 0;
bottom: 0;
}
.solve-puzzle-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.solve-puzzle-context p {
font-size: 20px;
font-weight: 300;
text-align: center;
line-height: 30px;
}
body.page-id-12597 .modular__component-banner-hero-text .banner-hero-text-content p {
font-size: 30px;
font-family: var(--font-2);
font-weight: 300;
line-height: 30px;
margin-top: 30px;
}
body.page-id-12597 .modular__component-banner-hero-text .banner-hero-text-content h1 {
background: linear-gradient(94.53deg, #FFFFFF 14.57%, #00E9DD 98.03%), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(90.09deg, #E66BFF 0.08%, #C934E8 62.55%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.modular__component-fixed-scrollbar {
position: fixed;
width: 50px;
height: 600px;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 999999;
display: flex;
justify-content: flex-end
}
.modular__component-fixed-scrollbar span {
background: #42386B;
display: block;
width: 5px;
height: 100%;
border-radius: 2px;
position: relative;
}
.modular__component-fixed-scrollbar span:after {
content: "";
background: linear-gradient(86.62deg, #FFFFFF 0%, #C934E8 30.62%, #00E9DD 52.05%, #FFFFFF 103.67%), linear-gradient(90deg, #D9D9D9 0%, #737373 100%);
height: var(--sc);
width: 100%;
display: block;
border-radius: 2px;
transition: var(--transition-1);
}
.modular__component-our-adventur .col-12:has(.our-adventur-content) {
display: flex;
justify-content: center;
}
.our-adventur-content {
width: 450px;
margin-left: 28%;
}
.modular__component-our-adventur {
overflow: hidden;
}
.our-adventur-content figure {
display: flex;
justify-content: space-between;
align-items: center;
}
.our-adventur-content figure img {
max-width: 140px;
}
.our-adventur-content figure span {
font-size: 18px;
color: #A39FB1;
font-weight: 300;
border: 1px solid #42386B;
padding: 8px 10px;
border-radius: 5px;
}
.our-adventur-content>p:nth-child(2) {
font-size: 20px;
font-weight: 300;
line-height: 30px;
margin-top: 25px;
}
.our-adventur-content>p:nth-child(3) {
display: flex;
flex-direction: column;
font-size: 18px;
margin-top: 60px;
font-weight: 300;
}
.our-adventur-content>p:nth-child(3) em {
background: linear-gradient(86.58deg, #FFFFFF 1.85%, #C934E8 9.83%, #00E9DD 18.35%, #FFFFFF 25.85%), linear-gradient(90deg, #FFFFFF 0%, #999999 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline-block;
font-size: 36px;
font-weight: 600;
font-style: normal;
}
.our-adventur-content>p:nth-child(3) em:last-of-type {
margin-top: 30px;
}
.our-adventur-content>a {
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
border-radius: 12px 0;
padding: 20px 20px 20px 60px;
color: var(--text-color);
font-size: 20px;
display: inline-flex;
margin-top: 45px;
align-items: center;
gap: 40px;
}
.our-adventur-content>a span {
font-size: 14px;
}
.modular__component-archive-job-hero {
max-width: 100%;
position: relative;
}
.modular__component-archive-job-hero img {
width: 100%;
max-width: 100%;
}
.archive-job-hero-content {
position: absolute;
top: 50%;
left: 27%;
transform: translate(-50%, -50%);
}
.archive-job-hero-content h2 {
font-size: 65px;
font-family: var(--font-1);
text-transform: uppercase;
font-weight: 400;
}
.archive-job-hero-content h2 span {
font-size: 80px;
background: linear-gradient(100.29deg, #F1ADFF 29.42%, #C934E8 62.77%, #00E9DD 96.12%), #FFFFFF;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.modular__component-archive-job-why {
margin: calc(var(--margin-bottom-global) * 2) 0;
}
.modular__component-archive-job-why .component_headings {
font-size: 45px;
}
.archive-job-why-items {
display: flex;
list-style: none;
gap: 50px;
}
.archive-job-why-items li {
display: flex;
flex-direction: column;
width: 20%;
align-items: center;
position: relative;
gap: 25px;
}
.archive-job-why-items li:not(.archive-job-why-items li:first-of-type):before {
content: "";
position: absolute;
background: #42386B;
display: block;
width: 1px;
height: 60%;
left: -25px;
top: 50%;
transform: translateY(-50%);
}
.archive-job-why-items li img {
max-width: 75px;
height: 75px;
}
.archive-job-why-items li span {
max-width: 73%;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 17px;
}
.archive-job-roles-items {
display: flex;
list-style: none;
flex-direction: column;
margin: calc(var(--margin-bottom-global)* 2) 0;
}
.archive-job-roles-items li {
display: flex;
padding: 35px;
justify-content: space-between;
}
.archive-job-roles-items li:not(.archive-job-roles-items li.first, .archive-job-roles-items li:last-of-type) {
border-bottom: 1px solid #A39BC280;
}
.archive-job-roles-items li p {
width: 33%;
font-size: 25px;
font-weight: 300;
}
.archive-job-roles-items li p:has(span) {
display: flex;
align-items: center;
gap: 10px;
}
.archive-job-roles-items li p:nth-child(2) {
text-align: center;
}
.archive-job-roles-items li p:nth-child(3) {
text-align: right;
}
.archive-job-roles-items li.first b {
color: var(--text-color);
font-size: 30px;
font-weight: 500;
text-transform: capitalize;
}
.archive-job-roles-items li.first {
background: radial-gradient(49.5% 80.45% at 50% 100%, #2F1F6C 0%, #190E43 35.85%, #0A0325 100%) padding-box, radial-gradient(51.11% 384.77% at 48.89% 100%, #9fb0b1 10.98%, rgba(69, 67, 75, 0) 100%) border-box;
border-bottom: 1px solid transparent;
}
.archive-job-roles-items li a {
width: 100%;
display: flex;
}
.archive-job-roles-items li p span {
font-size: 14px;
}
.modular__component-archive-job-roles {
margin: calc(var(--margin-bottom-global) * 4) 0;
}
.single-job-hero-main {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.single-job-hero-main h1 span {
font-size: 25px;
font-weight: 300
}
.single-job-hero-main h1 p {
font-size: 60px;
font-family: var(--font-1);
text-transform: uppercase;
}
.single-job-hero-main h1 {
display: flex;
flex-direction: column;
gap: 25px;
}
button#single-job-form-open {
background: var(--secondary-color);
display: inline-flex;
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
padding: 20px 20px 20px 40px;
gap: 30px;
color: var(--text-color);
align-items: center;
border-radius: 12px 0;
cursor: pointer;
}
button#single-job-form-open span {
font-size: 11px;
}
section.container-fluid:has(.modular__component-single-job-hero) {
padding: 80px 0;
background: linear-gradient(180deg, #0A0325 0%, #191138 100%);
border-bottom: 1px solid #42386B;
}
.modular__component-single-job-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 45px;
margin-top: 100px;
}
.modular__component-single-job-content strong {
color: var(--text-color);
font-size: 25px;
font-weight: 600;
}
.modular__component-single-job-content p {
font-weight: 300;
line-height: 30px;
}
dialog.modular__component-single-job-form {
position: fixed;
background: #00000099;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
max-width: 100vw;
max-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
}
dialog.modular__component-single-job-form[open] {
visibility: visible;
opacity: 1;
animation: dialoge_open 500ms ease;
}
@keyframes dialoge_open {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
dialog.modular__component-single-job-form .single-job-form-main {
max-width: 726px;
background: linear-gradient(180deg, #261F41 0%, #100637 100%);
padding: 20px;
border-top: 1px solid #A39FB1;
border-radius: 20px;
}
dialog.modular__component-single-job-form .single-job-form-main .dialog-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
dialog.modular__component-single-job-form .single-job-form-main .dialog-head button {
border: 1px solid #645A77;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 10px;
cursor: pointer;
}
dialog.modular__component-single-job-form .single-job-form-main .dialog-head button span {
color: #645A77;
font-size: 12px;
}
dialog.modular__component-single-job-form .single-job-form-main .dialog-head p {
font-size: 25px;
}
dialog.modular__component-single-job-form input.wpcf7-form-control:not(input.wpcf7-hidden) {
background: transparent;
border: 1px solid #645A77;
border-radius: 5px;
width: 100%;
min-height: 65px;
padding: 15px 0 15px 20px;
outline: none;
margin-bottom: 30px;
color: var(--text-color);
}
dialog.modular__component-single-job-form input.wpcf7-form-control::placeholder {
color: var(--text-color);
font-size: 18px;
font-weight: 300;
}
dialog.modular__component-single-job-form form .wpcf7-submit {
display: inline-flex;
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
padding: 20px 20px 20px 40px;
gap: 30px;
color: var(--text-color);
align-items: center;
border-radius: 12px 0;
cursor: pointer;
margin-top: 35px;
}
dialog.modular__component-single-job-form form .wpcf7-submit span {
font-size: 14px;
}
dialog.modular__component-single-job-form form .wpcf7-submit i {
font-style: normal;
}
dialog.modular__component-single-job-form form .codedropz-upload-handler {
border: 1px dashed #645A77;
border-radius: 5px;
}
dialog.modular__component-single-job-form form .codedropz-upload-inner,
dialog.modular__component-single-job-form form .codedropz-upload-inner h3 {
font-size: 18px;
font-weight: 300;
color: var(--text-color);
}
dialog.modular__component-single-job-form .wpcf7 form.sent .wpcf7-response-output {
border: none;
padding: 0;
color: var(--text-color);
font-weight: 300;
}
body.page-id-12448 .what-we-do-grid-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.single.single-post .modular__component-articles {
justify-content: center;
}
a.our-games-item {
border: 1px solid #4A4659;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 19px;
min-height: 680px;
border-radius: 5px;
margin-bottom: 15px;
transition: var(--transition-1);
}
a.our-games-item figure {
width: 100%;
overflow: hidden;
border-radius: 5px;
}
a.our-games-item figure img {
width: 100%;
height: auto;
border-radius: 5px;
transition: var(--transition-1);
}
a.our-games-item:hover figure img {
transform: scale(1.05);
}
a.our-games-item:hover {
border-color: var(--third-color);
}
a.our-games-item>a {
border: 1px solid var(--text-color);
padding: 20px 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
text-transform: uppercase;
color: var(--text-color);
border-radius: 10px 0;
font-weight: 300;
transition: var(--transition-1);
}
a.our-games-item>a span {
font-size: 12px;
color: var(--text-color);
transition: var(--transition-1);
position: relative;
left: 0;
}
a.our-games-item:hover>a span {
color: var(--third-color);
}
a.our-games-item:hover>a {
color: var(--third-color);
border-color: var(--third-color);
}
a.our-games-item>a:hover span {
left: 5px;
}
/* article.our-games-item figure,
article.our-games-item figure img {
width: 100%;
height: auto;
}
article.our-games-item figure img {
border-radius: 5px;
} */
a.our-games-item .our-games-item-row {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
gap: 13px;
margin-top: 20px;
}
a.our-games-item .our-games-item-row h3 {
text-transform: uppercase;
font-size: 28px;
font-weight: 600;
}
a.our-games-item>p {
font-size: 19px;
line-height: 28px;
font-weight: 300;
color: #CECECE;
min-height: 120px;
margin-top: 20px;
}
a.our-games-item .our-games-item-row:last-of-type {
justify-content: space-between;
}
.more-games-wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px 0;
}
.more-games-wrapper .more-games-item {
max-width: calc(100% / 5);
width: calc(100% / 5);
}
.more-games-wrapper .more-games-item a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-direction: column;
gap: 5px;
}
.more-games-wrapper .more-games-item a span {
color: #42386B;
}
.more-games-wrapper .more-games-item a h4 {
font-size: 17px;
text-transform: uppercase;
text-align: center;
}
body.page-id-13637 .power-of-game-item {
min-height: 530px;
}
.more-games-wrapper .more-games-item a:hover img {
transform: translateY(-5px);
}
.more-games-wrapper .more-games-item a img {
transition: var(--transition-1);
border-radius: 35px;
}
.modular__component-game-studio-hero {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
overflow: hidden;
width: 100%;
position: relative;
height: 100vh;
}
.modular__component-game-studio-hero #game-studio-hero-background {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.game-studio-hero-wrapper {
z-index: 2;
margin-bottom: 12vh;
display: flex;
flex-direction: column;
align-items: center;
}
.game-studio-hero-rows {
z-index: 2;
display: flex;
flex-direction: column;
gap: 25px;
align-items: center;
width: 100%;
margin-bottom: 50px;
}
.game-studio-hero-row-item {
height: 85px;
width: 100%;
display: block;
background-repeat: repeat;
background-size: auto 100%;
animation: animatedBackground 30000s linear infinite alternate;
}
@keyframes animatedBackground {
from {
background-position: 0 0;
}
to {
background-position: -1000000px 0;
}
}
.game-studio-hero-rows img {
height: 85px;
width: auto;
animation: game_row 25000ms linear infinite alternate;
}
@keyframes game_row {
from {
transform: translate(-20%);
}
to {
transform: translate(20%);
}
}
.game-studio-hero-wrapper .component_headings {
font-size: 80px;
background: linear-gradient(147.28deg, #FFFFFF -11.99%, #00E9DD 123.15%), linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(90.09deg, #E66BFF 0.08%, #C934E8 62.55%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-bottom: 20px;
}
.game-studio-hero-wrapper p {
font-weight: 400;
font-size: 30px;
max-width: 875px;
text-align: center;
}
.game-studio-hero-wrapper>a {
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
color: var(--text-color);
padding: 15px 30px;
border-radius: 12px 0;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.game-studio-hero-wrapper>a i {
font-style: normal;
font-weight: 300;
}
.game-studio-hero-wrapper>a span {
font-size: small;
}
.modular__component-neorix-best-advantage {
height: 869px;
position: relative;
overflow: hidden;
}
.neorix-best-advantage-media {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.neorix-best-advantage-media img {
position: absolute;
}
.neorix-best-advantage-media #best-advantage-media-1 {
right: 1vw;
top: 55px;
transform: rotate(-15deg) scale(1.25);
transition: all 750ms ease;
}
.neorix-best-advantage-media #best-advantage-media-2 {
top: 100px;
left: 15vw;
transform: rotate(15deg) scale(1.25);
transition: all 1000ms ease;
}
.neorix-best-advantage-media #best-advantage-media-4 {
top: 420px;
left: 4vw;
transform: rotate(-15deg) scale(1.05);
transition: all 1250ms ease;
}
.neorix-best-advantage-media #best-advantage-media-3 {
top: 420px;
right: 12vw;
transform: rotate(15deg) scale(1.35);
transition: all 1500ms ease;
}
.neorix-best-advantage-media #best-advantage-media-1.hide,
.neorix-best-advantage-media #best-advantage-media-3.hide {
right: 0;
opacity: 0;
transform: rotate(0);
}
.neorix-best-advantage-media #best-advantage-media-2.hide,
.neorix-best-advantage-media #best-advantage-media-4.hide {
left: 0;
opacity: 0;
transform: rotate(0)
}
.neorix-best-advantage-content {
width: 100%;
height: 100%;
max-width: 854px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
text-align: center;
gap: 20px;
z-index: 2;
position: relative;
}
.neorix-best-advantage-content h3 {
font-size: 32px;
}
.modular__component-neorix-multiple-images-fadeup {
overflow: hidden;
position: relative;
height: 891px;
}
.neorix-multiple-images-fadeup-media {
position: absolute;
height: 100%;
}
.neorix-multiple-images-fadeup-media img {
position: absolute;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-1 {
left: calc(214 * 100vw / 1920);
}
.neorix-multiple-images-fadeup-media #neorix-images-set-2 {
left: calc(644 * 100vw / 1920);
top: 35px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-3 {
left: calc(1273 * 100vw / 1920);
top: 35px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-4 {
left: calc(1652 * 100vw / 1920);
top: 72px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-5 {
top: 282px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-6 {
left: calc(306 * 100vw / 1920);
top: 365px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-7 {
left: calc(1465 * 100vw / 1920);
top: 402px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-8 {
left: calc(1795 * 100vw / 1920);
top: 452px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-9 {
left: calc(33 * 100vw / 1920);
top: 668px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-10 {
left: calc(571 * 100vw / 1920);
top: 699px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-11 {
left: calc(1040 * 100vw / 1920);
top: 727px;
}
.neorix-multiple-images-fadeup-media #neorix-images-set-12 {
left: calc(1589 * 100vw / 1920);
top: 736px;
}
.neorix-multiple-images-fadeup-content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
max-width: 830px;
margin: 0 auto;
align-items: center;
justify-content: center;
text-align: center;
gap: 20px;
}
.neorix-multiple-images-fadeup-content h3 {
font-size: 32px;
}
.modular__component-neorix-video-virtual-influencer video {
width: 100%;
height: auto;
}
.modular__component-neorix-video-virtual-influencer {
overflow: hidden;
}
.neorix-video-virtual-influencer-content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding-right: 150px;
gap: 10px;
}
.neorix-video-virtual-influencer-content h3 {
font-size: 32px;
}
.modular__component-neorix_scroll_magic_1 {
position: relative;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.neorix_scroll_magic_1-image-set {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.neorix_scroll_magic_1-image-set img {
position: absolute;
}
.neorix_scroll_magic_1-image-set #neorix_scroll_magic_1-image-1 {
height: 750px;
width: auto;
left: 8%;
}
.neorix_scroll_magic_1-image-set #neorix_scroll_magic_1-image-4 {
height: 700px;
widows: auto;
right: 8%;
}
.neorix_scroll_magic_1-image-set #neorix_scroll_magic_1-image-2 {
height: 400px;
bottom: 0;
left: 55%;
}
.neorix_scroll_magic_1-image-set #neorix_scroll_magic_1-image-3 {
height: 400px;
bottom: 0;
left: 32%;
}
.neorix_scroll_magic_1-content {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 15px;
background: url('/wp-content/themes/dreamfarm/assets/media/neorix-custom-bg-1.webp');
background-size: cover;
z-index: 2;
padding-top: 150px;
}
.neorix_scroll_magic_1-content p,
.neorix_scroll_magic_1-content h3 {
max-width: 854px;
}
.neorix_scroll_magic_1-content p {
text-align: center;
font-size: 24px;
font-weight: 300;
line-height: 36px;
}
.neorix_scroll_magic_1-content h3 {
font-size: 32px;
font-weight: 700;
}
.modular__component-neorix-how-it-works video {
width: 100%;
height: auto;
}
.modular__component-neorix-how-it-works p {
text-align: center;
}
.modular__component-interactive_media_hero spline-viewer {
height: 90vh;
position: relative;
}
.modular__component-interactive_media_intro p {
text-align: center;
max-width: 950px;
margin: 0 auto;
}
.modular__component-interactive_media_intro p b {
font-size: 25px;
}
.modular__component-interactive_media_hero:after {
content: "";
background: #0c0327;
width: 200px;
height: 100px;
display: block;
position: absolute;
z-index: 10;
bottom: 0;
right: 0;
}
.modular__component-interactive_media_bomb iframe {
height: 40vh
}
.modular__component-interactive_media_bomb {
position: relative;
}
.modular__component-interactive_media_bomb:after {
content: "";
background: #0c0327;
width: 200px;
height: 100px;
display: block;
position: absolute;
z-index: 10;
bottom: 0;
right: 0;
}
.modular__component-interactive_media_dart h3 {
font-size: 45px;
font-family: var(--font-1);
text-transform: uppercase;
margin-bottom: 15px;
}
.modular__component-single-work-slider figure img {
width: 100%;
height: auto;
}
.modular__component-single-work-slider figure {
display: flex;
align-items: center;
justify-content: center;
}
.modular__component-single-work-slider figure:not(.swiper-slide-active) img {
opacity: .5;
transform: scale(.9);
}
.modular__component-single-work-slider figure img {
transition: var(--transition-1);
transform: scale(1);
height: 100%;
width: 100%;
}
.modular__component-single-work-slider .swiper-wrapper {
align-items: center;
}
.swiper-control {
display: flex;
position: relative;
justify-content: center;
align-items: center;
margin-top: 25px;
min-height: 80px;
}
.swiper-control .swiper-button-prev,
.swiper-control .swiper-button-next {
left: unset;
right: unset;
position: relative;
top: unset;
bottom: unset;
width: 40px !important;
height: auto;
}
.swiper-control .swiper-button-prev:after,
.swiper-control .swiper-button-next:after {
font-size: 15px;
color: var(--text-color);
}
.swiper-control .swiper-pagination-bullets.swiper-pagination-horizontal {
width: auto;
margin: 0;
}
footer.footer_white .site-footer-col-3 form input.sib-email-area {
border: 1px solid #ECECED;
min-height: 60px;
border-radius: 5px;
padding: 0 20px;
}
footer.footer_white .site-footer-col-3 form input.sib-email-area:focus {
outline: none;
}
footer.footer_white .site-footer-col-3 form input.sib-email-area::placeholder {
color: #4A4659;
font-weight: 300;
}
footer.footer_white .site-footer-col-3 form input[type='submit'] {
background: var(--secondary-color) !important;
font-family: var(--font-1);
text-transform: uppercase;
font-weight: 300 !important;
position: relative;
padding: 10px 150px 10px 10px !important;
border-radius: 5px !important;
}
footer.footer_white .site-footer-col-3 form p:has(input[type='submit']) {
position: relative;
}
footer.footer_white .site-footer-col-3 form p:has(input[type='submit']):after {
content: "\e906";
width: 50px;
height: 50px;
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translate(186px, -40%);
font-family: 'icomoon' !important;
color: var(--text-color);
font-size: 13px;
}
.modular__component-full-width-hero-btn {
position: relative;
height: 100vh;
width: 100%;
overflow: hidden;
}
.modular__component-full-width-hero-btn>video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
z-index: 0;
}
.full-width-hero-btn-content {
z-index: 2;
position: relative;
max-width: var(--container-size);
margin: 0 auto;
top: 50%;
transform: translateY(-100%);
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 150px;
}
.full-width-hero-btn-content .full-width-hero-btn-content-left {
width: 60%;
display: flex;
gap: 20px;
flex-direction: column;
}
.full-width-hero-btn-content h1 {
font-size: 70px;
font-family: var(--font-1);
}
.full-width-hero-btn-content p {
line-height: 34px;
font-size: 24px;
}
.modular__component-full-width-hero-btn:before {
content: "";
width: 100%;
height: 100%;
background: radial-gradient(68.38% 66.63% at 81.15% 30.1%, rgba(10, 3, 37, 0) 15.15%, #0A0325 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 1;
}
.modular__component-full-width-hero-btn .full-width-hero-btn-content a {
width: 160px;
height: 160px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(93, 83, 129, 0.45) 100%);
box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.42), inset 0px -1px 4px rgba(255, 255, 255, 0.25);
backdrop-filter: blur(20px);
border-radius: 150px;
position: relative;
}
.modular__component-full-width-hero-btn a span {
color: var(--text-color);
font-size: 40px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
body.page-id-14446 .modular__component-full-width-cards .full-width-cards-item:nth-child(2n) {
direction: rtl;
}
body.page-id-14446 .modular__component-full-width-cards .full-width-cards-item:nth-child(2n) .row .col-12:nth-child(1) {
direction: ltr;
}
body.page-id-14446 .modular__component-full-width-cards .full-width-cards-item .row .col-12:nth-child(1) {
display: flex;
flex-direction: column;
justify-content: center;
}
body.page-id-14446 .modular__component-multi-slider {
height: calc(100vh - 50px) !important;
}
@media screen and (min-width:780px) {
.modular__component-3d-configurator-use-cases .swiper-pagination {
gap: 20px !important;
margin-top: -5px !important;
}
.modular__component-3d-configurator-use-cases .swiper-control .swiper-pagination-bullet {
min-width: 100px;
}
.modular__component-3d-configurator-use-cases .swiper-control .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 180px !important;
}
}
h3 {
padding-top: 30px;
}
@font-face {
font-family: 'icomoon-new';
src: url('https://dreamfarmagency.com/wp-content/themes/dreamfarm/assets/fonts/icons/icon.eot');
src: url('https://dreamfarmagency.com/wp-content/themes/dreamfarm/assets/fonts/icons/icon.eot#iefix') format('embedded-opentype'),
url('https://dreamfarmagency.com/wp-content/themes/dreamfarm/assets/fonts/icons/icon.ttf') format('truetype'),
url('https://dreamfarmagency.com/wp-content/themes/dreamfarm/assets/fonts/icons/icon.woff') format('woff'),
url('https://dreamfarmagency.com/wp-content/themes/dreamfarm/assets/fonts/icons/icon.svg') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-new-"],
[class*=" icon-new-"] {
font-family: 'icomoon-new' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-new-book:before {
content: "\e905";
color: #555;
}
.icon-new-guideline:before {
content: "\e900";
color: #555;
}
.icon-new-plan:before {
content: "\e901";
color: rgb(85, 85, 85);
}
.icon-new-launch:before {
content: "\e903";
color: #555;
}
.icon-new-strategy:before {
content: "\e904";
color: #555;
}
body.page-id-14092 .modular__component-multi-slider .multi-slider-content-wrapper {
top: 80%;
}
body.page-id-14092 .modular__component-multi-slider .swiper-slide video+span {
display: none !important;
}
body.postid-15876 .modular__component-banner-icon-text .banner-icon-text-context {
max-width: 50% !important;
}
body.page-id-15927 .what-we-do-grid-item {
min-height: 330px !important;
}
body.page-id-15927 .modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item .grid-item-heading {
text-align: center;
font-size: 30px;
}
body.page-id-15927 .modular__component-what-we-do-grid .what-we-do-grid-wrapper .what-we-do-grid-item>p {
text-align: center;
}
.modular__component-single-post-content .single-post-content-context iframe {
margin: 0 auto !important;
}
.modular__component-single-post-content .single-post-content-context figcaption {
text-align: center;
font-style: italic;
}
.modular__component-single-post-content .single-post-content-context .single-post-takeaway h2,
.modular__component-single-post-content .single-post-content-context .single-post-takeaway h3,
.modular__component-single-post-content .single-post-content-context .single-post-takeaway h4,
.modular__component-single-post-content .single-post-content-context .single-post-takeaway h5,
.modular__component-single-post-content .single-post-content-context .single-post-takeaway h6 {
margin-top: 0 !important;
padding: 10px 20px;
}
.modular__component-single-post-content .single-post-content-context .single-post-takeaway {
background: #F6F6F6;
padding: 10px 20px;
/* border-radius:5px; */
border-left: 2px solid var(--secondary-color);
}
.modular__component-single-post-content .single-post-content-context .single-post-takeaway ul {
display: flex;
flex-direction: column;
gap: 12px;
}
html:has(body.body_light),
body.body_light {
background: #fff !important;
}
body.body_light footer#colophon {
background: unset !important;
}
body.body_light footer#colophon:before {
display: none !important;
}
body.body_light header#masthead {
background: rgba(255, 255, 255, 0.7);
box-shadow: inset 0px -1px 4px rgba(255, 255, 255, 0.25);
backdrop-filter: blur(20px);
}
body.body_light .site-footer-wrapper {
background: linear-gradient(122.66deg, #F9F9F9 0%, #E0E0E0 100%), rgba(19, 9, 54, 0.6);
}
body.body_light {
--text-color: #000;
}
body.body_light header#masthead.stick a#logo img {
filter: unset !important;
}
body.body_light .site-footer-logo a img {
filter: invert(1);
}
body.body_light .site-footer-logo a img {
filter: invert(1);
}
body.body_light header#masthead .main-navigation-wrapper .menu li a,
body.body_light header .modular_component-social-icons a *,
body.body_light header#masthead button#close-menu * {
color: #fff;
}
.modular__component-single-work-banner figure img.none-radius {
border-radius: unset !important;
}
.single-work-banner-content {
position: absolute;
top: 50%;
left: calc((100vw - var(--container-size)) / 2);
transform: translateY(-50%);
}
.single-work-banner-content .content h1 {
font-family: var(--font-1);
text-transform: uppercase;
font-size: 100px !important;
font-weight: 500;
}
.single-work-banner-content>a {
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
border-radius: 12px 0;
padding: 20px 20px 20px 60px;
font-size: 20px;
display: inline-flex;
margin-top: 45px;
align-items: center;
gap: 40px;
}
.single-work-banner-content>a * {
color: #fff;
}
.single-work-intro-full-width {
max-width: var(--container-size);
background: unset;
margin: 0 auto;
padding: 75px 0;
}
body.body_light section:has(.single-work-intro-full-width) {
background: #F7F7F7;
margin-top: -5px;
}
.single-work-intro-full-width .main-title {
color: var(--text-color) !important;
}
.single-work-intro-full-width .single-work-intro-main-title {
display: flex;
justify-content: center;
}
section.container-fluid .row.no-gutters:has(.modular__component-single-work-content) .modular__component-single-work-content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 0 100px
}
section.container-fluid .row.no-gutters:has(.modular__component-single-work-table) .modular__component-single-work-table {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 0 18%;
}
section.container-fluid .row.no-gutters:has(.modular__component-single-work-table) .modular__component-single-work-table ul li:not(li:last-of-type) {
border-color: #CDCCCC;
}
.modular__component-single-work-image.no-margin {
margin-bottom: 0;
}
.grid-narrow-images-wrapper {
display: flex;
flex-wrap: nowrap;
padding: 0 20px;
gap: 20px;
}
.grid-narrow-images-wrapper .grid-narrow-images-item {
width: calc(100% / 6);
min-height: 880px;
position: relative;
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: flex-end;
transition: var(--transition-1);
overflow: hidden;
padding: 25px;
}
.grid-narrow-images-wrapper .grid-narrow-images-item:hover {
width: 40%;
}
.grid-narrow-images-wrapper .grid-narrow-images-item:after {
content: "";
background: linear-gradient(to bottom, transparent 50%, #ffffffc7);
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
z-index: 2;
left: 0;
}
.grid-narrow-images-wrapper .grid-narrow-images-item img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
z-index: 1;
object-position: center;
border-radius: 10px;
left: 0;
bottom: 0;
}
.grid-narrow-images-wrapper .grid-narrow-images-item .content {
z-index: 3;
transition: all 400ms ease;
}
.grid-narrow-images-wrapper .grid-narrow-images-item .title {
font-size: 24px;
}
.grid-narrow-images-wrapper .grid-narrow-images-item p {
transition: all 400ms ease;
font-size: 18px;
line-height: normal;
opacity: 0;
height: 0;
}
.grid-narrow-images-wrapper .grid-narrow-images-item:hover>.content {
transition-delay: 400ms;
bottom: 10%;
}
.grid-narrow-images-wrapper .grid-narrow-images-item:hover>.content p {
opacity: 1;
height: calc(var(--h));
transition-delay: 400ms;
}
.single_work_main_title {
font-family: var(--font-1);
text-transform: uppercase;
font-size: 54px !important;
}
a#noya_cta_btn {
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
border-radius: 12px 0;
padding: 15px 25px 15px 70px;
font-size: 20px;
display: inline-flex;
margin-top: 45px;
align-items: center;
gap: 40px;
}
a#noya_cta_btn * {
color: #fff;
}
a#noya_cta_btn .icon-right_arrow {
font-size: 15px;
}
#noya_cta_notice {
color: #bab8b8;
}
body.body_light button#contact-section-1-wrapper-form-copy {
background: linear-gradient(0deg, #FFFFFF 0.48%, #DBDBDB 32.05%, #FFFFFF 100%);
border: 0.5px solid #D3C3F1;
}
body.body_light .contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="text"],
body.body_light .contact-section-1-wrapper-form .contact-section-1-wrapper-form-row input[type="email"],
body.body_light .contact-section-1-wrapper-form .contact-section-1-wrapper-form-row textarea {
background: #fff;
border: 1px solid #D3C3F1;
}
body.body_light .contact-section-1-wrapper-form .contact-section-1-wrapper-form-row p.label.active {
background: #fff;
}
body.body_light .contact-section-1-wrapper-form-row.last.active p,
body.body_light .contact-section-1-wrapper-form-row.last p {
background: #fff;
}
body.body_light button#contact-section-1-wrapper-form-copy:before {
display: none;
}
body.body_light .contact-section-1-wrapper-form .wpcf7-submit {
background: linear-gradient(95.51deg, #DA80EF 0%, #B73BD5 59.76%);
border-color: transparent;
color: #fff;
filter: grayscale(1);
}
body.body_light .contact-section-1-wrapper-form .wpcf7-submit span {
color: #fff;
}
body.body_light .contact-section-1-wrapper-form .wpcf7-submit.active {
filter: grayscale(0);
}
body.body_light .contact-section-1-wrapper-form-row.last .wpcf7-list-item label:hover span {
color: #fff;
}
.modular__component-grid-slider .swiper-wrapper {
position: relative;
}
.modular__component-grid-slider .grid-slider-wrapper {
position: relative;
height: 89vh;
}
.modular__component-grid-slider .grid-slider-item {
position: absolute;
top: 0;
width: 100%;
left: 0;
}
.modular__component-grid-slider .grid-slider-slide-wrapper {
display: none;
gap: 20px;
padding: 20px 20px 60px 20px;
}
.modular__component-grid-slider .grid-slider-slide-wrapper.is-active {
display: flex;
}
.modular__component-grid-slider .grid-slider-slide-wrapper {
display: flex;
gap: 20px;
padding: 20px 20px 60px 20px;
}
.modular__component-grid-slider .grid-slider-slide-wrapper.type_1 .grid-slider-col-1,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_2 .grid-slider-col-2,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_3 .grid-slider-col-3 {
display: grid;
grid-template-rows: 40% calc(100% - 20px - 40%);
}
.modular__component-grid-slider .grid-slider-slide-wrapper.type_2 .grid-slider-col-1,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_2 .grid-slider-col-3,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_1 .grid-slider-col-2,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_1 .grid-slider-col-3,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_3 .grid-slider-col-1,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_3 .grid-slider-col-2 {
width: 35%;
}
.modular__component-grid-slider .grid-slider-slide-wrapper.type_2 .grid-slider-col-2,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_1 .grid-slider-col-1,
.modular__component-grid-slider .grid-slider-slide-wrapper.type_3 .grid-slider-col-3 {
width: 30%;
}
.modular__component-grid-slider .grid-slider-slide-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
transition: all 750ms cubic-bezier(0.58, 0.08, 0, 0.99);
/* animation:img_intro 1500ms ease infinite; */
}
@keyframes img_intro {
from {
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
to {
clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
}
.modular__component-grid-slider .grid-slider-slide-wrapper .grid-slider-col-1,
.modular__component-grid-slider .grid-slider-slide-wrapper .grid-slider-col-2,
.modular__component-grid-slider .grid-slider-slide-wrapper .grid-slider-col-3 {
display: flex;
flex-direction: column;
gap: 20px;
height: 80vh;
}
.modular__component-grid-slider {
position: relative
}
.modular__component-grid-slider #grid-slider-label {
position: absolute;
bottom: 0;
right: 20px;
color: #C2C2C2;
font-family: var(--font-1);
font-weight: 300;
font-size: 22px;
line-height: normal;
text-align: right;
}
.modular__component-grid-slider .swiper-navigation-wrapper {
position: absolute;
bottom: 30px;
left: 20px;
}
.modular__component-grid-slider .swiper-navigation-wrapper .swiper-button-next {
left: 60px;
border: 1px solid #dcdcdc;
width: 50px;
height: 50px;
border-radius: 50%;
}
.modular__component-grid-slider .swiper-navigation-wrapper .swiper-button-next:after,
.modular__component-grid-slider .swiper-navigation-wrapper .swiper-button-prev:after {
font-size: 24px;
color: #000;
}
.modular__component-grid-slider .swiper-navigation-wrapper .swiper-button-prev {
left: 0;
border: 1px solid #dcdcdc;
width: 50px;
height: 50px;
border-radius: 50%;
}
@media screen and (max-height: 600px) and (min-width: 768px) and (max-width: 1024px) {
dialog.modular__component-popup.popup-tpl-1 {
width: min(90vw, 250px) !important;
height: min(80vh, 360px) !important;
}
dialog.modular__component-popup.popup-tpl-1>p {
font-size: 0.75rem !important;
line-height: 1.4 !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1440px) and (min-height: 800px) {
header#masthead .main-navigation-wrapper {
width: 35vw !important;
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children .submenu-wrapper {
width: 35vw !important;
}
header#masthead .main-navigation-wrapper.active.slide {
right: 35vw !important;
}
header#masthead .main-navigation-wrapper .menu .menu-item-has-children .sub-menu.sub-menu-level-0 li>a {
font-size: large !important;
}
}