@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
/*Light 300, Regular 400, Medium 500, Bold 700*/
/*html {scroll-behavior: smooth;}*/

@font-face {
    font-family: 'Neo Sans Arabic';
    src: url('../fonts/NeoSansArabic.eot');
    src: url('../fonts/NeoSansArabic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansArabic.woff2') format('woff2'),
    url('../fonts/NeoSansArabic.woff') format('woff'),
    url('../fonts/NeoSansArabic.ttf') format('truetype'),
    url('../fonts/NeoSansArabic.svg#NeoSansArabic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neo Sans Arabic';
    src: url('../fonts/NeoSansArabic.eot');
    src: url('../fonts/NeoSansArabic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansArabic.woff2') format('woff2'),
    url('../fonts/NeoSansArabic.woff') format('woff'),
    url('../fonts/NeoSansArabic.ttf') format('truetype'),
    url('../fonts/NeoSansArabic.svg#NeoSansArabic') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neo Sans Arabic';
    src: url('../fonts/NeoSansArabic-Medium.eot');
    src: url('../fonts/NeoSansArabic-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansArabic-Medium.woff2') format('woff2'),
    url('../fonts/NeoSansArabic-Medium.woff') format('woff'),
    url('../fonts/NeoSansArabic-Medium.ttf') format('truetype'),
    url('../fonts/NeoSansArabic-Medium.svg#NeoSansArabic-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neo Sans Arabic';
    src: url('../fonts/NeoSansArabic-Bold.eot');
    src: url('../fonts/NeoSansArabic-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NeoSansArabic-Bold.woff2') format('woff2'),
    url('../fonts/NeoSansArabic-Bold.woff') format('woff'),
    url('../fonts/NeoSansArabic-Bold.ttf') format('truetype'),
    url('../fonts/NeoSansArabic-Bold.svg#NeoSansArabic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


select::-ms-expand { display: none; }
img{max-width:100%;height:auto;}
a{  -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
h1 {font-size:28px;margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:500;font-family: 'Roboto', sans-serif;}
h2 {font-size:26px;margin:0px 0px 20px 0px;padding:0px;line-height: 1.2;font-weight:500;font-family: 'Roboto', sans-serif;}
h3 {font-size:26px;margin:0px 0px 25px 0px;padding:0px;line-height: 1.2;font-weight:500;font-family: 'Roboto', sans-serif;}
h4 {font-size:21px;margin:0px 0px 25px 0px;padding:0px;line-height: 1.2;font-weight:500;font-family: 'Roboto', sans-serif;}
h5 {font-size:20px;margin:0px 0px 20px 0px;line-height: 1.2;font-weight:500;font-family: 'Roboto', sans-serif;}
h6 {font-size:16px;margin:0px 0px 15px 0px;line-height: 1.2;font-weight:500;font-family: 'Roboto', sans-serif;}

.spacer1px {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer10px {clear:both;line-height:0;font-size:0;overflow:hidden;height:10px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer20px {clear:both;line-height:0;font-size:0;overflow:hidden;height:20px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer30px {clear:both;line-height:0;font-size:0;overflow:hidden;height:30px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer50px {clear:both;line-height:0;font-size:0;overflow:hidden;height:50px; background:none; margin:0px 0px 0px 0px;width:100%; border:none;}
.spacer1pxborder {clear:both;line-height:0;font-size:0;overflow:hidden;height:1px; background: rgba(26,28,38,0.1); margin:20px 0px 20px 0px;width:100%; border:none;}




body {
	overflow-x:hidden;
	color:#1A1C26;
	font-size:15px;
	line-height:1.4;
	margin:0px;
	padding:0px;
	outline:none;
	text-decoration:none;
	list-style:none;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif; font-weight: 400;
	background-color:#fff;
}

p{color:#1A1C26;font-size:15px;line-height:1.4;  margin:0px 0px 20px 0px;font-family: 'Roboto', sans-serif;font-weight: 400;}
ul, ol {list-style: none;margin: 0;padding: 0;}
a:hover{ text-decoration:none;}

.form-control::-webkit-input-placeholder {color: rgba(26,28,38,0.3) !important; opacity:1 !important;}
.form-control::-moz-placeholder {color:rgba(26,28,38,0.3) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder {color:rgba(26,28,38,0.3) !important; opacity:1 !important;}
.form-control:-moz-placeholder {color:rgba(26,28,38,0.3) !important; opacity:1 !important;}

:focus, button:focus {outline-style:none;box-shadow:none;border-color:transparent;}
*:focus {outline: none;}
input:focus{outline:none;}

.pagetitle{ position:relative; text-align:left; padding:0px 0px 70px 0px; }
.pagetitle h2{line-height: 1.1; font-size:51px;color:#fff;padding:0px; margin:0px 0px 0px 0px;}

img{max-width:100%;height:auto; outline:none;}
a{outline:none; border:none;}
.pb-20px{ padding-bottom:20px !important;}


.kinz_head_sec_top{position: relative;background: #008FD5;padding:6px 0;}
.kinz_head_sec_top_main{position: relative;display: flex;align-items: center;justify-content: space-between;}
.kinz_head_sec_top_left{position: relative;}
.kinz_head_sec_top_left ul{display: block;}
.kinz_head_sec_top_left ul li{display: inline-block;padding: 0 20px 0 0;}
.kinz_head_sec_top_left ul li a{position: relative;color: #fff;font-weight: 500;font-size: 16px;}
.kinz_head_sec_top_left ul li a:hover{opacity:0.7;}

.banner-sec{background: url(../images/banner-bg.png) no-repeat left top #f8f8f8; position:relative; padding:50px 0px;min-height: 500px;}
.banner-sec h1{margin-top:50px;}

.banner-sec form{ position:relative; max-width:520px;}
.banner-sec form .inputbox{ border:0px solid #949c9d; background:#fcfcfd; width:100%; height:50px; color:#9F9F9F; text-indent:60px; margin-bottom:10px; border-radius:5px; font-size:16px;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5);}
.banner-sec form button{ position:absolute; right:0px; top:0px;color:#fff; font-size:16px; background-color:#008fd5; display:inline-block; text-align:center; height:42px; width:auto; line-height:50px; border:none; height:50px;border-top-right-radius: 5px;border-bottom-right-radius: 5px; padding:0px 20px;transition: all .3s ease; width:120px; text-align:center;}
.banner-sec form button:hover{color:#fff;background-color:#1A1C26; }
.banner-sec form i{ position:absolute; left:20px; top:15px; font-size:20px; color:#abacb0; font-weight:normal !important;}

.kinz_head_sec_top_right{position: relative;}
.kinz_head_sec_top_right ul{display: block;}
.kinz_head_sec_top_right ul li{position: relative;display: inline-block;padding:0 0 0 25px;}
.kinz_head_sec_top_right ul li.arab_text{font-family: 'Neo Sans Arabic';}
.kinz_head_sec_top_right ul li a{color: #fff;font-size: 14px;}
.kinz_head_sec_top_right ul li a:hover{ text-decoration:underline;}
.kinz_head_sec_top_right ul li a i{font-size: 20px !important;font-weight: 300;padding-left: 15px;}
.arab_text a{font-size: 14px !important;}
.cont_sec{padding-left: 40px !important;}
.cont_sec:before{position: absolute;left: 17px;top:5px;width: 1px;height: 16px;background: #fff;content: '';}
.kinz_head_btm_sec{position: relative;background: #fff;box-shadow: 0 0 15px 0 rgba(182,182,182,0.5);padding: 5px 0;z-index: 1;}
.kinz_head_btm_sec_main{position: relative;display: flex;align-items: center;justify-content: space-between;}
.kinz_head_btm_sec_logo{position: relative;flex: 0 0 150px;}
.kinz_head_btm_sec_right{position: relative;}
/*.kinz_head_btm_sec_right ul{position: relative;}
.kinz_head_btm_sec_right ul li{display: inline-block;}
.kinz_head_btm_sec_right ul li a{position: relative;font-size:16px;color: rgba(26 28 38 / 0.60);transition: 0.5s ease-in-out;text-decoration: none;}
.kinz_head_btm_sec_right ul li.active a{color: #008FD5;}
.kinz_head_btm_sec_right ul li a.active{color: #008FD5;}
.kinz_head_btm_sec_right ul li a:hover{color: #008FD5;}
.free_trial{position: relative;}
.free_trial a{font-weight: normal;background: #008FD5;color: #fff !important;padding: 8px 20px;border-radius: 5px;}
.free_trial a:hover{background: #000;}
*/

footer{position: relative;}
.ftr_top{position: relative;padding: 40px 0 10px 0;text-align: center;border-top: 2px solid #008FD5;background: rgba(0 84 166 / 0.01);}
.ftr_top_socila_media{position: relative;text-align: center;padding-bottom: 40px;}
.ftr_top_socila_media ul{position: relative;display: block;text-align: center;}
.ftr_top_socila_media ul li{display: inline-block;margin: 0 15px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #008FD5;transition: 0.5s ease-in-out;}
.ftr_top_socila_media ul li a{display: flex; align-items: center;justify-content: center;height: 40px;text-decoration: none;transition: 0.5s ease-in-out;}
.ftr_top_socila_media ul li a i{color: #018fd4;font-size: 18px;font-weight: 300;transition: 0.5s ease-in-out;}
.ftr_top_socila_media ul li:hover{background: #008FD5;}
.ftr_top_socila_media ul li a:hover i{color: #fff;}
.ftr_menu{position: relative;text-align: center;padding-bottom: 5px;}
.ftr_menu ul{position: relative;display: block;}
.ftr_menu ul li{display: inline-block;padding: 0 15px;}
.ftr_menu ul li a{position: relative;font-size: 16px;font-weight: normal;color: rgba(26 28 38 / 0.50);}
.ftr_menu ul li a:hover{color: #008FD5;}
.ftr_img{border-bottom: 8px solid #b0abb2;}
.ftr_img img{width: 100%;}
.ftr_copy_sec{position: relative;background: #fff;padding: 3px 0 10px 0;}
.ftr_copy_sec_main{position: relative;display: flex;align-items: center;justify-content: space-between;}
.ftr_copy_sec_left{position: relative;flex: 0 0 230px;}
.ftr_copy_sec_middle{position: relative;text-align: center;flex: 0 0 400px;left: -110px;}
.ftr_copy_sec_middle p{margin: 0;position: relative;color: #008FD5;font-size: 16px;font-weight: normal;}
.ftr_copy_sec_middle p a{color: #008FD5;*text-decoration: underline;}

.benefits_sec{position: relative;margin: 40px 0;background: #fff;}
.benefits_sec_main{position: relative;}
.benefits_sec_main .row{align-items: center;}
.benefits_sec_right{position: relative;}
.benefits_sec_right img{width: 100%;}

.benefits_sec_left{position: relative;}
.benefits_sec_left h4{color: #1a1c26;font-size:25px;margin: 0 0 20px 0;}
.benefits_sec_left h3{color: #008fd5;font-size:35px;}
.benefits_sec_left p{font-size:17px; margin-bottom:40px;}


.home-download-content{ display:flex; align-items:center;margin:0px 0px 40px 0px;}
.home-download-content img{margin-right:20px;max-width: 70px;}
.home-download-content h4{margin:0px 0px 6px 0px;}
.home-download-content p{margin:0px 0px 0px 0px;}


.home-download-apps{margin:0px 0px 30px 0px; padding-top:20px; display:flex; justify-content:left;}
.home-download-apps img{ margin:0px 20px 0px 0px; width:180px;}

.seevideo-tutorial{ color:#008FD5; font-size:18px; margin-bottom:20px; display:inline-block;}
.seevideo-tutorial img{ max-width:70px;}


.banner-btm{position:relative; margin-top: -90px; margin-bottom:60px;}
.banner-btm-cont{position:relative; text-align:center; padding:15px 15px;border-radius:5px;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5); width:47%; background-color:#fff;}
.banner-btm-cont a.add{display:inline-block; border:1px solid #008FD5; color:#008FD5; width:95px; text-align: center; padding:5px; border-radius:5px;}
.banner-btm-cont a.add:hover{background-color:#008FD5; color:#fff;}
.banner-btm-contmain{max-width:520px; display: flex;align-items: center;justify-content: space-between;}
.banner-btm-contmain h6{font-size:18px; color:#008FD5; font-weight:normal; padding:10px 0px 10px 0px; margin:0px;}
.banner-btm-contmain p{font-size:14px; color: rgba(0,0,0,0.5);}

.banner-btm-cont:hover{box-shadow: 0 0 17px 0 rgba(0,143,213,0.3);}
.banner-btm-cont:hover p{font-size:14px; color: rgba(0,0,0,1);}
.banner-btm-cont:hover a.add{background-color:#008FD5; color:#fff;}
.counter{font-size:22px; color:#008FD5; display:block; margin-bottom:10px;font-family: 'Roboto', sans-serif; font-weight: 500;}

.videosection {height:600px;width:100%;overflow:hidden;}
.videosection > video {min-width: 100%;min-height: 100%;}

.ourclient-love{position:relative; text-align:center; margin:40px 0px 40px 0px;}
.ourclient-love h2{margin:0px 0px 10px 0px;}


.client{}
.client ul{}
.client ul li{display:inline-block; width:23%; margin-bottom:50px; vertical-align:top; position:relative;}
.client ul li img{box-shadow: 0 0 7px 0 rgba(182,182,182,0.5); max-width:140px; opacity:0.5;transition: all .3s ease;}
.client ul li:hover img{box-shadow: 0 0 17px 0 rgba(0,143,213,0.3);opacity:1;}




.client ul.middle{}
.client ul.middle li{display:inline-block; width:18%; margin-bottom:50px; vertical-align:top; position:relative;}
.client ul.middle li:nth-child(2n){ margin-top:50px;}

.client ul.bottom{}
.client ul.bottom li{display:inline-block; width:23%; margin-bottom:50px; vertical-align:top; position:relative;}
.client ul.bottom li:nth-child(2n){ margin-top:50px;}


.client ul li .client-content{display:none;}
.client ul li:hover .client-content{display:block; position:absolute; width:450px; padding:20px; margin:0 auto 0 -170px; background:#fff; border-left:5px solid #008FD5;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5);z-index:1; bottom:160px;text-align:left;}
.client ul li:hover .client-content img{box-shadow: 0 0 0px 0 rgba(182,182,182,0);max-width:inherit;}
.client ul li:hover .client-content p{ font-size:12px; margin:10px 0px 0px 0px; text-align:left;}

.client ul li:hover .client-content::after {content: "";position: absolute;width: 0;height: 0;margin-left: -0.5em;bottom: -20px; left: 50%;box-sizing: border-box;border: 10px solid black;border-color: transparent transparent #fff #fff;transform-origin: 0 0;transform: rotate(-45deg);box-shadow: -2px 2px 3px 0 rgba(182,182,182,0.5);z-index:1; }


.client-content-header{ display:flex; justify-content:space-between; align-items:center;}
.client-content-header .star-rating i{ color:#fec808; font-size:11px;}
.client-content-header h4{ text-transform:uppercase; font-size:12px; margin:0px; width:100%;}
.client-imagebox {display: inline-block;position: relative;}

.client ul li:hover .client-content .star-rating{width:130px;text-align: right;width: 150px;}
.client ul li:hover .client-content img{width:100px; margin-right:10px;}


.banner-sec.innerbanner{background-image:none;min-height: auto;}
.banner-sec.innerbanner h2{color:#008FD5;margin: 15px 0px 15px 0px;}
.banner-sec.innerbanner h1{margin:0px;}
.banner-sec.innerbanner p{margin:0px 0px 40px 0px;}

.benefits-btm{ height:100%; position:relative; padding:25px; border:1px solid rgba(26,28,38,0.1); border-radius:5px;display: flex;align-items: center;margin: 0px 0px 0px 0px; background:#fff;}
.benefits-btm img {margin-right: 20px;max-width:70px;}
.benefits-btm h3{margin-bottom:10px; font-weight:normal;font-size: 22px;}
.benefits-btm p{ color:rgba(26,28,38,0.5); margin:0px;}
.benefits-btm:hover{box-shadow: 0 0 7px 0 rgba(182,182,182,0.5);}
.contactus-btm{margin-bottom:40px;}
.compare-benefits{ position:relative; padding:30px 0px;}
.benefits-box{position:relative; padding:30px 0; border:1px solid rgba(26,28,38,0.1); border-radius:5px; text-align:center;transition: all .3s ease;}
.benefits-box li{ padding:13px;font-weight:500; color:rgba(26,28,38,0.5);}
.benefits-box li:nth-child(2n){ background-color:#f3fafd;}


.arrow-icon{display:block; margin-top:10px;}
.arrow-icon i{border:1px solid #008FD5; width:50px; height:50px; line-height:50px; text-align:center; color:#008FD5; border-radius:50%;}

.benefits-box ul{border-top:1px solid rgba(26,28,38,0.1); margin-top:20px;}
.benefits-box h2{color:#008FD5; margin:20px 0px 30px 0px; font-size:24px;}
.benefits-box .ontime{color: #008FD5;font-weight: 500;font-size: 18px;display: inline-block;border: 1px solid #d8eef9;padding: 15px 30px;border-radius: 5px;}
.benefits-box:hover {box-shadow: 0 0 17px 0 rgba(0,143,213,0.3);}
.benefits-box:hover .ontime{ background-color:#008FD5; color:#fff;}
.benefits-box:hover .arrow-icon i{ background-color:#008FD5; color:#fff;}


/*=========================== Login ===========================*/

.bodybg-login{}
.bodybg-login .container-fluid{ padding-right:0px;}
.bodybg-login-right{ background:url(../images/sign-bg.jpg) no-repeat center top; background-size:cover;min-height: calc(110vh - 157px);}
.bodybg-login-left{min-height: calc(110vh - 157px);}
.bodybg-login h2{ margin-bottom:10px;padding-top:75px;}
.bodybg-login-right{}
.bodybg-login-right2{ padding:0px 0px 0px 20px; max-width:350px;}
.bodybg-login-right2 h2{ color:#fff;}
.bodybg-login-right2 p{ margin-bottom:60px; color:#fff; font-weight:500; font-size:20px;}
.bodybg-login-right2 .btn-style-one.full{ border:1px solid #fff; background:none;}
.bodybg-login-right2 .btn-style-one.full:hover{background:#fff; color:#1A1C26;}
.bodybg-login-left ul{ padding:0px 15px 0px 0px;}
.bodybg-login-left li{ position:relative; margin-bottom:20px;}
.bodybg-login-left li{ color:rgba(26,28,38,0.5);}
.bodybg-login-left li.reset a{color:#008FD5;text-decoration:underline;}
.bodybg-login-left li.reset a:hover{color:#1A1C26;text-decoration:none;}
.checkbox {display: inline-block;cursor: pointer;font-size: 16px; margin-right:15px; line-height:18px; color:rgba(26,28,38,0.5); font-weight:normal;}
input[type=checkbox] {display:none; }
.checkbox:before {content: "";display: inline-block;width: 19px;height: 19px;vertical-align:middle;background-color: #fff;color: #333;border-radius:3px;margin-right:8px; text-align:center; border:1px solid rgba(26,28,38,0.3);}
input[type=checkbox]:checked + .checkbox:before {content: "\2713";font-size: 14px;line-height: 20px;}
.bodybg-login-left li .input-login i#eye {position: absolute;right: 25px;top: 20px;font-size: 16px;color:rgba(26,28,38,0.3);}
.bodybg-login-left p{color:rgba(26,28,38,0.5);}




/*=========================== Signup ===========================*/


.bodybg-signup .container-fluid{ padding-left:0px;}
.bodybg-signup-left{ background:url(../images/signup-bg.jpg) no-repeat center top; background-size:cover;min-height: calc(100vh - 157px);}
.bodybg-signup-right{min-height: calc(100vh - 157px);padding-left: 30px; padding-bottom:40px;}

.bodybg-signup h2{ margin-bottom:10px;padding-top:55px;}

.bodybg-signup-right2{ padding:0px 0px 0px 20px; max-width:350px; float:right;}
.bodybg-signup-right2 h2{ color:#fff;}
.bodybg-signup-right2 p{ margin-bottom:80px; color:#fff; font-weight:500; font-size:20px;}
.bodybg-signup-right2 .btn-style-one.full{ border:1px solid #fff; background:none;}
.bodybg-signup-right2 .btn-style-one.full:hover{background:#fff; color:#1A1C26;}
.bodybg-signup-right p{color:rgba(26,28,38,0.5);}




#msform {position: relative;margin-top: 20px;}
#msform fieldset:not(:first-of-type) {display: none}




#progressbar li {list-style-type: none;font-size: 12px;width: 20%;float: left;position: relative;padding-bottom:10px;}
#progressbar #account:before {content: "1"}
#progressbar #personal:before {content: "2"}
#progressbar #payment:before {content: "3"}
#progressbar #confirm:before {font-family: FontAwesome;content: "4"}
#progressbar li:before {width: 50px;height: 50px;line-height: 45px;display: block;font-size: 18px;color: #008FD5;background: #fff; border:1px solid #008FD5;border-radius: 50%;margin: 0 0 10px 0;padding: 2px; text-align:center;font-family: 'Roboto', sans-serif; font-weight: 400;}
ul#progressbar li:after {content: '';width: 100%;height: 2px;border-top: 2px dashed rgba(0, 143, 213, 0.2);position: absolute;left: 0;top: 25px;z-index: -1; max-width:400px;}
#progressbar li.active:before {background: #008fd5; color:#fff;box-shadow: 0 0 17px 0 rgba(0,143,213,0.6);}
#progressbar{  }
ul#progressbar li:last-child:after{display:none;}




.input-login{ position:relative;}
.input-login i#eye {position: absolute;right: 25px;top: 20px;font-size: 16px;color:rgba(26,28,38,0.3);}
.form-card .input-login{ position:relative; margin-bottom:25px;}
.form-card{ text-align:left;}


.password-strength{ display:flex; justify-content:flex-start; align-items:center; margin-bottom:20px;color: rgba(26,28,38,0.5);}
.password-strength span{ display:inline-block; background-color:#e3e3e4; height:6px; width:60px; margin:0px 10px;}
.password-strength span.active{background-color:#008fd5;}
.password-strength span:first-child{margin: 0 10px 0 20px;}

.selectbox-design {background: #fff url(../images/select-arrow.gif) no-repeat 96% center;height: 42px;border-radius: 5px;width: 100%;font-size: 14px;color: rgba(26,28,38,0.3);border: 1px solid #008FD5;padding-left: 20px;padding-right: 20px;}

.terms-condition a{text-decoration:underline;}
.terms-condition a:hover{text-decoration:none;}





/*==================== Profile =====================*/


.kinz_head_btm_sec_middle form{ position:relative; width:420px;}
.kinz_head_btm_sec_middle form .inputbox{ border:0px solid #949c9d; background:#f6f6f6; width:100%; height:40px; color:#9F9F9F; text-indent:45px;border-radius:5px; font-size:16px;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5);}
.kinz_head_btm_sec_middle form button{ position:absolute; right:0px; top:0px;color:#fff; font-size:16px; background-color:#008fd5; display:inline-block; text-align:center; width:auto; line-height:35px; border:none; height:40px;border-top-right-radius: 5px;border-bottom-right-radius: 5px; padding:0px 20px;transition: all .3s ease; width:120px; text-align:center;}
.kinz_head_btm_sec_middle form button:hover{color:#fff;background-color:#1A1C26; }
.kinz_head_btm_sec_middle form i{ position:absolute; left:20px; top:10px; font-size:16px; color:#abacb0; font-weight:normal !important;}


.kinz_head_btm_sec_right2 a{ border:1px solid #008FD5; min-width:180px; text-align:center; border-radius:5px; display:inline-block; margin-left:10px; padding:10px 15px;}
.kinz_head_btm_sec_right2 a:hover{ background-color:#008fd5; color:#fff;}
.kinz_head_btm_sec_right2 i{font-size:18px; font-weight:normal;}


.profilebodywork{position:relative;background:#f8fafb; padding:0px 0px 20px 0px; min-height:500px;}
.profilebodywork .container-fluid{ padding-left:0px;}
.profilebodywork-push{ padding:25px 0px 0px 250px;}

.profile-filter{padding:22px; background:#fff;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5);display: flex;align-items: center;justify-content: space-between; margin-bottom:30px; border-radius:4px;}
.profile-filter-left{ color:rgba(26,28,38,0.5);font-weight:300; font-size:20px;}
.profile-filter-left span{ color:#1A1C26; font-weight:500;font-size:22px;}
.profile-filter-right li{ display:inline-block; height:40px; line-height:40px; margin-left:20px; color:#1A1C26;}
.profile-filter-right li .link1{ border:1px solid #008FD5; display:inline-block; width:40px; height:40px; text-align:center; border-radius:5px; font-size:18px;}
.profile-filter-right li .link1:hover{border:1px solid #008FD5; background-color:#008FD5; color:#fff;}
.profile-filter-right li .resetbtn{display:inline-block; width:120px; height:40px; text-align:center; border-radius:5px; background-color:#008FD5; border:0px; color:#fff;}
.profile-filter-right li .resetbtn:hover{background-color:#333;}
.profile-filter-right li .checkbox{color:#1A1C26;}
.profile-filter-right li .selectbox-design{height:40px;border: 1px solid #1A1C26; color:#1A1C26; width:200px;padding-left: 12px;padding-right: 12px;background: #fff url(../images/select-arrow2.gif) no-repeat 95% center;}




.whitebox-shadow{background:#fff;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5);border-radius:4px;}
.whitebox-shadow-top{border-bottom:6px solid #80b737;display: flex;align-items: center;justify-content: space-between; padding:0px 0px 0px 25px;}
.whitebox-shadow-topright li{display:inline-block; font-size:24px; position:relative;}
.whitebox-shadow-topright li a{display:inline-block; padding:9px 10px; color:#80b737; width:60px; text-align:center;font-size: 20px;}
.whitebox-shadow-topright li a:hover,.whitebox-shadow-topright li.active a{background-color:#80b737;color:#fff}
.whitebox-shadow-topright li:last-child:before{background-color:rgba(26,28,38,0.26);content: '';position: absolute;width: 1px;left: 0px;bottom: 15%;height: 70%;}


.whitebox-shadow-middle{padding:25px;}
.whitebox-shadow-middle td{color:rgba(26,28,38,0.5);}
td.darkfont{color:rgba(26,28,38,1); font-weight:500;}

.whitebox-shadow-btm{background-color:#f7f7f7; padding:10px 25px; border-radius:0 0px 4px 4px;display: flex;align-items: center;justify-content: space-between;}
.whitebox-shadow-btm a{color:#008FD5; text-decoration:underline; font-weight:500; font-size:14px;}
.whitebox-shadow-btm span{color:rgba(26,28,38,0.5); font-size:14px;}
.whitebox-shadow-btm a:hover{text-decoration:none;}


.filteration{background:#fff;box-shadow:0 0 7px 0 rgba(182,182,182,0.5);border-radius:4px;}
.filteration-top{background-color:#008fd5; padding:15px 25px 15px 25px; color:#fff;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.filteration-body{}


.profile-menu{position:absolute; left:14px; top:0px; width:220px; border:1px solid #ecedee; background-color:#fff; padding-top:20px;transition: all .3s ease;}
.profile-menu ul{ margin-top:0px; padding-left:0px;}
.profile-menu li{align-items: center;display: flex;justify-content: flex-start; position:relative;font-size: 14px;}
.profile-menu li a{color:rgba(26,28,38,0.5);display: flex;align-items: center;width: 100%;padding:10px 20px 10px 10px;}
.profile-menu li a:hover{ color:#008FD5; background-color:#f2f9fd;}
.profile-menu li a:hover:after{ background-color:#008FD5; content:''; position:absolute; left:0px; top:0px; height:100%; width:4px;}
.profile-menu li a:before{background-color:#eeeeef; content:''; position:absolute;width: 86%;margin: 0 auto; left:0px; right:0px;bottom:0px; height:1px;}
.profile-menu li:last-child a:before{display:none;}
.profile-menu li.profilemain a{ background:none;}
.profile-menu li.profilemain a:hover::after{ display:none;}


.profile-menu.active_menu{ width:90px;}
.profile-menu.active_menu .arrow-menu{transform: rotate(180deg);}
.profile-menu.active_menu .dropdown-toggle::after{display:none;}
.profile-menu.active_menu .dropdown-toggle{ text-indent:-9999px;}
.profile-menu.active_menu li a .menuitem{display:none;}
.profile-menu.active_menu li.active,.profile-menu.active_menu li a:hover{background-color: #fff;}
.profile-menu.active_menu li.active::after,.profile-menu.active_menu li a:hover::after { display:none;}
.profile-menu.active_menu .dropdown-menu.show {margin-left: 105px !important;}
.profile-menu.active_menu li a::before { display:none;}
.profile-menu .dropdown::before{background-color: #eeeeef;content: '';position: absolute;width: 86%;margin: 0 auto;left: 0px;right: 0px;bottom:-4px;height: 1px;}



.profile-menu .dropdown .dropdown-toggle{ background:none; border:none;color: rgba(26,28,38,0.5);display: flex;align-items: center; width:100%;}
.profile-menu .dropdown .dropdown-toggle:focus{ background:none; border:none; outline:none;}

.profile-menu .dropdown .menu-icon0{ background: url(../images/left-menu0.png) no-repeat center center;display:inline-block; width:35px; height:35px;margin-right: 15px;margin-left: 15px;flex: 0 0 35px;background-size: cover;}
.dropdown.show .menu-icon0{ background: url(../images/left-menu0up.png) no-repeat center center;background-size: cover;}
.dropdown:hover .menu-icon0{ background: url(../images/left-menu0up.png) no-repeat center center;background-size: cover;}



.profile-menu li .leftmenu{ display:inline-block; width:35px; height:35px;margin-right: 15px;margin-left: 15px;flex: 0 0 35px; background-size:cover !important;}
.profile-menu li.active{color:#008FD5; background-color:#f2f9fd;}
.profile-menu li.active a{color:#008FD5;}
.profile-menu li.active:after{ background-color:#008FD5; content:''; position:absolute; left:0px; top:0px; height:100%; width:4px;}

.profile-menu .dropdown-toggle::after{position: absolute;right: 0;}
.profile-menu .dropdown-menu.show {margin-left: 245px !important;margin-top: -60px;box-shadow: 0 0 7px 0 rgba(182,182,182,0.3);width: 200px;border-radius: 5px;padding: 10px 20px 25px 20px;background: #fff;}
.profile-menu .dropdown-item{ padding:0px !important; padding:10px 0px !important;}
.profile-menu .dropdown-item:hover{ background:none;}

.profile-menu .dropdown-menu.show:after{content: "";position: absolute;width: 0;height: 0;margin-left: 0;top: 20px;left: 0%;box-sizing: border-box;border: 10px solid black;border-top-color: black;border-right-color: black;border-bottom-color: black;border-left-color: black;
border-color: transparent transparent #fff #fff;transform-origin: 0 0;transform: rotate(45deg);box-shadow: -2px 2px 3px 0 rgba(182,182,182,0.3);z-index: 1;}




/*.menu-icon0{ background: url(../images/left-menu0.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon0{ background: url(../images/left-menu0up.png) no-repeat center center;}
*/.menu-icon1{ background: url(../images/left-menu1.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon1,.profile-menu li.active a .menu-icon1{ background: url(../images/left-menu1up.png) no-repeat center center;}
.menu-icon2{ background: url(../images/left-menu2.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon2,.profile-menu li.active a .menu-icon2{ background: url(../images/left-menu2up.png) no-repeat center center;}
.menu-icon3{ background: url(../images/left-menu3.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon3,.profile-menu li.active a .menu-icon3{ background: url(../images/left-menu3up.png) no-repeat center center;}
.menu-icon4{ background: url(../images/left-menu4.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon4,.profile-menu li.active a .menu-icon4{ background: url(../images/left-menu4up.png) no-repeat center center;}
.menu-icon5{ background: url(../images/left-menu5.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon5,.profile-menu li.active a .menu-icon5{ background: url(../images/left-menu5up.png) no-repeat center center;}
.menu-icon6{ background: url(../images/left-menu6.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon6,.profile-menu li.active a .menu-icon6{ background: url(../images/left-menu6up.png) no-repeat center center;}
.menu-icon7{ background: url(../images/left-menu7.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon7,.profile-menu li.active a .menu-icon7{ background: url(../images/left-menu7up.png) no-repeat center center;}
.menu-icon8{ background: url(../images/left-menu8.png) no-repeat center center;}
.profile-menu li a:hover .menu-icon8,.profile-menu li.active a .menu-icon8{ background: url(../images/left-menu8up.png) no-repeat center center;}


.arrow-menu{width: 32px;position:absolute; font-size:14px; right: -15px;top: 55px;background:#fff;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5); border-radius:50%; text-align:center; z-index:9;}
.arrow-menu a{display:block;width:32px;height:32px; line-height:32px;transform: rotate(180deg);display: flex;align-items: center;justify-content: center;}
.kinz_head_btm_sec_main.profile-header #cssmenu{ display:none;}
.kinz_head_btm_sec_main.profile-header #cssmenu > ul > li img{ width:30px; margin:0px 10px;}
.kinz_head_btm_sec_main.profile-header #cssmenu > ul > li:hover > a, .kinz_head_btm_sec_main.profile-header ul li.active > a {background-color: #f2f9fd; color:#333 !important;}




.whiteshadow-box{padding: 25px;background: #fff;box-shadow: 0 0 7px 0 rgba(182,182,182,0.5);margin-bottom: 30px;border-radius: 4px;}
.whiteshadow-box h3{ font-weight:500; font-size:18px; margin-bottom:10px;}
.personalinfo-tabbing-content p{color:rgba(26,28,38,0.5);}
.personalinfo-tabbing .nav-link{padding: 15px 10px;color:rgba(26,28,38,0.5)}
.personalinfo-tabbing .nav-tabs .nav-item{ display:block;width: 100%;}
.personalinfo-tabbing .nav-link:hover{background-color:#f2f9fd; color:#008FD5;}
.personalinfo-tabbing .nav-tabs .nav-link.active {background-color:#f2f9fd; color:#008FD5;}
.personalinfo-tabbing .nav-tabs .nav-item i{ font-size:20px; margin-right:5px; font-weight:normal;}
.personalinfo-tabbing .nav.nav-tabs{padding-top:10px;}
.personalinfo-tabbing .nav-item.logoutbtn .nav-link{ color:#CB5437; margin-bottom:50px;}

.personalinfo-tabbing-content .formarea{margin-bottom:30px;}
.inputboxarea{margin-bottom:30px;}

select.seclectboxdesign1 {-webkit-appearance: none;-moz-appearance: none;background: #fff url(../images/select-arrow.gif) no-repeat 97% center;text-indent:0px;text-overflow: "";color:rgba(26,28,38,0.3) !important;width:100%;}


@-moz-document url-prefix() {
  select.seclectboxdesign1{text-indent:-1.5px;}
}

.whiteshadow-box-toppanel{display: flex;align-items: center;justify-content: space-between; border-bottom:5px solid #80B737; padding:7px 20px; font-size:18px;}
.whiteshadow-box-bodywork{ position:relative; padding:20px;}
.whiteshadow-box-bodywork .table{margin-bottom:0px;}
.table.tabledesig-design1 td{border-bottom:0px solid #f2f3f3;}
.table.tabledesig-design1{border-spacing: 0px;}

.listingitems{}
.listingitems ul{margin:0px 0px 10px 20px;}
.listingitems ul li{ position:relative; padding:0px 0px 10px 15px;color: rgba(26,28,38,0.5);}
.listingitems ul li:after{ position:absolute; content:''; background-color:#008FD5; width:7px; height:7px; border-radius:50%; left:0px; top:8px;}



.map-responsive{overflow:hidden;padding-bottom:15%;position:relative;height:0;}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.map-responsive:after{ position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.4); height:100%; left:0px;}
.map-link{ position:absolute; z-index:11; color:#fff; width:100%; text-align:center;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
.map-link a{ display:block; font-size:12px; color:#fff;}
.map-link a:hover{ text-decoration:underline;}
.green-fontlink{ color:#80B737; font-size:18px;}
.green-fontlink strong{font-size:20px; font-weight:500; display:inline-block; padding:0px 10px;}
.green-fontlink a{ color:#80B737; }
.green-fontlink a:hover{ opacity:0.6;}
.card .card-header a:not(.collapsed) .rotate-icon {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.addbtn-panel{ text-align:right;  padding:0px 20px 20px 20px;}
.profile-rightpanel2 .card-body{ padding-left:0px; padding-right:0px;}
.content-panel{ padding:0px 20px 0px 20px;}
.tableaction{ white-space:nowrap;}
.tableaction i{ display:inline-block; padding:0px 10px; font-size:22px; font-weight:normal;}
.tableaction a{ color: rgba(26,28,38,0.5);}
.tableaction a:hover{ color:#008fd5;}

.whitebox-shadow-topright .nav-link{display: inline-block;padding: 9px 10px;color: #80b737;width: 60px;text-align: center;font-size: 20px;position: relative;}
.whitebox-shadow-topright .nav-link:hover,.whitebox-shadow-topright .nav-link.active{background-color:#80b737;color:#fff}
.whitebox-shadow-topright .nav.nav-tabs .nav-item.nav-link:last-child::before {background-color: rgba(26,28,38,0.26);content: '';position: absolute;width: 1px;left: 0px;bottom: 15%;height: 70%;}




.page_pagination{position: relative;padding-top:10px;border-top: 1px solid rgba(26,28,38,0.15);margin: 0px 20px;}
.page_pagination ul{white-space: nowrap;list-style-type: none;display: inline-block;margin: 30px 0 0 0;}
.page_pagination ul li{margin: 0 5px;display: inline-block;text-align: center;}
.page_pagination ul li a{height: 32px;width: 32px;border: 1px solid rgba(35 31 32 / 0.30);color:rgb(35 31 32 / 0.30);font-size:14px;display: inline-block;line-height: 28px;transition: 0.5s ease-in-out; border-radius:4px;font-family: 'Roboto', sans-serif !important;}
.page_pagination ul li:first-child a{border: 1px solid #83ad5c;background: #008fd5;color: #fff;}
.page_pagination ul li:last-child a{border: 1px solid #83ad5c;background: #008fd5;color: #fff;}
.page_pagination ul li a.active{background-color:#fff;color: #008fd5;border: 1px solid #008fd5;}
.page_pagination ul li.active a {background-color: #fff; color: #008fd5;border: 1px solid #008fd5;}
.page_pagination ul li a:hover{background-color:#008fd5;color: #fff;}

/*=========================== Button ===========================*/

.btn-style-one{color: #fff;font-size:16px; border-radius:4px; border:none;padding: 12px 35px;background:#008fd5; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-one:hover{background:#1A1C26;color: #fff;}
.btn-style-one.full{ width:180px; text-align:center;padding: 13px 15px;}

.btn-style-two{color: #008fd5;font-size:16px; border-radius:4px; margin-left:20px; border:1px solid #008fd5;padding: 12px 25px;background:#fff; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-two:hover{background:#008fd5;color: #fff;}
.btn-style-two.full{ width:180px; text-align:center;padding: 13px 25px;}


.btn-style-three{color: #fff;font-size:16px; border-radius:4px; border:none;padding: 12px 18px; min-width:200px; text-align:center;background:#008fd5; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-three:hover{background:#1A1C26;color: #fff;}
.btn-style-three.red{background:#CB5437;}
.btn-style-three.red:hover{background:#1A1C26;color: #fff;}

.btn-style-four{color: #fff;font-size:16px; border-radius:4px; border:none;padding:5px 12px; height:40px; line-height:30px; min-width:200px; text-align:center;background:#008fd5; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-four:hover{background:#1A1C26;color: #fff;}
.btn-style-four.blank{ border:1px solid #008fd5; background-color:#fff; color:#008fd5;}
.btn-style-four.blank:hover{background:#1A1C26;color: #fff;border:1px solid #1A1C26;}


.btn-style-five{color: #fff;font-size:16px; border-radius:4px; border:none;padding:8px 12px; line-height:30px; min-width:150px; text-align:center;background:#80B737; transition: 0.5s ease-in-out; display:inline-block;}
.btn-style-five:hover{background:#1A1C26;color: #fff;}




.content1{color: rgba(26,28,38,0.24) !important;}
.content2{color: rgba(26,28,38,0.5) !important;}
.fonticon1{ color: rgba(26,28,38,0.5); font-size:22px;}
.redfont{color:#CB5437;}



/*==================== Arabic =====================*/



body.arabic-version{direction: rtl;text-align: right;font-family: 'Neo Sans Arabic' !important; font-weight:normal !important;}
body.arabic-version p{font-family: 'Neo Sans Arabic' !important; font-weight:normal !important;}


body.arabic-version h1, body.arabic-version h2, body.arabic-version h3, body.arabic-version h4, body.arabic-version h5, body.arabic-version h6
{font-family: 'Neo Sans Arabic' !important; font-weight:normal !important;}


body.arabic-version .ftr_copy_sec_middle p{font-family: 'Neo Sans Arabic' !important;font-weight:normal !important;}


body.arabic-version .form-card {text-align:right;}


body.arabic-version button:not(.glyphicon, .fa), body.arabic-version input, body.arabic-version optgroup, body.arabic-version select, body.arabic-version textarea, body.arabic-version .card h5 {font-family: 'Neo Sans Arabic' !important; font-weight:normal !important;}

body.arabic-version #progressbar li{float:right;}

body.arabic-version .client ul li:hover .client-content, body.arabic-version .client ul li:hover .client-content p{text-align:right;}

body.arabic-version .kinz_head_sec_top_left ul li {padding: 0 0px 0 20px;}
body.arabic-version .kinz_head_sec_top_right ul li {padding: 0 25px 0 0px;}
body.arabic-version .cont_sec::before {left: inherit; right:17px;}
body.arabic-version .kinz_head_sec_top_right ul li a i {padding-left: 0px; padding-right:15px;}
body.arabic-version .cont_sec {padding-left: 0px !important;padding-right: 40px !important;}
body.arabic-version #cssmenu > ul > li.free_trial a {margin: 0px 15px 0px 0px;}

.english-font1, body.arabic-version .kinz_head_sec_top_right ul li.arab_text, body.arabic-version .profile-filter-left span, body.arabic-version .whitebox-shadow-topleft
{font-family: 'Roboto', sans-serif;font-weight:500;color: inherit;}

body.arabic-version .banner-sec form button {right: inherit; left:0px;}
body.arabic-version .banner-sec form i{ left:inherit; right:20px;}
body.arabic-version .banner-sec form button {border-top-right-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
body.arabic-version .home-download-content img {margin-right: 0px; margin-left:20px;}
body.arabic-version .home-download-apps {justify-content: right;}
body.arabic-version .home-download-apps img {margin: 0px 0px 0px 20px;}
body.arabic-version .client ul li:hover .client-content img {margin-right:0px;margin-left:10px;}
body.arabic-version .ftr_copy_sec_middle { left: inherit; right:-110px;}
body.arabic-version .client ul li:hover .client-content {margin: 0 -150px 0 auto;border-left: 0px solid #008FD5;border-right: 5px solid #008FD5;}
body.arabic-version .benefits-btm img {margin-right:0px;margin-left: 20px;}
body.arabic-version .banner-sec.innerbanner h1 {font-size:28px;}
body.arabic-version .bodybg-login .container-fluid {padding-right: 75px;padding-left: 0px;}
body.arabic-version .bodybg-login-left ul {padding: 0px 0px 0px 15px;}
body.arabic-version .bodybg-login-right2 {padding: 0px 20px 0px 0px;}
body.arabic-version .bodybg-login-left li .input-login i#eye{right: inherit;left: 25px;}
body.arabic-version .checkbox {margin-right: 0px;margin-left: 25px;}
body.arabic-version .checkbox::before {margin-right: 0px;margin-left: 8px;}
body.arabic-version .bodybg-login-right{ background:url(../images/sign-bg-ar.jpg) no-repeat center top;background-size: cover;}
body.arabic-version .bodybg-signup-left{ background:url(../images/sign-bg.jpg) no-repeat center top;background-size: cover;}
body.arabic-version .bodybg-signup-right2 {padding: 0px 20px 0px 0px;float: left;}
body.arabic-version .bodybg-signup .container-fluid {padding-left: 75px; padding-right:0px;}
body.arabic-version .bodybg-signup-right {padding-right: 30px;padding-left: 15px;}
body.arabic-version ul#progressbar li::after { right:0px; left:inherit;}
body.arabic-version .password-strength span:first-child{margin: 0 20px 0 10px;}
body.arabic-version .btn-style-two {margin-right: 20px; margin-left:0px;}
body.arabic-version .selectbox-design{ background-position:15px;}
body.arabic-version .input-login i#eye {right: inherit; left:25px;}
body.arabic-version .bodybg-signup-right2 p {font-size: 18px;}
body.arabic-version .profilebodywork-push {padding: 25px 250px 0px 75px;}
body.arabic-version .profile-menu {left: inherit; right:14px;}
body.arabic-version .profilebodywork .container-fluid {padding-left: inherit;padding-right: 0px;}
body.arabic-version .arrow-menu{right: 200px;left: inherit;}
body.arabic-version .profile-menu.active_menu .arrow-menu {transform: rotate(0deg);right: 70px;left: 0;}
body.arabic-version .profile-menu .arrow-menu {transform: rotate(180deg);}
body.arabic-version .menu .submenu-indicator {right:inherit; left:22px;}
body.arabic-version ul.submenu .submenu-indicator::after {left: -5px; right:inherit;}
body.arabic-version ul.submenu .submenu-indicator-minus > .submenu-indicator::after {left: 0px;top: -19px;}
body.arabic-version .kinz_head_btm_sec_middle form button{ left:0px; right:inherit;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
body.arabic-version .kinz_head_btm_sec_middle form i {right:20px;left:inherit;}
body.arabic-version .profile-filter-right li { margin-left: 0px;margin-right: 20px;}
body.arabic-version .whitebox-shadow-top {padding: 0px 25px 0px 0px;}
body.arabic-version .whitebox-shadow-topright li:last-child::before,.whitebox-shadow-topright .nav.nav-tabs .nav-item.nav-link:last-child::before {left: inherit;right: 0px;}
body.arabic-version .menu ul .chkboxmain {padding-right: 30px;padding-left:0px;}
body.arabic-version .menu ul .submenu li .checkbox::before {left: inherit;right: 20px;}
body.arabic-version .profile-menu li.active::after {right:0; left: inherit;}
body.arabic-version .profile-menu li a:hover::after {left: inherit;right: 0px;}
body.arabic-version .profile-menu li a {padding: 10px 10px 10px 20px;}
body.arabic-version .profile-menu .dropdown-toggle::after {left: 0; right:inherit;transform: rotate(180deg);margin-right: 0px;margin-left: 15px;}
body.arabic-version .profile-menu .dropdown-menu.show {margin-right: 250px;text-align: right;float: right;right: 0 !important;transform: translate3d(0px, 0px, 0px) !important;left: inherit !important;margin-top: -10px;}
body.arabic-version .profile-menu .dropdown-menu.show:after{left: inherit;right: 0%;box-shadow: -2px 2px 3px 0 rgba(182,182,182,0.3);margin-right: -20px;margin-left: inherit;transform: rotate(-135deg);top: 50px;}
body.arabic-version .profile-menu.active_menu .dropdown-menu{margin-right:110px;}
body.arabic-version .kinz_head_btm_sec_right2 a {margin-left: 0px;margin-right: 10px;font-size: 14px;}
body.arabic-version .listingitems ul li {padding: 0px 15px 10px 0px;}
body.arabic-version .listingitems ul li::after {left: inherit;right: 0px;}
body.arabic-version .card .card-header i {right: inherit;left: 20px;}
body.arabic-version .addbtn-panel{ text-align:left;}
body.arabic-version .personalinfo-tabbing .nav-tabs .nav-item i {margin-left: 5px;margin-right:0px;}
body.arabic-version select.seclectboxdesign1{ background-position:10px;}
body.arabic-version .listingitems ul{margin:0px 20px 10px 0px;}





@media only screen and (min-width:1501px) and (max-width:2200px) {
body.arabic-version .benefits_sec_left h3 {font-size: 32px;}

}
@media only screen and (min-width:1401px) and (max-width:1500px) {
.benefits_sec_left h4 {font-size: 22px;}
.benefits_sec_left h3{font-size:26px;}
body.arabic-version .benefits_sec_left h4 {font-size: 20px;}
body.arabic-version .benefits_sec_left h3{font-size:26px;}
.bodybg-signup-right2 {max-width: 280px;}
.bodybg-signup-right2 p {margin-bottom:60px;font-size: 18px;}

}
@media only screen and (min-width:1301px) and (max-width:1400px) {
.benefits_sec_left h4 {font-size: 20px;}
.benefits_sec_left h3{font-size:25px;}
h1 {font-size: 18px;}
.bodybg-signup h2{font-size: 22px;}
body.arabic-version .banner-sec.innerbanner h1 {font-size:20px;}
.banner-sec.innerbanner h2{font-size:22px;}
.btn-style-one.full,.btn-style-two.full{width: 180px;}
.bodybg-signup-right2 {max-width: 280px;}
.bodybg-signup-right2 p {margin-bottom:60px;font-size: 18px;}



}
@media only screen and (min-width:1200px) and (max-width:1300px) {
.benefits_sec_left h4 {font-size: 26px;}
.benefits_sec_left h3{font-size:32px;}
.bodybg-signup h2{font-size: 24px;}
.btn-style-one.full,.btn-style-two.full{width: 150px;}


}
@media only screen and (min-width:992px) and (max-width:1199px) {
.ftr_copy_sec_middle {left: 0px;}
.client ul li img{max-width: 80px;}
.client ul li:hover .client-content{bottom:100px; width:280px;margin: 0 auto 0 -110px;}
body.arabic-version .ftr_copy_sec_middle { left: inherit; right:0px;}
body.arabic-version .client ul li:hover .client-content {margin: 0 -90px 0 auto;}
.client ul li:hover .client-content img {width: 70px;}
.client-content-header .star-rating i {font-size: 7px;}
.home-download-content img {margin-right:20px;max-width: 50px;}
.home-download-apps img {margin: 0px 10px 0px 0px;width: 130px;}
.banner-sec {min-height: 580px;}
.banner-btm-contmain {max-width: 420px;}
.banner-btm-cont {padding: 20px 15px;}
.benefits_sec_left h4 {font-size: 20px;}
.benefits_sec_left h3{font-size:26px;}
#progressbar li::before {width:45px;height:45px;line-height:40px;}
.banner-sec.innerbanner{ min-height:400px; padding-top:50px !important; padding-bottom:50px !important;}
.password-strength span {width:40px;margin: 0px 5px;}
.btn-style-one.full,.btn-style-two.full{width: 150px;}
.kinz_head_btm_sec_middle form {width: 300px;}
.kinz_head_btm_sec_right2 a {width: 150px;padding: 10px 5px; min-width:inherit;margin-left: 5px; font-size:13px;}
.kinz_head_btm_sec_middle form button{width: 90px; }
.profile-filter-right li.chekbox-frame{ margin-bottom:20px;}
.profile-filter-left{ font-size:14px;white-space: nowrap;}
body.arabic-version .kinz_head_btm_sec_right2 a {font-size: 12px;}
body.arabic-version .menu ul li a {padding: 14px 22px 14px 42px !important;}
.menu ul li a {padding: 14px 42px 14px 22px !important;}
.whiteshadow-box-bodywork {overflow: auto;}



}
@media only screen and (min-width:768px) and (max-width:991px) {
body {font-size:14px;line-height:1.4;}
p{font-size:14px;line-height:1.4;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
.ftr_copy_sec_middle{left:0px;}
body.arabic-version .ftr_copy_sec_middle {left: inherit;right: 0;}
.ftr_menu ul li {padding: 0 5px;}
.home-download-content img {margin-right:20px;max-width: 50px;}
.home-download-apps img {margin: 0px 10px 0px 0px;width: 100px;}
.benefits_sec_left h4 {font-size: 20px;}
.benefits_sec_left h3{font-size:26px;}
.client ul li img{max-width: 80px;}
.client ul li:hover .client-content{bottom:100px; width:280px;margin: 0 auto 0 -110px;}
body.arabic-version .client ul li:hover .client-content {margin: 0 -90px 0 auto;}

.home-download-content h4{ font-size:18px;}
.client ul li:hover .client-content img {width: 70px;}
.client-content-header .star-rating i {font-size: 7px;}
.benefits_sec_left p{ font-size:16px;}
.banner-sec h1 {margin-top: 20px;font-size: 22px;}
.banner-sec form button{padding: 0px 20px;}
.banner-sec form .inputbox{font-size:12px;text-indent: 50px; margin-bottom:30px;}
.container-fluid {padding-right:45px;padding-left:45px;}
.ftr_img {border-bottom:4px solid #b0abb2;}
.kinz_head_btm_sec_main{display:block;}
.kinz_head_btm_sec{padding-bottom:0px;}
#progressbar li::before {width:40px;height:40px;line-height:35px;}
ul#progressbar li::after{top:20px;}
body.arabic-version .banner-sec.innerbanner h1 {font-size:22px;}
.banner-sec.innerbanner{ min-height:400px; padding-top:50px !important; padding-bottom:50px !important;}
body.arabic-version .bodybg-login .container-fluid {padding-right: 15px;padding-left: 0px;}
body.arabic-version #cssmenu > ul > li.free_trial a {margin: 0px 0px 0px 0px !important;}
body.arabic-version .ftr_copy_sec_middle {left: inherit;right: 0px;}
body.arabic-version .bodybg-signup .container-fluid {padding-right: 15px;padding-left: 15px;}
.password-strength span {width:40px;margin: 0px 5px;}
.btn-style-one.full,.btn-style-two.full{width: 130px;}
.kinz_head_btm_sec_main.profile-header #cssmenu{ display:block;}
.whitebox-shadow{ margin-bottom:30px;}
.kinz_head_btm_sec_middle,.kinz_head_btm_sec_right2{ display:inline-block;}
.kinz_head_btm_sec_middle form {width: 330px;}
.kinz_head_btm_sec_right2 a {width: 150px;padding: 10px 5px; min-width:inherit; margin-bottom:15px;margin-left: 5px; font-size:12px;}
.profile-filter{ display:block;}
.profile-filter-right li {margin-left:0px;}
.profile-filter-right li.chekbox-frame{ display:block; width:100%; padding:8px 0px; height:auto;}
.profile-filter-left{margin-bottom:20px;}
.profile-menu.active_menu{ display:none;}
.profilebodywork-push {padding: 25px 0px 0px 0px;}
.profilebodywork .container-fluid {padding-left: 45px;}
.whiteshadow-box-bodywork {overflow: auto;}
.page_pagination {padding-bottom: 20px;}
body.arabic-version .profilebodywork-push {padding: 25px 0px 0px 45px;}
body.arabic-version .kinz_head_btm_sec_right2 a {margin-right: 5px;font-size: 12px;}
body.arabic-version .menu ul li a {padding: 14px 22px 14px 42px !important;}
.menu ul li a {padding: 14px 42px 14px 22px !important;}





}
@media only screen and (min-width:480px) and (max-width:767px) {}

@media only screen and (max-width:479px) {}

@media only screen and (max-width:767px) {
body {font-size:14px;line-height:1.4;}
p{font-size:14px;line-height:1.4;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
.container-fluid {padding-right:15px;padding-left:15px;}
.home-download-apps img{ width:30%;}
.ftr_copy_sec_main{ text-align:center;display:block;}
.ftr_copy_sec_middle{ left:0px; padding:20px 0px 0px 0px;}
.ftr_top_socila_media ul li {margin: 0 7px;width:40px;height:40px;}
.ftr_top_socila_media ul li a{height:40px;}
.ftr_top_socila_media ul li a i{font-size:14px;}
.ftr_menu ul li {padding: 0 8px 5px;}
.ftr_menu ul li a{font-size:14px;}
.home-download-content img {margin-right: 20px;max-width: 50px;}
.home-download-content h4{font-size:18px;}
.benefits_sec_left h4 {font-size: 20px;}
.benefits_sec_left h3{font-size:26px;}
.benefits_sec_left p{font-size:16px;}
.benefits_sec_left{margin-bottom:30px;}
.banner-sec h1{margin-top:0px;font-size: 22px;}
.banner-sec form button{padding: 0px 20px;width: auto;}
.banner-sec form .inputbox{font-size:12px;text-indent: 50px; margin-bottom:30px;}
.banner-btm-cont {padding: 20px 7px;}
.banner-btm-cont img{width:50px;}
.banner-btm-contmain h6 {font-size: 15px;}
.counter{font-size: 18px;}
.banner-btm {margin-top:-30px;}
.kinz_head_sec_top_main{display:block;}
.kinz_head_sec_top_left{text-align:center; padding-bottom:10px;}
.kinz_head_btm_sec_main{display:block;}
.kinz_head_btm_sec_logo img{ width:140px;}
.kinz_head_btm_sec{padding-bottom:0px;}
.client ul li,.client ul.middle li,.client ul.bottom li{ width:100%; text-align:center !important;}
.client ul.middle li:nth-child(2n),.client ul.bottom li:nth-child(2n){ margin-top:0px;}
.client ul li:hover .client-content {left: -100px; width:320px;  right:0px;margin: 0 auto;}
body.arabic-version .client ul li:hover .client-content{left:0px; right:60px;}
.client-content-header .star-rating i {font-size: 7px;}
.banner-sec.innerbanner{ padding-top:30px !important;}
.benefits-box,.benefits-btm{ margin-bottom:30px; height:auto;}
.benefits-btm img {margin-right: 10px;max-width:60px;}
.benefits-btm{padding:15px;}
.ftr_img {border-bottom:4px solid #b0abb2;}
.benefits-box .ontime{font-size:18px;}
.bodybg-login-right2{ padding:0px;}
.bodybg-login-left,.bodybg-login-right{ min-height:inherit; padding-bottom:40px;}
.bodybg-signup-right2 p {margin-bottom:30px;}
.bodybg-signup-left,.bodybg-signup-right{ min-height:inherit; padding-bottom:40px;}
.bodybg-signup-right .btn-style-one.full{ width:100%; margin-bottom:20px;}
.bodybg-signup-right .btn-style-two.full{ width:100%; margin-bottom:0px; margin:0px;}
#progressbar li::before {width:40px;height:40px;line-height:35px;}
ul#progressbar li::after{top:20px;}
.home-download-area .container-fluid .row  .col-lg-6.col-md-6:first-child{ margin-bottom:30px;}
body.arabic-version .bodybg-login .container-fluid {padding-right: 15px;padding-left: 0px;}
body.arabic-version #cssmenu > ul > li.free_trial a {margin: 0px 0px 0px 0px !important;}
body.arabic-version .ftr_copy_sec_middle {left: inherit;right: 0px;}
body.arabic-version .bodybg-signup .container-fluid {padding-right: 15px;padding-left: 0px;}
body.arabic-version .bodybg-signup-right {padding-right: 15px;padding-left: 30px;}
.password-strength span {width:40px;margin: 0px 5px;}
body.arabic-version .bodybg-signup-right2 {padding: 0px 0px 0px 0px;float: right;}
.kinz_head_btm_sec_middle form {width: 100%; margin:10px 0px 20px 0px;}
.kinz_head_btm_sec_middle form button{width: 80px; }
.kinz_head_btm_sec_right2 a {width: 130px;padding: 10px 5px; min-width:inherit; margin-bottom:15px;margin-left: 5px; font-size:12px;}
.profile-menu.active_menu{ display:none;}
.profilebodywork-push {padding: 25px 0px 0px 0px !important;}
.profilebodywork .container-fluid {padding-left: 15px;}
.whitebox-shadow{margin-bottom:30px;}
.profile-filter{ display:block;padding: 15px;}
.profile-filter-right li {margin-left:0px;}
.profile-filter-right li.chekbox-frame{ display:block; width:100%; padding:8px 0px; height:auto;}
.profile-filter-left{margin-bottom:20px;}
.kinz_head_btm_sec_right2{ text-align:center;}
.kinz_head_btm_sec_main.profile-header #cssmenu{ display:block;}
.whiteshadow-box-bodywork {overflow: auto;}
.table td, .table th{ min-width:100px;font-size: 13px;padding: 0.5rem 0.5rem;}
.table thead th {padding: 0.75rem 0.75rem;}
.btn-style-five,.btn-style-four{min-width:120px;padding: 6px 12px;font-size: 12px;}
.tableaction i {padding: 0px 3px;font-size: 17px;}
.page_pagination ul li a {height: 20px;width: 20px;font-size: 10px;line-height:18px;}
.page_pagination ul li{margin: 0 2px;}
.card h5 {font-size: 14px;}
.page_pagination {padding-bottom: 20px;}
.card .card-header i {font-size: 22px;}
body.arabic-version .kinz_head_btm_sec_right2 a {margin-right: 5px;font-size: 10px;}
.kinz_head_btm_sec_right2 i {font-size: 12px;}
body.arabic-version .menu ul li a {padding: 14px 22px 14px 42px !important;}
.menu ul li a {padding: 14px 42px 14px 22px !important;}
.map-responsive {padding-bottom: 35%;}



}


input,textarea { -webkit-user-select:text;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.back-to-top {width:40px;height:40px;line-height:40px;text-align:center;background:#008fd5;position:fixed;bottom:0px;right:0px;text-decoration:none;color:#fff;font-size:14px;display:none;z-index:999;}
.back-to-top:hover {opacity:.6;filter:alpha(opacity=60)}
.back-to-top:focus, .back-to-top:hover {color:#fff!important}