body{
	font-family: "Outfit", sans-serif;
}
a:focus {
    outline: none !important;
}
p{
	margin:0;
	padding:0;
}
.logo-slider .content-image img ,
.logo-slider .swiper-slide img.swiper-slide-image{
    max-width: 40px !important;
}
.logo-slider .content-image img[alt="etherum"] ,
.logo-slider .swiper-slide img.swiper-slide-image[alt="etherum"]{
	max-width:26px !important;
}
/**********************  header css  *********************/
.elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator,.elementskit-navbar-nav > li > a.active .elementskit-submenu-indicator {
    color: #168ca9 !important;
}
.elementor-widget-image-box .elementor-image-box-title:hover {
    color: #168ca9 !important;
}
.wpr-sub-mega-menu .elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true]{
	background-color:#fff !important;
}
.wpr-sub-mega-menu .elementor-icon-box-wrapper ,.wpr-sub-mega-menu .elementor-image-box-wrapper{
    display: flex;
    align-items: center;
    gap: 10px;
}
/* .wpr-sub-mega-menu .elementor-image-box-wrapper{
	gap: 20px;
} */
.elementskit-megamenu-panel{
	top:75px !important;
}
.mega-menu .wpr-nav-menu-container .wpr-nav-menu .menu-item a:active{
	 color:#1c7e96;
	 font-weight:600;
}
.mega-menu .wpr-sub-mega-menu .elementor-element .elementor-widget-icon-list ul li a span:active{
	 color:#1c7e96 !important;
	 font-weight:600 !important;
}
.header-tab .e-n-tabs-heading .e-n-tab-title:hover{
	 background-color:white !important;
}
.header-tab .e-n-tabs-heading .e-n-tab-title:active{
	 background-color:white !important;
}

/********************* home layout *********************/
.slider .e-con-inner .elementor-element{
	height:100%;
}
.slider .e-con-inner{
	height:100%;
}
.span-line{
	position:relative;
	align-items: center;
    padding: 6px 20px !important;
    width: fit-content;
    border-radius: 40px;
    backdrop-filter: blur(16px);
    border: .5px solid var(--color-border-badge);
    background: radial-gradient(rgb(22 140 169 / 61%), transparent);
    border: 1px solid rgb(22 140 169 / 10%);
}
.span-line span{
    line-height: 1 !important;
    font-size: 14px !important;
}
/* .span-line::after{
	 content:'';
	 position:absolute;
	 top:25px;
	 left:0;
	 background-color:#168ca9;
	 height:3px;
	 width: -webkit-fill-available;
	 border:none;
	
}
.span-line::before{
	 content:'';
	 position:absolute;
	 top:22px;
	 left:7px;
	 background-color:#168ca9;
	 height:9px;
	 width:9px;
	 border:none;
	 border-radius:50%;
	 animation: moveHorizontally 5s linear infinite;
} */
  @keyframes moveHorizontally {
      0% {
        left: 0%;
      }
      100% {
        left: 100%;
      }
    }


button.e-n-tab-title {
    justify-content: space-between !important;
}
.tlp-portfolio-item .tlp-portfolio-thum.tlp-item figure {
    height: 270px;
}
/********************* banner text *********************/
.home-title .elementor-heading-title {
	max-width:600px;
}
.highlight-header {
/* 	color: #168CA9;  */
	place-self: center;
/* 	background: linear-gradient(90deg, #00f, #0ff, #00f) -100%/ 200%; */
	background: linear-gradient(90deg, #168CA9, #4CAF50, #168CA9) -100% / 200%;
	-webkit-background-clip: text;
	        background-clip: text;
	color: transparent;
	animation: shimmer 2s linear infinite
}

@keyframes shimmer { to { background-position: 100% } }


.round-span .elementor-heading-title {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: 3px solid #1F97B4;
    border-radius: 50%;
}
.zoom-image {
    width: 700px;
    height: auto;
    animation: zoomInOut 5s infinite ease-in-out;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2); /* Zoom In */
    }
    100% {
        transform: scale(1); /* Zoom Out */
    }
}

.elementor-post__card .elementor-post__excerpt p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* -----------accordions------- */
.accordions .elementskit-card .ekit_accordion_icon_group .ekit_accordion_active_icon svg{
	 fill:white !important;
}
.accordions .elementskit-card .ekit_accordion_icon_group .ekit_accordion_normal_icon svg{
	 fill:white !important;
}
.elementor-posts__hover-gradient .elementor-post__card:hover .elementor-post__thumbnail__link:after {
    opacity: 0 !important;
}
.elementor-post__thumbnail__link:after {
    background-image: linear-gradient(0deg, rgb(30 143 171 / 35%), #000000ad 75%) !important;
}
/**************************** contact from ****************/
.contact-form .filed-col{
	 display:flex;
	 width:100%;
	 gap:15px;
}
.contact-form input.wpcf7-form-control ,.contact-form textarea{
	border-radius: 10px;
    padding: 10px;
	backdrop-filter: blur(16px);
    border: 1px solid rgb(22 140 169 / 20%);
    background: radial-gradient(rgb(22 140 169 / 20%), transparent);
}
.contact-form input.wpcf7-form-control:focus ,.contact-form textarea:focus{
	border-color: #1f92ae;
	box-shadow: 0 0 6px rgb(31 146 174 / 30%);
}
.contact-form textarea{
	resize:none;
	height:150px;
}
.contact-form .buttons input{
	background:linear-gradient(50deg, #1F97B4 0%, #1A7288 100%);
	width:100%;
	border-radius: 10px;
    font-size: 16px;
    padding: 14px;
}
.form-wrap ,.contact-form .buttons {
    margin-top: 30px;
}
.contact-form .filed-col .span6{
	 width:50%;
}
.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 1.3;
    position: absolute;
}
form input:focus:invalid, form textarea:focus:invalid, form select:focus:invalid {
    color: #000000;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
	color:#dc3232;
    border: none;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: #009c0e;
}
.wpcf7-spinner {
    margin: 0 4px;
    position: absolute;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
}
/********************** case studies ***********************/
.tlp-portfolio-item .tlp-portfolio-thum{
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 10%));
}
.tlp-content-holder {
    padding-bottom: 0 !important;
}
.tlp-portfolio-item .tlp-portfolio-thum figure{
	overflow: hidden;
    border-radius: 10px;
}
.portfolio-sec .tlp-content-holder.portfolio-holder {
    margin-top: 10px;
}
.portfolio-sec h3 {
    margin-top: 0 !important;
}
.tlp-portfolio .layout3 .tlp-overlay{
	background:transparent !important;
}
.tlp-portfolio-item .tlp-portfolio-thum figure {
    position: relative;
}
.tlp-portfolio-item .tlp-portfolio-thum:hover figure::after {
    position: absolute;
    background: rgb(22 140 169 / 70%);
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tlp-portfolio-item .tlp-portfolio-thum.tlp-item figure {
    height: 230px;
}
.tlp-portfolio-item .tlp-portfolio-thum.tlp-item figure img{
    height:100% ;
	object-fit: cover;
}
.tlp-content-holder.portfolio-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.portfolio-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #168CA9;
    border-radius: 50px;
}
.tlp-portfolio button.elementskit-menu-toggler {
    margin: 0px;
}
.portfolio-icon i {
    color: #fff;
}
.case-study .elementor-icon-list-items .elementor-icon-list-item{
	background-color: #f8f7f8;
    padding:6px 10px;
    border-radius: 8px;
	margin:0px;
}
.case-study .elementor-icon-list-items{
	gap:10px;
}
.case-study-btn .wpr-button-wrap .wpr-button::before{
	 background-color:transparent;
}
.case-study-banner img{
    padding: 15px;
    background: rgb(29 136 162 / 30%);
    border-radius: 15px !important;
}
.slider-casestudies{
	background: linear-gradient(45deg, rgb(26 114 136 / 30%), rgb(31 151 180 / 10%));
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 30%));
}
.tlp-portfolio-item {
    padding: 15px;
    border-radius: 15px;
    background: rgb(22 140 169 / 3%);
    box-shadow: 0 0 10px #ccc;
    background-image: url(https://syfrox.com/wp-content/uploads/2025/11/blog-sec-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
li.disabled.hidden-xs {
    display: none !important;
}
.tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination {
    gap: 10px;
}
.portfolio-sec .tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > li > a,
.portfolio-sec .tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > li > span {
    color: #168ca9 ;
    border: 1px solid #168ca9 ;
}
.portfolio-sec .tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > span {
	background-color: #168ca9 ;
	color:#fff ;
}
.portfolio-sec .tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination > .active > span:hover{
	background-color: rgb(22 140 169 / 76%);
}
#case-study-home .tlp-portfolio-container .tlp-pagination-wrap .tlp-pagination {
    margin: 0;
    display: none;
}
/* 
.nav-item .ekit-menu-nav-link.active .elementskit-submenu-indicator:hover .elementskit-megamenu-panel {
    display: block !important;
} */

.elementskit-megamenu-panel .elementor-icon-list-items li.elementor-icon-list-item a {
	transition:all 0.3s ease-in-out;
}
.elementskit-megamenu-panel .elementor-icon-list-items li.elementor-icon-list-item:hover a {
	padding-left:5px;
}

.feature-list-blog .wpr-feature-list {
    margin: 0;
}
.feature-list-blog .wpr-feature-list-icon-wrap{
	margin-top: 3px;
}

/************************** mega-menu ********************/
.header-main .elementor-button{
	position: relative;
    right: 7px;
	animation: pulse-red 2s infinite;
}
@keyframes pulse-red{
	0% {
    	box-shadow: 0 0 #1d87a1;
	}
	70% {
		box-shadow: 0 0 0 6px #ff2b2b00;
	}
	100% {
		box-shadow: 0 0 #ff2b2b00;
	}
}
.mega-menu-main-title{
	top: 50% !important;
    transform: translateY(-50%) !important;
}
.mega-menu-main-title .elementor-heading-title {
	background: linear-gradient(to right, rgb(202 215 74 / 20%) 0%, rgb(22 140 169 / 20%) 50%, rgb(13 13 13 / 1%) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.wpr-sub-mega-menu {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.elementor-post__badge-group a {
    color: #919191;
}
.elementor-post__badge-group a:hover {
    color: #000000;
}
.elementor-post__badge_main {
    padding: 0 15px 10px;
}
span.elementor-post__badge-label {
    color: #168ca9;
    font-weight: 500;
}

/* -------------gallery-tab----------- */
.gallery-tab .elementor-gallery-title{
	border: 1px solid #919191 !important;
    padding: 8px 25px !important;
    border-radius: 6px !important;
    color: #919191 !important;
}
.gallery-tab .elementor-gallery-title:hover{
	border: 1px solid #1A7288 !important;
	background-color:#1A7288 !important;
    padding: 8px 25px !important;
    border-radius: 6px !important;
    color: white !important;
}
.gallery-tab .elementor-gallery-title.elementor-item-active{
	border: 1px solid #1A7288 !important;
	background-color:#1A7288 !important;
    padding: 8px 25px !important;
    border-radius: 6px !important;
    color: white !important;
}

/********************* Breackpoints *********************/
@media (max-width:1024px){
	.mega-menu-list .elementor-view-default .elementor-icon-box-description{
		 display:none;
	}
	.wpr-mobile-menu-display-dropdown .wpr-mobile-mega-menu-wrap {
		position: fixed !important;
		left: 0 !important;
        width: 100vw !important;
	}
	.wpr-mobile-mega-menu-wrap .wpr-mobile-nav-menu.wpr-mobile-mega-menu {
		background: #222222;
	}
	.header-main{
		box-shadow: 0 0 10px rgb(28 127 152 / 50%);
	}
	.elementskit-nav-identity-panel {
		border-bottom: 1px solid rgb(26 114 136 / 40%);
	}
	.elementskit-menu-hamburger {
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 height: 32px;
	}
	.elementskit-menu-close {
		padding: 4px !important;
		width: 30px !important;
		height: 30px !important;
	}
	.portfolio-sec .tlp-portfolio-container .tlp-single-item {
		margin-bottom: 20px !important;
		padding: 0 6px;
	}
	.portfolio-sec .tlp-content-holder h3 {
		font-size: 16px !important;
	}
	a.portfolio-icon {
		width:30px;
		height: 30px;
	}
	.elementskit-megamenu-panel {
		width:100% !important;
	}
	.elementskit-megamenu-panel .elementor{
		width:auto;
	}
	.header-tab .e-n-tabs-content{
	    height: calc(100vh - 200px) !important;
        overflow: auto !important;
        scrollbar-width: thin !important;
    }
}

@media (max-width:767px){
	.blog-sec .elementor-post__text {
		padding: 0 15px !important;
		margin-top: 10px !important;
	}	
	.round-span .elementor-heading-title {
		width: 50px;
		height: 50px;
	}
	.form-wrap ,.contact-form .buttons {
		margin-top: 20px;
	}
	.contact-form input.wpcf7-form-control, .contact-form textarea {
		padding: 5px 10px;
	}
	.contact-form .buttons input {
		font-size: 14px;
		padding: 10px !important;
	}
	.contact-form textarea {
		height: 90px;
		min-height: 70px;
	}
	.span-line{
		padding: 4px 12px;
	}
	.industries-slider .elementor-widget-image img{
		height: 230px;
		object-fit: cover;
		border-radius: 10px;
	}
	.portfolio-sec .rt-container-fluid{
		max-width: 350px;
	}
	.tlp-portfolio-item .tlp-portfolio-thum.tlp-item figure {
		height: 170px;
	}
	.case-study .elementor-icon-list-items{
		gap:5px;
	}
	.our-team-sec {
		max-width: 300px;
		margin: 0 auto;
	}
}

@media (max-width:575px){
		.contact-form .filed-col{
			flex-direction:column;
		}  
		.contact-form .filed-col .span6{
			 width:100%;
		}  
}

.hoverTabs .e-n-tabs-content .e-con.e-active {
    animation: fadeInTabs 0.8s ease forwards;
}
@keyframes fadeInTabs{
0% {
 opacity:0;
}
100% {
 opacity:1;
}
}