/*
Theme Name:   Quiety Child
Theme URI:    https://quiety-wp.themetags.com/
Description:  Quiety is a modern and clean WordPress theme suitable for any kind of Digital Agency, Digital Marketing and Seo Marketing.
Author:       ThemeTags
Author URI:   https://themetags.com/
Template:     quiety
Version:      4.0.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  quiety
*/

body.elementor-page-4337 .page-header .page-header_title {
	color: #fff;
}

body.elementor-page-4337 .page-header .breadcrumbs, body.elementor-page-4337 .page-header .breadcrumbs a {
	color: #fff;
}

.tab-list {
	display: flex;
	list-style: none;
	padding: 0;
	justify-content: center;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.tab-item {
	color: #071c4d;
	cursor: pointer;
	background: transparent;
	margin-right: 5px;
	transition: border 0.3sease;
	text-align: center;
	font-weight: 500;
	margin: 8px 6px;
	font-size: 16px;
	border-bottom: 2px solid transparent;
	padding-bottom: 5px;
}
.tab-item.active {
	background: transparent;
	color: #071c4d;
	border-bottom: 2px solid #071c4d;

}
.tab-panel {
	display: none;
	border: 0;
	margin-top: 0;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.tab-panel.active {
	display: flex !important;
	opacity: 1;
	flex-wrap: wrap;
}

.tab-panel .col-lg-4{
	padding: 0 15px;
	margin: 15px 0;
	display: flex;
}
.portfolio-img-wrapper {
	height: 285px !important;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
}
@media(max-width:1400px){
	.portfolio-img-wrapper {
		height: 225px !important;
	}
}
@media(max-width:1199px){
	.portfolio-img-wrapper {
		height: 175px !important;
	}
}
@media(max-width:1024px){
	.portfolio-img-wrapper {
		height: 155px !important;
	}
}
.portfolio-item-inner{
	border-radius: 10px;
	padding: 17px;
	box-shadow: 0px 0px 15px 0px #00000040;
	background: #fbfbfb;
	width: 100%;
}
h6.portfolio-title {
	font-size: 16px;
	margin: 20px 0 10px;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	font-weight: 400;
}

.excerpt-content {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 15px;
}
a.rm-btn.tt-btn.nav-btn {
	border-radius: 40px;
	padding: 4px 20px;
	height: auto;
	display: inline-block;
}
@media screen and (max-width:767px){
	.tab-panel .col-lg-4{
		width:100%;
	}
}
body .content-area.search-page .container{
	max-width:1600px;
	padding: 0 15px;
	margin:auto;
}
.page-id-20006 .page-header,
.page-id-20343 .page-header,
.page-id-20356  .page-header,
.page-id-20358 .page-header,
.page-id-20374  .page-header,
.page-id-20387 .page-header,
.page-id-20434 .page-header ,
.page-id-20517 .page-header,
.page-id-20713 .page-header,
.page-id-4337 .page-header,
.page-id-20 .page-header,
.page-id-3154 .page-header{
	display: none;
}


.tab {
	display: none;
}
.project_with_us .elementor-field-group .elementor-field {
	box-shadow: 0px 0px 6px 0px #00000040 !important;
	border: 0;
}
.project_with_us .elementor-field-group .elementor-field::placeholder {
	color: #00000070;
}
.tab-active {
	display: block;
}

.owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top:30px;
}

.owl-dots button.owl-dot.active {
	width: 46px;
}

.owl-dots button.owl-dot {
	width: 12px;
	height: 12px;
	background: #0A66C2;
	border-radius: 30px;
}
.tab-a h2 {
	width: fit-content;
	position: relative;
	cursor:pointer;
}

.tab-a h2:before {
	content: '';
	width: 0%;
	background: #fff;
	display: flex;
	position: absolute;
	height: 3px;
	bottom: -10px;
	transition:all 0.5s;
}
.active-a.tab-a h2:before{
	width: 60%;
	transition:all 0.5s;
}

@media(max-width:1024px){
	.tab-a h2:before {
		/* 		background: #000; */
		left:0;
		right:0;
		margin:auto;
	}

	/* 	.tab-a h2 {
	color: #000 !important;
} */
}

.tab-slider .owl-stage {
	display: flex;
}
.tab-slider {
	visibility: hidden;
}
.work_with:hover {
	border: 1px solid #0a66c2;
}

.work_with {
	border: 1px solid #fff;
	border-radius: 6px;
	transition: all 0.5s;
}


.ser_img  .elementor-widget.elementor-widget-image {
	height: 100%;
}

.ser_img .elementor-widget.elementor-widget-image img {
	object-fit: cover;
}
.box-hover:hover {
	border: 1px solid #0A66C2;
}
.box-hover span.elementor-icon svg {}

.box-hover:hover span.elementor-icon svg circle {
	fill: #0a66c2;
}

.box-hover:hover span.elementor-icon svg path ,
.box-hover:hover span.elementor-icon svg rect{
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(17deg) brightness(104%) contrast(104%);
}

.ser_img .elementor-widget.elementor-widget-image img {
	height: 100%;
}
.box-hover span.elementor-icon svg path,
.box-hover span.elementor-icon svg circle {
	transition: all 0.3s;
}
.box-hover {
	border: 1px solid #fff;
}
.work_inpro:hover .elementor-icon svg path {
	fill: #fff;
}
.work_inpro:hover > .elementor-widget-icon .elementor-icon {
	background: #000 !important;
}
.work_inpro:hover > .cust-number .elementor-icon {
	background: #0a66c2 !important;
}
.talk_form .elementor-field-group .elementor-field{
	font-family: Jost;
	font-weight: 400;
	font-size: 20px;
	height: 60px;
}

.talk_form .elementor-field-group .elementor-field::placeholder {
	color:#686868;
}

.talk_form .elementor-field-group textarea.elementor-field {
	height: 189px;
	resize: none;
}
@media(max-width:1024px){
	.talk_form .elementor-field-group .elementor-field {
		font-size: 16px;
		margin: 0 0 10px;
		height: 52px;
	}

	.talk_form .elementor-field-group textarea.elementor-field {
		height: 100px;
	}
	.tab_in {
		background: #0a66c2;
		padding: 25px 10px;
	}
	body .tab_in {
		flex-wrap: nowrap;
		overflow: auto;
		justify-content: start;
		scrollbar-width: none;
	}

	body .tab_in h2 {
		white-space:nowrap;
	}

	body .tab_in  .tab-a {
		width: fit-content !important;
		max-width: fit-content !important;
		min-width: fit-content !important;
		padding: 0 6px;
	}
}

.single-post .elementor-element.page-header.single-post-header-bg
{
	display: none;
}
body .single-post-header-bg .single-post-header {
	margin: 0;
}
body  .widget_block {
	background: #F2F5FA;
	border: 0;
	border-radius: 15px;
	padding: 40px;
}

body  .widget_block .wp-block-heading {
	font-family: Jost;
	font-weight: 600;
	font-size: 36px;
	line-height: 1;
	margin: 0;
	color: #000;
	padding: 0 0 20px;
}

body  .widget_block .wp-block-heading::after {
	display: none;
}

body  .wp-block-categories-list li {
	border-radius: 11px;
	background: #fff;
	padding: 17px 20px;
	margin-bottom: 15px;
	border:1px solid #fff;
	transition:all 0.3s;
}
body  .wp-block-categories-list li:hover{
	border:1px solid #0a66c2;
}
body .wp-block-categories-list li a,
body .wp-block-categories-list .cat-item a{
	font-family: Jost;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	color: #000 !important;

}

body  .wp-block-categories-list li a {
	background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.643131 15.9241C1.03071 16.3952 1.63933 16.4707 2.10998 16.0834L14.0277 6.27721L15.8953 4.61871L15.1538 9.76658L14.8245 13.4978C14.7989 13.7617 14.9048 14.0384 15.0761 14.2465C15.4484 14.699 16.0678 14.7514 16.5118 14.3861C16.7288 14.2075 16.8514 13.9694 16.8911 13.6486L17.9652 2.68893C18.0042 2.36805 17.9237 2.08528 17.7379 1.85942C17.559 1.64204 17.297 1.50859 16.9747 1.48507L6.01301 0.428169C5.69017 0.40567 5.43356 0.48019 5.21619 0.659051C4.77295 1.02376 4.70437 1.64157 5.06908 2.08481C5.24794 2.30219 5.49907 2.45945 5.76299 2.4851L9.48013 2.87126L14.691 3.13689L12.6949 4.65753L0.777262 14.4637C0.306608 14.851 0.255864 15.4535 0.643131 15.9241Z" fill="black"/></svg>');
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: 14px;
}
body  .wp-block-categories-list li a {
	width: 100%;
	display: flex;
}
body .widget .wp-block-latest-posts li>a {
	text-align: left;
	font-family: Jost;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #000;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 4px;
}

body .widget .wp-block-latest-posts li>a:hover {
	color: #0a66c2;
}

.blog-content-area .container {
	max-width: 1600px;
	padding: 0 15px;
}
.blog-post-list .post-thumbnail img {
	width: 100%;
}
body  .blog-post-list {
	box-shadow: none;
}
body  .blog-post-list .blog-content {
	padding: 20px 0 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
body  .blog-post-list .blog-content .entry-title {
	order: 1;
}

body  .blog-post-list .blog-content  .post-meta-wrapper {
	order: 2;
}

body  .blog-post-list .blog-content  .entry-content {
	order: 3;
}

body  .blog-post-list .blog-content .entry-title a {
	color: #000000;
	font-family: Jost;
	font-weight: 600;
	font-size: 26px;
	line-height: 1.2;
	text-align:left;
}
body  .blog-post-list .meta-category-wrapper {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}
body .blog-post-list .post-meta-wrapper .post-meta i {
	color: #494949;
}

body  .blog-post-list .post-meta-wrapper .post-meta a {
	color: #494949;
}

body  .blog-post-list .post-meta-wrapper .post-meta a:hover {
	color: #494949;
}

body  .blog-post-list .entry-content p {
	margin: 0px 0 30px;
}

body   .blog-post-list .post-meta-wrapper .post-meta {
	margin: 0 0 14px;
}

body   .blog-post-list .blog-footer .tt-btn {
	background: #0A66C2;
	border: 1px solid #0A66C2;
	font-family: Jost;
	font-weight: 500;
	font-size: 18px;
	line-height: 135%;
	padding: 10px 28px;
}

body  .blog-post-list .blog-footer .tt-btn:hover {
	background: #fff;
	color:#0A66C2;
}
body  .blog-post-list .meta-category-wrapper a {
	background: #0a66c2;
	border: 1px solid #0a66c2;
}

body  .blog-post-list .meta-category-wrapper a:hover {
	background: #fff;
	color: #0a66c2;
}
body .widget_search {
	padding: 0 !important;
}
body .widget_search .wp-block-search__label{
	display: none;
}
body .widget_search .wp-block-search__button {
	background: #0A66C2 !important;
	color:#fff !important;
	width: 57px;
	padding: 0 15px;
}
body .widget_search .wp-block-search__button svg{
	color:#fff !important;
}

body .widget_search  .wp-block-search input[type=search] {
	border: 0 !important;
	background: #F2F5FA;
	border-radius: 11px;
	font-family: Jost;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	padding: 0 30px;
	text-transform: capitalize;
}
body .blog-post-list .blog-content .entry-title{
	text-align:left;
}
body .wp-block-categories-list li:hover a {
	color: #0A66C2 !important;
}
@media(max-width:1024px){
	body .widget:not(:last-child) {
		margin-bottom: 20px !important;
	}
	body .wp-block-latest-posts__post-author, 
	body .wp-block-latest-posts__post-date {
		font-size: 13px;
	}
	body .widget .wp-block-latest-posts li>a {
		font-size: 16px;
		margin:0;
	}
	body  .wp-block-categories-list li a {
		background-size: 12px;
	}
	body .wp-block-categories-list li a, 
	body .wp-block-categories-list .cat-item a,
	body .widget_search  .wp-block-search input[type=search]{
		font-size: 15px;
	}
	body  .widget_block .wp-block-heading {
		font-size: 28px;
	}
	body  .widget_block {
		padding: 20px;
	}
}
@media(max-width:767px){
	body .sidebar {
		margin-top: 10px;
	}
}
.portfolio-info-item .title {
	font-weight: 600;
}
body .blog-post-list .post-meta-wrapper .post-meta li:last-child {
	display: none;
}
div#block-21 {
	padding: 0;
}

div#block-21 form {
	display: flex;
	align-items: center;
}

div#block-21 form input[type="search"] {
	margin: 0;
	background: #F2F5FA;
	border: 0;
	padding: 0 30px;
	border-radius: 11px;
	font-family: Jost;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0%;
}

div#block-21 form button {
	border-radius: 11px;
	width: 68px;
	height: 58px;
}

div#block-21 form button[type="button"] {
	background: transparent;
	border: 0;
	width: auto;
	height: auto;
	padding: 0;
	margin-right: -30px;
}

div#block-21 form button[type="button"] svg {
	color: #000;
}
.cust-flex-footer .elementor-widget-nav-menu a.elementor-item.elementor-item-active {
	border-bottom: none;
}
@media(max-width:767px){
	.portfolio-list li.tab-item {
		width: 100%;
	}
}
@media(max-width:1600px){
	.e-con-boxed.e-con,
	.portfolio-list{
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media(max-width:1199px){
	.e-con-boxed.e-con
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.portfolio-list{
		padding-left: 0;
		padding-right: 0;
	}
	.home .e-con-boxed.e-con,
	.cust-sticky .e-con-boxed.e-con{
		padding-left: 0;
		padding-right: 0;
	}
}
@media(max-width:600px){
	.tab-panel .col-lg-4,
	.portfolio-list .tab-list{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
.elementor-button-icon svg{
	width:auto !important;
}



.gallery  .elementor-widget.elementor-widget-image {
	overflow: hidden;
	border-radius: 15px;
	height: 100% !important;
}

.gallery .elementor-widget.elementor-widget-image img,
.gallery .elementor-widget.elementor-widget-image a {
	height: 100% !important;
	object-fit: cover;
}
.gallery .elementor-wrapper.elementor-open-inline{
	height: 100% !important;
	border-radius: 15px;
}


.box-hover h3.elementor-icon-box-title span {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

div#block-21 > p {
	margin: 0;
}

@media(max-width:767px){
	.icon-num .elementor-widget-text-editor p {
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		line-height: 1.3;
	}
	.box-hover h3.elementor-icon-box-title span {
		font-size: 15px;
		line-height: 1.2;
	}
	.icon-num {
		width: 45% !important;
	}
	.box-hover .elementor-icon-box-wrapper {
		align-items: center;
	}
	.box-hover .elementor-icon-box-icon {
		display: flex !important;
	}
}