@font-face {
	font-family: 'Tajawal-Regular';
	src: url('https://imsdevelopers.com/web/wp-content/uploads/2025/04/Tajawal-Regular.ttf') format('truetype');
}

.keydesign-cart{
	display: none !important;
}

.vc_single_image-wrapper{
	margin-top: 0px !important;
}

.vc_grid-filter.vc_grid-filter-right{
	display: inline-block !important;
}

.vc_grid-filter.vc_grid-filter-bordered>.vc_grid-filter-item:nth-child(n+2){
	float: right !important;
}

.vc_grid-filter.vc_grid-filter-right{
	text-align: left !important;
}

#counter-home span.kd_counter_units{
	color: #004AFC !important;
}

img {
	pointer-events: none !important;
}

textarea {
	resize: none !important;
}

.tcards_message{
	height: 200px !important;
}

.author-bottom .tcards_message:before{
	display: none !important; 
}

.wpcf7-response-output{
	display: none !important;
}

.wpcf7-not-valid-tip{
	font-size: 12px !important;
}

.vc_grid-item-mini .vc_gitem-post-data div{
	font-family: 'poppins' !important;
}
body a:focus {
	color: #ffffff;
}
.entry-header .header-overlay{
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
	background-position-y: 100%;
}
.arabic-lang a{
	font-family: "Tajawal-Regular" !important;
	color: #2575fc !important;
}

.english-lang a{
	display: none !important;
}

.image-rv-color img{
	filter: brightness(1) invert(1);
}
.navbar-fixed-top{
	padding-top:10px !important;
}

.navbar-nav{
	margin-top: -1% !important;
}

.blog-title-center .section-subheading{
	display: block;
	font-size: 17px;
	font-family: "Poppins";
	letter-spacing: normal;
	margin-top: 0px;
	font-weight: 600 !important;
}

.related-posts .entry-meta{
	display: none !important;
}

.portfolio-navigation-links{
	display: none !important;
}

.related-content .portfolio{
	border: 1px solid #e5e7f2 !important;
}

.related-content .portfolio .entry-wrapper{
	border: 0px solid #e5e7f2 !important;
}

.team-member.design-creative .team-content .team-content-hover .team-subtitle{
	font-size: 15px !important;
}

.related-content .portfolio .entry-content{
	margin-top: 15px !important;
}

.key-icon-box p{
	font-size: 14px;
	line-height: 18px;
}

.clients.slider .clients-content img{
	padding-right: 15px !important;
}

.cb-container.about-section-box h5.cb-subtitle{
	color: #ffffff !important;
	font-weight: normal !important;
}

.cb-subtitle{
	font-size: 16px !important;
	color: #424242 !important;
}

.scrolling{
	height: 500px !important;
	overflow-x: auto !important;
	box-shadow: 1px 1px 9px #a2a2a2;
	border-top-left-radius: 13px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 0px;
}

.scrolling::-webkit-scrollbar-thumb{
	background-color: #818181;
}

.vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date{
	display: none !important;
}

.kd-section-title.text-left .kd-separator.below_subtitle{
	display: none !important;
}

.single-portfolio .entry-header .section-heading{
	text-align: center !important;
}

.kd-separator{
	display: none !important;
}

.owl-carousel .owl-item{
	padding: 10px !important;
	padding-bottom: 0px !important;
}

form.fluent_form_1 .ff-btn-submit:not(.ff_btn_no_style){
	width: 100% !important;
}

form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit{
	height: 50px;
	font-weight: 600;

}

.ff-default .ff-el-input--label label{
	font-size: 14px !important;
}

::placeholder{
	font-size:12px !important;
}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control{
	font-size:12px !important;
}

.menubar{
	margin-top: 14px !important;
	margin-bottom: 8px !important;
}
.breadcrumbs {
	display: none;
}

.kd-process-steps.process_three_elem .pss-img-area {
	height: 60px !important;
}

header.kd-section-title p{
	line-height: normal !important;
}

.contact-info{
	background-color: #F8F9FD !important;
	height: 200px !important;
}

.container h4, .kd-photobox .phb-content h4 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	min-height: 0;
}
h1,h2{
	font-weight: bold !important;
}
.kd-process-steps ul li{
	padding-top: 15px !important;
}

.kd-process-steps.process_three_elem .pss-img-area{
	height: 100px !important;
}

.p-about{
	line-height: normal !important;
}

/* .p-service{
line-height: normal !important;
font-size: 14px !important;
} */

.edit-img{
	width: 80% !important;
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-thumb {
	background: #004afc;
}

::-webkit-scrollbar-track {
	background: white;
}

.kd-section-title.solid-line.sep-border-width-1 .kd-separator-line{
	display: block !important;
}

.wpcf7 form .wpcf7-response-output{
	border: 0px solid #00a0d2 !important;
}


.footer_widget .menu{
	display: flex;
	margin: auto;
	width: 40%;
}

.team-carousel .owl-item.center .team-member.design-creative .team-image .team-content-hover{
	bottom: 30px !important;
}

.team-content-hover h4{
	min-height: 10px !important;
}

.team-content .team-subtitle{
	margin-bottom: 5px;
}

.fields{
	padding-left: 0px; 
	padding-right: 0px;
}

.fields-tel{
	padding-left: 15px !important; 
	padding-right: 0px;
}

.container h4, .kd-photobox .phb-content h4{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	min-height: 0px;
}

.kd-photobox .phb-content{
	height: 300px;
	display:none;
}

.kd-photobox .phb-content p{
	font-size: 13px;
	color: #4b4949;
	min-height: 100px;
}

.kd-photobox .photobox-img img{
	width: 100%;
	height: 500px;
	object-fit: cover;
	object-position: top;
	border-radius: 20px;
}

#cli .vc_column-inner{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.copy{
	text-align: center;
	margin: auto;
	float: none !important;
}

.upper-footer{
	padding: 60px 0 20px 0 !important;
	background: url(https://tasmemak.com/ims/wp-content/uploads/2025/04/new-element.png), #004AFC;
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: 52rem -2rem;
}
.copyright {
	margin-top: -7px;
}

#text-3{
	width: 60% !important;
	margin: auto;
	padding-top: 15px;
	text-align: center;
}

.lower-footer{
	padding: 15px 0 15px 0 !important;
}

.kd-section-title.text-center .kd-separator.below_subtitle, .kd-section-title.text-right .kd-separator.below_subtitle, .kd-section-title.text-left .kd-separator.below_subtitle{
	margin-top: 5px !important;
}

#media_image-2{
	width: 110px !important;
	text-align: center;
	display: block;
	margin: auto;
	margin-bottom: 20px;
}

.get{
	font-weight: bold !important;
}

.partn img{
	width: 250px !important;
	height: 50px !important;
}

.rowad img{
	width: 250px !important;
	height: 50px !important;
}

.tah img{
	height: 50px !important;
}

.partn2 img{
	width: 150px !important;
}

.partn3 img{
	width: 150px !important;
}

.partn4 img{
	width: 90px !important;
	margin-top: -20px !important;
}

.services-img img{
	width: 150px !important;
}

.title-service .subtitle{
	line-height: 25px !important;
}

.title-service h2{
	font-weight: bold !important;
	margin-bottom: 10px !important;
}

.title .subtitle{
	line-height: 20px !important;
}

.container h6{
	margin-bottom: 10px !important;
	line-height: normal !important;
}

.title h2{
	font-weight: bold !important;
	margin-bottom: 5px !important;
}
/* 
.title p{
color: #000000 !important;
} */

.title h3{
	font-weight: bold !important;
}

.topbar-phone:before{
	font-family: FontAwesome;
	content: " \f095";
	margin-right: 5px;
}

.topbar-email:before{
	font-family: FontAwesome;
	content: " \f003";
	margin-right: 5px;
}

.logo img{
	width: 70% !important;
}

.footer_widget .menu li{
	text-align: center !important;
}

.lang-ar{
	display: none !important;
}

.lang-en{
	display: none !important;
}
.related-posts .entry-image {
	height: 300px;
	object-fit: cover;
	object-position: top;
}
@media only screen and (max-width: 600px) {

	.rowad img {
		width: 250px !important;
		margin-top: 3rem !important;
	}

	.logo img{
		width: 88% !important;
	}

	.arabic-lang{
		display: none !important;
	}

	.lang-en{
		display: none !important;
	}

	.lang-ar{
		display: block !important;
		position: absolute !important;
		right: 14% !important;
		top: 1.5rem !important;
	}

	.lang-ar a{
		font-family: "Tajawal-Regular" !important;
		color: #2575fc !important;
		font-weight: bold !important;
	}

	#logos-clients{
		flex-direction: row !important;
		display: flex !important;
	}

	.vc_grid-filter.vc_grid-filter-right{
		text-align: left !important;
	}

	.vc_responsive .vc_grid-filter:not(.vc_gitem-post-data){
		display: block !important;
	}

	.tcards_message{
		height: 100% !important;
	}

	.testimonial-cards .tcards_message h6{
		font-size: 14px !important;
	}

	.navbar.navbar-default{
		background-color: #fff !important;
	}

	#wrapper .wpb_text_column p:last-child{
		text-align: center !important;
	}

	.vc_grid-filter-select .vc_grid-styled-select select{
		display: none !important;
	}

	.contact-info{
		margin: auto !important;
		text-align: center !important;
		margin-bottom: 5% !important;
	}

	#single-page .cb-text-area p, .cb-text-area p{
		display: none !important;
	}

	.footer_widget .menu{
		width: 100%;
		display: none !important;
	}



	.title-service h2{
		padding-top: 50px !important;
	}

	.text-abou{
		text-align: center !important;
	}

	header.kd-section-title{
		margin-top: 10px !important;
	}



	.navbar-default .navbar-toggle .icon-bar {
		background-color: #2575fc;
	}

	header.kd-section-title h2{
		text-align: center !important;
		padding-left: 15px !important;	
		padding-right: 15px !important;    
	}

	.title .subtitle{
		text-align: center !important;
		padding-left: 15px !important;	
		padding-right: 15px !important;     
	}


	.title-service .subtitle{
		padding-left: 15px !important;	
		padding-right: 15px !important; 
		text-align: center !important;
	}

	.kd-calltoaction .cta-text p{
		padding-left: 15px !important;	
		padding-right: 15px !important; 
	}

	.partn img{
		margin-bottom: 3rem !important;
	}

	.partn2 img{
		margin-bottom: 3rem !important;
	}

	.partn3 img{
		margin-bottom: 4rem !important;
	}

	.fields-tel{
		padding-left: 0px !important;
	}

	.get{
		display: none;
	}

	#text-3{
		width: 100% !important;
	}

	.serv-text{
		text-align: center !important;
	}

	.services-img{
		text-align: center !important;
	}

}

/*@media only screen and (max-width: 768px) */

@media (min-width:767px) and (max-width:1024px) {



	#plan{
		padding-top: 50px !important;
	}

	.single-portfolio .entry-header .section-heading{
		text-align: center !important;
	}

	.service-img-tab img{
		text-align: center !important;
		margin-top: 20px !important;
	}

	.service-heading h2{
		text-align: center !important;
	}

	.reverse-col-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}

	.footer_widget .menu{
		width: 100%;
		padding-left: 50px;
		padding-right: 50px;
	}

	.taby{
		width: 100% !important;
	}


	.services-img{
		text-align: left !important;
	}

	header.kd-section-title{
		margin-top: 10px !important;
	}



	.fields-tel{
		padding-left: 0px; 
	}

	#text-3{
		width: 100% !important;
	}

	#media_image-2{
		margin: auto;
	}

	.serv-text{
		padding-right: 15px !important;
		text-align: left !important;    
	}

	.kd-section-title.solid-line.sep-border-width-1 .kd-separator-line{
		display: none !important;
	}

	.text-abou{
		text-align: left !important;
	}

	.title-service h2{
		padding-top: 50px !important;
	}

	.kd-calltoaction .cta-text p{
		padding-left: 15px;
		padding-right: 15px;
	}


}

/* header */
.topbar-socials a .fab {
	transition: 0.25s;
	font-size: 15px;
	color: #1f1f1f;
}
.topbar-phone, .topbar-email {
	color: #1f1f1f;
}
.navbar.navbar-default , .navbar.navbar-default .menubar{
	background-color:transparent;
	background:transparent;
}
.navbar .topbar{
	background-color:transparent !important;
	background:transparent  !important;
	border: none;
}
.navbar .topbar .container{
	border-bottom: solid 1px !important;
	border-color: #d6d6d6 !important;
}
.topbar-socials a {
	margin: 0;
}
.topbar-socials {
	height: 35px;
	display: flex;
	align-items: center;
}
.navbar.navbar-default{
	padding-top:0 !important;
}
.topbar-phone, .topbar-email {
	line-height: 35px;
}
/* home */
.main-header{
	background-position: center bottom !important;
}
.home .clients-section a{
	pointer-events:auto;
}
.service-box {
	background-color: white;
	flex-direction: column;
	border: 1px solid #e5e7f2;
	margin: 10px !important;
	width: 31% !important;
}
.cb-container.about-section-box h5.cb-subtitle{
	font-size: 14px !important;
	line-height: normal; 
}
/* .wpb_text_column.wpb_content_element p {
color: #000000;
} */
.column-inner-2-width .wpb_wrapper{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cb-container.about-section-box {
	width: 48%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: none;
	padding: 0;
	pointer-events: none;
}

.contact-info:hover .cb-text-area, .cb-container:hover .cb-img-area{
	transform: none;
}

.contact-info:hover .cb-img-area{
	opacity: 1;
}


.cb-container.about-section-box  .cb-img-area {
	margin-bottom: 15px;
}
.wpb_text_column.wpb_content_element.center-text {
	text-align: center;
	max-width: 1000px;
	margin: 15px auto;
}
div#services-tabs img {
	max-width: 400px;
	width:100%;
}
#counter-home span.kd_number_string ,#counter-home span.kd_counter_units {
	font-size: 40px;
}
#counter-home h4.kd_counter_number {
	max-height: 100% !important;
	height: 45px !important;
	margin: 0 !important;
	line-height: normal;
}
#counter-home .kd_counter_text {
	color: black;
	font-size: 14px !important;
}
#counter-home .vc_column-inner{
	padding:0;
}
#services-tabs .vc_tta-panel-body {
	max-width: 950px !important;
}
.testimonial-cards .tcards_message h6 {
	font-size: 16px;
}
.fa-folder-open:before {
	content: "\f07c";
	font-family: 'FontAwesome';
}
/* .portfolios-section ul.vc_grid-filter {
display: none;
} */
.portfolios-section .vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link {
	height: 500px;
	background-position: top;
}
.small-font p {
	font-size: 14px;
	line-height: normal;
	margin-top: 18px !important;
}
input.wpcf7-form-control.wpcf7-text , textarea.wpcf7-form-control {
	font-size: 14px;
	color: gray;
}
a.tt_button {
	padding: 8px 12px !important;
	font-size: 14px !important;
}
.mt-40{
	margin-top:40px;
}
.mw-500 {
	max-width: 500px;
	width: 100%;
}
.related-posts{
	border:none !important;
	padding-top: 100px;
}
.related-title h3 {
	font-weight: bold !important;
	font-size: 28px;
	margin-bottom:40px !important;
}
/* footer */
body .footer_widget {
	margin-bottom: 0;
}
.footer_widget p {
	font-size: 10px !important;
}
.lower-footer span {
	font-size: 12px;
}
/* portfolio */
.vc_gitem-animated-block {
	box-shadow: 1px 0px 10px 0px #bababa !important;
}
.page-template-default #primary {
	padding-bottom: 0 !important;
}
span.kd_counter_units{
	height: 100% !important;
	margin-top: -8px;
}
h4.kd_counter_number {
	display: flex;
	gap: 7px;
}
img.vc_single_image-img.attachment-full, .vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey, figure.wpb_wrapper.vc_figure{
	width: 100%;
	max-width: 100%;
}
@media(max-width:1024px){
	.service-box {
		width: 48% !important;
	}
	body .main-banner{
		background-position: bottom !important;
		background-size: 100% !important;
	}
}
@media(max-width:767px){
	.our-team .wpb_column.vc_column_container.vc_col-sm-3 {
		margin-top: 45px;
	}

	#counter-home{
		display: flex !important;
	}

	#1box{
		padding-top: 50px !important; 
	}

	#1st{
		padding-top: 50px !important; 
	}

	#counter-home .kd_counter_text{
		text-align: left !important;
	}

	#plan{
		padding-top: 50px !important;
	}

	.clients-page h2{
		margin-top: 70px !important;
	}

	#img-serv{
		margin: auto !important;
	}

	.testimonial-cards .key-tcards{
		padding: 0 2px !important;
	}

	#about-page{
		margin-top: 70px !important;
	}

	#partners{	
		padding-top: 20px !important;
		padding-bottom: 50px !important;
	}

	header.kd-section-title .separator_off{
		text-align:center !important;
	}

	#logo-img{
		width: 65% !important;
		text-align: center !important;
		margin: auto !important;
	}

	.clients.slider .clients-content img{
		min-height: 100% !important;
	}

	.reverse-col-on-mobile {
		display: flex !important;
		flex-direction: column-reverse;
	}

	body .main-banner {
		padding: 20px !important;
	}
	.service-box {
		width: 100% !important;
	}
}

@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: portrait) 
	and (-webkit-min-device-pixel-ratio: 1){

		.tcards_message{
			height: 100% !important;
		}

		.arabic-lang{
			display: none !important;
		}

		.lang-en{
			display: none !important;
		}

		.lang-ar{
			display: block !important;
			position: absolute !important;
			right: 8% !important;
			top: 1.5rem !important;
		}

		.lang-ar a{
			font-family: "Tajawal-Regular" !important;
			color: #2575fc !important;
			font-weight: bold !important;
		}

		#abi{
			text-align: left !important;
		}

		#counter-home{
			display: flex !important;
		}

		#1box{
			padding-top: 50px !important; 
		}

		#1st{
			padding-top: 50px !important; 
		}

		.clients-page h2{
			margin-top: 70px !important;
		}

		#img-serv{
			margin: auto !important;
		}

		#crafted{
			padding-left:50px !important;
			padding-right: 50px !important;
			text-align: center !important;
		}

		#partners{	
			padding-top: 20px !important;
			padding-bottom: 50px !important;
		}

		#about-page{
			margin-top: 70px !important;
		}

		.vc_tta-tabs-container .vc_tta-tabs-list li a{
			font-size: 11px !important;
		}

		.mt-40.button-serv{
			float: left !important;
		}

		.nab h2{
			text-align: center !important;
		}

		.nab h6{
			text-align: center !important;
		}

		.footer_widget p{
			text-align: center;
			padding-left: 50px;
			padding-right: 50px;
		}

		.tabi h4{
			text-align: left !important;
		}

		.tabi p{
			text-align: left !important;
		}

		.footer_widget .menu li, .footer_widget li{
			text-align: left !important;
			margin-top: 2% !important;
		}

		.menubar {
			margin-top: 10px !important;
			margin-bottom: 10px !important;
		}

		.navbar.navbar-default .menubar{
			background: #ffffff !important;
		}

		.navbar-nav{
			padding-right: 0px !important;
			display: grid !important;
			text-align: left !important;
		}

		.kd-calltoaction .cta-text h3{
			text-align: center !important;
		}



		.ipad-ab h2{
			text-align: center !important;
		}

		.service-heading h2{
			text-align: center !important;
		}

		.contacto h2{
			text-align: left !important;
			margin-top: 10% !important;
		}

		.contacto h6{
			text-align: left !important;
		}

		.mw-500{
			margin: auto !important; 
		}

		.cb-subtitle{
			font-size: 14px !important;
		}

		.container h4, .kd-photobox .phb-content h4{
			font-size: 16px !important;
		}
}


.owl-carousel .owl-item {
    display: flex;
    align-items: center;
}