html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
  }
  
  body {
    padding: 0;
    font-family: var(--font-primary);
    width: 100%;
    background-color: white;
    color: #212529b5;
    font-size: 16px;
    line-height: 1.875;
  }
  
  select,
  input:not([type="range"]),
  textarea {
    border: 0;
    outline: none;
    width: 100%;
    background-color: transparent;
  }
  select {
    /* background-image: none !important; */
    background-color: transparent !important;
  }
  main {
    overflow: hidden;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  svg{
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    font-size: 24px;
    flex-shrink: 0;
    fill: currentColor;
    stroke: currentColor;
  }
  
  a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    transition: color 0.2s ease-in-out;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
  }
  
  ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  p {
    margin: 0;
    font-size: 16px;
    color: var(--color-dark-4);
  }
  
  button {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    text-decoration: none;
    color: inherit;
  }
  
  button:focus {
    outline: 0;
  }
  
  .button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
    vertical-align: middle;
    text-align: center;
    padding: 10px 22px;
    line-height: 1;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    border-radius: 40px;
    height: 40px;
    border: 1px solid transparent;
    transition: all 0.5s ease;
    box-shadow: 0 2px 5px 0px #0000001c;
  }
  .button i.ml-none, .button svg.ml-none{
    margin-left: 0px !important;
  }
  .button i, .button svg{
    margin-left: -6px !important;
  }
  
  .button.-xs {
    padding: 6px 12px;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
  }
  .button.-sm {
    padding: 8px 14px;
    font-size: 11px;
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
  }
  
  .button.-md {
    padding: 12px 24px;
    font-size: 14px;
    border-radius: 50px;
    height: 45px;
    line-height: 45px;
  }
  
  .button.-lg {
    padding: 16px 28px;
    border-radius: 6px;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
  }
  
  .button.-min-180 {
    min-width: 180px;
  }
  
  .button.-underline:hover {
    text-decoration: underline;
  }
  
  
  .button.-white:hover {
    border-color: var(--color-white);
    background-color: var(--color-white) !important;
    color: white !important;
  }
  
  .button.-outline-white {
    border-color: var(--color-white);
  }
  
  .button.-outline-white:hover {
    background-color: var(--color-white);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-black:hover {
    border-color: var(--color-black);
    background-color: var(--color-black) !important;
    color: white !important;
  }
  
  .button.-outline-black {
    border-color: var(--color-black);
  }
  
  .button.-outline-black:hover {
    background-color: var(--color-black);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-border:hover {
    border-color: var(--color-border);
    background-color: var(--color-border) !important;
    color: white !important;
  }
  
  .button.-outline-border {
    border-color: var(--color-border);
  }
  
  .button.-outline-border:hover {
    background-color: var(--color-border);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-dark-1:hover {
    border-color: var(--color-dark-4);
    background-color: var(--color-dark-4) !important;
    color: white !important;
  }
  
  .button.-outline-dark-1 {
    border-color: var(--color-dark-1);
  }
  
  .button.-outline-dark-1:hover {
    background-color: var(--color-dark-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-dark-2:hover {
    border-color: var(--color-dark-2);
    background-color: var(--color-dark-2) !important;
    color: white !important;
  }
  
  .button.-outline-dark-2 {
    border-color: var(--color-dark-2);
  }
  
  .button.-outline-dark-2:hover {
    background-color: var(--color-dark-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-dark-3:hover {
    border-color: var(--color-dark-3);
    background-color: var(--color-dark-3) !important;
    color: white !important;
  }
  
  .button.-outline-dark-3 {
    border-color: var(--color-dark-3);
  }
  
  .button.-outline-dark-3:hover {
    background-color: var(--color-dark-3);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-dark-4:hover {
    border-color: var(--color-dark-4);
    background-color: var(--color-dark-4) !important;
    color: white !important;
  }
  
  .button.-outline-dark-4 {
    border-color: var(--color-dark-4);
  }
  
  .button.-outline-dark-4:hover {
    background-color: var(--color-dark-4);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-light-1:hover {
    border-color: var(--color-light-1);
    background-color: var(--color-light-1) !important;
    color: white !important;
  }
  
  .button.-outline-light-1 {
    border-color: var(--color-light-1);
  }
  
  .button.-outline-light-1:hover {
    background-color: var(--color-light-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-light-2:hover {
    border-color: var(--color-dark-4) !important;
    background-color: var(--color-light-2) !important;
    color: var(--color-dark-4) !important;
  }
  
  .button.-outline-light-2 {
    border-color: var(--color-light-2);
  }
  
  .button.-outline-light-2:hover {
    background-color: var(--color-light-2);
    border-color: transparent;
  }
  
  .button.-light-3:hover {
    border-color: var(--color-light-3);
    background-color: var(--color-light-3) !important;
    color: var(--color-yellow-1) !important;
  }
  
  .button.-outline-light-3 {
    border-color: var(--color-light-3);
  }
  
  .button.-outline-light-3:hover {
    background-color: var(--color-light-3);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-blue-1:hover {
    border-color: var(--color-blue-1)!important;
    background-color: var(--color-blue-1) !important;
    color: white !important;
  }
  .button.-outline-blue-1 {
    border-color: var(--color-blue-1);
  }
  .button.-outline-blue-1:hover {
    background-color: var(--color-blue-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-blue-2:hover {
    border-color: var(--color-blue-2);
    background-color: var(--color-blue-2) !important;
    color: white !important;
  }
  .button.-outline-blue-2 {
    border-color: var(--color-blue-2);
  }
  .button.-outline-blue-2:hover {
    background-color: var(--color-blue-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-blue-3:hover {
    border-color: var(--color-blue-3);
    background-color: var(--color-blue-3) !important;
    color: white !important;
  }
  .button.-outline-blue-3 {
    border-color: var(--color-blue-3);
  }
  .button.-outline-blue-3:hover {
    background-color: var(--color-blue-3);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-blue-4:hover {
    border-color: var(--color-blue-4);
    background-color: var(--color-blue-4) !important;
    color: white !important;
  }
  .button.-outline-blue-4 {
    border-color: var(--color-blue-4);
  }
  .button.-outline-blue-4:hover {
    background-color: var(--color-blue-4);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-blue-5:hover {
    border-color: var(--color-blue-5) !important;
    background-color: var(--color-blue-5) !important;
    color: var(--color-blue-1) !important;
  }
  .button.-outline-blue-5 {
    border-color: var(--color-blue-5);
  }
  .button.-outline-blue-5:hover {
    background-color: var(--color-blue-5);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-green-1:hover {
    border-color: var(--color-green-1);
    background-color: var(--color-green-1) !important;
    color: white !important;
  }
  .button.-outline-green-1 {
    border-color: var(--color-green-1);
  }
  .button.-outline-green-1:hover {
    background-color: var(--color-green-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-green-2:hover {
    border-color: var(--color-green-2);
    background-color: var(--color-green-2) !important;
    color: white !important;
  }
  .button.-outline-green-2 {
    border-color: var(--color-green-2);
  }
  .button.-outline-green-2:hover {
    background-color: var(--color-green-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-green-3:hover {
    border-color: var(--color-green-3);
    background-color: var(--color-green-3) !important;
    color: white !important;
  }
  .button.-outline-green-3{
    border-color: var(--color-green-3);
  }
  .button.-outline-green-3:hover {
    background-color: var(--color-green-3);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-green-4:hover {
    border-color: var(--color-green-4);
    background-color: var(--color-green-4) !important;
    color: white !important;
  }
  .button.-outline-green-4 {
    border-color: var(--color-green-4);
  }
  .button.-outline-green-4:hover {
    background-color: var(--color-green-4);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-green-5:hover {
    border-color: var(--color-green-5);
    background-color: var(--color-green-5) !important;
    color: var(--color-green-1) !important;
  }
  .button.-outline-green-5 {
    border-color: var(--color-green-5);
  }
  .button.-outline-green-5:hover {
    background-color: var(--color-green-5);
    border-color: transparent;
    color: white !important;
  }
  .bg-pg-gradyan:hover{opacity:.7;}
  
  .button.-yellow-1 {
    border-color: var(--color-yellow-1);
    background-color: var(--color-yellow-1) !important;
    color: white !important;
  }
  .button.-yellow-1:hover {
    border-color: var(--color-yellow-2);
    background-color: var(--color-yellow-2) !important;
    color: white !important;
  }
  
  .button.-outline-yellow-1 {
    border-color: var(--color-yellow-1);
    background-color: transparent !important;
  }
  
  .button.-outline-yellow-1:hover {
    background-color: var(--color-yellow-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-yellow-2:hover {
    border-color: var(--color-yellow-2);
    background-color: var(--color-yellow-2) !important;
    color: white !important;
  }
  
  .button.-outline-yellow-2 {
    border-color: var(--color-yellow-2);
    background-color: transparent !important;
  }
  
  .button.-outline-yellow-2:hover {
    background-color: var(--color-yellow-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-yellow-3:hover {
    border-color: var(--color-yellow-3);
    background-color: var(--color-yellow-3) !important;
    color: white !important;
  }
  
  .button.-outline-yellow-3 {
    border-color: var(--color-yellow-3);
  }
  
  .button.-outline-yellow-3:hover {
    background-color: var(--color-yellow-3);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-yellow-4:hover {
    border-color: var(--color-yellow-4);
    background-color: var(--color-yellow-4) !important;
    color: white !important;
  }
  
  .button.-outline-yellow-4 {
    border-color: var(--color-yellow-4);
  }
  
  .button.-outline-yellow-4:hover {
    background-color: var(--color-yellow-4);
    border-color: transparent;
    color: white !important;
  }
  
  
  .button.-brown-1:hover {
    border-color: var(--color-yellow-1);
    background-color: var(--color-yellow-1) !important;
    color: white !important;
  }
  .button.-outline-brown-1 {
    border-color: var(--color-yellow-1);
  }
  .button.-outline-brown-1:hover {
    background-color: var(--color-yellow-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-brown-2:hover {
    border-color: var(--color-yellow-2);
    background-color: var(--color-yellow-2) !important;
    color: white !important;
  }
  .button.-outline-brown-2 {
    border-color: var(--color-yellow-2);
  }
  .button.-outline-brown-2:hover {
    background-color: var(--color-yellow-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-brown-3:hover {
    border-color: var(--color-yellow-3);
    background-color: var(--color-yellow-3) !important;
    color: white !important;
  }
  .button.-outline-brown-3 {
    border-color: var(--color-yellow-3);
  }
  .button.-outline-brown-3:hover {
    background-color: var(--color-yellow-3);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-brown-4:hover {
    border-color: var(--color-yellow-4);
    background-color: var(--color-yellow-4) !important;
    color: white !important;
  }
  .button.-outline-brown-4 {
    border-color: var(--color-yellow-4);
  }
  .button.-outline-brown-4:hover {
    background-color: var(--color-yellow-4);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-brown-5:hover {
    border-color: var(--color-yellow-5);
    background-color: var(--color-yellow-5) !important;
    color: white !important;
  }
  .button.-outline-brown-5 {
    border-color: var(--color-yellow-5);
  }
  .button.-outline-brown-5:hover {
    background-color: var(--color-yellow-5);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-brown-6:hover {
    border-color: var(--color-yellow-6);
    background-color: var(--color-yellow-6) !important;
    color: white !important;
  }
  .button.-outline-brown-6 {
    border-color: var(--color-yellow-6);
  }
  .button.-outline-brown-6:hover {
    background-color: var(--color-yellow-6);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-brown-7:hover {
    border-color: var(--color-yellow-7);
    background-color: var(--color-yellow-7) !important;
    color: white !important;
  }
  .button.-outline-brown-7 {
    border-color: var(--color-yellow-7);
  }
  .button.-outline-brown-7:hover {
    background-color: var(--color-yellow-7);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-brown-8:hover {
    border-color: var(--color-yellow-8);
    background-color: var(--color-yellow-8) !important;
    color: var(--color-yellow-2) !important;
  }
  .button.-outline-brown-8 {
    border-color: var(--color-yellow-8);
  }
  .button.-outline-brown-8:hover {
    background-color: var(--color-yellow-8);
    border-color: transparent;
    color: white !important;
  }
  
  
  .button.-purple-1:hover {
    border-color: var(--color-purple-1);
    background-color: var(--color-purple-1) !important;
    color: white !important;
  }
  
  .button.-outline-purple-1 {
    border-color: var(--color-purple-1);
  }
  
  .button.-outline-purple-1:hover {
    background-color: var(--color-purple-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-heart-1 {
    border-color: none;
    background-color: var(--color-white) !important;
    color: var(--color-dark-3) !important;
  }
  .button.-heart-1:hover {
    border-color: none;
    background-color: var(--color-white) !important;
    color: var(--color-heart-1) !important;
  }
  
  .button.-outline-heart-1 {
    background-color: transparent !important;
    border-color: var(--color-heart-1) !important;
    color: var(--color-heart-1) !important;
  }
  .button.-outline-heart-1:hover svg{
    color: var(--color-white) !important;  
  }
  .button.-outline-heart-1:hover {
    background-color: var(--color-heart-1) !important;
    border-color: none !important;
    color: var(--color-white) !important;
  }
  
  .button.-red-1 {
    border-color: none;
    background-color: var(--color-red-1) !important;
    color: white !important;
  }
  .button.-red-1:hover {
    border-color: none;
    background-color: var(--color-red-2) !important;
    color: white !important;
  }
  .button.-red-1:hover svg{
    color: var(--color-white) !important;  
  }
  
  .button.-outline-red-1 {
    background-color: transparent !important;
    border-color: var(--color-red-1) !important;
    color: var(--color-red-1) !important;
  }
  .button.-outline-red-1:hover svg{
    color: var(--color-white) !important;  
  }
  
  .button.-outline-red-1:hover {
    background-color: var(--color-red-1) !important;
    border-color: none !important;
    color: var(--color-white) !important;
  }
  
  .button.-red-2:hover {
    border-color: var(--color-red-2);
    background-color: var(--color-red-2) !important;
    color: white !important;
  }
  
  .button.-outline-red-2 {
    border-color: var(--color-red-2);
  }
  
  .button.-outline-red-2:hover {
    background-color: var(--color-red-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-red-3:hover {
    border-color: var(--color-red-3);
    background-color: var(--color-red-3) !important;
    color: var(--color-white) !important;
  }
  
  .button.-outline-red-3 {
    border-color: var(--color-red-3);
  }
  
  .button.-outline-red-3:hover {
    background-color: var(--color-red-3);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-red-4:hover {
      border-color: var(--color-red-4);
      background-color: var(--color-red-4) !important;
      color: var(--color-red-1) !important;
  }
  
  .button.-outline-red-4 {
      border-color: var(--color-red-4);
  }
  
  .button.-outline-red-4:hover {
      background-color: var(--color-red-4);
      border-color: transparent;
      color: white !important;
  }
  
  .button.-red-5:hover {
    border-color: var(--color-red-5) !important;
    background: var(--color-red-5) !important;
    color: var(--color-red-1) !important;
  }
  .button.-outline-red-5 {
    border-color: var(--color-red-5);
  }
  .button.-outline-red-5:hover {
    background-color: var(--color-red-5);
    border-color: transparent;
    color: white !important;
  }
    
  .button.-info-1:hover {
    border-color: var(--color-info-1);
    background-color: var(--color-info-1) !important;
    color: white !important;
  }
  
  .button.-outline-info-1 {
    border-color: var(--color-info-1);
  }
  
  .button.-outline-info-1:hover {
    background-color: var(--color-info-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-info-2:hover {
    border-color: var(--color-info-2);
    background-color: var(--color-info-2) !important;
    color: white !important;
  }
  
  .button.-outline-info-2 {
    border-color: var(--color-info-2);
  }
  
  .button.-outline-info-2:hover {
    background-color: var(--color-info-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-warning-1:hover {
    border-color: var(--color-warning-1);
    background-color: var(--color-warning-1) !important;
    color: white !important;
  }
  
  .button.-outline-warning-1 {
    border-color: var(--color-warning-1);
  }
  
  .button.-outline-warning-1:hover {
    background-color: var(--color-warning-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-warning-2:hover {
    border-color: var(--color-warning-2);
    background-color: var(--color-warning-2) !important;
    color: white !important;
  }
  
  .button.-outline-warning-2 {
    border-color: var(--color-warning-2);
  }
  
  .button.-outline-warning-2:hover {
    background-color: var(--color-warning-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-error-1:hover {
    border-color: var(--color-error-1);
    background-color: var(--color-error-1) !important;
    color: white !important;
  }
  
  .button.-outline-error-1 {
    border-color: var(--color-error-1);
  }
  
  .button.-outline-error-1:hover {
    background-color: var(--color-error-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-error-2:hover {
    border-color: var(--color-error-2);
    background-color: var(--color-error-2) !important;
    color: white !important;
  }
  
  .button.-outline-error-2 {
    border-color: var(--color-error-2);
  }
  
  .button.-outline-error-2:hover {
    background-color: var(--color-error-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-success-1:hover {
    border-color: var(--color-success-1);
    background-color: var(--color-success-1) !important;
    color: white !important;
  }
  
  .button.-outline-success-1 {
    border-color: var(--color-success-1);
  }
  
  .button.-outline-success-1:hover {
    background-color: var(--color-success-1);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-success-2:hover {
    border-color: var(--color-success-2);
    background-color: var(--color-success-2) !important;
    color: white !important;
  }
  
  .button.-outline-success-2 {
    border-color: var(--color-success-2);
  }
  
  .button.-outline-success-2:hover {
    background-color: var(--color-success-2);
    border-color: transparent;
    color: white !important;
  }
  
  .button.-white:hover {
    background-color: var(--color-light-3) !important;
    color: var(--color-dark-1) !important;
  }
  
  .button.-blue-1-05:hover {
    background-color: #00000008 !important;
    color: var(--color-dark-1) !important;
  }
  
  .button.-outline-white:hover {
    background-color: white !important;
    color: var(--color-dark-1) !important;
  }
  

  .bg-blur{
    background: #ffffff0a;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .bg-blur-1{
    background: #a6a6a6a3;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .bg-blur-2{
    background: #eff5fb24;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .bg-blur-3{
    background: #ffffff8f;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .bg-blur-4{
    background: #184e7703;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  .bg_img_2{
    background: linear-gradient(0deg, white, #ffffffd9, white);
    position: relative;
  }
  
  .bg_img_2::before{
    content:'';
    position: absolute;
    width: 100%;
    height: 99%;
    top: 1px;
    z-index: -2;
    background-image: url(../img/bg2.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .new_car_add{
    color:var(--color-blue-2);
    background-color: var(--color-light-2);
    border:2px solid var(--color-blue-2) !important;
  }
  .new_car_add:hover{
    background-color: var(--color-blue-2) !important;
    border:2px solid var(--color-blue-2) !important;
    color:#ffffff !important;
  }
  
  .contact-form select,
  .contact-form input:not([type="range"]),
  .contact-form textarea {
    border-radius: 4px;
    padding: 17px 20px;
    font-size: 15px;
    letter-spacing: 0.02em;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .contact-form select:focus,
  .contact-form input:not([type="range"]):focus,
  .contact-form textarea:focus {
    outline: none;
  }
  
  .contact-form ::-moz-placeholder {
    font-weight: 400;
  }
  
  .contact-form :-ms-input-placeholder {
    font-weight: 400;
  }
  
  .contact-form ::placeholder {
    font-weight: 400;
  }
  
  input.text-white::-moz-placeholder {
    color: white;
  }
  
  input.text-white:-ms-input-placeholder {
    color: white;
  }
  
  input.text-white::placeholder {
    color: white;
  }
  
  .form-checkbox {
    cursor: pointer;
    position: relative;
    display: flex;
  }
  
  .form-checkbox label {
    margin: 0;
    margin-left: 9px;
    font-size: 14px;
  }
  
  .form-checkbox__mark {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-dark-5);
    border-radius: 4px;
  }
  
  .form-checkbox__mark.-border-white{
    border: 1px solid var(--color-white);
  }
  
  .form-checkbox__icon {
    display: none;
    position: absolute;
    font-size: 8px;
    color: white;
  }
  
  .form-checkbox input {
    cursor: pointer;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
  }
  
  .form-checkbox input:checked ~ .form-checkbox__mark {
    background-color: var(--color-green-2);
    border-color: var(--color-green-2);
  }
  
  .form-checkbox input:checked ~ .form-checkbox__mark .form-checkbox__icon {
    display: block;
  }
  
  .form-checkbox:hover input ~ .form-checkbox__mark {
    background-color: var(--color-white);
    border-color: var(--color-green-2);
  }
  .form-checkbox:hover input ~ label {
    color: var(--color-green-2);
  }
  
  .form-checkbox:hover input:checked ~ .form-checkbox__mark {
    background-color: var(--color-green-2);
    border-color: var(--color-green-2);
  }
  
  .form-radio {
    display: flex;
    align-items: center;
  }
  
  .form-radio .radio {
    cursor: pointer;
    position: relative;
    display: block;
  }
  
  .form-radio .radio__mark {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    width: 16px;
    border-radius: 100%;
    border: 1px solid var(--color-dark-1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .form-radio .radio__icon {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--color-white);
    transform-origin: center;
    opacity: 1;
    transform: scale(0.2);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .form-radio .radio input {
    cursor: pointer;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
  }
  
  .form-radio .radio input:checked ~ .radio__mark {
    border-color: var(--color-blue-2);
    background-color: var(--color-blue-2);
  }
  
  .form-radio .radio input:checked ~ .radio__mark .radio__icon {
    opacity: 1;
    transform: scale(1);
  }
  
  .form-switch .switch {
    position: relative;
    width: 60px;
    height: 30px;
  }
  
  .form-switch .switch__slider {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.1);
    background-color: rgba(255, 255, 255, 0.2);
    transition: .3s;
    border-radius: 30px;
    border: 1px solid var(--color-border);
  }
  
  .form-switch .switch__slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 5px;
    bottom: 4px;
    background-color: var(--color-dark-5);
    border-radius: 50%;
    transition: .3s;
  }
  
  .form-switch .switch input {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  
  .form-switch .switch input:checked + .switch__slider {
    background-color: var(--color-green-2);
    border: 1px solid var(--color-green-2);
  }
  
  .form-switch .switch input:checked + .switch__slider::before {
    transform: translateX(29px);
    background-color: white;
  }
  
  .single-field input {
    border-radius: 4px;
    padding: 15px 80px 15px 27px;
    font-size: 15px;
    letter-spacing: 0.02em;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .single-field.-w-410 input {
    width: 410px;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-title);
    margin: 0;
    line-height: 1.45;
    font-weight: 600;
  }
  
  .font-style-1{
    font-family: var(--font-primary);
  }
  .font-style-2{
    font-family: var(--font-title);
  }
  
  .sectionTitle.-md .sectionTitle__title {
    font-size: var(--text-30);
  }
  
  .sectionTitle.-lg .sectionTitle__title {
    font-size: var(--text-40);
  }
  
  .home-left-right-content .column-left{
    flex: 0 0 auto;
    width: 75%;
  }  
  .home-left-right-content .column-right{
    width: 25%;
    flex: 0 0 auto;
  }
  
  .account-page .column-left{
    width: 100%;
    flex: 0 0 auto;
  }
  
  .masthead.-type-1 {
    position: relative;
    padding-top: 330px;
    padding-bottom: 210px;
  }
  
  .masthead.-type-1 .masthead__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .masthead.-type-1 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-1 .masthead__bg::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(5, 16, 54, 0.5) 0%, #051036 72.43%);
    opacity: 0.85;
  }
  
  .masthead.-type-2 {
    position: relative;
  }
  
  .masthead.-type-2 .mainSearch {
    position: absolute;
    bottom: 30px;
  }
  
  .masthead.-type-2 .masthead__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
  }
  .masthead.-type-2 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-2 .masthead__tabs {
    padding-top: 90px;
  }
  
  .masthead.-type-2 .masthead__content {
    padding-top: 120px;
  }
  
  .masthead.-type-2 .masthead__images {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: 1fr 1fr;
    gap: 30px;
  }
  
  .masthead.-type-2 .masthead__images img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-2 .masthead__images > *:nth-child(1) {
    grid-row: span 2;
  }
  
  .masthead.-type-3 {
    position: relative;
    padding-top: 360px;
    padding-bottom: 100px;
  }
  
  .masthead.-type-3 .masthead__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .masthead.-type-3 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-3 .masthead__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.5);
  }
  
  .masthead.-type-3 .masthead__tabs {
    margin-top: 110px;
  }
  
  .masthead.-type-3 .masthead__tabs .tabs__controls {
    bottom: -5px;
  }
  
  .masthead.-type-3 .masthead__tabs .tabs__button {
    height: 64px;
  }
  
  .masthead.-type-4 {
    position: relative;
    margin: 20px 20px 0 20px;
  }
  
  .masthead.-type-4 .masthead__content {
    position: relative;
    z-index: 1;
    padding-top: 360px;
    padding-bottom: 140px;
  }
  
  .masthead.-type-4 .masthead__scroll {
    position: absolute;
    z-index: 5;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .masthead.-type-4 .masthead__scroll .-line {
    width: 1px;
    height: 48px;
    background-color: white;
    margin-top: 3px;
  }
  
  .masthead.-type-4 .masthead-slider {
    position: relative;
    z-index: 0;
  }
  
  .masthead.-type-4 .masthead-slider .masthead__image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  
  .masthead.-type-4 .masthead-slider .masthead__image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.5);
  }
  
  .masthead.-type-4 .masthead-slider img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-4 .masthead-slider__nav {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
  }
  
  .masthead.-type-4 .masthead-slider__nav.-prev {
    left: 40px;
  }
  
  .masthead.-type-4 .masthead-slider__nav.-next {
    right: 40px;
  }
  
  .masthead.-type-4 .mainSearch {
    margin-top: 90px;
  }
  
  .masthead.-home-2 {
    position: relative;
    padding-top: 200px;
    padding-bottom: 150px;
  }
  
  .masthead.-home-2 .masthead__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 30%;
    z-index: -1;
    background: #eff5fb;
  }
  
  .masthead.-home-2 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
  }
  
  .masthead.-home-2 .masthead__image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 70%;
    z-index: -2;
  }
  .masthead.-home-2 .masthead__image::before{
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: radial-gradient(#d7dbe600 0%, #eff5fb 70%);
    background: linear-gradient(274deg, #d7dbe600 0%, #eff5fb 70%);
  }
  .masthead.-home-2 .masthead__image img, .masthead.-home-2 .masthead__image video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
  }
  
  .masthead.-home-2 .-line {
    position: absolute;
    bottom: -30%;
    left: auto;
    right: 0;
    width: 30%;
  }
  
  .masthead.-home-2 .-line img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-home-2 {
    position: relative;
    padding-top: 200px;
    padding-bottom: 150px;
  }
  
  .masthead.-home-2 .masthead__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    z-index: 0;
    background: #eff5fb;
  }
  
  .masthead.-home-2 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
  }
  
  .masthead.-home-2 .masthead__image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    z-index: -2;
  }
  .masthead.-home-2 .masthead__image::before{
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 0;
    z-index: 0;
    background: radial-gradient(#d7dbe600 0%, #eff5fb 70%);
    background: linear-gradient(274deg, #d7dbe600 0%, #eff5fb 70%);
  }
  .masthead.-home-2 .masthead__image img, .masthead.-home-2 .masthead__image video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
  }
  
  .masthead.-home-2 .-line {
    position: absolute;
    bottom: -30%;
    left: auto;
    right: 0;
    width: 30%;
  }
  
  .masthead.-home-2 .-line img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-5 {
    position: relative;
    padding: 30px 0 30px;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .masthead.-type-8 .swiper-slide{
    min-height: auto;
  }
  .masthead.-type-8 .swiper-slide img{
    min-height: auto;
  }
  .masthead.-type-8 .swiper-slide{
    opacity: 0.5;
    filter: blur(5px);
  }
  
  .masthead.-type-8 .swiper-slide.swiper-slide-active {
    opacity:1;
    filter: blur(0px);
  }
  
  .masthead.-type-5.-list-1 {
    padding: 0;
    max-height: fit-content;
    border: 0px !important;
  }
  
  .masthead.-type-5 .masthead__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2%;
    right: 0;
    height: 12%;
    width: 60%;
    z-index: -1;
  }
  
  .masthead.-type-5 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
  }
  
  .masthead.-type-5 .masthead__image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    margin: auto;
  }
  
  .masthead.-type-5 .masthead__image::before{
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    z-index: -1;
    overflow: hidden;
    background: url('../img/slider_hover_img.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .masthead.-type-5 .masthead__image img, .masthead.-type-5 .masthead__image video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    background: var(--color-light-2);
    overflow: hidden;
    z-index: -4;
    position: relative;
  }
  
  .masthead.-type-5 .-line {
    position: absolute;
    bottom: -30%;
    left: auto;
    right: 0;
    width: 30%;
  }
  
  .masthead.-type-5 .-line img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-6 {
    position: relative;
    padding-top: 360px;
    padding-bottom: 300px;
  }
  
  .masthead.-type-6 .masthead__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
  }
  
  .masthead.-type-6 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .breadcrumb {
      flex-shrink: 0;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-color: #aaa rgba(0, 0, 0, 0);
      scrollbar-width: thin;
      margin: 0;
      height: 25px;
      width: 100%;
    }
    .breadcrumb-item {
      text-wrap: nowrap !important;
      padding-right: 10px;
    }
    .breadcrumb li:nth-child(2){
      padding-right: 0px !important;
    }
    .breadcrumb-item+.breadcrumb-item::before {
      content: var(--bs-breadcrumb-divider, ">") !important;
    }
  
  .masthead.-type-6 .masthead__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.5);
  }
  
  .masthead.-type-7 {
    position: relative;
    padding-top: 90px;
  }
  
  .masthead.-type-7 .masthead__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .masthead.-type-7 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-7 .masthead__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.5);
  }
  
  .masthead.-type-7 .masthead__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 650px;
  }
  
  .masthead.-type-7 .masthead-slider {
    overflow: hidden;
    position: relative;
    width: 1720px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 4px;
  }
  
  .masthead.-type-7 .masthead-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }
  
  .masthead.-type-7 .masthead-slider__nav.-prev {
    left: 40px;
  }
  
  .masthead.-type-7 .masthead-slider__nav.-next {
    right: 40px;
  }
  
  .masthead.-type-7 .mainSearch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    z-index: 1;
  }
  .masthead.-type-8 {
    position: relative;
  }
  
  .masthead.-type-8 .masthead__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 700px;
    z-index: -1;
  }
  
  .masthead.-type-8 .masthead-bottom {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
  }
  
  .masthead.-type-8 .mainSearch {
    margin-top: -40px !important;
    position: relative;
    margin: auto;
  }
  
  .masthead.-type-8 .masthead-slider {
    position: relative;
    border-radius: 16px;
    margin: 0 24px;
  }
  
  .masthead.-type-8 .masthead-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  
  .masthead.-type-8 .masthead-slider__nav.-prev {
    left: 20px;
  }
  
  .masthead.-type-8 .masthead-slider__nav.-next {
    right: 20px;
  }
  
  .masthead.-type-9 {
    position: relative;
    z-index: 0;
  }
  
  .masthead.-type-9 .masthead__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  
  .masthead.-type-9 .masthead__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .masthead.-type-9 .masthead__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 6, 20, 0.3);
  }
  
  .masthead.-type-9 .masthead__scroll {
    position: absolute;
    bottom: 30px;
    right: 50px;
  }
  
  .masthead.-type-9 .masthead__scroll .-icon {
    position: relative;
  }
  
  .masthead.-type-9 .masthead__scroll .-icon > *:nth-child(1) {
    width: 28px;
    height: 40px;
    border: 2px solid white;
    border-radius: 200px;
  }
  
  .masthead.-type-9 .masthead__scroll .-icon > *:nth-child(2) {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 8px;
    height: 8px;
    border: 2px solid white;
    border-radius: 100%;
    transition: all 0.5s ease;
  }
  
  .masthead.-type-9 .masthead__scroll:hover .-icon > *:nth-child(2) {
    transform: translateY(16px);
  }
  
  .masthead.-type-9 .masthead-slider {
    position: relative;
    z-index: -1;
  }
  
  .masthead.-type-9 .masthead-slider .swiper-slide {
    padding-top: 385px;
    padding-bottom: 285px;
  }
  
  .masthead.-type-9 .masthead-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  
  .masthead.-type-9 .masthead-slider__nav.-prev {
    left: 40px;
  }
  
  .masthead.-type-9 .masthead-slider__nav.-next {
    right: 40px;
  }
  
  .masthead.-type-9 .mainSearch-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    width: 55vw;
  }
  
  .masthead.-type-10 {
    position: relative;
    padding-top: 360px;
    padding-bottom: 205px;
    background: linear-gradient(180deg, rgba(53, 84, 209, 0.1) 0%, rgba(196, 196, 196, 0) 100%);
  }
  
  .masthead.-type-10 .masthead__content {
    position: relative;
    z-index: 1;
  }
  
  .masthead.-type-10 .masthead__image {
    position: absolute;
    z-index: 0;
    display: flex;
    top: 160px;
    right: 0;
  }
  
  .masthead.-type-10 .container-1500 {
    margin: 0 auto;
    max-width: 1530px;
    padding: 0 15px;
  }
  
  .citiesCard.-type-1 {
    position: relative;
    z-index: 0;
  }
  
  .citiesCard.-type-1 .citiesCard__image {
    border-radius: inherit;
    opacity: 1;
  }
  
  .citiesCard.-type-1 .citiesCard__image.--overlay {
    background-image: linear-gradient(0deg, var(--color-blue-2) 0%, transparent 50%);
  }
  
  .citiesCard.-type-1 .citiesCard__image img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
  }
  
  .citiesCard.-type-1 .citiesCard__content {
    overflow: hidden;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  
  .citiesCard.-type-1 .citiesCard__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-blue-2);
    border-radius: inherit;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
  }
  
  .citiesCard.-type-1 .citiesCard__top {
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
  }
  
  .citiesCard.-type-1 .citiesCard__bottom {
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(80px);
  }
  
  .citiesCard.-type-1:hover {
    cursor: pointer;
  }
  
  .citiesCard.-type-1:hover .citiesCard__top {
    opacity: 1;
  }
  
  .citiesCard.-type-1:hover .citiesCard__bottom {
    transform: translateY(0);
  }
  
  .citiesCard.-type-1:hover .citiesCard__bg {
    opacity: 0.7;
  }
  
  .citiesCard.-type-2 {
    position: relative;
    z-index: 0;
    border: 1px solid var(--color-light-2);
  }
  
  .citiesCard.-type-2 .citiesCard__image {
    overflow: hidden;
  }
  .citiesCard.-type-2 .citiesCard__image.--overlay {
    background-image: linear-gradient(0deg, #0000009e 0%, #00000030 35%);
  }
  
  .citiesCard.-type-2 .citiesCard__image img {
    position: relative;
    z-index: -1;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .citiesCard.-type-2:hover {
    cursor: pointer;
  }
  
  .citiesCard.-type-2:hover .citiesCard__image img {
    transform: scale(1.04);
  }
  
  .citiesCard.-type-3 {
    position: relative;
    overflow: hidden;
    z-index: 0;
  }
  
  .citiesCard.-type-3 .citiesCard__image {
    overflow: hidden;
    border-radius: inherit;
    width: 100%;
    height: 100%;
  }
  
  .citiesCard.-type-3 .citiesCard__image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: inherit;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .citiesCard.-type-3 .citiesCard__content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  
  .citiesCard.-type-3 .citiesCard__content::before {
    content: "";
    position: absolute;
    border-radius: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(5, 16, 54, 0.6) 0%, rgba(5, 16, 54, 0) 63.5%);
  }
  
  .citiesCard.-type-3:hover .citiesCard__image img {
    transform: scale(1.1);
  }
  
  .citiesCard.-type-4 .citiesCard__image {
    overflow: hidden;
  }
  
  .citiesCard.-type-4 .citiesCard__image img {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding: 5px;
    -webkit-filter: drop-shadow(10px 5px 10px #00000050);
    filter: drop-shadow(0px 10px 10px #00000050);
  }
  
  .citiesCard.-type-4:hover .citiesCard__image img {
    transform: scale(1.1);
  }
  
  .citiesCard.-type-5 {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .citiesCard.-type-5:hover {
    background: transparent;    
    transition: all 5s linear;
  }
  
  .citiesCard.-type-5:hover * {
    color: var(--color-blue-1);
  }
  .citiesCard.-type-5:hover img {
    transform: scale(0.98);
  }
  
  .ctaCard.-type-1 {
    position: relative;
    z-index: 0;
    min-height: 300px;
    height: 100%;
  }
  
  .ctaCard.-type-1 .ctaCard__image {
    border-radius: inherit;
    height: 100%;
  }
  
  .ctaCard.-type-1 .ctaCard__image img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  
  .ctaCard.-type-1 .ctaCard__content {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }
  
  .ctaCard.-type-1 .ctaCard__content::before {
    content: "";
    border-radius: inherit;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(5, 16, 54, 0.7) 0%, rgba(5, 16, 54, 0) 100%);
  }
  
  .ctaCard.-type-1.-no-overlay .ctaCard__content::before {
    display: none;
  }
  
  .howtowork button{
    padding: 0 !important;
    border-radius: 10px !important;
    border: none !important;
    border: 1px solid #f0f0f0 !important;
  }
  .howtowork button,
  .howtowork button h4,
  .howtowork button p{
    text-align:left;
    color: var(--color-black);
  }
  .howtowork button svg{
    color: var(--color-black);
    font-size: 30px;
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 24px 0 0;
  }
  .howtowork button i{
    float: left;
  }
  .howtowork button:hover,
  .howtowork button:hover h4,
  .howtowork button:hover p,
  .howtowork button:hover svg,
  .howtowork button:hover i{opacity: .8;}
  .howtowork h4{
    line-height:1.1;
    margin: 5px 0;
    font-size: 20px;
  }
  .howtowork .nav-tabs {
    border:none;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "button button button"
      "button button button";
    gap: 24px;
    align-items: flex-end;
    justify-content: space-between;
  }
  .howtowork .nav-tabs .nav-item.show .nav-link,
  .howtowork .nav-tabs .nav-link.active{
    color: #000000;
    background-color: transparent;
    border-color: #000000;
    opacity:10;
  }
  .howtowork .nav-tabs .nav-item.show .nav-link,
  .howtowork .nav-tabs .nav-link.active {
    color: var(--color-blue-2);
    border-color: var(--color-blue-2) !important;
  }
  .howtowork .nav-tabs .nav-item.show svg .nav-link,
  .howtowork .nav-tabs .nav-link.active svg {
    color: var(--color-blue-2);
  }
  .howtowork .nav-tabs .nav-item.show h4 .nav-link,
  .howtowork .nav-tabs .nav-link.active h4 {
    color: var(--color-blue-2);
  }
  
  .howtowork button p{
    color: #00000091;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.3;
    font-size: 16px;
    text-align: left;
  }
  .howtowork button .serv-link{
    color: #d5d5d5 !important;
  }
  .howtowork .tab-pane{
      position: relative;
      z-index: 1;
  }
  .howtowork .tab-pane img{
      -webkit-filter: drop-shadow(35px 35px 20px #00000041);
      filter: drop-shadow(25px 25px 20px #00000041);
      object-fit: contain;
      height: 600px !important;
      margin-bottom: -80px;
  }
  .howtowork .tab-icon-1{
      position: absolute;
      left: 25px;
      top: 0px;
      font-size: 50px;
      z-index: 0;
      color: var(--color-blue-2);
  }
  .howtowork .tab-icon-2{
      position: absolute;
      right: 0px;
      bottom: -100px;
      font-size: 100px;
      z-index: 2;
      color: var(--color-blue-5);
  }
  .tab-icon-1 {
      position: relative;
      animation: tab_icon_1 5s infinite;
  }
  .tab-icon-2 {
      position: relative;
      animation: tab_icon_2 5s infinite;
  }
  
  @keyframes tab_icon_1{
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-20px);
      }
  }
  
  @keyframes tab_icon_2{
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(20px);
      }
  }
  
  .tabs__content {
    position: relative;
  }
  
  .tabs__pane {
    position: absolute;
    top: 0;
    visibility: hidden;
    transition: none;
    opacity: 0;
  }
  
  .tabs__pane.is-tab-el-active {
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;
    position: relative;
    opacity: 1;
    visibility: visible;
  }
  .tabs__pane .swiper-wrapper {
    height: 100% !important;
    margin-bottom: 1px;
  }
  .tabs__pane .swiper-wrapper .swiper-slide {
    height: auto;
  }
  .tabs.-pills .tabs__controls .tabs__button {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .tabs.-pills .tabs__controls .tabs__button:hover {
    color: var(--color-blue-2) !important;
  }
  
  .tabs.-pills .tabs__controls .tabs__button.is-tab-el-active {
    border-color: var(--color-blue-2) !important;
    color: var(--color-white) !important;
    background-color: var(--color-blue-2) !important;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 31%) !important;
  }
  
  .tabs.-pills .tabs__controls.-type-evimod{
    gap:30px;
  }
  .tabs.-pills .tabs__controls.-type-evimod .tabs__button {
    border-color: transparent !important;
    color: #c3c3c3 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    line-height: 1;
  }
  .tabs.-pills .tabs__controls.-type-evimod .tabs__button.is-tab-el-active {
    color: var(--color-blue-2) !important;
  }
  .tabs.-pills-2 .tabs__controls .tabs__button {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .tabs.-pills-2 .tabs__controls .tabs__button:hover {
    color: var(--color-blue-1) !important;
  }
  
  .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active {
    color: var(--color-white) !important;
    background-color: var(--color-blue-1) !important;
  }
  
  .tabs.-pills-3 .tabs__controls .tabs__button {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .tabs.-pills-3 .tabs__controls .tabs__button:hover {
    color: var(--color-dark-3) !important;
  }
  
  .tabs.-pills-3 .tabs__controls .tabs__button.is-tab-el-active {
    color: var(--color-white) !important;
    background-color: var(--color-blue-2) !important;
  }
  
  .tabs__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    position: relative;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #aaa rgba(0,0,0,0);
    scrollbar-width: thin;
    white-space: nowrap;
    scroll-snap-align: start;
  }
  
  .tabs__controls > div {
    scroll-snap-align: center;
    min-width: 100px;
  }
  
  .tabs.-bookmark .tabs__controls {
    position: relative;
    overflow: auto;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
  
  .tabs.-bookmark .tabs__controls > div {
    scroll-snap-align: center;
  }
  
  .tabs.-bookmark .tabs__button {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .tabs.-bookmark .tabs__button:hover {
    color: var(--color-blue-2) !important;
  }
  
  .tabs.-bookmark .tabs__button.is-tab-el-active {
    color: var(--color-dark-1) !important;
    background-color: white;
  }
  
  .tabs.-bookmark-2 .tabs__controls {
    position: relative;
    overflow: auto;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
  }
  
  .tabs.-bookmark-2 .tabs__controls > div {
    scroll-snap-align: center;
  }
  
  .tabs.-bookmark-2 .tabs__button {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .tabs.-bookmark-2 .tabs__button:hover {
    color: var(--color-blue-2) !important;
  }
  
  .tabs.-bookmark-2 .tabs__button.is-tab-el-active {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  .tabs.-underline .tabs__controls .tabs__button {
    position: relative;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .tabs.-underline .tabs__controls .tabs__button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: white;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
  }
  
  .tabs.-underline .tabs__controls .tabs__button:hover {
    color: var(--color-blue-2) !important;
  }
  
  .tabs.-underline .tabs__controls .tabs__button.is-tab-el-active::after {
    opacity: 1;
  }
  
  .tabs.-underline-2 .tabs__controls .tabs__button {
    scroll-snap-align: center;
    min-width: 100px;
    max-width: fit-content;
    position: relative;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    padding: 5px 20px;
  }
  
  .tabs.-underline-2 .tabs__controls .tabs__button::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-yellow-1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
  }
  
  .tabs.-underline-2 .tabs__controls .tabs__button:hover {
    color: var(--color-yellow-1);
  }
  
  .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active {
    color: var(--color-yellow-1) !important;
  }
  
  .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active::after {
    opacity: 1;
  }
  
  .tabs.-pills .tabs__controls .tabs__button {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .tabs-user .tabs__controls {
    position:relative;
    gap: 0;
  }
  .tabs-user .tabs__controls::after {
    content: "";
    position: absolute;
    bottom:0;
    width: 100%;
    height: 3px;
    background: var(--color-gray-1);
    z-index: 0;
  }
  .tabs-user .tabs__controls .tabs__button {
    border: 3px solid;
    border-width: 0px 0px 3px 0px;
    border-color:transparent !important;
    color: var(--color-gray-3) !important;
    padding: 16px 24px !important;
    line-height: 1;
    z-index: 1;
    border-radius: 0 !important;
  }
  .tabs-user .tabs__controls .tabs__button:hover {
    color: var(--color-blue-2) !important;
    border: 3px solid;
    border-width: 0px 0px 3px 0px;
    border-color: var(--color-blue-2) !important;
  }
  .tabs-user .tabs__controls .tabs__button.is-tab-el-active {
    border: 3px solid;
    border-width: 0px 0px 3px 0px;
    border-color: var(--color-blue-1) !important;
    color: var(--color-blue-1) !important;
  }
  
  .accordion__icon {
    position: relative;
  }
  
  .accordion__icon .icon {
    transition: all 0.2s ease-out;
  }
  
  .accordion__icon .icon:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .accordion__icon .icon:nth-child(2) {
    position: relative;
    transform: rotate(-90deg);
    opacity: 0;
  }
  
  .accordion__item.is-active .accordion__icon > *:nth-child(1) {
    transform: rotate(90deg);
    opacity: 0;
  }
  
  .accordion__item.is-active .accordion__icon > *:nth-child(2) {
    transform: none;
    opacity: 1;
  }
  
  .accordion__content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
  }
  
  .accordion__content .category-list-1 a:hover {
    color: var(--color-blue-2);
  }
  
  .accordion__button {
    cursor: pointer;
  }
  
  .accordion.-simple .accordion__button {
    cursor: pointer;
    transition: 0.4s;
  }
  
  .accordion.-simple .accordion__button button {
    color: var(--text-dark-1);
  }
  
  .accordion.-simple .accordion__icon {
    transition: all 0.2s ease-out;
  }
  
  .accordion.-simple .accordion__icon > *:nth-child(1) {
    position: absolute;
    transition: all 0.2s ease-out;
  }
  
  .accordion.-simple .accordion__icon > *:nth-child(2) {
    position: relative;
    transform: rotate(-90deg);
    opacity: 0;
    transition: all 0.2s ease-out;
  }
  
  .accordion.-simple .accordion__item.is-active .accordion__icon {
    background-color: var(--color-blue-2) !important;
    color: white !important;
  }
  
  .accordion.-simple .accordion__item.is-active .accordion__icon > *:nth-child(1) {
    transform: rotate(90deg);
    opacity: 0;
  }
  
  .accordion.-simple .accordion__item.is-active .accordion__icon > *:nth-child(2) {
    transform: none;
    opacity: 1;
  }
  
  /****/
  .accordion.-simple .accordion__icon.-menu {
    transition: all 0.2s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .accordion.-simple .accordion__icon.-menu > *:nth-child(1) {
    position: absolute;
    transition: all 0.2s ease-out;
    line-height: 1;
    font-size: 18px;
  }
  
  .accordion.-simple .accordion__icon.-menu > *:nth-child(2) {
    position: relative;
    transform: rotate(-90deg);
    opacity: 0;
    transition: all 0.2s ease-out;
    font-size: 18px;
  }
  
  .accordion.-simple .accordion__item.is-active .accordion__icon.-menu {
    color: var(--color-blue-2) !important;
    background-color: transparent !important;
  }
  
  .accordion.-simple .accordion__item.is-active .accordion__icon.-menu > *:nth-child(1) {
    transform: rotate(90deg);
    opacity: 0;
  }
  
  .accordion.-simple .accordion__item.is-active .accordion__icon.-menu > *:nth-child(2) {
    transform: none;
    opacity: 1;
  }
  /***/
  
  .accordion.-map .accordion__icon {
    transition: all 0.2s ease-out;
  }
  
  .accordion.-map .accordion__item.is-active .accordion__icon {
    color: white !important;
  }
  
  .accordion.-map .accordion__item.is-active .accordion__icon > * {
    transform: none !important;
    opacity: 1 !important;
  }
  
  .accordion.-db-sidebar .accordion__button {
    cursor: pointer;
    transition: 0.4s;
  }
  
  .accordion.-db-sidebar .accordion__button button {
    color: var(--text-dark-1);
  }
  
  .accordion.-db-sidebar .accordion__icon {
    transition: all 0.2s ease-out;
  }
  
  .accordion.-db-sidebar .accordion__icon > *:nth-child(1) {
    position: absolute;
    transition: all 0.2s ease-out;
  }
  
  .accordion.-db-sidebar .accordion__icon > *:nth-child(2) {
    position: relative;
    transform: rotate(-90deg);
    opacity: 0;
    transition: all 0.2s ease-out;
  }
  
  .accordion.-db-sidebar .accordion__item.is-active .sidebar__button {
    background-color: rgba(53, 84, 209, 0.05) !important;
    color: var(--color-blue-2) !important;
  }
  
  .accordion.-db-sidebar .accordion__item.is-active .accordion__icon {
    background-color: var(--color-dark-1) !important;
    color: white !important;
  }
  
  .accordion.-db-sidebar .accordion__item.is-active .accordion__icon > *:nth-child(1) {
    transform: rotate(90deg);
    opacity: 0;
  }
  
  .accordion.-db-sidebar .accordion__item.is-active .accordion__icon > *:nth-child(2) {
    transform: none;
    opacity: 1;
  }
  
  .header-margin {
    margin-top: 90px;
  }
  
  .header {
    position: relative;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px;
    background: white;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #e4e4e491;
  }
  
  .header::after {
    /* content: ""; */
    position: absolute;
    top: 0;
    left: auto;
    right: 2%;
    height: 100%;
    width: 29%;
    z-index: -3;
    background: var(--color-white);
    border-radius: 0 0 24px 24px;
  }
  
  .header.-fixed {
    position: absolute !important;
  }
  
  .header .is-menu-opened-hide {
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .header.is-menu-opened {
    background-color: white !important;
    border-bottom: 1px solid var(--color-border);
  }
  
  .header.is-menu-opened .is-menu-opened-hide {
    opacity: 0;
    pointer-events: none;
  }
  
  .header.is-sticky {
    margin: 0 !important;
  }
  
  .header .row {
    flex-wrap: nowrap;
  }
  
  .header__container {
    width: 100%;
  }
  
  .header__container-1500 {
    max-width: 1560px;
  }
  
  
  .header-top {
    position: relative;
    z-index: 1001 !important;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background: white;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid #e4e4e491;
  }
  
  .header-top::after {
    /* content: ""; */
    position: absolute;
    top: 0;
    left: auto;
    right: 2%;
    height: 100%;
    width: 29%;
    z-index: -3;
    background: var(--color-white);
    border-radius: 0 0 24px 24px;
  }
  
  .header-top.-fixed {
    position: absolute !important;
  }
  .header-top .row {
    flex-wrap: nowrap;
  }
  .header-logo {
    position: relative;
  }
  
  .header-logo img {
    width: 200px;
  }
  
  .header-logo img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  
  .header-logo.is-logo-dark img:nth-child(1) {
    opacity: 0;
  }
  
  .header-logo.is-logo-dark img:nth-child(2) {
    opacity: 1;
  }
  
  .header.-type-2 {
    margin-top: 20px;
    transition: background-color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), margin 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .header.-type-2.is-sticky {
    margin: 0;
  }
  
  .header.-type-5.-header-5-sticky {
    position: fixed;
    height: 60px;
    margin: 0 !important;
    border-radius: 0;
    width: 100%;
    transition: height 0.4s linear;
    background-color: white !important;
    box-shadow: 0px 0px 30px #0000001c;
    backdrop-filter: none;
  }
  .header.-type-5.-header-5-sticky .header__container{
    margin-top:0px;
  }
  
  .header .menu-white{
    color: var(--color-white);
  }
  
  .header.-dashboard .header__container {
    display: flex;
    align-items: center;
  }
  
  .header.-dashboard .header__container > .row {
    width: 100%;
  }
  
  .header.-dashboard .-left-side {
    flex-shrink: 0;
    width: calc(var(--dashboard-width) - 30px);
  }
  .header .header-menu .menu li a {
    transform: translate(0px) !important;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 500;
    /* letter-spacing: -0.1px; */
    color: var(--color-dark-1);
  }
  .header .header-menu .menu li a:hover {
    color: var(--color-red-1);
  }
  
  .cardImage {
    position: relative;
    z-index: 0;
    border: 1px solid var(--color-gray-1);
    overflow: hidden;
  }
  
  .cardImage:hover .cardImage-slider__nav {
    opacity: 1 !important;
  }
  
  .cardImage:hover .pagination__item {
    opacity: 1 !important;
  }
  
  .cardImage__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: inherit;
  }
  
  .cardImage__content > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: inherit;
  }
  .cardImage__content .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
  }
  
  .cardImage .cardImage-slider .swiper-wrapper {
    position: relative;
    z-index: 0;
  }
  
  .cardImage .cardImage-slider__pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    color: rgba(255, 255, 255, 0.7);
    background: #a0a0a036;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 5px 8px;
    border-radius: 20px;
    z-index: 9;
  }
  
  .cardImage .cardImage-slider__pagination.-sm {
    bottom: 15px;
  }
  
  .cardImage .cardImage-slider__pagination > * + * {
    margin-left: 3px;
  }
  
  .cardImage .cardImage-slider__pagination .pagination__item {
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #ffffff;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(0.75);
    opacity: .7;
  }
  
  .cardImage .cardImage-slider__pagination .pagination__item.is-active {
    transform: scale(1);
    background-color: var(--color-white);
    opacity: 10;
  }
  
  .cardImage .cardImage-slider__nav {
    position: absolute;
    bottom: 16px;
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    /* opacity: 0; */
    z-index: 9;
  }
  
  .cardImage .cardImage-slider__nav.-prev {
    right: 60px;
  }
  
  .cardImage .cardImage-slider__nav.-next {
    right: 16px;
  }
  
  .cardImage__wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    width: fit-content;
  }
  
  .cardImage__wishlist.-sm {
    top: 10px;
    right: 10px;
  }
  
  .cardImage__leftBadge {
    position: absolute;
    top: 15px;
    left: 0;
    right: auto;
    width: fit-content;
  }
  
   /* Slider Skeleton Loader - FOUC Prevention */
  .js-section-slider:not(.swiper-initialized) {
    position: relative;
    overflow: hidden;
  }

  /* Skeleton overlay - içeriğin üzerine biner, içerik yüksekliği korunur */
  .js-section-slider:not(.swiper-initialized)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s infinite ease-in-out;
    z-index: 10;
    border-radius: 12px;
  }

  /* İçerik görünmez ama YER TUTUYOR - yükseklik korunur */
  .js-section-slider:not(.swiper-initialized) .swiper-wrapper {
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
  }

  /* Slide'lar init öncesi doğru genişlikte dursun */
  .js-section-slider:not(.swiper-initialized) .swiper-slide {
    flex-shrink: 0;
    width: auto;
    max-width: 100%;
  }

  /* Swiper init olunca skeleton kaybolur, içerik fade-in */
  .js-section-slider.swiper-initialized::before {
    display: none;
  }

  .js-section-slider.swiper-initialized .swiper-wrapper {
    animation: skeleton-fade-in 0.2s ease forwards;
  }

  @keyframes skeleton-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  @keyframes skeleton-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }
  /* End Slider Skeleton Loader */
  
  .js-section-slider[data-row="2"]{ 
    height: calc((100% - 30px) / 2) !important;
  }
  .js-section-slider[data-row="2"] .swiper-slide{ 
    margin-top:12px !important;
    margin-bottom:12px !important;
  }
  
  
  .js-pagination{
    width: auto !important;
    display: inline-flex;
    color: rgb(255 255 255);
    background: #a0a0a036;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 8px 12px;
    border-radius: 20px;
    z-index: 9;
  }
  
  .js-pagination.-sm {
    bottom: 15px;
  }
  
  .js-pagination > * + * {
    margin-left: 7px;
  }
  
  .js-pagination .pagination__item {
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #ffffff;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(0.75);
    opacity: .5;
  }
  
  .js-pagination .pagination__item.is-active {
    transform: scale(1);
    background-color: var(--color-white);
    opacity: 10;
  }
  
  
  .footer.-dashboard {
    border-top: 1px solid var(--color-border);
  }
  
  .footer.-dashboard .footer__row {
    padding: 15px 0;
  }
  
  .mainSearch {
    position: relative;
    padding: 0;
    width: auto;
  }
  .mainSearch .searchMenu-loc.js-liverSearch{
    position: relative;
    z-index: 1;
  }
  .mainSearch .searchMenu-loc.js-liverSearch.-is-dd-wrap-active {
    position: relative;
    z-index: 999;
  }
  .mainSearch .searchMenu-loc__field.js-popup-window {
    height:0px;
  }
  .mainSearch .searchMenu-loc__field.js-popup-window.-is-active {
    height:300px;
  }
  
  .mainSearch .button-grid {
    display: grid;
    grid-template-columns: 24% 1fr 1fr 1fr 1fr 1fr 1fr 50px;
    /* grid-template-columns: 24% 120px 120px 120px 120px 120px 120px 50px; */
  }
  
  .mainSearch .button-grid > * {margin-right: 5px;}
  
  .mainSearch .button-item {
    border: none !important;
  }
  
  .mainSearch.-col-2 .button-grid {
    grid-template-columns: 1fr 1fr -webkit-min-content;
    grid-template-columns: 1fr 1fr min-content;
  }
  .mainSearch.-col-4 .button-grid {
    grid-template-columns: auto auto 200px 200px -webkit-min-content;
    grid-template-columns: auto auto 200px 200px min-content;
  }
  
  .mainSearch.-col-3-big .button-grid {
    grid-template-columns: 1fr 0.6fr 0.6fr auto;
  }
  
  .mainSearch.-col-5 .button-grid {
    grid-template-columns: auto auto auto auto auto -webkit-min-content;
    grid-template-columns: auto auto auto auto auto min-content;
  }
  
  .mainSearch.-w-900 {
    width: 900px;
  }
  
  .mainSearch.-w-1070 {
    width: 1070px;
    max-width: 100%;
  }
  
  .searchMenu-marka {
    position: relative;
  }
  
  .searchMenu-marka__field {
    position: absolute;
    margin-top: 30px;
    top: 100%;
    left: 0;
    z-index: 20;
    width: 100%;
    max-width: 265px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .searchMenu-marka__field.-is-active {
    pointer-events: auto;
    opacity: 1;
  }
  
  .searchMenu-marka .-link:hover {
    background-color: rgba(53, 84, 209, 0.05) !important;
  }
  
  
  .searchMenu-kiratip {
    position: relative;
  }
  
  .searchMenu-kiratip__field {
    position: absolute;
    margin-top: 30px;
    top: 100%;
    left: 0;
    z-index: 20;
    width: 100%;
    max-width: 265px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .searchMenu-kiratip__field.-is-active {
    pointer-events: auto;
    opacity: 1;
  }
  
  .searchMenu-kiratip .-link:hover {
    background-color: rgba(53, 84, 209, 0.05) !important;
  }
  
  .searchMenu-date {
    position: relative;
  }
  
  .searchMenu-date.-left .searchMenu-date__field {
    transform: none !important;
  }
  
  .searchMenu-date.-right .searchMenu-date__field {
    left: unset;
    right: 0;
    transform: none !important;
  }
  
  .searchMenu-date__field {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 900px;
    max-width: 100vw;
    margin-top: 30px;
    box-shadow: 0px 10px 60px 0px #0510360D;
    transform: translateX(-31%);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .searchMenu-date__field.-is-active {
    pointer-events: auto;
    opacity: 1;
  }
  
  .searchMenu-guests {
    position: relative;
  }
  
  .searchMenu-guests__field {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 400px;
    max-width: 100vw;
    margin-top: 30px;
    box-shadow: 0px 10px 60px 0px #0510360D;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .searchMenu-guests__field.-is-active {
    pointer-events: auto;
    opacity: 1;
  }
  
  .featureIcon.-type-1.-hover-shadow {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .featureIcon.-type-1.-hover-shadow:hover {
    box-shadow: 0px 20px 40px 0px #05103612;
  }
  
  .testimonials-slider-2 .swiper-slide {
    opacity: 0.8;
  }
  
  .testimonials-slider-2 .swiper-slide.swiper-slide-active {
    opacity: 1;
  }
  
  .testimonials.-type-2 .testimonials__image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
  }
  
  
  .testimonials.-type-2 .testimonials__image img.testimonials_alt_img{
    position: relative;
    z-index: -4;
    width: 150px;
    height: 200px;
  }
  
  
  .testimonials.-type-2 .testimonials__image > img:nth-child(2) {
    position: absolute;
    z-index: 1;
    width: 96px;
    height: 96px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  
  .pagination{
      justify-content: center;
  }
  
  .pagination li{
      padding:3px;
  }
  .pagination li a{
      background: #008080;
      color:white;
      padding:5px;
      border-radius:5px;
  }
  .pagination li.active{
      background:#ececec;
      padding:5px;
      border-radius:5px;
  }
  
  .pagination.-dots {
    display: flex;
  }
  
  .pagination.-dots > * {
    margin: 0;
  }
  
  .pagination.-dots .pagination__item {
    background-color: currentColor;
    height: 10px;
    width: 10px;
    opacity: 0.5;
    border-radius: 100%;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(0.75);
  }
  
  .bg-blue-1 .pagination.-dots .pagination__item.is-active {
    background-color: var(--color-blue-2);
  }
  
  .pagination.-dots .pagination__item.is-active {
    background-color: var(--color-white);
    transform: scale(1);
    opacity: 1;
  }
  
  .arrow-left-hover {
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  .arrow-left-hover:hover {
    color: var(--color-blue-5);
    transform: translateX(-5px) scale(1.25);
  }
  
  .arrow-right-hover {
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  .arrow-right-hover:hover {
    color: var(--color-blue-5);
    transform: translateX(5px) scale(1.25);
  }
  
  .pagination.-buttons {
    display: flex;
    align-items: center;
  }
  
  .pagination.-buttons > * + * {
    margin-left: 40px;
  }
  
  .pagination.-buttons .pagination__button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    border-radius: 100%;
    background-color: var(--color-light-7);
    color: var(--color-purple-1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  .pagination.-buttons .pagination__button .icon {
    font-size: 12px;
  }
  
  .pagination.-buttons .pagination__button:hover {
    background-color: var(--color-purple-1);
    color: white;
  }
  
  .pagination.-buttons .pagination__count > * {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--color-dark-1);
  }
  
  .pagination.-buttons .pagination__count > * + * {
    margin-left: 30px;
  }
  
  .pagination.-buttons .pagination__count a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 16px;
    height: 2px;
    transform: translateX(-50%);
    background-color: var(--color-purple-1);
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
  }
  
  .pagination.-buttons .pagination__count a.-count-is-active {
    color: var(--color-purple-1);
  }
  
  .pagination.-buttons .pagination__count a.-count-is-active::after {
    opacity: 1;
  }
  
  .pagination.-avatars {
    display: flex;
    align-items: center;
  }
  
  .pagination.-avatars .pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pagination.-avatars .pagination__item::before {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: 92px;
    height: 92px;
    border: 2px solid var(--color-dark-1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
  }
  
  .pagination.-avatars .pagination__item.is-active::before {
    opacity: 1;
  }
  
  :root {
    --dashboard-width: 300px;
  }
  
  .dashboard {
    display: flex;
  }
  
  .dashboard__main {
    overflow: hidden;
    width: 100%;
    padding-left: var(--dashboard-width);
    will-change: padding-left;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  .dashboard__main::after {
    content: "";
    display: none;
    position: fixed;
    z-index: 50;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .dashboard__content {
    width: 100%;
    padding: 60px;
    padding-bottom: 0;
  }
  
  .dashboard__sidebar {
    overflow-y: scroll;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: var(--dashboard-width);
    height: calc(100% - 90px);
    padding: 30px;
    padding-top: 60px;
    padding-bottom: 40px;
    will-change: transform;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  
  .sidebar.-dashboard .sidebar__item {
    border: none;
  }
  
  .sidebar.-dashboard .sidebar__button {
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 0 15px;
    height: 55px;
  }
  
  .sidebar.-dashboard .sidebar__button.-is-active {
    background-color: rgba(53, 84, 209, 0.05);
    color: var(--color-blue-2) !important;
  }
  
  .scroll-bar-1::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  
  .scroll-bar-1::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
  }
  
  .dropdown {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 8px;
  }
  
  .dropdown__button {
    height: 40px;
  }
  
  .dropdown .icon {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .dropdown.-is-dd-active .border-light {
    border: 2px solid var(--color-dark-1) !important;
  }
  
  .dropdown.-is-dd-active .icon {
    transform: rotate(180deg);
  }
  
  .dropdown__item {
    position: absolute;
    z-index: 500;
    pointer-events: none;
    top: 100%;
    left: 50%;
    padding: 26px;
    background-color: white;
    box-shadow: 0px 25px 70px rgba(1, 33, 58, 0.07);
    min-width: 180px;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(-50%);
    opacity: 0;
  }
  
  .dropdown:hover .dropdown__item {
    z-index: 20;
    transform: translateX(-50%);
    opacity: 1;
    pointer-events: auto;
  }
  
  .toggle-element {
    transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    pointer-events: none;
  }
  
  .toggle-element.-down {
    transform: translateY(20px);
  }
  
  .toggle-element.-is-el-visible {
    z-index: 25;
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
  
  .toggle-element.-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    padding: 14px 20px;
    background-color: white;
    box-shadow: 0px 25px 70px rgba(1, 33, 58, 0.07);
    min-width: 160px;
    border-radius: 4px;
    border: 1px solid var(--color-border);
    font-weight: 500;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(-50%);
  }
  
  .toggle-element.-dropdown-2 {
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 25px 70px rgba(1, 33, 58, 0.07);
    min-width: 120px;
    border-radius: 4px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(-50%);
  }
  
  .toggle-element.-dropdown-2 a {
    padding: 10px;
  }
  
  .toggle-element.-dropdown-2 a:hover {
    background-color: var(--color-light-2);
    color: var(--color-dark-1);
  }
  
  .blogCard.-type-1 .blogCard__image {
    overflow: hidden;
  }
  
  .blogCard.-type-1 .blogCard__image img {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .blogCard.-type-1:hover .blogCard__image img {
    transform: scale(1.1);
  }
  
  .blogCard.-type-2 .blogCard__image {
    overflow: hidden;
  }
  
  .blogCard.-type-2 .blogCard__image img {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .blogCard.-type-2:hover .blogCard__image img {
    transform: scale(1.15);
  }
  
  .blogCard.-type-3 {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .blogCard.-type-3 .blogCard__image {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .blogCard.-type-3 .blogCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .blogCard.-type-3 .blogCard__content {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(5, 16, 54, 0) 0%, rgba(5, 16, 54, 0.7) 100%);
    padding-left: 50px;
    padding-bottom: 30px;
    padding: 20px 20px;
  }
  
  .blogCard.-type-3:hover .blogCard__image img {
    transform: scale(1.1);
  }
  
  [data-slider] > div > [data-sign] {
    background-color: unset;
    width: unset;
    height: unset;
    border-radius: unset;
    display: inline-block;
    text-align: unset;
    margin-top: 22px;
    color: black;
  }
  
  [data-slider] > div > [data-sign]:last-child {
    float: right;
  }
  
  [data-slider] > div > [data-sign] span::before {
    content: 'Min Price: $';
    display: inline-block;
  }
  
  [data-slider] > div > [data-sign]:last-child span::before {
    content: 'Max Price: $';
    display: inline-block;
  }
  
  [data-slider] > div > [data-sign] > span {
    font-size: 14px;
    line-height: 16px;
  }
  
  [data-slider] {
    position: relative;
    border-radius: 10px;
    text-align: left;
  }
  
  [data-slider] > div {
    width: 100%;
  }
  
  [data-slider] > div > [data-inverse-left] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 10px;
    background-color: var(--color-blue-2);
  }
  
  [data-slider] > div > [data-inverse-right] {
    position: absolute;
    right: 0;
    height: 5px;
    border-radius: 10px;
    background-color: var(--color-blue-2);
  }
  
  [data-slider] > div > [data-range] {
    position: absolute;
    left: 0;
    height: 5px;
    border-radius: 14px;
    background-color: var(--color-blue-2);
  }
  
  [data-slider] > div > [data-thumb] {
    position: absolute;
    top: -7px;
    z-index: 2;
    height: 17px;
    width: 17px;
    text-align: left;
    margin-left: -11px;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 50%;
    outline: none;
    border: 2px solid var(--color-blue-2);
  }
  
  div[data-slider] > input[type=range]::-ms-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }
  
  div[data-slider] > input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 0px;
    border: 0 none;
    background: red;
  }
  
  div[data-slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 17px;
    height: 17px;
    border-radius: 0px;
    border: 0 none;
    background: red;
    -webkit-appearance: none;
  }
  
  div[data-slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
  }
  
  div[data-slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
  }
  
  div[data-slider] > input[type=range] {
    position: absolute;
    pointer-events: none;
    --webkit-appearance: none;
    z-index: 3;
    height: 5px;
    top: -2px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  
  div[data-slider] > input[type=range]::-ms-track {
    --webkit-appearance: none;
    background: transparent;
    color: transparent;
  }
  
  div[data-slider] > input[type=range]::-moz-range-track {
    -moz-appearance: none;
    background: transparent;
    color: transparent;
  }
  
  div[data-slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
  }
  
  div[data-slider] > input[type=range]:focus {
    outline: none;
  }
  
  div[data-slider] > input[type=range]::-ms-tooltip {
    display: none;
  }
  
  [data-slider] > div > [data-sign] {
    display: inline-block;
    text-align: center;
    padding: 4px 16px;
    border-radius: 8px;
    margin-top: 22px;
  }
  
  [data-slider] > div > [data-sign] > span {
    font-size: 12px;
    line-height: 28px;
  }
  
  [data-slider]:hover > div > [data-sign] {
    opacity: 1;
  }
  
  .select {
    position: relative;
  }
  
  .select__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 120px;
    max-width: 200px;
    height: 45px;
    padding: 12px 16px;
    border-radius: 45px;
    border: 1px solid #DDDDDD;
    background-color: white;
    text-align: left;
    overflow: hidden;
    text-wrap: nowrap;
  }
  
  .select__button span{
    text-wrap: nowrap;
    font-size:14px;
  }
  
  .select__icon {
    width: 20px;
    height: 20px;
  }
  
  .select__dropdown,
  .searchMenu-loc__field {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0%;
    right: 0;
    transform: translateY(100%);
    z-index: 30;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid var(    --color-light-1);
    background-color: white;
    padding: 20px;
    width: 100%;
    max-width: 800px;
    min-height: 0;
    max-height: 300px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #DDDDDD;
    transition: all 0.2s ease;
    opacity: 0;
  }
  
  .select__dropdown.-is-visible,
  .searchMenu-loc__field.-is-active {
    opacity: 1;
    pointer-events: auto;
  }
  
  .CenterSearch .select__dropdown.-is-visible,
  .searchMenu-loc__field.-is-active {
    position: absolute;
  }
  
  .select__dropdown {
    position: absolute;
    top: calc(100% + 0px);
    left: auto;
    transform: translateX(-0%);
    z-index: 30;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid var(
    --color-light-1);
    background-color: white;
    padding: 20px;
    width: 150px;
    min-width: max-content;
    min-height: 250px;
    max-height: 300px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    pointer-events: none;
    opacity: 0;
  }
  
  .select__dropdown.-is-visible {
    opacity: 1;
    pointer-events: auto;
  }
  
  .select__options {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  
  .select__options::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  
  .select__options::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
  }
  
  .select__options__button {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 16px 24px;
    line-height: 1;
    text-align: left;
    transition: all 0.15s ease;
  }
  
  .select__options__button:hover,
  .select__options__button:hover .text-dark-5{
    cursor: pointer;
    color: var(--color-blue-2) !important;
  }
  .select__options__button:hover img{
    cursor: pointer;
    border:1px solid var(--color-blue-1) !important;
    background: var(--color-light-2) !important;
    border-radius:25px;
    padding:1px;
  }
  .select__options__button:focus,
  .select__options__button:focus .text-light-1 {
    color: var(--color-blue-1) !important;
  }
  .select__options__button:focus img{
    cursor: pointer;
    border:1px solid var(--color-blue-1) !important;
    background: var(--color-light-2) !important;
    border-radius:25px;
    padding:1px;
  }
  
  .select__search {
    flex-shrink: 0;
    height: 50px;
    border-radius: 4px;
    background-color: #F5F5F5 !important;
    color: black;
    padding: 0 20px;
    margin-bottom: 12px;
  }
  
  .select__button .js-button-title{
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
  }
  
  .AramModal .searchMenu-loc__field {
    opacity: 10;
    position: relative;
    bottom: inherit;
    top: 16px;
    left: inherit;
    right: inherit;
    transform: inherit;
    z-index: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 75vh;
    max-height: 100%;
    box-shadow: inherit;
    border-radius: inherit !important;
    border: 0 !important;
  }
  
  .AramModal .ModalAll__content{
    top: inherit;
    left: 0;
    right: auto;
    bottom: 0;
    margin: 70px;
    width: 100%;
    max-width: 100%;
    height: calc(100% - 70px) !important;
    border-radius: 0px !important;
    border-top: 1px solid var(--color-border);
  }
  .AramModal.is-hidden .is-hidden-active{
      display:block;
  }
  .AramModal.is-hidden .is-hidden-pasive{
      display:none;
  }
  
  .AramModal.is-hidden .is-hidden-p-0{
      padding:0 !important;
  }
  
  /*** Resim Edit Modal ***/
  .ResimEditorModal .ModalAll__content{
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 1200px;
    height: calc(100% - 0px) !important;
    border-radius: 0px !important;
    border-top: 1px solid var(--color-border);
  }
  .ResimEditorModal .ModalAll__bg{
    background:#00000082;
  }
  
  .AgreeModal .ModalAll__content{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 1200px;
    height: 90vh;
    border-radius: 0px !important;
  }
  
  .mapFilter {
    overflow: hidden;
    position: fixed;
    top: 30px;
    bottom: 70px;
    left: 30px;
    right: 30px;
    z-index: 1000;
    border-radius: 4px;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .mapFilter.-is-active {
    pointer-events: auto;
    opacity: 1;
  }
  
  .mapFilter__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.4);
  }
  
  .mapFilter__close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
  }
  
  .mapFilter__grid {
    display: grid;
    gap: 0;
    grid-template-columns: 515px 1fr;
    width: 100%;
    height: 100%;
    background-color: white;
    padding-left: 340px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .mapFilter__grid.-filters-hidden {
    padding-left: 80px;
  }
  
  .mapFilter__grid.-filters-hidden .mapFilter-filter {
    transform: translateX(-255px);
  }
  
  .mapFilter-filter {
    overflow-y: scroll;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0px 10px 35px 0px #0510361A;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .mapFilter-filter__item {
    border-top: 1px solid var(--color-border);
    padding-top: 20px;
    margin-top: 20px;
  }
  
  .mapFilter-results {
    overflow-y: scroll;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .mapFilter-results__item {
    border-top: 1px solid var(--color-border);
    padding-top: 20px;
    margin-top: 20px;
  }
  
  .mapFilter-map {
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .mapFilter-map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .scroll-bar-1::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  
  .scroll-bar-1::-webkit-scrollbar-thumb {
    background-color: #e7e7e7;
    border-radius: 4px;
  }
  
  .jsButtonSlider{
    width: 35px;
    height: 35px;
    padding: 0;
  }
  
  .hotelsCard.-type-1 .hotelsCard__image {
    overflow: hidden;
    border-radius: 4px;
  }
  
  .hotelsCard.-type-1 .hotelsCard__image .cardImage__content .swiper-slide,
  .hotelsCard.-type-1 .hotelsCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .hotelsCard.-type-1 .hotelsCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  
  .hotelsCard.-type-1 .hotelsCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  }
  
  .hotelsCard.-type-1:hover .hotelsCard__image .cardImage__content > img,
  .hotelsCard.-type-1:hover .hotelsCard__image .swiper-slide {
    transform: scale(1.15);
  }
  
  .hotelsCard.-type-1:hover .hotelsCard__title span {
    background-size: 100% !important;
  }
  
  .tourCard.-type-1 .tourCard__image {
    overflow: hidden;
    border-radius: 4px;
  }
  
  .tourCard.-type-1 .tourCard__image .cardImage__content .swiper-slide,
  .tourCard.-type-1 .tourCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .tourCard.-type-1 .tourCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  
  .tourCard.-type-1 .tourCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  }
  
  .tourCard.-type-1:hover .tourCard__image .cardImage__content > img,
  .tourCard.-type-1:hover .tourCard__image .swiper-slide {
    transform: scale(1.15);
  }
  
  .tourCard.-type-1:hover .tourCard__title span {
    background-size: 100% !important;
  }
  
  .activityCard.-type-1 .activityCard__image {
    overflow: hidden;
    border-radius: 4px;
  }
  
  .activityCard.-type-1 .activityCard__image .cardImage__content .swiper-slide,
  .activityCard.-type-1 .activityCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .activityCard.-type-1 .activityCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  
  .activityCard.-type-1 .activityCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  }
  
  .activityCard.-type-1:hover .activityCard__image .cardImage__content > img,
  .activityCard.-type-1:hover .activityCard__image .swiper-slide {
    transform: scale(1.15);
  }
  
  .activityCard.-type-1:hover .activityCard__title span {
    background-size: 100% !important;
  }
  
  .rentalCard.-type-1 .rentalCard__image {
    overflow: hidden;
    border-radius: 4px;
  }
  
  .rentalCard.-type-1 .rentalCard__image .cardImage__content .swiper-slide,
  .rentalCard.-type-1 .rentalCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .rentalCard.-type-1 .rentalCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  
  .rentalCard.-type-1 .rentalCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  }
  
  .rentalCard.-type-1:hover .rentalCard__image .cardImage__content > img,
  .rentalCard.-type-1:hover .rentalCard__image .swiper-slide {
    transform: scale(1.15);
  }
  
  .rentalCard.-type-1:hover .rentalCard__title span {
    background-size: 100% !important;
  }
  
  .rentalCard.-type-2 .rentalCard__image {
    overflow: hidden;
    border-radius: 4px;
  }
  
  .rentalCard.-type-2 .rentalCard__image .cardImage__content .swiper-slide,
  .rentalCard.-type-2 .rentalCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .rentalCard.-type-2 .rentalCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  
  .rentalCard.-type-2 .rentalCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  }
  
  .rentalCard.-type-2:hover .rentalCard__image .cardImage__content > img,
  .rentalCard.-type-2:hover .rentalCard__image .swiper-slide {
    transform: scale(1.15);
  }
  
  .rentalCard.-type-2:hover .rentalCard__title span {
    background-size: 100% !important;
  }
  
  
  .carCard.-type-1 .carCard__content h4{
    width: 80%;
  }
  .carCard.-type-1 .carCard__image .cardImage__content .swiper-slide,
  .carCard.-type-1 .carCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .carCard.-type-1 .carCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  
  .carCard.-type-1:hover .carCard__image .cardImage__content > img,
  .carCard.-type-1:hover .carCard__image .swiper-slide {
    transform: scale(1.05);
  }
  
  .carCard .qty-container .button {
    width: 25px;
    height: 25px;
  }
  .carCard .qty-container .input-qty{
    width: auto !important;
    height: 25px !important;
  }
  
  .carCard{
    background: none;
    display: flex;
    flex-direction: column;
  }
  .carCard .carCard__content{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  .carCard .carCard__content p{position: relative;height: 37px;max-height: 40px;}
  .carCard .carCard__content p:after{
    content:'';
    position:absolute;
    top:auto;
    left:0;
    right:0;
    bottom: -1px;
    width:100%;
    height:20px;
    z-index:1;
    background: linear-gradient(0deg, white 20%, transparent 100%);
  }
  .carCard .carCard__content .carCard__footer .carCard__footer_price .card-body-price{display: inline-flex;font-size: 15px;}
  .carCard .carCard__content .carCard__footer .carCard__footer_price .card-body-price-special{display: inline-flex;font-size: 12px !important;color: var(--color-dark-5);padding-right: 5px;text-decoration-line: line-through;}
  .carCard.-type-1 .carCard__image .cardImage__content.front_img{
    z-index:0;
    opacity:1;
  }
  .carCard.-type-1 .carCard__image .cardImage__content.back_img{
    z-index:-1;
    opacity:0;
  }
  .carCard.-type-1:hover .carCard__image .cardImage__content.front_img{
    z-index:-1;
    opacity:0;
  }
  .carCard.-type-1:hover .carCard__image .cardImage__content.back_img{
    z-index:0;
    opacity:1;
  }
  
  .cruiseCard.-type-1 .cruiseCard__image {
    overflow: hidden;
    border-radius: 4px;
  }
  
  .cruiseCard.-type-1 .cruiseCard__image .cardImage__content .swiper-slide,
  .cruiseCard.-type-1 .cruiseCard__image .cardImage__content > img {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .cruiseCard.-type-1 .cruiseCard__image .swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  
  .cruiseCard.-type-1 .cruiseCard__title span {
    background-image: linear-gradient(transparent 24px, black 20px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: background-size 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  }
  
  .cruiseCard.-type-1:hover .cruiseCard__image .cardImage__content > img,
  .cruiseCard.-type-1:hover .cruiseCard__image .swiper-slide {
    transform: scale(1.15);
  }
  
  .cruiseCard.-type-1:hover .cruiseCard__title span {
    background-size: 100% !important;
  }
  
  .konuCard.-type-1 {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .konuCard.-type-1:hover {
    background-color: var(--color-blue-5) !important;
    transform: translateY(-10px);
    min-height: 150px;
  }
  
  
  .konuCard.-type-1{
    max-height: 220px;
    margin-bottom: 20px;
  }
  .konuCard.-type-1 img{transform: translateY(-75px);-webkit-filter: drop-shadow(-5px 5px 10px #00000077);filter: drop-shadow(-5px 5px 10px #00000077);position: relative;left: 0;right: 0;bottom: 0;top: auto;height: 150px;object-fit: contain;transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
  .konuCard.-type-1:hover img{
    transform: translateY(-55px);
    z-index: 2;
    min-width: 120% !important;
    left: -20%;
    -webkit-filter: drop-shadow(-5px 5px 10px #000000a7);
    filter: drop-shadow(-5px 5px 10px #000000a7);
  }
  .konuCard.-type-1 .konuCard__content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .konuCard.-type-1 .featureCard__icon{
    height: 80px;
    width: 80px;
    border-radius: 100%;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 10px 1px #0000000a;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .featureCard__title{
    text-shadow:none;
    color: var(--color-black);
    min-height: 40px;
  }
  .konuCard.-type-1 .featureCard__icon i{
    color:var(--color-blue-5) !important;
  }
  .konuCard.-type-1:hover .konuCard__content > * {
    color: white !important;
  }
  .destCard.-type-1 {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .destCard.-type-1 .destCard__image {
    overflow: hidden;
  }
  
  .destCard.-type-1 .destCard__image img {
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .destCard.-type-1:hover .destCard__image img {
    transform: scale(1.15);
  }
  
  .footer-bg{
    background-image: url('../img/footer_bg.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--color-blue-2);
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .preloader__wrap {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-animation-name: preloaderWraper;
    animation-name: preloaderWraper;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  
  .preloader__icon {
    position: absolute;
    -webkit-animation-name: preloader;
            animation-name: preloader;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-duration: 1.8s;
            animation-duration: 1.8s;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }
  
  .preloader__title {
    font-size: 47px;
    font-weight: 600;
    line-height: 68px;
    letter-spacing: 0em;
    margin-top: 16px;
  }
  
  .preloader.-is-hidden {
    opacity: 0;
    pointer-events: none;
  }
  
  @-webkit-keyframes preloaderWraper {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: none;
    }
  }
  
  @keyframes preloaderWraper {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: none;
    }
  }
  
  @-webkit-keyframes preloader {
    0% {
      transform: translateX(150%) scale(1);
    }
    50% {
      transform: translateX(0%) scale(1.2) rotate(2deg);
    }
    100% {
      transform: translateX(-150%) rotate(-2deg);
    }
  }
  
  @keyframes preloader {
    0% {
      transform: translateX(150%) scale(1);
    }
    50% {
      transform: translateX(0%) scale(1.2) rotate(2deg);
    }
    100% {
      transform: translateX(-150%) rotate(-2deg);
    }
  }
  
  .slider-scrollbar {
    width: 100%;
    border-radius: 4px;
    height: 3px;
  }
  
  .slider-scrollbar .swiper-scrollbar-drag {
    cursor: -webkit-grab;
    cursor: grab;
    background-color: var(--color-dark-1);
  }
  
  .slider-scrollbar .swiper-scrollbar-drag:active:hover {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  
  .slider-scrollbar.-light .swiper-scrollbar-drag {
    background-color: var(--color-white);
  }
  
  .pointer {
    cursor: pointer;
  }
  
  .section-bg {
    position: relative;
    z-index: 0;
  }
  
  .section-bg__item {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -2;
    opacity:0.5;
    overflow: hidden;
  }
  .section-bg__item::before {
    content:'';
    position: absolute;
    top: 0;
    height: 100%;
    width:100%;
    background:var(--color-blue-2);
    opacity:0;
  }
  .section-bg__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px;
    overflow: hidden;
  }
  
  .section-bg__item.-w-1500 {
    width: 1500px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .section-bg__item.-w-1165 {
    width: 64vw;
  }
  
  .section-bg__item.-video-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40vw;
    height: unset;
    opacity: 10;
  }
  
  .section-bg__item.-left {
    left: 0;
  }
  
  .section-bg__item.-right {
    right: 0;
  }
  
  .section-bg__item.-left-100 {
    left: 100px;
  }
  
  .section-bg__item.-right-100 {
    right: 100px;
  }
  
  .section-bg__item.-mx-20 {
    padding: 0 20px;
  }
  
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .currencyMenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    pointer-events: auto;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .currencyMenu.is-hidden {
    pointer-events: none;
    opacity: 0;
  }
  
  .currencyMenu__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.4);
  }
  
  .currencyMenu__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 550px;
    height: auto;
    max-height: 320px;
    margin: auto;
    overflow: hidden;
  }
  
  
  .LinkPaylas {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    pointer-events: auto;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .LinkPaylas.is-hidden {
    pointer-events: none;
    opacity: 0;
  }
  .LinkPaylas__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.4);
  }
  .LinkPaylas__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 550px;
    height: auto;
    max-height: 320px;
    margin: auto;
    overflow: hidden;
  }
  
  .modalGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .modalGrid__item {
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid #eee;
  }
  
  .modalGrid__item > * > *:nth-child(1) {
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .modalGrid__item:hover {
    background-color: rgba(53, 84, 209, 0.05) !important;
  }
  
  .modalGrid__item:hover > * > *:nth-child(1) {
    color: var(--color-blue-2);
  }
  
  .modalGrid__item.-is-active {
    background-color: #fbfbfb;
    border-color: var(--color-blue-2);
  }
  
  .ModalAll {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .ModalAll.is-hidden {
    pointer-events: none;
    opacity: 0;
    position: absolute !important;
    max-width: 700px !important;
  }
  .ModalAll__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #00000073;
  }
  .ModalAll__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 500px;
    height: 100%;
    max-height: 100% !important;
    margin: auto;
    overflow: hidden;
  }
  
  .langMenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .langMenu.is-hidden {
    pointer-events: none;
    opacity: 0;
  }
  .langMenu__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(5, 16, 54, 0.4);
  }
  .langMenu__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 550px;
    height: auto;
    max-height: 450px;
    margin: auto;
    overflow: hidden;
  }
  .js-language-mainTitle img{
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px !important;
  }
  .js-language-mainTitle span{
    font-size: 13px !important;
    color: var(--color-blue-1);
    font-weight: 500 !important;
  }
  .js-language-mainTitle .fw-500{
    font-weight:400 !important;
  }
  
  
  .modal {
    pointer-events: auto;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .modal .modal-dialog {
    max-width: 1000px;
  }
  #modal-shipping-address.modal .modal-dialog {
    max-width: 600px;
  }
  #modal-payment-address.modal .modal-dialog {
    max-width: 600px;
  }
  .modal .modal-dialog .modal-content {
    height: 100%;
    max-height: 100% !important;
    margin: auto;
    overflow: hidden;
    border: 1px solid var(--color-border);
  }
  .modal .modal-dialog .modal-content .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    border-bottom: 1px solid var(--color-light-2);
  }
  .modal .modal-dialog .modal-content .modal-header .modal-title {
    line-height: 1.2;
    font-size: 20px !important;
    color: var(--color-dark-1);
  }
  .modal .modal-dialog .modal-content .modal-header button{
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 100%;
    background: var(--color-border);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    z-index: 3;
  }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 20px 30px;
  }
  .modal .modal-dialog .modal-content .modal-body p{
    line-height:1.2 !important;
  }
  
  #alert_v4 .alert{
    z-index: 9999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: auto;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44,);
    background: #00000052;
  }
  #alert_v4 .alert .alert-dismissible{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    max-width: 400px;
    height: auto;
    max-height: fit-content;
    margin: auto;
    overflow: hidden;
    border-radius: 20px;
    background: white;
    border-width: 3px;
    text-align: center;
    line-height: 1.4;
  }
  #alert_v4 .alert .alert-dismissible .close{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: auto;
    right: 0;
    bottom: auto;
    top: 0;
    z-index: 1;
    width: 35px;
    height: 35px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 35px;
    background: var(--color-light-2);
  }
  #alert .alert .alert-dismissible .close:hover{
    background: var(--color-border);
  }
  
  .relative {
    position: relative;
  }
  
  .ph-white::-moz-placeholder {
    color: var(--color-white);
  }
  
  .ph-white:-ms-input-placeholder {
    color: var(--color-white);
  }
  
  .ph-white::placeholder {
    color: var(--color-white);
  }
  
  .absolute {
    position: absolute;
  }
  
  .bottom-0 {
    bottom: 0;
  }
  
  .flightLine {
    position: relative;
    width: 100%;
    height: 1px;
    background-color: var(--color-border);
  }
  
  .flightLine > * {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    border: 1px solid var(--color-border);
    border-radius: 100%;
  }
  
  .flightLine > *:nth-child(1) {
    left: 0;
    background-color: var(--color-white);
  }
  
  .flightLine > *:nth-child(2) {
    right: 0;
    background-color: var(--color-border);
  }
  
  .blog-grid-1 {
    display: grid;
    grid-template-columns: 0.66fr 0.33fr;
    grid-template-rows: 250px 250px;
    gap: 30px;
  }
  
  .blog-grid-1 > *:nth-child(1) {
    grid-row: span 2;
  }
  
  .border-center > *:nth-child(2n + 2) {
    border-left: 1px solid var(--color-light-2);
  }
  
  .border-center > *:nth-child(1n + 3) {
    border-top: 1px solid var(--color-light-2);
  }
  
  .header-banner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .section-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
  }
  
  .section-slider-nav.-prev {
    left: -20px;
  }
  
  .section-slider-nav.-next {
    right: -20px;
  }
  
  .sidebar__item:not(.-no-border) {
    border-bottom: 1px solid var(--color-border);
  }
  
  .sidebar.-mobile-filter {
    display: block;
    /* grid-template-columns: 1fr 1fr 1fr; */
    /* gap: 40px; */
    /* padding-left: 24px; */
    /* padding-right: 24px; */
    /* padding-bottom: 10px; */
    /* padding-top: 70px; */
  }
  
  .sidebar.-mobile-filter .column-left {
    width:100%;
    border-radius: 0 0 12px 12px;
  }
  .sidebar.-mobile-filter .-icon-close {position: relative;}
  
  .sidebar.-mobile-filter:last-child > .sidebar__item {
    border-top:0px !important;
  }
  .sidebar.-mobile-filter > .sidebar__item:last-child{
    border-top:0px !important;
  }
  .filterPopup .header_filter{
    border-bottom: 0px;
    height: 54px;
    border-radius: 12px 12px 0 0;
  }
  
  .w-250 {
    width: 250px;
    max-width: 100%;
  }
  
  .w-1 {
    width: 1px;
    max-width: 100%;
  }
  
  .w-200 {
    width: 200px;
    max-width: 100%;
  }
  
  .w-180 {
    width: 180px;
    max-width: 100%;
  }
  .w-99{width: 99%;}
  
  
  .halfMap {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 90px);
    margin-top: 90px;
  }
  
  .halfMap__map img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .galleryGrid.-type-1 {
    display: grid;
    grid-template-columns: 0.52fr 0.24fr 0.24fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
  }
  .galleryGrid.-type-1 > *:nth-child(1) {
    grid-row: 2 span;
  }
  .galleryGrid.-type-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .galleryGrid.-type-2 {
    display: grid;
    grid-template-columns: 0.6fr 0.2fr 0.2fr;
    grid-template-rows: 0.4fr 0.6fr;
    gap: 10px;
  }
  
  .galleryGrid.-type-2 > *:nth-child(1) {
    grid-row: 2 span;
  }
  
  .galleryGrid.-type-2 > *:nth-child(4) {
    grid-column: 2 span;
  }
  
  .galleryGrid.-type-2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .min-h-250 {
    min-height: 250px;
  }
  
  .roomGrid {
    width: 100%;
  }
  
  .roomGrid__header {
    display: grid;
    grid-template-columns: 180px 1fr 60px 170px 140px 270px;
    gap: 30px;
    background-color: var(--color-dark-3);
    color: white;
    font-weight: 500;
    padding: 15px 0;
  }
  
  .roomGrid__header > *:first-child {
    padding-left: 30px;
  }
  
  .roomGrid__grid {
    display: grid;
    gap: 30px;
    grid-template-columns: 180px auto 270px;
  }
  
  .roomGrid__grid > * {
    padding-top: 20px;
  }
  
  .roomGrid__grid > *:nth-child(3) {
    background-color: rgba(53, 84, 209, 0.05);
    padding: 20px 30px;
  }
  
  .roomGrid__content {
    display: grid;
    grid-template-columns: 1fr 60px 170px 140px;
    gap: 30px;
  }
  
  .roomGrid__content:nth-child(1n + 2) {
    border-top: 1px solid var(--color-border);
  }
  
  .progressBar {
    position: relative;
  }
  
  .progressBar__bg {
    width: 100%;
    height: 4px;
    border-radius: 4px;
  }
  
  .progressBar__bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 100%;
    border-radius: 4px;
  }
  
  .progressBar__bar span {
    position: absolute;
    right: 0;
    bottom: 100%;
  }
  
  .tooltip {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #615E5E;
  }
  
  .tooltip__content {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 11px;
    font-size: 14px;
    line-height: 1.2;
    background-color: var(--color-dark-1);
    color: white;
    border-radius: 8px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
  }
  
  .tooltip__content::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: black;
    transform: rotate(45deg);
  }
  
  .tooltip.-top .tooltip__content {
    bottom: calc(100% + 6px);
    transform: translateY(8px);
  }
  
  .tooltip.-top .tooltip__content::after {
    bottom: -4px;
  }
  
  .tooltip.-bottom .tooltip__content {
    top: calc(100% + 6px);
    transform: translateY(-8px);
  }
  
  .tooltip.-bottom .tooltip__content::after {
    top: -4px;
  }
  
  .tooltip.-left .tooltip__content {
    right: calc(100% + 6px);
    transform: translateX(8px);
  }
  
  .tooltip.-left .tooltip__content::after {
    right: -4px;
  }
  
  .tooltip.-right .tooltip__content {
    left: calc(100% + 6px);
    transform: translateX(-8px);
  }
  
  .tooltip.-right .tooltip__content::after {
    left: -4px;
  }
  
  .tooltip:hover .tooltip__content {
    transform: none;
    opacity: 1;
  }
  
  .gallery__item {
    position: relative;
    display: block;
  }
  
  .gallery__item:hover .gallery__button {
    opacity: 1;
  }
  
  .gallery__button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: black;
    border-radius: 100%;
    width: rem(52px);
    height: rem(52px);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
  }
  
  .gallery__button .icon {
    color: white;
    stroke-width: 1;
    width: rem(28px);
    height: rem(28px);
  }
  
  .gallery__button.-bottom-right {
    top: unset;
    left: unset;
    transform: unset;
    bottom: rem(30px);
    right: rem(30px);
  }
  
  .form-input,
  .form-group {
    position: relative;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: block;
  }
  
  .form-input .text-danger,
  .form-group .text-danger{
    display: inline-flex;
    line-height: 1.1;
    font-size: 11px;
    background: var(--color-red-5);
    border: 1px solid var(--color-red-1);
    border-radius: 18px;
    padding: 3px 10px;
    margin-bottom: 5px;
  }
  .form-input label{
    position: absolute;
    top: 0;
    top: 18px;
    margin: 0 20px;
    pointer-events: none;
    font-size: 14px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .form-input textarea,
  .form-input input,
  .form-input select,
  .form-group textarea,
  .form-group input,
  .form-group select {
    border: 0.1rem solid var(--color-light-1);
    font-size: 14px;
    font-weight: 300;
    color: var(--color-dark-2);
    border-radius: 8px;
    padding: 9px 16px;
    min-height: 40px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: none !important;
  }
  .form-group input[type='radio'] {
    border: 1px solid var(--color-border);
    border-radius: 12px;
    padding: 0px 10px;
    padding-top: 0px;
    min-height: 20px;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .form-input textarea:focus,
  .form-input input:focus
  .form-group textarea:focus,
  .form-group input:focus {
    border: 1px solid #184e77 !important;
    color: #000 !important;
  }
  
  .form-input input.date-styl-1 ~ label {
    transform: translateY(-28px);
    background:#fff;
  }
  
  .form-input textarea:focus ~ label, .form-input textarea:valid ~ label,
  .form-input input:focus ~ label, .form-input input:valid ~ label{
    transform: translateY(-28px);
    background:#fff;
  }
  
  .bg-light form textarea,
  .bg-light form input,
  .bg-light form select{
    background:white !important;
  }
  .bg-light form input[type="submit"]{
    background:var(--color-light-1) !important;
    display: inline-flex !important;
    width: auto;
  }
  #checkout-checkout form input[type="button"]{
    background:var(--color-light-1) !important;
  }
  #checkout-checkout form input[type="button"]:hover{
    background:var(--color-blue-2) !important;
  }
  #content form label{
    font-size:12px;
  }
  #content .buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    margin-top: 30px;
    position: relative;
  }
  #content .buttons .float-left{
    left: 0;
    right: auto;
    position: relative;
    display: flex;
    justify-content: start;
    width: 50%;
  }
  #content .buttons .float-right{
    right: 0;
    left: auto;
    position: absolute;
    display: inline-flex;
    justify-content: end;
    width: auto;
  }
  
  .form-group .radio_v1 .radio {
    margin-right: 10px;
    margin-bottom: 10xp;
  }
  .form-group .radio_v1 input[type='radio'] {
    position: absolute;
    right: -5px;
    top: -5px;
    width: auto;
  }
  .form-group .radio_v1 .radio img{
    height: 45px;
    width: 45px;
    z-index: -1;
  }
  
  .form-group .checkbox_v1 .checkbox {
    margin-right: 5px;
  }
  .form-group .checkbox_v1 input[type='checkbox'] {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 20px;
    min-height: 20px;
  }
  .form-group .checkbox_v1 .checkbox img{
    height: 40px;
    width: 40px;
  }
  
  .hover_box_1:hover{
    box-shadow: 0 0 10px 10px #00000008;
    border: 1px solid var(--color-blue-2) !important;
  }
  .hover_box_1{
    position: relative;
    border: 1px solid #fff;
    background: transparent !important;
  }
  .hover_box_1 input{
    position: static !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0px;
    height: 0px;
    min-width: 0;
    margin: 0 10px !important;
  }
  .hover_box_1 input::before{
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    border: 0 !important;
    transition: opacity 0.2s ease-out;
  }
  .hover_box_1 input:checked::before{
    border: 2px solid var(--color-blue-2);
    background: var(--color-blue-2) !important;
    transition: opacity 0.2s ease-out;
  }
  .hover_box_1 input::after{
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    color: var(--color-blue-2) !important;
    border-radius: 20px;
    border: 1px solid var(--color-dark-5);
    background: transparent !important;
    transition: opacity 0.2s ease-out;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 900 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .hover_box_1 input:checked::after{
    content: '\F272';
    color: var(--color-white) !important;
    border: 1px solid var(--color-blue-2);
    background: var(--color-blue-2) !important;
  }
  
  .mpalert .hover_box_1 input::after{
    width: 0;
    height: 0;
    min-width: 0;
    min-height: 0;
    color: var(--color-blue-2) !important;
    border: 1px solid var(--color-dark-5);
    background: transparent !important;
  }
  .mpalert .hover_box_1 input:checked::after{
    color: var(--color-blue-2) !important;
    border: 0 !important;
    background: transparent !important;
    padding-right: 6px;
    font-size: 14px;
  }
  .mpalert .hover_box_1 input:checked::before {
    border: 1px solid var(--color-blue-3) !important;
    background: var(--color-blue-8) !important;
    transition: opacity 0.2s ease-out;
  }
  
  .sidebar.-blog > * + * {
    padding-top: 30px;
    margin-top: 30px;
  }
  
  .list-disc li {
    list-style-type: disc;
    list-style-position: inside;
  }
  
  .w-360 {
    width: 360px;
  }
  
  .w-140 {
    width: 140px;
    max-width: 100%;
  }
  
  .w-210 {
    width: 210px;
    max-width: 100%;
  }
  
  .w-230 {
    width: 230px;
    max-width: 100%;
  }
  
  .no-page__title {
    font-size: 200px;
    font-weight: 600;
    line-height: 1.2;
  }
  
  table.table th {
    padding: 25px 40px;
    line-height: 1;
    font-weight: 500;
  }
  
  table.table th:first-child {
    border-radius: 8px 0 0 8px;
  }
  
  table.table th:last-child {
    border-radius: 0 8px 8px 0;
  }
  
  table.table tbody > tr + tr {
    border-top: 1px solid var(--color-border);
  }
  
  table.table td {
    padding: 10px 20px;
    font-size: 14px;
    border: 1px solid var(--color-light-2) !important;
  }
  
  table.table-2 th {
    font-weight: 500;
    padding: 15px 10px;
    line-height: 1.2;
  }
  
  table.table-2 th:first-child {
    border-radius: 8px 0 0 8px;
  }
  
  table.table-2 th:last-child {
    border-radius: 0 8px 8px 0;
  }
  
  table.table-2 th:nth-child(1) {
    padding-left: 0;
  }
  
  table.table-2 th:last-child {
    text-align: right;
    padding-right: 0;
  }
  
  table.table-2 tbody > tr {
    border-top: 1px dashed var(--color-border);
    vertical-align: top;
  }
  
  table.table-2 td {
    padding: 15px 10px;
    font-size: 15px;
    line-height: 1.2;
  }
  
  table.table-2 td:nth-child(1) {
    padding-left: 0;
  }
  
  table.table-2 td:last-child {
    text-align: right;
    padding-right: 0;
  }
  
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  
  table.table-3 th {
    font-weight: 500;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 130px;
  }
  
  table.table-3 th:first-child {
    border-radius: 8px 0 0 8px;
  }
  
  table.table-3 th:last-child {
    border-radius: 0 8px 8px 0;
  }
  
  table.table-3 tbody tr {
    vertical-align: top;
  }
  
  table.table-3 tbody > tr + tr {
    border-top: 1px dashed var(--color-border);
  }
  
  table.table-3 td {
    padding: 15px 30px;
    font-size: 15px;
    line-height: 1.2;
    min-width: 130px;
  }
  
  table.table-3.-border-bottom tbody > tr {
    border-top: none;
    border-bottom: 1px dashed var(--color-border);
  }
  
  table.table-4 th {
    font-weight: 500;
    padding: 20px 30px;
    line-height: 1.2;
    min-width: 130px;
  }
  
  table.table-4 th:first-child {
    border-radius: 8px 0 0 8px;
  }
  
  table.table-4 th:last-child {
    border-radius: 0 8px 8px 0;
  }
  
  table.table-4 tbody tr {
    vertical-align: top;
  }
  
  table.table-4 tbody > tr + tr {
    border-top: 1px dashed var(--color-border);
  }
  
  table.table-4 td {
    padding: 20px 30px;
    font-size: 15px;
    line-height: 1.2;
    min-width: 130px;
  }
  
  table.table-4.-border-bottom tbody > tr {
    border-top: none;
    border-bottom: 1px dashed var(--color-border);
  }
  
  table.table-5 {
    width: 100%;
  }
  
  table.table-5 th {
    font-weight: 500;
    padding: 20px 15px;
    line-height: 1.2;
    min-width: 130px;
  }
  
  table.table-5 th:first-child {
    border-radius: 8px 0 0 8px;
  }
  
  table.table-5 th:last-child {
    border-radius: 0 8px 8px 0;
  }
  
  table.table-5 tbody tr {
    vertical-align: top;
  }
  
  table.table-5 tbody > tr {
    border-bottom: 1px solid var(--color-border);
  }
  
  table.table-5 td {
    padding: 20px 15px;
    font-size: 15px;
    line-height: 1.2;
    min-width: 130px;
  }
  .side-badge {
    position: absolute;
    top: -7px;
    left: -3px;
  }
  
  .side-badge > * {
    border: 3px solid white;
  }
  
  .map-500 {
    min-height: 500px;
    height: 500px;
  }
  
  .map-form {
    position: relative;
  }
  
  .h-400 {
    height: 400px;
    min-height: 400px;
  }
  
  .table-calendar {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  .table-calendar__header {
    font-size: 14px;
    font-weight: 600;
  }
  
  .table-calendar__grid {
    font-size: 15px;
  }
  
  .table-calendar__cell {
    cursor: pointer;
    position: relative;
    z-index: 0;
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .table-calendar__cell:hover {
    background-color: var(--color-dark-3);
    color: white;
  }
  
  .table-calendar__cell.-is-in-path {
    position: relative;
    z-index: 0;
    color: var(--color-dark-1) !important;
  }
  
  .table-calendar__cell.-is-in-path::before {
    content: "";
    background-color: var(--color-light-2);
    position: absolute;
    top: 0;
    left: -16px;
    right: -16px;
    z-index: -2;
    height: 100%;
  }
  
  .table-calendar__cell.-is-active {
    position: relative;
    z-index: 2;
    background-color: var(--color-dark-3);
    color: white;
  }
  
  .table-calendar__header, .table-calendar__grid {
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 8px;
  }
  
  .table-calendar__header > *, .table-calendar__grid > * {
    justify-content: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 48px;
    height: 48px;
    border-radius: 100%;
  }
  
  .desktopMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    max-width: 450px;
    height: 100vh;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    pointer-events: none;
  }
  
  .desktopMenu .mobile-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-color: white;
  }
  
  .desktopMenu__content {
    display: flex;
    flex-direction: column;
  }
  
  .desktopMenu-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: rgb(85 81 255 / 66%);
    height: 100vh;
    width: 100%;
  }
  
  .desktopMenu.is-menu-active {
    opacity: 1;
    pointer-events: auto;
  }
  
  .desktopMenu.is-menu-active .menu__nav.-is-active {
    pointer-events: auto !important;
    overflow-x: hidden;
    background: #ffffff !important;
    z-index: 9;
    height: 65vh !important;
    width: 100%;
    position: relative;
  }
  
  .desktopMenu.is-menu-active .-is-active {
    pointer-events: auto !important;
    overflow-x: hidden;
    background: #ffffff !important;
    z-index: 9;
    height: 100%;
    width: 100%;
    position: relative;
    opacity: 10 !important;
  }
  
  .desktopMenu .menu {
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
  }
  
  .desktopMenu .menu ul {
    pointer-events: none;
  }
  
  .desktopMenu .menu li {
    overflow: hidden;
    height: auto;
    width: 100%;
    display: inline-table;
  }
  
  .desktopMenu .menu a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-radius: 4px;
    font-weight: 500;
    color: var(--color-black);
    transition: all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .desktopMenu .menu a .icon {
    font-size: 8px;
    transform: rotate(-90deg);
  }
  
  .desktopMenu .menu a:hover {
    color: var(--color-blue-2);
  }
  
  .desktopMenu .menu__nav {
    display: flex;
    flex-direction: column;
  }
  
  .desktopMenu .menu__nav > li > a {
    font-size: 16px;
    border-bottom: 1px solid #eee;
  }
  
  .desktopMenu .menu__nav > li > a:hover {
    background-color: rgba(53, 84, 209, 0.05) !important;
  }
  
  .desktopMenu .menu .subnav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-width: 450px;
    opacity: 0;
  }
  
  .desktopMenu .menu .subnav a {
    height: 50px;
    font-size: 16px;
    padding: 0 20px;
    transform: translateY(100%);
    font-weight: 400;
    background: white;
    border-bottom: 1px solid #eee;
  }
  .desktopMenu .menu .subnav a img{
    height: 32px;
    width: 32px;
    border: 1px solid #eee;
    border-radius: 32px;
    padding: 3px;
  }
  
  .desktopMenu .menu a i{
    font-size:14px;
  }
  
  .desktopMenu .menu .subnav__backBtn {
    margin-bottom: -1px;
  }
  
  .desktopMenu .menu .subnav__backBtn li {
    padding: 0;
  }
  
  .desktopMenu .menu .subnav__backBtn a {
    justify-content: flex-start;
    height: 50px;
    font-weight: 600;
    font-size: 16px;
    color: var(--color-blue-2);
    background-color: #f6f6f6 !important;
  }
  
  .desktopMenu .menu .subnav__backBtn a .icon {
    margin-right: 12px;
    transform: rotate(90deg);
  }
  
  .user-profil-menu-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 16px;
    color: var(--color-blue-2);
    background: linear-gradient(0deg, #c4c4c433, #c4c4c433);
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
  }
  .mobil_left_menu_footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    font-size: 16px;
    color: var(--color-blue-2);
    background-color: rgb(248 249 250) !important;
    padding: 20px 20px;
    height: auto;
    z-index: 2;
    bottom: 0;
    top: auto;
    position: absolute;
    width: 100%;
  }
  
  .searchMenu {
    position: relative;
  }
  
  .searchMenu__field {
    position: absolute;
    padding-top: 30px;
    top: 100%;
    left: 0;
    z-index: 5;
    width: 500px;
    max-width: 100vw;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .searchMenu__field.is-visible {
    pointer-events: auto;
    opacity: 1;
  }
  
  .searchMenu .-link:hover {
    background-color: rgba(53, 84, 209, 0.05) !important;
  }
  
  .h-34 {
    height: 34px;
  }
  
  .dropRating {
    position: absolute;
    top: calc(100% + 10px);
    z-index: 10;
    width: 340px;
    max-width: 100vw;
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    pointer-events: none;
    opacity: 0;
  }
  
  .dropRating.-is-active {
    pointer-events: auto;
    opacity: 1;
  }
  
  .quote {
    position: relative;
    padding: 20px 0;
    padding-left: 75px;
    width: 740px;
    max-width: 100%;
  }
  
  .quote__line {
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .quote__icon {
    position: absolute;
    top: 12px;
    left: 22px;
    z-index: -1;
  }
  
  .hotelSingleGrid {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 360px;
  }
  
  .border-test {
    position: absolute;
    top: 0;
    bottom: 40px;
    left: 19px;
    z-index: -1;
    border-left: 2px dashed #E5F0FD;
  }
  
  .border-line-2 {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 13px;
    z-index: -1;
    border-left: 1px solid var(--color-border);
  }
  
  .map {
    width: 100%;
    height: 100%;
    background-color: #a3a3a3;
  }
  
  .productSlider {
    display: grid;
    gap: 10px;
    grid-template-columns: 120px calc(100% - 130px);
  }
  .productSlider .js-carsdetail2-slider{  
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .productSlider .productSlider-slides {
    display: flex;
    flex-direction: column;
  }
  
  .productSlider .productSlider-slides > * + * {
    margin-top: 10px;
  }
  
  .productSlider .productSlider-slides__item {
    border: 1px solid #DDDDDD;
  }
  
  .productSlider .productSlider-slides__item.-is-active {
    border: 1px solid #051036;
  }
  
  .productSlider .productSlider-slider {
    width: 100%;
    z-index: 1;
  }
  
  .productSlider .productSlider-slider a {
    display: flex;
  }
  .productSlider .productSlider-slider a.video-ytb {
    background-size: cover !important;
    background-position: center !important;
    align-items: center;
    justify-content: center;
  }
  .productSlider .productSlider-slider .video-ytb .img-ratio{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .productSlider .js-carsdetail1-slider  img {
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    border-radius: 10px;
  }
  
  .cruiseSlider .cruiseSlider-slides__item {
    border: 1px solid #DDDDDD;
  }
  
  .cruiseSlider .cruiseSlider-slides__item.-is-active {
    border: 1px solid #051036;
  }
  
  .cruiseSlider .cruiseSlider-slider {
    overflow: hidden;
    width: 100%;
  }
  
  .cruiseSlider .cruiseSlider-slider img {
    border: 1px solid #DDDDDD;
    width: 100%;
    max-height: 510px;
  }
  
  .cruiseSlider__nav {
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
  }
  
  .cruiseSlider__nav.-prev {
    left: 20px;
  }
  
  .cruiseSlider__nav.-next {
    right: 20px;
  }
  
  .w-max-120 {
    max-width: 120px;
  }
  
  .singleMenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    top: 0;
    background-color: white;
    border-bottom: 1px solid #DDDDDD;
    display: flex;
    align-items: center;
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    pointer-events: none;
  }
  
  .singleMenu.-is-active {
    opacity: 1;
    pointer-events: auto;
  }
  
  .singleMenu__content {
    width: 100%;
    min-height: 80px;
    padding: 15px 0;
  }
  
  .singleMenu__links a {
    font-size: 15px;
    font-weight: 500;
  }
  
  .overflow-x-hidden {
    overflow-x: clip;
  }
  
  .-is-dd-wrap-active .-dd-button {
    border-color: var(--color-dark-1) !important;
    outline: 1px solid var(--color-dark-1) !important;
  }
  
  .-is-dd-wrap-active .-dd-button .icon {
    transform: rotate(180deg);
  }
  
  .noUi-target {
    height: 4px;
    border: none;
    outline: 1px solid rgba(0, 0, 0, 0.08);
  }
  
  .noUi-connect {
    background-color: var(--color-blue-2) !important;
    box-shadow: 0 !important;
  }
  
  .noUi-handle {
    border-radius: 100%;
    width: 20px !important;
    height: 20px !important;
    top: 50% !important;
    transform: translateY(-50%);
    border: 2px solid var(--color-blue-2);
    box-shadow: 0 !important;
  }
  
  .noUi-handle::before {
    display: none;
  }
  
  .noUi-handle::after {
    display: none;
  }
  
  .filterPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    overflow-y: scroll;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    pointer-events: none;
  }
  
  .filterPopup.-is-active {
    opacity: 1;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
  }
  
  .base-tr {
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  
  .date-input {
    display: flex;
    flex-flow: row-reverse;
    width: 100%;
  }
  
  .date-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
    background: none;
    z-index: 2;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  
  .calendar-icon {
    position: absolute;
    top: 28px;
  }
  
  .calendar-icon.-left {
    left: 40px;
  }
  
  .calendar-icon.-right {
    right: 40px;
  }
  
  .gm-style-iw-t {
    right: unset !important;
    left: 25px;
    bottom: 20px !important;
  }
  
  .mapMarker {
    position: relative;
    z-index: 100;
  }
  
  .mapMarker:hover {
    background-color: var(--color-dark-1) !important;
    border-color: var(--color-dark-1) !important;
    color: white !important;
  }
  
  .gm-style .gm-style-iw-c {
    border-radius: 4px;
  }
  
  .mapItem__img {
    width: 100px !important;
    height: 100px !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .mapItem__content {
    height: 100px;
  }
  
  .map-ratio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 700px;
  }
  
  .marquee-location{
     white-space: nowrap;
     animation: marquee-location 15s infinite linear;
     padding-left: 15px;
  }
  .marquee-location:after {
     content: attr(data-text);
     padding-left: 15px;
  }
   @keyframes marquee-location {
     0% {
       transform: translateX(0);
    }
     100% {
       transform: translateX(-50%);
    }
  }
   
  .text-wrap-elips{  
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
  }
  .istatistik_bg_icon{
    left: -10px;
    top: -10px;
    font-size: 150px;
    color: var(--color-dark-4);
  }
  
  .js-show-more {
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
    transition: max-height 0.5s ease-out;
  }
  .js-show-more .is-active {
    max-height: 100% !important;
  }
  .js-show-more .is-active::after {
    height: 0px;
  }
  .js-show-more .show-more__button{display: flex;justify-content: center;align-items: center;gap:4px;width: fit-content;z-index: 999;position: relative;cursor: pointer;margin: 0;text-align: center;}
  .js-show-more .show-more__button .show_more_dfg{display: block;}
  .js-show-more .is-active + .show-more__button .show_more_dfg{display: none;}
  .js-show-more .show-more__button .show_more_dag{display: none;}
  .js-show-more .is-active + .show-more__button .show_more_dag{display: inline-block;}
  
  .js-show-more::after {
    content: "";
    z-index: 0;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(360deg, #ffffff 10%, transparent);
    transition: opacity 0.2s ease-out;
  }
  .bg-green-5 .js-show-more::after {
    background: linear-gradient(360deg, var(--color-blue-5) 15%, transparent);
  }
  .citiesCard.-type-5:hover .js-show-more::after {
    background: linear-gradient(360deg, #ffffff 10%, transparent);
  }
  .js-section-slider .citiesCard.-type-5 {
    transition:none;
  }
  .storySlider .swiper-slide-prev::after{
    content: '';
    position: absolute;
    inset: -20px;
    width: 130%;
    height: 130%;
    background-color: #ffffffeb;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }  
  .storySlider .swiper-slide.swiper-slide-visible:after{display:none}
  .storySlider .swiper-slide::after{
    content: '';
    position: absolute;
    inset: -10px;
    width: 110%;
    height: 125%;
    background-color: #ffffffeb;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }
  
  .js-tabs-content .show-more__button{display: flex;justify-content: center;align-items: center;gap:4px;width: fit-content;z-index: 999;position: relative;cursor: pointer;margin: 0;text-align: center;}
  .js-tabs-content .show-more__button .show_more_dfg{display: block;}
  .js-show-more.is-active + .show-more__button .show_more_dfg{display: none;}
  .js-tabs-content .show-more__button .show_more_dag{display: none;}
  .js-show-more.is-active + .show-more__button .show_more_dag{display: inline-block;}
  
  .carCard__content .show-more__content {
    margin-bottom: auto;
    max-height: 85px;
    min-height: 85px;
  }
  .carCard__content .show-more__content.is-active {
    max-height: 100% !important;
  }
  .carCard__content .js-show-more::after {
    bottom: 10px;
    height: 50px;
  }

  .card-box-1-bg:hover{
    background: linear-gradient(180deg, rgba(0, 90, 255, 0.05) 9.54%, rgba(241, 90, 41, 0.025) 32.15%, rgba(255, 255, 255, 0.05) 53.47%);
    border: 1px solid var(--color-blue-4) !important;
  }

  .card-box-1-bg .card-box-1 .card-box-1-img{
    gap: 10px;
    width: 100%;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
  }
  
  .list_box_min_1{
    position: relative;
  }
  .list_box_min_1:hover::after{
    content: "\F285";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-blue-1);
    font-size: 16px;
    width: 30px;
    height: 30px;
    background: #a0a0a029;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    position: absolute;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 8%;
    left: auto;
    top: 28%;
  }
  .footer a:hover{opacity: .7;}
  
  .dropdown-item {
    color: var(--color-black);
    border-radius: 4px;
  }
  .dropdown-item:focus,.dropdown-item:hover {
    background-color: var(--color-blue-5) !important;
    color: var(--color-blue-1) !important;
  }
  
  .dropdown-item.active,.dropdown-item:active {
    background-color: var(--color-blue-5) !important;
    color: var(--color-blue-1) !important;
  }
  
  .dropdown-item.disabled,.dropdown-item:disabled {
    pointer-events: none;
    color: var(--color-border);
    background: var(--color-light-3);
  }
  
  .right-icon-yes .dropdown-toggle::after {
    content: "\f282";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px !important;
    margin-top: 0px;
    font-size: 12px;
    border: 0 !important;
  }
  .dropdown-toggle::after {
    display: none;
  }
  
  .dropdown-menu-mobil-end {
    z-index: 99;
  }
  
  .header-top .dropdown-menu::before,
  .header .dropdown-menu::before {
    content: '';
    position: absolute;
    margin: auto;
    top: -7px;
    right: auto;
    left: auto;
    width: 13px;
    height: 13px;
    background-color: white;
    transform: rotate(45deg);
  }
  .header-top .dropdown-menu li a,
  .header .dropdown-menu li a{
    border-radius: 40px !important;
    color: var(--color-black);
    height: 40px;
  }
  .header-top .dropdown-menu li a:hover,
  .header .dropdown-menu li a:hover{
    border-radius: 40px !important;
  }
  .header-top .dropdown-menu li:last-child a,
  .header .dropdown-menu li:last-child a{
    border-bottom: 1px solid transparent;
  }
  #offcanvasSepet{
    overflow:hidden;
    width: 100%;
    max-width: 500px;
    border-radius:16px 0 0 16px !important;
  }
  
  .client-logo img {
    filter: grayscale(0);
    transition-property: filter;
    -webkit-transition-property: filter;
    -moz-transition-property: filter;
    -ms-transition-property: filter;
    -o-transition-property: filter;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s
  }
  
  .client-logo img:hover {
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s
  }
  
  .client-logo-02 img {
      filter: grayscale(1);
      transition-property: filter;
      -webkit-transition-property: filter;
      -moz-transition-property: filter;
      -ms-transition-property: filter;
      -o-transition-property: filter;
      transition-duration: .4s;
      -webkit-transition-duration: .4s;
      -moz-transition-duration: .4s;
      -ms-transition-duration: .4s;
      -o-transition-duration: .4s
  }
  
  .client-logo-02 a:hover img {
      filter: grayscale(0);
      transition-property: filter;
      transition-duration: .4s;
      -webkit-transition-duration: .4s;
      -moz-transition-duration: .4s;
      -ms-transition-duration: .4s;
      -o-transition-duration: .4s
  }
  
  /**** adres box ****/
  .adres_box_account{
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 20px;
  }
  .adres_box_account_text{
    display:block;
    line-height: 1.4;
    font-size: 16px;
  }
  .adres_box_account_text .abox_text_name{
    display:block;
    color: var(--color-dark-4);
    font-size: 14px;
    font-weight: 400;
  }
  .adres_box_account_text .abox_text_company{
    display:block;
    color: var(--color-blue-2);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .adres_box_account_text .box_text_address_1{
    display:block;
  }
  .adres_box_account_text .abox_text_address_2{
    display:block;
  }
  .adres_box_account_text .abox_text_city{
    display:block;
  }
  .adres_box_account_text .abox_text_zone{
    display:block;
  }
  .adres_box_account_text .abox_text_country{
    display:block;
  }
  
  
  /**** alt menu ****/
  #alt-menu {
     position: sticky;
     z-index: 99;
     bottom: -2px;
     left: 0;
     right: 0;
     transition: 0.3s ease;
  }
  #alt-menu .menu {
     background: #fff;
     width: 100%;
     margin: 0px auto;
     padding: 15px 10px;
     border-radius: 0;
     display: flex;
     align-items: center;
     justify-content: space-around;
  }
  #alt-menu .menu-item {
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     flex-shrink: 0;
     width: 40px;
     height: 40px;
     border-radius: 12px;
     transition: 0.3s ease;
     color: #000;
     background-color: transparent;
     position: static;
  }
  #alt-menu .menu-item.active {
     background-color: var(--color-blue-5);
     color: var(--color-blue-2);
  }
  #alt-menu .menu-item__icon {
     display: inline-block;
     text-align: center;
     font-size: 24px;
     line-height: 1;
  }
  #alt-menu .menu-item__icon.show {
     color: var(--color-yellow-1);
  }
  #alt-menu .icon_center{
    width: 60px;
    height: 60px;
    border-radius: 12px;
    border: 4px solid #fff;
    margin-top: -15px;
    position: static;
    background: var(--color-blue-2);
    color: #fff !important;
  }
  #alt-menu .icon_center .menu-item__icon{
    font-size: 26px;
    animation: wiggle 2s linear infinite;
    margin-top: -3px;
  }
  #alt-menu .dropdown-menu{
     width: 100%;
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
     padding-bottom: 50px !important;
     margin-bottom: -1px !important;
     z-index: -1;
     box-shadow: 0 0 100vh 51vh #00000096;
  }
  #alt-menu .dropup .dropdown-toggle::after {
    display: none;
  }
  
  
  .icon_center .menu-item__icon{
    animation: wiggle 2s linear infinite;
  }
  .icon_center .menu-item__icon2{
    animation: wiggle2 2s linear infinite;
  }
  @keyframes wiggle {
    0%,7% {
      transform: translateY(0px);
    }
    15% {
      transform: translateY(-5px)
    }
    20% {
      transform: translateY(5px)
    }
    25% {
      transform: translateY(-5px)
    }
    30% {
      transform: translateY(2px)
    }
    35% {
      transform: translateY(-3px)
    }
    40%,100% {
      transform: translateY(0)
    }
  }
  @keyframes wiggle2 {
    0%,7% {
      transform: translateX(0px);
    }
    15% {
      transform: translateX(-5px)
    }
    20% {
      transform: translateX(5px)
    }
    25% {
      transform: translateX(-5px)
    }
    30% {
      transform: translateX(2px)
    }
    35% {
      transform: translateX(-3px)
    }
    40%,100% {
      transform: translateX(0)
    }
  }
  
  
  /*** Ranger Pirce ***/
  .price-range-slider {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0 auto;
    padding: 0px 0px 24px 0px;
  }
  .price-wrap {
    display: flex;
    padding: 1em 0;
    justify-content: space-between;
  }
  .price-range-slider .price-field {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  .price-range-slider .price-field input[type=range] {
    position: absolute;
  }
  .price-range-slider .price-field input[type=range] {
    width: 100%;
    height: 7px;
    outline: 0;
    box-sizing: border-box;
    pointer-events: none;
    --webkit-appearance: none;
  }
  .price-range-slider .price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
  }
  .price-range-slider .price-field input[type=range]:active,
  .price-range-slider .price-field input[type=range]:focus {
    outline: 0;
  }
  .price-range-slider .price-field input[type=range]::-ms-track {
    width: 100%;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    background: transparent;
    border-color: transparent;
  }
  .price-range-slider .price-field input[type=range]::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-top: -10px;
    background-color: #fff;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
    border: 3px solid #5551ff;
  }
  .price-range-slider .price-field input[type=range]::-moz-range-thumb {
    position: relative;
    appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-top: -10px;
    background-color: #fff;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
    border: 3px solid #5551ff;
  }
  .price-range-slider .price-field input[type=range]::-ms-thumb {
    position: relative;
    appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-top: -10px;
    background-color: #242424;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
    border: 3px solid #5551ff;
  }
  .price-range-slider .price-field input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: #5551ff;
    border-radius: 100px;
  }
  .price-range-slider .price-field input[type=range]::-moz-range-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    background: #242424;
    border-radius: 100px;
  }
  .price-range-slider .price-field input[type=range]::-ms-track {
    width: 100%;
    height: 15px;
    cursor: pointer;
    background: #242424;
    border-radius: 100px;
  }
  .price-range-slider .price-wrap .price-min,
  .price-range-slider .price-wrap .price-max {
    pointer-events: none;
  }
  .price-range-slider .price-wrap #price-min,
  .price-range-slider .price-wrap #price-max {
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    outline: 0;
    color: #999999;
    font-size: 14px;
    pointer-events: none;
    min-width: 45px;
    width: 100%;
    max-width: min-content;
    padding-left: 5px;
  }
  .price-range-slider .price-wrap-1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #22272c;
    font-size: 16px;
    text-align: left;
    height: 18px;
  }
  .price-range-slider .price-wrap-2 {
    display: flex;
    align-items: center;
    justify-content: end;
    color: #22272c;
    font-size: 16px;
    height: 18px;
  }
  .price-range-slider .price-field input[type=range]:hover::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #242424;
    transition-duration: 0.3s;
  }
  .price-range-slider .price-field input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #242424;
    transition-duration: 0.3s;
  }
  
  
  
  button:focus,
  input:focus{
    outline: none;
    box-shadow: none;
  }
  a,
  a:hover{
    text-decoration: none;
  }
  
  /*--------------------------*/
  .qty-container{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border: 1px solid var(--color-light-1);
    border-radius: 30px;
    padding: 2px;
  }
  .qty-container .input-qty{
    text-align: center;
    padding: 5px 5px;
    max-width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 12px;
  }
  .qty-container .qty-btn-minus,
  .qty-container .qty-btn-plus{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-gray-1);
    color: var(--color-dark-4);
    padding: 10px 10px;
    font-size: 18px;
    line-height: 18px;
    height: 40px;
    width: 40px;
    transition: 0.3s;
    border-radius: 12px;
  }
  .qty-container .qty-btn-plus:hover,
  .qty-container .qty-btn-minus:hover{
    background: var(--color-yellow-1);
    border-color: var(--color-yellow-1);
    color:var(--color-white);
  }
  
  
  /*---------------------------*/
  .btn-cornered,
  .input-cornered{
    border-radius: 4px;
  }
  .btn-rounded{
    border-radius: 50%;
  }
  .input-rounded{
    border-radius: 50px;
  }
  
  .qty-container input::-webkit-outer-spin-button,
  .qty-container input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .qty-container input[type=number] {
    --moz-appearance: textfield;
  }
  
  
  /*---------------------------*/
  .rating {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    flex-direction: row-reverse;
    overflow: hidden;
    height: 65px;
    position: relative;
    margin-top: -20px;
  }
  .rating-0 {
    filter: grayscale(100%);
  }
  .rating > input {
    display: none;
  }
  .rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin: auto 0 0 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: 0.3s;
  }
  .rating > input:checked ~ label, .rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  }
  .rating > input:not(:checked) ~ label:hover, .rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  }
  .emoji-wrapper {
    width: 65px;
    text-align: center;
    height: 65px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
  }
  .emoji-wrapper:before, .emoji-wrapper:after {
    content: "";
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
  }
  .emoji-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, white 0%, white 35%, rgba(255, 255, 255, 0) 100%);
  }
  .emoji-wrapper:after {
    bottom: 0;
    background: linear-gradient(to top, white 0%, white 35%, rgba(255, 255, 255, 0) 100%);
  }
  .emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 0.3s;
  }
  .emoji > svg {
    margin: 10px 0;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
  }
  #rating-1:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(0px);
  }
  #rating-2:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-70px);
  }
  #rating-3:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-140px);
  }
  #rating-4:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-210px);
  }
  #rating-5:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-280px);
  }
  .feedback {
    max-width: 100%;
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  
  .bg-login-img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: loginbg 50000ms;
    animation-iteration-count: infinite;
  }
  
  .imgSingleUpload {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
  }
  .imgSingleUpload input.readUrl {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      font-size: 20px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0);
      width: 148px;
      height: 46px;
    cursor: pointer;
  }
  
  .imgSingleUpload input[type="file"] {
      position: absolute;
  }
  
  .quote-imgs-thumbs {
    max-width: 500px;
  }
  .quote-imgs-thumbs--hidden {
    display: none;
  }
  .img-preview-thumb {
    background: #fff;
    border: 2px solid #5551fe;
    border-radius: 10px;
    box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);
    margin-right: 10px;
    max-width: 200px;
    padding: 0.25rem;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  
  .t_ani{
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .t_ani_img_1{
    position: absolute;
    left: 9%;
    right: auto;
    top: -5%;
    bottom: auto;
  }
  .t_ani_img_2{
    position: absolute;
    left: 19%;
    right: auto;
    top: 18%;
    bottom: auto;
  }
  .t_ani_img_3{
    position: absolute;
    left: 16%;
    right: auto;
    top: 57%;
    bottom: auto;
  }
  .t_ani_img_4{
    position: absolute;
    left: auto;
    right: -1%;
    top: -10%;
    bottom: auto;
  }
  .t_ani_img_5{
    position: absolute;
    left: -2%;
    right: auto;
    top: 40%;
    bottom: auto;
  }
  .t_ani_img_6{
    position: absolute;
    left: auto;
    right: 18%;
    top: 15%;
    bottom: auto;
  }
  .t_ani_img_7{
    position: absolute;
    left: auto;
    right: 0%;
    top: 32%;
    bottom: auto;
  }
  .t_ani_img_8{
    position: absolute;
    left: auto;
    right: 22%;
    top: 47%;
    bottom: auto;
  }
  
  @keyframes loginbg {
    0% {transform: scale(1)}
    25% {transform: scale(1.1)}
    50% {transform: scale(1)}
    75% {transform: scale(1.1)}
    100% {transform: scale(1)}
  }
  
  
  .form-radio {
    display: flex;
    align-items: center;
    height: 35px;
  }
  
  .form-radio .radio {
    cursor: pointer;
    position: relative;
    display: block;
  }
  
  .form-radio .radio__mark {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    border: 2px solid var(--color-dark-3);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .form-radio .radio__icon {
    display: none;
    position: absolute;
    width: 100%;
    height: 35px;
    border-radius: 35px;
    z-index: -1;
  }
  
  .form-radio .radio input {
    z-index: 5;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  
  .form-radio .radio input:checked ~ .radio__mark {
    border-color: var(--color-dark-1);
  }
  
  .form-radio .radio input:checked ~ .radio__mark .radio__icon {
    display: block;
  }
  
  .form-radio .radio:hover input ~ .radio__mark {
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  /** Panel **/
  .panel-default>.panel-heading{
    width: 100%;
    background: white;
    border-radius: 24px;
    padding: 24px;
  }
  .panel-default .panel-heading .accordion-toggle{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    line-height: 1.1;
    position: relative;
  }
  .panel-default .panel-heading .accordion-toggle.collapsed{
    display: flex;
    color: var(--color-blue-2);
  }
  .panel-default .panel-collapse {
    width: 100%;
    background:white;
    border-radius: 24px;
    padding: 10px;
  }
  .panel-title {
    font-size: 20px !important;
    font-weight:600;
    font-family: var(--font-title) !important;
  }
  
  /** Marquee **/
  .Marquee {
    width: 100vw;
    box-sizing: border-box;
    padding: 8px 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    animation: bg-img-slider 2s linear infinite;
  }
  .Marquee-content {
    display: flex;
    animation: marquee 45s linear infinite running;
  }
  .Marquee-content:hover {
    animation-play-state: paused;
  }
  .Marquee-tag {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 40px;
    background: transparent;
    display: grid;
    grid-auto-flow: column;
    gap: 5px;
    transition: all 0.2s ease;
    text-wrap: nowrap;
  }
  .Marquee-tag:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 40%;
    bottom: auto;
    right: -1px;
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background: var(--color-blue-5);
  }
  .Marquee-tag span{
    font-weight: 800;
    position: relative;
  }
  .Marquee-tag:hover {
    background: transparent;
    transform: scale(1.1);
    cursor: pointer;
  }
  @-moz-keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translate(-50%);
    }
  }
  @-webkit-keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translate(-50%);
    }
  }
  @-o-keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translate(-50%);
    }
  }
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translate(-50%);
    }
  }
  
  /* Product Detail */
  .product_detail_option div.text-danger{
    background: var(--color-blue-5);
    margin-top: 0 !important;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid var(--color-blue-2);
    display: inline-flex;
  }
  .product_detail_option .Renk .img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid var(--color-gray-1);
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    max-width: 100%;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 12px;
    overflow:hidden;
    /* opacity: 0.5; */
  }
  .product_detail_option .input-option-Renk{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
  }
  .product_detail_option .Renk .radio {
    max-width: 100%;
    width: 45px;
    height: auto;
    position: relative;
  }
  .product_detail_option .Renk input {
    max-width: 100%;
    position: absolute;
    width: 59px;
    height: 34px;
    opacity: 0;
  }
  .product_detail_option .Renk input:checked~.img-thumbnail{
    border: 2px solid var(--color-blue-5);
    opacity: 10;
  }
  
  .product_detail_option .Renk input:hover ~ .img-thumbnail{
    border: 2px solid var(--color-blue-5);
    opacity: 10 !important;
  }
  .product_detail_option .Renk span{
    font-size: 12px;
    line-height: 12px !important;
    width: 100%;
    display: none;
    margin-top: 5px;
  }
  
  .product_detail_option .Beden .img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    max-width: 100%;
    border-radius: 8px !important;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 0;
    position: absolute;
    z-index: -1;
  }
  .product_detail_option .input-option-Beden{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
  }
  .product_detail_option .Beden .radio {
    max-width: 100%;
    width: auto;
    height: 40px;
    position: relative;
  }
  .product_detail_option .Beden label {
    display: flex;
    align-items: center;
  }
  .product_detail_option .Beden input {
    max-width: 100%;
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
  }
  .product_detail_option .Beden input:hover + span{
    background: var(--color-blue-5);
    color: #fff;
    opacity: 10;
  }
  .product_detail_option .Beden input:checked~span{
    background: var(--color-blue-5);
    color: #fff;
    opacity: 10;
  }
  .product_detail_option .Beden span{
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    color: var(--color-black);
    background: white;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    border: 1px solid #ddd;
    /* opacity: 0.5; */
  }
  
  .product_detail_option .Beden small{
    margin: 0 14px 0 4px;
    text-align: center;
    font-size: 12px;
  }
  
  
  /**** Olcu ****/
  
  .product_detail_option .Ölçü .img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,.075);
    max-width: 100%;
    border-radius: 8px !important;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 0;
    position: absolute;
    z-index: -1;
  }
  .product_detail_option .input-option-Ölçü{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
  }
  .product_detail_option .Ölçü .radio {
    max-width: 100%;
    width: auto;
    height: 35px;
    position: relative;
  }
  .product_detail_option .Ölçü label {
    display: flex;
    align-items: center;
  }
  .product_detail_option .Ölçü input {
    max-width: 100%;
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
  }
  .product_detail_option .Ölçü input:hover + span{
    background: var(--color-dark-4);
    color: #fff;
    opacity: 10;
  }
  .product_detail_option .Ölçü input:checked~span{
    background: var(--color-dark-4);
    color: #fff;
    opacity: 10;
  }
  .product_detail_option .Ölçü span{
    display: flex;
    width: auto;
    min-width: 65px;
    height: 35px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--color-dark-3);
    background: white;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    border: 1px solid var(--color-gray-1);
    /* opacity: 0.5; */
  }
  
  .product_detail_option .Ölçü small{
    margin: 0 14px 0 4px;
    text-align: center;
    font-size: 12px;
  }
  
  
  .pd_info_container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: wrap;
    gap: 10px;
  }
  .pd_info_box{
    display: inline-flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 23.5%;
    gap: 10px;
    border-radius: 16px;
    background: #efefef;
  }
  .pd_info_box.color1{
    background: #FEF2F2;
  }
  .pd_info_box.color2{
    background: #F0F9FF;
  }
  .pd_info_box.color3{
    background: #F0FDF4;
  }
  .pd_info_box.color4{
    background: #FFFBEB;
  }
  
  .button_file_v1{
    position: relative;
    margin: 40px 0;
  }
  .button_file_v1 #all_file_upload{
    display:none;
  }
  .button_file_v1 label[for='all_file_upload'] *{
    vertical-align:middle;
    cursor:pointer;
  }
  .button_file_v1 label[for='all_file_upload'] span{
    margin-left: 10px
  }
  .button_file_v1 span.remove{
    vertical-align:middle;
    cursor:pointer;
    display:none;
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    padding: 7px;
    text-align: center;
    border-radius: 30px;
    line-height: 1;
    margin: 10px;
  }
  
  .pt-1px{padding-top:1px !important;}
  .pb-1px{padding-bottom:1px !important;}
  
  .pagination{gap: 3px;}
  
  .pagination li{
      background: var(--color-border);
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--color-white);
      border-radius: 40px !important;
      box-shadow: 0px 2px 7px 0px #00000014;
  }
  .pagination li a{
      background: transparent !important;
      color: var(--color-black) !important;
  }
  .pagination li.active{
      background: var(--color-blue-2) !important;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--color-white);
      box-shadow: 0px 2px 7px 0px #00000014;
  }
  
  /*** step wizard checkout ***/
  .panel-group-step-indicators {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
  }
  
  .panel-group-step {
    flex: 1;
    padding: 10px;
    text-align: left;
    line-height: 1;
    font-weight: 400;
    background: #f0f0f0;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 5px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.217);
    gap:10px;
  }
  .panel-group-step.active::after{
    content: '';
    position: relative;
    width: 100%;
    height: 3px;
    background-color: var(--color-blue-2);
  }
  
  .panel-group-step.active {
    color: var(--color-blue-2) !important;
    font-weight: 700;
  }
  
  /***whatsapp***/
  .whatsapp-button {
    bottom: 15px;
    opacity: 1;
    position: fixed;
    right: 15px;
    z-index: 9;
  }
  .whatsapp-button img {
    position: relative;
    height: 45px;
    width: 45px;
  }
  .whatsapp-button .wp-tooltip {
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    margin: 0 5px 0 0;
    padding: 6px 10px;
    position: relative;
    display:none;
  }
  .whatsapp-button:hover .wp-tooltip {
    display:block;
  }
  .whatsapp-button .wp-tooltip:after {
    background-color: #000;
    top: 15px;
    bottom: auto;
    content: "";
    height: 4px;
    position: absolute;
    right: -2px;
    transform: rotate(45deg);
    width: 4px;
  }

  .radio-card-input:checked + .radio-card {
    border-color: var(--color-blue-1);
    background: var(--color-blue-5);
    box-shadow: 0 0 0 3px rgba(var(--color-blue-1), 0.1);
  }
  .radio-card-input:checked + .radio-card .radio-check-icon {
    display: flex !important;
    right: -3px;
    top: -3px;
  }
  .checkbox-card-input:checked + .checkbox-card {
    border-color: var(--color-blue-1);
    background: var(--color-blue-5);
    box-shadow: 0 0 0 3px rgba(var(--color-blue-1), 0.1);
  }
  .checkbox-card-input:checked + .checkbox-card .checkbox-check-icon {
    display: flex !important;
  }
  .radio-card, .checkbox-card {
    transition: all 0.2s ease;
    padding: 10px;
    line-height: 1.1;
    position: relative;
  }
  .radio-card:hover, .checkbox-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

/* ============================================
   LOGIN BUTTON STYLES - 4 ÖRNEK
   ============================================ */

/* ÖRNEK 1: Pulse (Nabız) Animasyonu */
.login-pulse {
  position: relative;
  z-index: 1;
}
.login-pulse::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 12px;
  background: linear-gradient(90deg, #ff4d4d, #ff8533, #ff4d4d);
  z-index: -1;
  animation: pulse-glow 2s ease-in-out infinite;
  opacity: 0.8;
}
@keyframes pulse-glow {
  0%, 100% { transform: scale(1); opacity: 0.6; filter: blur(2px); }
  50% { transform: scale(1.08); opacity: 1; filter: blur(4px); }
}

/* ÖRNEK 2: Shimmer (Parıltı) Efekti */
.login-shimmer {
  position: relative;
  overflow: hidden;
}
.login-shimmer::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
  animation: shimmer 2s infinite;
  z-index: 2;
  pointer-events: none;
}
@keyframes shimmer {
  0% { left: -100%; }
  100% { left: 200%; }
}

/* ÖRNEK 3: Animated Gradient Border */
.login-gradient-border {
  position: relative;
  z-index: 1;
  border: none !important;
  overflow: hidden;
}
.login-gradient-border::before {
  content: '';
  position: absolute;
  inset: 0px;
  background: #e91a42;
  background-size: 400% 400%;
  z-index: -1;
  animation: gradient-rotate 20s linear infinite;
}
@keyframes gradient-rotate {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.login-gradient-border:hover{
  color:var(--color-red-4) !important;
}

/* ÖRNEK 4: Badge ile Dikkat Çekme */
.login-badge-btn {
  position: relative;
}
.login-badge {
  position: absolute;
  top: -10px;
  right: -10px;
  background: linear-gradient(135deg, #ffd700, #ffaa00);
  color: #000;
  font-size: 9px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 10px;
  animation: badge-bounce 1.5s ease infinite;
  box-shadow: 0 2px 8px rgba(255, 170, 0, 0.5);
  z-index: 10;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@keyframes badge-bounce {
  0%, 100% { transform: scale(1) rotate(-3deg); }
  50% { transform: scale(1.1) rotate(3deg); }
}

.kategori-aciklama ul, .kategori-aciklama li {
    padding: 0 0 0 0px;
    margin: 0 0 0 10px;
  }