/* common class start */
html, body{
	overflow-x: hidden;
}
div#ast-scroll-top {
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
}
p:last-child{
	margin-bottom: 0 !important;
}

.tbg--btn {
	line-height: 0;
	position: relative;
	overflow: hidden;
	border-radius: 100px;
	width: max-content;
}
.tbg--btn a{
	position: relative;
}
.tbg--btn .elementor-button-icon svg{
	width: 80px;
}
.tbg--btn .elementor-button-content-wrapper{
	align-items: center;
	gap: 10px !important;
}
button[type="submit"]{
	box-shadow: none;
	overflow: hidden;
	padding: 0 20px 0 0;
}
button[type="submit"]:hover .elementor-button-text,
button[type="submit"]:hover .elementor-button-icon{
	z-index: 1;
}
button[type="submit"] span.elementor-button-icon {
	font-size: 60px;
}
button[type="submit"] path{
	fill: url(#paint1_linear_392_4057) !important;
}
button[type="submit"]:hover rect{
	fill: #ffffff00 !important;
	stroke: #ffffff00;
}
button[type="submit"],
.tbg--btn .elementor-button-text{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
button[type="submit"],
.tbg--btn a .elementor-button-content-wrapper{
	position: relative;
	z-index: 1;
}
button[type="submit"]::before,
.tbg--btn a::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	transition: 0.5s;
}
button[type="submit"]:hover::before,
.tbg--btn a:hover::before{
	width: 100%;
	transition: 0.5s;
}
button[type="submit"] .elementor-button-text,
.tbg--btn a .elementor-button-text{
	transition: 0.5s;
}
button[type="submit"]:hover .elementor-button-text,
.tbg--btn a:hover .elementor-button-text{
	background: linear-gradient(95deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: 0.5s;
}
.tbg--btn a:hover rect{
	stroke: #ffffff00;
	transition: 0.5s;
}
button[type="submit"]:hover path,
.tbg--btn a:hover path,
.tbg--btn-2 .elementor-button-icon{
	filter: brightness(0) saturate(100%) invert(92%) sepia(100%) saturate(1%) hue-rotate(166deg) brightness(105%) contrast(101%);
	transition: 0.5s;
}
.tbg--btn-2 a:hover .elementor-button-icon{
	filter: unset;
}
.tbg--btn-2 .elementor-button-text {
	background: linear-gradient(95deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tbg-link a:hover .elementor-button-text,
.tbg--btn-2 a:hover .elementor-button-text{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tbg--btn-2 a:hover path{
	filter: unset;
}
.tbg--btn-2 a::before{
	background: #000;
	transition: 0.5s;
}
.tbg-btn-3 .elementor-button-text {
	background: linear-gradient(95deg,rgba(202, 202, 202, 1) 0%, rgba(202, 202, 202, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tbg-btn-3 svg{
	filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(1542%) hue-rotate(242deg) brightness(109%) contrast(58%);
}
.tbg-btn-3 a:hover svg{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(47deg) brightness(114%) contrast(101%);
}
.tbg-link a .elementor-button-text{
	position: relative;
}
.tbg-link a .elementor-button-text::before{
	content: '';
	position: absolute;
	top: 100%;
	width: 100%;
	left: 0;
	height: 1px;
	background: #000;
}
.tbg-link a:hover .elementor-button-text::before{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	transition: 0.5s;
}
/* common class end */

/* header start */
.tbg-menu .menu-item::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	background: linear-gradient(170deg,rgba(101, 199, 200, 0) 28%, rgba(101, 199, 200, 1) 100%);
	width: 3px;
	height: 100%;
	transform: translate(-50%, -150%);
	opacity: 0;
	transition: 0.3s;
}
.tbg-menu .menu-item:hover::before {
	transform: translate(-50%, -70%);
	opacity: 1;
	transition: 0.3s;
}
.tbg-menu .menu-item.current-menu-item::before {
	transform: translate(-50%, -70%);
	opacity: 1;
	transition: 0.3s;
}

.tbg-banner-h1 h1 span.elementor-headline-text-active,
.tbg-menu .menu-item:hover a,
.tbg-menu .menu-item.current-menu-item a {
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: 0.3s;
}
.tbg-header-btn a{
	position: relative;
	overflow: hidden;
}
.tbg-header-btn a span{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 1;
	animation: text-color 3s linear infinite;
}
.tbg-header-btn a::after{
	content: '';
	position: absolute;
	left: calc(50% - (20px/2));
	top: calc(50% - (20px/2));
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50px;
	opacity: 1;
	animation: zoom-in-out 3s linear infinite;
}
@keyframes zoom-in-out {
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(10);
	}
	100%{
		opacity: 0;
		transform: scale(0);
	}
}
@keyframes text-color {
	0%{
		background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	25%{
		background: linear-gradient(95deg,rgba(200, 200, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	50%{
		background: linear-gradient(95deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	75%{
		background: linear-gradient(95deg,rgba(200, 200, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	100%{
		background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}
/* header end */

/* home page start */
.round-1{
	animation: rotate 8s linear infinite;
	animation-direction: reverse;
}
.round-2{
	animation: rotate 5s linear infinite;
}
.round-3{
	animation: rotate 8s linear infinite;
}
@keyframes rotate {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.tbg-banner-bg {
	animation: bgGrow 1s linear;
	background-position: bottom right !important;
}
@keyframes bgGrow {
	0% {
		background-size: auto 0%;
		background-position: bottom right;
	}
	100% {
		background-size: auto 87%;
		background-position: bottom right;
	}
}

.tbg-logo-slider {
	border-radius: 20px;
	border: 2px solid transparent;
	background:
	linear-gradient(white, white) padding-box,
	linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}

.tbg-tabs button[aria-selected="true"],
.tbg-tabs .e-n-tab-title:hover{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) !important;
}
.tbg-tab-box-hover{
	transition: transform 1s;
	transform-style: preserve-3d;
}
.tbg-tab-box-hover:hover{
	/* transform: rotateX(360deg); */
	transform: rotateX(180deg);
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) !important;
	flex-direction: column-reverse;
}
.tbg-tab-box-hover:hover > .elementor-widget-icon-box,
.tbg-tab-box-hover:hover > .elementor-widget-text-editor{
	transform: rotateX(180deg);
}
.tbg-tab-box-hover:hover .elementor-icon{
	filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(619%) hue-rotate(162deg) brightness(110%) contrast(97%);
}
.tbg-tab-box-hover:hover .elementor-icon-box-title,
.tbg-tab-box-hover:hover p{
	color: #fff !important;
}

.tbg-why-uk::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	width: 108px;
	height: 108px;
	border-end-end-radius: 90px;
	transition: 0.3s;
}
.tbg-why-uk:hover::before {
	width: 100%;
	height: 100%;
	border-end-end-radius: 10px;
	transition: 0.3s;
}
.tbg-why-uk:hover .elementor-icon-box-title,
.tbg-why-uk:hover .elementor-icon-box-description {
	color: #fff !important;
}
.tbg-why-uk .elementor-icon-box-wrapper{
	transition: 0.3s;
}
.tbg-why-uk:hover .elementor-icon-box-wrapper{
	--icon-box-icon-margin: 25px;
	transition: 0.3s;
}

.Our-Portfolio.swiper ,
.Our-Portfolio-2.swiper {
	width: 100%;
	height: 650px;
}
.Our-Portfolio .swiper-wrapper,
.Our-Portfolio-2 .swiper-wrapper{
	-webkit-transition-timing-function:linear !important;
	-o-transition-timing-function:linear !important;
	transition-timing-function:linear !important;
}
.Our-Portfolio .swiper-slide ,
.Our-Portfolio-2 .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
}
.Our-Portfolio .swiper-slide img ,
.Our-Portfolio-2 .swiper-slide img {
	height: 232px;
	object-fit: cover;
}

.tbg-post-loop {
	position: relative;
	overflow: hidden;
}
.tbg-post-loop::after {
	content: '';
	position: absolute;
	bottom: 24%;
	left: 11%;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 100%;
	opacity: 0;
	transition: 0.5s;
}
.tbg-post-loop:hover::after {
	transform: scale(26);
	transition: 0.5s;
	opacity: 1;
}
.tbg-post-btn a .elementor-button-text::before{
	background: #fff;
}
.tbg-post-btn{
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: 0.5s;
}
.tbg-post-loop:hover .tbg-post-btn{
	opacity: 1;
	transition: 0.5s;
}
.tbg-post .elementor-swiper-button.elementor-swiper-button-prev svg,
.tbg-reviews .elementor-swiper-button.elementor-swiper-button-prev svg {
	transform: rotate(180deg);
}
.tbg-reviews .elementor-swiper-button.elementor-swiper-button-prev svg path,
.tbg-reviews .elementor-swiper-button.elementor-swiper-button-next svg path,
.tbg-post .elementor-swiper-button.elementor-swiper-button-prev svg path,
.tbg-post .elementor-swiper-button.elementor-swiper-button-next svg path{
	transition: 0.4s;
}
.tbg-post .elementor-swiper-button svg rect{
	fill: transparent
}
.tbg-post .elementor-swiper-button:hover svg rect{
	stroke: none;
	fill: url(#paint0_linear_392_4057);
}
.tbg-post .elementor-swiper-button.elementor-swiper-button-prev:hover svg path,
.tbg-post .elementor-swiper-button.elementor-swiper-button-next:hover svg path{
	transform: matrix(0.7, 0, 0, 1, -8, 0);
	filter: brightness(0) saturate(100%);
	transition: 0.4s;
}

.tbg-tech-tabs button.e-n-tab-title:hover span,
.tbg-tech-tabs button[aria-selected="true"] span{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 25px;
}
.tbg-tech-tabs button.e-n-tab-title{
	position: relative;
}
.tbg-tech-tabs button.e-n-tab-title::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #D9D9D9;
	height: 2px;
	width: 100%;
}
.tbg-tech-tabs button.e-n-tab-title:hover::after,
.tbg-tech-tabs button[aria-selected="true"]::after {
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	height: 6px;
	border-radius: 50px;
	bottom: calc(0px - (6px/3));
}

.tbg-reviews::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 2px;
	height: 100%;
	background: #E5E5E5;
}
.tbg-reviews .elementor-swiper-button svg rect{
	stroke: #000;
	fill: #EEFAFF;
}
.tbg-reviews .elementor-swiper-button svg path{
	fill: #000;
}
.tbg-reviews .elementor-swiper-button.elementor-swiper-button-prev:hover svg path,
.tbg-reviews .elementor-swiper-button.elementor-swiper-button-next:hover svg path{
	transform: matrix(0.7, 0, 0, 1, -8, 0);
	filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7452%) hue-rotate(120deg) brightness(98%) contrast(112%);
	transition: 0.4s;
}
.tbg-reviews .elementor-swiper-button:hover svg rect{
	stroke: none;
	fill: #000;
}

.tbg-contect-box {
	border-radius: 10px;
	border: 3px solid transparent;
	background: linear-gradient(white, white) padding-box,
	linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}

.tbg-accordion summary.e-n-accordion-item-title {
	position: relative;

	&:hover{
		border-radius: 10px;
	}
}
.tbg-accordion summary.e-n-accordion-item-title[aria-expanded="false"]{
	border-bottom: 1px solid #EAEAEA !important;
}
.tbg-accordion summary.e-n-accordion-item-title[aria-expanded="true"]:hover{
	border-radius: 10px 10px 0 0;
}
.tbg-accordion summary.e-n-accordion-item-title::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	height: 1px;
	background: rgb(255 255 255 / 30%);
}
.tbg-accordion summary.e-n-accordion-item-title[aria-expanded="false"] span.e-n-accordion-item-title-icon {
	border-radius: 100%;
	border: 2px solid transparent;
	background: linear-gradient(white, white) padding-box, linear-gradient(95deg, rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	padding: 6px;
}
.tbg-accordion summary.e-n-accordion-item-title:hover span.e-n-accordion-item-title-icon,
.tbg-accordion summary.e-n-accordion-item-title[aria-expanded="true"] span.e-n-accordion-item-title-icon {
	border: 2px solid #fff;
	border-radius: 100%;
	padding: 6px;
	background: none;
}
/* home page end */

/* footer start */
:root {
	--x: 50%;
	--y: 50%;
	--contrast: #65C7C8;
	--background: #f5f5f5;
}
.overlay h2 {
	color: var(--contrast);
	transition: background 0.3s ease, color 0.3s ease;
	background: none;
	-webkit-background-clip: initial;
	background-clip: initial;
	-webkit-text-fill-color: initial;
}
.overlay h2:hover {
	background: radial-gradient(circle at var(--x) var(--y), var(--contrast), transparent 20%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	cursor: default;
}

.hover-text .elementor-icon-list-text {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.hover-text .elementor-icon-list-text:hover{
	color: transparent !important;
	transition: 0.4s ease !important;
}
.hover-text .elementor-icon-list-text::after {
	content: attr(data-text);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	transition: transform 0.4s ease;
	transform: translateY(100%);
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.hover-text .elementor-icon-list-text:hover::after {
	transform: translateY(0%);
}


/* footer end */

/* about us page start */
.tbg-counter-box .elementor-widget-heading:has(p),
.tbg-counter-box p.elementor-heading-title {
	transition: 0.3s;
}
.tbg-counter-box:hover .elementor-widget-heading:has(p) {
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	box-shadow: none;
	transition: 0.3s;
}
.tbg-counter-box:hover p.elementor-heading-title {
	color: #fff;
	transition: 0.3s;
}
.tbg-linkdn{
	transform: translateY(100%);
}
.tbg-linkdn-hover:hover .tbg-linkdn{
	transform: translateY(0);
}
/* about us page end */

/* services page start */
.tbg-design-agency::before,
.tbg-design-agency::after {
	content: '';
	background: rgba(0, 0, 0, 0.1);
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: calc(50% / 1.55 - (1px/2));
}
.tbg-design-agency::after {
	left: calc(50% / 0.74 - (1px/2));
}
.tbg-design-agency .elementor-icon{
	box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
}
/* services page end */

/* contact page start */
form[aria-label="Contact Us"] input,
form[aria-label="Contact Us"] textarea{
	box-shadow: 3px 7px 25px rgba(0, 0, 0, 0.06);
}
/* contact page end */

/* pricing page start */
.tbg-pricing-tab-1 button.e-n-tab-title{
	border: 1px solid rgba(206, 206, 206, 1);
	background: transparent !important;
	box-shadow: none;
}
.tbg-pricing-tab-1 button[data-tab-index="1"]{
	border-radius: 100px 0 0 100px;
}
.tbg-pricing-tab-1 button[data-tab-index="2"]{
	border-radius: 0 100px 100px 0;
}
.tbg-pricing-tab-1 button[aria-selected="true"],
.tbg-pricing-tab-1 button[aria-selected="false"]:hover {
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) !important;
}

.tbg-pricing-tab-2 .e-n-tabs-heading {
	width: fit-content;
	position: absolute;
	top: -55px;
}
.tbg-pricing-tab-2 .e-n-tabs-heading::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(206, 206, 206, 1);
	width: 100%;
	height: 1px;
}
.tbg-pricing-tab-2 button.e-n-tab-title,
.tbg-pricing-tab-2 button.e-n-tab-title:hover{
	border: 0;
	border-radius: 0;
	background: none !important;
}
.tbg-pricing-tab-2 button[aria-selected="true"],
.tbg-pricing-tab-2 button.e-n-tab-title:hover{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}
.tbg-pricing-tab-2 button[aria-selected="true"]{
	font-weight: 800 !important;
	position: relative;
}
.tbg-pricing-tab-2 button.e-n-tab-title::after {
	content: '';
	position: absolute;
	bottom: -1.5px;
	left: 0;
	width: 0%;
	height: 4px;
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	border-radius: 10px;
	z-index: 1;
	opacity: 1;
	transition: 1s;
}
.tbg-pricing-tab-2 button[aria-selected="true"]::after,
.tbg-pricing-tab-2 button[aria-selected="false"]:hover::after {
	width: 100%;
	transition: 1s;
}
.tbg-pricing-plan{
	border-radius: 10px;
	border: 1px solid transparent;
	background: linear-gradient(white, white) padding-box,
	linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	height: fit-content;
}
.tbg-pricing-plan-heading {
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}
/* pricing page end */

/* blog page start */
.tbg--blog--loop .elementor-loop-container.elementor-grid {
	display: flex;
	flex-wrap: wrap;
}
.tbg--blog--loop div[data-elementor-id="2482"] {
	width: 48.8% !important;
}
.tbg--blog--loop div[data-elementor-id="1051"] {
	width: 31.7% !important;
}
.tbg-blog-btn a svg rect,
.tbg-blog-btn a svg path {
	transition: 0.4s;
}
.tbg-blog-btn a:hover svg rect {
	fill: url(#paint0_linear_621_8986);
	transition: 0.4s;
}
.tbg-blog-btn a:hover svg path {
	fill: #000;
	transform: matrix(0.7, 0, 0, 1, -8, 0);
	transition: 0.4s;
}
.tbg--blog--loop span.page-numbers.current {
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	padding: 10px;
	border-radius: 100px;
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
}
/* blog page end */

/* single blog page start */
.tgb-blog-search{
	position: relative;
}
.tgb-blog-search input{
	border: 1px solid transparent !important;
	background: linear-gradient(white, white) padding-box,
	linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.tgb-blog-search button.e-search-submit {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	background: linear-gradient(180deg, #65C7C8 0%, #13ABE3 100%);
}
.tgb-blog-search button.e-search-submit path {
	fill: #fff !important;
}
.tgb-blog-search button.e-search-submit::before{
	display: none;
}

.tbg-pricing-plan .elementor-button-icon svg path {
	fill: #13ABE3;
}
.tbg-pricing-plan .elementor-button-icon svg rect{
	stroke: #13ABE3;
}
.tbg-pricing-plan a:hover .elementor-button-icon svg rect{
	stroke: transparent;
}
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.single-post p{
	margin-bottom: 15px !important;
}
.single-post .elementor-widget-theme-post-content p a{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}
/* single blog page end */

/* our portfolio start */
#modalImageWrapper::-webkit-scrollbar {
	display: none;
}
h2.portfolio-heading {
	padding: 20px;
	border-radius: 10px 10px 0px 0px;
	background: rgb(255, 255, 255);
	margin-top: 50px;
	font-size: 22px;
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	margin-bottom: 0px !important;
	display: flex;
	justify-content: space-between;
}
h2.portfolio-heading span{
	background: linear-gradient(95deg, rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* Portfolio filter button styling */
.portfolio-filter {
	margin: 50px auto;
	display: flex;
	justify-content: center;
	gap: 10px;
	position: relative;
}
.portfolio-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	height: 100%;
	margin: 0 auto;
	max-width: var(--content-width);
	padding-inline-end: 0;
	padding-inline-start: 0;
}
.portfolio-filter button {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	border: 1px solid transparent;
	background: linear-gradient(white, white) padding-box,
	linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #000;
	border-radius: 50px;
	transition: 0.3s;

	&:hover{
		border-color: #5DA2D600;
		background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
		color: #fff;
		transition: 0.3s;
	}
}
.portfolio-filter button.active {
	border: 1px solid transparent;
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%) border-box;
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	color: #fff;
	border-radius: 50px;
}
.portfolio-filter::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #C9C9C9;
	z-index: -1;
	transform: translateY(-50%);
}
.portfolio-item-inner {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.portfolio-item-inner img {
	width: 100%;
}
.portfolio-title {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	padding: 5px 10px;
	font-size: 22px;
	font-weight: bold;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.portfolio-item-inner:hover .portfolio-title {
	opacity: 1;
	cursor: pointer;
}
.portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	text-align: center;
	padding: 15px;
	background: linear-gradient(95deg, rgb(101, 199, 200) 0%, rgb(19, 171, 227) 100%);
}
.portfolio-item-inner:hover .portfolio-overlay {
	opacity: 1;
}
.portfolio-overlay::before {
    content: '';
    width: 95%;
    height: 95%;
    position: absolute;
    left: calc(50% - (95%/2));
    top: calc(50% - (95%/2));
    border: 1px solid #ffffff;
    border-radius: 8px;
}
.portfolio-buttons {
	margin-top: 10px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}
.portfolio-buttons button, .portfolio-buttons a {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-weight: 600;
	background: #fff;
	color: #000;
	padding: 8px 14px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	border-radius: 0;
	z-index: 1;
	line-height: 25px;
}
.portfolio-buttons button span, .portfolio-buttons a span {
	background: linear-gradient(95deg, rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: 0.5s;
}
.portfolio-buttons button:hover span, .portfolio-buttons a:hover span {
	background: linear-gradient(95deg, rgb(0 0 0) 0%, rgb(0 0 0) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: 0.5s;
}
/* Modal styling */
.custom-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

/* Close button inside modal */
#closeModal {
	position: absolute;
	top: 70px;
	right: 20px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
	background: linear-gradient(95deg, rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Modal image wrapper */
#modalImageWrapper {
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
	position: relative;
}

/* Modal image styling */
#modalImage {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	background: #fff;
}
/* our portfolio end */

/* testimonial page start */
.tbg-testimonial .elementor-icon-wrapper{
	line-height: 0;
}
.tbg-testimonial .elementor-icon{
	background: linear-gradient(95deg,rgba(101, 199, 200, 1) 0%, rgba(19, 171, 227, 1) 100%);
}
/* testimonial page end */

/* apna hr page start */

.tbg-iws-box > .elementor-element,
.tbg-iws-box > .elementor-element img,
.tbg-iws-box > .elementor-element:nth-child(2),
.tbg-iws-box > .elementor-element:nth-child(2) h2 {
	transition: 0.3s;
}
.tbg-iws-box:hover > .elementor-element{
	border-color: #65C7C8;
	transition: 0.3s;
}
.tbg-iws-box:hover > .elementor-element img{
	transition: 0.3s;
	transform: scale(1.1);
}
.tbg-iws-box:hover > .elementor-element:nth-child(2){
	background: #65C7C8;
	transform: translateY(-10px);
	transition: 0.3s;
}
.tbg-iws-box:hover > .elementor-element:nth-child(2) h2{
	color: #fff;
	transition: 0.3s;
}
/* apna hr page end */