.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#2ea3f2}.et_pb_button_module_wrapper.et_pb_button{color:inherit}.et_pb_button{display:inline-block}.et_pb_module.et_pb_button:not(.et_block_module){max-width:-moz-max-content;max-width:max-content}.et_pb_button_module_wrapper.et_pb_button_alignment_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_center{text-align:center}@media (max-width:980px){.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_center{text-align:center}}@media (max-width:767px){.et_pb_button_module_wrapper.et_pb_button_alignment_phone_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_center{text-align:center}}
.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//www.winzana.com/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//www.winzana.com/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}@font-face {
font-family: 'Lufga';
src: url(//www.winzana.com/wp-content/themes/divi-child/fonts/LufgaRegular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lufga';
src: url(//www.winzana.com/wp-content/themes/divi-child/fonts/LufgaBold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Lufga';
src: url(//www.winzana.com/wp-content/themes/divi-child/fonts/LufgaBlack.ttf) format('truetype');
font-weight: 900;
font-style: normal;
}
body, h1, h2, h3, h4, h5, h6, p, a, span, li {
font-family: 'Lufga', sans-serif !important;
} .hand-container {
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
width: 45%; 
height: auto;
z-index: 10;
pointer-events: none; 
}
.hand-container img {
width: 100%;
height: auto;
display: block;
transform-origin: center center;
}  .horizontal-blog-list .et_pb_ajax_pagination_container {
display: flex;
flex-direction: column;
gap: 15px; 
}
.horizontal-blog-list .et_pb_post {
display: flex;
align-items: stretch; 
background-color: #FAF9F6;
border-radius: 40px;
overflow: hidden;
padding: 0px !important;
margin-bottom: 0px !important;
} .horizontal-blog-list .entry-featured-image-url {
flex: 0 0 35%; 
margin-bottom: 0 !important;
overflow: hidden;
position: relative;
}
.horizontal-blog-list .entry-featured-image-url img {
width: 100%;
height: 100%;
object-fit: cover; 
display: block;
} .horizontal-blog-list .post-content-wrapper {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center; 
padding: 40px; 
} .horizontal-blog-list .entry-title {
font-size: 28px !important;
font-weight: bold;
margin-bottom: 10px !important;
line-height: 1.3em !important;
}
.horizontal-blog-list .entry-title a {
color: #1b1b1b !important;
text-decoration: none;
} .horizontal-blog-list .post-content p {
font-size: 16px !important;
color: #666 !important;
line-height: 1.6em !important;
margin-bottom: 0 !important;
} .horizontal-blog-list .post-meta {
display: none !important;
} .custom-gallery-grid .et_pb_gallery_items {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important; 
gap: 15px !important; 
}
.custom-gallery-grid .et_pb_gallery_item {
width: 100% !important;
margin: 0 !important; 
padding: 0 !important;
clear: none !important; 
}
.custom-gallery-grid .et_pb_gallery_image {
position: relative;
width: 100%;
padding-top: 100%; 
overflow: hidden;
border-radius: 15px; 
}
.custom-gallery-grid .et_pb_gallery_image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; 
} .custom-gallery-grid .et_pb_gallery_title,
.custom-gallery-grid .et_pb_member_position {
display: none !important;
}  .main-header-row {
z-index: 999 !important;
}
.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;
} .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;
} .nav ul.sub-menu li.highlight-menu {
display: flex !important;
}
.nav ul.sub-menu li.highlight-menu a {
background-color: #433ded !important;
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;
}
.nav ul.sub-menu li.highlight-menu a:hover {
color: white !important;
background-color: #081272 !important;
} 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;
} .custom-portfolio-grid .et_pb_portfolio_items {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important; 
gap: 30px !important; 
}
.custom-portfolio-grid .et_pb_portfolio_item {
width: 100% !important;
margin: 0 !important; 
padding: 0 !important;
clear: none !important; 
}
.custom-portfolio-grid .et_pb_portfolio_image {
border-radius: 30px !important; 
overflow: hidden !important;
}
.custom-portfolio-grid .et_pb_portfolio_item .entry-title {
font-size: 24px !important;
font-weight: bold !important;
margin-top: 15px !important;
}
.custom-portfolio-grid .et_pb_portfolio_item .post-meta {
font-size: 14px !important;
color: #888 !important;
} .project-slider-section .et_pb_row {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
} .related-projects-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.related-project-card {
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}
.related-project-image {
width: 100%;
height: 250px;
object-fit: cover;
}
.related-project-info {
padding: 20px;
} .horizontal-scroll-section {
overflow-x: hidden;
}
.horizontal-scroll-container {
display: flex;
flex-direction: row;
width: 300vw; 
height: 100vh;
}
.horizontal-panel {
width: 100vw;
height: 100vh;
flex-shrink: 0;
} .technicons-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
gap: 20px;
justify-items: center;
align-items: center;
}
.technicons-grid i {
font-size: 40px;
color: #333;
transition: transform 0.3s ease;
}
.technicons-grid i:hover {
transform: scale(1.1);
} .custom-slider-section .et_pb_row {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.custom-slider-section .swiper {
width: 100%;
padding-left: 10% !important; 
padding-right: 10% !important;
overflow: visible !important; 
}
.custom-slider-section .swiper-slide {
opacity: 0.4;
transition: opacity 0.4s ease, transform 0.4s ease;
transform: scale(0.9); 
}
.custom-slider-section .swiper-slide-active {
opacity: 1;
transform: scale(1); 
} .slider-controls-container {
display: flex;
justify-content: flex-end; 
align-items: center;
margin-top: 30px !important;
padding-right: 10% !important; 
}
.nav-buttons-group {
display: flex;
gap: 15px; 
}
.swiper-button-prev,
.swiper-button-next {
position: static !important; 
width: 55px !important;
height: 55px !important;
margin-top: 0 !important;
background-color: #FAF9F6 !important; 
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #1b1b1b !important; 
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}