@font-face {
  font-family: "Helvetica Neue LT GEO 55 Roman";
  src: url("../Fonts/HelveticaNeueLTGEO-55Roman.woff2") format("woff2"),
    url("../Fonts/HelveticaNeueLTGEO-55Roman.woff") format("woff"),
    url("../Fonts/HelveticaNeueLTGEO-55Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  src: url("../Fonts/HelveticaNeueLTGEOCaps-55Rmn.woff2") format("woff2"),
    url("../Fonts/HelveticaNeueLTGEOCaps-55Rmn.woff") format("woff"),
    url("../Fonts/HelveticaNeueLTGEOCaps-55Rmn.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT GEO 65";
  src: url("../Fonts/HelveticaNeueLTGEO-65Medium.woff2") format("woff2"),
    url("../Fonts/HelveticaNeueLTGEO-65Medium.woff") format("woff"),
    url("../Fonts/HelveticaNeueLTGEO-65Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT GEO 75 Roman";
  src: url("../Fonts/HelveticaNeueLTGEO-75Bold.woff2") format("woff2"),
    url("../Fonts/HelveticaNeueLTGEO-75Bold.woff") format("woff"),
    url("../Fonts/HelveticaNeueLTGEO-75Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  src: url("../Fonts/HelveticaNeueLTGEOCaps-75Bold.woff2") format("woff2"),
    url("../Fonts/HelveticaNeueLTGEOCaps-75Bold.woff") format("woff"),
    url("../Fonts/HelveticaNeueLTGEOCaps-75Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../Fonts/HelveticaNeue-Medium.woff2") format("woff2"),
    url("../Fonts/HelveticaNeue-Medium.woff") format("woff"),
    url("../Fonts/HelveticaNeue-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../Fonts/HelveticaNeue-Roman.woff2") format("woff2"),
    url("../Fonts/HelveticaNeue-Roman.woff") format("woff"),
    url("../Fonts/HelveticaNeue-Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url("../Fonts/HelveticaNeue-Bold.woff2") format("woff2"),
    url("../Fonts/HelveticaNeue-Bold.woff") format("woff"),
    url("../Fonts/HelveticaNeue-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* cursor: pointer; */
  /* font-family: Noto Sans Georgian; */
  border: none;
   /*outline: solid red 1px; */
}

a {
  text-decoration: none;
  all: unset;
  cursor: pointer;
}

.PS-search-form{
    display: flex;
}

.PS-filter-form{
    all:unset;
}

body {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  min-height: 100dvh; /* Or 100vh for older browser support */
}

/* -------- -------- ---------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------


ჰედერის კოდის დასაწყისი 


-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------*/

header {
  /* border: solid black 1px; */
  margin: 0 auto;
  /* margin-top: 40px; */
  background-color: #6d5baf;
  width: 100%;
  /* align-content: center; */
  /* text-align: center; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 69px;
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: top 0.3s ease-in-out;
}

.hide-header {
  /* Moves the header up by its full height (e.g., 80px) */
  top: -80px !important;
}

header > div {
  /* border: solid black 1px; */
  margin: 0 auto;
  /* margin-top: 40px; */
  background-color: #6d5baf;
  max-width: 1250px;
  width: 100%;
  /* align-content: center; */
  /* text-align: center; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 69px;
}

 .Logo {
  /*outline: solid red 1px;*/
  width: 100%;
  max-height: 36px;
  object-fit: contain;
 
} 

.Burger-Menu {
  display: none;
}

nav {
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 24px;
}

.Main-Menu {
}

.Mobile-Menu {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 24px;
  margin-right: -48px;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
}

.Mobile-Menu > li {
  border: solid #6d5baf 3px;
  display: flex;
  align-items: center;
  height: 69px;
}

.Mobile-Menu > li:hover {
  color: #e7e4f5;
}

.Mobile-Menu > li.PS-active-page {
  border-bottom: solid #ffffff 3px;
}

.Heart-div {
  /* border: solid red 1px; */
  margin-left: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.Heart-div-numbers {
  width: 14px;
  height: 11px;
  background-color: #ff5555;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 8px;
  line-height: 14px;
  letter-spacing: 0%;

  position: absolute;
  top: -3px;
  right: -7px;
}

.Lang-div {
  /* border: solid red 1px; */
  margin-left: -8px;
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
}

.Lang-div > img {
  height: 16px;
}

.For-Mobile {
  display: none;
  /* border: solid red 1px; */
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Modal overlay styles (hidden by default) */
.PS-modal-overlay {
  /* outline: solid red 1px; */
  width: 520px;
  /* width: 100%; */
  display: flex;
  /* position: fixed; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: 100%; */
  /* background-color: rgba(0, 0, 0, 0.7); */
  justify-content: center;
  align-items: center;
  z-index: 10;
}

/* Styles for the modal content */
.PS-modal-content-menu {
  /* background: white; */
  /* padding: 2em; */
  border-radius: 8px;
  /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
  /* width: 80%; */
  /* max-width: 500px; */
}

/* The class to make the modal visible */
.PS-modal-overlay.active {
  display: flex; /* Or 'block' depending on your needs */
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------- -------- ---------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------


ჰედერის კოდის დასასრული 


-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------
-------- ---------------------------------------------------------------------*/

/* .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 48px;
  background-color: #3366cc;
  margin-top: 40px;
  height: 69px;
} */
/* .lmlogo {
  border: solid red 1px; 
  font-size: 20px;
  font-weight: 600;
  color: #333333;
} */

/*----------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------

გვერდის მიერ 100% ვერტიკალური გაშლისთვის (დასაწყისი)

------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------*/

.PS-For-View {
  flex-grow: 1;
}

/*----------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------

გვერდის მიერ 100% ვერტიკალური გაშლისთვის (დასასრული)

------------------------------------------------------------------------
------------------------------------------------------------------------
------------------------------------------------------------------------*/

.navbar {
  display: flex;
  align-items: center;
  gap: 24px;
}

.lmflagdiv {
  display: flex;
  color: white;
  width: 44.66666793823242px;
  height: 21px;
  opacity: 1;
  gap: 0px;
  justify-content: center;
  align-items: center;
}
.lmflagdiv img {
  width: 18.666667938232422 px;
  height: 14.000000953674316 px;
  opacity: 1;
  display: flex;
  /* margin: 0; */
}
.lmge {
  display: flex;
  /* gap: 2px; */
  /* margin: 0; */
  margin-left: -25px;
}

.navbar ul {
  /* border: solid red 1px; */
  display: flex;
  list-style: none;
  gap: 24px;
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
}

.navbar li {
  /* border: solid yellow 1px; */
  display: flex;
  align-items: center;
  gap: 16px;
  /* margin-right: 30px; */
  /* font-size: 16px; */
  color: #ffffff;
  font-weight: 500;
  height: 69px;
  /* padding: 16px 16px; */
}

.PS-fav-lang-group {
  /* border: solid red 1px; */
  display: flex;
  align-items: center;
  gap: 16px;
}

.navbar li:hover {
  opacity: 0.5;
  transition-duration: 0.2s;
}
.maincontainer {
  background-color: #ffffff;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  /* width: 1440px; */
  display: flex;
  flex-direction: column;
  min-height: 100dvh; /* Or 100vh for older browser support */
}
.lmfirstsection {
  width: 100%;
  margin: 0 auto;
  background: linear-gradient(
    180deg,
    #eadafc 0%,
    rgba(249, 231, 255, 0.1) 100%
  );
  /* padding-left: 48px; */
}
.lmfirstsecionwrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1250px;
  width: 100%;
  max-width: 1250x;
  margin: 0 auto;
  padding: 0;
}
.lmfirstsectionright {
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  pad: 1rem;
  /* background: red; */
}
.lmfirstsectionimage {
  position: relative;
  width: 100%;
  max-width: 370px;
  height: 599.34px;
}

.lmfirstsectionimage img.lmframe {
  width: 100%;
  max-width: 370px;
  height: 599.34px;
  margin-right: 70px;
  display: block;
}
.lmscreen {
  position: absolute;
  margin-left: 46px;
  top: 285px;
  max-width: 259px;
  width: 100%;
  height: 204.5px;
  overflow: hidden;
  border-radius: 26px;
  display: block;
}

.lmmonitorslider {
  display: flex;
  height: 100%;
}

.lmmonslide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  max-width: 259px;
}

.lmmonslide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lmfirstsectionleft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 34px;
}
.lmmaintitle {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  /* leading-trim: NONE; */
  line-height: 36px;
  letter-spacing: 1px;
  color: #333333;
}
.lmmobicon {
  display: none;
}
.lmfirstsectionleft p {
  width: 100%;
  max-width: 815px;
  font-family: "Helvetica Neue LT GEO 55 roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
}
.lmbuttons {
  display: flex;
  gap: 40px;
  /* margin-bottom: 40px; */
}
.lmfirstbutton12 {
  color: white;
  width: 247px;
  height: 42px;
  opacity: 1;
  padding: 10px 19px;

  /* padding top: 10px; */
  border-radius: 8px;
  background-color: #6d5baf;
  /* border: 1px solid #6d5baf; */
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 22px;
  letter-spacing: 5%;
  cursor: pointer;
}
.lmfirstbutton12:hover {
  opacity: 80%;
}
.lmfirstbutton12:active {
  background-color: #4a3c82;
}

.lmfirstbutton {
  color: black;
  width: 247px;
  opacity: 1;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  /* padding top: 10px; */
  border-radius: 8px;
  background-color: white;
  border: 1px solid #6d5baf;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 16px;
  leading-trim: NONE;
  /* line-height: 22px; */
  letter-spacing: 0.8px;
}
.lmsecondbutton12 {
  display: inline-block;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  width: 247px;
  margin-left: 30px;
  opacity: 1;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  border-radius: 8px;
  background-color: #6d5baf;
  border-color: #6d5baf;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 16px;
  leading-trim: NONE;
  /* line-height: 22px; */
  letter-spacing: 0.8px;
}
.lmdirections {
  display: flex;
  justify-content: space-between;
  margin-right: 48px;
  align-items: baseline;
}
.lmcards {
  width: 100%;
  max-width: 1250px;
  margin-top: 48px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-left: 0;
  justify-content: center;
}
.lmcatname {
  font-weight: 700;
  font-size: 28px;
  margin-left: 48px;
  margin-top: 40px;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  line-height: 36px;
  letter-spacing: 0.8px;
  color: #333333;
}
.lmcategories {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}
.lmcategories img {
  width: 30px;
  height: 30px;
}
.lmcard1 {
  width: 204px;
  height: 188px;
  /* padding: 75px 90px; */
  background-color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lmcard2 {
  width: 204px;
  height: 188px;
  /* padding: 75px 90px; */
  background-color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lmcard3 {
  width: 204px;
  height: 188px;
  /* padding: 75px 90px; */
  background-color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lmcard4 {
  width: 204px;
  height: 188px;
  /* padding: 75px 90px; */
  background-color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lmcard5 {
  width: 204px;
  height: 188px;
  /* padding: 75px 90px; */
  background-color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lmcard6 {
  width: 204px;
  height: 188px;
  /* padding: 75px 90px; */
  background-color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lmname1 {
  width: 196px;
  border-radius: 8px;
  /* border-radius: 15px; */
  background-color: white;
  border: solid #cc33a1 1.5px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 12px;
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 50px;
  line-height: 22px;
  letter-spacing: 5%;
  vertical-align: center;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #333333;
  font-style: 75 Bold;
  cursor: pointer;
}

.lmname1:hover {
  background-color: #fbeff7;
}
.lmname1:active {
  background-color: #cc33a1;
}
.lmname2 {
  width: 196px;
  border-radius: 8px;
  border: solid #3366cc 1.5px;

  background-color: white;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 12px;
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 50px;
  line-height: 22px;
  letter-spacing: 5%;
  vertical-align: bottom;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #333333;
  cursor: pointer;
}
.lmname2:hover {
  background-color: #dceeff;
}
.lmname2:active {
  background-color: #3366cc;
}
.lmname3 {
  width: 196px;
  border-radius: 8px;
  background-color: white;
  border: solid #ffc229 1.5px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 12px;
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 50px;
  line-height: 22px;
  letter-spacing: 5%;
  vertical-align: bottom;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #333333;
  cursor: pointer;
}
.lmname3:hover {
  background-color: #fbf7ef;
}
.lmname3:active {
  background-color: #ffc229;
}
.lmname4 {
  width: 196px;
  border-radius: 8px;
  background-color: white;
  border: solid #2ca678 1.5px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 12px;
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 50px;
  line-height: 22px;
  letter-spacing: 5%;
  vertical-align: bottom;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #333333;
  cursor: pointer;
}
.lmname4:hover {
  background-color: #daf3ec;
}
.lmname4:active {
  background-color: #2ca678;
}
.lmname5 {
  width: 196px;
  border-radius: 8px;
  background-color: white;
  border: solid #fe8b3f 1.5px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 12px;
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 50px;
  line-height: 22px;
  letter-spacing: 5%;
  vertical-align: bottom;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #333333;
  cursor: pointer;
}
.lmname5:hover {
  background-color: #fbefef;
}
.lmname5:active {
  background-color: #ff5555;
}
.lmname6 {
  width: 196px;
  border-radius: 8px;
  background-color: white;
  border: solid #ff5555 1.5px;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 12px;
  line-height: 22px;
  margin-top: 12px;
  margin-bottom: 50px;
  line-height: 22px;
  letter-spacing: 5%;
  vertical-align: bottom;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #333333;
  cursor: pointer;
}
.lmname6:hover {
  background-color: #fbeff7;
}
.lmname6:active {
  background-color: #cc33a1;
}

.dayprof {
  width: 100%;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 48px;
}
.dayprofwrapper {
  margin-top: 60px;
  margin-bottom: 48px;
  display: flex;
  /* justify-content: space-between; */
  /* align-items: center; */
  gap: 72px;
  /* margin-right: 48px; */
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
}
.daywrapperright > img {
  max-width: 440px;
  width: 100%;
  height: 249px;
  object-fit: cover;
  border-radius: 12px;
}
.daywrapperleft {
  width: 100%;
  max-width: 832px;
  /* height: 181px; */
  /* margin-left: 48px; */
  display: flex;
  flex-direction: column;
  text-align: left;
  align-items: baseline;
}
.daywrapperleft h1 {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 30px;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 1px;
}
.daywrapperleft p {
  font-family: "Helvetica Neue LT GEO 55 roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
}
.dayprofbtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 197px;
  /* height: 48px; */
  border-radius: 12px;
  padding: 10px 12px 10px 20px;
  margin-top: 20px;
  background-color: #6d5baf;
  border-color: #6d5baf;
  color: white;
  font-size: 16px;
  line-height: 150%;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
}
.quizsection {
  background-color: #e7e4f5;
  width: 100%;
  margin: 0 auto;
}
.lmwrapper2 {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 10px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  gap: 40px;
  margin: 0 auto;
  max-width: 1250px;
}
.lmwrapper2left {
  width: 100%;
  max-width: 440px;
  /* background-color: #ececec; */
  margin-right: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.lmwrapper2left img {
  width: 100%;
  max-width: 440px;
  height: 249px;
  object-fit: cover;
  display: flex;
  align-items: center;
  border-radius: 12px;
}
.lmwrapper2right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 832px;
  margin-left: 0;
  margin-bottom: 0px;
}
.lmwrapper2right h1 {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 30px;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 1px;
}
.lmwrapper2right p {
  font-family: "Helvetica Neue LT GEO 55 roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
  width: 100%;
  max-width: 820px;
}
.lmstartquiz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 197px;
  height: 42px;
  border-radius: 12px;
  padding: 10px 20px 10px 20px;
  margin-top: 30px;
  background-color: #6d5baf;
  border-color: #6d5baf;
  color: white;
  font-size: 16px;
  line-height: 150%;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  line-height: 22px;
  letter-spacing: 0.8px;
  vertical-align: bottom;
  cursor: pointer;
}

.lmstartquiz:hover {
  opacity: 80%;
}

.lmstartquiz:active {
  background-color: #4a3c82;
}

.lmknowmore {
  /* outline: solid red 1px; */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 172px;
  /* max-width: 250px; */
  height: 42px;
  border-radius: 8px;
  /* padding: 10px 20px; */
  margin-top: 30px;
  background-color: #6d5baf;
  border-color: #6d5baf;
  color: white;
  /* font-size: 16px; */
  /* line-height: 150%; */
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  gap: 8px;
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 5%;
  /* vertical-align: bottom; */
  cursor: pointer;
}
.lmknowmore:hover {
  opacity: 80%;
}
.lmknowmore:active {
  background-color: #4a3c82;
}

.lmknowmore > img {
  width: 20px;
}

.lmmaintitle1 {
  margin-left: 48px;
  margin-top: 55px;
  margin-bottom: 45px;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 1px;
  color: #333333;
}
.lm-next-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 30%;
  left: 92%;
  width: 48px;
  height: 48px;
  transition: 0.5s ease;
  border-radius: 50%;
  background-color: #e7e4f5e5;
  opacity: 70%;
  /* position: fixed; */
}
.lmmainslider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
  margin-bottom: -70px;
}
.lmprofphotos {
  max-width: 232px;
  width: 100%;
  height: 208px;
}
.lmslide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  /* margin-bottom: 300px; */
}

.lmslide.lmslideactive {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lmwrapper-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  height: 100%;
  /* margin-bottom: 90px; */
}
.lmwrappernew {
  display: flex;
}

.lmwrappernew2 {
  margin-left: 30px;
}
.lmwrappernew2 h2 {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0.8px;
  color: #333333;
  margin-bottom: 20px;
}
.lmmobname {
  display: none;
}
.lmwrappernew2 h3 {
  font-family: "Helvetica Neue LT GEO 55";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 21px;
  letter-spacing: 0%;
  color: #333333;
  margin-bottom: 20px;
}
.lmwrapper3 {
  width: 100%;
  max-width: 662px;
  margin: 0;
  gap: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 16px;
  border-radius: 15px;
}
.lmwrappermob {
  display: none;
}
.lmwrapper3 img {
  display: flex;
}
.lmwrapper3 p {
  font-weight: 400;
  font-family: "Helvetica Neue LT GEO 55";
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
  margin-top: 30px;
  width: 100%;
  max-width: 609px;
}
.lmwrapper3left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}

.lmwrapper3left h1 {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 30px;
  margin-top: 50px;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #333333;
  line-height: 36px;
  letter-spacing: 0.8px;
}

.lmwrapper3left p {
  width: 100%;
  line-height: 23px;
  font-size: 18px;
  color: #333333;
  font-family: "Helvetica Neue LT GEO 55 roman";
  font-weight: 400;
}

.lmwrapper3left img {
  width: 20px;
  height: 20px;
}

.lm4png {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}

.lmceepreading {
  width: 231px;
  background-color: #6d5baf;
  color: white;
  border-radius: 8px;
  padding: 10px 20px;
  gap: 8px;
  display: flex;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-top: 55px;
}

.lmceepreading img {
  margin-left: 5px;
}

/* Dots */
.lmdots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
}

.lmdot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #dceeff;
  border-radius: 50%;
}

.lmdot.lmactivedot {
  background: #3366cc;
}

/* --------------page2 ------------------------------------------- */

.lmwrapper4 {
  display: flex;
  max-width: 1250px;
  width: 100%;
  padding: 0;
  justify-content: space-between;
  justify-content: center;
  margin-top: 48px;
  margin-bottom: 72px;
  align-items: center;
  gap: 70px;
  margin: 0 auto;
}
.lmwrapper4left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}
.lmwrapper4left h1 {
  font-size: 28px;
  color: #333333;
  margin-bottom: 32px;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 1px;
}

.lmwrapper4left p {
  width: 100%;
  max-width: 724px;
  color: #333333;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0%;
}
.lmwrapper4left button {
  width: 100%;
  max-width: 294px;
  height: 48px;
  border-radius: 12px;
  margin-top: 9px;
  background-color: #6e6e6e;
  color: white;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
}
.lmwrapper4right {
  /* outline: solid red 1px; */
  width: 100%;
  max-width: 548px;
  height: 367px;
  background-color: #ececec;
  margin: 0;
  /* margin-bottom: 40px; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
}
.lmwrapper4right img {
  max-width: 548px;
  width: 100%;
  height: 367px;
  object-fit: cover;
  border-radius: 12px;
  display: flex;
  align-items: center;
}
.lmwrapper5 {
  /* margin-top: 30px; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
}
.lmmissionsection {
  margin-top: 48px;
  margin-bottom: 72px;
}
.lmvissionsection {
  margin-bottom: 72px;
  /* display: flex; */
}
.lmwrapper5left {
  width: 100%;
  max-width: 548px;
  height: 367px;
  background-color: #ececec;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-radius: 12px;
}
.lmwrapper5left img {
  /* outline: solid red 1px; */
  max-width: 548px;
  width: 100%;
  height: 367px;
  object-fit: cover;
  border-radius: 12px;
  display: flex;
  align-items: center;
  border-radius: 12px;
}
.lmwrapper5right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 722px;
  margin: 0;
  /* margin-bottom: 0px; */
}
.lmwrapper5right h1 {
  font-size: 28px;
  color: #333333;
  margin-bottom: 16px;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  line-height: 36px;
  letter-spacing: 0.8px;
}
.lmwrapper5right p {
  line-height: 24px;
  /* margin-bottom: 20px; */
  color: #333333;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
}

.lmwrapper5right button {
  width: 100%;
  max-width: 294px;
  height: 48px;
  border-radius: 12px;
  margin-top: 9px;
  background-color: #6e6e6e;
  color: white;
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
}
.lmteamsection {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  /* padding-left: 48px; */
}
.lmteamheader {
  /* margin-left: 46px; */
  font-size: 28px;
  color: #333333;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0.8px;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 32px;
  margin-top: -20px;
}
.lmteamwrapper {
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  max-width: 1440px;
   margin-left: 48px; 
  justify-content: start;
  gap: 24px;
}



  

.lmfullcycle {
  /*outline: solid red 1px;*/
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  cursor: pointer;
}

.lmonlycycle {
  width: 204px;
  height: 204px;
  background-color: #ececec;
  border-radius: 12px;
  /* justify-content: center; */
  /* align-items: center; */
  /* display: flex; */
  /* border-radius: 100px; */
  margin-bottom: 10px;
}
.lmfullcycle:hover {
  opacity: 80%;
}
.lmfullcycle:active {
  background-color: #e5e5e5;
}
.lmonlycycle img {
  border-radius: 12px;
}
.lmfullcycle span {
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.8px;
  color: #333333;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  color: #1a1a1a;
}
.lmiconandprof {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 40px;
  margin-top: 6px;
}
.lmiconandprof h6 {
  font-weight: 400;
  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  color: #1a1a1a;
  font-style: 55 Roman;
  font-size: 12px;
  leading-trim: NONE;
  line-height: 16px;
  letter-spacing: 0.8px;
}
.lmiconandprof img {
  width: 20px;
  height: 20px;
}

.lmonlycycle img {
  width: 204px;
  height: 204px;
}
/* newquiz */
/* newquiznewquiznewquiznewquiznewquiznewquiz */
.newquizwrapper {
  display: flex;
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
  margin-bottom: 48px;
}
.newquizleft {
  width: 100%;
  max-width: 600px;
}
.newquizleft h1 {
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0.8px;
  color: #333333;
  margin-bottom: 32px;
}
.newquizleft p {
  font-family: "Helvetica Neue LT GEO 55 roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
}
.newquizleft ul {
  list-style-position: inside;
}
.newquizleft li {
  font-family: "Helvetica Neue LT GEO 55 roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
}
.newquizright img {
  width: 100%;
  max-width: 600px;
  object-fit: cover;
  height: 796px;
  border-radius: 12px;
}
.pngmobile {
  display: none;
}
.newstartquiz {
  display: flex;
  /* gap: 10px; */
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 636px;
  height: 52px;
  border-radius: 8px;
  padding: 10px 50px 10px 50px;
  background-color: #6d5baf;
  border-color: #6d5baf;
  color: white;
  font-size: 16px;
  line-height: 150%;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  line-height: 22px;
  letter-spacing: 1px;
  vertical-align: bottom;
  margin-top: 58px;
}

.newstartquiz:hover {
  opacity: 80%;
}

.newstartquiz:active {
  background-color: #4a3c82;
}

/* ________________new quiz____________________- */

/* ________________quiz____________________- */

.lmquizsection {
  border-top: 1px solid #ccc;
  padding-top: 50px;
  padding-bottom: 35px;

  /* margin-right: 48px;
  margin-left: 48px; */
}
.lmquizsection h1 {
  margin-bottom: 50px;
  font-size: 28px;
  font-weight: 700;
  margin-left: 48px;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0.8px;
  color: #333333;
}
.lmprogressbar {
  display: flex;
  width: 100%;
  max-width: 1440px;
  /* margin-left: 40px; */
  justify-content: space-between;
  position: relative;
  align-items: center;
  padding-left: 46px;
  padding-right: 46px;
  padding-top: 30px;
  padding-bottom: 30px; /* border-radius: 16px; */
  /* width: 80%; */
  /* padding: 40px;---------- */
  background-color: #daf3ec;
  /* border-radius: 5%; */
}
.lmprogressbar::before {
  width: 100%;
  max-width: 1283px;
  content: "";
  position: absolute;
  /* margin-left: 40px; */
  top: 50%;
  left: 90px;
  right: 90px;
  /* width: 100%; */
  height: 10px;
  background: white;
  z-index: 0;
  transform: translateY(50%);
}
.lmstep {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}

.lmlabel {
  /* margin-bottom: 20px; */
  font-size: 20px;
  color: #333333;
  /* margin-bottom: 8px; */
}
.lmlabel1 {
  font-size: 20px;
  color: #333333;
}
.lmcircle {
  width: 29px;
  height: 28px;
  border-radius: 50%;
  background-color: #daf3ec;
  border: 4px solid #007b55;
  /* display: flex; */
  /* align-items: center;
  justify-content: center; */
  /* color: #007b55; */
  z-index: 1;
  position: relative;
  /* position: relative; */
  /* margin-top: 30px; */
}
.lmcircle1 {
  width: 29px;
  height: 28px;
  border-radius: 50%;
  background-color: #007b55;
  border: 4px solid #007b55;
  /* display: flex; */
  /* align-items: center;
  justify-content: center; */
  /* color: #007b55; */
  z-index: 1;
  position: relative;
}

.lmmainquestion h2 {
  margin-top: 60px;
  margin-bottom: 30px;
  margin-left: 48px;
  font-family: "Helvetica Neue LT GEO 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0%;
  color: #333333;
}
.lmoption {
  box-shadow: 0px 4px 8px 0px #0000001a;
  display: block;
  margin: 8px 0;
  padding: 15px;
  border: 0p 1px 4px 9px solid#ddd;
  /* background-color: white; */
  /* border-color: #f8f2f2; */
  /* border-radius: 10px; */
  border-radius: 6px;
  cursor: pointer;
  margin-left: 48px;
  display: flex;
  gap: 10px;
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 26px;
  letter-spacing: 0px;
  color: #333333;
}

.lmoption input[type="radio"] {
  accent-color: #007b55;
  width: 20px;
  height: 20px;
}
.quizform {
  width: 100%;
  max-width: 940px;
  margin-left: -22px;
  border: none;
  box-shadow: none;
  background: none;

  /* border: none; */
}
.lmquizbuttons {
  margin-left: 46px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.divfornextmodal {
  display: none;
}

.screenshotlm {
  margin-left: 48px;
  margin-top: 40px;
  width: 932px;
  margin-left: 260px;
}

/* ///////////privacy styles */ /* ///////////privacy styles */
/* ///////////privacy styles */
/* ///////////privacy styles */

.lmallcookies {
  max-width: 100%;
  width: 1440px;
  margin: 0 auto;
}
.lmcookie1 {
  margin-left: 46px;
  margin-right: 46px;
  /* max-width: 1344px; */
  /* width: 100%; */
  flex-wrap: wrap;
}
.lmcookie1 h1 {
  margin-top: 48px;
  margin-bottom: 32px;
  font-family: Helvetica Neue;
  font-weight: 700;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  color: #333333;
  font-style: Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.lmcookie1 p {
  font-family: Helvetica Neue LT GEO;
  font-weight: 400;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
  margin-bottom: 72px;
}
/* -----------------fav section ------------------ */
.lmfavsection {
  margin-left: 48px;
  margin-right: 46px;
  margin-bottom: 48px;

  border-top: 1px solid #ccc;
  padding-top: 50px;
}
.lmfavhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 40px;
}
.lmfilterwrapper {
  display: flex;
  justify-content: space-between;
}
.lmfilterleft {
  width: 100%;
  max-width: 320px;
  border-right: 1px solid #ccc;
}
.lmfilterleft h1 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 700;
}
.lmfiltertitle {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  font-weight: bold;
}
.lmchoices {
  width: 100%;
  max-width: 294px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 70px;
}
.lmchoices button {
  width: 90px;
  padding: 5px 3px 5px 3px;
  font-size: 12px;
  font-weight: 500;
  background-color: white;
  border-color: #f8f2f2;
  border-radius: 10px;
  /* font-weight: bolder; */
}
.lmfilterright {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 40px;
}
.lmcardphoto {
  width: 318px;
  height: 260px;
}
.lmonlyinfo {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

footer {
  margin: 0 auto;
  padding: 24px 0;
  background-color: #6d5baf;
  color: #ffffff;
  width: 100%;
  height: 160px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-content: center;
  text-align: center;
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
}

.PS-Footer-div-1 {
  /* border: solid red 1px; */
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PS-Footer-contact-info {
  /* border: solid red 1px; */
  /* padding-left: 88px; */
  display: flex;
  gap: 32px;
  font-size: 14px;
}

.PS-Footer-contact-info-div-1 {
  display: flex;
  gap: 24px;
}

.PS-Footer-contact-info-div-2 {
  display: flex;
  gap: 24px;
}

.PS-Footer-social-networks {
  display: flex;
  gap: 16px;
}

.PS-Footer-div-2 {
  border-top: solid white 1px;
  margin: 0 auto;
  height: 52px;
  max-width: 1250px;
  width: 100%;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: end;
  font-size: 14px;
}

/* results--------------------- */

/* new /// */
/* new /// */
/* new /// */
/* new /// */
/* new /// */

.lmmodaloverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

#lmmodal:target {
  display: flex;
}

.lmmodal {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  width: 80%;
  max-width: 600px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}

.lmbackbutton {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
/* finish new  */
/* finish new  */
/* finish new  */

.lmmodal {
  width: 80%;
  max-width: 1002px;
  /* padding: 48px;
  padding-top: 20px; */
  text-align: center;
  overflow-y: auto;
  max-height: 90vh;
  text-align: center;
  /* box-shadow: 0 8px 30px rgba (0, 0, 0, 0.25); */
  background: #fff;
  padding: 48px;
  justify-content: center;
}
.blur {
  filter: blur(5px);
  pointer-events: none;
}
.lmmodal h1 {
  text-align: center;
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 5%;
  text-align: center;
  margin-bottom: 20px;
  color: #333333;
}
.lmmodal p {
  text-align: center;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 18px;
  leading-trim: NONE;
  line-height: 23px;
  letter-spacing: 0%;
  text-align: center;
  color: #333333;
}
.lmresultpercentages {
  width: 100%;
  height: 35px;
  margin-top: 40px;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  /* text-align: center; */
  margin-bottom: 20px;
}
.lmpurple {
  width: 57%;
  height: 100%;
  background-color: #9c58d1;
  justify-content: center;
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue LT GEO 65 roman";
  font-weight: 500;
  color: white;
  font-style: 65 Medium;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
}
.lmblue {
  width: 32%;
  height: 100%;
  background-color: #3366cc;
  justify-content: center;
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue LT GEO 65 roman";
  font-weight: 500;
  color: white;
  font-style: 65 Medium;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
}
.lmgreen {
  width: 11%;
  height: 100%;
  background-color: #2ca678;
  justify-content: center;
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue LT GEO 65 roman";
  font-weight: 500;
  color: white;
  font-style: 65 Medium;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
}
.lmlefttitle {
  font-family: "Helvetica Neue LT GEO Caps 75 roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  leading-trim: NONE;
  line-height: 36px;
  letter-spacing: 5%;
  color: #333333;
}
.lmlistwithbuttons {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}
.lmlist1 {
  display: flex;
  gap: 7px;
  color: #9c58d1;
}
.lmlist2 {
  display: flex;
  gap: 7px;
  color: #3366cc;
}
.lmlist3 {
  display: flex;
  gap: 7px;
  color: #2ca678;
}
.lmpurplebutton {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #9c58d1;
}
.lmbluebutton {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #3366cc;
}
.lmgreenbutton {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #2ca678;
}

/*---------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------


პაატას გვერდების სტილების კოდის დასაწყისი 
პაატას გვერდების სტილების კოდის დასაწყისი 
პაატას გვერდების სტილების კოდის დასაწყისი 
პაატას გვერდების სტილების კოდის დასაწყისი 
პაატას გვერდების სტილების კოდის დასაწყისი 


-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------*/

/*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-List.css     START

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

/*------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------

ახალი ჰედერი (დასაწყისი)

--------------------------------------------------------------
--------------------------------------------------------------
------------------------------------------------------------*/

/*------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------

ახალი ჰედერი (დასასრული)

--------------------------------------------------------------
--------------------------------------------------------------
------------------------------------------------------------*/

.PS-section-list {
  background-color: white;
  margin: 0 auto;
  max-width: 100%;
  /* width: 1440px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.PS-section-list > div {
  background-color: white;
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap: 24px; */
}

.PS-search {
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  height: 140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 48px 0;
}

.PS-fing-job-you-love {
  /* border: solid red 1px; */
  /* width: 1344px; */
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 5%;
  color: #333333;
}

.PS-find {
  /* border: solid red 1px; */
  display: flex;
  /* align-items: center; */
  /* position: absolute; */
  /* top: -90px; */
  /* right: -1010px; */
}

/* - - - - - - - - */
/* .mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
  box-sizing: border-box;
} */

/* - - - - - - - - */

.PS-search-bar {
  /* background-color: yellow; */
  width: 265px;
  height: 37px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  gap: 8px;
  opacity: 1;
  border: solid #808080 1px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-right: none;
  outline: none;

  font-family: "Helvetica Neue";
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
}

.PS-clearInput-button-holder {
  height: 37px;
  width: 37px;
  font-size: 20px;
  border: solid #808080 1px;
  border-left: none;
  /* border-top-right-radius: 8px; */
  /* border-bottom-right-radius: 8px; */
  background-color: transparent;
  /* padding-bottom: 8px; */
  /* display: flex; */
  /* align-content: center; */
  justify-content: center;
}

.PS-clearInput-button {
  height: 37px;
  width: 37px;
  font-size: 20px;
  /* border: solid #808080 1px; */
  border-left: none;
  /* border-top-right-radius: 8px; */
  /* border-bottom-right-radius: 8px; */
  background-color: transparent;
  /* padding-bottom: 8px; */
  /* display: flex; */
  /* align-content: center; */
  justify-content: center;
}

.PS-clearInput-button.hidden {
  display: none;
}

.PS-clearInput-button > img {
  width: 16px;
}

.PS-find-button {
  /* margin-left: 32px; */
  /* border: solid red 1px; */
  background-color: #6d5baf;
  color: #ffffff;
  width: 56px;
  height: 37px;
  /* gap: 8px; */
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-top: 5px;
  opacity: 1;
  /* border-radius: 8px; */
  cursor: pointer;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 5%;
}

.PS-find-button:hover {
  opacity: 80%;
}

.PS-find-button:active {
  background-color: #4a3c82;
}

.PS-find-button > img {
  height: 24px;
}

/* ==================     FAVORITES MODAL START     ================== */

/* The Modal (background) */
.PS-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  animation: slideFromRight 0.3s ease-out;
}

@keyframes slideFromRight {
  from {
    transform: translate(100%, 0); /* Start right of the viewport */
    opacity: 0;
    background-color: rgb(0, 0, 0, 0.05);
  }
  to {
    transform: translate(0, 0); /* End in the center */
    opacity: 1;
    background-color: rgb(0, 0, 0, 0.4);
  }
}

/* Modal Content/Box */
.PS-favorites-modal {
  margin-left: -3px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 665px;
  height: 84px;
  /* border: solid red 1px; */
  /* height: 50px; */
  background-color: #ffffff;
  /* position: fixed; */
  z-index: 1;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 5%;
}

.modal-content {
  background-color: #fefefe;
  padding-left: 20px;
  /* border: 1px solid #888; */
  width: 724px; /* Could be more or less, depending on screen size */
  /* height: 709px; */
  overflow: scroll;
  position: absolute;
  top: 69px;
  right: 0;
}

/* The Close Button */
.close {
  color: #333333;
  /* float: right; */
  font-size: 28px;
  font-weight: bold;
  /* position: absolute; */
  /* top: 0; */
  /* right: 15px; */
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.PS-modal-content-cards {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  height: 100vh;
}

/* ==================     FAVORITES MODAL START     ================== */

.PS-filter-result {
  display: flex;
  gap: 16px;
}

.PS-filter {
  /* border: solid red 1px; */
  margin: 0;
  width: 294px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
  padding: 0;
}

.PS-filter-name {
  display: none;
  /* border: solid red 1px; */
  font-family: "Helvetica Neue LT GEO 75 Roman";
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-Filter-icon {
  /* border: solid red 1px; */
  width: 16px;
}

.PS-filter-input {
  /* border: solid red 1px; */
  display: flex;
  flex-direction: column;
  /* gap: 32px; */
}

.close2 {
  display: none;
  /* color: #333333; */
  /* float: right; */
  /* font-size: 28px; */
  /* font-weight: bold; */
  /* position: absolute; */
  /* top: 0; */
  /* right: 15px; */
}

.PS-filter-name2 {
  /* border: solid red 1px; */
  font-family: "Helvetica Neue LT GEO 75 Roman";
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0%;
  color: #333333;
  padding-bottom: 16px;
}

.PS-filter-name-content {
  /* border: solid red 1px; */
  margin: 0;
  padding: 16px 5px 32px 5px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.PS-filter-sphere {
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-filter-choices {
  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.PS-filter-choices-2 {
  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

label {
  display: inline-block;
  cursor: pointer;
  color: #6d5baf;

  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 17px;
  line-height: 21px;
  letter-spacing: 0%;
}

#PS-more-less {
  display: none;
}

#PS-more-less:checked ~ .PS-content {
  display: flex;
}

#PS-more-less:checked ~ label {
  display: none;
}

.PS-content {
  /* border: solid red 1px; */
  display: none;
  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  /* display: flex; */
  flex-wrap: wrap;
  gap: 12px;
}

.PS-filter-choice {
  box-shadow: 1px 1px 4px 0px #0000001a;
  border: none;
  background-color: #ffffff;
  opacity: 1;
  padding: 6px 12px;

  gap: 10px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  text-transform: uppercase;

  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 5%;
  color: #808080;
}
.PS-filter-choice:not(.PS-active):hover {
  background-color: #e7e4f5;
  color: #808080;
}

.PS-filter-choice:active {
  background-color: #6d5baf;
}

.PS-filter-choice-space {
  width: 294px;
}

.PS-more {
  margin-top: -18px;
}

/* .PS-active {
  /* background-color: #6d5baf; 
  color: #6d5baf;
  background-image: url(../images/Filter-checked.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  padding-left: 24px;
  background-position: 8px 50%;
} */

.PS-active {
  color: #ffffff;
  background-color: #6d5baf;
}

.PS-filter-buttons {
  /* outline: solid red 1px; */
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  width: 294px;
  padding: 0;
  margin-bottom: 48px;
  margin-top: 6px;
}

.PS-filter-button-1 {
  background-color: #6d5baf;
  color: #ffffff;
  width: 294px;
  height: 42px;
  cursor: pointer;
  opacity: 1;
  padding-top: 9px;
  padding-right: 8px;
  padding-bottom: 9px;
  padding-left: 8px;
  gap: 8px;
  border-radius: 8px;
  font-size: 14px;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 5%;
  color: #ffffff;
}

.PS-filter-button-1:hover {
  opacity: 80%;
}

.PS-filter-button-1:active {
  background-color: #4a3c82;
}

.PS-filter-button-2 {
  background-color: transparent;
  border: solid #6d5baf 1px;
  width: 294px;
  height: 42px;
  cursor: pointer;
  opacity: 1;
  padding-top: 9px;
  padding-right: 8px;
  padding-bottom: 9px;
  padding-left: 8px;
  gap: 8px;
  border-radius: 8px;
  border-width: 1px;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 5%;
  color: #333333;
}

.PS-result {
  margin: 0 auto;
  padding-bottom: 48px;
  width: 1005px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.PS-9-results {
  height: 34px;

  font-family: "Helvetica Neue LT GEO 75 Roman";
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-load-more-btn {
  border: solid #6d5baf 1px;
  background-color: #ffffff;
  border-radius: 8px;
  width: 220px;
  height: 43px;
  margin: 20px auto 0 auto;
  color: #333333;
  cursor: pointer;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-style: 65 Medium;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0%;
  vertical-align: bottom;
}

.PS-load-more-btn:hover {
  background-color: #e7e4f5e5;
}

.PS-result-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 10px;
}

.PS-favorite {
  /* background-color: greenyellow; */
}

.PS-favorite > .PS-heart-div {
  width: 32px;
  height: 32px;
  /* background-color: yellow; */
  background-image: url(../images/Card-Heart-Favorite.svg);
  background-position: center;
  background-size: 29px;
  background-repeat: no-repeat;
}

.PS-favorite > .PS-heart-div:hover {
  background-image: url(../images/Card-Heart-Favorite.svg);
}

/* .PS-favorite > .PS-heart-div:hover {
  background-image: url(../images/Heart-Hover.svg);
  background-size: 29px;
} */

.PS-favorite > .PS-heart-div > img {
  display: none;
}

.PS-result-card {
  background-color: #ffffff;
  width: 308px;
  height: 408px;
  display: flex;
  flex-direction: column;
  align-items: end;
  box-shadow: 0px 2px 4px 0px #0000001a;
  border-radius: 12px;
  position: relative;
}

.PS-result-card:hover:not(:has(.PS-heart-div:hover)) {
  background-color: #f2f2f2;
}

.PS-result-card:active:not(:has(.PS-heart-div:active)) {
  background-color: #e5e5e5;
}

.PS-result-card:nth-child(n + 10) {
  display: none;
}

.PS-result-card > img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  max-width: 308px !important;
  width: 100%;
  object-fit: cover;
}

.PS-heart-div {
  /* border: solid red 1px; */
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  /* box-shadow: 0px 2px 4px 0px #0000001a; */
  /* background-color: #ffffff; */
  border-radius: 8px;
  margin: 12px;
}

.PS-heart-div:hover {
  background-image: url(../images/Heart-Hover.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 29px;
}

.PS-card-info {
  /* border: solid green 1px; */
  /* border-bottom-left-radius: 12px; */
  /* border-bottom-right-radius: 12px; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 308px;
  height: 148px;
  padding: 12px 0;
}

.PS-name {
  /* border: solid red 1px; */
  display: flex;
  flex-direction: column;
  /* align-items: start; */
  /* justify-content: space-between; */
  padding: 0 12px;
  gap: 12px;
}

.PS-card-info-text-button {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.PS-card-info-text-button-V2 {
  /* border: solid blue 1px; */
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  gap: 8px;
}

.PS-card-info-sub {
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 318px;
}

.PS-sphere {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 5px;
}

.PS-request {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: start;
  padding: 5px;
}

.PS-salary {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: start;
  padding: 5px;
}

.PS-card-info-button {
  display: none;
  background-color: #6d5baf;
  color: #ffffff;
  width: 294px;
  height: 36px;
  gap: 8px;
  opacity: 1;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 8px;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 5%;
  align-content: center;
}

.PS-name > h1 {
  /* background-color: #ffffff; */
  /* border: solid red 1px; */
  /* width: 318px; */
  height: 52px;

  text-overflow: ellipsis;

  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2; /* ზღუდავს ტექსტს 2 სტრიქონამდე */
  -webkit-box-orient: vertical;

  /* white-space: nowrap; */

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 5%;
  color: #333333;
  position: relative;
  text-align: start;
}

/* .PS-name > h1:hover {
  position: absolute;
  width: 294px;
  height: auto;

  background-color: #ffffff;
  overflow: visible;

  display: -webkit-inline-box;
  -webkit-line-clamp: 6; /* ზღუდავს ტექსტს 2 სტრიქონამდე 
  -webkit-box-orient: vertical;
} */

.PS-card-info h3 {
  /* background-color: #007b55; */
  font-family: "Helvetica Neue LT GEO 55 roman";
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #333333;
  text-align: start;
}

.PS-card-info h4 {
  /* border: solid red 1px; */
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #333333;
  text-align: start;
}
/* 
footer {
  margin: 0 auto;
  padding: 24px 48px;
  background-color: #6d5baf;
  color: #ffffff;
  width: 1440px;
  height: 160px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-content: center;
  text-align: center;
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
} */
/* 
.PS-Footer-div-1 {
  margin: 0 auto;
  width: 1344px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PS-Footer-contact-info {
  padding-left: 88px;
  display: flex;
  gap: 32px;
  font-size: 14px;
}

.PS-Footer-social-networks {
  display: flex;
  gap: 16px;
}

.PS-Footer-div-2 {
  border-top: solid white 1px;
  height: 52px;
  width: 1344px;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: end;
  font-size: 14px;
} */

/* ეს კოდი არის ანაზღაურების ფილტრისათვის (დასაწისი) */

.PS-slider-complex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.range-slider-container {
  /* outline: solid green 1px; */
  /* margin-top: 16px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  /* width: 100%; */
  width: 284px;
  /* padding: 20px; */
  background: #ffffff;
  /* border-radius: 12px; */
  /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
}

.range-input {
  /* outline: solid red 1px; */
  width: 80px;
  height: 33px;
  /* text-align: center; */
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  color: #808080;
  border: 1px solid #808080;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  padding: 6px 12px;
  outline: none;
  -moz-appearance: textfield; /* Remove number input spinners in Firefox */
}

.PS-input-combo {
  display: flex;
}

.PS-input-currency {
  /* outline: solid red 1px; */
  border: 1px solid #808080;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
  width: 40px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  color: #808080;
}

.range-input::-webkit-outer-spin-button,
.range-input::-webkit-inner-spin-button {
  -webkit-appearance: none; /* Remove number input spinners in Chrome/Safari */
  margin: 0;
}

.slider-wrapper {
  /* outline: solid red 1px; */
  position: relative;
  max-width: 294px;
  width: 100%;
  height: 8px;
  background: #cccccc;
  border-radius: 5px;
  /* margin-bottom: 2px; */
}

.slider-fill {
  position: absolute;
  height: 100%;
  background: #6d5baf; /* Purple color */
  border-radius: 5px;
  z-index: 1;
}

.slider-wrapper input[type="range"] {
  /* outline: solid red 1px; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  pointer-events: none;
  z-index: 2;
}

.slider-wrapper input[type="range"]::-webkit-slider-thumb {
  /* outline: solid red 1px; */
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #4a3c82;
  border: none;
  border-radius: 50%;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
  cursor: pointer;
  pointer-events: auto;
  margin-top: 0px; /* Centers thumb vertically on the track */
}

.slider-wrapper input[type="range"]::-moz-range-thumb {
  /* outline: solid red 1px; */
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #4a3c82;
  /* border: solid red 1px; */
  border-radius: 50%;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
  cursor: pointer;
  pointer-events: auto;
}

/* Ensures the range track is transparent */
.slider-wrapper input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
}

.slider-wrapper input[type="range"]::-moz-range-track {
  background: transparent;
}

/* ეს კოდი არის ანაზღაურების ფილტრისათვის (დასასრული) */

/*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-List.css     END

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-PDP.css     START

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

.designer {
  background-color: #fbeff7 !important;
}
.designer-p {
  border: 2px solid #cc33a1 !important;
}

.it-development {
  background-color: #dceeff !important;
}
.it-development-p {
  border: 2px solid #3366cc !important;
}

.marketing {
  background-color: #fbf7ef !important;
}
.marketing-p {
  border: 2px solid #ffc229 !important;
}

.sellings {
  background-color: #daf3ec !important;
}
.sellings-p {
  border: 2px solid #2ca678 !important;
}

.photo-video {
  background-color: #fbf4ef !important;
}
.photo-video-p {
  border: 2px solid #fe8b3f !important;
}

.management {
  background-color: #fbefef !important;
}
.management-p {
  border: 2px solid #ff5555 !important;
}

.PS-section-1 {
  /* პროფესიის სახელი */
  padding: 32px 0;
  margin: 0 auto;
  width: 100%;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PS-section-1 > div {
  background-color: transparent;
  /* პროფესიის სახელი */
  padding: 32px 0;
  margin: 0 auto;
  width: 1250px;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.PS-sec-1-div-1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.PS-Share {
  /* border: solid red 1px; */
  height: 22px;
  width: 22px;
  /* display: flex; */
  gap: 16px;
  cursor: pointer;
}

.PS-Share-Logos {
  /* border: solid red 1px; */
  background-color: #ffffff;
  width: 147px;
  height: 22px;
  border-radius: 6px;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-style: 65 Medium;
  font-size: 10px;
  color: #333333;
  line-height: 14px;
  letter-spacing: 0%;
}

.PS-Share:hover .PS-Share-Logos {
  display: flex;
}

/*     URL copy MODAL START     */
.PS-modal-container {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Ensure it's on top */
}

.PS-modal-container.PS-show-modal {
  display: flex; /* Show when this class is added */
}

.PS-modal-content {
  width: 314px;
  height: 204px;
  background-color: #ffffff;

  padding: 32px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0px 4px 8px 0px #0000001a;
  position: relative;
}

.PS-modal-content-header {
  /* border: solid red 1px; */
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-style: 65 Medium;
  font-size: 22px;
  line-height: 31px;
  letter-spacing: 0%;
  margin-bottom: 16px;
}

.PS-modal-content-socmedia {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 24px;
}

.PS-modal-content-socmedia img {
  width: 32px;
}

#PS-linkToCopy {
  height: 37px;
  border: solid #4d4d4d 1px;
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0; 
  border-bottom-right-radius: 0; 
  /* width: 80%; */
  padding: 8px;
  /* margin-bottom: 15px; */
  color: #666666;
  opacity: 50%;

  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
  text-align: center;
}

.PS-linkToCopy-div {
  /* border: solid red 1px; */
  display: flex;
  justify-content: center;
  /* padding: 0; */
}

.PS-button-copy {
  width: 36px;
  height: 37px;
  /* padding: 10px 20px; */
  /* margin: 5px; */
  cursor: pointer;
  border: solid #4d4d4d 1px;
  opacity: 50%;
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #ffffff;
}

.PS-button-close {
  /* border: solid red 1px; */
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  /* padding: 10px 20px; */
  /* margin: 5px; */
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 20px;
}

/*     URL copy MODAL END     */

.PS-sec-1-div-1 h2 {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
}

.PS-sec-1-div-1 p {
  font-family: "Helvetica Neue LT GEO 65";
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
}

.PS-sec-1-div-2 {
  display: flex;
  gap: 24px;
}

.PS-sec-1-div-2 > p {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 20px;
  font-weight: 700;
  padding: 26px;
  background-color: transparent;
  border-radius: 12px;
  width: 204px;
  height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.05);
  /* border: 2px dashed red; */
}

.PS-sec-1-div-2-span {
  /* margin-left: 5px; */
  display:none;
}

.PS-section-2 {
  padding: 20px;
  gap: 20px;
  /* საჭირო უნარები: */
  margin: 0 auto;
  background-color: #ffffff;
  width: 1440px;
  display: none;
  align-items: center;
}

.PS-section-2 > div {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 20px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: #333333;
}

.PS-section-2 > div > p {
  font-family: "Helvetica Neue LT GEO Caps 55 Roman";
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  border-radius: 4px;
  border: 1px solid #cc33a1;
  background-color: #fbeff7;
  font-size: 14px;
  padding: 4px 8px;
  align-content: center;
  text-align: center;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}

.PS-section-3 {
  background-color: rgba(255, 255, 255, 1);
  /* ქვესათაური */
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.PS-section-3 > div {
  background-color: rgba(255, 255, 255, 1);
  /* ქვესათაური */
  display: flex;
  margin: 0 auto;
  width: 1250px;
}

.PS-subheaders {
  max-width: 1250px;
  width: 100%;
  margin: 0px auto;
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  gap: 38px;
}

.PS-subheader-1 {
  /* border: solid red 1px; */
  max-width: 1250px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.PS-subheader-1 > img {
  /* border: solid red 1px; */
  max-width: 1250px;
  width: 100%;
  max-height:500px;
  object-fit: cover;
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 12px;
}

.PS-subheader-1 > h1 {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  color: #333333;
}

.PS-subheader-1 > p {
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-subheader-1-1 {
  border: solid red 1px;
  display: flex;
  /* flex-direction: column; */
  gap: 24px;
}

/*
/* ------------

გალერეა START

-------------- */
/* 
img {
  vertical-align: middle;
} */

/* Position the image container (needed to position the left and right arrows) 
.PS-container {
  width: 560px;
  border: solid red 1px;
  position: relative;
}

/* Hide the images by default 
.PS-mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images 
.PS-cursor {
  cursor: pointer;
}

/* Next & previous buttons */
/* .PS-prev,
.PS-next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
} 
*/

/* Position the "next button" to the right 
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through 
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) 
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text 
.PS-caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.PS-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side 
.PS-column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images 
.PS-demo {
  opacity: 0.6;
}

.active,
.PS-demo:hover {
  opacity: 1;
}

/* ------------

გალერეა END

-------------- *

*/

/*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
/*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
/*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
/*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
/*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
/* 
.PS-Gallery {
  width: 560px;
  height: 459px;
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  /* background: #000; 
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 560px;
  text-align: center;
  font-size: 18px;
  /* background: #444; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 
body {
  background: #000;
  color: #000;
} 

.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper2 img {
  max-width: 560px;
  width: 100%;
  height: 363px;
  border-radius: 12px;
} */

/* .mySwiper .swiper-slide,
img {
  max-width: 80px;
  width: 100%;
  height: 80px;
  border-radius: 8px;
} */

/* .swiper-button-next {
  color: #e7e4f5e5;
  /* opacity: 50%; 
}

.swiper-button-next > img {
  width: 48px;
} */

/*--------------------   ფოტო გალერეა დასასრული   -------------------- */
/*--------------------   ფოტო გალერეა დასასრული   -------------------- */
/*--------------------   ფოტო გალერეა დასასრული   -------------------- */
/*--------------------   ფოტო გალერეა დასასრული   -------------------- */
/*--------------------   ფოტო გალერეა დასასრული   -------------------- */

.PS-subheader-1-1 > div {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.PS-subheader-1-1 > div > h1 {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  color: #333333;
}

.PS-subheader-1-1 > div > p {
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-subheader-2 {
  /* border: solid blue 1px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 1250px;
  width: 100%;
}

.PS-subheader-2 > div {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 0;
}

.PS-subheader-2 > div > div {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 0;
}
.PS-subheader-2 > div > div > h1 {
  margin-bottom: 32px;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  color: #333333;
}

.PS-subheader-2 > div > div > ul {
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
  padding-left: 28px;
}

.PS-subheader-3 {
  /* border: solid yellow 1px; */
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: start;
  max-width: 1250px;
  width: 100%;
}

.PS-subheader-3-header {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 5%;
  color: #333333;
}

.PS-subheader-3-content {
  max-width: 1250px;
  width: 100%;
  padding: 20px 0;
  display: flex;
  gap: 72px;
}

.PS-subheader-3-content > div > img {
  max-width: 620px;
  width: 100%;
  height: 289px;
  object-fit: cover;
  border-radius: 12px;
}

.PS-subheader-3-content-text {
  max-width: 692px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.PS-subheader-3-content-text h1 {
  margin-bottom: 16px;
  font-family: "Helvetica Neue LT GEO 75 Roman";
  font-weight: 700;
  color: #333333;
  font-size: 24px;
  line-height: 31px;
  letter-spacing: 0%;
}

.PS-subheader-3-content-text ul {
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
  padding-left: 28px;
}

.PS-subheader-3-1 {
  /* border: solid yellow 1px; */
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: start;
}

.PS-subheader-3-two-lists {
  display: flex;
  gap: 72px;
}

.PS-section-4 {
  /* border: solid red 1px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  height: 293px;
  padding: 0;
  gap: 28px;
}

.PS-section-4 > div {
  /* border: solid red 1px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255, 255, 255, 1);
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  height: 293px;
  padding: 0;
  gap: 28px;
}

.PS-section-4-name {
  /* border: SOLID RED 1px; */
  /* margin-bottom: 32px; */
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 5%;
  color: #333333;
}

/* .PS-roadmap-arrow {
  margin: 0 auto;
} */

/* .PS-Roadmap-for-desktop {
} */

/* .PS-Roadmap-for-mobile {
  display: none;
} */

/* .PS-section-4-text-1 {
  /* border: solid red 1px; 
  margin: 0 auto;
  width: 1344px;
  display: flex;
  justify-content: space-between;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0%;
  color: #333333;
} */

/* .PS-section-4-text-2 {
  /* border: solid red 1px; 
  width: 800px;
  margin: 0 auto;
  display: flex;
  gap: 348px;
  justify-content: space-around;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0%;
  color: #333333;
} */

/* .PS-section-4-text-1 > div,
.PS-section-4-text-2 > div {
  width: 216px;
  gap: 8px;
  opacity: 1;
  border-radius: 8px;
  padding: 8px;
  box-shadow: 0px 1px 3px 0px #0000001a;
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0%;
} */

.PS-section-4-text-arrow-block {
  display: flex;
}

.PS-text-arrow-module-1 {
  /* border: solid red 1px; */
  height: 225px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.PS-text-arrow-text-1 {
  /* border: solid yellow 1px; */
  height: 75px;
  display: flex;
  align-items: end;
  justify-content: center;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
}

.PS-text-arrow-text-1 > div {
  /* border: solid aquamarine; */
  width: 216px;
  gap: 8px;
  opacity: 1;
  border-radius: 8px;
  padding: 8px;
  box-shadow: 0px 1px 3px 0px #0000001a;
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0%;
}

.PS-text-arrow-text-1 > div:hover {
  background-color: #daf3ec;
}

.PS-text-arrow-module-2 {
  /* border: solid red 1px; */
  height: 225px;
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}

.PS-text-arrow-text-2 {
  /* border: solid yellow 1px; */
  height: 75px;
  display: flex;
  align-items: start;
  justify-content: center;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 18px;
  letter-spacing: 0%;
}

.PS-text-arrow-text-2 > div {
  /* border: solid aquamarine; */
  width: 216px;
  gap: 8px;
  opacity: 1;
  border-radius: 8px;
  padding: 8px;
  box-shadow: 0px 1px 3px 0px #0000001a;
  font-weight: 400;
  font-style: 55 Roman;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0%;
}

.PS-text-arrow-text-2 > div:hover {
  background-color: #daf3ec;
}

.PS-text-arrow-arrow {
  /* border: solid blue 1px; */
  height: 75px;
  background-image: url(../images/Roadmap-module.png);
  background-size: auto 32px;
  background-repeat: no-repeat;
  background-position: center;
}

.PS-text-arrow-buffer {
  /* border: solid red 1px; */
  height: 75px;
  /* background-color: aqua; */
}

.PS-text-arrowtip-module {
}

.PS-text-arrow-text-tip {
  /* background-color: green; */
  width: 26px;
  height: 75px;
}

.PS-text-arrow-arrow-tip {
  /* border: solid blue 1px; */
  height: 75px;
  width: 26px;
  background-image: url(../images/Roadmap-module-Arrow-tip.png);
  background-size: auto 32px;
  background-repeat: no-repeat;
  background-position: right;
}

.PS-Share-profession-to-others-div {
  /* border: solid red 1px; */
  background-color: #ffffff;
  width: 100%px;
  height: 186px;
  margin: 0 auto;
  display: flex;
  align-content: center;
}

.PS-Share-profession-to-others {
  margin: 72px auto;
  background-color: #6d5baf;
  color: #ffffff;
  width: 300px;
  height: 42px;
  gap: 8px;
  border-radius: 8px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  cursor: pointer;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 16px;

  line-height: 22px;
  letter-spacing: 5%;
  vertical-align: bottom;
}

.PS-Share-profession-to-others:hover {
  opacity: 80%;
}

.PS-Share-profession-to-others:active {
  background-color: #4a3c82;
}

.PS-section-similar-professions-parent {
  /* border: solid green 1px; */
  margin: 0 auto;
  width: 100%;
  /* height: 476px; */
  background-color: #ffffff;

  display: flex;
  flex-direction: column;
}
.PS-section-similar-professions {
  /* border: solid green 1px; */
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  /* height: 476px; */
  background-color: #ffffff;
  padding: 0 0 72px 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.PS-section-similar-professions > h1 {
  /* border: solid green 1px; */
  background-color: #ffffff;
  color: #333333;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: 75 Bold;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 5%;
}

/* For Swiper Slider START */

.swiper-container {
  /* border: solid red 1px; */
  width: 100%;
  height: 414px !important;
  overflow: hidden;
  /* height: 200px; Adjust height as needed */
  position: relative;
  justify-items: space-around;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 308px !important;
  margin-right: 5px !important;
  border-radius: 12px !important;
}

.swiper-pagination {
  position: absolute;
}

/* Style for the pagination dots */
.swiper-pagination-bullet-active {
  width: 20px;
  background-color: #6d5baf; /* Customize active dot color */
}

/* For Swiper Slider END */

.PS-section-similar-professions-cards {
  display: flex;
  gap: 24px;
}

.PS-Spans {
  margin: 0 auto;
  /* border: solid green 1px; */
  width: 54px;
  height: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.PS-active-span {
  width: 24px;
  height: 8px;
  border-radius: 4px;
  background-color: #6d5baf;
}

.PS-Spans-1 {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #e7e4f5;
}

.PS-section-5-parent {
  /* border: solid red 1px; */
  background-color: rgba(255, 255, 255, 1);
  /* რეკომენდირებული კურსები */
  margin: 0 auto;

  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}
.PS-section-5 {
  /* border: solid red 1px; */
  background-color: rgba(255, 255, 255, 1);
  /* რეკომენდირებული კურსები */
  margin: 0 auto;
  padding: 0;
  max-width: 1250px;
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap: 24px; */
  position: relative;
}

.PS-section-5-name {
  margin-bottom: 32px;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 5%;
  color: #333333;
}

.PS-cards {
  /* border: solid red 1px; */
  max-width: 1250px;
  width: 100%;
  height: 316px;
  /* margin: 0 auto; */
  display: flex;
  align-items: center;
  gap: 24px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.PS-card-1 {
  display: flex;
  gap: 10px;
  width: 600px;
  height: 315px;
  border-radius: 12px;
  box-shadow: 0px 1px 3px 0px #0000001a;
}

.PS-card-1:hover {
  opacity: 80%;
}

.PS-card-1 img {
  /* border: solid red 1px; */
  border-radius: 12px;
  max-width: 600px;
  /* width: 100%; */
  height: 315px;
  object-fit: cover;
}

.PS-Last-update-time-parent {
  margin: 0 auto;
  width: 100%;
  /* height: 87px; */

  background-color: #ffffff;
}

.PS-Last-update-time {
  margin: 0 auto;
  max-width: 1250px;
  width: 100%;
  /* height: 87px; */
  padding: 48px;
  background-color: #ffffff;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-style: 65 Medium;
  font-size: 14px;
  color: #333333;
  line-height: 18px;
  letter-spacing: 0%;
  text-align: right;
}

/* 


for slider START 


*/

/* Next & previous buttons */
.PS-prev-arrow,
.PS-next-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  /* padding: 16px; */
  /* margin-top: -22px; */
  /* color: white; */
  /* font-weight: bold; */
  /* font-size: 18px; */
  transition: 0.5s ease;
  /* user-select: none; */
  border-radius: 50%;
  background-color: #e7e4f5e5;
  opacity: 70%;
  /* position: fixed; */
}

/* Position the "next button" to the right */
.PS-next-arrow {
  right: 0;
  /*   border-radius: 3px 0 0 3px; */
}

/* On hover, add a black background color with a little bit see-through */
.PS-prev-arrow:hover,
.PS-next-arrow:hover {
  opacity: 70%;
  background-color: #a69ad1;
}

.PS-prev-arrow:active {
  background-color: #6d5baf;
}

.PS-next-arrow:active {
  background-color: #6d5baf;
}

.hidden {
  display: none !important;
  /* or visibility: hidden; */
}

/* 


for slider END 


*/

/* .PS-cards img {
  width: 460px;
  height: 254px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
} */

.PS-card-text {
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.PS-card-text > h3 {
  height: 48px;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 5%;
  color: #333333;
}

.PS-card-text > p {
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-card-button-1 {
  background-color: white;
  width: 88px;
  height: 31px;
  gap: 8px;
  opacity: 1;
  padding-top: 4px;
  padding-right: 16px;
  padding-bottom: 4px;
  padding-left: 16px;
  border-radius: 12px;
  border-width: 0.5px;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-card-button-2 {
  width: 176;
  height: 36;
  gap: 8px;
  opacity: 1;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-radius: 8px;
  background-color: #6d5baf;
  color: #ffffff;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 5%;
  vertical-align: bottom;
}

/* for SPAN slider START */

.PS-dot-navigation {
  display: flex;
  justify-content: center;
  gap: 8px;
  /* text-align: center; */
  /* margin-top: 10px; */
}

.PS-dot {
  width: 10px;
  height: 10px;
  background-color: #e7e4f5;
  border-radius: 50%;
  /* margin: 0 5px; */
  cursor: pointer;
}

.PS-dot.PS-dot-active {
  background-color: #6d5baf;
}

/* for SPAN slider END */

/* footer {
  margin: 0 auto;
  padding: 24px 48px;
  background-color: #6d5baf;
  color: #ffffff;
  width: 1440px;
  height: 160px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-content: center;
  text-align: center;
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
} */
/* 
.PS-Footer-div-1 {
  margin: 0 auto;
  width: 1344px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PS-Footer-contact-info {
  padding-left: 88px;
  display: flex;
  gap: 32px;
  font-size: 14px;
}

.PS-Footer-social-networks {
  display: flex;
  gap: 16px;
}

.PS-Footer-div-2 {
  border-top: solid white 1px;
  height: 52px;
  width: 1344px;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: end;
  font-size: 14px;
} */

/*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-PDP.css     END

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-Contact.css     START

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

.PS-main {
  background-color: #ffffff;
  /* border: solid blue 1px; */
  /* max-width: 1440px; */
  width: 100%;
  margin: 0 auto;
}

.PS-section-contact-info-parent {
  /* border: solid black 1px; */
  background-color: #e7e4f5;

  width: 100%;
  /* height: 121px; */
  margin: 0 auto;
  display: flex;
  /* justify-content: space-between; */
}

.PS-section-contact-info {
  /* border: solid black 1px; */
  background-color: #e7e4f5;
  max-width: 1250px;
  width: 100%;
  height: 84px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.PS-Contact-header {
  /* border: solid red 1px; */
  align-content: center;
  padding: 24px 0;
  /* angle: 0 deg; */
  opacity: 1;
  border-right-width: 1px;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: Bold;
  font-size: 28px;
  line-height: 36px;
  /* leading-trim: NONE; */
  line-height: 100%;
  letter-spacing: 0%;
  color: #1a1a1a;
}

.PS-Contact-info {
  /* border: solid greenyellow 1px; */
  padding: 24px 48px;
  display: flex;
  align-items: center;
  gap: 72px;
}

.PS-Contact-info-text {
  /* border: solid red 1px; */
  display: flex;
  /* flex-direction: column; */
  gap: 72px;
}

.PS-Contact-info > div > div {
  /* border: solid green 1px; */
  height: 21px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.PS-Contact-info > div > div > img {
  /* border: solid red 1px; */
  width: 20px;
}

.PS-Contact-info h2 {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #1a1a1a;
}

.PS-Contact-info h4 {
  width: 135px;
  height: 21px;
  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
  color: #1a1a1a;
}

.PS-social-networks {
  /* border: solid red 1px; */
  display: flex;
  gap: 16px;
}

.PS-social-networks > img {
  width: 20px;
}

.PS-section-contact-blank {
  /* border: solid red 1px; */
  margin: 0 auto;
  margin-top: 48px;
  display: flex;
  gap: 12px;
  max-width: 1250px;
  width: 100%;
  height: auto;
  justify-content: space-between;
  opacity: 1;
}

.PS-map-div {
  /* border: solid blue 1px; */
  max-width: 752px;
  width: 100%;
  max-height: 412px;
  height: 100%;
  border-radius: 12px;
}
.PS-map-div > img {
  /* max-width: 562px; */
  width: 100%;
  height: 412px;
  object-fit: cover;
  border-radius: 12px;
}

.PS-contact-to-us {
  display: flex;
  flex-direction: column;
  width: 546px;
  /* height: 544px; */
  gap: 32px;
  opacity: 1;
}

.PS-contact-to-us h1 {
 /* background-color: #fbefef;*/
  padding: 9px 0;
  /* border: solid #0a22f4 1px; */
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: Bold;
  font-size: 28px;
  line-height: 36px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #333333;
}

/* .PS-contact-form {
  border: solid red 1px;
  width: 498px;
  height: 346px;
  gap: 16px;
  angle: 0 deg;
  opacity: 1;
} */

/* - - - - - - - - - - - - - - - - - - - */

.PS-contac-form {
  /* border: solid red 1px; */
  display: flex;
  flex-direction: column;
  max-width: 546px;
  width: 100%;
  /* height: auto; */
  gap: 16px;
  /* angle: 0 deg; */
  opacity: 1;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 1px 1px 4px 0px #00000033;
}

.PS-contac-form label {
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-input-field {
  border: solid #808080 1px;
  max-width: 498px;
  width: 100%;
  height: 39px;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  gap: 8px;

  opacity: 1;
  border-radius: 8px;
  border-width: 1px;

  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
  color: #1a1a1a;
}

.PS-input-field-message {
  border: solid #808080 1px;
  max-width: 498px;
  width: 100%;
  height: 116px;
  padding-top: 10px;
  padding-right: 8px;
  padding-bottom: 10px;
  padding-left: 8px;
  gap: 8px;
  resize: none;
  opacity: 1;
  border-radius: 6px;
  border-width: 1px;

  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0%;
  color: #1a1a1a;
}

.PS-div-button {
  /* border: solid red 1px; */
  padding: 16px 0 0 0;
  display: flex;
  flex-direction: row-reverse;
  max-width: 498px;
  /* min-width: 300px; */
  width: 100%;
  /* height: 48px; */
  gap: 8px;
  /* angle: 0 deg; */
  opacity: 1;
}

.PS-contac-form button {
  background-color: #6d5baf;
  color: #ffffff;
  width: 126px;
  height: 42px;
  /* angle: 0 deg; */
  opacity: 1;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 5%;
}

.PS-contac-form button:hover {
  opacity: 80%;
}

form button:active {
  background-color: #4a3c82;
}

/* - - - - - - - - - - - - - - - - - - - */

/*     წარმატებით გაგზავნის MODAL START     */

.PS-modal-sent {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Ensure it's on top */
}

.PS-modal-sent.PS-show-modal {
  display: flex; /* Show when this class is added */
}

.PS-Sent-modal-content {
  /* outline: solid red 1px; */
  width: 199px;
  height: 157px;
  background-color: #ffffff;

  padding: 12px 24px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0px 1px 3px 0px #0000001a;
  position: relative;
}

.PS-Sent-modal-content-header {
  width: 151px;
  /* border: solid red 1px; */
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-style: 65 Medium;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  margin: 12px 0 16px 0;
}

.PS-Sent-button-close {
  /* border: solid red 1px; */
  background-color: #6d5baf;
  color: #ffffff;
  width: 151px;
  height: 37px;
  /* padding: 10px 20px; */
  /* margin: 5px; */
  cursor: pointer;
  /* position: absolute; */
  border-radius: 8px;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: Bold;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 5%;
}

/*     წარმატებით გაგზავნის MODAL END     */

/*     წარუმატებელი გაგზავნის (NOT SENT) MODAL START     */

.PS-modal-Notsent {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Ensure it's on top */
}

.PS-modal-Notsent.PS-show-modal {
  display: flex; /* Show when this class is added */
}

.PS-NotSent-modal-content {
  /* outline: solid red 1px; */
  width: 199px;
  height: 143px;
  background-color: #fbefef;

  padding: 18px 24px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0px 1px 3px 0px #0000001a;
  position: relative;
}

.PS-NotSent-modal-content-header {
  width: 151px;
  /* border: solid red 1px; */
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-style: 65 Medium;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0%;
  margin: 16px 0 16px 0;
}

.PS-NotSent-button-close {
  /* border: solid red 1px; */
  background-color: #6d5baf;
  color: #ffffff;
  width: 151px;
  height: 37px;
  /* padding: 10px 20px; */
  /* margin: 5px; */
  cursor: pointer;
  /* position: absolute; */
  border-radius: 8px;

  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-style: Bold;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 5%;
}

/*     წარუმატებელი გაგზავნის (NOT SENT) MODAL END     */

.PS-section-FAQ {
  /* border: solid black 1px; */
  margin: 0 auto;
  margin-top: 48px;
  padding-bottom: 48px;

  max-width: 1250px;
  width: 100%;
  /* height: 461px; */
  display: flex;
  flex-direction: column;
  gap: 32px;
  angle: 0 deg;
  opacity: 1;
}

.PS-section-FAQ-header {
  font-family: "Helvetica Neue LT GEO Caps 75 Roman";
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 5%;
  color: #333333;
}

.PS-section-FAQ-items-group {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.PS-section-FAQ-item {
  /* border: solid red 1px; */
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 6px;
  padding: 16px 48px;
  box-shadow: 0px 4px 8px 0px #0000001a;
}

.PS-section-FAQ-question {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  /* padding: 20px; */
  display: flex;
  align-items: center;
  justify-content: space-between;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-section-FAQ-answer {
  display: none;
  /* padding: 20px; */

  font-family: "Helvetica Neue LT GEO 55 Roman";
  font-weight: 400;

  font-size: 16px;

  line-height: 21px;
  letter-spacing: 0%;
  color: #333333;
}

.PS-icon {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: solid green 1px; */
  font-weight: 500;
  font-style: 65 Medium;
  font-size: 36px;
  leading-trim: NONE;
  line-height: 26px;
  letter-spacing: 0%;
  color: #000000;
  /* padding: 20px; */
}

/* footer {
  /* border: solid black 1px; 
  margin: 0 auto;
  padding: 24px 48px;
  background-color: #6d5baf;
  color: #ffffff;
  width: 1440px;
  height: 160px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-content: center;
  text-align: center;

  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  /* font-style: 65 Medium;
  font-size: 14px;
  /* leading-trim: NONE;
  line-height: 20px;
  letter-spacing: 0%;
} */
/* 
.PS-Footer-div-1 {
  /* border: solid red 1px; 
  margin: 0 auto;
  width: 1344px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PS-Footer-contact-info {
  /* border: solid red 1px; 
  padding-left: 88px;
  display: flex;
  gap: 32px;
  font-size: 14px;
}

.PS-Footer-social-networks {
  display: flex;
  gap: 16px;
}

.PS-Footer-div-2 {
  border-top: solid white 1px;
  height: 52px;
  width: 1344px;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: end;
  font-size: 14px;
} */

@media (width<600px) {
  body {
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
  }

  .PS-main {
    background-color: #ffffff;
    /* border: solid blue 1px; */
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-top: 56px;
  }
  
  
  
  .PS-search-form{
    display: flex;
}




  /* .header {
    max-width: 376px;
    width: 100%;
    margin: 0 auto;
    padding: 16px;
  } */
  /* 
  .lmlogo {
    height: 24px;
  }
  .lmlogo > img {
    height: 24px;
  }

  .navbar {
    position: relative;
  }

  .navbar > ul {
    /* border: solid red 1px; 
    background-color: #6d5baf;
    width: 375px;
    /* width: 100%; 
    display: none;
    flex-direction: column;
    align-items: start;
    /* gap: 24px; 
    gap: 0;
    font-family: "Helvetica Neue LT GEO Caps 55 Roman";
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
    position: absolute;
    top: 48px;
    left: -286px;
  }

  #PS-fav-none {
    display: flex;
  } */

  /* -------------- */

  /* .navbar li {
    /* border: solid yellow 1px; 
    display: flex;
    align-items: start;
    gap: 0;
    margin-left: 15px;
    color: #ffffff;
    height: 52px;
    padding: 16px 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
  } */

  /* .PS-active-page {
    border: solid #6d5baf 1px;
    border-left: solid #ffffff 3px;
  } */

  /* -------------- */
  /* .PS-fav-lang-group-1-1 {
    display: flex;
  }

  .PS-fav-lang-group-1-2 {
    display: none;
  }

  .PS-fav-lang-group-2 {
    /* border: solid red 1px; 
    display: none;
  }

  .PS-fav-lang-group-3 {
    display: flex;
  }

  .PS-mobile-navigation {
    display: flex;
  }

  #PS-mobile-navigation {
    display: none;
  } */

  /* #PS-mobile-navigation-show {
    display: flex;
  } */

  .PS-section-contact-info-parent {
    /* border: solid black 1px; */
    background-color: #f5e4e4;

    width: 100%;
    height: 181px;
    margin: 0 auto;
    display: flex;
    /* justify-content: space-between; */
  }

  .PS-section-contact-info {
    /* border: solid red 1px; */
    max-width: 600px;
    width: 100%;
    height: 181px;
    /* gap: 24px; */
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .PS-Contact-header {
    /* border: solid red 1px; */
    max-width: 310px;
    width: 100%;
    height: auto;

    align-content: center;
    padding: 0;
    /* angle: 0 deg; */
    opacity: 1;
    border-right-width: 1px;

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
  }

  .PS-Contact-info {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column-reverse;
    align-items: start;
    padding: 0;
    gap: 24px;
  }

  .PS-Contact-info > div > div {
    /* border: solid green 1px; */
    height: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .PS-Contact-info-text {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .PS-Contact-info h2 {
    display: none;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0%;
    color: #1a1a1a;
  }

  .PS-Contact-info h4 {
    /* border: solid red 1px; */
    font-family: "Helvetica Neue LT GEO 55 Roman";
    color: #1a1a1a;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0%;
  }

  .PS-map-div {
    width: 344px;

    /* margin: 0 auto; */
  }
  .PS-map-div > img {
    display: none;
  }

  /* iframe {
    width: 344px;
    height: 263px;
    border-radius: 12px;
  } */

  .PS-section-contact-blank {
    /* border: solid black 1px; */
    margin: 0 auto;
    margin-top: 32px;
    display: flex;
    flex-direction: column;

    width: 344px;
    height: auto;
    justify-content: space-between;
    angle: 0 deg;
    opacity: 1;
  }

  .PS-contac-form {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    width: 344px;
    height: auto;
    gap: 16px;
    /* angle: 0 deg; */
    opacity: 1;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 1px 1px 4px 0px #00000033;
  }

  .PS-contact-to-us {
    max-width: 344px;
    width: 100%;
  }

  .PS-contact-to-us h1 {
    /* border: solid red 1px; */
    margin-top: 0;
    font-size: 20px;
    line-height: 26px;
    line-height: 100%;
    letter-spacing: 5%;
    color: #333333;
    text-align: center;
  }

  .PS-input-field {
    max-width: 312px;
    width: 100%;
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0%;
  }

  .PS-input-field-message {
    max-width: 312px;
    width: 100%;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0%;
  }

  .PS-div-button {
    width: 300px;
  }

  .PS-contac-form button {
    width: 300px;
    height: 32px;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 8px;

    font-size: 15px;
    line-height: 20px;
  }

  /* ---------------------- */

  .PS-section-FAQ {
    width: 376px;
  }

  .PS-section-FAQ-header {
    /* border: solid red 1px; */
    font-size: 20px;
    line-height: 26px;
    margin: 0 auto;
    text-align: center;
    width: 344px;
  }

  .PS-section-FAQ-items-group {
    gap: 16px;
  }

  .PS-section-FAQ-item {
    width: 344px;
    margin: 0 auto;
    border-radius: 6px;
    padding: 8px 16px;
    box-shadow: 0px 4px 8px 0px #0000001a;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .PS-icon {
    display: none;
  }

  .PS-section-FAQ-question {
    font-size: 14px;
    line-height: 18px;
    height: auto;
    padding: 0;
  }

  .active-contact {
    gap: 12px;
  }

  .PS-section-FAQ-answer {
    padding: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0%;
  }

  /* ---------------- */

  footer {
    /* border: solid black 1px; */
    padding: 24px 16px;
    background-color: #6d5baf;
    color: #ffffff;
    max-width: 600px;
    width: 100%;
    height: 172px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-content: center;
    text-align: center;

    font-weight: 500;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 0%;
  }

  .PS-Footer-div-1 {
    /* border: solid red 1px; */
    margin: 0 auto;
    max-width: 376px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .PS-Footer-div-1 > img {
    height: 24px;
  }

  .PS-Footer-contact-info {
    /* border: solid red 1px; */
    max-width: 344px;
    width: 100%;

    padding-left: 0;
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    /* flex-wrap: wrap; */
    gap: 16px;
    font-size: 10px;
    position: absolute;
    /* margin: 112px auto 0 auto; */
    margin-top: 78px;
  }

  .PS-Footer-contact-info-div-1 {
  }

  .PS-Footer-contact-info-div-2 {
    flex-direction: row-reverse;
  }

  .PS-Footer-social-networks {
    display: flex;
    gap: 8px;
  }
  .PS-Footer-social-networks > img {
    height: 16px;
  }

  .PS-Footer-div-2 {
    /* border: solid red 1px; */
    margin: 0 auto;
    margin-top: 38px;
    border-top: solid white 1px;
    height: 42px;
    width: 344px;
    display: flex;
    /* gap: 24px; */
    /* justify-content: center; */
    /* align-items: end; */
    font-size: 10px;
  }
}

/*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-Contact.css     END

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

/* -------- -------- --------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------


პაატას გვერდების სტილების კოდის დასასრული 
პაატას გვერდების სტილების კოდის დასასრული 
პაატას გვერდების სტილების კოდის დასასრული 
პაატას გვერდების სტილების კოდის დასასრული 
პაატას გვერდების სტილების კოდის დასასრული 


-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------*/

/* -------- -------- -------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------
-------- -------------------------------------------------------------------------------------------------------------------



ჰედერის კოდის დასაწყისი (მობილური ვერსია)



-------- --------------------------------------------------------------------------------------------------------------------
-------- --------------------------------------------------------------------------------------------------------------------
-------- --------------------------------------------------------------------------------------------------------------------
-------- --------------------------------------------------------------------------------------------------------------------
-------- --------------------------------------------------------------------------------------------------------------------
-------- --------------------------------------------------------------------------------------------------------------------*/

@media (width<600px) {
  .For-Mobile {
    display: flex;
  }

  header {
    /* border: solid black 1px; */
    position: fixed;
    margin: 0 auto;
    background-color: #6d5baf;
    max-width: 600px;
    width: 100%;
    padding: 16px 16px 16px 0;
    height: 56px;
    align-items: center;
    z-index: 50 !important;
  }
  header > div {
    /* border: solid black 1px; */
    position: fixed;
    margin: 0 auto;
    background-color: #6d5baf;
    max-width: 600px;
    width: 100%;
    padding: 16px 16px 16px 0;
    height: 56px;
    align-items: center;
    z-index: 50 !important;
  }

  .PS-Logo {
    /* border: solid red 1px; */
    background-color: #6d5baf;
    height: 56px;
    width: 60px;
    padding: 0 16px;
    align-content: center;
    z-index: 50 !important;
  }

  /* nav {
    border: solid red 1px;
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
  } */

  .Logo {
    height: 24px;
    /* margin-left: 16px; */
    padding-top: 2px;
    z-index: 50 !important;
  }

  .Main-Menu {
    /* outline: solid red 1px; */
    display: flex;
    align-content: center;
    /* margin-top: -2px; */
    /* margin-right: 10px; */
    width: 52px;
    height: 56px;
  }

  .Burger-Menu {
    display: flex;
    position: absolute;
    top: 16px;
    right: 22px;
    z-index: 50;
  }

  .Mobile-Menu {
    /* outline: solid red 1px; */
    background-color: #6d5baf;
    max-width: 600px;
    width: 100%;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 0;
    position: absolute;
    top: 55px;
    left: 0;
    /* padding: 16px; */
    z-index: 30;
    margin: 0;

    font-family: "Helvetica Neue LT GEO Caps 55 Roman";
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 5%;
  }

  .Mobile-Menu > li {
    display: flex;
    align-items: center;
    height: 52px;
    padding-left: 16px;
    z-index: 30;
  }

  .Mobile-Menu > li.PS-active-page {
    border: none;
    border-left: solid #ffffff 3px;
  }

  /* .Main-Menu:hover .Mobile-Menu {
    display: flex;
    align-items: start;
    background-color: #6d5baf;
  } */

  .Lang-div {
    /* border: solid red 1px; */

    display: none;
  }

  .Heart-div {
    /* border: solid red 1px; */
    margin-left: -87px;
    margin-right: 14px;
    align-items: center;
    justify-items: center;
    justify-content: center;
    padding: 0;
    z-index: 50;
  }

  /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
  /* Modal overlay styles (hidden by default) */
  .PS-modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.7); */
    justify-content: center;
    align-items: center;
    z-index: 30;
    animation: slideFromTop 0.3s ease-out;
  }

  /* Styles for the modal content */
  .PS-modal-content-menu {
    /* background: white; */
    /* padding: 2em; */
    /* border-radius: 8px; */
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
    /* width: 80%; */
    /* max-width: 500px; */
  }

  /* The class to make the modal visible */
  .PS-modal-overlay.active {
    display: flex; /* Or 'block' depending on your needs */
  }

  @keyframes slideFromTop {
    from {
      transform: translate(0, -100%); /* Start above the viewport */
      opacity: 0;
    }
    to {
      transform: translate(0, 0); /* End in the center */
      opacity: 1;
    }
  }

  /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
}

/* --------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------



ჰედერის კოდის დასასრული (მობილური ვერსია)



----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------*/

@media (width<600px) {
  .PS-section-1 {
    padding: 0;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 212px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }
  .PS-section-1 > div {
    background-color: transparent;
    padding: 80px 16px 24px 16px;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 212px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }

  .PS-sec-1-div-1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .PS-Share {
    /* border: solid red 1px; */
    height: 22px;
    width: 22px;
    display: flex;
    gap: 16px;
  }

  .PS-Share-Logos {
    display: none;
    gap: 12px;
  }

  .PS-Share:hover .PS-Share-Logos {
    display: none;
  }

  .PS-sec-1-div-1 h2 {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
  }

  .PS-sec-1-div-1 p {
    display: none;
    font-family: "Helvetica Neue LT GEO 65";
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
  }

  .PS-sec-1-div-2 {
    display: flex;
    gap: 8px;
  }

  .PS-sec-1-div-2 > p {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    padding: 8px 10px;
    background-color: transparent;
    border-radius: 6px;
    width: auto;
    height: 33px;
    display: flex;
  }

  .PS-sec-1-div-2-span {
    display: none;
  }

  .PS-section-2 {
    padding: 20px;
    gap: 8px;
    /* საჭირო უნარები: */
    margin: 0 auto;
    background-color: #ffffff;
    max-width: 600px;
    width: 100%;
    display: none;
    align-items: center;
  }

  .PS-section-2 > div {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 13px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #333333;
  }

  .PS-section-2 > div > p {
    font-family: "Helvetica Neue LT GEO Caps 55 Roman";
    font-size: 10px;
    font-weight: 400;
    color: #333333;
    border-radius: 4px;
    border: 1px solid #cba6ef;
    background-color: #f1e6fa;

    padding: 4px 8px;
    align-content: center;
    text-align: center;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  }

  .PS-section-3 {
    background-color: rgba(255, 255, 255, 1);
    /* ქვესათაური */
    display: flex;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
  }

  .PS-subheaders {
    /* border: solid red 1px; */
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .PS-subheader-1 {
    margin: 0 auto;
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 344px;
  }
  .PS-subheader-1 > img {
    width: 344px;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
  }

  .PS-subheader-1 > h1 {
    font-size: 18px;
    line-height: 23px;
  }

  .PS-subheader-1 > p {
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
  }

  .PS-subheader-1-1 {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  /*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
  /*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
  /*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
  /*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
  /*--------------------   ფოტო გალერეა დასაწყისი   -------------------- */
  /* 
  .PS-Gallery {
    width: 344px;
    height: 292px;
  }

  html,
  body {
    position: relative;
    height: 100%;
  }

  body {
    /* background: #000; 
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0;
  }

  .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    width: 560px;
    text-align: center;
    font-size: 18px;
    /* background: #444; 
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .mySwiper2 {
    height: 80%;
    width: 100%;
  }

  .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mySwiper2 img {
    max-width: 560px;
    width: 100%;
    height: 363px;
    border-radius: 12px;
  }

  .swiper-button-next {
    color: #e7e4f5e5;
    /* opacity: 50%; 
  }

  .swiper-button-next > img {
    width: 48px;
  } */

  /*--------------------   ფოტო გალერეა დასასრული   -------------------- */
  /*--------------------   ფოტო გალერეა დასასრული   -------------------- */
  /*--------------------   ფოტო გალერეა დასასრული   -------------------- */
  /*--------------------   ფოტო გალერეა დასასრული   -------------------- */
  /*--------------------   ფოტო გალერეა დასასრული   -------------------- */

  .PS-subheader-1-1 > div {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 344px;
  }

  .PS-subheader-1-1 > div > h1 {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color: #333333;
  }

  .PS-subheader-1-1 > div > p {
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
  }

  .PS-subheader-2 {
    /* border: solid blue 1px; */
    margin: 0 auto;
    width: 344px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .PS-subheader-2 > div {
    width: 344px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    /* align-items: space; */
    padding-left: 10px;
  }

  .PS-subheader-2 > div > div {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 0;
  }

  .PS-subheader-2 > div > div > h1 {
    margin-bottom: 32px;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color: #333333;
  }

  .PS-subheader-2 > div > div > ul {
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
    padding-left: 2px;
  }

  .PS-subheader-3 {
    /* border: solid yellow 1px; */
    margin: 0 auto;
    width: 344px;
    display: flex;
    /* flex-direction: column; */
    gap: 32px;
    align-items: start;
  }

  .PS-subheader-3 img {
    width: 344px;
  }

  .PS-subheader-3-header {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 5%;
    color: #333333;
  }

  .PS-subheader-3-content {
    width: 344px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .PS-subheader-3-content-reverse {
    flex-direction: column-reverse;
  }

  .PS-subheader-3-content-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .PS-subheader-3-content-text h1 {
    margin-bottom: 16px;
    font-family: "Helvetica Neue LT GEO 75 Roman";
    font-weight: 700;
    color: #333333;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0%;
  }

  .PS-subheader-3-content-text ul {
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
    padding-left: 12px;
  }

  .PS-subheader-3-1 {
    /* border: solid yellow 1px; */
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: start;
  }

  .PS-subheader-3-two-lists {
    display: flex;
    gap: 72px;
  }

  .PS-section-4 {
    /* border: solid red 1px; */

    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 471px;
    padding: 12px;
    gap: 24px;
  }
  .PS-section-4 > div {
    /* border: solid red 1px; */

    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1);
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 471px;
    padding: 12px;
    gap: 24px;
  }

  .PS-section-4-name {
    /* border: solid red 1px; */
    width: 344px;
    margin: 0 auto;
    /* margin-bottom: 32px; */
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
    color: #333333;
  }

  .PS-roadmap-arrow {
    /* border: solid yellow 1px; */
    /* width: 20px; */
    /* height: 200px; */
    /* margin: 0 auto; */
    align-content: center;
  }

  .PS-Roadmap-for-desktop {
    display: none;
  }

  .PS-Roadmap-for-mobile {
    /* margin: 0 5px; */
    display: flex;
    align-items: center;
  }

  .PS-section-4-text-1 {
    margin: 0 auto;
    width: 153px;
    height: 389px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #333333;
  }

  .PS-section-4-text-arrow-block {
    width: 344px;
    display: flex;
    margin: 0 auto;
    /* align-items: center; */
    /* border: solid greenyellow 1px; */
    /* justify-content: space-between; */
  }

  .PS-section-4-text-2 {
    padding-top: 10px;
    margin: 0 auto;
    height: 370px;
    width: 144px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: space-around;
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #333333;
  }

  .PS-section-4-text-1 > div {
    /* border: solid purple 1px; */
    width: 153px;
    gap: 8px;
    opacity: 1;
    border-radius: 8px;
    padding: 4px 8px;
    box-shadow: 0px 1px 3px 0px #0000001a;
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
  }

  .PS-section-4-text-2 > div {
    /* border: solid purple 1px; */
    width: 144px;
    gap: 8px;
    opacity: 1;
    border-radius: 8px;
    padding: 4px 8px;
    box-shadow: 0px 1px 3px 0px #0000001a;
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
  }

  .PS-section-4-text-arrow-block {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    width: 344px;
    height: 471px;
  }

  .PS-text-arrow-module-1 {
    /* border: solid aqua 1px; */
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
  }

  .PS-text-arrow-text-1 {
    /* border: solid yellow 1px; */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 15px;
    letter-spacing: 0%;
  }

  .PS-text-arrow-text-1 > div {
    /* border: solid aquamarine; */
    width: 156px;
    height: 53px;
    gap: 8px;
    opacity: 1;
    border-radius: 8px;
    padding: 4px 8px;
    box-shadow: 0px 1px 3px 0px #0000001a;
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    align-content: center;
  }

  .PS-text-arrow-module-2 {
    /* border: solid red 1px; */
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
  }

  .PS-text-arrow-text-2 {
    /* border: solid yellow 1px; */
    height: 100%;
    display: flex;
    align-items: center;
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 15px;
    letter-spacing: 0%;
  }

  .PS-text-arrow-text-2 > div {
    /* border: solid aquamarine; */
    width: 156px;
    height: 53px;
    gap: 8px;
    opacity: 1;
    border-radius: 8px;
    padding: 4px 8px;
    box-shadow: 0px 1px 3px 0px #0000001a;
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    align-content: center;
  }

  .PS-text-arrow-arrow {
    /* border: solid blue 1px; */
    height: 100%;
    width: 32px;
    background-image: url(../images/Roadmap-module-mobile.png);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: center;
  }

  .PS-text-arrow-buffer {
    /* border: solid red 1px; */
    height: 100%;
    width: 156px;

    /* background-color: aqua; */
  }

  .PS-text-arrowtip-module {
    display: flex;
  }

  .PS-text-arrow-text-tip {
    /* background-color: green; */
    width: 156px;
    height: 53px;
  }

  .PS-text-arrow-arrow-tip {
    /* border: solid blue 1px; */
    height: 53px;
    width: 32px;
    background-image: url(../images/Roadmap-module-Arrow-tip-mobile.png);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  .PS-Share-profession-to-others-div {
    /* border: solid red 1px; */
    background-color: #ffffff;
    max-width: 600px;
    width: 100%;
    height: 96px;
    margin: 0 auto;
    display: flex;
    align-items: center;
  }

  .PS-Share-profession-to-others {
    margin: 0 auto;
    background-color: #6d5baf;
    color: #ffffff;
    width: 200px;
    height: 32px;
    gap: 8px;
    border-radius: 8px;
    padding: 6px 12px;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 5%;
    vertical-align: bottom;
  }

  .PS-Share-profession-to-others > span {
    display: none;
  }

  .PS-section-similar-professions-parent {
    /* border: solid green 1px; */
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    /* height: 476px; */
    background-color: #ffffff;

    display: flex;
    flex-direction: column;

    font-size: 18px;
    line-height: 23px;
  }
  .PS-section-similar-professions {
    /* border: solid green 1px; */
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    /* height: 476px; */
    background-color: #ffffff;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;

    font-size: 18px;
    line-height: 23px;
  }

  .PS-section-similar-professions > h1 {
    /* border: solid green 1px; */
    width: 344px;
    margin: 0 auto;
    background-color: #ffffff;
    color: #333333;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
  }

  /* For Swiper Slider START */

  .swiper-container {
    /* border: solid red 1px; */
    width: 344px;
    height: 254px !important;
    margin: 0 auto;
    overflow: hidden;
    /* height: 200px; Adjust height as needed */
    position: relative;
    display: flex;
    gap: 16px;
  }

  .swiper-slide {
    /* border: solid red 1px; */
    width: 164px !important;
    height: 230px;
    text-align: center;
    font-size: 18px;
    background: #ffffff;
    /* display: flex; */
    justify-content: center;
    align-items: center;
  }

  .swiper-pagination {
    /* border: solid red 1px; */
    position: absolute;
    padding: 0;
    bottom: 1px !important;
    /* height: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Style for the pagination dots */
  .swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 4px;
    background-color: #6d5baf; /* Customize active dot color */
  }

  /* For Swiper Slider END */

  .PS-section-similar-professions-cards {
    /* border: solid red 1px; */
    display: flex;
    gap: 16px;
    width: 344px;
    margin: 0 auto;
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .PS-Spans {
    margin: 0 auto;
    /* border: solid green 1px; */
    width: 54px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .PS-active-span {
    width: 24px;
    height: 8px;
    border-radius: 4px;
    background-color: #6d5baf;
  }

  .PS-Spans-1 {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #e7e4f5;
  }

  .PS-card-info-text-button {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .PS-card-info-text-button-V2 {
    /* border: solid blue 1px; */
    display: flex;
    padding: 0 12px;
    gap: 12px;
  }

  .PS-section-5-parent {
    /* border: solid red 1px; */
    background-color: rgba(255, 255, 255, 1);
    /* რეკომენდირებული კურსები */
    margin: 0 auto;

    max-width: 600px;
    width: 100%;
    /* height: 544px; */
    display: flex;
    flex-direction: column;

    position: relative;
  }
  .PS-section-5 {
    /* border: solid red 1px; */
    background-color: rgba(255, 255, 255, 1);
    /* რეკომენდირებული კურსები */
    margin: 0 auto;
    padding: 32px 16px 0 16px;
    max-width: 600px;
    width: 100%;
    /* height: 544px; */
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
  }

  .PS-section-5-name {
    margin: 0 auto;
    width: 344px;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
    color: #333333;
  }
  
  .PS-gallery-wrapper {
    position: relative;
    max-width: 1250px;
    margin: 0 auto;
  }

  .PS-cards {
    /* border: solid red 1px; */
    margin: 0 auto;
    width: 344px;
    height: 498px;
    /* margin: 0 auto; */
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  /* ENABLE Gradients for Mobile only */
  .PS-gallery-wrapper::before,
  .PS-gallery-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 80px; /* Gradient height */
    z-index: 5;
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 0;
  }

  /* Top Gradient */
  .PS-gallery-wrapper::before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  }

  /* Bottom Gradient */
  .PS-gallery-wrapper::after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  }

  /* Visibility logic classes */
  .PS-gallery-wrapper.show-top::before {
    opacity: 0.3;
  }
  .PS-gallery-wrapper.show-bottom::after {
    opacity: 0.3;
  }

  
  

  .PS-prev-arrow,
  .PS-next-arrow {
    display: none;
  }

  .PS-card-1 {
    display: flex;
    gap: 10px;
    width: 344px;
    height: 180px;
    border-radius: 12px;
    box-shadow: 0px 1px 3px 0px #0000001a;
  }
  .PS-card-1 img {
    width: 344px;
    height: 180px;
    border-radius: 6px;
    box-shadow: 0px 1px 3px 0px #0000001a;
  }

  .PS-Last-update-time {
    /* border: solid red 1px; */
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: 64px;
    padding: 24px 16px 24px 16px;
    background-color: #ffffff;

    font-family: "Helvetica Neue LT GEO 65";
    font-weight: 500;
    font-style: 65 Medium;
    font-size: 11px;
    color: #333333;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: right;
  }

  /* 


for slider START 


*/

  /* Next & previous buttons */
  .PS-prev,
  .PS-next {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    /* padding: 16px; */
    /* margin-top: -22px; */
    /* color: white; */
    /* font-weight: bold; */
    /* font-size: 18px; */
    transition: 0.5s ease;
    /* user-select: none; */
    border-radius: 50%;
    background-color: #e7e4f5e5;
    opacity: 70%;
  }

  /* Position the "next button" to the right */
  .PS-next {
    right: 16px;
    /*   border-radius: 3px 0 0 3px; */
  }

  /* On hover, add a black background color with a little bit see-through */
  .PS-prev:hover,
  .PS-next:hover {
    opacity: 70%;
    background-color: #a69ad1;
  }

  .PS-prev:active {
    background-color: #6d5baf;
  }

  .PS-next:active {
    background-color: #6d5baf;
  }

  /* 


for slider END 


*/

  .PS-card-text {
    width: 200px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  .PS-card-text > h3 {
    height: 48px;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 5%;
    color: #333333;
  }

  .PS-card-text > p {
    font-family: "Helvetica Neue LT GEO 65";
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0%;
    color: #333333;
  }

  .PS-card-button-1 {
    background-color: white;
    width: 88px;
    height: 31px;
    gap: 8px;
    opacity: 1;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 16px;
    border-radius: 12px;
    border-width: 0.5px;

    font-family: "Helvetica Neue LT GEO 65";
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0%;
    color: #333333;
  }

  .PS-card-button-2 {
    width: 176;
    height: 36;
    gap: 8px;
    opacity: 1;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    border-radius: 8px;
    background-color: #6d5baf;
    color: #ffffff;

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 5%;
    vertical-align: bottom;
  }

  /* for SPAN slider START */

  .PS-dot-navigation {
    display: flex;
    justify-content: center;
    gap: 8px;
    /* text-align: center; */
    /* margin-top: 10px; */
  }

  .PS-dot {
    width: 10px;
    height: 10px;
    background-color: #e7e4f5;
    border-radius: 50%;
    /* margin: 0 5px; */
    cursor: pointer;
  }

  .PS-dot.PS-dot-active {
    background-color: #6d5baf;
  }

  /*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-List.css     START

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

  .PS-section-list {
    background-color: white;
    margin: 0 auto;
    padding-top: 56px;
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .PS-section-list > div {
    background-color: white;
    margin: 0 auto;

    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .PS-search {
    /* border: solid red 1px; */
    margin: 0 auto 24px auto;
    max-width: 376px;
    width: 100%;
    height: 80px;
    display: flex;
    position: relative;

    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    padding: 24px 26px 0 16px;
  }

  .PS-fing-job-you-love {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
    color: #333333;
  }

  .PS-filter-name {
    /* border: solid red 1px; */
    width: 94px;
    height: 28px;
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    font-family: "Helvetica Neue LT GEO CAPS 55 Roman";
    font-weight: 400;
    font-style: 75 Bold;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 5%;
    position: absolute;
    top: 70px;
    left: 14px;
    z-index: 2;
    cursor: pointer;

    box-shadow: 0px 1px 3px 0px #0000001a;
    border-radius: 6px;
  }

  .PS-find {
    /* border: solid red 1px; */
    display: flex;
    /* align-items: center; */
    position: absolute;
    top: 70px;
    right: 14px;
    z-index: 2;
  }

  /* - - - - - - - - */
  /* .mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
  box-sizing: border-box;
} */

  /* - - - - - - - - */

  .PS-search-bar {
    /* background-color: yellow; */
    width: 136px;
    height: 28px;
    padding: 5px 0 5px 8px;
    gap: 8px;
    opacity: 1;
    border: solid #808080 1px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    outline: none;

    font-family: "Helvetica Neue";
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
  }

  .PS-clearInput-button-holder {
    /* border: solid red 1px; */
    height: 28px;
    width: 28px;
    font-size: 12px;
    border: solid #808080 1px;
    border-left: none;
    /* border-top-right-radius: 8px; */
    /* border-bottom-right-radius: 8px; */
    background-color: transparent;
    /* padding-bottom: 8px; */
    /* display: flex; */
    /* align-content: center; */
    justify-content: center;
  }

  .PS-clearInput-button {
    height: 28px;
    width: 28px;
    font-size: 12px;
    /* border: solid #808080 1px; */
    border-left: none;
    /* border-top-right-radius: 8px; */
    /* border-bottom-right-radius: 8px; */
    background-color: transparent;
    /* padding-bottom: 8px; */
    /* display: flex; */
    /* align-content: center; */
    justify-content: center;
  }

  .PS-clearInput-button > img {
    width: 16px;
  }

  .PS-find-button {
    /* margin-left: 32px; */
    /* border: solid red 1px; */
    background-color: #6d5baf;
    color: #ffffff;
    width: 40px;
    height: 28px;
    /* gap: 8px; */
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top: 5px;
    opacity: 1;
    /* border-radius: 8px; */

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 5%;
  }

  .PS-find-button > img {
    height: 16px;
  }

  /* MODAL START */

  /* The Modal (background) */
  .PS-modal {
    /* border: solid red 1px; */
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    left: 0;
    top: 0;
    /* top: 56px; */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
    z-index: 20;
    animation: slideFromTop 0.3s ease-out forwards;
  }

  /* Modal Content/Box */
  .PS-favorites-modal {
    /* border: solid red 1px; */
    margin: 0 auto;
    padding: 16px 0;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    max-width: 344px;
    width: 100%;
    height: 64px;

    /* height: 50px; */
    background-color: #ffffff;
    position: fixed;

    z-index: 1;

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 5%;
  }

  .modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fefefe;
    padding: 0;
    /* border: 1px solid #888; */
    width: 100%; /* Could be more or less, depending on screen size */
    /* height: 709px; */
    overflow: scroll;
    /* position: absolute; */
    top: 56px;
    /* right: 0; */
    margin: 0 auto;
  }

  /* The Close Button */
  .close {
    color: #333333;
    /* float: right; */
    font-size: 28px;
    font-weight: bold;
    /* position: absolute; */
    /* top: 0; */
    /* right: 15px; */
  }

  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .PS-modal-content-cards {
    margin: 0 auto;
    max-width: 344px;
    margin-top: 74px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  /* MODAL END */

  .PS-filter-result {
    display: flex;
    padding-bottom: 24px;
  }

  .PS-filter {
    /* border: solid red 1px; */
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    position: fixed;
    top: 56px;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
    align-items: center;
  }

  /* .PS-filter:hover .PS-filter-buttons {
    display: flex;
  } */

  /* .PS-filter:hover .PS-filter-name-content {
    display: flex;
  } */

  .PS-filter-name-close {
    max-width: 344px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .PS-filter-name2 {
    /* border: solid red 1px; */
    /* width: 344px; */
    padding-top: 24px;
    font-family: "Helvetica Neue LT GEO CAPS 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
  }

  .PS-filter-input {
    /* border: solid red 1px; */
    display: none;
    align-items: center;
    flex-direction: column;
    gap: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    box-sizing: border-box;
    padding-bottom: 60px;
  }

  .close2 {
    /* border: solid red 1px; */
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    /* float: right; */
    font-size: 28px;
    font-weight: bold;
    /* position: absolute; */
    /* top: 0; */
    /* right: 15px; */
    cursor: pointer;
  }

  /* .close2:hover,
  .close2:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  } */

  .PS-filter-name-content {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 0;
    width: 344px;
    background-color: #ffffff;
    z-index: 1;
  }

  .PS-filter-sphere {
    /* width: 376px; */
    font-family: "Helvetica Neue LT GEO 65";
    font-weight: 500;
    font-style: 65 Medium;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0%;
  }

  .PS-filter-choices {
    font-family: "Helvetica Neue LT GEO Caps 55 Roman";
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  label {
    display: inline-block;
    cursor: pointer;
    color: #6d5baf;

    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
  }

  #PS-more-less {
    display: none;
  }

  #PS-more-less:checked ~ .PS-content {
    display: flex;
  }

  #PS-more-less:checked ~ label {
    display: none;
  }

  .PS-content {
    /* border: solid red 1px; */
    display: none;
    font-family: "Helvetica Neue LT GEO Caps 55 Roman";
    /* display: flex; */
    flex-wrap: wrap;
    gap: 12px;
  }

  .PS-filter-choice {
    box-shadow: 1px 1px 4px 0px #0000001a;
    border: none;
    /* background-color: #ffffff; */
    opacity: 1;
    padding: 4px 8px;

    gap: 10px;
    border-radius: 4px;
    font-size: 12px;

    font-family: "Helvetica Neue LT GEO Caps 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 5%;
    text-transform: capitalize;
  }

  .PS-active {
    color: #ffffff;
    background-color: #6d5baf;
  }

  .PS-filter-buttons {
    /* outline: solid red 1px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 344px;
    z-index: 1;
    padding: 12px 0 12px 0;
    margin-bottom: 100px;
  }

  .PS-filter-button-1 {
    background-color: #6d5baf;
    color: #ffffff;
    width: 343px;
    height: 32px;

    opacity: 1;
    padding: 6px 12px;
    gap: 8px;
    border-radius: 8px;
    font-size: 14px;

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 5%;
    color: #ffffff;
  }

  .PS-filter-button-2 {
    background-color: #ffffff;
    border: solid #6d5baf 1px;
    width: 343px;
    height: 32px;

    opacity: 1;
    padding: 6px 12px;
    gap: 8px;
    border-radius: 8px;
    border-width: 1px;

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 5%;
    color: #333333;
  }

  .PS-result {
    margin: 0 auto;
    padding: 0;
    width: 344px;
    display: flex;
    flex-direction: column;
    gap: 0px;
  }

  .PS-9-results {
    display: none;
    height: 23px;
    font-family: "Helvetica Neue LT GEO 75 Roman";
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 5%;
    color: #333333;
  }

  .PS-load-more-btn {
    border: solid #6d5baf 1px;
    background-color: #ffffff;
    border-radius: 8px;
    width: 120px;
    height: 27px;
    margin: 24px auto;
    color: #333333;
    cursor: pointer;

    font-family: "Helvetica Neue LT GEO 65";
    font-weight: 500;
    font-style: 65 Medium;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    vertical-align: bottom;
  }

  .PS-load-more-btn:hover {
    background-color: #e7e4f5e5;
  }

  .PS-result-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 10px;
  }

  .PS-favorite {
    /* background-color: greenyellow; */
    /* background-size: 22px 22px; */
  }

  .PS-favorite > .PS-heart-div {
    margin: 8px;
    height: 24px;
    width: 24px;
    /* background-color: yellow; */
    background-image: url(../images/Card-Heart-Favorite.svg);
    background-position: center;
    background-size: 20px 20px;
  }

  .PS-favorite > .PS-heart-div:hover {
    background-image: url(../images/Card-Heart-Favorite.svg) !important;
    background-position: center;
    background-size: 20px;
  }

  .PS-favorite > .PS-heart-div > img {
    display: none;
  }

  /* .PS-result-card {
    width: 318px;
    height: 408px;
    display: flex;
    flex-direction: column;
    align-items: end;
    box-shadow: 0px 2px 4px 0px #0000001a;
    border-radius: 12px;
    position: relative;
  } */

  .PS-result-card {
    width: 164px;
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: end;
    box-shadow: 0px 2px 4px 0px #0000001a;
    border-radius: 8px;
    position: relative;
  }

  .PS-result-card img {
    width: 164px;
  }

  .PS-result-card:nth-child(n + 10) {
    display: none;
  }

  .PS-heart-div {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;

    /* box-shadow: 0px 2px 4px 0px #0000001a; */
    /* background-color: #ffffff; */
    border-radius: 8px;
    margin: 8px;
  }
  .PS-heart-div:hover {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-size: 32px;
  }

  .PS-heart-div > img {
    width: 20px;
  }

  .PS-card-info {
    /* border: solid green 1px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 164px;
    height: 98px;
    padding: 8px 0 8px 0;
  }

  .PS-name {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding: 0 8px;
    gap: 12px;
  }

  .PS-name > h1 {
    height: 32px;

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 5%;
    color: #333333;
  }

  .PS-name > h1:hover {
    /* border: solid grey 2px; */
    position: absolute;
    width: 148px;
    height: auto;

    background-color: #ffffff;
    overflow: visible;

    display: -webkit-inline-box;
    -webkit-line-clamp: 6; /* ზღუდავს ტექსტს 2 სტრიქონამდე */
    -webkit-box-orient: vertical;
  }

  /* .PS-name span {
    display: none;
  } */

  .PS-card-info h4 {
    /* border: solid red 1px; */
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #333333;
  }

  .PS-card-info-text-button {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .PS-card-info-text-button-V2 {
    /* border: solid blue 1px; */
    display: flex;
    flex-direction: column;
    padding: 0 8px;
    gap: 4px;
  }

  .PS-card-info-sub {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 318px;
  }

  .PS-sphere {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 5px;
  }

  .PS-request {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start;
    padding: 5px;
  }

  .PS-salary {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: start;
    padding: 5px;
  }

  .PS-card-info-button {
    display: none;
    background-color: #6d5baf;
    color: #ffffff;
    width: 294px;
    height: 36px;
    gap: 8px;
    opacity: 1;
    padding-right: 16px;
    padding-left: 16px;
    border-radius: 8px;

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 5%;
    align-content: center;
  }

  /* .PS-name > h1 {
    /* height: 90px; 

    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 5%;
    color: #333333;
  } */

  .PS-card-info h3 {
    font-family: "Helvetica Neue LT GEO 65";
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #333333;
  }

  /* .PS-card-info h4 {
    /* border: solid red 1px; 
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #333333;
  } */
  /* 
footer {
  margin: 0 auto;
  padding: 24px 48px;
  background-color: #6d5baf;
  color: #ffffff;
  width: 1440px;
  height: 160px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-content: center;
  text-align: center;
  font-family: "Helvetica Neue LT GEO 65";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
} */
  /* 
.PS-Footer-div-1 {
  margin: 0 auto;
  width: 1344px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.PS-Footer-contact-info {
  padding-left: 88px;
  display: flex;
  gap: 32px;
  font-size: 14px;
}

.PS-Footer-social-networks {
  display: flex;
  gap: 16px;
}

.PS-Footer-div-2 {
  border-top: solid white 1px;
  height: 52px;
  width: 1344px;
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: end;
  font-size: 14px;
} */

  /* ეს კოდი არის ანაზღაურების ფილტრისათვის (დასაწისი) */

  .range-slider-container {
    /* outline: solid red 1px; */
    display: flex;
    align-items: center;
    gap: 15px;
    /* width: 100%; */
    width: 344px;
    /* padding: 20px; */
    background: #ffffff;
    /* border-radius: 12px; */
    /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
  }

  .range-input {
    width: 91px;
    height: 29px;
    text-align: start;
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #808080;
    border: 1px solid #808080;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    padding: 6px 12px;
    outline: none;
    -moz-appearance: textfield; /* Remove number input spinners in Firefox */
  }
  
  .PS-input-currency {
  /* outline: solid red 1px; */
  border: 1px solid #808080;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: none;
  width: 29px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
  color: #808080;
}


  .range-input::-webkit-outer-spin-button,
  .range-input::-webkit-inner-spin-button {
    -webkit-appearance: none; /* Remove number input spinners in Chrome/Safari */
    margin: 0;
  }

  .slider-wrapper {
    position: relative;
    max-width: 343px;
    width: 100%;
    height: 8px;
    background: #cccccc;
    border-radius: 5px;
    /* margin-bottom: 2px; */
  }

  .slider-fill {
    position: absolute;
    height: 100%;
    background: #6d5baf; /* Purple color */
    border-radius: 5px;
    z-index: 1;
  }

  .slider-wrapper input[type="range"] {
    /* outline: solid red 1px; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
    z-index: 2;
  }

  .slider-wrapper input[type="range"]::-webkit-slider-thumb {
    /* outline: solid red 1px; */
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #4a3c82;
    border: none;
    border-radius: 50%;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    cursor: pointer;
    pointer-events: auto;
    margin-top: -2px; /* Centers thumb vertically on the track */
  }

  .slider-wrapper input[type="range"]::-moz-range-thumb {
    /* outline: solid red 1px; */
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #4a3c82;
    /* border: solid red 1px; */
    border-radius: 50%;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    cursor: pointer;
    pointer-events: auto;
  }

  /* Ensures the range track is transparent */
  .slider-wrapper input[type="range"]::-webkit-slider-runnable-track {
    background: transparent;
  }

  .slider-wrapper input[type="range"]::-moz-range-track {
    background: transparent;
  }

  /* ეს კოდი არის ანაზღაურების ფილტრისათვის (დასასრული) */

  /*
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------

for index-List.css     END

----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
*/

  /* main page დასაწყისი (376PX) */
  /* main page დასაწყისი (375PX) */
  /* main page დასაწყისი (375PX) */
  /* main page დასაწყისი (375PX) */

  .lmfirstsection {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    /* padding: 16px; */
    align-items: center;
    justify-content: center;
  }
  .lmfirstsectionleft {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    /* margin-left: 30px; */
    margin-top: 86px;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .dayprof {
    width: 345px;
    margin: 0 auto;
    /* margin-bottom: 30px; */
  }
  .lmmainslider {
    height: 460px;
  }
  .lmmaintitle {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
    letter-spacing: 1px;
    /* margin-left: -17px; */
    margin-top: 0px;
    color: #333333;
    width: 100%;
    max-width: 345px;
  }
  .lmfirstsecionwrapper {
    width: 100%;
    /* padding-left: 10px; */
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    /* padding: 0px; */
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .lmfirstsection p {
    width: 345px;
    /* margin-left: -17px; */
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    margin-top: -20px;
    color: #333333;
  }
  .lmfirstbutton12 {
    /* border: solid blue 1px; */
    /* width: 100%; */
    width: 345px;
    height: 32px;
    /* margin-left: -17px; */
    /* margin-top: -17px; */
    /* margin-bottom: 40px; */
    border-radius: 8px;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 1px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 6px 12px;
    margin-bottom: 56px;
    margin-top: -30px;
  }
  .lmfirstsectionright {
    display: none;
  }
  .lmcategories {
    display: none;
  }
  .quizsection {
    /* display: none; */
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .lmwrapper2right p {
    width: 100%;
    max-width: 345px;
    /* margin-left: 31px; */
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
    margin-top: -15px;
  }
  .lmwrapper2 {
    /* border: solid red 1px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: #e7e4f5;
    box-sizing: border-box;
    /* padding: 16px; */
    /* padding-top: 40px; */
    padding-top: 20px;
  }
  .lmwrapper2right {
    width: 600px;
    width: 100%;
    margin: 0 auto;
    order: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top: -10px; */
    /* margin-left: 30px; */
    margin-top: 30px;
  }
  .lmstartquiz {
    max-width: 345px;
    width: 100%;
    height: 32px;
    border-radius: 8px;
    /* margin-left: 31px; */
    margin-bottom: -20px;
    gap: 10px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 6px 95px;
    letter-spacing: 1px;
  }
  .lmstartquiz span {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 1px;
    vertical-align: bottom;
  }
  .lmwrapper2right h1 {
    width: 345px;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
    letter-spacing: 1px;
    color: #333333;
    /* margin-left: 33px; */
    margin-top: -45px;
  }
  .lmwrapper2left {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lmwrapper2left img {
    width: 100%;
    max-width: 345px;
    height: 249px;
    /* box-sizing: border-box; */
    display: flex;
    justify-content: center;
    display: block;
    order: 1;
    margin: 0 auto;
    /* object-fit: contain; */
    /* padding-left: 0; */
  }

  .daywrapperright {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .daywrapperright img {
    max-width: 345px;
    width: 100%;
    height: 249px;
    margin-left: 0;
    margin-top: 0;
  }
  .dayprofwrapper {
    /* border: solid red 1px; */
    display: flex;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 92px;
    justify-content: center;
    align-items: center;
    /* display: flex; */
    padding: 0;
  }

  .lmmaintitle1 {
    margin-top: 120px;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 1px;
    margin-left: 30px;
    color: #333333;
    /* padding-left: 44px; */
  }
  .lmwrapper-row {
    display: none;
  }
  .lmwrappermob {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 377px;
    margin: 0 auto;
  }
  .lmwrappermob img {
    border-radius: 8px;
    margin-left: -5px;
  }
  .lmwrappermob p {
    color: black;
    order: 1;
    margin: 0 auto;
    margin-left: 24px;
    max-width: 344px;
    margin-top: 15px;
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
  }
  .lmwrappernew {
    order: 2;
    margin-left: 30px;
    margin-top: 20px;
  }
  .lmwrappernew2 {
    display: flex;
    flex-direction: column;
    margin-top: 38px;
    margin-left: 20px;
  }
  .lmmobname {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 5%;
    color: #333333;
  }

  .lmwrappernew2 h3 {
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    color: #333333;
  }
  .lmceepreading {
    margin-top: 20px;
    order: 3;
    margin-left: -176px;
    width: 330px;
    justify-content: center;
    align-items: center;
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 1px;
    vertical-align: center;
    padding: 8px 20px;
    gap: 15px;
  }
  .lm-next-arrow {
    left: 82%;
    margin-top: -40px;
    width: 40px;
    height: 40px;
  }
  .lm4png img {
    display: none;
  }
  .lmmobicon {
    display: flex;
    margin-top: -30px;
    width: 16px;
    height: 16px;
    margin-left: 30px;
  }
  .daywrapperleft h1 {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 1px;
    margin-right: 9px;
    color: #333333;
    margin-top: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 345.8px;
    margin-bottom: 30px;
  }
  .daywrapperleft {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
    margin-top: -50px;
  }
  .daywrapperleft p {
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    width: 100%;
    max-width: 345px;
    font-style: 55 Roman;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0%;
    margin-top: -10px;
    color: #333333;
  }
  .dayprof {
    /* border: solid red 1px; */
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .lmprofphotos {
    width: 164px;
    height: 145px;
  }
  /* .daywrapperleft button {
    max-width: 344px;
    display: flex;
  } */
  .lmknowmore {
    width: 345px;
    height: 32px;
    justify-content: space-around;
    margin-top: 15px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    margin-bottom: -50px;
  }
  .lmknowmore span {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 5%;
    vertical-align: bottom;
    margin-left: 13px;
    letter-spacing: 1px;
  }
  .lmknowmore img {
    margin-left: -180px;
  }

  /* about us */
  /* about us */
  /* about us */
  /* about us */
  /* about us */
  /* about us */

  .maincontainer {
    /* border: solid red 1px; */
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    /* padding: 20px 20px 0px 20px; */
    background-color: white;
  }
  .lmmissionsection {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding-top: 56px;
  }
  .lmwrapper4 {
    /* border: solid red 1px; */
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-left: 0;
  }
  .lmwrapper4left {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .lmwrapper4left h1 {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
    letter-spacing: 1px;
    color: #333333;
    margin-top: 30px;
    margin: 0 auto;
    max-width: 344px;
    width: 100%;
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .lmwrapper4left p {
    width: 344px;
    /* m 344px; */
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
    margin-bottom: 30px;
    margin: 0 auto;
  }
  .lmwrapper4right {
    background-color: white;
    width: 344px;
    height: 226px;
    margin: 0 auto;
  }
  .lmwrapper4right img {
    width: 344px;
    height: 226px;
    opacity: 1;
    border-radius: 12px;
    margin: 0 auto;
    margin-top: -80px;
  }
  .lmvissionsection {
    width: 100%;
    max-width: 600px;
    height: 660px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }
  .lmwrapper5 {
    /* display: flex; */
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }

  .lmwrapper5left {
    order: 2;
    width: 100%;
    height: 258px;
    max-width: 600px;
    border-radius: 8px;
    background-color: white;
    padding: 0;
    margin: 0 auto;
    display: flex;
    margin-top: 32px;
  }
  .lmwrapper5left img {
    width: 100%;
    max-width: 344px;
    height: 258px;
    opacity: 1;
    border-radius: 8px;
    margin: 0 auto;
    display: block;
    padding-left: 0;
    margin-bottom: 32px;
    margin-top: -50px;
  }
  .lmwrapper5right {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .lmwrapper5right h1 {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
    letter-spacing: 1px;
    margin-top: 0px;
    color: #333333;
    width: 100%;
    max-width: 344px;
    margin: 0 auto;
    margin-bottom: 24px;
  }
  .lmwrapper5right p {
    font-family: "Helvetica Neue LT GEO 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
    width: 100%;
    max-width: 344px;
    margin: 0 auto;
  }
  .lmteamsection {
    width: 100%;
    max-width: 600px;
    height: 633px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0 auto;
    padding-left: 0;
    margin-bottom: 24px;
  }
  .lmteamheader {
    /* border: solid red 1px; */
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
    letter-spacing: 1px;
    color: #333333;
    margin: 16px auto 24px auto;
    padding: 0;
    max-width: 344px;
    width: 100%;
    /* margin: 0 auto; */
    position: sticky;
    top: 0;
    background-color: #fff;
    /* padding-bottom: 24px; */
    /* margin-top: -10px;
    margin-bottom: 24px; */
  }
  .lmteamwrapper {
    width: 100%;
    max-width: 344px;
    /* height: 500px; */
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    gap: 16px;
  }
  
  
  
  /*==============================================================*/

  /* 1. The Outer Container (Holds the gradients) */
  .lm-gradient-container {
    position: relative;
    max-width: 600px;
    margin: 0 auto 24px auto;
  }

  /* 2. The Scrollable Section */
  .lmteamsection {
    width: 100%;
    height: 633px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-left: 0;
    scrollbar-width: none; /* Hides scrollbar for Firefox */
  }

  .lmteamsection::-webkit-scrollbar {
    display: none; /* Hides scrollbar for Chrome/Safari */
  }

  /* 3. The Inner Flex Wrapper */
  .lmteamwrapper {
    width: 100%;
    max-width: 344px;
    margin: 0 auto;
    display: flex;
     flex-wrap: wrap;
    /* flex-direction: column; Vertical layout */
    justify-content: flex-start;
    gap: 16px;
  }

  /* 4. Gradient Pseudo-elements */
  .lm-gradient-container::before,
  .lm-gradient-container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 10;
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 0;
  }

  /* Top Shadow */
  .lm-gradient-container::before {
    top: 0;
    background: linear-gradient(to bottom, black 0%, transparent 100%);
  }

  /* Bottom Shadow */
  .lm-gradient-container::after {
    bottom: 0;
    background: linear-gradient(to top, black 0%, transparent 100%);
  }

  /* Visibility Classes controlled by JS */
  .lm-gradient-container.show-top::before {
    opacity: 0.3;
  }
  .lm-gradient-container.show-bottom::after {
    opacity: 0.3;
  }

  /*==============================================================*/


  
  
  .lmfullcycle {
    width: 164px;
  }
  .lmonlycycle {
    width: 164px;
    height: 164px;
    border-radius: 8px;
  }
  .lmonlycycle img {
    width: 164px;
    height: 164px;
  }
  .lmfullcycle span {
    font-family: "Helvetica Neue LT GEO Caps 75 Roman";
    font-weight: 700;
    font-style: Bold;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 15px;
    letter-spacing: 1px;
  }
  .lmiconandprof {
    margin-top: 2px;
    gap: 4px;
  }
  .lmiconandprof img {
    width: 16px;
    height: 16px;
  }
  .lmiconandprof h6 {
    font-family: "Helvetica Neue LT GEO Caps 55 Roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 10px;
    leading-trim: NONE;
    line-height: 16px;
    letter-spacing: 1px;
    color: #333333;
  }

  /* quiz media start  */
  /* quiz media start */
  /* new quiz media start */

  .newquizwrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    padding-top: 56px;
  }
  .newquizleft {
    width: 100%;
    max-width: 343px;
    order: 2;
  }
  .newquizleft h1 {
    font-family: "Helvetica Neue LT GEO Caps 75 roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 24px;
  }
  .newquizleft p {
    font-family: "Helvetica Neue LT GEO 55 roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
  }
  .newquizleft li {
    font-family: "Helvetica Neue LT GEO 55 roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
  }
  .newquizright {
    order: 1;
  }
  .newquizright img {
    width: 100%;
    max-width: 343px;
    height: 249px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .pngmobile {
    display: flex;
  }
  .pngdesct {
    display: none;
  }
  .newstartquiz {
    margin-bottom: 24px;
    margin-top: 16px;
    height: 32px;
    font-family: "Helvetica Neue LT GEO Caps 75 roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 5%;
    vertical-align: bottom;
    gap: 8px;
    border-radius: 8px;
  }
  /* quiz media start */
  /* quiz media start */

  .lmprogressbar {
    display: none;
  }
  .lmquizsection {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .lmquizsection h1 {
    font-family: Helvetica Neue LT GEO Caps 75 roman;
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 23px;
    letter-spacing: 1px;
    color: #333333;
    /* margin-left: 30px; */
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-left: 30px;
    margin-top: -10px;
  }
  .lmmainquestion h2 {
    font-family: Helvetica Neue LT GEO 65;
    font-weight: 500;
    font-style: 65 Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    /* margin-left: 30px; */
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-left: 30px;
    margin-top: 30px;
  }
  .lmoption input[type="radio"] {
    accent-color: #007b55;
  }
  .lmoption {
    font-family: Helvetica Neue LT GEO;
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-left: 30px;
  }
  .lmfirstbutton {
    width: 100%;
    max-width: 160px;
    font-family: Helvetica Neue LT GEO Caps 75 roman;
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 7px;
    padding-top: 7px;
  }
  .lmsecondbutton12 {
    font-family: Helvetica Neue LT GEO Caps 75 roman;
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 20px;
    letter-spacing: 1px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 7px;
    padding-top: 7px;
    display: flex;
  }
  .lmquizbuttons {
    max-width: 600px;
    width: 100%;
    margin-bottom: -10px;
    margin-top: 2px;
    margin: 0 auto;
    margin-left: 30px;
    display: flex;
    justify-content: space-between;
    gap: 0;
  }
  .divfornextmodal {
    display: flex;
    width: 100%;
    max-width: 600px;
    /* margin: 0 auto; */
    margin-top: 30px;
    /* margin-left: 30px; */
    justify-content: space-between;
    background-color: #daf3ec;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    margin-bottom: -38px;
  }
  .divfornextmodal h6 {
    font-family: "Helvetica Neue LT GEO 55 roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 18px;
    letter-spacing: 0%;
    color: #333333;
  }

  /* privecy */ /* privecy */
  /* privecy */
  /* privecy */
  .lmallcookies {
    padding-top: 48px;
  }

  .lmcookie1 {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
  }
  .lmcookie1 h1 {
    /* border: solid red 1px; */
    font-family: "Helvetica Neue LT GEO Caps 75 roman";
    font-weight: 700;
    font-style: 75 Bold;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 1px;
    max-width: 343px;
    width: 100%;
    color: #333333;
    margin: 0 auto;
    margin-top: 32px;
    margin-bottom: 24px;
  }
  .lmcookie1 p {
    font-family: "Helvetica Neue LT GEO 55 roman";
    font-weight: 400;
    font-style: 55 Roman;
    font-size: 13px;
    leading-trim: NONE;
    line-height: 17px;
    letter-spacing: 0%;
    color: #333333;
    max-width: 343px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 24px;
  }
}