/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 06 2026 | 08:34:49 */
/* Universal fix for Elementor Menu Anchor offset */
.elementor-menu-anchor {
    display: block;
    position: relative;
    top: -150px; 
    visibility: hidden;
    pointer-events: none;
}
.page-id-2375 .site-main{
	margin-top:200px !important
}
.ehf-header #masthead {
    z-index: 999;
    position: relative;
}

/**** Style April 2026 *****/
.elementor-button .elementor-button-icon {
	border-radius: 50%;
	transition: all 0.5s linear 0s;
}
.elementor-button:hover .elementor-button-icon {
	border-radius: 15px;
	transition: all 0.4s linear 0s;
}
/**** Style April 2026 Closed *****/

/* Target girl-box container */
.girl-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Push image to bottom */
.girl-box .elementor-widget-image {
    margin-top: auto;
}

/* Make image responsive properly */
.girl-box .elementor-widget-image img {
    display: block;
    width: 100%;
    height: auto;
}	



.single-diteck_project .site-main {
    margin-top: 200px !important;
  
}
.page-id-3994 .breadcrumb-wrap {
    padding-top: 150px !important;
}

#service-concept {
    max-width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
}
.service-box .elementor-image-box-description {
    padding-right:20px;
}


.call-to-act {
    font-size: 20px;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
	color: #fff;
}


.layout-1 .elementor-teambox-item .teambox-item-inner:after {
    height: 0;
    background: linear-gradient(180deg, rgba(99, 110, 223, 0) 55.91%, #27a8e0 100%);
}

.team-layout1-h .popup-icon {
    background-color: #F2F1F6 !important;
}

.team-layout1-h .popup-icon::before,
.team-layout1-h .popup-icon::after {
    background-color: #27a8e0 !important; /* icon (+ / arrow) white */
}

.team-layout1-h .button-popup-detail:hover .popup-icon {
    background-color: #e1e0e6 !important;
}
/* Icon box */
.team-layout1-h .popup-icon::before {
   
    color: #ffffff !important;              /* icon (+ / arrow) white */
}
.team-layout1-h .popup-icon svg {
    fill: #ffffff !important;
}
.elementor-461 .elementor-element.elementor-element-5bfeff7 {
  background-color: #FF3D97 !important;
}
.elementor-element-6227c1a {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}
.e-con[data-settings*="opal-move-left"]
  .elementor-widget-image img[src*="h1_img-1"] {
    position: relative !important;
}
.e-con[data-settings*="opal-move-left"]
  .elementor-widget-image {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

/* .e-con[data-settings*="opal-move-left"]
  .elementor-widget-image img[src*="h1_img-1"] {
    margin-top: 20px;
    max-width: 100%;
} */

/* Normal state */
html body #page header .global-topbar,
.global-topbar > .e-con-inner {
/*     background-color: #27a8e0 !important; */
/* 	background-color: #201A3D !important; */
	background-color: #5F75FF !important;
}


.global-topbar.is-sticky > .e-con-inner {
/*     background-color: #27a8e0 !important; */
/* 		background-color: #201A3D !important; */
	background-color: #5F75FF !important;
}

.page-id-4816 .hfe-page-title h1 {
    visibility: hidden;
}


@keyframes heroRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.hero-icon {
    animation: heroRotate 12s linear infinite;
    transform-origin: center center;
}




.four_clm a.elementor-button {
    padding: 0px;
}

.tel-greh .elementor-heading-title.elementor-size-default {
 background-image: linear-gradient(
        90deg,
        var(--e-global-color-757c7f4) 0%,
        var(--e-global-color-18087d2) 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text; /* for future compatibility */
   
}
.con-greh .elementor-heading-title.elementor-size-default {
     background-color: transparent;
    background-image: linear-gradient(
        90deg,
        var(--e-global-color-29bff1f) 0%,
        var(--e-global-color-e07c85e) 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    display: inline-block; /* important for gradient text */ 
}
.it-greh .elementor-heading-title.elementor-size-default {
    background-color: transparent;
    background-image: linear-gradient(
        90deg,
        var(--e-global-color-b9d3515) 0%,
        var(--e-global-color-29bff1f) 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    display: inline-block;
}
.it-list.elementor-widget.elementor-widget-text-editor {
    padding-left: 0px;
    margin-left: -28px;
}
.ene-greh .elementor-heading-title.elementor-size-default {
 background-color: transparent;
background-image: linear-gradient(
    90deg,
    var(--e-global-color-2b61e4c) 0%,
    var(--e-global-color-38471c8) 100%
);

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;

}
.bus-greh .elementor-heading-title.elementor-size-default {
 background-color: transparent;
    background-image: linear-gradient(
        90deg,
        var(--e-global-color-8630d25) 0%,
        var(--e-global-color-f1f5b07) 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}

.demo-greh .elementor-heading-title.elementor-size-default {
 background-color: transparent;
    background-color: transparent;
    background-image: linear-gradient(
        90deg,
        var(--e-global-color-38471c8) 0%,
        var(--e-global-color-18087d2) 100%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}


.flip_count .elementor-widget:nth-child(1)
.elementor-flip-box__layer__overlay {
	background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-757c7f4) 0%, var(--e-global-color-18087d2) 100%);
}
.flip_count .elementor-widget:nth-child(2)
.elementor-flip-box__layer__overlay {
	background-image: linear-gradient(180deg, var(--e-global-color-b9d3515) 0%, var(--e-global-color-29bff1f) 100%);
}
.flip_count .elementor-widget:nth-child(3)
.elementor-flip-box__layer__overlay {
	background-image: linear-gradient(180deg, var(--e-global-color-29bff1f) 0%, var(--e-global-color-e07c85e) 100%);
}
.flip_count .elementor-widget:nth-child(4)
.elementor-flip-box__layer__overlay {
	background-image: linear-gradient(180deg, var(--e-global-color-8630d25) 0%, var(--e-global-color-f1f5b07) 100%);
}
.flip_count .elementor-widget:nth-child(5)
.elementor-flip-box__layer__overlay {
	background-image: linear-gradient(180deg, var(--e-global-color-2b61e4c) 0%, var(--e-global-color-38471c8) 100%);
}
.flip_count .elementor-widget:nth-child(6)
.elementor-flip-box__layer__overlay {
	background-image: linear-gradient(180deg, var(--e-global-color-38471c8) 0%, var(--e-global-color-18087d2) 100%);
}



/* Increment per widget */
.flip_count .elementor-widget {
	counter-increment: flip-counter;
	position: relative;
}

/* Flip box should stay behind */
.flip_count .elementor-flip-box {
	position: relative;
	z-index: 1;
}

/* Flip layers always behind counter */
.flip_count .elementor-flip-box__front,
.flip_count .elementor-flip-box__back {
	z-index: 1;
}

/* Counter badge – ALWAYS ON TOP */
.flip_count .elementor-widget::before {
    content: counter(flip-counter);
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background: #ffffff;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    z-index: 3;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}









.service-tag_list a.service-tag-link {
   border: 1px solid var(--border);
    border-radius: 10px;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 1.5;
    padding: 4px 14px;
}
.service-tag_list a.service-tag-link:hover {
    background: transparent;
    color: #fff;
    border-color: #6973e0;
}
.post-author {
    display: none;
}


.new_number h2 {
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #DFDEE5 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
    transition: background 0.4s ease;
}

.new_number:hover h2 {
    background: -webkit-linear-gradient(90deg, #DFDEE500 15%, #636EDF 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
    color: transparent !important;
}

.broch_pg {
    margin: 0 auto;
}
.page-id-4816 footer#colophon {
    margin-top: 50px;
}
.broch_pg {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-38471c8) 0%, var(--e-global-color-2b61e4c) 100%);
    border-radius: 20px;
    padding: 50px;
}
/************************Timeline Css ******************/
.timeline-description {
    font-size: 20px;
    color: #000;
}


.fussnegger-timeline-widget .timeline-item:nth-child(odd) .timeline-description ul ul li {
  list-style: none;
  position: relative;
  padding-right: 18px; /* bullet ke liye space */
}

	.fussnegger-timeline-widget .timeline-item:nth-child(odd) .timeline-description ul ul li::after {
  content: "";
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0.7em;
}
	
	.fussnegger-timeline-widget .timeline-item:nth-child(odd) .timeline-description ul li {
  list-style: none;
  position: relative;
  padding-right: 18px; /* bullet ke liye space */
}
	
		    ul.cl_25 li::after {
        content: "•";
        position: absolute;
        right: 0;
        top: -13px;
        color: #999;
        font-size: 30px;
    
	}


/****************End ************************/




span.slide_logo {
    color: #636edf;
}
.ser_sub .elementor-icon-list-item:first-child 
 .elementor-icon-list-text {
    font-size: 22px;
/*     color: purple; */
    font-weight: 600; 
	 color:black;
}


.page-id-72 .site-main {
        margin-top: 0px  !important;
        margin-bottom: 0;
    }
.site-main {
      margin-top: 150px !important;
    margin-bottom: 0;
}
.breadcrumb-wrap {
    padding-top: 200px !important;
}
.hfe-breadcrumbs-show-home {
    display: none !important;
}
.custo-b {
    padding: 40px;
    background: white;
    border-radius: 12px;
}

.custo-b .elementor-image-box-content {
    padding: 40px;
}
.custo-b .elementor-image-box-img img {
    height: 320px;
    object-fit: cover;
    object-position: center center;
    transition-duration: 0.3s;
    border-radius: 12px 012px 0px 0px;
}
/* Default header (before scroll) */
.global-header {
  position: relative;
  background: transparent;
}

/* Sticky state */
.global-header.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

/* Apply background to visible Elementor containers */
.global-header.is-sticky,
.global-header.is-sticky .e-con,
.global-header.is-sticky .e-con-inner {
  background-color: #ffffffa6 !important;
}

/* Optional: shadow for sticky */
.global-header.is-sticky {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.single-post .site-content {
    margin-top: 0px;
}

.single-post .col-full {
    margin-top: 170px;
}

.single-post .site-main {
    margin-top: 0px !important;
}
.single-post .single-content .entry-header .entry-title {
    font-size: 50px;
}
/* GIF ko properly show karne ke liye */
.project-gif,
.project-gif img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.blog-grid .entry-title {
    font-size: 16px;
	font-weight:600;
    line-height: 26px;
    letter-spacing: normal;
}

p.post-title a{
    font-family: neue-haas;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    text-transform: capitalize;
    vertical-align: baseline;
    letter-spacing:normal;
}
.blog .entry-meta a {
    font-size: 9px;
    letter-spacing: normal;
}
.journey_about p {
    margin-bottom: 0px;
}

.service-style-3 img.service-icon {
    width: 110px;
    height: auto;
}
.service-style-3 .service-post-thumbnail {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.service-more-link-wrap a:hover {
    color: #18153b !important;
}

.button-style:before{
	background-color:#18153b !important;
}

.button-style .elementor-button-icon {background: #18153b;}

.service-style-3 .service-inner.service-style-inner {
    background-image: url(https://whiteskidemo.co.uk/wp-content/uploads/2024/11/h1_bg-1.png);
    --background-overlay: '';
    background-position: 46% center;
    background-repeat: no-repeat;
    
} 

.elementor-service-special-yes .d-grid .grid-item:nth-child(6n+3) .service-inner.service-style-inner{
	background-position: 150% center;
}
.timeline-description ul {
    margin-left: 10px;
}

.timeline-description ul li {
    padding-bottom: 10px;
}

.timeline-description ul li:last-child {
    padding-bottom: 0px;
}

/* Default: description hide */
.journey_cloud .elementor-image-box-description {
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.35s ease;
}

/* Hover on image box */
.journey_cloud .elementor-widget-image-box:hover 
.elementor-image-box-description {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.business_sec_part .elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide>.e-con {
    backdrop-filter: blur(30px);
}

.business_sec_part .elementor-widget-n-carousel .e-n-carousel>.swiper-wrapper>.swiper-slide>.e-con:hover{
	background:#00000033;
}
.page-id-3994 .site-main {
    margin-top: 10px !important;
}


@media (min-width: 1201px) and (max-width: 1501px) {
	.page-id-4816 .project-item .project-post-thumbnail{
		min-height: 240px !important;
		border-radius: 0px !important;
	}
}


@media (min-width: 1025px) and (max-width: 1301px) {
	.page-id-4816 .project-item .project-post-thumbnail{
		min-height: 190px !important;
		border-radius: 0px !important;
	}
}

@media (max-width: 767px) {
	
	.mob-menu.elementor-widget-icon {
		width: 45px;
		height:45px;
	}
	.global-header.is-sticky .e-con {
		background-color: transparent !important;
	}
	

    .site-main {
        margin-top: 130px  !important;
        margin-bottom: 0;
    }
	.elementor-menu-anchor {
    display: block;
    position: relative;
    top: -190px; 
    visibility: hidden;
    pointer-events: none;
}
  .page-id-72 .site-main {
        margin-top: 0px  !important;
        margin-bottom: 0;
    }
    .breadcrumb-wrap {
        padding-top: 150px !important;
    }

    .hfe-breadcrumbs-show-home {
        display: none !important;
    }
	.page-id-3994 .site-main {
    margin-top: 20px !important;
}
	.service_banner br {
    display: none;
}
	.page-id-4816 .project-item .project-post-thumbnail{
		min-height: 210px !important;
	}
	.page-id-12897 .elementor-icon-list-text {
    color: #000000 !important;
    -webkit-text-fill-color: #000000;
}
	.call-to-act br {
    display: none;
}
#service-concept {
    max-width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
}
	
	.call-to-act {
    font-size: 18px;
    line-height: 20px;
    padding: 0px;
    margin: 0px;

}
	.service-box .elementor-image-box-description {
    padding-right:10px;
}
	
	.single-diteck_project .site-main {
    margin-top: 170px !important;
    margin-bottom: 0;
}
	
	.page-id-3994 .breadcrumb-wrap {
    padding-top: 110px !important;
}
	
}
/* 
#it-sup {
    scroll-margin-top: 150px;  
}
#it-lic {
    scroll-margin-top: 150px;  
}
#it-sec {
    scroll-margin-top: 150px;  
}
#cyb {
    scroll-margin-top: 150px;  
}

#it-sup2 {
    scroll-margin-top: 150px;  
}
#it-lic2 {
    scroll-margin-top: 150px;  
}
#it-sec2 {
    scroll-margin-top: 150px;  
}
#cyber {
    scroll-margin-top: 150px;  
} */

@media (min-width: 768px) {
    .left-section {
        position: sticky;
        top: 220px;  /* moved further down */
        align-self: flex-start;
        z-index: 2;
    }
	 .four_clm {
        position: sticky;
        top: 220px;  /* moved further down */
        align-self: flex-start;
        z-index: 2;
    }
}