.title-center,
.title-start {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}
.title-center h2,
.title-start h2 {
  font-size: 26px;
  text-align: center;
  font-family: "font_bold";
}

.title-center img:nth-of-type(2) {
  transform: scaleX(-1);
}

.title-start {
  justify-content: start;
}
.sub-serivces-index {
  background-color: var(--bg-1);
  padding: 40px 35px;
  display: flex;
  height: 100%;
  align-items: center;
  align-content: center;
  height: 100%;
  border-radius: 10px;
  gap: 20px;
  flex-wrap: wrap;
}

.img-serivces-index {
  width: 75px;
  height: 75px;
}
.img-serivces-index img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sub-serivces-index h2 {
  width: 100%;
  font-family: "font_bold";
  font-size: 16px;
  width: 100%;
}

.sub-serivces-index p {
  font-size: 16px;
  height: 77px;
  overflow: hidden;

  line-height: 25px;
}

.sub-serivces-index {
  position: relative;
  z-index: 1;
  background-image: linear-gradient(to right, var(--color-main), var(--bg-2));
}
.sub-serivces-index:hover::before {
  opacity: 0;
}
.sub-serivces-index::before {
  content: "";
  width: 101%;
  height: 101%;
  transition: all 0.3s linear;
  background-color: #fff;
  z-index: -1;
  position: absolute;
  right: 0;
  border-radius: 10px;
  left: 0;
  background-color: var(--bg-1);

  margin: auto;
}
.sub-serivces-index::after {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #fff;
  z-index: -2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 10px;
  left: 0;
  margin: auto;
}

.sub-serivces-index h2 {
    background: linear-gradient(to right, var(--color-white), #335dab, #90e1ee);
    background-size: 200% 200%;
    animation: rainbow 2s ease-in-out infinite;
    background-clip: text;
    -webkit-background-clip: text;
    color: var(--color-main);
    width: 100%;
    display: block;
    overflow: hidden;
    height: 60px;
    transition: color 0.3s ease-in-out;
    text-transform: uppercase;
}
.sub-serivces-index:hover h2 {
  color: transparent;
}
@keyframes rainbow {
  0% {
    background-position: left;
  }
  50% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}

.serivces-index .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  left: 0;
  right: 0;
  margin: auto;
  align-items: center;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.owl-nav button {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  justify-content: center !important;
  background-color: var(--color-main) !important;
  align-items: center !important;
  pointer-events: fill;
  color: transparent !important;
  position: relative;
}

.owl-nav button::after {
  content: "";
  width: 45%;
  height: 40%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  background-position: center;
  background-size: contain;
  z-index: 1;
  background-repeat: no-repeat;
  background-image: url(../images/arrow.png);
}

button.owl-next {
  transform: scaleX(-1);
}

.serivces-index .owl-nav button {
  transform: translateX(20px);
}

.serivces-index .owl-nav button.owl-next {
  transform: translateX(-20px) scaleX(-1);
}
.ceo-aboutus-index {
  min-height: 500px;
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
  padding: 50px;
}

.ceo-aboutus-index::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-main);
  opacity: 0.94;
  position: absolute;
  top: 0;
  z-index: -2;
  right: 0;
  left: 0;
}

.ceo-aboutus-index::before {
  width: calc(100% - 35px);
  height: calc(100% - 35px);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  height: calc(100% -30px);
  z-index: -1;
  border: 1px solid var(--color-white);
}

.sub-ceo-aboutus-index {
  text-align: center;
}
.img-ceo-aboutus-index {
  width: 65%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: auto;
}
.img-ceo-aboutus-index img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub-ceo-aboutus-index h2 {
  font-size: 18px;
  margin-top: 10px;
  color: var(--color-white);
}
.sub-ceo-aboutus-index p {
  color: var(--color-white);
}

.text-ceo-aboutus-index p {
  color: var(--color-white);
}
.text-ceo-aboutus-index {
  position: relative;
  padding: 40px 0;
}
.text-ceo-aboutus-index::after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/bg2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.text-ceo-aboutus-index::before {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(-1);
  background-image: url(../images/bg2.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.more-aboutus-index {
  background-color: #f2f7ffe7;
  padding: 40px 0;
  margin: 70px 0;
}

.sub-more-aboutus-index {
  height: 100%;
  width: 100%;
  position: relative;
  padding: 30px;
  transition: all 0.3s linear;
  background-color: var(--color-white);
}
.sub-more-aboutus-index:hover {
  background-color: var(--bg-2);
}
.sub-more-aboutus-index:hover h2,
.sub-more-aboutus-index:hover p {
  color: var(--color-white);
}
.img-more-aboutus-index {
  width: 100px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bg-2);
}
.sub-more-aboutus-index h2 {
  margin: 15px 0;
  font-size: 24px;
  transition: all 0.3s linear;

  font-family: "font_bold";
}
.sub-more-aboutus-index p {
  line-height: 28px;
    font-size: 17px;
    height:auto;
  transition: all 0.3s linear;

  overflow: hidden;
}
.bg-aboutus-index {
  position: absolute;
  top: 0;
  left: 0;

  pointer-events: none;
  width: 30%;
}
.bg-aboutus-index img {
  transition: all 0.3s linear;
}
.sub-more-aboutus-index:hover .bg-aboutus-index img {
  filter: brightness(0) invert(1);
}
.sub-projects-index {
  height: 450px;
  width: 100%;
}
.sub-projects-index img {
  width: 100%;
  height: 100%;
}
.owl-stage {
  padding-right: 0 !important;
}

.sub-projects-index {
  height: 400px;
  overflow: hidden;
  position: relative;
}
.sub-projects-index img {
  width: 100%;
  height: 100%;
  transition: all 0.5 linear;
  object-fit: cover;
}

.sub-projects-index:hover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.2);
}
.text-projects-index {
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  padding: 10px 20px;
  backdrop-filter: blur(2px);
  background-color: #335daba6;
}

.text-projects-index h2 {
  font-size: 19px;
}
.text-projects-index p {
  color: var(--color-white);
  font-size: 15px;
  height: 50px;
  overflow: hidden;
  margin-top: 5px;
  line-height: 26px;
}
.text-projects-index {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.sub-text-projects-index {
  width: calc(100% - 55px);
}
.text-projects-index a {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-white);
}

.section-projects-index {
  position: absolute;
  border: 2px solid #fff;
  height: 55px;
  padding: 13px 20px;
  top: 0;
  font-size: 18px;
  font-family: "font_medium";
  right: 0;
  max-width: 90%;

  background-color: var(--bg-2);
  color: var(--color-white);
}
.section-projects-index span {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}
.projects-index {
  overflow: hidden;
  padding: 20px 0;
}
.projects-index .owl-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: -113px;
  left: 5%;
}

.main-clinet-index {
  width: 100%;
  margin: 20px auto;
}

.sub-clinet-index {
  background-color: var(--color-white);
  height: 150px;
  margin: 4px;
}

.sub-clinet-index a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  box-shadow: 0 2px 5px #0000002c;
}
.sub-clinet-index a img {
  max-width: 50%;
  width: auto !important;
  max-height: 80%;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 15px;
}
.owl-dots button span {
  transition: all 0.3s linear !important;
  width: 8px !important;
  height: 8px !important;
  margin: 4px !important;
}
.owl-dots button.active span {
  width: 30px !important;
  background-color: var(--color-main) !important;
}

.conuter-index {
  background-size: cover;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  background-position: 0px -275px;
  z-index: 1;
  background-repeat: no-repeat;
}

.conuter-index::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-main);
  opacity: 0.88;
  z-index: -1;
  right: 0;
  position: absolute;
}

.counter-box {
  width: calc(20% - 8px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.text-counter-number {
  font-size: 28px;
  font-family: "font_bold";
}
.counter-box p {
  color: var(--color-white);
  font-family: "font_medium";
  font-size: 22px;
}

.counter-box {
  border-left: 1px solid #fff;
}
.counter-box:last-of-type {
  border: none;
}

.main-conuter-index {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 200px;
  width: 100%;
}

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

.news-index::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  height: 80%;
  background-image: url(../images/bg3.png);
}
.sub-news-index {
  /*padding: 20px;*/
  margin: 5px;
  /*box-shadow: 0px 2px 3px rgba(0, 33, 91, 0.135681);*/
  /*background-color: var(--color-white);*/
}
.text-news-index a {
    font-size: 14px;
    min-width: 100px !important;
    height: 44px;
}
.sub-news-index:hover .img-news-index img {
  transform: scale(1.1);
}
.img-news-index {
  position: relative;
  height: 260px;
  overflow: hidden;
}
.img-news-index img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.sub-news-index:hover .text-news-index {
  background-color: #e8f9fc;
}
.sub-news-index:hover p {
  color: var(--color-main);
}

.text-news-index {
    padding: 35px 20px 15px;
    transform: translatey(-40px);
    border-radius: 15px;
    text-align: end;
    box-shadow: 0px 2px 3px rgba(0, 33, 91, 0.135681);
    background: #fff;
}

.sub-news-index:hover .img-news-index img {
  transform: scale(1.2);
}
.data-news {
    position: absolute;
    bottom: 19px;
    padding: 10px;
    background: var(--bg-2);
    color: var(--color-white);
    font-size: 14px;
    font-family: "font_bold";
    width: 100px;
    right: 20px;
    z-index: 13;
    border-radius: 10px;
    /* border: 1px solid #fff; */
    text-align: center;
}

.text-news-index p {
  font-size: 17px;
  line-height: 28px;
  overflow: hidden;
  text-align: start;
  margin: 10px 0;
  height: 55px;
}

.ctm-btn {
  background: var(--color-main);
  color: var(--color-white);
  padding: 9px 25px;
  height: 47px;
  display: inline-block;
  min-width: 170px;
  text-align: center;
  border: none;
  border: 1px solid var(--color-main);
  border-radius: 5px;
  transition: all 0.3s linear;
  font-size: 18px;
}

.ctm-btn i {
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
}

.ctm-btn:hover {
  color: var(--color-main);
  background-color: var(--color-white);
}
.text-news-index {
  text-align: end;
}

.news-index .owl-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: -113px;
  left: 5%;
}

.contactus-index {
  position: relative;
}
.main-contactus-index {
  padding: 40px 30px;
  width: 40%;
  backdrop-filter: blur(2px);
  top: 0;
  background-color: #ffffffc2;
  position: absolute;
  box-shadow: 0px 2px 3px rgba(0, 33, 91, 0.135681);
  right: 5%;
}

.main-contactus-index .title-center h2 {
  font-size: 23px;
}
.btn-contactus-index {
  text-align: center;
  margin-top: 30px;
}

.serivces .row {
  row-gap: 20px;
}

.img-serivces-det {
  width: 100%;

  height: 395px;
}

.img-serivces-det img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.text-serivces-details p {
  margin: 20px 0;
  color: var(--color-main);
}
.serivces ,.projects {
    position:relative;
    z-index: 1;

}
.serivces::after ,.projects::after{
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    background-image: url(../images/bg3.png);
}

.more-serivces {
  margin-bottom: 0;
}

.more-serivces .owl-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: -113px;
  left: 0%;
}

.order-service {
  padding: 50px;
}

.close {
  position: absolute;
  top: 20px;
  left: 25px;
  font-size: 34px;
}
.btn-main-form-services {
  text-align: center;
}

.main-serivces-details .owl-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  justify-content: space-between;
  width: 100%;
  transform: translateY(-50%);
  left: 0%;
}

.sub-info-contactus {
  background-color: #f8fcff;
  padding: 20px 30px;
  display: flex;
  gap: 10px;

  align-items: center;
  height: 160px;
  border-radius: 5px;
}
.text-info-contactus h2 {
  font-family: "font_bold";
  font-size: 20px;
}
.text-info-contactus p {
  font-size: 17px;
}

.sub-info-contactus:hover .img-info-contactus img {
  transition: all 0.3s linear;
  animation: swing 1s infinite both;
  -webkit-animation: swing 1s infinite both;
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  80% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.img-news-details {
  width: 100%;
  height: 400px;
}
.img-news-details img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.text-news-details {
  margin: 20px 0;
}

.text-news-details h2 {
  font-size: 22px;
  font-family: "font_bold";
}

.date-news-details {
  padding: 15px 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 19px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--bg-2);
}

.date-news-details i {
  color: var(--bg-2);
}

.news-writer h3 {
  height: 60px;
  border: 1px solid #335dab;
  display: inline-block;
  padding: 9px 15px;
  min-width: 170px;
  border-radius: 5px;
}
.news-writer h3 img {
  width: 40px;
  object-fit: contain;
  height: 40px;
  object-position: center;
  margin: 0 5px 0;
}

.news-writer {
  margin: 40px 0;
}

.title-comment-news {
  margin-bottom: 10px;
}

.add-comment {
  margin: 40px 0;
}
.add-comment h2 {
  margin-bottom: 40px;
}
.sub-comment-news {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 30px 0;
  border-bottom: 1px solid var(--bg-2);
}
.sub-comment-news:last-of-type {
  border: none;
}
.img-comment-news {
  width: 70px;
  column-width: 1fr;
  height: 70px;
}
.img-comment-news img {
  width: 100%;
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}
.text-img-comment-news {
  width: 80%;
}
.text-img-comment-news h2 {
  color: var(--color-main);
}
.text-img-comment-news p {
  line-height: 28px;
  font-size: 16px;
  margin-top: 10px;
}

.add-comment .input-form {
  margin: 20px 0;
}
.search-news,
.element-news,
.last-news,
.project-information {
  width: 100%;
  background-color: #f8fcff;
  padding: 40px 30px;

  border: 1px solid rgba(129, 147, 180, 0.17);
}
.search-news .form-search {
  display: block;
  position: relative;
}
.search-news input {
  border-radius: 0;
  background-color: var(--color-white);
  padding-left: 55px;
}
.title-new {
  font-size: 22px;
  margin-bottom: 30px;
  font-family: "font_bold";
}

.search-news button {
  background-color: var(--bg-2);
  height: 50px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;

  align-items: center;
  border: none;
  font-size: 20px;
  justify-content: center;
  color: var(--color-white);
  width: 50px;
}

.element-news {
  margin: 20px 0;
}

.element-news ul li a {
  display: flex;
  align-items: center;
  margin: 10px 0;
  height: 50px;
  gap: 10;
  border: 1px solid rgba(129, 147, 180, 0.17);
  font-family: "font_medium";
  background-color: var(--color-white);
  justify-content: space-between;
  padding: 5px 20px;
}

.last-news ul li a {
  display: flex;
  padding: 15px 15px;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  border: 1px solid rgba(129, 147, 180, 0.17);
  background-color: var(--color-white);
}

.img-last-news {
  height: 70px;
  width: calc(35% - 5px);
}
.img-last-news img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.text-last-news {
  width: calc(65% - 5px);
}
.text-last-news h2 {
  font-size: 16px;
  line-height: 24px;
  height: 50px;
  overflow: hidden;
}
.text-last-news span {
  font-family: "font_medium";
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}

.title-stories-ceo h2 {
  text-align: center;
  color: var(--color-white);
  font-family: "font_bold";
}
.sub-stories {
  width: 100%;
  background: #f8fcff;
  text-align: center;
  height: 100%;
  transition: all 0.3s linear;
  border-radius: 10px;
  border: 1px solid transparent;
}

.title-sub-stories {
  padding: 30px;
  border-bottom: 1px solid rgba(102, 194, 201, 0.67);
}

.title-sub-stories h2 {
  font-size: 22px;
  font-family: "font_bold";
}

.title-sub-stories h3 {
  color: var(--bg-2);
  font-size: 19px;
  margin-top: 10px;
}

.sub-stories p {
  padding: 40px;
  font-size: 18px;
  line-height: 35px;
  font-family: "font_medium";
}

.sub-stories:hover {
  background-color: var(--color-white);
  border: 1px solid rgba(102, 194, 201, 0.67);
}

.certificate .row {
  row-gap: 15px;
}

.arrow-select {
  position: relative;
}
.arrow-select select {
  -webkit-appearance: none;
  appearance: none;
  color: var(--color-text);
}

.arrow-select::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url(../images/arrow2.png);
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  top: 14px;
  left: 16px;
}

.upload-file {
  position: relative;
}
.upload-file input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.upload-file label {
  width: 100%;
  margin: 0;
}
.upload-file label p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding-left: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text);
}
.upload-file label span {
  position: absolute;
  width: 60px;
  height: 100%;
  cursor: pointer;
  color: var(--color-white);
  align-items: center;
  z-index: 1;
  top: 0;
  border-radius: 5px 0 0 5px;
  justify-content: center;
  padding: 5px;
  left: 0;
  background-color: var(--color-main);
  display: flex;
  align-items: center;
}

.btn-employment {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

.projects .row {
  row-gap: 15px;
}
.btn-projucts {
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-top: 50px;
}
.img-projects-details {
  width: 100%;
  height: 470px;
}
.img-projects-details img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.text-sub-projects-details h2 {
  font-size: 19px;
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--bg-2);
}

.text-sub-projects-details h3 {
  font-family: "font_bold";
  font-size: 19px;
  margin-bottom: 20px;
}
.text-sub-projects-details p {
  color: var(--color-main);
  line-height: 30px;
  font-size: 18px;
  margin: 10px -1px;
}
.text-sub-projects-details span {
  color: var(--bg-2);
  font-family: "font_bold";
}
.text-sub-projects-details img {
  width: calc(50% - 20px);
  margin: 5px;
  height: 200px;
  display: inline-block;
  object-fit: cover;
}

.project-information p {
  font-size: 15px;
  line-height: 26px;
  margin: 10px 0;
  font-family: "font_bold";
  color: var(--color-main);
}
.project-information span {
  color: var(--bg-2);
}
.btn-suppliers {
  margin-top: 30px;
  text-align: center;
}

.suppliers {
  margin-bottom: 100px;
}
.clinet .row,
.info-contactus .row {
  row-gap: 15px;
}

.main-stories .row {
  row-gap: 15px;
}

.text-projects-index h2 {
    height: 60px;
    overflow: hidden;
}


.projects .text-projects-index p {
    height: auto;
}

.error {
    color: red;
}

.element ul li a {
    height: 37px;
    font-size: 17px;
}


.logo img {
    width: 180px;
}


.header-pages .logo {
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-pages .logo .menu-div {
    width: 50px;
    justify-content: center;
    display: flex;
    border-radius: 50%;
    align-items: center;
    height: 50px;
    background: #66c2c966;
}
.navicon {
    display:block;
}

.header-pages .logo .navicon__item {
    background: var(--color-main);
}

.header-pages::after {
    display:none;
}
.header-pages .sub-header  {
    position :relative;
    min-height:350px;

}
.header-pages .sub-header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #365b9fbf;
    top: 0;
    z-index: -1;
}
.header-pages .sub-header {
    justify-content: center;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}
.breadcrumb-header  {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    font-size: 22px;
}
.breadcrumb-header a {
        font-size: 22px;
color:var(--color-white);
}
.element_menu_responsive > ul > li {
    margin: 15px 0;
}
.element_menu_responsive > ul {
    margin: 0 auto 0 0;
    padding: 30px 0px 0 0;
}
.element_menu_responsive > ul > li > a {
    justify-content:center;
}
.header-index .sub-header-index {
    position: relative;
    min-height: 490px;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 10px 40px;
}
.sub-header-mune {
    min-height: 100vh;
    background: var;
    box-shadow: 0 2px 8px #00000029;
}
.header-index .sub-header-index::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: 0;
    top: 0;
    z-index: -1;
    transition: all .3s linear;
    right: 0;
}

.header-index.header:hover .sub-header-index::after {
    opacity:0.5;

}
.header-index .text-sub-header {
    opacity: 0;
    transition: all .3s linear;

}
.header-index.header:hover .text-sub-header {
    color: #fff;
    width: 90%;
    opacity: 1;
}
.header-index.header::after {
  display:none;
}
.header-index .video-header {
    right: 0;
    background:var(--color-main)
}

.btn-muted {
    position: absolute;
    top: 10px;
    color: var(--color-main);
    left: 36px;
    font-size: 26px;
    width: 45px;
    height: 45px;
    background-color: var(--bg-1);
    display: flex;
    border:none;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
    cursor: pointer;
}

.btn-muted.volume-btn::after {
    content: "";
    top: 7px;
    position: absolute;
    height: 32px;
    width: 2px;
    background: var(--color-main);
    transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
}
.btn-muted.volume-btn.active::after {
    opacity:0;
}

.links-tabs-certificate ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 70px !important;
}

.links-tabs-certificate ul li a {
    border-radius: 8px !important;
    background: #F5F9FF;
    font-family: 'font_bold';
    height: 55px;
    font-size: 17px;
    padding: 7px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
        border:1px solid #F5F9FF;
    transition: all .3s linear;

}
.links-tabs-certificate ul li a.active {
    border:1px solid var(--color-main)  !important;
        color: var(--color-main)  !important;
    background-color: #F5F9FF  !important;

}
.profile-div.text-center {
    padding-top: 30px;
    border-top: 1px solid #d4eaff;
    margin-top: 30px;
}
.media-contactus.media-footer ul {
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-top: 50px !important;
}

.media-contactus ul li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    border: 1px solid var(--bg-2);
    justify-content: center;
    color: var(--bg-2);
    border-radius: 50%;
    background-color: var(--color-white);
    transition: all 0.3s linear;
}