/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
Add your custom styles here
*/
/* Navigation Css  */
#menu-1-0fa1765 .elementor-item {
    transition: all 0.3s ease;
}

#menu-1-0fa1765 .elementor-item.elementor-item-active {
    font-weight: 700;
}

#menu-1-0fa1765 .elementor-item:hover {
    font-weight: 700;
}

/* Navigation Css END*/
body {
    overflow-x: hidden;
}
.home-hero-text {
	color: #F9FF26;
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 9px;
}
.our-services {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}
.web-since {
	color: #F9FF26;
	text-decoration: underline;
	text-decoration-thickness: 4px;
	text-underline-offset: 13px;
}
a.footer-anchor {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 7px;
}
a.footer-anchor:hover {
	color: #F92F90;
}
.header-button {
	display: inline-flex;
	width: auto;
}
.header-main {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-main.scrolled {
	background-image: linear-gradient(79.2deg, #230055 16.09%, #004688 84.88%);
}

.Banner_slider .swiper-pagination {
    transform: rotate(90deg) !important;
}
.Banner_slider .swiper-pagination-bullet-active {
	position: relative;
}
.Banner_slider .swiper-pagination-bullet-active:before{
	content: "";
	width: 30px;
	height: 30px;
	border: 1px solid #FFFFFF;
	border-radius: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	left: -12px;
	right: 0px;
	top: -12px;
	bottom: 0px;
	position: absolute;	
}
.Banner_slider .swiper-pagination-bullet {
	margin: 0px 27px 0px 0 !important;
}
.Banner_slider .swiper-pagination-bullet:hover{
	background:#fff !important;
}
.Banner_slider .swiper-pagination-bullet{
	opacity:1 !important;
}

@media(max-width:768px){
	.elementor-17 .elementor-element.elementor-element-0fa1765 div.elementor-menu-toggle {
		padding: 0;
		line-height: 0;
		justify-content: center;
		padding:10px;
	}
	.home-hero-text{
		text-decoration-thickness: 2px;
		text-underline-offset: 5px;
	}
	.elementor-9 .elementor-element.elementor-element-216a266 .elementor-icon-box-title {
		margin: 0;
	}
	.Banner_slider .swiper-pagination {
		transform: rotate(0);
	}
/* 	.Inner_page_posts .elementor-post__meta-data {
    top: 45% !important;
} */
	.fi-page-btn {
    width: 45px !important;
    height: 45px !important;
}
}

/* --- PERFORMANCE SETUP --- */
.Main_banner_home_page, .About_us_section_home, 
.Services_home_page, .Case_studies_section {
    backface-visibility: hidden;
}

/* --- ROTATION (Inner Image) --- */
.reveal-active.Services_short_image img, 
.reveal-active.Case_studies_home_short_img img {
    animation: continuousRotate 15s linear infinite !important;
}
@keyframes continuousRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* --- REVEAL INITIAL STATES (Targeting the Card/Outer Container) --- */
body:not(.elementor-editor-active) .About_us_section_home .elementor-heading-title,
body:not(.elementor-editor-active) .About_us_section_home .elementor-widget-text-editor,
body:not(.elementor-editor-active) .About_us_section_home .elementor-widget-button,
body:not(.elementor-editor-active) .About_us_section_home .elementor-widget-counter,
body:not(.elementor-editor-active) .Services_home_page .elementor-widget-heading,
body:not(.elementor-editor-active) .Services_short_image,
body:not(.elementor-editor-active) .Case_studies_short_text_home,
body:not(.elementor-editor-active) .Case_studies_home_heading,
body:not(.elementor-editor-active) .Case_studies_short_discripton,
body:not(.elementor-editor-active) .Case_studies_short_text_home_button,
body:not(.elementor-editor-active) .Case_studies_home_short_img {
    opacity: 0;
    transform: translateY(40px);
    filter: blur(8px);
    transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* SERVICE CARD: Initial Left Throw State */
/* body:not(.elementor-editor-active) .Services_home_page .Service_card {
    opacity: 0;
    transform: translateX(-150px);
    transition: opacity 1.2s ease, transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}
 */
/* CASE CARD: Initial Zoom State */
body:not(.elementor-editor-active) .Case_studies_home_card {
    opacity: 0 ;
    transform: scale(0.7) translateY(50px);
    transition: opacity 1.2s ease, transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- REVEAL TRIGGER --- */
.reveal-active {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
    filter: blur(0) !important;
}

/* --- HOME BANNER --- */
body:not(.elementor-editor-active) .Main_banner_home_page {
    opacity: 0;
    transform: scale(1.1);
    transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s ease;
}
body:not(.elementor-editor-active) .Main_banner_home_page.loaded {
    opacity: 1;
    transform: scale(1);
}
.page-id-9 .elementor-element-975e3cd {
    background-image: none;
}

/* About page css*/
.about-dot-border {
    width: 100%;
}
.about-dot-border .elementor-icon-list-text {
    border-bottom: 2px dashed;
    padding-bottom: 11px;
}

/* Services Page Css Start */
.All_services_section{
    position: relative;
}

/* cards */
/* .Service_card_link {
    position: sticky !important;
    top: 140px;
    transform-origin: top center;
    will-change: transform;
    overflow: hidden !important;
    backface-visibility: hidden;
    transition: transform 0.05s linear !important;
} */

/* stack */

/* .Service_card_link:nth-child(1){ z-index:1; }
.Service_card_link:nth-child(2){ z-index:2; }
.Service_card_link:nth-child(3){ z-index:3; }
.Service_card_link:nth-child(4){ z-index:4; }
.Service_card_link:nth-child(5){ z-index:5; }
.Service_card_link:nth-child(6){ z-index:6; }
.Service_card_link:nth-child(7){ z-index:7; }
.Service_card_link:nth-child(8){ z-index:8; }
.Service_card_link:nth-child(9){ z-index:9; } */
/* Services Page Css End */

/*Our Process Page Css  */
.process-step-toggle-heading-with-icon {
    display: flex;
    align-items: center;
    gap: 24px;
	position:relative;
	padding-left: 35px;
}
.process-step-toggle-heading-with-icon .process-steo-count {
	transform: rotate(-90deg);
	white-space: nowrap;
	position: absolute;
    left: -19px;
	font-size: 16px;
	font-weight: 600;
}
.process-toogle-icon .active-icon-set {
    display:none;
    width: 0;
    height: 0;
}
.e-n-accordion-item[open] .process-toogle-icon .active-icon-set {
    display: inline-block;
    width:90px;
    height:90px;
}
.process-toogle-icon .inactive-icon-set{
    display: inline-block;
    width:90px;
    height:90px;
}
.e-n-accordion-item[open] .process-toogle-icon .inactive-icon-set{
    display: none;
    width: 0;
    height: 0;	
}
.process-step-toggle-heading-with-icon .process-toggle-heading {
    font-size: 30px;
    font-weight: 500;
}
details.e-n-accordion-item > div:nth-child(2) {
    position: relative;
    top: -15px;
    z-index: 1;
}
.elementor-element-18575bb .e-n-accordion-item-title{
	z-index:2;
}
.elementor-icon-list-items .elementor-icon-list-icon {
    margin-top: 7px;
}

/*Our Process Page Css End  */

/* FAQ Page */
.faq .e-n-accordion-item-title {
    z-index: 2;
}
.faq .e-n-accordion-item-title-icon {
    justify-content: center;
    border: 1.5px solid #0A2540;
    border-radius: 100%;
    padding: 11px 11px;
}
.faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon {
  border: 1.5px solid #fff;
}
.faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
  border: 1.5px solid #fff;
}
/*Faq Page End  */

/*Contact Page Css Start*/
.Contact_form_page #form-field-message {
    border-radius: 16px;
}
.Contact_form_page .elementor-element-7ca7921 svg{
    fill: none !important;
}
.elementor-1112 .elementor-element.elementor-element-7ca7921 .elementor-button[type="submit"] svg * {
    fill: transparent !important;
}

/*Contact Page Css END */

/* Website Design Page Css */
.Inner_page_posts .elementor-post {
    position: relative;
}
.Inner_page_posts .elementor-post__meta-data {
    background: #FF3696;
    padding: 10px 21px;
    position: absolute;
    top: 63%;
    left: 25px;
    border-radius: 100px;
}
/* Website Design Page Css */

/* Portfolio Start */
.fi-portfolio-item{
    perspective:1200px;
    min-height:420px;
}

.fi-flip-card{
    width:100%;
    height:100%;
    position:relative;
    transform-style:preserve-3d;
    transition:transform .8s ease;
}

.fi-portfolio-item:hover .fi-flip-card{
    transform:rotateY(180deg);
}

.fi-flip-front,
.fi-flip-back{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

.fi-flip-back{
    transform:rotateY(180deg);
}

.fi-flip-back .fi-static-card{
    height:100%;
}

.fi-flip-front .fi-portfolio-image,
.fi-flip-front .fi-portfolio-image img{
    height:100%;
}

.fi-flip-front .fi-portfolio-image img{
    object-fit:cover;
}
.fi-portfolio-wrapper{
    width:100%;
}

.fi-portfolio-filters{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:60px;
    justify-content:center;
}

.fi-filter-btn{
    padding:13px 30px;
    border-radius:50px;
    background:transparent;
    color:#302938;
    border:none;
    cursor:pointer;
    font-size:20px;
    font-weight:600;
    transition:.3s;
}

.fi-filter-btn.active,
.fi-filter-btn:hover{
    background:#ff2f92;
    color:#fff;
}

.fi-portfolio-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.fi-grid-item{
    animation:fiShuffle .7s cubic-bezier(.22,1,.36,1);
}

@keyframes fiShuffle{

    0%{
        opacity:0;
        transform:
        scale(.85)
        translateY(40px)
        rotate(2deg);
    }

    100%{
        opacity:1;
        transform:
        scale(1)
        translateY(0)
        rotate(0);
    }
}
.fi-static-card {
    background: #18232A;
    border-radius: 20px;
    padding: 30px;
    color: #fff;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fi-small-title {
    display: flex;
    align-items: center;
    gap: 14px;
    opacity: 1;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff14;
}
.fi-small-title .fi-text {
    font-size: 20px;
    font-weight: 700;
    color: #42a3e1;
}
.fi-small-title span {
    line-height: 0;
}
.fi-static-card p {
    font-size: 16px;
    line-height: 1.7;
    margin-top: 20px;
    color: #CACACA;
    font-weight: 400;
}
.fi-static-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid #ffffff14;
}
.fi-vist-website {
	line-height: 0;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	gap: 6px;
	text-decoration: underline !important;
	text-underline-offset: 5px;
}
.fi-get-like-bt {
    display: flex;
    align-items: center;
    line-height: 0;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    gap: 6px;
}
.fi-vist-website:hover{
	color:#42A3E1;
}
.fi-get-like-bt:hover{
color:#42A3E1;	
}
.fi-static-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:25px;
}

.fi-static-buttons span{
    background:#fff;
    color:#111;
    padding:8px 22px;
    border-radius:50px;
    text-decoration:none;
    font-size:16px;
	font-weight:500;
}

.fi-portfolio-item {
    background: #E0E8F3;
    border-radius: 20px;
    overflow: hidden;
    text-decoration: none;
    transition: .35s;
    display: block;
    padding: 15px;
}

.fi-portfolio-item:hover{
    transform:translateY(-6px);
}

.fi-portfolio-image{
	overflow: hidden;
	height: 100%;
	border-radius:12px
}

.fi-portfolio-image img {
    width: 100%;
    display: block;
    transition: .5s;
    height: 100%;
    border-radius: 12px;
}

.fi-portfolio-item:hover img{
    transform:scale(1.06);
}

.fi-portfolio-content{
    padding:18px;
}

.fi-portfolio-content h3{
    font-size:18px;
    margin-bottom:8px;
    color:#111;
}

.fi-portfolio-content span{
    font-size:13px;
    color:#777;
}
.fi-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    margin-top:50px;
}

.fi-page-btn {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    background: #fff;
    font-size: 22px;
    cursor: pointer;
    transition: .3s;
    color: #302938;
    font-size: 18px;
    font-weight: 500;
}

.fi-page-btn.active,
.fi-page-btn:hover,
.fi-page-btn:focus{
    background:#46aaf2;
    color:#fff;
    border-color:#46aaf2;
}

@media(max-width:991px){

    .fi-portfolio-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .fi-portfolio-grid{
        grid-template-columns:1fr;
    }

    .fi-static-card h2{
        font-size:24px;
    }


}
/* Portfolio END  */

.badge-with-heading .elementor-icon-list-item {
    background: #F2F2FB;
    display: inline-flex;
    padding: 10px 25px;
    align-items: center;
    border-radius: 6px;
}
.elementor-icon-list-icon {
    margin: 0 !important;
}


/* All Pages testimonial css */
.testimonials_for_allpages .swiper-pagination-bullet{
	position:relative;
}
.testimonials_for_allpages .swiper-pagination-bullet-active:before {
	content: "";
	width: 30px;
	height: 30px;
	border: 1px solid #F92F90;
	border-radius: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	left: -10px;
	right: 0px;
	top: -10px;
	bottom: 0px;
	position: absolute;
}
.testimonials_for_allpages .swiper-pagination-bullet {
    opacity: 1 !important;
}
.testimonials_for_allpages .swiper-pagination-bullet {
    background: #f92f90;
    height: 10px;
    width: 10px;
}
.testimonials_for_allpages.elementor-pagination-position-outside:not(:has(>.elementor-widget-container))>.swiper{
	padding-bottom:60px;
}

/* All Pages testimonial ENDcss */
.mega-menu-sub-menu-item .elementor-icon-list-item{
    padding: 16px 15px 16px 30px !important;	
	border-radius: 100px;
}
.mega-menu-sub-menu-item .elementor-icon-list-item:hover {
   background: #daf2ff;
    border-radius: 100px;
}

/* Header Nav Css */
.header-nav .e-n-menu-title{
    position: relative;
}
.header-nav .e-n-menu-title:before{
    content: "";
    position: absolute;
    height: 6px;
    width: 100%;
    background: #fff;
    bottom: -40px;
    left: 0;
    border-radius: 20px;

    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}
.header-nav .e-n-menu-title{
	color:#F92F90;
}
.header-nav .e-n-menu-title:hover:before{
    transform: scaleX(1);
}
.header-nav .e-n-menu-title.menu-item-active-na:before{
    transform: scaleX(1);
}

/* Landing page Css start from here  */
.landing-page-scroll-down-anime{
    animation: scrollFloat 2.5s ease-in-out infinite;
    will-change: transform;
}
@keyframes scrollFloat{
    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(30px);
    }

    100%{
        transform: translateY(0px);
    }
}
.heading-badges {
    padding: 16px 32px;
    font-size: 14px;
    letter-spacing: 4.2px;
    font-weight: 600;
    border: 1px solid;
    border-radius: 50px;
}
.heading-badges.bright-blue {
    background: rgb(43 127 255 / 20%);
    border-color: rgb(43 127 255 / 40%);
    color: #52BCFE;
}
.deep-violet{
	background:#300A66;
	border-color:#542596;
	color:#D67DFF;
}
.l-p-counter-gr .elementor-counter-number-wrapper {
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    background: linear-gradient(90deg, #51A2FF 0%, #53EAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.proven-result-tags .elementor-icon-list-item {
    background: #1B2557;
    padding: 18px 30px !important;
    border-radius: 50px;
    border: 1px solid rgb(255 255 255 / 20%);
}
.tov-grant-price{
	background: linear-gradient(
		90deg,
		#FF8904 0%,
		#F54900 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	display: inline-block;
}
.electric-purple{
	background: rgb(173 70 255 / 20%);
	border-color: rgb(173 70 255 / 40%);
	color:#DAB2FF;
}
.heading-badges.smoth-green {
    background: rgba(43, 255, 82, 0.2);
    border-color: rgba(43, 255, 68, 0.4);
    color: rgba(84, 242, 113, 1);
}
.heading-badges.light-blue {
    background: #2B7FFF20;
    border-color: #2B7FFF40;
    color: #82BCFF;
}
.project-showcase-tags .elementor-icon-list-item {
    color: #8EC5FF !important;
    padding: 4px 12px !important;
    font-size: 12px;
    background: rgba(43, 127, 255, 0.1);
    border: 1px solid #546097;
    border-radius: 50px;
}
.project-showcase-tags .elementor-inline-items {
    row-gap: 8px;
}
.heading-badges.deep-purple {
    background: #300A66;
    border-color: #542596;
    color: #FFB86A;
}
.elementor-icon-wrapper {
    line-height: 0;
}
.landing-see-why {
    color: transparent;
    -webkit-text-stroke: 1px #8DFFA6;
    text-stroke: 2px #8DFFA6;
    line-height: 1;
    text-transform: uppercase;
}	
.heading-badges.dark-plum {
    background: rgb(255 105 0 / 20%);
    border-color: rgb(255 105 0 / 40%);
    color: #FFB86A;
}
@media(max-width:500px){
	.proven-result-tags .elementor-icon-list-item {
		margin-bottom: 25px !important;
		width: 100%;
	}
}
/*--Landing Page ---*/
span.heading-badges.light-yellow {
    background: #300A66;
    border-color: #542596;
    color: #FFB86A;
}
.landing-form button.elementor-button.elementor-size-sm {
    background: linear-gradient(90deg, #155DFC 0%, #00B8DB 100%);
    margin-top: 20px;
}
.landing-form button.elementor-button.elementor-size-sm:hover {
     background: #300A66;
}

/*--blog page --*/
a.blog-anchor {
    color: #6C6A6A;
}
a.blog-anchor:hover {
    color: #302938;
}
.single-post-review label {
    color: #302938;
    font-size: 16px;
    font-weight: 500;
    font-family: inter;
    margin-bottom: 10px;
}
.single-post textarea#comment {
    border: 1px solid #E5E5E5;
    border-radius: 10px;
}
.single-post input {
    border: 1px solid #E5E5E5 !important;
    border-radius: 10px !important;
}
.single-post input#submit {
    background-color: #42A3E1;
    color: #ffff;
    border-radius: 10px;
    border: navajowhite;
    padding: 14px 26px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Inter';
}
.single-post input#submit:hover {
    background-color: #F92F90;
}
/*--Process Page --*/


/* REMOVE DEFAULT TAB BACKGROUND */
selector .e-n-tab-title{
    width:auto !important;
}
ol.terms li {
    color: #3D3646;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 34px;
}
/*landing page*/
.get-in-touch-section::before {
    content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(27, 99, 255, 1) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.book-your-free-call::before{
	content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(59, 125, 216, 0.8) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.stop-setting::before{
	content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(139, 92, 246, 0.9) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.under-the-hood::before{
	content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(139, 92, 246, 0.9) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.the-trusted-us::before{
	content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(59, 125, 216, 0.8) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.businesses-across-ireland::before{
	content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(139, 92, 246, 0.9) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.project-showcase::before{
	content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(59, 125, 216, 0.8) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.no-website::before{
	content: "" !important;
    position: absolute !important;
    width: 60% !important;
    height: 70% !important;
    background: rgba(59, 125, 216, 0.8) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.every-service::before{
	content: "" !important;
    position: absolute !important;
    width: 60% !important;
    height: 70% !important;
    background: rgba(59, 125, 216, 0.8) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
.real-apps::before{
	content: "" !important;
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    background: rgba(27, 99, 255, 1) !important;
    opacity: 10% !important;
    filter: blur(285px) !important;
    left: 20% !important;
}
/*---- Process page----------------------------------*/
 .process-tab-multi .e-n-tabs-heading{
    display:flex !important !important;
   gap:60px !important;
    align-items:flex-start !important;
    position:relative !important;
    width:100% !important;
    padding:20px 0 !important;
}

/* Center Line */
.process-tab-multi .e-n-tabs-heading::before {
    content: "" !important;
    position: absolute !important;
    top: 55px !important;
    left: 15% !important;
    width: 70% !important;
    height: 2px !important;
    background: #cfd5dc;
    z-index: 1;
}

/* Tab Item */
.process-tab-multi .e-n-tab-title{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
    background:none !important;
    border:none !important;
    padding:0 !important;
    position:relative;
    z-index:2;
    width:auto !important;
}

/* Circle Icon */
.process-tab-multi .e-n-tab-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#fff;
    border:3px solid #d8dde5;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
}

/* Active Circle */
.process-tab-multi .e-n-tab-title[aria-selected="true"] .e-n-tab-icon{
    background:#4da3e2;
    border-color:#b8d7ef;
    box-shadow:0 0 0 8px rgba(77,163,226,.15);
}

/* Active Icon */
.process-tab-multi .e-n-tab-title[aria-selected="true"] .e-n-tab-icon i,
.process-tab-multi .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg{
    color:#fff !important;
    fill:#fff !important;
}

/* Title */
.process-tab-multi .e-n-tab-title-text{
    font-size:18px;
    font-weight:600;
    color:#404040;
    text-align:center;
    line-height:1.3;
}

/* Active Title */
.process-tab-multi .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{
    color:#4da3e2;
}

/* Remove Elementor Default Styles */
.process-tab-multi .e-n-tab-title::before,
.process-tab-multi .e-n-tab-title::after{
    display:none !important;
} 
/* Mobile */
@media(max-width:767px){

    .process-tab-multi .e-n-tabs-heading{
        overflow-x:auto;
        flex-wrap:nowrap !important;
        justify-content:flex-start;
        gap:25px;
        scrollbar-width:none;
        padding-bottom:15px;
    }

    .process-tab-multi .e-n-tabs-heading::-webkit-scrollbar{
        display:none;
    }

    .process-tab-multi .e-n-tabs-heading::before{
        display:none;
    }

    .process-tab-multi .e-n-tab-title{
        flex:0 0 auto;
        min-width:120px;
    }

    .process-tab-multi .e-n-tab-icon{
        width:55px;
        height:55px;
        min-width:55px;
    }

    .process-tab-multi .e-n-tab-title-text{
        font-size:14px;
    }
	.fi-small-title {
    padding-bottom: 0px;
}
	.process-tab-multi.e-n-tabs-mobile .e-n-tab-title {
    order: unset !important;
}
	/*--home page*/
	.Banner_slider .swiper-pagination { transform: rotate(180deg) !important; }
/*------ Portfolio page ----------*/
	.fi-static-buttons span {
    font-size: 12px;
	padding: 8px 19px;
}
	.fi-small-title .fi-text {
    font-size: 15px;
}
	.fi-portfolio-item {
    min-height: 360px;
}
.fi-filter-btn {
    padding: 12px 22px;
    font-size: 16px;
}	
	.process-tab-multi.elementor-widget-n-tabs .e-n-tabs-heading {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0px !important;
}
/* .process-tab-multi .e-n-tabs-mobile .e-n-tab-title:not(:first-child) {
        margin-block-start: 0;
    }
.process-tab-multi .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title:not(:first-child) {
    margin-bottom: 0 !important;
}	 */
	
/* --- Landing Page-----*/
	.heading-badges {
    padding: 14px 19px;
    font-size: 11px;
}
}

/*---- New Banner ---*/
.new-slider-dot .swiper-pagination {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 12px 9px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px 20px 0px 0px;
}
/*---Service inner website page--*/
.page-id-1163 .header-main {
    background: transparent !important;
}
.page-id-1163 .header-main.scrolled {
   background: linear-gradient(79.25deg, #006DC2 16.09%, #003E9C 84.88%) !important;
}
.page-id-1163 .header-main.elementor-sticky--active::before {
    background-image: none !important;
}
/*-- paid ads page --*/
 .page-id-1302 .header-main {
    background: transparent !important;
}
.page-id-1302 .header-main.scrolled {
    background-image: linear-gradient(rgba(14, 25, 36, 1)) !important;
}
.page-id-1302 .header-main.elementor-sticky--active::before {
    background-image: none !important;
}
/*---- ai automation ---*/
.page-id-1692 .header-main {
    background: transparent !important;
}
.page-id-1692 .header-main.scrolled {
    background-image: linear-gradient(rgba(0, 8, 60, 1)) !important;
}
.page-id-1692 .header-main.elementor-sticky--active::before {
	background-image:none !important;
}
/*---- E commerce ---*/
.page-id-1515 .header-main {
    background: transparent !important;
}
.page-id-1515 .header-main.scrolled {
    background-image: linear-gradient(rgba(14, 25, 36, 1)) !important;
}
.page-id-1515 .header-main.elementor-sticky--active::before{
	background-image: none !important;
}
/*------ social media marketing ---*/
.page-id-1223 .header-main {
    background: transparent !important;
}
.page-id-1223 .header-main.scrolled {
    background: linear-gradient(79.25deg, #B93494 16.09%, #9D1F98 84.88%) !important;
}
.page-id-1223 .header-main.elementor-sticky--active::before{
	background-image: none !important;
}
/*--- Web application ---*/
.page-id-1893 .header-main {
    background: transparent !important;
}
.page-id-1893 .header-main.scrolled { 
    background-image: linear-gradient(rgba(0, 8, 60, 1)) !important;
}
.page-id-1893 .header-main.elementor-sticky--active::before{
	background-image: none !important;
}
/*--- Seo services ---*/
.page-id-1340 .header-main {
    background: transparent !important;
}
.page-id-1340 .header-main.scrolled { 
   background: linear-gradient(79.25deg, #006192 16.09%, #002856 84.88%) !important;
}
.page-id-1340 .header-main.elementor-sticky--active::before{
	background-image:none !important;
}
/*--- branding design ---*/
.page-id-1270 .header-main {
    background: transparent !important;
}
.page-id-1270 .header-main.scrolled { 
   background-image: linear-gradient(rgba(0, 8, 60, 1)) !important;
}
.page-id-1270 .header-main.elementor-sticky--active::before{
	background-image: none !important;
}
/*--- maintence ---*/
.page-id-1559 .header-main {
    background: transparent !important;
}
.page-id-1559 .header-main.scrolled { 
   background: linear-gradient(105.57deg, #39A84B 0%, #77A839 100%) !important;
}
.page-id-1559 .header-main.elementor-sticky--active::before{
	background-image: none !important;
}
/* Button Background */
 .page-id-1559 .elementor-element-f3265e9 .elementor-button {
    background-color: #288224 !important;
}
.page-id-1559 .elementor-element-f3265e9 .elementor-button:hover{
	background-color:#2E8ADD !important;
}
/* Stacked Icon Background */
 .page-id-1559 .elementor-element-a483b82.elementor-view-stacked .elementor-icon {
    background-color: #288224 !important;
}
.page-id-1559 .elementor-element-a483b82.elementor-view-stacked .elementor-icon:hover{
	background-color:#2E8ADD !important;
}
/*-------- Home page -------------*/
 .page-id-9 .header-main {
     background-image: url('https://firstidea.updwork.cloud/wp-content/uploads/2026/06/slider1-header-img.webp') !important; 
/*  background: transparent !important; */
} 
.page-id-9 .header-main.elementor-sticky--active::before {
    background-image: none !important;
}
.fi-small-title .fi-text:hover {
    color: #Fff !important;
}
@media (min-width:768px) and (max-width:1024px){
	.fi-static-buttons span {
    font-size: 12px;
}
}
/*=================== Meeting calendar ====================== */
.calendar-header{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
    margin-bottom:20px;
}
.calendar-header h2 {
    font-size: 20px;
    color: #302938;
    font-weight: 500;
    font-family: 'Inter';
}
.calendar-header button{
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    cursor:pointer;
    font-size:20px;
    background:#42A3E1;
    color:#fff;
	line-height: 1.3em; 
}
.weekdays {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    text-align: center;
    color: #808080;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}
.calendar-days{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:8px;
}
.day {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%;
    transition: .3s;
    font-size: 16px;
    color: #302938;
    font-family: 'Roboto';
    font-weight: 400;
    line-height: 43px;
}
.day:hover{
    background:#e6f3ff;
}
.selected{
    background:#e9f2fb;
    color:#3ea3ea;
    font-weight:bold;
}
.today {
    background: #F0F7FF;
    color: #42A3E1;
}
.empty{
    visibility:hidden;
}
.timezone{
    padding-top:10px;
    display:flex;
    align-items:center;
    gap:10px;
    color:#444;
}
.meet-hr {
    border-top: 1px solid #EBE9ED;
    margin-top: 40px;
    margin-bottom: 20px;
}
.standard {
    font-size: 16px;
    font-weight: 400;
    color: #302938;
    margin-top: -7px;
}
@media(max-width:480px){
    .calendar-container{
        width:100%;
        margin:0px;
		padding:0px;
    }
    .calendar-header h2{
        font-size:22px;
    }
}
/*===============================================*/
a.one-hand {
    color: #fff;
}
a.one-hand:hover{
	color:#42A3E1;
}

/*=========================================================*/
/*---help center*/
.wordpress-helpdesk-row {
    max-width: 1300px;
    margin: 0 auto !important;
}
.tax-faq_topics .container {
    padding: 80px 20px 80px 20px
}
.faq-template-default .container {
    padding: 80px 20px 80px 20px
}
.wordpress-helpdesk 
.form-control.wordpress-helpdesk-faq-searchterm {
    background-color: #F8F9FC;
    border-radius: 10px;
    padding: 27px 0px 27px 20px;
}
.faq-template-default input#submit {
    background-color: #F92F90;
    color: white !important;
    border: 1px solid #F92F90;
}
.faq-template-default input#submit:hover {
    background-color: #42A3E1;
    color: white !important;
    border: 1px solid #42A3E1;
	padding: 10px 40px;
    border-radius: 50px;
}
.faq-template-default span.wordpress-helpdesk-topics {
    background-color: #F92F90 !important;
}
span.wordpress-helpdesk-viewed.label {
    background-color: #223893 !important;
}
.wordpress-helpdesk-topic-list li a {
	display: flex !important;
}
 .tax-faq_topics .wordpress-helpdesk-faq-title {
    display: flex;
    align-items: center; 
    gap: 10px;
} 
h3.wordpress-helpdesk-faq-title {
    font-size: 18px !important;
    font-weight: 600;
    color: #302938;
    font-family: 'Inter';
}
.wordpress-helpdesk-faq-excerpt {
    font-size: 15px;
    color: #302938;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 1.5em;
}
.wordpress-helpdesk .form-control {
    height: 55px;
	margin-top:10px;
	background-color: #F8F9FC;
}
.wordpress-helpdesk-faq-title {
    margin: 0 0 15px 0;
}
h2.widgettitle {
    font-size: 26px;
    color: #0D333F;
    font-weight: 600;
    font-family: 'Inter';
} 
.wordpress-helpdesk-faq-boxed {
    text-align: center;
    border: 1px solid #E4E4EA;
    padding: 40px;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 14px;
}
.wordpress-helpdesk-faq-boxed:hover {
    background-color: #FFF3F9;
}
h3.wordpress-helpdesk-faq-boxed-title {
    font-size: 24px;
    font-weight: 600;
    color: #302938;
    font-family: 'Inter';
}
p.wordpress-helpdesk-faq-boxed-description {
    font-size: 16px;
    color: #F92F90;
    font-weight: 500;
    font-family: 'Inter';
}
.wordpress-helpdesk-faq-boxed-count {
    color: #302938;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Inter';
}
ul#menu-help-desk-account-menu li {
    list-style: none;
    color: #01B155;
    font-size: 16px;
    line-height: 40px;
    font-weight: 400;
    font-family: 'Inter';
}
.wordpress-helpdesk-faq-list li i.fa-file-alt {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url('https://simplinvoice.com/wp-content/uploads/2025/11/most-viewed-svg.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.wordpress-helpdesk-faq-list li {
    display: flex;
    align-items: center;
	margin-bottom:10px;
}
.wordpress-helpdesk-faq-list li i {
    margin-right: 8px;      
    display: flex;
    align-items: center;    
}
.wordpress-helpdesk-faq-list li a {
    display: flex;
    align-items: center; 
}
.page-template .dataTables_filter input[type="search"] {
    margin-top: 10px;
}
.page-template .dataTables_length select {
    margin: 10px 0 !important;
}
.custum-new-ticket a#wordpress_helpdesk_back_to_my_tickets {
    background-color: #223893;
    color: #ffffff;
    padding: 17px 35px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Inter';
    border-radius: 50px;
}
.custum-new-ticket a#wordpress_helpdesk_back_to_my_tickets:hover {
    background-color: #F92F90;
}
.custum-new-ticket form.wordpress-helpdesk-form.wordpress-helpdesk-Simple {
    margin-top: 40px;
}
.custum-new-ticket input[type="submit"]:hover {
    background-color: #01B155;
}
.faq-template textarea#comment {
    border-color: aquamarine;
}
.ticket-template .container {
    padding: 45px 0 220px 0px;
}
.ticket-template-default a#wordpress_helpdesk_back_to_my_tickets {
    background-color: #01B155;
    color: white;
    padding: 15px 20px 15px 20px;
    font-weight: 500;
}
.ticket-template h1.wordpress-helpdesk-single-title {
    margin-top: 30px;
}
.ticket-template small {
    margin-left: 16px;
}
.faq-template .entry p {
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    color: #0D333F;
}
.ticket-template-default input.wordpress-helpdesk-ticket-solved-btn:hover {
    background-color: #01B155;
}
.ticket-template-default input.wordpress-helpdesk-ticket-solved-btn {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}
.ticket-template-default .wordpress-helpdesk-reporter-box, .wordpress-helpdesk-agent-box {
    font-size: 16px;
}
.ticket-template-default input#submit {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Inter';
}
.ticket-template-default input#submit:hover {
    background-color: #01B155;
}
.page-template-default td.wordpress-helpdesk-my-ticket-col-status {
    text-align: center;
    vertical-align: middle;
}
.page-template-default td.wordpress-helpdesk-my-ticket-col-system {
    text-align: center;
	vertical-align: middle;
}
.page-template-default td.wordpress-helpdesk-my-ticket-col-type {
    text-align: center;
	vertical-align: middle;
}
.page-template-default td.wordpress-helpdesk-my-ticket-col-action {
    text-align: center;
	vertical-align: middle;
}
.page-template-default span.wordpress-helpdesk-my-tickets-title {
    color: #0D333F;
    font-family: 'Inter';
}
.page-template div#DataTables_Table_0_paginate {
    margin-top: 10px;
}
.ticket-template-default .wordpress-helpdesk-meta-information {
    margin-bottom: 30px;
}
.wp-singular .wordpress-helpdesk-col-sm-12 {
    left: -17px !important;
}
.tax-faq_topics .wordpress-helpdesk-col-sm-12 {
    left: -17px !important;
}
.wordpress-helpdesk-faq-title .wordpress-helpdesk-faq-topic-icon, .wordpress-helpdesk-faq-list .wordpress-helpdesk-faq-topic-icon {
    max-width: 22px;
}
ul.wordpress-helpdesk-topic-list li a {
    font-size: 16px;
    color: #302938;
	 font-weight: 400;
    font-family: 'Inter';
}
ul.wordpress-helpdesk-topic-list li a:hover {
    color: #223893;
}
ul.wordpress-helpdesk-faq-list li a {
    font-size: 16px;
    color: #302938;
	 font-weight: 400;
    font-family: 'Inter';
}
ul#menu-help-desk-account-menu li a {
    font-size: 16px;
    font-weight: 400;
    color: #F92F90;
    font-family: 'Inter';
}
ul#menu-help-desk-account-menu li a:hover {
    color: #223893;
}
.wordpress-helpdesk textarea {
    border: 1px solid #E4E4EA;
    border-radius: 20px;
    margin-top: 20px;
}
.wordpress-helpdesk input[type="submit"] {
    background-color: #F92F90;
    color: #fff;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Inter';
    padding: 12px 35px;
}
.wordpress-helpdesk input[type="submit"]:hover {
    background-color: #223893;
}
.wordpress-helpdesk-faq-boxed:hover .wordpress-helpdesk-faq-topic-icon{
    filter: brightness(0) saturate(100%) invert(41%) sepia(98%) saturate(2018%) hue-rotate(303deg) brightness(100%) contrast(97%);
/*     transition: all 0.3s ease; */
}
.ticket-template-default .container{
	padding: 60px 20px
}
.ticket-template-default a#wordpress_helpdesk_back_to_my_tickets {
    background-color: #223893;
    color: #ffffff;
    border-radius: 50px;
    position: absolute;
    font-size: 16px;
    font-family: 'Inter';
    padding: 12px 35px;
}
.ticket-template-default a#wordpress_helpdesk_back_to_my_tickets:hover {
    background-color: #F92F90;

}
h1.wordpress-helpdesk-single-title {
    margin-top: 35px;
}
@media (max-width: 767px){
	.faq-template-default h1.wordpress-helpdesk-single-title {
    font-size: 25px;
}
	.page-template .wordpress-helpdesk-col-sm-8 {
    margin-top: 55px;
}
	.ticket-template-default h4.wordpress-helpdesk-reporter-box-title {
    font-size: 16px;
}
	.ticket-template-default h4.wordpress-helpdesk-agent-box-title {
    font-size: 16px;
}
	.ticket-template-default input.wordpress-helpdesk-ticket-solved-btn {
    margin-top: 27px;
    margin-right: 200px;
}
	.tax-faq_topics .container {
    padding: 40px 20px 40px 20px;
}
	.faq-template-default .container {
    padding: 40px 20px 40px 20px;
}
	.ticket-template-default a#wordpress_helpdesk_back_to_my_tickets {
    position: unset;
}
	h1.wordpress-helpdesk-single-title {
    font-size: 25px;
}
	span.wordpress-helpdesk-my-tickets-status.label.wordpress-helpdesk-status-work-in-progress {
    margin-bottom: 7px !important;
    display: inline-flex;
}
}
@media (min-width: 1024px) {
    .ticket-template-default h4.wordpress-helpdesk-reporter-box-title {
        font-size: 25px;
    }
    .ticket-template-default h4.wordpress-helpdesk-agent-box-title {
        font-size: 25px;
    }
}

/* 1. Ensure the trigger element occupies structural space at the bottom */
.fi-infinite-scroll-trigger {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 40px 0 !important;
    margin: 20px auto !important;
    min-height: 50px !important; /* Forces layout tracking heights */
    clear: both !important;       /* Prevents floats from breaking layout heights */
    box-sizing: border-box !important;
}

/* 2. Dynamically insert the loading text strings when active */
.fi-infinite-scroll-trigger.is-loading::after {
    content: "Loading more portfolio items..." !important;
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #42A3E1 !important; /* Target core branding element accent blue colors */
    font-family: inherit !important;
    letter-spacing: 0.5px !important;
    animation: fiFadeInOut 1.2s infinite ease-in-out !important;
}

/* 3. Smooth breathing animation sequence layout */
@keyframes fiFadeInOut {
    0%, 100% { 
        opacity: 0.3; 
        transform: scale(0.98);
    }
    50% { 
        opacity: 1; 
        transform: scale(1);
    }
}