:root {
  /* fonts */
  --font-montserrat: Montserrat;

  /* font sizes */
  --font-size-smi: 13px;
  --font-size-2xs: 11px;
  --font-size-lg: 18px;
  --font-size-mini: 15px;

  /* Colors */
  --color-white: #fff;
  --color-darkcyan: #008f8e;

  /* border radiuses */
  --br-5xl: 24px;
  --br-xs: 12px;
  --br-11xl: 30px;
}

html[dir='rtl'] .rectangle-group,
html[dir='rtl'] .rectangle-container {
  left: 2rem;
}
.penta-star-tour-image{
  display: none;
}
.rectangle-parent-penta-star .penta-star-tour-image {
  display: block;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 9;
}

.group-child,
.group-item {
  position: relative;
}

.group-child {
  width: 100%;
  height: 100%;
  border-radius: var(--br-5xl);
  background-color: #bdd2d2;
}

.group-item {
  border-radius: 40px;
  background-color: var(--color-white);
  width: 542.16px;
  height: 56.53px;
}

.ekonomk,
.gn-14-gece {
  position: absolute;
  top: 19.31px;
}

.gn-14-gece {
  left: 345.13px;
  display: inline-block;
  width: 168.3px;
}

.ekonomk {
  left: 28.13px;
  letter-spacing: 0.13em;
}

.group-inner {
  position: absolute;
  top: 15.42px;
  left: 278.79px;
  background-color: var(--color-darkcyan);
  width: 1.28px;
  height: 25.69px;
}

.rectangle-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 542.16px;
  height: 56.53px;
}

.rectangle-div {
  top: 307.89px;
  left: 185.13px;
  border-radius: var(--br-xs);
  background-color: var(--color-darkcyan);
  width: 170.87px;
  height: 46.25px;
}

.gece,
.mekke,
.rectangle-div {
  position: absolute;
}

.gece {
  top: 0;
  left: 4px;
  font-weight: 500;
}

.mekke {
  top: 15.42px;
  left: 0;
  font-size: var(--font-size-smi);
}

.gece-parent {
  position: absolute;
  top: 314.89px;
  left: 221.13px;
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 31.42px;
  color: var(--color-white);
}

.gece-parent>* {
  position: static;
}

.group-child1 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 29.5px;
  background-color: var(--color-white);
  width: 100%;
  height: 43.68px;
}

.detay {
  position: absolute;
  top: 11px;
  left: 65px;
  text-transform: uppercase;
  font-weight: 600;
}

.group-div {
  position: absolute;
  top: 307.89px;
  left: 370.13px;
  width: 170.87px;
  height: 43.68px;
  font-size: 14px;
}

.group-child2 {
  position: absolute;
  top: -15.42px;
  left: -26.98px;
  border-radius: var(--br-5xl);
  background-color: var(--color-white);
  width: 542.16px;
  height: 56.53px;
  display: none;
}

.group-child3,
.rectangle-wrapper {
  position: absolute;
  top: 0;
  left: 26.98px;
  width: 0;
  height: 0;
}

.group-child3 {
  top: 57.81px;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  width: 542.16px;
  height: 140.04px;
}

.line-div {
  position: absolute;
  top: 67.93px;
  left: 41.9px;
  border-top: 1px solid var(--color-darkcyan);
  box-sizing: border-box;
  width: 386.42px;
  height: 1px;
}

.group-child4,
.group-child5,
.group-child6 {
  position: absolute;
  top: 47.87px;
  left: 0;
  border-radius: var(--br-11xl);
  background-color: var(--color-white);
  border: 1px solid var(--color-darkcyan);
  box-sizing: border-box;
  width: 42.4px;
  height: 42.4px;
}

.group-child5,
.group-child6 {
  left: 213.27px;
}

.group-child6 {
  left: 427.82px;
}

.bus-icon,
.fi-723955-icon,
.fi-723955-icon1 {
  position: absolute;
  top: 59.43px;
  left: 11.56px;
  width: 19.27px;
  height: 19.27px;
  overflow: hidden;
}

.bus-icon,
.fi-723955-icon1 {
  left: 439.38px;
}

.bus-icon {
  left: 224.83px;
}

.mekke-medne,
.stanbul-mekke {
  position: absolute;
  top: 74px;
}
.mekke-medne{
  left: 25%;
  transform: translateX(-25%);
}
.stanbul-mekke {
  right: 25%;
  transform: translateX(25%);
}

.mekke-medne {
  top: 72px;
}

.ger-dn,
.stanbul-medne {
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
}

.ger-dn {
  top: 0;
  font-size: 8px;
  font-weight: 500;
}

.group-icon,
.line-parent {
  position: absolute;
  top: 33.6px;
  left: 41.4px;
  width: 387.71px;
  height: 16.97px;
}

.line-parent {
  top: 81.89px;
  left: 35.97px;
  width: 470.21px;
  height: 90.27px;
}

.group-child7 {
  top: 0;
  left: 0;
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  width: 172.15px;
  height: 77.08px;
}

.b,
.group-child7,
.kiilik-oda {
  position: absolute;
}

.kiilik-oda {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  width: max-content;
}

.b {
  top: 17.99px;
  left: 5px;
  font-size: var(--font-size-lg);
  width: max-content;
  text-align: center;
}

.kiilik-oda-parent {
  position: absolute;
  top: 18px;
  left: 51px;
  width: 70px;
  height: 39.99px;
}

.rectangle-parent1 {
  position: absolute;
  top: 214.89px;
  left: 0.13px;
  width: 172.15px;
  height: 77.08px;
}

.b1 {
  position: absolute;
  top: 17.99px;
  left: 4px;
  font-size: var(--font-size-lg);
  width: max-content;
  text-align: center;
}

.kiilik-oda-group {
  position: absolute;
  top: 19px;
  left: 51px;
  width: 70px;
  height: 39.99px;
}

.rectangle-parent2 {
  position: absolute;
  top: 214.89px;
  left: 185.13px;
  width: 172.15px;
  height: 77.08px;
}

.rectangle-parent-penta-star .rectangle-parent1 {
  width: 250px;
}

.rectangle-parent-penta-star .rectangle-parent2 {
  left: 293.13px;
  width: 250px;
}

.rectangle-parent-penta-star .group-child7 {
  width: 100%;
}

.rectangle-parent-penta-star .kiilik-oda-parent,
.rectangle-parent-penta-star .kiilik-oda-group {
  left: 91px;
}

.b2 {
  position: absolute;
  top: 17.99px;
  left: 8px;
  font-size: var(--font-size-lg);
  width: max-content;
  text-align: center;
}
.kiilik-oda-container,
.kiilik-oda-group,
.kiilik-oda-parent{
  top: 50% !important;
  transform: translateY(-50%);
  height: 52px !important;
}
.b,
.b1,
.b2 {
  display: flex;
  flex-direction: column;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1.1;
}
.b > span:last-child,
.b1 > span:last-child,
.b2 > span:last-child{
  font-size: 0.9rem;
  font-weight: 500;
}
.kiilik-oda-container {
  position: absolute;
  top: 18px;
  left: 49px;
  width: 74px;
  height: 39.99px;
}

.rectangle-parent3 {
  position: absolute;
  top: 214.89px;
  left: 370.13px;
  width: 172.15px;
  height: 77.08px;
}

.group-child10 {
  top: 307.89px;
  left: 1.13px;
  border-radius: var(--br-xs);
  background-color: var(--color-darkcyan);
  width: 170.87px;
  height: 46.25px;
}

.gece1,
.group-child10,
.medne {
  position: absolute;
}

.gece1 {
  top: 0;
  left: 5px;
  font-weight: 500;
  display: inline-block;
  width: max-content;
  height: 16px;
  text-align: center;
}

.medne {
  top: 15px;
  left: 0;
  font-size: var(--font-size-smi);
}

.gece-group {
  position: absolute;
  top: 315.89px;
  left: 58.13px;
  width: 56px;
  height: 31px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-white);
}

.gece-group>* {
  position: static;
}

.rectangle-container {
  position: absolute;
  top: 15.42px;
  left: 0;
  width: 545.91px;
  height: 354.14px;
  font-size: var(--font-size-2xs);
}

.group-parent,
.image-1-icon {
  position: relative;
  width: calc(50% - 2rem);
}

.group-parent {
  height: 369.56px;
  margin: 1.5rem 0;
}

.image-1-icon {
  top: 0;
  left: 0;
  border-radius: var(--br-5xl);
  object-fit: cover;
  height: 100%;
}

.rectangle-parent {
  position: relative;
  border-radius: var(--br-5xl);
  background-color: #bdd2d2;
  width: 95%;
  max-width: 1200px;
  text-align: left;
  font-size: var(--font-size-mini);
  color: var(--color-darkcyan);
  font-family: var(--font-montserrat);
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
  margin: 2rem auto;
}

@media screen and (min-width:1200px) {
  .rectangle-parent {
    height: 417.55px;
  }
}

@media screen and (max-width:1200px) {

  html[dir='rtl'] .rectangle-group,
  html[dir='rtl'] .rectangle-container {
    left: 50%;
  }

  .rectangle-parent {
    width: calc(100% - 2rem);
    max-width: 600px;
    flex-direction: column;
    padding: 0;
  }

  .image-1-icon,
  .group-parent {
    width: 100%;
  }

  .group-parent {
    padding-right: 0;
    height: 395.56px;
  }

  .rectangle-container {
    height: 25px;
  }

  .rectangle-group,
  .rectangle-container {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width:720px) {
  .group-parent {
    height: 374.56px;
  }

  .rectangle-group,
  .rectangle-container {
    left: 50%;
    transform: translateX(-50%) scale(0.9);
  }
}

@media screen and (max-width:580px) {
  .rectangle-parent {
    margin: 2rem auto;
  }

  .ger-dn {
    top: 0;
    font-size: 10px;
    font-weight: 500;
  }

  .group-parent {
    height: 328.56px;
  }

  .rectangle-group,
  .rectangle-container {
    left: 50%;
    transform: translateX(-50%) scale(0.78);
  }
}

@media screen and (max-width:480px) {
  .group-parent {
    height: 280.56px;
  }

  .rectangle-group,
  .rectangle-container {
    left: 50%;
    transform: translateX(-50%) scale(0.67);
  }
}

@media screen and (max-width:440px) {
  .group-parent {
    height: 252.56px;
  }

  .rectangle-group,
  .rectangle-container {
    left: 50%;
    transform: translateX(-50%) scale(0.6);
  }
}

@media screen and (max-width:400px) {
  .group-parent {
    height: 230.56px;
  }

  .rectangle-group,
  .rectangle-container {
    left: 50%;
    transform: translateX(-50%) scale(0.54);
  }
}

@media screen and (max-width:360px) {
  .group-parent {
    height: 220.56px;
  }

  .rectangle-group,
  .rectangle-container {
    left: 50%;
    transform: translateX(-50%) scale(0.5);
  }
}