@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600&display=swap');
  body{
    font-family: 'Cairo', sans-serif !important;
    overflow-x: hidden;
  }
.form-group.has-search input::placeholder {
    color: white;
    opacity: 1; /* Firefox */
  }

  .form-group.has-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
  }

  .form-group.has-search input::-ms-input-placeholder { /* Mi.crosoft Edge */
    color: white;
  }

.loader {

  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999999999999999;
  background: url('https://eservices.ajmanded.ae/content/images/loader.gif') 50% 50% no-repeat rgb(249,249,249);}

ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6 ,p{
    font-family: 'Cairo', sans-serif !important;
  font-weight: normal;
  font-style: normal;
  margin: 0;
}
a:hover{text-decoration: none !important;}

.button-top-header{bottom: 0;
  position: absolute;
  right: 15px;
  margin-bottom: 0px;
  width: 162px;
  padding: 11px;
  border: none;
  border-radius: 11px 11px 0px 0;
  background: #ffff;
  color: black;
  font-size: 16px;
  font-weight: 700;}
.border-left{border-left: solid;
  display: block;
  color: #ffffff;
  font-size: 13px;
  padding-left: 11px;}
  .porder-social {
    width: 32px;
    text-align: center;
    height: 32px;
    background: #79c2ea;    margin-left: 11px;
    margin-right: 0px;
    padding-top: 6px;
    border-radius: 25px;
}
.social{display: flex;padding-top: 12px;}

header .top-header
{
  background-color: #166093;width: 100%; height: 50px;;
}
.form-group.has-search {
  position: relative;
}
.form-control-feedback {
  left: 6px;
  right: auto;
  padding-top: 6px;
  font-size: 19px !important;
  color: #ffffff;
}
input.form-control {
  text-align: right;
  background-color: #166093;
  border: none;
  font-size: 16px;
  height: auto;color: #ffffff !important;
}
.has-search h5{position: absolute;color: #fff;
  right: 7px;
  top: 8px;
  font-size: 14px;}
.form-control:focus {
  color: #495057;
  background-color: #ebebeb !important;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
header .top-header nav ul li
{
    list-style:none;
    float :right;
}
header .top-header nav ul li a
{
    color:#fff;
    font-size:13px;
    margin-right:10px;
}

header .top-header nav ul li:last-child  a::after
{
    display:none;
}
header .top-header nav
{
  float: left;
  line-height: 50px;
}
header .top-header .change-lang
{
    float: left;
    color: #fff;
    font-size: 13px;
    margin-left: 20px;
    line-height: 30px;
}
header .top-header .social
{
    padding:0;
    margin:0;
    margin-top: 9px;float: left;
}
.drop-lan {
  border: none;
  width: 16px;
  height: 16px;
  float: right;
  background-color: #f0f8ff00;padding-top: 27px;
  color: #fff;
}
.div-languages img {
  margin-left: 5px;
  width: 28px;
  height: 28px;
  border-radius:8px;
}
.div-languages {
  display: flex;
  float: left;
  padding-top: 3px;
  border-right: solid 1px #265a8f;
  margin-top: 1px;
  padding-right: 10px;
}
select#languages option {
  color: black !important;
}
.div-languages p {
  color: #ffff;
  font-size: 15px;
  padding-top: 3px;    margin-left: 6px;
}
  .button-hover:hover{
   font-weight: 700;  box-shadow: -2px 0 20px 0 rgb(33 23 23 / 20%);color: #222222;transition: ease-in-out .30s;
}
.fontimg img {
  margin: 0;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1);
}
.fontimg {
  position: relative;
  margin: 0;
  overflow: hidden;
}
.fontimg:hover img {
  transform: scale(1.2);
}

.fontimg2 img {
  margin: 0;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
}
.fontimg2 {
  position: relative;
  margin: 8px;
  overflow: hidden;
}
.fontimg2:hover img {
  transform: scale(1.2);
}
.middle_header {
  padding: 5px 0px 0px;
  background-color: #ffffff;
  height: 105px;
      box-shadow: rgb(99 99 99 / 10%) 0px 3px 8px 0px;
    position: relative;
    z-index: 9999;
}

.logo{
  float: left;width: 70%;margin-top: 10px;
}
.logo_site > a{
  display: inline-block;
  float: right;
}


.main_menu li a {
  margin-right: 24px;
}
.main_menu > li{
  float: right;
  margin-left: 15px;
  padding-bottom: 25px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #0077e6;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu>li>a {
  display: block;
  padding: 14px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  font-size: 13px;
}
.col-md-7.none-mobile.mh_left.clearfix {
  padding-left: 0;
    padding-right: 0;
}
.open>.dropdown-menu {
  display: block;
  text-align: center;
}
.dropdown-menu {
  min-width: 160px !important;}
.main_menu > li > a{
  display: block;
  color: #283b6a;
  font-size: 16px;
  padding-top: 24px;
  font-weight: 700;
}
.main_menu{
  margin-top: 10px;
}

.main_menu > li:hover > a,.main_menu > li > a:focus{
  color: #79c2ea;transition: ease-in-out .20s;
}

.hover-top-header:hover{color: #79c2ea !important;transition: ease-in-out .20s;}
#header.fixed-header .middle_header{
  height: 106px;  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
  z-index: 99999999999999;
  padding: 3px 0px 0px;}
.hamburger {
  width: 40px;
  height: 40px;
  background: transparent;
  border-radius: 5px;
  border: none;
  position: relative;
  z-index: 0;
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  -webkit-transition: background-color .2s linear;
  -ms-transition: background-color .2s linear;
  transition: background-color .2s linear;
  display: none;
  border:2px solid #21a8e4;
}
.hamburger:hover{transition: ease-in-out .30s;
  background-color:#21a8e4;
  border-color: #21a8e4;
}
.hamburger:hover span:nth-child(1) {
  transform: translate(0, -2px);
  -webkit-transform: translate(0, -2px);
  -ms-transform: translate(0, -2px);
}

.hamburger:hover span:nth-child(3) {
  transform: translate(0, 2px);
  -webkit-transform: translate(0, 2px);
  -ms-transform: translate(0, 2px);
}

.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
  -webkit-transform: rotate(45deg) translate(4px, 4px);
  -ms-transform: rotate(45deg) translate(4px, 4px);
}

.hamburger.active span:nth-child(2) {
  transform: translate(-4px, 0);
  -webkit-transform: translate(-4px, 0);
  -ms-transform: translate(-4px, 0);
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  -webkit-transform: rotate(-45deg) translate(4px, -4px);
  -ms-transform: rotate(-45deg) translate(4px, -4px);
}

.hamburger span {
  width: 18px;
  height: 2px;
  border-radius: 10px;
  margin: auto;
  background-color: #713371;
  display: block;
  margin-bottom: 4px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.hamburger span:last-child{
  margin-bottom: 0;
}
.hamburger:hover span{
  background-color: #fff;
}

/*mobile menu*/
/*menu*/
.menu-mobile{
  position: fixed;
  right: 0px;
  top: 0px;
  bottom: 0;
  height: 100%;
  width: 250px;
  background: #fff;
  z-index: 1001;
  overflow-y:auto;
  -webkit-transform:translateX(265px);
  -moz-transform:translateX(265px);
  -ms-transform:translateX(265px);
  -o-transform:translateX(265px);
  transform:translateX(265px);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
  box-shadow: -2px 0 20px 0 rgba(33, 23, 23, 0.68);
}
.brand-area{
  position: relative;
  padding-top: 20px;
}
.close_menu{
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 24px;
  cursor: pointer;
  color: #363636;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background-color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.close_menu:hover{
  background-color: #767676;
  color: #fff;
}
.brand-area a {
    width:90%;
    height: auto;
    display: block;
    background-size: contain;
    margin: 0px auto 0 auto;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.brand-area a > img{
  max-height: 116px;
  margin: auto;
}
.mmenu > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.mmenu > ul li a {
    display: block;
    border-bottom: 1px solid rgba(6,48,88,0.1);
    color: #063058;
    font-size: 17px;
    padding: 10px;
    transition: all .3s;
}

.mmenu > ul li a > i{
  margin-left: 5px;
}
button:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
}
.mmenu > ul li a:hover {
    background: #21a8e4;
    color: rgb(0, 0, 0);
    border-color: #21a8e4;transition: ease-in-out .30s;
}
.porder-social:hover {
  border: solid 1px #21a8e4;transition: ease-in-out .30s;

}
.register-mobile{
  margin-top: 0 !important;
}
.register-mobile li:last-child > a{
  border-bottom: 0;
}
.plusIcon{
  font-size: 14px;
  margin-left: 5px;
}
.m-overlay {
    position: fixed;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #333;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.menu-toggle {
    overflow: hidden;
}
.menu-toggle .m-overlay {
    opacity: 0.6;
    visibility: visible;
}
.menu-toggle .menu-mobile {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);

}

.menu-toggle .main-wrapper{

  -webkit-transform:translate3d(-250px,0,0);
  -moz-transform:translate3d(-250px,0,0);
  -ms-transform:translate3d(-250px,0,0);
  -o-transform:translate3d(-250px,0,0);
  transform:translate3d(-250px,0,0);

}
html.menu-toggle{
  overflow: hidden;
}
.mmenu .social-mobile li{
  display: inline-block;
  margin: 5px;
}
.mmenu .social-mobile{
  display: table;
  margin: auto;
  text-align: center;
}
.mmenu .social-mobile li a{
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  padding:0;
  text-align: center;
}
.mmenu .social-mobile li a > i{
  margin: 0;
}
.mmenu .social-mobile li a{
  border-bottom: 0;
}


/* slider */

.item-slider{background-image: url(../img/s1.png);background-size: cover;  padding: 140px  0;
  height: 579px;}
  .Association-name{font-size: 55px;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    width: 55%;}
 .text-slider{width: 41%;
  padding-top: 16px;
  color: #606c89;
  font-size: 18px;}
.button-slider{font-size: 17px;
  padding-top: 11px;
  text-align: center;
  color: #ffffff;
  background-color: #72c4e9;
  width: 170px;
  height: 50px;
  border-radius: 3px;
  float: right;
  margin-top: 22px;}
  .owl-prev {
    display: none !important;
}
.owl-next {
  display: none !important;
}
.owl-dots {
  margin-top: -65px;
    z-index: 99999999999999;
    position: relative;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: no-repeat;
  border: solid 1px #DDDD;
}
.About-us{
  width: 100%;
  height: auto;
  right: 0px;
  margin-top: 0px;padding-top: 70px;
  padding-bottom: 50px;direction: rtl;}
  .book-text{position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffff;
    text-align: center;
    padding: 3px;
    width: 151px;
    color: #0e204d;
    padding-top: 17px;
    border-radius: 5px 0px;}
.img-about{    width: 100%;
 }
  .text-right{text-align: right;}
  .text-about-1{    font-size: 19px;
    font-weight: 700;
    color: #35b6e8;}
  .text-about-2{color: #283b6a;
    font-size: 27px;
    font-weight: 700;
    padding-top: 12px;}
.text-about-3{
    
    color: #5f6b8a;
    font-size: 16px;
    padding-top: 15px;
    font-weight: 300;
    line-height: 30px;
    
    
}

.button-about{    width: auto;
  height: 48px;
  background-color: #72c4e9;
  text-align: center;
  color: #ffffff;
  font-size: 17px;
  padding: 10px;
  border-radius: 6px;
  margin-top: 50px;float: right;}




/* section-Services */
.section-Services{background-image: url(../img/[GetPaidStock.c.png);background-size: cover;height: 600px; }
.overlay-Services{background-color: #204660b8; z-index: 9999999999999999;width: 100%; height: 100%;padding-top: 70px;}
.text-right h4{color: #35b6e8;font-size: 21px;
  padding-bottom: 16px; }
.h2-Services{color: #ffffff;
  font-size: 26px;
  width: 70%;
  line-height: 1.5;height: 75px;
  overflow: hidden;}
  .text-right h5{    font-size: 15px;
    color: #fff;
    line-height: 1.8;height: 78px;
    overflow: hidden;}
.card-Services{background-color: #fff;padding: 13px;text-align: right;margin-top: 45px;border-radius: 10px;}
.card-Services:hover{transition: ease-in-out .30s; margin-top: 30px;}
.card-Services img{width: 100%;height: 144px;
  border-radius: 10px;;}
.card-Services h3{color: #166093;
  padding-bottom: 11px;
  padding-top: 16px;
  font-size: 22px;}
.card-Services h6{color: #8b95a5;
  font-size: 13px;
  line-height: 1.6;padding-bottom: 11px;}
.card-Services a{color: #354773;font-size: 14px;}



/*section-care*/
.section-care{background-color: #72c4e9;width: 100%; padding-top: 90px; padding-bottom: 70px;}
.div-text-care{text-align: right;}
.div-text-care h3{color: #ffffff; font-size: 30px; padding-bottom: 10px;}
.div-text-care p{color: #ffffff; font-size: 15px;line-height: 1.6;}
.button-care{background-color: #283b6a; border: none; color: #fff;margin-top: 54px;
      float: right;
      padding: 11px 29px;
      font-size: 14px;margin-right: 15px;
      border-radius: 4px;}

.button-care:hover{color:#fff;}

/* section-Development */
.section-Development{width: 100%; height: auto;padding-top: 80px;direction: ltr; }
.text-section-Development h2{color: #0e204d; font-size: 30px; padding-bottom: 20px; text-align: right;font-weight: 700;}
.text-section-Development p{color: #0e204d;height: 78px;
  overflow: hidden;
  font-size: 15px;
  text-align: right;
  line-height: 1.8;}
.div-img-section-Development{width: 80%;float: right;
  margin-bottom: -40px;
  border-radius: 5px;
  overflow: hidden;
  height: 443px;
  background-color: #f7f7f7;}
  .img-section-Development{width: 100%;
    float: left;
    border-radius: 5px;
    height: auto;  }


.accordionTitle,.accordion__Heading {display: block;color: #166093 ;text-align: right;border-top: 1px solid #e8e9eb;
padding-top: 16px; margin-top: 22px;}
.accordionItem { height: auto; overflow: hidden;}
 .accordionItem.is-collapsed { max-height: 0;}
 .no-js .accordionItem.is-collapsed { max-height: auto;}
li.lecture.has-preview{ padding: 12px 47px 12px 30px;    position: relative; border-bottom: 1px solid #e8e9eb;
 border-right: 1px solid #e8e9eb; border-left: 1px solid #e8e9eb;color: #686f7a;    text-align: right;}
.float-left { float: left!important;}
.accordionTitle:before, .accordion__Heading:before {
  padding-left: 3px;
  padding-right: 3px;
  content: "<";
  font-size: 22px;
  line-height: 0.5em;
  float: right;
  padding-top: 5px;
      border: solid 1px;
      border-radius: 26px;
      padding-bottom: 2px;
      margin-left: 11px;
    }
    .title.float-right{color: #166093;font-size: 16px;
        font-weight: 600;
        margin: 0 0 10px;}

    .course-curriculum-title.clearfix {
        padding: 2px 14px 3px 15px;
    }
    .div-Accordion {
        margin-top: 10px;
        margin-bottom: 60px;
    }
    .accordionItem p {
      text-align: right;
      font-size: 14px;
      color: #0e204d;
      line-height: 1.5;height: 41px !important;
      overflow: hidden !important;
  }
    @media screen and (max-width: 991px) {
        .what-you-get-box ul li {
        width: 100%;
    }
    .float-left {
        margin-bottom: 14px;
    }
    .course-sidebar.natural {
        margin-bottom: 61px;    margin-top: 0px;

    }

    }

        dd#accordion1 ul{padding: 0;}


/*section-opinions */
.section-opinions{background-color: #166093; width: 100%; height: auto;padding-top: 80px;padding-bottom: 60px;;}
.section-opinions h3{color: #72c4e9; font-size: 20px;}
.item.padding-toop p {
  color: #ffff;
  font-size: 17px;
  text-align: right;
  padding-top: 25px;
}
.name-Writer p {
  padding-top: 0px !important;
  padding-right: 28px;
}
.name-Writer {
  padding-top: 22px;
}
.item.padding-toop p {
  width: 70%;
}
.name-Writer p {
  width: 100% !important;
}
.div-img-opinions{text-align: right;padding-right: 10%;padding-top: 30px;display: flex;}
.carousel-control.right {
background-image: none;width: 18px;}
.carousel-control.left{
  background-image: none;width: 50px;}
  .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 0;height: 50px;
    bottom: 0 !important;font-size: 23px;
    top: auto;}
    .carousel-control.left {
      left: auto;
      right: 38px;height: 70px;
      bottom: 0 !important;
      top: auto;}
      .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {

        font-size: 23px;
    }
      .div-logo-opinions {
        display: flex;
    }
    .img-logo-opinions {
      width: 20%;
      overflow: hidden;text-align: center;
  }
  img.logo-opinions-1 {
    width: 80%;
}
img.logo-opinions-2 {
  width: 80%;
  padding-top: 26px;
}
.padding-top-logo-opinions{padding-top: 80px;}





/*section-Articles*/
.section-Articles{width: 100%;background-color: #f4f6f9;
	padding-top: 40px; text-align: center;padding-bottom: 40px;;}
.p-Articles{font-size: 17px;color: #72c4e9;margin-bottom: 7px;}
.h3-Articles{color: #0e204d;font-size: 27px;font-weight: 700;margin-bottom: 4px;}


.Articles-col {box-shadow:0 3px 4px #39383c17;
    margin-top: 35px;position: relative;
    background-color: #Fff !important;
    height: auto;
    background-color: #117f7a;    padding-bottom: 6px;border-radius: 10px;
}
.img-Articles.fontimg-Articles {
	height: 210px;
	overflow: hidden;background-color: #ececec;    border-radius: 10px 10px 0 0;
  }
  .fontimg-Articles {position: relative; margin: 0; overflow: hidden;}
  .fontimg-Articles img {margin: 0;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1);
    float: left;}
  .Articles-col:hover .fontimg-Articles img {transform: scale(1.2);}
  .position-img-Articles{position: relative;}
  .button-Articles {
	color: #Ffff !important;
    width: auto;
    float: right;
    direction: rtl;
    text-align: center;
    height: 46px;
    border-radius: 0px;
    background-color: #72c4e9 ;
    z-index: 999999;
    position: absolute;
    padding-top: 12px;
    font-size: 14px;
    font-weight: 700;
    bottom: -15px;
    right: 0;
    padding-right: 14px;
    padding-left: 14px;
}
.div-text-Articles {
  padding: 22px 22px 0px;
  text-align: right;
  height: auto;
  padding-bottom: 20px;

}


.div-text-Articles .view {
    border: none;
    padding: 7px 21px;
    font-size: 15px;
    border-radius: 4px;
    background-color: #166093;
    color: #fff;
    text-decoration: none;
    display:inline-block;
    margin-top: 5px;
}

.div-text-Articles .view:hover {
    border: none;
    padding: 7px 21px;
    font-size: 15px;
    border-radius: 4px;
    background-color: #72c4e9;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.title-col {
    line-height: 31px;
    margin-top: 7px;
    margin-bottom: 15px;
    font-size: 19px;
    color: #283b6a !important;
    max-height: 60px;
    overflow: hidden;
    font-weight: 700;
}
.Articles-col:hover .title-col{color: #72c4e9 !important  ;transition: ease-in-out.20s;}
.text-2-Articles {
	font-size: 13px;
    height: 50px;
    margin-top: 11px;
    color: #283b6a;
    width: 100%;
    font-weight: bold;
    line-height: 1.65;
    text-overflow: ellipsis;
	padding: 0px;
	overflow: hidden;
}
.div-text-Articles button .fa {
  margin-right: 10px;
}
.div-Find-more{text-align: center;margin-top: 60px;}
a.Find-more {
  color: #166093;
  font-size: 18px;
}

/* start contact_us_form */
.contact_us_form label{
    font-family: 'Cairo', sans-serif !important;
    font-size: 15px;
}

.contact_us_form p{
    color: #b3b3b3;
    font-weight: 300;
     font-family: 'Cairo', sans-serif !important;
    line-height: 2;
    font-size: 15px;
    margin-bottom:75px;
  }
  .contact_us_form h3{
    font-size: 32px;
    color: #0e4367;
  }
  .contact_us_form input{
    height: 48px;
  }
  .contact_us_form input,.contact_us_form textarea{
    background: #FAFAFA;
    color: black !important;
    font-size: 20px;
    border: none;
    margin-bottom: 20px;
  }

  .contact_us_form input:focus,.contact_us_form textarea:focus{
    background: #FAFAFA !important;
    color: black !important;
    font-size: 20px;
    border: none !important;
    margin-bottom: 20px !important;
  }

  .contact_us_form button{
    width: 300px;
    padding: 14px;
    border: none;
    background-color: #0e4367;
    border-radius: 7px;
    font-size: 18px;
    color: white;
  }

  .contact_us_form button:hover{
    width: 300px;
    padding: 14px;
    border: none;
    background-color: #607583;
    border-radius: 7px;
    font-size: 18px;
    color: white;
  }

  .contact_us_form .content_of_detail_contact{
    background-color: #FAFAFA;
    border-radius: 12px;
    max-height: 400px;
    overflow: hidden;
    padding:25px;
  }
  .contact_us_form .content_of_detail_contact h5{
    padding-top: 15px;
    color: #666;
    height: auto;
    font-size: 14px;
  }
  .contact_us_form .content_of_detail_contact span{
   font-family: 'Cairo', sans-serif !important;
  font-size: 18px;
color:222;
  }
  /* end contact_us_form */


/* section-footer */
.Footer-section{
  background-repeat: no-repeat;text-align: right;padding-top: 50px; direction: rtl;background-color: #0e4367;}
  footer ul {
    direction: ltr;
}
.title-Footer{font-size: 22px;color: #ffffff; padding-bottom: 2px;}
.text-Footer{ padding-top: 8px;font-size: 13px;color: #ffffff;height: 28px;overflow: hidden;}
.img-logo-footer{width: 90%;
  overflow: hidden;
  margin-top: 20px;}
.h2-contact{padding-bottom: 13px;color: #ffffff;font-weight: 700;}
.h2-links{padding-bottom: 15px;color: #ffffff;}
.address{font-size: 18px;color: #ffffff;}
.hr-line {
  width: 32%;
  margin-right: 0;
  border: solid 2px #ffffff;
  margin-top: 0px;
  margin-bottom: 15px;
}
.phone {
  direction: rtl;
  font-size: 17px;
  color: #ffffff;
  margin-bottom: 3px;
  margin-top: 9px;
}
.phone.display {
  display: flex;
  direction: ltr;
}
i.fa.fa-map-marker {
  margin-top: 16px;
  font-size: 23px;
  margin-left: 14px;
}
i.fa.fa-mobile {
  font-size: 23px;
  margin-left: 14px;
}
i.fa.fa-envelope-o {
  font-size: 19px;
  margin-left: 7px;
}
i.fa.fa-map-marker {
  font-size: 23px;
  margin-left: 14px;
}
i.fa.fa-phone {font-size: 17px;margin-left: 14px;}

.col-lg-2.wow.animate__fadeIn.animated ul li a {
  font-size: 16px;
  line-height: 2.1;
  color: #ffffff;
}
.col-lg-2.wow.animate__fadeIn.animated ul li a:hover {
color: #72c4e9;transition: ease-in .50s; margin-right: 8px;font-weight: 700;
}
.col-lg-2.wow.animate__fadeIn.animated h2 {
  margin-bottom: 20px;color: #ffffff; font-weight: 700;
}
.col-lg-2.wow.animate__fadeIn.animated.animated {
  margin-top: 43px;
}
i.fa.fa-angle-left {
  font-size: 13px;
  margin-left: 15px;
}
.col-lg-3.wow.animate__fadeIn.animated ul li a {
  font-size: 15px;
  line-height: 2.2;
  color: #ffffff;
}
.col-lg-3.wow.animate__fadeIn.animated ul li a:hover {
color: #72c4e9;transition: ease-in .20s; margin-right: 8px;font-weight: 700;
}
.col-lg-3.wow.animate__fadeIn.animated h2 {
  margin-bottom: 20px;color: #ffffff; font-weight: 700;
}


.Copyright-Div{max-width: 100%; text-align: center; color: #ffffff; margin-top: 20px;}
  .bac-Copyright-Div{ background-color: #13517c;
    width: 100%;
    height: 60px;
    position: absolute;
    background-size: cover; }
    .Copyright-Div p {
      padding-top: 23px;
      font-size: 14px;
  }
  .text-Development {
  padding-top: 21px;
  text-align: left;
  font-size: 16px;
}
.Div-Social{float: right;margin-top: 10px;margin-bottom: 9px;}
.form-control:focus {
  background-color: #fff0 !important;
  border-color: #80bdff00;
  outline: 0;
  box-shadow: none !important;
}






a.left.carousel-control.slider-1 {
  right: auto;
  left: 38px;
  height: auto;
  bottom: auto;
  top: 50%;
}
a.right.carousel-control.slider-2 {
  left: auto;
  right: 38px;
  height: auto;
  bottom: auto;
  top: 50%;
}













.carousel-control.right {
  background-image: none;
  width: 18px;
  bottom: 19px;
  height: 50px;
  top: auto;
  font-size: 44px;
}
.carousel-control.left {
  left: auto;
  right: 18px;
  height: 53px;
  bottom: 17px !important;
  top: auto;
  font-size: 44px;
}
.control-box {
  direction: ltr;
}
i.fa.fa-angle-left {
  font-size: 16px;
  margin-left: 20px;
}
 .pages_that_we_used{
   list-style: none;
   text-align: right;
   margin: auto;

 }
 .pages_that_we_used li{
 display: inline-block;
 padding-left: 15px;
  font-family: 'Cairo', sans-serif !important;
 padding: 10px;
 padding-right: 2px;
 font-size: 13px;
}
.bg-of-text_sub{
background: linear-gradient(90deg, rgb(13 13 13 / 37%) 0%, rgb(11 67 106 / 77%) 100%),url(https://3dit-med.com/storage/categories/xQfM9cIXq5g98gmWMfNuTPNwmyRi7k6zHZvlPd4L.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
        margin-bottom: 35px;
        min-height: 300px;

}
.desc_of_sub_page{
  margin-top: 60px;
  padding: 0 33px;
}
.desc_of_sub_page h2{
  font-size: 42px;
  color: white;
  font-family: 'Cairo', sans-serif !important;
}
.desc_of_sub_page p{
  font-size: 15px;
  color: whitesmoke;
  padding-top: 15px;
  width: 70%;
}
.desc_of_sub_page .button_of_header{
  font-size: 15px;
  border: none;
  /* height: 40px; */
  /* width: 158px; */
  background-color: #79c2ea;
  border-radius: 9px;
  padding: 17px;
  margin-top: 40px;
}
.desc_of_sub_page .button_of_header a{
  color: white;
}

.pages_that_we_used li span{

  padding-right: 10px;



 }
 .graha_card .card{
   margin-bottom: 25px;
   border-radius: 13px;
 }
 .graha_card .card .img_of_card{
  max-height: 320px;

  overflow: hidden;
  border-radius: 13px;
margin-top: 35px;
    margin-bottom: 25px;
 }
 .image_of_sub_page{
  border-right: 11px solid #79c2ea;
}
 .graha_card .card .card-body h2{
  font-size: 24px;
 }
 .graha_card .card .card-body h2 a{
   color: #166093;
 }
 .graha_card .card .card-body p{
  color: #166093;
  font-size: 19px;
  font-family: 'Cairo', sans-serif !important;
}
.graha_card .card .card-body p.product_desc{
  font-size: 14px;
}

.graha_card .card .card-body a.btn{
  width: 172px;
  padding: 11px;
  font-size: 15px;
  border-radius: 5px;
  margin-top: 20px;
  background-color:#166093 ;
  border: none;
      margin-bottom: 25px;

}
.graha_card .card .card-body a.btn:hover{
  background-color: #79c2ea;
  border: none;
}
.graha_card .card{
  box-shadow: 0 0 10px rgb(0 0 0 / 3%);
}
.graha_card .card:hover{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* start blog content */
.blog_content.news_about_your_projerct{
    margin-top: 10px;
    margin-bottom: 50px;
  }
  .blog_content .list_of_blog{
    list-style: none;
    padding-right: 0px;
    margin: auto 0;
  }
  .blog_content .list_of_blog li{
  display: inline-block;
  padding-left: 12px;
  font-size: 16px;
  color: gray;
  font-family: 'Cairo', sans-serif !important;

  }
  .blog_content .list_of_blog .share_blog_content li{
    display: inline-block;
    padding-left: 0px;
    font-size: 16px;
    color: gray;
    font-family: 'Cairo', sans-serif !important;

    }
  .blog_content  .card{
    box-shadow: 0 0 10px rgb(0 0 0 / 3%);
    border-radius: 8px;
    margin-bottom: 20px;
  }
  .blog_content .card:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .blog_content .card-header .list_of_blog li i{
    padding-left: 8px;
  }
  .blog_content .card-header{
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  background-color: white;


  }
  .blog_content .card-footer .list_of_blog li i{
    padding-left: 8px;
  }
  .blog_content .card-footer{
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  background-color: white;


  }
  .blog_content .share_blog_content ul{
    list-style: none;

  }
  .blog_content .share_blog_content li{
  display: inline-block;
  color: #868e96;
  font-size: .9rem;

  }
  .blog_content .share_blog_content li.social_media {
    display: inline-block;
    line-height: 36px;
    width: 36px;
    border-radius: 5px;
    background: rgba(0,0,0,.03);
    vertical-align: middle;
    text-align: center;
    margin-right: 5px;
  }
  .blog_content .image_bg_of_cover_blog{
    max-height: 600px;
    overflow: hidden;

  }
  .blog_content .desc_of_blog_content h2{
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: bold;

  }
  .blog_content .desc_of_blog_content p{
  margin-top: 10px;
    color: #111111;
    font-size: 18px;
   }
   .blog_content .sub_title_of_blg{
    color:#338376;
  }
  /* end blog content */
  /* news_about_your_projerct start */
.news_about_your_projerct{
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .news_about_your_projerct h2{
    font-size: 1.375rem;
  }

  .news_about_your_projerct .image_news_about_your_project{
    max-height: 200px;
    overflow: hidden;
  }
  .news_about_your_projerct  .card{
    box-shadow: 0 0 10px rgb(0 0 0 / 3%);
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 50px;
  }
  .news_about_your_projerct .card:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .news_about_your_projerct .card .card-text{
    font-size: 13px;
    color: #868e96;
  }
  .news_about_your_projerct .card .card-title{
    font-size: 16px;
    font-weight: bold;
  }
  .news_about_your_projerct .card-footer{
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    background-color: white;


    }
    .news_about_your_projerct .card-header{
      border-top-right-radius: 9px;
      border-top-left-radius: 9px;
      background-color: white;


      }
    .news_about_your_projerct .search_button{
      width: 100%;
      background: #28a299;
      color: white;
    }
    .news_about_your_projerct .search_input{
      background-color: white;
    }
    .news_about_your_projerct .category_list_of_blog{
      list-style: none;
    }
    .news_about_your_projerct .category_list_of_blog li{
      font-size: 15px;
      font-weight: 600;
      color: #868e96;
      border-bottom: 1px solid rgba(0,0,0,.1);
      line-height: 38px;
      padding-bottom: 6px;
    }
    .news_about_your_projerct .category_list_of_blog li:hover a{
    padding: 0 10px;
    color:#28a299 ;
    }
    .news_about_your_projerct .category_list_of_blog li a{
      color: #868e96;
    }
  .news_about_your_projerct .list_of_blog{
    list-style: none;
    padding-right: 0px;
    margin: auto 0;
  }
  .news_about_your_projerct .list_of_blog li{
  display: inline-block;
  padding-left: 12px;
  font-size: 16px;
  color: gray;
  font-family: 'Cairo', sans-serif !important;

  }
  .news_about_your_projerct  .card_of_vedio .card-header{

    color: black;
    border-top-right-radius: 9px;
      border-top-left-radius: 9px;
  }
  .news_about_your_projerct .another_courses{
    padding-right: 0px;
  }
  .news_about_your_projerct  .another_courses .title_of_another_course{
    font-size: 14px;
    line-height: 1.5;
    color: black;
    height: 42px;
    overflow: hidden;
  }
  .news_about_your_projerct  .another_courses .title_of_another_course a{
    color: black;
  }
  .news_about_your_projerct .news_blogs{
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .news_about_your_projerct  .another_courses .trainer_of_another_course{
    font-weight: 300;
    font-family: 'Cairo', sans-serif !important;
    font-size: 14px;
  }
  .social_padding .social_media{
    padding-left: 0px !important;
  }
  .social_padding ul li i{
    padding-left: 0px !important;
  }
  .keyword_card .card-header h6{

    font-size: 15px;
    color: #868e96;

  }
  .keyword_card .card-header h6 i{
    padding-left: 10px;
  }.div-languages
  .keyword_card .card-body ul{
    list-style: none;

  }.keyword_card .card-body ul li{
   display: inline-block;
   margin-left: 10px;
   background-color:#28a299 ;
   color: white;
   padding: 7px;
   border-radius: 15px;
   font-family: 'Cairo', sans-serif !important;
   margin-bottom: 7px;
  }
  /* news_about_your_projerct end */

@media (max-width:567px) {
  .graha_card .card{
    width: 100% !important;
  }
}


/************** ahmed *************/

a.dropdown-item.btn.btn-primary {
    color: #166093;
    padding: 3px 8px !important;
    margin-top: 3px !important;
}


.img_of_card img {
    width: 100%;
}


.contact_us_form {
    padding: 80px;
}

.blog_of_page .card-body {
    padding: 45px;
}