.font-gradient.st, .font-gradient.st * {
background: linear-gradient(90deg, #c305ed, #433ded);
}
.font-gradient.ps, .font-gradient.ps * {
background: linear-gradient(90deg, #433ded, #27e997);
}
.font-gradient, .font-gradient * {
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
} .text-blur {
filter: blur(0.2rem);
} .taglist ul {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0;
}
.taglist ul li {
border-radius: 100rem;
padding: .2rem 0.8rem;
margin: .8rem .8em 0 0;
display: inline-block;
color: #f0f3fc;
}
.taglist.p ul li {
background-color: #433ded;
}
.taglist.s ul li {
background-color: #27e997;
}
.taglist.t ul li {
background-color: #c305ed;
} @media all and (max-width: 767px) {
.taglist ul {
flex-wrap: wrap;
gap: 0.4rem;
}
}
.hand-container {
height: 300px;
}
.horizontal-blog-list .entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}
a.entry-featured-image-url {
max-height: 180px;
display: flex !important
;
justify-content: center;
align-items: center;
} .horizontal-blog-list .entry-title,
.horizontal-blog-list .post-meta,
.horizontal-blog-list .post-content {
width: 70%;
float: left;
padding-left: 30px;
} .post-template-default .et_pb_row .et_pb_row {
width: 100% !important;
}
.post-template-default .et_pb_post_content {
background-color: transparent;
}
.post-template-default .et_pb_row .et_pb_row h2 {margin-top: 1em;}
.post-template-default .et_pb_row .et_pb_row h3 {
margin-top:  2em;
}
div.tall-image a.entry-featured-image-url {
max-height: 540px;
} .custom-slider-section {
position: relative;
padding: 40px 0;
overflow: hidden;
}
.swiper {
overflow: visible;
padding: 0 30px;
}
.swiper-slide {
opacity: 0.5;
transition: opacity 0.3s ease;
}
.swiper-slide-active {
opacity: 1;
} .slider-controls-container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.nav-buttons-group {
display: flex;
margin-right: 20px;
}
.swiper-button-next, .swiper-button-prev {
position: static;
width: 50px;
height: 50px;
margin: 0;
background-color: white;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
}
.swiper-button-next::after, .swiper-button-prev::after {
display: none;
}
.swiper-button-next, .swiper-button-prev{
color: #433ded;
}
.swiper-button-prev{
border-radius: 50% 0 0 50%;
}
.swiper-button-next{
border-radius: 0 50% 50% 0;
} @media (max-width: 767px) {
.nav-buttons-group {
gap: 5px;
}
.swiper-button-next, .swiper-button-prev {
width: 35px;
height: 35px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.swiper {
padding: 0 20px;
}
}
.mega-menu-column.et_pb_column--with-menu {
display: flex;
align-items: center;
justify-content: space-between;
}
.mega-menu-column > .et_pb_menu {
margin-bottom: 0 !important;
}
.et-menu .menu-item-has-children > a:first-child {
padding-right: 0 !important;
display: inline-block;
}
.et-menu .menu-item-has-children > a:first-child:after {
display: none !important;
}
.et-menu-nav li.mega-menu > ul > li > a {
font-size: 2rem;
margin-bottom: 1rem;
border-bottom: none !important;
}
.mega-menu ul.sub-menu {
border-radius: 1rem;
box-shadow: 5px 10px 30px #433ded0d;
}
ul.et-menu.nav li.mega-menu ul li ul li a {
transition: color 0.5s ease-in-out;
font-size: 1rem;
line-height: 1.8rem;
background-color: transparent;
opacity: 1;
}
ul.et-menu.nav li.mega-menu ul li ul li a:hover {
color: #433ded !important;
} .et-menu-nav li.mega-menu > ul.sub-menu {
margin-top: 1em;
}
.et-menu-nav li.mega-menu > ul.sub-menu::before {
content: "";
position: absolute;
display: block;
top: -1.1em;
left: 0;
width: 100%;
height: 1.1em;
background: transparent;
} .et_pb_menu__logo-wrap {
margin-top: -12px;
} .main-menu nav.et-menu-nav,
.main-menu .et_pb_menu__menu,
.main-menu ul#menu-menu-principal {
flex: 1 1 100% !important;
} .main-menu li.menu-cta {
align-items: center !important;
}
.main-menu .et_pb_menu ul li.menu-cta a {
background-color: #433ded;
color: white !important;
padding: 1rem 2rem !important;
border-radius: 10rem;
}
.main-menu .et_pb_menu ul li.menu-cta a:hover {
background-color: #081272;
opacity: 1;
} li.mega-menu:hover li.menu-blog ul.sub-menu {
display: flex !important;
flex-wrap: wrap;
gap: 1rem;
}
li.menu-blog ul.sub-menu li.menu-blog-img {
flex: 0 0 100px;
width: 100px;
height: 100px;
margin-left: 20px !important;
padding: 0 !important;
overflow: hidden;
}
li.menu-blog ul.sub-menu li.menu-blog-link {
flex: calc(100% - 120px - 1rem);
}
li.menu-blog ul.sub-menu li.menu-blog-img a {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 1rem;
padding: 0;
}
li.menu-blog ul.sub-menu li.menu-blog-img a img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 1rem;
}
ul.et-menu.nav li.mega-menu ul li ul li.menu-blog-link a {
font-size: 1.4rem;
}
.et-menu li.menu-blog-link a {
position: relative;
}
.et-menu li.menu-blog-link a::after {
content: attr(title);
display: block;
font-size: 0.8em;
color: #888;
margin-top: 3px;
font-weight: normal;
}
.et-menu li.menu-blog-link a[title=""]::after,
.et-menu li.menu-blog-link a:not([title])::after {
display: none;
} .et_pb_column--with-menu .et_pb_menu .nav ul li.highlight-menu {
display: flex !important;
}
.et_pb_column--with-menu .et_pb_menu .nav ul li.highlight-menu a {
background-color: #433ded;
color: white !important;
flex: 0 1 0;
white-space: nowrap;
border-radius: 10rem;
margin: 1rem 0 0 20px;
transition: all 0.5s ease-in-out;
}
ul.et-menu.nav li.mega-menu ul li ul li.highlight-menu a:hover {
color: white !important;
background-color: #081272;
} li.mega-menu:hover li.menu-techno-list ul.sub-menu {
display: flex !important;
flex-wrap: wrap;
gap: 1rem;
padding-top: 2rem !important;
}
li.menu-techno-list ul li:first-child {
margin-left: 20px;
}
li.menu-techno-list ul.sub-menu li.menu-techno {
display: flex !important;
flex: 0;
}
li.menu-techno-list ul.sub-menu li.menu-techno a {
font-size: 0 !important;
padding: 0;
line-height: 0;
flex: 0;
}
li.menu-techno-list ul.sub-menu li.menu-techno::after {
content: "";
display: block;
width: 60px;
height: 60px;
background-color: #433ded;
} li.menu-techno-list ul.sub-menu li.menu-techno.react::after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg);
}
li.menu-techno-list ul.sub-menu li.menu-techno.kubernetes::after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kubernetes/kubernetes-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kubernetes/kubernetes-plain.svg);
}
li.menu-techno-list ul.sub-menu li.menu-techno.nodejs::after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-plain.svg);
}
li.menu-techno-list ul.sub-menu li.menu-techno.php::after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/php/php-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/php/php-plain.svg);
} .et_pb_sticky .main-header-row {
filter: drop-shadow(2px 4px 6px #433ded30);
}
.main-header-row {
transition: filter .5s .2s ease-in-out !important;
} ul li.mega-menu.right.first-child {
margin-left: auto !important;
}
.et-menu-nav li.mega-menu.right > ul.sub-menu {
right: 0 !important;
left: auto !important;
width: auto !important;
min-width: 240px;
} li.menu-wrapper > a {
display: none !important;
}
li.menu-wrapper > ul > li > a {
font-size: 2rem !important;
font-weight: 700;
}
.related-projects .post-meta a {
background-color: #433ded;
border-radius: 100rem;
padding: .2rem 0.8rem;
margin-right: .8rem;
display: inline-block;
color: #f0f3fc!important;
}
.related-projects .post-meta {
color: #fff !important;
}
.related-projects .column.size-1of3{
width: 47.25% !important;
}
.related-projects .column.size-1of3:nth-child(2) {
margin-right: 0!important;
}
.related-projects .et_pb_post .et_pb_image_container {
height: 260px;
overflow: hidden;
border-radius: 1rem;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
padding: 10px 20px;
border-radius: 1rem !important;
border: none;
margin: 0 0.5rem;
background-color: #433ded;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{
background-color: #433ded;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{
background-color: #27E997;
}
.et_pb_portfolio_items {
gap: 20px;
display: flex;
flex-direction: row;
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item{
width: 25%;
margin-right: 0;
margin-bottom: 0;
}
.swiper-button-next svg,.swiper-button-prev svg{
fill: none;
}
.technicon{
position: relative;
}
.technicon:after{
content: "";
display: block;
width: 60px;
height: 60px;
background-color: #433ded;
position: absolute;
left: 18px;
top: -64px;
}  .technicon#reactnative:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg);
}
.technicon#kotlin:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kotlin/kotlin-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kotlin/kotlin-plain.svg);
}
.technicon#cordova:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/cordova/cordova-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/cordova/cordova-plain.svg);
}
.technicon#swift:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/swift/swift-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/swift/swift-plain.svg);
}
.technicon#ionic:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/ionic/ionic-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/ionic/ionic-original.svg);
}
.technicon#android:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/android/android-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/android/android-plain.svg);
}
.technicon#ios:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/apple/apple-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/apple/apple-original.svg);
} .technicon#symfony:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/symfony/symfony-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/symfony/symfony-original.svg);
}
.technicon#reactjs:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg);
}
.technicon#nodejs:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/nodejs/nodejs-plain.svg);
}
.technicon#javascript:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-plain.svg);
}
.technicon#angular:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/angularjs/angularjs-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/angularjs/angularjs-plain.svg);
}
.technicon#php:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/php/php-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/php/php-plain.svg);
}
.technicon#html5:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-plain.svg);
}
.technicon#css:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-plain.svg);
}
.technicon#sass:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/sass/sass-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/sass/sass-original.svg);
} .technicon#wordpress:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/wordpress/wordpress-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/wordpress/wordpress-plain.svg);
}
.technicon#drupal:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/drupal/drupal-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/drupal/drupal-plain.svg);
}
.technicon#hubspot:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/hubspot.svg);
mask-image: url(https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/hubspot.svg);
} .technicon#magento:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/magento/magento-original.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/magento/magento-original.svg);
}
.technicon#woocommerce:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/woocommerce/woocommerce-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/woocommerce/woocommerce-plain.svg);
}
.technicon#prestashop:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/prestashop.svg);
mask-image: url(https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/prestashop.svg);
}
.technicon#sylius:after { -webkit-mask-image: url(https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/sylius.svg);
mask-image: url(https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/sylius.svg);
} .technicon#docker:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-plain.svg);
}
.technicon#kubernetes:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kubernetes/kubernetes-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kubernetes/kubernetes-plain.svg);
}
.technicon#terraform:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/terraform/terraform-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/terraform/terraform-plain.svg);
}
.technicon#googlecloud:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/googlecloud/googlecloud-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/googlecloud/googlecloud-plain.svg);
}
.technicon#aws:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/amazonwebservices/amazonwebservices-plain-wordmark.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/amazonwebservices/amazonwebservices-plain-wordmark.svg);
} .technicon#figma:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/figma/figma-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/figma/figma-plain.svg);
}
.technicon#photoshop:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/photoshop/photoshop-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/photoshop/photoshop-plain.svg);
}
.technicon#illustrator:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/illustrator/illustrator-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/illustrator/illustrator-plain.svg);
}
.technicon#premiere:after {
-webkit-mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/premierepro/premierepro-plain.svg);
mask-image: url(https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/premierepro/premierepro-plain.svg);
}
@media (max-width: 980px) {
.hand span.et_pb_image_wrap {
position: absolute !important;
right: -60px;
top: -80px;
}
.keyboard span.et_pb_image_wrap {
position: absolute;
left: -300px;
top: -300px;
}
}
@media (max-width: 980px) {
.horizontal-blog-list article {
display: flex;
flex-direction: column;
gap: 1em;
}
.horizontal-blog-list .entry-featured-image-url {
width: 100%;
}
.horizontal-blog-list .entry-title, .horizontal-blog-list .post-meta, .horizontal-blog-list .post-content {
width: 100%;
padding-left: 0px;
}
}
@media (max-width: 980px) { .main-menu .main-header-row {
padding: 0 !important;
}
.et_mobile_menu li.mega-menu > a {
display: none;
}
.et_pb_menu .et_mobile_menu li ul {
padding-left: 0;
}
.main-header-row .et_pb_menu {
width: 80vw;
padding: .6rem 0;
}
.et_mobile_menu {
width: 100vw;
margin-left: -10vw;
padding: 0 0 10vh 0 !important;
max-height: 100vh;
overflow: scroll;
top: 40px !important;
}
.et_mobile_menu li li {
padding-left: 0;
}
.et_mobile_menu li.menu-wrapper > ul > li > a {
font-size: 0.8rem !important;
}
.mega-menu ul.sub-menu {
box-shadow: none;
}
.et_mobile_menu li a {
border-bottom: none;
padding: 10px 10vw;
}
.menu-item-no-padding a{
padding: 0 !important;
} .et_pb_menu__logo-wrap {
width: 10em !important;
}
.et_pb_menu__logo-wrap {
margin-top: 0;
} .et_pb_menu .et_mobile_menu li.menu-techno-list ul {
display: flex !important;
flex-wrap: wrap;
margin-left: 10vw;
}
li.menu-techno-list ul li:first-child {
margin-left: -1em;
}
li.menu-techno-list ul.sub-menu li.menu-techno {
height: 60px;
width: 60px;
gap: 1em;
}
li.menu-techno-list ul.sub-menu li.menu-techno::after {
width: 40px;
height: 40px;
}
.et_mobile_menu .menu-blog ul.sub-menu {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
} .et_mobile_menu .menu-blog ul.sub-menu {
display: flex !important;
flex-direction: row;
flex-wrap: wrap;
}
.et_mobile_menu li.menu-blog ul.sub-menu li.menu-blog-img {
flex: 0 0 60px;
width: 60px;
height: 60px;
margin-left: 10vw !important;
margin-top: 20px;
}
.et_mobile_menu li.menu-blog ul.sub-menu li.menu-blog-link a {
margin-top: 20px;
padding: 10px;
}
li.highlight-menu {
width: 100%;
} .main-menu .et_pb_menu ul li.menu-cta a {
margin: 0 10vw;
display: flex;
justify-content: center;
}
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul li.highlight-menu a {
margin-top: 0.6rem;
color: #433ded !important;
}
} @media (min-width: 981px) and (max-width: 1200px) {
.et_pb_menu__logo-wrap {
width: 8em !important;
}
.main-menu .et_pb_menu ul li.menu-cta a {
padding: 1rem 1rem !important;
}
.et-menu li {
font-size: 12px;
padding-right: 1rem;
}
} @font-face {  font-family: Lufga Regular;  src: url(https://www.winzana.com/wp-content/themes/divi-child/fonts/LufgaRegular.ttf);  font-weight: regular;  }
@font-face {  font-family: Lufga Extrabold;  src: url(https://www.winzana.com/wp-content/themes/divi-child/fonts/LufgaExtraBold.ttf);  font-weight: bolder;  }
@font-face {  font-family: Lufga Black;  src: url(https://www.winzana.com/wp-content/themes/divi-child/fonts/LufgaBlack.ttf);  font-weight: black;  }