/*, compress: true*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: right;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
a img {
  border: none;
}
:focus,
:hover,
a:hover,
a:focus,
*:hover,
*:focus,
*:active,
.btn:focus {
  outline: 0;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
  box-sizing: border-box;
  text-size-adjust: none;
}
.vMiddle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/*------- Commons ------*/
@font-face {
  font-family: 'DroidArabicKufi';
  src: url("../fonts/DroidArabicKufi.eot?#iefix") format("embedded-opentype"), url("../fonts/DroidArabicKufi.woff") format("woff"), url("../fonts/DroidArabicKufi.ttf") format("truetype"), url("../fonts/DroidArabicKufi.svg#DroidArabicKufi") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DroidArabicKufi-Bold';
  src: url("../fonts/DroidArabicKufi-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DroidArabicKufi-Bold.woff") format("woff"), url("../fonts/DroidArabicKufi-Bold.ttf") format("truetype"), url("../fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
.fA,
.fright {
  float: right;
}
.fB,
.fleft {
  float: left;
}
.clr,
.clear {
  clear: both;
}
.nofloat {
  float: none !important;
}
.Acenter {
  text-align: center !important;
}
.Aleft {
  text-align: left !important;
}
.Aright {
  text-align: right !important;
}
.paddingtop20 {
  padding-top: 20px;
}
.container-fluid {
  width: 100%;
}
a {
  cursor: pointer;
}
a:hover,
a:focus {
  text-decoration: none;
}
/*Variables*/
/*Mixins*/
.trans1 {
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.trans2 {
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -ms-grab;
  cursor: -o-grab;
  cursor: grab;
}
.grab:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -ms-grabbing;
  cursor: -o-grabbing;
  cursor: grabbing;
}
.NormalTxt {
  font: 14px DroidArabicKufi, arial, sans-serif;
}
body {
  font: 14px DroidArabicKufi, arial, sans-serif;
}
h2 {
  color: #3f395f;
  font: 30px DroidArabicKufi-Bold, arial, sans-serif;
  padding: 2px 15px;
  margin-bottom: 15px;
}
h2.pageTtlWithBg {
  color: #fff;
  background: #3f395f;
  display: inline-block;
}
p {
  color: #666;
  font: 14px DroidArabicKufi, arial, sans-serif;
  text-align: justify;
}
b {
  color: #666;
  font: 14px DroidArabicKufi-Bold, arial, sans-serif;
}
h3 {
  color: #3f395f;
  font: 16px DroidArabicKufi-Bold, arial, sans-serif;
}
h4 {
  color: #d5a00c;
  font: 16px DroidArabicKufi-Bold, arial, sans-serif;
}
h5 {
  color: #f7a01b;
  font: 16px DroidArabicKufi-Bold, arial, sans-serif;
}
h6 {
  color: #666;
  font: 16px DroidArabicKufi-Bold, arial, sans-serif;
}
.color1 {
  color: #3f395f !important;
}
.color2 {
  color: #d5a00c !important;
}
.color3 {
  color: #f7a01b !important;
}
.color4 {
  color: #555 !important;
}
.color5 {
  color: #666 !important;
}
.bg1 {
  background-color: #3f395f !important;
}
.bg2 {
  background-color: #d5a00c !important;
}
.bg3 {
  background-color: #f7a01b !important;
}
.bg4 {
  background-color: #555 !important;
}
.bg5 {
  background-color: #666 !important;
}
.header-wrapper {
  position: relative;
  z-index: 3;
}
.header-wrapper .topbar {
  padding-top: 12px;
  padding-bottom: 12px;
}
.header-wrapper .top-functions {
  position: relative;
}
.header-wrapper .top-functions .searchicon .search2 {
  float: left;
  margin: 4px 13px 0 0;
  background: url('../images/imageSprite.png') no-repeat 0 0;
  width: 20px;
  height: 20px;
}
.header-wrapper .top-functions .searchicon:hover .search2 {
  background-position: 0 -27px;
}
.header-wrapper .top-functions .topLnk {
  float: left;
  margin-right: 13px;
  color: #fff;
  border: 1px #786fa9 solid;
  border-radius: 26px;
  height: 26px;
  padding: 2px 9px 2px 4px;
  font-size: 12px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 90px;
  line-height: 20px;
}
.header-wrapper .top-functions .topLnk .fa {
  float: left;
  font-size: 20px;
  margin-right: 12px;
}
.header-wrapper .top-functions .topLnk .fa.fa-phone {
  margin-top: 1px;
  margin-left: 2px;
}
.header-wrapper .top-functions .topLnk:hover {
  color: #d5a00c;
  border-color: #d5a00c;
}
.header-wrapper .top-functions .topLnksMenuBtn {
  color: #fff;
  background: transparent none!important;
  padding: 0 0 0 20px;
  font-size: 20px;
  line-height: 20px;
}
.header-wrapper .top-functions .topLnksMenu {
  background: #fff;
  padding: 0 10px;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
}
.header-wrapper .top-functions .topLnksMenu .applnk {
  float: left;
  margin-right: 13px;
  color: #fff;
  border: 1px #786fa9 solid;
  border-radius: 26px;
  height: 26px;
  padding: 2px 9px 2px 4px;
  font-size: 12px!important;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 90px;
  line-height: 20px;
  text-align: right;
}
.header-wrapper .top-functions .topLnksMenu .applnk .fa {
  float: left;
  font-size: 18px;
  margin-right: 12px;
  margin-left: 1px;
  margin-top: 1px;
  color: #49426d;
}
.header-wrapper .top-functions .topLnksMenu .applnk:hover {
  color: #d5a00c;
  border-color: #d5a00c;
}
.header-wrapper .top-functions .topLnksMenu .topLnk,
.header-wrapper .top-functions .topLnksMenu .applnk {
  width: 100%;
  margin: 10px 0;
  float: none;
  display: block;
  color: #49426d;
  padding: 2px 5px 2px 4px;
}
.header-wrapper .top-functions .searchbox {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  max-width: 73%;
  padding: 15px;
  top: 48px;
  left: 0;
  border-radius: 4px;
  background-color: #fff;
  height: 60px;
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.17);
}
.header-wrapper .top-functions .searchbox .search3 {
  background: url('../images/imageSprite.png') no-repeat 0 -55px;
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
}
.header-wrapper .top-functions .searchbox .closeSearch {
  background: url('../images/imageSprite.png') no-repeat 0 -78px;
  width: 15px;
  height: 15px;
}
.header-wrapper .top-functions .searchbox .search-input {
  background: transparent;
  width: calc(100% - 95px);
}
.header-wrapper .top-functions .searchbox .searchcontrols {
  display: inline-block;
  width: 90px;
  padding-top: 2px;
}
.header-wrapper .top-functions .searchbox .searchcontrols .fa {
  font-size: 20px;
  margin: 0 5px;
  color: #d5a00c;
}
.header-wrapper .top-functions .searchbox .searchcontrols a:hover {
  opacity: 0.75;
}
.header-wrapper .top-functions .applnk {
  float: left;
  margin-right: 13px;
  color: #fff;
  border: 1px #786fa9 solid;
  border-radius: 26px;
  height: 26px;
  width: 26px;
  text-align: center;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-wrapper .top-functions .applnk .fa {
  font-size: 18px;
  margin-top: 3px;
}
.header-wrapper .top-functions .applnk:hover {
  color: #d5a00c;
  border-color: #d5a00c;
}
.header-wrapper .topnav {
  margin-top: 10px;
}
.header-wrapper .topnav .navbar-default {
  background: none;
  border: 0;
}
.header-wrapper .topnav .navbar-nav {
  float: left;
  margin-top: 10px;
  position: relative;
}
.header-wrapper .topnav .navbar-nav > li {
  margin: 0 48px 0 0;
  position: static;
}
.header-wrapper .topnav .navbar-nav > li > a {
  color: #fff;
  font: 18px DroidArabicKufi, arial, sans-serif;
  padding: 15px 0px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header-wrapper .topnav .navbar-nav > li > a:hover {
  color: #d5a00c;
}
.header-wrapper .topnav .navbar-nav > li > a.fa-home {
  font-size: 22px;
}
.header-wrapper .topnav .navbar-nav > li > .dropdown-menu {
  width: 100%;
  background: #fff !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: none!important;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  padding: 15px 30px;
}
.header-wrapper .topnav .navbar-nav > li > .dropdown-menu h6 {
  color: #999;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  border-bottom: 1px solid #ddd9f0;
  padding: 10px 2px;
  margin-bottom: 10px;
}
.header-wrapper .topnav .navbar-nav > li > .dropdown-menu a {
  display: block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 5px 20px;
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 5px;
}
.header-wrapper .topnav .navbar-nav > li > .dropdown-menu a:hover {
  background: #5f568f;
  color: #fff;
}
.header-wrapper .topnav .navbar-nav > .active > a {
  background: none;
  color: #d5a00c;
}
.header-wrapper .topnav .navbar-collapse {
  border-color: transparent;
}
.header-wrapper .topnav .navbar {
  margin-bottom: 0;
  min-height: 40px;
  border-radius: 0px;
}
.header-wrapper .topnav .navbar .navbar-brand {
  padding: 0;
}
.header-wrapper .topnav .navbar > .row {
  position: relative;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff !important;
  background-color: #48416c !important;
}
.navbar-default .navbar-nav .dropdown-menu > li > a {
  color: #48416c !important;
}
.navbar-default .navbar-nav .dropdown-menu {
  background: rgba(255, 255, 255, 0.9);
}
footer {
  background: #3f395f;
  padding-bottom: 40px;
  position: relative;
}
footer .footerSocialMediaWrapper {
  border-bottom: 1px solid #4c456f;
}
footer .gototop {
  color: #d5a00c;
  font: 15px DroidArabicKufi, arial, sans-serif;
  padding: 18px 0;
  display: block;
}
footer .gototop:after {
  content: "";
  display: inline-block;
  background: url('../images/imageSprite.png') no-repeat -30px -52px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  vertical-align: middle;
}
footer .socialMedia {
  text-align: center;
}
footer .socialMedia a {
  background: #363153;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff !important;
  display: inline-block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font: 24px FontAwesome;
  text-align: center;
  padding-top: 8px;
  margin: 12px 10px;
  vertical-align: middle;
}
footer .socialMedia a:hover {
  background: #d5a00c;
}
footer .socialMedia a .social-amer {
  display: inline-block;
  background: url('../images/imageSprite.png') no-repeat -30px -81px;
  width: 27px;
  height: 27px;
  margin-top: -3px;
}
footer .footerToggleBtn {
  display: inline-block;
  background: url('../images/imageSprite.png') no-repeat -73px 0px;
  width: 50px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
}
footer .footerToggleBtn:after {
  content: "\f107";
  font: 24px FontAwesome;
  color: #3f395f;
  position: absolute;
  left: 18px;
  top: 0px;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
footer .footerToggleBtn.ui-state-active:after {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
footer .footerToggleDiv {
  border-bottom: 1px solid #4c456f;
  padding: 20px 0;
}
footer .footerToggleDiv .newsLetter h2 {
  font: 18px DroidArabicKufi-Bold, arial, sans-serif;
  color: #d5a00c;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
footer .footerToggleDiv .newsLetter p {
  color: #fff;
  font: 13px DroidArabicKufi, arial, sans-serif;
}
footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper {
  position: relative;
  margin: 30px 0;
}
footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputTxtBox {
  background: transparent none;
  border: none;
  border-bottom: 1px solid #2e2a49;
  width: 100%;
  color: #fff;
  padding: 1px 12px;
  font: 15px DroidArabicKufi, arial, sans-serif;
  padding-left: 75px;
  position: relative;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputTxtBox:focus {
  border-color: #d5a00c;
}
footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputBtn {
  position: absolute;
  left: 0;
  bottom: 1px;
  background: #363153;
  color: #d5a00c;
  padding: 1px 12px;
  font: 15px DroidArabicKufi, arial, sans-serif;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputBtn:hover {
  background: #2e2a49;
}
footer .footerMoreLinks h2 {
  font: 18px DroidArabicKufi-Bold, arial, sans-serif;
  color: #d5a00c;
  margin-bottom: 15px;
  padding-right: 35px;
}
footer .footerMoreLinks a {
  color: #fff;
  font: 15px DroidArabicKufi, arial, sans-serif;
  display: block;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-right: 35px;
}
footer .footerMoreLinks a:hover {
  color: #fcd360;
}
footer .footerMoreLinks a:active {
  color: #fff;
}
footer .footerMoreLinks a h2 {
  padding-right: 0;
}
footer .footerCopyRightsWrapper .copyRights {
  color: #fff;
  font: 12px DroidArabicKufi, arial, sans-serif;
  padding-top: 40px;
}
footer .footerCopyRightsWrapper .footerLinks {
  color: #fff;
  font: 12px DroidArabicKufi, arial, sans-serif;
  padding-top: 40px;
  text-align: center;
}
footer .footerCopyRightsWrapper .footerLinks a {
  color: #fff;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer .footerCopyRightsWrapper .footerLinks a:hover {
  color: #fcd360;
}
footer .footerCopyRightsWrapper .footerLinks a:active {
  color: #fff;
}
footer .footerCopyRightsWrapper .footerLogo {
  text-align: left;
  padding-top: 20px;
}
footer .footerCopyRightsWrapper .footerLogo img {
  margin-right: 30px;
  vertical-align: middle;
}
.innerpagebody {
  background: url('../images/inner-bg.png') no-repeat center 0;
}
.homePageBtn.btn {
  padding: 12px 20px!important;
  min-width: 160px!important;
  margin-right: 10px;
  margin-left: 10px;
}
.breadCrumb {
  margin-top: 20px;
  border-top: 1px solid #675f8e;
  padding: 40px 15px 20px;
}
.breadCrumb .breadCrumbDetails {
  font: 13px DroidArabicKufi, arial, sans-serif;
  color: #fff;
}
.breadCrumb .breadCrumbDetails span,
.breadCrumb .breadCrumbDetails a {
  font: 13px DroidArabicKufi, arial, sans-serif;
  color: #fff;
}
.breadCrumb .breadCrumbDetails span:after,
.breadCrumb .breadCrumbDetails a:after {
  content: "\f104";
  font: 20px FontAwesome;
  vertical-align: sub;
  color: #d5a00c;
  margin: 0 15px;
}
.breadCrumb .breadCrumbDetails span.active,
.breadCrumb .breadCrumbDetails a.active {
  color: #d5a00c;
}
.breadCrumb .breadCrumbDetails span.active:after,
.breadCrumb .breadCrumbDetails a.active:after {
  content: "";
  display: none;
}
.breadCrumb .breadCrumbTtl {
  font: 30px DroidArabicKufi-Bold, arial, sans-serif;
  color: #fff;
  margin-top: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadCrumb .breadCrumbFunctions {
  background: #d5a00c;
  display: inline-block;
  padding: 0 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-top: 26px;
  float: left;
  margin-left: -15px;
}
.breadCrumb .breadCrumbFunctions a {
  font: 18px FontAwesome;
  color: #fff !important;
  padding: 12px;
  display: inline-block;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.breadCrumb .breadCrumbFunctions a:hover {
  color: #675f8e !important;
}
.contentWrapper {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 85px 5px rgba(0, 0, 0, 0.15);
  margin-bottom: 95px;
  padding-top: 30px;
  padding-bottom: 15px;
}
.contentWrapperSD {
  padding: 30px 15px 0;
  min-height: 515px;
}
.designElementsCir {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font: normal 18px DroidArabicKufi, arial, sans-serif;
  color: #fff;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 9px;
  margin: 20px 0;
}
.quoteWrapper {
  font: normal 16px DroidArabicKufi, arial, sans-serif;
  color: #555;
  width: 560px;
  text-align: center;
  margin: 10px 0;
  max-width: 100%;
  padding: 0 50px;
  position: relative;
  display: inline-block;
}
.quoteWrapper:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 14px;
  background: transparent url('../images/imageSprite.png') -138px 0px no-repeat;
  margin: 0px 9px 0;
  position: absolute;
  top: 9px;
  left: 0;
}
.quoteWrapper:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 14px;
  background: transparent url('../images/imageSprite.png') -166px 0px no-repeat;
  margin: 0px 9px 0;
  position: absolute;
  top: 9px;
  right: 0;
}
.artclDate {
  display: block;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
  margin: 20px 0 10px;
}
.artclDate i {
  margin-left: 10px;
  vertical-align: middle;
}
.artclTxt,
.ms-rtestate-field p {
  font: 14px DroidArabicKufi, arial, sans-serif;
  text-align: justify;
  margin: 10px 0;
}
.artclImg {
  position: relative;
  margin: 10px 20px;
  overflow: hidden;
  float: left;
  max-width: 100%;
}
.artclImg img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  max-width: 100%;
}
.rightBorderTxtPurple {
  border-right: 3px solid #3f395f;
  padding: 0px 15px 0px 0;
  margin: 15px 0 15px 15px;
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
}
.rightBorderTxtYellow {
  border-right: 3px solid #d5a00c;
  padding: 0px 15px 0px 0;
  margin: 15px 0 15px 15px;
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
}
.rightBorderTxtOrange {
  border-right: 3px solid #f7a01b;
  padding: 0px 15px 0px 0;
  margin: 15px 0 15px 15px;
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
}
.rightBorderTxt {
  border-right: 3px solid #d6d6d6;
  padding: 0px 15px 0px 0;
  margin: 15px 0 15px 15px;
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
}
ul.lst {
  padding-left: 10px;
  list-style: none;
  margin-bottom: 20px;
  padding-right: 18px;
}
ul.lst li {
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #666;
}
ul.lst li a {
  color: #d5a00c;
}
ul.lst li a:hover {
  color: #f3bb21;
}
ul.lst li a:active {
  color: #d5a00c;
}
ul.lst li:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #666;
  margin: 11px 0px 0 10px;
  border-radius: 100%;
  vertical-align: top;
  margin-right: -19px;
}
ul.lstPurple {
  padding-left: 10px;
  list-style: none;
  margin-bottom: 20px;
  padding-right: 18px;
}
ul.lstPurple li {
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
}
ul.lstPurple li a {
  color: #d5a00c;
}
ul.lstPurple li a:hover {
  color: #f3bb21;
}
ul.lstPurple li a:active {
  color: #d5a00c;
}
ul.lstPurple li:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #3f395f;
  margin: 11px 0px 0 10px;
  border-radius: 100%;
  vertical-align: top;
  margin-right: -19px;
}
ol.lst {
  padding-left: 10px;
  list-style: decimal!important;
  margin-bottom: 20px;
  padding-right: 18px;
}
ol.lst li {
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #666;
  list-style: decimal!important;
}
ol.lst li a {
  color: #d5a00c;
}
ol.lst li a:hover {
  color: #f3bb21;
}
ol.lst li a:active {
  color: #d5a00c;
}
ol.lstPurple {
  padding-left: 10px;
  list-style: decimal!important;
  margin-bottom: 20px;
  padding-right: 18px;
}
ol.lstPurple li {
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
  list-style: decimal!important;
}
ol.lstPurple li a {
  color: #d5a00c;
}
ol.lstPurple li a:hover {
  color: #f3bb21;
}
ol.lstPurple li a:active {
  color: #d5a00c;
}
.ArticleContent {
  padding: 0 10px;
}
.ArticleContent ul.lstPurple li,
.ArticleContent ul.lst li,
.ArticleContent ol.lst li,
.ArticleContent ol.lstPurple li {
  margin-bottom: 5px;
}
.ContentDivVideo {
  width: 100%;
}
.imgWithSubWrapper {
  max-width: 380px;
  float: left;
}
.gryWrapper {
  background-color: #f1f1f1;
  padding: 15px;
  margin-bottom: 20px;
}
.form-inline .form-control {
  width: 100%;
}
.form-group {
  margin-bottom: 25px!important;
}
.form-group .radio,
.form-group .checkbox {
  margin-left: 5px;
  margin-top: 5px;
}
.form-group input[type=radio],
.form-group input[type=checkbox] {
  vertical-align: middle;
  float: none;
}
.radio label,
.checkbox label {
  font: normal 14px/20px DroidArabicKufi, arial, sans-serif;
  color: #666;
}
.control-label {
  font: normal 16px DroidArabicKufi-Bold, arial, sans-serif;
  color: #3f395f;
  padding: 2px 30px 0px 5px!important;
}
.required .control-label:after {
  content: '*';
  font: normal 16px/20px DroidArabicKufi, arial, sans-serif;
  color: #d5a00c;
  margin-right: 5px;
}
.error .form-control {
  border-color: red !important;
}
.form-control,
.select2-selection {
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
  border: none!important;
  border-bottom: 1px #cccccc solid !important;
  border-radius: 0!important;
  box-shadow: none!important;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-height: 34px;
}
.form-control:focus,
.select2-selection:focus {
  border-color: #d5a00c !important;
}
.select2-container--open .select2-selection {
  border-color: #d5a00c !important;
}
.select2-selection__arrow {
  background: transparent url('../images/imageSprite.png') -202px 9px no-repeat;
}
.select2-selection__arrow b {
  display: none;
}
.select2-container--open .select2-selection__arrow {
  background: transparent url('../images/imageSprite.png') -202px -21px no-repeat;
}
select.form-control {
  padding-top: 3px;
}
.datepickerIcon {
  background: url('../images/datepickerIcon.png') no-repeat left top;
  padding-left: 35px;
}
.tooltipIcon {
  background: url('../images/tooltipIcon.png') no-repeat 0 0;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 7px;
}
.tooltip-arrow {
  border-top-color: #3f395f !important;
}
.tooltip-inner {
  background: #3f395f;
  color: #fff;
  max-width: 370px;
  padding: 5px;
}
.tooltipWrapper .form-control {
  padding-left: 30px;
}
.rangeSlider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background: #eeeeee;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}
.rangeSlider:hover {
  opacity: 1;
}
.rangeSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #3f395f;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.rangeSlider::-moz-range-thumb {
  width: 18px;
  height: 18px;
  background: #3f395f;
  cursor: pointer;
}
.btn {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 0px!important;
  min-width: 170px!important;
  font: normal 16px/20px DroidArabicKufi, arial, sans-serif !important;
  color: #fff !important;
  box-shadow: none;
  margin: 5px;
  background-color: #3f395f !important;
  padding: 15px 60px!important;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn:focus {
  border: 0px!important;
  outline: none!important;
}
.btn:hover {
  background-color: #544c7f !important;
}
.btn:active {
  background-color: #3f395f !important;
}
.btn.btnyellow {
  background-color: #d5a00c !important;
}
.btn.btnyellow:hover {
  background-color: #edb20d !important;
}
.btn.btnyellow:active {
  background-color: #d5a00c !important;
}
.btn.btngray {
  background-color: #555 !important;
}
.btn.btngray:hover {
  background-color: #6f6f6f !important;
}
.btn.btngray:active {
  background-color: #555 !important;
}
.btn.btnwhite {
  background-color: #fff !important;
  color: #3f395f !important;
}
.btn.btnwhite:hover {
  background-color: #ffffff !important;
}
.btn.btnwhite:active {
  background-color: #fff !important;
}
.btn i {
  margin-right: 5px;
  margin-left: 5px;
}
.srchPanel {
  padding: 10px 5px;
  margin: 0 0 15px 0;
  /*box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);*/
  border: 1px solid #3f395f;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.srchPanel .select2-container {
  vertical-align: bottom;
}
.srchPanel .form-control,
.srchPanel .select2-selection {
  /*min-height:36px;*/
  min-width: 150px;
  border: none!important;
  margin-bottom: 0;
  box-shadow: none;
  text-align: right;
}
.srchPanel .form-inline {
  text-align: left;
}
.srchPanel .form-inline .form-group {
  margin-bottom: 0!important;
}
.srchPanel .withBorderSearchField.form-control {
  position: relative;
}
.srchPanel .withBorderSearchField.form-control:after {
  content: '';
  width: 1px;
  height: 34px;
  position: absolute;
  top: 1px;
  right: -17px;
}
.srchPanel .control-label {
  font: normal 17px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
  margin: 0 17px;
}
.srchPanel .navbar-form {
  text-align: right;
  padding: 12px 17px;
}
.srchPanel .navbar-form > div {
  display: inline;
}
.srchPanel:after {
  content: '';
  display: block;
  clear: both;
}
.srchPanel .btn {
  border-radius: 50px;
  padding: 10px 35px!important;
  margin-right: 20px;
  min-width: 0!important;
  margin-top: 0;
  margin-bottom: 0;
}
.srchPanel .border-right {
  border-right: 1px solid #cccccc;
}
.accordion .ui-accordion-header {
  border: 1px solid #3f395f;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font: normal 16px DroidArabicKufi, arial, sans-serif;
  padding: 5px 15px 8px 6px;
  margin: 10px 0 20px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fff !important;
  color: #3f395f !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accordion .ui-accordion-header .ui-accordion-header-icon {
  display: block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  background: #3f395f;
  float: left;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  margin-top: 2px;
}
.accordion .ui-accordion-header .ui-accordion-header-icon:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: transparent url('../images/imageSprite.png') -91px -43px no-repeat;
  position: absolute;
  top: 7px;
  left: 7px;
}
.accordion .ui-accordion-header.ui-state-active {
  border-color: #d5a00c;
}
.accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  background-color: #d5a00c;
}
.accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
  background: transparent url('../images/imageSprite.png') -91px -74px no-repeat;
}
.accordion .ui-accordion-content {
  padding: 5px 10px;
  border: none;
}
.nav-tabs {
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 15px;
}
.nav-tabs > li {
  background: #3f395f;
  border: none;
  margin-left: 3px;
  min-width: 157px;
  text-align: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 10px 10px 0;
}
.nav-tabs > li:hover {
  background-color: #544c7f;
}
.nav-tabs > li:active {
  background-color: #3f395f;
}
.nav-tabs > li.active {
  background: #d5a00c;
  /*box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.35);*/
  position: relative;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-tabs > li.active > a {
  color: #fff;
}
.nav-tabs > li.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d5a00c;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-tabs > li.disabled {
  background: #cccccc;
  pointer-events: none;
}
.nav-tabs > li.disabled:after {
  display: none;
}
.nav-tabs > li.disabled > a {
  color: #a8a7a7 !important;
}
.nav-tabs > li > a {
  font: normal 16px DroidArabicKufi, arial, sans-serif;
  color: #fff !important;
  border: none!important;
  background: transparent none!important;
  padding: 5px 25px 8px;
  text-align: center;
}
.tab-pane {
  padding-top: 10px;
}
.vTabs {
  border-bottom: none;
  position: relative;
  width: 180px;
  min-height: 230px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-left: 20px;
  float: right;
  border-left: 1px solid #d5a00c;
  box-shadow: 10px 0px 25px -14px #ccc inset;
}
.vTabs > li {
  display: list-item;
  float: none;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  -webkit-border-radius: 0 50px 50px 0;
  -moz-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
}
.vTabs > li a {
  padding: 5px 10px 8px;
}
.vTabs > li.active {
  box-shadow: none;
}
.vTabs > li.active:after {
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 10px solid #d5a00c;
  bottom: 11px;
  left: -10px;
}
.vTab-content {
  float: right;
  width: calc(100% - 200px);
}
.vTabsWrapper:after {
  content: '';
  clear: both;
  display: block;
}
.warning {
  background: #fdf6e1 url('../images/infoIconPurple.png') right center no-repeat;
  border: 1px solid #d5a00c;
  padding: 15px 90px 15px 50px;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: 10px 0;
}
.warning.warningGreen {
  background: #c8e79f url('../images/infoIconGreen.png') right center no-repeat;
  border-color: #87b747;
  color: #4b7316;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.warning.warningBlue {
  background: #bfe6f7 url('../images/infoIconBlue.png') right center no-repeat;
  border-color: #0078ad;
  color: #0078ad;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.warning.warningYellow {
  background: #fdf6e1 url('../images/infoIconPurple.png') right center no-repeat;
  border-color: #d5a00c;
  color: #3f395f;
}
.warning.warningError {
  background: #fbd1d1 url('../images/errorIcon.png') right center no-repeat;
  border-color: #c72929;
  color: #3f395f;
}
.warning.warningSuccess {
  background: #35b491 url('../images/successIcon.png') right center no-repeat;
  border-color: #249173;
  color: #fff;
}
.warning.warningPurple {
  background: #f2f1fc url('../images/gs/infoIconPurple.png') right center no-repeat;
  border-color: #ddd;
  color: #333;
}
.table {
  width: 100%;
}
.table > thead > tr > th,
.table > tbody > tr > th {
  background: #3f395f;
  font: normal 16px DroidArabicKufi, arial, sans-serif;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  vertical-align: middle;
  padding: 5px 15px;
}
.table > tbody > tr > td {
  font: normal 15px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
  text-align: right;
  vertical-align: middle!important;
  padding: 10px 10px;
  border: 1px solid #fff;
  padding: 5px 15px;
}
.table > tbody > tr > td input[type=text] {
  width: 100%;
  min-height: 30px;
}
.table > tbody > tr > td input[type=file] {
  width: 100%;
}
.table > tbody > tr:nth-child(even) {
  background-color: #fff;
}
.table > tbody > tr:nth-child(odd) {
  background-color: #eaebec;
}
.table > tbody > tr.active > td {
  background-color: #f9eece;
}
.table a {
  color: #3f395f;
  text-decoration: underline;
}
.tableWrapper {
  max-width: 100%;
  overflow: auto;
}
.pagination {
  text-align: center;
}
.pagination li a {
  font: normal 15px/15px DroidArabicKufi, arial, sans-serif;
  color: #3f395f;
  background-color: #fff;
  padding: 13px 10px;
  height: 40px;
  min-width: 40px;
  margin: 0px!important;
  border-color: #d6e1e5 !important;
  margin-left: -1px !important;
  text-align: center;
}
.pagination li a:hover {
  background-color: #544c7f;
  color: #fff;
}
.pagination li a:active {
  background-color: #3f395f;
}
.pagination li a .fa {
  font: normal normal normal 15px/14px FontAwesome;
}
.pagination li.active a,
.pagination li.active a:hover {
  background: #3f395f none !important;
  color: #fff;
}
.pagination li.disabled a {
  background-color: #bdbdbd;
  color: #3f395f;
}
.pagination li.disabled a:hover {
  background-color: #bdbdbd;
  color: #3f395f;
}
.shareWrapper {
  border-top: 1px solid #ebebeb;
  padding-top: 15px;
  margin-top: 10px;
}
.shareWrapper .lastEdit {
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
}
.shareWrapper .shareBtns {
  text-align: left;
}
.shareWrapper .shareBtns span {
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  margin-left: 10px;
}
.shareWrapper .shareBtns a {
  background: #363153;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff !important;
  display: inline-block;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font: 16px FontAwesome;
  text-align: center;
  padding-top: 6px;
  margin: 0px 2px;
  vertical-align: middle;
}
.shareWrapper .shareBtns a:hover {
  background: #d5a00c;
}
.contentTopBtns {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 25px;
  box-shadow: 0 25px 30px -20px rgba(0, 0, 0, 0.1);
  margin-top: -30px;
}
.contentTopBtns a {
  text-align: center;
  padding: 10px 30px 5px;
  color: #3f395f !important;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  border-right: 1px solid #cfcdd7;
  display: inline-block;
}
.contentTopBtns a:hover {
  color: #d5a00c !important;
}
.contentTopBtns a:first-child {
  border: none;
}
.contentTopBtns a i {
  display: block;
  font-size: 24px;
  margin-bottom: 5px;
}
.formTtl {
  background: #d5a00c;
  color: #fff;
  font: normal 20px DroidArabicKufi-Bold, arial, sans-serif;
  display: inline-block;
  padding: 5px 30px 5px 20px;
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  margin: 30px 0 35px;
}
.formTtl:after {
  content: "";
  clear: both;
  display: block;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #3f395f;
  background: #544c7f;
}
.ui-datepicker * {
  font-family: DroidArabicKufi, arial, sans-serif;
}
.greyContainer {
  padding: 25px;
  background: #fafafa;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 96%;
  margin: 30px auto;
}
.captchaWrapper {
  margin: 50px auto 70px;
}
.captchaWrapper .form-control {
  width: 380px;
  vertical-align: bottom;
  max-width: 50%;
}
.captchaImg {
  vertical-align: bottom;
  margin: 0 20px;
}
.captchaBtn {
  width: 45px;
  height: 45px;
  padding: 5px!important;
  font-size: 25px!important;
  min-width: 0!important;
  box-shadow: none!important;
  vertical-align: bottom;
}
.captchaBtn:hover {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.captchaBtn i {
  margin: 0;
}
.homenews {
  margin-top: 50px;
  background: transparent url("../images/pattern-bg.png") center 80px repeat-x;
}
.homenews h2 {
  font-size: 40px;
  text-align: center;
  border-bottom: 1px solid #dedede;
  position: relative;
  margin-bottom: 35px;
}
.homenews h2:after {
  content: "";
  height: 3px;
  width: 290px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  margin-left: -145px;
  background: #d5a00c;
}
.homenews .homenewsSlider {
  padding: 10px;
  z-index: 0;
}
.homenews .homenewsSlider .swiper-slide {
  height: 350px;
  border: 5px solid #fff;
  box-shadow: 0px 0px 5px 1px #ebebeb;
  position: relative;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
}
.homenews .homenewsSlider .swiper-slide:after {
  content: "";
  display: block;
  height: 175px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: -moz-linear-gradient(top, rgba(57, 51, 86, 0) 0%, rgba(57, 51, 86, 0.4) 20%, #393356 90%, #393356 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(57, 51, 86, 0) 0%, rgba(57, 51, 86, 0.4) 20%, #393356 90%, #393356 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(57, 51, 86, 0) 0%, rgba(57, 51, 86, 0.4) 20%, #393356 90%, #393356 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6393356', GradientType=0);
  /* IE6-9 */
}
.homenews .homenewsSlider .swiper-slide .newsItem {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  padding: 10px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.homenews .homenewsSlider .swiper-slide .newsItem .artclDate {
  color: #fff;
  font-size: 14px;
  margin: 20px 0 5px;
}
.homenews .homenewsSlider .swiper-slide .newsItem h3 {
  font: normal 20px/30px DroidArabicKufi, arial, sans-serif;
  color: #d5a00c;
  text-align: justify;
}
.homenews .homenewsSlider .swiper-slide .newsItem p {
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  color: #fff;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 0;
}
.homenews .homenewsSlider .swiper-slide:hover .newsItem p {
  height: 87px;
  transition-delay: 0.2s;
}
.homenews .homenewsSlider .swiper-slide:hover:after {
  height: 350px;
}
.homenews .swiper-pagination {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  z-index: 0;
}
.homenews .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border: 2px solid #d5a00c;
  background: transparent;
  margin: 0 8px;
  opacity: 1;
}
.homenews .swiper-pagination .swiper-pagination-bullet-active {
  border: 2px solid #3f395f;
  background: #3f395f;
}
.homenews .homenewsBtm {
  background: transparent url("../images/homenewsBtmBG.png") center bottom no-repeat;
  text-align: center;
  min-height: 115px;
}
.homenews .btn {
  padding: 12px 20px!important;
  min-width: 160px!important;
  margin-right: 10px;
  margin-left: 10px;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.25);
}
.indecatorsResearchesWrapper {
  background: #f9f9f9;
  margin-bottom: 100px;
  position: relative;
  padding-top: 40px;
}
.indecatorsResearchesWrapper:after {
  content: "";
  display: block;
  height: 98px;
  width: 100%;
  background: transparent url("../images/arcBG.png") center top no-repeat;
  position: absolute;
  bottom: -98px;
  right: 0;
}
.indecatorsWrapper h2 {
  text-align: center;
  color: #d5a00c;
  font-size: 40px;
}
.indecatorsWrapper .indecatorsInnerWrapper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  padding: 1px 0 0 1px;
  background-color: #dedede;
}
.indecatorsWrapper .indecatorsItem {
  height: 250px;
  width: 50%;
  display: inline-block;
  background: #fff;
  margin-bottom: 1px;
  border-right: 1px solid #dedede;
  float: right;
  text-align: center;
  font: normal 20px/30px DroidArabicKufi-Bold, arial, sans-serif;
  color: #3f395f;
  padding: 0 40px 20px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.indecatorsWrapper .indecatorsItem img {
  display: block;
  margin: 35px auto;
}
.indecatorsWrapper .indecatorsItem:hover {
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-delay: 0.2s;
}
.researchesWrapper {
  text-align: center;
}
.researchesWrapper h2 {
  font-size: 40px;
  text-align: center;
  border-bottom: 1px solid #dedede;
  position: relative;
  margin-bottom: 0px;
  padding-bottom: 17px;
}
.researchesWrapper h2:after {
  content: "";
  height: 3px;
  width: 300px;
  position: absolute;
  bottom: -2px;
  left: 50%;
  margin-left: -150px;
  background: #d5a00c;
}
.researchesWrapper .btn {
  padding: 12px 20px!important;
  min-width: 160px!important;
  margin-right: 10px;
  margin-left: 10px;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.25);
}
.researchesWrapper .researchesInnerWrapper {
  text-align: left;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 16px;
  margin-bottom: 10px;
  min-height: 501px;
  position: relative;
}
.researchesWrapper .researchesInnerWrapper img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.researchesWrapper .researchesInnerWrapper .researchesImgWrapper {
  display: block;
  height: 330px;
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}
.researchesWrapper .researchesInnerWrapper .btn {
  min-width: 110px!important;
}
.researchesWrapper .researchesInnerWrapper .researchesBtnWrapper {
  position: absolute;
  width: 98%;
  bottom: 0;
  right: 1%;
  text-align: center;
  padding: 15px;
  border-top: 1px solid #ececec;
}
.homeLinksSection {
  margin: 20px 0;
  background: transparent url("../images/pattern-bg.png") center top repeat-x;
}
.homeLinksSection .homeLinksSectionInner {
  margin: 75px 0;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem {
  display: inline-block;
  width: 25%;
  float: right;
  background: #fff;
  border: 1px solid #e5e5e5;
  margin-left: -1px;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 325px;
  padding: 12px;
  position: relative;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem img {
  display: block;
  margin: 70px auto 25px;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 95px;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemTtl {
  font: normal 28px DroidArabicKufi-Bold, arial, sans-serif;
  text-align: center;
  color: #3f395f;
  margin-bottom: 20px;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails {
  overflow: hidden;
  height: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  padding: 0 5px;
  text-align: center;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul {
  opacity: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: right;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul li {
  margin-top: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul i {
  font-size: 22px;
  vertical-align: middle;
  color: #d5a00c;
  margin-left: 5px;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul a {
  vertical-align: middle;
  font: normal 14px DroidArabicKufi-Bold, arial, sans-serif;
  color: #3f395f;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul a:hover {
  color: #544c7f;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul a:active {
  color: #3f395f;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails .btn {
  padding: 12px 20px!important;
  min-width: 160px!important;
  margin-right: 10px;
  margin-left: 10px;
  opacity: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 25px;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover {
  height: 455px;
  margin-top: -66px;
  margin-bottom: -66px;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 2;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover img {
  display: block;
  margin: 5px auto 10px;
  height: 50px;
  transition-delay: 0.4s;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover .homeLinksSectionItemTtl {
  font: normal 24px DroidArabicKufi-Bold, arial, sans-serif;
  transition-delay: 0.4s;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover .homeLinksSectionItemDetails {
  height: 290px;
  opacity: 1;
  border-top: 1px solid #e6e6e6;
  transition-delay: 0.4s;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover ul,
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover .btn {
  opacity: 1;
  transition-delay: 0.8s;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItemempty {
  background: none;
  border: none;
}
.homeLinksSection .homeLinksSectionInner .homeLinksSectionItemempty:hover {
  box-shadow: none;
}
.websitesWrapper {
  margin-top: 100px;
  position: relative;
  padding-bottom: 140px;
  background: #f8f8f8;
}
.websitesWrapper:after {
  content: "";
  display: block;
  height: 98px;
  width: 100%;
  background: transparent url("../images/arcTopBG.png") center bottom no-repeat;
  position: absolute;
  top: -98px;
  right: 0;
}
.citcWebSitesLinksWrapper h2 {
  text-align: center;
  color: #d5a00c;
  font-size: 40px;
  margin-bottom: 40px;
}
#citcWebSitesLinks {
  padding-right: 40px;
  padding-left: 40px;
}
#citcWebSitesLinks a {
  display: block;
  text-align: center;
  height: 60px;
}
#citcWebSitesLinks .item {
  padding: 8px;
  height: 76px;
  text-align: center;
}
#citcWebSitesLinks img {
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: 100%;
  max-width: 100%;
  margin: auto;
}
#citcWebSitesLinks img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#citcWebSitesLinks .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  right: 0;
  height: 0;
}
#citcWebSitesLinks .owl-nav .owl-prev,
#citcWebSitesLinks .owl-nav .owl-next {
  display: inline-block;
  padding: 0!important;
  margin-top: -34px;
  color: #d6d6d6;
  width: 20px;
  height: 40px;
}
#citcWebSitesLinks .owl-nav .owl-prev span,
#citcWebSitesLinks .owl-nav .owl-next span {
  display: none;
}
#citcWebSitesLinks .owl-nav .owl-prev {
  float: right;
  margin-right: -5px;
  background: transparent url(../images/sliderArw1.png) center center no-repeat;
}
#citcWebSitesLinks .owl-nav .owl-next {
  float: left;
  margin-left: -5px;
  background: transparent url(../images/sliderArw2.png) center center no-repeat;
}
.relatedWebsitesWrapper h2 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 40px;
}
#relatedWebsites {
  padding-right: 40px;
  padding-left: 40px;
}
#relatedWebsites a {
  display: block;
  text-align: center;
  height: 60px;
}
#relatedWebsites .item {
  padding: 8px;
  height: 76px;
  text-align: center;
}
#relatedWebsites img {
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: 100%;
  max-width: 100%;
  margin: auto;
}
#relatedWebsites img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#relatedWebsites .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  right: 0;
  height: 0;
}
#relatedWebsites .owl-nav .owl-prev,
#relatedWebsites .owl-nav .owl-next {
  display: inline-block;
  padding: 0!important;
  margin-top: -34px;
  color: #d6d6d6;
  width: 20px;
  height: 40px;
}
#relatedWebsites .owl-nav .owl-prev span,
#relatedWebsites .owl-nav .owl-next span {
  display: none;
}
#relatedWebsites .owl-nav .owl-prev {
  float: right;
  margin-right: -5px;
  background: transparent url(../images/sliderArw1.png) center center no-repeat;
}
#relatedWebsites .owl-nav .owl-next {
  float: left;
  margin-left: -5px;
  background: transparent url(../images/sliderArw2.png) center center no-repeat;
}
.slider-wrapper {
  /*background-color: @basecolor1;*/
  height: 809px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
  transform-style: preserve-3d;
}
.slider-wrapper .main_slider,
.slider-wrapper .main_slider_mobile {
  height: 809px;
  margin-left: 0;
}
.slider-wrapper .main_slider .swiper-slide,
.slider-wrapper .main_slider_mobile .swiper-slide {
  background-size: auto!important;
  background-repeat: no-repeat !important;
  background-position: center top!important;
}
.slider-wrapper .main_slider_pager {
  bottom: 170px;
}
.slider-wrapper .main_slider_pager .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background: none;
  border: 2px #fff solid;
  opacity: 0.7;
}
.slider-wrapper .main_slider_pager .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d5a00c;
  border: 0;
  opacity: 1;
}
.service-wrapper {
  position: relative;
  padding-top: 25px;
}
.service-wrapper .row {
  position: relative;
}
.service-wrapper .servbox {
  position: absolute;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  width: 170px;
  height: 170px;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.service-wrapper .servbox .serv-icon {
  margin-top: 20%;
  margin-bottom: 10px;
  display: block;
}
.service-wrapper .servbox .serv-title {
  font: 15px DroidArabicKufi-Bold, arial, sans-serif;
  color: #3f395f;
}
.service-wrapper .servbox.serv-xl {
  width: 245px;
  height: 245px;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
}
.service-wrapper .servbox.serv-xl .serv-title {
  font-size: 18px;
}
.service-wrapper .servbox.serv-md {
  width: 200px;
  height: 200px;
}
.service-wrapper .servbox.serv-md .serv-title {
  font-size: 16px;
}
.service-wrapper .servbox.serv-sm {
  width: 170px;
  height: 170px;
}
.service-wrapper .servbox.serv-sm .serv-icon {
  margin-top: 11%;
  margin-bottom: 5px;
}
.service-wrapper .servbox:hover {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.service-wrapper .servbox.order1 {
  top: 0;
  right: 20px;
}
.service-wrapper .servbox.order2 {
  top: 150px;
  right: 250px;
}
.service-wrapper .servbox.order3 {
  top: 265px;
  right: 58px;
}
.service-wrapper .servbox.order4 {
  top: 360px;
  right: 220px;
}
.service-wrapper .homePageBtn {
  position: absolute;
  top: 545px;
  right: 440px;
  /*box-shadow: 0px 0px 25px 5px rgba(0,0,0,.25);*/
}
.rightsBtn {
  display: block;
  position: fixed;
  right: 0;
  top: 20%;
  width: 220px;
  height: 55px;
  background: #3f395f url('../images/rightIcon.png') left center no-repeat;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  color: #fff !important;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-right: -150px;
  font: normal 14px DroidArabicKufi-Bold, arial, sans-serif;
  text-align: center;
  padding: 14px 25px 14px 65px;
  z-index: 999;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.25);
}
.rightsBtn:hover {
  margin-right: 0px;
  background-color: #544c7f;
}
.rightsBtn:active {
  background-color: #3f395f;
}
.sideFloatingLinksWrapper {
  display: block;
  position: fixed;
  left: -100px;
  top: 20%;
  z-index: 999;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sideFloatingLinksWrapper.show {
  left: 0;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn {
  display: block;
  width: 65px;
  height: 65px;
  margin-bottom: 10px;
  margin-left: 15px;
  background-color: #3f395f;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  background-image: url(../images/sideFloatingLinksBtns.png);
  background-repeat: no-repeat;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.25);
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn .sideFloatingLinksTtl {
  display: block;
  position: absolute;
  left: 85px;
  top: 18px;
  padding: 12px 24px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #d5a00c;
  white-space: nowrap;
  color: #fff;
  font: normal 14px/16px DroidArabicKufi, arial, sans-serif;
  opacity: 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.25);
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn .sideFloatingLinksTtl:after {
  content: "";
  display: block;
  position: absolute;
  left: -7px;
  top: 10px;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  border-right: 10px solid #d5a00c;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn:hover {
  background-color: #d5a00c;
  overflow: visible;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn:hover .sideFloatingLinksTtl {
  opacity: 1;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn.sideFloatingLinksBtn1 {
  background-position: 12px 13px;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn.sideFloatingLinksBtn2 {
  background-position: 7px -60px;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn.sideFloatingLinksBtn3 {
  background-position: 10px -136px;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn.sideFloatingLinksBtn4 {
  background-position: 10px -207px;
}
.sideFloatingLinksWrapper .sideFloatingLinksBtn.sideFloatingLinksBtn5 {
  background-position: 11px -281px;
}
.morebtn {
  color: #d5a00c;
  font-size: 16px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.morebtn i {
  margin-right: 10px;
}
.morebtn:hover {
  color: #f3bb21;
}
.morebtn:active {
  color: #d5a00c;
}
.scTopBtnsWrapper {
  margin-bottom: 10px;
}
.scTopBtnsWrapper .btn {
  min-width: 150px!important;
  padding: 15px 30px!important;
  margin-right: 30px;
  margin-left: 0;
}
.scCard {
  width: 100%;
  height: 370px;
  background: #fff url('../images/scbg.png') center top no-repeat;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 40px;
  overflow: hidden;
  cursor: pointer;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  text-align: center;
}
.scCard:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #3f395f;
  right: 0;
  bottom: -370px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px solid #3f395f;
}
.scCard img {
  display: block;
  margin: 70px auto 0;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100px;
  position: relative;
  opacity: 1;
}
.scCard h3 {
  font-size: 25px;
  margin-top: 95px;
  margin-bottom: 60px;
  text-align: center;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #3f395f;
  position: relative;
}
.scCard h4 {
  position: relative;
  text-align: center;
  padding: 5px 20px;
  padding-top: 10px;
  opacity: 0;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 14px;
  color: #d5a00c;
}
.scCard p {
  position: relative;
  text-align: center;
  padding: 5px 20px;
  padding-top: 10px;
  opacity: 0;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 13px;
  color: #fff;
}
.scCard .btn {
  position: relative;
  opacity: 0;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 15px;
  min-width: 160px!important;
  padding: 10px 25px!important;
  font: normal 16px DroidArabicKufi-Bold, arial, sans-serif !important;
}
.scCard .btn:hover {
  transition-delay: 0s!important;
}
.scCard .scCardBottomBtnsWrapper {
  position: absolute;
  width: 100%;
  height: 71px;
  left: 0;
  z-index: 2;
  overflow: hidden;
  bottom: 0;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtn {
  text-align: center;
  color: #fff;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  width: 100%;
  height: 70px;
  border-top: solid 1px #6f669d;
  position: relative;
  display: inline-block;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  margin-top: 5px;
  /*&:hover{background:#6f669d;transition-delay:0s!important;}*/
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtn i {
  display: block;
  height: 26px;
  margin-top: 10px;
  background-position: center top;
  background-repeat: no-repeat;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtn:after {
  content: "";
  display: block;
  clear: both;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtnR {
  text-align: center;
  color: #fff;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  width: 100%;
  height: 70px;
  border-top: solid 1px #6f669d;
  position: relative;
  display: inline-block;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  margin-top: 5px;
  /*&:hover{background:#6f669d;transition-delay:0s!important;}*/
  width: 50%;
  float: right;
  border-left: solid 1px #6f669d;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtnR i {
  display: block;
  height: 26px;
  margin-top: 10px;
  background-position: center top;
  background-repeat: no-repeat;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtnR:after {
  content: "";
  display: block;
  clear: both;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtnL {
  text-align: center;
  color: #fff;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  width: 100%;
  height: 70px;
  border-top: solid 1px #6f669d;
  position: relative;
  display: inline-block;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  margin-top: 5px;
  /*&:hover{background:#6f669d;transition-delay:0s!important;}*/
  width: 50%;
  float: right;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtnL i {
  display: block;
  height: 26px;
  margin-top: 10px;
  background-position: center top;
  background-repeat: no-repeat;
}
.scCard .scCardBottomBtnsWrapper .scCardBottomBtnL:after {
  content: "";
  display: block;
  clear: both;
}
.scCard .scCardBottomBtnsWrapper .scNewComplianBtn {
  background-image: url(../images/scNewComplianBtn.png);
}
.scCard .scCardBottomBtnsWrapper .scComplianSrchBtn {
  background-image: url(../images/scComplianSrchBtn.png);
}
.scCard .scCardBottomBtnsWrapper .btn {
  margin-top: 5px!important;
}
.scCard:hover {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  background-position: center -215px;
}
.scCard:hover:before {
  bottom: 0;
}
.scCard:hover img {
  margin-top: -100px;
  opacity: 0;
}
.scCard:hover h3 {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 8px;
}
.scCard:hover h4 {
  transition-delay: 0.5s;
  opacity: 1;
  padding-top: 5px;
}
.scCard:hover p {
  transition-delay: 0.7s;
  opacity: 1;
  padding-top: 5px;
}
.scCard:hover .btn {
  transition-delay: 0.9s;
  opacity: 1;
  margin-top: 10px;
}
.scCard:hover .scCardBottomBtn,
.scCard:hover .scCardBottomBtnR,
.scCard:hover .scCardBottomBtnL {
  transition-delay: 1.1s;
  opacity: 1;
  margin-top: 0;
}
.scCard:hover .scCardBottomBtnsWrapper .btn {
  margin-top: 0px!important;
}
.sdDetails {
  padding: 0 90px 0 35px;
}
.sdDetails h2 {
  font-size: 25px;
  padding: 0;
  margin-bottom: 5px;
}
.sdDetails p {
  color: #3f395f;
  margin-bottom: 5px;
  font-weight: bold;
}
.sdDetails h4 {
  font-size: 15px;
  margin-bottom: 5px;
}
.sdDetails .lstPurple li {
  display: inline-block;
  margin-left: 70px;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
  font-weight: bold;
}
.sdDetailsTtlIcon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: -60px;
  vertical-align: middle;
  margin-left: 20px;
  margin-top: 10px;
}
.sdDetailsTtlIconDes {
  background: url('../images/imageSprite.png') no-repeat 0 -154px;
}
.sdDetailsTtlIconHT {
  background: url('../images/imageSprite.png') no-repeat -57px -155px;
}
.sdDetailsTtlIconInd {
  background: url('../images/imageSprite.png') no-repeat -120px -155px;
}
.sdDetailsTtlIconEsc {
  background: url('../images/imageSprite.png') no-repeat -200px -156px;
}
.startSer {
  margin: 60px auto -40px;
  display: block;
  width: 370px;
  height: 82px;
  max-width: 95%;
  font: normal 30px/42px DroidArabicKufi-Bold, arial, sans-serif !important;
  background-image: url('../images/sdStartBtn.png') !important;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 20px 80px!important;
}
.startSer:hover,
.startSer:active {
  background-color: #8cc63f !important;
}
.sdTtl {
  height: 170px;
  -webkit-border-radius: 0 0 100% 100%;
  -moz-border-radius: 0 0 100% 100%;
  border-radius: 0 0 100% 100%;
  border: solid 2px #3f395f;
  border-top: none;
  margin-top: -30px;
  margin-bottom: 20px;
  text-align: center;
  background: #f8f8f8;
  padding: 30px 20px 20px;
  color: #3f395f;
  font: normal 20px DroidArabicKufi-Bold, arial, sans-serif;
}
.sdTtl img {
  height: 70px;
  display: block;
  margin: 0 auto 5px;
}
.sdRate {
  height: 30px;
  width: 170px;
  text-align: center;
  font-size: 16px;
  margin: 0px auto 20px;
  border: 1px solid #3f395f;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 6px;
  max-width: 90%;
}
.sdRate .fa {
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #c9c9c9;
  vertical-align: top;
  margin: 0 3px;
  /*&:hover{color:@orangecolor;}*/
}
.sdRate .fa.active {
  color: #f7a01b;
}
.sdFAQBtn {
  min-height: 30px;
  width: 170px;
  text-align: center;
  margin: 0px auto 20px;
  border: 1px solid #3f395f;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 6px 6px 4px;
  max-width: 90%;
  display: block;
  color: #3f395f;
  font: normal 14px/18px DroidArabicKufi, arial, sans-serif;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.sdFAQBtn:hover {
  color: #d5a00c;
  border-color: #d5a00c;
}
.sdSubTtl {
  height: 130px;
  width: 175px;
  -webkit-border-radius: 0 0 100% 100%;
  -moz-border-radius: 0 0 100% 100%;
  border-radius: 0 0 100% 100%;
  margin-top: -30px;
  margin-bottom: 10px;
  text-align: center;
  background: #3f395f;
  padding: 35px 10px 20px;
  color: #fff;
  font: normal 20px DroidArabicKufi-Bold, arial, sans-serif;
}
.serForm .form-group {
  min-height: 75px;
}
.serForm .control-label {
  font: normal 20px DroidArabicKufi-Bold, arial, sans-serif;
  padding: 2px 5px 1px 5px!important;
  display: block;
  text-align: center;
}
.serForm .checkboxPadding {
  padding-top: 48px;
}
.serForm .radio label,
.serForm .checkbox label {
  color: #3f395f;
}
.contentWrapperSD .serForm .form-group {
  min-height: 0;
}
.contentWrapperSD .serForm .servBtn {
  margin-top: 10px;
}
.servBtn {
  margin: 40px auto;
  text-align: center;
  width: 350px;
  max-width: 95%;
  height: 70px;
  display: block;
  font: normal 24px/34px DroidArabicKufi-Bold, arial, sans-serif !important;
  padding: 18px 70px!important;
}
.sdSrchBtn {
  background-image: url('../images/sdSrchBtn.png') !important;
  background-repeat: no-repeat;
  background-position: right center;
}
.sdAddBtn {
  background-image: url('../images/sdAddBtn.png') !important;
  background-repeat: no-repeat;
  background-position: right center;
}
.sdEscalateBtn {
  background-image: url('../images/sdEscalateBtn.png') !important;
  background-repeat: no-repeat;
  background-position: right center;
}
.sdServTimeLineItem {
  text-align: center;
  margin-top: 10px;
  padding: 15px 2px;
  position: relative;
  z-index: 1;
  min-height: 210px;
  display: block;
}
.sdServTimeLineItem .sdServTimeLineNo {
  display: block;
  width: 65px;
  height: 65px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #d5a00c;
  margin: 0 auto 10px;
  color: #fff;
  font: bold 48px arial;
  padding-top: 7px;
  text-align: center;
}
.sdServTimeLineItem h3 {
  margin-bottom: 5px;
}
.sdServTimeLineItem p {
  font-weight: normal;
  text-align: center;
  line-height: 22px;
  margin-bottom: 0;
  color: #3f395f;
}
.sdServTimeLineItem a {
  color: #d5a00c;
}
.sdServTimeLineItem a:hover {
  color: #f3bb21;
}
.sdServTimeLineItem a:active {
  color: #d5a00c;
}
.sdServTimeLineItem:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-color: #d5a00c;
  position: absolute;
  top: 48px;
  right: -50%;
  z-index: -1;
}
.sdServTimeLineItem.sdServTimeLineFirstItem:before {
  display: none;
}
.sdServTimeLineItem.sdServTimeLineLastItem {
  background: #f8f8f8;
  border: 1px dashed #d5a00c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 6px;
}
.sdServTimeLineItem.sdServTimeLineLastItem .sdServTimeLineNo {
  background-color: #3f395f;
}
.sdServTimeLineItem.sdServTimeLineLastItem h3 {
  color: #d5a00c;
}
.sdServTimeLineItem.sdServTimeLineLastItem:before {
  width: 50%;
  background-color: #3f395f;
}
.sdServTimeLineItem.sdServTimeLineLastItem:after {
  content: "";
  display: block;
  height: 44px;
  width: 66px;
  position: absolute;
  top: 26px;
  right: -48px;
  z-index: 2;
  background: url('../images/imageSprite.png') no-repeat 0 -234px;
}
.mcIconWrapper {
  display: block;
  width: 250px;
  height: 250px;
  background: #3f395f;
  margin: 30px auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  padding-top: 60px;
}
.mcIconWrapper i {
  display: inline-block;
  height: 130px;
  width: 150px;
  background-repeat: no-repeat;
  background-position: center center;
}
.mcIconWrapper i.mcIcon1 {
  background-image: url(../images/mcIcons1.png);
}
.mcIconWrapper i.mcIcon2 {
  background-image: url(../images/mcIcons2.png);
}
.mcIconWrapper i.mcIcon3 {
  background-image: url(../images/mcIcons3.png);
}
.mcIconWrapper i.mcIcon4 {
  background-image: url(../images/mcIcons4.png);
}
.mcIconWrapper i.mcIcon5 {
  background-image: url(../images/mcIcons5.png);
}
.mcIconWrapper i.mcIcon6 {
  background-image: url(../images/mcIcons6.png);
}
.mcIconWrapper i.mcIcon7 {
  background-image: url(../images/mcIcons7.png);
}
.mcIconWrapper i.mcIcon8 {
  background-image: url(../images/mcIcons8.png);
}
.mcIconWrapper i.mcIcon9 {
  background-image: url(../images/mcIcons9.png);
}
.mcDetailsWrapper {
  padding-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
}
.mcDetailsWrapper h2 {
  color: #d5a00c;
  white-space: nowrap;
  padding-right: 0;
  padding-left: 0;
  line-height: 40px;
}
.mcDetailsWrapper h2 i {
  display: none;
  height: 50px;
  width: 50px;
  background-image: url(../images/mcIcons.png);
  background-repeat: no-repeat;
  background-color: #3f395f;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  vertical-align: middle;
  margin-left: 10px;
}
.mcDetailsWrapper h2 i.mcIcon1 {
  background-position: -231px 13px;
}
.mcDetailsWrapper h2 i.mcIcon2 {
  background-position: -229px -58px;
}
.mcDetailsWrapper h2 i.mcIcon3 {
  background-position: -231px -128px;
}
.mcDetailsWrapper h2 i.mcIcon4 {
  background-position: -231px -200px;
}
.mcDetailsWrapper h2 i.mcIcon5 {
  background-position: -230px -265px;
}
.mcDetailsWrapper h2 i.mcIcon6 {
  background-position: -230px -337px;
}
.mcDetailsWrapper h2 i.mcIcon7 {
  background-position: -231px -409px;
}
.mcDetailsWrapper h2 i.mcIcon8 {
  background-position: -230px -478px;
}
.mcDetailsWrapper p {
  color: #3f395f;
  margin-bottom: 5px;
  font-weight: bold;
  margin-bottom: 30px;
  position: relative;
}
.mcDetailsWrapper p:before {
  content: "\f104";
  color: #d5a00c;
  font-family: FontAwesome;
  margin-left: 5px;
}
.mcDetailsWrapper p:after {
  content: "";
  display: block;
  clear: both;
}
.mcDetailsWrapper p span {
  float: left;
  background-color: #888;
  color: #fff;
  padding: 7px 15px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-top: -7px;
  font: normal 14px DroidArabicKufi-Bold, arial, sans-serif;
  display: inline-block;
}
.mcDetailsWrapper p a {
  color: #3f395f;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mcDetailsWrapper p a:hover {
  color: #d5a00c;
}
.mcDetailsWrapper .btn {
  width: 125px;
  height: 44px;
  padding: 12px 20px!important;
  font: normal 16px DroidArabicKufi-Bold, arial, sans-serif !important;
  min-width: 0!important;
  line-height: 20px!important;
  margin: 10px 0 40px;
  box-shadow: 0px 0px 25px 5px rgba(0, 0, 0, 0.25);
}
.mcSeparator {
  margin: 0 auto;
  width: 98%;
}
.listingItem {
  background: #fff;
  min-height: 255px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  padding: 20px;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  margin-bottom: 25px;
}
.listingItem .listingItemImg {
  float: right;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-left: 20px;
  max-width: 98%;
  width: 300px;
}
.listingItem .listingItemDetails {
  display: table-cell;
}
.listingItem h3 {
  font-size: 18px;
}
.listingItem p {
  color: #666;
  line-height: 28px;
}
.listingItem .artclDate {
  margin: 10px 0 10px;
}
.newsMoreBtn {
  color: #d5a00c;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.newsMoreBtn:after {
  content: "\f137";
  font-family: FontAwesome;
  margin-right: 5px;
}
.newsMoreBtn:hover {
  color: #f3bb21 !important;
}
.newsMoreBtn:active {
  color: #d5a00c !important;
}
.FAQ h4 {
  margin-bottom: 20px;
}
.Indecators h2 {
  text-align: center;
  font-size: 18px;
}
.Indecators h4 {
  text-align: center;
  margin-bottom: 20px;
}
.accordion .ui-accordion-header span {
  display: inline-block;
}
.highcharts-credits {
  display: none !important;
}
.chartcontainer {
  min-width: 500px;
  height: 400px;
  margin: 30px auto 10px;
  max-width: 90%;
}
.chartcontainer * {
  font-family: DroidArabicKufi, arial, sans-serif;
}
.dataLabels {
  text-shadow: none!important;
}
.dataLabels * {
  fill: #fff !important;
  color: #fff !important;
  stroke: none!important;
  font: normal 16px DroidArabicKufi, arial, sans-serif !important;
}
.chartTitlesContainer {
  margin: 0px auto 30px;
  max-width: 90%;
}
.chartTitlesContainer:after {
  content: "";
  display: block;
  clear: both;
}
.chartTitlesContainer .chartTitlesInnerContainer {
  float: left;
  padding: 15px;
  background: #f2f2f2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.chartTitlesContainer .chartTitlesInnerContainer div {
  color: #777;
  font: normal 11px DroidArabicKufi, arial, sans-serif;
  padding-right: 30px;
}
.chartTitlesContainer .chartTitlesInnerContainer .chartYAxis {
  background: url(../images/chartYAxis.png) no-repeat right center;
  margin-bottom: 10px;
}
.chartTitlesContainer .chartTitlesInnerContainer .chartXAxis {
  background: url(../images/chartXAxis.png) no-repeat right center;
}
.chartBtnsContainer {
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 20px;
  text-align: left;
  color: #666;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
}
.chartBtnsContainer a {
  display: inline-block;
  margin-right: 20px;
}
.chartBtnsContainer .fa-file-excel-o {
  color: #009465;
  font-size: 24px;
  margin-left: 10px;
  vertical-align: middle;
}
.chartBtnsContainer .fa-file-pdf-o {
  color: #db3535;
  font-size: 24px;
  margin-left: 10px;
  vertical-align: middle;
}
.chartsdetailsBtn {
  text-align: right;
  color: #3f395f !important;
  font: normal 16px DroidArabicKufi, arial, sans-serif;
  padding: 0px 0 0px;
  display: block;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.chartsdetailsBtn .fa-file-pdf-o {
  color: #d5a00c;
  font-size: 24px;
  margin-left: 10px;
  vertical-align: middle;
}
.chartsdetailsBtn:hover {
  color: #544c7f !important;
}
.chartsdetailsBtn:active {
  color: #3f395f !important;
}
.richContentSrchWrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 25px;
  width: 295px;
}
.richContentSrchWrapper .richContentTxtBox {
  height: 44px;
  width: 295px;
  background: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: #666 !important;
  font: normal 13px DroidArabicKufi, arial, sans-serif;
  padding-left: 55px;
  padding-right: 10px;
}
.richContentSrchWrapper .richContentBtn {
  background: url(../images/rcSrchBtn.png) no-repeat left center;
  width: 45px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-autocomplete {
  border: none!important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  transform: translate(0px, 20px);
}
.ui-autocomplete * {
  color: #3f395f !important;
  font: normal 15px DroidArabicKufi, arial, sans-serif;
}
.ui-autocomplete .ui-state-active {
  color: #fff !important;
}
.sideMenu {
  margin-bottom: 40px;
  padding-left: 15px;
}
.sideMenu ul {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #3f395f;
  padding: 15px 15px 30px;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
}
.sideMenu a {
  display: block;
  border-bottom: 1px solid #58517d;
  padding: 12px 15px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  position: relative;
  font: normal 16px DroidArabicKufi, arial, sans-serif;
}
.sideMenu a:hover {
  color: #d5a00c !important;
}
.sideMenu a:active {
  color: #d5a00c !important;
}
.sideMenu a.active {
  color: #d5a00c !important;
}
.sideMenu a.active:after {
  content: "";
  display: block;
  width: 50%;
  height: 3px;
  position: absolute;
  right: 0;
  bottom: -2px;
  background: #d5a00c;
}
.subSideMenu {
  margin-bottom: 40px;
}
.subSideMenu ul {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  padding: 0;
}
.subSideMenu ul li {
  border-bottom: 1px dashed #c5c3cf;
}
.subSideMenu a {
  display: block;
  padding: 10px 5px;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #3f395f;
  position: relative;
  font: normal 14px DroidArabicKufi, arial, sans-serif;
}
.subSideMenu a:hover {
  color: #f3bb21 !important;
}
.subSideMenu a:active {
  color: #d5a00c !important;
}
.subSideMenu span {
  color: #999;
  padding: 0 5px 10px;
  display: block;
}
.rcTtlIcon {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: url(../images/rcTtlIcon.png) center center no-repeat;
  margin-left: 20px;
}
.rcContentBlock1 {
  min-height: 265px;
  background: #f4f4f4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  margin-bottom: 35px;
}
.rcContentBlock1 h3 {
  background: #d5a00c;
  color: #3f395f;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rcContentBlock1 p {
  padding: 20px 15px;
}
.rcContentBlock1.wide {
  min-height: 0;
  padding-bottom: 20px;
}
.rcContentBlock1 .rcContentBlockImg {
  float: right;
  margin: 15px;
}
.rcContentBlock2 {
  min-height: 265px;
  background: #f4f4f4;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  margin-bottom: 35px;
}
.rcContentBlock2 h3 {
  background: #3f395f;
  color: #fff;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rcContentBlock2 p {
  padding: 20px 15px;
}
.rcContentBlock2.wide {
  min-height: 0;
  padding-bottom: 20px;
}
.rcContentBlock2 .rcContentBlockImg {
  float: right;
  margin: 15px;
}
/*--Responsive--*/
@media (min-width: 1470px) {
  .container {
    width: 1440px;
  }
  footer .footerCopyRightsWrapper .footerLogo img {
    max-height: 40px;
    margin-top: 15px;
  }
  .header-wrapper .topnav .navbar-nav > li > a {
    font-size: 19px;
  }
}
@media (min-width: 1200px) and (max-width: 1469px) {
  .logo img {
    margin-top: 15px;
    max-height: 52px;
  }
  .slider-wrapper .main_slider,
  .slider-wrapper {
    height: 650px;
  }
  .header-wrapper .topnav .navbar-nav > li {
    margin: 0 28px 0 0;
  }
  .rightsBtn {
    top: 50%;
  }
  .slider-wrapper .main_slider .swiper-slide {
    background-size: cover!important;
  }
  .service-wrapper {
    position: relative;
    padding-top: 25px;
  }
  .service-wrapper .servbox {
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 120px;
  }
  .service-wrapper .servbox .serv-icon {
    margin-top: 20%;
    margin-bottom: 10px;
    display: block;
  }
  .service-wrapper .servbox .serv-title {
    font: 15px DroidArabicKufi-Bold, arial, sans-serif;
    color: #3f395f;
  }
  .service-wrapper .servbox.serv-xl {
    width: 195px;
    height: 195px;
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  }
  .service-wrapper .servbox.serv-xl .serv-icon {
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-xl .serv-title {
    font-size: 18px;
  }
  .service-wrapper .servbox.serv-xl img {
    height: 75px;
  }
  .service-wrapper .servbox.serv-md {
    width: 150px;
    height: 150px;
  }
  .service-wrapper .servbox.serv-md .serv-icon {
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-md .serv-title {
    font-size: 16px;
  }
  .service-wrapper .servbox.serv-md img {
    height: 60px;
  }
  .service-wrapper .servbox.serv-sm {
    width: 120px;
    height: 120px;
  }
  .service-wrapper .servbox.serv-sm .serv-icon {
    margin-top: 11%;
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-sm .serv-title {
    font-size: 14px;
    width: 70%;
    display: inline-block;
    line-height: 16px;
  }
  .service-wrapper .servbox.serv-sm img {
    height: 45px;
  }
  .service-wrapper .servbox:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
  }
  .service-wrapper .servbox.order1 {
    top: 0;
    right: 0px;
  }
  .service-wrapper .servbox.order2 {
    top: 100px;
    right: 200px;
  }
  .service-wrapper .servbox.order3 {
    top: 215px;
    right: 58px;
  }
  .service-wrapper .servbox.order4 {
    top: 265px;
    right: 180px;
  }
  .service-wrapper .homePageBtn {
    position: absolute;
    top: 400px;
    right: 320px;
  }
  .scCard h3 {
    font-size: 22px;
  }
  .scCard h4 {
    font-size: 12px;
  }
  .scCard p {
    font-size: 11px;
  }
  .richContentSrchWrapper,
  .richContentSrchWrapper .richContentTxtBox {
    width: 200px;
  }
  footer .footerCopyRightsWrapper .footerLogo img {
    max-height: 50px;
    margin-top: 15px;
    margin-right: 25px;
  }
}
@media (max-width: 1199px) {
  footer .footerCopyRightsWrapper .footerLogo img {
    max-height: 35px;
    margin-top: 15px;
  }
  .indecatorsWrapper .indecatorsItem {
    padding: 0 25px 20px;
  }
  /*.mcDetailsWrapper h2 i{display:inline-block;}*/
  .mcWrapper .mcSeparator {
    display: none;
  }
  .mcDetailsWrapper h2 {
    text-align: center;
    margin-bottom: 25px;
  }
  .mcDetailsWrapper {
    padding-top: 0;
  }
  .mcDetailsWrapper p span {
    display: block;
    float: none;
    margin-top: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  footer .footerMoreLinks h2,
  footer .footerToggleDiv .newsLetter h2 {
    font: 13px DroidArabicKufi-Bold, arial, sans-serif;
    margin-bottom: 12px;
  }
  footer .footerMoreLinks a,
  footer .footerToggleDiv .newsLetter p {
    font: 11px DroidArabicKufi, arial, sans-serif;
  }
  footer .footerCopyRightsWrapper .footerLogo {
    text-align: center;
  }
  footer .footerCopyRightsWrapper .footerLogo img {
    margin: 15px 10px 0;
  }
  /*.header-wrapper .topnav .navbar-nav{float:right;}*/
  .logo img {
    margin-top: 15px;
    max-height: 43px;
  }
  .slider-wrapper .main_slider,
  .slider-wrapper {
    height: 540px;
  }
  .header-wrapper .topnav .navbar-nav > li {
    margin: 0 15px 0 0;
  }
  .header-wrapper .topnav .navbar-nav > li > a {
    font-size: 16px;
  }
  .rightsBtn {
    top: 50%;
  }
  .slider-wrapper .main_slider .swiper-slide {
    background-size: cover!important;
  }
  .slider-wrapper .main_slider_pager {
    bottom: 70px;
  }
  .service-wrapper {
    position: relative;
    padding-top: 25px;
  }
  .service-wrapper .servbox {
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 120px;
  }
  .service-wrapper .servbox .serv-icon {
    margin-top: 20%;
    margin-bottom: 10px;
    display: block;
  }
  .service-wrapper .servbox .serv-title {
    font: 15px DroidArabicKufi-Bold, arial, sans-serif;
    color: #3f395f;
  }
  .service-wrapper .servbox.serv-xl {
    width: 175px;
    height: 175px;
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
  }
  .service-wrapper .servbox.serv-xl .serv-icon {
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-xl .serv-title {
    font-size: 18px;
  }
  .service-wrapper .servbox.serv-xl img {
    height: 70px;
  }
  .service-wrapper .servbox.serv-md {
    width: 130px;
    height: 130px;
  }
  .service-wrapper .servbox.serv-md .serv-icon {
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-md .serv-title {
    font-size: 16px;
  }
  .service-wrapper .servbox.serv-md img {
    height: 50px;
  }
  .service-wrapper .servbox.serv-sm {
    width: 100px;
    height: 100px;
  }
  .service-wrapper .servbox.serv-sm .serv-icon {
    margin-top: 11%;
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-sm .serv-title {
    font-size: 14px;
    width: 70%;
    display: inline-block;
    line-height: 16px;
  }
  .service-wrapper .servbox.serv-sm img {
    height: 30px;
  }
  .service-wrapper .servbox:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
  }
  .service-wrapper .servbox.order1 {
    top: 0;
    right: 0px;
  }
  .service-wrapper .servbox.order2 {
    top: 70px;
    right: 180px;
  }
  .service-wrapper .servbox.order3 {
    top: 185px;
    right: 70px;
  }
  .service-wrapper .servbox.order4 {
    top: 208px;
    right: 175px;
  }
  .service-wrapper .homePageBtn {
    position: absolute;
    top: 322px;
    right: 280px;
    font-size: 14px!important;
    line-height: 14px!important;
  }
  .richContentSrchWrapper,
  .richContentSrchWrapper .richContentTxtBox {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .main_slider {
    display: block;
  }
  .logoImg {
    display: inline-block;
  }
  .main_slider_mobile,
  .logoImg_mobile {
    display: none;
  }
}
@media (max-width: 991px) {
  footer .footerCopyRightsWrapper .footerLogo {
    text-align: center;
  }
  footer .footerCopyRightsWrapper .footerLogo img {
    margin: 15px 10px 0;
  }
  footer .footerCopyRightsWrapper .copyRights,
  .shareWrapper .lastEdit,
  .shareWrapper .shareBtns {
    text-align: center;
  }
  .top-functions {
    text-align: center!important;
  }
  .header-wrapper .top-functions .topLnk,
  .header-wrapper .top-functions .applnk {
    display: inline-block;
    float: none;
    margin-bottom: 15px;
  }
  .logo {
    float: none;
    text-align: center;
    display: block;
    margin: 0 auto!important;
    margin-bottom: 0px!important;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem {
    width: 50%;
    margin-top: -1px;
  }
  .homenews .homenewsSlider .swiper-slide .newsItem .artclDate {
    font-size: 12px;
  }
  .homenews .homenewsSlider .swiper-slide .newsItem h3 {
    font: normal 16px/25px DroidArabicKufi, arial, sans-serif;
  }
  .homenews .homenewsSlider .swiper-slide .newsItem p {
    font-size: 12px;
  }
  .main_slider,
  .logoImg {
    display: none;
  }
  .main_slider_mobile {
    display: block;
  }
  .logoImg_mobile {
    display: inline-block;
  }
  .sideFloatingLinksWrapper {
    display: none!important;
  }
  .serForm .checkboxPadding {
    padding-top: 0;
  }
  .serForm .form-group {
    min-height: 75px;
  }
  .sdServTimeLineItem:before,
  .sdServTimeLineItem:after {
    display: none!important;
  }
  .richContentSrchWrapper {
    display: block;
    margin: 25px auto 10px;
  }
  .sideMenu {
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .breadCrumb .breadCrumbFunctions {
    margin-top: -105px;
  }
  /*.header-wrapper .topnav .navbar-nav{float: right;}*/
  /*.header-wrapper .topnav .navbar-nav > li > a{font:14px @Fontreg;}*/
  .logo img {
    margin-top: 15px;
    max-height: none;
  }
  .navbar-header,
  .header-wrapper .topnav .navbar-nav {
    float: none;
  }
  .slider-wrapper {
    height: 950px;
    padding: 241px 0 0px;
    box-sizing: content-box;
  }
  .slider-wrapper:before {
    content: "";
    height: 241px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #47406a;
  }
  .slider-wrapper .main_slider_mobile {
    height: 500px;
    border-top: 1px solid #675f8e;
    border-bottom: 1px solid #675f8e;
  }
  .header-wrapper .topnav .navbar-nav {
    text-align: center;
  }
  .header-wrapper .topnav .navbar-nav > li {
    margin: 0 10px 0;
    float: none;
    display: inline-block;
  }
  .header-wrapper .topnav .navbar-nav > li > a {
    font-size: 14px;
  }
  .rightsBtn {
    top: 90%;
  }
  .slider-wrapper .main_slider_mobile .swiper-slide {
    background-size: cover!important;
    background-position: center center!important;
  }
  .slider-wrapper .main_slider_pager {
    bottom: 10px;
  }
  .service-wrapper {
    position: absolute;
    top: 741px;
    right: 0;
    width: 100%;
    padding-top: 25px;
    text-align: center;
    background: #f9f9f9;
  }
  .service-wrapper:after {
    content: "";
    display: block;
    height: 40px;
    width: 100%;
    background: transparent url("../images/arcBG.png") center bottom no-repeat;
    position: absolute;
    bottom: -40px;
    right: 0;
  }
  .service-wrapper .servbox {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    margin: 10px;
  }
  .service-wrapper .servbox .serv-icon {
    margin-top: 20%;
    margin-bottom: 10px;
    display: block;
  }
  .service-wrapper .servbox .serv-title {
    font: 15px DroidArabicKufi-Bold, arial, sans-serif;
    color: #3f395f;
  }
  .service-wrapper .servbox.serv-xl {
    width: 100px;
    height: 100px;
  }
  .service-wrapper .servbox.serv-xl .serv-icon {
    margin-top: 11%;
    margin-bottom: 5px;
  }
  .service-wrapper .servbox.serv-xl .serv-title {
    font-size: 14px;
    width: 70%;
    display: inline-block;
    line-height: 16px;
  }
  .service-wrapper .servbox.serv-xl img {
    height: 30px;
  }
  .service-wrapper .servbox.serv-md {
    width: 100px;
    height: 100px;
  }
  .service-wrapper .servbox.serv-md .serv-icon {
    margin-top: 11%;
    margin-bottom: 5px;
  }
  .service-wrapper .servbox.serv-md .serv-title {
    font-size: 14px;
    width: 70%;
    display: inline-block;
    line-height: 16px;
  }
  .service-wrapper .servbox.serv-md img {
    height: 30px;
  }
  .service-wrapper .servbox.serv-sm {
    width: 100px;
    height: 100px;
  }
  .service-wrapper .servbox.serv-sm .serv-icon {
    margin-top: 11%;
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-sm .serv-title {
    font-size: 14px;
    width: 70%;
    display: inline-block;
    line-height: 16px;
  }
  .service-wrapper .servbox.serv-sm img {
    height: 30px;
  }
  .service-wrapper .servbox:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
  }
  .service-wrapper .servbox.order1 {
    top: auto;
    right: auto;
  }
  .service-wrapper .servbox.order2 {
    top: auto;
    right: auto;
  }
  .service-wrapper .servbox.order3 {
    top: auto;
    right: auto;
  }
  .service-wrapper .servbox.order4 {
    top: auto;
    right: auto;
  }
  .service-wrapper .homePageBtn {
    position: relative;
    top: auto;
    right: auto;
    font-size: 14px!important;
    line-height: 14px!important;
    display: block;
    width: 160px;
    margin: 20px auto 0;
  }
  .listingItem .listingItemImg {
    width: 200px;
  }
}
@media (max-width: 767px) {
  footer .footerCopyRightsWrapper .copyRights,
  .shareWrapper .lastEdit,
  .shareWrapper .shareBtns {
    text-align: center;
  }
  .shareWrapper .shareBtns {
    margin-top: 10px;
  }
  .srchPanel .border-right {
    border: none;
  }
  .breadCrumb .breadCrumbFunctions {
    margin-left: 0;
    float: none;
    display: none;
  }
  .nav-tabs > li {
    margin: 6px 0px;
    width: 100%;
  }
  .vTabs {
    float: none;
    width: 100%;
    border-left: none;
    box-shadow: none;
    margin: 0;
    min-height: 0;
    padding: 0;
    margin-bottom: 15px;
  }
  .vTabs > li {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
  }
  .nav-tabs > li.active:after {
    display: none;
  }
  .nav-tabs > li {
    float: none;
  }
  .vTab-content {
    float: none;
    width: 100%;
  }
  .srchPanel {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  .breadCrumb {
    background: #48416c;
    margin-top: 0px;
    padding: 10px 15px 10px;
  }
  .breadCrumb .breadCrumbTtl {
    font: 24px DroidArabicKufi-Bold, arial, sans-serif;
    margin-top: 10px;
  }
  .navbar-collapse {
    background: #48416c;
    border-color: transparent;
    position: absolute;
    width: 100%;
    max-height: none;
  }
  .logo {
    float: none;
    text-align: right;
    display: block;
    margin-bottom: 10px!important;
    padding-right: 10px!important;
  }
  .logo img {
    max-width: 90%;
    max-height: 53px;
  }
  .header-wrapper .topnav .navbar-nav {
    float: none;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: rgba(255, 255, 255, 0.9);
  }
  .navbar-default .navbar-toggle:hover .icon-bar,
  .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #48416c;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #48416c !important;
    background-color: #ffffff !important;
  }
  .navbar-default .navbar-nav .dropdown-menu {
    background-color: transparent!important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff !important;
  }
  .top-functions {
    text-align: center!important;
  }
  .header-wrapper .topnav {
    margin-top: 0;
  }
  footer .footerCopyRightsWrapper .footerLogo {
    text-align: center;
    padding-top: 10px;
  }
  footer .footerCopyRightsWrapper .footerLogo img {
    margin: 15px 10px 0;
  }
  .header-wrapper .top-functions .searchbox {
    max-width: 100%;
  }
  .srchPanel .btn {
    float: left;
  }
  .srchPanel .form-inline {
    text-align: right;
  }
  .navbar-default .navbar-toggle {
    margin-top: 10px;
  }
  /*.contentTopBtns a{display:block;border-right:none;border-top: 1px solid #cfcdd7;}*/
  .contentTopBtns a {
    font-size: 0;
    width: 33.333%;
    float: right;
  }
  .captchaWrapper .form-control {
    max-width: 90%;
    margin: 10px auto;
  }
  .radio label,
  .checkbox label {
    padding-right: 35px;
  }
  .indecatorsWrapper .indecatorsItem {
    padding: 20px;
    height: 150px;
    font-size: 13px;
    line-height: 20px;
  }
  .indecatorsWrapper .indecatorsItem img {
    margin: 0px auto 15px;
    max-height: 55px;
  }
  .homeLinksSection .homeLinksSectionInner {
    margin: 5px 0;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem {
    width: 100%;
    height: 200px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul li {
    margin-top: 7px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul a {
    font-size: 12px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails .btn {
    margin-top: 10px;
    padding: 8px 12px!important;
    font-size: 14px!important;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem img {
    margin: 25px auto 25px;
    height: 65px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemTtl {
    font-size: 22px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover {
    height: 300px;
    margin-top: -51px;
    margin-bottom: -51px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover img {
    margin: 5px auto 0px;
    height: 45px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover .homeLinksSectionItemTtl {
    font-size: 20px;
    margin-bottom: 3px;
  }
  .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem:hover .homeLinksSectionItemDetails {
    height: 190px;
  }
  .sideFloatingLinksWrapper,
  .rightsBtn {
    display: none;
  }
  footer .socialMedia a {
    margin: 12px 6px;
  }
  .header-wrapper .topnav .navbar-nav > li > a,
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    text-align: center;
  }
  .formTtl {
    font-size: 16px;
  }
  /*.control-label{font-size:14px;}*/
  .slider-wrapper {
    height: 520px;
    padding: 121px 0 0px;
    box-sizing: content-box;
  }
  .slider-wrapper:before {
    content: "";
    height: 121px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #47406a;
  }
  .slider-wrapper .main_slider_mobile {
    height: 245px;
    border-top: 1px solid #675f8e;
    border-bottom: 1px solid #675f8e;
  }
  .rightsBtn {
    top: 90%;
  }
  .slider-wrapper .main_slider_mobile .swiper-slide {
    background-size: cover!important;
  }
  .slider-wrapper .main_slider_pager {
    bottom: 0px;
  }
  .service-wrapper {
    position: absolute;
    top: 368px;
    right: 0;
    width: 100%;
    padding-top: 10px;
    text-align: center;
    background: #f9f9f9;
  }
  .service-wrapper:after {
    content: "";
    display: block;
    height: 20px;
    width: 100%;
    background: transparent url("../images/arcBG.png") center bottom no-repeat;
    position: absolute;
    bottom: -20px;
    right: 0;
  }
  .service-wrapper .servbox {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    margin: 10px 3px;
  }
  .service-wrapper .servbox .serv-icon {
    margin-top: 20%;
    margin-bottom: 10px;
    display: block;
  }
  .service-wrapper .servbox .serv-title {
    font: 15px DroidArabicKufi-Bold, arial, sans-serif;
    color: #3f395f;
  }
  .service-wrapper .servbox.serv-xl {
    width: 80px;
    height: 80px;
  }
  .service-wrapper .servbox.serv-xl .serv-icon {
    margin-top: 11%;
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-xl .serv-title {
    font-size: 12px;
    width: 70%;
    display: block;
    line-height: 16px;
    margin: auto;
  }
  .service-wrapper .servbox.serv-xl img {
    height: 30px;
  }
  .service-wrapper .servbox.serv-md {
    width: 80px;
    height: 80px;
  }
  .service-wrapper .servbox.serv-md .serv-icon {
    margin-top: 11%;
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-md .serv-title {
    font-size: 12px;
    width: 70%;
    display: block;
    line-height: 16px;
    margin: auto;
  }
  .service-wrapper .servbox.serv-md img {
    height: 30px;
  }
  .service-wrapper .servbox.serv-sm {
    width: 80px;
    height: 80px;
  }
  .service-wrapper .servbox.serv-sm .serv-icon {
    margin-top: 11%;
    margin-bottom: 0px;
  }
  .service-wrapper .servbox.serv-sm .serv-title {
    font-size: 12px;
    width: 70%;
    display: block;
    line-height: 12px;
    margin: -5px auto 0;
  }
  .service-wrapper .servbox.serv-sm img {
    height: 30px;
  }
  .service-wrapper .servbox:hover {
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
  }
  .service-wrapper .servbox.order1 {
    top: auto;
    right: auto;
  }
  .service-wrapper .servbox.order2 {
    top: auto;
    right: auto;
  }
  .service-wrapper .servbox.order3 {
    top: auto;
    right: auto;
  }
  .service-wrapper .servbox.order4 {
    top: auto;
    right: auto;
  }
  .service-wrapper .homePageBtn {
    position: relative;
    top: auto;
    right: auto;
    font-size: 14px!important;
    line-height: 14px!important;
    display: block;
    width: 160px;
    margin: 15px auto 0;
  }
  .homenews .btn {
    margin: 0px 10px 20px;
    font-size: 12px!important;
    padding: 9px 14px!important;
    min-width: 0!important;
  }
  .homenews .homenewsSlider .swiper-slide {
    height: 200px;
  }
  .homenews .homenewsSlider .swiper-slide .newsItem .artclDate {
    font-size: 11px;
  }
  .homenews .homenewsSlider .swiper-slide .newsItem h3 {
    font: normal 12px/15px DroidArabicKufi, arial, sans-serif;
  }
  .homenews .homenewsSlider .swiper-slide .newsItem p {
    font-size: 11px;
    line-height: 15px;
  }
  .homenews .homenewsSlider .swiper-slide:hover .newsItem p {
    height: 46px;
  }
  .homenews .homenewsSlider .swiper-slide:hover:after {
    height: 190px;
  }
  .homenews .swiper-pagination {
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .homenews h2,
  .indecatorsWrapper h2,
  .researchesWrapper h2,
  .citcWebSitesLinksWrapper h2,
  .relatedWebsitesWrapper h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .homenews h2:after,
  .indecatorsWrapper h2:after,
  .researchesWrapper h2:after,
  .citcWebSitesLinksWrapper h2:after,
  .relatedWebsitesWrapper h2:after {
    width: 100px;
    margin-left: -50px;
  }
  .header-wrapper .topnav .navbar-nav > li {
    margin: 0 15px 0;
    border-top: 1px solid #5b557b;
  }
  .header-wrapper .topnav .navbar-nav > li:first-child {
    border-top: none;
  }
  .header-wrapper .topnav .navbar-nav > li > a {
    padding: 5px 0px;
  }
  .researchesWrapper .researchesInnerWrapper .researchesImgWrapper {
    height: 160px;
  }
  .researchesWrapper .researchesInnerWrapper {
    min-height: 325px;
  }
  .researchesWrapper h2 {
    margin-bottom: 0px;
    padding-bottom: 2px;
  }
  .researchesWrapper {
    margin-top: 20px;
  }
  .header-wrapper .topnav .navbar-nav > li .homeTtl {
    display: inline-block;
  }
  .header-wrapper .topnav .navbar-nav > li .fa-home {
    display: none;
  }
  .homenews .homenewsBtm {
    min-height: 0;
  }
  .indecatorsResearchesWrapper {
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .indecatorsResearchesWrapper:after {
    height: 15px;
    bottom: -15px;
  }
  .websitesWrapper {
    padding-bottom: 10px;
    margin-top: 0;
    padding-top: 10px;
  }
  .websitesWrapper:after {
    display: none;
  }
  .relatedWebsitesWrapper {
    border-top: 1px solid #d6d6d6;
    padding-top: 15px;
  }
  .footerMoreLinks {
    display: none;
  }
  footer .footerToggleDiv {
    padding-bottom: 0;
    border-bottom: none;
    padding: 10px 0;
  }
  footer .footerCopyRightsWrapper .copyRights {
    padding-top: 0px;
  }
  footer .footerCopyRightsWrapper .footerLinks {
    padding-top: 20px;
  }
  footer {
    padding-bottom: 20px;
  }
  footer .footerToggleDiv .newsLetter h2 {
    padding: 0;
    margin-bottom: 5px;
  }
  footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper {
    margin: 10px 0;
  }
  .sdDetailsTtlIcon {
    margin-right: -50px;
    margin-left: 10px;
  }
  .sdDetails {
    padding: 0 50px 0 10px;
  }
  .sdDetails .lstPurple li {
    display: list-item;
    margin-left: 0;
  }
  .sdSubTtl {
    width: 100%;
  }
  .mcDetailsWrapper {
    padding: 0;
  }
  .mcIconWrapper {
    width: 125px;
    height: 125px;
    padding-top: 35px;
    margin: 10px auto;
  }
  .mcIconWrapper i {
    height: 65px;
    width: 75px;
    background-size: contain;
  }
  .mcDetailsWrapper h2 {
    margin-bottom: 20px;
    font-size: 25px;
  }
  .mcDetailsWrapper p {
    margin-bottom: 10px;
  }
  .listingItem .listingItemImg {
    float: none;
    max-width: 98%;
    width: 98%;
    display: block;
    margin: 0 auto 20px;
  }
  .scTopBtnsWrapper {
    width: 100%;
    text-align: center;
  }
  .scTopBtnsWrapper .btn {
    font-size: 14px!important;
    min-width: 50px!important;
    padding: 10px 5px!important;
    margin-right: 1px;
  }
  .sdTtl {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    margin: -30px -15px 20px;
  }
  .sdSubTtl {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    float: none;
    height: auto;
    padding-top: 20px;
    /*background:none;color:@basecolor1;*/
  }
  .header-wrapper .topnav .navbar-nav > li > .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .header-wrapper .topnav .navbar-nav > li .homeTtl {
    display: none;
  }
  .header-wrapper .topnav .navbar-nav > li .fa-home {
    display: inline-block;
  }
  .mcDetailsWrapper h2 {
    font-size: 25px;
  }
}
@media (max-width: 320px) {
  .logo img {
    max-height: 37px;
  }
  .navbar-default .navbar-toggle {
    margin-top: 1px;
  }
  .header-wrapper .top-functions .topLnk {
    margin-right: 8px;
  }
  footer .socialMedia a {
    margin: 12px 2px;
  }
  .slider-wrapper .main_slider_mobile {
    height: 215px;
  }
  .service-wrapper {
    top: 323px;
  }
  .slider-wrapper {
    height: 450px;
    padding: 108px 0 0px;
  }
  .service-wrapper .servbox.serv-xl,
  .service-wrapper .servbox.serv-md,
  .service-wrapper .servbox.serv-sm {
    width: 70px;
    height: 70px;
  }
  .service-wrapper .servbox.serv-xl img,
  .service-wrapper .servbox.serv-md img,
  .service-wrapper .servbox.serv-sm img {
    height: 22px;
  }
  .indecatorsWrapper .indecatorsItem {
    font-size: 14px;
  }
  .mcDetailsWrapper h2 {
    font-size: 22px;
  }
}
/*-- Complaint report page---*/
.ReportWrapperSD2 {
  min-height: 465px;
  margin-bottom: 45px;
}
.ReportWrapperSD2 .servBtn {
  margin: 0px auto 40px;
}
.ReportWrapperSD2 .serForm2 .control-label {
  display: inline-block;
  font: 14px DroidArabicKufi-Bold, arial, sans-serif;
  color: #3f395f;
  padding: 2px 5px!important;
}
.graphWrapper {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 85px 5px rgba(0, 0, 0, 0.15);
  margin-bottom: 45px;
  padding: 15px;
  min-height: 512px;
}
.graphWrapper .companylogo {
  padding-top: 10px;
}
.graphWrapper .companylogo .companylogoimg img {
  float: right;
  margin-left: 10px;
  max-width: 125px;
  max-height: 57px;
  border: 1px #ddd solid;
  border-radius: 12px;
  margin-top: -10px;
}
.graphWrapper .chartwrapper {
  border: 1px solid #e5e5ee;
  margin: 15px auto 0;
  text-align: center;
}
.graphWrapper .chartwrapper > img {
  max-width: 100%;
}
/*-- EOF Complaint report page---*/
.high-contrast {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /*.logoImg{content: url(../images/gs/logo.png)}*/
}
.high-contrast .nav-tabs > li > a {
  border-radius: 50px;
  margin-right: 0;
}
.high-contrast .vTabs > li > a {
  border-radius: 0 50px 50px 0;
}
.high-contrast .innerpagebody {
  background-image: url('../images/gs/inner-bg.png');
}
.high-contrast .researchesWrapper h2,
.high-contrast .researchesWrapper h2 *,
.high-contrast .indecatorsWrapper h2,
.high-contrast .homenews h2,
.high-contrast .indecatorsWrapper .indecatorsItem,
.high-contrast .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemTtl,
.high-contrast .homeLinksSection .homeLinksSectionInner .homeLinksSectionItem .homeLinksSectionItemDetails ul *,
.high-contrast .morebtn,
.high-contrast .citcWebSitesLinksWrapper h2,
.high-contrast .relatedWebsitesWrapper h2 {
  color: #000 !important;
}
.high-contrast footer,
.high-contrast .btn,
.high-contrast .table > thead > tr > th,
.high-contrast .table > tbody > tr > th,
.high-contrast .nav-tabs > li > a {
  background: #3d3d3d !important;
  color: #fff !important;
}
.high-contrast .nav-tabs > li.active::after {
  border-top-color: #3d3d3d;
}
.high-contrast .vTabs > li.active::after {
  border-right-color: #3d3d3d;
  border-top-color: transparent;
}
.high-contrast .header-wrapper .topnav .navbar-nav > li > a,
.high-contrast .header-wrapper .topnav .navbar-nav > li .fa-home,
.high-contrast .header-wrapper .topnav .navbar-nav > li > .dropdown-menu a:hover,
.high-contrast .header-wrapper .top-functions .topLnk,
.high-contrast .header-wrapper .top-functions .topLnk .fa,
.high-contrast .header-wrapper .top-functions .applnk .fa,
.high-contrast .btn .fa,
.high-contrast .homenews .homenewsSlider .swiper-slide .newsItem *,
.high-contrast footer .socialMedia a .fa,
.high-contrast footer .footerMoreLinks h2,
.high-contrast footer .footerMoreLinks a,
.high-contrast footer .footerToggleDiv .newsLetter h2,
.high-contrast footer .footerToggleDiv .newsLetter p,
.high-contrast footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputBtn,
.high-contrast footer .footerCopyRightsWrapper .copyRights,
.high-contrast footer .footerCopyRightsWrapper .footerLinks,
.high-contrast footer .footerCopyRightsWrapper .footerLinks a,
.high-contrast footer .gototop,
.high-contrast footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputTxtBox {
  color: #fff !important;
}
.high-contrast .search2 {
  background: url('../images/gs/imageSprite.png') no-repeat 0 0 !important;
}
.high-contrast .header-wrapper .top-functions .searchbox .search3 {
  background: url('../images/gs/imageSprite.png') no-repeat 0 -55px;
}
.high-contrast .header-wrapper .top-functions .topLnk,
.high-contrast .header-wrapper .top-functions .applnk {
  border-color: #fff;
}
.high-contrast .header-wrapper .topnav .navbar-nav > li > .dropdown-menu a:hover {
  background: #666;
}
.high-contrast .rightsBtn {
  background-color: #444;
  color: #fff !important;
}
.high-contrast .slider-wrapper .main_slider_pager .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
}
.high-contrast .homenews h2:after {
  background: #444;
}
.high-contrast .homenews .swiper-pagination .swiper-pagination-bullet {
  border-color: #444;
}
.high-contrast .homenews .swiper-pagination .swiper-pagination-bullet-active {
  border: 2px solid #444;
  background: #444;
}
.high-contrast .homenews .homenewsSlider .swiper-slide:after {
  background: -moz-linear-gradient(top, #333 0%, #33333366 20%, #333 90%, #333 100%);
  background: -webkit-linear-gradient(top, rgba(57, 51, 86, 0) 0%, rgba(57, 51, 86, 0.4) 20%, #333 90%, #333 100%);
  background: linear-gradient(to bottom, rgba(57, 51, 86, 0) 0%, rgba(57, 51, 86, 0.4) 20%, #333 90%, #333 100%);
}
.high-contrast .sideFloatingLinksWrapper .sideFloatingLinksBtn {
  background-color: #333;
}
.high-contrast .sideFloatingLinksWrapper .sideFloatingLinksBtn .sideFloatingLinksTtl {
  background-color: #555;
  color: #fff !important;
}
.high-contrast .sideFloatingLinksWrapper .sideFloatingLinksBtn .sideFloatingLinksTtl:after {
  border-right: 10px solid #555;
}
.high-contrast footer .gototop:after {
  background: url(../images/gs/imageSprite.png) no-repeat -30px -52px;
}
.high-contrast footer .socialMedia a,
.high-contrast footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputBtn {
  background: #333;
}
.high-contrast footer .footerSocialMediaWrapper,
.high-contrast footer .footerToggleDiv,
.high-contrast footer .footerToggleDiv .newsLetter .newsLetterEmailInputWrapper .newsLetterEmailInputTxtBox {
  border-bottom: 1px solid #535353;
}
.high-contrast .btn.btnyellow {
  background: #333 !important;
}
.high-contrast .researchesWrapper h2:after {
  background: #999;
}
.high-contrast .header-wrapper .topnav .navbar-nav > li > .dropdown-menu h6 {
  color: #333;
  border-bottom: 1px solid #ddd;
}
.high-contrast .breadCrumb {
  border-top: 1px solid #444;
}
.high-contrast .breadCrumb .breadCrumbDetails span.active,
.high-contrast .breadCrumb .breadCrumbDetails a.active,
.high-contrast .breadCrumb .breadCrumbDetails span:after,
.high-contrast .breadCrumb .breadCrumbDetails a:after {
  color: #fff;
}
.high-contrast .breadCrumb .breadCrumbFunctions {
  background: #555;
}
.high-contrast .breadCrumb .breadCrumbFunctions a {
  color: #fff !important;
}
.high-contrast h2.pageTtlWithBg {
  background: #262626;
  color: #fff;
}
.high-contrast h2 {
  color: #333;
}
.high-contrast .bg3 {
  background-color: #444 !important;
}
.high-contrast h5 {
  color: #444;
}
.high-contrast .bg2,
.high-contrast .bg1 {
  background-color: #333 !important;
}
.high-contrast h4,
.high-contrast h3,
.high-contrast .artclDate {
  color: #333;
}
.high-contrast .quoteWrapper:before {
  background: transparent url(../images/gs/imageSprite.png) -166px 0px no-repeat;
}
.high-contrast .quoteWrapper:after {
  background: transparent url(../images/gs/imageSprite.png) -138px 0px no-repeat;
}
.high-contrast .color2 {
  color: #777 !important;
}
.high-contrast .rightBorderTxtPurple {
  border-right: 3px solid #333;
}
.high-contrast .rightBorderTxtOrange {
  border-right: 3px solid #666;
}
.high-contrast .rightBorderTxtYellow {
  border-right: 3px solid #888;
}
.high-contrast .rightBorderTxtYellow {
  border-right: 3px solid #999;
}
.high-contrast ul.lstPurple li:before,
.high-contrast ul.lst li:before {
  background: #333;
}
.high-contrast .srchPanel {
  border-color: #333;
}
.high-contrast .accordion .ui-accordion-header,
.high-contrast .accordion .ui-accordion-header.ui-state-active {
  border-color: #333;
}
.high-contrast .accordion .ui-accordion-header .ui-accordion-header-icon,
.high-contrast .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
  background-color: #333;
}
.high-contrast .table > tbody > tr.active > td {
  background-color: #ccc;
}
.high-contrast .table a,
.high-contrast .table > tbody > tr > td {
  color: #000;
}
.high-contrast .pagination li.active a,
.high-contrast .pagination li.active a:hover,
.high-contrast .pagination li a:hover,
.high-contrast .pagination li a:hover {
  background: #333 !important;
}
.high-contrast .pagination > li > a,
.high-contrast .pagination > li > span,
.high-contrast .vTabs {
  border-color: #ddd !important;
}
.high-contrast .accordion .ui-accordion-header {
  color: #333 !important;
}
.high-contrast .warning.warningGreen {
  background: #333 url('../images/gs/infoIconGreen.png') right center no-repeat;
  border-color: #111;
  color: #fff;
}
.high-contrast .warning.warningBlue {
  background: #333 url('../images/gs/infoIconBlue.png') right center no-repeat;
  border-color: #111;
  color: #fff;
}
.high-contrast .warning.warningYellow {
  background: #ddd url('../images/gs/infoIconPurple.png') right center no-repeat;
  border-color: #aaa;
  color: #333;
}
.high-contrast .warning.warningError {
  background: #ddd url('../images/gs/errorIcon.png') right center no-repeat;
  border-color: #aaa;
  color: #333;
}
.high-contrast .warning.warningSuccess {
  background: #333 url('../images/gs/successIcon.png') right center no-repeat;
  border-color: #111;
  color: #fff;
}
.high-contrast .shareWrapper .shareBtns a {
  background: #333;
}
.high-contrast .header-wrapper .top-functions .searchbox .searchcontrols .fa,
.high-contrast .chartsdetailsBtn,
.high-contrast .newsMoreBtn {
  color: #333 !important;
}
.high-contrast svg {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.high-contrast .chartYAxis {
  background-image: url(../images/gs/chartYAxis.png) !important;
}
.high-contrast .chartXAxis {
  background-image: url(../images/gs/chartXAxis.png) !important;
}
.high-contrast .chartBtnsContainer .fa-file-excel-o,
.high-contrast .chartBtnsContainer .fa-file-pdf-o,
.high-contrast .chartsdetailsBtn .fa-file-pdf-o {
  color: #555;
}
@media (max-width: 767px) {
  .high-contrast .breadCrumb {
    background: #292929;
  }
}
.high-contrast .mcIconWrapper {
  background: #333;
}
.high-contrast .mcDetailsWrapper p {
  color: #555;
}
.high-contrast .mcDetailsWrapper p:before,
.high-contrast .mcDetailsWrapper p a {
  color: #555;
}
.high-contrast .sideMenu ul {
  background: #333;
}
.high-contrast .sideMenu ul a.active,
.high-contrast .sideMenu ul a {
  color: #fff !important;
}
.high-contrast .sideMenu ul a.active:after,
.high-contrast .sideMenu ul a:after {
  background: #fff;
}
.high-contrast .sideMenu ul a {
  border-bottom-color: #555;
}
.high-contrast .subSideMenu a {
  color: #333 !important;
}
.high-contrast .rcContentBlock1 h3,
.high-contrast .rcContentBlock2 h3 {
  background: #555;
  color: #fff !important;
}
.high-contrast .scCard h4 {
  color: #fff !important;
}
.high-contrast .scCard:before {
  background: #555;
  border-color: #555;
}
.high-contrast .scCard .scCardBottomBtnsWrapper .scCardBottomBtn,
.high-contrast .scCard .scCardBottomBtnsWrapper .scCardBottomBtnR,
.high-contrast .scCard .scCardBottomBtnsWrapper .scCardBottomBtnL {
  border-color: #666;
}
.high-contrast .btn.btnwhite:hover {
  color: #333 !important;
}
.high-contrast .btn.btnwhite:hover * {
  color: #333 !important;
}
.high-contrast .sdTtl,
.high-contrast .sdRate,
.high-contrast .sdFAQBtn {
  border-color: #555;
  color: #555;
}
.high-contrast .sdRate .fa.active {
  color: #555;
}
.high-contrast .sdDetailsTtlIconDes {
  background: url(../images/gs/imageSprite.png) no-repeat 0 -154px;
}
.high-contrast .sdDetails p,
.high-contrast ul.lstPurple li,
.high-contrast .control-label,
.high-contrast .serForm .radio label,
.high-contrast .serForm .checkbox label {
  color: #666;
}
.high-contrast .sdDetailsTtlIconHT {
  background: url(../images/gs/imageSprite.png) no-repeat -57px -155px;
}
.high-contrast .sdDetailsTtlIconInd {
  background: url(../images/gs/imageSprite.png) no-repeat -120px -155px;
}
.high-contrast .sdSubTtl {
  background-color: #555;
}
.high-contrast .form-control:focus,
.high-contrast .select2-selection:focus {
  border-color: #999 !important;
}
.high-contrast .sdServTimeLineItem .sdServTimeLineNo {
  background-color: #666;
}
.high-contrast .sdServTimeLineItem.sdServTimeLineLastItem .sdServTimeLineNo {
  background-color: #333;
}
.high-contrast .sdServTimeLineItem.sdServTimeLineLastItem:after {
  background: url(../images/gs/imageSprite.png) no-repeat 0 -234px;
}
.high-contrast .sdServTimeLineItem.sdServTimeLineLastItem h3,
.high-contrast .sdServTimeLineItem a {
  color: #555;
}
.high-contrast .sdServTimeLineItem.sdServTimeLineLastItem {
  background: #eee;
  border: 1px dashed #666;
}
.high-contrast .sdServTimeLineItem:before,
.high-contrast .sdServTimeLineItem.sdServTimeLineLastItem:before {
  background-color: #666;
}
.high-contrast .select2-container--open .select2-selection {
  border-color: #999 !important;
}
.high-contrast .sdDetailsTtlIconEsc {
  background: url(../images/gs/imageSprite.png) no-repeat -200px -156px;
}
.high-contrast .select2-container--default .select2-results__option--highlighted,
.high-contrast .ui-menu .ui-menu-item-wrapper:hover {
  background-color: #666;
}
.high-contrast .formTtl {
  background: #666;
  color: #fff !important;
}
.high-contrast .contentTopBtns a {
  color: #555 !important;
}
.high-contrast .datepickerIcon {
  background: url(../images/gs/datepickerIcon.png) no-repeat left top;
}
.high-contrast .tooltipIcon {
  background: url(../images/gs/tooltipIcon.png) no-repeat 0 0;
}
.high-contrast .rangeSlider .color1 {
  color: #666 !important;
}
.high-contrast .required .control-label:after {
  color: #555;
}
.high-contrast .tooltip-arrow {
  border-top-color: #666 !important;
}
.high-contrast .tooltip-inner {
  background: #666;
}
/* Added by YunusRF */
.col-md-4 a {
    white-space: nowrap; /* Prevent text wrapping */
    overflow: visible; /* Hide overflow if text exceeds width */
    text-overflow: ellipsis; /* Add ellipsis for long text */
}
@media (max-width: 991px) {
  .download-button {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
}
.home-banner-area {
  background: url(../img/hero-bg.svg)
    center;
  background-size: cover;
}
/* RTL adjustment for home-banner-area */
.home-banner-area .banner-img {
  text-align: left; /* Changed from right to left for RTL */
  margin-top: 50px;
}
.loading-spinner {
    text-align: center;
    font-size: 16px;
    color: #555;
    padding: 10px;
}

.error-message {
    text-align: center;
    font-size: 16px;
    color: red;
    padding: 10px;
}

.bold-custom {
    font-weight: bold; /* Makes the text bold */
    font-size: 1.2em; /* Adjusts the font size */
    color: #333; /* Sets the text color */
    letter-spacing: 0.5px; /* Adds spacing between letters */
    text-transform: none; /* Converts text to uppercase */
    font-family: 'Arial', sans-serif; /* Sets a custom font family */
}
/* RTL adjustment for rcIconPlaceHoder */
.rcIconPlaceHoder {
  display: inline-block;
  font-size: 35px;
  color: #fff; 
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 100%;
  margin-left: 20px; /* Swapped from margin-right: 20px */
  margin-right: 5px;  /* Swapped from margin-left: 5px */
  vertical-align: middle;
}

/* These classes don't need RTL changes as they are center-aligned or directionally neutral */
.text-none {
    text-transform: none;
}

.text-container {
    width: 80%; /* Adjust the width as needed */
}

.technology-card {
    width: 200px;
    height: 200px;
    margin: 10px auto;
    border-radius: 10px; /* Rounded rectangle */
    background-color: #f9f9f9; /* Optional background color */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for better appearance */
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally */
}

.content-container {
    display: flex; /* Enables flexbox */
    flex-direction: column; /* Aligns items vertically */
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally */
}

.technology-image {
    width: 80px;
    height: 80px;
    object-fit: contain; /* Ensures the image fits within the specified dimensions */
}

.hover-text {
    margin-top: 10px;
    font-size: 10px; /* Adjust font size as needed */
    text-align: center; /* Center-align the text */
    font-weight: bold; /* Makes the text bold */
    font-size: 1.2em; /* Adjusts the font size */
    color: #333; /* Sets the text color */
    letter-spacing: 0.5px; /* Adds spacing between letters */
    text-transform: none; /* Converts text to uppercase */
    font-family: 'Arial', sans-serif; /* Sets a custom font family */
}

/* dropdown for services */
.dropdown .dropdown-submenu .dropdown-menu > li {
  display: flex;
  width: auto;
  height: auto;
  
}