@font-face {
  font-family: Cairo;
  src: url("../fonts/Cairo-VariableFont_slnt,wght.ttf");
}
:root {
  --main-color-text: #743799;
  --main-color-theme: #743799;
  --secondary-color-text: #1e1e1e;
  --secondary-sub-color-text: #1e1e1eb3;
  --input-background: #e3e9e940;
  --radio: 0.8;
}
body {
  font-family: "Cairo", Courier, monospace;
  direction: rtl;
  padding: 0px;
  margin: 0px;
  min-height: 100vh;
  /* background-image: url("../images/Group8.ef26b606f1dd584974a8.4895213917db7c9478c7.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: contain; */
  /* background: url("../images/testimonial-bg.png") no-repeat center center scroll;
  background-size: cover; */
  background-color: #f1f1fd;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
* {
  box-sizing: border-box;
  position: relative;
}
.row {
  margin: 0px;
}
a {
  text-decoration: none;
}
.main-con-right-side {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  height: 100%;
  overflow: hidden;
}
.main-con-right-side img {
  height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-con-right-side img.front-image {
  z-index: 3;
  height: 710px;
  left: 63%;
  top: 68%;
}
.click-btn {
  display: flex;
  width: 150px;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  line-height: 35px;
  border: 2px solid;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  transition: all 0.35s;
  box-sizing: border-box;
}
.main-con-right-side img.back-image {
  z-index: 1;
  height: 590px;
  filter: brightness(0);
  animation: rotate1 60s linear infinite;
}
.main-con-hero-section > img {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(0%, -50%);
  height: 300px;
}
.main-con-actions-hero-section {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.btn-style700 {
  position: relative;
  border-color: #979695;
  color: #979695;
}
.btn-style700::before,
.btn-style700::after {
  position: absolute;
  top: 0;
  left: 0;
  border-color: #dd6395;
  border-radius: 5px;
  border-style: solid;
  transition: all 0.35s;
  content: "";
  z-index: 1;
}
.btn-style700::before {
  width: 0;
  height: 100%;
  border-width: 1px 0 1px 0;
}
.btn-style700::after {
  width: 100%;
  height: 0;
  border-width: 0 1px 0 1px;
}
.btn-style700:hover {
  border-color: #dd6395;
  color: #dd6395;
}
.btn-style700:hover::before {
  width: 100%;
  border-width: 1px 0 1px 0;
}
.btn-style700:hover::after {
  height: 100%;
  border-width: 0 1px 0 1px;
}

.btn-style702 {
  position: relative;
  border-color: transparent;
  color: #fff;
}
.btn-style702::before,
.btn-style702::after {
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  content: "";
}
.btn-style702::before {
  width: 100%;
  left: 0;
  border-radius: 5px;
  background-color: #2395e8;
  z-index: -1;
}
.btn-style702::after {
  width: 0;
  left: 50%;
  border: none;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: translate(-50%, 0);
  z-index: 1;
}
.btn-style702:hover {
  color: #2395e8;
}
.btn-style702:hover::before {
  transform: scale(0, 1);
}
.btn-style702:hover::after {
  width: 100%;
  border-color: #2395e8;
  transition-delay: 0.2s;
}
@keyframes rotate1 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
.main-con-hero-section-text {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.main-con-hero-section-text p {
  font-size: 20px;
  color: #dd2a73;
  font-weight: 600;
  margin-bottom: 15px;
}
.main-con-hero-section-text i {
  color: #160f30;
}
.main-con-hero-section-text span {
  display: inline-block;
  font-size: 30px;
  white-space: pre-line; /* عشان يكسر الأسطر */
  border-left: 2px solid #160f30; /* المؤشر */
  animation: blink 1s step-end infinite; /* وميض */
  padding-right: 5px;
  color: #160f30;
  font-weight: 800;
  width: fit-content;
  min-height: 50px;
  margin: 0px 10px;
}
@keyframes blink {
  50% {
    border-color: transparent;
  }
}
.main-con-right-side svg {
  fill: red;
  height: 650px;
  z-index: 2;
  /* position: absolute; */
}
.main-con-section-features {
  padding: 50px 0px 0px;
  background: url("../images/testimonial-bg.png") no-repeat center center scroll;
  background-size: cover;
  background-color: white;
}
.main-con-features-block {
  padding: 20px;
  /* background-color: #9c9c9c; */
  height: 100%;
}
.main-con-section-features-right {
  /* background-color: #9c9c9c; */
  position: relative;
  padding: 20px;
}
.main-con-one-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px 0px #8e8e8e;
}
.main-con-one-block i {
  font-size: 25px;
  color: #2395e8;
  margin-bottom: 20px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2395e822;
}
.main-con-one-block p {
  font-size: 25px;
  color: #160f30;
  font-weight: 800;
  margin-bottom: 15px;
}
.main-con-one-block span {
  color: #979695;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}
.main-con-section-features-right img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 500px;
}
.main-con-section-features-right svg {
  height: 500px;
  stroke: #2395e8 !important;
}

/* .main-con-hero-section {
  width: 100%;
  height: 100vh;
  background: lightseagreen;

  border-radius: 30px;
  clip-path: polygon(0 1%, 100% 14%, 100% 86%, 0% 100%);
} */
.main-con-image-logo img {
  width: 180px;
}
.main-con-image-logo {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
}
.shapedividers_com-7683 {
  overflow: hidden;
  position: relative;
  height: 200px;
}
.shapedividers_com-7683::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 90px;
  background-position: 50% 100%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 476.62 100.69"><path fill="%23ffffff" d="M476.62 100.69V0l-238.3 95.47L0 0v100.69Z"/></svg>');
}

@media (min-width: 768px) {
  .shapedividers_com-7683::before {
    background-size: 100% 90px;
    background-position: 50% 100%;
  }
}

@media (min-width: 1025px) {
  .shapedividers_com-7683::before {
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    background-size: 100% 149px;
    background-position: 50% 100%;
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 476.62 100.69"><path fill="%23ffffff" d="M476.62 100.69V0l-238.3 95.47L0 0v100.69Z"/></svg>');
  }
}
@media (min-width: 2100px) {
  .shapedividers_com-7683::before {
    background-size: 100% calc(2vw + 149px);
  }
}

header {
  padding: 10px 20px;
  z-index: 1000;
}
.main-con-hero-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  height: 100vh;
  background-color: transparent;
  width: 100%;
  padding-top: 50px;
}
.main-con-back-ground-map {
  background: url("../images/testimonial-bg.png") no-repeat center center scroll;
  background-size: cover;
  z-index: 0;
  background-color: #dfdcdc;
}
.main-con-students-card {
  padding: 40px;
  border-radius: 15px;
  margin-bottom: 10px;
  background: url("../images/png-transparent-yellow-floral-frame-frame-film-frame-gold-decorative-borders-border-frame-chinese-style.png")
    no-repeat center center scroll;
  background-size: cover;
  background-color: white;
}
.shapedividers_com-6616 {
  overflow: hidden;
  position: relative;
  height: 200px;
}
.mian-con-section-students {
  background-color: white;
  padding: 50px 0px;
}
.shapedividers_com-6616::before {
  content: "";
  font-family: "shape divider from ShapeDividers.com";
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  top: -1px;
  z-index: 3;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100% 90px;
  background-position: 50% 100%;
  background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMin slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000.4 78.7"><g fill="%23ffffff"><path d="M2000 20v59H0V18c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 91-4 10-7 19-15 29-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 014 0c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 92-4 9-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 015 0c11 0 22 6 32 12 10 7 19 15 30 21 28 15 64 14 91-4 10-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 19 14 29 21 26 18 63 19 91 4 10-6 19-14 29-21l6-3c8-5 18-9 28-9a33 33 0 014 0c12 0 23 6 32 12l30 21 3 1a87 87 0 0035 9 90 90 0 0043-8 81 81 0 0010-6l9-6c6-5 12-11 19-15a80 80 0 0168-8 80 80 0 0169 8l20 15 8 6a82 82 0 0011 6 90 90 0 0043 8 87 87 0 0035-9l2-1 30-21a79 79 0 0120-10z" opacity=".75"/><path d="M478 79H23a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 24 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M504 79H0V65c6-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 7-7 15-14 23-19a43 43 0 017-3c14-5 29-1 42 5 11 5 22 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 42-8l4-2c11-6 21-13 33-18 13-6 28-10 41-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-5 31 5 35 19v7z"/><circle cx="59.8" cy="29.3" r="8.5"/><circle cx="159.2" cy="32.6" r="5.2"/><circle cx="375.8" cy="32.6" r="5.2"/><circle cx="435.9" cy="36.6" r="7.3"/><circle cx="106.4" cy="5.8" r="5.8" opacity=".5"/><circle cx="321.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="250.3" cy="5.8" r="2.8" opacity=".75"/><path d="M982 79H527a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0113 4l12 5c11 6 23 12 35 16 15 6 31 8 46 4l4-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 015 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1009 79H504V65c7-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 8-7 15-14 24-19a43 43 0 017-3c13-5 28-1 41 5 12 5 22 12 33 18l4 2c13 7 28 11 42 8 13 3 28-1 41-8l5-2c10-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c8 5 16 12 23 19 10 8 23 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-4 31 5 35 19l1 7z"/><circle cx="564" cy="29.3" r="8.5"/><circle cx="663.5" cy="32.6" r="5.2"/><circle cx="880.1" cy="32.6" r="5.2"/><circle cx="940.2" cy="36.6" r="7.3"/><circle cx="610.6" cy="5.8" r="5.8" opacity=".5"/><circle cx="825.5" cy="5.8" r="5.8" opacity=".5"/><circle cx="754.6" cy="5.8" r="2.8" opacity=".75"/><path d="M1486 79h-454a33 33 0 0116-20l2-1a33 33 0 0122-1 22 22 0 0116-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0114 4l11 5c12 6 23 12 35 16 15 6 31 8 46 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 45-4 13-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 016 6 22 22 0 0116 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1513 79h-504V65c6-10 20-16 31-12a37 37 0 0110 5c7 6 14 13 24 16 12 3 24-4 34-12 8-7 15-14 24-19a43 43 0 017-3c14-5 29-1 42 5 11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 28-1 41-8l5-2c11-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 34 12 10-3 16-10 24-16a37 37 0 0110-5c14-4 31 5 34 19l1 7z"/><circle cx="1068.3" cy="29.3" r="8.5"/><circle cx="1167.8" cy="32.6" r="5.2"/><circle cx="1384.4" cy="32.6" r="5.2"/><circle cx="1444.5" cy="36.6" r="7.3"/><circle cx="1114.9" cy="5.8" r="5.8" opacity=".5"/><circle cx="1329.8" cy="5.8" r="5.8" opacity=".5"/><circle cx="1258.9" cy="5.8" r="2.8" opacity=".75"/><path d="M1990 79h-454a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 23 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 46-4 12-4 23-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0116 20z" opacity=".5"/><path d="M2000 54v25h-487V65c6-10 20-16 31-12a37 37 0 0110 5c8 6 15 13 24 16 12 3 25-4 34-12l1-1 23-18a43 43 0 017-3c10-3 21-2 32 1a84 84 0 0110 4c11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 41-8l5-2c11-6 21-13 33-18a83 83 0 019-4c10-3 22-5 32-1a43 43 0 017 3c9 5 16 12 23 18l1 1c10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5 26 26 0 0118 1z"/><circle cx="1572.6" cy="29.3" r="8.5"/><circle cx="1672.1" cy="32.6" r="5.2"/><circle cx="1888.7" cy="32.6" r="5.2"/><circle cx="1948.8" cy="36.6" r="7.3"/><circle cx="1619.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="1834.1" cy="5.8" r="5.8" opacity=".5"/><circle cx="1763.2" cy="5.8" r="2.8" opacity=".75"/></g></svg>');
}

@media (min-width: 768px) {
  .shapedividers_com-6616::before {
    background-size: 100% 90px;
    background-position: 50% 100%;
  }
}

@media (min-width: 1025px) {
  .shapedividers_com-6616::before {
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    background-size: 100% 149px;
    background-position: 50% 100%;
    background-image: url('data:image/svg+xml;charset=utf8, <svg preserveAspectRatio="xMidYMin slice" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000.4 78.7"><g fill="%23ffffff"><path d="M2000 20v59H0V18c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 91-4 10-7 19-15 29-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 014 0c12 0 23 6 33 12 10 7 19 15 29 21 28 15 65 14 92-4 9-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 18 14 28 21 27 18 63 19 91 4 11-6 20-14 30-21s21-12 33-12a33 33 0 015 0c11 0 22 6 32 12 10 7 19 15 30 21 28 15 64 14 91-4 10-7 18-15 28-21a80 80 0 0168-8 80 80 0 0168 8c10 6 19 14 29 21 26 18 63 19 91 4 10-6 19-14 29-21l6-3c8-5 18-9 28-9a33 33 0 014 0c12 0 23 6 32 12l30 21 3 1a87 87 0 0035 9 90 90 0 0043-8 81 81 0 0010-6l9-6c6-5 12-11 19-15a80 80 0 0168-8 80 80 0 0169 8l20 15 8 6a82 82 0 0011 6 90 90 0 0043 8 87 87 0 0035-9l2-1 30-21a79 79 0 0120-10z" opacity=".75"/><path d="M478 79H23a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 24 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M504 79H0V65c6-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 7-7 15-14 23-19a43 43 0 017-3c14-5 29-1 42 5 11 5 22 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 42-8l4-2c11-6 21-13 33-18 13-6 28-10 41-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-5 31 5 35 19v7z"/><circle cx="59.8" cy="29.3" r="8.5"/><circle cx="159.2" cy="32.6" r="5.2"/><circle cx="375.8" cy="32.6" r="5.2"/><circle cx="435.9" cy="36.6" r="7.3"/><circle cx="106.4" cy="5.8" r="5.8" opacity=".5"/><circle cx="321.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="250.3" cy="5.8" r="2.8" opacity=".75"/><path d="M982 79H527a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0113 4l12 5c11 6 23 12 35 16 15 6 31 8 46 4l4-2a157 157 0 0041-26 151 151 0 0046 28c15 4 31 2 46-4 12-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 015 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1009 79H504V65c7-10 20-16 32-12a37 37 0 019 5c8 6 15 13 24 16 12 3 25-4 35-12 8-7 15-14 24-19a43 43 0 017-3c13-5 28-1 41 5 12 5 22 12 33 18l4 2c13 7 28 11 42 8 13 3 28-1 41-8l5-2c10-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c8 5 16 12 23 19 10 8 23 15 35 12 9-3 16-10 24-16a37 37 0 019-5c14-4 31 5 35 19l1 7z"/><circle cx="564" cy="29.3" r="8.5"/><circle cx="663.5" cy="32.6" r="5.2"/><circle cx="880.1" cy="32.6" r="5.2"/><circle cx="940.2" cy="36.6" r="7.3"/><circle cx="610.6" cy="5.8" r="5.8" opacity=".5"/><circle cx="825.5" cy="5.8" r="5.8" opacity=".5"/><circle cx="754.6" cy="5.8" r="2.8" opacity=".75"/><path d="M1486 79h-454a33 33 0 0116-20l2-1a33 33 0 0122-1 22 22 0 0116-15 15 15 0 016-6 22 22 0 0113-2 52 52 0 0114 4l11 5c12 6 23 12 35 16 15 6 31 8 46 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 45-4 13-4 24-10 36-16l11-5a52 52 0 0113-4 22 22 0 0114 2 15 15 0 016 6 22 22 0 0116 15 33 33 0 0122 1l1 1a33 33 0 0117 20z" opacity=".5"/><path d="M1513 79h-504V65c6-10 20-16 31-12a37 37 0 0110 5c7 6 14 13 24 16 12 3 24-4 34-12 8-7 15-14 24-19a43 43 0 017-3c14-5 29-1 42 5 11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 28-1 41-8l5-2c11-6 21-13 32-18 13-6 28-10 42-5a43 43 0 017 3c9 5 16 12 24 19 10 8 22 15 34 12 10-3 16-10 24-16a37 37 0 0110-5c14-4 31 5 34 19l1 7z"/><circle cx="1068.3" cy="29.3" r="8.5"/><circle cx="1167.8" cy="32.6" r="5.2"/><circle cx="1384.4" cy="32.6" r="5.2"/><circle cx="1444.5" cy="36.6" r="7.3"/><circle cx="1114.9" cy="5.8" r="5.8" opacity=".5"/><circle cx="1329.8" cy="5.8" r="5.8" opacity=".5"/><circle cx="1258.9" cy="5.8" r="2.8" opacity=".75"/><path d="M1990 79h-454a33 33 0 0117-20l1-1a33 33 0 0122-1 22 22 0 0117-15 15 15 0 015-6 22 22 0 0114-2 52 52 0 0113 4l11 5c12 6 23 12 36 16 14 6 31 8 45 4l5-2a157 157 0 0041-27 151 151 0 0046 29c15 4 31 2 46-4 12-4 23-10 35-16l11-5a52 52 0 0114-4 22 22 0 0113 2 15 15 0 016 6 22 22 0 0117 15 33 33 0 0122 1l1 1a33 33 0 0116 20z" opacity=".5"/><path d="M2000 54v25h-487V65c6-10 20-16 31-12a37 37 0 0110 5c8 6 15 13 24 16 12 3 25-4 34-12l1-1 23-18a43 43 0 017-3c10-3 21-2 32 1a84 84 0 0110 4c11 5 21 12 32 18l5 2c13 7 27 11 41 8 14 3 29-1 41-8l5-2c11-6 21-13 33-18a83 83 0 019-4c10-3 22-5 32-1a43 43 0 017 3c9 5 16 12 23 18l1 1c10 8 22 15 35 12 9-3 16-10 24-16a37 37 0 019-5 26 26 0 0118 1z"/><circle cx="1572.6" cy="29.3" r="8.5"/><circle cx="1672.1" cy="32.6" r="5.2"/><circle cx="1888.7" cy="32.6" r="5.2"/><circle cx="1948.8" cy="36.6" r="7.3"/><circle cx="1619.2" cy="5.8" r="5.8" opacity=".5"/><circle cx="1834.1" cy="5.8" r="5.8" opacity=".5"/><circle cx="1763.2" cy="5.8" r="2.8" opacity=".75"/></g></svg>');
  }
}
@media (min-width: 2100px) {
  .shapedividers_com-6616::before {
    background-size: 100% calc(2vw + 149px);
  }
}

.main-con-image-card img {
  width: 100%;
  height: 250px;
  border-radius: 15px;
}
.main-con-image-card {
  position: relative;
  margin-bottom: 20px;
}
.main-con-image-card span {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: calc(100% - 30px);
  background-color: rgba(255, 255, 255, 0.479);
  font-size: 18px;
  font-weight: 700;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
.main-con-students-card p {
  font-size: 20px;
  color: #160f30;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}
.main-con-students-card > span {
  font-size: 15px;
  color: #2395e8;
  font-weight: 700;
  text-align: center;
  display: block;
  width: 100%;
}
/* .main-con-hero-section:before {
  content: " ";
  position: absolute;
  background: #160f30;
  width: 100%;
  height: 120px;
  bottom: -30px;
  left: 0px;
  border-radius: 15px;
  z-index: -1;
  transform: rotate(-178deg);
} */
.con-image-story {
  height: 100vh;
  width: 100%;
  background: url("../images/3f14f59dc5a2-800px-chekhovandthemoscowarttheatre1899.jpg")
    no-repeat center center fixed;
  background-size: cover;
  border-radius: 30px;
}
.main-con-history-text {
  background-color: rgb(206 206 206 / 49%);
  padding: 20px;
  border-radius: 15px;
  min-width: 450px;
  transform: translate(-100px, 0px);
  text-align: center;
  backdrop-filter: blur(11px);
}
.main-con-history-text p {
  font-size: 30px;
  color: #160f30;
  font-weight: 800;
  margin-bottom: 20px;
}
.main-con-history-text span {
  font-size: 15px;
  color: #1e1e1e;
  font-weight: 400;
  line-height: 30px;
  display: block;
  text-align: center;
}
.main-con-sections-history {
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  background-color: white;
}
.main-con-sections-history .slides {
  scroll-snap-align: start;
  padding: 50px;
}
/* .main-con-hero-section:after {
  content: " ";
  position: absolute;
  background: #160f30;
  width: 100%;
  height: 120px;
  top: -30px;
  left: 0px;
  border-radius: 15px;
  z-index: -1;
  transform: rotate(178deg);
} */
.main-con-actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  height: 100%;
}
/* .main-con-actions button{

} */
.btn-style900 {
  position: relative;
  border-color: rgba(221, 99, 149, 1);
  color: rgba(221, 99, 149, 1);
  transition-delay: 0.3s;
  overflow: hidden;
}
.main-con-all-page {
  width: 100%;
  overflow: hidden;
}
.btn-style900:hover {
  transform: translateY(-0.3em);
  border-color: #dd2a73;
  color: rgba(221, 99, 149, 0);
  transition-delay: 0s;
}

.buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.btn-style904 {
  position: relative;
  background-color: #dd7e2a;
  border-color: #dd7e2a;
  color: #fff;
  overflow: hidden;
  font-weight: 600;
}
.btn-style904.style-2 {
  position: relative;
  background-color: transparent;
  border-color: #2395e8;
  color: #2395e8;
  overflow: hidden;
}
.btn-style904::before,
.btn-style904::after {
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(223 183 148 / 73%);
  transition: all 0.25s;
  color: #fff;
  height: 100%;
}
.btn-style904.style-2::before,
.btn-style904.style-2::after {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #77bae9;
  transition: all 0.25s;
  color: #fff;
  height: 100%;
}
.btn-style904::before {
  width: 25px;
  content: "\f054";
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "FontAwesome";
  font-size: 10px;
  font-weight: bold;
  text-indent: 5px;
  border-radius: 50% 0 0 50%;
  z-index: 1;
}
.btn-style904::after {
  width: 100%;
  transform: translate(100%, 0);
  content: attr(data-hover);
  text-align: left;
  text-indent: 8px;
}
.btn-style904:hover::before {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.15s;
}
.btn-style904:hover {
  border-color: rgb(223 183 148 / 73%);
}

.btn-style904:hover span {
  left: -100%;
}

.btn-style904:hover::before {
  right: 70%;
}

.btn-style904:hover::after {
  right: 70%;
}
.btn-style904 span {
  position: relative;
  left: -0.5em;
  transition: all 0.25s;
}
.main-con-one-books-card {
  width: 100%;
}
.main-con-one-books-card img {
  width: 100%;
  border-radius: 15px;
  height: 250px;
}
.mian-con-section-text-box-card {
  background-color: white;
  border-radius: 15px;
  padding: 15px;
  position: relative;
  transform: translate(0px, -20px);
  width: 90%;
  display: block;
  margin: auto;
}
.mian-con-section-text-box-card::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0px;
  transform: skewY(4deg);
  width: 100%;
  height: 50px;
  border-radius: 15px;
  background-color: white;
}
.mian-con-section-text-box-card h2 {
  position: relative;
  z-index: 2;
  font-size: 25px;
  color: #160f30;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
.mian-con-section-text-box-card p {
  position: relative;
  z-index: 2;
  font-size: 15px;
  color: #727272;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
}
.main-con-section-plus-minus {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.main-con-section-plus-minus i {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #2395e8;
  color: #2395e8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-con-section-plus-minus input {
  width: 50%;
  flex-grow: 1;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 20px;
  font-weight: 700;
  color: #160f30;
  text-align: center;
  max-width: 100px;
}
.main-con-image-books {
  position: relative;
}
header {
  position: fixed;
  top: 0px;
  width: 100%;
}
.main-con-image-books > span {
  background-color: white;
  padding: 5px 20px;
  border-radius: 10px;
  font-size: 25px;
  font-weight: 700;
  color: #160f30;
  position: absolute;
  top: 15px;
  left: 15px;
}
.main-con-card-plan {
  width: 100%;
  background-color: white;
  padding: 15px;
  border-radius: 12px;
  text-align: center;
}
.main-con-card-plan img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 20px;
  max-height: 350px;
}
.main-con-top-hero-section {
  background: url("../images/middleeastarabichafizaliesref189320x16lowres_1400x.webp")
    no-repeat center center scroll;
  background-size: cover;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 0;
  opacity: 0.5;
  height: 100vh;
  backdrop-filter: grayScale(1);
}
.main-con-card-plan p {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.main-con-card-plan span {
  font-size: 30px;
  color: #2395e8;
  font-weight: 800;
  margin-bottom: 30px;
  display: block;
  text-align: center;
}
.main-con-card-plan button {
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 18px;
  font-weight: 600;
  padding: 10px;
  margin: 0px auto;
  width: 100%;
}
header.scrolled {
  background-color: white;
  position: fixed;
  top: 0px;
  z-index: 1000;
  box-shadow: 0px 0px 10px 0px #9c9c9c;
}
header .main-con-page-fill {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 4px;
  background-color: transparent;
  border-radius: 15px;
}
header .main-con-page-fill span {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0%;
  height: 4px;
  background-color: transparent;
  border-radius: 15px;
}
.main-con-plans-section {
  margin-top: 100px;
}
.main-con-one-cahpter {
  width: 100%;
  position: relative;
  height: 300px;
  margin: 20px 0px;
}
.main-con-one-cahpter img {
  width: 100%;
  height: 300px;
  position: absolute;
  border-radius: 15px;
  transition: 0.1s ease-in-out;
}
.main-con-one-cahpter:hover img.front {
  transform: scaleY(1.2);
  z-index: 25;
  transform-origin: bottom center;
}
.main-con-one-cahpter p {
  position: absolute;
  bottom: 20px;
  left: 10px;
  width: calc(100% - 20px);
  text-align: center;
  padding: 10px;
  font-size: 18px;
  color: #160f30;
  font-weight: 700;
  background-color: #ffffff94;
  border-radius: 15px;
  z-index: 23;
  backdrop-filter: blur(2px);
}
.main-con-chapters {
  background-color: white;
}
.main-con-one-cahpter img.back {
  z-index: 1;
}
.main-con-one-cahpter img.front {
  z-index: 2;
}
header.scrolled .main-con-page-fill span {
  background-color: #2395e8;
}
header.scrolled .main-con-page-fill {
  background-color: #2395e822;
}
header {
  transition: 0.3s ease-in-out;
}
.main-con-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0px 20px;
}
.main-con-title img {
  height: 40px;
  margin: 0px 10px;
}
.reverse-colum-in-mobile {
  flex-direction: row-reverse;
}
.main-con-card-plan button i {
  margin-right: 10px;
}

.main-con-image-books > span span {
  font-size: 12px;
  font-weight: 400;
}
.mian-con-section-text-box-card button {
  border: 2px solid #2395e8;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 14px;
  width: 100%;
  outline: none;
  background-color: #2395e8;
  border-radius: 15px;
  margin-top: 30px;
}
/***************************************************
 * Generated by SVG Artista on 8/27/2025, 6:16:30 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  stroke-dashoffset: 714.18212890625px;
  stroke-dasharray: 714.18212890625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
}

svg .svg-elem-2 {
  stroke-dashoffset: 83.55509185791016px;
  stroke-dasharray: 83.55509185791016px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.12s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}

svg .svg-elem-3 {
  stroke-dashoffset: 207.76202392578125px;
  stroke-dasharray: 207.76202392578125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.24s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

svg .svg-elem-4 {
  stroke-dashoffset: 295.3314514160156px;
  stroke-dasharray: 295.3314514160156px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.36s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
}

svg .svg-elem-5 {
  stroke-dashoffset: 416.1554260253906px;
  stroke-dasharray: 416.1554260253906px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.48s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
}

svg .svg-elem-6 {
  stroke-dashoffset: 486.7119140625px;
  stroke-dasharray: 486.7119140625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.6s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
}

svg .svg-elem-7 {
  stroke-dashoffset: 306.3425598144531px;
  stroke-dasharray: 306.3425598144531px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.72s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
}

svg .svg-elem-8 {
  stroke-dashoffset: 471.9342041015625px;
  stroke-dasharray: 471.9342041015625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.84s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
}

svg .svg-elem-9 {
  stroke-dashoffset: 982.0069580078125px;
  stroke-dasharray: 982.0069580078125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    0.96s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
}

svg .svg-elem-10 {
  stroke-dashoffset: 426.4809875488281px;
  stroke-dasharray: 426.4809875488281px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.08s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
}

svg .svg-elem-11 {
  stroke-dashoffset: 82.3898696899414px;
  stroke-dasharray: 82.3898696899414px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.2s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
}

svg .svg-elem-12 {
  stroke-dashoffset: 832.6818237304688px;
  stroke-dasharray: 832.6818237304688px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.3199999999999998s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.3199999999999998s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
}

svg .svg-elem-13 {
  stroke-dashoffset: 618.62109375px;
  stroke-dasharray: 618.62109375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.44s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
}

svg .svg-elem-14 {
  stroke-dashoffset: 266.2269287109375px;
  stroke-dasharray: 266.2269287109375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.56s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
}

svg .svg-elem-15 {
  stroke-dashoffset: 570.6604614257812px;
  stroke-dasharray: 570.6604614257812px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.68s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s;
}

svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
}

svg .svg-elem-16 {
  stroke-dashoffset: 287.52899169921875px;
  stroke-dasharray: 287.52899169921875px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.7999999999999998s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.7999999999999998s;
}

svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
}

svg .svg-elem-17 {
  stroke-dashoffset: 251.28184509277344px;
  stroke-dasharray: 251.28184509277344px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    1.92s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s;
}

svg.active .svg-elem-17 {
  stroke-dashoffset: 0;
}

svg .svg-elem-18 {
  stroke-dashoffset: 323.31402587890625px;
  stroke-dasharray: 323.31402587890625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.04s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s;
}

svg.active .svg-elem-18 {
  stroke-dashoffset: 0;
}

svg .svg-elem-19 {
  stroke-dashoffset: 88.2286376953125px;
  stroke-dasharray: 88.2286376953125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.16s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s;
}

svg.active .svg-elem-19 {
  stroke-dashoffset: 0;
}

svg .svg-elem-20 {
  stroke-dashoffset: 100.43511962890625px;
  stroke-dasharray: 100.43511962890625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.28s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s;
}

svg.active .svg-elem-20 {
  stroke-dashoffset: 0;
}

svg .svg-elem-21 {
  stroke-dashoffset: 79.65376281738281px;
  stroke-dasharray: 79.65376281738281px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.4s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s;
}

svg.active .svg-elem-21 {
  stroke-dashoffset: 0;
}

svg .svg-elem-22 {
  stroke-dashoffset: 427.3537292480469px;
  stroke-dasharray: 427.3537292480469px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.52s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s;
}

svg.active .svg-elem-22 {
  stroke-dashoffset: 0;
}

svg .svg-elem-23 {
  stroke-dashoffset: 178.7949676513672px;
  stroke-dasharray: 178.7949676513672px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.6399999999999997s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.6399999999999997s;
}

svg.active .svg-elem-23 {
  stroke-dashoffset: 0;
}

svg .svg-elem-24 {
  stroke-dashoffset: 720.77490234375px;
  stroke-dasharray: 720.77490234375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.76s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s;
}

svg.active .svg-elem-24 {
  stroke-dashoffset: 0;
}

svg .svg-elem-25 {
  stroke-dashoffset: 83.01988220214844px;
  stroke-dasharray: 83.01988220214844px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    2.88s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s;
}

svg.active .svg-elem-25 {
  stroke-dashoffset: 0;
}

svg .svg-elem-26 {
  stroke-dashoffset: 631.3244018554688px;
  stroke-dasharray: 631.3244018554688px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .svg-elem-26 {
  stroke-dashoffset: 0;
}

svg .svg-elem-27 {
  stroke-dashoffset: 476.91583251953125px;
  stroke-dasharray: 476.91583251953125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.12s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s;
}

svg.active .svg-elem-27 {
  stroke-dashoffset: 0;
}

svg .svg-elem-28 {
  stroke-dashoffset: 744.142333984375px;
  stroke-dasharray: 744.142333984375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.2399999999999998s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.2399999999999998s;
}

svg.active .svg-elem-28 {
  stroke-dashoffset: 0;
}

svg .svg-elem-29 {
  stroke-dashoffset: 746.3715209960938px;
  stroke-dasharray: 746.3715209960938px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.36s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s;
}

svg.active .svg-elem-29 {
  stroke-dashoffset: 0;
}

svg .svg-elem-30 {
  stroke-dashoffset: 623.221435546875px;
  stroke-dasharray: 623.221435546875px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.48s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s;
}

svg.active .svg-elem-30 {
  stroke-dashoffset: 0;
}

svg .svg-elem-31 {
  stroke-dashoffset: 289.6582946777344px;
  stroke-dasharray: 289.6582946777344px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.5999999999999996s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.5999999999999996s;
}

svg.active .svg-elem-31 {
  stroke-dashoffset: 0;
}

svg .svg-elem-32 {
  stroke-dashoffset: 602.8639526367188px;
  stroke-dasharray: 602.8639526367188px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.7199999999999998s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.7199999999999998s;
}

svg.active .svg-elem-32 {
  stroke-dashoffset: 0;
}

svg .svg-elem-33 {
  stroke-dashoffset: 664.23828125px;
  stroke-dasharray: 664.23828125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.84s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s;
}

svg.active .svg-elem-33 {
  stroke-dashoffset: 0;
}

svg .svg-elem-34 {
  stroke-dashoffset: 491.6451416015625px;
  stroke-dasharray: 491.6451416015625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    3.96s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s;
}

svg.active .svg-elem-34 {
  stroke-dashoffset: 0;
}

svg .svg-elem-35 {
  stroke-dashoffset: 80.9701919555664px;
  stroke-dasharray: 80.9701919555664px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.08s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s;
}

svg.active .svg-elem-35 {
  stroke-dashoffset: 0;
}

svg .svg-elem-36 {
  stroke-dashoffset: 356.4424743652344px;
  stroke-dasharray: 356.4424743652344px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.2s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}

svg.active .svg-elem-36 {
  stroke-dashoffset: 0;
}

svg .svg-elem-37 {
  stroke-dashoffset: 791.884521484375px;
  stroke-dasharray: 791.884521484375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.32s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s;
}

svg.active .svg-elem-37 {
  stroke-dashoffset: 0;
}

svg .svg-elem-38 {
  stroke-dashoffset: 486.9570617675781px;
  stroke-dasharray: 486.9570617675781px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.4399999999999995s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.4399999999999995s;
}

svg.active .svg-elem-38 {
  stroke-dashoffset: 0;
}

svg .svg-elem-39 {
  stroke-dashoffset: 301.3788757324219px;
  stroke-dasharray: 301.3788757324219px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.56s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s;
}

svg.active .svg-elem-39 {
  stroke-dashoffset: 0;
}

svg .svg-elem-40 {
  stroke-dashoffset: 131.1112060546875px;
  stroke-dasharray: 131.1112060546875px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.68s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s;
}

svg.active .svg-elem-40 {
  stroke-dashoffset: 0;
}

svg .svg-elem-41 {
  stroke-dashoffset: 63.68836975097656px;
  stroke-dasharray: 63.68836975097656px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.8s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
}

svg.active .svg-elem-41 {
  stroke-dashoffset: 0;
}

svg .svg-elem-42 {
  stroke-dashoffset: 651.5997314453125px;
  stroke-dasharray: 651.5997314453125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    4.92s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s;
}

svg.active .svg-elem-42 {
  stroke-dashoffset: 0;
}

svg .svg-elem-43 {
  stroke-dashoffset: 169.40296936035156px;
  stroke-dasharray: 169.40296936035156px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.04s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s;
}

svg.active .svg-elem-43 {
  stroke-dashoffset: 0;
}

svg .svg-elem-44 {
  stroke-dashoffset: 269.2230224609375px;
  stroke-dasharray: 269.2230224609375px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.16s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s;
}

svg.active .svg-elem-44 {
  stroke-dashoffset: 0;
}

svg .svg-elem-45 {
  stroke-dashoffset: 526.8511962890625px;
  stroke-dasharray: 526.8511962890625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.279999999999999s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.279999999999999s;
}

svg.active .svg-elem-45 {
  stroke-dashoffset: 0;
}

svg .svg-elem-46 {
  stroke-dashoffset: 253.71607971191406px;
  stroke-dasharray: 253.71607971191406px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.3999999999999995s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.3999999999999995s;
}

svg.active .svg-elem-46 {
  stroke-dashoffset: 0;
}

svg .svg-elem-47 {
  stroke-dashoffset: 812.2730712890625px;
  stroke-dasharray: 812.2730712890625px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.52s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s;
}

svg.active .svg-elem-47 {
  stroke-dashoffset: 0;
}

svg .svg-elem-48 {
  stroke-dashoffset: 583.921875px;
  stroke-dasharray: 583.921875px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.64s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s;
}

svg.active .svg-elem-48 {
  stroke-dashoffset: 0;
}

svg .svg-elem-49 {
  stroke-dashoffset: 306.356689453125px;
  stroke-dasharray: 306.356689453125px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.76s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s;
}

svg.active .svg-elem-49 {
  stroke-dashoffset: 0;
}

svg .svg-elem-50 {
  stroke-dashoffset: 609.9479370117188px;
  stroke-dasharray: 609.9479370117188px;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715)
    5.88s;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s;
}

svg.active .svg-elem-50 {
  stroke-dashoffset: 0;
}
@media (max-width: 992px) {
  .main-con-image-logo img {
    width: 120px;
  }
  .padding-mobile-0 {
    padding: 0px;
  }
  .click-btn {
    width: 100px;
    margin: 0px 2px;
    font-size: 11px;
  }
  header {
    padding: 5px;
  }
  header .container {
    padding: 0px;
  }
  .main-con-section-features-right img {
    height: 300px;
  }
  .main-con-one-block p {
    font-size: 15px;
  }
  .main-con-one-block span {
    font-size: 12px;
  }
  .main-con-one-block {
    padding: 10px;
  }
  .main-con-features-block {
    padding: 0px;
  }
  .main-con-hero-section-text span {
    font-size: 20px;
  }
  .main-con-hero-section-text p {
    font-size: 15px;
  }
  .btn-style702 {
    font-size: 13px;
  }
  .btn-style700 {
    font-size: 13px;
  }
  .main-con-right-side img.front-image {
    height: 450px;
  }
  .main-con-right-side img.back-image {
    height: 300px;
  }
  .main-con-right-side {
    height: 50vh;
  }
  .main-con-hero-section-text {
    height: 50vh;
  }
}