/*
Theme Name: Medin Child Theme
Theme URI: http://www.portotheme.com/wordpress/medin/
Author: p-themes
Author URI:   https://themeforest.net/user/p-themes/
Template: medin
Description: This is a child theme for Medin.
Version: 1.8.0
Text Domain: medin-child
*/

/*  [ Add your custom CSS below ]
================================ */

body,h1,h2,h3,h4,h5,h6,p,a,div,span:not(.fa){
font-family: 'Noto Sans Arabic', sans-serif !important;
}
/*p,h1,h2,h3,h4,h5,h6{
	direction : rtl;
}*/

.title-h,.textwidget h3,.tt-widget-title,.side-block-title{
	background-color:  var(--main_color);
    display: inline-block;
    padding: 12px 22px !important;
    color: #fff;
}
.widget-area input:not([type="checkbox"]):not([type="radio"]), textarea, select {
    border-right: 1px solid silver !important;
}
.comments-block .btn:not(.btn-gradient):not(.btn-fill):not(.btn-white) {
    color: var(--color_buttons1_t) !important;
}

.icn-text-alt,.blog-post-info{
direction :rtl;
}
.latest-blogs h4 {
	text-align : right !important;
}
.quickLinks-wrap{
	display : none !important;
}
.slider-gallery-thumbs .slick-next {
    right: 5px;
    left: auto;
}
.mk-ltr{
	direction : ltr !important;
}
.page-content .section {
    margin-top: 20px !important;
}
.slider-gallery-thumbs .slick-next {
    right: 5px !important;
    left: auto!important;
}
.slider-gallery-thumbs .slick-prev{
	 left: 5px!important;
    right: auto!important;
}
.slider-gallery .slick-next {
  border-radius: 10px 0 0 10px !important;
}

.slider-gallery .slick-prev {
    border-radius: 0px 10px 10px 0px !important;
}
.header-nav-wrap {
    justify-content: flex-start !important;
}
.footer-bottom p,.footer-bottom .textwidget{
	text-align : center;
	color : #fff;
}
.header-social a {
    padding: 0px 20px !important;
    font-size: 20px;
}
.contact-us-by-form.top-bar{
	margin : 0px 10px;
}
.main-service-img {
	box-shadow: 0px 5px 20px 2px rgb(0 0 0 / 10%);
   /* border-radius: 15px;*/
}
.main-service-box h3{
	margin-bottom : 20px;
	
}
.page-content .section{
	margin-top : 50px ;
}




.main-service-img,.main-service-box figure {
  position: relative;
}
.main-service-box figure:before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  top: -2px;
  left: -2px;
  z-index:1;
  border-left: 2px solid #f36523;
  border-top: 2px solid #f36523;
}
.main-service-box figure:after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  right: -2px;
  bottom: -2px;
  z-index:1;
  border-right: 2px solid #f36523;
  border-bottom: 2px solid #f36523;
}

.btn:not(.contact-us-by-form),.btn:not(.btn-gradient) body:not(.touch) .btn:focus {
    border-radius: 0px !important;
	padding: 10px 10px !important;
}
.mt-0{
	margin-top : 0px !important;
}
.backToTop {
    max-width: 50px;
     max-height: 50px;
    line-height: 55px;
}
.footer-post-photo img {
    border-radius: 0 !important;
}
.be-effect-7{
  /*-webkit-animation: be-effect-7 5s linear infinite;
  animation: be-effect-7 5s linear infinite;*/
}
@keyframes be-effect-7{
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(.9) rotate(-6deg);
    transform: scale(.9) rotate(-6deg);
  }
  30%, 50%, 70% {
    -webkit-transform: scale(1.1) rotate(6deg);
    transform: scale(1.1) rotate(6deg);
  }
  40%, 60% {
    -webkit-transform: scale(1.1) rotate(-6deg);
    transform: scale(1.1) rotate(-6deg);
  }
  100%, 80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
	
#fixed-social-btns{
			bottom: 350px;
			height: 45px;
			width: 45px;
			position: fixed;
			left: 2px;
			z-index: 999999;
		}
		#fixed-social-btns div{
			margin-bottom : 10px;
		}
#fixed-social-btns a{
	 width: 40px;
    height: 40px;
    background-color: var(--main_color);
    padding: 7px;
    display: inline-block;
    text-align: center;
	box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
  
	}
#fixed-social-btns a:hover{
	  background-color: #cb5b26;
}
#fixed-social-btns a i{
		color : #fff;
	font-size : 25px;
}
.vc_custom_1681041673830 {
	margin-top : 30px !important;
}
.why-us-section, .about-us-section{
	background-color : #ededed;
}
.why-us-section .rs_inner_block.icn-text{
	background-color : transparent;
}
.my-section{
	margin-top : 20px !important;
	margin-bottom : 20px !important;
	padding : 25px 0px;
}
.service-box-title{
	margin-bottom : 15px;
}
.text-image-block .text-col {
  /*  max-width: 1200px !important;*/
	margin: 0px auto;
}
.text-image-block [data-title]:after {

    font-size: 90px !important;
}
ul.numbered-list-xl {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    counter-reset: li;
    list-style-type: none;
    font-size: 16px;
    line-height: 27px;
}
ul.numbered-list-xl li {
    position: relative;
    padding: 20px 95px 0 0 !important;
}
ul.numbered-list-xl li:not(:last-child) {
    margin-bottom: 40px;
	    min-height: 70px;
}

ul.numbered-list-xl li:before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1em;
    font-weight: 700;
    font-family: "Poppins", serif;
    content: attr(data-num);
    counter-increment: li;
    height: 83px;
    width: 83px;
    padding-right: 2px;
    border-radius: 50%;
    right: 0;
    top: -6px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(101, 81, 46, 0.1);
    transition: 0.2s;
	color : var(--main_color);
}
ul.numbered-list-xl li{
	padding-top :20px;
}
.header-nav .nav-item {
    padding: 0 13px !important ;
}
/*Contact Form */
.main-form{
			    border-radius: 2px;
			text-align : center;
			padding: 40px 10px 23px 10px;
background-image: radial-gradient(#f36523 1px, transparent 1px);
background-size: 29px 29px;
background-color: #2d2b2b;
		}
.contact-us-page .main-form{
	max-width : 350px;
	margin : 0px auto;
}
.fa-main-icon{
	font-size : 47px;
}
		.main-form h5,.main-form label{
			color : #fff;
   			 font-weight: 500;
		}
		.main-form .interested-for-title{
			text-align : right;
			font-size: 15px;
			font-weight : 600;
			margin-top : 30px;
		}
		.main-form .form-control,.main-form input[type="tel"],.main-form input[type="text"]{
			min-height : 33px !important;
			height : 33px !important;
			border-radius: 2px;
			background-color :var(--main_color);
			border: none !important;
			color : #fff !important;
		}
		.intl-tel-input .selected-flag .iti-arrow{
			border-top: 4px solid #fff;
		}
		.contact-form .interested-for-checkbox label{
			font-size : 13px;
			color : var(--main_color);
		}
		article.page .contact-form .interested-for-checkbox label{
			font-size : 10px;
		}
		.contact-form .interested-for-checkbox .wpcf7-list-item{
			margin : 3px;
		}
.intl-tel-input.allow-dropdown{
	min-width : 100%;
}

.contact-form .interested-for-checkbox label{
	font-size : 13px;
	color : var(--main_color);
}
article.page .contact-form .interested-for-checkbox label{
	font-size : 13px;
}
.contact-form .interested-for-checkbox .wpcf7-list-item{
	margin : 3px;
}
.wpcf7-spinner{
			display : block;
		}
.flag-container{
	direction : ltr;
}
.contact-form input,.form-control{
	text-indent : 17px
}
ul.numbered-list-xl li {
    padding: 20px 95px 0 0 !important;
}
.contact-form-input-container{ position: relative; }
		.contact-form-input-container .fa{
		  position: absolute;
			color: var(--main_color);
			z-index: 100;
			font-size: 11px;
			top: 19%;
			right: 1.5%;
			background-color: #fff;
			border-radius: 50%;
			padding: 4px;
			width: 20px;
			height: 20px;
		}
.interested-for-checkbox input[type="checkbox"]{
			width: 1.3em;
			height: 1.3em;
			background-color: var(--main_color);
			/*border-radius: 50%;*/
			vertical-align: middle;
			border: 1px solid var(--main_color);
			appearance: none;
			-webkit-appearance: none;
			outline: none;
			cursor: pointer;
		}
		.interested-for-checkbox input[type="checkbox"]:checked {
			
			    appearance: listbox;
			-webkit-appearance: listbox;
			background-color: #fff;
		}
		.wpcf7-not-valid-tip{
			font-size: 12px;
			margin-top: 4px;
		}

.contact-us-page-form-container .main-form {
			background : none !important;
			max-width: 330px;
    		margin: 0px auto;
			    padding-top: 0px;

		}
		.contact-us-page-form-container .contact-form .form-control, .contact-us-page-form-container input[type="tel"], .contact-us-page-form-container input[type="text"]{
			background-color: #debedd;
			
			color: #fff !important;
		}
input[type="email"]{
	direction : rtl !important;
}
		.contact-us-page-form-container .main-form h5{
			display : none;
		}
		.contact-us-page-form-container .main-form .interested-for-title{
			display : inline-block;
			text-align: center;
			color : var(--main_color);
		}
		.contact-us-page-form-container .main-form label{
			color : #787878;
		}


		::placeholder { 
			  color:    #fff !important;
			opacity : 0.7 !important;
				
		}
		input::-webkit-input-placeholder{
			   color:    #fff !important;
				opacity : 0.7 !important;
		}
		input:-moz-placeholder {
			 color:    #fff !important;
			opacity : 0.7 !important;
		}
		
		
		.main-form input:focus{
			background-color: #ef5812  !important;
			border: 1px solid #ef5812  !important;
		}
		input[type="checkbox"] {
			margin-left: 1px;
		}
		.main-form .wpcf7-submit.btn{
			background-color : var(--main_color) !important;
			border-radius : 5px;
			color : #fff!important;
			 padding: 7px 15px 7px 30px!important;
			border : none !important;
			font-size : 16px;
			
		}
		.main-form .wpcf7-submit.btn:hover,.wpcf7-form .contact7__custom-form input[type="submit"]:hover,.main-form .btn:not(.btn-gradient):not(.btn-fill):not(.btn-white):hover{
			background-color : var(--main_color) !important;
			color : #fff!important;
			border-radius : 5px;
			
		}
		.main-form .wpcf7-submit,.main-form .wpcf7-submit:hover,.main-form .wpcf7-submit:focus{
			
			background-color :var(--main_color) !important;
			color : #fff!important;
		
		}
		.wpcf7-form input[type="submit"], .wpcf7-form input[type="submit"]:focus{
			
			background-color : var(--main_color) !important;
			color : #fff!important;
			border-radius : 5px !important;
		}
.contact-form-input-container .fa{
			left : auto;
			right: 1.5%;
		}

.icn-text-alt, .blog-post-info {
    direction: ltr;
}
ul.numbered-list-xl li:before {

    left: 0;
	right : auto;
}
ul.numbered-list-xl li {
    padding: 20px 0 0 95px !important;
}
.main-form .interested-for-title{
	    text-align: left;
}
.contact-form-input-container .fa {
    right: auto;
    left: 1.5%;
}
.header-nav .nav-item > .nav-link, .header-logo__wrapper .bloginfo_name {

    font-size: 14px;
}
ul.numbered-list-xl li {
    text-align: left !important;
}
.main-form input[type="tel"], .main-form input[type="email"] {
    direction: ltr !important;
}
@media all and ( max-width : 768px){
	.section-statistics .col {
		width: 100% !important;
		display: block !important;
		flex-basis: auto !important;
		margin-bottom : 10px;
	}
	.main-service-box,.icn-text-alt{
		margin-bottom : 15px;
	}
	.faq-wrap .faq-item [data-toggle='collapse'] .icon {
		right : auto!important;
		left: 15px !important;
	}
	.form-in-side-container{
		display : none ;
	}
	.header:not(.off-shadow) {
    	box-shadow: 0 3px 3px rgba(0, 0, 0, 1);
	}
}