#custom-page-baner {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.custom-quotes {
	.wp-block-quote {
		p {
			color: #0e1e2a;
			font-size: 16px;
			font-weight: 400;
		}
	}
}

.custom-vertical-list {
	ul {
		margin-top: 20px;

		li {
			p {
				margin-top: 0;
				margin-bottom: 0;
			}
		}
	}
}

.top-header-right {
	#languages-switcher {
		display: inline-block;
		position: relative;
		list-style: none;
		padding: 0;
		margin: 0 0 0 15px;
		width: fit-content;

		@media (max-width: 991px) {
			display: none;
		}

		&:hover {
			ul.languages-list {
				visibility: visible;

				li {
					opacity: 1;
					visibility: visible;
					transform: translateX(0);
				}
			}
		}

		li.current-language {
			width: 32px;
			height: 32px;
			border-radius: 100%;
			background: #fff;

			display: flex;
			align-items: center;
			justify-content: center;

			a {
				padding: 0;
				img {
				}
			}
		}

		ul.languages-list {
			position: absolute;
			top: 100%;
			list-style: none;
			padding: 0;
			margin: 0;
			visibility: hidden;
			z-index: 999;

			li {
				padding-top: 5px;
				transform: translateX(50%);
				opacity: 0;
				transition: all 200ms ease-in-out;
				visibility: hidden;

				&:nth-child(2) {
					transition-delay: 200ms;
				}
				&:nth-child(3) {
					transition-delay: 400ms;
				}
				&:nth-child(4) {
					transition-delay: 600ms;
				}
				&:nth-child(5) {
					transition-delay: 800ms;
				}

				a {
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 0;

					width: 32px;
					height: 32px;
					border-radius: 100%;
					background: #fff;
				}
			}
		}
	}
}

.tp-menu-wrapper {
	.tp-menu-area {
		.mobile-languages {
			margin-top: 20px;

			#languages-switcher {
				list-style: none;
				padding: 0 25px;
				margin: 0;

				.current-language {
					position: relative;
					display: flex;
					flex-direction: row;
					align-items: center;
					justify-content: flex-start;
					gap: 10px;
					padding: 12px 18px;

					list-style-type: none;
					border-radius: 5px;
					transition: all 250ms ease;

					&::before {
						content: '';
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						height: 1px;
						background: #ededed;
						transition: all 250ms ease;
					}

					&.active {
						background: #104cba;

						&::before {
							opacity: 0;
						}

						span {
							color: #fff;
							transition: all 250ms ease;
						}
					}

					span {
						line-height: 1.4;
						font-size: 14px;
						text-transform: capitalize;
						color: #1d2c38;
					}
				}
			}
			#languages-list {
				list-style: none;
				padding: 0 25px;
				margin: 0;
				display: none;

				li {
					position: relative;

					&:not(:last-child) {
						&::before {
							content: '';
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							height: 1px;
							background: #ededed;
						}
					}

					a {
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: flex-start;
						gap: 10px;
						padding: 12px 18px;

						span {
							line-height: 1.4;
							font-size: 14px;
							text-transform: capitalize;
							color: #1d2c38;
						}
					}
				}
			}
		}
	}
}

h2.restly-section-title {
	font-size: 32px;
}

.elementor-tabs {
	.elementor-tabs-wrapper {
		margin-top: 15px;

		.elementor-tab-title {
			padding: 20px 20px !important;
			border: 2px solid #57a8dd !important;
			margin: 10px 0 !important;
			position: relative !important;
			border-radius: 5px !important;
			transition: 250ms ease-in-out;

			&.elementor-active {
				background: #57a8dd;
				border-color: #57a8dd !important;
			}
		}
	}
	.elementor-tabs-content-wrapper {
		.elementor-tab-content {
			.theme-btns {
				// background: #e64873;
				background: transparent;

				&:hover {
					// background: #a13252;
					background: transparent;
				}
			}
		}
	}
}

.to-top {
	bottom: 90px;
	right: 15px;
	background-color: #57a8dd !important;
	z-index: 1;
}

body {
	&.page-template {
		&.elementor-page-8148 {
			* {
				font-family: 'Cooper Hewitt', sans-serif !important;
			}
		}
	}
}

.wpcf7 {
	.restly-input.email:after,
	.restly-input.name:after,
	.restly-input.message:after {
		color: #57a8dd;
	}
	.wpcf7-form-control.wpcf7-submit {
		text-transform: uppercase;
		font-weight: 600;
		background-color: #e64873;

		&:hover {
			background-color: #a13252;
		}
	}
}

.post-button {
	a {
		&.theme-btns {
			text-transform: uppercase;
			font-weight: 600;
		}
	}
}

.main-navigation ul li a {
	@media (min-width: 1024px) and (max-width: 1199px) {
		padding: 33px 15px 30px 15px;
	}
}

.restly-team-item {
	.restly-team-contents {
		position: relative;
		.restly-team-contents-link {
			position: absolute;
			inset: 0;
		}
	}
}

body {
	&.restly_team-template-default {
		&.single-restly_team {
			.all-posts-wrapper {
				.wp-block-buttons {
					@media (max-width: 768px) {
						justify-content: center;
					}
				}
			}
		}
	}
}

.custom-accordion-positions {
	.elementor-widget-accordion {
		.elementor-accordion {
			.elementor-accordion-item {
				width: 100%;

				&:nth-child(2n) {
					margin-left: 50px;

					@media (max-width: 768px) {
						margin-left: 0;
					}
				}
			}
		}
	}
}

.brea-subtitle {
	color: #ffffff;
	font-family: 'Nunito', Sans-serif;
	font-size: 30px;
	font-weight: 900;
	line-height: 40px;
}

.elementor-tabs {
	.elementor-tab-content {
		.theme-btns {
			&:hover {
				.theme-btns-arrow {
					i {
						&:nth-child(1) {
							margin-left: 0px;
						}
						&:nth-child(2) {
							margin-right: -15px;
						}
					}
				}
			}

			.theme-btns-arrow {
				display: flex;
				flex-direction: row;
				align-items: center;
				gap: 10px;
				overflow: hidden;
				color: #000000;

				i {
					margin: 0;
					transition: all 250ms ease-in-out;

					&:nth-child(1) {
						margin-left: -15px;
					}
				}
			}
		}
	}
}

.grecaptcha-badge {
	z-index: 1;
}
.restly-about-dec ul li:before {
	background: #26ade4;
}

.sidebar-widget-area {
	.widget {
		background-color: #f4f0f1;
	}

	ul {
		li {
			a {
				&:hover {
					color: #26ade4;
				}
			}
		}
	}
	h2.widget-title {
		&:before {
			display: none !important;
			background: #26ade4;
		}
		&:after {
			display: none !important;
			background: #26ade4;
		}
	}

	#search-1 {
		.fas {
			color: #26ade4;
		}
	}
}
.widget.widget_tag_cloud {
	a {
		background-color: #d4effa;
		&:hover {
			background-color: #26ade4;
		}
	}
}
.restly-widget-banner-wrapper:after {
	background: #26ade4;
}

.post-meta-box ul li i {
	color: #26ade4;
}

.single-post-item {
	.post-single {
		&.format-quote {
			.post-contents {
				background: #26ade4;
			}
		}
		.post-contents {
			.post-button {
				.theme-btns {
					background-color: #f93472;

					&:hover {
						background-color: #a23252;
					}
				}
			}
		}
	}
}
button.slick-prev.slick-arrow,
button.slick-next.slick-arrow {
	background: #26ade4;
}

.elementor-widget-service_box_rest {
	.restly-pricing-header {
		.restly-pricing-price {
			color: #26ade4;
		}
	}
	.restly-price-footer {
		.theme-btns {
			transition: color 0.3s ease-in-out;
			background-color: #26ade4;

			&:hover {
				background-color: #4489b1;
			}
		}
	}
}

.container-mini {
	@media (min-width: 1400px) {
		max-width: 1140px;
	}
}

#traffit-list-div {
	.traffit-single-element {
		margin-bottom: 20px;

		.traffit-single-element-wrapper {
			height: 100%;
			text-align: center;
			padding: 50px 5px;
			background-color: #ffffff;
			border-radius: 5px;
			box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);

			h2 {
				color: #26ade4;
				font-size: 24px;
				line-height: 1.2;
				font-weight: 800;
				min-height: 57px;
			}

			.info-location {
				p {
					font-weight: 500;
				}
			}

			.btn-container {
				margin-top: 40px;

				.btn-container__button {
					span {
						display: inline-block;
						color: #fff;
						line-height: 1;
						font-weight: 600;
						padding: 20px 50px 20px 50px;
						border-radius: 50px;
						background-color: #26ade4;
						cursor: pointer;
						transition: background-color 200ms ease-in-out;

						&:hover {
							background-color: #4489b1;
						}
					}
				}
			}
		}
	}
}

//* Respo *//
.tp-menu-wrapper .mobile-logo {
	padding-right: 50px;
	padding-left: 50px;
}
footer.site-footer {
	.col-xs-12.col-sm-12.col-xl-3.col-lg-6.col-md-6.restly-footer-justify {
		@media (max-width: 1200px) {
			justify-content: start;
		}
	}
	.widget.footer-widtet.contact-widget {
		@media (max-width: 1200px) {
			padding-left: 0;
			padding-right: 0;
		}
	}
}
h1.elementor-heading-title.elementor-size-default {
	@media (max-width: 1024px) {
		font-size: 42px !important;
		line-height: 1.1em !important;
	}
	@media (max-width: 576px) {
		font-size: 32px !important;
		line-height: 1.1em !important;
	}
}
h2.elementor-heading-title.elementor-size-default {
	@media (max-width: 1024px) {
		font-size: 24px !important;
	}

	@media (max-width: 576px) {
		font-size: 18px !important;
	}
}
h2.restly-section-title {
	@media (max-width: 576px) {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}
}
h2.restly-about-title {
	@media (max-width: 768px) {
		font-size: 30px !important;
		line-height: 1.2 !important;
	}
	@media (max-width: 576px) {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}
}
h2.restly-about-stitle {
	@media (max-width: 768px) {
		line-height: 1.5 !important;
	}
}
.breadcroumn-contnt {
	h1.brea-title,
	h2.brea-title {
		@media (max-width: 1024px) {
			font-size: 42px !important;
			line-height: 1.1em !important;
		}
		@media (max-width: 576px) {
			font-size: 32px !important;
			line-height: 1.1em !important;
		}
	}
	h2.brea-subtitle {
		@media (max-width: 1024px) {
			font-size: 24px !important;
		}

		@media (max-width: 576px) {
			font-size: 18px !important;
		}
	}
}
h2.wp-block-heading {
	@media (max-width: 768px) {
		font-size: 30px !important;
		line-height: 1.2 !important;
	}
	@media (max-width: 576px) {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}
}
.elementor-tabs-view-vertical {
	.elementor-tabs-content-wrapper {
		&[aria-orientation='vertical'] {
			.elementor-tab-title {
				border-radius: 5px;
				transition: background 250ms ease-in-out;
				border: 2px solid #57a8dd !important;
				margin-bottom: 8px;

				&.elementor-active {
					background: #57a8dd;
				}
			}
		}
	}
}

#accordionFlushExample {
	.accordion-item {
		.accordion-header {
			.accordion-button {
				padding: 15px 35px 15px 25px;
				line-height: 1.3;

				&::after {
					right: 10px;
					font-size: 18px;
				}
			}
		}
		.accordion-collapse {
			.accordion-body {
				padding: 15px 25px;
			}
		}
	}
}

.restly-about-dec {
	ul {
		li {
			@media (max-width: 768px) {
				width: 100% !important;
			}
		}
	}
}

.cdp-copy-alert-success {
	img {
		display: none !important;
	}
}
#page-hero-box,
.page-hero-box {
	position: relative;

	&::before {
		content: '';
		position: absolute;
		inset: 0;
		background: rgb(18, 85, 112, 0.7);
	}

	.elementor-container,
	> .container {
		position: relative;
	}

	@media (max-width: 576px) {
		background: #3d7081 !important;
	}
}
//* home page *//
body.home {
	.homa-page-hero {
		.restly-home-banner {
			@media (max-width: 576px) {
				background: #3d7081 !important;
			}

			.restly-home-banner-container {
				.restly-home-banner-forms {
					@media (max-width: 1400px) {
						margin-top: 0;
					}
					@media (max-width: 1024px) {
						margin-top: 115px;
						padding: 30px;
						margin-bottom: 30px;
					}
					@media (max-width: 991px) {
						margin-top: 0px;
					}
				}
			}
		}
		.restly-home-banner-contents {
			@media (max-width: 1400px) {
				padding-top: 200px !important;
			}
			@media (max-width: 1024px) {
				padding: 140px 0px 70px 0px;
			}
			@media (max-width: 991px) {
				margin-right: 0;
				padding-top: 110px !important;
				padding-bottom: 50px;
			}
		}
		.restly-home-banner-forms {
			@media (max-width: 991px) {
				width: 100%;
				margin-bottom: 70px;
			}

			.restly-banner-form-title {
				@media (max-width: 1024px) {
					font-size: 30px;
				}
			}
			.restly-banner-form-stitle {
				@media (max-width: 1024px) {
					font-size: 14px;
					margin: 10px 0;
				}
			}
			label {
				font-size: 16px;
				margin-bottom: 2px;
			}
			.form-input.inputlist {
				margin-bottom: 10px;
			}
		}
	}
	.home-case-studies {
		.restly-portfolio-list-item {
			width: fit-content;

			.restly-portfolio-three-content {
				.restly-portfolio-item {
					.restly-portfolio-dec {
						h6 {
							a {
								font-size: 32px;
								line-height: 1.2;

								@media (max-width: 1200px) {
									font-size: 28px;
								}
							}
						}
					}
				}
			}
		}
	}
}

body.page-id-7783 {
}

//* careers *//
body.page-id-7984 {
	.elementor-7984 .elementor-element.elementor-element-4f5bfa8 {
		@media (max-width: 576px) {
			font-size: 26px !important;
			line-height: 1.2 !important;
		}
	}
	#traffit-list-div {
		.job-post-item {
			@media (max-width: 576px) {
				flex-direction: column;
				row-gap: 15px;
			}
			.job-left {
				@media (max-width: 576px) {
					width: 100%;

					.theme-btns {
						display: block;
						margin-left: auto;
						max-width: fit-content;
					}
				}
			}
		}
	}
}

//* news *//
body.blog,
body.single-post {
	.post-title {
		h2.entry-title {
			@media (max-width: 576px) {
				font-size: 24px;
				line-height: 1.2;
			}
		}
	}

	.wp-block-heading {
		font-size: 20px;
		font-weight: bold;
		line-height: 60px;
		position: relative;
		padding: 0;
		margin: 0;
		margin-bottom: 35px;
	}
}

//* single post *//
body.post-template-default {
}

//* case-studies *//
body.page-id-8003 {
}

//* about us *//
body.page-id-7921 {
	#box-animation-logo {
		.elementor-widget-container {
			// display: none;
		}
		.shapeanimation.shape1 {
			top: -400px;
			left: auto;
			right: 26%;
		}
	}
}

.tp-menu-wrapper .mobile-logo {
	background-color: #26ade4;
}
.tp-menu-wrapper .tp-menu-area {
	border-right-color: #26ade4;
}
.tp-mobile-menu ul .tp-item-has-children > a .tp-mean-expand {
	background-color: #26ade4;
}

.restly-home-banner {
	.restly-home-banner-video-bg {
		position: absolute;
		inset: 0;
		overflow: hidden;

		&::before {
			content: '';
			position: absolute;
			inset: 0;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 1;
		}

		@media (max-width: 576px) {
			display: none !important;
		}

		video {
			position: absolute;
			// left: 50%;
			// top: 50%;
			// transform: translate(-50%, -50%);
			min-height: 100%;
			max-width: unset;
			min-width: 100vw;
			width: auto;

			inset: 0;
			// height: 100%;
			// margin-left: auto;
			// margin-right: auto;
		}
	}
	.restly-home-banner-container {
		position: relative;
		z-index: 1;
	}
}

.main-navigation ul ul.sub-menu li a:hover {
	background-color: #26ade4;
}

.restly-portfolio-list-item {
	.restly-portfolio-three-content {
		.restly-portfolio-item {
			img {
				transition: all 250ms ease-in-out;
			}
			&:hover {
				img {
					filter: brightness(0.5);
				}
			}
			.restly-portfolio-dec {
				top: 16px;
				bottom: 16px;
				padding: 0;
				background: transparent;

				h6 {
					height: 100%;
					text-transform: uppercase;
					a {
						display: block;
						height: 100%;
						color: white;
						font-size: 30px;

						@media (max-width: 1200px) {
							font-size: 28px;
						}
					}
				}

				&:hover {
					background-color: transparent !important;
					h6 {
						a {
							color: white;
						}
					}
				}
			}
		}
	}
}

.elementor-widget-restly_portfolio {
	.restly-portfolio-items {
		&.portfolio-style-one {
			.restly-portfolio-item {
				border-radius: 5px;

				img {
					transition: all 250ms ease-in-out;
				}
				&:hover {
					img {
						filter: brightness(0.5);
					}
				}
				.restly-portfolio-dec {
					top: 18px;
					bottom: 18px;
					padding: 0;
					background: transparent;

					.restly-portfolio-cats {
						display: none;
					}

					h6 {
						height: 100%;
						text-transform: uppercase;
						a {
							display: block;
							height: 100%;
							color: white;
							font-size: 30px;

							@media (max-width: 1200px) {
								font-size: 28px;
							}
						}
					}

					&:hover {
						background-color: transparent !important;
						h6 {
							a {
								color: white;
							}
						}
					}
				}
			}
		}
	}
}
.restly-protfolio-info-list ul li a {
	margin-right: 0;
}

body.articles-template-default {
	#article-content {
		#article-content-left {
			@media (max-width: 1015px) {
				width: calc(100% - 40px);
				margin: 0 auto;
				flex: none;
			}
		}

		#article-content-center {
			figure.wp-block-image {
				margin-top: 50px !important;
				margin-bottom: 50px !important;

				figcaption.wp-element-caption {
					font-size: 10px;
					text-align: center;
					margin: 0;
					font-weight: 400;
					font-style: italic;
				}
			}

			figure.wp-block-table {
				table {
					tbody {
						font-size: 16px;
						line-height: 1.2;
					}
				}
			}
			p {
				a {
					color: #26ade4;

					&:hover {
						color: #4489b1;
					}
				}
			}
			h2,
			h3,
			h4,
			h5 {
				&.wp-block-heading {
					margin-top: 50px;
				}
			}

			#table-1 {
				tbody {
					tr {
						&:nth-child(1) {
							background: #26ade47a;
						}

						&:not(:nth-child(1)) {
							td {
								&:not(:nth-child(1)) {
									background: #bba8453d;
								}
							}
						}

						td {
							&:nth-child(1) {
								background: #26ade47a;
							}
						}
					}
				}
			}

			@media (max-width: 1015px) {
				max-width: 100%;
			}
		}

		#article-content-right {
			@media (max-width: 1200px) {
				display: none;
			}
		}
	}

	#article-content-2 {
		#article-content-2-right {
			@media (max-width: 1200px) {
				display: none;
			}
		}
	}

	#single-article-author-box {
		.elementor-author-box {
			@media (max-width: 400px) {
				flex-direction: column;
			}
		}
	}

	#article-content {
		.offshoring-frame-1,
		.offshoring-frame-2 {
			@media (max-width: 1015px) {
				height: 610px;
			}
			@media (max-width: 900px) {
				height: 540px;
			}
			@media (max-width: 800px) {
				height: 460px;
			}
			@media (max-width: 700px) {
				height: 400px;
			}
			@media (max-width: 600px) {
				height: 340px;
			}
			@media (max-width: 500px) {
				height: 290px;
			}
			@media (max-width: 400px) {
				height: 230px;
			}
		}
	}
}

body.restly_team-template-default {
	#primary {
		.wp-block-button__link.wp-element-button.theme-btns {
			background-color: #26ade4;

			&:hover {
				background-color: #4588b1;
			}
		}
		.fab {
			&.fa-linkedin-in {
				color: #26ade4;
				transition: color 250ms ease-in-out;

				&:hover {
					color: #4588b1;
				}
			}
		}
	}
}

header {
	&#masthead {
		position: fixed;
		left: 0;
		right: 0;

		&.fixed {
			> .main-header {
				background: #f4f0f1;
			}

			&.header-three {
				.main-navigation {
					ul {
						li {
							a {
								color: #1d2c38;
							}
						}
					}
				}
			}
		}

		> .main-header {
			transition: background 250ms ease-in-out;
		}
	}
}

.contact-page-form {
	.restly-input.message textarea,
	.restly-home-form-input textarea {
		margin-bottom: 0;
	}
	.restly-input input[type='text'],
	.restly-input input[type='email'],
	.restly-input.message textarea,
	.restly-home-form-input input[type='text'],
	.restly-home-form-input input[type='tel'],
	.restly-home-form-input input[type='email'],
	.restly-input input[type='url'] {
		margin-bottom: 0;
	}

	.wpcf7-form-control-wrap {
		margin-bottom: 25px;
		display: block;
	}
}

.nav-links {
	.nav-previous,
	.nav-next {
		line-height: 1.5;

		a {
			line-height: 1.5 !important;
		}
	}
}
