@charset "UTF-8";
/*Base*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-size: 100%;*/
  vertical-align: baseline;
  background: transparent;
}

html[lang=ar] {
  direction: rtl;
}

section.page {
  overflow-x: hidden;
}

:focus {
  outline: 0;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}

/*Bootsrap Reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

b,
strong {
  font-weight: bold;
}

img {
  border: 0;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

body .padding-top {
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/** Customizing the vendors style go here  **/
/*Make Bootstrap coursel faded*/
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/** Add here any useful class that can be used in any website **/
/* Visability and Display */
.no-scroll {
  overflow: hidden !important;
  height: 100% !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.no-selection {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}

.display-block {
  display: block;
}

.cursor-ponter {
  cursor: pointer;
}

.display-none {
  display: none;
}

.display-none-important {
  display: none !important;
}

html .paragraph-text ol > li {
  text-align: justify;
}

.display-flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.display-grid {
  display: -moz-grid;
  display: -ms-grid;
  display: grid;
}

/* Image and Background */
.background-contain {
  -webkit-backgroundisplay-size: contain;
  -moz-backgroundisplay-size: contain;
  -o-backgroundisplay-size: contain;
  backgroundisplay-size: contain;
}

.background-cover {
  -webkit-backgroundisplay-size: cover;
  -moz-backgroundisplay-size: cover;
  -o-backgroundisplay-size: cover;
  backgroundisplay-size: cover;
}

.image-cover {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}

/* Position */
.y-centering {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.x-centering {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.xy-centering {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.y-centering2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

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

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

.text-center {
  text-align: center;
}

/*Fonts*/
.font-italic {
  font-style: italic;
}

.font-bold {
  font-weight: bold;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.overlay.black {
  background-color: #000;
}
.overlay.white {
  background-color: #FFF;
}

.arrow {
  border: solid red;
  display: inline-block;
  padding: 3px;
  z-index: 2;
  cursor: pointer;
}
.arrow:hover {
  border-color: blue;
}
.arrow.right {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.arrow.left {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.arrow.up {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.arrow.down {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.lg {
  height: 50px;
  width: 50px;
  border-width: 0 5px 5px 0;
}
.arrow.lg.semi-bold {
  border-width: 0 7.5px 7.5px 0;
}
.arrow.lg.bold {
  border-width: 0 10px 10px 0;
}
.arrow.md {
  height: 40px;
  width: 40px;
  border-width: 0 4px 4px 0;
}
.arrow.md.semi-bold {
  border-width: 0 6px 6px 0;
}
.arrow.md.bold {
  border-width: 0 8px 8px 0;
}
.arrow.sm {
  height: 30px;
  width: 30px;
  border-width: 0 3px 3px 0;
}
.arrow.sm.semi-bold {
  border-width: 0 4.5px 4.5px 0;
}
.arrow.sm.bold {
  border-width: 0 6px 6px 0;
}
.arrow.xs {
  height: 20px;
  width: 20px;
  border-width: 0 2px 2px 0;
}
.arrow.xs.semi-bold {
  border-width: 0 3px 3px 0;
}
.arrow.xs.bold {
  border-width: 0 4px 4px 0;
}
.arrow.xxs {
  height: 10px;
  width: 10px;
  border-width: 0 2px 2px 0;
}
.arrow.xxs.semi-bold {
  border-width: 0 3px 3px 0;
}
.arrow.xxs.bold {
  border-width: 0 4px 4px 0;
}

/** Is 991px **/
.is-tablet-wide {
  display: none;
  height: 0;
  width: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .is-tablet-wide {
    display: block;
  }
}

/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/*@font-face {
    font-family: 'regularFont';
    font-style: normal;
    font-weight: normal;
    src: local('BahijTheSansArabic-SemiBold'), url('../fonts/BahijTheSansArabic-SemiBold.woff') format('woff');
}


@font-face {
    font-family: 'semiBoldFont';
    font-style: normal;
    font-weight: normal;
    src: local('BahijTheSansArabic-SemiBold'), url('../fonts/BahijTheSansArabic-SemiBold.woff') format('woff');
}



@font-face {
    font-family: 'boldFont';
    font-style: normal;
    font-weight: normal;
    src: local('Bahij_TheSansArabic-Bold'), url('../fonts/Bahij_TheSansArabic-Bold.woff') format('woff');
}*/
/*@font-face {
    font-family: 'regularFont';
    src: url('../fonts/ArbFONTS-FFShamelFamily-SansOneBold.woff') format('woff');
}*/
/*@font-face {
    font-family: 'boldFont';
    src: url('../fonts/ArbFONTS-FFShamelFamily-SansOneBold.woff') format('woff');
}*/
/*@font-face {
    font-family: 'boldFont';
    src: url('../fonts/ArbFONTS-FFShamelFamily-SansOneBold.woff') format('woff');
}
@font-face {
    font-family: 'regularFont';
    src: url('../fonts/ArbFONTS-FFShamelFamily-SansOneBook-_1_.woff') format('woff');
}*/
@font-face {
  font-family: "boldFont";
  src: url("../fonts/BahijJanna-Bold.woff") format("woff");
}
@font-face {
  font-family: "regularFont";
  src: url("../fonts/BahijJanna-Regular.woff") format("woff");
}
/* Add below your website's variable */
body.no-scroll {
  overflow-y: hidden;
}

.creation-report.paragraph-text img {
  max-width: 100%;
  height: auto;
}

.show-more-container {
  margin-top: 20px;
}
.show-more-container:hover .show-more-btn {
  background-color: #30346E;
}
.show-more-container:hover .show-more-btn-text {
  color: #fff;
}
.show-more-container .show-more-btn-label {
  font-size: 14px;
  color: #56B7CB;
  font-family: "boldFont";
}
.show-more-container .show-more-btn {
  border: 1px solid #56B7CB;
  border-radius: 25px;
  padding: 5px 20px;
  margin: auto;
  margin-bottom: 50px !important;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
}
.show-more-container .show-more-btn-text {
  font-size: 14px;
  color: #56B7CB;
}

.sp-ac-root {
  z-index: 100 !important;
}

@media (max-width: 786px) {
  .fancybox-show-thumbs .fancybox-inner {
    right: 0 !important;
  }

  .fancybox-show-thumbs .fancybox-thumbs {
    display: none !important;
  }
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
             supported by Chrome, Edge, Opera and Firefox */
}

strong, b {
  font-weight: normal;
  font-family: "boldFont";
}

html, body {
  font-family: "regularFont";
}

html body section.page .location p {
  text-align: initial;
}

.top-footer-lift .location {
  border: 0 !important;
  padding: 0 !important;
  padding-top: 15px !important;
}

.input-group-btn > .btn {
  height: auto !important;
}

.transition-in-out {
  -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;
}

.wrapper {
  min-height: 500px;
  width: 1140px;
  margin: auto;
  padding: 50px 0;
}
@media (max-width: 1199px) {
  .wrapper {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .wrapper {
    width: 100%;
    padding: 50px 25px;
  }
}
@media (max-width: 479px) {
  .wrapper {
    padding: 40px 25px;
  }
}

.dga-wrapper {
  min-height: 500px;
  width: 1140px;
  margin: auto;
  padding: 50px 0;
}
@media (max-width: 1199px) {
  .dga-wrapper {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .dga-wrapper {
    width: 100%;
    padding: 50px 25px;
  }
}
@media (max-width: 479px) {
  .dga-wrapper {
    padding: 40px 25px;
  }
}

.section-title {
  color: #30346E;
  font-size: 26px;
  font-family: "boldFont";
}

/*.social-list {
    direction: ltr;
    cursor: pointer;

    &:hover {
        .social-div {
            display: flex;
        }
    }
}

.social-media-img {
    padding-right: 10px;
}*/
.at-svc-email {
  display: none !important;
}

.qr-code-icon, .mail-icon {
  background-color: #4d4d4d;
  border-radius: 6px;
  display: flex;
  margin: 0 2px 5px;
  padding: 5px;
  overflow: hidden;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border: 0;
  font-family: helvetica neue, helvetica, arial, sans-serif;
  align-items: center;
}
.qr-code-icon:hover, .mail-icon:hover {
  transform: translateY(-4px);
  color: #fff;
  text-decoration: none;
}
.qr-code-icon img, .mail-icon img {
  padding: 5px;
  width: 40px;
}

.social-list {
  position: fixed;
  z-index: 1;
  background-color: #fff;
  padding: 20px 35px;
  left: 50%;
  bottom: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 15px;
  box-shadow: 0px 0px 14px 20px rgba(120, 120, 120, 0.31);
  display: none;
}
.social-list .top-social {
  justify-content: space-between;
  margin-bottom: 15px;
  align-items: center;
  font-size: 20px;
}
.social-list .cancel {
  cursor: pointer;
  display: flex;
}
.social-list .cancel img {
  width: 15px;
}
.social-list.open {
  display: block;
}

/** Components */
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.btn-arrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #56B7CB;
  border-radius: 10px;
  padding: 3px 15px;
  color: #56B7CB;
  font-size: 16px;
  padding: 10px 20px;
  padding-top: 7px;
  position: relative;
  transition: all ease 0.3s;
}
.btn-arrow:hover {
  text-decoration: none;
  color: #56B7CB;
}
.btn-arrow.color-main-green {
  color: #00B0B2;
  font-family: "boldFont";
}
.btn-arrow.secondary-color {
  border: 1px solid #30346E;
  color: #30346E;
  font-family: "boldFont";
}
.btn-arrow.secondary-color:hover {
  color: #30346E;
}
.btn-arrow.white-color {
  color: #fff;
}
.btn-arrow.white-color:hover {
  color: #fff;
}
.btn-arrow.contact-btn {
  padding: 5px 25px;
  color: #30346E;
}
.btn-arrow.contact-btn:hover {
  color: #30346E;
}
.btn-arrow.content-btn {
  border: 1px solid #30346E;
  color: #fff;
  background-color: #30346E;
  padding: 5px 40px;
}
.btn-arrow.content-btn:hover {
  color: #fff;
}
.btn-arrow.service-btn {
  border: 1px solid #30346E;
  color: #fff;
  background-color: #30346E;
  padding: 5px 20px 7px;
  font-family: "boldFont";
  font-size: 14px;
  border-radius: 10px;
}
.btn-arrow.service-btn:hover {
  color: #fff;
}
.btn-arrow.banner-btn {
  border: 1px solid #29B3B4;
  color: #fff;
  background-color: #29B3B4;
  padding: 8px 40px;
}
.btn-arrow.banner-btn:hover {
  color: #fff;
}

/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.itm-modal .itm-modal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.itm-modal .itm-modal-inner {
  background-color: #EEE;
  margin: auto;
  z-index: 1;
  width: 95%;
}
@media (min-width: 991px) {
  .itm-modal .itm-modal-inner {
    width: 80%;
  }
}
.itm-modal .itm-modal-close {
  right: 10px;
}
.itm-modal .itm-modal-header {
  border-bottom: 1px solid #e4e3e3;
  background-color: #29B3B4;
  color: #FFF;
  position: relative;
}
.itm-modal .itm-modal-close {
  cursor: pointer;
}
.itm-modal .itm-modal-footer {
  border-top: 1px solid #b7b7b7;
}
.itm-modal .itm-modal-header,
.itm-modal .itm-modal-footer,
.itm-modal .itm-modal-body {
  padding: 10px;
}

/** Partials **/
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.header {
  background-color: rgba(255, 255, 255, 0);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  /*transition: baxckground ease 0.2s;*/
}
.header .white-logo {
  display: block;
}
.header .gray-logo {
  display: none;
}
.header.fixed-header .white-logo {
  display: none;
}
.header.fixed-header .gray-logo {
  display: block;
}
.header.relative {
  position: relative;
}
.header .menu-item-title {
  flex-shrink: 0;
  font-family: "boldFont";
  font-size: 18px;
}
.header .bottom-header-logo img {
  width: 265px;
}
.header .nav > li > a {
  font-family: "boldFont";
}
.header.of-White-Header {
  background-color: #F6F6F6;
}
.header.of-White-Header .white-logo {
  display: none;
}
.header.of-White-Header .gray-logo {
  display: block;
}
.header.of-White-Header .bottom-header {
  align-items: center;
}
.header.of-White-Header .menu-drop {
  color: #30346E;
}
.header.of-White-Header .menu-drop img {
  width: 15px;
}
.header.of-White-Header .blue-icon {
  display: block;
}
.header.of-White-Header .white-icon {
  display: none;
}
.header .header-contaner {
  align-items: center;
  /*padding: 30px 0px;*/
  width: 1140px;
  margin: auto;
}
.header .header-contaner.megamenu {
  position: relative;
}
.header .header-contaner.megamenu .dropdown-menu {
  position: static;
}
.header .header-contaner.megamenu .dropdown-menu .dropdown-content {
  right: 0;
  width: 1140px;
}
.header .header-contaner.megamenu .dropdown-menu .dropdown-content li {
  flex-basis: 33.33%;
}
.header .header-contaner.megamenu .dropdown-menu .dropdown-content a {
  display: flex;
  width: 100%;
  align-items: center;
}
.header .header-contaner.megamenu .dropdown-menu .dropdown-content a img {
  margin-left: 10px;
}
.header .header-contaner.megamenu .dropdown-menu.active .dropdown-content {
  border-top-left-radius: 0px;
  display: flex;
  flex-wrap: wrap;
}
.header .header-contaner.megamenu .bottom-header {
  align-items: flex-end;
}
.header .top-header {
  justify-content: flex-end;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: all ease 0.3s;
  overflow: hidden;
}
.header .top-right-header {
  position: absolute;
  top: 0;
  right: 0px;
  background-color: #fff;
  color: #30346E;
  padding: 1px 20px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  font-size: 14px;
}
.header .top-left-header {
  gap: 20px;
  padding-left: 10px;
}
.header .header_top_buttons {
  gap: 15px;
}
.header .header_top_button {
  background-color: #29B3B4;
  color: #fff;
  padding: 3px 12px 6px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  cursor: pointer;
  font-size: 18px;
  height: 44px;
  display: flex;
  align-items: center;
}
.header .header_top_button a {
  color: #fff;
  text-decoration: none;
}
.header .header_top_social {
  align-items: center;
  gap: 15px;
}
.header .header_top_social img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.header .bottom-header {
  /*padding: 0px 50px;*/
  justify-content: space-between;
  align-items: center;
}
.header .mobile-menu-open {
  display: none;
  cursor: pointer;
}
.header .menu-drop {
  color: #fff;
  align-items: center;
  gap: 8px;
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  justify-content: center;
  padding-top: 14px;
}
.header .menu-drop:hover {
  text-decoration: none;
}
.header .menu-drop > img {
  margin-bottom: -5px;
}
.header .blue-icon {
  display: none;
}
.header .white-icon {
  display: block;
}
.header .dropdown-menu {
  position: relative;
}
.header .dropdown-menu .dropdown-content {
  visibility: hidden;
  position: absolute;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  min-width: 200%;
  direction: rtl;
  opacity: 0;
  top: 0px;
  transition: all ease 0.3s;
  pointer-events: none;
}
.header .dropdown-menu .dropdown-content li {
  font-size: 15px;
  padding: 0;
  text-decoration: none;
  display: block;
  position: relative;
  -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;
}
.header .dropdown-menu .dropdown-content li a {
  color: #7b7b7b;
  font-size: 16px;
  display: block;
  border-bottom: 1px solid #F4F4F4;
  padding: 14px;
  padding-bottom: 10px;
  transition: all ease 0.3s;
}
.header .dropdown-menu .dropdown-content li a:hover {
  text-decoration: none;
  background-color: #f7f7f7;
}
.header .dropdown-menu .dropdown-content li:hover {
  color: #29B3B4;
}
.header .dropdown-menu .dropdown-content li:last-child a {
  border: none;
}
.header .dropdown-menu.active {
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.header .dropdown-menu.active .menu-drop {
  color: #30346E;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.header .dropdown-menu.active .dropdown-content {
  visibility: visible;
  opacity: 1;
  top: 46px;
  pointer-events: auto;
  overflow: hidden;
}
.header .top-mobile-menu {
  display: none;
}
.header.fixed-header {
  position: fixed;
  background-color: white;
  width: 100%;
  top: 0;
  left: 0;
  box-shadow: 1px 1px 32px 1px rgba(0, 0, 0, 0.1);
  /*backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);*/
  position: fixed;
}
.header.fixed-header .menu-drop {
  color: #6F6F6F;
}
.header.fixed-header .header-contaner {
  padding: 0px;
  padding-top: 15px;
}
.header.fixed-header .bottom-header {
  align-items: center;
  padding: 0;
}
.header.fixed-header .top-header {
  visibility: hidden;
  opacity: 0;
  margin-top: -25px;
}
.header.fixed-header .header_icon img, .header.fixed-header .header_icon svg {
  height: 50px;
}
.header.fixed-header .open-menu {
  top: 75px;
}
.header.fixed-header .header-menu-item {
  color: #29B3B4;
}
.header.fixed-header .blue-icon {
  display: block;
}
.header.fixed-header .white-icon {
  display: none;
}
.header.fixed-header .header-icons a {
  color: #29B3B4;
}
.header.fixed-header .header-icons svg {
  fill: #29B3B4;
}

/*.mobile-menu {
    display: none;
}*/
@media (max-width: 1199px) {
  .header .header-contaner {
    width: 800px;
    margin: auto;
  }
  .header .header-contaner.megamenu .dropdown-menu .dropdown-content {
    width: 800px;
  }
  .header .header-contaner.megamenu .dropdown-menu .dropdown-content li {
    flex-basis: 33.33%;
  }
  .header .top-right-header {
    font-size: 12px;
    right: 0px;
  }
  .header .menu-drop {
    font-size: 13px;
    padding: 10px 5px;
  }
  .header .header_top_button {
    font-size: 15px;
  }
  .header .bottom-header-logo img {
    width: 200px;
  }
  .header .dropdown-menu .dropdown-content {
    width: 150%;
  }
  .header .dropdown-menu:hover .dropdown-content {
    border-top-left-radius: 0px;
  }
}
@media (max-width: 991px) {
  .header .header-contaner {
    width: auto;
    padding: 0px 25px;
  }
  .header .header-contaner.megamenu .dropdown-menu .dropdown-content li {
    flex-basis: 50%;
  }
  .header.fixed-header .header-contaner {
    padding: 15px;
  }
  .header.fixed-header .header-menu-item {
    margin: 0 -12px;
  }
  .header .bottom-header-menu {
    display: none;
  }
  .header .bottom-header-menu.open {
    display: block;
    position: fixed;
    HEIGHT: 100vh;
    width: 100%;
    /*background-color: $seconderyColor;*/
    /*background: rgb(49,53,111);
    background: radial-gradient(circle, rgba(49,53,111,0.15449929971988796) 0%, rgba(49,53,111,0.9360119047619048) 0%);*/
    background-color: rgba(42, 38, 109, 0.86);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(30px);
    z-index: 10;
    padding: 75px 25px;
    top: 0;
    left: 0;
  }
  .header .top-mobile-menu {
    display: flex;
    justify-content: space-between;
  }
  .header .menu-mobile-title {
    font-size: 35px;
    color: #29B3B4;
  }
  .header .menu-drop {
    font-size: 17px;
    color: #fff !important;
  }
  .header .header_top_buttons {
    flex-basis: 100%;
  }
  .header .mobile-menu-open {
    display: none;
  }
  .header .mobile-menu-open.active {
    display: flex;
  }
  .header .header_top_social {
    display: none;
  }
  .header .mobile-menu-close {
    cursor: pointer;
  }
  .header .dropdown-menu .dropdown-content {
    display: none;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    width: auto;
    font-size: 14px;
    padding-right: 35px;
  }
  .header .dropdown-menu .dropdown-content li a:hover {
    background-color: transparent;
  }
  .header .dropdown-menu .dropdown-content li {
    padding: 0;
    padding-bottom: 8px;
  }
  .header .dropdown-menu .dropdown-content li:after {
    content: none;
  }
  .header .dropdown-menu .dropdown-content li a {
    color: #fff;
  }
  .header .dropdown-menu.active {
    background-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .header .dropdown-menu.active .menu-drop {
    justify-content: flex-start;
    color: #fff;
  }
  .header .dropdown-menu.active .dropdown-content {
    display: block;
    top: 0px;
  }
}
@media (max-width: 767px) {
  .header .header-contaner.megamenu .dropdown-menu .dropdown-content li {
    flex-basis: 100%;
  }
  .header .header_top_button {
    padding: 5px 15px;
    font-size: 13px;
  }
  .header .bottom-header {
    padding-top: 15px;
  }
  .header .bottom-header-menu.open {
    padding: 50px 25px;
  }
}
@media (max-width: 479px) {
  .header .header_top_button {
    padding: 4px 12px;
    font-size: 12px;
  }
  .header .top-right-header {
    font-size: 12px;
    padding: 1px 10px;
    right: 0px;
    display: none;
  }
  .header .dropdown-menu .dropdown-content {
    min-width: 100%;
  }
  .header .header_top_buttons {
    gap: 5px;
  }
  .header .menu-mobile-title {
    font-size: 28px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.banner {
  height: 650px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px 50px;
  align-items: flex-end;
  justify-content: flex-end;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 25px 50px;
  padding-bottom: 100px;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  background: linear-gradient(45deg, #2a2651 0%, #332f66 35%, #37326d 100%);
  z-index: -1;
}
.banner .video-layer {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.banner .slick-dots {
  display: flex;
  /*gap: 5px;*/
  justify-content: center;
  align-items: center;
  position: static;
}
.banner .slick-dots li {
  cursor: pointer;
  opacity: 0.8;
  width: 12px;
  height: 12px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.46);
  -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;
}
.banner .slick-dots li button {
  display: none;
}
.banner .slick-dots .slick-active {
  width: 32px;
  height: 12px;
  background-color: #29B3B4;
  opacity: 1;
}
.banner .news-top-top {
  background: linear-gradient(90deg, #203188 45%, #723E90 90%);
  width: 1140px;
  margin: auto;
  color: #fff;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 50px 50px 15px;
  border-radius: 15px 15px 0px 0px;
}
.banner .news-top-top .news-top-top_title {
  font-size: 32px;
  font-family: "boldFont";
}
.banner .news-top-top .news-top-top_subtitle {
  font-size: 18px;
}
.banner .news-top-top .news-top-top-date {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.18);
  top: 0;
  font-size: 20px;
  font-family: "boldFont";
  padding: 1px 22px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.banner .bck-video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 100%;
  width: auto;
  opacity: 0.1;
  pointer-events: none;
}
.banner .banner-title {
  font-family: "boldFont";
}
.banner .banner-container {
  width: 1140px;
  margin: auto;
  padding: 120px 0;
  position: relative;
  padding-bottom: 30px;
}
.banner .banner-text {
  margin: auto;
  margin-top: 55px;
  width: 1140px;
  padding-right: 55px;
  top: 130px;
}
.banner .top-banner-text {
  color: #29B3B4;
  font-size: 60px;
  font-family: "boldFont";
}
.banner .second-banner-text {
  color: #fff;
  font-size: 32px;
}
.banner .banner-brief {
  color: #FFFFFF;
  font-size: 16px;
  padding-bottom: 40px;
  width: 435px;
}
.banner .background-img {
  /*width: 500px;*/
  width: 360px;
}

@media (max-width: 1199px) {
  .banner {
    /*min-height: 600px;*/
  }
  .banner .banner-container {
    width: 880px;
  }
  .banner .bck-video {
    height: 100%;
  }
  .banner .banner-text {
    width: auto;
  }
  .banner .top-banner-text {
    font-size: 50px;
  }
  .banner .second-banner-text {
    font-size: 32px;
  }
  .banner .banner-brief {
    font-size: 15px;
    padding-bottom: 30px;
  }
  .banner .background-img {
    width: 225px;
  }
  .banner .news-top-top {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .banner {
    min-height: 800px;
  }
  .banner .banner-container {
    flex-direction: column-reverse;
    width: 100%;
    align-items: center;
    padding-top: 140px;
    /*.background-img {
        width: 400px;
    }*/
  }
  .banner video {
    height: 100%;
  }
  .banner .banner-text {
    width: 100%;
    padding-right: 25px;
    margin-top: 20px;
    text-align: center;
  }
  .banner .banner-brief {
    width: 400px;
    padding-bottom: 20px;
    margin: auto;
  }
  .banner .top-banner-text {
    font-size: 40px;
  }
  .banner .second-banner-text {
    font-size: 28px;
  }
  .banner .news-top-top {
    width: 100%;
    padding: 40px 40px 15px;
  }
  .banner .news-top-top .news-top-top_title {
    font-size: 28px;
  }
  .banner .news-top-top .news-top-top_subtitle {
    font-size: 16px;
  }
  .banner .news-top-top .news-top-top-date {
    font-size: 16px;
  }
  .banner .news-top-top img {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .banner {
    padding: 25px;
    padding-bottom: 120px;
    min-height: 710px;
  }
  .banner .news-top-top {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .banner .banner-text {
    padding-right: 0px;
  }
  .banner .banner-brief {
    width: 450px;
  }
  .banner .top-banner-text {
    font-size: 40px;
  }
  .banner .second-banner-text {
    font-size: 25px;
  }
  .banner .banner-brief {
    font-size: 14px;
    padding-bottom: 25px;
  }
}
@media (max-width: 479px) {
  .banner .banner-text {
    width: 100%;
  }
  .banner .top-banner-text {
    font-size: 37px;
  }
  .banner .second-banner-text {
    font-size: 18px;
  }
  .banner .banner-brief {
    width: 100%;
    font-size: 14px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.services-section {
  width: 1140px;
  margin: auto;
  /*margin: 0 50px;*/
  background-color: #fff;
  padding: 30px 50px;
  border-radius: 25px;
  position: relative;
  margin-top: -80px;
}
.services-section .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px !important;
}
.services-section .slick-dots li {
  border: 2px solid #30346E;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.services-section .slick-dots li button {
  display: none;
}
.services-section .slick-dots li.slick-active {
  background-color: #30346E;
}
.services-section .title {
  flex-shrink: 0;
}
.services-section .services-section_top {
  border-bottom: 1px solid #F0F0F0;
}
.services-section .services-section_title {
  color: #30346E;
  font-size: 36px;
  margin-left: 50px;
}
.services-section .services-sections {
  gap: 40px;
}
.services-section .services-section-list {
  color: #8E9FBD;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  padding: 19px 0;
}
.services-section .services-section-list .colored-icon {
  display: none;
}
.services-section .services-section-list .gray-icon {
  display: block;
}
.services-section .services-section-list img {
  margin-left: 5px;
}
.services-section .services-section-list.active {
  color: #29B3B4;
  border-bottom: 7px solid;
}
.services-section .services-section-list.active .colored-icon {
  display: block;
}
.services-section .services-section-list.active .gray-icon {
  display: none;
}
.services-section .services-section_body {
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px 0;
}
.services-section .services-section_box {
  border-radius: 20px;
  padding: 30px;
  box-shadow: -2px 3px 14px 0px #efeded;
}
.services-section .services-section_box_item {
  flex-basis: calc(33.33% - 20px);
}
.services-section .services-section_box-title {
  color: #30346E;
  font-size: 19px;
}
.services-section .services-section_box-brief {
  color: #808080;
  padding: 10px 0;
  font-size: 15px;
}
.services-section .services-section_box-next {
  color: #29B3B4;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.services-section.news-section {
  width: 1140px;
  margin: auto;
  background-color: #fff;
  padding: 23px 50px;
  border-radius: 25px;
  position: relative;
  margin-top: -111px;
  z-index: 2;
}

@media (max-width: 1399px) {
  .services-section {
    padding: 25px 35px;
    margin-top: 0px;
  }
  .services-section .services-section_title {
    font-size: 30px;
    margin-left: 40px;
  }
  .services-section .services-sections {
    gap: 30px;
  }
  .services-section .services-section-list {
    font-size: 18px;
  }
  .services-section .services-section_body {
    gap: 25px;
  }
  .services-section .services-section_box {
    flex-basis: calc(33.33% - 17px);
    padding: 25px;
  }
}
@media (max-width: 1199px) {
  .services-section {
    width: 950px;
  }
  .services-section.news-section {
    width: 950px;
  }
  .services-section .services-section_title {
    font-size: 28px;
    margin-left: 30px;
  }
  .services-section .services-section_box {
    flex-basis: calc(33.33% - 17px);
    padding: 20px;
  }
  .services-section .services-section_box-title {
    font-size: 17px;
  }
  .services-section .services-section_box-brief {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .services-section {
    width: calc(100% - 50px);
    margin: auto;
    margin-top: -80px;
    padding: 20px 30px;
  }
  .services-section.news-section {
    width: calc(100% - 50px);
    margin: auto;
    margin-top: -80px;
  }
  .services-section .services-section_top {
    flex-wrap: wrap;
  }
  .services-section .services-section_title {
    flex-basis: 100%;
  }
  .services-section .services-section_box {
    flex-basis: calc(50% - 13px);
  }
  .services-section .services-sections {
    flex-basis: 100%;
    gap: 25px;
  }
  .services-section .services-section-list {
    font-size: 16px;
    flex-direction: column;
    flex-basis: 33.33%;
    padding: 10px 0;
  }
  .services-section .services-section-list .title {
    padding-top: 5px;
  }
  .services-section .services-section_box_item {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .services-section {
    padding: 20px 25px;
    margin-top: -120px;
  }
  .services-section.news-section {
    padding: 20px 25px;
    margin-top: -120px;
  }
  .services-section .services-section_title {
    margin-left: 0px;
    margin-bottom: 15px;
  }
  .services-section .services-section-list {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .services-section {
    /*padding: 0px;*/
  }
  .services-section.news-section {
    /*padding: 0px;*/
  }
  .services-section.news-section .slide-item {
    padding: 0px;
  }
  .services-section .services-section_body {
    padding: 0;
  }
  .services-section .services-sections {
    gap: 15px;
  }
  .services-section .services-section_title {
    margin-bottom: 0px;
    padding: 20px;
  }
  .services-section .services-section_box {
    flex-basis: 100%;
  }
  .services-section .services-section-list {
    font-size: 12px;
    white-space: nowrap;
  }
  .services-section .services-section_box-brief {
    font-size: 12px;
  }
  .services-section .services-section_box-next {
    font-size: 12px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.indications {
  /*background-image: url('../../Images/Component 3 – 1.png');*/
  background-image: url("../../Images/background.svg");
  height: 660px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -248px;
  align-items: center;
  /*position: relative;*/
  /*.svg-background {
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
  }*/
}
.indications .logo-back {
  position: absolute;
  left: 0px;
  height: 300px;
}
.indications .indications-slider-container {
  /*width: 100%;*/
  align-items: center;
  width: 1140px;
  position: relative;
  margin: auto;
  margin-top: 275px;
}
.indications .indications-slider-container:after {
  content: "";
  position: absolute;
  background-color: #fff;
  height: 100%;
  width: 50px;
  width: 400px;
  right: -385px;
  z-index: -1;
}
.indications .indications-title {
  background-color: #FFF;
  padding: 60px 0px 60px 40px;
  border-radius: 25px 0 0 25px;
  color: #30346E;
  /*flex-basis: 40%;*/
  width: 240px;
}
.indications .main-title {
  font-size: 46px;
}
.indications .sub-title {
  font-size: 20px;
  position: relative;
  padding-bottom: 5px;
}
.indications .sub-title:after {
  content: "";
  height: 8px;
  width: 70px;
  background-color: #754C9E;
  position: absolute;
  bottom: -5px;
  right: 0;
  border-radius: 50px;
}
.indications .slider-wrapper {
  height: 90%;
  width: 60%;
  width: calc(100% - 240px);
  position: relative;
}
.indications .slider-wrapper .slider-nav {
  gap: 25px;
  position: absolute;
  top: -50px;
  left: 0;
}
.indications .indications-slider {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0px 24px;
}
.indications .indications-slider .indicator-icon img {
  margin-top: -8px;
}
.indications .indicator-item {
  gap: 15px;
  padding: 30px 5px;
  align-items: flex-start;
}
.indications .indicator-item .counter {
  display: block;
  font-size: 38px;
  color: #fff;
  /*color: $seconderyColor;*/
  line-height: 0.8;
  margin-bottom: 10px;
}
.indications .indicator-item .brief {
  color: #FFF;
  font-size: 14px;
}
.indications .arrow-next {
  cursor: pointer;
}
.indications .arrow-next img {
  transform: rotate(90deg);
}
.indications .arrow-prev {
  cursor: pointer;
}
.indications .arrow-prev img {
  transform: rotate(90deg);
}

@media (max-width: 1199px) {
  .indications .indications-slider-container {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .indications .indications-slider-container {
    width: 100%;
  }
  .indications .indications-slider-container:after {
    content: none;
  }
  .indications .indications-title {
    background-color: #FFF;
    padding: 60px 25px 60px 40px;
  }
}
@media (max-width: 767px) {
  .indications {
    height: 750px;
  }
  .indications .indications-slider-container {
    display: block;
    padding: 0px;
    width: 100%;
  }
  .indications .indications-title {
    width: 250px;
    margin-bottom: 25px;
    /*border-radius: 25px;*/
    border-radius: 25px 0 0 25px;
    padding: 25px;
    /*display: flex;*/
    justify-content: center;
    gap: 10px;
    align-items: center;
  }
  .indications .indications-title .main-title {
    font-size: 40px;
  }
  .indications .sub-title {
    font-size: 18px;
  }
  .indications .slider-wrapper {
    width: auto;
  }
  .indications .slider-wrapper .slider-nav {
    /*top: auto;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);*/
    left: 25px;
  }
}
@media (max-width: 479px) {
  .indications {
    height: 725px;
  }
  .indications .sub-title {
    font-size: 20px;
  }
  .indications .main-title {
    font-size: 18px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.latest-file {
  background-color: #30346E;
  width: 1140px;
  margin: auto;
  /*margin: 0 50px;*/
  border-radius: 25px;
  padding: 25px 40px;
  margin-top: -100px;
}
.latest-file .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.latest-file .slick-dots li {
  border: 2px solid #FFF;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.latest-file .slick-dots li button {
  display: none;
}
.latest-file .slick-dots li.slick-active {
  background-color: #29B3B4;
}
.latest-file .latest-file-box-title {
  flex-basis: 25%;
  align-self: center;
  border-left: 1px solid #8E9FBD;
  min-height: 125px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 20px;
  padding-left: 20px;
}
.latest-file .latest-file-box-title:last-child {
  border-left: none;
}
.latest-file .latest-file-box {
  flex-basis: 33.33%;
  align-self: center;
  border-left: 1px solid #8E9FBD;
  min-height: 125px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 20px;
  padding-left: 20px;
}
.latest-file .latest-file-box:last-child {
  border-left: none;
}
.latest-file .latest-file-title {
  color: #ffffff;
  font-size: 30px;
  font-family: "boldFont";
}
.latest-file .latest-file-next {
  color: white;
  gap: 15px;
  align-items: center;
  cursor: pointer;
}
.latest-file .latest-file-next:hover {
  text-decoration: none;
}
.latest-file .latest-file-top-title {
  color: #ffffff;
  font-size: 20px;
}
.latest-file .latest-file-date {
  color: #FFF;
  /*color: #8E9FBD;*/
  font-size: 15px;
}
.latest-file .latest-file-download {
  color: #FFF;
  /*color: #8E9FBD;*/
  gap: 15px;
  font-size: 15px;
  cursor: pointer;
  font-family: "boldFont";
  align-items: center;
  outline: none;
}
.latest-file .latest-file-download p {
  padding-top: 7px;
}
.latest-file .latest-file-download:hover {
  text-decoration: none;
}
.latest-file .latest-file-slider {
  flex-basis: 75%;
}

@media (max-width: 1199px) {
  .latest-file {
    width: 950px;
    padding: 25px;
    margin-top: -80px;
  }
  .latest-file .latest-file-title {
    font-size: 25px;
  }
  .latest-file .latest-file-top-title {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .latest-file {
    width: calc(100% - 50px);
    margin: auto;
    margin-top: -80px;
    padding: 25px 10px;
  }
  .latest-file .latest-file-box-title {
    flex-basis: 100%;
    align-self: center;
    border-left: none;
    padding-bottom: 20px;
  }
  .latest-file .latest-file-boxies {
    flex-wrap: wrap;
  }
  .latest-file .latest-file-box {
    flex-basis: 33.33%;
  }
  .latest-file .latest-file-slider {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .latest-file .latest-file-box {
    padding-left: 10px;
  }
  .latest-file .latest-file-top-title {
    font-size: 16px;
  }
  .latest-file .latest-file-date {
    font-size: 14px;
  }
  .latest-file .latest-file-download {
    font-size: 14px;
  }
  .latest-file .latest-file-title {
    font-size: 22px;
  }
  .latest-file .latest-file-next {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .latest-file {
    padding: 20px 25px;
  }
  .latest-file .latest-file-box, .latest-file .latest-file-box-title {
    padding: 0;
    padding-bottom: 10px;
    min-height: 0;
  }
  .latest-file .latest-file-box {
    flex-basis: 100%;
    border-bottom: 1px solid #8E9FBD;
    border-left: none;
    min-height: 0;
    padding-bottom: 10px;
  }
  .latest-file .latest-file-box:last-child {
    border-bottom: none;
  }
  .latest-file .latest-file-date {
    padding: 5px 0;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.news-section {
  width: 1140px;
  margin: auto;
  padding: 40px 0;
}
.news-section.unregistered-news-section .news-title {
  font-size: 38px;
}
.news-section.unregistered-news-section .service-box .service-box-title {
  font-size: 20px;
}
.news-section.unregistered-news-section .service-box .service-box-sub-title .sub-title-text {
  font-size: 12px;
}
.news-section.unregistered-news-section .service-box .service-box-most-used {
  font-size: 10px;
}
.news-section.unregistered-news-section .service-box .service-box-brief {
  font-size: 14px;
}
.news-section .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-section .slick-dots li {
  border: 2px solid #30346E;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.news-section .slick-dots li button {
  display: none;
}
.news-section .slick-dots li.slick-active {
  background-color: #30346E;
}
.news-section .services-boxes {
  flex-wrap: wrap;
  margin: 20px 0px;
  gap: 30px;
}
.news-section .news-top {
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
.news-section .news-title {
  font-size: 45px;
  color: #30346E;
  font-family: "boldFont";
}
.news-section .news-boxies {
  gap: 75px;
  margin-top: 13px;
  flex-wrap: wrap;
  justify-content: center;
}
.news-section .news-box {
  flex-basis: calc(33.33% - 50px);
  position: relative;
  display: block;
  transition: all ease 0.3s;
  outline: none;
  border: 1px solid #6F4B99;
  border-radius: 25px;
  /*&:after {
      content: "";
      position: absolute;
      height: 100%;
      width: 97%;
      top: 0;
      border: 1px solid $seconderyColor;
      border-radius: 20px;
      top: 10px;
      left: 10px;
      transition: all ease 0.3s;
  }

  &:before {
      content: "";
      position: absolute;
      height: 100%;
      width: 97%;
      top: 0;
      border-radius: 20px;
      border: 1px solid #E6E6E6;
      top: 20px;
      left: 20px;
      transition: all ease 0.3s;
  }*/
}
.news-section .news-box:hover {
  text-decoration: none;
  box-shadow: 0 0 35px -10px #6f4b99;
}
.news-section .news-box:hover:before {
  top: 0px;
  left: 0px;
  border-width: 5px;
}
.news-section .news-box:hover:after {
  top: 15px;
  left: 15px;
  border-width: 5px;
}
.news-section .news-box-text {
  padding: 25px;
  position: relative;
  font-family: "boldFont";
}
.news-section .news-box-date {
  display: inline-flex;
  background-color: #6F4B99;
  color: white;
  padding: 5px 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-bottom: 4px;
  position: absolute;
  top: -21px;
  right: 0px;
  font-size: 16px;
}
.news-section .news-box-brief {
  color: #30346E;
  font-size: 20px;
  font-family: "boldFont";
  height: 87px;
  overflow: hidden;
}
.news-section .news-box-image {
  overflow: hidden;
  border-radius: 20px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.news-section .news-box-image img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.news-section .slide-item {
  padding: 20px 15px;
}
.news-section .slick-dotted.slick-slider {
  margin-bottom: 0;
}
.news-section .slick-dots {
  display: flex;
  /*gap: 5px;*/
  justify-content: center;
  align-items: center;
  position: static;
  margin-top: -30px;
}
.news-section .slick-dots li {
  cursor: pointer;
  opacity: 0.8;
  width: 12px;
  height: 12px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.46);
  -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;
}
.news-section .slick-dots li button {
  display: none;
}
.news-section .slick-dots .slick-active {
  width: 32px;
  height: 12px;
  background-color: #29B3B4;
  opacity: 1;
}

@media (max-width: 1399px) {
  .news-section .news-boxies {
    gap: 50px;
  }
  .news-section .news-box {
    flex-basis: calc(33.33% - 34px);
  }
  .news-section .news-box-date {
    right: 0;
  }
}
@media (max-width: 1199px) {
  .news-section {
    width: 950px;
    padding: 50px 0px;
  }
  .news-section .news-boxies {
    gap: 30px;
  }
  .news-section .news-box {
    flex-basis: calc(33.33% - 20px);
  }
}
@media (max-width: 991px) {
  .news-section {
    padding: 50px 30px;
    width: 100%;
  }
  .news-section.unregistered-news-section .news-title {
    font-size: 24px;
  }
  .news-section .news-boxies {
    gap: 40px;
    flex-wrap: wrap;
  }
  .news-section .news-box-text {
    padding: 25px 20px;
  }
  .news-section .news-box {
    flex-basis: calc(50% - 20px);
  }
  .news-section .news-title {
    font-size: 24px;
  }
  .news-section .news-box-image {
    display: flex;
    justify-content: center;
  }
  .news-section .news-box-image img {
    width: auto;
    border-radius: 25px;
    margin: 0px auto;
  }
}
@media (max-width: 767px) {
  .news-section .news-box {
    flex-basis: 100%;
    height: 369px;
    margin-bottom: 30px;
  }
  .news-section .news-box-text {
    padding: 25px 15px 25px 25px;
    font-size: 14px;
  }
  .news-section .news-title {
    font-size: 22px;
  }
  .news-section.unregistered-news-section .news-title {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .news-section {
    padding: 30px 25px;
  }
  .news-section .news-boxies {
    margin-top: 15px;
  }
  .news-section .btn-arrow {
    font-size: 14px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
footer {
  position: relative;
  z-index: 1;
}
footer .top-footer-menu p {
  text-align: initial !important;
}
footer .bottom-footer {
  background: #56b7cb;
  background: linear-gradient(90deg, #285581 0%, #37326D 70%);
  padding: 20px 50px;
  padding-top: 20px;
}
footer .bottom-footer-container {
  justify-content: space-between;
  width: 1140px;
  margin: auto;
}
footer .bottom-footer-links {
  gap: 20px;
  justify-content: flex-start;
}
footer .bottom-footer-links a {
  color: white;
  font-size: 16px;
}
footer .bottom-footer-links a:hover {
  text-decoration: none;
}
footer .bottom-footer-copy-right {
  padding-top: 10px;
  color: white;
  font-size: 18px;
  font-family: "boldFont";
}
footer .bottom-footer-left {
  gap: 25px;
}
footer .right-image {
  align-self: center;
}
footer .right-image img {
  height: 45px;
}
footer .lift-image img {
  width: 200px;
}
footer .menu-item {
  gap: 60px;
  padding-top: 10px;
}
footer .menu-item a {
  color: #fff;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  max-width: 236px;
}
footer .menu-item a:hover {
  text-decoration: none;
}
footer .menu-item a img {
  width: 7px;
}
footer .top-footer-right {
  gap: 100px;
  flex: 1;
}
footer .top-footer-right > .top-footer-menu:nth-child(2) {
  flex: 1;
}
footer .top-footer-right > .top-footer-menu:nth-child(1) {
  flex: 0.6;
}
footer .top-footer-container {
  justify-content: space-between;
  width: 1140px;
  margin: auto;
  gap: 100px;
}
footer .menu-item-left {
  flex: 1;
}
footer .menu-item-right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  max-height: 195px;
  flex-direction: column;
}
footer .menu-item-top a p, footer .menu-item-bottom a p, footer .menu-item-right a p, footer .menu-item-left a p {
  transition: all ease 0.3s;
}
footer .menu-item-top a:hover p, footer .menu-item-bottom a:hover p, footer .menu-item-right a:hover p, footer .menu-item-left a:hover p {
  color: #56b8ca;
  padding-right: 5px;
}
footer .footer-btns .btn-arrow {
  transition: all ease 0.3s;
  padding-bottom: 6px;
}
footer .footer-btns .btn-arrow img {
  height: 15px;
  margin-bottom: -3px;
}
footer .footer-btns .btn-arrow:hover {
  background-color: #56b8ca;
}
footer .social-div {
  transition: all ease 0.3s;
}
footer .social-div:hover {
  background-color: #56b8ca;
}
footer.footer-dashboard .bottom-footer {
  background: none;
  background-color: #F5F5F5;
  padding: 10px 0;
}
footer.footer-dashboard .bottom-footer-copy-right {
  font-size: 14px;
  font-family: "boldFont";
  color: #717171;
}
footer.footer-dashboard .bottom-footer-links a {
  color: #717171;
  font-size: 12px;
}
footer.footer-dashboard .lift-image img {
  width: 150px;
}
footer.footer-dashboard .bottom-footer-links {
  gap: 20px;
  justify-content: flex-start;
}

.top-footer {
  background-color: #37326D;
  padding: 20px 50px;
}

.menu-title {
  color: white;
  position: relative;
  padding-bottom: 15px;
  font-size: 26px;
  font-family: "boldFont";
}
.menu-title:after {
  content: "";
  right: 0;
  height: 4px;
  width: 115px;
  position: absolute;
  z-index: 1;
  background-color: #29B3B4;
  bottom: 5px;
  /*border-bottom: 2px solid $mainColor;*/
}

.top-footer-lift {
  flex-basis: 20%;
}

.footer-btns {
  padding-top: 10px;
  gap: 10px;
  font-size: 14px;
}
.footer-btns a {
  color: white;
}
.footer-btns a.secondaryColor {
  color: #30346E;
}
.footer-btns a:hover {
  text-decoration: none;
}

.location {
  gap: 10px;
  color: white;
  align-items: center;
  padding-top: 10px;
  font-size: 15px;
}
.location.secondaryColor {
  color: #30346E;
}

.footer-social {
  gap: 10px;
  padding-top: 10px;
}

.social-div {
  border: 1px solid #29B3B4;
  padding: 10px;
  border-radius: 10px;
  display: flex;
}
.social-div img {
  width: 17px;
}

@media (max-width: 1399px) {
  footer .menu-item {
    gap: 50px;
  }
  footer .top-footer-right {
    gap: 50px;
  }
}
@media (max-width: 1199px) {
  footer .top-footer-right {
    gap: 30px;
    justify-content: center;
  }
  footer .menu-item {
    gap: 30px;
  }
  footer .menu-item a {
    font-size: 14px;
  }
  footer .bottom-footer-container {
    width: 950px;
    margin: auto;
  }
  footer .bottom-footer {
    padding: 20px 30px;
  }
  footer .top-footer {
    padding: 20px 30px;
    flex-wrap: wrap;
  }
  footer .top-footer-container {
    width: 950px;
    margin: auto;
  }

  .top-footer-lift {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  footer .top-footer-container {
    width: 100%;
    flex-wrap: wrap;
  }
  footer .top-footer-right {
    flex-basis: 100%;
    justify-content: flex-start;
  }
  footer .top-footer-menu {
    flex-basis: 50%;
  }
  footer .bottom-footer-container {
    width: 100%;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  footer .bottom-footer-right {
    flex-basis: 100%;
  }
  footer .bottom-footer-left {
    flex-basis: 100%;
    justify-content: center;
  }
  footer .bottom-footer-links {
    justify-content: center;
  }
  footer .bottom-footer-copy-right {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  footer.footer-dashboard .bottom-footer-links {
    gap: 20px;
    justify-content: center;
  }

  .top-footer-lift {
    flex-basis: 100%;
  }
}
@media (max-width: 767px) {
  footer .top-footer-menu {
    flex-basis: 100%;
  }
  footer .bottom-footer-links {
    gap: 20px;
    justify-content: center;
  }
  footer .top-footer-right {
    flex-wrap: wrap;
  }
  footer .top-footer-right > .top-footer-menu:nth-child(1) {
    flex: 100%;
  }
  footer .top-footer-right > .top-footer-menu:nth-child(2) {
    flex: 100%;
  }
  footer .top-footer-container {
    gap: 50px;
  }
  footer .menu-item-right {
    flex-basis: 50%;
  }
  footer .menu-item-left {
    flex-basis: 50%;
  }
  footer .menu-item-top {
    flex-basis: 50%;
  }
  footer .menu-item-bottom {
    flex-basis: 50%;
  }
  footer .menu-item {
    display: flex;
    flex-direction: column;
  }

  .top-footer-lift .menu-title {
    text-align: right;
  }
  .top-footer-lift .menu-title:after {
    content: "";
    right: 0;
    transform: none;
  }
}
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.top-banner {
  background: #0397b2;
  background: url("../../Images/innerbannerbackground.svg"), linear-gradient(90deg, #0397b2 0%, #4162a8 75%, #754c9e 100%);
  background-repeat: no-repeat;
  background-position: 90%;
  position: relative;
}
.top-banner .banner-container {
  width: 1140px;
  margin: auto;
  padding: 20px 0;
}
.top-banner .banner-bottom {
  justify-content: space-between;
  align-items: center;
}
.top-banner .banner-bottom-left {
  gap: 30px;
}
.top-banner .share-btn {
  gap: 10px;
  color: #fff;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-family: "boldFont";
}
.top-banner .share-btn img {
  width: 15px;
  height: 12px;
}
.top-banner .bread-crombs {
  color: #fff;
}
.top-banner .bread-crombs a {
  color: #fff;
  padding: 0 5px;
  font-size: 14px;
}
.top-banner .bread-crombs a:hover {
  text-decoration: none;
}
.top-banner .banner-title {
  font-size: 34px;
  color: white;
  flex-basis: 70%;
  font-family: "boldFont";
}
@media (max-width: 1199px) {
  .top-banner .banner-container {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .top-banner .banner-container {
    width: 100%;
    padding: 9px 25px;
  }
  .top-banner .banner-title {
    font-size: 25px;
    flex-basis: 100%;
  }
  .top-banner .banner-bottom-left {
    gap: 15px;
  }
  .top-banner .share-btn {
    font-size: 12px;
    margin-top: 6px;
  }
  .top-banner .bread-crombs a {
    font-size: 12px;
  }
  .top-banner .banner-bottom {
    flex-wrap: wrap;
  }
}
@media (max-width: 479px) {
  .top-banner .banner-title {
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 0;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.ads-box {
  box-shadow: 0px 0px 20px 20px rgba(224, 224, 224, 0.3);
  border-radius: 15px;
}
.ads-box:hover {
  text-decoration: none;
}

.ads-text {
  flex-basis: 65%;
  padding: 10px 25px;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
}

.ads-title {
  color: #30346E;
  padding-bottom: 10px;
  font-family: "boldFont";
  line-height: 2;
  font-size: 15px;
}

.ads-date {
  color: #898989;
  font-size: 16px;
}

.ads-image {
  flex-basis: 35%;
  background-color: #30346E;
  align-items: center;
  justify-content: center;
  border-radius: 0 15px 15px 0;
}

@media (max-width: 991px) {
  .ads-title {
    font-size: 15px;
  }

  .ads-date {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .ads-text {
    padding: 10px;
  }

  .ads-title {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .ads-title {
    font-size: 13px;
  }
}
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.filtration-bar {
  justify-content: space-between;
  margin-top: 20px;
  padding: 0px;
  padding-top: 0px;
  flex-wrap: wrap;
}
.filtration-bar .filtration-bar-search {
  /*.filtration-search-input {
      padding: 10px 15px;
      background: url('../../Images/filtration-search-icon.svg') no-repeat scroll 15px center;
      padding-left: 30px;
      border: 1px solid #DBDBDB;
      border-radius: 10px;
      font-size: 14px;
      width: 350px;
      color: #2F336D;

      &::placeholder {
          color: #C3C3C3;
          opacity: 1;
      }
  }*/
}
.filtration-bar .filtration-search-input {
  position: relative;
  padding: 0 !important;
  padding-left: 0 !important;
  overflow: hidden;
}
.filtration-bar .filtration-search-input .span-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  height: 17px;
}
.filtration-bar .filtration-search-input .span-button .image-search {
  margin-bottom: 3px;
}
.filtration-bar .filtration-search-input .span-button.hidden {
  color: red;
  display: none;
  height: auto;
}
.filtration-bar .filtration-search-input .input-search {
  width: 100%;
  padding: 8px 15px 5px;
  padding-left: 35px;
  border: 1px solid #DBDBDB;
  border-radius: 20px;
  font-size: 16px;
  /*&:focus {
      outline: none !important;
      box-shadow: none;
      border: none;
  }*/
}
[dir="ltr"] .filtration-bar .filtration-search-input .input-search {
  padding-right: 35px;
  padding-right: 8px;
}
[dir="ltr"] .filtration-bar .filtration-search-input .span-button {
  right: 0;
  left: auto;
}
.filtration-bar .filtration-bar-options .option {
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
}
.filtration-bar .filtration-bar-options .option .option-icon {
  margin: 0px 10px;
}
.filtration-bar .filtration-bar-options .option .option-text {
  color: #7B7B7B;
  font-size: 16px;
}
@media (max-width: 991px) {
  .filtration-bar {
    justify-content: center;
  }
  .filtration-bar .filtration-bar-search {
    flex-basis: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .filtration-bar .filtration-bar-search .filtration-search-input {
    padding: 8px 12px;
    background: url("../../Images/filtration-search-icon.svg") no-repeat scroll 12px center;
    padding-left: 25px;
    font-size: 13px;
    width: 300px;
  }
  .filtration-bar .filtration-bar-options {
    flex-basis: 100%;
    justify-content: center;
  }
}
@media (max-width: 479px) {
  .filtration-bar {
    margin: 10px;
  }
  .filtration-bar .filtration-bar-search .filtration-search-input {
    font-size: 12px;
  }
  .filtration-bar .filtration-bar-options .option {
    margin-left: 10px;
  }
  .filtration-bar .filtration-bar-options .option .option-text {
    font-size: 12px;
  }
}

/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.filtration-items {
  margin-top: 30px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.filtration-items .filtration-item {
  border: 1px solid #56B7CB;
  border-radius: 25px;
  padding: 5px 20px;
  margin: 5px;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
}
.filtration-items .filtration-item.active {
  background-color: #30346E;
}
.filtration-items .filtration-item.active .filtration-icon .icon {
  display: none;
}
.filtration-items .filtration-item.active .filtration-icon .white-icon {
  display: block;
}
.filtration-items .filtration-item.active .filtration-text {
  color: #fff;
}
.filtration-items .filtration-item.active .filtration-text a {
  color: #fff;
  text-decoration: none;
}
.filtration-items .filtration-item .filtration-icon {
  align-items: center;
}
.filtration-items .filtration-item .filtration-icon .icon {
  display: block;
  height: 20px;
}
.filtration-items .filtration-item .filtration-icon .white-icon {
  display: none;
  height: 20px;
}
.filtration-items .filtration-item .filtration-text {
  font-size: 14px;
  color: #56B7CB;
  margin-bottom: 3px;
}
.filtration-items .filtration-item .filtration-text .text {
  margin: 0px 8px;
  font-family: "boldFont";
}
.filtration-items .filtration-item .filtration-text .number {
  margin-right: 10px;
}
@media (max-width: 991px) {
  .filtration-items {
    margin-top: 20px;
  }
  .filtration-items .filtration-item {
    padding: 5px 15px;
  }
  .filtration-items .filtration-item .filtration-icon {
    align-items: center;
  }
  .filtration-items .filtration-item .filtration-icon .icon {
    height: 18px;
  }
  .filtration-items .filtration-item .filtration-icon .white-icon {
    height: 18px;
  }
  .filtration-items .filtration-item .filtration-text .text {
    margin: 0px 8px;
    font-size: 13px;
  }
  .filtration-items .filtration-item .filtration-text .number {
    margin-right: 8px;
  }
}
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.services-boxes {
  flex-wrap: wrap;
  margin: 40px 0px;
  gap: 30px;
}
.services-boxes .slick-slide > div {
  margin: 20px 10px;
  box-shadow: -2px 3px 14px 0px #efeded;
  border-radius: 15px;
}
.services-boxes .service-box {
  position: relative;
  padding: 0px 20px;
  flex-basis: calc(33.33333% - 20px);
  /*margin: 20px 0px;*/
  box-shadow: -2px 3px 14px 0px #efeded;
  border-radius: 15px;
  flex-direction: column;
  justify-content: space-between;
}
.services-boxes .service-box .service-box-rate {
  position: absolute;
  top: 15px;
  left: 15px;
  align-items: center;
  justify-content: center;
}
.services-boxes .service-box .service-box-rate .rate-icon img {
  height: 15px;
}
.services-boxes .service-box .service-box-rate .rate-text {
  color: #8E9FBD;
  padding-right: 10px;
  font-size: 16px;
  margin-top: 6px;
}
.services-boxes .service-box .service-box-most-used {
  background-color: #754C9E;
  color: #fff;
  position: absolute;
  top: 0px;
  right: 20px;
  padding: 3px 10px;
  white-space: nowrap;
  padding: 2px 20px;
  font-size: 12px;
  border-radius: 0px 0px 10px 10px;
}
.services-boxes .service-box .service-box-sub-title {
  margin: 10px 0px;
  margin-top: 30px;
}
.services-boxes .service-box .service-box-sub-title .sub-title-icon .title-icon {
  height: 20px;
}
.services-boxes .service-box .service-box-sub-title .sub-title-text {
  color: #29B3B4;
  font-size: 14px;
  padding: 0px 15px;
  font-family: "boldFont";
}
.services-boxes .service-box .service-box-title {
  color: #30346E;
  font-size: 22px;
  font-family: "boldFont";
}
.services-boxes .service-box .service-box-title img {
  display: inline;
  margin-right: 10px;
}
.services-boxes .service-box .service-box-brief {
  color: #808080;
  margin: 10px 0px;
  font-size: 16px;
}
.services-boxes .service-box .box-footer-botton {
  font-size: 12px;
}
.services-boxes .service-box .box-footer-botton .service-btn {
  border: 1px solid #30346E;
  color: #fff;
  background-color: #30346E;
  padding: 10px 20px 5px;
  font-family: "boldFont";
  font-size: 12px;
  border-radius: 10px;
}
.services-boxes .service-box .box-footer-botton .service-btn:hover {
  color: #fff;
}
.services-boxes .service-box .service-box-bottom-bar {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}
.services-boxes .service-box .service-box-bottom-bar .service-box-icons {
  align-items: center;
}
.services-boxes .service-box .service-box-bottom-bar .service-box-icons .icon {
  height: 18px;
  margin-left: 15px;
}
.services-boxes .service-box .service-box-bottom-bar .service-details {
  align-items: center;
  cursor: pointer;
}
.services-boxes .service-box .service-box-bottom-bar .service-details .details-text {
  font-size: 12px;
  color: #56B7CB;
  padding-left: 5px;
}
.services-boxes .service-box .service-box-bottom-bar .service-details .details-icon img {
  height: 10px;
  margin-top: 10px;
}
.services-boxes .service-box .service-box-bottom-bar .service-details:hover .details-text {
  color: #2F336D;
}
@media (max-width: 991px) {
  .services-boxes {
    margin: 30px 0px;
  }
  .services-boxes .service-box {
    padding: 0px 15px;
    flex-basis: calc(50% - 20px);
    /*.service-box-most-used {
        font-size: 10px;
        background-color: #31356F;
        color: #fff;
        position: absolute;
        top: -20px;
        right: 0px;
        padding: 3px 10px;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        white-space: nowrap;
    }*/
  }
  .services-boxes .service-box .service-box-rate .rate-icon img {
    height: 14px;
  }
  .services-boxes .service-box .service-box-rate .rate-text {
    padding-right: 15px;
    font-size: 15px;
  }
  .services-boxes .service-box .service-box-sub-title {
    margin: 8px 0px;
    margin-top: 30px;
  }
  .services-boxes .service-box .service-box-sub-title .sub-title-icon .title-icon {
    height: 18px;
  }
  .services-boxes .service-box .service-box-sub-title .sub-title-text {
    font-size: 12px;
    padding: 0px 12px;
  }
  .services-boxes .service-box .service-box-title {
    font-size: 16px;
  }
  .services-boxes .service-box .service-box-brief {
    margin: 8px 0px;
    font-size: 12px;
  }
  .services-boxes .service-box .service-box-bottom-bar {
    flex-wrap: wrap;
  }
  .services-boxes .service-box .service-box-bottom-bar .service-box-icons .icon {
    height: 16px;
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .services-boxes .service-box {
    padding: 0px 15px;
    flex-basis: 100%;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.most-services .slick-slide > div {
  margin: 20px;
  box-shadow: -2px 3px 14px 0px #efeded;
  border-radius: 15px;
}
.most-services .most-services-box {
  position: relative;
  display: block;
}
.most-services .most-services-box:hover {
  text-decoration: none;
}
.most-services .most-services-box:focus {
  outline: none;
  text-decoration: none;
}
.most-services .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.most-services .slick-dots li {
  border: 2px solid #30346E;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.most-services .slick-dots li button {
  display: none;
}
.most-services .slick-dots li.slick-active {
  background-color: #30346E;
}
.most-services .most-services-lable {
  font-size: 10px;
  background-color: #30346E;
  color: #fff;
  position: absolute;
  top: -20px;
  right: 0px;
  padding: 3px 10px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  white-space: nowrap;
}
.most-services .most-services-rate {
  font-size: 16px;
  color: #8E9FBD;
  gap: 5px;
  justify-content: flex-end;
}
.most-services .most-services-rate img {
  width: 15px;
  height: 25px;
}
.most-services .service-title {
  color: #29B3B4;
  font-size: 10px;
  gap: 10px;
}
.most-services .box-title {
  font-size: 18px;
  color: #30346E;
  padding-top: 10px;
  font-family: "boldFont";
}
.most-services .box-title img {
  display: inline;
  margin-right: 10px;
}
.most-services .box-brief {
  font-size: 12px;
  color: #808080;
  padding-top: 15px;
}
.most-services .box-footer {
  justify-content: space-between;
  padding-top: 15px;
}
.most-services .box-footer-icons {
  gap: 10px;
}
.most-services .box-footer-icons img {
  width: 20px;
}
.most-services .box-footer-botton {
  font-size: 12px;
}

@media (max-width: 767px) {
  .most-services .news-title {
    font-size: 22px;
  }
  .most-services .btn-arrow {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .most-services .news-title {
    font-size: 18px;
  }
  .most-services .btn-arrow {
    font-size: 12px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.e-services-section .services-section_top {
  justify-content: center;
}
.e-services-section .e-services-section-boxies {
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
}
.e-services-section .e-srvices-section-box {
  flex-basis: calc(33.33% - 10px);
  box-shadow: -2px 3px 14px 0px #efeded;
  padding: 20px;
  padding-bottom: 0;
  border-radius: 15px;
}
.e-services-section .e-srvices-section-top {
  color: #30346E;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "boldFont";
}
.e-services-section .e-srvices-section-top img {
  height: 25px;
}
.e-services-section .e-srvices-section-botton {
  color: #ffffff;
  gap: 10px;
  font-size: 11px;
  padding: 3px 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-family: "boldFont";
}
.e-services-section .e-srvices-section-botton.right {
  background-color: #29B3B4;
}
.e-services-section .e-srvices-section-botton.left {
  background-color: #30346E;
}
.e-services-section .e-srvices-section-botton img {
  height: 15px;
}
.e-services-section .e-srvices-section-bottons {
  gap: 10px;
}

@media (max-width: 991px) {
  .e-services-section .e-services-section-boxies {
    flex-wrap: wrap;
    gap: 15px;
  }
  .e-services-section .e-srvices-section-box {
    flex-basis: calc(50% - 8px);
  }
}
@media (max-width: 767px) {
  .e-services-section .e-srvices-section-box {
    flex-basis: 100%;
  }
}
@media (max-width: 479px) {
  .e-services-section .e-srvices-section-box {
    flex-basis: 100%;
  }
  .e-services-section .e-srvices-section-top {
    font-size: 16px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.header-dashboard {
  background: whitesmoke;
  background: linear-gradient(180deg, whitesmoke 60%, #31356f 60%);
  /*.header-dashboard-contaner {
      width: 1140px;
      margin: auto;
      position: relative;
  }*/
}
.header-dashboard .header-dashboard-top-search {
  position: relative;
  width: 350px;
}
.header-dashboard .top-menu-mobile {
  display: none;
}
.header-dashboard .notfication-icon {
  cursor: pointer;
  position: relative;
}
.header-dashboard .log-out-img {
  cursor: pointer;
}
.header-dashboard .search-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background-color: #29B3B4;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.header-dashboard .search-icon img {
  width: 20px;
}
.header-dashboard .notfication-dropdown {
  background-color: #fff;
  width: 350px;
  position: absolute;
  left: 0;
  border-radius: 10px;
  padding: 20px;
  top: 30px;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.04);
  z-index: 5;
}
.header-dashboard .notfication-footer {
  text-align: center;
  padding-top: 10px;
}
.header-dashboard .notfication-item-title {
  color: #29B3B4;
  font-size: 20px;
  font-family: "boldFont";
}
.header-dashboard .notfication-item {
  border-bottom: 1px solid #F0F0F0;
  justify-content: space-between;
  padding-bottom: 10px;
}
.header-dashboard .notfication-body {
  min-height: 250px;
  border-bottom: 1px solid #F0F0F0;
}
.header-dashboard .notfication-item-right .close {
  width: 30px;
}
.header-dashboard .notfication-item-right .check {
  width: 25px;
}
.header-dashboard .notfication-header {
  text-align: center;
}
.header-dashboard .notfication-header-title {
  color: #000;
}
.header-dashboard .notfication-btn {
  background-color: #29B3B4;
  padding: 5px;
  color: #fff;
  display: inline-block;
}
.header-dashboard .search-header {
  /*font-size: 12px;*/
  color: #C3C3C3;
  padding: 5px 15px 3px;
  width: calc(100% - 31px);
  border: 1px solid #E3E3E3;
  border-radius: 5px;
}
.header-dashboard .header-dashboard-top {
  background-color: #F5F5F5;
}
.header-dashboard .header-dashboard-top-contanier {
  justify-content: space-between;
  padding: 10px 0;
  width: 1140px;
  margin: auto;
}
.header-dashboard .header-dashboard-top-right {
  gap: 25px;
  align-items: center;
}
.header-dashboard .header-dashboard-top-logo img {
  width: 150px;
}
.header-dashboard .header-dashboard-bottom {
  background-color: #30346E;
}
.header-dashboard .header-dashboard-bottom-contanier {
  justify-content: space-between;
  /*align-items: center;*/
  width: 1140px;
  margin: auto;
}
.header-dashboard .header-dashboard-top-drop {
  align-items: center;
  gap: 20px;
  cursor: pointer;
}
.header-dashboard .drop-icon img {
  width: 50px;
  margin: 2px 0px;
}
.header-dashboard .drop-info-name {
  font-size: 14px;
  color: #30346E;
}
.header-dashboard .drop-info-name .name {
  font-family: "boldFont";
}
.header-dashboard .drop-info-job {
  font-size: 14px;
  color: #30346E;
  font-family: "boldFont";
}
.header-dashboard .header-dashboard-top-icons {
  gap: 25px;
  align-items: center;
}
.header-dashboard .header-dashboard-top-left {
  gap: 40px;
}
.header-dashboard .header-dashboard-list {
  /*gap: 40px;*/
}
.header-dashboard .header-dashboard-list-link {
  font-size: 16px;
  color: #fff;
  font-family: "boldFont";
  padding: 8px 20px;
  gap: 10px;
  /*display: block;*/
}
.header-dashboard .header-dashboard-list-link.active {
  background-color: #49457A;
}
.header-dashboard .header-dashboard-list-link:hover {
  background-color: #49457A;
  text-decoration: none;
}
.header-dashboard .header-dashboard-btns {
  font-size: 14px;
  font-family: "boldFont";
  align-self: center;
  gap: 10px;
}
.header-dashboard .header-dashboard-btn {
  color: #fff;
  padding: 10px 25px;
  display: block;
  background-color: #29B3B4;
}
.header-dashboard .header-dashboard-btn:hover {
  text-decoration: none;
}
.header-dashboard .header-dashboard-menu-open {
  display: none;
}
.header-dashboard .search-icon-svg {
  display: none;
}
@media (max-width: 1199px) {
  .header-dashboard .header-dashboard-top-contanier {
    width: 950px;
  }
  .header-dashboard .header-dashboard-bottom-contanier {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .header-dashboard .header-dashboard-menu-open {
    display: block;
    padding-top: 5px;
    align-self: center;
  }
  .header-dashboard .search-icon-svg {
    display: block;
    width: 20px;
  }
  .header-dashboard .header-dashboard-top-search {
    display: none;
  }
  .header-dashboard .header-dashboard-top-contanier {
    width: 100%;
    padding: 10px 25px;
  }
  .header-dashboard .header-dashboard-bottom-contanier {
    justify-content: flex-end;
    width: 100%;
    padding: 5px 25px;
  }
  .header-dashboard .header-dashboard-top-drop {
    gap: 10px;
  }
  .header-dashboard .header-dashboard-top-left {
    gap: 20px;
  }
  .header-dashboard .drop-info {
    display: none;
  }
  .header-dashboard .header-dashboard-bottom {
    /*display: none;*/
  }
  .header-dashboard .header-dashboard-bottom .header-dashboard-menu {
    display: none;
  }
  .header-dashboard .header-dashboard-bottom .header-dashboard-btns {
    display: none;
  }
  .header-dashboard .header-dashboard-bottom.open {
    display: block;
    position: fixed;
    HEIGHT: 100vh;
    width: 100%;
    background-color: rgba(42, 38, 109, 0.86);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(30px);
    z-index: 10;
    padding: 75px 25px;
    top: 0;
    left: 0;
  }
  .header-dashboard .header-dashboard-bottom.open .top-menu-mobile {
    display: flex;
    justify-content: space-between;
    font-size: 35px;
    color: #29B3B4;
  }
  .header-dashboard .header-dashboard-bottom.open .top-menu-mobile img {
    cursor: pointer;
  }
  .header-dashboard .header-dashboard-bottom.open .header-dashboard-list-link {
    font-size: 18px;
    padding: 12px 20px;
  }
  .header-dashboard .header-dashboard-bottom.open .header-dashboard-menu {
    display: flex;
    flex-direction: column;
  }
  .header-dashboard .header-dashboard-bottom.open .header-dashboard-btns {
    display: flex;
  }
  .header-dashboard .header-dashboard-bottom.open .header-dashboard-bottom-contanier {
    width: 100%;
    flex-direction: column;
    padding: 0px;
  }
  .header-dashboard .header-dashboard-bottom.open .header-dashboard-list {
    flex-direction: column;
  }
  .header-dashboard .header-dashboard-bottom.open .header-dashboard-menu-open {
    display: none;
  }
}
@media (max-width: 479px) {
  .header-dashboard .header-dashboard-top-contanier {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}

/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.search-popup {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.search-popup.active {
  display: block;
  overflow: hidden;
}
.search-popup .black-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}
.search-popup .search-popup-content {
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.search-popup .search-popup-section {
  margin: auto;
  background-color: #fff;
  padding: 40px;
  /*padding-top: 50px;*/
  border-radius: 20px;
  position: relative;
  padding-top: 20px;
}
.search-popup .search-popup-section .close-search-popup {
  position: absolute;
  display: inline-flex;
  left: 40px;
  top: 30px;
}
.search-popup .search-popup-section .close-search-popup .close-icon {
  height: 17px;
}
.search-popup .search-popup-section .search-popup-input {
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 20px;
  padding-bottom: 5px;
}
.search-popup .search-popup-section .popup-search-input {
  padding: 10px 15px;
  padding-left: 30px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  width: 100%;
  color: #2F336D;
}
.search-popup .search-popup-section .popup-search-input::placeholder {
  color: #C3C3C3;
  opacity: 1;
}
.search-popup .search-popup-section .search-keywords .title {
  color: #29256B;
  font-size: 18px;
  font-family: "boldFont";
}
.search-popup .search-popup-section .search-keywords .keywords {
  margin-top: 30px;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.search-popup .search-popup-section .search-keywords .keywords .keyword {
  border: 1px solid #CECECE;
  border-radius: 25px;
  padding: 5px 15px;
  margin: 5px;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
}
.search-popup .search-popup-section .search-keywords .keywords .keyword.active {
  background-color: #30346E;
}
.search-popup .search-popup-section .search-keywords .keywords .keyword.active .keyword-text {
  color: #fff;
}
.search-popup .search-popup-section .search-keywords .keywords .keyword .keyword-text {
  font-size: 12px;
  color: #6F6F6F;
  margin-top: 3px;
}
.search-popup .search-popup-section .search-keywords .keywords .keyword .keyword-text .text {
  margin: 0px 8px;
}
@media (max-width: 991px) {
  .search-popup .search-popup-section {
    margin: 20px;
  }
  .search-popup .search-popup-section .search-keywords .title {
    font-size: 15px;
  }
  .search-popup .search-popup-section .search-keywords .keywords {
    margin-top: 20px;
  }
  .search-popup .search-popup-section .search-keywords .keywords .keyword {
    padding: 5px 10px;
  }
  .search-popup .search-popup-section .search-keywords .keywords .keyword .keyword-text .text {
    margin: 0px 8px;
  }
}

/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.rich-text h1 {
  color: #30346E;
  font-size: 32px;
  font-family: "boldFont";
  margin-bottom: 20px;
}
.rich-text p {
  font-size: 16px;
  color: #5F5F5F;
  margin-bottom: 30px;
}
.rich-text img {
  width: 100%;
  margin-top: 10px;
}
.rich-text ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.rich-text ol li {
  margin-top: 22px;
  counter-increment: my-awesome-counter;
  font-size: 18px;
  color: #5F5F5F;
  display: flex;
}
.rich-text ol li::before {
  content: counter(my-awesome-counter);
  color: #56B7CB;
  border: 1px solid #56B7CB;
  border-radius: 5px;
  font-size: 30px;
  padding-top: 10px;
  line-height: 1.2;
  width: 57px;
  min-width: 57px;
  height: 57px;
  background-color: #fff;
  position: relative;
  font-family: "boldFont";
  display: inline-block;
  text-align: center;
  margin-left: 27px;
}

@media (max-width: 991px) {
  .rich-text h1 {
    font-size: 28px;
  }
  .rich-text p {
    font-size: 16px;
  }
  .rich-text ol li:before {
    content: counter(my-awesome-counter);
    font-size: 20px;
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin-left: 15px;
  }
}
@media (max-width: 767px) {
  .rich-text h1 {
    margin-top: 30px;
    font-size: 25px;
  }
  .rich-text p {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .rich-text h1 {
    font-size: 22px;
  }
  .rich-text p {
    font-size: 16px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.new-indications {
  width: 1140px;
  margin: auto;
  background-color: #30346E;
  border-radius: 25px;
  padding: 60px 40px 44px;
  margin-top: -115px;
  position: relative;
  margin-bottom: 30px;
}
.new-indications .new-indications-title {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 35px;
  font-family: "boldFont";
  color: #fff;
  background-color: #29B3B4;
  border-radius: 50px;
  padding: 4px 30px 7px;
  white-space: nowrap;
}
.new-indications .slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.new-indications .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.new-indications .slick-dots li {
  cursor: pointer;
  opacity: 0.8;
  width: 12px;
  height: 12px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.46);
  -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;
}
.new-indications .slick-dots li button {
  display: none;
}
.new-indications .slick-dots .slick-active {
  width: 32px;
  height: 12px;
  background-color: #29B3B4;
  opacity: 1;
}
.new-indications .slick-slide:last-child .indicator-item {
  border-left: none;
}
.new-indications .indicator-item {
  gap: 15px;
  margin-left: 15px;
  min-height: 108px;
  border-left: 1px solid rgba(39, 179, 180, 0.2);
  padding-left: 15px;
}
.new-indications .indicator-body .counter {
  font-size: 42px;
  font-family: "boldFont";
  color: #29B3B4;
  line-height: 1;
}
.new-indications .indicator-body .brief {
  font-size: 18px;
  color: #fff;
}

@media (max-width: 1199px) {
  .new-indications {
    width: 950px;
    padding: 50px 25px 40px 25px;
    margin-top: -80px;
  }
  .new-indications .new-indications-title {
    top: -33px;
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .new-indications {
    width: calc(100% - 50px);
    margin: auto;
    margin-top: -60px;
  }
  .new-indications .new-indications-title {
    top: -30px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .new-indications .new-indications-title {
    top: -25px;
    font-size: 22px;
    width: 100%;
    display: inline-block;
    max-width: 266px;
    white-space: normal;
    text-align: center;
  }
  .new-indications .indicator-item {
    min-height: 0;
    border-left: none;
  }
  .new-indications .indicator-body .counter {
    font-size: 32px;
  }
  .new-indications .indicator-body .brief {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .new-indications {
    padding: 50px 25px 40px 25px;
  }
  .new-indications .new-indications-title {
    top: -22px;
    font-size: 20px;
    padding: 4px 20px 8px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.knowledge-center {
  background-image: url("../../Images/background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -184px;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 177px;
}
.knowledge-center .background-layer {
  position: absolute;
  left: -100px;
  bottom: 0;
  height: 100%;
}
.knowledge-center .background-layer img {
  height: 100%;
}
.knowledge-center .center-box-content {
  flex-grow: 1;
}
.knowledge-center .knowledge-center-container {
  align-items: center;
  width: 1140px;
  position: relative;
  margin: auto;
  padding-top: 210px;
}
.knowledge-center .knowledge-center-content {
  flex-basis: 100%;
}
.knowledge-center .knowledge-center-content .knowledge-center-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.knowledge-center .knowledge-center-content .knowledge-center-title {
  font-size: 36px;
  color: #fff;
  font-family: "boldFont";
}
.knowledge-center .knowledge-center-content .btn-arrow {
  color: #fff;
}
.knowledge-center .knowledge-center-boxes {
  flex-wrap: wrap;
  gap: 30px;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box {
  /*margin: 10px 0px;*/
  padding: 20px;
  flex-basis: calc(33.33% - 20px);
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  align-items: center;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box .knowledge-center-top-title {
  color: #ffffff;
  font-family: "boldFont";
  font-size: 16px;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box .knowledge-center-date {
  color: #FFF;
  font-size: 12px;
  font-family: "regularFont";
  margin-top: 8px;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image {
  margin-left: 0px;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download {
  color: #FFF;
  gap: 15px;
  font-size: 15px;
  cursor: pointer;
  font-family: "boldFont";
  align-items: center;
  outline: none;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download img {
  height: 32px;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download p {
  padding-top: 7px;
}
.knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download:hover {
  text-decoration: none;
}
@media (max-width: 1199px) {
  .knowledge-center .knowledge-center-container {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .knowledge-center {
    height: auto;
    padding-bottom: 0px;
  }
  .knowledge-center .knowledge-center-container {
    width: 100%;
  }
  .knowledge-center .knowledge-center-content {
    margin: 36px 27px;
    margin-bottom: 135px;
  }
  .knowledge-center .knowledge-center-content .knowledge-center-title {
    font-size: 24px;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box {
    /*margin: 10px 0px;*/
    padding: 20px;
    flex-basis: calc(50% - 15px);
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box .knowledge-center-top-title {
    font-size: 16px;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box .knowledge-center-date {
    font-size: 12px;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image {
    margin-left: 0px;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .knowledge-center .knowledge-center-container {
    width: 100%;
    padding-top: 150px;
  }
  .knowledge-center .knowledge-center-content {
    margin: 90px 27px;
    margin-bottom: 135px;
  }
  .knowledge-center .knowledge-center-content .knowledge-center-title {
    font-size: 24px;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box {
    /*margin: 10px 0px;*/
    padding: 20px;
    flex-basis: 100%;
    justify-content: flex-start;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box .knowledge-center-top-title {
    font-size: 16px;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box .knowledge-center-date {
    font-size: 12px;
  }
  .knowledge-center .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download {
    font-size: 13px;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.no-account-box {
  text-align: center;
  margin: 118px 0;
}
.no-account-box .no-account-box-name {
  font-size: 24px;
  color: #30346E;
}
.no-account-box .no-account-box-name .name {
  font-family: "boldFont";
}
.no-account-box .no-account-box-image {
  margin: 10px 0;
}
.no-account-box .no-account-box-brief {
  font-size: 33px;
  color: #8C827A;
}
.no-account-box .no-account-box-create-new:hover {
  text-decoration: none;
}
.no-account-box .cercle-btn {
  box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.08);
  padding: 10px 22px;
  border-radius: 50%;
  display: inline-flex;
  margin: 10px 0;
  color: #7E7E7E;
  font-size: 27px;
}
.no-account-box .under-cercle-btn {
  color: #575756;
  font-size: 16px;
}
@media (max-width: 767px) {
  .no-account-box {
    margin: 40px 0;
  }
}
@media (max-width: 479px) {
  .no-account-box {
    margin: 20px 0;
  }
  .no-account-box .no-account-box-name {
    font-size: 20px;
  }
  .no-account-box .no-account-box-image img {
    width: 250px;
  }
  .no-account-box .no-account-box-brief {
    font-size: 26px;
  }
  .no-account-box .under-cercle-btn {
    font-size: 14px;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.aleart-box {
  border: 1px solid #F0F0F0;
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
  padding: 25px 35px;
  text-align: center;
  width: 651px;
  align-self: center;
  margin: auto;
  margin-bottom: 25px;
}
.aleart-box.success {
  border-top: 15px solid #18A37A;
}
.aleart-box.success .aleart-box-main-msg {
  color: #18A37A;
}
.aleart-box.warning {
  border-top: 15px solid #F59700;
}
.aleart-box.warning .aleart-box-main-msg {
  color: #F59700;
}
.aleart-box.rejected {
  border-top: 15px solid #C60033;
}
.aleart-box.rejected .aleart-box-main-msg {
  color: #C60033;
}
.aleart-box.info {
  border-top: 15px solid #007EB5;
}
.aleart-box.info .aleart-box-main-msg {
  color: #007EB5;
}
.aleart-box.ordinary {
  border-top: 15px solid #575756;
}
.aleart-box.ordinary .aleart-box-main-msg {
  color: #575756;
}
.aleart-box .aleart-box-main-msg {
  font-size: 24px;
  font-family: "boldFont";
  padding: 10px 0;
}
.aleart-box .aleart-box-decription {
  font-size: 16px;
  color: #8C827A;
}
.aleart-box .aleart-box-btn {
  font-size: 16px;
  color: #8C827A;
  padding: 10px 50px;
  border-radius: 25px;
  border: 1px solid #8C827A;
  display: inline-flex;
  margin-top: 40px;
}
.aleart-box .aleart-box-btn:hover {
  text-decoration: none;
  color: #8C827A;
}
@media (max-width: 767px) {
  .aleart-box {
    width: 400px;
  }
  .aleart-box .aleart-box-main-msg {
    font-size: 22px;
  }
  .aleart-box .aleart-box-decription {
    font-size: 14px;
  }
  .aleart-box .aleart-box-btn {
    font-size: 14px;
    padding: 3px 40px;
    margin-top: 25px;
  }
  .aleart-box .aleart-box-icon img {
    width: 90px;
  }
}
@media (max-width: 479px) {
  .aleart-box {
    width: 100%;
  }
  .aleart-box .aleart-box-main-msg {
    font-size: 20px;
  }
  .aleart-box .aleart-box-decription {
    font-size: 13px;
  }
  .aleart-box .aleart-box-btn {
    font-size: 13px;
    padding: 3px 30px;
    margin-top: 20px;
  }
  .aleart-box .aleart-box-icon img {
    width: 75px;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.we-are-here-to_box {
  border-radius: 25px;
  box-shadow: -2px 3px 14px 0px #efeded;
}
.we-are-here-to_box .we-are-here-to_box-top {
  gap: 30px;
  background-color: #ffffff;
  padding-bottom: 40px;
  padding: 35px;
}
.we-are-here-to_box .we-are-here-to_box-bottom {
  padding: 20px 30px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  color: #ffffff;
}
.we-are-here-to_box .we-are-here-to_box-title {
  font-size: 40px;
}
.we-are-here-to_box .box-title-top {
  font-family: "boldFont";
}
.we-are-here-to_box .we-are-here-to_box-list-item {
  font-size: 20px;
  color: #fff;
}
.we-are-here-to_box .we-are-here-to_box-list {
  list-style: disc;
  padding-left: 20px;
}
.we-are-here-to_box.main-colors .we-are-here-to_box-title {
  color: #29B3B4;
}
.we-are-here-to_box.main-colors .we-are-here-to_box-bottom {
  background-color: #29B3B4;
}
.we-are-here-to_box.secondary-colors .we-are-here-to_box-title {
  color: #30346E;
}
.we-are-here-to_box.secondary-colors .we-are-here-to_box-bottom {
  background-color: #30346E;
}
.we-are-here-to_box.gray-colors .we-are-here-to_box-title {
  color: #575756;
}
.we-are-here-to_box.gray-colors .we-are-here-to_box-bottom {
  background-color: #575756;
}
@media (max-width: 1199px) {
  .we-are-here-to_box .we-are-here-to_box-title {
    font-size: 35px;
  }
  .we-are-here-to_box .we-are-here-to_box-list-item {
    font-size: 18px;
  }
}

/** Pages **/
.news-page .news-section .news-boxies {
  flex-wrap: wrap;
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.ads-page .ads-boxies {
  flex-wrap: wrap;
  gap: 35px;
  margin-top: 35px;
  margin-bottom: 35px;
}
.ads-page .ads-title {
  font-size: 15px;
}
.ads-page .ads-box {
  flex-basis: calc(50% - 18px);
}

@media (max-width: 991px) {
  .ads-page .ads-title {
    font-size: 15px;
  }
  .ads-page .ads-boxies {
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .ads-page .ads-box {
    flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .ads-page .ads-title {
    font-size: 15px;
  }
  .ads-page .ads-boxies {
    gap: 20px;
  }
  .ads-page .ads-box {
    flex-basis: 100%;
  }
}
@media (max-width: 479px) {
  .ads-page .ads-title {
    font-size: 12px;
  }
  .ads-page .ads-image img {
    width: 100px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.media-page .media-boxies {
  flex-wrap: wrap;
  gap: 16px;
}
.media-page .media-box {
  flex-basis: calc(33.33% - 18px);
  border-radius: 15px;
  position: relative;
}
.media-page .media-box img {
  height: 100%;
  width: 100%;
  border-radius: 30px;
}
.media-page .media-text {
  position: absolute;
  bottom: 0;
  padding: 10px 25px 20px;
  width: 100%;
  color: #fff;
}
.media-page .media-title {
  font-size: 20px;
  font-family: "boldFont";
}
.media-page .media-date {
  font-size: 16px;
}
.media-page .media-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #818181;
  background: linear-gradient(180deg, rgba(129, 129, 129, 0.0900735294) 45%, rgba(0, 0, 0, 0.7427345938) 80%);
  border-radius: 30px;
}

@media (max-width: 991px) {
  .media-page .media-title {
    font-size: 15px;
  }
  .media-page .media-date {
    font-size: 12px;
  }
  .media-page .media-boxies {
    gap: 20px;
  }
  .media-page .media-box {
    flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .media-page .media-title {
    font-size: 18px;
  }
  .media-page .media-boxies {
    gap: 20px;
  }
  .media-page .media-box {
    flex-basis: 100%;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.board-of-directors .directors {
  justify-content: center;
  flex-wrap: wrap;
}
.board-of-directors .directors .director-box {
  box-shadow: inset 0px -20px 20px 0px rgba(224, 224, 224, 0.2);
  padding: 20px 0px;
  text-align: center;
  border-radius: 20px;
  position: relative;
  margin: 0px 30px;
  margin-top: 240px;
  flex-basis: calc(33.33333% - 60px);
  justify-content: center;
}
.board-of-directors .directors .director-box .director-text {
  width: 90%;
  margin: auto;
  margin-top: 100px;
}
.board-of-directors .directors .director-box .director-img {
  position: absolute;
  bottom: 60%;
  right: calc(50% - 110px);
}
.board-of-directors .directors .director-box .director-img img {
  max-width: 200px;
}
.board-of-directors .directors .director-box .main-postion {
  color: #5F5F5F;
  font-size: 16px;
}
.board-of-directors .directors .director-box .name {
  color: #2F336D;
  font-size: 24px;
  margin: 10px 0px;
  margin-top: 5px;
  font-family: "boldFont";
}
.board-of-directors .directors .director-box .sub-postion {
  color: #56B7CB;
  font-size: 14px;
  font-family: "boldFont";
}
@media (max-width: 991px) {
  .board-of-directors .dga-wrapper {
    padding: 10px 0;
  }
  .board-of-directors .directors .director-box {
    padding: 20px 0px;
    margin-top: 220px;
    flex-basis: calc(50% - 60px);
  }
}
@media (max-width: 767px) {
  .board-of-directors .directors {
    margin: 0px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .board-of-directors .directors .director-box {
    flex-basis: calc(100% - 60px);
  }
  .board-of-directors .directors .director-box .main-postion {
    font-size: 12px;
  }
  .board-of-directors .directors .director-box .name {
    font-size: 18px;
  }
  .board-of-directors .directors .director-box .sub-postion {
    font-size: 14px;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.create-the-commission .line {
  position: absolute;
  top: 0;
  right: 50%;
  width: 1px;
  z-index: -1;
}
.create-the-commission .main-news {
  margin-bottom: 70px;
}
.create-the-commission .news-box-date {
  background-color: #56B7CB;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  margin-top: -30px;
  position: relative;
  font-family: "boldFont";
  width: 116px;
  height: 101px;
  padding: 20px 19px;
  flex-grow: 0;
  flex-shrink: 0;
}
.create-the-commission .news-box-date .day {
  font-size: 48px;
  line-height: 1;
  text-align: center;
}
.create-the-commission .news-box-date .month-year {
  justify-content: center;
  font-family: "boldFont";
  font-size: 18px;
}
.create-the-commission .news-box {
  padding-right: 30px;
}
.create-the-commission .news-box .news-title {
  color: #2F336D;
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 15px;
  font-family: "boldFont";
}
.create-the-commission .news-box .news-brief {
  font-size: 18px;
  color: #838383;
  text-align: justify;
  margin-bottom: 15px;
}
.create-the-commission .news-download-btn {
  background-color: #56B7CB;
  color: #fff;
  font-size: 18px;
  padding: 10px 30px 15px;
  align-items: center;
  border-radius: 10px;
  text-decoration: none;
  display: inline-flex;
}
.create-the-commission .news-download-btn .download-icon {
  height: 16px;
  padding: 0px 10px;
}
.create-the-commission .news-download-btn .text-icon {
  margin-top: 5px;
}
.create-the-commission .news-download-btn:hover {
  background-color: #2F336D;
}
@media (max-width: 991px) {
  .create-the-commission .wrapper, .create-the-commission .dga-wrapper {
    padding-bottom: 0px;
  }
  .create-the-commission .main-news {
    margin-bottom: 70px;
  }
  .create-the-commission .news-box-date {
    width: 78px;
    height: 78px;
  }
  .create-the-commission .news-box-date .day {
    font-size: 22px;
  }
  .create-the-commission .news-box-date .month-year {
    font-size: 12px;
    justify-content: center;
  }
  .create-the-commission .news-box {
    padding-right: 20px;
  }
  .create-the-commission .news-box .news-title {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .create-the-commission .news-box .news-brief {
    font-size: 16px;
  }
  .create-the-commission .news-download-btn {
    font-size: 13px;
    padding: 3px 15px 9px;
  }
  .create-the-commission .news-download-btn .text-icon {
    margin-top: 5px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.the-commission-tasks .line {
  position: absolute;
  top: 0;
  right: 50%;
  width: 1px;
  z-index: -1;
}
.the-commission-tasks .main-tasks {
  margin-bottom: 60px;
  overflow: hidden;
}
.the-commission-tasks .main-tasks .task {
  align-items: center;
  margin-top: 22px;
}
.the-commission-tasks .main-tasks .task .task-number {
  color: #56B7CB;
  border: 1px solid #56B7CB;
  border-radius: 5px;
  font-size: 30px;
  /*padding-top: 10px;*/
  line-height: 1.2;
  width: 57px;
  height: 57px;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: relative;
  font-family: "boldFont";
  flex-shrink: 0;
}
.the-commission-tasks .main-tasks .task .task-text {
  padding: 0px 27px;
  font-size: 20px;
  color: #5F5F5F;
}
@media (max-width: 991px) {
  .the-commission-tasks .main-tasks {
    margin-bottom: 0px;
    overflow: hidden;
  }
  .the-commission-tasks .main-tasks .task {
    margin-top: 15px;
  }
  .the-commission-tasks .main-tasks .task .task-number {
    font-size: 24px;
    width: 45px;
    height: 40px;
  }
  .the-commission-tasks .main-tasks .task .task-text {
    padding: 0px 15px;
    font-size: 16px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.contact-us-page .contact-us-container {
  gap: 40px;
}
.contact-us-page .btn-arrow.contact-btn {
  padding: 5px 25px;
  border-radius: 50px;
  color: #2F336D;
}
.contact-us-page .contact-us-form {
  flex-basis: 65%;
}
.contact-us-page .contact-contact {
  flex-basis: 35%;
}
.contact-us-page .contact-form {
  margin-top: 20px;
  padding: 30px 40px;
  border-radius: 20px;
  box-shadow: 0px 0px 20px 20px rgba(224, 224, 224, 0.15);
}
.contact-us-page .contact-section {
  width: 100%;
  margin-bottom: 30px;
  align-items: center;
}
.contact-us-page .contact-section label {
  flex-basis: 150px;
  font-size: 17px;
}
.contact-us-page .contact-section select {
  appearance: none;
  background: url("../../Images/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: 15px;
  background-size: 18px;
}
.contact-us-page .contact-section .input {
  flex-basis: calc(100% - 150px);
  padding: 7px 15px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.14);
  resize: none;
  color: #5C5C5C;
}
.contact-us-page .btn-div {
  justify-content: flex-end;
}
.contact-us-page .top-footer-lift {
  padding-top: 20px;
}

@media (max-width: 991px) {
  .contact-us-page .contact-us-container {
    flex-wrap: wrap;
  }
  .contact-us-page .contact-us-form {
    flex-basis: 100%;
  }
  .contact-us-page .contact-contact {
    flex-basis: 100%;
  }
}
@media (max-width: 767px) {
  .contact-us-page .contact-section {
    margin-bottom: 20px;
    flex-direction: column;
  }
  .contact-us-page .contact-section label {
    flex-basis: auto;
    font-size: 14px;
    width: 100%;
    padding-bottom: 5px;
  }
  .contact-us-page .contact-section .input {
    flex-basis: 100%;
    padding: 8px 10px;
    width: 100%;
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .contact-us-page .contact-form {
    margin-top: 15px;
    padding: 20px;
  }
  .contact-us-page .contact-section {
    flex-direction: column;
  }
  .contact-us-page .contact-section label {
    flex-basis: auto;
  }
  .contact-us-page .contact-section .input {
    flex-basis: 100%;
  }
  .contact-us-page .contact-us-container {
    gap: 25px;
  }
  .contact-us-page .btn-arrow.content-btn {
    padding: 2px 30px;
    font-size: 14px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.frequently-asked-questions .main-questions {
  margin-bottom: 60px;
}
.frequently-asked-questions .main-questions .question {
  box-shadow: 0px 0px 20px 20px rgba(224, 224, 224, 0.15);
  margin: 10px 0px;
  border-radius: 15px;
}
.frequently-asked-questions .main-questions .question.active .question-brief-container {
  max-height: 500px;
}
.frequently-asked-questions .main-questions .question.active .question-text .arrow-icon img {
  transform: rotate(180deg);
}
.frequently-asked-questions .main-questions .question.active .question-text .text {
  color: #56B7CB;
}
.frequently-asked-questions .main-questions .question .question-text {
  margin: 10px 40px;
  padding: 25px 0px;
  justify-content: space-between;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}
.frequently-asked-questions .main-questions .question .question-text .text {
  font-size: 20px;
  font-family: "boldFont";
  color: #6F6F6F;
}
.frequently-asked-questions .main-questions .question .question-text .arrow-icon {
  margin-top: 10px;
  padding-right: 40px;
}
.frequently-asked-questions .main-questions .question .question-text .arrow-icon img {
  height: 13px;
  transform: rotate(0deg);
}
.frequently-asked-questions .main-questions .question .question-brief-container {
  max-height: 0px;
  overflow: hidden;
}
.frequently-asked-questions .main-questions .question .question-brief {
  margin: 5px 40px;
  padding: 15px 0px;
  font-size: 18px;
  border-top: 1px solid #F0F0F0;
  text-align: justify;
  color: #6F6F6F;
}
@media (max-width: 991px) {
  .frequently-asked-questions .main-questions {
    margin-bottom: 60px;
  }
  .frequently-asked-questions .main-questions .question .question-text {
    margin: 10px 20px;
    padding: 15px 0px;
  }
  .frequently-asked-questions .main-questions .question .question-text .text {
    font-size: 16px;
  }
  .frequently-asked-questions .main-questions .question .question-text .arrow-icon {
    margin-top: 20px;
  }
  .frequently-asked-questions .main-questions .question .question-text .arrow-icon img {
    height: 11px;
    transform: rotate(0deg);
  }
  .frequently-asked-questions .main-questions .question .question-brief-container {
    max-height: 0px;
    overflow: hidden;
  }
  .frequently-asked-questions .main-questions .question .question-brief {
    margin: 5px 20px;
    padding: 15px 0px;
    font-size: 14px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
html {
  scroll-behavior: smooth;
}

.regulated-framework-page .wrapper, .regulated-framework-page .dga-wrapper {
  gap: 20px;
}
.regulated-framework-page .black-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 115;
  left: 0;
  top: 0;
}
.regulated-framework-page .mob-bar {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  justify-content: space-between;
  z-index: 117;
}
.regulated-framework-page .mob-bar.active .arrow-container img {
  transform: rotate(0deg);
}
.regulated-framework-page .mob-bar .crumbs {
  background-color: #30346E;
  flex-grow: 1;
  padding: 15px;
  color: #FFF;
}
.regulated-framework-page .mob-bar .crumbs-bar {
  font-size: 12px;
  margin-bottom: 5px;
}
.regulated-framework-page .mob-bar .crumbs-title {
  font-size: 16px;
  font-family: "boldFont";
}
.regulated-framework-page .mob-bar .arrow-container {
  background-color: #1D2150;
  justify-content: center;
  align-items: center;
  width: 15%;
  max-width: 100px;
  cursor: pointer;
}
.regulated-framework-page .mob-bar .arrow-container img {
  transform: rotate(180deg);
  transition: 0.5s;
}
.regulated-framework-page .toggel-menu {
  display: none;
}
.regulated-framework-page .pages-list-container {
  flex-basis: 300px;
  height: auto;
}
.regulated-framework-page .page-list-fixed {
  position: sticky;
  width: 300px;
  top: 106px;
}
.regulated-framework-page .main-content-container {
  flex-basis: calc(100% - 300px);
  gap: 20px;
}
.regulated-framework-page .main-content-container .top-main-content {
  display: none;
}
.regulated-framework-page .main-content-container.full-screen {
  background-color: #fff;
  padding: 50px 80px;
  overflow-y: scroll;
  flex-basis: 100%;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 999;
}
.regulated-framework-page .main-content-container.full-screen .main-content {
  /*flex-basis: calc(100% - 200px);*/
  flex-basis: 100%;
}
.regulated-framework-page .main-content-container.full-screen .content-page-container {
  width: 100%;
  gap: 30px;
}
.regulated-framework-page .main-content-container.full-screen .content-list {
  position: fixed;
  width: 200px;
}
.regulated-framework-page .main-content-container.full-screen .black-icon {
  display: block;
}
.regulated-framework-page .main-content-container.full-screen .white-icon {
  display: none;
}
.regulated-framework-page .main-content-container.full-screen .top-main-content-logo .white-icon {
  width: 270px;
}
.regulated-framework-page .main-content-container.full-screen .top-main-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.regulated-framework-page .main-content-container.full-screen .top-main-content-close {
  gap: 10px;
}
.regulated-framework-page .main-content-container.full-screen .white-icon {
  display: none;
}
.regulated-framework-page .main-content-container.full-screen .black-icon {
  display: block;
}
.regulated-framework-page .main-content-container.full-screen .moon-options, .regulated-framework-page .main-content-container.full-screen .two-columns-options, .regulated-framework-page .main-content-container.full-screen .column-options, .regulated-framework-page .main-content-container.full-screen .zoom-in-options, .regulated-framework-page .main-content-container.full-screen .zoom-out-options {
  display: flex;
}
.regulated-framework-page .main-content-container.full-screen .read-options, .regulated-framework-page .main-content-container.full-screen .column-options {
  display: none;
}
.regulated-framework-page .main-content-container.full-screen.two-columns-options .main-brief-container {
  flex-wrap: wrap;
  display: flex;
  gap: 40px;
}
.regulated-framework-page .main-content-container.full-screen.two-columns-options .main-content-brief {
  flex-basis: calc(50% - 20px);
}
.regulated-framework-page .main-content-container.full-screen.two-columns-options .column-options {
  display: flex;
}
.regulated-framework-page .main-content-container.full-screen.two-columns-options .two-columns-options {
  display: none;
}
.regulated-framework-page .main-content-container.full-screen.column-options .main-content-brief {
  flex-basis: 100%;
}
.regulated-framework-page .main-content-container.full-screen.column-options .column-options {
  display: none;
}
.regulated-framework-page .main-content-container.full-screen.column-options .two-columns-options {
  display: flex;
}
.regulated-framework-page .main-content-container.full-screen.moon-options {
  background-color: #2D3038;
}
.regulated-framework-page .main-content-container.full-screen.moon-options .main-content-options, .regulated-framework-page .main-content-container.full-screen.moon-options .last-update-banner {
  background-color: #24262D;
  color: #fff;
}
.regulated-framework-page .main-content-container.full-screen.moon-options .main-content-title {
  color: #FFFFFF;
}
.regulated-framework-page .main-content-container.full-screen.moon-options .paragraph-text {
  color: #FFFFFF;
}
.regulated-framework-page .main-content-container.full-screen.moon-options .black-icon {
  display: none;
}
.regulated-framework-page .main-content-container.full-screen.moon-options .white-icon {
  display: block;
}
.regulated-framework-page .main-content-container.full-screen.moon-options .close-text {
  color: #FFFFFF;
}
.regulated-framework-page .page-content-list {
  flex-basis: 200px;
}
.regulated-framework-page .content-list {
  position: sticky;
  width: 200px;
  top: 106px;
}
.regulated-framework-page .content-title {
  color: #30346E;
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
  font-family: "boldFont";
}
.regulated-framework-page .content-page-title {
  font-size: 16px;
  display: block;
  color: #7E7E7E;
  padding-bottom: 10px;
}
.regulated-framework-page .content-item {
  font-size: 14px;
  padding-right: 15px;
  padding-bottom: 10px;
}
.regulated-framework-page .content-item.active .content-link {
  color: #29B3B4;
  font-family: "boldFont";
}
.regulated-framework-page .content-link {
  color: #7E7E7E;
}
.regulated-framework-page .content-link:hover {
  color: #29B3B4;
  text-decoration: none;
}
.regulated-framework-page .main-content-title {
  font-size: 36px;
  color: #30346E;
  font-family: "boldFont";
}
.regulated-framework-page .main-content-options, .regulated-framework-page .last-update-banner {
  background-color: #F8F8F8;
  padding: 20px;
  justify-content: space-between;
  margin-top: 20px;
}
.regulated-framework-page .regulated-option {
  gap: 10px;
  align-items: center;
}
.regulated-framework-page .read-listen-options {
  gap: 20px;
}
.regulated-framework-page .option-img {
  width: 20px;
  height: 15px;
}
.regulated-framework-page .option-text {
  font-size: 14px;
}
.regulated-framework-page .main-content-brief {
  padding-top: 20px;
}
.regulated-framework-page .paragraph-title {
  color: #29B3B4;
  font-size: 20px;
  padding-bottom: 10px;
  font-family: "boldFont";
}
.regulated-framework-page .regulatory-second-box {
  font-family: "boldFont";
}
.regulated-framework-page .paragraph-text {
  color: #535353;
  font-size: 16px;
}
.regulated-framework-page .last-update-version {
  font-size: 15px;
  gap: 20px;
}
.regulated-framework-page .pages-list-section {
  transition: all 0.3s ease-in-out;
  display: block;
}
.regulated-framework-page .pages-list-section.active {
  /*.pages-list {
      display: block;
  }*/
}
.regulated-framework-page .pages-list-section.active .pages-list-title {
  /*align-items: flex-start;*/
  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;
  background-color: #2bb1b4;
  padding-right: 10px;
  border-radius: 20px 0px 0px 20px;
  margin-top: 5px;
}
.regulated-framework-page .pages-list-section.active .pages-list-title a {
  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;
  display: inline-block;
  color: #fff;
}
.regulated-framework-page .pages-list-section.active .pages-list-title .pages-list-down-arrow {
  transform: rotate(0deg);
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.regulated-framework-page .search-input {
  width: calc(100% - 40px);
  border: 1px solid #e1e1e1;
  border-radius: 15px;
  margin-bottom: 15px;
  background-image: url("../../Images/gray search.svg");
  background-image: url("../../Images/gray search.svg");
  background-repeat: no-repeat;
  background-position: 15px;
  background-size: 18px;
  padding: 8px 15px;
  font-size: 12px;
}
.regulated-framework-page .pages-list-title {
  font-size: 16px;
  font-family: "boldFont";
  padding-bottom: 10px;
  padding-top: 10px;
}
.regulated-framework-page .pages-list-title a {
  color: #30346E;
}
.regulated-framework-page .pages-list-title a:hover {
  text-decoration: none;
}
.regulated-framework-page .pages-list-title .pages-list-down-arrow {
  transform: rotate(90deg);
  width: 15px;
  margin-left: 5px;
}
.regulated-framework-page .pages-list {
  display: none;
  margin-right: 15px;
}
.regulated-framework-page .pages-list.active {
  display: block;
}
.regulated-framework-page .pages-list li {
  padding-top: 10px;
  /*list-style: decimal;*/
}
.regulated-framework-page .page-link {
  color: #535353;
  display: block;
  flex-basis: calc(100% - 5px);
}
.regulated-framework-page .page-link:hover {
  text-decoration: none;
}
.regulated-framework-page .page-item {
  padding: 3px 10px;
  font-size: 16px;
}
.regulated-framework-page .page-item:not(.active) .pages-list-down-arrow {
  transform: rotate(90deg);
}
.regulated-framework-page .page-item:hover {
  cursor: pointer;
}
.regulated-framework-page .page-item:hover > a {
  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;
  background-color: #f1f1f1;
  padding-right: 5px;
  border-radius: 10px 0px 0px 10px;
}
.regulated-framework-page .page-item.active .sub-tree {
  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;
  background-color: #f1f1f1;
  padding-right: 5px;
  border-radius: 10px 0px 0px 10px;
}
.regulated-framework-page .page-item.active > a {
  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;
  background-color: #f1f1f1;
  padding-right: 5px;
  border-radius: 10px 0px 0px 10px;
}
.regulated-framework-page .page-item .pages-list-down-arrow {
  margin-left: 5px;
}
.regulated-framework-page .tree-click {
  cursor: pointer;
}
.regulated-framework-page .content-page-container {
  gap: 30px;
}
.regulated-framework-page .main-content {
  /*flex-basis: calc(100% - 200px);*/
  flex-basis: 100%;
}
.regulated-framework-page .main-content .moon-options, .regulated-framework-page .main-content .two-columns-options, .regulated-framework-page .main-content .column-options, .regulated-framework-page .main-content .zoom-in-options, .regulated-framework-page .main-content .zoom-out-options {
  display: none;
}

@media (max-width: 991px) {
  .regulated-framework-page .wrapper, .regulated-framework-page .dga-wrapper {
    gap: 0px;
  }

  .regulated-framework-page .wrapper, .regulated-framework-page .dga-wrapper {
    flex-wrap: wrap;
  }
  .regulated-framework-page .page-list-fixed {
    position: relative;
    width: 100%;
  }
  .regulated-framework-page .main-content {
    flex-basis: 100%;
  }
  .regulated-framework-page .main-content-container {
    flex-basis: 100%;
  }
  .regulated-framework-page .main-content-container.full-screen {
    padding: 30px;
  }
  .regulated-framework-page .main-content-container.full-screen .main-content {
    flex-basis: 100%;
  }
  .regulated-framework-page .toggel-menu {
    display: inline-flex;
  }
  .regulated-framework-page .pages-list-container {
    position: fixed;
    background-color: #f8f8f8;
    padding: 20px;
    overflow: auto;
    box-shadow: 1px 0px 30px 2px rgba(0, 0, 0, 0.33);
    transition: 0.3s ease all;
    left: 0;
    bottom: -100%;
    width: 100%;
    border-radius: 15px 15px 0 0;
    z-index: 116;
  }
  .regulated-framework-page .pages-list-container .page-list-fixed {
    top: unset;
    margin-top: 15px;
    height: 300px;
    overflow: auto;
  }
  .regulated-framework-page .pages-list-container.active {
    bottom: 0;
  }
  .regulated-framework-page .page-content-list {
    display: none;
  }
}
@media (max-width: 767px) {
  .regulated-framework-page .main-content-title {
    font-size: 30px;
  }
  .regulated-framework-page .pages-list-title {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .regulated-framework-page .pages-list {
    margin-right: 13px;
  }
  .regulated-framework-page .paragraph-text {
    font-size: 16px;
  }
  .regulated-framework-page .option-text {
    font-size: 12px;
  }
  .regulated-framework-page .main-content-container.full-screen .top-main-content-logo img {
    width: 200px;
  }
  .regulated-framework-page .main-content-container.full-screen .top-main-content-logo .white-icon {
    width: 200px;
  }
  .regulated-framework-page .main-content-container.full-screen .top-main-content-close {
    font-size: 14px;
  }
  .regulated-framework-page .main-content-container.full-screen .two-columns-options {
    display: none;
  }
  .regulated-framework-page .main-content-options, .regulated-framework-page .last-update-banner {
    flex-wrap: wrap;
  }
}
@media (max-width: 479px) {
  .regulated-framework-page .regulated-option {
    flex-basis: 100%;
  }
  .regulated-framework-page .main-content-title {
    font-size: 28px;
  }
  .regulated-framework-page .read-listen-options {
    flex-basis: 100%;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 5px;
  }
  .regulated-framework-page .main-content-options, .regulated-framework-page .last-update-banner {
    flex-wrap: wrap;
    padding: 15px;
    margin-top: 15px;
  }
  .regulated-framework-page .regulated-option {
    flex-wrap: wrap;
  }
  .regulated-framework-page .last-update-version {
    flex-wrap: wrap;
    gap: 5px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.pictures-of-visit-page .visit-images-container {
  margin: auto;
  justify-content: center;
  align-items: center;
}
.pictures-of-visit-page .visit-images-container .main-image {
  justify-content: center;
  height: 100%;
}
.pictures-of-visit-page .visit-images-container .main-image img {
  border-radius: 20px;
  height: 100%;
}
.pictures-of-visit-page .visit-images-container .sub-images {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.pictures-of-visit-page .visit-images-container .sub-images .sub-image {
  flex-basis: calc(25% - 5px);
  flex-grow: 1;
}
.pictures-of-visit-page .visit-images-container .sub-images .sub-image img {
  border-radius: 20px;
  height: 118px;
  margin: 0px 5px;
}
@media (max-width: 991px) {
  .pictures-of-visit-page .visit-images-container {
    max-width: 100%;
  }
  .pictures-of-visit-page .visit-images-container .visit-images {
    max-width: 100%;
  }
  .pictures-of-visit-page .visit-images-container .main-image {
    height: 100%;
  }
  .pictures-of-visit-page .visit-images-container .main-image img {
    height: auto;
    width: 100%;
  }
  .pictures-of-visit-page .visit-images-container .sub-images {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  .pictures-of-visit-page .visit-images-container .sub-images .sub-image {
    padding: 0px 20px;
  }
  .pictures-of-visit-page .visit-images-container .sub-images .sub-image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .pictures-of-visit-page .visit-images-container .sub-images .sub-image {
    flex-basis: 100%;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.inner-page .inner-page-container {
  gap: 30px;
}
.inner-page .inner-page-main-content {
  flex-basis: 60%;
}
.inner-page .inner-page-boxies-container {
  flex-basis: 40%;
}
.inner-page .top-brief {
  font-size: 16px;
  color: #8E8E8E;
}
.inner-page .last-update-banner {
  background-color: #F8F8F8;
  padding: 20px;
  justify-content: space-between;
  font-size: 14px;
}
.inner-page .inner-page-img {
  padding: 20px 0;
  justify-content: center;
}
.inner-page .inner-page-img img {
  max-width: 100%;
}
.inner-page .ads-box {
  margin-bottom: 20px;
}
.inner-page .content-title {
  font-size: 24px;
  color: #30346E;
  margin-bottom: 15px;
  font-family: "boldFont";
}
.inner-page.news-inner .ads-image img {
  width: 100%;
}
@media (max-width: 991px) {
  .inner-page .inner-page-container {
    flex-wrap: wrap;
  }
  .inner-page .inner-page-main-content {
    flex-basis: 100%;
  }
  .inner-page .inner-page-boxies-container {
    flex-basis: 100%;
  }
}
@media (max-width: 479px) {
  .inner-page .inner-page-img img {
    width: 100%;
  }
  .inner-page .ads-image img {
    width: 100px;
  }
  .inner-page .ads-title {
    font-size: 12px;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
@keyframes fadeIn {
  from {
    transform: translateY(250px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slide {
  from {
    height: 300px;
  }
  to {
    height: 0;
  }
}
.regulatory-framework-page .animate {
  animation: fadeIn 500ms ease-out backwards;
}
.regulatory-framework-page .hide {
  animation: slide 500ms ease forwards;
}
.regulatory-framework-page .regulatory-first-box {
  /*background-color: #F5F5F5;*/
  background-image: url("../../Images/mount.png");
  text-align: center;
  position: relative;
  z-index: 1;
  /*border-radius: 45% 45% 0 0;*/
  overflow: hidden;
  /*&:after {
      right: -45px;
      position: absolute;
      content: "";
      background-color: #fff;
      width: 700px;
      height: 250px;
      top: -185px;
      transform: rotate( 13deg);
  }

  &:before {
      left: -45px;
      position: absolute;
      content: "";
      background-color: #fff;
      width: 700px;
      height: 250px;
      top: -185px;
      transform: rotate( -13deg);
  }*/
}
.regulatory-framework-page .regulatory-second-box {
  color: #30346E;
  font-size: 44px;
  padding: 10px 0;
  padding-top: 35px;
  font-family: "boldFont";
}
.regulatory-framework-page .regulatory-third-box {
  background-color: #30346E;
  color: #FEFEFE;
  padding: 15px 45px;
  padding-bottom: 100px;
  border-radius: 15px;
  margin: 0px 40px;
}
.regulatory-framework-page .regulatory-third-title {
  font-size: 28px;
  font-family: "boldFont";
}
.regulatory-framework-page .regulatory-third-title a {
  color: #fff;
  outline: none;
  text-decoration: none;
}
.regulatory-framework-page .regulatory-third-brief {
  font-size: 14px;
}
.regulatory-framework-page .regulatory-forth-box-container {
  background-color: #F5F5F5;
}
.regulatory-framework-page .regulatory-forth-box {
  background-color: #fff;
  margin: 0 80px;
  margin-top: -90px;
  padding: 15px 30px;
  border-radius: 20px;
  position: relative;
  z-index: 3;
  text-align: center;
  overflow: hidden;
}
.regulatory-framework-page .regulatory-forth-box .regulatory-boxies {
  display: none;
}
.regulatory-framework-page .regulatory-forth-box .regulatory-boxies.active {
  display: flex;
}
.regulatory-framework-page .regulatory-forth-box .regulatory-boxies.hide {
  animation: slide 500ms ease forwards;
  overflow: hidden;
}
.regulatory-framework-page .regulatory-forth-box .regulatory-box {
  flex-basis: 20%;
  cursor: pointer;
}
.regulatory-framework-page .regulatory-forth-box .regulatory-box:hover {
  text-decoration: none;
}
.regulatory-framework-page .regulatory-box-content {
  text-align: right;
  overflow: hidden;
  display: none;
}
.regulatory-framework-page .regulatory-box-content.hide {
  animation: slide 500ms ease forwards;
}
.regulatory-framework-page .regulatory-box-content.active {
  display: block;
}
.regulatory-framework-page .regulatory-box-content-back {
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 10px;
  color: #76d1d0;
}
.regulatory-framework-page .regulatory-box-content-back img {
  transform: rotate(-90deg);
  width: 15px;
  margin-left: 5px;
}
.regulatory-framework-page .regulatory-box-content-title {
  color: #30346E;
  font-size: 32px;
  margin: 15px 0px;
  font-family: "boldFont";
}
.regulatory-framework-page .regulatory-box-content-brief {
  font-size: 18px;
  color: #30346E;
  padding: 10px 0;
}
.regulatory-framework-page .standards-title {
  font-size: 19px;
  color: #696969;
  padding-bottom: 10px;
}
.regulatory-framework-page .standards-box {
  padding: 20px;
  font-size: 16px;
  color: #30346E;
  flex-basis: 25%;
  border: 1px solid rgba(0, 0, 0, 0.21);
  border-radius: 20px;
}
.regulatory-framework-page .standards-boxies {
  flex-wrap: wrap;
  gap: 10px;
}
.regulatory-framework-page .regulatory-forth-box-title {
  color: #767676;
  font-size: 32px;
  padding-bottom: 15px;
  font-family: "boldFont";
}
.regulatory-framework-page .regulatory-forth-box-title:hover {
  color: #754C9E;
}
.regulatory-framework-page .regulatory-forth-box-title a {
  color: #767676;
  outline: none;
  text-decoration: none;
}
.regulatory-framework-page .regulatory-boxies {
  gap: 15px;
}
.regulatory-framework-page .regulatory-box {
  padding: 15px;
  box-shadow: 0px 0px 20px 20px rgba(224, 224, 224, 0.3);
  border-radius: 25px;
  background-color: #fff;
  text-align: center;
}
.regulatory-framework-page .regulatory-box:hover {
  text-decoration: none;
}
.regulatory-framework-page .regulatory-box-title {
  color: #30346E;
  font-size: 16px;
  min-height: 52px;
  justify-content: center;
  align-items: flex-end;
  font-family: "boldFont";
}
.regulatory-framework-page .regulatory-fifth-box {
  background-color: #29B3B4;
  padding: 10px;
  padding-top: 40px;
  text-align: center;
  margin-top: -50px;
  position: relative;
  z-index: 2;
}
.regulatory-framework-page .regulatory-fifth-box .regulatory-box {
  flex-basis: 12.5%;
  padding: 10px;
  box-shadow: none;
}
.regulatory-framework-page .regulatory-fifth-box .regulatory-box-title {
  font-size: 13px;
  color: #29B3B4;
  font-family: "boldFont";
}
.regulatory-framework-page .regulatory-fifth-box-title {
  font-size: 32px;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-family: "boldFont";
}
.regulatory-framework-page .regulatory-fifth-box-title a {
  color: #fff;
  outline: none;
  text-decoration: none;
}
.regulatory-framework-page .regulatory-fifth-box .regulatory-box-title {
  min-height: 42px;
}

@media (max-width: 1199px) {
  .regulatory-framework-page .regulatory-first-box {
    background-image: url("../../Images/mount.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 991px) {
  .regulatory-framework-page .regulatory-first-box {
    border-radius: 0;
  }
  .regulatory-framework-page .regulatory-first-box:after {
    content: none;
  }
  .regulatory-framework-page .regulatory-first-box:before {
    content: none;
  }
  .regulatory-framework-page .regulatory-second-box {
    padding-top: 60px;
    font-size: 38px;
  }
  .regulatory-framework-page .regulatory-third-title {
    font-size: 22px;
  }
  .regulatory-framework-page .regulatory-third-box {
    padding: 15px 30px;
    padding-bottom: 120px;
    margin: 0px 25px;
  }
  .regulatory-framework-page .regulatory-forth-box {
    margin: 0 60px;
    margin-top: -90px;
    padding: 15px 20px;
  }
  .regulatory-framework-page .regulatory-forth-box .regulatory-box {
    flex-basis: calc(33.33% - 8px);
  }
  .regulatory-framework-page .regulatory-forth-box-title {
    font-size: 20px;
  }
  .regulatory-framework-page .regulatory-boxies {
    flex-wrap: wrap;
    justify-content: center;
  }
  .regulatory-framework-page .regulatory-fifth-box .regulatory-box {
    flex-basis: calc(25% - 8px);
  }
  .regulatory-framework-page .regulatory-fifth-box .regulatory-box-title {
    font-size: 13px;
  }
  .regulatory-framework-page .regulatory-fifth-box-title {
    font-size: 28px;
  }
  .regulatory-framework-page .regulatory-box-content-title {
    font-size: 26px;
  }
  .regulatory-framework-page .regulatory-box-content-back {
    font-size: 14px;
  }
  .regulatory-framework-page .regulatory-box-content-brief {
    font-size: 15px;
  }
  .regulatory-framework-page .standards-box {
    padding: 15px;
    font-size: 13px;
    flex-basis: calc(33.33% - 7px);
  }
}
@media (max-width: 767px) {
  .regulatory-framework-page .regulatory-second-box {
    font-size: 34px;
  }
  .regulatory-framework-page .regulatory-third-title {
    font-size: 20px;
  }
  .regulatory-framework-page .regulatory-third-box {
    padding: 15px;
    padding-bottom: 120px;
    margin: 0px 20px;
  }
  .regulatory-framework-page .regulatory-forth-box {
    margin: 0 35px;
    margin-top: -90px;
    padding: 15px 20px;
  }
  .regulatory-framework-page .regulatory-forth-box .regulatory-box {
    flex-basis: calc(50% - 5px);
  }
  .regulatory-framework-page .regulatory-fifth-box .regulatory-box {
    flex-basis: calc(50% - 5px);
  }
  .regulatory-framework-page .standards-box {
    flex-basis: calc(50% - 5px);
  }
  .regulatory-framework-page .regulatory-box-content-title {
    font-size: 22px;
  }
  .regulatory-framework-page .regulatory-box-content-brief {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .regulatory-framework-page .wrapper, .regulatory-framework-page .dga-wrapper {
    padding: 0;
    padding-top: 20px;
  }
  .regulatory-framework-page .regulatory-second-box {
    font-size: 30px;
  }
  .regulatory-framework-page .regulatory-third-title {
    font-size: 18px;
  }
  .regulatory-framework-page .regulatory-forth-box .regulatory-box {
    flex-basis: 100%;
  }
  .regulatory-framework-page .regulatory-fifth-box .regulatory-box {
    flex-basis: 100%;
  }
  .regulatory-framework-page .standards-box {
    flex-basis: 100%;
  }
  .regulatory-framework-page .regulatory-fifth-box {
    padding: 20px;
    padding-top: 60px;
  }
}
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.poduct-page-services .top-banner .banner-container {
  padding: 20px 0;
  padding-bottom: 90px;
}
.poduct-page-services .wrapper, .poduct-page-services .dga-wrapper {
  padding: 0;
  padding-bottom: 50px;
  margin-top: -70px;
  position: relative;
}
.poduct-page-services .main-top-section .main-top-text {
  box-shadow: 0px 13px 10px 2px rgba(224, 224, 224, 0.5);
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
}
.poduct-page-services .main-top-section .main-top-text .top-text {
  font-size: 20px;
  color: #2F336D;
  padding-bottom: 30px;
}
.poduct-page-services .main-top-section .main-top-text .see-more {
  text-decoration: none;
  align-items: center;
  display: inline-flex;
}
.poduct-page-services .main-top-section .main-top-text .see-more .see-more-text {
  font-size: 15px;
  color: #56B7CB;
  padding-left: 30px;
}
.poduct-page-services .main-top-section .main-top-text .see-more .see-more-icon {
  height: 10px;
}
.poduct-page-services .main-top-section .main-top-text .see-more:hover .see-more-text {
  font-size: 14px;
  color: #2F336D;
}
.poduct-page-services .main-top-section .main-top-text .see-more:hover .see-more-icon {
  height: 11px;
}
@media (max-width: 991px) {
  .poduct-page-services .top-banner .banner-container {
    width: 100%;
    padding: 30px 25px;
    padding-bottom: 90px;
  }
  .poduct-page-services .wrapper, .poduct-page-services .dga-wrapper {
    padding: 0px 25px;
  }
  .poduct-page-services .main-top-section .main-top-text {
    padding: 20px;
  }
  .poduct-page-services .main-top-section .main-top-text .top-text {
    font-size: 14px;
    padding-bottom: 20px;
  }
  .poduct-page-services .main-top-section .main-top-text .see-more .see-more-text {
    padding-left: 20px;
  }
  .poduct-page-services .main-top-section .main-top-text .see-more .see-more-icon {
    height: 10px;
  }
}
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.services-page .top-banner .banner-container {
  padding: 20px 0;
  padding-bottom: 90px;
}
.services-page .wrapper, .services-page .dga-wrapper {
  padding: 0;
  padding-bottom: 50px;
  margin-top: -70px;
  position: relative;
}
.services-page .main-top-section .main-top-text {
  box-shadow: 0px 13px 10px 2px rgba(224, 224, 224, 0.5);
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 991px) {
  .services-page .top-banner .banner-container {
    width: 100%;
    padding: 30px 25px;
    padding-bottom: 90px;
  }
  .services-page .wrapper, .services-page .dga-wrapper {
    padding: 0px 25px;
  }
}
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.services-page-sub-product .top-banner .banner-container {
  padding: 20px 0;
  padding-bottom: 90px;
}
.services-page-sub-product .wrapper, .services-page-sub-product .dga-wrapper {
  padding: 0;
  padding-bottom: 50px;
  margin-top: -70px;
  position: relative;
}
.services-page-sub-product .main-top-section .main-top-text {
  box-shadow: 0px 13px 10px 2px rgba(224, 224, 224, 0.5);
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
}
@media (max-width: 991px) {
  .services-page-sub-product .top-banner .banner-container {
    width: 100%;
    padding: 30px 25px;
    padding-bottom: 90px;
  }
  .services-page-sub-product .wrapper, .services-page-sub-product .dga-wrapper {
    padding: 0px 25px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.EServicesPortalHome .banner {
  background-image: url("../../Images/banner back.svg");
}
.EServicesPortalHome .banner .banner-container {
  width: auto;
  text-align: center;
  text-align: -webkit-center;
}
.EServicesPortalHome .banner .top-banner-title {
  font-family: "boldFont";
  font-size: 24px;
  color: #fff;
}
.EServicesPortalHome .banner .second-banner-title {
  font-family: "boldFont";
  font-size: 42px;
  color: #fff;
}

@media (max-width: 991px) {
  .EServicesPortalHome .banner .banner-text {
    margin-top: 65px;
  }
}
@media (max-width: 767px) {
  .EServicesPortalHome .banner .second-banner-title {
    font-size: 32px;
  }
  .EServicesPortalHome .banner .top-banner-title {
    font-size: 18px;
  }
  .EServicesPortalHome .banner .banner-text {
    margin-top: 100px;
  }
}
@media (max-width: 479px) {
  .EServicesPortalHome .banner .second-banner-title {
    font-size: 28px;
  }
  .EServicesPortalHome .banner .top-banner-title {
    font-size: 16px;
  }
  .EServicesPortalHome .banner .banner-text {
    margin-top: 100px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.services-details-page .top-banner .banner-container {
  padding: 20px 0;
  padding-bottom: 90px;
}
.services-details-page .wrapper, .services-details-page .dga-wrapper {
  padding: 0;
  padding-bottom: 50px;
  margin-top: 0px;
  position: relative;
}
.services-details-page .services-details-title {
  font-size: 34px;
  color: #29B3B4;
  font-family: "boldFont";
}
.services-details-page .services-details-brief {
  color: #9A9A9A;
  font-size: 18px;
}
.services-details-page .services-details-right {
  flex-basis: calc(100% - 300px);
}
.services-details-page .services-details-contanier {
  gap: 30px;
  margin-top: 46px;
}
.services-details-page .services-details-section {
  padding-bottom: 60px;
}
.services-details-page .main-tasks {
  margin-bottom: 0px;
}
.services-details-page .page-content-list {
  flex-basis: 300px;
}
.services-details-page .content-list {
  width: 300px;
  position: sticky;
  top: 110px;
  box-shadow: 0px 17px 14px 0px #efeded;
  border-radius: 20px;
  background-color: #fff;
}
.services-details-page .content-title {
  background-color: #30346E;
  border-radius: 15px;
  color: #fff;
  padding: 20px 15px;
  justify-content: space-between;
  font-size: 19px;
  font-family: "boldFont";
}
.services-details-page .content-page-title {
  font-size: 34px;
  color: #30346E;
  padding: 10px 15px;
  display: block;
  font-family: "boldFont";
}
.services-details-page .content-item {
  padding: 0px 30px 10px 0px;
  font-size: 16px;
  position: relative;
}
.services-details-page .content-item.active .content-link {
  color: #29B3B4;
  font-family: "boldFont";
}
.services-details-page .content-item.active:after {
  content: "";
  background-color: #29B3B4;
  font-family: "boldFont";
}
.services-details-page .content-item:after {
  content: "";
  position: absolute;
  background-color: #F2F2F2;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  right: 10px;
  top: 50%;
  transform: translateY(-85%);
}
.services-details-page .content-item:hover .content-link {
  color: #29B3B4;
  text-decoration: none;
  font-family: "boldFont";
}
.services-details-page .content-item:hover:after {
  content: "";
  background-color: #29B3B4;
}
.services-details-page .content-item .content-link {
  color: #808080;
}
.services-details-page .top-services-box {
  gap: 15px;
  align-items: center;
}
.services-details-page .top-text {
  font-size: 14px;
  color: #6F6F6F;
  font-family: "boldFont";
}
.services-details-page .bottom-text {
  color: #9A9A9A;
  font-size: 14px;
  display: inline-flex;
}
.services-details-page .bottom-text img {
  margin: 0 10px;
}
.services-details-page .services-details-top {
  box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 40px;
  background-color: #fff;
}
.services-details-page .services-details-first {
  border-bottom: 1px solid rgba(154, 154, 154, 0.19);
  padding-bottom: 15px;
  gap: 15px;
}
.services-details-page .services-details-first .top-services-box {
  flex-basis: 50%;
}
.services-details-page .services-details-second {
  padding-top: 15px;
  gap: 15px;
}
.services-details-page .services-details-second .top-services-box {
  flex-basis: 25%;
}
.services-details-page .services-details-second .top-services-box img {
  margin: 0 0px;
  margin-left: 5px;
}
[dir="ltr"] .services-details-page .services-details-second .top-services-box img{
  margin-left: 0px;
  margin-right: 5px;
}
[dir="ltr"] .top-services-box:first-of-type .bottom-text img,
[dir="ltr"] .services-details-page .content-title img {
  transform: rotate(180deg);
}
[dir="ltr"] .services-details-page .content-item {
  padding: 0px 0px 10px 30px;
}
[dir="ltr"] .services-details-page .content-item:after {
  left: 10px;
}
@media (max-width: 991px) {
  .services-details-page .top-banner .banner-container {
    width: 100%;
    padding: 30px 25px;
    padding-bottom: 90px;
  }
  .services-details-page .wrapper, .services-details-page .dga-wrapper {
    padding: 0px 25px;
  }
  .services-details-page .page-content-list {
    display: none;
  }
  .services-details-page .services-details-right {
    flex-basis: 100%;
  }
  .services-details-page .services-details-title {
    font-size: 28px;
  }
  .services-details-page .services-details-brief {
    font-size: 14px;
  }
  .services-details-page .services-details-first {
    flex-wrap: wrap;
  }
  .services-details-page .services-details-first .top-services-box {
    flex-basis: 100%;
  }
  .services-details-page .services-details-second {
    flex-wrap: wrap;
  }
  .services-details-page .services-details-second .top-services-box {
    flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 767px) {
  .services-details-page .services-details-title {
    font-size: 25px;
  }
}
@media (max-width: 479px) {
  .services-details-page .services-details-title {
    font-size: 22px;
  }
  .services-details-page .services-details-second .top-services-box {
    flex-basis: 100%;
  }
  .services-details-page .services-details-top {
    padding: 15px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.international-partnerships .top-brief {
  font-size: 20px;
  color: #5F5F5F;
}
.international-partnerships .main-tasks-title {
  font-size: 34px;
  color: #30346E;
  font-family: "boldFont";
}
.international-partnerships .main-tasks {
  margin-top: 60px;
  margin-bottom: 0px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .international-partnerships .top-brief {
    font-size: 16px;
  }
  .international-partnerships .main-tasks-title {
    font-size: 28px;
  }
  .international-partnerships .main-tasks {
    margin-top: 40px;
    margin-bottom: 0px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .international-partnerships .top-brief {
    font-size: 16px;
  }
  .international-partnerships .main-tasks-title {
    font-size: 25px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.international-structure .main-tasks {
  margin-top: 0px;
  margin-bottom: 0px;
}
.international-structure .section-title {
  font-size: 32px;
  color: #30346E;
}
.international-structure .section-title.center {
  text-align: center;
}
.international-structure .section-brief {
  font-size: 16px;
  color: #5F5F5F;
}
.international-structure .international-structure-section {
  margin-bottom: 50px;
}
.international-structure .section-image {
  justify-content: center;
  /*height: 300px;*/
}
.international-structure .section-image > img {
  width: 100%;
}
.international-structure .section-boxies {
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 30px;
}
.international-structure .section-box {
  flex-basis: calc(33.33% - 27px);
  /*flex-basis: calc(50% - 27px) !important;*/
  text-align: center;
  box-shadow: inset 0px -15px 30px 0px #efeded;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.international-structure .section-box-logo img {
  max-width: 100%;
}
.international-structure .section-box-name {
  font-size: 22px;
  color: #30346E;
  font-family: "boldFont";
}
.international-structure .section-box-date {
  font-size: 24px;
  color: #29B3B4;
  font-family: "boldFont";
}

@media (max-width: 991px) {
  .international-structure .section-title {
    font-size: 28px;
  }
  .international-structure .section-brief {
    font-size: 16px;
  }
  .international-structure .section-box {
    flex-basis: calc(50% - 20px);
  }
}
@media (max-width: 767px) {
  .international-structure .section-title {
    font-size: 25px;
  }
  .international-structure .section-brief {
    font-size: 16px;
  }
  .international-structure .section-boxies {
    gap: 20px;
  }
  .international-structure .section-box {
    flex-basis: 100% !important;
    padding: 15px;
  }
  .international-structure .section-box-name {
    font-size: 18px;
  }
  .international-structure .section-box-date {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .international-structure .section-title {
    font-size: 22px;
  }
  .international-structure .section-brief {
    font-size: 16px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.sitemap .documents-questions {
  display: none;
  font-size: 15px;
  padding: 10px 30px;
  padding-top: 0;
}
.sitemap .documents-questions.active {
  display: block;
}
.sitemap .documents-questions li {
  padding-top: 10px;
  /*list-style: decimal;*/
}
.sitemap .documents-title {
  font-weight: 600;
  font-size: 18px;
  align-items: center;
}
.sitemap .documents-tree-list-title {
  color: #29B3B4;
  font-size: 18px;
  font-family: "boldFont";
}
.sitemap .documents-tree-list {
  transition: all 0.3s ease-in-out;
  display: block;
  color: #767678;
  font-size: 16px;
  line-height: 1.4;
  width: 100%;
  font-size: 16px;
  padding-bottom: 10px;
}
.sitemap .documents-tree-list .first-image {
  height: 15px;
  margin-left: 10px;
}
.sitemap .documents-tree-list.active .first-image {
  transform: rotate(-90deg);
}
.sitemap .documents-tree-list:hover {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
.sitemap .documents-tree-list:focus {
  color: #29B3B4;
}
.sitemap .documents-question-q-title {
  color: #30346E;
  font-size: 14px;
}
.sitemap .documents-question-q-title:hover {
  text-decoration: none;
}
.sitemap .block-image {
  padding-left: 5px;
  width: 13px;
  display: none;
}
.sitemap .active-image {
  margin-left: 5px;
  width: 6px;
  display: inline;
}
.sitemap .documents-question-q.active {
  /*.block-image {
      transform: rotate(-90deg);
  }*/
}
.sitemap .documents-question-q.active .active-image {
  transform: rotate(-90deg);
}

/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.research-results .dga-wrapper {
  gap: 100px;
}
.research-results .research-content {
  flex-basis: calc(100% - 300px);
}
.research-results .research-content .top-part {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.research-results .research-content .results .result {
  margin-bottom: 20px;
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 20px;
}
.research-results .research-content .results .result .result-title {
  color: #29256B;
  font-size: 18px;
  font-family: "boldFont";
}
.research-results .research-content .results .result .result-brief {
  color: #868686;
  font-size: 15px;
}
.research-results .research-content .results .result:last-child {
  border-bottom: none;
}
.research-results .research-title {
  color: #56B7CB;
  font-size: 24px;
  font-family: "boldFont";
}
.research-results .research-filter {
  flex-basis: 300px;
}
.research-results .research-filter .research-filter-title {
  color: #29256B;
  font-size: 15px;
  font-family: "boldFont";
}
.research-results .research-filter .research-drop-down-menu .research-select {
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  width: 300px;
  padding: 7px 20px;
  margin-top: 5px;
  background: url("../../Images/bottom-arrow.svg") no-repeat scroll 15px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
@media (max-width: 991px) {
  .research-results .dga-wrapper {
    flex-direction: column-reverse;
    gap: 0px;
  }
  .research-results .research-content .top-part {
    flex-wrap: wrap;
  }
  .research-results .research-content .results .result {
    /*margin-bottom: 50px;*/
  }
  .research-results .research-content .results .result .result-title {
    color: #29256B;
    font-size: 16px;
    font-weight: bold;
  }
  .research-results .research-content .results .result .result-brief {
    color: #868686;
    font-size: 13px;
  }
  .research-results .research-title {
    font-size: 18px;
    flex-basis: 100%;
    margin-bottom: 10px;
    order: 2;
  }
  .research-results .research-filter {
    flex-basis: 100%;
    margin-bottom: 30px;
    order: 1;
    text-align: center;
  }
  .research-results .research-filter .research-filter-title {
    color: #29256B;
    font-size: 13px;
    font-weight: bold;
  }
  .research-results .research-filter .research-drop-down-menu .research-select {
    width: 300px;
    padding: 7px 20px;
    margin-top: 5px;
  }
}
/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.dashboard-contaner {
  padding: 125px 0;
}

.table-header input {
  height: 50px !important;
}

.dashboard-name {
  text-align: center;
  padding-bottom: 35px;
}
.dashboard-name .name {
  font-size: 24px;
  color: #30346E;
}
.dashboard-name .name .your-name {
  font-family: "boldFont";
}
.dashboard-name .choose-text {
  color: #8E9FBD;
  font-size: 18px;
}
@media (max-width: 479px) {
  .dashboard-name {
    padding-bottom: 25px;
  }
  .dashboard-name .name {
    font-size: 18px;
  }
  .dashboard-name .choose-text {
    font-size: 14px;
  }
}

.dashboard-boxies {
  gap: 10px;
}
.dashboard-boxies .dashboard-box {
  flex-basis: 25%;
  box-shadow: -2px 3px 14px 0px #efeded;
  border-radius: 15px;
  padding: 25px 15px;
  text-align: center;
}
.dashboard-boxies .dashboard-box:hover {
  text-decoration: none;
}
.dashboard-boxies .dashboard-title {
  font-size: 17px;
  font-family: "boldFont";
  color: #30346E;
}
@media (max-width: 991px) {
  .dashboard-boxies {
    flex-wrap: wrap;
  }
  .dashboard-boxies .dashboard-box {
    flex-basis: calc(50% - 5px);
  }
}
@media (max-width: 479px) {
  .dashboard-boxies .dashboard-box {
    flex-basis: 100%;
  }
  .dashboard-boxies .dashboard-title {
    font-size: 13px;
  }
}

.add-more {
  display: block;
  text-align: center;
  padding-top: 35px;
}
.add-more .add-more-btn {
  box-shadow: -2px 3px 14px 0px #efeded;
  display: inline-flex;
  padding: 20px;
  border-radius: 50%;
  font-size: 20px;
  margin-bottom: 10px;
}
.add-more .add-more-text {
  font-size: 12px;
  color: #7E7E7E;
}
.add-more:hover {
  text-decoration: none;
}

.box-container {
  box-shadow: -2px 3px 14px 0px #efeded;
}

.about-the-request {
  width: 1140px;
  margin: auto;
  padding: 30px 0;
}
.about-the-request .about-the-request_title {
  justify-content: space-between;
  align-items: center;
}
.about-the-request .about-the-request_title .title {
  font-size: 26px;
  color: #30346E;
  font-family: "boldFont";
}
.about-the-request .bread-crombs {
  color: #8E8E8E;
  font-size: 14px;
  gap: 5px;
  margin-bottom: 10px;
}
.about-the-request .bread-crombs a {
  color: #8E8E8E;
  font-size: 14px;
}
.about-the-request .bread-crombs a:hover {
  text-decoration: none;
}
.about-the-request .How-we-do__shape-container {
  width: 600px;
  height: 90px;
  align-items: center;
  margin: 0;
}
.about-the-request .How-we-do__shape-container .How-we-do__shape-container__road__title {
  transform: translateX(10%);
}
@media (max-width: 1199px) {
  .about-the-request {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .about-the-request {
    width: 100%;
    padding: 25px;
  }
  .about-the-request .How-we-do__shape-container {
    width: 400px;
  }
}
@media (max-width: 479px) {
  .about-the-request {
    padding: 25px;
  }
  .about-the-request .How-we-do__shape-container {
    width: 300px;
  }
  .about-the-request .about-the-request_title .title {
    font-size: 20px;
  }
}

.procedures-btn {
  border: 1px solid #29B3B4;
  padding: 1px 10px 5px;
  border-radius: 10px;
  font-size: 14px;
  font-family: "boldFont";
  color: #29B3B4;
  gap: 10px;
  display: inline-flex;
}
.procedures-btn .procedures-btn-text {
  padding-top: 2px;
}
.procedures-btn:hover {
  color: #29B3B4;
  text-decoration: none;
}

.about-the-request-items {
  gap: 10px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.about-the-request-items .about-the-request-item {
  color: #30346E;
  font-size: 16px;
  flex: 1;
}
.about-the-request-items .item-top {
  font-family: "boldFont";
}
@media (max-width: 1199px) {
  .about-the-request-items {
    gap: 100px;
  }
}
@media (max-width: 991px) {
  .about-the-request-items {
    gap: 10px;
    justify-content: center;
  }
  .about-the-request-items .about-the-request-item {
    flex-basis: calc(33.33% - 7px);
  }
}
@media (max-width: 479px) {
  .about-the-request-items .about-the-request-item {
    flex-basis: calc(50% - 5px);
    text-align: center;
  }
}

.box-wrapper {
  width: 1140px;
  margin: auto;
  margin-top: 40px;
}
.box-wrapper .order-card {
  min-height: 500px;
}
.box-wrapper .card-header {
  gap: 50px;
  border-bottom: 1px solid #F0F0F0;
  margin-bottom: 25px;
}
.box-wrapper .card-header-tap {
  color: #ACACAC;
  font-size: 30px;
  font-family: "boldFont";
  padding: 10px 0;
  cursor: pointer;
}
.box-wrapper .card-header-tap.active {
  color: #30346E;
  border-bottom: 7px solid #30346E;
}
.box-wrapper .card-body-section .filtration-bar {
  margin-bottom: 25px;
}
.box-wrapper .card-body-section textarea {
  height: 50px;
}
@media (max-width: 1199px) {
  .box-wrapper {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .box-wrapper {
    width: 100%;
    padding: 0px 25px;
  }
  .box-wrapper .card-header {
    gap: 30px;
  }
  .box-wrapper .card-header-tap {
    font-size: 22px;
    font-family: "boldFont";
    padding: 5px 0;
  }
  .box-wrapper .card-header-tap.active {
    border-bottom: 5px solid #30346E;
  }
}
@media (max-width: 767px) {
  .box-wrapper .card-header-tap {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .box-wrapper .card-header {
    gap: 15px;
  }
  .box-wrapper .card-header-tap {
    font-size: 14px;
  }
}

.section-card {
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  margin-bottom: 40px;
  box-shadow: 0px 15px 14px 0px #efeded;
}
.section-card .section-card-header {
  justify-content: space-between;
  border-bottom: 1px solid #F0F0F0;
  align-items: center;
  padding: 6px 35px 12px;
}
.section-card .section-card-header .title {
  color: #30346E;
  font-size: 26px;
  font-family: "boldFont";
}
.section-card .img {
  margin-top: 12px;
}
.section-card img {
  height: 13px;
  transform: rotate(180deg);
  cursor: pointer;
}
.section-card .section-card-body {
  display: none;
  /*visibility: hidden;*/
  max-height: 0px;
}
.section-card .section-card-top-items {
  gap: 150px;
  flex-wrap: wrap;
}
.section-card .section-card-top-item {
  color: #5A5A5A;
  font-size: 16px;
}
.section-card .section-card-top-item .item-top {
  font-family: "boldFont";
}
.section-card .section-card-body-contanier {
  padding: 30px 35px;
}
.section-card .section-card-body-bottom {
  color: #5A5A5A;
  font-size: 16px;
  padding-top: 30px;
}
.section-card .section-card-body-bottom .title {
  font-family: "boldFont";
}
.section-card.active img {
  transform: rotate(0deg);
}
.section-card.active .section-card-body {
  display: block;
  max-height: 100000px;
}
@media (max-width: 991px) {
  .section-card .section-card-header .title {
    font-size: 22px;
  }
  .section-card .section-card-top-items {
    gap: 100px;
  }
}
@media (max-width: 767px) {
  .section-card .section-card-body {
    padding: 20px;
  }
  .section-card .section-card-header .title {
    font-size: 20px;
  }
  .section-card .section-card-top-items {
    gap: 10px;
    justify-content: center;
  }
  .section-card .section-card-top-item {
    flex-basis: calc(50% - 5px);
    text-align: center;
  }
}
@media (max-width: 479px) {
  .section-card .section-card-header .title {
    font-size: 18px;
  }
}

.How-we-do__shape-container {
  width: 600px;
  height: 120px;
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  margin-top: 40px;
}
.How-we-do__shape-container .check-icon {
  display: none;
}
.How-we-do__shape-container .How-we-do__shape-container__road .How-we-do__shape-container__cercle {
  width: 20px;
  height: 20px;
  background-color: #DEDEDE;
  border-radius: 50%;
  position: relative;
}
.How-we-do__shape-container .How-we-do__shape-container__road.complete .How-we-do__shape-container__cercle {
  background-color: #29B3B4;
}
.How-we-do__shape-container .How-we-do__shape-container__road.complete .How-we-do__shape-container__road__title {
  color: #29B3B4;
}
.How-we-do__shape-container .How-we-do__shape-container__road.complete .check-icon {
  display: block;
  position: absolute;
  width: 11px;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.How-we-do__shape-container .How-we-do__shape-container__road.in-progress .How-we-do__shape-container__cercle {
  background-color: #30346E;
}
.How-we-do__shape-container .How-we-do__shape-container__road.in-progress .How-we-do__shape-container__road__title {
  color: #30346E;
}
.How-we-do__shape-container .How-we-do__shape-container__road.in-progress .check-icon {
  display: none;
}
.How-we-do__shape-container .How-we-do__shape-container__road {
  top: 0px;
  flex-direction: column;
  z-index: 1;
}
.How-we-do__shape-container .How-we-do__shape-container__road__title {
  position: absolute;
  top: 25px;
  color: #9B9B9B;
  width: 75px;
  transform: translateX(34%);
  text-align: center;
  font-size: 14px;
  font-family: "boldFont";
}
.How-we-do__shape-container:after {
  content: "";
  background: #000;
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #DEDEDE;
  /*background: linear-gradient(90deg, rgba(129,129,129,1) 32%, rgba(58,181,118,1) 32%);*/
}
@media (max-width: 767px) {
  .How-we-do__shape-container {
    width: 400px;
  }
}
@media (max-width: 479px) {
  .How-we-do__shape-container {
    width: 300px;
  }
  .How-we-do__shape-container .How-we-do__shape-container__road__title {
    font-size: 12px;
  }
}

.re-edited-box {
  border: 1px solid #F0F0F0;
  box-shadow: 0px 15px 14px 0px #efeded;
  border-radius: 15px;
  padding: 20px 15px;
  border-right: 15px solid #F2A165;
  gap: 15px;
}
.re-edited-box .box-title {
  font-size: 22px;
  color: #F2A165;
  font-family: "boldFont";
  margin-bottom: 5px;
}
.re-edited-box .box-info {
  font-size: 16px;
  color: #A8A8A8;
  padding-bottom: 15px;
}
.re-edited-box .box-form {
  padding-bottom: 20px;
}
.re-edited-box .box-form-title {
  font-size: 16px;
  color: #5A5A5A;
  font-family: "boldFont";
}
.re-edited-box .re-edited-box-icon img {
  width: 50px;
  height: 50px;
  margin-top: 6px;
}
.re-edited-box .box-form-description {
  font-size: 14px;
  color: #A8A8A8;
  padding-top: 5px;
}
.re-edited-box .box-btn {
  border: 1px solid #30346E;
  color: #30346E;
  display: inline-flex;
  padding: 7px 15px 5px;
  font-size: 16px;
  border-radius: 10px;
  font-family: "boldFont";
}
.re-edited-box input[type=file] {
  opacity: 0;
  width: 0;
}
.re-edited-box #button {
  width: 300px;
  border-radius: 5px;
  border: 1px solid #DEDEDE;
  display: inline-block;
  color: #DEDEDE;
  font-size: 14px;
  padding: 5px 15px 3px;
}
.re-edited-box.success {
  border-right: 15px solid #65C99B;
}
.re-edited-box.success .box-title {
  color: #65C99B;
}
.re-edited-box.rejected {
  border-right: 15px solid #DB7575;
}
.re-edited-box.rejected .box-title {
  color: #DB7575;
}
@media (max-width: 767px) {
  .re-edited-box .box-title {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .re-edited-box #button {
    width: 100%;
  }
  .re-edited-box input[type=file] {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
  }
}

.mb-20 {
  margin-bottom: 20px;
}

.form {
  flex-wrap: wrap;
  gap: 20px;
  /* The container */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
.form .requierd {
  color: #DB7575;
}
.form .form-section {
  flex-basis: calc(33.33% - 14px);
}
.form .form-section.w-100 {
  flex-basis: 100%;
}
.form .form-section.no-value .section-label {
  color: #C60033;
}
.form .form-section.no-value .section-input {
  border: 1px solid #C60033;
  color: #C60033;
}
.form .form-section.no-value .section-discription {
  color: #C60033;
}
.form select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("../../Images/gray bottom arrow.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
}
.form .input-file {
  background-image: url("../../Images/input-file.svg");
  background-repeat: no-repeat;
  background-position: 15px center;
}
.form input[type=file] {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}
.form .section-label {
  color: #5A5A5A;
  font-size: 16px;
  font-family: "boldFont";
}
.form .section-input {
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  padding: 7px 15px 5px;
  /*color: #DEDEDE;*/
  width: 100%;
  resize: none;
}
.form #input-file {
  display: inline-block;
}
.form .section-discription {
  color: #A8A8A8;
  font-size: 14px;
  padding-top: 5px;
}
.form .section-sub-title {
  flex-basis: 100%;
  font-size: 22px;
  color: #30346E;
  font-family: "boldFont";
}
.form .radio-lable {
  color: #5A5A5A;
  font-size: 16px;
  margin-right: 5px;
}
.form .radio-section {
  align-items: center;
  padding-bottom: 5px;
}
.form .radio-section {
  display: block;
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #5A5A5A;
  font-size: 16px;
}
.form .radio-section input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.form .radio-section .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #DEDEDE;
}
.form .radio-section:hover input ~ .checkmark {
  background-color: #ccc;
}
.form .radio-section input:checked ~ .checkmark {
  border: 1px solid #29B3B4;
  background-color: #fff;
}
.form .radio-section .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.form .radio-section input:checked ~ .checkmark:after {
  display: block;
}
.form .radio-section .checkmark:after {
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #29B3B4;
}
@media (max-width: 767px) {
  .form .form-section {
    flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 479px) {
  .form .form-section {
    flex-basis: 100%;
  }
}

.form-section {
  flex-basis: calc(33.33% - 14px);
}
.form-section.w-100 {
  flex-basis: 100%;
}
@media (max-width: 767px) {
  .form-section .form-section {
    flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 479px) {
  .form-section .form-section {
    flex-basis: 100%;
  }
}

/* The container */
.check-section {
  display: block;
  position: relative;
  padding-right: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #5A5A5A;
  font-size: 16px;
  /* Hide the browser's default checkbox */
  /* When the checkbox is checked, add a blue background */
  /* Show the checkmark when checked */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
}
.check-section input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check-section input:checked ~ .checkmark {
  background-color: #29B3B4;
}
.check-section input:checked ~ .checkmark:after {
  display: block;
}
.check-section .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #DEDEDE;
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Style the checkmark/indicator */
}
.check-section .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.check-section:hover input ~ .checkmark {
  background-color: #ccc;
}

.next-box {
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #F0F0F0;
  align-items: center;
}
.next-box .cancel {
  font-size: 16px;
  color: #DB7575;
}
.next-box .cancel:hover {
  text-decoration: none;
}

.bottons {
  gap: 18px;
}

.btn-brev {
  background-color: #30346E;
  color: #fff;
  font-size: 16px;
  font-family: "boldFont";
  padding: 10px 20px 8px;
  border-radius: 10px;
}
.btn-brev:hover {
  text-decoration: none;
  color: #fff;
}

.btn-next {
  color: #30346E;
  border: 1px solid #30346E;
  font-size: 16px;
  font-family: "boldFont";
  padding: 10px 20px 8px;
  border-radius: 10px;
}
.btn-next:hover {
  text-decoration: none;
  color: #30346E;
}

.orders-table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 70px;
  border-collapse: separate;
  border-spacing: 0 15px;
}
.orders-table .arrow-table {
  padding-right: 10px;
}
.orders-table thead {
  border: 1px solid black;
}
.orders-table thead th {
  text-align: right;
  color: #30346E;
  font-size: 16px;
  padding: 20px;
  border-bottom: 1px solid #F0F0F0;
}
.orders-table tbody td {
  padding: 20px;
  text-align: right;
  color: #30346E;
  font-size: 16px;
  border-bottom: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
}
.orders-table tbody td:first-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-right: 1px solid #F0F0F0;
}
.orders-table tbody td:last-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-left: 1px solid #F0F0F0;
}
.orders-table tbody td .main-color {
  color: #29B3B4;
}
.orders-table tbody td .bold {
  font-family: "boldFont";
}
.orders-table tbody td a:hover {
  color: #29B3B4;
  text-decoration: none;
}
.orders-table tbody tr {
  border: 1px solid #F0F0F0;
  box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
}
.orders-table tbody .order-status {
  font-size: 16px;
  position: relative;
}
.orders-table tbody .order-status:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  right: 0px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.orders-table tbody .order-status.rejected {
  color: #DB7575;
}
.orders-table tbody .order-status.rejected:after {
  content: "";
  background-color: #DB7575;
}
.orders-table tbody .order-status.complete {
  color: #65C99B;
}
.orders-table tbody .order-status.complete:after {
  content: "";
  background-color: #65C99B;
}
.orders-table tbody .order-status.implementation {
  color: #F2A165;
}
.orders-table tbody .order-status.implementation:after {
  content: "";
  background-color: #F2A165;
}

.option-select {
  border: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("../../Images/filtration-bar-icon2.svg");
  background-repeat: no-repeat;
  background-position: 100% center;
  padding: 5px 30px;
  cursor: pointer;
  color: #7B7B7B;
  font-size: 14px;
}

.procedures-select {
  border: none;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  background-image: url("../../Images/procedures-btn.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  cursor: pointer;
  border: 1px solid #29B3B4;
  padding: 5px 20px 3px 15px;
  border-radius: 10px;
  font-size: 12px;
  font-family: "boldFont";
  color: #29B3B4;
  gap: 10px;
  display: inline-flex;
}

.card-body-section.orders-section {
  flex-direction: column;
  align-items: center;
}

.orders-div {
  background-color: #30346E;
  gap: 20px;
  margin-bottom: 20px;
  width: 500px;
  border-radius: 5px 0px 5px 5px;
  padding: 20px;
  margin-left: 50px;
  position: relative;
}
.orders-div:after {
  content: "";
  position: absolute;
  top: 0;
  height: 10px;
  border-left: 15px solid #30346E;
  border-right: 15px solid transparent;
  border-bottom: 10px solid transparent;
  right: -30px;
}
.orders-div.main {
  background-color: #29B3B4;
  margin-left: 0px;
  margin-right: 50px;
  border-radius: 0px 5px 5px 5px;
}
.orders-div.main:after {
  content: "";
  height: 10px;
  border-left: 15px solid transparent;
  border-right: 15px solid #29B3B4;
  border-bottom: 10px solid transparent;
  right: auto;
  left: -30px;
}
.orders-div .orders-sercle {
  border: 3px solid #29B3B4;
  background-color: #FFF;
  text-align: center;
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.orders-div .orders-sercle:after {
  content: "";
  width: 1px;
  position: absolute;
  height: 100px;
  background-color: #DBDBDB;
  top: 100%;
  z-index: -1;
}
.orders-div:last-child .orders-sercle:after {
  content: "";
  height: 50px;
}
.orders-div .date {
  font-size: 16px;
  color: #FFF;
  /*color: $mainColor;*/
  /*font-family: "boldFont";*/
  gap: 10px;
}
.orders-div .date .date-d {
  margin-top: 3px;
}
.orders-div .title {
  font-size: 20px;
  color: #FFF;
  /*color: $seconderyColor;*/
  font-family: "boldFont";
}
.orders-div .description {
  font-size: 16px;
  color: #FFF;
  /*color: #797979;*/
}
@media (max-width: 767px) {
  .orders-div {
    width: 450px;
  }
  .orders-div .title {
    font-size: 16px;
  }
  .orders-div .date {
    font-size: 11px;
  }
  .orders-div .description {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .orders-div {
    gap: 10px;
    margin-bottom: 15px;
    width: 100%;
    margin-left: 0px;
  }
  .orders-div.main {
    margin-right: 0px;
  }
  .orders-div .title {
    font-size: 14px;
  }
  .orders-div .date {
    font-size: 10px;
  }
  .orders-div .description {
    font-size: 11px;
  }
  .orders-div .orders-sercle {
    width: 20px;
    height: 20px;
  }
}

.attachments-box {
  gap: 25px;
  padding: 25px;
  border: 1px solid #F5F5F5;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 15px;
  margin-bottom: 15px;
}
.attachments-box .title {
  font-size: 20px;
  color: #30346E;
  font-family: "boldFont";
}
.attachments-box .title:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .attachments-box {
    padding: 15px;
    gap: 15px;
  }
  .attachments-box .title {
    font-size: 15px;
  }
}
@media (max-width: 479px) {
  .attachments-box {
    padding: 15px;
    gap: 10px;
  }
  .attachments-box .title {
    font-size: 14px;
  }
}

.box-title {
  font-size: 34px;
  color: #30346E;
  font-family: "boldFont";
}
@media (max-width: 767px) {
  .box-title {
    font-size: 35px;
  }
}
@media (max-width: 479px) {
  .box-title {
    font-size: 30px;
  }
}

.user-box-wrapper {
  justify-content: center;
  margin-top: 50px;
  margin-top: 140px;
  margin-bottom: 149px;
}
.user-box-wrapper.agency-box-wrapper {
  margin-top: 100px;
  margin-bottom: 105px;
}
.user-box-wrapper .agency-box {
  width: 100%;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.16);
  padding: 30px 35px;
  border-radius: 15px;
}
.user-box-wrapper .agency-box .user-box-name {
  text-align: right;
}
[dir="ltr"] .user-box-wrapper .agency-box .user-box-name {
  text-align: left;
}
.user-box-wrapper .user-box {
  border: 1px solid #F0F0F0;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.04);
  padding: 30px 35px;
  min-width: 500px;
  border-radius: 15px;
}
.user-box-wrapper .user-box-image {
  text-align: center;
}
.user-box-wrapper .user-box-image img {
  width: 100px;
  margin-top: -85px;
}
.user-box-wrapper .user-box-name {
  font-size: 32px;
  color: #30346E;
  font-family: "boldFont";
  text-align: center;
  margin-bottom: 15px;
}
.user-box-wrapper .user-box-info {
  color: #8C827A;
  font-size: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid #F0F0F0;
}
.user-box-wrapper .user-box-info:last-child {
  border-bottom: none;
}
.user-box-wrapper .user-box-info-type {
  font-family: "boldFont";
  flex-basis: 110px;
}
.user-box-wrapper .user-box-info-name {
  flex-basis: calc(100% - 185px);
}
.user-box-wrapper .user-box-change {
  color: #29B3B4;
  font-size: 14px;
  flex-basis: 75px;
}
.user-box-wrapper .user-box-change img {
  margin-left: 3px;
}
[dir="ltr"] .user-box-wrapper .user-box-change img {
  margin-left: 0px;
  margin-right: 3px;
}
.user-box-wrapper .user-box-change:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .user-box-wrapper .user-box {
    min-width: 400px;
  }
}
@media (max-width: 479px) {
  .user-box-wrapper {
    margin-top: 80px;
    margin-bottom: 40px;
  }
  .user-box-wrapper .user-box {
    min-width: 100%;
    padding: 25px;
  }
  .user-box-wrapper .user-box-name {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .user-box-wrapper .user-box-info {
    flex-direction: column;
  }
  .user-box-wrapper .user-box-info-type, .user-box-wrapper .user-box-change {
    flex-basis: auto;
  }
  .user-box-wrapper .agency-box {
    padding: 25px;
  }
  .user-box-wrapper .agency-box-image img {
    width: 250px;
  }
}

.agency-dashboard-boxes .agency-dashboard-boxes-top, .agency-dashboard-boxes .agency-dashboard-boxes-bottom {
  flex-wrap: wrap;
  gap: 80px;
  margin-bottom: 45px;
}
.agency-dashboard-boxes .agency-dashboard-box-right {
  flex-basis: calc(55% - 40px);
}
.agency-dashboard-boxes .agency-dashboard-box-left {
  flex-basis: calc(45% - 40px);
}
.agency-dashboard-boxes .agency-box-title {
  font-size: 24px;
  color: #30346E;
  font-family: "boldFont";
}
.agency-dashboard-boxes .agency-dashboard-box-top {
  justify-content: space-between;
  align-items: center;
}
.agency-dashboard-boxes .box-view-more {
  font-size: 16px;
  color: #29B3B4;
}
.agency-dashboard-boxes .box-view-more:hover {
  text-decoration: none;
}
.agency-dashboard-boxes .box-view-more img {
  width: 15px;
  margin-right: 3px;
}
[dir="ltr"] .agency-dashboard-boxes .box-view-more img {
  margin-right: 3px;
  margin-left: 0px;
  transform: rotate(180deg);
}
.agency-dashboard-boxes .statistics-boxes {
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
.agency-dashboard-boxes .statistics-box {
  flex-basis: calc(33.33% - 14px);
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.04);
  padding: 10px 20px;
  line-height: 1;
}
.agency-dashboard-boxes .statistics-box-img {
  justify-content: flex-end;
}
.agency-dashboard-boxes .statistics-box-number {
  font-size: 54px;
  color: #29B3B4;
  font-family: "boldFont";
  line-height: 1;
}
.agency-dashboard-boxes .statistics-box-statistic {
  font-size: 20px;
  color: #575756;
  font-family: "boldFont";
}
.agency-dashboard-boxes .definition-box {
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.04);
  padding: 20px 30px;
  text-align: center;
  margin-top: 20px;
}
.agency-dashboard-boxes .definition-box-name {
  font-size: 24px;
  color: #30346E;
  font-family: "boldFont";
}
.agency-dashboard-boxes .definition-box-job {
  font-size: 16px;
  color: #29B3B4;
  font-family: "boldFont";
}
.agency-dashboard-boxes .definition-box-description {
  font-size: 13px;
  color: #8C827A;
  padding: 15px 0;
}
.agency-dashboard-boxes .definition-box-bottom {
  border-top: 1px solid #E8E8E8;
  justify-content: space-between;
  padding-top: 15px;
}
.agency-dashboard-boxes .definition-box-bottom-text {
  padding-left: 10px;
  font-size: 16px;
  color: #30346E;
  font-family: "boldFont";
}
[dir="ltr"] .agency-dashboard-boxes .definition-box-bottom-text {
  padding-left: 0px;
  padding-right: 10px;
}
.agency-dashboard-boxes .definition-box-bottom-number {
  font-size: 14px;
  color: #29B3B4;
  font-family: "boldFont";
  padding-top: 2px;
}
.agency-dashboard-boxes .table-div {
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.04);
  padding: 20px 30px;
  margin-top: 20px;
}
.agency-dashboard-boxes .table-div .orders-table thead th {
  border-bottom: none;
  padding: 10px;
}
.agency-dashboard-boxes .table-div .orders-table tbody td {
  padding: 15px;
}
.agency-dashboard-boxes .table-div .orders-table {
  border-spacing: 0 10px;
  margin: 0;
}
.agency-dashboard-boxes .filters {
  gap: 10px;
  flex-wrap: wrap;
}
.agency-dashboard-boxes .filter-tab {
  font-size: 16px;
  color: #8C827A;
  font-family: "boldFont";
  border: 1px solid #8C827A;
  padding: 3px 15px;
  border-radius: 20px;
  cursor: pointer;
}
.agency-dashboard-boxes .filter-tab.active {
  color: #fff;
  border: 1px solid #29B3B4;
  background-color: #29B3B4;
}
.agency-dashboard-boxes .users-boxes {
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.04);
  padding: 20px 30px;
  margin-top: 20px;
}
.agency-dashboard-boxes .users-boxes .users-box {
  gap: 10px;
  border: 1px solid #F0F0F0;
  padding: 14px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.agency-dashboard-boxes .users-boxes .users-box-name {
  font-size: 18px;
  color: #29B3B4;
  font-family: "boldFont";
  gap: 10px;
}
.agency-dashboard-boxes .users-boxes .users-box-job-title {
  font-size: 16px;
  color: #8C827A;
}
.agency-dashboard-boxes .users-boxes .arrow-users {
  margin-top: 2px;
}
[dir="ltr"] .agency-dashboard-boxes .users-boxes .arrow-users img{
  transform: rotate(180deg);
}
.agency-dashboard-boxes .definition-box-bottom-counter {
  align-items: center;
}
.agency-dashboard-boxes .agency-box-title-small {
  font-size: 21px;
  color: #30346E;
  font-family: "boldFont";
}
.agency-dashboard-boxes .digital-texture-index-box {
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  box-shadow: 0px 10px 32px rgba(0, 0, 0, 0.04);
  padding: 20px 30px;
  margin-top: 20px;
}
.agency-dashboard-boxes .digital-texture-index-box .percentage {
  font-size: 21px;
  color: #30346E;
  font-family: "boldFont";
}
.agency-dashboard-boxes .digital-texture-index-box .progress-bar {
  width: 100%;
  background-color: #F4F4F4;
  border: 1px solid #F0F0F0;
  height: 15px;
  border-radius: 15px;
  position: relative;
}
.agency-dashboard-boxes .digital-texture-index-box .inner-progress-bar {
  position: absolute;
  height: 100%;
  right: 0px;
  top: 0px;
  border-radius: 15px;
  background-color: #30346E;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-contents {
  padding-top: 22px;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-content {
  flex-basis: 60%;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-content-item {
  gap: 10px;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-content-item.active .content-item-img-active {
  display: block;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-content-item.active .content-item-img {
  display: none;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-content-item.active .box-view-more {
  display: none;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-content-item.active .content-item-img-text {
  color: #30346E;
  font-family: "boldFont";
}
.agency-dashboard-boxes .digital-texture-index-box .content-item-img-active {
  display: none;
}
.agency-dashboard-boxes .digital-texture-index-box .content-item-img {
  display: block;
}
.agency-dashboard-boxes .digital-texture-index-box .content-item-img-text {
  font-size: 16px;
  color: #B7B7B7;
}
.agency-dashboard-boxes .digital-texture-index-box .box-view-more {
  display: flex;
  font-size: 10px !important;
  align-items: center;
}
.agency-dashboard-boxes .digital-texture-index-box .box-view-more img {
  width: 10px;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-img {
  flex-basis: 40%;
}
.agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-img img {
  width: 100%;
}
.agency-dashboard-boxes.agency-dashboard2-boxes {
  gap: 25px;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .agency-dashboard-boxes-right {
  flex-basis: 60%;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .agency-dashboard-boxes-left {
  flex-basis: 40%;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .box-view-more {
  font-size: 14px;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .agency-title-box {
  gap: 15px;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .agency-new-btn {
  font-size: 16px;
  font-family: "boldFont";
  color: #30346E;
  border: 1px solid #30346E;
  padding: 5px 20px;
  border-radius: 10px;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .agency-new-btn:hover {
  text-decoration: none;
  color: #30346E;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .agency-dashboard-box-left {
  flex-basis: auto;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .agency-dashboard-box-right {
  flex-basis: auto;
  padding-top: 60px;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .users-box-name {
  font-size: 16px;
}
.agency-dashboard-boxes.agency-dashboard2-boxes .users-box-job-title {
  font-size: 14px;
}
@media (max-width: 991px) {
  .agency-dashboard-boxes {
    margin-top: 20px;
  }
  .agency-dashboard-boxes .agency-dashboard-box-right {
    flex-basis: 100%;
  }
  .agency-dashboard-boxes .agency-dashboard-box-left {
    flex-basis: 100%;
  }
  .agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-img img {
    width: 175px;
  }
  .agency-dashboard-boxes.agency-dashboard2-boxes {
    flex-wrap: wrap;
  }
  .agency-dashboard-boxes.agency-dashboard2-boxes .agency-dashboard-boxes-right {
    flex-basis: 100%;
  }
  .agency-dashboard-boxes.agency-dashboard2-boxes .agency-dashboard-boxes-left {
    flex-basis: 100%;
  }
}
@media (max-width: 767px) {
  .agency-dashboard-boxes .statistics-box {
    flex-basis: calc(50% - 10px);
    padding: 15px 20px;
  }
  .agency-dashboard-boxes .statistics-box-number {
    font-size: 50px;
  }
  .agency-dashboard-boxes.agency-dashboard2-boxes .agency-title-box {
    flex-direction: column;
  }
  .agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-contents {
    flex-direction: column;
  }
  .agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-content {
    flex-basis: 100%;
  }
  .agency-dashboard-boxes .digital-texture-index-box .digital-texture-index-img {
    margin-top: 20px;
    flex-basis: 100%;
    align-self: center;
  }
  .agency-dashboard-boxes-right{
    width: 100%;
  }
}
@media (max-width: 479px) {
  .agency-dashboard-boxes .statistics-box {
    flex-basis: 100%;
  }
  .agency-dashboard-boxes .definition-box-image img {
    width: 100%;
  }
  .agency-dashboard-boxes .definition-box-name {
    font-size: 20px;
  }
  .agency-dashboard-boxes .definition-box-job {
    font-size: 14px;
  }
  .agency-dashboard-boxes .definition-box-bottom {
    flex-wrap: wrap;
  }
  .agency-dashboard-boxes .definition-box-bottom-counter {
    flex-basis: 100%;
    justify-content: center;
  }
  .agency-dashboard-boxes .statistics-box-number {
    font-size: 45px;
  }
  .agency-dashboard-boxes .statistics-box-statistic {
    font-size: 18px;
  }
}

.most-used-services-boxes {
  margin-top: 20px;
  gap: 15px;
}
.most-used-services-boxes .most-used-services-box {
  border: 1px solid #F0F0F0;
  border-radius: 15px;
  padding: 0px;
  text-align: center;
  flex-basis: calc(25% - 10px);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.most-used-services-boxes .most-used-services-box.active {
  border: 1px solid #30346E;
  background-color: #30346E;
}
.most-used-services-boxes .most-used-services-box:hover {
  cursor: pointer;
  border: 1px solid #30346E;
  background-color: #30346E;
}
.most-used-services-boxes .most-used-services-box:hover img {
  filter: brightness(0) invert(1);
}
.most-used-services-boxes .most-used-services-box:hover .most-used-services-box-title {
  color: #fff;
}
.most-used-services-boxes .most-used-services-box.active .most-used-services-box-title {
  color: #fff;
}
.most-used-services-boxes .most-used-services-box-title {
  font-size: 16px;
  color: #30346E;
  font-family: "boldFont";
}
.agency-dashboard-box-right-top {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .most-used-services-boxes {
    flex-wrap: wrap;
  }
  .most-used-services-boxes .most-used-services-box {
    flex-basis: calc(50% - 10px);
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.burnerSite-page {
  background-image: url("../../Images/123.png");
  width: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  direction: rtl;
  background-position: center center;
  animation: shrink 15s infinite alternate;
}
.burnerSite-page .u-inline-block {
  display: inline-block;
}
.burnerSite-page .u-bg--white {
  background-color: #fff;
}
.burnerSite-page .u-absolute {
  position: absolute;
}
.burnerSite-page .u-block {
  display: block;
}
.burnerSite-page .c-reflection-message {
  /*top: calc(50% - 135px);
  left: calc(25% + 10px);*/
  font-size: 14px;
  right: 90px;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #fff;
  font-weight: 600;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  cursor: pointer;
}
.burnerSite-page .c-reflection-message__separator {
  width: 100px;
  height: 0px;
  background: #fff;
  vertical-align: middle;
  margin-left: 2px;
  margin-right: 2px;
  opacity: 0.7;
  -webkit-transform: scaleX(0.25) translateZ(0);
  transform: scaleX(0.25) translateZ(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  will-change: transform;
}
.burnerSite-page .c-reflection-message__text {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  -webkit-transform: translateX(-75px) translateZ(0);
  transform: translateX(-75px) translateZ(0);
  will-change: transform;
}
.burnerSite-page .c-mirror-slideshow__ui.is-visible {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}
.burnerSite-page .c-mirror-slideshow__ui {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  -o-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
  will-change: opacity;
}
.burnerSite-page .c-reflection-message__hand-container.is-infinite .c-reflection-message__hand {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.burnerSite-page .c-reflection-message__hand-container.is-playing .c-reflection-message__hand {
  -webkit-animation-name: reflection-message-hand;
  animation-name: reflection-message-hand;
}
.burnerSite-page .c-reflection-message__hand {
  background-image: url("../../Images/cursor-pointer-drag.png");
  position: relative;
  display: inline-block;
  top: -8px;
  left: 0;
  vertical-align: middle;
  width: 22px;
  height: 27px;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: 2s 2s 2;
  animation: 2s 2s 2;
  will-change: transform;
}
.burnerSite-page .c-reflection-message__hand-container.is-infinite .c-reflection-message__drag-stroke {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.burnerSite-page .c-reflection-message__hand-container.is-playing .c-reflection-message__drag-stroke {
  -webkit-animation-name: reflection-message-drag-stroke;
  animation-name: reflection-message-drag-stroke;
}
.burnerSite-page .c-reflection-message__drag-stroke {
  top: 2px;
  right: 17px;
  width: 20px;
  height: 1px;
  background: #fff;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: scaleX(0) translateZ(0);
  transform: scaleX(0) translateZ(0);
  -webkit-animation: 2s 2s 2;
  animation: 2s 2s 2;
  will-change: transform;
}
.burnerSite-page .message-hand {
  display: none;
  background-image: url("../../Images/cursor-pointer-drag.png");
  position: absolute;
  top: -4px;
  left: 30px;
  top: 40px;
  vertical-align: middle;
  width: 22px;
  height: 27px;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: 2s 2s 2;
  animation: 2s 2s 2;
  will-change: transform;
  animation: message-hand 2s infinite alternate;
}
.burnerSite-page .message-hand.active {
  display: inline-block;
}
.burnerSite-page .drag-stroke {
  top: 2px;
  right: 17px;
  width: 20px;
  height: 1px;
  background: #fff;
  animation: drag-stroke 2s infinite alternate;
}
@keyframes reflection-message-hand {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(80px) translateZ(0);
    transform: translateX(80px) translateZ(0);
  }
  80% {
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(80px) translateZ(0);
    transform: translateX(80px) translateZ(0);
    opacity: 0;
  }
}
@keyframes reflection-message-drag-stroke {
  0% {
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
  }
  22% {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
  }
  45% {
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
  }
  100% {
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
  }
}
@keyframes message-hand {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.burnerSite-page::before {
  content: "";
  background-image: url("../../Images/123.png");
}
.burnerSite-page.burnerSite2.animation::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  animation: opcity 1s ease-out alternate, flipImage 1s ease-out alternate, shrink 35s infinite alternate;
}
.burnerSite-page.burnerSite2.animation::after {
  display: none;
}
.burnerSite-page.burnerSite3.animation::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  animation: opcity 1s ease-out alternate, leftRight 1s ease-out alternate, shrink 35s infinite alternate;
}
.burnerSite-page.burnerSite3.animation::after {
  display: none;
}
.burnerSite-page.animation {
  overflow: hidden;
  opacity: 1;
}
@keyframes opcity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes leftRight {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes flipImage {
  0% {
    transform: scaleX(0) scaleY(0);
  }
  100% {
    -moz-transform: scaleX(1) scaleY(1);
    -o-transform: scaleX(1) scaleY(1);
    -webkit-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
    filter: FlipH;
    -ms-filter: "FlipH";
  }
}
.burnerSite-page.animation::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  animation: opcity 1s ease-out alternate, shrink 35s infinite alternate;
}
.burnerSite-page.animation::after {
  content: "";
  position: absolute;
  top: -60%;
  right: -200%;
  width: 50%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.13);
  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%);
  animation: shine 2s 0s;
}
@keyframes shine {
  to {
    opacity: 1;
    right: 210%;
  }
}
@keyframes shrink {
  0% {
    background-size: 110% 110%;
  }
  100% {
    background-size: 100% 100%;
  }
}
.burnerSite-page .burnerSite-container {
  /*width: 1140px;*/
  margin: auto;
  padding: 50px 100px;
}
.burnerSite-page .register-now {
  align-items: flex-end;
  justify-content: flex-start;
}
.burnerSite-page .register-now .register-now-text {
  font-size: 30px;
  margin-bottom: 30px;
}
.burnerSite-page .register-now .register-now-link {
  cursor: pointer;
  margin-right: 30px;
  position: relative;
  left: 0;
  align-items: center;
  justify-content: flex-start;
  height: 44px;
  margin-bottom: 30px;
}
.burnerSite-page .register-now .register-now-link .register-radius {
  border: 1px solid #fff;
  border-radius: 50px;
  position: absolute;
  left: -15px;
}
.burnerSite-page .register-now .register-now-link .register-circle {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50px;
  margin: 8px;
}
.burnerSite-page .register-now .register-now-link .register-line {
  height: 3px;
  width: 80px;
  background-color: #fff;
}
.burnerSite-page .lang-div {
  /*color: #ffffff;
  font-size: 30px;
  font-family: "boldFont";*/
  direction: ltr;
  position: relative;
  z-index: 2;
}
.burnerSite-page .lang {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
  font-family: "boldFont";
  padding: 0px 5px;
  cursor: pointer;
}
.burnerSite-page .lang:first-child {
  border-right: 3px solid #ffffff;
}
.burnerSite-page .lang.active {
  color: #ffffff;
}
.burnerSite-page .text-container {
  padding-top: 20px;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.burnerSite-page .text-container.active {
  visibility: visible;
  height: auto;
}
.burnerSite-page .text-container.active .main-title :first-child {
  right: 0px;
  opacity: 1;
}
.burnerSite-page .text-container.active .main-title :last-child {
  left: 0px;
  opacity: 1;
}
.burnerSite-page .text-container.active .second-title {
  bottom: 0px;
  opacity: 1;
}
.burnerSite-page .main-title {
  color: #ffffff;
  font-size: 70px;
  font-family: "boldFont";
  width: 650px;
}
.burnerSite-page .main-title :first-child {
  position: relative;
  right: -600px;
  opacity: 0;
  transition: 0.7s ease-in-out;
}
.burnerSite-page .main-title :last-child {
  position: relative;
  left: -600px;
  opacity: 0;
  transition: 0.7s ease-in-out;
}
.burnerSite-page .main-title.big-size {
  font-size: 120px;
}
.burnerSite-page .second-title {
  color: #ffffff;
  font-size: 30px;
  width: 850px;
  position: relative;
  bottom: -250px;
  transition: 0.7s ease-in-out;
}
.burnerSite-page .form-slider {
  margin-top: 20px;
  width: 700px;
  position: relative;
  overflow: hidden;
  bottom: 300px;
  opacity: 0;
}
.burnerSite-page .form-slider.active {
  bottom: 0px;
  opacity: 1;
}
.burnerSite-page .form-slider-input {
  visibility: hidden;
  border: none;
  border-bottom: 1px solid #fff;
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
  width: 0px;
  padding: 0;
  padding-bottom: 15px;
  font-size: 50px;
  transition: all ease 0.8s;
  opacity: 0;
}
.burnerSite-page .form-slider-input.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  overflow: hidden;
  width: 100%;
  /*display: block;*/
}
.burnerSite-page .form-slider-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.5);
  font-size: 50px;
  padding: 0px;
}
.burnerSite-page .form-slider-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.5);
  font-size: 50px;
}
.burnerSite-page .form-slider-input:-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.5);
  font-size: 50px;
}
.burnerSite-page .dots-container {
  justify-content: space-between;
  width: 700px;
  align-items: center;
  margin-top: 20px;
  position: relative;
  margin-bottom: 35px;
}
.burnerSite-page .dots {
  gap: 5px;
}
.burnerSite-page .dot {
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.burnerSite-page .dot.active {
  background-color: #ffffff;
}
.burnerSite-page .form-slider-btn {
  display: none;
  border-radius: 20px;
  background-color: #fff;
  color: #30346E;
  font-family: "boldFont";
  padding: 5px 25px;
  cursor: pointer;
  border: none;
}
.burnerSite-page .form-slider-btn.active {
  display: block;
}
.burnerSite-page .checkmark-box {
  width: 700px;
}
.burnerSite-page .checkmark-box .checkmark-text {
  text-align: center;
  color: #fff;
  font-size: 25px;
  position: relative;
}
.burnerSite-page .checkmark-box .checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.burnerSite-page .checkmark-box .checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 20px auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.burnerSite-page .checkmark-box .checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
@media (max-width: 1199px) {
  .burnerSite-page .burnerSite-container {
    /*width: 950px;*/
  }
  .burnerSite-page .main-title {
    font-size: 60px;
  }
  .burnerSite-page .second-title {
    font-size: 28px;
  }
  .burnerSite-page .form-slider-input {
    font-size: 40px;
  }
  .burnerSite-page .form-slider-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 40px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 40px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .burnerSite-page {
    background-size: cover !important;
    background-position: center center;
  }
  .burnerSite-page .text-container {
    padding-top: 0;
  }
  .burnerSite-page .c-reflection-message {
    right: 70px;
  }
  .burnerSite-page.animation::before {
    background-size: cover !important;
    background-position: center center;
  }
  .burnerSite-page .burnerSite-container {
    width: 100%;
    padding: 25px 50px;
  }
  .burnerSite-page .main-title {
    font-size: 50px;
    width: 600px;
  }
  .burnerSite-page .main-title.big-size {
    font-size: 80px;
  }
  .burnerSite-page .register-now .register-now-text {
    font-size: 25px;
  }
  .burnerSite-page .register-now .register-now-link .register-circle {
    width: 15px;
    height: 15px;
  }
  .burnerSite-page .register-now .register-now-link .register-line {
    height: 2px;
    width: 70px;
  }
  .burnerSite-page .checkmark-box {
    width: 600px;
  }
  .burnerSite-page .second-title {
    font-size: 26px;
    width: 700px;
  }
  .burnerSite-page .dots-container {
    width: 600px;
  }
  .burnerSite-page .form-slider {
    width: 600px;
  }
  .burnerSite-page .lang {
    font-size: 22px;
  }
  .burnerSite-page .form-slider-input {
    font-size: 35px;
  }
  .burnerSite-page .form-slider-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 35px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 35px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .burnerSite-page .burnerSite-container {
    width: 100%;
    padding: 25px;
  }
  .burnerSite-page .main-title {
    font-size: 45px;
    width: 420px;
  }
  .burnerSite-page .second-title {
    font-size: 24px;
    width: 420px;
  }
  .burnerSite-page .dots-container {
    /*width: 420px;*/
  }
  .burnerSite-page .checkmark-box {
    /*width: 420px;*/
  }
  .burnerSite-page .form-slider {
    width: 420px;
  }
  .burnerSite-page .lang {
    font-size: 18px;
  }
  .burnerSite-page .form-slider-input {
    font-size: 32px;
  }
  .burnerSite-page .form-slider-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 32px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 32px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .burnerSite-page .c-reflection-message {
    right: 60px;
  }
  .burnerSite-page .burnerSite-container {
    padding: 20px;
  }
  .burnerSite-page .main-title {
    font-size: 36px;
    width: 100%;
    text-align: center;
  }
  .burnerSite-page .main-title.big-size {
    font-size: 60px;
  }
  .burnerSite-page .register-now .register-now-text {
    font-size: 20px;
  }
  .burnerSite-page .second-title {
    font-size: 20px;
    width: 100%;
    padding-top: 15px;
    text-align: center;
  }
  .burnerSite-page .checkmark-box {
    width: 100%;
  }
  .burnerSite-page .dots-container {
    width: 100%;
  }
  .burnerSite-page .form-slider {
    width: 100%;
    margin-top: 10px;
  }
  .burnerSite-page .lang {
    font-size: 15px;
  }
  .burnerSite-page .form-slider-input {
    font-size: 25px;
  }
  .burnerSite-page .form-slider-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 25px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 25px;
  }
  .burnerSite-page .form-slider-input:-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 25px;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.unregistered-banner {
  background-image: url("../../Images/banner back.svg");
}
.unregistered-banner .unregistered-banner-container {
  width: 1140px;
  margin: auto;
  gap: 100px;
  padding: 180px 0;
  padding-bottom: 100px;
}
.unregistered-banner .unregistered-banner-text {
  flex-basis: 40%;
}
.unregistered-banner .unregistered-banner-slider {
  width: 60%;
  background-color: rgba(255, 255, 255, 0.11);
  border-radius: 20px;
  padding: 30px 100px;
}
.unregistered-banner .unregistered-banner-slider .banner-slider-item-title {
  font-size: 44px;
  color: #fff;
  font-family: "boldFont";
  text-align: center;
}
.unregistered-banner .unregistered-banner-slider .banner-slider-item-btn {
  font-size: 17px;
  color: #fff;
  font-family: "boldFont";
  text-align: center;
  display: block;
  padding-top: 20px;
}
.unregistered-banner .unregistered-banner-slider .banner-slider-item-btn:hover {
  text-decoration: none;
}
.unregistered-banner .unregistered-banner-slider .slick-dots {
  display: flex;
  /*gap: 5px;*/
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -50px;
}
.unregistered-banner .unregistered-banner-slider .slick-dots li {
  cursor: pointer;
  opacity: 0.8;
  width: 12px;
  height: 12px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.46);
  -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;
}
.unregistered-banner .unregistered-banner-slider .slick-dots li button {
  display: none;
}
.unregistered-banner .unregistered-banner-slider .slick-dots .slick-active {
  width: 32px;
  height: 12px;
  background-color: #29B3B4;
  opacity: 1;
}
.unregistered-banner .top-title {
  font-size: 22px;
  color: #fff;
}
.unregistered-banner .main-title {
  font-size: 56px;
  color: #29B3B4;
  font-family: "boldFont";
}
.unregistered-banner .bottom-title {
  font-size: 24px;
  color: #fff;
}
.unregistered-banner .search-box {
  padding-top: 50px;
}
.unregistered-banner .search-box-text {
  font-size: 26px;
  color: #fff;
  font-family: "boldFont";
  padding-bottom: 5px;
}
.unregistered-banner .search-box-contanier {
  position: relative;
  overflow: hidden;
}
.unregistered-banner .search-box-input {
  width: calc(100% - 31px);
  padding: 13px 15px;
  border-radius: 18px;
  border: none;
}
.unregistered-banner .search-box-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 22px;
  color: #B7B7B7;
}
.unregistered-banner .search-box-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
}
.unregistered-banner .search-box-input:-ms-input-placeholder {
  /* Microsoft Edge */
}
.unregistered-banner .search-icon-box {
  background-color: #754C9E;
  position: absolute;
  height: 100%;
  /* width: 20px; */
  top: 0px;
  left: 0px;
  border-radius: 18px;
  display: flex;
  padding: 16px;
}
@media (max-width: 1199px) {
  .unregistered-banner .unregistered-banner-container {
    width: 800px;
    gap: 20px;
  }
  .unregistered-banner .unregistered-banner-slider {
    width: 60%;
    background-color: rgba(255, 255, 255, 0.28);
    border-radius: 20px;
    padding: 30px 40px;
  }
}
@media (max-width: 991px) {
  .unregistered-banner .unregistered-banner-container {
    padding: 140px 30px;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 80px;
    gap: 40px;
  }
  .unregistered-banner .unregistered-banner-text {
    text-align: center;
    flex-basis: 100%;
  }
  .unregistered-banner .unregistered-banner-slider {
    width: 100%;
  }
  .unregistered-banner .search-box-contanier {
    width: 50%;
    margin: auto;
  }
  .unregistered-banner .search-box-input {
    width: calc(100% - 32px);
  }
}
@media (max-width: 767px) {
  .unregistered-banner .search-box-contanier {
    width: 400px;
    margin: auto;
  }
  .unregistered-banner .search-box-input {
    width: calc(100% - 32px);
  }
  .unregistered-banner .top-title {
    font-size: 20px;
  }
  .unregistered-banner .main-title {
    font-size: 50px;
  }
  .unregistered-banner .bottom-title {
    font-size: 22px;
  }
  .unregistered-banner .search-box {
    padding-top: 20px;
  }
  .unregistered-banner .unregistered-banner-slider .banner-slider-item-title {
    font-size: 38px;
  }
  .unregistered-banner .unregistered-banner-slider .slick-dots {
    bottom: -35px;
  }
}
@media (max-width: 479px) {
  .unregistered-banner .search-box-contanier {
    width: 100%;
  }
  .unregistered-banner .unregistered-banner-container {
    padding: 160px 30px;
    padding-bottom: 80px;
  }
  .unregistered-banner .top-title {
    font-size: 18px;
  }
  .unregistered-banner .main-title {
    font-size: 45px;
  }
  .unregistered-banner .bottom-title {
    font-size: 20px;
  }
  .unregistered-banner .search-box-text {
    font-size: 22px;
  }
  .unregistered-banner .unregistered-banner-slider {
    padding: 20px;
  }
  .unregistered-banner .unregistered-banner-slider .banner-slider-item-title {
    font-size: 32px;
  }
  .unregistered-banner .unregistered-banner-slider .slick-dots {
    bottom: -35px;
  }
}

.unregistered-news-section .slick-dots {
  margin-top: 10px;
}
.unregistered-news-section .authority-programs-box {
  padding: 20px;
}

.unregistered-bottom-section {
  gap: 20px;
  background: #0397b2;
  background: linear-gradient(90deg, #0397b2 0%, #4162a8 75%, #754c9e 100%);
  padding: 40px 0px;
  position: relative;
  overflow: hidden;
}
.unregistered-bottom-section .background-layer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 150%;
}
.unregistered-bottom-section .background-layer img {
  height: 100%;
}
.unregistered-bottom-section .unregistered-bottom-section-contanier {
  width: 1140px;
  margin: auto;
  gap: 100px;
}
.unregistered-bottom-section .unregistered-bottom-section-right {
  flex-basis: 35%;
}
.unregistered-bottom-section .unregistered-bottom-section-left {
  flex-basis: 65%;
}
.unregistered-bottom-section .knowledge-center-content {
  flex-basis: 100%;
  position: relative;
  z-index: 2;
}
.unregistered-bottom-section .knowledge-center-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.unregistered-bottom-section .knowledge-center-title {
  font-size: 38px;
  color: #fff;
  font-family: "boldFont";
}
.unregistered-bottom-section .btn-arrow {
  border-color: #fff;
  color: #fff;
}
.unregistered-bottom-section .knowledge-center-boxes {
  flex-wrap: wrap;
  gap: 30px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box {
  padding: 20px;
  flex-basis: calc(50% - 15px);
  /*justify-content: space-between;*/
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
  align-items: center;
  margin-bottom: 20px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .knowledge-center-top-title {
  color: #ffffff;
  font-family: "boldFont";
  font-size: 20px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .center-box-content {
  margin-right: 30px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .knowledge-center-date {
  color: #FFF;
  font-size: 12px;
  font-family: "regularFont";
  margin-top: 8px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .download-image {
  margin-left: 0px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download {
  color: #FFF;
  gap: 15px;
  font-size: 15px;
  cursor: pointer;
  font-family: "boldFont";
  align-items: center;
  outline: none;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download img {
  height: 32px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download p {
  padding-top: 7px;
}
.unregistered-bottom-section .knowledge-center-boxes .knowledge-center-box .download-image .knowledge-center-download:hover {
  text-decoration: none;
}
.unregistered-bottom-section .indicator-items {
  gap: 30px;
  flex-wrap: wrap;
}
.unregistered-bottom-section .indicator-item {
  gap: 15px;
  padding: 20px 5px;
  align-items: flex-start;
  flex-basis: calc(50% - 15px);
}
.unregistered-bottom-section .indicator-item img {
  webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.unregistered-bottom-section .indicator-item .counter {
  display: block;
  font-size: 40px;
  color: #fff;
  /*color: $seconderyColor;*/
  line-height: 0.8;
  margin-bottom: 10px;
}
.unregistered-bottom-section .indicator-item .brief {
  color: #FFF;
  font-size: 16px;
}
@media (max-width: 1199px) {
  .unregistered-bottom-section .unregistered-bottom-section-contanier {
    width: 950px;
    gap: 50px;
  }
}
@media (max-width: 991px) {
  .unregistered-bottom-section .unregistered-bottom-section-contanier {
    padding: 0px 30px;
    width: 100%;
    flex-wrap: wrap;
    gap: 10px;
  }
  .unregistered-bottom-section .unregistered-bottom-section-right {
    flex-basis: 100%;
  }
  .unregistered-bottom-section .unregistered-bottom-section-left {
    flex-basis: 100%;
  }
}
@media (max-width: 767px) {
  .unregistered-bottom-section .indicator-item {
    flex-basis: 100%;
  }
}
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
/* Add below your website's variable */
.tree-view-page .page-title {
  gap: 20px;
  align-items: center;
}
.tree-view-page .main-title {
  font-family: "boldFont";
  font-size: 42px;
  color: #30346E;
}
.tree-view-page .sub-title {
  font-size: 26px;
  font-family: "boldFont";
  color: #30346E;
}
.tree-view-page .tree-body {
  margin-top: 25px;
  background-color: #FFF;
  border-radius: 20px 20px 0 0;
  border: 1px solid #EAEAEA;
}
.tree-view-page .tree-branch {
  width: 280px;
  position: relative;
}
.tree-view-page .tree-branch.main-branch {
  padding-top: 20px;
}
.tree-view-page .tree-branch.main-branch .tree-item {
  color: #30346E;
}
.tree-view-page .tree-branch.main-branch .tree-item.active {
  background-color: #30346E;
  color: #FFF;
}
.tree-view-page .tree-branch.main-branch .tree-item.active .colored-icon {
  display: none;
}
.tree-view-page .tree-branch.main-branch .tree-item.active .white-icon {
  display: block;
}
.tree-view-page .tree-branch.main-branch .tree-item .colored-icon {
  display: block;
}
.tree-view-page .tree-branch.main-branch .tree-item .white-icon {
  display: none;
}
.tree-view-page .tree-branch .crombs-title {
  color: #30346E;
  font-size: 28px;
  padding-right: 15px;
  font-family: "boldFont";
}
.tree-view-page .tree-branch .branch-body {
  position: relative;
  flex-grow: 1;
}
.tree-view-page .tree-branch.sub-branch {
  position: absolute;
  top: -1px;
  right: calc(100% - 50px);
  height: calc(100% + 2px);
  background-color: #FFF;
  border-radius: 20px 20px 0 0;
  border: 1px solid #EAEAEA;
  display: flex;
  flex-direction: column;
  display: none;
}
.tree-view-page .tree-branch.sub-branch .branch-head {
  color: #30346E;
  font-size: 28px;
  font-family: "boldFont";
  padding: 15px 15px 0 5px;
}
.tree-view-page .tree-branch.sub-branch .item-head {
  padding: 10px 20px;
}
.tree-view-page .tree-branch.sub-branch .tree-item {
  color: #30346E;
}
.tree-view-page .tree-branch.sub-branch .tree-item.active {
  background-color: #EFEFEF;
  color: #30346E;
}
.tree-view-page .tree-branch.border-gorw {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tree-view-page .tree-branch .last-level {
  min-width: 450px;
}
.tree-view-page .tree-branch .requests-list {
  gap: 25px;
  flex-wrap: wrap;
  padding: 15px;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.tree-view-page .tree-branch .requests-list::-webkit-scrollbar {
  width: 5px;
}
.tree-view-page .tree-branch .requests-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.tree-view-page .tree-branch .requests-list::-webkit-scrollbar-thumb {
  background: #888;
}
.tree-view-page .tree-branch .requests-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.tree-view-page .tree-branch .requests-list .request-item {
  border: 1px solid #EAEAEA;
  border-radius: 15px;
  flex-basis: calc(33.33% - 25px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
}
.tree-view-page .tree-branch .requests-list .request-item a {
  color: #30346E;
  font-size: 15px;
  font-family: "boldFont";
  text-decoration: none;
}
.tree-view-page .tree-item.active > .sub-branch {
  display: flex;
}
.tree-view-page .item-head {
  align-items: center;
  gap: 15px;
  padding: 10px 20px;
  font-size: 18px;
  font-family: "boldFont";
  cursor: pointer;
}
@media (max-width: 1199px) {
  .tree-view-page .tree-branch {
    width: 216.5px;
  }
}
@media (max-width: 991px) {
  .tree-view-page .main-title {
    font-size: 35px;
  }
  .tree-view-page .sub-title {
    font-size: 22px;
  }
  .tree-view-page .tree-branch .last-level {
    min-width: 250px;
  }
  .tree-view-page .tree-branch .requests-list .request-item {
    flex-basis: calc(50% - 25px);
  }
  .tree-view-page .tree-body {
    border-radius: 20px;
  }
  .tree-view-page .tree-branch.main-branch {
    padding-top: 0;
  }
  .tree-view-page .tree-branch.main-branch .tree-item {
    border-radius: 20px;
    transition: 0.5s;
  }
  .tree-view-page .tree-item.active > .last-head {
    background-color: #eaeaea;
  }
  .tree-view-page .tree-branch.sub-branch .branch-head {
    padding-top: 0;
  }
  .tree-view-page .tree-branch {
    width: 100%;
    position: static;
  }
  .tree-view-page .tree-branch.sub-branch {
    position: static;
  }
  .tree-view-page .crombs-title:first-of-type {
    display: none;
  }
}
@media (max-width: 479px) {
  .tree-view-page .page-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .tree-view-page .main-title {
    font-size: 28px;
  }
  .tree-view-page .sub-title {
    font-size: 20px;
  }
  .tree-view-page .tree-branch .requests-list .request-item {
    flex-basis: 100%;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.landing-page {
  direction: ltr;
  overflow-x: hidden;
}
.landing-page .banner {
  height: auto;
  padding: 25px 50px;
  padding-bottom: 30px;
}
.landing-page .landing-page-remove-min {
  min-height: 0px;
}
.landing-page .btn-arrow img {
  transform: rotate(180deg);
}
.landing-page .header {
  background-color: transparent;
}
.landing-page .header.fixed-header {
  background-color: white;
}
.landing-page .outcomes-section {
  padding-top: 65px;
  padding-bottom: 30px;
}
.landing-page .outcomes-section .landing-page-titles {
  text-align: center;
}
.landing-page .banner {
  background: none;
  background-color: transparent;
}
.landing-page .banner .banner-container {
  width: 1140px;
  margin: auto;
  padding: 20px 0;
}
.landing-page .banner .banner-text {
  text-align: center;
  width: 800px;
  padding-right: 0px;
}
.landing-page .landing-banner-layout {
  position: absolute;
  right: 0px;
  top: 0;
}
.landing-page .landing-banner-title {
  font-size: 81px;
  color: #29B3B4;
  font-family: "boldFont";
}
.landing-page .landing-banner-brief {
  font-size: 30px;
  color: #30346E;
  padding-bottom: 20px;
}
.landing-page .landing-page-titles {
  font-size: 66px;
  color: #6F4B99;
  font-family: "boldFont";
}
.landing-page .we-are-here-to_section_left {
  flex-basis: 50%;
  padding-top: 70px;
}
.landing-page .we-are-here-to_section_right {
  flex-basis: 50%;
}
.landing-page .we-are-here-to_section {
  gap: 25px;
}
.landing-page .we-are-here-to_box {
  margin-top: 25px;
}
.landing-page .outcomes-boxes {
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 40px;
}
.landing-page .outcomes-box {
  border-radius: 25px;
  box-shadow: -2px 3px 14px 0px #efeded;
  color: #30346E;
  font-size: 20px;
  min-height: 260px;
  align-items: center;
  text-align: center;
  padding: 20px;
  background-color: #fcfcfc;
}
.landing-page .outcomes-boxes-container {
  flex-basis: calc(25% - 30px);
  gap: 40px;
  flex-direction: column;
}
.landing-page .outcomes-boxes-container:nth-child(even) {
  margin-top: 70px;
}
.landing-page .secondary-background-section {
  background-color: #30346E;
}
.landing-page .secondary-background-section .secondary-background-section-title {
  color: #fff;
  font-size: 56px;
  font-family: "boldFont";
  width: 1140px;
  margin: auto;
  padding: 40px 0;
  text-align: center;
}
.landing-page .technologies-section-title {
  font-size: 56px;
  font-family: "boldFont";
  color: #29B3B4;
  text-align: center;
}
.landing-page .technologies-box {
  flex-direction: column;
  align-items: center;
  flex-basis: 25%;
  /*padding: 25px;*/
}
.landing-page .technologies-boxes {
  justify-content: center;
  width: 90%;
  margin: auto;
  margin-top: 50px;
}
.landing-page .technologies-box-title {
  color: #30346E;
  font-family: "boldFont";
  font-size: 22px;
  padding-top: 15px;
}
.landing-page .ecosystem-section {
  background-color: rgba(235, 234, 240, 0.31);
}
.landing-page .ecosystem-slider {
  width: 1140px;
  margin: auto;
  padding: 90px 0;
  padding-top: 60px;
  margin-bottom: 0px !important;
}
.landing-page .ecosystem-slide {
  font-size: 37px;
  font-family: "boldFont";
  color: #30346E;
  text-align: center;
  line-height: 1;
}
.landing-page .big-text {
  font-size: 77px;
  font-family: "boldFont";
  color: #29B3B4;
}
.landing-page .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 55px;
}
.landing-page .slick-dots li {
  cursor: pointer;
  opacity: 0.8;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #dad9e3;
  -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;
}
.landing-page .slick-dots li button {
  display: none;
}
.landing-page .slick-dots .slick-active {
  width: 43px;
  height: 19px;
  border-radius: 10px;
  background-color: #30346E;
  opacity: 1;
}
@media (max-width: 1199px) {
  .landing-page .landing-banner-title {
    font-size: 75px;
  }
  .landing-page .banner {
    min-height: 0px;
  }
  .landing-page .landing-banner-brief {
    font-size: 28px;
  }
  .landing-page .landing-page-titles {
    font-size: 55px;
  }
  .landing-page .outcomes-section {
    padding-top: 20px;
  }
  .landing-page .secondary-background-section .secondary-background-section-title {
    font-size: 50px;
    width: 950px;
  }
  .landing-page .technologies-section-title {
    font-size: 50px;
  }
  .landing-page .ecosystem-slider {
    width: 950px;
  }
  .landing-page .banner .banner-container {
    width: 100%;
  }
  .landing-page .banner .banner-text {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .landing-page .landing-banner-title {
    font-size: 68px;
  }
  .landing-page .banner {
    min-height: 0px;
  }
  .landing-page .landing-banner-brief {
    font-size: 25px;
  }
  .landing-page .we-are-here-to_section {
    flex-direction: column;
  }
  .landing-page .banner {
    padding-bottom: 50px;
  }
  .landing-page .landing-page-titles {
    font-size: 50px;
  }
  .landing-page .outcomes-boxes-container {
    flex-basis: calc(50% - 20px);
  }
  .landing-page .secondary-background-section .secondary-background-section-title {
    font-size: 45px;
    width: 100%;
    padding: 40px;
  }
  .landing-page .technologies-boxes {
    width: 100%;
    flex-wrap: wrap;
    gap: 25px;
  }
  .landing-page .technologies-box {
    flex-basis: calc(50% - 13px);
  }
  .landing-page .ecosystem-slider {
    width: 100%;
    padding: 60px 25px;
  }
  .landing-page .technologies-section-title {
    font-size: 45px;
  }
  .landing-page .slick-dots {
    bottom: 40px;
  }
  .landing-page .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
  }
  .landing-page .slick-dots li button {
    display: none;
  }
  .landing-page .slick-dots .slick-active {
    width: 40px;
    height: 15px;
    border-radius: 10px;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .landing-page .landing-banner-title {
    font-size: 60px;
  }
  .landing-page .banner {
    min-height: 0px;
  }
  .landing-page .landing-banner-brief {
    font-size: 22px;
  }
  .landing-page .landing-page-titles {
    font-size: 40px;
  }
  .landing-page .we-are-here-to_box-title {
    font-size: 30px;
  }
  .landing-page .we-are-here-to_box-top {
    align-items: center;
  }
  .landing-page .we-are-here-to_box-list-item {
    font-size: 18px;
  }
  .landing-page .outcomes-boxes {
    flex-direction: column;
  }
  .landing-page .outcomes-boxes-container:nth-child(even) {
    margin-top: 0px;
  }
  .landing-page .outcomes-section {
    padding-bottom: 0px;
  }
  .landing-page .outcomes-box {
    justify-content: center;
    min-height: 180px;
  }
  .landing-page .secondary-background-section .secondary-background-section-title {
    font-size: 38px;
    padding: 25px;
  }
  .landing-page .technologies-section-title {
    font-size: 38px;
  }
  .landing-page .ecosystem-slide {
    font-size: 32px;
  }
  .landing-page .big-text {
    font-size: 60px;
  }
  .landing-page .technologies-boxes {
    flex-direction: column;
  }
  .landing-page .slick-dots {
    bottom: 30px;
  }
  .landing-page .slick-dots li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
  }
  .landing-page .slick-dots li button {
    display: none;
  }
  .landing-page .slick-dots .slick-active {
    width: 40px;
    height: 15px;
    border-radius: 10px;
    opacity: 1;
  }
}
@media (max-width: 479px) {
  .landing-page .landing-page-titles {
    font-size: 32px;
  }
  .landing-page .we-are-here-to_section {
    gap: 0px;
  }
  .landing-page .banner {
    min-height: 0px;
  }
  .landing-page .we-are-here-to_box-title {
    font-size: 25px;
  }
  .landing-page .we-are-here-to_box-top img {
    width: 75px;
  }
  .landing-page .we-are-here-to_box-bottom {
    padding: 15px 20px;
  }
  .landing-page .we-are-here-to_box-top {
    padding: 25px;
  }
  .landing-page .outcomes-boxes-container {
    gap: 20px;
  }
  .landing-page .secondary-background-section .secondary-background-section-title {
    font-size: 32px;
  }
  .landing-page .ecosystem-slide {
    font-size: 28px;
  }
  .landing-page .big-text {
    font-size: 50px;
  }
}

/* Add below your website's variable */
/* Mixins should not have CSS properties ex: .class {..} */
/* Add below your website's variable */
.animated-intro * {
  font-family: "regularFont";
}
.animated-intro text, .animated-intro svg {
  direction: ltr;
}
.animated-intro .justify-end {
  justify-content: flex-end;
}
.animated-intro .road-line {
  position: absolute;
  z-index: 2;
  left: 130px;
  bottom: 50px;
  width: 350px;
  height: 200px;
}
.animated-intro .lang-bar {
  position: absolute;
  z-index: 5;
  color: #FFF;
  left: 15px;
  top: 15px;
  align-items: center;
  gap: 10px;
  flex-direction: row-reverse;
}
.animated-intro .langs {
  padding: 10px;
  align-items: center;
  gap: 10px;
}
.animated-intro .lang-btn {
  font-size: 24px;
  font-family: "boldFont";
  opacity: 0.7;
  padding-right: 5px;
  position: relative;
}
.animated-intro .lang-btn.active {
  opacity: 1;
}
.animated-intro .lang-btn:not(:first-of-type):after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  height: 90%;
  width: 2px;
  background-color: #FFF;
}
.animated-intro .sound-btn {
  margin-top: 7px;
  position: relative;
}
.animated-intro .sound-btn:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 140%;
  top: -12px;
  left: 33%;
  transform: rotate(45deg);
  background-color: #FFF;
}
.animated-intro .sound-btn.active:after {
  display: none;
}
.animated-intro .jump {
  animation: scroll 1.2s infinite;
}
@keyframes scroll {
  0% {
    /*transform: translate(-123.417 -83.603);*/
    transform: translate(-123.417px, -83.603px);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    transform: translate(-123.417px, -75px);
    opacity: 0;
  }
  100% {
    transform: translate(-123.417px, -83.603px);
    opacity: 0;
  }
}
.animated-intro .loading-layer {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: #30346E;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.animated-intro .loading-layer .loading-logo {
  position: absolute;
  top: 50%;
  left: 100px;
  transform: translateY(-50%);
  z-index: 2;
}
.animated-intro .loading-layer .loading-logo img {
  height: 50px;
}
.animated-intro .loading-layer .loading-counter {
  position: absolute;
  top: 50%;
  right: 100px;
  transform: translateY(-50%);
  z-index: 2;
  width: 50px;
  height: 50px;
  color: #FFF;
  font-size: 35px;
}
.animated-intro .loading-layer .logo-holder {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.animated-intro .loading-layer .logo-holder svg {
  animation: loadlogo 15s ease;
}
.animated-intro .loading-layer .click-logo-holder {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(50% + 150px);
  opacity: 0;
  color: #FFF;
  font-size: 18px;
  text-align: center;
  animation: show 1s ease 4s forwards;
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated-intro .loading-layer .click-logo {
  animation: clickable 2s ease 4s infinite;
}
.animated-intro .loading-layer .click-logo img {
  max-width: 35px;
}
@keyframes clickable {
  0% {
    transform: translateY(15px);
    opacity: 1;
  }
  50% {
    transform: translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateY(15px);
    opacity: 0;
  }
}
.animated-intro .loading-layer .container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.animated-intro .loading-layer .container div {
  position: absolute;
  width: 252px;
  height: 145px;
}
.animated-intro .loading-layer .container div:nth-of-type(2) {
  transform: rotate(60deg);
}
.animated-intro .loading-layer .container div:nth-of-type(3) {
  transform: rotate(-60deg);
}
.animated-intro .loading-layer .container div div {
  width: 100%;
  height: 100%;
  position: relative;
}
.animated-intro .loading-layer .container div div span {
  position: absolute;
  width: 4px;
  height: 0%;
  background: #FFF;
  z-index: 999999;
}
.animated-intro .loading-layer .container .h1 {
  left: 0;
  animation: load1 7.2s ease forwards;
}
.animated-intro .loading-layer .container .h2 {
  right: 0;
  animation: load2 7.2s ease 0.6s forwards;
}
.animated-intro .loading-layer .container .h3 {
  right: 0;
  animation: load3 7.2s ease 1.2s forwards;
}
.animated-intro .loading-layer .container .h4 {
  right: 0;
  animation: load4 7.2s ease 1.8s forwards;
}
.animated-intro .loading-layer .container .h5 {
  left: 0;
  animation: load5 7.2s ease 2.4s forwards;
}
.animated-intro .loading-layer .container .h6 {
  left: 0;
  animation: load6 7.2s ease 3s forwards;
}
@keyframes loadlogo {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
}
@keyframes load1 {
  0% {
    bottom: 0;
    height: 0;
  }
  6.944444444% {
    bottom: 0;
    height: 100%;
  }
  50% {
    top: 0;
    height: 100%;
  }
  100% {
    top: 0;
    height: 100%;
  }
}
@keyframes load2 {
  0% {
    top: 0;
    height: 0;
  }
  6.944444444% {
    top: 0;
    height: 100%;
  }
  50% {
    bottom: 0;
    height: 100%;
  }
  100% {
    top: 0;
    height: 100%;
  }
}
@keyframes load3 {
  0% {
    top: 0;
    height: 0;
  }
  6.944444444% {
    top: 0;
    height: 100%;
  }
  50% {
    bottom: 0;
    height: 100%;
  }
  100% {
    top: 0;
    height: 100%;
  }
}
@keyframes load4 {
  0% {
    top: 0;
    height: 0;
  }
  6.944444444% {
    top: 0;
    height: 100%;
  }
  50% {
    bottom: 0;
    height: 100%;
  }
  100% {
    top: 0;
    height: 100%;
  }
}
@keyframes load5 {
  0% {
    bottom: 0;
    height: 0;
  }
  6.944444444% {
    bottom: 0;
    height: 100%;
  }
  50% {
    top: 0;
    height: 100%;
  }
  100% {
    top: 0;
    height: 100%;
  }
}
@keyframes load6 {
  0% {
    bottom: 0;
    height: 0;
  }
  6.944444444% {
    bottom: 0;
    height: 100%;
  }
  50% {
    top: 0;
    height: 100%;
  }
  100% {
    top: 0;
    height: 100%;
  }
}
@keyframes hideshow {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.animated-intro .slick-track {
  display: flex;
  align-items: center;
}
.animated-intro text {
  font-size: 30px;
}
.animated-intro .no-opacity {
  transition: 0.5s;
  opacity: 0;
}
.animated-intro .main-background-mob {
  display: none;
}
.animated-intro .main-background {
  width: 100vw;
  height: 100vh;
  background-color: #30346E;
  position: relative;
  overflow: hidden;
  align-items: center;
  /*.lower-path, .upper-path {
      transition: 0.5s;
  }*/
  /* .line-item[data-move='2'] {
          transition: 0.5s;
          transform: translateX(-35%);
          position: relative;

          &:after {
              content: "";
              position: absolute;
              height: 9.5px;
              width: 35%;
              left: 100%;
              top: 50%;
              transform: translateY(-50%);
              background-color: #FFF;
          }
      }*/
}
.animated-intro .main-background .scroll-icon {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 2;
  flex-direction: column;
  align-items: center;
  /*#Path_4, #Path_3, #Path_2 {
      animation: hideshow 2s 1.5s ease infinite;
  }*/
}
.animated-intro .main-background .scroll-icon .scroll-text {
  color: rgba(255, 255, 255, 0.25);
  font-size: 20px;
}
.animated-intro .main-background.init {
  /*.lower-path {
      transform: translate(-100%,-100%);
  }

  .upper-path {
      transform: translate(100%,100%);
  }*/
}
.animated-intro .main-background .move2-hide {
  transition: 0.5s;
}
.animated-intro .main-background .line1 {
  transition: 0.5s;
  transform: translateX(100%);
  background-color: transparent !important;
}
.animated-intro .main-background .line1.bring {
  transform: translateX(0);
  background-color: #fff !important;
}
.animated-intro .main-background .line1.max-w-auto {
  max-width: 100%;
}
.animated-intro .main-background .first-image {
  height: 100%;
  width: auto;
  position: absolute;
  right: -55px;
  top: 0;
  transition: 0.5s;
}
.animated-intro .main-background .first-image path {
  /*transition: 2s;*/
  stroke: #fff;
  stroke-width: 3px;
  fill: transparent;
}
.animated-intro .main-background .second-image {
  opacity: 0;
  transition: 0.5s;
  height: 100vh;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  /*.upper-path {
      transition: 0.5s;

      &.trans-up {
          transform: translate(100%,100%);
      }
  }

  .lower-path {
      transition: 0.5s;

      &.trans-down {
          transform: translate(-100%,-100%);
      }
  }*/
}
.animated-intro .main-background .second-image path {
  stroke: #fff;
  stroke-width: 3px;
  fill: transparent;
}
.animated-intro .main-background .second-image #Path_99 {
  transition: 0.5s;
  transform: translate(870.637px, 1150px);
}
.animated-intro .main-background .line-item {
  transition: 0.5s;
}
.animated-intro .main-background .line-item::after {
  content: "";
  position: absolute;
}
.animated-intro .main-background .max-w-0 {
  max-width: 0;
}
.animated-intro .main-background.move1 .line-holder.bring {
  opacity: 1;
  background-color: transparent !important;
  transition: 0s;
}
.animated-intro .main-background.move1 .line-holder.bring .item-line {
  width: 0;
  transition: 0.5s;
  width: 100%;
  background: #FFF;
  max-width: 100%;
}
.animated-intro .main-background.move2 .road-line {
  transition: 1s;
}
.animated-intro .main-background.move2 .road-pointer {
  transition: 1s;
  transform: translate(89.084582px, 277.735621px);
}
.animated-intro .main-background.move2 .first-image {
  transition: 0.5s;
  opacity: 0;
}
.animated-intro .main-background.move2 .second-image {
  opacity: 1;
  /*.draw-first {
      transition: 2s;
  }*/
}
.animated-intro .main-background.move2 .second-image .draw-second, .animated-intro .main-background.move2 .second-image .draw-third, .animated-intro .main-background.move2 .second-image .draw-fourth {
  opacity: 0;
}
.animated-intro .main-background.move3 .line-item[data-move="1"] .max-w-0.second-line {
  max-width: 33%;
}
.animated-intro .main-background.move4 .line-item[data-move="1"] .item-text {
  transition: 0.5;
  opacity: 1;
}
.animated-intro .main-background.move5 .line-item[data-move="1"] .max-w-0 {
  max-width: 33%;
}
.animated-intro .main-background.move6 {
  /*.line-item[data-move='1'] {
      transition: 0.5s;
      transform: translateX(-15%);
      position: relative;

      &:after {
          content: "";
          position: absolute;
          height: 9.5px;
          width: 35%;
          left: 100%;
          top: 50%;
          transform: translateY(-50%);
          background-color: #FFF;
      }
  }*/
}
.animated-intro .main-background.move6 .road-pointer {
  transform: translate(130.084582px, 264.735621px);
}
.animated-intro .main-background.move6 .second-image .bottom-right-first-slide-text {
  opacity: 2;
}
.animated-intro .main-background.move6 .second-image .move2-hide {
  opacity: 0;
}
.animated-intro .main-background.move6 .second-image .move2-show {
  opacity: 1;
}
.animated-intro .main-background.move6 .second-image #bottomLeftPath {
  transition: 1s;
  transform: translate(-100%, -100%);
}
.animated-intro .main-background.move6 .second-image .draw-second {
  opacity: 1;
}
.animated-intro .main-background.move7 {
  /*.line-item[data-move='1'] {
      transform: translateX(-25%);
      position: relative;

      &:after {
          content: "";
          transition: 0.5s;
          position: absolute;
          height: 9.5px;
          width: 35%;
          left: 100%;
          top: 50%;
          transform: translateY(-50%);
          background-color: #FFF;
      }
  }*/
}
.animated-intro .main-background.move7 .road-pointer {
  transform: translate(194.084582px, 214.735621px);
}
.animated-intro .main-background.move7 .second-image .bottom-left-first-slide-text {
  opacity: 1;
}
.animated-intro .main-background.move7 .second-image .draw-third {
  opacity: 1;
}
.animated-intro .main-background.move7 .second-image #Path_99 {
  transform: translate(870.637px, 1050.367px);
}
.animated-intro .main-background.move7 .second-image .move3-hide {
  opacity: 0;
}
.animated-intro .main-background.move7 .second-image .move3-show {
  opacity: 1;
}
.animated-intro .main-background.move8 {
  /*.line-item[data-move='1'] {
      transition: 0.5s;
      transform: translateX(-35%);
      position: relative;

      &:after {
          content: "";
          position: absolute;
          height: 9.5px;
          width: 35%;
          left: 100%;
          top: 50%;
          transform: translateY(-50%);
          background-color: #FFF;
      }
  }*/
}
.animated-intro .main-background.move8 .road-pointer {
  transform: translate(258.084582px, 242.735621px);
}
.animated-intro .main-background.move8 .second-image .top-left-first-slide-text {
  opacity: 1;
}
.animated-intro .main-background.move8 .second-image .draw-fourth {
  opacity: 1;
}
.animated-intro .main-background.move8 .second-image text {
  opacity: 0;
}
.animated-intro .main-background.move9 .road-pointer {
  transform: translate(295.084582px, 284.735621px);
}
.animated-intro .main-background.move9 .second-image {
  /*.draw-third, .draw-fourth {
      opacity: 0;
  }*/
}
.animated-intro .main-background.move9 .second-image .top-left-first-slide-text, .animated-intro .main-background.move9 .second-image .bottom-left-first-slide-text, .animated-intro .main-background.move9 .second-image .bottom-right-first-slide-text, .animated-intro .main-background.move9 .second-image .draw-third {
  opacity: 0;
}
.animated-intro .main-background.move10 .line-item[data-move="2"] .max-w-0.second-line {
  max-width: 33%;
}
.animated-intro .main-background.move11 .line-item[data-move="2"] .item-text {
  transition: 0.5s;
  opacity: 1;
}
.animated-intro .main-background.move12 .line-item[data-move="2"] .max-w-0 {
  max-width: 33%;
}
.animated-intro .main-background.move13 {
  /*.line-item[data-move='2'] {
      transition: 0.5s;
      transform: translateX(-20%);
      position: relative;

      &:after {
          content: "";
          position: absolute;
          height: 9.5px;
          width: 20%;
          left: 100%;
          top: 50%;
          transform: translateY(-50%);
          background-color: #FFF;
      }
  }*/
}
.animated-intro .main-background.move13 .road-pointer {
  transform: translate(346.084582px, 325.735621px);
}
.animated-intro .main-background.move13 .second-image {
  /*.draw-third, .draw-fourth {
      opacity: 0;
  }*/
  /*.draw-fifth {
      transition: 0.5s;
      opacity: 1;
  }*/
}
.animated-intro .main-background.move13 .second-image .top-right-second-slide-text {
  opacity: 1;
}
.animated-intro .main-background.move13 .second-image .animate-fifth-first {
  /*transform: translate(214.717px,1009.3px);*/
  transform: translate(215px, 1033px);
}
.animated-intro .main-background.move13 .second-image .animate-fifth-second {
  animation: animate-fifth-second 2s ease forwards;
  animation-delay: 1s;
}
@keyframes animate-fifth-second {
  100% {
    transform: translate(274px, 1056px);
  }
}
.animated-intro .main-background.move14 .road-pointer {
  transform: translate(386.084582px, 349.735621px);
}
.animated-intro .main-background.move14 .second-image .bottom-left-second-slide {
  opacity: 1;
}
.animated-intro .main-background.move14 .second-image .animate-sixth-first {
  transform: translate(150px, 286.229px);
}
.animated-intro .main-background.move14 .second-image .animate-sixth-second {
  animation: animate-sixth-second 2s ease forwards;
  animation-delay: 1s;
}
@keyframes animate-sixth-second {
  100% {
    transform: translate(398.43px, 99.823px);
  }
}
.animated-intro .main-background.move15 .road-pointer {
  transform: translate(420.084582px, 303.735621px);
}
.animated-intro .main-background.move15 .second-image {
  /* .animate-fifth-first {
      transform: translate(214.717px,1009.3px);
  }

  .animate-fifth-second {
      animation: animate-fifth-second 2s ease backwards;
  }

  .animate-sixth-first {
      transform: translate(102.693px,286.229px);
  }

  .animate-sixth-second {
      animation: animate-sixth-second 2s ease backwards;
      animation-delay: 1s;
  }*/
  /* .bottom-right-third-slide-text, .top-left-third-slide-text {
      opacity: 1;
  }*/
}
.animated-intro .main-background.move15 .second-image .top-right-second-slide-text, .animated-intro .main-background.move15 .second-image .bottom-left-second-slide, .animated-intro .main-background.move15 .second-image .top-right-third-slide-text {
  opacity: 0;
}
.animated-intro .main-background.move16 .line-item[data-move="3"] .first-text {
  transition: 0.5s;
  opacity: 1;
}
.animated-intro .main-background.move17 .line-item[data-move="3"] .second-line {
  max-width: 33%;
}
.animated-intro .main-background.move18 .line-item[data-move="3"] .second-text {
  transition: 0.5s;
  opacity: 1;
}
.animated-intro .main-background.move19 .line-item[data-move="3"] .third-line {
  max-width: 33%;
}
.animated-intro .main-background.move20 .road-pointer {
  transform: translate(459.084582px, 240.735621px);
}
.animated-intro .main-background.move20 .second-image .bottom-right-third-slide-text {
  opacity: 1;
}
.animated-intro .main-background.move20 .second-image .animate-sixth-first {
  transform: translate(102.693px, 286.229px);
}
.animated-intro .main-background.move20 .second-image .animate-sixth-second {
  /*transform: translate(398.43px,99.823px);
  animation-name:none;
  transition: 0.5s;
  transform: translate(439.43px, 73.823px);*/
  animation: animate-sixth-second-back 2s ease forwards;
}
@keyframes animate-sixth-second-back {
  0% {
    transform: translate(398.43px, 99.823px);
  }
  100% {
    transform: translate(439.43px, 73.823px);
  }
}
.animated-intro .main-background.move21 .road-pointer {
  transform: translate(515.084582px, 238.735621px);
}
.animated-intro .main-background.move21 .second-image .bottom-right-third-slide-text {
  opacity: 1;
}
.animated-intro .main-background.move21 .second-image .animate-fifth-first {
  transform: translate(214.717px, 1009.3px);
}
.animated-intro .main-background.move21 .second-image .animate-fifth-second {
  /*transform: translate(398.43px,99.823px);
  animation-name:none;
  transition: 0.5s;
  transform: translate(439.43px, 73.823px);*/
  animation: animate-fifth-second-back 2s ease forwards;
}
@keyframes animate-fifth-second-back {
  0% {
    transform: translate(274px, 1056px);
  }
  100% {
    transform: translate(310.948px, 1042.04px);
  }
}
.animated-intro .main-background.move21 .second-image .top-left-third-slide-text {
  opacity: 1;
}
.animated-intro .main-background.move22 {
  /*.line-item[data-move='3'] {
      transition: 0.5s;
      transform: translateX(-15%);
      position: relative;

      &:after {
          content: "";
          position: absolute;
          height: 9.5px;
          width: 15%;
          left: 100%;
          top: 50%;
          transform: translateY(-50%);
          background-color: #FFF;
      }
  }*/
  /*}

  &.move10 {
      .second-image {

          .top-left-third-slide-text, .bottom-right-third-slide-text, .top-right-third-slide-text {
              opacity: 0;
          }
      }
  }*/
}
.animated-intro .main-background.move22 .road-pointer {
  transform: translate(564.084582px, 253.735621px);
}
.animated-intro .main-background.move22 .second-image .draw-fifth {
  opacity: 1;
}
.animated-intro .main-background.move22 .second-image .top-right-third-slide-text {
  opacity: 1;
}
.animated-intro .main-background.move23 .line-slider-cover {
  display: none;
}
.animated-intro .main-background.move23 .road-pointer {
  transform: translate(601.084582px, 258.735621px);
}
.animated-intro .main-background.move23 .second-image .top-right-third-slide-text, .animated-intro .main-background.move23 .second-image .bottom-right-third-slide-text, .animated-intro .main-background.move23 .second-image .top-left-third-slide-text {
  opacity: 0;
}
.animated-intro .line-slider-cover {
  position: absolute;
  background-color: transparent;
  z-index: 2;
  width: 100%;
  height: 50%;
}
.animated-intro .line-slider {
  z-index: 2;
  width: 100%;
  margin-top: 2.5%;
}
.animated-intro .line-slider .first-text {
  font-size: 66px;
  font-family: "boldFont";
}
.animated-intro .line-slider .second-text {
  font-size: 50px;
}
.animated-intro .line-slider .line-item {
  align-items: center;
  gap: 25px;
}
.animated-intro .line-slider .line-item.justify-center {
  justify-content: center;
}
.animated-intro .line-slider .item-text {
  color: #FFF;
  font-size: 30px;
  text-align: center;
}
.animated-intro .line-slider .item-text p {
  line-height: 1.2;
}
.animated-intro .line-slider .item-line {
  height: 10px;
  background-color: #FFF;
  flex-grow: 1;
}
.animated-intro .line-slider .new-site-btn {
  color: #30346E;
  background-color: #FFF;
  border-radius: 15px;
  display: inline-block;
  padding: 0px 25px 5px 25px;
  font-size: 29px;
  font-family: "boldFont";
  text-decoration: none;
}
.animated-intro .line-slider .line1, .animated-intro .line-slider .line2, .animated-intro .line-slider .line3 {
  transition: 0.5s;
  max-width: 33%;
}
.animated-intro .line-slider .line1.max-w-0, .animated-intro .line-slider .line2.max-w-0, .animated-intro .line-slider .line3.max-w-0 {
  max-width: 0;
}
@media (max-width: 1199px) {
  .animated-intro .road-line {
    bottom: auto;
    top: 50px;
    left: 50px;
  }
  .animated-intro .line-item[data-move="0"] .line1:first-of-type {
    min-width: 400px;
  }
  .animated-intro .line-slider .first-text {
    font-size: 50px;
  }
  .animated-intro .line-slider .second-text {
    font-size: 40px;
  }
  .animated-intro .line-slider .line-item[data-move="3"] .item-text {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .animated-intro .u-inline-block {
    display: inline-block;
  }
  .animated-intro .u-bg--white {
    background-color: #fff;
  }
  .animated-intro .u-absolute {
    position: absolute;
  }
  .animated-intro .u-block {
    display: block;
  }
  .animated-intro .item-content {
    position: relative;
  }
  .animated-intro .c-reflection-message {
    /*top: calc(50% - 135px);
    left: calc(25% + 10px);*/
    font-size: 14px;
    right: 0;
    font-size: 0.875rem;
    white-space: nowrap;
    color: #fff;
    font-weight: 600;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    cursor: pointer;
    bottom: 30px;
  }
  .animated-intro .c-reflection-message__separator {
    width: 0;
    height: 20px;
    background: #fff;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
    opacity: 0.7;
    -webkit-transform: scaleX(0.25) translateZ(0);
    transform: scaleX(0.25) translateZ(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    will-change: transform;
  }
  .animated-intro .c-reflection-message__text {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    -webkit-transform: translateX(-75px) translateZ(0);
    transform: translateX(-75px) translateZ(0);
    will-change: transform;
  }
  .animated-intro .c-mirror-slideshow__ui.is-visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition-delay: 0s, 0s;
    -o-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
  }
  .animated-intro .c-mirror-slideshow__ui {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
    will-change: opacity;
  }
  .animated-intro .c-reflection-message__hand-container.is-infinite .c-reflection-message__hand {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .animated-intro .c-reflection-message__hand-container.is-playing .c-reflection-message__hand {
    -webkit-animation-name: reflection-message-hand;
    animation-name: reflection-message-hand;
  }
  .animated-intro .c-reflection-message__hand {
    background-image: url("../../Images/cursor-pointer-drag.png");
    position: relative;
    display: inline-block;
    top: -8px;
    left: 0;
    vertical-align: middle;
    width: 22px;
    height: 27px;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: 2s 2s 2;
    animation: 2s 2s 2;
    will-change: transform;
  }
  .animated-intro .c-reflection-message__hand-container.is-infinite .c-reflection-message__drag-stroke {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    display: none;
  }
  .animated-intro .c-reflection-message__hand-container.is-playing .c-reflection-message__drag-stroke {
    -webkit-animation-name: reflection-message-drag-stroke;
    animation-name: reflection-message-drag-stroke;
  }
  .animated-intro .c-reflection-message__drag-stroke {
    bottom: 2px;
    right: 17px;
    width: 1px;
    height: 20px;
    background: #fff;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0) translateZ(0);
    transform: scaleX(0) translateZ(0);
    -webkit-animation: 2s 2s 2;
    animation: 2s 2s 2;
    will-change: transform;
  }
  .animated-intro .message-hand {
    display: none;
    background-image: url("../../Images/cursor-pointer-drag.png");
    position: absolute;
    top: -4px;
    left: 30px;
    top: 40px;
    vertical-align: middle;
    width: 22px;
    height: 27px;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: 2s 2s 2;
    animation: 2s 2s 2;
    will-change: transform;
    animation: message-hand 2s infinite alternate;
  }
  .animated-intro .message-hand.active {
    display: inline-block;
  }
  .animated-intro .drag-stroke {
    top: 2px;
    right: 17px;
    width: 1px;
    height: 20px;
    background: #fff;
    animation: drag-stroke 2s infinite alternate;
  }
  @keyframes reflection-message-hand {
    0% {
      -webkit-transform: translateY(20px) translateZ(0);
      transform: translateY(20px) translateZ(0);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    45% {
      opacity: 1;
    }
    50% {
      -webkit-transform: translateY(0) translateZ(0);
      transform: translateY(0) translateZ(0);
    }
    80% {
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) translateZ(0);
      transform: translateY(0) translateZ(0);
      opacity: 0;
    }
  }
  @keyframes reflection-message-drag-stroke {
    0% {
      -webkit-transform: scaleX(0) translateZ(0);
      transform: scaleX(0) translateZ(0);
    }
    22% {
      -webkit-transform: scaleX(1) translateZ(0);
      transform: scaleX(1) translateZ(0);
    }
    45% {
      -webkit-transform: scaleX(0) translateZ(0);
      transform: scaleX(0) translateZ(0);
    }
    100% {
      -webkit-transform: scaleX(0) translateZ(0);
      transform: scaleX(0) translateZ(0);
    }
  }
  @keyframes message-hand {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .animated-intro .mob-slick {
    /*#Path_114-2,#Path_114{
        stroke-width:15px;
    }*/
  }
  .animated-intro .mob-slick path {
    stroke: #fff;
    stroke-width: 3px;
    fill: transparent;
  }
  .animated-intro .slick-slide {
    opacity: 0;
    transition: opacity 0.5s ease-out;
  }
  .animated-intro .start-drawing .slick-active {
    opacity: 1 !important;
    transition: opacity 0.5s ease-in;
  }
  .animated-intro .start-drawing .slick-active .first-journy-item .textual-item {
    opacity: 0;
    animation: fading 1s ease 6s forwards;
  }
  .animated-intro .start-drawing .slick-active .first-journy-item .c-reflection-message {
    width: 0;
    overflow: hidden;
    animation: visible 0s ease 7s forwards;
  }
  .animated-intro .start-drawing .slick-active .second-journy-item .textual-item {
    opacity: 0;
    animation: fading 1s ease 6s forwards;
  }
  .animated-intro .start-drawing .slick-active .second-journy-item .bottom-line {
    height: 0;
    animation: grow 1s ease 7s forwards;
  }
  .animated-intro .start-drawing .slick-active .second-journy-item .second-text {
    transform: translateX(-100%);
    animation: slideright 1s ease 8s forwards;
  }
  .animated-intro .start-drawing .slick-active .second-journy-item .first-text {
    transform: translateX(100%);
    animation: slideleft 1s ease 9s forwards;
  }
  .animated-intro .start-drawing .slick-active .second-journy-item .c-reflection-message {
    width: 0;
    overflow: hidden;
    animation: visible 0s ease 10s forwards;
  }
  .animated-intro .start-drawing .slick-active .third-journy-item .textual-item {
    opacity: 0;
    animation: fading 1s ease 6s forwards;
  }
  .animated-intro .start-drawing .slick-active .third-journy-item .bottom-line {
    height: 0;
    animation: grow 1s ease 7s forwards;
  }
  .animated-intro .start-drawing .slick-active .third-journy-item .second-text {
    transform: translateX(-100%);
    animation: slideright 1s ease 8s forwards;
  }
  .animated-intro .start-drawing .slick-active .third-journy-item .first-text {
    transform: translateX(100%);
    animation: slideleft 1s ease 9s forwards;
  }
  .animated-intro .start-drawing .slick-active .third-journy-item .c-reflection-message {
    width: 0;
    overflow: hidden;
    animation: visible 0s ease 10s forwards;
  }
  .animated-intro .start-drawing .slick-active .fourth-journy-item .textual-item.first {
    opacity: 0;
    animation: fading 1s ease 6s forwards;
  }
  .animated-intro .start-drawing .slick-active .fourth-journy-item .bottom-line.first {
    height: 0;
    animation: grow 1s ease 7s forwards;
  }
  .animated-intro .start-drawing .slick-active .fourth-journy-item .second-text {
    transform: translateX(-100%);
    animation: slideright 1s ease 8s forwards;
  }
  .animated-intro .start-drawing .slick-active .fourth-journy-item .first-text {
    transform: translateX(100%);
    animation: slideleft 1s ease 9s forwards;
  }
  .animated-intro .start-drawing .slick-active .fourth-journy-item .textual-item.second {
    opacity: 0;
    animation: fading 1s ease 10s forwards;
  }
  .animated-intro .start-drawing .slick-active .fourth-journy-item .bottom-line.second {
    height: 0;
    animation: grow 1s ease 11s forwards;
  }
  .animated-intro .start-drawing .slick-active .fourth-journy-item .c-reflection-message {
    width: 0;
    overflow: hidden;
    animation: visible 0s ease 12s forwards;
  }
  .animated-intro .start-drawing .slick-active .fifth-journy-item .textual-item {
    opacity: 0;
    animation: fading 1s ease 6s forwards;
  }
  @keyframes visible {
    0% {
      overflow: hidden;
      width: 0;
    }
    100% {
      overflow: visible;
      width: auto;
    }
  }
  @keyframes fading {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes grow {
    0% {
      height: 0;
    }
    100% {
      height: 100%;
    }
  }
  @keyframes slideleft {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes slideright {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  .animated-intro .slick-cloned {
    opacity: 0.3;
  }
  .animated-intro .slick-track {
    display: block;
  }
  .animated-intro .loading-layer .click-logo-holder {
    top: calc(33% + 85px);
  }
  .animated-intro .loading-layer .loading-logo {
    left: 50%;
    transform: translateX(-50%);
    top: calc(33% + 175px);
  }
  .animated-intro .loading-layer .logo-holder svg {
    max-width: 90px;
  }
  .animated-intro .loading-layer .loading-counter {
    top: auto;
    right: auto;
    width: 100%;
    text-align: center;
    bottom: 100px;
    top: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .animated-intro .loading-layer .logo-holder {
    top: calc(15% + 100px);
  }
  .animated-intro .loading-layer .container {
    width: 200px;
    height: 200px;
    top: 15%;
    position: absolute;
  }
  .animated-intro .loading-layer .container div {
    position: absolute;
    width: 160px;
    height: 91px;
  }
  .animated-intro .main-background {
    display: none;
  }
  .animated-intro .lang-bar {
    display: none;
  }
  .animated-intro .main-background-mob {
    display: block;
    width: 100%;
    background-color: #30346E;
    position: relative;
  }
  .animated-intro .main-background-mob svg {
    width: 100%;
    max-height: 330px;
  }
  .animated-intro .journey-item {
    height: 100vh;
  }
  .animated-intro .journey-item .item-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  .animated-intro .textual-item {
    text-align: center;
    color: #FFF;
    padding: 25px;
    position: relative;
    line-height: 1.2;
  }
  .animated-intro .textual-item .item-title {
    font-size: 34px;
    font-family: "boldFont";
  }
  .animated-intro .textual-item .item-sub-title {
    font-size: 26px;
  }
  .animated-intro .textual-item .triangle-sign {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .animated-intro .new-site-btn {
    color: #30346E;
    background-color: #FFF;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 25px 5px 25px;
    font-size: 15px;
    font-family: "boldFont";
    text-decoration: none;
    margin-top: 15px;
  }
  .animated-intro .bottom-line-holder {
    width: 100%;
    justify-content: space-between;
    flex-grow: 1;
  }
  .animated-intro .bottom-line-holder .bottom-line {
    height: 100%;
    width: 6px;
    margin: auto;
    background: #FFF;
  }
  .animated-intro .bottom-line-holder .first-text, .animated-intro .bottom-line-holder .second-text {
    font-size: 16px;
    color: #FFF;
    font-family: "boldFont";
    flex-grow: 1;
    max-width: 165px;
  }
  .animated-intro .bottom-line-holder .first-text {
    text-align: left;
    padding-left: 15px;
    padding-top: 60px;
  }
  .animated-intro .bottom-line-holder .second-text {
    padding-right: 15px;
    padding-top: 40px;
  }
  .animated-intro .bottom-line-holder.limit {
    flex-grow: 0;
  }
  .animated-intro .bottom-line-holder.limit .first-text {
    padding-top: 25px;
  }
  .animated-intro .bottom-line-holder.limit .second-text {
    padding-top: 10px;
  }
}

.header-dashboard-top-drop.border{
  border: 1px solid #dedede;
  padding: 0 15px;
  border-radius: 10px;
}

.drop-info-job img{
  width: 18px;
  padding-left: 5px;
}

.header-dashboard .header-dashboard-top-logo img {
  width: 130px;
}
.dropdown-content,
.dropdown-menu-avatar{
    display: none;
    position: absolute;
    background: white;
    padding: 10px 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 24px 24px 0px rgb(0 0 0 / 10%);
    min-width: 200px;
    z-index: 1;
  }
  
  .dropdown-content li a,
  .dropdown-menu-avatar li a{
    color: #31356F;
    font-size: 16px;
    display: block;
    border-bottom: 1px solid #F4F4F4;
    padding: 14px;
    padding-bottom: 10px;
    transition: all ease 0.3s;
    text-decoration: none;
  }
  .dropdown-content li:last-child a,
  .dropdown-menu-avatar li:last-child a{
    border-bottom: 0px !important;
  }
[dir="ltr"] .dropdown-menu-avatar{
  border-top-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
  @media (max-width: 768px) {
    .dropdown-content{
      display: block;
      position: relative;
      background: initial;
      padding: 10px 20px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      background-color: initial;
      box-shadow: none;
      min-width: 100%;
    }
    
    .dropdown-content li a{
      color: #fff;
      font-size: 16px;
      display: block;
      border-bottom: 0px;
      padding: 14px;
      padding-bottom: 10px;
      transition: all ease 0.3s;
      text-decoration: none;
    }
    .header-dashboard-list{
        overflow-y: auto;
        height: 60vh;
    }
  }

  .search-icon.display-flexbox img{
    transform: rotateY(180deg);
  }
  .header-dashboard .search-header {
    padding: 10px 15px 10px;
  }

.header-elect-div {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    border: 1px solid #29B3B4;
    border-radius: 5px;
    color: #29B3B4;
    font-weight:bold;
}
.header-elect-div img{
  width: 20px;
}
.header-elect-div span {
  padding-right: 10px;
}
.header-dashboard-top-left.user-border {
  gap: 0px;
}

@media (max-width: 479px){
  .header-dashboard .header-dashboard-top-left {
    gap: 20px;
}
.header-dashboard .header-dashboard-top-logo img {
  width: 114px;
}
}

footer.footer-dashboard .lift-image img {
  width: auto;
}

/*  pagination */
.pagination-container{
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
  align-items: center;
}

.result-num{
  color: #30346E
}

#pagination {
margin: 0;
padding: 0;
}
#pagination li {
display: inline
}
#pagination li a {
display: inline-block;
text-decoration: none;
padding: 5px 16px;
color: #30346E;
}

#pagination li a {
border-radius: 10px;
border: 1px solid #cacaca;
  
}
#pagination li a.active {
background-color: #30346E;
color: #fff
}
#pagination li a:hover:not(.active) {
background-color: #ddd;
} 
#pagination li.prev a{
  transform: rotate(180deg);
}
/* pagination */
.add-similar-platforms .add-more-text {
  font-size: 18px;
  color: #7E7E7E;
}
.box-wrapper .card-header-tap {
  font-size: 22px;
}

.header-contanier{
  display: flex;
  align-items: center;
  padding: 10px 0;
  flex-wrap: wrap;
}
.header-contanier .arrow-img{
  margin-left: 10px;
}

.bnt-service,
.bnt-service:hover{
  margin-right: auto;
  background-color: #30346E;
  color: #fff;
  font-size: 16px;
  font-family: "boldFont";
  padding: 5px 20px;
  border-radius: 10px;
  text-decoration: none;
}

.section-card-header p{
  margin-right: 34px;
  color: #7E7E7E;
}


@media (max-width: 479px){
  .box-wrapper .card-header-tap {
      font-size: 14px;
  } 
  .bnt-service, .bnt-service:hover {
      padding: 5px;
  }
  .section-card .section-card-header.enjaz {
      padding: 6px 10px 12px;
  }
  .add-new-channel-contanier {
      padding: 10px;
  }
  .pagination-container .result-num{
    margin-bottom: 10px;
  }
  .pagination-container{
    display: block;
  }
}

/* footer */
.footer.footer-dashboard{
  margin-top: 0px;
}
/* end footer */

/* header */
[dir="ltr"] .header-dashboard .header-dashboard-menu-open img.white-icon{
  transform: rotate(180deg);
}
[dir="ltr"] .header-elect-div span {
  padding-right: 0px;
  padding-left: 10px;
}
[dir="ltr"] .header-dashboard .search-icon {
  right: 0;
  left: auto;
}
/* end header */

 /*  breadcrombs  */
 .breadcrombs-container{
  color: #8E8E8E;
}
.breadcrombs-box {
  width: 1140px;
  margin: auto;
  padding: 20px 0;
}

.breadcrombs-box .bread-crombs {
  color: #8E8E8E ;
  font-size: 14px;
  gap: 5px;
}
.breadcrombs-box .bread-crombs a {
  color: #8E8E8E ;
  font-size: 14px;
}
.breadcrombs-box .bread-crombs a:hover {
  text-decoration: none;
}


@media (max-width: 1199px) {
  .breadcrombs-box {
    width: 950px;
  }
}
@media (max-width: 991px) {
  .breadcrombs-box {
    width: 100%;
    padding: 25px;
  }
}
@media (max-width: 479px) {
  .breadcrombs-box {
    padding: 25px;
  }
}

[dir="ltr"] #pagination li img{
  transform: rotate(180deg);
}
/*  end breadcrombs  */
.invalid-feedback-text{
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #c60033;
}
.form-section.form-box-dropdown.floating-file-upload.is-invalid,
.form-box-input.date-input.is-invalid{
  border-color: #c60033;
}

.form-check-input.is-invalid{
    border-color: #c60033;
}

.filtration-bar .filtration-search-input .span-button {
  left: 0px;
  height: 27px;
}
/* cookie container */
.cookie-container{
  display: flex;
  align-items: center;
  background-color: #30346E;
  padding: 10px 30px;
  color: #fff;
}

.cookie-container img{
  width: 17px;
  margin-left: 10px;
  transform:translateY(3px);
}
[dir="ltr"] .cookie-container img{
  margin-left: 0px;
  margin-right: 10px;
}
.cookie-container p a {
  color: #fff;
}
.cookie-container p a:hover {
  color: #fff;
}

.cookie-container button{
  background: initial;
  border: 1px solid #fff;
  border-radius: 5px;
  border-color: #fff;
  margin: 2px;
  margin-right: auto;
}
[dir="ltr"] .cookie-container button{
  margin-right: 2px;
  margin-left: auto;
}

@media (max-width: 425px) {
  .cookie-container {
    padding: 10px 5px;
    flex-direction: column;
  }
  .cookie-container p{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .cookie-container button {
    margin-right: 2px;
 }
 [dir="ltr"] .cookie-container button {
    margin-left: 2px;
  }
}
/* end cookie container */


/* new header */
@media (max-width: 479px){
    .header-elect-div {
        display: none;
    }
    .header-dashboard .header-dashboard-top-contanier {
        flex-direction: row;
        align-items: center;
    }
    .dropdown-menu-avatar {
        min-width: 100px !important;
    }
    .header-dashboard .drop-icon img {
        width: 40px;
        margin: 5px 0px;
    }
    .dropdown-menu-avatar li a {
      padding:10px 0px!important;
    }
    .dropdown-menu-avatar {
      padding: 10px 10px !important;
    }
}

/* old header */
/* @media (max-width: 479px){
    .header-dashboard .header-dashboard-top-contanier {
        flex-direction: row;
        align-items: center;
    }
    .notfication-icon,
    .header-dashboard .log-out-img {
        display: none;
    }
    .header-dashboard .header-dashboard-top-icons {
        gap: 10px;
    }
    .header-dashboard-top-drop {
        border: 0;
        padding: 0;
    }
} */



/* raqmi home page */

/* header */
.header.raqmi .bottom-header-logo img{
  /* width: 150px;*/
  /* height: 70px;*/
}
.header.raqmi .bottom-header-logo{
  transform: translateY(-20px);
}
.header.raqmi .bottom-header-logo img.fixed-header-logo{
  display: none;
}
.header.raqmi.fixed-header .bottom-header-logo img.header-logo{
  display: none;
}
.header.raqmi.fixed-header .bottom-header-logo img.fixed-header-logo{
  display: block;
}

/* banner */
.banner {
  background-image: url("../../Images/banner\ back\ \(1\).svg");
}

/* text */
.banner .banner-text {
	text-align: center!important;
  /*margin: 0px;*/
  margin-top: 55px;
  width: auto;
  padding-right: unset;
  text-align: initial;
}
.banner .top-banner-title.welcome{
  font-size: 22px;
  font-family: 'regularFont';
  color: #fff;
}
.banner .second-banner-title.raqmi{
  font-size: 76px;
  color: #29B3B4 ;
  line-height: 1;
  font-family: "boldFont";
}
.banner .second-banner-title.e-services{
  font-size: 24px;
  font-family: 'regularFont';
  color: #fff;
  margin-top: 15px;
  margin-bottom: 20px;
}

/* slider */
.banner-container .banner-slider{
  margin-top: 55px;
  background-color: rgba(255, 255, 255, .11);
  border-radius: 20px;
  padding: 40px 35px;
  width: 50%;
  margin-right: auto;
  text-align: center;
}
[dir="ltr"] .banner-container .banner-slider{
  margin-left: auto;
  margin-right: unset;
 
}
.title-slider-banner{
  color: #FFFFFF;
  font-size: 34px;
  font-family: "boldFont";
}
.show-more-link{
  color: #FFFFFF;
  font-size: 17px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
[dir="ltr"] .show-more-link{
  flex-direction: row;
}
.show-more-link img{
  vertical-align: middle;
  margin-right: 10px;
}
[dir="ltr"] .show-more-link img{
  margin-right: 0px;
  margin-left: 10px;
  transform: rotate(180deg);
}
.show-more-link:hover,
.show-more-link:focus{
  color: #FFFFFF;
  text-decoration: none;
}

/* home-card-services-container */
.home-card-services-container{
  display: flex;
  flex-wrap: wrap;
  margin: 20px;
  align-items: center;
  justify-content: center;
}
.home-card-services-container .card{
  margin: 25px 12px;
  width: 206px;
  padding: 24px 20px;
  background: #FFFFFF;
  box-shadow: 0px 3px 22px #0000000B;
  border: 1px solid #F5F5F5;
  border-radius: 14px;
  text-decoration: none;
  text-align: center;
}
.home-card-services-container .card img{
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
.home-card-services-container .card span{
  font-size: 16px;
  font-family: "boldFont";
  color: #37326D;
}

/* slick */
.banner-slider-div .slick-list{
  direction: ltr;
}
.banner .slick-dots {
  gap: 5px;
}


@media (max-width: 991px){
  .banner .banner-container {
    flex-direction: column;
  }
  .banner .banner-text {
    margin-top: unset;
    text-align: center;
  }
  .banner-container .banner-slider {
    margin-right: unset;
  }
}

@media (max-width: 768px){
  .banner-container .banner-slider{
    width: 100%;
  }
  .title-slider-banner {
    font-size: 20px;
  }
  .header.raqmi {
    height: 95px;
  }
}

/* end raqmi home page */