/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 23 2026 | 13:32:04 */
/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

header#masthead{
    position: sticky !important;
    top: 0;
    z-index: 9999 !important;
    width: 100%;
    background: #ffffff;
}
/* header#masthead.is-sticky .elementor-hidden-mobile.elementor-hidden-tablet{
  background: rgba(0, 0, 0, 0.7) !important;;
  box-shadow: 0 5px 20px rgba(0,0,0,0.2);
} */

header#masthead.is-sticky .elementor-element-f59e2e6.elementor-hidden-desktop {
	background: rgba(15, 37, 54, 0.9) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.d-none-contact {
    display: none;
}
.contact_us_subline {
    font-family: sans-serif;
}


.sub-title-wrapper h1{
	font-size: clamp(16px, 2.2vw, 22px);
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.3;
	font-family: sans-serif !important;
}
.sub-title-wrapper {
	max-width: 1000px;
	margin: 0 auto;
}
section.sub-title-section {
	background: var(--brand-dark);
	padding: 24px 60px 0;
	text-align: center;
}

.case-study-box.cs-item{
	z-index: 9;
}
header#masthead.is-sticky .elementor-element.elementor-element-b0eb5fe.elementor-hidden-mobile.elementor-hidden-tablet.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded{
	background: rgba(15, 37, 54, 0.9) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


.box_shadow .e-con.e-child {
  box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* light shadow */
  transition: all 0.3s ease;
}

.box_shadow .e-con.e-child:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,0.2); /* stronger shadow */
}

.wpk_submit_form_btn::after {
    content: " →";
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.wpk_submit_form_btn:hover::after {
    transform: translateX(4px);
}

.e-lazyloaded{
    scroll-margin-top: 50px;
}

button:hover .trillisi_btn:hover {
    background: transparent !important;
    color: #2c3e50 !important;
    border: 1px solid #2c3e50 !important;
}


.filep-box-what-we-do:hover .eael-flip-box-back {
    background-color: #0b3c5d !important;
}

.filep-box-what-we-do:hover .eael-flip-box-back * {
    color: #ffffff !important;
}

.filep-box-what-we-do:hover .elementor-button {
    background-color: #2ea3f2 !important;
    color: #ffffff !important;
}

.case-study-box:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.case-study-box .card-thumbnail {
    position: relative;
}

.case-study-box .card-metric {
            position: absolute;
            bottom: 16px;
            right: 16px;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(8px);
            padding: 8px 12px;
            border-radius: 6px;
        }

.case-study-box .card-metric  .metric-value {
            font-family: 'Aeonik', sans-serif;
            font-size: 16px;
            font-weight: 700;
            color: #ffffff;
        }



/* body, button, input, select, textarea, .ast-button, .ast-custom-button,
body, h1, h2, h3, h4, h5, h6, .entry-title a, .entry-content :where(h1,h2,h3,h4,h5,h6), .entry-content :where(h1,h2,h3,h4,h5,h6) a {
	font-family: 'Aeonik', sans-serif !important;
} */

select#csSector ,
select#sectorFilter,
select#solutionFilter,
select#csSolution{
/* 	border: none !important; */
}
#case-study-filters .sector-class{
	border-radius:6px !important;
}
a.button-filp-box123 {
    background-color: #3596C7;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0px;
    border-radius: 500px 500px 500px 500px;
    padding: 12px 30px;
    top: 42px;
    display: flex;
    width: fit-content;
    margin: 13px auto;
    color: white;
    font-family: 'Aeonik-regular';
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    text-decoration: inherit;
}

.filep-box-what-we-do .eael-flipbox-fixed-height:not(.eael-template) {
    height: 200px !important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 18px !important;
    height: 18px !important;  
	border: 1px solid white !important;
	 background: #d6d6d600 !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    padding: 15px 20px;
    color: #7A8471;
    font-size: 23px !important;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 50px;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,8%) !important;
    width: calc(var(--swiper-navigation-size)/ 44 * 35);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 20;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
@media (min-width: 1024px) {

    .swiper-button-next, 
    .swiper-button-prev {
        top: 160px !important;
    }

    .swiper-button-next {
        right: -27px !important;
    }

    .swiper-button-prev {
        left: -5px !important;
    }

    .swiper {
        position: inherit !important;
    }
	nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow {
    width: 100% !important;
}

}
@media (max-width: 767px) {
	.cs-filters {
    display: block !important;
}
	.sector-class {
    width: 100% !important;
		        margin-top: 5px;
}
	
	.filters-wrapper {
   
    top: 70px !important;
   
}
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
 }
.eicon-chevron-left:before {
    content: "\e87e";
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    padding: 15px 15px;
    color: #7A8471;
    font-size: 23px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 50px;
}
.eicon-chevron-right:before {
    content: "\e87d";	
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    padding: 15px 15px;
    color: #7A8471;
    font-size: 23px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 50px;
}
.owl-theme .owl-nav .disabled {
    opacity: 1 !important;
    
}
.team-section-our .owl-theme .owl-dots .owl-dot span {
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #2C3E5080 !important;
    background: #d6d6d600 !important;
}
.team-section-our  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3596C7 !important;
}

.contact-get-in-touch input[type=email], .contact-get-in-touch input[type=number], .contact-get-in-touch input[type=password], .contact-get-in-touch input[type=reset], .contact-get-in-touch input[type=search], .contact-get-in-touch input[type=tel], .contact-get-in-touch input[type=text], .contact-get-in-touch input[type=url], select, textarea
{
	    background: white !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 6px !important;
}
button#wpforms-submit-10 {
    background-color: #3596C7 !important;
    font-size: 16px  !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    border-radius: 60px 60px 60px 60px !important;
    padding: 12px 20px 12px 20px !important;
    width: 100% !important;
}
.wpforms-container input[type=checkbox], .wpforms-container input[type=radio] {
    width: 20px !important;
    height: 20px !important;
}
.swiper-button-next, .swiper-button-prev {
   top: 340px !important;
}
.about_team_section .team-section-our .item {
    height: 1055px;
}

.team-section-our .item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 650px;
}

.team-section-our .item:hover {
    transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

:root {
	--brand-blue: #3596C7 !important;
}

.hfe-submenu-icon-classic .hfe-nav-menu .parent-has-child .sub-arrow i:before,
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before{
	    content: '' !important;
    background: url(/wp-content/uploads/2025/12/Left-3.png);
    display: inline-block;
    width: 15px;
    height: 10px;
    background-repeat: no-repeat;
	background-size: contain;
}
footer span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 {
    display: none;
}
footer ul.sub-menu {
    position: absolute !important;
	height: auto;
    transition: 0.3s;
    top: -10px !important;
    left: 70% !important;
    width: 100% !important;
}

footer  .hfe-nav-menu__layout-vertical .sub-menu {
    left: 70% !important;
}

footer ul.sub-menu.sub-menu-open {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: 0.3s;
}
footer ul.sub-menu.sub-menu-open li a {
    padding: 8px 20px!important;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-classic{
	width:100% !important;
}
ul#wpforms-10-field_5 {
   
    align-items: center !important;
    display: flex !important;
}
button#wpforms-submit-10:hover {
    background: transparent !important;
    color: #2c3e50 !important;
    border: 1px solid #2c3e50 !important;
}
#wpforms-10-field_5 li.choice-1.depth-1 {
    justify-content: center;
    display: flex;
}

@media (min-width: 1028px) {
.elementor-element-acb93f7 {
    position: sticky;
    top: 120px;
    align-self: flex-start;
}

.elementor-element-acb93f7,
.elementor-element-acb93f7 * {
    overflow: visible !important;
}
}
.case-study-box {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.case-study-box:hover {
	/*     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
	transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}


.filep-box-what-we-do {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.filep-box-what-we-do:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}