.font-gradient.st * {
background: linear-gradient(90deg, #c305ed, #433ded);
}
.font-gradient.ps * {
background: linear-gradient(90deg, #433ded, #27e997);
}
.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;
margin-top: 30px;
}
.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) {
.swiper {
padding: 0 15px;
}
.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;
}
}
@media (min-width: 981px) { .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;
} @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;  }