* {
  font: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

html {
  font-family: "Droid Arabic Kufi";
  font-weight: 700;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(255, 255, 255, 0);
}

body {
  font-size: 16px;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  direction: rtl;
  margin: 0px;
  color: #5a5a5a !important;
  font-weight: 400;
  font-family: "Droid Arabic Kufi" !important;
}

a {
  background: transparent;
}

:active,
:focus,
:hover {
  outline: none;
  text-decoration: none !important;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

ol,
ul {
  list-style: none;
}

pre {
  white-space: pre-wrap;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button {
  overflow: visible;
}

/*@font-face {
    font-family: 'droid_arabic_kufiregular';
    src: url('fonts/droidkufi-regular-webfont.eot');
    src: url('fonts/droidkufi-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidkufi-regular-webfont.woff2') format('woff2'),
         url('fonts/droidkufi-regular-webfont.woff') format('woff'),
         url('fonts/droidkufi-regular-webfont.ttf') format('truetype'),
         url('fonts/droidkufi-regular-webfont.svg#droid_arabic_kufiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_arabic_kufibold';
    src: url('fonts/droidkufi-bold-webfont.eot');
    src: url('fonts/droidkufi-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidkufi-bold-webfont.woff2') format('woff2'),
         url('fonts/droidkufi-bold-webfont.woff') format('woff'),
         url('fonts/droidkufi-bold-webfont.ttf') format('truetype'),
         url('fonts/droidkufi-bold-webfont.svg#droid_arabic_kufibold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
  font-family: "Droid Arabic Kufi";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DroidKufi-Regular.woff2) format("woff2"),
    url(../fonts/DroidKufi-Regular.woff) format("woff"),
    url(../fonts/DroidKufi-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Droid Arabic Kufi";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/DroidKufi-Bold.eot);
  src: url(../fonts/DroidKufi-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/DroidKufi-Bold.woff2) format("woff2"),
    url(../fonts/DroidKufi-Bold.woff) format("woff"),
    url(../fonts/DroidKufi-Bold.ttf) format("truetype");
}

.arabic_lang {
  direction: rtl;
}

.container {
  width: 1170px;
}

.bar-social__text {
  display: block;
}

.bar-social__list {
  text-align: left;
}

.bar-social {
  display: block;
  color: #fff;
  background-color: #b64a32;
}

.bar-social__text {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  color: #fff;
}

.bar-social__text:not(:empty) {
  padding: 15px 0 0 0;
  text-align: right;
}

.bar-social__list:not(:empty) {
  padding-top: 9px;
  padding-bottom: 13px;
  margin-bottom: 0px;
}

.bar-social__list {
  text-align: left;
  list-style: none;
}

.bar-social__list-item {
  display: inline-block;
  margin-left: 5px;
  line-height: 25px;
  vertical-align: middle;
}

.bar-social__link {
  line-height: 20px;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
}

.header-second {
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
}

.right-logo img {
  float: right;
  display: inline-block;
}

.left-logo img {
  float: left;
  display: inline-block;
}

.nav {
  position: relative;
  z-index: 5;
  top: auto;
  left: auto;
  display: block;
  text-transform: uppercase;
  background-color: #828284;
  border-bottom: 0px solid #fff;
}

.nav__btn,
.nav__inner:after,
.nav__inner:before {
  display: none;
}

.nav__inner {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  visibility: visible;
  overflow: visible;
}

.nav__list {
  display: table;
  width: 100%;
  margin: 0;
}

.nav__item {
  display: table-cell;
  /*height: 57px;*/
  vertical-align: top;
  border-right: 1px solid #a0a0a0;
}

.nav__item:last-child {
  border-left: 1px solid #a0a0a0;
}

.nav__sub-icon {
  display: block;
}

.header .sub-menu,
.nav__sub {
  position: absolute;
  top: 100%;
  right: -9999px;
  width: 255px;
}

.nav__sub:before {
  right: 48px;
  margin-right: 0;
}

.nav__item:hover .nav__sub {
  right: 0;
}

.nav__item:hover .nav__sub .nav__sub {
  left: -9999px;
}

.nav__sub .nav__item:hover .nav__sub {
  left: 100%;
}

.nav__sub .nav__sub {
  top: 0;
  border-top: none;
}

.nav__sub .nav__sub:before {
  display: none;
}

.nav__link {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 20px 8px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.nav__link:hover:after,
.current-menu-item > a:after,
.current-post-ancestor > a:after {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.current-menu-item > a,
.current-post-ancestor > a {
  color: #ffea00 !important;
}

.nav__sub .nav__link {
  text-align: right;
}

.nav__link::after {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 5px;
  content: "";
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background-color: #de6033;
}

.loginorange {
  background: #de6033;
}

.nav__link:hover {
  color: #bfbfbf;
}

.nav__inner .nav__link {
  padding: 20px 8px;
  font-size: 13px;
}

header .nav .btn.nav__btn {
  display: none;
}

/* Slider Section  */

.slider-section .carousel-inner .item img {
  width: 100%;
}

.slider-section .slide .carousel-indicators {
  display: none;
}

.right.carousel-control .glyphicon-chevron-right {
  mask-image: url(../images/arrow-right.svg);
  mask-repeat: no-repeat;
  background-color: #fff;
  height: 50px;
  width: 50px;
  mask-size: 50px;
  -webkit-mask-image: url(../images/arrow-right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 50px;
}

.right.carousel-control .glyphicon-chevron-right:before {
  display: none;
}

.left.carousel-control .glyphicon-chevron-left {
  mask-image: url(../images/left-arrow.svg);
  mask-repeat: no-repeat;
  background-color: #fff;
  height: 50px;
  width: 50px;
  mask-size: 50px;
  -webkit-mask-image: url(../images/left-arrow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 50px;
}

.left.carousel-control .glyphicon-chevron-left:before {
  display: none;
}

/* After Slider Section */

.title__mark {
  font-weight: 700;
  color: #de6033;
}

.best {
  display: block;
  padding: 40px 0 40px;
  color: #fff;
  background: #d9d8d7;
  text-align: right;
}

.best .title__mark {
  color: #232323;
}

.best__title {
  margin-bottom: 27px;
}

.best__item {
  font-size: 14px;
  position: relative;
  margin-bottom: 45px;
  padding-left: 80px;
}

.best__item:last-child {
  margin-bottom: 0;
}

.best__item.best__item {
  padding-right: 95px;
  margin-bottom: 0px;
}

.best__item-title {
  margin-bottom: 7px;
  font-size: 21px;
  text-transform: uppercase;
  color: #444444;
  font-weight: bold;
  margin-top: 0px;
}

.best__item-desc {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
  color: #616161;
}

.best__item-more {
  font-family: "droid_arabic_kufiregular";
  font-size: 15px;
  position: relative;
  padding-right: 20px;
  text-decoration: none;
  color: #fff;
}

.best__male,
.best__streamline,
.best__video {
  position: absolute;
  top: 0;
  right: 20px;
  fill: #fff;
}

.best__male {
  width: 40px;
  height: 42px;
}

.best__video {
  width: 48px;
  height: 32px;
}

.best__streamline {
  width: 48px;
  height: 48px;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
  float: right !important;
}

.feature__row-list {
  display: table;
  width: 100%;
  margin: 0;
}

.feature__row-list .feature__item {
  display: table-cell;
  float: none;
  margin: 0;
  border: 1px solid #e6ebf1;
}

.feature__list:last-child .feature__item:nth-child(odd) {
  background-color: #fff;
}

.feature__list:last-child .feature__item:nth-child(even) {
  background-color: #f9fafb;
}

.feature__item {
  min-height: 290px;
  margin: 0 -15px;
  padding: 30px 15px;
  text-align: center;
}

.feature__item:nth-child(2n + 1) {
  background-color: #f9fafb;
}

.course {
  position: relative;
  z-index: 2;
  padding: 41px 0 61px;
  background-color: #001a33;
  background-size: cover;
}

.course_index {
  background: #642977 url(../images/service.jpg) 50% no-repeat;
  background-size: cover;
}

.course_moto {
  background-image: url(../images/bg-course-moto.jpg);
}

.course_addition {
  padding: 50px 0;
  background-color: #d1dae1;
}

.course_theme_bgi {
  background: #001a33 url(../images/pattern-blue.jpg) 0 0;
}

.course_theme_light {
  background-color: #f5f9fc;
}

.course__title {
  color: #fff;
}

.course__list {
  margin-bottom: -30px;
}

.course__list-item {
  margin-bottom: 30px;
}

.course__item {
  position: relative;
  height: 200px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px #491759;
  box-shadow: 0 2px 5px #491759;
  text-align: left;
}

.course__item_consultation {
  background: #fff url(../images/bg-review.png) -21px -5px no-repeat;
  background-size: 202px 230px;
}

.course__item_police {
  background: #fff url(../images/bg-police.png) -75px -18px no-repeat;
}

.course_theme_light .course__item {
  -webkit-box-shadow: 0 1px 3px #bbd0f6;
  box-shadow: 0 1px 3px #bbd0f6;
}

.course_addition .course__item {
  -webkit-box-shadow: 0 1px 4px #aec0cd;
  box-shadow: 0 1px 4px #aec0cd;
}

.course__item-head {
  line-height: 104px;
  height: 104px;
  padding: 0 23px 0 30px;
}

.course__item-head_cover {
  line-height: 200px;
  height: 200px;
  padding-left: 115px;
}

.course_addition .course__item-head_cover {
  padding-right: 65px;
  padding-left: 148px;
}

.course__item_police .course__item-head_cover {
  padding-left: 115px;
}

.course__item-name {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.71429;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  color: #828284;
}

.course__price {
  font-size: 16px;
  font-weight: 400;
  padding: 24px 23px 22px;
  color: #5b6f7e;
  background-color: #f3f7fa;
  -webkit-box-shadow: inset 0 1px 3px rgba(220, 233, 243, 0.83);
  box-shadow: inset 0 1px 3px rgba(220, 233, 243, 0.83);
}

.course__price-item {
  position: relative;
  margin-bottom: 22px;
}

.course__price-item:after {
  display: table;
  clear: both;
  content: "";
}

.course__price-item:last-child {
  margin-bottom: 0;
}

.course__price-item:before {
  position: absolute;
  top: 6px;
  right: 46px;
  left: 80px;
  content: "";
  border-top: 1px dashed #cadce3;
}

.course__price-kind {
  float: left;
}

.course__price-value {
  float: right;
}

.course__item-popup {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  padding: 20px;
  color: #fff;
  border: 4px solid #fff;
  background-color: #828284;
}

.course__item:hover .course__item-popup {
  display: block;
}

.course__item-popup-name {
  font-size: 13px;
  /* font-weight: 700; */
  line-height: 1.71429;
  margin-top: -6px;
  text-transform: uppercase;
  color: #fff;
  text-align: right;
}

.course__item-popup-action {
  position: absolute;
  right: 15px;
  bottom: 20px;
}

.course__item-popup-action .btn {
  margin-right: 6px;
}

.course__item-popup-period {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.course__icon-child,
.course__icon-comment,
.course__icon-guard,
.course__icon-logo,
.course__icon-police,
.course__icon-road {
  position: absolute;
  fill: #a568b8;
}

.course__icon-guard {
  top: 27px;
  left: 22px;
  width: 42px;
  height: 52px;
}

.course__icon-road {
  top: 29px;
  left: 20px;
  width: 48px;
  height: 48px;
}

.course__icon-logo {
  top: 15px;
  right: 25px;
  width: 68px;
  height: 68px;
}

.course__icon-child {
  top: 31px;
  left: 20px;
  width: 46px;
  height: 46px;
}

.course__icon-comment {
  top: 77px;
  left: 53px;
  width: 46px;
  height: 52px;
}

.course__icon-police {
  top: 69px;
  left: 49px;
  width: 53px;
  height: 52px;
}

.course__icon-logo img {
  vertical-align: top;
}

.video {
  color: #fff;
}

.video {
  display: block;
  overflow: hidden;
  background: url(../images/bg-video.jpg) 50% no-repeat;
  background-size: cover;
}

.video_moto {
  background-image: url(../images/bg-video-moto.jpg);
}

.video_ex {
  background-image: url(../images/bg-video-ex.jpg);
}

.video__preview {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.video__body {
  position: relative;
  margin: 0 -20px;
  padding: 130px 20px;
  border: 5px solid transparent;
}

.video__body-inner {
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.video__title {
  color: #fff;
  margin-bottom: 0px;
}

.video .title__mark {
  color: #fff;
}

.video__desc {
  max-width: 790px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

.video__play {
  display: block;
  width: 104px;
  height: 104px;
  margin: 0 auto;
  cursor: pointer;
}

.video__play-icon {
  width: 100%;
  height: 100%;
  fill: #fff;
}

.footer {
  font-size: 15px;
  display: inline-block;
  width: 100%;
  float: left;
  color: #f3dff9;
  background: #828284 url(../images/footer.png) repeat-x;
  background-position: bottom;
}

.footer .nav__list .nav__sub {
  display: none;
}

.footer__body {
  padding-top: 41px;
  padding-bottom: 41px;
}

.footer__section {
  margin-bottom: 40px;
}

.footer__section:last-child {
  margin-bottom: 0;
}

.footer__title {
  font-size: 18px;
  margin-bottom: 23px;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #a4a4a7;
  padding-bottom: 10px;
}

.footer__text {
  font-size: 15px;
  line-height: 1.6;
}

.footer__logo.footer__logo {
  font-size: 16px;
  margin-top: 20px;
  margin-left: 0;
}

.footer__post {
  margin-bottom: 32px;
}

.footer__post:nth-child(3) {
  margin-bottom: 20px;
}

.footer__post-wrap {
  text-decoration: none;
  color: currentColor;
}

.footer__post-title {
  font-size: 14px;
  position: relative;
  top: 4px;
  margin: 0 0 14px;
  text-transform: uppercase;
  color: #fff;
}

.footer__more {
  font-size: 14px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #cacaca;
  width: 100%;
  padding-bottom: 10px;
}

.footer__more:hover {
  color: #424242;
  text-decoration: underline;
}

.footer__more-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  fill: #fff;
}

.footer__instagramm-list {
  font-size: 0;
  margin: 0 -7px 10px;
}

.footer__instagramm-item {
  position: relative;
  display: inline-block;
  width: 68px;
  height: 68px;
  margin: 0 7px 14px;
  border: 4px solid #244668;
  background-color: #fca67f;
}

.footer__instagramm-item img {
  max-width: 100%;
}

.footer__instagramm-link {
  display: block;
}

.footer__instagramm-link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.footer__instagramm-link:hover:before {
  opacity: 1;
}

.footer__hours-item {
  font-size: 15px;
  width: 100%;
  margin-bottom: 15px;
}

.footer__hours-item:after {
  display: table;
  clear: both;
  content: "";
}

.footer__hours-day {
  font-weight: 700;
  float: left;
  margin-right: 10px;
}

.footer__hours-time {
  float: right;
  width: 100px;
  text-align: right;
}

.footer__hours-separ {
  line-height: 2px;
  position: relative;
  top: 8px;
  overflow: hidden;
  height: 2px;
  margin-right: 95px;
}

.footer__hours-item:last-child .footer__hours-separ {
  margin-right: 53px;
}

.footer__hours-separ:before {
  width: 100%;
  height: 2px;
  content: "";
  background: #041e37 -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(75%, transparent),
      color-stop(0, #000d1a)
    ) 50%/7px;
  background: #041e37 linear-gradient(90deg, transparent 75%, #000d1a 0) 50%/7px;
}

.footer__hours-separ:before,
.form {
  position: relative;
  display: block;
}

.form > :last-child {
  margin-bottom: 0;
}

.footer .footer__section {
  text-align: right;
}

.footer .footer__section br {
  display: none;
}

.footer__about .btn,
.card__footer .btn,
.contact .form__row .btn,
.login .btn,
.mbottom .btn,
.modal-body .btn {
  font-size: 13px;
  line-height: 40px;
  position: relative;
  display: inline-block;
  height: 40px;
  padding: 0 15px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 2px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ed6925),
    to(#722282)
  );
  background: linear-gradient(to right, #ed6925, #722282);
  border: 1px solid #ed6925;
  margin-bottom: 10px;
}

.footer__about .newsletterfield {
  background-color: #a4a4a7;
  border: 1px solid #a9a9a9;
  width: 100%;
  border-radius: 0;
  padding: 7px;
  font-size: 12px;
}

.footer__about .form-control:focus {
  border-color: #a9a9a9;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.footer__about input::-webkit-input-placeholder {
  color: #fff !important;
}

.footer__about input:-ms-input-placeholder {
  color: #fff !important;
}

.footer__about input::-ms-input-placeholder {
  color: #fff !important;
}

.footer__about input::placeholder {
  color: #fff !important;
}

.dev {
  font-size: 12px;
  font-weight: 400;
  text-align: right;
  display: inline-block;
  color: #b5b5b5;
  background-color: #424242;
  width: 100%;
}

.dev__item {
  padding: 10px 0 17px;
  text-align: center;
}

.dev__item a {
  text-decoration: none;
  color: #b5b5b5;
  font-size: 14px;
}

.dev__item a:hover {
  color: #fff;
}

.title__mark {
  font-weight: 700;
  color: #de6033;
}

.gallery .title.gallery__title {
  text-align: right;
}

.gallery .gallery-item {
  float: left;
  padding: 0 5px 5px 5px;
  overflow: hidden;
  margin: 0;
  position: relative;
}

.gallery .gallery-item a {
  display: block;
  overflow: hidden;
}

.gallery .gallery-item img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  -webkit-transition: all 2s;
  transition: all 2s;
}

.gallery .gallery-item a:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  width: 14.285%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.11%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-caption {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  display: block;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  line-height: 1.5;
  padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.gallery {
  overflow: hidden;
  padding: 41px 0;
  background-color: #f9fafb;
}

.gallery__container {
  position: relative;
  z-index: 1;
}

.gallery__container:before {
  position: absolute;
  z-index: -1;
  top: -186px;
  right: -90px;
  width: 421px;
  height: 418px;
  content: "";
}

.gallery__list-item {
  margin-bottom: 30px;
}

.gallery__fig {
  font-size: 0;
  overflow: hidden;
  border-radius: 2px;
  background-color: #0d0322;
  -webkit-box-shadow: 0 4px 20px rgba(81, 127, 160, 0.13);
  box-shadow: 0 4px 20px rgba(81, 127, 160, 0.13);
}

.gallery__fig img {
  max-width: 100%;
  height: auto;
  display: block;
  width: 100%;
}

.filter {
  font-size: 15px;
  margin-bottom: 30px;
  margin-top: 30px;
  text-align: right;
}

.filter__item {
  line-height: 40px;
  position: relative;
  display: inline-block;
  height: 40px;
  margin-bottom: 20px;
  padding: 0 26px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  background: #383838;
  border-radius: 3px;
}

.course__filter .filter__item,
.filter_theme_white .filter__item {
  color: #fff;
}

.filter__item_active {
  cursor: default;
  background-color: #de6033;
  color: #fff;
  border-radius: 4px;
}

.course__filter .filter__item_active,
.filter_theme_white .filter__item_active {
  color: #02050a;
}

.filter__item-text {
  line-height: 1.2;
  display: inline-block;
  padding-top: 10px;
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  opacity: 0.8;
  background: #0b0b0b;
}

.mfp-bg,
.mfp-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mfp-wrap {
  z-index: 1043;
  outline: none;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  text-align: center;
}

.mfp-container:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  z-index: 1045;
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-hide,
.mfp-loading.mfp-figure {
  display: none;
}

.mfp-preloader {
  position: absolute;
  z-index: 1044;
  top: 50%;
  right: 8px;
  left: 8px;
  width: auto;
  margin-top: -0.8em;
  text-align: center;
  color: #ccc;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none;
}

button.mfp-arrow,
button.mfp-close {
  z-index: 1046;
  display: block;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: none;
}

.mfp-close {
  font-family: Arial, Baskerville, monospace;
  font-size: 28px;
  font-style: normal;
  line-height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0 0 18px 10px;
  text-align: center;
  text-decoration: none;
  opacity: 0.65;
  color: #fff;
}

.mfp-close:focus,
.mfp-close:hover {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  right: -6px;
  width: 100%;
  padding-right: 6px;
  text-align: right;
  color: #fff;
}

.mfp-counter {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  white-space: nowrap;
  color: #ccc;
}

.mfp-arrow {
  position: absolute;
  top: 50%;
  width: 90px;
  height: 110px;
  margin: -55px 0 0;
  padding: 0;
  opacity: 0.65;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1;
  outline: 0px auto -webkit-focus-ring-color;
}

.mfp-arrow:after,
.mfp-arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: 35px;
  margin-left: 35px;
  content: "";
  border: medium inset transparent;
}

.mfp-arrow:after {
  top: 8px;
  border-top-width: 13px;
  border-bottom-width: 13px;
}

.mfp-arrow:before {
  opacity: 0.7;
  border-top-width: 21px;
  border-bottom-width: 21px;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  margin-left: 31px;
  border-right: 17px solid #fff;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  margin-left: 39px;
  border-left: 17px solid #fff;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

img.mfp-img {
  line-height: 0;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 40px 0;
}

.mfp-figure {
  line-height: 0;
  overflow: hidden;
  max-width: 730px;
  border: 4px solid #fff;
  border-radius: 3px;
}

.mfp-figure:after {
  position: absolute;
  z-index: -1;
  top: 40px;
  right: 0;
  bottom: 40px;
  left: 0;
  display: block;
  width: auto;
  height: auto;
  content: "";
  background: #444444;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.mfp-figure small {
  font-size: 12px;
  line-height: 14px;
  display: block;
  color: #bdbdbd;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-figure img {
  padding: 0;
}

.mfp-bottom-bar {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: -36px;
  cursor: auto;
}

.mfp-title {
  line-height: 18px;
  padding-right: 36px;
  text-align: left;
  word-wrap: break-word;
  color: #f3f3f3;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/*  BreadCrumb  */

.head-page {
  z-index: 999;
  position: relative;
}

.head-page {
  display: block;
  padding: 0px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.breadcrumbs {
  margin-top: 15px;
}

.breadcrumbs {
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  color: #b64a32;
  text-align: right;
}

.breadcrumbs__item {
  position: relative;
  display: inline-block;
  margin-left: 24px;
  margin-bottom: 5px;
  font-size: 14px;
}

.breadcrumbs__item:last-child {
  margin-left: 0;
}

.breadcrumbs__link {
  text-decoration: none;
  color: #424242;
  font-size: 14px;
  font-weight: bold;
}

.breadcrumbs__item::after {
  position: absolute;
  top: 0;
  left: -17px;
  content: "/";
}

.breadcrumbs__item:last-child:after {
  display: none;
}

/* About Page */

.categoryes__item {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #6d6d6d;
  text-align: right;
}

.categoryes__item:nth-child(2n) {
  text-align: right;
  background-color: #f3f3f3;
}

.categoryes__fig {
  font-size: 0;
  overflow: hidden;
  border: 6px solid #fff;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px rgba(172, 196, 214, 0.5);
  box-shadow: 0 1px 4px rgba(172, 196, 214, 0.5);
}

.categoryes__name {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
  -webkit-columns: #001a33;
  columns: #001a33;
}

.categoryes__desc {
  line-height: 2;
  margin-bottom: 18px;
}

.text_bottom-m_no {
  margin-bottom: 0;
}

.text {
  line-height: 2;
  display: block;
  color: #de6033;
  text-align: right;
}

.text p {
  margin-bottom: 1.3em;
  color: #6d6d6d;
  line-height: 22px;
}

/* Course page */

.card_theme_cover .card__head {
  padding: 4px 0 0 0px;
  position: relative;
}

.card__name {
  font-size: 18px;
  margin-top: 4px;
  margin-bottom: 8px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
}

.card_theme_cover .card__body {
  padding: 10px 0 25px;
  position: relative;
}

.card__feature {
  -webkit-columns: 2;
  columns: 2;
  -webkit-column-gap: 30px;
  column-gap: 30px;
}

.card__feature-item {
  font-size: 14px;
  line-height: 2;
  position: relative;
  padding-right: 15px;
  vertical-align: top;
  color: #6d6d6d;
  text-align: right;
}

.card__feature-item::before {
  position: absolute;
  top: 10px;
  right: 0;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 1px;
  background-color: #000;
}

.card__footer {
  font-size: 14px;
  font-weight: 400;
  padding: 24px 23px 22px;
  color: #5b6f7e;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card_theme_cover .card__footer {
  margin: 0 -15px;
  padding: 27px 15px 20px;
}

.card__footer .btn {
  float: right;
}

.card__footer .btn:hover {
  color: #fff;
}

.card_theme_cover::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 102px;
  content: "";
  color: #5b6f7e;
  background-color: #f3f3f3;
  -webkit-box-shadow: inset 0 1px 3px rgba(220, 233, 243, 0.83);
  box-shadow: inset 0 1px 3px rgba(220, 233, 243, 0.83);
}

.card-list__item {
  margin-bottom: 70px;
}

.card {
  border: 0px !important;
}

.card-list__item:last-child {
  margin-bottom: 0;
}

.card-list {
  margin-bottom: 0px;
}

.card__fig img {
  max-width: 100%;
}

.card__fig {
  font-size: 0;
  overflow: hidden;
  margin-bottom: 0px;
  border: 4px solid #fff;
  border-radius: 2px;
  background-color: #231e57;
  -webkit-box-shadow: 0 1px 4px rgba(172, 196, 214, 0.5);
  box-shadow: 0 1px 4px rgba(172, 196, 214, 0.5);
}

/* Guide */

.widget__header {
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  height: 42px;
  padding: 0 15px;
  text-transform: uppercase;
  color: #fff;
  background-color: #de6033;
}

.widget__header-text {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: right;
}

.widget__body {
  background-color: #fbfdff;
}

.blog-category {
  font-size: 14px;
  display: block;
}

.widget ul {
  list-style: none;
  margin: 0;
}

.widget ul li:nth-child(2n + 1) {
  background-color: #f5f5f5;
}

.widget ul li {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 0.5em 0;
}

.widget ul li a {
  color: #00509c;
  text-decoration: none;
}

.blog-category__link {
  display: block;
  padding: 5px 15px;
  text-decoration: none;
}

.blog-category__name {
  display: inline-block;
  float: right;
  margin-left: 0px;
  color: #4a4a4a;
}

.blog-category__link::after {
  display: table;
  clear: both;
  content: "";
}

.article__body {
  margin-bottom: 3em;
  color: #6d6d6d;
  line-height: 2;
  font-size: 14px;
  text-align: right;
}

.article__body h3,
.quote__body h3 {
  font-size: 17px;
}

.article__body h1,
.article__body h2,
.article__body h3,
.quote__body h1,
.quote__body h2,
.quote__body h3 {
  padding-top: 0px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.article__body p,
.quote__body p {
  line-height: 2;
  margin-bottom: 1.35em;
  font-size: 14px;
}

.article__body h5,
.quote__body h5 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-top: 0px;
  margin-bottom: 10px;
}

.article__body ul,
.quote__body ul {
  list-style: square !important;
}

.article__body ul > li,
.article__body ol > li,
.quote__body ul > li,
.quote__body ol > li {
  line-height: 2;
}

.article__body ul,
.article__body ol,
.quote__body ul,
.quote__body ol {
  margin-bottom: 15px;
  padding-right: 20px;
}

/* Facility */

.feature .feature__row-list {
  display: table !important;
  width: 100%;
  margin: 0 !important;
}

.feature__row-list .feature__item {
  display: table-cell;
  float: none !important;
  margin: 0;
  border: 1px solid #e6ebf1;
  min-height: 290px;
  padding: 30px 15px;
  text-align: center;
}

.feature__item:nth-child(2n + 1) {
  background-color: #f9fafb;
}

.feature__icon {
  line-height: 60px;
  position: relative;
  width: 65px;
  height: 60px;
  margin: 0 auto 10px;
  text-align: center;
}

.feature__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 2.42857;
  text-transform: uppercase;
  color: #de6033;
}

.feature__desc {
  font-size: 14px;
  line-height: 1.5;
  color: #6d6d6d;
  padding: 0 10px 0 10px;
}

.widget {
  margin-bottom: 25px;
}

/*  Contact Us  */

.contact {
  position: relative;
  background-color: #ededed;
}

.contact__form {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 30px;
  background-color: #f9fafb;
}

.contact__head {
  font-size: 14px;
  font-weight: 700;
  margin: -30px -30px 30px;
  padding: 30px;
  background-color: #de6033;
}

.contact__head > :last-child {
  margin-bottom: 0;
}

.contact__head-icon {
  position: absolute;
  top: 0px;
  right: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #b64a32;
}

.contact__phone .contact__head-icon {
  left: 0;
}

.contact__adr {
  margin-bottom: 0;
  color: #fff;
  line-height: 20px;
}

.contact__adr,
.contact__phone {
  position: relative;
  padding-right: 53px;
  color: #fff;
  line-height: 20px;
  text-align: right;
}

.contact__icon-pin {
  position: absolute;
  top: 10px;
  left: 12px;
  width: 20px;
  height: 20px;
  fill: #aa6bbc;
}

.contact__icon-phone {
  position: absolute;
  top: 11px;
  left: 15px;
  width: 16px;
  height: 16px;
  fill: #aa6bbc;
}

.content {
  display: block;
  padding-top: 0px;
}

.contact__form {
  -webkit-box-shadow: 0 1px 5px #030b13;
  box-shadow: 0 1px 5px #030b13;
}

.footer__hours-separ::before,
.form {
  position: relative;
  display: block;
}

.contact__form {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: 30px;
  background-color: #f9fafb;
}

#Frm_Login .login .control-group {
  margin-bottom: 0;
}

.control-group {
  font-size: 0;
  display: inline-block;
}

.control-group_fullwidth {
  display: table;
  width: 100%;
}

.control-group_fullwidth > span {
  display: table-cell;
}

.control-group > :first-child {
  border-radius: 0 2px 2px 0;
}

.control-group > :first-child:before {
  border-radius: 1px 0 0 1px;
}

.control-group > :last-child {
  border-radius: 2px 0 0 2px;
}

.control-group > :last-child:before {
  border-radius: 0 1px 1px 0;
}

.control-remark {
  font-size: 1rem;
  line-height: 48px;
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  text-align: center;
  vertical-align: top;
  color: #84a7c9;
  border: 1px solid;
  border-left: 0;
}

.control-remark__icon {
  position: absolute;
  top: -4px;
  left: 25%;
  width: 20px;
  height: 20px;
  background: transparent;
}

.control-group_fullwidth > span {
  display: table-cell;
}

.inp {
  font-size: 12px;
  font-weight: 400;
  line-height: 42px;
  position: relative;
  display: inline-block;
  background-color: #d9e2ea;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.inp::before {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  content: "";
  background-color: #fff;
}

.inp__box {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.control-group_fullwidth .inp__control {
  width: 100%;
}

.inp__control {
  font: inherit;
  line-height: inherit;
  position: relative;
  display: inline-block;
  height: 45px;
  padding: 0 14px 0 5px;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.textarea_fullwidth {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.textarea {
  font-family: "Droid Arabic Kufi", sans-serif;
  font-size: 13px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  height: 108px;
  padding: 13px;
  resize: vertical;
  border: 1px solid #d9e2eb;
  border-radius: 2px;
  outline: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.contact .form__row .btn {
  float: right;
}

.contact .form__row .btn:focus {
  border: 1px solid #9a3d29;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contact__adr span {
  float: right;
}

.form.contact__form p {
  text-align: right;
}

.contact__map iframe {
  float: left;
}

.contact__map {
  float: left;
  display: inline-block;
  width: 100%;
}

/* Login Page */

.login {
  width: 320px;
  margin: 0 auto;
  background: whitesmoke;
  border: 1px solid #e0e0e0;
  padding: 25px 20px;
}

#Frm_Login .col-md-12.mbottom {
  padding: 0;
}

.loginspcae .login .title-page {
  margin-top: 0;
  font-weight: 700;
  font-size: 19px;
  padding-bottom: 5px;
}

#Frm_Login .frgt-psw {
  color: #000;
}

.loginspcae {
  padding: 100px 0 100px 0;
}

.mbottom {
  margin-bottom: 15px;
}

.login .btn:hover {
  color: #fff;
}

.login .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login input::-webkit-input-placeholder {
  color: #b9c8d7;
}

.login input:-ms-input-placeholder {
  color: #b9c8d7;
}

.login input::-ms-input-placeholder {
  color: #b9c8d7;
}

.login input::placeholder {
  color: #b9c8d7;
}

.login input {
  color: #b9c8d7;
}

/* Register */

.customselect {
  line-height: 45px;
  width: 100%;
  height: 45px;
  padding: 0 20px 0 13px !important;
  border: 1px solid #d9e2eb;
  border-radius: 2px;
  background: #fff;
  text-indent: 0px;
  font-size: 12px;
  padding-right: 10px !important;
}

.for-select {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 23px;
  width: 35px;
  height: 45px;
  border-left: 1px solid #d9e2eb;
  background: transparent;
  padding-top: 13px;
  padding-right: 5px;
}

.mbottom .btn:hover {
  color: #fff;
}

.mbottom .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mbottom input::-webkit-input-placeholder,
.mbottom select::-webkit-input-placeholder {
  color: #545454;
}

.mbottom input:-ms-input-placeholder,
.mbottom select:-ms-input-placeholder {
  color: #545454;
}

.mbottom input::-ms-input-placeholder,
.mbottom select::-ms-input-placeholder {
  color: #545454;
}

.mbottom input::placeholder,
.mbottom select::placeholder {
  color: #545454;
}

.mbottom input,
.mbottom select {
  color: #545454;
}

.modal-body .btn:hover {
  color: #fff;
  background: #b64a32;
  border: 1px solid #b64a32;
}

.modal-body .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#myModal .modal-header.right-part-side {
  display: inline-block;
  text-align: right;
}

#myModal .modal-body.right-side-text {
  text-align: right;
}

#onload .modal-header.load-page {
  text-align: right;
  display: inline-block;
}

#onload .modal-body.load-page-content {
  text-align: right;
}

#onload .load-page-content ol {
  margin-bottom: 0;
}

#myModal .modal-dialog {
  width: 600px;
  margin: 0px auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#onload .modal-dialog {
  width: 600px;
  margin: auto auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 600px;
}

#onload .modal-body p.MsoListParagraph {
  margin-bottom: 10px !important;
  line-height: 20px;
}

#onload .modal-content .modal-title {
  font-size: 16px;
}

#Frm_Register .title-page {
  font-weight: 700;
  font-size: 19px;
  padding-bottom: 7px;
}

.title-page {
  font-size: 25px;
  padding-bottom: 12px;
}

.about-cate li {
  padding-right: 20px;
  position: relative;
}

.about-cate ul li span {
  position: absolute;
  right: 0;
  top: 0px;
}

/* Invoice Page */

table {
  width: 100%;
}

.table thead th {
  font-weight: 600;
  font-size: 15px;
}

.invoice-tit {
  margin-top: 0;
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 16px;
  text-align: right;
}

.btn.btn-print {
  background: #b64a32;
  border: 1px solid #b64a32;
  padding: 4px 8px;
  font-size: 13px;
}

.btn.btn-print:hover,
.btn.btn-print:focus {
  background: #d66a52;
  border: 1px solid #d66a52;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.btn-modal {
  background: #de6033;
  border: 1px solid #de6033;
  padding: 4px 8px;
  font-size: 13px;
}

.btn.btn-modal:hover,
.btn.btn-modal:focus {
  background: #fe8053;
  border: 1px solid #fe8053;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal .btn.btn-submit {
  background: #b64a32;
  border: 1px solid #b64a32;
  color: #fff;
  margin: 0 5px;
}

.modal .btn.btn-submit:hover,
.btn.btn-submit:focus {
  background: #d66a52;
  border: 1px solid #d66a52;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal .btn.btn-cls {
  background: #ccc;
  border: 1px solid #ccc;
}

.modal .btn.btn-cls:hover,
.modal .btn.btn-cls:focus {
  background: #dcdcdc;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal .close {
  background: #b64a32;
  opacity: 1;
  text-shadow: none;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  left: -13px;
  right: auto;
  position: absolute;
  top: -12px;
  font-size: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  z-index: 9;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px;
}

.modal .close:hover {
  opacity: 1 !important;
  color: #fff;
}

.invoice-popup .modal-body {
  padding: 20px 15px 15px;
  text-align: right;
}

.invoice-popup .modal-body input {
  border: 1px solid #de6033;
}

.invoice-top {
  background: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.bg-type.my-in-voice::before {
  height: 250px;
}

.my-in-voice .book-page-content {
  padding-bottom: 20px;
}

table.table.table-striped {
  margin-bottom: 25px;
}

table.table tbody td {
  vertical-align: middle !important;
  text-align: right;
}

table.table-striped tr th {
  text-align: right;
}

.change-pswd .login {
  background: none;
  border: none;
  width: 100%;
}

/* Book My Course */

.label-date label {
  border: 1px solid #de6033;
  padding: 5px 10px;
  width: 100%;
  color: #595959;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 15px;
  line-height: 17px;
  text-align: right;
}

.label-date label span {
  width: 100%;
  display: inline-block;
}

.icon-box {
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.13);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.13);
  padding: 10px 10px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  min-height: 117px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.icon-box h3 {
  font-size: 15px;
  margin-bottom: 0;
  margin-top: 6px;
  min-height: 37px;
  line-height: 18px;
  font-weight: 600;
}

.label-main {
  display: inline-block;
  width: 100%;
}

.date-time p {
  display: inline-block;
  width: 100%;
  float: none;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
  vertical-align: middle;
  line-height: 16px;
  padding-bottom: 4px;
  text-align: right;
}

.date-time label {
  border: 1px solid #de6033;
  padding: 5px 10px;
  width: 100%;
  color: #595959;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 0px;
  float: none;
  line-height: 17px;
  display: inline-block;
  text-align: right;
}

.date-time {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}

.date-time:last-child {
  padding-bottom: 0px;
}

.date-time label span {
  width: 100%;
  display: inline-block;
}

.time-slot {
  display: inline-block;
  width: 100%;
  padding-top: 5px;
}

.time-slot label {
  display: inline-block;
  width: 100%;
  border: 1px solid #de6033;
  padding: 7px 10px;
  font-weight: 400;
  color: #595959;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 10px;
}

.form-drop select {
  padding: 3px 6px;
  font-size: 13px;
  height: 38px;
}

.form-group.form-drop {
  margin-bottom: 0;
  padding-top: 20px;
}

.form-drop select {
  border-radius: 0;
  height: 42px;
  border: 1px solid #de6033 !important;
}

.time-slot.last-field-frm {
  padding-top: 10px;
}

.cen-section {
  border-right: 2px solid #9c9c9c;
}

.cen-section .col-lg-6:first-child {
  padding-right: 0;
  border-left: 2px solid #9c9c9c;
}

.cen-section .col-lg-6:last-child {
  padding-left: 0;
}

.tit-first {
  margin-top: 0 !important;
}

.foot-btn {
  text-align: left;
  padding-top: 16px;
  border-top: 1px solid #ccc;
  margin-top: 27px;
  display: inline-block;
  width: 100%;
}

.foot-btn a {
  padding: 10px 30px;
  display: inline-block;
  border: 1px solid #ccc;
  margin-left: 15px;
  font-weight: 600;
  font-size: 14px;
}

.foot-btn .book-btn {
  background: #b64a32;
  color: #fff;
  border: 1px solid #b64a32;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.foot-btn .book-btn:hover {
  background: #d66a52;
  border: 1px solid #d66a52;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.book-page-content .icon-box img {
  width: 50px;
}

.book-page-content {
  padding-bottom: 50px;
  padding-top: 0px;
}

.foot-btn .cancel-btn {
  background: #ccc;
  color: #000;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.foot-btn .cancel-btn:hover {
  background: #ececec;
  border: 1px solid #ececec;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.foot-btn .post {
  background: #383838;
  color: #fff;
  border: 1px solid #383838;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.foot-btn .post:hover {
  background: #585858;
  border: 1px solid #585858;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.label-date label.active {
  background: #de6033;
  color: #fff;
}

.time-slot label.active {
  background: #de6033;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  padding: 7px 5px;
  margin-bottom: 0px;
}

.time-slot .form-group select {
  height: 42px;
  border-radius: 0px;
  border: 1px solid #de6033;
  font-size: 13px;
  padding: 3px 6px;
}

.time-slot .form-group select {
  height: 42px;
  border-radius: 0px;
  border: 1px solid #de6033;
  font-size: 13px;
  padding: 3px 6px;
}

.time-slot label.active span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 4px;
  text-align: right;
}

label.active span p {
  display: inline-block;
  margin-bottom: 0;
  float: left;
}

.book-page-content .col-lg-9 {
  background: #fff;
  padding-top: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding-bottom: 30px;
}

/* Book Final Road Test */

.book-final-test .icon-box h3 {
  min-height: auto;
  font-size: 20px;
}

.book-page-content .book-final-test .icon-box img {
  width: 80px;
}

.book-final-test .icon-box {
  padding: 10px 10px;
  min-height: 137px;
}

.book-final-test .label-date label {
  font-size: 16px;
  line-height: 22px;
}

.book-final-test .date-time label {
  font-size: 16px;
  line-height: 22px;
}

.book-final-test .time-slot label {
  font-size: 16px;
  line-height: 22px;
}

.book-final-test .date-time p {
  font-size: 16px;
  padding-bottom: 7px;
}

.book-final-test .col-lg-6:nth-child(2) {
  border-right: 2px solid #9c9c9c;
}

.book-final-test .time-slot select {
  font-size: 16px;
}

.book-final-test .time-slot label.active span {
  font-size: 16px;
  padding-bottom: 2px;
}

/* Calender Page */

.bg-type::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: -20px;
  background: #b64a32;
  height: 370px;
  z-index: -1;
}

.bg-type {
  position: relative;
  padding-top: 0px;
  display: inline-block;
  width: 100%;
}

.bg-type .title-page {
  color: #de6033;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 33px;
}

.slick-slider .top-part {
  padding: 15px 20px;
  position: relative;
  background: #eee;
  text-align: right;
}

.slick-slide .top-part h3 {
  display: inline-block;
  margin: 0;
  width: 100%;
  font-size: 35px;
  font-weight: 600;
  line-height: 31px;
}

.slick-slide .top-part span {
  font-weight: 600;
  font-size: 14px;
}

.slick-slide .top-part p {
  margin: 0;
  position: absolute;
  right: 8px;
  top: 20px;
  font-size: 9px;
  background: #de6033;
  color: #fff;
  padding: 2px 9px;
  border-radius: 25px;
}

.content-part {
  background: #f8f8f8;
}

.content-part ul li a {
  border: 2px solid #b64a32;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 9px;
  margin-bottom: 9px;
  font-size: 13px;
  width: 80%;
  color: #000;
}

.content-part ul li {
  text-align: center;
}

.content-part ul {
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 10px;
}

.slick-slider .slick-dots {
  display: none !important;
}

.month-name {
  display: inline-block;
  color: #de6033;
  font-size: 26px;
  font-weight: 600;
  text-align: right;
  width: 100%;
  padding-bottom: 15px;
}

.content-part ul li a.active {
  background: #b64a32;
  color: #fff;
}

.btn-book-app {
  background: #b64a32;
  color: #fff !important;
  padding: 9px 42px;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 0px;
  float: right;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.btn-book-app:hover {
  color: #fff;
  background: #c65a42;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nav.calendr-page {
  border-bottom: 0px;
}

.bg-type .col-lg-9 .slider .slick-slide {
  border-left: 1px solid #ccc;
  float: right;
}

.bg-type .col-lg-9 .slider .slick-slide:last-child {
  border-left: 0px solid #ccc;
}

/* Sidebar */

.side-bar-type .widget {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.white-txt p {
  color: #fff;
}

.categoryes .categoryes__item:first-child .categoryes__desc {
  color: #fff;
}

.side-bar-type ul li.blog-category__item.active {
  background: #de6033;
}

.side-bar-type .blog-category ul li.active .blog-category__name {
  color: #fff;
}

/* My Profile Page */

.history-table-main tr td {
  border: 1px solid #ccc;
  padding: 7px;
  width: 50%;
  text-align: right;
}

.history-table-main {
  width: 100%;
}

.history-table-main thead tr {
  background: #de6033;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}

.history-table-main tbody tr:nth-child(2n) {
  background: #f6f6f6;
}

.profile-tit {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  font-size: 26px;
  text-align: right;
}

.time-date-slot {
  display: inline-block;
  width: 100%;
  padding-top: 0px;
}

.time-date-slot .col-lg-2 {
  width: 50% !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  border-right: 1px solid #acacac;
  margin-bottom: 50px;
  position: relative;
}

.time-date-slot .col-lg-2::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -27px;
  right: 0;
  margin: auto;
  height: 1px;
  background: #ccc;
  width: 90%;
}

.time-date-slot .col-lg-2:nth-child(2n) {
  border-right: 0px;
}

.date-sec {
  background: #de6033;
  color: #fff;
  padding: 6px 10px;
  font-weight: 600;
  font-size: 12px;
  position: relative;
  text-align: center;
  display: inline-block;
  width: 48%;
  float: left;
}

.time-date-slot .icon-box {
  padding: 10px 10px;
  width: 140px;
  min-height: 117px;
  float: left;
  margin-bottom: 0px;
}

.timedate-sec {
  width: 60%;
  float: right;
  display: inline-block;
}

/*.date-sec::before {
	position: absolute;
	content: '';
	left: 7px;
	top: 1px;
	bottom: 0;
	margin: auto;
	background: url(/images/clndr.png) no-repeat;
	height: 20px;
	width: 20px;
	background-size: 19px;
}*/

.time-part {
  width: 48%;
  background: #e8e8e8;
  margin-top: 0;
  padding: 6px 10px;
  position: relative;
  font-weight: 600;
  text-align: center;
  font-size: 13px;
  float: right;
  display: inline-block;
}

.time-part.attended {
  background: #027e02;
  color: #fff;
}

/*.time-part::before {
	position: absolute;
	content: '';
	left: 7px;
	top: 1px;
	bottom: 0;
	margin: auto;
	background: url(/images/wtch.png) no-repeat;
	height: 20px;
	width: 20px;
	background-size: 19px;
}*/

.timedate-sec .in-time {
  display: inline-block;
  width: 100%;
  float: none;
  margin-bottom: 0px;
}

.timedate-sec .in-time:last-child {
  margin-bottom: 0px;
}

.label-type {
  border: 1px solid #d9e2ea;
  border-radius: 0;
}

.label-type label {
  font-size: 12px;
  font-weight: 400;
  color: #545454;
  padding: 12px;
  margin-bottom: 0;
  width: 100%;
  text-align: right;
}

/* Info Page */

.bg-type .content .col-lg-9 {
  background: #fff;
  padding-top: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.info-page {
  margin-bottom: 20px;
}

.info-page > label {
  color: #6c6c6c;
  font-size: 16px;
  font-weight: 600;
  float: right;
}

.info-page .custom-file input {
  width: 100%;
  border: 1px solid #b64a32;
  padding: 10px;
}

.bg-type.attachment-main .row {
  display: inline-block;
}

.info-page .custom-file {
  height: auto;
}

.btn-upload {
  background: #b64a32;
  border: 1px solid #b64a32;
  color: #fff;
  padding: 8px 40px 11px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin-right: 15px;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  float: right;
}

.btn-upload:hover {
  background: #d66a52;
  border: 1px solid #d66a52;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#Frm_UserProfile .col-lg-9 .col-md-12.mbottom {
  margin-bottom: 0;
}

.change-pswd .login .col-md-12.mbottom {
  padding-right: 0;
  padding-left: 0;
}

.bg-type .col-lg-9 span.inp {
  background: none;
}

.bg-type .col-lg-9 span .inp::before {
  display: none;
}

.bg-type .col-lg-9 span.inp .inp__box {
  background: none;
}

.bg-type .col-lg-9 span.inp .inp__box .inp__control {
  border: 1px solid #d9e2eb;
}

/* Responsive */

@media only screen and (max-width: 1199px) {
  .nav__inner .nav__link {
    padding: 12px 4px;
    font-size: 12px;
  }
  .nav__item {
    vertical-align: middle;
  }
  .best .best__title .title {
    margin-top: 0;
    margin-bottom: 0;
  }
  .best .best__list {
    margin-bottom: 0;
  }
  .best__item-desc {
    margin-bottom: 10px;
  }
  .video__body {
    padding: 100px 20px;
  }
  .feature-page-content .feature__title {
    font-size: 14px;
    line-height: 1.5;
  }
  .feature-page-content .feature__desc {
    font-size: 13px;
  }
  .feature-page-content .feature__row-list .feature__item {
    min-height: 290px;
    padding: 20px 10px;
  }
  .contact__head .form__row .col-md-3 {
    padding-right: 0;
    padding-left: 0px;
  }
  .contact__adr,
  .contact__phone {
    font-size: 13px;
  }
  .contact__head {
    padding: 25px;
    margin: -30px -30px 25px;
  }
  .contact .form.contact__form p {
    margin-bottom: 0;
  }
  .contact__map iframe {
    height: 450px;
  }
  .card-list__item {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .container {
    width: 90% !important;
    max-width: 90% !important;
  }
  .nav__btn-wrap {
    position: absolute;
    top: -70px;
    left: 10px;
  }
  header .nav .btn.nav__btn {
    position: relative;
    width: 35px;
    height: 35px;
    padding: 0;
    margin-top: 0px;
    display: block;
    background: #b64a32;
    border-radius: 0px;
    border: 1px solid #9a3d29;
  }
  .nav {
    border-bottom: 0px solid #fff;
  }
  .nav__icon,
  .nav__icon::after,
  .nav__icon::before {
    position: absolute;
    height: 2px;
    background-color: #fff;
  }
  .nav__icon {
    top: 50%;
    right: 8px;
    left: 8px;
    margin-top: 0px;
  }
  .nav__icon::before {
    top: -6px;
  }
  .nav__icon::after,
  .nav__icon::before {
    right: 0;
    left: 0;
    content: "";
  }
  .nav__icon,
  .nav__icon::after,
  .nav__icon::before {
    position: absolute;
    height: 2px;
    background-color: #fff;
  }
  .nav__icon::after {
    bottom: -6px;
  }
  .nav_open .nav__inner {
    visibility: visible;
    overflow: auto;
    height: 100%;
  }
  .nav__inner {
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-transition: opacity 0.35s, visibility 0.35s, width 0.35s;
    transition: opacity 0.35s, visibility 0.35s, width 0.35s;
    opacity: 1;
  }
  .nav_open .nav__inner::before {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .nav_open .nav__inner::after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .nav__inner::before {
    right: 50%;
    left: 0;
    -webkit-transform: translate3D(-55%, 0, 0);
    transform: translate3D(-55%, 0, 0);
    display: block;
  }
  .nav__inner::after {
    z-index: -1;
    right: 0;
    left: 50%;
    display: block;
    -webkit-transform: translate3D(55%, 0, 0);
    transform: translate3D(55%, 0, 0);
  }
  .nav__inner::after,
  .nav__inner::before {
    position: fixed;
    top: 0;
    bottom: 0;
    content: "";
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
    background-color: rgba(222, 96, 51, 0.95);
  }
  .nav_open .nav__inner {
    visibility: visible;
  }
  .nav__close {
    position: absolute;
    top: 13px;
    right: 22px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 9;
  }
  .nav__close::after,
  .nav__close::before {
    position: absolute;
    top: -2px;
    left: 9px;
    width: 2px;
    height: 27px;
    content: "";
    background-color: #fff;
  }
  .nav__close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .nav__close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .nav__list {
    margin: 0px;
    text-transform: uppercase;
  }
  .nav__item {
    position: relative;
    display: inline-block;
    width: 100%;
    border-right: 0;
  }
  .nav__item .loginorange {
    background: none;
  }
  .nav__inner .nav__link {
    padding: 19px 10px;
    font-size: 16px;
  }
  .nav__link {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
  }
  .nav__link {
    text-align: center;
    color: #fff;
  }
  body.nav_open {
    overflow: hidden;
  }
  .best__item-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .best ul li.best__item img {
    width: 40px;
  }
  .best__male,
  .best__streamline,
  .best__video {
    right: 0;
  }
  .best__item.best__item {
    padding-right: 53px;
  }
  .best__item-desc {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .best .best__title .title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
  }
  .best {
    padding: 30px 0 30px;
  }
  .best .best__list {
    padding-right: 15px;
  }
  .feature__row-list .feature__item {
    min-height: 200px;
    padding: 20px 5px;
    display: inline-block;
    float: right !important;
  }
  .feature__title {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
  }
  .feature__desc {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 0px 0 0px;
    margin-bottom: 0;
  }
  .feature .feature__icon img {
    width: 50px;
  }
  .feature__icon {
    line-height: 55px;
    width: 55px;
    height: 55px;
    margin: 0 auto 0px;
  }
  .course {
    padding: 31px 0 51px;
  }
  .course__icon-logo img {
    width: 50px;
  }
  .course__icon-logo {
    top: 10px;
    right: 10px;
    width: 52px;
    height: 55px;
  }
  .course__item-head {
    height: 104px;
    padding: 0 15px 0 15px;
    line-height: 104px;
  }
  .course__item-name {
    font-size: 14px;
    line-height: 1.4;
    margin-top: -20px;
    margin-bottom: 0;
  }
  .course__item-popup {
    padding: 10px;
  }
  .course__item-popup-name {
    font-size: 12px;
    line-height: 1.5;
  }
  .course__item {
    height: 180px;
  }
  .gallery {
    padding: 25px 0;
  }
  .gallery .title.gallery__title {
    text-align: right;
    font-size: 24px;
    margin-top: 10px;
  }
  .filter__item {
    line-height: 32px;
    height: 34;
    margin-bottom: 20px;
    padding: 0 20px;
    border-radius: 3px;
  }
  .filter__item-text {
    font-size: 12px;
  }
  .filter {
    margin-bottom: 10px;
    margin-top: 25px;
  }
  .video__body {
    padding: 80px 20px;
  }
  .footer__body {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .head-page {
    background: #f0f0f0;
  }
  .breadcrumbs {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .head-page {
    z-index: 0;
  }
  .categoryes .categoryes__item .col-md-9 {
    max-width: 60%;
  }
  .categoryes .categoryes__item .col-md-3 {
    max-width: 40%;
  }
  .card-list .card .col-md-9 {
    max-width: 70%;
  }
  .card-list .card .col-md-3 {
    max-width: 30%;
    -webkit-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%;
  }
  .title-page {
    font-size: 24px;
    padding-bottom: 10px;
  }
  .widget__header {
    font-size: 12px;
    line-height: 35px;
    height: 36px;
    padding: 0 10px;
  }
  .blog-category {
    font-size: 13px;
  }
  .blog-category__link {
    padding: 3px 10px;
    text-decoration: none;
  }
  .blog-category__name {
    margin-left: 0;
    text-align: right;
  }
  .feature-page-content .feature__row-list .feature__item {
    padding: 20px 5px;
    display: table-cell;
    float: none !important;
    width: 25%;
  }
  .contact__head .form__row .col-md-3 {
    padding-right: 0;
    max-width: 50%;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding-bottom: 20px;
  }
  .contact__head .form__row .col-md-3:nth-child(3),
  .contact__head .form__row .col-md-3:nth-child(4) {
    padding-bottom: 0;
  }
  .card-list__item {
    margin-bottom: 30px;
  }
  .box-img-type .feature__row-list {
    text-align: center;
  }
  .box-img-type .feature__row-list .feature__item {
    float: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .header-second .right-logo {
    width: 100%;
    float: right;
  }
  .bar-social .col-md-6:first-child {
    float: right !important;
    width: 70%;
  }
  .iframe-sec {
    padding-bottom: 40px;
  }
  .bar-social .col-md-6:last-child {
    float: left !important;
    width: 30%;
  }
  .header-second .left-logo {
    float: left;
    width: 50%;
    display: none;
  }
  .left-logo img {
    width: 100%;
  }
  .nav__btn-wrap {
    position: absolute;
    top: -63px;
    left: 47px;
  }
  .nav__icon {
    top: 50%;
    right: 5px;
    left: 5px;
    margin-top: -1px;
  }
  .nav__inner .nav__link {
    padding: 5px 0px;
    font-size: 13px;
  }
  .slider-section .carousel-inner .item img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    background-size: 100% !important;
  }
  .best .best__title {
    margin-bottom: 20px;
  }
  .best__list .best__item {
    padding-bottom: 20px;
  }
  .best .best__list .best__item:last-child {
    padding-bottom: 0;
  }
  .feature__row-list .feature__item {
    min-height: 190px;
    padding: 20px 5px;
    width: 100% !important;
    display: inline-block;
    float: right !important;
    border: none;
    background: #f9fafb !important;
  }
  .feature__item:nth-child(2n + 1) {
    background-color: inherit;
  }
  .feature__item:nth-child(2n) {
    background: #fff !important;
  }
  .feature__list:last-child .feature__item:nth-child(2n) {
    background-color: inherit;
  }
  .filter__item {
    line-height: 29px;
    height: 33px;
    margin-bottom: 15px;
    padding: 0 10px;
    border-radius: 3px;
  }
  .filter__item-text {
    font-size: 12px;
  }
  .footer__section {
    margin-bottom: 13px;
  }
  .footer__body {
    padding-top: 25px;
    padding-bottom: 50px;
  }
  .gallery .gallery__list .gallery__list-item {
    padding: 0 15px;
    margin-bottom: 20px !important;
  }
  .footer__title {
    margin-bottom: 11px;
  }
  .footer .footer__about .btn.btn-default {
    margin-bottom: 0;
  }
  .categoryes .categoryes__item .col-md-3 {
    max-width: 100%;
  }
  .categoryes .categoryes__item .col-md-9 {
    max-width: 100%;
    padding-top: 20px;
  }
  .categoryes .categoryes__fig img {
    width: 100%;
  }
  .categoryes__desc {
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .categoryes__item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .title-page {
    font-size: 22px;
    padding-bottom: 0px;
  }
  .card-list .card .col-md-9 {
    max-width: 100%;
    padding-top: 20px;
  }
  .card-list .card .col-md-3 {
    max-width: 100%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .card-list .card__fig img {
    max-width: 100%;
    width: 100%;
  }
  .card_theme_cover .card__body {
    padding: 3px 0 25px;
  }
  .card-list__item {
    margin-bottom: 30px;
  }
  .feature-page-content .feature__row-list .feature__item {
    min-height: 190px;
    width: 100% !important;
    display: inline-block;
    vertical-align: text-bottom;
    float: right !important;
    border: none;
    padding: 20px;
  }
  .contact__form .form__row-mobile.col-md-6 {
    margin-bottom: 20px;
  }
  .contact__map iframe {
    height: 350px;
  }
  .loginspcae {
    padding: 50px 0 70px 0;
  }
  #onload .modal-dialog {
    width: 90%;
  }
  #myModal .modal-dialog {
    width: 90%;
  }
  #onload .modal-header {
    padding: 7px 15px;
  }
  #onload .modal-body {
    padding: 7px 15px;
  }
  .box-img-type .feature__row-list .feature__item {
    float: none !important;
    width: 100% !important;
    border: none;
    background: #f9fafb !important;
  }
  .box-img-type .feature__row-list .feature__item:nth-child(2n) {
    background: #fff !important;
  }
  .right.carousel-control .glyphicon-chevron-right {
    height: 30px;
    width: 30px;
    -webkit-mask-size: 30px;
  }
  .left.carousel-control .glyphicon-chevron-left {
    height: 30px;
    width: 30px;
    -webkit-mask-size: 30px;
  }
  .feature .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    margin: 0;
  }
  .contact__form {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .contact__head .form__row .col-md-3 {
    padding-right: 0;
    max-width: 100%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding-bottom: 20px;
  }
  .contact__head .form__row .col-md-3:nth-child(3) {
    padding-bottom: 20px;
  }
  .contact__head .form__row .col-md-3:nth-child(4) {
    padding-bottom: 0;
  }
  .feature-page-content .text .title-page {
    width: 95%;
    max-width: 95%;
    margin: auto;
    padding: 15px 20px 15px;
  }
  .about-cate li {
    padding-bottom: 4px;
  }
  body {
    font-size: 13px !important;
  }
  .card__feature-item {
    font-size: 13px;
  }
  .header-second {
    padding: 14px 0px 20px;
  }
}

@media only screen and (max-width: 567px) {
  .container {
    width: 95% !important;
    max-width: 95% !important;
  }
  .iframe-sec {
    padding-bottom: 30px !important;
  }
  .bar-social .col-md-6:last-child {
    float: none !important;
    width: 100%;
  }
  .bar-social .col-md-6:first-child {
    float: none !important;
    width: 100%;
  }
  .bar-social .bar-social__text a {
    padding-left: 11px !important;
    float: none !important;
    font-size: 11px;
  }
  .bar-social .bar-social__text a::before {
    right: -7px !important;
    top: 2px;
  }
  .bar-social__list {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .bar-social .bar-social__text {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .nav__inner .nav__link {
    padding: 14px 0px;
    font-size: 14px;
  }
  .right-logo img {
    width: 200px;
  }
  .nav__btn-wrap {
    position: absolute;
    top: -59px;
    left: 28px;
  }
  .slider-section .carousel-inner .item img {
    width: auto;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .feature__row-list .feature__item {
    min-height: auto;
    padding: 20px 5px;
    width: 100% !important;
    display: inline-block;
    float: left !important;
  }
  .feature__item:nth-child(3) {
    background: #f9fafb !important;
  }
  .feature__item:nth-child(2n) {
    background: #fff !important;
  }
  .best .best__title .title {
    font-size: 20px;
  }
  .course {
    padding: 20px 0 40px;
  }
  .gallery {
    padding: 10px 0;
  }
  .filter__item-text {
    font-size: 9px;
    padding-top: 7px;
  }
  .filter__item {
    line-height: 20px;
    height: 25px;
    margin-bottom: 5px;
    padding: 0 3px;
    border-radius: 3px;
  }
  .filter {
    margin-top: 16px;
  }
  .gallery .title.gallery__title {
    font-size: 20px;
  }
  .video__title {
    font-size: 20px;
    margin-top: 13px;
  }
  .video .video__play img {
    width: 70px;
  }
  .video__play {
    width: 70px;
    height: 70px;
  }
  .dev__item a {
    text-decoration: none;
    color: #b5b5b5;
    font-size: 12px;
  }
  .footer__about .btn,
  .card__footer .btn,
  .contact .form__row .btn,
  .login .btn,
  .mbottom .btn,
  .modal-body .btn {
    line-height: 30px;
    height: 35px;
    padding: 0 12px;
  }
  .gallery .gallery__list .gallery__list-item {
    margin-bottom: 20px !important;
  }
  .card__feature {
    -webkit-columns: 1;
    columns: 1;
  }
  .card-list .card .col-md-9 {
    padding-top: 10px;
  }
  .card_theme_cover::before {
    height: 70px;
  }
  .card_theme_cover .card__footer {
    padding: 13px 15px 8px;
  }
  .card-list__item {
    margin-bottom: 20px;
  }
  .feature-page-content .feature__row-list .feature__item {
    min-height: auto;
    padding: 20px 15px;
    width: 100% !important;
  }
  .contact__head .form__row .col-md-3 {
    padding-right: 0;
    max-width: 100%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding-bottom: 20px;
  }
  .contact__head .form__row .col-md-3:nth-child(3) {
    padding-bottom: 20px;
  }
  .contact__head {
    margin: -30px -30px 15px;
  }
  .content .contact__form .form__row .col-md-6,
  .content .contact__form .form__row .col-md-12 {
    padding: 0;
  }
  .content .contact__form .form__row .btn {
    margin-bottom: 0;
  }
  .login {
    width: 275px;
    padding: 10px 15px;
  }
  .loginspcae {
    padding: 40px 0 60px 0;
  }
  #onload .modal-dialog {
    width: 90%;
  }
  #myModal .modal-dialog {
    width: 90%;
  }
  .feature-page-content .text .title-page {
    width: 95%;
    max-width: 95%;
    margin: auto;
    padding: 15px 15px 15px;
  }
  .footer__title {
    font-size: 16px;
  }
  .footer__more {
    font-size: 13px;
    padding-bottom: 7px;
  }
}

.Validation {
  border: 1px solid red;
}

.redFontValidate {
  color: #de6033 !important;
  font: inherit;
  float: left;
  border: none !important;
  padding: 3px 0 0 0 !important;
  font-size: inherit !important;
  font-weight: 400 !important;
}

.ValidationCheckBox {
  outline: 1px solid #ff0000;
}

.radio-label {
  font-size: 14px !important;
}

.radio-label label.full-label {
  display: inline-block;
  width: 100%;
  color: #000;
  font-size: 17px;
  margin-bottom: 0;
  font-weight: 500;
  padding: 0px;
}

.radio-label label {
  padding-right: 8px;
  padding-left: 25px;
}

.col-md-6.mbottom.first-btn {
  padding-right: 0;
  margin-bottom: 0px !important;
  padding-left: 0px;
}

.modal .popup-verify {
  width: 500px;
  max-width: 500px;
}

.modal .popup-verify .col-sm-1 img {
  width: 34px;
  padding-top: 10px;
}

.modal .popup-verify form#form-verification {
  width: 90%;
}

.modal .popup-verify form .col-sm-6 {
  float: right;
  width: 74% !important;
  max-width: 74%;
  padding-left: 0;
}

.modal .popup-verify button#btn-verify {
  border-radius: 30px;
  height: 35px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 7px;
}

.modal .popup-verify .progress-main {
  display: inline-block;
  width: 100%;
}

.modal .popup-verify .progress {
  height: 7px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}

.bar-social .bar-social__text a:before {
  position: absolute;
  content: "";
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
  height: 17px;
  width: 1px;
  -webkit-animation: 0;
  animation: 0;
}

.bar-social .bar-social__text a:first-of-type:before {
  display: none;
}

.bar-social .bar-social__text a {
  padding-left: 20px;
  position: relative;
  float: right;
  cursor: pointer;
}

.slick-slider .slick-list .slick-track {
  margin-right: 0;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.3);
}

.overlay-content {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  color: #555555;
}

#divdrivingfile label {
  line-height: 20px;
}

.info-page#divdrivingfile {
  margin-bottom: 0;
}

#divdrivingfile input#DrivingLicenceFile {
  display: inline-block;
}

.custom-file-main {
  display: inline-block;
  border: 1px solid #ccc;
  width: 76%;
  float: left;
}

div#noattendencediv {
  padding: 36px 0px 0;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  line-height: 32px;
  color: #de6033;
}

.msg-show {
  color: #de6033;
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  height: 90%;
  padding: 30px 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  text-align: right;
}

.profile-bg .nav.nav-pills {
  background: none;
  margin-bottom: 10px;
}

.nav-tab-right .tab-content {
  display: inline-block;
  width: 100%;
}

.nav-tab-right ul.nav li a {
  padding: 28px 0px;
  background: #ececec;
  border-radius: 0;
  color: #de6033;
  position: relative;
  font-weight: 600;
  text-align: center;
  font-size: 17px;
}

.nav-tab-right ul.nav li {
  margin: 0;
  border-right: 1px solid #fff;
  width: 50%;
}

.nav-tab-right ul.nav li.active::before {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #de6133 transparent transparent transparent;
}

.nav-tab-right .nav-pills > li.active > a,
.nav-tab-right .nav-pills > li.active > a:focus,
.nav-tab-right .nav-pills > li.active > a:hover {
  color: #fff !important;
  background-color: #de6033 !important;
}

.nav-tab-right .tab-pane .icon-box img {
  width: 60px;
}

.nav-tab-right .tab-pane .icon-box h3 {
  margin-top: 8px;
  min-height: auto;
}

.nav-tab-right .tab-pane .profile-tit {
  padding-bottom: 14px;
  font-size: 23px;
}

.pro-update-pic img {
  width: 50%;
}

.pro-update-pic {
  height: 140px;
  width: 140px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background: #f0f0f0;
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #dddddd;
}

.upate-btn-profile {
  text-align: center;
  padding-top: 15px;
}

.upate-btn-profile .btn {
  background: #de6033;
  color: #fff;
  width: 100%;
  border-radius: 26px;
  margin: 4px 0;
  padding: 8px;
  font-weight: 600;
  font-size: 14px;
}

.upate-btn-profile .btn {
  background: #de6033;
  color: #fff;
  width: 100%;
  border-radius: 26px;
  margin: 4px 0;
  padding: 5px;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.upate-btn-profile .btn:hover {
  opacity: 0.8;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.profile-bg .nav-tab-right {
  padding: 15px !important;
}

.label-type {
  border: 1px solid #d9e2ea;
  border-radius: 0;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  height: auto;
  font-size: 16px;
  padding: 7px 20px;
  font-weight: 400;
  background: #ccc;
  color: #000;
  line-height: inherit;
  display: inline-block;
}

#startquize .modal-body h2 {
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
  text-align: right;
}

#startquize .modal-body .btn.btnstart {
  float: right;
  margin-right: 15px;
}

#startquize .modal-header button.close {
  margin-top: 0;
  padding: 5px;
}

#startquize {
  background: rgba(0, 0, 0, 0.4);
}

.left-slider-sec {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.sec-que .sec-cen button.btn.btn-next {
  display: block;
  width: 22%;
  margin: 40px auto 0;
  float: none;
  background: #b64a32;
  color: #fff;
}

.label-type label {
  font-size: 12px;
  font-weight: 400;
  color: #545454;
  padding: 12px;
  margin-bottom: 0;
  width: 100%;
}

.first-btn .radio-label label {
  padding-right: 1px;
  padding-left: 16px;
}

.profile-bg .tab-pane .label-type label {
  padding: 0;
}

.profile-bg .tab-pane .label-type {
  background: none;
  padding: 7px 15px;
}

.profile-bg .tab-pane .time-date-slot .icon-box {
  width: 100%;
}

.profile-bg .tab-pane .time-date-slot .timedate-sec {
  width: 100%;
  padding-top: 20px;
}

.profile-bg .tab-pane .time-date-slot .col-lg-2 {
  border-right: 0;
  border-left: 1px solid #acacac;
}

.profile-bg .tab-pane .time-date-slot .col-lg-2:nth-child(2n) {
  border-left: 0;
}

.profile-bg .tab-content .time-date-slot .timedate-sec .time-part {
  float: left;
}

.profile-bg .tab-content .time-date-slot .timedate-sec .date-sec {
  float: right;
}

.profile-bg .tab-content #menu1.tab-pane table {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 25px;
}

.profile-bg .tab-content #menu1.tab-pane table tbody td {
  display: inline-block;
  width: auto;
  float: none;
}

.profile-bg .tab-content #menu1.tab-pane table tbody .time-part {
  margin-left: 6px;
  margin-right: 30px;
}

.modal .popup-verify .modal-body {
  text-align: right;
}

.modal .popup-verify .form-group .col-sm-1 {
  display: inline-block;
  width: 10%;
  max-width: 10%;
  padding: 0 14px 0 0;
}

.modal .popup-verify .form-group form .col-sm-8 {
  float: right;
}

.modal .popup-verify .form-group .col-sm-8 .col-md-12 {
  padding: 0;
}

.modal .popup-verify .form-group #maxvalue.col-lg-1 {
  float: right;
  padding: 18px 10px 0;
}

.popup-verify #Dv_VerificationCode br {
  display: none;
}

#DV_ChangeMobileno br {
  display: none;
}

#DV_ChangeMobileno .form-group .col-sm-6 .form-group {
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
}

#DV_ChangeMobileno form .col-md-12 {
  padding: 0;
}

#DV_ChangeMobileno p {
  margin-bottom: 20px;
}

#DV_ChangeMobileno .form-group .col-sm-6:first-child {
  margin-bottom: 10px;
}

#InvoicePopUp .modal-header h3 {
  margin-top: 0;
  margin-bottom: 0;
}

#InvoicePopUp .modal-header {
  text-align: right;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

#InvoicePopUp .modal-footer .btn.btn-cls {
  margin-left: 0;
}

#InvoicePopUp .modal-header button.close {
  line-height: 15px;
}

#InvoicePopUp .modal-body .form-group select,
#InvoicePopUp .modal-body .form-group input {
  height: 40px;
}

#MedicalPopup .load-page-content span {
  display: inline-block;
  width: 100%;
  text-align: right;
  padding-bottom: 11px;
}

#MedicalPopup .load-page-content span input {
  margin-left: 6px;
  margin-top: 0;
}

#MedicalPopup .load-page-content .btn.btn-default {
  float: right;
  margin-bottom: 0;
  margin-top: 10px;
}

#MedicalPopup .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#MedicalPopup .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

#MedicalPopup .container:hover input ~ .checkmark {
  background-color: #ccc;
}

#MedicalPopup .container input:checked ~ .checkmark {
  background-color: #b64a32;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

#MedicalPopup .container input:checked ~ .checkmark:after {
  display: block;
}

#MedicalPopup .container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

#MedicalPopup .modal-body label span.checkmark {
  width: 25px;
  left: auto;
  right: 0;
  padding-bottom: 0;
}

#MedicalPopup .modal-body label.container {
  text-align: right;
  width: 100%;
  padding-right: 35px !important;
  padding-left: 15px;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 17px;
}

.book-course .modal-body p {
  text-indent: 0 !important;
  margin: 0 !important;
  text-align: right !important;
  direction: rtl !important;
  padding-bottom: 12px !important;
}

.book-course .modal-dialog .modal-content {
  height: 500px;
  overflow: auto;
}

.book-course .modal-header.load-page {
  width: 100%;
  text-align: center !important;
}

.book-course .modal-body p span {
  font-family: inherit !important;
  font-size: 15px !important;
}

.my-in-voice .book-page-content .col-lg-9 .invoice-top {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 30px;
}

.my-in-voice .panel .panel-heading {
  background: none;
  border: none;
  padding: 15px;
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  float: left;
}

.my-in-voice .panel-group .panel-title a {
  color: #b64a32;
  font-weight: 600;
  font-size: 20px;
  float: right;
}

.my-in-voice .invoice-top .panel.panel-default {
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
  display: inline-block;
  width: 100%;
}

.my-in-voice .invoice-top .panel-title i {
  float: left;
  color: #b64a32;
  font-size: 25px;
}

.my-in-voice .col-lg-9 .bg-type.my-in-voice::before {
  display: none;
}

.my-in-voice .panel-group .panel-heading:hover .panel-title a {
  color: #000;
}

.my-in-voice .panel-group .panel-heading:hover {
  cursor: pointer;
}

.invoice-top .panel-body .col-lg-6 {
  padding: 0;
  padding-bottom: 10px;
  font-size: 17px;
  text-align: right;
}

.panel .panel-body .col-md-12 .custom-name {
  display: inline-block;
  width: 100%;
  padding-bottom: 15px;
}

.invoice-top .panel-group h2 {
  text-align: right;
}

.my-in-voice .invoice-top .panel .panel-body .btnrefund {
  background-color: #b64a32;
  border-color: #b64a32;
  float: right;
}

.my-in-voice .invoice-top .panel .panel-body .btnrefund:focus,
.my-in-voice .invoice-top .panel .panel-body .btnrefund:hover {
  background-color: #b64a32;
  border-color: #b64a32;
}

.my-in-voice
  .invoice-top
  .panel
  .panel-body
  .btn-info:not(:btnrefund):not(.btnrefund):active,
.my-in-voice
  .invoice-top
  .panel
  .panel-body
  .btn-info:not(:btnrefund):not(.btnrefund).active {
  color: #fff;
  background-color: #b64a32;
  border-color: #b64a32;
}

#refundModalContent .form-group {
  width: 100%;
  display: inline-block;
}

.modal .modal-content #refundModalContent {
  padding: 20px;
}

#refundModalContent .form-group .col-md-4 {
  padding: 0;
  text-align: right;
}

#refundModalContent .form-group .col-md-8 {
  padding: 0;
}

.modal #refundModalContent .btn.btn-primary {
  background: #b64a32;
  border: 1px solid #b64a32;
  float: right;
}

.modal-content #refundModalContent .btn.btn-secondary {
  float: right;
  margin-left: 10px;
}

.modal #refundModalContent .btn.btn-primary:hover {
  background: #b64a32;
  border: 1px solid #b64a32;
  opacity: 0.7;
}

.modal-content #refundModalContent .btn.btn-secondary:hover {
  opacity: 0.7;
  color: #fff;
}

.profile-bg .tab-pane .time-part.NotCompleted {
  background: #ff3c3c;
  color: #fff;
}

.profile-bg .tab-pane .time-part.active {
  background: #8c8483;
  color: #fff;
}

.book-page-content .col-lg-9 .label-main p {
  text-align: right;
}

.ui-tabs .ui-accordion-content .resp-tab-content iframe {
  width: 100%;
}

.ui-tabs .ui-accordion-content .resp-tab-content p {
  margin-bottom: 0;
}

.ui-tabs .ui-accordion-content .resp-tab-content {
  border: 1px solid #b74c33;
}

.ui-tabs .ui-tabs-panel h3.ui-accordion-header {
  margin-top: 15px;
}

.ui-tabs .ui-tabs-panel .ui-accordion-content {
  padding: 20px 0;
}

.ui-tabs {
  padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-default {
  float: right;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff !important;
  background-color: #b74c33 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #b74c33 !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #b74c33 !important;
  background: #b74c33 !important;
  font-weight: normal;
  color: #fff !important;
}

.ui-tabs .ui-tabs-panel h3.ui-accordion-header {
  font-size: 19px;
}

.ui-tabs .ui-tabs-panel h3.ui-accordion-header img {
  padding-left: 10px;
  padding-right: 0px;
}

.ui-tabs .ui-tabs-panel h3.ui-accordion-header {
  text-align: right;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #fff !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  font-size: 16px !important;
}

.ui-tabs-panel .ui-accordion-content .resp-tabs-list,
.ui-tabs-panel .ui-accordion-content .resp-tabs-container {
  text-align: right;
}

.ui-tabs-panel .ui-accordion-content .resp-tabs-list li {
  margin-right: 0;
  margin-left: 5px;
}

.ui-tabs-panel {
  text-align: right;
}

.content.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.error-page .text .cont h3 {
  font-size: 34px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
}

.error-page .cont span {
  font-size: 170px;
  font-weight: 600;
  line-height: 130px;
  padding-bottom: 20px;
  display: inline-block;
  color: #000;
}

.error-page span.change {
  color: #b64a32;
}

.error-page .cont h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 23px;
  color: #000;
  margin-top: 0px;
}

.error-page .cont h5 {
  font-size: 20px;
  font-weight: 400;
  color: #454545;
}

.error-page a.btn {
  display: inline-block;
  padding: 15px 40px;
  margin-top: 20px;
  background: #b64a32;
  color: #fff;
}

.error-page a.btn:hover {
  opacity: 0.6;
}

.error-page .text {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 0;
}

.error-page .missing-2 {
  padding: 50px 0;
}

.side-type #slotsDiv .col-lg-9.col-sm-12 {
  padding: 0;
  float: right;
  width: 100% !important;
  max-width: 100%;
}

.side-type .form-group .control-label {
  color: #fff;
  font-size: 20px;
  float: right;
}

.side-type .form-group .input-group select {
  width: auto;
  float: right;
}

.side-type .slick-slide .top-part h3 {
  font-size: 26px;
  line-height: 26px;
}

.side-type .slick-slider .top-part {
  padding: 15px 15px;
}

.side-type .slider .slick-list {
  background: #fff;
}

.side-type .btn-book-app {
  color: #fff !important;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

/* New header */

@font-face {
  font-family: "driving";
  src: url("../fonts/icomoon/fonts/driving.eot?ha03s6");
  src: url("../fonts/icomoon/fonts/driving.eot?ha03s6#iefix")
      format("embedded-opentype"),
    url("../fonts/icomoon/fonts/driving.ttf?ha03s6") format("truetype"),
    url("../fonts/icomoon/fonts/driving.woff?ha03s6") format("woff"),
    url("../fonts/icomoon/fonts/driving.svg?ha03s6#driving") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "driving" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-id-card:before {
  content: "\e924";
}

.icon-balloons:before {
  content: "\e925";
}

.icon-protection-shield-with-a-check-mark:before {
  content: "\e900";
}

.icon-black-and-white-credit-cards:before {
  content: "\e901";
}

.icon-car-steering-wheel:before {
  content: "\e902";
}

.icon-money:before {
  content: "\e903";
}

.icon-people-1:before {
  content: "\e904";
}

.icon-clock:before {
  content: "\e905" !important;
}

.icon-star-black-fivepointed-shape:before {
  content: "\e906";
}

.icon-smile:before {
  content: "\e907";
}

.icon-checked:before {
  content: "\e908";
}

.icon-profile:before {
  content: "\e909";
}

.icon-cancel:before {
  content: "\e90a";
}

.icon-down-arrow:before {
  content: "\e90b";
}

.icon-right-arrow:before {
  content: "\e90c";
}

.icon-left-arrow:before {
  content: "\e90d";
}

.icon-social-media:before {
  content: "\e90e";
}

.icon-twitter-logo-silhouette:before {
  content: "\e90f";
}

.icon-facebook-logo:before {
  content: "\e910";
}

.icon-instagram-social:before {
  content: "\e911";
}

.icon-phone-call:before {
  content: "\e912";
}

.icon-interface:before {
  content: "\e913";
}

.icon-arrows:before {
  content: "\e914";
}

.icon-people:before {
  content: "\e915";
}

.icon-heart:before {
  content: "\e916";
}

.icon-quote-1:before {
  content: "\e917";
}

.icon-quote:before {
  content: "\e918";
}

.icon-placeholder-for-map:before {
  content: "\e919";
}

.icon-school:before {
  content: "\e91a";
}

.icon-arrow-down-sign-to-navigate:before {
  content: "\e91b";
}

.icon-right-arrow-1:before {
  content: "\e91c";
}

.icon-menu-three-horizontal-lines-symbol:before {
  content: "\e91d";
}

.icon-motorcyclist:before {
  content: "\e91e";
}

.icon-car:before {
  content: "\e91f";
}

.icon-delivery-truck:before {
  content: "\e920";
}

.icon-truck:before {
  content: "\e921";
}

.icon-coach-side-view:before {
  content: "\e922";
}

.icon-play-button:before {
  content: "\e923";
}

.icon-link:before {
  content: "\e9cb";
}

.icon-play3:before {
  content: "\ea1c";
}

.icon-pause2:before {
  content: "\ea1d";
}

#tt-header {
  position: relative;
  z-index: 7;
}

#tt-header .tt-header-wrapper-top {
  background: #383838;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ed6925),
    to(#722282)
  );
  background: linear-gradient(to right, #ed6925, #722282);
}

#tt-header .tt-header-top {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  min-height: 47px;
  padding: 10px 0 12px;
}

#tt-header .tt-header-top .tt-box-phone,
#tt-header .tt-header-top .tt-box-email,
#tt-header .tt-header-top .tt-box-time,
#tt-header .tt-header-top .tt-box-location {
  color: #fff;
}

#tt-header .tt-header-top .tt-box-phone i[class^="icon-"],
#tt-header .tt-header-top .tt-box-email i[class^="icon-"],
#tt-header .tt-header-top .tt-box-time i[class^="icon-"],
#tt-header .tt-header-top .tt-box-location i[class^="icon-"] {
  margin-right: 10px;
  position: relative;
  top: 1px;
}

#tt-header .tt-header-top .tt-box-phone a,
#tt-header .tt-header-top .tt-box-email a,
#tt-header .tt-header-top .tt-box-time a,
#tt-header .tt-header-top .tt-box-location a {
  color: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-header .tt-header-top .tt-box-phone a:hover,
#tt-header .tt-header-top .tt-box-email a:hover,
#tt-header .tt-header-top .tt-box-time a:hover,
#tt-header .tt-header-top .tt-box-location a:hover {
  color: #ed6925;
}

#tt-header .tt-header-top .tt-box-phone,
#tt-header .tt-header-top .tt-box-time,
#tt-header .tt-header-top .tt-box-email {
  padding: 0 10px;
}

#tt-header .tt-header-top .tt-box-phone:hover i {
  -webkit-animation: 0.1s tremor ease-out infinite;
  animation: 0.1s tremor ease-out infinite;
}

#tt-header .tt-social-icon {
  margin: 4px 0 0 0;
}

#tt-header .tt-social-icon li {
  display: inline-block;
  margin: 0 10px 0 0;
}

#tt-header .tt-social-icon li:first-child {
  margin-left: 0;
}

#tt-header .tt-social-icon a {
  color: #fff;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-header .tt-social-icon a:hover {
  color: #722282;
  background-color: #fff;
  border-color: #722282;
}

#tt-header .tt-menu-stuck-row {
  width: 100%;
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: -100px;
  z-index: 8;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px #b3b1b1, 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px #b3b1b1, 0 1px 2px rgba(0, 0, 0, 0.24);
  min-height: 59px;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-header .tt-menu-stuck-row.stuck-is {
  top: 0px;
  opacity: 1;
}

#tt-header .tt-menu-stuck-row .tt-menu {
  text-align: left;
}

#tt-header .tt-menu-stuck-row .tt-toggle-menu {
  top: 17px;
}

#tt-header .tt-menu-stuck-row .col-logo {
  display: none;
}

#tt-header .tt-menu-stuck-row .tt-header-bottom {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

#tt-header .tt-toggle-menu {
  display: none;
  position: absolute;
  right: 18px;
  top: 37px;
  width: 36px;
  height: 35px;
  font-size: 23px;
  line-height: 32px;
  color: #383838;
  text-align: center;
  cursor: pointer;
  z-index: 7;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-header .tt-menu-stuck-row .tt-logo {
  height: 51px;
  width: 165px;
}

#tt-header .tt-menu-stuck-row .tt-logo .logo-icon,
#tt-header .tt-menu-stuck-row .tt-logo .logo-letter {
  max-height: 49px;
}

#tt-header .tt-menu-stuck-row .tt-logo .logo-text {
  font-size: 24px;
  left: 45px;
  top: 1px;
}

#tt-header .tt-menu-stuck-row .tt-logo .slogan-text {
  top: 27px;
  left: 40px;
  letter-spacing: 0.07em;
}

#tt-header .tt-menu-stuck-row .tt-logo .slogan-text:before {
  height: 15px;
}

#tt-header .tt-menu-stuck-row .tt-logo .slogan-text span {
  font-size: 9px;
  top: -9px;
  padding: 0px 15px;
  letter-spacing: 0.04em;
}

#tt-header .tt-menu-stuck-row .tt-logo .slogan-text span:after,
#tt-header .tt-menu-stuck-row .tt-logo .slogan-text span:before {
  height: 2px;
  margin-top: -1px;
  width: 9px;
}

#tt-header .tt-menu-stuck-row .tt-header-bottom {
  padding-top: 9px;
  padding-bottom: 0px;
}

header .stuck-is .tt-btn-box a.btn {
  margin-top: 0;
}

#tt-header .tt-menu-stuck-row .tt-btn-box {
  margin-top: 15px;
  margin-bottom: 15px;
}

#tt-header .tt-menu-stuck-row.stuck-is .tt-btn-box {
  margin-top: 25px;
  margin-bottom: 25px;
}

#tt-header .tt-menu-stuck-row .tt-btn-box .btn {
  padding-left: 9px;
  padding-right: 9px;
  height: 44px;
}

#tt-header .stuck-is .tt-btn-box.login_after_main .btn.loginafter {
  font-size: 10px;
}

#tt-header .col-logo .tt-logo img {
  float: right;
}

.tt-social-icon {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0;
}

.tt-social-icon a {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 12px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.tt-social-icon a:first-child {
  margin-left: 0;
}

.tt-social-icon a:last-child {
  margin-right: 0;
}

.btn-border {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #fff;
  color: #fff;
  font-size: 14px;
  line-height: 1.1;
  padding: 0 10px;
  letter-spacing: 0.02em;
  word-spacing: 0.02em;
  font-family: "Droid Arabic Kufi", serif !important;
  font-weight: bold;
  height: 50px;
  border-radius: 6px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  text-transform: uppercase;
  font-size: 15px !important;
}

.col-3.btnlast {
  display: none;
}

#tt-header .tt-header-bottom {
  height: 140px;
  margin-bottom: 0px !important;
}

#tt-header .tt-header-bottom {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

#tt-header .tt-menu {
  margin-top: 20px;
}

#tt-header .tt-menu > ul {
  /* level-1 */
  font-family: "Droid Arabic Kufi" !important;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  letter-spacing: 0.02em;
  width: 100%;
  padding-left: 8px;
  /* level-2 */
}

#tt-header .tt-menu > ul > li {
  display: inline-block;
}

#tt-header .tt-menu > ul > li > a {
  position: relative;
  display: inline-block;
  outline: none;
  overflow: hidden;
  padding: 4px 15px;
  font-weight: bold;
  color: #6d1787 !important;
}

#tt-header .tt-menu > ul > li > a span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  font-size: 15px;
}

#tt-header .tt-menu > ul > li > a span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#tt-header .tt-menu > ul > li.is-hover > a,
#tt-header .tt-menu > ul > li.active > a {
  color: #ed6925 !important;
}

#tt-header .tt-menu > ul > li.is-hover > a span,
#tt-header .tt-menu > ul > li.active > a span {
  -webkit-transform: translateY(-108%);
  transform: translateY(-108%);
}

#tt-header .tt-menu > ul > li > ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  text-align: left;
  position: absolute;
  width: 355px;
  background: #fff;
  top: 67px;
  -webkit-box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 36px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-header .tt-menu > ul > li.megamenu {
  position: inherit;
}

#tt-header .tt-menu > ul > li.megamenu > ul {
  left: 0;
  width: 100%;
}

#tt-header .tt-menu > ul > li.is-subMenu > a .tt-icon-subMenu {
  margin-left: 0px !important;
  margin-right: 8px;
  left: 0;
}

#tt-header .tt-menu > ul > li.is-subMenu > a .tt-icon-subMenu {
  position: relative;
  top: -1px;
  font-size: 11px;
  margin-left: 9px;
  color: #393939;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0px 0px #393939;
}

#tt-header .tt-menu > ul > li:last-child > a {
  padding-right: 0;
}

#tt-header .tt-menu > ul > li:first-child > a {
  padding-left: 0;
}

#tt-header .tt-menu > ul > li.is-subMenu > a {
  padding-right: 4px;
  padding-left: 4px;
}

#tt-header .tt-menu > ul > li.is-subMenu > a i {
  font-size: 23px;
  line-height: 16px;
  position: absolute;
  left: 10px;
  top: 9px;
}

#tt-header .tt-menu > ul > li.is-hover > a {
  color: #ed6925;
}

#tt-header .tt-menu > ul > li.is-hover > ul {
  opacity: 1;
  visibility: visible;
  top: 60px;
  padding: 0;
  margin: 0;
}

#tt-header .tt-menu > ul > li.is-hover > ul a {
  color: #393939;
  display: block;
}

#tt-header .tt-menu > ul > li.is-hover > ul a a:hover {
  color: #ed6925;
}

#tt-header .tt-menu > ul .sub-menu {
  padding: 0;
}

#tt-header .tt-menu > ul .sub-menu li a {
  padding: 12px 31px 10px 10px;
  font-size: 16px;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-header .tt-menu > ul .sub-menu li a:before {
  content: "\f104";
  font-family: "FontAwesome";
  display: block;
  right: 10px;
  left: auto;
  top: 13px;
  font-size: 23px;
  line-height: 1.1;
  position: absolute;
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.1s 0.2s linear;
  -moz-transition: 0.1s 0.2s linear;
  -ms-transition: 0.1s 0.2s linear;
  -o-transition: 0.1s 0.2s linear;
}

#tt-header .tt-menu > ul .sub-menu li a:hover {
  /* background: #fdc400; */
  color: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ed6925),
    to(#722282)
  );
  background: linear-gradient(to right, #ed6925, #722282);
}

#tt-header .tt-menu > ul .sub-menu li a:hover:before {
  opacity: 1;
  left: 6px;
}

#tt-header .tt-menu > ul .sub-menu li.active a {
  background: #ed6925;
  color: #fff;
}

#tt-header .tt-menu > ul .sub-menu li.active a:before {
  opacity: 1;
  left: 6px;
}

#tt-header .tt-menu > ul .sub-menu li:not(:last-child) {
  border-bottom: 1px solid #edeff1;
}

#tt-header .tt-menu > ul > li > ul {
  text-align: right;
  top: 100px !important;
}

::-webkit-input-placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

:-ms-input-placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

::-ms-input-placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

::placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

::-moz-selection {
  background: #ed6925;
  color: #fff;
}

::selection {
  background: #ed6925;
  color: #fff;
}

p,
li {
  font-size: 1em;
  line-height: 1.6;
}

p {
  margin: 0 0 20px;
}

main#page-main {
  position: relative;
  z-index: 1;
}

/* Footer */

#tt-footer {
  background: url("../images/tt-foter-bg.jpg") top center repeat;
  position: relative;
  color: #b5b5b5;
  padding: 104px 0 40px 0;
}

#tt-footer:not([class^="offset-"]) {
  margin-top: 50px;
}

#tt-footer:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  background: url("../images/tt-foter-bg1.png") top right no-repeat;
  width: 256px;
  height: 266px;
}

#tt-footer:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
  height: 4px;
  width: 100%;
  background: #ed6925;
}

#tt-footer .container {
  position: relative;
  z-index: 2;
}

#tt-footer .tt-logo {
  position: relative;
  /* height: 230px; */
  display: inline-block;
  overflow: hidden;
  width: 245px;
}

#tt-footer .tt-logo .logo-icon {
  position: absolute;
  z-index: 0;
  max-height: 69px;
  margin-top: 2px;
}

#tt-footer .tt-logo .logo-letter {
  position: absolute;
  z-index: 1;
  max-height: 69px;
  margin-top: 2px;
}

#tt-footer .tt-logo .logo-text {
  color: #fff;
  font-weight: 500;
  font-family: "Droid Arabic Kufi" !important;
  display: block;
  left: 66px;
  margin-top: -3px;
  font-size: 42px;
  line-height: 1;
  position: absolute;
  letter-spacing: 0.01em;
}

#tt-footer .tt-logo .slogan-text {
  color: #fff;
  display: inline-block;
  position: relative;
  top: 40px;
  left: 61px;
  letter-spacing: 0.06em;
}

#tt-footer .tt-logo .slogan-text:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 21px;
  text-align: center;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  background: #383838;
}

#tt-footer .tt-logo .slogan-text span {
  position: relative;
  padding: 0px 18px;
  z-index: 3;
  top: -5px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Droid Arabic Kufi" !important;
}

#tt-footer .tt-logo .slogan-text span:before,
#tt-footer .tt-logo .slogan-text span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 11px;
  height: 2px;
  margin-top: -2px;
  background: #fff;
}

#tt-footer .tt-logo .slogan-text span:before {
  left: 0px;
}

#tt-footer .tt-logo .slogan-text span:after {
  right: 0px;
}

#tt-footer .tt-footer-box-info {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 21px;
  color: #b5b5b5;
  padding-right: 15px;
}

#tt-footer .tt-foter-title {
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: #ed6925;
  font-family: "Droid Arabic Kufi" !important;
  font-weight: 500;
  margin: 0;
  padding: 0 0 27px 0;
}

#tt-footer .tt-footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

#tt-footer .tt-footer-list li a {
  color: #dcdcdc;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-footer .tt-footer-list li a:hover {
  color: #ed6925;
}

#tt-footer .tt-footer-list li:not(:first-child) {
  margin-top: 10px;
}

#tt-footer .tt-social-icon {
  margin-top: 4px;
}

#tt-footer .tt-social-icon li,
#tt-footer .tt-social-icon a {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 45px;
}

#tt-footer .tt-social-icon i {
  position: relative;
  color: #181818;
  font-size: 19px;
  margin-left: -1px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-footer .tt-social-icon a:before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: #ed6925;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-footer .tt-social-icon li {
  padding: 0 30px;
  cursor: default;
}

#tt-footer .tt-social-icon li:hover a:before {
  background: #fff;
}

#tt-footer .tt-social-icon li:hover i {
  color: #722282;
}

#tt-footer .tt-baner-01 {
  background: #fff;
  display: inline-block;
  width: 271px;
  margin-top: 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 7px 0 12px 0;
  border-radius: 5px;
  background-clip: padding-box;
}

#tt-footer .tt-baner-01 .tt-logo-banner {
  position: relative;
  height: 63px;
  display: inline-block;
  overflow: hidden;
  width: 200px;
  margin: 0 auto;
  text-align: left;
}

#tt-footer .tt-baner-01 .tt-logo-banner .logo-icon {
  position: absolute;
  z-index: 0;
  max-height: 63px;
}

#tt-footer .tt-baner-01 .tt-logo-banner .logo-letter {
  position: absolute;
  z-index: 1;
  max-height: 63px;
}

#tt-footer .tt-baner-01 .tt-logo-banner .logo-text {
  color: #393939;
  font-weight: 500;
  font-family: "Droid Arabic Kufi" !important;
  display: block;
  left: 59px;
  top: 2px;
  font-size: 40px;
  line-height: 1;
  margin-top: -5px;
  position: absolute;
  letter-spacing: 0.01em;
}

#tt-footer .tt-baner-01 .tt-logo-banner .slogan-text {
  color: #fff;
  display: inline-block;
  position: relative;
  top: 36px;
  left: 54px;
  letter-spacing: 0.06em;
}

#tt-footer .tt-baner-01 .tt-logo-banner .slogan-text:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  text-align: center;
  -webkit-transform: skewX(-45deg);
  transform: skewX(-45deg);
  background: #383838;
}

#tt-footer .tt-baner-01 .tt-logo-banner .slogan-text span {
  position: relative;
  padding: 0px 18px;
  z-index: 3;
  top: -7px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Droid Arabic Kufi" !important;
}

#tt-footer .tt-baner-01 .tt-logo-banner .slogan-text span:before,
#tt-footer .tt-baner-01 .tt-logo-banner .slogan-text span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 11px;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}

#tt-footer .tt-baner-01 .tt-logo-banner .slogan-text span:before {
  left: -1px;
}

#tt-footer .tt-baner-01 .tt-logo-banner .slogan-text span:after {
  right: -1px;
}

#tt-footer .tt-baner-01 address {
  color: #2b2b2b;
  font-size: 12px;
  line-height: 1.3;
  padding: 0 10px;
}

#tt-footer .tt-baner-01 address span.tel {
  display: block;
  font-family: "Droid Arabic Kufi" !important;
  color: #1d1d1d;
  font-size: 21px;
  padding-bottom: 6px;
  font-weight: 500;
}

#tt-footer .tt-baner-01 address span.tel a {
  display: inline-block;
  position: relative;
  z-index: 7;
  color: #1d1d1d;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#tt-footer .tt-baner-01 address span.tel a:hover i {
  -webkit-animation: 0.1s tremor ease-out infinite;
  animation: 0.1s tremor ease-out infinite;
}

@-webkit-keyframes tremor {
  0%,
  25% {
    left: -1px;
    top: -1px;
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%);
  }
  50%,
  100% {
    left: 1px;
    top: 1px;
    -webkit-transform: translateX(4%);
    transform: translateX(4%);
  }
}

@keyframes tremor {
  0%,
  25% {
    left: -1px;
    -webkit-transform: translateX(-4%);
    transform: translateX(-4%);
  }
  50%,
  100% {
    left: 1px;
    -webkit-transform: translateX(4%);
    transform: translateX(4%);
  }
}

#tt-footer .tt-baner-01 address span.tel i {
  color: #ed6925;
  margin-left: 7px;
  font-size: 20px;
  display: inline-block;
}

.arabic_lang #tt-footer .tt-baner-01 address span.tel i {
  margin-left: 7px;
  margin-right: 0;
}

#tt-footer .tt-baner-01:after {
  content: "";
  position: absolute;
  top: -200%;
  left: -210%;
  width: 150%;
  height: 240%;
  opacity: 0;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  background: rgba(255, 255, 255, 0.13);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0.13)),
    color-stop(77%, rgba(255, 255, 255, 0.13)),
    color-stop(92%, rgba(255, 255, 255, 0.5)),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0) 100%
  );
}

#tt-footer .tt-baner-01:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  -webkit-transition-property: left, top, opacity;
  transition-property: left, top, opacity;
  -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
  transition-duration: 0.7s, 0.7s, 0.15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

#tt-footer .tt-footer-copyright {
  color: #fff;
  font-size: 16px;
  margin: 27px 0 0 0;
  font-weight: lighter;
}

#tt-footer .col-list {
  position: relative;
}

#tt-footer .col-list:before {
  content: "";
  display: block;
  left: 50%;
  top: 10px;
  position: absolute;
  width: 1px;
  height: 100%;
  margin-left: -24px;
  z-index: 1;
  background-color: rgba(208, 208, 208, 0.2);
}

#tt-footer .col-list .extra-indent {
  padding: 8px 78px 0 0;
  text-align: right;
}

#tt-footer .col-promo {
  text-align: right;
}

#tt-footer .col-promo .tt-social-icon {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  margin-left: 20px;
  float: right;
}

#tt-footer .tt-footer-copyright {
  color: #fff;
  font-size: 16px;
  margin: 27px 0 0 0;
  font-weight: lighter;
  text-align: right;
}

.arabic_lang .back-to-top {
  left: 27px;
  right: auto;
}

.back-to-top {
  cursor: pointer;
  display: none;
  z-index: 6;
  width: 75px;
  height: 75px;
  font-size: 30px;
  background-color: rgba(202, 202, 202, 0.9);
  color: #fff;
  text-align: center;
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  right: 26px;
  bottom: 10%;
}

.back-to-top i {
  line-height: 75px;
  display: inline-block;
  outline: none;
}

.back-to-top:hover {
  background-color: #ed6925;
  -webkit-animation: ripple 0.5s linear 1;
  animation: ripple 0.5s linear 1;
}

.back-to-top:hover i {
  animation: hover-arrow alternate infinite 0.6s;
  -moz-animation: hover-arrow alternate infinite 0.6s;
  -webkit-animation: hover-arrow alternate infinite 0.6s;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(253, 195, 0, 0.3),
      0 0 0 10px rgba(253, 195, 0, 0.3);
    box-shadow: 0 0 0 0 rgba(253, 195, 0, 0.3),
      0 0 0 10px rgba(253, 195, 0, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(129, 198, 100, 0),
      0 0 0 20px rgba(129, 198, 100, 0);
    box-shadow: 0 0 0 10px rgba(129, 198, 100, 0),
      0 0 0 20px rgba(129, 198, 100, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(253, 195, 0, 0.3),
      0 0 0 10px rgba(253, 195, 0, 0.3);
    box-shadow: 0 0 0 0 rgba(253, 195, 0, 0.3),
      0 0 0 10px rgba(253, 195, 0, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(129, 198, 100, 0),
      0 0 0 20px rgba(129, 198, 100, 0);
    box-shadow: 0 0 0 10px rgba(129, 198, 100, 0),
      0 0 0 20px rgba(129, 198, 100, 0);
  }
}

/* Slider Section */

.mainSlider .slide .img--holder {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.mainSlider .slider-promo-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: repeat-x !important;
  width: 100%;
}

.mainSlider .slider-promo-02 {
  background: rgba(0, 0, 0, 0) url("../images/slider-img.jpg") repeat-x scroll
    left bottom;
  background-position-x: left;
  background-position-y: bottom;
  background-repeat: repeat-x;
  background-size: auto;
  overflow: hidden;
}

.mainSlider .slide .slide-content div[class^="tp-caption-"] {
  text-align: right;
}

.mainSlider .slide .slide-content .tp-caption-02-02 {
  margin-right: 8.2%;
  margin-left: 0;
}

.mainSlider .slide .slide-content .tp-caption-02-01 {
  margin-right: 8.2%;
  margin-left: 0;
}

.mainSlider .slide .slide-content .tp-caption-01-02,
.mainSlider .slide .slide-content .tp-caption-01-01 {
  margin-right: 8.5%;
  margin-left: 0;
}

.mainSlider .slide .img--holder {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.mainSlider .slide .slide-content {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
  /* tp-caption-01(slide-01) */
  /* tp-caption-02(slide-02) */
}

.mainSlider .slide .slide-content div[class^="tp-caption-"] {
  color: #fff;
  font-family: "Noto Kufi Arabic", serif !important;
  text-align: left;
}

.mainSlider .slide .slide-content .tp-caption-01-01 {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  line-height: 1.1;
  letter-spacing: 0.01em;
  font-weight: 400;
  margin-left: 4.5%;
}

.mainSlider .slide .slide-content .tp-caption-01-02 {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: -0.03em;
  margin-left: 4.5%;
}

.mainSlider .slide .slide-content .tp-caption-02-01 {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  line-height: 1.1;
  letter-spacing: 0.01em;
  font-weight: 400;
  margin-left: 4.5%;
}

.mainSlider .slide .slide-content .tp-caption-02-02 {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
  line-height: 1.12;
  letter-spacing: 0.01em;
  font-weight: 400;
  margin-left: 4.5%;
}

.mainSlider .slider-promo-02 {
  background: rgba(0, 0, 0, 0) url("../images/slider-img.jpg") repeat-x scroll
    left bottom;
  overflow: hidden;
}

.mainSlider .slider-promo-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-repeat: repeat-x !important;
  width: 100%;
}

.mainSlider .moving-car .carObj {
  background: rgba(0, 0, 0, 0) url("../images/carobj.png") no-repeat scroll
    center bottom;
  float: right;
  height: 100%;
  position: relative;
  top: -41px;
  width: 844px;
  left: 100px;
}

.mainSlider .moving-car .carObj .wheel {
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  z-index: 2;
}

.mainSlider .col-moving-car.moving-car {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  width: 100%;
}

.mainSlider .moving-car .carObj .wheel1 {
  left: 85px;
  position: absolute;
  bottom: 57px;
  width: 112px !important;
}

.mainSlider .moving-car .carObj .wheel2 {
  position: absolute;
  right: 208px;
  bottom: 60px;
  width: 112px !important;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track::after {
  clear: both;
}

.slick-track::before,
.slick-track::after {
  content: "";
  display: table;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-slide {
  float: right;
  position: relative;
  height: 100%;
  min-height: 1px;
  display: none;
}

.slick-slide {
  outline: none;
}

.mainSlider .moving-car .carObj {
  background: rgba(0, 0, 0, 0) url("../images/carobj.png") no-repeat scroll
    center bottom;
  float: right;
  height: 100%;
  position: relative;
  top: -41px;
  width: 844px;
  left: 100px;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.mainSlider .moving-car .carObj .wheel {
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  z-index: 2;
}

.mainSlider .col-moving-car.moving-car {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  width: 100%;
}

.mainSlider .moving-car .carObj .wheel1 {
  left: 85px;
  position: absolute;
  bottom: 57px;
  width: 112px !important;
}

.mainSlider .moving-car .carObj .wheel2 {
  position: absolute;
  right: 208px;
  bottom: 60px;
  width: 112px !important;
}

/* After Slider Section */

.tt-layout-01 {
  margin: 60px 0 0 0;
  padding-bottom: 0px;
}

.col-sm-12.right-text-arabic {
  text-align: right;
}

.tt-layout-01 .tt-title-lg {
  padding-bottom: 28px;
}

.tt-layout-01 .tt-img {
  position: relative;
  min-height: 330px;
}

.tt-layout-01 .tt-img img {
  border-radius: 10px;
}

.tt-layout-01 .tt-btn-custom {
  margin-top: 36px;
  padding-left: 46px;
  padding-right: 46px;
}

.tt-layout-01 .tt-img-device {
  display: none;
}

.tt-layout-01 .tt-img-mobile {
  display: none;
  text-align: center;
  padding-bottom: 23px;
}

.tt-layout-01 .tt-img-mobile img {
  width: 100%;
  /*! max-width: 277px; */
  height: auto;
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(135deg, #722282 0%, #ed6925 100%);
  color: #fff;
  margin-top: 24px;
  border: 1px solid #ec6d28;
  -webkit-box-shadow: 0 4px 5px 0 rgba(252, 126, 86, 0.24);
  box-shadow: 0 4px 5px 0 rgba(252, 126, 86, 0.24);
  padding: 0 35px;
  height: 50px;
  font-size: 14px;
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-clip: padding-box;
  border-radius: 60px !important;
}

.row {
  direction: rtl !important;
}

::-webkit-input-placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

:-ms-input-placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

::-ms-input-placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

::placeholder {
  color: #6a0061;
  opacity: 0.8;
  font-size: 12px !important;
  min-height: 38px !important;
}

::-moz-selection {
  background: #ed6925;
  color: #fff;
}

::selection {
  background: #ed6925;
  color: #fff;
}

::-moz-selection {
  background: #ed6925;
  color: #fff;
}

::selection {
  background: #ed6925;
  color: #fff;
}

::-moz-selection {
  background-color: #000;
  color: #fff;
}

::selection {
  background-color: #000;
  color: #fff;
}

::-moz-selection {
  background-color: #000;
  color: #fff;
}

::selection {
  background-color: #000;
  color: #fff;
}

h2 {
  line-height: 36px;
  font-size: 20px;
  margin-bottom: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #742c86;
  margin: 10px 0;
}

h2,
.h2 {
  font-size: 1.5em !important;
  margin-bottom: 0.769em;
  font-weight: 600 !important;
}

/* Box Section */

.container-indent:not(.sub-pages-indent) {
  margin-top: 50px;
}

h2.tt-title-md {
  font-size: 40px !important;
  line-height: 1.2;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  margin: 0;
  padding-bottom: 30px;
  color: #722282 !important;
  width: 100%;
}

.tt-box-subjects {
  position: relative;
}

.tt-box-subjects .img {
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}

.tt-box-subjects .img img {
  max-width: 100%;
  display: inline-block;
  height: auto;
}

.tt-box-subjects .img:after {
  content: "";
  position: absolute;
  top: -200%;
  right: 210%;
  width: 150%;
  height: 240%;
  opacity: 0;
  -webkit-transform: rotate(21deg);
  transform: rotate(21deg);
  background: rgba(255, 255, 255, 0.13);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0.13)),
    color-stop(77%, rgba(255, 255, 255, 0.13)),
    color-stop(92%, rgba(255, 255, 255, 0.5)),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0) 100%
  );
}

.tt-box-subjects .tt-nomber {
  display: none;
}

.tt-box-subjects .img + .tt-nomber {
  display: block;
  background: url("../images/tt-nomber.png") 0 0 no-repeat;
  background-size: cover;
  width: 74px;
  height: 75px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  z-index: 7;
  position: relative;
  right: 55%;
  margin-top: -54px;
  margin-right: -57px;
  font-size: 22px;
  line-height: 70px;
  font-weight: 500;
}

.tt-box-subjects .description {
  z-index: 0;
  text-align: center;
}

.tt-box-subjects .description h6 {
  font-size: 20px;
  line-height: 1.1;
  color: #ed6925;
  font-weight: 500;
  margin: 0px 0 0 0;
  padding: 20px 0;
}

.tt-box-subjects .description p {
  margin: 0;
  padding: 0 40px 0 0;
}

.tt-box-subjects .description .btn {
  margin: 22px 0;
}

.tt-box-subjects:hover .img:after {
  opacity: 1;
  top: -30%;
  /* right: -30%; */
  -webkit-transition-property: left, top, opacity;
  transition-property: left, top, opacity;
  -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
  transition-duration: 0.7s, 0.7s, 0.15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.tt-box-subjects:hover .btn {
  background: #ed6925;
}

.tt-box-subjects1 {
  position: relative;
}

.tt-box-subjects1 .img {
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
}

.tt-box-subjects1 .img img {
  max-width: 100%;
  display: inline-block;
  height: auto;
}

.tt-box-subjects1 .img:after {
  content: "";
  position: absolute;
  top: -200%;
  left: -210%;
  width: 150%;
  height: 240%;
  opacity: 0;
  -webkit-transform: rotate(21deg);
  transform: rotate(21deg);
  background: rgba(255, 255, 255, 0.13);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0.13)),
    color-stop(77%, rgba(255, 255, 255, 0.13)),
    color-stop(92%, rgba(255, 255, 255, 0.5)),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0) 100%
  );
}

.tt-box-subjects1 .description {
  z-index: 0;
  text-align: center;
}

.tt-box-subjects1 .description h6 {
  font-size: 18px;
  line-height: 1.1;
  color: #393939;
  font-weight: 500;
  margin: 21px 0 0 0;
  padding: 0 40px 0 0;
  text-transform: uppercase;
}

.tt-box-subjects1 .description p {
  margin: 0;
  padding: 0 40px 0 0;
}

.tt-box-subjects1 .description .btn {
  margin: 22px 40px 0 0;
}

.tt-box-subjects1:hover .img:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  -webkit-transition-property: left, top, opacity;
  transition-property: left, top, opacity;
  -webkit-transition-duration: 0.7s, 0.7s, 0.15s;
  transition-duration: 0.7s, 0.7s, 0.15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.tt-box-subjects1:hover .description .h6 {
  color: #ed6925;
}

/* Simple box section */

.container-fluid-md.container-indent1-md .tt-promo-01 {
  padding: 100px 0;
}

.tt-promo-01 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ed6925),
    to(#722282)
  );
  background: linear-gradient(to right, #ed6925, #722282);
  height: 150px;
  max-width: 1170px;
  margin: 0 auto;
  border-radius: 20px;
}

.tt-promo-01 .col-info {
  background: url("../images/tt-promo-01.jpg") top right no-repeat;
  height: auto;
  width: 100%;
  background-size: cover;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.tt-promo-01 .col-info :first-child {
  margin-top: 0;
}

.tt-promo-01 .col-info .description {
  font-size: 33px;
  line-height: 1.2;
  padding: 0 0px 20px 0;
  color: #fff;
  font-weight: lighter;
}

.tt-promo-01 .col-info address {
  font-size: 31px;
  line-height: 1.2;
  color: #fff;
  font-weight: 500;
  margin-top: 9px;
  margin-right: 0px;
  margin-bottom: 0px;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: "driving" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

address {
  font-weight: normal;
  font-style: normal;
}

.arabic_lang .tt-promo-01 .col-info [class^="icon-"] {
  margin-left: 15px;
  margin-right: 0;
}

.tt-promo-01 .col-info :first-child {
  margin-top: 0;
}

.tt-promo-01 .col-info [class^="icon-"] {
  color: #ed6925;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
  font-size: 30px;
}

/* three link section */

.tt-title-lg {
  font-size: 35px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin: 0;
  padding-bottom: 34px;
  color: #ed6925;
}

.tt-box-news {
  margin: 0 15px 10px;
  position: relative;
  -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);
  max-width: 400px;
  display: inline-block;
  text-align: left;
  border-radius: 5px;
}

.tt-box-news:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.tt-box-news .image {
  position: relative;
  display: block;
  font-weight: 500;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tt-box-news .image span {
  display: block;
  font-size: 38px;
  line-height: 1;
}

.tt-box-news .image img {
  width: 100%;
  height: auto;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.tt-box-news .image .time {
  display: block;
  position: absolute;
  font-weight: 400;
  top: 0;
  width: 75px;
  height: 76px;
  background: #4d4d4d;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.tt-box-news .image .time span {
  font-weight: 500;
}

.tt-box-news .image .time:not(.right) {
  left: 0;
}

.tt-box-news .image .time.right {
  right: 0;
}

.tt-box-news .image:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.tt-box-news .description {
  font-size: 15px;
  line-height: 1.1;
  padding: 27px 17px 19px 24px;
  position: relative;
}

.tt-box-news .description h6 {
  font-size: 17px;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  font-weight: 500;
  color: #393939;
}

.tt-box-news .description h6 a {
  color: #393939;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.tt-box-news .description h6 a:hover {
  color: #ed6925;
}

.tt-box-news .description p {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 11px;
  padding-right: 5px;
}

.tt-box-news .description .info {
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding-top: 27px;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.tt-box-news .description .info .comments {
  color: #b2b2b2;
  font-size: 15px;
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
  order: 2;
  font-weight: 300;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.tt-box-news .description .info .comments:hover {
  color: #ed6925;
}

.tt-box-news .description .info .link-transition {
  font-size: 32px;
  line-height: 1em;
  color: #ed6925;
  font-weight: 300;
  margin-left: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.tt-box-news .description .info .link-transition:hover {
  color: #722282;
}

/*Account-page*/

.account-page .acc-left-consec .nav,
.user-pro-pg .nav-tab-right .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.account-page .acc-left-consec .nav li a,
.user-pro-pg .nav-tab-right .nav li a {
  width: 100%;
  display: block;
}

.bg-type .left-section {
  float: left;
}

/*Register-page*/

#form_wizard_1 .nav.nav-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  float: none;
  position: relative;
  padding: 0px 0 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.arebic-lang #form_wizard_1 .nav.nav-pills li:first-child {
  margin-right: 0;
}

.arebic-lang #form_wizard_1 .nav.nav-pills li {
  margin-right: 20px;
}

/*#form_wizard_1 .nav.nav-pills li:first-child {
    margin-left: 0;
}
#form_wizard_1 .nav.nav-pills li {
    margin-left: 20px;
}*/

#form_wizard_1 li:first-child {
  margin-left: 40px;
}

#form_wizard_1 li {
  float: left;
  list-style: none;
  margin-left: 30px;
  position: relative;
}

.portlet ul li.active a.step span.number {
  background: #000 !important;
}

.portlet ul li .step span.desc,
.portlet ul li .step span.number {
  color: #989898;
}

.portlet .form-body .progress {
  width: 70%;
  margin: 0 auto 50px;
}

.portlet .progress .progress-bar.progress-bar-success {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ed6925),
    to(#722282)
  );
  background: linear-gradient(to right, #ed6925, #722282);
  width: 50%;
}

.portlet ul li a.step span.number {
  height: 65px !important;
  width: 65px !important;
  line-height: 42px;
  font-size: 24px !important;
}

.form-wizard .steps > li > a.step.active span.number {
  background: #000;
  color: #fff;
}

h5,
.h5 {
  font-size: 14px;
}

.form-wizard .tab-content h5.text-full.mb-5 {
  text-align: right;
  font-family: "Droid Arabic Kufi" !important;
  font-size: 15px;
  font-weight: 600;
}

.form-wizard .steps > li.active > a.step .desc {
  color: #333333;
}

#form_wizard_1 .portlet-title {
  text-align: right;
}

.banner-inner.account-banner h2 {
  text-align: right;
}

.portlet-body
  .tab-content
  .reg-pg-sec
  .row
  .col-md-12
  .row
  .col-md-12.mbottom
  .form__row.row
  .col-md-12 {
  text-align: right;
}

.portlet-body .tab-content .reg-pg-sec .row .col-md-12 .row .col-md-12.mbottom {
  text-align: right;
}

#Frm_Register .info-page .custom-file {
  padding: 10px;
  border: 1px solid #dc2a25;
  height: auto;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}

#Frm_Register .info-page .custom-file input {
  height: auto;
  display: block;
  color: #000;
  font-size: 14px;
}

.arabic-lang .wizard > .steps ul li {
  float: right !important;
}

.arabic-lang .wizard > .actions {
  padding-right: 20px;
  text-align: left;
}

.arabic-lang .wizard > .actions > ul > li {
  float: right !important;
  margin-right: 0 !important;
}

.arabic-lang .wizard > .actions > ul > li:nth-child(2n),
.arabic-lang .wizard > .actions > ul > li:last-child {
  margin-right: 10px !important;
}

#Frm_Register #tab2 .row .info-page {
  margin: 15px 0;
}

#Frm_Register #tab2 .row .col-md-12.mbottom {
  margin-top: 20px;
}

#Frm_Register #tab2 .row .col-md-12.mbottom .btn {
  background: #000;
  color: #fff;
}

#myModal .btn {
  background: #dc2a25;
  color: #fff;
}

#Frm_Register #tab2 .attach-tab {
  padding: 40px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin: 15px 12px 60px;
}

#tab1 .reg-pg-sec .custom-file-main {
  z-index: 2;
  position: relative;
}

.portlet .form-wizard ul.nav li {
  width: auto;
}

.page-content .portlet.light.bordered {
  margin-top: 60px !important;
  margin-bottom: 40px !important;
  padding: 0 !important;
  border: 0px !important;
}

.portlet .progress .progress-bar.progress-bar-success {
  background: #6d1787;
}

.portlet ul li.active a.step span.number {
  background: #ed6925 !important;
  color: #fff !important;
}

.portlet ul li.active .step span.desc,
.portlet ul li.active .step span.number {
  color: #ed6925 !important;
}

.portlet ul li .step span.desc,
.portlet ul li .step span.number {
  color: #989898;
}

.portlet ul li a.step span.number {
  height: 65px !important;
  width: 65px !important;
  line-height: 42px;
  font-size: 24px !important;
}

.page-content .portlet.light.bordered .portlet-title {
  border: 0;
  margin: 0;
}

.portlet .form-body .progress {
  width: 70%;
  margin: 0 auto 50px;
}

.portlet .tab-pane .reg-pg-sec {
  margin: 0;
}

.portlet .tab-pane h3.block {
  padding-bottom: 17px;
  font-weight: 600;
  font-size: 32px !important;
  color: #e7505a;
}

.arabic-lang .portlet .tab-pane h3.block {
  text-align: right;
}

.arabic-lang .portlet .portlet-title .caption {
  float: right;
}

.modal button.btn.btn-default {
  padding: 7px 14px;
  font-size: 15px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ed6925),
    to(#722282)
  );
  background: linear-gradient(to right, #ed6925, #722282);
  border: #ed6925;
}

.portlet .reg-pg-sec button.btn.btnNext {
  padding: 7px 23px;
  font-size: 15px;
}

.portlet button#backbtn {
  padding: 7px 23px;
  font-size: 15px;
  background: #418410 !important;
  margin-right: 10px;
}

.portlet button#backbtn:hover {
  background: #000;
}

.portlet button.btn.submt {
  padding: 7px 23px;
  font-size: 15px;
  background: #e7505a !important;
}

.portlet button.btn.submt:hover {
  background: #000;
}

#Frm_Register .portlet .portlet-title .caption {
  float: right;
  width: 100%;
  padding: 0 !important;
  color: #000;
}

#Frm_Register .portlet .portlet-title .caption h2 {
  font-family: "Droid Arabic Kufi" !important;
  margin: 0px;
}

#Frm_Register .portlet .reg-pg-sec .mbottom span.field-validation-error,
#Frm_Register .portlet .reg-pg-sec .mbottom .paddinglabel {
  color: #fe0000 !important;
  position: absolute;
  right: 55px;
}

#Frm_Register .portlet .reg-pg-sec .mbottom {
  margin-bottom: 23px;
}

.borderall {
  border: 1px solid red;
}

.feature-con h2 {
  text-align: right;
  display: none;
}

/* About Us */

.tt-box-1 {
  background: #f4f4f4;
}

.tt-box-1 .col-img {
  width: 50%;
}

.tt-box-1 .col-description {
  width: 50%;
  padding: 30px 56px;
}

.tt-box-1 .col-img img {
  width: 100%;
  height: auto;
}

.tt-box-1 .col-description :nth-child(1) {
  margin-top: 0;
}

.tt-box-1 .col-description h6 {
  font-size: 25px;
  line-height: 1.2;
  margin: 0;
  margin-top: 0px;
  padding-bottom: 20px;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: #722282 !important;
}

.container-indent:not(.sub-pages-indent) {
  margin-top: 50px;
}

.tt-title-md {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0;
  padding-bottom: 30px;
  color: #722282 !important;
}

.text {
  color: #5a5a5a !important;
  line-height: 1.8 !important;
}

.text .container-indent2 .tt-box-1 .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.container-indent2 .tt-box-1 .container-fluid {
  padding-left: 50px;
  padding-right: 50px;
}

.breadcrumb ul {
  text-align: right;
}

.container-indent iframe {
  margin-bottom: 40px;
}

.list-addess .item {
  position: relative;
  min-height: 40px;
  padding: 0 44px 0 0;
  text-align: right;
}

.list-addess .item .icon {
  position: absolute;
  top: 0px;
  right: -2px;
  left: auto;
  font-size: 30px;
  line-height: 1.1;
  color: #ed6925;
}

.list-addess .item h6 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  margin: 5px 0 0 0;
  padding-bottom: 5px;
}

.list-addess .item:not(:first-child) {
  margin-top: 67px;
}

.list-addess .item p {
  margin-top: 0;
}

.list-addess .item p span {
  white-space: nowrap;
}

/* Beginner, Advance  */

.adv-ltr-1 {
  height: 28%;
  left: 15%;
  top: 5%;
  width: 10%;
}

.adv-ltr-2 {
  height: 28%;
  left: 29%;
  top: 5%;
  width: 17%;
}

.adv-ltr-3 {
  height: 28%;
  left: 47%;
  top: 5%;
  width: 18%;
}

.adv-ltr-4 {
  height: 28%;
  right: 22%;
  top: 5%;
  width: 10%;
}

.adv-ltr-5 {
  height: 28%;
  right: 6%;
  top: 5%;
  width: 9%;
}

.adv-ltr-6 {
  height: 27%;
  right: 7%;
  top: 41%;
  width: 12%;
}

.adv-ltr-7 {
  height: 26%;
  right: 36%;
  top: 41.8%;
  width: 10%;
}

.adv-ltr-8 {
  bottom: 1%;
  height: 36%;
  left: 34%;
  width: 11%;
}

.beg-ltr-1 {
  height: 28%;
  left: 14.5%;
  top: 5.5%;
  width: 10%;
}

.beg-ltr-2 {
  height: 28%;
  left: 27%;
  top: 5.5%;
  width: 13%;
}

.beg-ltr-3 {
  height: 28.5%;
  left: 41%;
  top: 5%;
  width: 15%;
}

.beg-ltr-4 {
  height: 28%;
  right: 33%;
  top: 5.5%;
  width: 9%;
}

.beg-ltr-5 {
  height: 28%;
  right: 19%;
  top: 5%;
  width: 10%;
}

.beg-ltr-6 {
  height: 13%;
  right: 7px;
  top: 36%;
  width: 18%;
}

.beg-ltr-7 {
  height: 25%;
  right: 20%;
  top: 41.8%;
  width: 11%;
}

.beg-ltr-8 {
  bottom: 33%;
  height: 26%;
  right: 44%;
  width: 9%;
}

.beg-ltr-9 {
  bottom: 28%;
  height: 27%;
  left: 35%;
  width: 10%;
}

.beg-ltr-10 {
  bottom: 2%;
  height: 25%;
  left: 30%;
  width: 10%;
}

.beg-ltr-11 {
  bottom: 20%;
  height: 10%;
  left: 2%;
  width: 26%;
}

.int-ltr-1 {
  height: 28%;
  left: 12.5%;
  top: 5.5%;
  width: 10%;
}

.int-ltr-2 {
  height: 28%;
  left: 25%;
  top: 5.5%;
  width: 15%;
}

.int-ltr-3 {
  height: 28.5%;
  left: 41%;
  top: 5%;
  width: 14%;
}

.int-ltr-4 {
  height: 28%;
  right: 33%;
  top: 5.5%;
  width: 9%;
}

.int-ltr-5 {
  height: 28%;
  right: 19%;
  top: 5%;
  width: 10%;
}

.int-ltr-6 {
  height: 13%;
  right: 7px;
  top: 36%;
  width: 18%;
}

.int-ltr-7 {
  height: 25%;
  right: 20%;
  top: 41.8%;
  width: 11%;
}

.int-ltr-8 {
  bottom: 33%;
  height: 26%;
  right: 44%;
  width: 9%;
}

.int-ltr-9 {
  bottom: 29%;
  height: 26%;
  left: 34.5%;
  width: 10%;
}

.int-ltr-10 {
  bottom: 3%;
  height: 25%;
  left: 29%;
  width: 9%;
}

.int-ltr-11 {
  bottom: 21%;
  height: 10%;
  left: 1%;
  width: 26%;
}

.adv-rtl-1 {
  right: 25.7%;
  top: 38.5%;
}

.adv-rtl-2 {
  right: 36.9%;
  top: 38.5%;
}

.adv-rtl-3 {
  left: 44.3%;
  top: 38.8%;
}

.adv-rtl-4 {
  left: 33.7%;
  top: 38.8%;
}

.adv-rtl-5 {
  left: 23.3%;
  top: 38.5%;
}

.adv-rtl-6 {
  left: 23%;
  top: 64%;
}

.adv-rtl-7 {
  left: 44.5%;
  top: 64.2%;
}

.adv-rtl-ext1 {
  bottom: 19.1%;
  left: 33%;
}

.demo-positions.adv-rtl-9 {
  bottom: 11%;
  height: 15%;
  width: 10%;
  right: 17.6%;
  left: 0;
}

.beg-rtl-1 {
  height: 24%;
  left: 20.5%;
  top: 12.5%;
  width: 11%;
}

.beg-rtl-2 {
  height: 24%;
  left: 35%;
  top: 12.5%;
  width: 8.5%;
}

.beg-rtl-3 {
  height: 23.5%;
  left: 48%;
  top: 13%;
  width: 11%;
}

.beg-rtl-4 {
  height: 25%;
  right: 24%;
  top: 11.5%;
  width: 15%;
}

.beg-rtl-5 {
  height: 24%;
  right: 14%;
  top: 12%;
  width: 8%;
}

.beg-rtl-6 {
  height: 13%;
  left: 1%;
  top: 37%;
  width: 20%;
}

.beg-rtl-7 {
  height: 24%;
  left: 22%;
  top: 41.8%;
  width: 13%;
}

.beg-rtl-8 {
  bottom: 35%;
  height: 23%;
  left: 45%;
  width: 10.5%;
}

.beg-rtl-9 {
  bottom: 33%;
  height: 22%;
  right: 33.5%;
  width: 9.2%;
}

.beg-rtl-10 {
  bottom: 9.5%;
  height: 23%;
  right: 28%;
  width: 9%;
}

.beg-rtl-11 {
  bottom: 23%;
  height: 10%;
  width: 21%;
}

.int-rtl-1 {
  left: auto;
  top: 31.3%;
  right: 23%;
}

.int-rtl-2 {
  left: auto;
  top: 31.2%;
  right: 35.3%;
}

.int-rtl-3 {
  left: 44.7%;
  top: 31.4%;
}

.int-rtl-4 {
  right: auto;
  top: 31.5%;
  left: 33.1%;
}

.int-rtl-5 {
  right: auto;
  top: 31.1%;
  left: 21.9%;
}

.beg-rtl-1 {
  left: auto;
  top: 31.5%;
  right: 23.8%;
}

.beg-rtl-2 {
  left: auto;
  top: 31.5%;
  right: 39.4%;
}

.beg-rtl-3 {
  left: 37.2%;
  top: 31.6%;
}

.beg-rtl-5 {
  right: auto;
  top: 31.6%;
  left: 21.7%;
}

.beg-rtl-6 {
  left: 21.65%;
  top: 53.4%;
}

.beg-rtl-7 {
  left: 32.95%;
  top: 53.4%;
}

.beg-rtl-8 {
  bottom: 38.6%;
  left: 56.8%;
}

.beg-rtl-9 {
  bottom: 38.6%;
  right: 24%;
}

.beg-rtl-ext1 {
  bottom: 24.6%;
  right: 26.6%;
}

.beg-rtl-10 {
  bottom: 3.1%;
  right: 23.4%;
}

.demo-positions.beg-rtl-11 {
  height: 12% !important;
  width: 11% !important;
}

.beg-rtl-11 {
  bottom: 17% !important;
  left: 31.4%;
  right: auto;
}

.beg-rtl-ext1 {
  bottom: 28.6%;
  right: 22.6%;
}

.traing-rtl .big-cir .box-pop-up {
  transform: translateX(33.5%) !important;
  -webkit-transform: translateX(33.5%) !important;
}

.box-pop-up p,
.box-pop-up {
  font-weight: normal;
  color: #666666;
  font-size: 17px;
  line-height: 1.5;
}

.box-pop-up ul {
  counter-reset: section;
  font-family: "Montserrat";
}

.messagePopup {
  position: absolute;
  z-index: 999;
}

.box-pop-up {
  background: white none repeat scroll 0 0;
  border: medium none;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  display: none;
  left: 12%;
  padding: 25px 30px 5px;
  position: relative;
  top: 28%;
  width: 390px;
}

.box-pop-up::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0 20px 20px;
  content: "";
  height: 0;
  left: 29px;
  margin: auto;
  position: absolute;
  right: auto;
  top: -19px;
  width: 0;
  z-index: 99999;
}

.box-pop-up ul li::before {
  background: #e53d39 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  counter-increment: section;
  /* Increment the value of section counter by 1 */
  content: counter(section);
  height: 26px;
  left: 2px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 26px;
}

.box-pop-up ul {
  padding-left: 0px;
}

.box-pop-up ul li {
  list-style: outside none none;
  margin-left: 0;
  padding-left: 40px;
  margin-bottom: 8px;
  position: relative;
}

.box-pop-up ul {
  margin: 0;
  padding: 0;
}

.box-pop-up > img {
  margin-bottom: 14px;
  width: 100%;
}

.box-pop-up img {
  display: block;
  margin: auto;
  height: auto;
  max-width: 100%;
  text-align: center;
}

.left .box-pop-up::before {
  left: auto;
  right: 29px;
}

.box-pop-up a {
  background: #e53d39 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  padding: 1px 12px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.box-pop-up a:hover {
  background: #000;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.box-pop-up h6 {
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: 0;
}

.traing-rtl .box-pop-up::before {
  left: 0;
  right: 0;
}

.traing-rtl .beg-rtl-5 .box-pop-up::before {
  left: auto;
  right: 45%;
}

.traing-rtl .box-pop-up {
  left: auto;
  right: 0;
}

.traing-rtl .box-pop-up {
  left: 50% !important;
  margin: auto;
  right: 0;
  top: 115%;
  transform: translateX(38.5%) !important;
  -webkit-transform: translateX(38.5%) !important;
}

.demo-positions:hover .box-pop-up {
  display: block;
  opacity: 1;
}

.demo-positions {
  position: absolute;
}

.demo {
  width: 100%;
  height: auto;
}

.demo img {
  width: 100%;
}

.map-img img {
  max-width: 100%;
}

.demo-positions {
  height: 8%;
  width: 7.5%;
}

.profile-bg .nav-tab-right .tab-pane h5.warning-txt,
.profile-bg .nav-tab-right .tab-pane h5.information-txt {
  font-family: inherit;
  width: 100%;
  text-align: right;
}

.profile-bg .nav-tab-right .tab-pane h5.warning-txt::before,
.profile-bg .nav-tab-right .tab-pane h5.information-txt:before {
  font: normal normal normal 14px/1 FontAwesome;
}

/*-------- 1.2 Page Preloader    --------*/

.loader-wrapper.loader-off,
body.is-loaded .loader-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms linear 0s;
  transition: all 500ms linear 0s;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: #fff;
  opacity: 1;
  -webkit-transition: all 500ms linear 0s;
  transition: all 500ms linear 0s;
}

@-webkit-keyframes loader {
  0%,
  10%,
  100% {
    width: 80px;
    height: 80px;
  }
  65% {
    width: 150px;
    height: 150px;
  }
}

@keyframes loader {
  0%,
  10%,
  100% {
    width: 80px;
    height: 80px;
  }
  65% {
    width: 150px;
    height: 150px;
  }
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.loader img {
  margin: auto;
  width: 300px;
}

.right-form-sect .form-group select {
  display: block;
  width: 100%;
  height: 34px;
  min-height: 34px !important;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* 13-Jul-2020 */

.communication-data-main {
  padding-top: 50px;
}

.communication-data-main .tt-title-md {
  font-size: 25px !important;
  text-align: right;
}

.breadcrumb ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 5px 0 12px 0px;
}

.breadcrumb ul li {
  font-size: 14px;
  line-height: 1.1;
  position: relative;
  margin-top: 10px;
  color: #5a5a5a;
  padding-right: 25px;
}

.breadcrumb ul li:first-child {
  padding-right: 0px;
}

.breadcrumb ul li:not(:first-child):before {
  content: "\e90c";
  font-size: 12px;
  color: #5a5a5a;
  font-family: "driving";
  display: inline-block;
  position: absolute;
  right: 7px;
  top: 0px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* 14-Jul-2020 */

@media (max-width: 1219px) {
  .container {
    width: 955px;
    padding-left: 7px;
    padding-right: 7px;
  }
  #tt-header .tt-header-bottom {
    margin: auto !important;
    padding-top: 18px;
  }
  .tt-header-bottom .col-md-9col-menu {
    margin-right: 8% !important;
    margin-left: 0% !important;
    width: 100% !important;
  }
  .col-3.btnlast {
    right: auto !important;
    left: 0 !important;
    bottom: 0px !important;
    display: block !important;
    position: absolute;
  }
  .tt-header-bottom .btnlast ul.tt-social-icon li {
    margin: 0 5px !important;
  }
  .tt-header-bottom .btnlast ul.tt-social-icon li a {
    height: 30px;
    color: #fff !important;
    border: 1px solid #fff !important;
    width: auto !important;
    min-width: auto !important;
    padding: 8px 10px;
    font-size: 9px !important;
  }
  #tt-header .tt-header-wrapper-top {
    position: absolute;
    top: -100%;
    display: none;
    background: #eff1f2;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
  }
  #tt-header .tt-logo img {
    height: 114px;
    top: 0;
    width: 175px;
  }
  #tt-header .tt-logo {
    height: 114px;
    top: 0;
    width: 175px;
  }
  .tt-header-bottom .col-md-3.col-logo {
    width: 20% !important;
    display: inline-block !important;
    float: right !important;
    max-width: 20%;
  }
  #tt-header .tt-menu > ul > li > a {
    padding: 0px 10px;
  }
  #tt-header .tt-menu > ul > li > a span {
    font-size: 12px;
  }
  #tt-header .tt-menu > ul > li.is-subMenu > a .tt-icon-subMenu {
    margin-right: 5px;
    top: 2px;
    font-size: 8px;
  }
  #tt-header .tt-menu {
    margin-top: 3px;
  }
  #tt-header .tt-menu > ul {
    padding-left: 0px;
  }
}

@media (max-width: 1024px) {
  .container {
    width: 85%;
    padding-left: 7px;
    padding-right: 7px;
    margin: auto !important;
  }
  .tt-header-bottom .col-md-9col-menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #tt-header .tt-menu > ul > li > a {
    font-size: 12px !important;
    padding-right: 15px !important;
    padding-left: 0 !important;
  }
  .col-3.btnlast {
    right: auto !important;
    left: 0px !important;
    bottom: 0px !important;
  }
  #tt-header .tt-menu-stuck-row .col-logo {
    display: none !important;
  }
  #tt-header .tt-menu-stuck-row.stuck-is .tt-menu-stuck .col-3.btnlast {
    display: none !important;
  }
  #tt-header .tt-menu-stuck-row .tt-header-bottom {
    padding-top: 0px;
    padding-bottom: 0;
    margin-top: 15px !important;
  }
  #tt-header .tt-menu-stuck-row.stuck-is .tt-btn-box {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #tt-header .tt-menu-stuck-row.stuck-is .tt-btn-box a.btn {
    height: 28px;
    font-size: 10px;
  }
  #tt-header .tt-menu-stuck-row .tt-menu {
    text-align: right;
  }
  #tt-header .tt-menu > ul > li > ul {
    text-align: right;
    top: 100px !important;
    width: 200px;
  }
  #tt-header .tt-menu > ul > li.is-hover > ul {
    z-index: 99;
  }
  #tt-header .tt-menu > ul .sub-menu li a {
    padding: 12px 20px 10px 10px;
    font-size: 11px;
  }
  .tt-box-1 .col-description {
    width: 50%;
    padding: 20px 20px;
  }
}

@media (max-width: 991px) {
  #tt-header .tt-toggle-menu.active {
    color: #ed6925;
  }
  #tt-header .tt-menu ul li a {
    padding: 10px 36px 10px 16px !important;
  }
  .tt-header-bottom .col-md-9col-menu {
    margin-right: 0% !important;
    margin-left: 0 !important;
  }
  .tt-header-wrapper-bottom .container {
    width: 100% !important;
    max-width: 100% !important;
  }
  #tt-header .tt-menu ul li a {
    padding: 10px 46px 10px 46px !important;
  }
  #tt-header .tt-toggle-menu {
    right: 0 !important;
    left: auto;
    top: 25px !important;
  }
  .tt-header-bottom .col-3.btnlast {
    bottom: 60px !important;
    position: absolute;
    width: 100% !important;
    left: 120px !important;
  }
  #tt-header .tt-header-bottom .btnlast ul li {
    margin: 0px 5px !important;
  }
  #tt-header .tt-header-bottom .btnlast .tt-social-icon {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  #tt-header .tt-toggle-menu {
    top: 50px !important;
    left: 20px !important;
    display: block !important;
    right: auto !important;
  }
  #tt-header .tt-menu.open-menu {
    top: 70px !important;
    display: block;
    position: absolute;
    left: 0;
    right: 0px;
    background-color: #fff;
    height: auto !important;
    z-index: 9;
  }
  #tt-header .tt-menu-stuck-row.stuck-is {
    position: relative;
  }
  #tt-header .tt-header-wrapper-bottom {
    min-height: 77px !important;
  }
  #tt-header .tt-logo {
    height: 94px;
    top: 0;
    width: 125px;
    display: inline-block !important;
    text-align: center !important;
  }
  #tt-header .tt-logo img {
    height: 94px !important;
    top: 0;
    width: 125px !important;
  }
  .col-md-9col-menu {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
  }
  #tt-header .tt-menu {
    overflow: hidden;
    height: 0;
    margin: 0px -25px 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
  }
  .tt-menu:not(.open-menu) {
    height: 0 !important;
  }
  #tt-header .tt-menu ul {
    margin: 7px 0 0 0;
    padding: 0;
    list-style: none;
  }
  #tt-header .tt-menu > ul > li {
    border-bottom: 1px solid #a7abae;
    text-align: right;
    display: block !important;
  }
  #tt-header .tt-menu > ul > li.is-hover > a span,
  #tt-header .tt-menu > ul > li.active > a span {
    -webkit-transform: inherit !important;
    transform: inherit !important;
  }
  #tt-header .tt-menu > ul > li > a span:before {
    display: none;
  }
  #tt-header .tt-menu ul li a {
    padding: 10px 56px 10px 56px !important;
    display: block !important;
  }
  #tt-header .tt-menu > ul > li.is-hover > ul {
    z-index: 99;
    position: relative;
    top: 0 !important;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
  }
  #tt-header .tt-menu > ul .sub-menu li:not(:last-child) {
    border-bottom: 1px solid #a7abae;
  }
  #tt-header .tt-menu > ul > li.is-subMenu > a .tt-icon-subMenu {
    margin-right: 10px;
    top: 4px;
    font-size: 15px;
  }
  .container-indent2 .tt-box-1 .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .text .container-indent2 .tt-box-1 .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tt-box-1 .col-img {
    width: 100%;
  }
  .tt-box-1 .col-description {
    width: 100%;
    padding: 20px 0px;
  }
}

@media (max-width: 767px) {
  .tt-header-bottom .col-3.btnlast {
    bottom: 60px !important;
    position: absolute;
    width: 100% !important;
    left: 120px !important;
  }
}

@media (max-width: 568px) {
  .tt-header-bottom .col-3.btnlast {
    bottom: 60px !important;
    left: 160px !important;
  }
}

@media (max-width: 567px) {
  #tt-header .tt-menu:before {
    display: none !important;
  }
  .tt-header-bottom .col-3.btnlast {
    bottom: 0px !important;
    position: relative !important;
    right: 0 !important;
    padding-bottom: 0 !important;
  }
  .col-logo {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #tt-header .tt-logo {
    height: 80px !important;
    width: 115px !important;
  }
  #tt-header .tt-logo img {
    height: 80px !important;
    width: 115px !important;
    -o-object-fit: scale-down;
    object-fit: scale-down;
  }
  #tt-header .tt-header-bottom {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  #tt-header .tt-toggle-menu {
    top: 38px !important;
    left: 10px !important;
    z-index: 999 !important;
  }
  .tt-header-bottom .col-3.btnlast {
    bottom: -20px !important;
    position: absolute !important;
    padding-bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none;
    right: 0 !important;
  }
  #tt-header .tt-header-bottom .btnlast ul li .btn {
    height: 28px;
    min-width: 110px !important;
    font-size: 9px !important;
  }
  #tt-header .tt-menu ul li a {
    padding: 10px 36px 10px 36px !important;
  }
  #tt-header .tt-menu.open-menu {
    top: 40px !important;
  }
  #tt-header .tt-header-bottom .btnlast .tt-social-icon {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #tt-header .tt-header-bottom {
    height: 110px;
  }
}

@media (max-width: 380px) {
  #tt-header .tt-header-bottom .btnlast ul li .btn {
    min-width: 100px !important;
  }
}

@media (max-width: 350px) {
  #tt-header .tt-header-bottom .btnlast ul li .btn {
    min-width: 80px !important;
  }
}

/* 21-09-2020 */

.tt-header-wrapper-bottom {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
}

.tt-header-wrapper-bottom:before {
  position: absolute;
  content: "";
  background: url(../images/strips.png);
  background-size: 200px auto;
  width: 100%;
  height: 16px;
  bottom: 0px;
  left: 0;
  right: 0;
  display: block;
}

.tt-header-wrapper-bottom::after {
  position: absolute;
  content: "";
  background: url(../images/strips.png);
  background-size: 200px auto;
  width: 100%;
  height: 16px;
  top: 0px;
  left: 0;
  right: 0;
  display: block;
}

@media (max-width: 1291px) {
  html {
    overflow-x: hidden;
  }
  .col-3.btnlast {
    bottom: 10px !important;
  }
}

@media (max-width: 991px) {
  .tt-layout-01 .col-md-6 {
    max-width: 100% !important;
    flex: 100% !important;
    margin-bottom: 30px;
  }
  .tt-layout-01 .tt-img {
    text-align: right;
  }
  .mainSlider .slide .img--holder {
    display: none;
  }
}

@media (max-width: 567px) {
  .tt-header-wrapper-bottom {
    padding-bottom: 0px;
  }
  .tt-header-wrapper-bottom:before {
    bottom: -60px;
  }
  .tt-layout-01 .tt-img img {
    border-radius: 10px;
    width: 100%;
    /* min-height: auto; */
  }
  .tt-layout-01 .tt-img {
    min-height: auto;
  }
}

/*# sourceMappingURL=rtlstyle.css.map */

/* ---------------------------29-09-2020-------------------------------------------- */

section.main-banner-area {
  clear: both;
  /* background: linear-gradient(to right, #ED6925, #722282); */
  padding: 40px 0px;
  /* color: #fff; */
  margin-bottom: 0px;
}

.card-grid-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  padding-top: 40px;
  padding-bottom: 80px;
}

.card-grid-main .inner-grid-main {
  background: #f8f9fa;
  padding: 25px;
  box-shadow: 0px 0px 10px #e8e8e8cc;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 40px;
}

.card-grid-main .inner-grid-main .sub-heading {
  margin-top: 0;
  text-align: right;
  margin-bottom: 30px;
  font-size: 22px;
  color: #ed6925;
}

.card-grid-main .inner-grid-main .price-badge {
  width: 130px;
  /* margin: auto; */
  margin-bottom: 30px;
  background: #ed6925;
  padding: 20px;
  height: 130px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 20px #cec9c9;
  flex-direction: column;
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}

.card-grid-main .inner-grid-main .price-badge span.price-heading {
  display: block !important;
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
}

.card-grid-main .inner-grid-main .description-main {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

.card-grid-main .inner-grid-main .description-main .des-heading {
  margin-top: 0;
  font-size: 16px;
  text-align: right;
  margin-bottom: 15px;
}

.card-grid-main .inner-grid-main .description-main ul.key-feature-main li {
  font-size: 12px;
  margin-bottom: 10px;
  color: #5e5e5e;
  line-height: 20px;
  font-weight: 500;
  position: relative;
  padding-left: 0px;
  padding-right: 15px;
  text-align: right;
}

.card-grid-main
  .inner-grid-main
  .description-main
  ul.key-feature-main
  li:before {
  position: absolute;
  content: "";
  background: #5e5e5e;
  width: 5px;
  height: 5px;
  left: auto;
  right: 0;
  top: 7px;
  border-radius: 100%;
}

a.purchase-this-plan {
  background: #ed6925;
  padding: 10px 0px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  margin: auto;
  width: 30% !important;
  text-align: center;
  box-shadow: 0px 0px 5px #b7b5b5;
  transition: 0.5s all ease;
}

a.purchase-this-plan:hover {
  opacity: 0.8;
  transition: 0.5s all ease;
}

.card-grid-main .inner-grid-main.intermediate {
  background: #eaeaea;
}

.card-grid-main .inner-grid-main.intermediate .price-badge {
  background: #7c287a;
}

.card-grid-main .inner-grid-main.intermediate h3.sub-heading {
  color: #7c287a;
}

.card-grid-main .inner-grid-main.intermediate a.purchase-this-plan {
  background: #7c287a;
}

section.main-banner-area h1.heading-main {
  color: #000;
  text-align: right;
}

section.main-card-section .container:nth-child(2) p {
  text-align: right;
}

@media (max-width: 800px) {
  section.main-banner-area {
    padding: 30px 0px;
    padding-bottom: 10px;
  }
  section.main-banner-area .heading-main {
    text-align: right !important;
    margin-bottom: 0px;
    font-size: 24px;
    margin-top: 50px;
  }
  .card-grid-main {
    grid-template-columns: repeat(1, 1fr);
    padding-top: 20px;
    padding-bottom: 0px;
    grid-row-gap: 50px;
  }
  .card-grid-main .inner-grid-main .sub-heading {
    text-align: center !important;
  }
  .card-grid-main .inner-grid-main .description-main .des-heading {
    text-align: center !important;
  }
  section.main-card-section .container:nth-child(2) p {
    text-align: right;
    margin-top: 50px;
    margin-bottom: 0;
  }
}

/* -------------------30-09-2020------------------------- */

.home-banner-new {
  background: url(../images/direction-change.jpg) no-repeat;
  background-size: cover !important;
  width: 100%;
  height: 700px;
  clear: both;
  background-position: center center !important;
}

@media (max-width: 1100px) {
  .home-banner-new {
    height: 460px;
  }
}

@media (max-width: 567px) {
  .home-banner-new {
    height: 280px;
    margin-top: 200px;
  }
}

@media (max-width: 350px) {
  .home-banner-new {
    height: 230px;
    margin-top: 200px;
  }
}

/* ---------------------------------------------19/10/2020----------------------------------------- */

.tt-header-wrapper-bottom:before {
  background: none !important;
}

.tt-header-wrapper-bottom::after {
  background: none !important;
}

/* ------------------------------------------------------------------25/11/2020----------------------------------------------- */
.under-line-classs {
  margin-top: -28px;
}

/* ---------------------------------------FAQ--------------------------------------- */
h1.tt-title-lg.text-center.title-sub-page {
  color: #ed6925;
  margin-top: 175px;
  margin-bottom: 25px;
}

.panel-default > .panel-heading {
  color: #fff !important;
  background-color: #722282 !important;
  border-color: #ddd !important;
}

/* -------------------------------------------------------------------------------21/12/2020------------------------------------------------------------------------------- */
/* --------------------------pdf issue by omar-------------------------- */
.main-print-statment {
  border: 0px solid #ed6925 !important;
  border-top: 0px solid #ed6925 !important;
}

.header-image {
  border-bottom: 0px solid #9a9898 !important;
}

.footer-main-print {
  display: none !important;
}

.footer-main-print {
  border-top: 0px solid !important;
}

.header-top-line-first {
  position: absolute;
  width: 100%;
  height: 40px;
  top: 0px;
  left: 0px;
  background-color: #ed6925;
}
.footer-line {
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 150px;
  left: 0px;
  background-color: #ed6925;
}
.footer-content {
  margin-bottom: 20px;
}
.bottom-row-1 {
  width: 63%;
  position: absolute;
  bottom: 85px;
  left: 100px;
  height: 30px;
  border: 0px solid black;
}
i.fab.fa-twitter-square,
.far.fa-envelope,
.fas.fa-globe {
  font-size: 26px;
  margin-top: 2px;
  padding-right: 10px;
}
.twitter {
  display: inline;
}
.bottom-row-2 {
  width: 63%;
  position: absolute;
  bottom: 50px;
  left: 100px;
  height: 30px;
  border: 0px solid black;
}
.bottom-row-3 {
  width: 35%;
  position: absolute;
  bottom: 60px;
  right: 100px;
  height: 65px;
  border: 0px solid black;
  direction: rtl;
}

/* -------------------------------------------------------------------------------21/12/2020------------------------------------------------------------------------------- */
/* ---------------------------------------refund-popup issue------------------------------------------- */
.panel-group,
.panel.panel-default,
.panel-heading.accordion-toggle.question-toggle.collapsed,
h4.panel-title,
h4.panel-title a.ing {
  cursor: pointer;
}

/* --------------------------------------------------------------------------------01/01/2021------------------------------------------------------------------------------- */
/* --------------------------------FAQ page---------------------------------------- */
h1.tt-title-lg.text-center.title-sub-page {
  color: #ed6925;
  margin: 25px 0px;
}

.panel-default > .panel-heading {
  color: #fff !important;
  background-color: #de6033 !important;
  border-color: #ddd !important;
}

.panel-default > .panel-heading h4.panel-title {
  direction: rtl;
  text-align: right;
}

/* --------------------------------------------------------------------------------11-01-2021------------------------------------------------------------------------------ */
/* ----------------------------------------Driving programme begginer page-------------------------------------------- */
.road-map-image {
  position: relative;
}

.main-road-image {
  position: relative;
}

@media (min-width: 1200px) {
  .Begginer-programme .container {
    max-width: 1350px !important;
  }
}

.main-road-image img {
  display: block;
  margin: auto;
}

.demo-tooltip-box {
  position: absolute;
  width: 9%;
  height: 8%;
  cursor: pointer;
}

.demo-tooltip-box.sub-tooltip-box-1 {
  top: 23%;
  right: 28.5%;
}

.demo-tooltip-box.sub-tooltip-box-2 {
  top: 23%;
  right: 43%;
}

.demo-tooltip-box.sub-tooltip-box-3 {
  top: 23%;
  right: 57.5%;
}

.demo-tooltip-box.sub-tooltip-box-4 {
  top: 23%;
  right: 73%;
}

.demo-tooltip-box.sub-tooltip-box-5 {
  top: 46%;
  right: 25.5%;
}

.demo-tooltip-box.sub-tooltip-box-6 {
  top: 46%;
  right: 39%;
}

.demo-tooltip-box.sub-tooltip-box-7 {
  top: 46%;
  right: 57.5%;
}

.demo-tooltip-box.sub-tooltip-box-8 {
  top: 46%;
  right: 71%;
}

.demo-tooltip-box.sub-tooltip-box-9 {
  bottom: 24%;
  right: 25%;
}

.demo-tooltip-box.sub-tooltip-box-10 {
  bottom: 10%;
  left: 32%;
  width: 12%;
  height: 12%;
}

.demo-tooltip-box.sub-tooltip-box-11 {
  bottom: 42%;
  left: 44%;
}

.demo-tooltip-box.sub-tooltip-box-12 {
  bottom: 30%;
  right: 34%;
}

.demo-tooltip-box.sub-tooltip-box-13 {
  bottom: 19%;
  left: 44%;
}

.tooltip-box-popup {
  transform: translateY(50px);
}

.tooltip-box-popup {
  background: white;
  border: medium none;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  display: none;
  right: -142%;
  padding: 10px 30px 35px;
  position: relative;
  top: 28%;
  width: 390px;
}

.demo-tooltip-box:hover .tooltip-box-popup {
  display: block !important;
  opacity: 1;
}

.tooltip-box-popup::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0 20px 20px;
  content: "";
  height: 0;
  left: 29px;
  margin: auto;
  position: absolute;
  right: auto;
  top: -19px;
  width: 0;
  z-index: 99999;
}

.tooltip-box-popup p,
.tooltip-box-popup {
  font-weight: normal;
  color: #666666;
  font-size: 17px;
  line-height: 1.5;
}

/* .sub-tooltip-box-1 .tooltip-box-popup,
.sub-tooltip-box-2 .tooltip-box-popup,
.sub-tooltip-box-3 .tooltip-box-popup,
.sub-tooltip-box-4 .tooltip-box-popup,
.sub-tooltip-box-5 .tooltip-box-popup,
.sub-tooltip-box-6 .tooltip-box-popup,
.sub-tooltip-box-7 .tooltip-box-popup,
.sub-tooltip-box-8 .tooltip-box-popup {
    top: -180px;
} */

.sub-tooltip-box-1 .tooltip-box-popup::before,
.sub-tooltip-box-2 .tooltip-box-popup::before,
.sub-tooltip-box-3 .tooltip-box-popup::before,
.sub-tooltip-box-4 .tooltip-box-popup::before,
.sub-tooltip-box-5 .tooltip-box-popup::before,
.sub-tooltip-box-6 .tooltip-box-popup::before,
.sub-tooltip-box-7 .tooltip-box-popup::before,
.sub-tooltip-box-8 .tooltip-box-popup::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0 20px 20px;
  content: "";
  height: 0;
  left: 45%;
  margin: auto;
  position: absolute;
  right: auto;
  top: -20px;
  width: 0;
  z-index: 99999;
}

.demo-tooltip-box .tooltip-box-popup img {
  position: absolute;
}

.demo-tooltip-box.sub-tooltip-box-1 .tooltip-box-popup img,
.demo-tooltip-box.sub-tooltip-box-2 .tooltip-box-popup img,
.demo-tooltip-box.sub-tooltip-box-3 .tooltip-box-popup img,
.demo-tooltip-box.sub-tooltip-box-4 .tooltip-box-popup img,
.demo-tooltip-box.sub-tooltip-box-5 .tooltip-box-popup img,
.demo-tooltip-box.sub-tooltip-box-6 .tooltip-box-popup img,
.demo-tooltip-box.sub-tooltip-box-7 .tooltip-box-popup img,
.demo-tooltip-box.sub-tooltip-box-8 .tooltip-box-popup img {
  bottom: -50px;
  left: 37%;
}

.demo-tooltip-box.sub-tooltip-box-9 .tooltip-box-popup img {
  bottom: -50px;
  left: 37%;
}

.demo-tooltip-box.sub-tooltip-box-9 .tooltip-box-popup {
  padding: 10px 30px 35px;
}

.demo-tooltip-box.sub-tooltip-box-10 .tooltip-box-popup {
  right: -95% !important;
  top: 60% !important;
  padding: 10px 30px 10px;
}

.demo-tooltip-box.sub-tooltip-box-10 .tooltip-box-popup::before {
  left: 45%;
  top: -20px;
}

@media only screen and (max-width: 1100px) {
  .tooltip-box-popup {
    /* right: -199%; */
  }
  .demo-tooltip-box.sub-tooltip-box-2 {
    right: 45%;
  }
  .demo-tooltip-box.sub-tooltip-box-3 {
    right: 62.5%;
  }
  .demo-tooltip-box.sub-tooltip-box-4 {
    right: 80%;
  }
  .demo-tooltip-box.sub-tooltip-box-5 {
    right: 23.5%;
  }
  .demo-tooltip-box.sub-tooltip-box-7 {
    right: 62.5%;
  }
  .demo-tooltip-box.sub-tooltip-box-8 {
    right: 78%;
  }
  .demo-tooltip-box.sub-tooltip-box-10 {
    left: 27%;
  }
}

@media only screen and (max-width: 1024px) {
  .main-road-image > img {
    width: 100%;
  }
}

@media only screen and (max-width: 990px) {
  .main-road-image > img {
    width: 95%;
  }
}

/* ------------------------------------------------------------------------------------- 13-01-2021 ------------------------------------------------------------------------------------- */
.left-update-pic .profile-imge .updated-remaining-time {
  background: url(../images/clocky.png) no-repeat center;
  background-size: contain;
  height: 176px;
  text-align: center;
  margin: auto;
  display: block;
}

.left-update-pic .profile-imge .updated-remaining-time .remainingTime-class {
  font-size: 24px;
  padding: 5px 5px;
  margin-top: 60px;
  display: inline-block;
  color: #fff;
  background-color: #de6033;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}

.left-update-pic .profile-imge .updated-remaining-time label {
  font-weight: 500;
  display: block;
  margin-top: 75px;
  font-size: 16px;
  color: #de6033;
}

.left-update-pic .profile-imge .updated-remaining-time label i {
  padding: 0px 5px;
}

@media only screen and (max-width: 567px) {
  .acc-left-consec .col-lg-9.col-md-9.col-sm-9.col-xs-12.nav-tab-right {
    margin-top: 50px;
  }
}

/* ----------------------------------------------------------------------------------------- 18-01-2021 ----------------------------------------------------------------------------------------- */
.inp__control {
  font-family: auto;
}

/* ----------------------------------- changes for account page clock ----------------------------------- */
.left-update-pic .profile-imge .updated-remaining-time .remainingTime-class {
  width: 90px;
}

.left-update-pic .profile-imge .updated-clock-time label {
  text-align: center;
}

/* ----------------------------------------------------------------------------------------- 19-01-2021 ----------------------------------------------------------------------------------------- */
/* ------------------------- Design of more button in contactus page ------------------------- */
.news-artical.products.blog.single-post .row .contact-us-more-btn {
  padding: 8px 25px;
  background-color: #ed6925;
  color: #fff;
  margin-right: 16px;
  border-radius: 3px;
  margin-top: 10px;
  border: 1px solid #ddd;
}

.news-artical.products.blog.single-post .row .contact-us-more-btn a {
  color: #fff;
  font-size: 16px;
}

/* ----------------------------------------------------------------------------------------- 20-01-2021 ----------------------------------------------------------------------------------------- */
/* ------------------------- Design of training-path image page ------------------------- */

section.New-training-path {
  height: 100vh;
  position: relative;
  margin-top: 100px;
}

.main-traffic-img {
  max-width: 1350px;
  margin: auto;
  display: block;
  position: relative;
}

.main-traffic-img.training-path-img > .arabic-version-img {
  width: 1100px;
  margin: auto;
  display: block;
}

.main-traffic-img.training-path-img > .english-version-img {
  display: none;
}

.text-blocks-data {
  position: absolute;
}

.text-blocks-position {
  position: absolute;
  transition-duration: 0.6s;
}

.text-blocks-position > img {
  width: 55px;
  display: block;
  margin: auto;
}

.text-blocks-position.text-blocks-data-1 {
  top: 3%;
  right: 63%;
}

.text-blocks-position.text-blocks-data-1 img {
  width: 55px;
  margin: auto;
  display: block;
}

.text-blocks-position > p {
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 600;
}

.text-blocks-position.text-blocks-data-2 {
  top: 22%;
  right: 67%;
}

.text-blocks-position.text-blocks-data-2 img {
  width: 90px;
  display: block;
  margin: auto;
}

.text-blocks-position.text-blocks-data-3 {
  top: 29%;
  right: 53.5%;
}

.text-blocks-position.text-blocks-data-4 {
  top: 29%;
  left: 52%;
}

.text-blocks-position.text-blocks-data-5 {
  top: 54%;
  left: 65%;
}

.text-blocks-position.text-blocks-data-6 {
  bottom: -18.5%;
  left: 59%;
}

.text-blocks-position.text-blocks-data-6 > img {
  transform: scaleX(-1);
  width: 345px;
  display: block;
  margin: auto;
}

.text-blocks-position.text-blocks-data-6 > p {
  display: inline-block;
  position: relative;
}

.sub-text-blocks-data-6 {
  display: inline-block;
}

.sub-text-blocks-data-6 p {
  display: inline;
  position: relative;
  font-weight: 600;
}

.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(1) {
  top: -138px;
  left: 95px;
  font-size: 20px;
  color: #04376c;
}
.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(2) {
  top: -138px;
  left: 200px;
  font-size: 20px;
}
.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(3) {
  top: -50px;
  left: -159px;
  font-size: 20px;
}
.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(4) {
  top: -50px;
  left: -5px;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-7 {
  bottom: 13%;
  left: 45%;
}

.text-blocks-position.text-blocks-data-8 {
  right: 64%;
  bottom: -13.5%;
}

.text-blocks-position.text-blocks-data-8 img {
  transform: scaleX(-1);
  width: 360px;
  display: block;
  margin: auto;
}

.sub-text-blocks-data-8 {
  display: inline-block;
}

.sub-text-blocks-data-8 p {
  display: inline;
  position: relative;
  font-weight: 600;
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(1) {
  bottom: 145px;
  left: 140px;
  font-size: 20px;
}
.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(2) {
  bottom: 105px;
  left: 170px;
  font-size: 16px;
}
.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(3) {
  bottom: 105px;
  left: -160px;
  color: #04376c;
  font-size: 20px;
}
.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(4) {
  bottom: 30px;
  left: 11px;
  font-size: 20px;
}
.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(5) {
  bottom: 30px;
  left: -205px;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-9 {
  right: 73%;
  bottom: 32%;
}

.text-blocks-position:hover {
  transform: scale(1.1);
  transition-duration: 0.3s;
}

.road-map-image {
  position: relative;
}

.main-road-image {
  position: relative;
}

@media (min-width: 1200px) {
  .Begginer-programme .container {
    max-width: 1350px;
  }
}

.main-road-image img {
  display: block;
  margin: auto;
}

.demo-tooltip-box-new {
  position: absolute;
  width: 9%;
  height: 13%;
  cursor: pointer;
}

.demo-tooltip-box-new.sub-new-tooltip-box-1 {
  top: 7%;
  right: 31.5%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-2 {
  top: 7%;
  right: 51%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-3 {
  top: 30%;
  right: 58.5%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-4 {
  top: 41%;
  right: 51%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-5 {
  top: 85%;
  right: 48.5%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-6 {
  top: 81%;
  right: 36%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-7 {
  top: 53%;
  right: 33.5%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-8 {
  top: 66%;
  right: 43%;
  width: 5%;
  height: 9%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-8 .tooltip-box-popup-new {
  right: -137px;
}

.demo-tooltip-box-new.sub-new-tooltip-box-9 {
  top: 97%;
  right: 58%;
  width: 7%;
  height: 11%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-10 {
  bottom: 15%;
  left: 34%;
  width: 7%;
  height: 11%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-11 {
  bottom: 42%;
  left: 44%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-12 {
  bottom: 30%;
  right: 34%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-13 {
  bottom: 19%;
  left: 44%;
}

.tooltip-box-popup-new {
  transform: translateY(89px);
}

.tooltip-box-popup-new {
  background: white;
  border: medium none;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  display: none;
  right: -130px;
  padding: 10px 30px 35px;
  position: relative;
  top: 28%;
  width: 390px;
}

.demo-tooltip-box-new:hover .tooltip-box-popup-new {
  display: block !important;
  opacity: 1;
}

.tooltip-box-popup-new::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0 20px 20px;
  content: "";
  height: 0;
  left: 29px;
  margin: auto;
  position: absolute;
  right: auto;
  top: -19px;
  width: 0;
  z-index: 99999;
}

.tooltip-box-popup-new p,
.tooltip-box-popup-new {
  font-weight: normal;
  color: #666666;
  font-size: 17px;
  line-height: 1.5;
}

/* .sub-new-tooltip-box-1 .tooltip-box-popup-new,
.sub-new-tooltip-box-2 .tooltip-box-popup-new,
.sub-new-tooltip-box-3 .tooltip-box-popup-new,
.sub-new-tooltip-box-4 .tooltip-box-popup-new,
.sub-new-tooltip-box-5 .tooltip-box-popup-new,
.sub-new-tooltip-box-6 .tooltip-box-popup-new,
.sub-new-tooltip-box-7 .tooltip-box-popup-new,
.sub-new-tooltip-box-8 .tooltip-box-popup-new {
    top: -180px;
} */

.sub-new-tooltip-box-1 .tooltip-box-popup-new::before,
.sub-new-tooltip-box-2 .tooltip-box-popup-new::before,
.sub-new-tooltip-box-3 .tooltip-box-popup-new::before,
.sub-new-tooltip-box-4 .tooltip-box-popup-new::before,
.sub-new-tooltip-box-5 .tooltip-box-popup-new::before,
.sub-new-tooltip-box-6 .tooltip-box-popup-new::before,
.sub-new-tooltip-box-7 .tooltip-box-popup-new::before,
.sub-new-tooltip-box-8 .tooltip-box-popup-new::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-radius: 0;
  border-style: solid;
  border-width: 0 20px 20px;
  content: "";
  height: 0;
  left: 45%;
  margin: auto;
  position: absolute;
  right: auto;
  top: -20px;
  width: 0;
  z-index: 99999;
}

.demo-tooltip-box-new .tooltip-box-popup-new img {
  position: absolute;
}

.demo-tooltip-box-new.sub-new-tooltip-box-1 .tooltip-box-popup-new img,
.demo-tooltip-box-new.sub-new-tooltip-box-2 .tooltip-box-popup-new img,
.demo-tooltip-box-new.sub-new-tooltip-box-3 .tooltip-box-popup-new img,
.demo-tooltip-box-new.sub-new-tooltip-box-4 .tooltip-box-popup-new img,
.demo-tooltip-box-new.sub-new-tooltip-box-5 .tooltip-box-popup-new img,
.demo-tooltip-box-new.sub-new-tooltip-box-6 .tooltip-box-popup-new img,
.demo-tooltip-box-new.sub-new-tooltip-box-7 .tooltip-box-popup-new img,
.demo-tooltip-box-new.sub-new-tooltip-box-8 .tooltip-box-popup-new img {
  bottom: -50px;
  left: 37%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-9 .tooltip-box-popup-new img {
  bottom: -50px;
  left: 37%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-9 .tooltip-box-popup-new {
  padding: 10px 30px 35px;
}

.demo-tooltip-box-new.sub-new-tooltip-box-10 .tooltip-box-popup-new {
  right: -127px !important;
  top: 60% !important;
  padding: 10px 30px 10px;
  transform: translateY(70px);
}

.demo-tooltip-box-new.sub-new-tooltip-box-10 .tooltip-box-popup-new::before {
  left: 45%;
  top: -20px;
}

@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1024px) {
  .main-traffic-img.training-path-img > .arabic-version-img {
    width: 90%;
  }
  .text-blocks-position > img {
    width: 45px;
  }
  .text-blocks-position > p {
    font-size: 12px;
  }
  .text-blocks-position.text-blocks-data-1 img {
    width: 45px;
  }
  .text-blocks-position.text-blocks-data-2 img {
    width: 70px;
  }
  .text-blocks-position.text-blocks-data-8 img {
    width: 250px;
  }
  .text-blocks-position.text-blocks-data-8 .sub-text-blocks-data-8 > p {
    font-size: 14px !important;
  }
  .text-blocks-position.text-blocks-data-6 > img {
    width: 245px;
  }
  .text-blocks-position.text-blocks-data-6 .sub-text-blocks-data-6 > p {
    font-size: 14px !important;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -95px;
    left: 68px;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -98px;
    left: 150px;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -40px;
    left: -115px;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -40px;
    left: -5px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 70px;
    left: 130px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(1) {
    bottom: 95px;
    left: 120px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    bottom: 70px;
    left: -130px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    bottom: 22px;
    left: -2px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 20px;
    left: -155px;
  }
}
@media only screen and (max-width: 768px) {
  .text-blocks-position.text-blocks-data-2 img {
    width: 60px;
  }
  .text-blocks-position.text-blocks-data-3 {
    top: 24%;
    right: 53.5%;
  }
  .text-blocks-position.text-blocks-data-4 {
    top: 25%;
    left: 52%;
  }
  .text-blocks-position.text-blocks-data-1 {
    top: 3%;
    right: 66%;
  }
  .text-blocks-position.text-blocks-data-8 {
    right: 64%;
    bottom: -20.5%;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 70px;
    left: 110px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    bottom: 42px;
    left: 233px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 40px;
    left: 82px;
  }
  section.New-training-path {
    height: 70vh;
  }
}
@media only screen and (max-width: 567px) {
  section.New-training-path {
    height: 50vh;
  }
  .text-blocks-position.text-blocks-data-1 img {
    width: 30px;
  }
  .text-blocks-position > img {
    width: 30px;
  }
  .text-blocks-position > p {
    font-size: 10px;
  }
  .text-blocks-position.text-blocks-data-2 img {
    width: 40px;
  }
  .text-blocks-position.text-blocks-data-8 img {
    width: 150px;
  }
  .text-blocks-position.text-blocks-data-8 .sub-text-blocks-data-8 > p {
    font-size: 10px !important;
  }
  .text-blocks-position.text-blocks-data-6 > img {
    width: 145px;
  }
  .text-blocks-position.text-blocks-data-6 .sub-text-blocks-data-6 > p {
    font-size: 10px !important;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -29px;
    left: -25px;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -28px;
    left: -87px;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -61px;
    left: 80px;
  }
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -61px;
    left: 38px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 35px;
    left: 82px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    bottom: 19px;
    left: -27px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    bottom: 46px;
    left: -90px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 47px;
    left: 77px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(1) {
    bottom: 63px;
    left: 73px;
  }
}
@media only screen and (max-width: 425px) {
  .text-blocks-position > img {
    width: 25px;
  }

  .text-blocks-position.text-blocks-data-2 img {
    width: 30px;
  }

  .text-blocks-position.text-blocks-data-1 img {
    width: 25px;
  }
  .text-blocks-position.text-blocks-data-1 {
    top: -3%;
    right: 65%;
  }
  .text-blocks-position.text-blocks-data-3 {
    top: 21%;
    right: 52.5%;
  }
  .text-blocks-position.text-blocks-data-4 {
    top: 21%;
    left: 49%;
  }
  .text-blocks-position.text-blocks-data-5 {
    top: 49%;
    left: 66%;
  }
  .text-blocks-position.text-blocks-data-6 {
    bottom: -32.5%;
    left: 59%;
  }
  .text-blocks-position.text-blocks-data-8 {
    right: 55%;
    bottom: -40.5%;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    bottom: 34px;
    left: 153px;
  }
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 35px;
    left: 56px;
  }
  .text-blocks-position.text-blocks-data-9 {
    right: 73%;
    bottom: 23%;
  }
}

/* ----------------------------------- changes for account page clock ----------------------------------- */
.left-update-pic .profile-imge .updated-remaining-time .remainingTime-class {
  font-size: 20px;
  height: 60px;
}

/* --------------------------------------------------------------------------------------- 21-01-2021 --------------------------------------------------------------------------------------- */
/* ---------------------------------- FAQ page search bar ---------------------------------- */
.container-indent .container .FAQ-searchbar {
  display: flex;
  align-content: flex-end;
  justify-content: flex-end;
  margin-top: -60px;
  margin-bottom: 50px;
}

.container-indent .container .FAQ-searchbar input[type="search"] {
  border: 1px solid #ddd;
  padding: 5px 10px;
  border-radius: 3px;
  width: 300px;
}

/* ---------------------------------- Changes on Training path ---------------------------------- */
.text-blocks-position.text-blocks-data-8 img {
  transform: scaleX(-1) translateY(32px);
}

.demo-tooltip-box-new.sub-new-tooltip-box-8 {
  top: 32%;
  right: 43%;
  width: 5%;
  height: 9%;
}

.text-blocks-position.text-blocks-data-3 {
  top: 29%;
  right: 50.5%;
}

.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(1) {
  top: -138px;
  left: 20px;
  font-size: 20px;
  color: #04376c;
}

.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(2) {
  top: -133px;
  left: -81px;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(3) {
  top: -50px;
  left: -69px;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(4) {
  top: -53px;
  left: 182px;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(1) {
  bottom: 145px;
  left: -234px;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(2) {
  bottom: 105px;
  left: -44px;
  font-size: 16px;
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(3) {
  bottom: 105px;
  left: -110px;
  color: #04376c;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(4) {
  bottom: 35px;
  left: 287px;
  font-size: 20px;
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(5) {
  bottom: 40px;
  left: 180px;
  font-size: 20px;
}

.demo-tooltip-box-new.sub-new-tooltip-box-9 {
  top: 63%;
  right: 58%;
  width: 7%;
  height: 11%;
}

.demo-tooltip-box-new.sub-new-tooltip-box-10 {
  bottom: 48%;
  left: 34%;
  width: 7%;
  height: 11%;
}

@media only screen and (max-width: 1024px) {
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(1) {
    bottom: 90px;
    left: -177px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 65px;
    left: -32px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    bottom: 63px;
    left: -70px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    bottom: 15px;
    left: 212px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 15px;
    left: 140px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -98px;
    left: 10px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -93px;
    left: -59px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -40px;
    left: -50px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -40px;
    left: 130px;
  }
}

@media only screen and (max-width: 768px) {
  .text-blocks-position.text-blocks-data-3 {
    top: 23%;
    right: 48.5%;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(1) {
    bottom: 90px;
    left: -117px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 65px;
    left: 21px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    bottom: 63px;
    left: 10px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    bottom: 35px;
    left: 182px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 35px;
    left: 110px;
  }
}

@media only screen and (max-width: 567px) {
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 18px;
    left: 83px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    bottom: 19px;
    left: 119px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    bottom: 29px;
    left: 10px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 28px;
    left: 21px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(1) {
    bottom: 45px;
    left: -82px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -60px;
    left: -12px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -59px;
    left: -42px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -27px;
    left: -29px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -27px;
    left: 81px;
  }
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(1) {
  bottom: 145px;
  left: -234px;
  font-size: 20px;
  color: #fff;
}

/* ------------------------------------------------------------------------------------- 01-01-2021 ------------------------------------------------------------------------------------- */
.new-opening-image-section,
.new-opening-image-section img {
  width: 100%;
  height: auto;
}

/* ------------------------------------------------------------------------------------- 08-02-2021 ------------------------------------------------------------------------------------- */
.driving-program-img img {
  width: 100%;
}

/* -------------------------------------------------------------------------------11/01/2021------------------------------------------------------------------------------- */
/* ---------------------------------------mobile friendly issue------------------------------------------- */
.home-banner-new {
  background-size: contain;
}

.tt-layout-01 .container .row .col-md-6 .tt-img img {
  margin-left: 0px;
}

#tt-header .tt-header-bottom .btnlast ul li .btn {
  color: #ed6925 !important;
  font-size: 11px;
  height: 43px;
  padding: 15px 20px !important;
}

.tt-promo-01 .col-info {
  background: none;
}

.tt-carusel button.slick-prev.slick-arrow,
.tt-carusel button.slick-next.slick-arrow,
.tt-news-carousel button.slick-next.slick-arrow,
.tt-news-carousel button.slick-prev.slick-arrow {
  background-color: #fff;
  color: #ec6d28;
  border: 0px solid #ec6d28;
  /* -webkit-box-shadow: 0 4px 5px 0 rgba(252, 126, 86, 0.24);
    box-shadow: 0 4px 5px 0 rgba(252, 126, 86, 0.24); */
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 25px;
}

.tt-layout-01 .right-text-arabic .row-btn a.btn {
  color: #ec6828;
  padding: 10px 20px;
}

#tt-header .tt-social-icon {
  margin: 4px -60px 0 0;
}

@media (max-width: 1100px) {
  .home-banner-new {
    height: 405px;
  }
  .container-indent.container-fluid-md.container-indent1-md
    .container
    .tt-promo-01 {
    padding: 10px 10px 25px 10px;
  }
}

@media (max-width: 901px) {
  .home-banner-new {
    height: 335px;
  }
}

@media (max-width: 769px) {
  .home-banner-new {
    height: 285px;
  }
}

@media (max-width: 568px) {
  .home-banner-new {
    height: 210px;
  }
  .container-indent.container-fluid-md.container-indent1-md
    .container
    .tt-promo-01 {
    padding: 10px;
  }
  .tt-header-bottom .col-3.btnlast {
    bottom: 37px !important;
    position: absolute !important;
    padding-bottom: 0 !important;
    left: -55px !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none;
    right: inherit !important;
  }
}

@media (max-width: 481px) {
  .home-banner-new {
    height: 180px;
  }
  #tt-header .tt-header-bottom .btnlast ul li .btn {
    height: 28px;
    min-width: 70px !important;
    font-size: 9px !important;
  }
  #tt-header .tt-header-bottom .btnlast ul li .btn {
    padding: 8px 20px !important;
  }
}

@media (max-width: 426px) {
  #tt-header .tt-header-bottom .btnlast ul li .btn {
    padding: 8px 10px !important;
  }
}

@media (max-width: 376px) {
  .container-indent.container-fluid-md.container-indent1-md
    .container
    .tt-promo-01 {
    padding: 10px 10px 75px 10px;
  }
  .home-banner-new {
    height: 120px;
  }
  #tt-header .tt-social-icon {
    margin: 4px 9px -29px 0;
  }
  .tt-promo-01 .col-info .description {
    padding: 60px 0px 0px 0;
    font-size: 24px;
  }
}

@media (max-width: 321px) {
  #tt-header .tt-social-icon {
    margin: 18px -60px -46px 0;
  }
}

/* ------------------------------------------------------------------------------------------ 12-01-2021 ------------------------------------------------------------------------------------------ */

.tt-carusel button.slick-prev.slick-arrow,
.tt-news-carousel button.slick-prev.slick-arrow {
  text-indent: -10000px;
  background: url(../images/left-arrow-orange.png) no-repeat center;
  background-size: 20px 20px;
}

.tt-carusel button.slick-next.slick-arrow,
.tt-news-carousel button.slick-next.slick-arrow {
  text-indent: -10000px;
  background: url(../images/right-arrow-orange.png) no-repeat center;
  background-size: 20px 20px;
  position: absolute;
  top: 0px;
  left: 30px;
}

@media only screen and (max-width: 568px) {
  .tt-promo-01 .col-info .description {
    font-size: 24px;
  }
  h3.tt-title-lg.text-center {
    font-size: 24px;
  }
  h2.tt-title-md.text-center {
    font-size: 24px !important;
  }
}

/* ---------------------------------------------------------------------------- 08-02-2021 ---------------------------------------------------------------------------- */
.asses-type-top h3 {
  background: #de6033;
  display: inline-block;
  margin-top: 0;
  padding: 10px 20px;
  width: 100%;
  color: #fff;
  font-size: 20px;
  margin-bottom: 17px;
  text-align: right;
}

.assess-page {
  display: inline-block;
  width: 100%;
  padding: 8px 23px;
}

.assess-page span {
  display: inline-block;
  width: 100%;
  padding-bottom: 7px;
  font-size: 18px;
  text-align: right;
}

/* --------------------------------------------------------------------------------------- 25-01-2021 --------------------------------------------------------------------------------------- */
.tooltip-box-popup-new p,
.tooltip-box-popup-new {
  text-align: right;
}

.text-blocks-position.text-blocks-data-6
  .sub-text-blocks-data-6
  p:nth-child(2) {
  font-size: 16px;
  left: -61px;
}

.text-blocks-position.text-blocks-data-8
  .sub-text-blocks-data-8
  p:nth-child(2) {
  bottom: 110px;
}

@media only screen and (max-width: 1299px) {
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 287px;
  }
}

@media only screen and (max-width: 1250px) {
  .text-blocks-position.text-blocks-data-2 {
    right: 69%;
  }

  .text-blocks-position.text-blocks-data-1 {
    top: 0%;
    right: 62%;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    bottom: 70px;
    left: 170px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 347px;
  }
}

@media only screen and (max-width: 1199px) {
  .text-blocks-position.text-blocks-data-9 {
    right: 80%;
    bottom: 40%;
  }

  .text-blocks-position.text-blocks-data-5 {
    top: 45%;
    left: 70%;
  }

  .text-blocks-position.text-blocks-data-8 {
    right: 70%;
    bottom: -18%;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 110px;
    left: 25px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    left: -20px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    left: 130px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 247px;
    bottom: 65px;
  }

  .text-blocks-position.text-blocks-data-2 {
    right: 70%;
  }
}

@media only screen and (max-width: 1100px) {
  section.New-training-path {
    margin-top: 0;
    height: 830px;
  }
}

@media only screen and (max-width: 1099px) {
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 65px;
    left: -35px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    left: 140px;
    bottom: 20px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 207px;
    bottom: 15px;
  }

  .text-blocks-position.text-blocks-data-9 {
    right: 75%;
    bottom: 40%;
  }

  .text-blocks-position.text-blocks-data-8 {
    right: 63%;
    bottom: -13%;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    left: -80px;
  }

  .text-blocks-position.text-blocks-data-5 {
    top: 45%;
    left: 68%;
  }
}

@media only screen and (max-width: 999px) {
  .text-blocks-position.text-blocks-data-3,
  .text-blocks-position.text-blocks-data-4 {
    top: 24%;
  }

  .text-blocks-position > p,
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    font-size: 10px !important;
    font-weight: 400;
  }

  .text-blocks-position.text-blocks-data-1 {
    top: -5%;
    right: 60%;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    left: 5px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    left: -70px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    left: 95px;
    bottom: 20px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 187px;
    bottom: 20px;
  }

  .text-blocks-position.text-blocks-data-8 {
    right: 67%;
    bottom: -13%;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -95px;
    left: 90px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -93px;
    left: -9px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -40px;
    left: -25px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -35px;
    left: 140px;
  }
}

@media only screen and (max-width: 991px) {
  section.New-training-path {
    margin-top: 0;
    height: 700px;
  }
}

@media only screen and (max-width: 799px) {
  .text-blocks-position.text-blocks-data-2 {
    right: 68%;
  }
}

@media only screen and (max-width: 768px) {
  section.New-training-path {
    height: 530px;
  }
}

@media only screen and (max-width: 700px) {
  section.New-training-path {
    height: 480px;
  }
}

@media only screen and (max-width: 699px) {
  .text-blocks-position > img {
    width: 35px;
  }

  .text-blocks-position.text-blocks-data-2 img {
    width: 50px;
  }

  .text-blocks-position.text-blocks-data-8 img {
    width: 200px;
  }

  .text-blocks-position.text-blocks-data-6 > img {
    width: 200px;
  }

  .text-blocks-position.text-blocks-data-1 img {
    width: 35px;
  }

  .text-blocks-position.text-blocks-data-8 {
    right: 65%;
    bottom: -18%;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    left: -20px;
    bottom: 48px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    bottom: 50px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    left: 80px;
    bottom: 30px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 180px;
    bottom: 10px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -80px;
    left: -19px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -35px;
    left: -25px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -35px;
    left: 110px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -79px;
    left: 45px;
    color: #04376c;
  }
}

@media only screen and (max-width: 600px) {
  section.New-training-path {
    height: 420px;
  }
}

@media only screen and (max-width: 599px) {
  .text-blocks-position > p,
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    font-size: 8px !important;
    font-weight: 400;
  }

  .text-blocks-position.text-blocks-data-2 img {
    width: 30px;
  }

  .text-blocks-position > img {
    width: 25px;
  }

  .text-blocks-position.text-blocks-data-1 img {
    width: 25px;
  }

  .text-blocks-data-8 p:nth-child(3) {
    left: -40px;
    bottom: 48px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    left: 80px;
    bottom: 10px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 155px;
    bottom: 10px;
  }

  .text-blocks-position.text-blocks-data-6 > img {
    width: 180px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -70px;
    left: -10px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -73px;
    left: 55px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -32px;
    left: 104px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -30px;
    left: -22px;
  }

  .text-blocks-position.text-blocks-data-6 {
    bottom: -25.5%;
    left: 59%;
  }
}

@media only screen and (max-width: 500px) {
  section.New-training-path {
    height: 350px;
  }
}

@media only screen and (max-width: 499px) {
  .text-blocks-position > img {
    width: 20px;
  }

  .text-blocks-position.text-blocks-data-1 img {
    width: 20px;
  }

  .text-blocks-position.text-blocks-data-2 img {
    width: 20px;
  }

  .text-blocks-position.text-blocks-data-6 > img {
    width: 160px;
  }

  .text-blocks-position.text-blocks-data-8 img {
    width: 160px;
  }

  .text-blocks-position.text-blocks-data-3,
  .text-blocks-position.text-blocks-data-4 {
    top: 21%;
  }

  .text-blocks-position.text-blocks-data-3 {
    top: 23%;
    right: 46.5%;
  }

  .text-blocks-position.text-blocks-data-4 {
    top: 21%;
    left: 54%;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -65px;
    left: -20px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -66px;
    left: 35px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -27px;
    left: 90px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    left: 25px;
    bottom: 35px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    left: 0px;
    bottom: 33px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    left: 60px;
    bottom: 22px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 115px;
    bottom: 20px;
  }

  .text-blocks-position.text-blocks-data-1 {
    top: -7%;
    right: 61%;
  }
}

@media only screen and (max-width: 400px) {
  section.New-training-path {
    height: 320px;
  }
}

@media only screen and (max-width: 399px) {
  .text-blocks-position > p,
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    font-size: 6px !important;
    font-weight: 400;
  }

  .text-blocks-position.text-blocks-data-6 > img,
  .text-blocks-position.text-blocks-data-8 img {
    width: 100px;
  }

  .text-blocks-position.text-blocks-data-8 {
    right: 53%;
    bottom: -33%;
  }

  .text-blocks-position.text-blocks-data-6 {
    bottom: -41.5%;
    left: 56%;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3) {
    left: -5px;
    bottom: 15px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5) {
    left: 60px;
    bottom: 13px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4) {
    left: 109px;
    bottom: -5px;
  }

  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2) {
    left: 5px;
    bottom: 15px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2) {
    top: -45px;
    left: -20px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    top: -46px;
    left: 4px;
    color: #04376c;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3) {
    top: -20px;
    left: -17px;
  }

  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4) {
    top: -22px;
    left: 52px;
  }

  .text-blocks-position > img {
    width: 15px;
  }

  .text-blocks-position > p,
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-8
    .sub-text-blocks-data-8
    p:nth-child(5),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(3),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(4),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(2),
  .text-blocks-position.text-blocks-data-6
    .sub-text-blocks-data-6
    p:nth-child(1) {
    margin-top: 0;
  }

  .text-blocks-position.text-blocks-data-9 {
    right: 75%;
    bottom: 30%;
  }
}

@media only screen and (max-width: 300px) {
  section.New-training-path {
    height: 240px;
  }
}

/* --------------------------------------------------------------------------- 17-02-2021 --------------------------------------------------------------------------- */
.container-fluid.features-bg h2 {
  color: #ed6925 !important;
  text-align: right;
}

.container .Statistics {
  margin: 60px 0;
}

.Statistics-table.table-responsive {
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  width: 90%;
  margin: auto;
}

.Statistics .Statistics-table th {
  border-bottom: none;
}

.Statistics .Statistics-table .table {
  text-align: center;
  background-color: #f6f6f6;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.Statistics .Statistics-table .table th {
  text-align: center;
  vertical-align: middle;
  background-color: #ed6925;
  color: #fff;
}

.Statistics .Statistics-table .table th p {
  width: 70%;
  margin: auto;
  font-weight: normal;
  font-size: 16px;
}

.Statistics .Statistics-table .table > thead > tr {
  height: 100px;
}

.Statistics .Statistics-table .table > thead > tr > th:first-child {
  width: 12%;
  font-weight: 600;
  font-size: 20px;
}

.Statistics .Statistics-table .table > thead > tr > th:nth-child(2) {
  width: 60%;
  font-weight: 600;
  font-size: 20px;
}

.Statistics .Statistics-table .table > tbody > tr {
  height: 60px;
}

.Statistics .Statistics-table .table > tbody > tr:last-child {
  height: 80px;
}

.Statistics .Statistics-table .table > tbody > tr > td,
.Statistics .Statistics-table .table > thead > tr > th {
  border-left: 1px solid #d9d9d9;
}

.Statistics .Statistics-table .table > tbody > tr > td:last-child,
.Statistics .Statistics-table .table > thead > tr > th:last-child {
  border-left: 0;
  text-align: center;
}

.Statistics .Statistics-table .table > tbody > tr > td:first-child,
.Statistics .Statistics-table .table > thead > tr > th:first-child {
  text-align: center;
}

.Statistics .Statistics-table .table > tbody > tr > td:first-child {
  font-weight: 600;
  font-size: 22px;
  color: #000000;
}

.Statistics .Statistics-table .table > tbody > tr > td:nth-child(2) {
  text-align: right;
  font-weight: normal;
  font-size: 16px;
}

.Statistics .Statistics-table .table > tbody > tr:last-child > td:nth-child(2) {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #131313;
}

.Statistics .Statistics-table .table > tbody > tr:last-child > td:last-child {
  font-weight: bold;
  font-size: 30px;
  line-height: 45px;
  color: #de6033;
}

.Statistics .Statistics-table .table th b {
  font-weight: 600;
  font-size: 20px;
}

/* --------------------------------------------------------------------------- 18-02-2021 --------------------------------------------------------------------------- */
.sponser-page {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 100px 0;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
  background: #f6f6f6;
}
.sponser-page-left-section {
  display: table;
  margin: auto;
  max-height: 100%;
}
.sponser-page-left-section img {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
  height: auto;
  margin: auto;
}
.sponser-page-right-section {
  padding: 30px 40px;
  border-right: 1px solid #d9d9d9;
}
.sponser-page-right-section p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
  color: #131313;
  line-height: 30px;
  margin: 0;
  font-family: "Poppins", sans-serif;
}
@media only screen and (max-width: 1024px) {
  .sponser-page {
    margin: 70px 0;
  }
}
@media only screen and (max-width: 991px) {
  .sponser-page-right-section {
    padding: 20px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .sponser-page {
    grid-template-columns: repeat(1, 1fr);
  }
  .sponser-page-right-section {
    padding: 40px 30px;
    border-right: none;
    border-top: 1px solid #d9d9d9;
  }
  .sponser-page-left-section img {
    margin: 50px auto;
  }
}
@media only screen and (max-width: 480px) {
  .sponser-page-right-section {
    padding: 20px 20px;
  }
  .sponser-page-right-section p {
    font-size: 14px;
    line-height: 25px;
  }
  .sponser-page-left-section img {
    margin: 30px auto;
  }
  .sponser-page {
    margin: 40px auto;
  }
}
@media only screen and (max-width: 425px) {
  .sponser-page-left-section img {
    margin: 20px auto;
  }
}
@media only screen and (max-width: 375px) {
  .sponser-page-right-section p {
    line-height: 22px;
  }
}

/* --------------------------------------------------------------------------- 18-02-2021 Calender issue --------------------------------------------------------------------------- */

.month-name {
  color: #000;
}

/* ---------------------------------------------------------------------------- 24-02-2021 ---------------------------------------------------------------------------- */
.traficsignal-page {
  margin-top: 30px;
}
.traficsignal-page ul.nav.nav-pills {
  background: transparent;
  background-color: transparent;
  margin-bottom: 20px;
}

.traficsignal-page ul li a.nav-link {
  border: 2px solid #ed6925;
  border-radius: 5px;
  color: #ed6925;
  font-weight: 500;
  padding: 5px 20px;
}

.traficsignal-page ul li.nav-item.active .nav-link.active {
  background-color: #ed6925;
}

.traficsignal-page ul.nav.nav-pills li.nav-item a.nav-link.active {
  color: #ed6925;
  background-color: #fff;
}

.traficsignal-page ul.nav.nav-pills li.nav-item.active a.nav-link {
  background-color: #ed6925;
  color: #ffffff;
}

.traficsignal-page ul.nav.nav-pills li.nav-item {
  margin: 0 15px;
}

.traficsignal-page ul.nav.nav-pills li.nav-item:hover {
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.traficsignal-page ul.nav.nav-pills li.nav-item a:hover {
  color: #fff;
  background: #ed6925;
  border-color: #ed6925;
}

.tittle {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin: 30px auto 0px;
}

.tittle h3 {
  color: #ed6925;
  margin-top: 0px;
  font-weight: 500;
  margin-left: 0 !important;
}

.tittle p {
  color: #647382;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  margin: 0 auto;
}

.tittle hr {
  background: #dee1e4;
  width: 70px;
  height: 2px;
  margin: 15px auto;
  border: none;
  display: block !important;
}

.warning-signs-tab .images-for-signal,
.regulatory-signs-tab .images-for-signal,
.informatory-signs-tab .images-for-signal,
.temporary-warning-signs-tab .images-for-signal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  column-gap: 30px;
  row-gap: 30px;
}

.images-for-signal .images-area .image-internal img {
  width: 100%;
}

.images-for-signal .images-area .text-internal {
  text-align: center;
  margin: 10px auto;
}

.images-for-signal .images-area .text-internal h5 {
  color: #000;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 18px;
  margin-left: 0 !important;
}

.container .Statistics h3 {
  text-align: right;
  width: 90%;
  margin: 20px auto !important;
}

.bg-type .container .col-lg-9.col-sm-12 {
  overflow: hidden;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.bg-type .slider.responsive.slick-initialized.slick-slider.slick-dotted {
  direction: ltr;
}

.bg-type .slick-slider .slick-track .slick-slide {
  border-right: 1px solid #dcdcdc;
  display: inline-block;
  vertical-align: top;
  height: inherit;
}

.slick-slider .slick-prev.slick-arrow {
  top: 14.5px;
  position: absolute;
  left: 16px;
  height: 35px;
  width: 35px;
  border: 1px solid #fff;
  right: inherit;
  font-size: 0;
  /* transform: rotate(180deg); */
}

.slick-prev:before {
  position: absolute;
  content: "\f105";
  font-size: 20px !important;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #ed6925;
  color: #fff;
  transform: rotate(-180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.slick-slider .slick-next.slick-arrow {
  top: 15px;
  left: 55px;
  right: inherit;
  height: 35px;
  width: 35px;
  position: absolute;
  border: 1px solid #fff;
}

.slick-next:before {
  position: absolute;
  content: "\f105";
  font-size: 20px !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #ed6925;
  color: #fff;
}

.slick-list {
  overflow: hidden;
  margin-top: 15px;
}

/* ------------------------------------------------------------------- 26-02-2021 ------------------------------------------------------------------- */
.container .page-safetyrules {
  margin: 50px auto;
}

.container .page-safetyrules p {
  text-align: right !important;
}

.container .page-safetyrules p b span {
  font-family: inherit !important;
}

.container .page-safetyrules p span {
  font-family: inherit !important;
  line-height: 22px;
}

.container .page-safetyrules p span {
  font-family: inherit !important;
  line-height: 22px;
}

.container .page-safetyrules p.MsoNormal {
  margin-bottom: 15px !important;
  margin-right: 50px;
}

.container .page-safetyrules p.MsoNormal:nth-of-type(3) b {
  margin-right: 30px;
}

.container .page-safetyrules p.MsoNormal:nth-of-type(3) b:nth-of-type(2) {
  margin-right: 0px;
}

.container .page-safetyrules p.MsoNormal:nth-of-type(1) b span,
.container .page-safetyrules p.MsoNormal:nth-of-type(2) b span {
  font-family: inherit !important;
  margin-right: -30px !important;
}

.container .page-safetyrules p {
  text-align: right !important;
  margin-right: 0 !important;
}

.container .page-safetyrules p.MsoNormal:nth-of-type(3) {
  margin-right: -30px !important;
}

.page-termandcondition p,
.page-termandcondition p span,
.page-termandcondition p b,
.page-termandcondition p b u,
.page-termandcondition p b u span {
  font-family: inherit !important;
}

.container .page-termandcondition {
  margin: 50px auto;
}

.container .page-termandcondition p.MsoNormal:first-of-type {
  margin-bottom: 30px !important;
}

.container .Statistics h3 {
  text-align: right;
  width: 90%;
  margin: 20px auto !important;
}

@media only screen and (max-width: 991px) {
  .traficsignal-page ul.nav.nav-pills::before {
    content: none;
  }

  ul.nav.nav-pills {
    display: grid;
    text-align: center;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  }

  .traficsignal-page ul.nav.nav-pills li.nav-item {
    margin: 0 3px 5px;
  }

  .traficsignal-page ul li a.nav-link {
    padding: 5px 5px;
  }
}

/* ------------------------------------------------------------------------ 01-03-2021 ------------------------------------------------------------------------ */
.bg-type .slick-slider .slick-track .slick-slide {
  float: right;
}

.slick-slider .slick-list .slick-track {
  float: right;
}

/* ------------------------------------------------------------- 11-03-2021 ------------------------------------------------------------- */
.white-box.invoice-refund-popup .form-group div[class^="col-md-"] {
  padding: 0;
  padding-bottom: 15px;
}

.white-box.invoice-refund-popup .form-group .form-group {
  margin-bottom: 0;
}
.white-box.invoice-refund-popup {
  margin-bottom: 0;
}

.white-box.invoice-refund-popup
  .form-group
  div[class^="col-md-"]
  textarea#RefundReason {
  width: 100%;
}

.white-box.invoice-refund-popup .form-group {
  column-count: 1;
}

@media only screen and (min-width: 768px) {
  .modal-content.refund-popup-width {
    width: 600px;
  }
}

.modal-body.white-box.invoice-refund-popup
  .form-group
  div[class^="col-md-"]
  input {
  width: 100%;
  border: 1px solid #de6033;
}

.modal-body.white-box.invoice-refund-popup div[class^="col-md-"] {
  padding: 0;
}

.modal-body.white-box.invoice-refund-popup div[class^="col-md-"] textarea {
  width: 100%;
  border: 1px solid #de6033;
}

.modal-body.white-box.invoice-refund-popup
  .form-group
  div[class^="col-md-"]
  select {
  border: 1px solid #de6033;
}

.bg-type .container .white-box form#frmBook > .form-group {
  display: flex;
  justify-content: space-around;
  padding-right: 180px;
  text-align: right;
}

.bg-type
  .container
  .white-box
  form#frmBook
  .form-group
  .col-lg-2.col-sm-12.form-group:last-child {
  margin-top: 20px;
}

.bg-type
  .container
  .white-box
  form#frmBook
  .form-group
  .col-lg-2.col-sm-12.form-group:last-child
  span.col-sm-12 {
  display: none;
}

.bg-type
  .container
  .white-box
  form#frmBook
  .form-group
  .col-lg-2.col-sm-12.form-group:last-child
  .col-sm-12 {
  display: flex;
  justify-content: flex-start;
}

.bg-type .slick-slider .slick-track .slick-slide > div > div {
  float: right;
}

.bg-type > .container > h3 {
  text-align: right;
}

/* -------------------------------------------------------------------- 25-03-2021 -------------------------------------------------------------------- */
.custom-drop-down .english-lang::before {
  display: none;
}

.custom-drop-down .arabic-lang::before {
  display: none;
}

/* -------------------------------------------------------------------------- 05-04-2021 -------------------------------------------------------------------------- */
.card-last-4digits {
  direction: ltr !important;
  text-align: right;
}

/* -------------------------------------------------------------------------- 12-04-2021 -------------------------------------------------------------------------- */
.hed-class-contect {
  row-gap: 15px;
}

/* -------------------------------------------------------------------------- 14-04-2021 -------------------------------------------------------------------------- */
.portlet .overlapping-data label#lblnationalidother {
  top: 55px;
  left: 20px;
}
.portlet .overlapping-data span#trainee_NationalId-error {
  top: -20px;
  right: 295px;
}
.portlet .overlapping-data label#lblnationalidsaudi {
  font-size: 12px !important;
}

.portlet .tab-pane .mbottom .field-validation-error {
  top: 55px;
}
.mbottom {
  min-height: 70px;
}

/* ---------------------------------------------------- 19-05-2021 ---------------------------------------------------- */
.asses-type-top h3 {
  background: #de6033;
  display: inline-block;
  margin-top: 0;
  padding: 10px 20px;
  width: 100%;
  color: #fff;
  font-size: 20px;
  margin-bottom: 17px;
  text-align: right;
}

.assess-page {
  display: inline-block;
  width: 100%;
  padding: 8px 23px;
}

.assess-page span {
  display: inline-block;
  width: 100%;
  padding-bottom: 7px;
  font-size: 18px;
  text-align: right;
}

/* --------------------------------------------------------------------------- 20-05-2021 Partner page --------------------------------------------------------------------------- */

.parthner-heading {
  text-align: center;
  margin: 0;
  color: #ed6925;
}
.sponser-page-new {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 50px 0;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
  background: #f6f6f6;
}

.sponser-page-left-section-new {
  display: table;
  margin: auto;
  max-height: 100%;
}

.sponser-page-left-section-new img {
  width: 80%;
  display: table-cell;
  vertical-align: middle;
  height: auto;
  margin: auto;
}

.sponser-page-right-section-new {
  padding: 30px 40px;
  border-right: 1px solid #d9d9d9;
  text-align: right;
}

.break-link {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 768px) {
  .sponser-page-new {
    grid-template-columns: repeat(1, 1fr);
  }
  .sponser-page-left-section-new {
    margin: 70px auto;
  }
  .sponser-page-right-section-new {
    border-top: 1px solid #d9d9d9;
  }
}

/* --------------------------------------------------------------------------- 21-05-2021 home page slider --------------------------------------------------------------------------- */
@media only screen and (max-width: 426px) {
  div#carouselExampleIndicators .carousel-inner > .item > img.d-block.w-100 {
    height: 400px !important;
    width: auto !important;
    object-fit: cover;
  }
}

.carousel-indicators li {
  margin: 0 5px !important;
  width: 12px !important;
  height: 12px !important;
}

.carousel-indicators .active {
  margin: 0 5px !important;
}

/* ---------------------------------------------------- 01-06-2021 ---------------------------------------------------- */
label.label-alignment-register {
  float: right;
  position: relative;
  right: 10px;
}

/* ---------------------------------------------------- 04-06-2021 ---------------------------------------------------- */
.image-outer a img.blog-image {
  width: 100%;
  height: auto;
}

li.breadcrumb-menu-list {
  padding: 0 3px;
  float: right;
}

.col-md-7.news-cont-dtl {
  text-align: right;
}

h1.tt-title-md.title-sub-page.ml-0.news-section-header {
  text-align: right;
  color: #de6033;
}

.new-content a h3 {
  color: #131313;
  font-weight: bold;
  font-size: 27px;
  margin: -6px 0 10px;
}

/* ---------------------------------------------------- 10-06-2021 ---------------------------------------------------- */
.container.news-section-new h2 {
  color: #ed6925;
  margin-left: 0px !important;
  margin-right: 0px !important;
  text-align: right;
}

.container.news-section-new .new-content {
  text-align: right;
}

/* ------------------------------------------------------------- 14-06-2021 ------------------------------------------------------------- */
.slider.responsive.date-slider-main.slick-initialized.slick-slider.slick-dotted
  button.slick-prev.slick-arrow {
  z-index: 1;
  right: 70px;
  height: auto;
  width: auto;
  font-size: 0;
  padding: 4px 15px;
  top: 0;
  position: absolute;
  background-color: #ed6925;
  cursor: pointer;
  border-radius: 4px;
}

.slick-slider .slick-prev::before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 24px;
  color: white;
}

.slider.responsive.date-slider-main.slick-initialized.slick-slider.slick-dotted
  button.slick-next.slick-arrow {
  z-index: 1;
  right: 20px;
  height: auto;
  width: auto;
  font-size: 0;
  padding: 4px 15px;
  top: 0;
  position: absolute;
  background-color: #ed6925;
  cursor: pointer;
  border-radius: 4px;
}

.slick-slider .slick-next::before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 24px;
  color: white;
}

.slider.responsive.date-slider-main.slick-initialized.slick-slider.slick-dotted
  .slick-list.draggable {
  margin-top: 50px;
}

.slider .slick-track,
.side-type .slider .slick-list {
  overflow: hidden;
}
.slick-slider .slick-track .slick-slide {
  float: right;
}
.white-box.btn-exel.main-tab.booking-training-slider .slick-list.draggable {
  overflow: hidden;
}
.slick-slide .top-part h3 {
  font-size: 28px;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #ed6925 !important;
  color: white !important;
  border: 1px solid #ed6925 !important;
}

.asses-type-top h3 {
  display: inline-block;
  margin-top: 0;
  padding: 10px 20px;
  width: 100%;
  color: #fff;
  font-size: 20px;
  margin-bottom: 17px;
}

/* ---------------------------------------------------------- 18-06-2021 ---------------------------------------------------------- */
img.checkout-logo-card {
  width: 60px;
}

/* --------------------------------------------------- 23-06-2021 --------------------------------------------------- */
.upate-btn-profile .btn {
  background: #de6033;
  color: #fff;
  width: 100%;
  border-radius: 26px;
  margin: 4px 0;
  padding: 5px;
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.upate-btn-profile .btn:hover {
  opacity: 0.8;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.information-txt,
.warning-txt {
  margin-right: 15px;
}

/* --------------------------------------------------- 03-08-2021 --------------------------------------------------- */
.banner-discription-text p {
  position: absolute;
  color: white;
  font-size: 28px;
  font-weight: bold;
  bottom: 60px;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.tatweer-slider-main ol.carousel-indicators {
  width: 100%;
  z-index: 2;
  margin: 0;
}

.tatweer-slider-main .banner-discription-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

@media (max-width: 1280px) {
  .banner-discription-text p {
    font-size: 20px;
    bottom: 40px;
  }
}

@media (max-width: 768px) {
  .banner-discription-text p {
    font-size: 16px;
    bottom: 40px;
  }
}

@media (max-width: 480px) {
  .banner-discription-text p {
    font-size: 13px;
    bottom: 20px;
  }
}

/* --------------------------------------------------- 31-08-2021 --------------------------------------------------- */
.text-warning {
  color: #f1c40f;
}

.warning-label-license {
  position: relative;
  right: 42px;
}

/* --------------------------------------------------- 09-09-2021 --------------------------------------------------- */
a.btn.btn-primary.watch-video-btn,
a.btn.btn-primary.watch-video-btn:active {
  background: #ed6925;
  border-radius: 0;
  border: 1px solid #ed6925;
  font-size: 14px;
}

a.btn.btn-primary.retake-btn,
a.btn.btn-primary.retake-btn:active {
  background: #00c292;
  border-radius: 0;
  border: 1px solid #00c292;
  font-size: 14px;
}

a.btn.btn-primary.retry-btn,
a.btn.btn-primary.retry-btn:active {
  border-radius: 0;
  background: #840707;
  border: 1px solid #840707;
  font-size: 14px;
}

a.btn.btn-primary.startquiz-btn,
a.btn.btn-primary.startquiz-btn:active {
  border-radius: 0;
  background: #00c270;
  border: 1px solid #00c270;
  font-size: 14px;
}

a.btn.btn-primary.watch-video-btn:focus,
a.btn.btn-primary.retake-btn:focus,
a.btn.btn-primary.retry-btn:focus,
a.btn.btn-primary.startquiz-btn:focus {
  outline: none;
  box-shadow: none;
}

a.btn.btn-primary.watch-video-btn:active,
a.btn.btn-primary.retake-btn:active,
a.btn.btn-primary.retry-btn:active,
a.btn.btn-primary.startquiz-btn:active {
  box-shadow: none;
}

a.btn.btn-primary.watch-video-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.watch-video-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.watch-video-btn.dropdown-toggle:focus,
a.btn.btn-primary.retake-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.retake-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.retake-btn.dropdown-toggle:focus,
a.btn.btn-primary.retry-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.retry-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.retry-btn.dropdown-toggle:focus,
a.btn.btn-primary.startquiz-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.startquiz-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.startquiz-btn.dropdown-toggle:focus {
  box-shadow: none;
}

.left-section-quiz h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 2;
  color: #131313;
  margin: 0;
}

.date-quiz,
.time-quiz {
  font-size: 16px;
  line-height: 130%;
  color: #000000;
}

.dateils-section-for-quiz {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.pass-quiz {
  font-weight: 500;
  font-size: 17px;
  line-height: 248%;
  color: #00c292;
}

.fail-quiz {
  font-weight: 500;
  font-size: 17px;
  line-height: 248%;
  color: #ff0000;
}

.notstarted-quiz {
  font-weight: 500;
  font-size: 17px;
  line-height: 248%;
  color: #131313;
}

.online-quiz-page-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  column-gap: 30px;
  row-gap: 30px;
}

.card.quiz-card {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  border: none;
}

.card.quiz-card .card-body {
  padding: 1rem;
}

.buttons-for-test {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

h1.quiz-page-header {
  font-weight: bold;
  font-size: 40px;
  line-height: 248%;
  color: #de6033;
  text-align: right;
}

.cards-data {
  background: #ffffff;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 100px;
  text-align: right;
}

.text-details-area .total-counts {
  font-weight: 500;
  font-size: 33px;
  line-height: 1.33;
  color: #ed6925;
}

.text-details-area .total-data-for-quiz {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  color: #2f3e5f;
}

.details-test-card {
  column-gap: 30px;
  row-gap: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.text-details-area {
  margin-right: 20px;
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  margin-left: 15px;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #000000;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark {
  background-color: transparent;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ed6925;
  transform: translate(-50%, -50%);
}

.option-area {
  display: grid;
  row-gap: 20px;
}

.option-area > * {
  display: flex;
}

.test-quiz-area {
  padding: 40px;
  margin-top: 40px;
  background: white;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  margin-bottom: 40px;
}

.submit-button-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

a.btn.btn-primary.submit-quiz-btn,
a.btn.btn-primary.submit-quiz-btn:active {
  background: #ed6925;
  border-radius: 0;
  border: 1px solid #ed6925;
  font-size: 16px;
  line-height: 1.64;
  text-transform: uppercase;
  color: #ffffff;
}

a.btn.btn-primary.cancel-quiz-btn,
a.btn.btn-primary.cancel-quiz-btn:active {
  background: transparent;
  border-radius: 0;
  border: 1px solid #ed6925;
  font-size: 16px;
  line-height: 1.64;
  text-transform: uppercase;
  color: #ed6925;
}

a.btn.btn-primary.submit-quiz-btn:focus,
a.btn.btn-primary.cancel-quiz-btn:focus {
  outline: none;
  box-shadow: none;
}

a.btn.btn-primary.submit-quiz-btn:active,
a.btn.btn-primary.cancel-quiz-btn:active {
  box-shadow: none;
}

a.btn.btn-primary.submit-quiz-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.submit-quiz-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.submit-quiz-btn.dropdown-toggle:focus,
a.btn.btn-primary.cancel-quiz-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.cancel-quiz-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.cancel-quiz-btn.dropdown-toggle:focus {
  box-shadow: none;
}

.question-area {
  font-weight: 500;
  font-size: 24px;
  line-height: 248%;
  color: #000000;
  display: flex;
}

.question-area p {
  margin-right: 10px;
}

.multiple-option-area {
  font-size: 18px;
  text-align: left;
  color: #000000;
}

.video-page-title-accordian {
  text-align: center;
  background-color: #ed6925;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  margin: 0;
}

.video-page-title-accordian a {
  color: white;
  position: relative;
  display: block;
}

.video-page-title-accordian a:hover {
  text-decoration: none;
}

.video-page-title-accordian a img {
  position: absolute;
  height: 17px;
  width: 17px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.accordian-class-quiz .panel-body a {
  font-size: 18px;
  line-height: 1.33;
  display: flex;
  align-items: center;
  text-align: center;
  color: #131313;
  padding: 0.5rem;
  border-bottom: 1px solid #707070;
}

.accordian-class-quiz .panel-body a:last-child {
  border-bottom: none;
}

.accordian-class-quiz .panel-body a:hover {
  text-decoration: none;
}

div#video-page-accordion {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
}

.preview-area {
  min-height: 60vh;
}

.card.video-page-card {
  border: 0;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
}

img.card-img-videopage {
  height: 100%;
  width: 100%;
}

@media (max-width: 992px) {
  .col-xl-9.col-lg-9.col-md-12.col-sm-12.col-12.preview-window-main.p-2 {
    order: 2;
  }
  .col-xl-3.col-lg-3.col-md-12.col-sm-12.col-12.accordian-window-main.p-2 {
    order: 1;
  }
}

.preview-area {
  position: relative;
}

.controls {
  position: absolute;
}

.controls {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}

img.play-button-arrowhead {
  width: 70px;
  height: auto;
}

.controls img {
  height: auto;
  width: 50px;
}

.increase-view-button {
  position: absolute;
  bottom: -15px;
  right: -10px;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.p-0 {
  padding: 0 !important;
}

/* -------------------------------------------------- 20-09-2021 -------------------------------------------------- */
.widgets-row .w3-content.w3-display-container.divinner {
  position: relative;
}

.widgets-row
  .w3-content.w3-display-container.divinner
  button.w3-button.w3-black.w3-display-left {
  position: absolute;
  left: 0;
  height: 40px;
  width: 40px;
  background: black;
  color: white;
  font-size: 20px;
  border-radius: 100%;
  border: 1px solid black;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.widgets-row
  .w3-content.w3-display-container.divinner
  button.w3-button.w3-black.w3-display-right {
  position: absolute;
  right: 0;
  height: 40px;
  width: 40px;
  background: black;
  color: white;
  font-size: 20px;
  border-radius: 100%;
  border: 1px solid black;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.left-slider-sec ~ input.screen-btn {
  background: #ffffff
    url(/Themes/Tatweer/images/icons/expand-arrows-alt-solid.png) no-repeat
    center center/35px;
  height: 63px;
  width: 63px;
  font-size: 0;
  border-radius: 100%;
  border: 1px solid black;
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 1;
}

.right-text-sec .panel-group .panel-default > .panel-heading {
  background-color: #ed6925 !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  text-align: center;
}

.right-text-sec .panel-group .panel-default > .panel-heading h4 {
  margin-left: 0 !important;
}
.right-text-sec .panel-group .panel-default > .panel-heading h4 a {
  text-align: center;
  padding: 10px 15px 10px 15px !important;
  position: relative;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  h4
  a.unitname.collapsed::before {
  content: "";
  position: absolute;
  background: url(/Themes/Tatweer/images/icons/arrow-down-sign-to-navigate.png)
    no-repeat center center/16px;
  height: 25px;
  width: 25px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  h4
  a.unitname::before {
  content: "";
  position: absolute;
  background: url(/Themes/Tatweer/images/icons/arrow-down-sign-to-navigate.png)
    no-repeat center center/16px;
  height: 25px;
  width: 25px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.5s;
}
.right-text-sec .panel-group .panel-default {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  border: none;
}

.right-text-sec .panel-group .panel-default > .panel-heading h4 {
  margin-left: 0;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body
  table {
  margin-bottom: 0;
}
.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body
  .table
  > tbody
  > tr
  > td.active,
.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body
  .table
  > tbody
  > tr
  > td {
  background-color: white !important;
}

/* ---------------------------------------------------- 21-09-2021 ---------------------------------------------------- */
.marquee__seperator {
  margin: 0 2rem;
}
.marquee__item {
  display: inline-block;
}
.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-color: #ed6925;
  padding: 1rem 0;
  color: #fff;
  position: absolute;
  top: 0;
  z-index: 1031;
  direction: initial;
  display: flex;
}
/* 
.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.marquee__seperator {
  margin: 0 2rem;
}
.marquee__item {
  display: inline-block;
  will-change: transform;
  -webkit-animation: marquee 5s linear infinite;
          animation: marquee 5s linear infinite;
}

@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.marquee {
      background-color: red;
    padding: 1rem 0;
    color: #fff;
    position: relative;
    z-index: 30;
} */

/* ---------------------------------------------------- 28-09-2021 ---------------------------------------------------- */
.online-training-link-account-index {
  font-weight: bold;
  font-size: 16px;
  color: #de6033;
  line-height: 2;
  display: block;
  text-align: right;
}

.online-training-link-account-index:hover {
  color: #de6033 !important;
  text-decoration: underline !important;
}

.online-training-link-account-index i {
  font-size: 18px;
  margin-left: 5px;
}

/* ----------------------------------------------------- 29-09-2021 ----------------------------------------------------- */
.verticle-text-one {
  writing-mode: tb !important;
}

/* ----------------------------------------------------- 11-10-2021 ----------------------------------------------------- */
.ads-container.container .ads-section {
  display: grid;
  column-gap: 15px;
  row-gap: 15px;
  grid-template-columns: repeat(2, 1fr);
}
/* ----------------------------------------------------- 19-10-2021 ----------------------------------------------------- */
@media only screen and (max-width: 575px) {
  .ads-container.container .ads-section {
    grid-template-columns: repeat(1, 1fr);
  }
  #tt-footer .col-list:before {
    content: none;
  }
  .col-md-12.col-lg-3.col-logo {
    text-align: right;
  }
}

@media (max-width: 567px) {
  #tt-header .tt-menu.open-menu {
    top: 26px !important;
  }
}
.tt-layout-01 .tt-img-mobile {
  display: block;
}

.tt-carusel.slick-arrow-02.slick-initialized.slick-slider
  button.slick-prev.slick-arrow,
.tt-carusel.slick-arrow-02.slick-initialized.slick-slider
  button.slick-next.slick-arrow,
.tt-news-carousel.carousel-top.slick-arrow-01.slick-initialized.slick-slider
  button.slick-prev.slick-arrow,
.tt-news-carousel.carousel-top.slick-arrow-01.slick-initialized.slick-slider
  button.slick-next.slick-arrow {
  display: none !important;
}

/* ----------------------------------------------------- 19-10-2021 ----------------------------------------------------- */
.tt-layout-01 .container .row .col-md-6 .tt-img img {
  margin-left: 0px;
  width: 100%;
  margin: 0;
}

a.btn.btn-primary.watch-video-btn,
a.btn.btn-primary.watch-video-btn:active {
  background: #ed6925;
  border-radius: 0;
  border: 1px solid #ed6925;
  font-size: 14px;
}

a.btn.btn-primary.retake-btn,
a.btn.btn-primary.retake-btn:active {
  background: #00c292;
  border-radius: 0;
  border: 1px solid #00c292;
  font-size: 14px;
}

a.btn.btn-primary.retry-btn,
a.btn.btn-primary.retry-btn:active {
  border-radius: 0;
  background: #840707;
  border: 1px solid #840707;
  font-size: 14px;
}

a.btn.btn-primary.startquiz-btn,
a.btn.btn-primary.startquiz-btn:active {
  border-radius: 0;
  background: #00c270;
  border: 1px solid #00c270;
  font-size: 14px;
}

a.btn.btn-primary.watch-video-btn:focus,
a.btn.btn-primary.retake-btn:focus,
a.btn.btn-primary.retry-btn:focus,
a.btn.btn-primary.startquiz-btn:focus {
  outline: none;
  box-shadow: none;
}

a.btn.btn-primary.watch-video-btn:active,
a.btn.btn-primary.retake-btn:active,
a.btn.btn-primary.retry-btn:active,
a.btn.btn-primary.startquiz-btn:active {
  box-shadow: none;
}

a.btn.btn-primary.watch-video-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.watch-video-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.watch-video-btn.dropdown-toggle:focus,
a.btn.btn-primary.retake-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.retake-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.retake-btn.dropdown-toggle:focus,
a.btn.btn-primary.retry-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.retry-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.retry-btn.dropdown-toggle:focus,
a.btn.btn-primary.startquiz-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.startquiz-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.startquiz-btn.dropdown-toggle:focus {
  box-shadow: none;
}

.left-section-quiz h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 2;
  color: #131313;
  margin: 0;
}

.date-quiz,
.time-quiz {
  font-size: 16px;
  line-height: 130%;
  color: #000000;
}

.dateils-section-for-quiz {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.pass-quiz {
  font-weight: 500;
  font-size: 17px;
  line-height: 248%;
  color: #00c292;
}

.fail-quiz {
  font-weight: 500;
  font-size: 17px;
  line-height: 248%;
  color: #ff0000;
}

.notstarted-quiz {
  font-weight: 500;
  font-size: 17px;
  line-height: 248%;
  color: #131313;
}

.online-quiz-page-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  column-gap: 30px;
  row-gap: 30px;
}

.card.quiz-card {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  border: none;
}

.card.quiz-card .card-body {
  padding: 1rem;
}

.buttons-for-test {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

h1.quiz-page-header {
  font-weight: bold;
  font-size: 40px;
  line-height: 248%;
  color: #de6033;
  text-align: right;
}

.cards-data {
  background: #ffffff;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 100px;
  text-align: right;
}

.text-details-area .total-counts {
  font-weight: 500;
  font-size: 33px;
  line-height: 1.33;
  color: #ed6925;
}

.text-details-area .total-data-for-quiz {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  color: #2f3e5f;
}

.details-test-card {
  column-gap: 30px;
  row-gap: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.text-details-area {
  margin-right: 20px;
}

.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  margin-left: 15px;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #000000;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark {
  background-color: transparent;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ed6925;
  transform: translate(-50%, -50%);
}

.option-area {
  display: grid;
  row-gap: 20px;
}

.option-area > * {
  display: flex;
}

.test-quiz-area {
  padding: 40px;
  margin-top: 40px;
  background: white;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  margin-bottom: 40px;
}

.submit-button-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

a.btn.btn-primary.submit-quiz-btn,
a.btn.btn-primary.submit-quiz-btn:active {
  background: #ed6925;
  border-radius: 0;
  border: 1px solid #ed6925;
  font-size: 16px;
  line-height: 1.64;
  text-transform: uppercase;
  color: #ffffff;
}

a.btn.btn-primary.cancel-quiz-btn,
a.btn.btn-primary.cancel-quiz-btn:active {
  background: transparent;
  border-radius: 0;
  border: 1px solid #ed6925;
  font-size: 16px;
  line-height: 1.64;
  text-transform: uppercase;
  color: #ed6925;
}

a.btn.btn-primary.submit-quiz-btn:focus,
a.btn.btn-primary.cancel-quiz-btn:focus {
  outline: none;
  box-shadow: none;
}

a.btn.btn-primary.submit-quiz-btn:active,
a.btn.btn-primary.cancel-quiz-btn:active {
  box-shadow: none;
}

a.btn.btn-primary.submit-quiz-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.submit-quiz-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.submit-quiz-btn.dropdown-toggle:focus,
a.btn.btn-primary.cancel-quiz-btn:not(:disabled):not(.disabled).active:focus,
a.btn.btn-primary.cancel-quiz-btn:not(:disabled):not(.disabled):active:focus,
.show > a.btn.btn-primary.cancel-quiz-btn.dropdown-toggle:focus {
  box-shadow: none;
}

.question-area {
  font-weight: 500;
  font-size: 24px;
  line-height: 248%;
  color: #000000;
  display: flex;
}

.question-area p {
  margin-right: 10px;
}

.multiple-option-area {
  font-size: 18px;
  text-align: left;
  color: #000000;
}

.video-page-title-accordian {
  text-align: center;
  background-color: #ed6925;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #ffffff;
  margin: 0;
}

.video-page-title-accordian a {
  color: white;
  position: relative;
  display: block;
}

.video-page-title-accordian a:hover {
  text-decoration: none;
}

.video-page-title-accordian a img {
  position: absolute;
  height: 17px;
  width: 17px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.accordian-class-quiz .panel-body a {
  font-size: 18px;
  line-height: 1.33;
  display: flex;
  align-items: center;
  text-align: center;
  color: #131313;
  padding: 0.5rem;
  border-bottom: 1px solid #707070;
}

.accordian-class-quiz .panel-body a:last-child {
  border-bottom: none;
}

.accordian-class-quiz .panel-body a:hover {
  text-decoration: none;
}

div#video-page-accordion {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
}

.preview-area {
  min-height: 60vh;
}

.card.video-page-card {
  border: 0;
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
}

img.card-img-videopage {
  height: 100%;
  width: 100%;
}

@media (max-width: 992px) {
  .col-xl-9.col-lg-9.col-md-12.col-sm-12.col-12.preview-window-main.p-2 {
    order: 2;
  }
  .col-xl-3.col-lg-3.col-md-12.col-sm-12.col-12.accordian-window-main.p-2 {
    order: 1;
  }
}

.preview-area {
  position: relative;
}

.controls {
  position: absolute;
}

.controls {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
}

img.play-button-arrowhead {
  width: 70px;
  height: auto;
}

.controls img {
  height: auto;
  width: 50px;
}

.increase-view-button {
  position: absolute;
  bottom: -15px;
  right: -10px;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.p-0 {
  padding: 0 !important;
}

/* -------------------------------------------------- 20-09-2021 -------------------------------------------------- */
.widgets-row .w3-content.w3-display-container.divinner {
  position: relative;
}

.widgets-row
  .w3-content.w3-display-container.divinner
  button.w3-button.w3-black.w3-display-left {
  position: absolute;
  right: 0;
  height: 40px;
  width: 40px;
  background: black;
  color: white;
  font-size: 20px;
  border-radius: 100%;
  border: 1px solid black;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.widgets-row
  .w3-content.w3-display-container.divinner
  button.w3-button.w3-black.w3-display-right {
  position: absolute;
  left: 0;
  height: 40px;
  width: 40px;
  background: black;
  color: white;
  font-size: 20px;
  border-radius: 100%;
  border: 1px solid black;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.left-slider-sec ~ input.screen-btn {
  background: #ffffff
    url(/Themes/Tatweer/images/icons/expand-arrows-alt-solid.png) no-repeat
    center center/35px;
  height: 63px;
  width: 63px;
  font-size: 0;
  border-radius: 100%;
  border: 1px solid black;
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 1;
}

.right-text-sec .panel-group .panel-default > .panel-heading {
  background-color: #ed6925 !important;
  color: #ffffff !important;
  border-radius: 0px !important;
  text-align: center;
}

.right-text-sec .panel-group .panel-default > .panel-heading h4 {
  margin-left: 0 !important;
}
.right-text-sec .panel-group .panel-default > .panel-heading h4 a {
  text-align: center;
  padding: 10px 15px 10px 15px !important;
  position: relative;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  h4
  a.unitname.collapsed::before {
  content: "";
  position: absolute;
  background: url(/Themes/SharqDS/images/icons/arrow-down-sign-to-navigate.png)
    no-repeat center center/16px;
  height: 25px;
  width: 25px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  h4
  a.unitname::before {
  content: "";
  position: absolute;
  background: url(/Themes/SharqDS/images/icons/arrow-down-sign-to-navigate.png)
    no-repeat center center/16px;
  height: 25px;
  width: 25px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: all 0.5s;
}
.right-text-sec .panel-group .panel-default {
  box-shadow: 5px 5px 30px rgb(0 0 0 / 15%);
  border: none;
}

.right-text-sec .panel-group .panel-default > .panel-heading h4 {
  margin-left: 0;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body
  table {
  margin-bottom: 0;
}
.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body
  .table
  > tbody
  > tr
  > td.active,
.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  + .panel-collapse
  > .panel-body
  .table
  > tbody
  > tr
  > td {
  background-color: white !important;
}

.left-slider-sec .row.widgets-row {
  display: block;
}

.unit-page-video-area {
  width: 80%;
  margin: auto;
  display: block;
}

.buttons-for-test a.btn.btn-primary.startquiz-btn,
.buttons-for-test a.btn.btn-primary.startquiz-btn:active {
  border-radius: 3px !important;
  background-color: #ed6925;
  border: 1px solid #ed6925;
  font-size: 14px;
  height: inherit;
}

.buttons-for-test a.btn.btn-primary.startquiz-btn:hover {
  background-color: rgb(237 105 37 / 80%) !important;
  border: 1px solid rgb(237 105 37 / 80%) !important;
}

.row.main-page-home {
  margin-top: 50px;
}

nav ol.breadcrumb {
  background: transparent;
  padding-right: 0;
}

nav ol.breadcrumb > li a {
  font-size: 14px;
  color: #777777;
  font-weight: 600;
}
nav ol.breadcrumb > li a {
  font-size: 14px;
  color: #777777;
  font-weight: 600;
}

nav ol.breadcrumb > .active {
  color: #ed6925;
  font-weight: 700;
}

.submit-button-area a.btn.btn-primary.cancel-quiz-btn,
.submit-button-area a.btn.btn-primary.cancel-quiz-btn:active,
.submit-button-area a.btn.btn-primary.submit-quiz-btn,
.submit-button-area a.btn.btn-primary.submit-quiz-btn:active {
  border-radius: 3px !important;
  background-color: #ed6925;
  border: 1px solid #ed6925;
  font-size: 14px;
  height: inherit;
}

/* ------------------------------ 22-10-2021 ------------------------------ */
.row.main-page-home > .col-lg-9 {
  order: 1;
}

.row.main-page-home > .col-lg-3.col-md-3.right-text-sec {
  order: 0;
}

.row.main-page-home > .col-lg-12 {
  order: 2;
}

.row.main-page-home > .col-lg-3 {
  order: 1;
}

.bg-type.profile-bg.account-page::before {
  content: none;
}

.left-slider-sec ~ input.screen-btn {
  bottom: unset;
  top: 10px;
  left: 25px;
}

.row.main-page-home > .col-lg-3.col-md-3.right-text-sec td a {
  color: #000000;
}

.row.main-page-home > .col-lg-3.col-md-3.right-text-sec td.active a {
  font-weight: bold;
  color: #ed6925;
}

.test-drive-heading.test-drive-result h1 {
  text-align: center;
}

.all-result.row {
  justify-content: center;
}

/* ---------------------------------------------------- 11-10-2021 ---------------------------------------------------- */
.ads-container.container .ads-section {
  display: grid;
  column-gap: 15px;
  row-gap: 15px;
  grid-template-columns: repeat(2, 1fr);
}

/* -----------------------------------------------------24/11/2020------------------------------------------------- */
.inner-grid-main.intermediate h3 {
  float: left;
  width: 100%;
  text-align: right;
}

.inner-grid-main.advanced,
.inner-grid-main.intermediate,
.inner-grid-main,
section.main-banner-area h1,
section.main-card-section {
  text-align: right;
}

.inner-grid-main h3 {
  float: left;
  width: 100%;
  text-align: right;
}

section.main-card-section {
  margin: 0 0 40px;
}

section.main-banner-area {
  margin: 30px 0 0;
}

ul.key-feature-main li {
  float: left;
  width: 100%;
}

ul.key-feature-main {
  float: left;
  width: 100%;
}

.inner-grid-main {
  background: #f8f9fa;
  padding: 25px;
  box-shadow: 0px 0px 10px #e8e8e8cc;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  min-height: 495px;
  padding-bottom: 40px;
  float: left;
  width: 31.1%;
  margin: 0 35px 0 0;
}

section.main-banner-area h1.heading-main {
  font-size: 36px;
  padding: 40px 0px;
  font-weight: 500;
}

.inner-grid-main h3.sub-heading {
  margin: 0 0 30px !important;
  font-size: 22px;
  color: #ed6925;
  padding: 0;
}

.card-grid-main .inner-grid-main .price-badge {
  width: 200px;
  width: 130px;
  /* margin: auto; */
  margin-bottom: 30px;
  background: #ed6925;
  padding: 20px;
  height: 130px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 20px #cec9c9;
  flex-direction: column;
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-weight: 300;
}

.card-grid-main .inner-grid-main .price-badge span.price-heading {
  font-size: 25px;
  line-height: 25px;
  font-weight: 600;
}

.card-grid-main .inner-grid-main .description-main {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px;
}

.card-grid-main .inner-grid-main .description-main h4.des-heading {
  margin: 0 0 15px !important;
  font-size: 16px;
}

.card-grid-main .inner-grid-main .description-main ul.key-feature-main li {
  font-size: 12px;
  margin-bottom: 10px;
  color: #5e5e5e;
  line-height: 20px;
  font-weight: 500;
  position: relative;
  padding-right: 15px;
}

.card-grid-main
  .inner-grid-main
  .description-main
  ul.key-feature-main
  li:before {
  position: absolute;
  content: "";
  background: #5e5e5e;
  width: 5px;
  height: 5px;
  right: 0;
  top: 7px;
  border-radius: 100%;
}

a.purchase-this-plan {
  color: #fff;
  background: #ed6925;
  padding: 5px 0px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 30% !important;
  text-align: center;
  box-shadow: 0px 0px 5px #b7b5b5;
  transition: 0.5s all ease;
}

/* .card-grid-main {
    padding-top: 40px;
    padding-bottom: 80px;
    display: inline-block;
    width: 100%;
} */
.inner-grid-main:last-child {
  margin-right: 0;
}

.inner-grid-main.intermediate h3.sub-heading {
  color: #303f60;
}

.card-grid-main .inner-grid-main.intermediate .price-badge {
  background: #303f60;
}

.card-grid-main .inner-grid-main.intermediate a.purchase-this-plan {
  background: #303f60;
}

a.purchase-this-plan:hover {
  opacity: 0.8;
  transition: 0.5s all ease;
  color: #fff;
}

/* ----------------------------------------------------------25-11-2020------------------------------------------------------------ */
/* -------------------------------Driving Programme----------------------------------- */
.card-grid-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  padding-bottom: 10px;
  /* padding-top: 40px; */
}

.inner-grid-main {
  background: #f8f9fa;
  padding: 25px;
  box-shadow: 0px 0px 10px #e8e8e8cc;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
  min-height: 495px;
  padding-bottom: 40px;
  float: left;
  width: 100%;
  margin: 0 35px 35px 0;
}

.inner-grid-main:last-child {
  margin-right: 35px;
}

/* ------------------------------ 23-10-2021 ------------------------------ */
a.unit-link-displayResult {
  border-radius: 3px !important;
  background-color: #ed6925;
  border: 1px solid #ed6925;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  line-height: 1.42857143;
  color: #ffffff;
  float: left;
}

a.unit-link-displayResult:hover {
  color: #ffffff;
}

.multiple-option-area {
  text-align: right;
}

.question-area p {
  text-align: right;
}

.mySlides.quize-sec iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

/* ------------------------------ 25-10-2021 ------------------------------ */
.right-text-sec .panel-group .panel-default > .panel-heading h4 a {
  padding: 0 !important;
  display: block;
  text-align: right;
}

table.table.quiz-list-table th,
table.table.quiz-list-table td {
  text-align: right;
  border: none;
}

table.table.quiz-list-table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

table.table.quiz-list-table tr {
  height: 40px;
}

table.table.quiz-list-table thead tr {
  background: #ed6925;
  color: white;
}

table.table.quiz-list-table tbody tr {
  background: #f7f7f7;
}

table.table.quiz-list-table > thead > tr > th:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

table.table.quiz-list-table > thead > tr > th:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
table.table.quiz-list-table > tbody > tr > td:first-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

table.table.quiz-list-table > tbody > tr > td:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* ------------------------------ 02-11-2021 ------------------------------ */
#tt-footer .col-promo .tt-social-icon {
  float: left;
}

#tt-footer .col-list .row > * {
  text-align: right;
}

#tt-footer .col-list:before {
  top: 0;
  margin-right: -25px;
  margin-left: inherit;
}

/* ---------------------------------------------------------------- 08-11-2021 * Tatweer new layout * ---------------------------------------------------------------- */
/* ----------------------Header-settings------------------ */

.header-second .container {
  width: 100% !important;
  max-width: 95% !important;
}

.search-box {
  margin-right: 20px;
}

.search-box i {
  color: #000;
  cursor: pointer;
}

.custom-drop-down {
  float: left;
  margin-top: -28px;
  z-index: 999;
  left: 30px;
}

.custom-drop-down .english-lang {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}

.custom-drop-down .english-lang::before {
  position: absolute;
  content: "";
  background: url(../images/usa-flag.png) no-repeat;
  width: 20px;
  height: 20px;
  right: -9px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.comm-lang {
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

.comm-lang:hover {
  color: #f37120 !important;
}

.header-second .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-drop-down .dropdown-toggle {
  background: #fff;
  color: #000;
  font-weight: 500;
  padding: 8px 0px !important;
  position: relative !important;
  padding-right: 30px !important;
  padding-left: 24px !important;
  border: none !important;
}

.custom-drop-down .dropdown-toggle:hover {
  background: transparent !important;
  color: #1e7fc0;
  outline: none !important;
}

.custom-drop-down .dropdown-toggle::before {
  position: absolute;
  content: "";
  background: url(../images/usa-flag.png) no-repeat;
  width: 20px;
  height: 20px;
  right: 0;
}

.custom-drop-down .dropdown-toggle::after {
  position: absolute;
  content: "";
  background: url(../images/drop-arrow.png) no-repeat;
  width: 12px;
  height: 12px;
  border: none !important;
  display: block !important;
  left: 0;
  background-size: cover !important;
  top: -3px;
  bottom: 0;
  margin: auto;
}

.header-second .nav__body {
  margin-right: auto !important;
  margin-left: 0 !important;
}

/* --------------Footer Settings---------------- */

.main-footer-box {
  width: 80%;
  margin: auto;
  text-align: center;
}

.comman-icon-box {
  width: 50px;
  height: 50px;
  background: #f37120;
  margin: auto;
  margin-bottom: 30px;
  border-radius: 100% !important;
  position: relative;
}

.location-icon::before {
  position: absolute;
  content: "";
  background: url(../images/pin-location.png) no-repeat;
  background-size: cover;
  height: 20px;
  width: 15px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mail-icon:before {
  position: absolute;
  content: "";
  background: url(../images/email-pin.png) no-repeat;
  background-size: cover;
  height: 20px;
  width: 20px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.phone-icon:before {
  position: absolute;
  content: "";
  background: url(../images/whatsapp-white.png) no-repeat;
  background-size: cover;
  height: 20px;
  width: 20px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.com-text a {
  color: #fff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.com-text a:hover {
  color: #f37120;
}

.first-footer {
  margin-bottom: 40px;
  border-bottom: 1px solid #9e9e9e;
  padding-bottom: 40px;
}

.quick-heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 24px;
  text-align: right;
}

.navy-blue-footer .second-footer ul.footer-links-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

.navy-blue-footer .second-footer ul.footer-links-main li {
  margin-left: 20px;
  border-left: 1px solid #a4a4a4;
  padding-left: 20px;
}

.navy-blue-footer .second-footer ul.footer-links-main li:last-child {
  margin-right: 0;
  padding-right: 0;
  border: none;
}

.navy-blue-footer .second-footer ul.footer-links-main li a {
  color: #fff;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}

.navy-blue-footer .second-footer ul.footer-links-main li a:hover {
  color: #f37120;
}

.follow-links {
  text-align: right;
}

.follow-links a {
  display: inline-block;
  margin-left: 30px;
}

.light-blue-footer {
  clear: both;
  background: #f37120;
  padding: 15px 0px;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.privacy-link a {
  color: #fff;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}

.privacy-link a:hover {
  color: #b9b9bd;
}

.first-footer .com-text {
  color: #fff;
}

.light-blue-footer .col-6.col-md-6.col-sm-6.col-xs-12 {
  text-align: right !important;
}

.light-blue-footer .col-6.col-md-6.col-sm-6.col-xs-12.privacy-link {
  text-align: left !important;
}

.footer {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  float: left;
  color: #fff;
  background: #9c9c9c;
  background-position: bottom;
  font-weight: normal;
  padding-top: 40px;
  padding-bottom: 40px;
}

.first-footer .border-right {
  border-left: 1px solid #fff;
  border-right: 0 !important;
}

/* -----------------End of footer------------------ */

/* ---------------------------------------- Page start here------------------------- */

/* -------------------------------Globe css------------------------ */

.clear-both {
  clear: both;
}

.main-heading-div .inner-heading {
  font-size: 45px;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 60px;
  color: #000;
  font-weight: 600 !important;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  text-align: right;
}

.banner-video-area {
  position: relative;
  height: calc(100vh - 172px);
}

.banner-video-area video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  /* aspect-ratio: 16/9; */
}

.video-content {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  width: 50%;
  padding: 20px;
  text-align: right;
}

.video-content p {
  color: #ffffff;
}

.main-heading-div .inner-heading:before {
  position: absolute;
  content: "";
  background: #f69355;
  width: 50px;
  height: 5px;
  bottom: -3px;
}

.main-heading-div .inner-heading .color-blue-light {
  color: #f37120;
  font-weight: 300;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  color: #000;
  font-weight: 300;
}

.com-ul-list li {
  margin-bottom: 15px;
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  padding-right: 15px;
  position: relative;
}

.com-ul-list li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #000;
  border-bottom: 6px solid transparent;
  right: 0;
  top: 3px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-main {
  margin-top: 40px;
  text-align: right;
}

.btn-main .btn {
  padding: 9px 20px;
  border: 1px solid #000;
  border-radius: 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  border-radius: 0 !important;
  box-shadow: none;
}

.btn-main .btn:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-width: 11px 11px 0 0;
  border-color: transparent #000 transparent transparent;
  border-style: solid;
  bottom: 0;
  right: 0;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
}

.btn-main .btn:hover::before {
  border-color: #000 #000 #000;
  width: 100%;
  height: 100%;
  background: #000;
  -webkit-transition: 0.4s all ease;
  transition: 0.4s all ease;
  border-width: inherit !important;
  z-index: -1;
}

.btn-main .btn:hover {
  color: #fff;
}

.comm-lang:hover,
.nav__list .nav__item .nav__link:hover {
  color: #f37120 !important;
  text-decoration: none;
}

/* --------------------------End Of Global css------------------------ */

/* ----------------------welcome-Section---------- */

.welcome-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.welcome-section .inner-row .left-col img {
  width: 90%;
  margin: auto;
  display: block;
}

.welcome-section
  .inner-row
  .right-col
  .main-heading-div
  .inner-heading
  .color-blue-light {
  display: block;
}

.welcome-section .right-col p {
  margin-top: 40px;
  text-align: right;
}

.welcome-section .right-col ul.com-ul-list {
  margin-top: 30px;
  text-align: right;
}

/*--------------Our Features------------------- */

.our-features-section {
  padding-bottom: 60px;
}

.our-features-section .heading-row .main-heading-div .inner-heading {
  border: none !important;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.our-features-section .heading-row .main-heading-div .inner-heading:before {
  display: none !important;
}

.our-features-section .heading-row .main-heading-div p {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
}

.our-features-section .heading-row .main-heading-div p:before {
  position: absolute;
  content: "";
  background: #f37120;
  width: 50px;
  height: 5px;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: auto;
}

.feature-row-main {
  padding-top: 30px;
}

.img-ovelay-main {
  position: relative;
}

.img-ovelay-main::before {
  position: absolute;
  content: "";
  background: url(../images/overlay-octagon.png) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.com-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px;
}

.left-side .inn-com {
  width: 80%;
  margin-left: 30px;
}

.com-grid .inn-com-img img {
  width: 40px;
}

.com-text {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

.com-grid .inn-com p {
  font-size: 14px;
}

.inn-com-img {
  position: relative;
}

.inn-com-img:before {
  position: absolute;
  content: "";
  background: #f37120;
  width: 30px;
  height: 30px;
  left: -10px;
  z-index: -1;
  bottom: 0;
  border-radius: 100%;
}

.right-side .inn-com {
  width: 80%;
  margin-right: 30px;
}

.right-side .inn-com-img::before {
  right: -10px !important;
  left: auto !important;
}

.feature-row-main .right-side {
  text-align: right !important;
}

.feature-row-main .left-side {
  text-align: left !important;
}

/* --------------------------Faq Section------------------------- */

.Faq-section-main {
  background: #f9fafc;
  padding-top: 100px;
}

.Faq-section-main .row {
  width: 90% !important;
  margin-left: 0;
  margin-right: auto !important;
}

.Faq-section-main .right-col {
  padding-left: 0;
  padding-right: 0;
}

.main-faq-section {
  margin-top: 52px;
}

.Faq-section-main .row .right-col img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/* ---------------------------------------------------------------------- */

.accordion {
  width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0px;
}

.accordion i {
  color: #000;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.accordion .fa-minus {
  display: none;
}

.active .fa-minus {
  display: block;
}

.active .fa-plus {
  display: none;
}

.accordion h5 {
  font-size: 18px;
  margin: 0;
  color: #000;
  padding-right: 10px;
  font-weight: 500;
  text-align: right;
}

.panal {
  padding: 0 15px;
  font-size: 16px;
  text-align: justify;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  max-height: 0;
  font-weight: 300;
}

/* ------------------------------------------------------------------------- */

/* -------------pannel-section------------------------- */

.panel-group {
  margin-bottom: 0;
}

.panel-group .panel {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-group .panel .panel-heading {
  padding: 0;
}

.panel-group .panel .panel-heading h4 a {
  background: #f8f8f8;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 15px;
  text-decoration: none;
  -webkit-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
}

.panel-group .panel .panel-heading h4 a:hover,
.panel-group .panel .panel-heading h4 a:not(.collapsed) {
  background: #fff;
  -webkit-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
}

.panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
  content: "";
}

.panel-group .panel .panel-heading h4 a i {
  color: #000;
  font-size: 14px;
  position: relative;
  top: 4px;
}

.panel-group .panel .panel-body {
  padding-top: 0;
}

.panel-group .panel .panel-heading + .panel-collapse > .list-group,
.panel-group .panel .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

.panel-group .panel + .panel {
  border-top: none;
  margin-top: 0;
}

.main-panel-section {
  margin-top: 52px;
}

.main-panel-section .panel-default {
  border: none !important;
}

.main-panel-section .panel-default .panel-heading {
  background: transparent !important;
  color: #000 !important;
  border: none !important;
}

.main-panel-section .panel-default .panel-heading .panel-title a {
  background: #f9fafc !important;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  padding-left: 0;
  padding-right: 0;
}

.main-panel-section .panel-body {
  background: #f9fafc !important;
  padding: 0;
  padding-left: 26px;
  padding-right: 26px;
  padding-bottom: 15px;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
}

.counter-section-main {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#fbd1b6),
    to(#fbd1b6)
  );
  background: linear-gradient(0deg, #fbd1b6, #fbd1b6);
  margin-bottom: 100px;
}

.counter-section-main .in-firsr-count {
  padding-top: 40px;
  padding-bottom: 40px;
}

.counter-section-main .in-firsr-count .comman-column .box-main {
  width: 90%;
  margin: auto;
}

.counter-section-main .in-firsr-count .comman-column .box-main .inner-main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 20px;
}

.counter-section-main
  .in-firsr-count
  .comman-column
  .box-main
  .inner-main-box
  .right-number {
  position: relative;
}

.counter-section-main
  .in-firsr-count
  .comman-column
  .box-main
  .inner-main-box
  .right-number {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.counter-section-main
  .in-firsr-count
  .comman-column
  .box-main
  .inner-main-box
  .right-number
  .counting {
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
  text-align: center;
  color: #000;
}

.counter-section-main
  .in-firsr-count
  .comman-column
  .box-main
  .inner-main-box
  .right-number
  span.plus-span {
  position: relative;
  right: 5px;
  font-weight: 500;
  font-size: 35px;
  line-height: 42px;
}

.counter-section-main
  .in-firsr-count
  .comman-column
  .box-main
  .inner-main-box
  .left-img {
  margin-left: 15px;
}

.counter-section-main .in-firsr-count .comman-column .box-main h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #000;
}

.counter-section-main .in-firsr-count .comman-column .box-main .inner-main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.counter-section-main .in-firsr-count .comman-column {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.counter-section-main .in-firsr-count .comman-column:before {
  position: absolute;
  content: "";
  background: #f37120;
  width: 5px;
  height: 50px;
  right: -3px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.counter-section-main .in-firsr-count .comman-column:last-child {
  border-left: none !important;
}

.counter-section-main .in-firsr-count .comman-column:first-child::before {
  display: none;
}

.counter-section-main .in-firsr-count .comman-column:last-child::before {
  display: block;
}

/* -------------------------------------Programme-grid-css------------------------------- */

.pro-grid-main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  margin-bottom: 15px;
}

.pro-grid-main .com-grid-main .inner-box {
  position: relative;
}

.pro-grid-main .com-grid-main .inner-box .img-part {
  position: relative;
}

.pro-grid-main .com-grid-main .inner-box .img-part:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main {
  position: absolute;
  bottom: 0;
  padding: 30px 30px;
  left: 0;
  right: 0;
  height: 150px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .firs-des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
}

.pro-grid-main
  .com-grid-main
  .inner-box
  .des-part-main
  .firs-des
  .left-col-des {
  width: 72%;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .firs-des .right-col {
  width: 28%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pro-grid-main
  .com-grid-main
  .inner-box
  .des-part-main
  .firs-des
  .left-col-des
  h5 {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 30px;
  line-height: 36px;
  color: #fff;
  position: relative;
  text-align: right;
}

.pro-grid-main
  .com-grid-main
  .inner-box
  .des-part-main
  .firs-des
  .left-col-des
  h5:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  width: 1px;
  left: 20px;
  top: 0;
  bottom: 0;
  content: "";
}

.pro-grid-main
  .com-grid-main
  .inner-box
  .des-part-main
  .firs-des
  .left-col-des
  .sub-title {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  display: block;
  text-align: right;
}

.pro-grid-main
  .com-grid-main
  .inner-box
  .des-part-main
  .firs-des
  .right-col
  .price-section {
  font-weight: 800;
  font-size: 60px;
  line-height: 72px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}

.pro-grid-main
  .com-grid-main
  .inner-box
  .des-part-main
  .firs-des
  .right-col
  .usd-price {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 200;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  text-align: right;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .short-des-main {
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .btn-main {
  margin-top: 0px;
  height: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 40px;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .short-des-main p {
  margin-top: 30px;
  margin-bottom: 30px !important;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  color: #fff;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .btn-main .btn {
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  z-index: 99;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .btn-main .btn:hover {
  color: #000;
}

.pro-grid-main .com-grid-main .inner-box .des-part-main .btn-main .btn:before {
  border-color: transparent #fff transparent transparent !important;
}

.pro-grid-main
  .com-grid-main
  .inner-box
  .des-part-main
  .btn-main
  .btn:hover:before {
  border-color: #fff #fff #fff;
  background: #fff;
}

.pro-grid-main .com-grid-main:hover .inner-box .des-part-main {
  top: auto;
  bottom: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  background: #8bc1f982;
  height: 100%;
}

.pro-grid-main .com-grid-main:hover .inner-box .des-part-main .short-des-main {
  height: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.8s all ease;
  transition: 0.8s all ease;
  text-align: right;
}

.pro-grid-main .com-grid-main:hover .inner-box .des-part-main .btn-main {
  height: auto;
  opacity: 1;
  visibility: visible;
  position: absolute;
  bottom: 40px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.com-grid-main {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  cursor: pointer;
}

/* -----------------------Slider Section-------------------------------------- */

/* .home-slider-main .comman-banner{
    background: url(../images/slider-img-main.png) no-repeat;
    background-size: cover;
    background-position: center center;
    width:100%;
    height:860px;
    
} */

.home-slider-main .comman-banner {
  background: url(../images/driver-car.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 860px;
}

.home-slider-main .comman-banner:nth-child(2) {
  background: url(../images/bmw-car.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 860px;
}

.home-slider-main .comman-banner:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.main-text-slider {
  width: auto;
  margin-right: 10%;
  margin-top: 10%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
  float: right;
  text-align: right;
}

.main-text-slider .banner-text-main {
  font-weight: 500;
  font-size: 60px;
  line-height: 68px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 50px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.main-text-slider .banner-text-main:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 50px;
  height: 5px;
  bottom: -3px;
  right: 4px;
}

.main-text-slider .banner-text-main .sub-head-baaner {
  display: block;
  font-weight: 300;
}

.main-text-slider ul.banner-ul li {
  margin-bottom: 15px;
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  padding-right: 15px;
  position: relative;
}

.main-text-slider ul.banner-ul li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #fff;
  border-bottom: 6px solid transparent;
  right: 0;
  top: 5px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.main-text-slider .btn-main {
  margin-top: 60px;
}

.main-text-slider .btn-main .btn {
  color: #fff;
  border: 1px solid #fff;
  z-index: 99;
  font-size: 16px;
}

.main-text-slider .btn-main .btn:before {
  border-color: transparent #fff transparent transparent !important;
}

.main-text-slider .btn-main .btn:hover::before {
  background: #fff;
  border-color: #fff #fff #fff;
}

.main-text-slider .btn-main .btn:hover {
  color: #000;
}

.home-slider-main {
  position: relative;
}

.home-slider-main .social-link-main {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  bottom: 0;
  width: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  padding: 0px 35px;
}

.social-link-main .inner-social-links a {
  display: inline-block;
  margin-bottom: 38px;
}

.social-link-main .inner-social-links {
  position: relative;
}

.social-link-main .inner-social-links:before {
  position: absolute;
  content: "";
  background: #a4a4a4;
  top: -200px;
  width: 1px;
  height: 140px;
  left: -2px;
  right: 0;
  margin: auto;
}

.main-arrow-section a {
  position: relative !important;
}

.main-arrow-section a {
  position: relative !important;
  display: inline-block;
}

.main-arrow-section {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f37120;
  z-index: 9999;
  width: 5%;
  height: 280px;
  padding: 0px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.main-arrow-section:before {
  position: absolute;
  content: "";
  background: #fac19e7d;
  width: 1px;
  height: 75px;
  left: 0;
  right: 0;
  margin: auto;
}

.main-arrow-section .left {
  margin-top: 115px;
  bottom: -40px !important;
  opacity: 1 !important;
  right: 15px;
}

.main-arrow-section .right {
  margin-bottom: 50px;
  top: -40px;
  opacity: 1 !important;
  right: 2px !important;
}

.main-arrow-section .left span.glyphicon-chevron-left {
  background: url(../images/pre-arrow-gray.png) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
}

.main-arrow-section .left:hover span.glyphicon-chevron-left {
  background: url(../images/hover-arrow-blue.png) no-repeat !important;
  background-size: cover !important;
  width: 30px !important;
  height: 30px !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.main-arrow-section .right span.glyphicon-chevron-right {
  background: url(../images/pre-arrow-gray.png) no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 1 !important;
}

.main-arrow-section .right:hover span.glyphicon-chevron-right {
  background: url(../images/hover-arrow-blue.png) no-repeat;
  background-size: cover !important;
  width: 30px !important;
  height: 30px !important;
  opacity: 1 !important;
  -webkit-transform: revert;
  transform: revert;
}

.search-box {
  display: none;
}

.nav__link:before {
  position: absolute;
  content: "";
  background: #f37120;
  width: 20px;
  height: 2px;
  top: 0px;
  right: 0;
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.nav__link:after {
  position: absolute;
  content: "";
  background: #f37120;
  width: 20px;
  height: 2px;
  bottom: 0;
  left: 0;
  right: inherit;
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.nav__inner {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  left: 250px;
  display: flex;
  align-items: center;
}

.header-second .container .nav {
  background: #ffffff;
}

.nav__link {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 20px 8px;
  text-align: center;
  text-decoration: none;
  color: #000;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 19px;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.nav__inner .nav__link {
  margin-right: 20px;
  margin-left: 20px;
  padding: 5px 0px;
}

.nav__link:hover::before,
.nav__link:hover::after {
  opacity: 1;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.nav__link:hover {
  color: #000;
}

/* -----------------------------Media Query-responsive------------------- */

@media (max-width: 1660px) {
  .main-arrow-section:before {
    left: -10px;
  }
  .nav__inner {
    left: 250px;
    margin-right: 0;
  }
  .home-slider-main .social-link-main {
    top: -8px;
  }
  .home-slider-main .comman-banner {
    height: 850px;
  }
  .main-heading-div .inner-heading {
    font-size: 38px;
    line-height: 48px;
  }
  .btn-main .btn {
    font-size: 16px;
    line-height: 22px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    h5 {
    font-size: 26px;
    line-height: 31px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    .sub-title {
    font-size: 14px;
    line-height: 18px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .price-section {
    font-size: 50px;
    line-height: 50px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .usd-price {
    font-size: 18px;
    line-height: 21px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main {
    height: 140px;
  }
  .main-arrow-section .carousel-control-next {
    right: -6px;
  }
  .main-text-slider .banner-text-main {
    font-size: 52px;
    line-height: 62px;
  }
  .home-slider-main .social-link-main {
    padding: 0px 30px;
  }
  .main-panel-section {
    margin-top: 30px;
  }
  .com-text {
    font-size: 15px;
    line-height: 20px;
  }
  .main-panel-section .panel-default .panel-heading .panel-title a {
    padding: 10px 0px;
    font-size: 16px;
    line-height: 22px;
  }
  .quick-heading {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .Faq-section-main {
    padding-top: 70px;
  }
}

@media (max-width: 1460px) {
  .container {
    max-width: 1260px !important;
  }
  .home-slider-main .comman-banner {
    height: 800px;
  }
  .main-text-slider .banner-text-main {
    font-size: 45px;
    line-height: 55px;
  }
  .home-slider-main .social-link-main {
    padding: 0px 25px;
  }
  .main-arrow-section {
    padding: 0px 22px;
  }
  .main-arrow-section .carousel-control-next {
    right: 0px;
  }
  .main-arrow-section .carousel-control-prev {
    right: -3px;
  }
  .social-link-main .inner-social-links a img {
    width: auto;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    h5 {
    font-size: 20px;
    line-height: 27px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .price-section {
    font-size: 40px;
    line-height: 40px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .usd-price {
    font-size: 16px;
    line-height: 19px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main {
    height: 130px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    h5:before {
    left: 15px;
  }
  .counter-section-main
    .in-firsr-count
    .comman-column
    .box-main
    .inner-main-box
    .right-number
    .counting {
    font-size: 30px;
    line-height: 40px;
  }
  .counter-section-main .in-firsr-count .comman-column .box-main h5 {
    font-size: 14px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main .short-des-main p {
    margin-top: 20px;
    margin-bottom: 10px !important;
    font-size: 12px;
  }
  .com-grid {
    margin-bottom: 40px;
  }
  .main-heading-div .inner-heading {
    font-size: 32px;
    line-height: 40px;
  }
  .navy-blue-footer .second-footer ul.footer-links-main li a {
    font-size: 14px;
  }
  .follow-links a {
    margin-left: 20px;
  }
  .navy-blue-footer .second-footer ul.footer-links-main li {
    margin-left: 10px;
    padding-left: 10px;
  }
  .main-arrow-section {
    height: 220px;
  }
  .nav__link {
    font-size: 14px;
  }
  .main-text-slider {
    margin-right: 8%;
    margin-top: 12%;
  }
  .main-arrow-section:before {
    left: 0px;
  }
  .Faq-section-main {
    padding-bottom: 70px;
  }
  .Faq-section-main .row .right-col img {
    /* transform: rotateY(180deg); */
    position: relative;
    top: 69px;
  }
}

@media (max-width: 1380px) {
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    h5 {
    font-size: 16px;
    line-height: 22px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    .sub-title {
    font-size: 12px;
    line-height: 16px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .price-section {
    font-size: 31px;
    line-height: 30px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .usd-price {
    font-size: 12px;
    line-height: 14px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main {
    height: 120px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main .btn-main .btn {
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    z-index: 99;
    padding: 5px 18px;
  }
  .pro-grid-main .com-grid-main:hover .inner-box .des-part-main .btn-main {
    bottom: 25px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main .short-des-main p {
    margin-top: 15px;
    margin-bottom: 10px !important;
    font-size: 11px;
  }
  .home-slider-main .comman-banner {
    height: 700px;
  }
}

@media (max-width: 1300px) {
  .container {
    max-width: 1080px !important;
  }
  .counter-section-main .in-firsr-count .comman-column .box-main h5 {
    font-size: 12px;
  }
  .counter-section-main
    .in-firsr-count
    .comman-column
    .box-main
    .inner-main-box
    .right-number
    .counting {
    font-size: 22px;
    line-height: 30px;
  }
  .counter-section-main
    .in-firsr-count
    .comman-column
    .box-main
    .inner-main-box
    .right-number
    span.plus-span {
    font-size: 22px;
    line-height: 30px;
  }
  .pro-grid-main {
    grid-column-gap: 8px;
    margin-bottom: 8px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main {
    height: 110px;
    padding: 20px 20px;
  }
  .counter-section-main .in-firsr-count .comman-column {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .light-blue-footer {
    padding: 10px 0px;
    font-size: 10px;
  }
  .navy-blue-footer .second-footer ul.footer-links-main li a {
    font-size: 12px;
  }
  .nav__inner .nav__link {
    margin-right: 10px;
    margin-left: 10px;
    padding: 5px 0px;
  }
}

@media (max-width: 1260px) {
  .container {
    max-width: 1000px !important;
  }
  .header-second {
    padding: 10px 0px;
  }
  .header-second .right-logo img {
    width: 120px;
  }
  .home-slider-main .social-link-main {
    top: -1px;
    padding: 0px 0px;
  }
  .social-link-main .inner-social-links {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  .social-link-main .inner-social-links a {
    display: inline-block;
    margin-bottom: 25px;
  }
  .social-link-main .inner-social-links a img {
    width: 13px;
    height: 13px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
  }
  .accordion {
    margin: 5px 0;
    padding: 5px 0px;
  }
  .accordion h5 {
    font-size: 14px;
  }
  .panal p {
    font-size: 12px;
  }
  .main-text-slider ul.banner-ul li {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .main-text-slider .btn-main {
    margin-top: 50px;
  }
  .main-text-slider .banner-text-main {
    font-size: 38px;
    line-height: 40px;
  }
  .home-slider-main .comman-banner {
    height: 610px;
  }
  .nav__link {
    font-size: 12px;
  }
  .welcome-section .right-col p {
    margin-top: 40px;
    font-size: 12px;
  }
  .com-ul-list li {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .btn-main {
    margin-top: 30px;
  }
  .btn-main .btn {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 15px;
  }
  .main-text-slider .btn-main .btn {
    font-size: 12px;
  }
  .com-grid .inn-com p {
    font-size: 12px;
  }
  .com-text {
    font-size: 14px;
    line-height: 18px;
  }
  .com-grid {
    margin-bottom: 30px;
  }
  .main-arrow-section {
    height: 190px;
  }
}

@media (max-width: 1189px) {
  .nav__inner .nav__link {
    padding: 3px 4px;
    font-size: 11px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .nav__inner {
    left: 170px;
    margin-right: 0;
  }
  .home-slider-main .comman-banner {
    height: 540px;
  }
  .home-slider-main .social-link-main {
    width: 6%;
  }
  .main-arrow-section {
    width: 6%;
  }
  .main-text-slider {
    margin-right: 3%;
    margin-top: 10%;
  }
  .welcome-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    h5 {
    font-size: 14px;
    line-height: 18px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .price-section {
    font-size: 25px;
    line-height: 25px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .right-col
    .usd-price {
    font-size: 12px;
    line-height: 12px;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    .sub-title {
    font-size: 12px;
    line-height: 12px;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main {
    height: 104px;
    padding: 20px 20px;
  }
  .pro-grid-main {
    grid-column-gap: 8px;
    margin-bottom: 8px;
    grid-row-gap: 8px;
    padding: 0px 8px;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
  .pro-grid-main .com-grid-main .inner-box .img-part img {
    width: 100%;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des {
    width: 100%;
  }
  .pro-grid-main .com-grid-main .inner-box .des-part-main .firs-des .right-col {
    width: auto;
  }
  .pro-grid-main
    .com-grid-main
    .inner-box
    .des-part-main
    .firs-des
    .left-col-des
    h5:before {
    left: 0px;
    right: 80px;
    margin: auto;
  }
  .main-heading-div .inner-heading {
    font-size: 24px;
    line-height: 30px;
  }
  .counter-section-main
    .in-firsr-count
    .comman-column
    .box-main
    .inner-main-box {
    min-height: 45px;
  }
  .counter-section-main .in-firsr-count .comman-column {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .counter-section-main .in-firsr-count .comman-column:before {
    height: 30px;
  }
  .Faq-section-main .row {
    width: 95% !important;
  }
  .main-footer-box {
    width: 90%;
  }
  .main-footer-box {
    width: 90%;
    margin: auto;
    text-align: center;
  }
  .follow-links a {
    margin-left: 15px;
  }
  .follow-links a img {
    width: 12px;
    height: 12px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
  }
  .social-link-main .inner-social-links:before {
    top: -130px;
    height: 90px;
  }
  .Faq-section-main {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .Faq-section-main .right-col img {
    position: relative;
    top: 40px !important;
  }
}

@media (max-width: 991px) {
  .custom-drop-down {
    float: left;
    margin-top: 0px;
    z-index: 999;
    left: 60px;
    z-index: 1;
  }
  .nav__btn-wrap {
    position: absolute;
    top: 1px;
    left: -20px;
  }
  .nav__inner {
    margin-right: 0;
    left: 0;
  }
  header .nav .btn.nav__btn {
    position: relative;
    width: 35px;
    height: 35px;
    padding: 0;
    margin-top: 0;
    display: block;
    background: #ed6925;
    border-radius: 0 !important;
    border: 1px solid #ed6925;
  }
  .main-arrow-section {
    z-index: 11;
  }
  .main-arrow-section {
    z-index: 2;
  }
  .nav__inner::after,
  .nav__inner::before {
    position: fixed;
    top: 0;
    bottom: 0;
    content: "";
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
    background-color: rgb(237 105 37 / 90%);
  }
  .search-box {
    display: none;
  }
  .nav__link:before,
  .nav__link:after {
    display: none;
  }
  .nav__inner .nav__link {
    padding: 20px 4px;
    font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .home-slider-main .social-link-main {
    width: 8%;
  }
  .main-arrow-section {
    width: 8%;
  }
  .main-arrow-section {
    height: 170px;
  }
  .main-arrow-section .left {
    margin-top: 105px;
    bottom: 0px !important;
    opacity: 1 !important;
    left: 5px;
  }
  .main-arrow-section .right {
    top: -26px;
  }
  .main-arrow-section:before {
    left: -6px;
    height: 55px;
  }
  .main-arrow-section:before {
    top: 8px;
    bottom: 0;
  }
  .main-text-slider .banner-text-main {
    font-size: 30px;
    line-height: 32px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .home-slider-main .comman-banner {
    height: 460px;
  }
  .social-link-main .inner-social-links a {
    display: inline-block;
    margin-bottom: 19px;
  }
  .main-text-slider {
    margin-right: 3%;
    margin-top: 13%;
  }
  .welcome-section .inner-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .welcome-section .inner-row .left-col {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .welcome-section .inner-row .right-col {
    width: 100%;
    max-width: 100%;
  }
  .pro-grid-main {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .counter-section-main .in-firsr-count .row {
    display: block;
  }
  .counter-section-main .in-firsr-count .row .comman-column {
    width: 59% !important;
    max-width: 50% !important;
    margin-bottom: 20px;
  }
  .counter-section-main .in-firsr-count .row .comman-column:nth-child(2) {
    border-right: 0 !important;
    border-left: 0;
  }
  .counter-section-main
    .in-firsr-count
    .row
    .comman-column:nth-child(2):before {
    /* display: none; */
  }
  .counter-section-main
    .in-firsr-count
    .row
    .comman-column:nth-child(3)::before {
    display: none;
  }
  .counter-section-main
    .in-firsr-count
    .comman-column
    .box-main
    .inner-main-box {
    min-height: 45px;
    margin-bottom: 10px;
  }
  .counter-section-main .in-firsr-count {
    padding-bottom: 20px;
  }
  .counter-section-main {
    margin-bottom: 50px;
  }
  .container {
    max-width: 95% !important;
  }
  .our-features-section .feature-row-main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main-heading-div .inner-heading {
    font-size: 18px;
    line-height: 1.33;
  }
  .accordion h5 {
    font-size: 12px;
  }
  .com-text {
    font-size: 12px;
    line-height: 16px;
  }
  .second-footer {
    display: block !important;
  }
  .second-footer > .col-3 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
    margin-top: 30px;
  }
  .second-footer > .col-6 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
    text-align: center;
  }
  .navy-blue-footer .second-footer ul.footer-links-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .first-footer {
    margin-bottom: 0px;
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 20px;
  }
  .second-footer .col-3.col-sm-3.col-md-3.col-xs-12 {
    text-align: center;
  }
  .quick-heading {
    text-align: center;
  }
  .follow-links {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .header-second .container {
    padding-left: 0;
    padding-right: 0;
  }
  .nav__btn-wrap {
    position: absolute;
    top: 1px;
    left: 0px;
  }
  .main-text-slider .banner-text-main {
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  .main-arrow-section .left {
    margin-top: 80px;
    bottom: 0px !important;
    opacity: 1 !important;
    left: 1px;
  }
  .main-arrow-section .right {
    top: -18px;
    left: 9px !important;
  }
  .feature-row-main {
    display: block !important;
  }
  .feature-row-main .col-4 {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
  }
  .img-ovelay-main img {
    width: 100%;
  }
  .our-features-section .feature-row-main .left-side {
    text-align: right !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .our-features-section .feature-row-main .left-side .inn-com {
    width: 88%;
    margin-right: 0;
    margin-right: 30px;
  }
  .Faq-section-main .row {
    width: 95% !important;
    margin: auto !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Faq-section-main .row .col-6 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .navy-blue-footer .first-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .navy-blue-footer .first-footer .col-4 {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
    border-right: 0 !important;
    border-left: 0 !important;
  }
  .light-blue-footer {
    padding: 10px 0px;
    font-size: 8px;
  }
  .main-arrow-section:before {
    left: -6px;
    height: 35px;
  }
}

@media (max-width: 567px) {
  .header-second .container {
    width: 90% !important;
    max-width: 90% !important;
  }
  p {
    font-size: 12px;
  }
  .home-slider-main .social-link-main {
    display: none;
  }
  .main-arrow-section {
    height: auto;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .main-arrow-section .left {
    margin-top: 0px;
    bottom: 0px !important;
    opacity: 1 !important;
    left: -40px;
    top: 32px;
  }
  .main-arrow-section .right {
    top: 32px;
    left: 40px !important;
  }
  .main-arrow-section::before {
    display: none;
  }
  .home-slider-main .comman-banner {
    height: 350px;
  }
  .main-arrow-section {
    display: none;
  }
  .main-text-slider .banner-text-main {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 15px;
    margin-bottom: 25px;
  }
  .main-text-slider ul.banner-ul li {
    font-size: 10px;
    margin-bottom: 10px;
  }
  .main-text-slider ul.banner-ul li:before {
    border-top: 5px solid transparent;
    border-left: 5px solid #fff;
    border-bottom: 5px solid transparent;
  }
  .pro-grid-main {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .counter-section-main .in-firsr-count .row .comman-column {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
    border-right: 0;
    border-bottom: 1px solid #d6d6d6;
    border-left: 0 !important;
  }
  .counter-section-main .in-firsr-count .comman-column:before {
    display: none !important;
  }
  .our-features-section .heading-row .main-heading-div p {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .our-features-section {
    padding-bottom: 0px;
  }
  .light-blue-footer .col-6 {
    max-width: 100% !important;
    width: 100% !important;
  }
  .light-blue-footer .row {
    text-align: center !important;
    display: block;
  }
  .light-blue-footer .col-6.privacy-link {
    text-align: center !important;
    margin-top: 5px;
  }
  .feature-row-main .right-side {
    text-align: right !important;
    margin-right: 20px;
  }
  .navy-blue-footer .second-footer ul.footer-links-main li {
    margin-left: 5px;
    padding-left: 5px;
  }
  .navy-blue-footer .second-footer ul.footer-links-main li:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
    border: none;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .light-blue-footer .col-6.col-md-6.col-sm-6.col-xs-12.privacy-link {
    text-align: center !important;
  }
  .light-blue-footer .col-6.col-md-6.col-sm-6.col-xs-12 {
    text-align: center !important;
  }
}

@media (max-width: 380px) {
  .home-slider-main .comman-banner {
    height: 330px;
  }
  .main-text-slider .btn-main {
    margin-top: 30px;
  }
}

@media (max-width: 350px) {
  .home-slider-main .comman-banner {
    height: 300px;
  }
}

/* ---------------------------------------------------- 11-11-2021 ---------------------------------------------------- */
.sharq-profile-alert.alert.alert-light {
  color: #f37120;
  background-color: #fdece2;
  border-color: #fbd1b6;
  text-align: right;
  padding-left: 4rem;
  padding-right: 1.75rem;
}

.sharq-profile-alert.alert.alert-light button span {
  position: relative;
  font-size: 30px;
}

.sharq-profile-alert.alert.alert-light .close {
  left: 0;
  right: unset;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* ---------------------------------------------------- 11-11-2021 ---------------------------------------------------- */
.communication-data-main .panel-group .panel .panel-heading h4 a {
  background: #ed6925 !important;
}

.communication-data-main .panel-group .panel .panel-heading h4 a i {
  color: #ffffff;
  font-size: 14px;
  position: relative;
  top: unset;
}

.sharq-profile-alert.alert.alert-light {
  color: #ffffff;
  background-color: #ed6925;
  border-color: #ed6925;
}

.btn {
  height: unset !important;
  border-radius: 4px !important;
}

.panel-group .panel .panel-body {
  padding-top: 15px;
}

/* ---------------------------------------------------- 11-10-2021  * Sharq New Profile Screen * ---------------------------------------------------- */
header.header {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 500;
  background: #ffffff;
}

nav.header-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
}

.right-side-area {
  display: flex;
  align-items: center;
}

.profile-main-area {
  display: flex;
  align-items: center;
}

.persoal-info-area-new p b {
  font-weight: 500;
  font-size: 16px;
  text-align: right;
  line-height: 1.33;
}

.opacity-05 {
  opacity: 0.5;
}

.profile-area-designation {
  color: #767676;
  font-size: 13px;
  line-height: 1.33;
}

aside.aside {
  width: 240px;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 60px;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
  background: #ffffff;
  overflow: auto;
}

ul.sidebar-list-new {
  margin: 0;
  padding: 25px 20px;
  list-style: none;
  overflow: hidden;
  position: relative;
}

.sidebar-list-new li {
  margin-bottom: 5px;
  width: 100%;
}

.sidebar-list-new li a {
  padding: 10px 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  line-height: 1.33;
}

.sidebar-list-new li a img,
.sidebar-list-new li a svg {
  margin-left: 1.2rem;

  height: 18px;
  width: 18px;
}

.sidebar-list-new li.saperator-line {
  height: 2px;
  width: 100%;
  background: #aaaaaa;
  margin: 1rem 0;
}

main.main-body {
  margin: 60px 240px 0 0;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card.main-name-card {
  padding: 26px;
  min-height: 200px;
  display: flex;
  justify-content: center;
  background: #fdece2 url("/Themes/Tatweer/images/main-name-card-bg.png")
    no-repeat left 20px center/contain;
  border-radius: 15px;
  border: none;
}

.card.main-name-card h2 {
  font-weight: 300;
  font-size: 40px;
  line-height: 160%;
  color: #ed6925;
  text-align: right;
}

.header-main-dashboard {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
  color: #000000;
  text-align: right;
}

.card.info-area-card {
  background: #ffffff;
  border-radius: 10px;
  min-height: 140px;
}

.today-section-card-group .card {
  min-height: 165px;
  box-shadow: 0px 0px 1px rgb(0 0 0 / 25%);
  border-radius: 10px;
}
.today-section-card-group .card.invoice-area-card {
  background: #ffffff url("/Themes/Tatweer/images/invoice-bg-img.png") no-repeat
    left 20px center/80px;
}
.today-section-card-group .card.session-area-card {
  background: #ffffff no-repeat left 20px center/contain;
}
.today-section-card-group .card.quiz-area-card {
  background: #ffffff url("/Themes/Tatweer/images/ideas-bg-img.png") no-repeat
    left 20px center/80px;
}
.today-section-card-group .card.class-area-card {
  background: #ffffff url("/Themes/Tatweer/images/clock-bg-img.png") no-repeat
    left 20px center/80px;
}

.card.session-area-card .uper-body h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #b64a32;
  margin: 0;
}

button.btn.btn-primary {
  background: #b64a32;
  border-radius: 5px;
  border-color: #b64a32;
}

.today-section-card-group .card .card-body {
  width: 70%;
  text-align: right;
}

.today-section-card-group .card .card-body .uper-body {
  border-bottom: 2px solid #aaaaaa;
  margin-bottom: 1rem;
}

.today-section-card-group .card .card-body .uper-body h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 160%;
  color: #ed6925;
  margin: 0;
}

.today-section-card-group .card .card-body .uper-body h3 span {
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: #000000;
  margin-left: 0.5rem;
}

.today-section-card-group .card .card-body .uper-body h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #b64a32;
  margin: 0;
}

.today-section-card-group .card button {
  display: inline-flex;
  align-items: center;
}
.today-section-card-group .card button img {
  margin-right: 10px;
}

/* Time Line Css */
ul.timeline {
  list-style-type: none;
  position: relative;
  overflow: hidden;
  text-align: right;
}

ul.timeline:before {
  content: " ";
  background: #000000;
  display: inline-block;
  position: absolute;
  right: 30px;
  width: 1px;
  height: 90%;
  z-index: 400;
}
ul.timeline > li {
  margin: 16px 0;
  padding-right: 50px;
  display: block;
  width: 100%;
}

ul.timeline > li:first-child {
  margin-top: 0;
}
ul.timeline > li:before {
  content: " ";
  background: #aaaaaa;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #aaaaaa;
  right: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.head-time-line h2 {
  margin-left: 0 !important;
  font-family: "Droid Arabic Kufi";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: #000000;
  margin: 0;
  padding: 14px 20px 11px 20px;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
  border-radius: 10px 10px 0px 0px;
  text-align: right;
}
.timeline h2 {
  margin: 0 0 5px 0 !important;
  font-family: "Droid Arabic Kufi";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #000000;
  margin: 0 !important;
}
.time-line-sec.first-sec-timeline {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
  border-radius: 10px;
  margin-top: 26px;
  padding: 0 0 4px 0;
}
ul.timeline > li:before {
  background: #aaaaaa;
  border-color: #aaaaaa;
}
ul.timeline > li.active:before {
  background: #44b632;
  border-color: #44b632;
}
.head-time-line {
  margin-bottom: 25px;
}
ul.timeline > li p {
  margin: 0;
  font-family: "Droid Arabic Kufi";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 126%;
  color: #000000;
}
.time-line-sec.second-sec-timeline h2 {
  margin: 0;
}
.time-line-sec.second-sec-timeline {
  margin-top: 25px;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
  border-radius: 10px;
}
.time-line-sec.second-sec-timeline .head-timeline-secod h2 {
  margin: 0;
  font-family: "Droid Arabic Kufi";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: #000000;
}
.time-line-sec.second-sec-timeline .head-timeline-secod .sec-inn {
  display: flex;
  justify-content: space-between;
}
.head-timeline-secod {
  padding: 14px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 25px;
}
.time-line-sec.second-sec-timeline {
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.time-line-sec.second-sec-timeline ul.timeline > li:before {
  background: #aaaaaa;
  border-color: #aaaaaa;
  width: 11px;
  height: 11px;
  right: 25px;
}
.time-line-sec.second-sec-timeline ul.timeline > li.active:before {
  background: #b64a32;
  border-color: #b64a32;
}
.time-line-sec.second-sec-timeline .timeline li h2 {
  margin: 0 !important;
  font-family: "Droid Arabic Kufi";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #000000;
}
.card.main-name-card.card-right {
  min-height: 140px;
  background: #fdece2;
  border-radius: 10px;
}
.card.main-name-card.card-left {
  border-radius: 15px;
  height: 228px;
}

.sidebar-list-new li.active a {
  color: #ed6925;
}

.sidebar-list-new li.active svg path {
  fill: #ed6925;
}

.time-line-sec.first-sec-timeline ul.timeline > li.active::before {
  content: url(/Themes/Tatweer/images/Icon/tick-white-icon.png);
  background: #44b632;
  border-color: #44b632;
}
.time-line-sec.second-sec-timeline ul.timeline > li.active::before {
  background: #ed6925;
  border-color: #ed6925;
}

.time-line-sec.schedule-area {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.border-none {
  border: none !important;
}

.today-section-card-group .card.session-area-card .card-body {
  width: 100%;
}

.today-section-card-group .card .card-body .lower-body .left-icon-section {
  background: #ed6925;
  height: 50px;
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.right-details-area {
  padding-right: 12px;
  text-align: right;
}

.today-section-card-group .card .card-body .lower-body .col-md-6 {
  display: flex;
  align-items: center;
}

.today-section-card-group .card.session-area-card .card-body .uper-body h4 {
  margin: 10px 0 20px 0;
  text-align: right;
}

.container-for-tabs {
  padding: 15px;
}

.container-for-tabs ul.nav.nav-tabs {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  border: none;
  display: flex;
  align-items: center;
  padding: 6px;
}
.container-for-tabs ul.nav.nav-tabs li {
  border: 1px solid transparent;
}

.container-for-tabs .nav-tabs > li.active > a,
.container-for-tabs .nav-tabs > li.active > a:focus,
.container-for-tabs .nav-tabs > li.active > a:hover {
  background-color: #fff;
  border: 1px solid transparent;
  border-bottom-color: transparent;
}

.container-for-tabs ul.nav.nav-tabs li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  padding: 5px 10px;
  border-radius: 4px;
}
.container-for-tabs ul.nav.nav-tabs li.active a {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  background: #ed6925;
  border-radius: 3px;
}

.container-for-tabs ul.nav.nav-tabs li a:hover {
  color: #ffffff;
  background: #ed6925;
  border: 1px solid transparent;
}

.tab-main-body {
  padding: 10px 0;
}

.tab-main-body .info-section-schedule {
  margin: 5px 0;
  padding: 10px;
  text-align: right;
}

.tab-main-body .info-section-schedule img {
  margin-left: 15px;
}

.tab-main-body button.btn.btn-primary {
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: #ffffff;
}

.chart-for-availibity {
  position: relative;
}

.info-text-chart {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.info-text-chart b {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.6;
}

.info-text-chart p {
  margin: 0;
  font-size: 16px;
  line-height: 1.33;
}

.chart-for-availibity.progress-chart b {
  font-size: 22px;
}

.card.main-name-card.card-right h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.33;
  color: #ed6925;
  margin: 40px 0 15px 0 !important;
  text-align: right;
}

.card.main-name-card.card-right .progress {
  height: 5px;
  background-color: rgba(182, 74, 50, 0.15);
  box-shadow: none;
  border-radius: 2.5px;
  margin: 0;
  margin-bottom: 10px;
}

.card.main-name-card.card-right .progress .progress-bar {
  background-color: #ed6925;
  border-radius: 2.5px;
}

.progress-text {
  line-height: 1.33;
  text-align: right;
  margin: 0;
}

.profile-main-area + ul li a {
  font-size: 16px;
  color: #000000;
  font-weight: 600;
}

/* ---------------------------------------------------- 19-10-2021  * Sharq New Profile Screen Responsive * ---------------------------------------------------- */
.card.main-name-card.card-right {
  max-height: 140px;
}
.chart-for-availibity canvas#layanan_subbagian {
  width: 100% !important;
  height: 100% !important;
  max-height: 140px;
}
.burgr-menu-profile button.burger-menu-btn {
  display: flex;
  height: 30px;
  width: 30px;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
}

.burgr-menu-profile,
.sidemenu-show {
  display: none;
}

.header-main-dashboard {
  margin: 0 !important;
}

.today-section-card-group .card.session-area-card .card-body .uper-body h4,
.today-section-card-group .card .card-body .uper-body h4 {
  margin: 10px 0 20px 0 !important;
}

.today-section-card-group .card h3 {
  margin-left: 0 !important;
}

.timeline h2 {
  margin: 0 0 5px 0 !important;
}

@media only screen and (max-width: 1499px) {
  aside.aside {
    width: 210px;
  }
  main.main-body {
    margin: 60px 0 0 210px;
  }
  .sidebar-list-new li a {
    font-size: 13px;
  }
  .today-section-card-group .card.invoice-area-card {
    background-size: 70px;
  }
  .today-section-card-group .card.quiz-area-card {
    background-size: 70px;
  }
  .today-section-card-group .card.class-area-card {
    background-size: 70px;
  }
  .today-section-card-group .card .card-body .lower-body .col-md-6 {
    grid-template-columns: 45px 1fr;
  }
  .today-section-card-group .card .card-body .lower-body .left-icon-section {
    height: 45px !important;
    width: 45px !important;
  }
}
@media only screen and (max-width: 1399px) {
  .card.main-name-card.card-left {
    height: 200px;
  }
  .today-section-card-group .card .card-body .lower-body .col-md-6 {
    grid-template-columns: 40px 1fr;
  }
  .today-section-card-group .card .card-body .lower-body .left-icon-section {
    height: 40px !important;
    width: 40px !important;
  }
  .today-section-card-group
    .card
    .card-body
    .lower-body
    .left-icon-section
    img {
    width: 20px;
  }
  main.main-body .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }
  main.main-body div[class^="col-"] {
    padding: 0 7.5px;
  }
}
@media only screen and (max-width: 1299px) {
  ul.sidebar-list-new {
    padding: 15px 10px;
  }
  aside.aside {
    width: 180px;
  }
  main.main-body {
    margin: 60px 0 0 180px;
  }
  .card.main-name-card.card-right h3 {
    margin: 30px 0 15px 0 !important;
  }
  .today-section-card-group .card.invoice-area-card {
    background-size: 60px;
  }
  .today-section-card-group .card.quiz-area-card {
    background-size: 60px;
  }
  .today-section-card-group .card.class-area-card {
    background-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 1024px) {
  .burgr-menu-profile,
  .sidemenu-show {
    display: block;
  }
  .right-side-area .profile-main-area,
  .right-side-area ul,
  .right-side-area span {
    display: none;
  }
  aside.aside {
    width: 0px !important;
    height: 100vh;
    left: 0;
    top: 0;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
    background: #ffffff;
    overflow: auto;
    z-index: 501;
  }
  aside.aside.menu-show {
    width: 240px !important;
  }
  ul.sidebar-list-new {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  aside.aside.menu-show .profile-main-area + ul.my-0.mx-3 {
    position: relative;
    overflow: hidden;
    display: flex;
  }
  main.main-body {
    margin: 60px 0 0 0;
  }
  .sidemenu-show .w-100.d-flex.align-items-center.justify-content-between {
    padding: 20px 10px;
  }
  .sidemenu-show
    .w-100.d-flex.align-items-center.justify-content-between
    > img {
    width: 125px;
  }
  .sidebar-list-new li a {
    padding: 5px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .card.main-name-card.card-left {
    height: 170px;
    min-height: 170px;
    margin-bottom: 1rem;
  }
  .today-section-card-group .card .card-body button {
    padding: 3px 10px;
  }
}
@media only screen and (max-width: 990px) {
  .card.main-name-card.card-left {
    height: 140px;
    min-height: 140px;
  }
}
@media only screen and (max-width: 800px) {
  .today-section-card-group .card .card-body {
    padding: 0 10px;
  }
  .today-section-card-group .card .card-body .uper-body p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  canvas#layanan {
    max-height: 200px;
  }
}
@media only screen and (max-width: 575px) {
  .card.main-name-card h2 {
    font-size: 22px;
  }
  header.header .left-side-area > img {
    width: 150px;
  }
  .card.main-name-card.card-left {
    height: 100px;
    min-height: 100px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 480px) {
  .card.main-name-card h2 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 390px) {
}
@media only screen and (max-width: 325px) {
  header.header .left-side-area > img {
    width: 130px;
  }
}

/* ---------------------------------------------------- 20-10-2021  * Sharq New Profile Screen Footer * ---------------------------------------------------- */
footer.main-footer {
  box-shadow: 0px 0px 2px rgb(0 0 0 / 25%);
}

.footer-new {
  border-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 0 12.5px;
}

.footer-new .left-side {
  display: flex;
  width: 50%;
  justify-content: space-between;
  height: 50px;
  align-items: center;
}

.footer-new .left-side .copyright-class p {
  margin-bottom: 0;
  font-weight: 600;
}

.footer-new .right-side img {
  width: 30px;
  margin: 0 5px;
}

main.main-body .fade:not(.show) {
  opacity: 1;
}

.time-line-sec.schedule-area .tab-content {
  margin-top: 38px;
}

@media only screen and (max-width: 575px) {
  .footer-new {
    flex-direction: column;
  }
  .footer-new .left-side {
    width: 100%;
    justify-content: center;
    height: 40px;
  }
  .footer-new .right-side {
    padding-bottom: 5px;
  }
}

/* ---------------------------------------------------- 11-11-2021 ---------------------------------------------------- */
.sharq-profile-alert.alert.alert-light {
  color: #ed6925;
  background-color: #fdece2;
  border-color: #fdece2;
  text-align: right;
  padding-left: 4rem;
  padding-right: 1.75rem;
}

.sharq-profile-alert.alert.alert-light button span {
  position: relative;
}

.sharq-profile-alert.alert.alert-light .close {
  left: 0;
  right: unset;
}

/* ---------------------------------------------------- 11-11-2021 ---------------------------------------------------- */
.sharq-profile-alert.alert.alert-light {
  color: #ed6925;
  background-color: #fdece2;
  border-color: #fdece2;
  text-align: right;
  padding-left: 4rem;
  padding-right: 1.75rem;
}

.sharq-profile-alert.alert.alert-light button span {
  position: relative;
}

.sharq-profile-alert.alert.alert-light .close {
  left: 0;
  right: unset;
}

button.btn.btn-transparent.mb-3.mb-sm-0 {
  background: transparent;
}

.left-side-area,
.left-side-area img {
  height: 100%;
}

select#SchoolId {
  width: 100%;
}

button#btnsend {
  padding: 10px 35px;
  margin: 24px 0;
  background: #ed6925;
  color: #ffffff;
  float: right;
}

.new-img img {
  width: 100%;
}

.new-list-img img {
  width: 100%;
  margin-bottom: 10px;
}

.new-list-cont h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 27px;
  color: #131313;
  margin: -6px 0 10px;
  font-family: "Droid Arabic Kufi";
  text-align: right;
}

.new-list-cont p {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 25px;
  color: #131313;
  font-family: "Droid Arabic Kufi";
  text-align: right;
}

.new-content a h3 {
  color: #131313;
  font-weight: bold;
  font-size: 27px;
  margin: 5px 0 10px;
  text-align: right;
}

.new-content p {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 25px;
  color: #131313;
  font-family: "Droid Arabic Kufi";
  text-align: right;
}

.new-list-box {
  border-bottom: 1px solid #d9d9d9;
  padding: 31px 0 0 0px;
}

.container-fluid.new-bg .container h2,
.photo-gallery-bg .container h2 {
  color: #ed6925 !important;
  text-align: right;
}

/* ---------------------------------------------------- 23-11-2021 ---------------------------------------------------- */
.new-list-cont h4 {
  font-size: 22px;
}

.new-list-cont p {
  font-size: 16px;
}

.welcome-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* ---------------------------------------------------- 14-12-2021 ---------------------------------------------------- */
.row.news-rw {
  margin-bottom: 15px;
  background: #eeedec;
  border: 1px solid #c8c3be;
  border-radius: 15px;
  overflow: hidden;
}

.row.news-rw a.btn.readmore {
  box-shadow: none;
  margin: 0;
}

.row.news-rw > * {
  padding: 10px;
}

/* ---------------------------------------------- 22-12-2021 ---------------------------------------------- */
.col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home .main-footer-box {
  margin: 15px 0 0 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
  .main-footer-box
  .comman-icon-box {
  margin: 0 0 0 15px;
}
.col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
  .main-footer-box
  .com-text {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .navy-blue-footer .second-footer ul.footer-links-main {
    padding: 0;
  }

  .nav__list {
    margin: 0px;
    text-transform: uppercase;
    display: block;
    padding: 0;
  }

  .nav__list li.nav__item {
    justify-content: center;
  }

  .nav__list .nav__item:nth-last-child(2) .nav__link,
  .nav__list .nav__item:last-child .nav__link {
    background-color: transparent;
    border-color: transparent;
  }

  .nav__icon,
  .nav__icon::after,
  .nav__icon::before {
    height: 3px;
    top: 11px;
  }
}

/* ---------------------------------------------- 22-12-2021 ---------------------------------------------- */
.container.welcome-section.clear-both {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

/* ---------------------------------------------- 28-12-2021 ---------------------------------------------- */
.login {
  width: 380px;
}

.inp__control {
  height: 55px;
  padding: 0 14px 0 5px;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.login .control-group_fullwidth .inp {
  width: 100%;
}

.login .btn {
  font-size: 13px;
  line-height: 40px;
  position: relative;
  display: inline-block;
  height: 40px !important;
  padding: 0 15px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 2px;
  background: #72a3c3;
  background-color: #72a3c3;
  border: 1px solid #72a3c3;
  margin-bottom: 10px;
  box-shadow: none !important;
}

/* ---------------------------------------------------- 29-12-2021 ---------------------------------------------------- */
.nav__item {
  height: 43px;
}

.custom-drop-down {
  margin-top: -33px;
}

.btn-main,
.welcome-section .right-col p,
.footer.navy-blue-footer {
  margin-top: 0;
}

/* ---------------------------------------------------- 29-12-2021 ---------------------------------------------------- */
@media (max-width: 991px) {
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home {
    flex-direction: row;
  }
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
    > div {
    width: 50%;
  }

  .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home .main-footer-box {
    justify-content: center;
  }

  .custom-drop-down {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home {
    flex-direction: column;
  }
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
    > div {
    width: 100%;
  }

  .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home .main-footer-box {
    justify-content: flex-start;
  }
}

/* ---------------------------------------------------------- 15-12-2021 ---------------------------------------------------------- */
ul.list-of-unit-quiz-table li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

ul.list-of-unit-quiz-table li span {
  display: inline-block;
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 20px;
}

.right-text-sec .panel-group .panel-default > .panel-heading {
  background-color: #ed6925 !important;
}

.right-text-sec .panel-group .panel-default > .panel-heading h4 a {
  background: transparent;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  h4
  a.unitname::before {
  left: 20px;
  right: unset;
}

.mySlides.quize-sec iframe {
  aspect-ratio: 16/9;
  width: 100%;
}

.widgets-row .w3-content.w3-display-container.divinner {
  width: 100%;
}

.widgets-row
  .w3-content.w3-display-container.divinner
  button.w3-button.w3-black.w3-display-left {
  right: 0;
  left: unset;
}

.widgets-row
  .w3-content.w3-display-container.divinner
  button.w3-button.w3-black.w3-display-right {
  left: 0;
  right: unset;
}

/* ---------------------------------------------------------- 16-12-2021 ---------------------------------------------------------- */
.row.main-page-home .col-lg-3.col-md-3.right-text-sec {
  order: -1;
}

.right-text-sec .panel-group .panel-default > .panel-heading h4 a {
  text-align: right;
  padding: 10px 15px 10px 45px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  h4
  a.unitname.collapsed::before,
.right-text-sec
  .panel-group
  .panel-default
  > .panel-heading
  h4
  a.unitname::before {
  left: 20px;
  right: unset;
}

/* ---------------------------------------------------- 14-12-2021 ---------------------------------------------------- */
.row.news-rw {
  margin-bottom: 15px;
  background: #eeedec;
  border: 1px solid #c8c3be;
  border-radius: 15px;
  overflow: hidden;
}

.row.news-rw a.btn.readmore {
  box-shadow: none;
  margin: 0;
}

.row.news-rw > * {
  padding: 10px;
}

/* ---------------------------------------------- 22-12-2021 ---------------------------------------------- */
.col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home .main-footer-box {
  margin: 15px 0 0 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
  .main-footer-box
  .comman-icon-box {
  margin: 0 0 0 15px;
}
.col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
  .main-footer-box
  .com-text {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .navy-blue-footer .second-footer ul.footer-links-main {
    padding: 0;
  }

  .nav__list {
    margin: 0px;
    text-transform: uppercase;
    display: block;
    padding: 0;
  }

  .nav__list li.nav__item {
    justify-content: center;
  }

  .nav__list .nav__item:nth-last-child(2) .nav__link,
  .nav__list .nav__item:last-child .nav__link {
    background-color: transparent;
    border-color: transparent;
  }

  .nav__icon,
  .nav__icon::after,
  .nav__icon::before {
    height: 3px;
    top: 11px;
  }
}

/* ---------------------------------------------- 22-12-2021 ---------------------------------------------- */
.container.welcome-section.clear-both {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}

/* ---------------------------------------------- 28-12-2021 ---------------------------------------------- */
.login {
  width: 380px;
}

.inp__control {
  height: 55px;
  padding: 0 14px 0 5px;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.login .control-group_fullwidth .inp {
  width: 100%;
}

.login .btn {
  font-size: 13px;
  line-height: 40px;
  position: relative;
  display: inline-block;
  height: 40px !important;
  padding: 0 15px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: none;
  border-radius: 2px;
  background: #72a3c3;
  background-color: #72a3c3;
  border: 1px solid #72a3c3;
  margin-bottom: 10px;
  box-shadow: none !important;
}

/* ---------------------------------------------------- 29-12-2021 ---------------------------------------------------- */
.nav__item {
  height: 43px;
}

.custom-drop-down {
  margin-top: -33px;
}

.btn-main,
.welcome-section .right-col p,
.footer.navy-blue-footer {
  margin-top: 0;
}

/* ---------------------------------------------------- 29-12-2021 ---------------------------------------------------- */
@media (max-width: 991px) {
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home {
    flex-direction: row;
  }
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
    > div {
    width: 50%;
  }

  .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home .main-footer-box {
    justify-content: center;
  }

  .custom-drop-down {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home {
    flex-direction: column;
  }
  .navy-blue-footer
    .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home
    > div {
    width: 100%;
  }

  .col-3.col-sm-3.col-md-3.col-xs-12.footer-contact-info-home .main-footer-box {
    justify-content: flex-start;
  }
}

/* ---------------------------------------------------- 04-01-2022 ---------------------------------------------------- */
.dropdown.mr-1.custom-drop-down {
  margin-top: -40px;
}

.dropdown.mr-1.custom-drop-down
  .btn.btn-default.dropdown-toggle.transparent-bg {
  box-shadow: none;
  margin-top: 0%;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .nav__icon {
    transform: translateY(-150%);
  }

  .dropdown.mr-1.custom-drop-down {
    margin-left: -20px;
  }
}

/* ---------------------------------------------------- 05-01-2022 ---------------------------------------------------- */
.custom-drop-down .dropdown-toggle::after {
  background-size: contain !important;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}

.custom-drop-down .dropdown-toggle {
  padding: 8px 8px 8px 30px !important;
}

/* ---------------------------------------------------- 05-01-2022 ---------------------------------------------------- */
@media (max-width: 1660px) {
  .nav__inner {
    left: 160px;
  }
}

@media (max-width: 1100px) {
  .nav__inner {
    left: 110px;
  }

  .nav__list .nav__item:nth-last-child(2) .nav__link,
  .nav__list .nav__item:last-child .nav__link {
    padding: 8px 10px;
  }
}

@media (max-width: 1100px) {
  .dropdown.mr-1.custom-drop-down {
    margin-top: 0;
  }
}

/* ---------------------------------------------------- 12-01-2022 ---------------------------------------------------- */
@media (min-width: 1220px) {
  .nav__item #tt-header .tt-header-bottom {
    height: unset;
    margin-bottom: 0px !important;
  }
}

.nav__item #tt-header .tt-menu > ul > li.is-subMenu > a {
  padding: 5px 0 !important;
}

.nav__item #tt-header .tt-menu > ul > li > a {
  text-transform: capitalize;
}

.nav__item .tt-header-wrapper-bottom {
  padding-bottom: 8px;
  padding-top: 0;
}

.nav__item #tt-header .tt-menu > ul > li.is-hover > a,
.nav__item #tt-header .tt-menu > ul > li.active > a {
  color: #000000 !important;
  font-weight: 500;
}

.nav__item #tt-header .tt-menu > ul > li.is-hover > ul {
  top: 60px !important;
}

#tt-header .nav__link:before,
#tt-header .nav__link:after {
  height: 1.5px;
}

/* ---------------------------------------------------- 13-01-2022 ---------------------------------------------------- */
@media (max-width: 991px) {
  .nav__inner {
    left: 0;
  }

  .nav__item #tt-header .tt-menu > ul > li.is-hover > ul {
    position: relative;
    top: 0 !important;
  }

  .nav__item #tt-header .tt-menu {
    height: 80px !important;
    overflow: visible;
  }

  .nav__item #tt-header .tt-menu > ul > li.is-subMenu > a .tt-icon-subMenu {
    color: white;
  }

  .nav__item #tt-header .tt-menu ul {
    margin: 16px 0 0 0;
  }

  .nav__item #tt-header .tt-menu > ul > li {
    border-bottom: 0px solid #a7abae;
  }

  .nav__item header .tt-menu > ul > li.active > a span {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 19px;
    color: white;
  }

  .nav__item #tt-header .tt-menu > ul > li > a {
    padding: 20px 4px !important;
    color: #ffffff !important;
  }
}

.nav__item #tt-header .nav__link {
  line-height: 28px;
}

.header-second {
  position: relative;
  z-index: 2;
}

/* ---------------------------------------------------- 17-01-2022 ---------------------------------------------------- */
@media (max-width: 991px) {
  .nav__item #tt-header .tt-menu ul {
    margin: 16px 0 0 0;
  }

  .nav__item #tt-header .tt-menu {
    height: 43px !important;
  }
}

/* ---------------------------------------------------- 28-12-2021 ---------------------------------------------------- */
.navbar-light
  li.nav-item:last-child
  .btn.btn-default.dropdown-toggle.transparent-bg {
  background: transparent;
  border-color: transparent;
  color: white;
  font-weight: bold;
  font-size: 18px;
}

.navbar-light li.nav-item:last-child .dropdown-menu li a {
  color: #000000 !important;
}

.navbar-light li.nav-item:last-child .dropdown-menu li {
  display: block;
  float: none;
  text-align: right;
}

.darkHeader
  .navbar-light
  li.nav-item:last-child
  .btn.btn-default.dropdown-toggle.transparent-bg {
  color: #384666;
}

/* ---------------------------------------------------- 18-01-2022 ---------------------------------------------------- */
.invoice-popup .modal-header button.close {
  font-size: 16px;
}

.invoice-popup .modal-header h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.invoice-popup .modal-header {
  text-align: right;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.login-register-ctc,
.social-media-rgt {
  margin-top: 10px;
}

/* ---------------------------------------------------- 09-03-2022 ---------------------------------------------------- */
@media (max-width: 991px) {
  header .nav .btn.nav__btn {
    height: 35px !important;
  }

  .nav__icon {
    position: relative;
    height: 2px;
    width: 80%;
    top: unset !important;
    left: 10% !important;
    bottom: unset;
    right: 10% !important;
    display: block;
    background: white;
  }
  .nav__icon::before,
  .nav__icon::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 80%;
    left: 10%;
    right: 10%;
    display: block;
    background: white;
  }

  .nav__icon::before {
    top: -8px;
    width: 100%;
    left: 0;
    right: 0;
  }

  .nav__icon::after {
    height: 2px;
    bottom: unset !important;
    top: 8px !important;
  }
}

#tt-header .tt-menu {
  margin-top: 10px;
}

@media (min-width: 1220px) {
  .nav__item #tt-header .tt-header-bottom {
    height: 43px;
    margin-bottom: 0px !important;
  }
}

.nav__item .tt-header-wrapper-bottom {
  padding-bottom: 0;
}

.nav__item {
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .header-second .right-logo {
    width: 50%;
    float: right;
  }
  .header-second .left-logo {
    float: left !important;
    display: block;
  }
  .nav__icon {
    transform: unset;
  }
}

/* ---------------------------------------------------- 15-04-2022 ---------------------------------------------------- */

.btn-dropdown {
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.33;
}

.btn-dropdown:hover {
  color: #000;
}

@media only screen and (max-width: 1024px) {
  .right-side-area .btn-dropdown {
    display: none;
  }

  .btn-dropdown {
    padding: 0.5rem 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    display: block;
    font-size: 15px;
  }
}

.col-group {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 1rem;
}

.col-group div[class^="col-"] {
  width: 100% !important;
  max-width: 100%;
}

.lower-body div[class^="col-"] {
  margin-bottom: 15px !important;
}

/* ---------------------------------------------------- 25-05-2022 ---------------------------------------------------- */

.close-button {
  margin-top: 10px;
  margin-right: 10px;
  display: none;
}

@media only screen and (max-width: 1024px) {
  .close-button {
    display: block;
    text-align: right;
  }
}

/* ---------------------------------------------------- 1-09-2022 ---------------------------------------------------- */
.news-section-new .twitter-timeline.twitter-timeline-rendered {
  height: 515px !important;
  overflow-x: auto;
}


/*15-11-2021*/
.acc-left-consec .dropdown.upate-btn-profile {
  width: 100%;
  list-style: none;
  margin-bottom: 15px;
  text-align: right;
  max-width: 617px;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
.acc-left-consec .dropdown-toggle {
  white-space: nowrap;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.acc-left-consec .dropdown-toggle a:focus, 
.acc-left-consec .dropdown-toggle a:hover{
  color: #333333;
}
.acc-left-consec .dropdown-menu {
  right: 15px;
  float: none;
  max-width: 200px;
  left: 0;
  top: 120%;
}
.acc-left-consec .dropdown-menu li{
  float: unset;
}
/*15-11-2021*/