:root {
--primary-color: #2393C4;
--secondary-color: #3F3F3F;
 --success-color: #EEB027;
--title-color: #EEB027;
--tertiry-color: #3F3F3F;
--white-color: #ffffff;
--gray-color: #f2f5fe;

--primary: 		#2393C4;
--secondary:	#3F3F3F;  
--success: 		#EEB027;  
--info: 		#EEB027;  


}

/*======================================
 Font
======================================*/
 
/*---------------------------------------------------------------------
General
-----------------------------------------------------------------------*/
*::-moz-selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
::-moz-selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
::selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
html, body { overflow: inherit !important; }
body { font-family:  'Tajawal', sans-serif; font-size: 16px; font-weight: normal; line-height: 2; color: var(--tertiry-color); background: var(--white-color); overflow-x: hidden; }
a, .button { transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; color: #59597e; }
a:focus { text-decoration: none !important; }
a, .button, input { outline: medium none !important; color: var(--secondary-color); }
h1, h2, h3, h4, h5, h6 {font-family: 'Tajawal', sans-serif; color: var(--title-color); margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5; font-weight: 600; letter-spacing: 0px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 1.563em; }
h2 { font-size: 1.45em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.15em; }
h6 { font-size: 1em; }
.container{ max-width: 1200px; }

.form-control::-moz-placeholder{color:var(--tertiry-color);opacity:1}
.form-control:-ms-input-placeholder{color:var(--tertiry-color);}
.form-control::-webkit-input-placeholder{color:var(--tertiry-color);}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small
    {color: var(--tertiry-color)}
div.header-lined .breadcrumb li a,.announcement-single .article-items{
color: var(--tertiry-color)}
.btn:focus{outline-width:0!important;background-color: var(--secondary-color);}
a {color: var(--secondary-color); text-decoration: none; outline: none; }
a:focus, a:hover {color: var(--secondary-color);text-decoration: none;}
button {color: var(--primary-color);}
.form-control{margin-bottom: 15px;
width: 100%;
float: right;
padding: 0 15px;
height: 51px;
line-height: 48px;
border: 1px solid #e6e7ebeee;
color: #59597e;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: none;
background: transparent;}
.form-control:focus, .form-control:focus {border-color: var(--secondary-color);box-shadow: none;}
textarea.form-control {height: 130px;}
.btn-success {color: var(--white-color);background-color: #EEB027;border-color: #EEB027;opacity: 1 !important;}

.btn-primary, .btn-warning {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
color: var(--white-color);
cursor: pointer;
margin-bottom: 0;
text-decoration: none;
height: auto;
padding: 10px 30px;
font-size: 1em;
line-height: 2;
border: none;
position: relative;
display: inline-block;
width: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.btn-primary {
color: var(--white-color);
background-color: var(--success-color);
border-color: var(--success-color);
}
.btn-primary:hover {
color: var(--white-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:active:focus, .btn-primary:active:hover{background-color: var(--secondary-color);}
.btn-warning {background-color: #f0ad4e;
border-color: #eea236;}
.iq-btn-cancel{    padding: 10px 30px;
    font-size: 1em;
    line-height: 2;
    border-radius: 10px;}

/*Main Nav*/
.navbar-main{font-family:  'Tajawal', sans-serif;}
.navbar{margin-bottom: 0px;}
.navbar-default {background-color: var(--white-color);border-color: var(--white-color);
border-radius: 0px;}
section#header {padding: 0px; border-radius: 0px;}
section#header  .logo.logo-text{display:block;
font-size:24px;
line-height:70px;
text-transform:uppercase;
color:var(--primary-color);
padding:0 10px;
cursor:pointer;
font-weight:700;
text-decoration:none;
font-family:  'Tajawal', sans-serif;}
section#header .logo-text{ padding-inline-start: 0px;}

/*Main-menu Css*/



/*Main Wrapper*/
#header .container-fluid{ padding-inline-end: 0px;}
#header .navbar-toggle{margin:0;border:none;padding:27px 0 28px;background-color:transparent}
#header .navbar-toggle:hover,#header .navbar-toggle:focus{background-color:transparent}
.navbar-toggle .icon-bar{width:20px;height:3px;background-color:#8e929d;border-radius:0}
.navbar-toggle .icon-bar+.icon-bar{margin-top:3px}

/*---------------------------------------------------------------------
Scrollbar
-----------------------------------------------------------------------*/
/* width */
::-webkit-scrollbar {width: 4px;
}
/* Track */
::-webkit-scrollbar-track {
/*box-shadow: inset 0 0 5px grey;*/
border-radius: 0px;
background: var(--gray-color);
}

/* Handle */
::-webkit-scrollbar-thumb {
background: var(--secondary-color);
border-radius: 0px;
}

/*---------------------------------------------------------------------
page-content-wrapper Css
-----------------------------------------------------------------------*/
#page-content-wrapper{position:absolute;padding:15px;width:100%;overflow:hidden;
background: var(--white-color);border-top: 2px solid var(--gray-color);}
.xyz{min-width:360px}
#page-content-wrapper > .container-fluid{padding:0}

/*---------------------------------------------------------------------
Home-shortcuts
-----------------------------------------------------------------------*/
.home-shortcuts {background: transparent;}
.home-shortcuts li i {font-size: 36px;margin-bottom: 10px;}
.home-shortcuts li{padding: 30px 3px;}
.home-shortcuts li:first-child{border: none;}
.home-shortcuts li{border: none;margin-right: 0px;background: var(--white-color);}
.home-shortcuts li i {
font-size: 36px;
margin-bottom: 10px;
color: var(--secondary-color);}
.home-shortcuts li p {margin: 2px 0 0;text-transform: uppercase;color: var(--primary-color);}
.home-shortcuts .lead {
color: var(--primary-color);
font-size: 2.441em;
margin-bottom: 30px;
font-weight: 800;}

/*---------------------------------------------------------------------
  Section Css
-----------------------------------------------------------------------*/
section#main-body {border-radius: 0px 0px 0px;-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
padding: 30px 15px;}
section#home-banner{background-color: var(--primary-color);}
section#footer{background-color: var(--white-color);box-shadow: 0 16px 40px 0 rgba(0,0,0,.0392157);
border-radius: 0px 0px 10px 10px; border-top: none;border-top: 1px solid var(--gray-color);
padding: 20px 35px}
section#footer p {color: var(--primary-color);
font-size: 16px; line-height: 26px;padding-top: 6px;}
#header{padding: 0px;}
section#home-banner .form-control{border: 1px solid var(--secondary-color);
border-radius: 10px 0px 0px 10px;height: 60px;}
section#home-banner h2{color: var(--primary-color); margin-bottom: 20px; border-radius: 10px;}

.main-content {margin-bottom: 10px;}

/*---------------------------------------------------------------------
Header Css
-----------------------------------------------------------------------*/
#main-menu .nav-divider{display:none;}

#header .top-nav{margin-top: 0px;}
#header .top-nav > li > a{padding:0 10px;line-height:48px;color:var(--tertiry-color);background: transparent;}
#header .top-nav > li > a:hover{color:#4788ff}
#header .top-nav li a .fas{font-size:16px}
#header .top-nav > li > a#languageChooser{color:var(--primary-color);}
#header .top-nav > li > a#accountNotifications .label-info{background-color:#1abc9c;position:absolute;top:7px;left:20px;border-radius:4px;padding:0 5px;line-height:14px;font-size:10px}

#main-menu .navbar-nav{margin:0}
#main-menu .navbar-nav.pull-left{margin-left:30px}
#main-menu .navbar-nav {margin-left:20px;}
#main-menu .navbar-nav  > a{background:var(--primary-color);
padding:0 30px 0 85px;line-height:48px;color:#fff;position:relative;font-size:16px;min-width:200px}
#main-menu .navbar-nav  > a:before{content:"\f2bd";position:absolute;
left:35px;top:0;height:40px;
width:40px;font-family:'Font Awesome 5 Pro';font-weight:900;
font-size:40px}
#main-menu .navbar-nav  .dropdown-menu{left:0;right:0;
border:none;
padding:0px;
min-width:200px;
margin:0;
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);}
#main-menu .navbar-nav  .dropdown-menu li a{
font-size: 14px;
position: relative;
float: right;
padding: 10px 15px;
width: 100%;}
#main-menu .navbar-nav  .dropdown-menu li a:hover,#main-menu .navbar-nav  .dropdown-menu li a:active,#main-menu .navbar-nav  .dropdown-menu li a:focus{
background-color: var(--secondary-color);
color: var(--white-color);}
#main-menu .navbar-nav  .dropdown-menu li a:before,#main-menu .navbar-nav  .dropdown-menu li a:after{
display: none; content:'';position:absolute;transition:transform .5s ease}
#main-menu .navbar-nav  .dropdown-menu li a:before{left:0;bottom:2px;width:100%;height:1px;background:var(--secondary-color);transform:scaleX(0)}
#main-menu .navbar-nav  .dropdown-menu li a:hover:before{transform:scaleX(1)}

#main-menu .navbar-nav{margin:0}
#main-menu .navbar-nav.pull-left{margin-left:30px}
#main-menu .navbar-nav #Secondary_Navbar-Account{margin-left:20px;}
#main-menu .navbar-nav #Secondary_Navbar-Account > a{background: var(--primary-color);
padding:0 30px 0 85px;line-height:73px;color:#fff;position:relative;font-size:16px;min-width:200px}
#main-menu .navbar-nav #Secondary_Navbar-Account > a:before{content:"\f2bd";position:absolute;
left:35px;top:0;height:40px;
width:40px;font-family:'Font Awesome 5 Pro';font-weight:900;
font-size:40px}
#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu{left:0;right:0;
border-radius:0 0 4px 4px;border:none;padding:0px;min-width:200px;
margin:0;            -webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);}
#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a{
font-size: 14px;
position: relative;
float: right;
padding: 10px 30px;
width: 100%;}
#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a:hover,#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a:active,#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a:focus{
background-color: var(--secondary-color);
color: var(--white-color);}
#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a:before,#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a:after{
display: none; content:'';position:absolute;transition:transform .5s ease}
#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a:before{left:0;bottom:2px;width:100%;height:1px;background:var(--secondary-color);transform:scaleX(0)}
#main-menu .navbar-nav #Secondary_Navbar-Account .dropdown-menu li a:hover:before{transform:scaleX(1)}
#main-menu .navbar-nav > li > a{padding:0 10px;line-height:70px;color:var(--white-color);background: transparent;}
#main-menu .navbar-nav > li > a:hover{color: var(--secondary-color);}
#main-menu .navbar-nav li a .fas{font-size:16px}
#main-menu .navbar-nav > li > a#languageChooser{color:var(--primary-color);}
#main-menu .navbar-nav > li > a#accountNotifications .label-info{background-color:#1abc9c;position:absolute;top:7px;left:20px;border-radius:4px;padding:0 5px;line-height:14px;font-size:10px}

/*Menu Css*/
.navbar-main .navbar-nav>li>a {padding-top: 15px;padding-bottom: 15px;}
#main-menu .navbar-default .navbar-collapse{ padding-inline-end: 0px;  padding-inline-start: 0px;}

/*---------------------------------------------------------------------
  Annoucement Single Css
-----------------------------------------------------------------------*/
div.announcement-single {margin: 0 0 20px 0;background: var(--gray-color);
width: 100%;float: right;padding: 30px;border-radius: 10px;border: 1px solid #f1f1f1;}
div.announcement-single blockquote{margin: 30px 0px 0px;}
div.announcement-single .label{
margin-inline-end: 10px;
background-color: var(--primary-color);
border-radius: 3px;
}
div.announcement-single .label:hover {background-color: var(--secondary-color);}
.announcement-single p{color: var(--tertiry-color);}

/*Search*/
section#home-banner .btn.search {
background-color: var(--secondary-color);
height: 60px;}
section#home-banner .tooltip-inner {background-color: var(--secondary-color);}
section#home-banner .tooltip.left .tooltip-arrow {border-left-color: var(--secondary-color);}
section#home-banner .btn.transfer{
background-color: var(--white-color);
height: 60px;
border-radius: 0px 10px 10px 0px;
color: var(--primary-color);}

.iq-temp-none{display: none !important;}
/*---------------------------------------------------------------------
Log in Form
-----------------------------------------------------------------------*/
.logincontainer{     overflow: hidden;
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);   background-color: #fff;
padding: 30px;
border-radius: 10px;
}
.logincontainer .header-lined h1{background-color: var(--gray-color);
margin: -30px -30px 30px;
padding: 20px;
border-radius: 8px 8px 0px 0px;
font-size: 30px;
border: none;
position: relative;
text-align: center; font-weight: bold;}
.logincontainer .header-lined h1:before{display: none;}
.logincontainer .form-group label{color:#151f3a;margin-bottom: 8px;}

.logincontainer .btn-primary,.login-form a.btn.btn-default {
margin-right: 15px;
color: var(--white-color);
background: var(--secondary-color);
cursor: pointer;
margin-bottom: 0;
text-decoration: none;
height: auto;
padding: 10px 30px;
font-size: 1em;
line-height: 2;
border: none;
position: relative;
display: inline-block;
width: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.login-form input#login:hover{background-color: var(--primary-color);
border-color: var(--primary-color);}
.login-form a.btn.btn-default{  padding: 0;
    background: transparent;
    color: var(--primary-color);
    text-decoration: underline;}
.login-form a.btn.btn-default:hover{
 color: var(--secondary-color);}

/*---------------------------------------------------------------------
Sign up Form
-----------------------------------------------------------------------*/
#registration .prepend-icon .field-icon {
height: 51px;
line-height: 51px;}
#registration .field, #registration .form-control{
        margin-bottom: 15px;
width: 100%;
float: right;
padding: 0 15px;
height: 51px;
line-height: 48px;
border: 1px solid #e6e7ebeee;
color: #59597e;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: none;
}
#registration .form-control:focus,#registration .input:focus,
#registration .form-control:hover{border-color: var(--secondary-color);box-shadow: none;}
#registration input#inputPhone{ padding-inline-start: 76px;}
div.header-lined .breadcrumb>.active {color: var(--secondary-color);}
#registration .sub-heading span {color: var(--secondary-color);top: -17px;}
#registration .intl-tel-input.separate-dial-code .selected-flag {
background-color: rgb(242 245 254);border-radius: 10px 0px 0px 10px;}
#registration .marketing-email-optin {
background-color: var(--gray-color);
border-radius: 10px;}
#registration .btn-primary{padding: 10px 30px;
font-size: 1em;
line-height: 2;
border-radius: 10px;}
#registration .btn-primary:hover{background-color: var(--primary-color);
border-color: var(--primary-color);}
.password-strength-meter .progress{background-color: var(--gray-color);}

div.header-lined h1 {
border-bottom: 1px solid var(--gray-color); font-size: 1.75em;
font-weight: bold;}
#registration .sub-heading {
height: 0;
border-top: 1px solid var(--gray-color); }

/*title css*/
div.header-lined h1{text-align: start; color: var(--primary-color);}
div.header-lined .breadcrumb{text-align: start;}

/*---------------------------------------------------------------------
Panel Css
-----------------------------------------------------------------------*/
.panel{border-radius: 10px;}
.panel-sidebar {
z-index: 0;
position: relative;}
.panel-sidebar>.panel-heading {
color: var(--primary-color);
background-color:#fff;
border-bottom: 1px solid  #e6e7eb;
 background-color: transparent;
}
.panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {
 background-color:#fff;
color: var(--success);
border-color:transparent;
font-weight:500;
}
.panel-default>.panel-heading {
color: var(--primary-color);
border-color:var(--primary);
 
	 background-color: transparent;
	
border-radius: 10px 10px 0px 0px;}
.panel-footer {
padding: 10px 15px;
background-color: var(--success);
border-top: 1px solid var(--success);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.panel-default {border-color: var(--success);}
.panel-body{background: var(--dark-menu);padding: 20px 15px;}

/*---------------------------------------------------------------------
List Group Css
-----------------------------------------------------------------------*/
a.list-group-item, button.list-group-item {
/*	color: var(--primary-color);*/
	}
a.list-group-item:hover{
/*	background-color: var(--gray-color);*/
	
	}

/*---------------------------------------------------------------------
catagory_box css
-----------------------------------------------------------------------*/
.iq-main-box .catagory_box{padding: 25px 25px 15px;
background: var(--gray-color);
margin-top: 10px;
margin-bottom: 10px; border-radius: 10px;}
.iq-main-box{ position: relative;  }
.iq-main-box input{margin-bottom: 15px; height: 51px !important; 
 border-radius: 10px 0px 0px 10px !important;  

}
.iq-main-box    .kb-search>.input-group-btn>.btn{
	/*border-radius: 0 10px   10px 0 !important;*/
	}
	.iq-main-box    .kb-search> input
	{
	 border-radius: 0px 10px 10px 0px !important; 	
	}
.iq-main-box .catagory_box .kbarticles {padding: 0 0 0px 0;}


/*---------------------------------------------------------------------
Transfer & Register Domain Css
-----------------------------------------------------------------------*/
#order-standard_cart .form-control{margin-bottom: 0px !important;
width: 100% !important;
float: left !important;
/*padding: 0 45px !important;*/
height: 36px !important;
line-height: 36px !important;
border: 1px solid #e6e7eb !important;
color: var(--secondary) !important;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
box-shadow: none !important;
}
#order-standard_cart .form-control:focus, #order-standard_cart .form-control:hover {
border-color: var(--primary-color) !important;
box-shadow: none !important;
}
#order-standard_cart h2{font-size: 28px;line-height: 38px}
#order-standard_cart p{color: inherit;}
.domain-checker-container .input-group-box input#inputDomain{
border-radius: 10px 0px 0px 10px !important;
height: 46px !important;
line-height: 46px !important;
}
.domain-checker-container .input-group-btn .domain-check-availability{
    border: 2px solid var(--secondary-color);}
.domain-checker-container .input-group-btn .domain-check-availability:hover{
background: var(--white-color);
color: var(--primary-color);   
}
/*---------------------------------------------------------------------
Review n Checkout
-----------------------------------------------------------------------*/
#order-standard_cart .view-cart-items-header {
background-color: var(--primary-color) !important;}
#order-standard_cart .order-summary h2{background: #EEB027 !important;
color: var(--white-color) !important;}
#order-standard_cart .view-cart-tabs .nav-tabs>li.active>a {
background-color: #f2f5fe !important;;}
#order-standard_cart .view-cart-tabs .tab-content {
background-color: #f2f5fe !important;;}
#order-standard_cart .summary-container {
background-color: #f2f5fe !important;padding: 25px !important;}
#order-standard_cart .order-summary{border-bottom: 3px solid #EEB027 !important;}
#order-standard_cart .order-summary .btn-continue-shopping {
color: var(--primary-color) !important;}
#order-standard_cart .view-cart-tabs button.btn.btn-block{
    background: var(--primary-color);
color: var(--white-color); margin-top: 10px;}
#order-standard_cart .view-cart-tabs .tab-content>.tab-pane {
padding: 15px !important;}

#order-standard_cart .sub-heading span{color: var(--secondary-color) !important;}
#order-standard_cart .btn.btn-primary.btn-lg{margin-top: 30px;}
#order-standard_cart .panel-addon .panel-price {background-color: var(--gray-color) !important;}
#order-standard_cart label {color: var(--tertiry-color) ;}
#order-standard_cart label:first-child {color: var(--primary);
    font-weight: 500;}
#order-standard_cart .sub-heading {border-top: 1px solid #e6e7ebeee !important;}
#order-standard_cart .empty-cart .btn{background-color: var(--primary-color) !important;}
#order-standard_cart #btnAlreadyRegistered {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
#order-standard_cart input#inputPhone{direction: ltr; padding-inline-start: 96px !important;}
#order-standard_cart .view-cart-items{border-bottom: 2px solid var(--secondary-color) !important;}
.intl-tel-input.separate-dial-code .selected-flag {
  background-color: transparent;
    margin-inline-end: 7px;

}
.marketing-email-optin{  background-color: #fff;
}
/*---------------------------------------------------------------------
Register Domain
-----------------------------------------------------------------------*/
.domain-pricing .tld-pricing-header div:nth-child(odd) {
border-color: var(--primary-color);
background-color: var(--primary-color) !important;
color: var(--white-color);
border-radius: 0px;
}
.domain-promo-box {background-color: var(--gray-color) !important;
margin-top: 30px !important;    border: 1px solid #e6e7ebeee !important;
    color: var(--primary-color) !important;
    border-radius: 10px !important;}
.domain-promo-box p {color: var(--primary-color);}
.domain-pricing .tld-pricing-header .col-xs-4 {
border-bottom: 6px solid var(--primary-color);
background-color: var(--primary-color);}
.domain-pricing .tld-row.highlighted {background: var(--gray-color);}
.domain-promo-box h3 {font-size: 20px; line-height: 30px;
font-weight: 800 !important; margin-bottom: 15px !important;
}
.domain-checker-bg{background-image: none; }
.domain-checker-container{background: -webkit-linear-gradient(top,#0d1e67,#0d1e67);}
.tld-filters a{padding: 15px; border-radius: 10px;}
.featured-tld .price.com {
    background-color: var(--secondary-color);}
.domain-pricing h4{margin-bottom: 15px;}
#order-standard_cart  .btn-add-to-cart{font-size: 16px; margin-left: 10px;}
/*---------------------------------------------------------------------
Back to top css
-----------------------------------------------------------------------*/
section#footer .back-to-top i {
padding: 15px;
background-color: var(--secondary-color);
color: var(--white-color);
border-radius: 10px;
opacity: 1;}
section#footer .back-to-top i:hover{
background: var(--white-color);
color: var(--secondary-color);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
/*---------------------------------------------------------------------
Domain box css
-----------------------------------------------------------------------*/
.spotlight-tlds{background-color: var(--gray-color) !important;}
.spotlight-tld{height: 140px !important;color: var(--primary-color) !important;
border: 1px solid #e6e7ebeee !important;}
.spotlight-tld .btn:not(.domain-contact-support){
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}

/*-------++++++++++++++*/
.btn-default:hover {
color: var(--primary-color);
background-color: var(--gray-color);
border-color: var(--gray-color);
}
input[type=checkbox], input[type=radio] {
margin: 8px 0 0;}
.md-editor .md-footer{
display: block;
padding: 6px 4px;
background: #fafbfe;}
.domain-checker-container .input-group-box{    padding: 10px;
    background-color: var(--gray-color);}

/*Preiview button*/
div.md-editor .btn-primary{    padding: 0px 10px;
font-size: inherit;
line-height: inherit;
border: inherit;    
border-radius: inherit;
 border-radius: 3px;}

/*testing article css*/
.kb-article-title h2 {margin: 0;font-size: 36px;line-height: 46px;}

div.header-lined .breadcrumb{font-size: 16px;line-height: 26px;}

.form-horizontal .control-label{}

/*---------------------------------------------------------------------
Responsive Css
-----------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	#page-content-wrapper{ padding-inline-start: 130px !important;}
	section#main-body{ padding-inline-start: 0px;}
	section#footer{ padding-inline-start: 0px;}
}

@media screen and (max-width: 1199px) {
	.fixed-brand{    float: none;
    text-align: center;
    width: auto !important; background: var(--gray-color);}
    #page-content-wrapper { padding-inline-start: 230px !important;}
	section#home-banner h2 {font-size: 30px;line-height: 40px; padding: 0px;}
	.home-shortcuts .lead{font-size: 28px; line-height: 38px;}

	#header{width:100%;padding:0;background: var(--white-color)}
	#header .nav.navbar-nav{float:left!important;width:50px;margin-top: 9px;}
	#header .nav.navbar-nav > li{float:left!important}
	#header .nav.navbar-nav > li .navbar-toggle{padding:17px 15px 13px}
}

@media screen and (max-width: 1024px) {
	section#home-banner h2 {font-size: 28px;line-height: 40px;}
}

@media (min-width: 768px) {
	#page-content-wrapper{padding:30px;position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}

	#page-content-wrapper{padding:30px;position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
}

@media screen and (max-width: 1199px) {
	#menu-toggle{display:none}
}
@media screen and (max-width: 991px) {
	.navbar-header.fixed-brand {
	    float: none;
	    text-align: center;
	    width: auto !important;
	    background: var(--gray-color);
	}

	section#main-menu .navbar-main {margin-bottom: 0;
	position: inherit;
    left: 0;
    top: 0px;
    width: 100%;
    display: inline-block;
    z-index: 999;}

	#menu-toggle{display:none}

	#page-content-wrapper { padding-inline-start: 30px !important;}
	section#main-body { padding-inline-start: 15px;}
	section#main-body .container-fluid{padding: 0px;}
	section#footer { padding-inline-start: 15px;}
 

	#header{    position: inherit;
    left: 0;
    top: 0px;
    width: 100%;
    display: inline-block;
    z-index: 999;}
	#header .nav.navbar-nav{float:left!important;width:50px;margin-top: 18px;}
	#header .nav.navbar-nav > li{float:left!important}
	#header .nav.navbar-nav > li .navbar-toggle{padding:10px 15px}
	#header .top-nav > li > a{line-height: 70px}
	#header .top-nav.pull-left > li:first-child > a{margin-top:2px}
	#main-menu .navbar-nav > li > a {line-height: 40px;}

	.main-content{padding: 0px 15px;}
	#main-menu .navbar-nav #Secondary_Navbar-Account {
    margin-left: 0px;}
    #main-menu .navbar-nav{display: block !important;
    width: min-content;}
    #main-menu .navbar-main .navbar-toggle {
    background-color: var(--white-color); margin-top: 16px;}
    #main-menu .navbar-main .navbar-toggle .icon-bar {
    background-color: var(--primary-color);}
    #main-menu .navbar-main .navbar-toggle:hover {
    background-color: var(--white-color); }
    #main-menu .navbar-main .navbar-toggle:hover .icon-bar {
    background-color: var(--primary-color);}
    #main-menu .navbar-nav #Secondary_Navbar-Account > a:before{display: none;}
    #main-menu .navbar-nav #Secondary_Navbar-Account > a{padding: 0 15px 0 15px;line-height: 48px;
    	min-width: 120px; margin: 0px 10px;}
}

@media screen and (max-width: 767px) {
	.navbar {padding: 0px;position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    display: inline-block;
    z-index: 999;
    }

    .home-shortcuts li{display: inline-block; width: 45% !important;}
	

	#page-content-wrapper{margin-top:142px;padding-top: 30px;}
	#page-content-wrapper { padding-inline-start: 15px !important;}
	section#main-body { padding-inline-start: 15px;}
	section#footer { padding-inline-start: 15px;}
	section#home-banner h2 {font-size: 24px;line-height: 34px;}
	.navbar-default .logo{text-align: center;background: var(--gray-color);}

	.domain-checker-container .input-group-box {padding: 10px;}
  	.domain-checker-container .input-group-box .input-group-btn .btn{display: block;
  	border-radius: 10px;height: 46px !important;}
	.domain-checker-container .input-group-box input#inputDomain{border-radius: 10px!important;
	 margin-bottom: 10px !important;}
	 section#main-menu .navbar-main{background: var(--primary-color);}
	 #main-menu .navbar-main .navbar-nav .open .dropdown-menu>li>a{
	 	color: var(--primary-color); background: var(--white-color);}
}
@media screen and (max-width: 550px) {
	#header .top-nav{float: none; display: block;}
	section#header .logo.logo-text{text-align: left                                                                                                                                             ;}
}
@media screen and (max-width: 479px) {
    .navbar-header.fixed-brand .logo.logo-text{line-height: 52px;}

    #page-content-wrapper {margin-top: 102px;}

	#header .top-nav #Secondary_Navbar-Account .dropdown-menu{padding:0px;min-width:150px}

	#header .top-nav #Secondary_Navbar-Account > a:before{display: none;}
	#header .top-nav #Secondary_Navbar-Account > a {
	background: var(--primary-color);
	padding: 0 15px 0 15px;
	line-height: 53px;
	color: #fff;
	position: relative;
	font-size: 16px;
	min-width: 100px;}
	#header .top-nav.pull-left {margin-left: 0px;}
	#header .top-nav > li > a{line-height: 50px;}

	#header .nav.navbar-nav {margin-top: 8px;}
	#header .top-nav.pull-left {margin-left: 10px;}
	section#home-banner h2 {font-size: 20px;line-height: 30px;}
	div.header-lined h1 {font-size: 28px !important;line-height: 38px;}
	.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    font-size: 12px;
    padding: 7px 15px;height: 32px !important;}
    section#home-banner .input-group-btn .btn { padding-inline-start: 10px; padding-inline-end: 10px;}
    .xyz {min-width: 100%;}
    .logincontainer{padding: 15px;}
    .logincontainer .btn-primary{margin-bottom: 15px;}
    div.announcement-single{padding: 15px;}
    .home-shortcuts li {width: 70% !important;}
}
@media screen and (max-width: 359px) {
	ul.top-nav>li.primary-action{ padding-inline-start: 0px;}
	#header .top-nav > li > a{padding: 0 5px;}
	section#header .logo.logo-text{padding: 0 5px;}
	section#header .logo.logo-text{font-size: 20px;line-height: 50px}
}
 
section#main-menu{background: var(--primary-color);} 
#main-menu {position: relative;z-index: 10;
} 
ul.top-nav>li.primary-action>a.btn{background: var(--secondary-color);} 
nav#nav {background: var(--primary-color);padding: 0 15px;} 
#main-menu .navbar-nav{flex-direction: unset;display: inline-block;} 
.navbar-nav .dropdown-menu{position: absolute;}
.navbar-main .navbar-nav>.active>a,  .navbar-main .navbar-nav>.active>a:focus,  .navbar-main .navbar-nav>.active>a:hover,  .navbar-main .navbar-nav>.open>a,  .navbar-main .navbar-nav>.open>a:focus,  .navbar-main .navbar-nav>.open>a:hover,  .navbar-main .navbar-nav>li>a:focus,  .navbar-main .navbar-nav>li>a:hover{
  background: var(--primary-color);
} 
ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
} .dropdown-toggle::after{
  display: none;
} section#home-banner .input-group-btn input {
    float: none;
}
 section#home-banner{
  background-color: var(--gray-color);
  color:var(--white-color);
  padding: 100px 0 80px;
  position: relative;
}
 section#home-banner .btn {
    font-size: 16px;
}
 section#home-banner .btn.search {
    background-color: var(--secondary-color);
}
 .home-shortcuts {
    width: 100%;
    float: right;
    padding: 80px 0;
    border-radius: 10px;
    background: var(--white-color);
}
 .home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center{
  max-width: 100%;
  flex: 0 0 100%; width: 100%;
} 
.home-shortcuts .col-sm-12.col-md-8{
  max-width: 100%;
  flex: 0 0 100%; width: 100%;
} .home-shortcuts li{
  width: 25%;
  padding: 25px 15px;
  border: none;
  position: relative;
  z-index: 9;
} .home-shortcuts li a{
  position: relative;
  padding: 60px 030px 060px 030px;
  background: var(--white-color);
  box-shadow: 0px 2px 20.65px 1.35px rgba(0, 0, 0, 0.06);
} .home-shortcuts li a:before {
    position: absolute;
    content: "";
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--primary-color);
    transform: rotate(0deg);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
} .home-shortcuts li:hover a:before{
    opacity: 1;
    transform: rotate(12deg);
} .home-shortcuts li > a > i{
  font-size: 30px;
  color: var(--primary-color);
  margin-bottom: 15px;
} .home-shortcuts li p{
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color:var(--primary-color);
  transition: .5s ease-in-out;
} .home-shortcuts li span{
  display: none;
}
.main-content .announcement-single .label{
  border-radius: 5px;
} #main-body .main-content .iq-news-title{
  color: var(--primary-color);
  font-weight: 800;
  margin-bottom: 35px; text-align: center;
}
 #main-body .main-content blockquote{
  border: none;
  padding: 0;
  margin-bottom: 0;
} .announcement-single h3 a{
  color: var(--primary-color);
  font-weight: 600;
} .announcement-single h3 a:hover{
  text-decoration: none;
}

header.menu-sticky .navbar-brand>img.logo-sticky {
  display: block;
}

header .navbar-brand {
  padding: 5px 0;
  float: none;
}
header .navbar{
  margin-bottom: 0;
}

body{
	direction:rtl;
}
body, button, input, select, textarea {
    font-family:  'Tajawal', sans-serif;
 
}

#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-inline-end: 10px;
}
.domain-input-group{
	direction:ltr;
}
#order-standard_cart .form-control
{
	font-size: 1.5rem;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-inline-start: -20px;
}
.cart-sidebar
{
	 
}
 
#order-standard_cart .sub-heading span.primary-bg-color
{
	display:none;
}
.pull-left {
    float: right!important;
}
.pull-right {
    float: left!important;
}
.tile .icon {
   
    top: 10px;
    left: 10px;
	right:unset;
	color: var(--primary);
}
  #header{
	  direction: ltr; 
}

 
.form-group {
    margin-bottom: 30px;
}
#order-standard_cart .products .product div.product-desc {
     float: right;
	
}

 
#order-standard_cart .products .product div.product-pricing {
    margin-bottom: 10px;
}
 
#containerNewUserSignup .row:nth-child  {

     display: inline-flex!important;
 

}	
 #order-standard_cart .products .product header
 {
	/* background-color: var(--info)!important;;*/
 }
#order-standard_cart .products .product header span {
    margin: 0;
    color: var(--secondary)!important;;
    font-size: 1.352em;
    font-weight: 600;
}

 
.form-control::placeholder {
    color: #999;
   
}
.row .domains-row div:first-child{
	display:none;
}


#order-standard_cart .panel-addon .panel-add {
 
    background-color: var(--primary)!important;;
	
}

.hidden{
		display:none!important;
}
#containerPassword
{
    display: flex;
    flex-direction: row;
}
#main-body img {
    max-width: 90%;
    height: auto;
}