/*
Theme Name:   Hello Elementor Child
Theme URI:    https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description:  Hello Elementor child theme
Author:       thriveability
Author URI:   https://thriveability.co.uk/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/
body, html{
	overflow-x: hidden;
}
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0px;
}
#elementor-popup-modal-27 .dialog-widget-content{
	backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}
.bg-blur{
	opacity: 1;
/* 	backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px); */
	backdrop-filter: blur(30px) ;
	 -webkit-backdrop-filter: blur(30px);
}
/* Header Menu Toggle CSS */
.custom-menu-toggle {
    display: flex;
    align-items: start;
    gap: 0px;
    writing-mode: vertical-rl;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 10px 0 0 10px;
    margin-left: auto;
    width: fit-content;
    flex-direction: column-reverse;
}
.custom-menu-toggle:hover {
    background: rgba(0, 0, 0, 0.9);
}
.custom-menu-toggle .menu-toggle-text {
    color: white;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease;
	rotate: 180deg;
	margin-top: -3px;
}
.menu-icon-lines {
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.menu-icon-lines span {
    width: 25px;
    height: 2px;
    background: #ff6b00;
    display: block;
    transition: 0.3s ease;
}
.menu-icon-lines span:nth-child(3) {
    width: 14px;
}
.menu-icon-lines span:nth-child(1) {
    width: 20px;
}

.custom-menu-toggle.active .menu-icon-lines span:nth-child(1) {
    transform: rotate(45deg) translate(4px, 5px);
    width: 25px;
   
}
.custom-menu-toggle.active .menu-icon-lines span:nth-child(2) {
    opacity: 0;
}

.custom-menu-toggle.active .menu-icon-lines span:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -5px);
    width: 25px;
}

.custom-menu-toggle.active {
    transform: translateX(-150px);
    background: rgb(0 0 20);
    position: fixed;
    padding: 10px 7px;
    right: 218px;
    top: 70px;
}
/* Header Menu Toggle CSS */
/* Moving circle animation  */
@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}
.animated-circle-bg .background {
    height: 100vh;
    width: 100%;
    position: absolute;
    top:117px;
}
.animated-circle-bg{
    background: #000014;
    overflow: hidden;
	 position: relative;
}
.animated-circle-bg .background span {
    width: 14vmin;
    height: 14vmin;
    border-radius: 14vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 45;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.animated-circle-bg .background span:nth-child(0) {
    color: #ed6c05;
    top: 14%;
    left: 38%;
    animation-duration: 6s;
    animation-delay: -8s;
    transform-origin: 25vw -20vh;
    box-shadow: 28vmin 0 3.501181354700436vmin currentColor;
}
.animated-circle-bg .background span:nth-child(1) {
    color: #ed6c05;
    top: 87%;
    left: 85%;
    animation-duration: 24s;
    animation-delay: -6s;
    transform-origin: 13vw 7vh;
    box-shadow: -28vmin 0 4.2796610176093175vmin currentColor;
}
.animated-circle-bg .background span:nth-child(2) {
    color: #ed6c05;
    top: 5%;
    left: 82%;
    animation-duration: 30s;
    animation-delay: -2s;
    transform-origin: 22vw 25vh;
    box-shadow: 28vmin 0 4.030372213183429vmin currentColor;
}
.animated-circle-bg .background span:nth-child(3) {
    color: #ed6c05;
    top: 32%;
    left: 80%;
    animation-duration: 46s;
    animation-delay: -26s;
    transform-origin: -19vw 8vh;
    box-shadow: 28vmin 0 3.965965126415014vmin currentColor;
}
.animated-circle-bg .background span:nth-child(4) {
    color: #ed6c05;
    top: 17%;
    left: 36%;
    animation-duration: 40s;
    animation-delay: -38s;
    transform-origin: -8vw 14vh;
    box-shadow: 28vmin 0 3.5615013377929463vmin currentColor;
}
.animated-circle-bg .background span:nth-child(5) {
    color: #ed6c05;
    top: 7%;
    left: 39%;
    animation-duration: 38s;
    animation-delay: -40s;
    transform-origin: -20vw 0vh;
    box-shadow: -28vmin 0 4.419921817094993vmin currentColor;
}
.animated-circle-bg .background span:nth-child(6) {
    color: #ed6c05;
    top: 22%;
    left: 37%;
    animation-duration: 23s;
    animation-delay: -50s;
    transform-origin: 11vw 17vh;
    box-shadow: -28vmin 0 4.1069498044374155vmin currentColor;
}
.animated-circle-bg .background span:nth-child(7) {
    color: #ed6c05;
    top: 100%;
    left: 18%;
    animation-duration: 59s;
    animation-delay: -26s;
    transform-origin: -60vw 6vh;
    box-shadow: -28vmin 0 4.029280787815737vmin currentColor;
}
.animated-circle-bg .background span:nth-child(7) {
    color: #ed6c05;
    top: 100%;
    left: 5%;
    animation-duration: 8s;
    animation-delay: -26s;
    transform-origin: -60vw 6vh;
    box-shadow: -28vmin 0 4.029280787815737vmin currentColor;
}
.animated-circle-bg .background span:nth-child(8) {
    color: #ed6c05;
    top: 90%;
    left: 7%;
    animation-duration: 38s;
    animation-delay: -40s;
    transform-origin: -20vw 0vh;
    box-shadow: -28vmin 0 4.419921817094993vmin currentColor;
}
.animated-circle-bg .background span:nth-child(9) {
    color: #ed6c05;
    top: 90%;
    left: 6%;
    animation-duration: 23s;
    animation-delay: -17s;
    transform-origin: 19vw 1vh;
    box-shadow: -28vmin 0 4.1069498044374155vmin currentColor;
}
/* Moving circle animation  */

html body .line-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
	left: 55px;
    width: 2300px;
    height: 6490px;
	padding-bottom:20px;
    z-index: 9;
    transform: translateX(calc(-50% - 53px));
    pointer-events: none;
}
html body .line-container svg {
    height: 100%;
}

/* MOVING BORDER WITHOUT BACKGROUND IMAGE */
@keyframes borderMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.moving-border {
    position: relative !important;
    overflow: visible;
}

.moving-border:before {
    content: "" !important;
    position: absolute !important;
    inset: -4px;
    border-radius: inherit;
    padding: 0px;
    background: linear-gradient(90deg,
        #ED6C05,
        #ED6C05,
		#000000,
        #ED6C05);
    background-size: 300% 300%;
    animation: borderMove 4s linear infinite;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 99;
}

/* default — no border */
.scroll-border {
/*     border: 0 solid transparent; */
    transition: border-width 0.4s ease, border-color 0.4s ease;
}

/* when activated on scroll */
.active-border {
    border-width: 4px !important;
    border-style: solid;
    border-color: var(--e-global-color-secondary) !important;
}
.blog-col.active-border, .blog-col {
	border-bottom: unset !important;
}
.before-line {
    position: absolute;
    content: '';
    top: -357px;
    right: 355px;
    width: 10px;
    height: 331px;
    background: #fff;
}
.last-after-line {
    height: 508px;
    width: 10px;
    position: absolute;
    content: '';
    left: 290px;
    background: #fff;
    z-index: 9;
    top: -45px;
}
.blog-col .bg-blur.e-child:after {
    position: absolute;
    content: '';
    right: -27px;
    width: 125px !important;
    bottom: 41px;
    background: #ED6C05;
    height: 5px;
}
.blog-col .bg-blur.e-child:before {
    position: absolute;
    content: '';
    left: -27px;
    width: 27px;
    background: #ED6C05;
    height: 5px;
    top: 230px;
}
span.swiper-pagination-bullet {
    background: transparent !important;
    border: 2px solid #fff;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #ED6C05 !important;
    border: 2px solid #ED6C05;
}
.elementor-13 .elementor-element.elementor-element-df7f40c .elementor-main-swiper .swiper-slide {
    padding: 0px 33px 50px 33px !important;
}
@media (max-width: 1440px){
	html body .line-container {
		height: 5400px;
	}
	.last-after-line {
		left: 226px;
	}
	.blog-col .bg-blur.e-child:before {
		bottom: 43px;
        top: unset;
	}
	.last-after-line {
		top: -53px;
	}
}

@media (min-width: 1441px) and (max-width: 1615px){
	.e-con {
		--container-max-width: 1310px !important;
	}
	.before-line {
		right: 252px;
	}
	.left-align-section {
		width: 843px !important;
		padding-right: 0;
	}
	.our-services-card{
		padding-left: 70px !important;
		padding-right: 70px !important;
		
	}
	.our-services-card .e-con-inner{
		column-gap: 30px !important;
	}
	.latest-artical-wrp {
		padding-left: 70px !important;
		padding-right: 70px !important;
	}
	.latest-artical-wrp .elementor-widget-theme-post-title .elementor-heading-title {
		font-size: 21px !important;
	}
	.blog-col .bg-blur.e-child::before {
		top: 218px;
	}
	.elementor-13 .elementor-element.elementor-element-aac5816 {
		width: 412px !important;
	}
	html body .line-container {
		height: 6710px;
	}
}
@media (max-width: 991px){
	.before-line {
		right: 167px;
	}
	html body .line-container {
		height: 4300px;
	}
	.last-after-line {
		top: 21px;
		height: 455px;
	}
}
@media (max-width: 768px){
	.before-line, .last-after-line{
		display: none;
	}
	html body .mobile-line-container {
    	display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0px;
		left: 63px;
		width: 2300px;
		height: 7800px;
		padding-bottom:20px;
		z-index: 9;
		transform: translateX(calc(-50% - 53px));
		pointer-events: none;
	}
	html body .mobile-line-container svg {
		height: 100%;
	}
	
	.moving-border:before{
		padding: 0;
	}
}