:root {
    --ur-ffffff: #ffffff;
    --ur-000000: #000000;
    --ur-0B0C0B: #0b0c0b;
    --ur-727272 : #727272 ;
    --ur-F4F5FA : #F4F5FA ;
    --ur-3B3C3C : #3B3C3C ;
    --ur-80B2D9 : #80B2D9 ;

  }

  body {
    font-family: "Neue Haas Display", sans-serif;
    font-size: 16px;
    overflow-x: hidden;
  }

  /* Start text color  */
  .ur-text-ffffff {
    color: var(--ur-ffffff);
  }
.link-ur-text-ffffff ,.link-ur-text-ffffff:hover {
    color: var(--ur-ffffff) !important;
 }
  .ur-text-727272{
    color: var(--ur-727272);
  }
  .ur-text-3B3C3C{
    color: var(--ur-3B3C3C);
  }
  .ur-text-80B2D9{
    color: var(--ur-80B2D9);
  }
  .ur-text-000000{
    color: var(--ur-000000);
  }
  /* End text color  */

  /* Start background color  */
  .ur-bg-ffffff {
    background-color: var(--ur-ffffff);
  }
  .ur-bg-000000 {
    background-color: var(--ur-000000);
  }
    .ur-bg-F4F5FA {
    background-color: var(--ur-F4F5FA);
  }
  .ur-bg-80B2D9{
    background-color: var(--ur-80B2D9);
  }
  /* End background color  */

  /* Start font size  */
  .fs-12px {
    font-size: 12px;
  }
  .fs-14px {
    font-size: 14px !important;
  }
  .fs-16px {
    font-size: 16px;
  }
  .change-fs-16px-14px {
    font-size: 16px;
  }
  .fs-18px {
    font-size: 18px;
  }
  .fs-20px {
    font-size: 20px;
  }
  .change-fs-20px-fs-16px{
    font-size: 20px;
  }
  .change-fs-22px-18px {
    font-size: 22px;
  }
  .fs-24px {
    font-size: 24px;
  }
  .change-fs-24px-18px {
    font-size: 24px;
  }
  .fs-28px {
    font-size: 28px;
  }
  .change-fs-32px-24px {
    font-size: 32px;
  }
  .change-fs-60px-fs-35px {
    font-size: 60px;
  }
  .change-fs-85px-50px {
    font-size: 85px;
  }
  .change-fs-240px-150px{
    font-size: 240px;
  }
  /* End font size  */

  /* start line hight  */
  .change-line-hight-82px-50px {
    line-height: 82px;
  }
  /* End line hight  */


    /* Start z-index  */
    .z-9{
      z-index: 9;
    }
    /* End z-index  */

  /* Start font weight */
  .fw-500 {
    font-weight: 500 !important;
  }
  .fw-600 {
    font-weight: 600 !important;
  }
  .fw-700 {
    font-weight: 700;
  }
  .fw-800 {
    font-weight: 800;
  }
  .fw-900 {
    font-weight: 900;
  }
  /* End font weight */

  /* Start margin  */
  .mt-0-60px {
    margin-top: -60px;
  }
  .mt-0-80px {
    margin-top: -80px;
  }
  /* End margin  */

  /* Start border radius */
  .rounded-top-60px {
    border-radius: 60px 60px 0 0;
  }
  .rounded-20px{
    border-radius: 20px;
  }
  .rounded-24px{
    border-radius: 24px;
  }
  .change-rounded-40px-20px{
    border-radius: 40px;
  }
  /* End border radius */

  /* Start cursor  */
  .cursor-pointer{
    cursor: pointer;
  }
  /* End cursor  */



  /* Start padding  */
  .pt-60px{
    padding-top: 60px;
  }
  .change-pt-180px-120px{
    padding-top: 180px;
  }
  .change-pt-230px-110px{
    padding-top: 230px;
  }
  .pb-120px{
    padding-bottom: 120px;
  }
  .change-pb-200px-110px {
    padding-bottom: 200px;
  }
  .px-23px {
    padding-left: 23px;
    padding-right: 23px;
  }
  .px-25px {
    padding-left: 25px;
    padding-right: 25px;
  }
  .px-30px {
    padding-left: 30px;
    padding-right: 30px;
  }
  .py-10px {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .py-15px {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .change-py-80px-50px {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .p-20px{
    padding: 20px;
  }
  .change-p-40px-20px{
    padding: 40px;
  }
  /* End padding  */



  /* Strat gap  */
  .gap-12px {
    gap: 12px;
  }
  .row-gap-20px {
    row-gap: 20px;
  }
  .change-row-gap-20px-10px{
    row-gap: 20px;
  }
  .row-gap-24px {
    row-gap: 24px;
  }
  .row-gap-40px {
    row-gap: 40px;
  }
  .change-row-gap-40px-16px{
    row-gap: 40px;
  }
  /* End gap  */

  /* Start width and height */
  .max-w-100{
    max-width: 100%;
  }
.change-max-h-250px-170px{
  max-height: 250px;
}
  .max-h-1500px{
    height: 1500px;
  }
  .change-max-h-870px-lg-0{
    height: 870px;
    overflow: hidden;
  }
  /* End width and height */

  /* Strat letter spacing  */
  .letter-spacing-0-1 {
    letter-spacing: -1px;
  }
  .letter-spacing-0-3 {
    letter-spacing: -3px;
  }
  /* End letter spacing  */

  /* start line-height */
  .line-height-normal {
    line-height: normal;
  }
  /* End line-height */

  /* start button  */
  .btn {
    font-size: 16px;
    font-weight: 400;
    transition: 0.6s;
  }

  .btn-ffffff {
    --bs-btn-color: var(--ur-000000);
    --bs-btn-bg: var(--ur-ffffff);
    --bs-btn-border-color: var(--ur-ffffff);
    --bs-btn-hover-color: var(--ur-000000);
    --bs-btn-hover-bg: var(--ur-ffffff);
    --bs-btn-hover-border-color: var(--ur-ffffff);
  }

  .btn-transparent-FFFFFF {
    --bs-btn-color: var(--ur-ffffff);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--ur-000000);
    --bs-btn-hover-bg: var(--ur-ffffff);
    --bs-btn-hover-border-color: var(--ur-ffffff);
  }

  .btn-0B0C0B {
    --bs-btn-color: var(--ur-ffffff);
    --bs-btn-bg: var(--ur-0B0C0B);
    --bs-btn-border-color: var(--ur-0B0C0B);
    --bs-btn-hover-color: var(--ur-ffffff);
    --bs-btn-hover-bg: var(--ur-0B0C0B);
    --bs-btn-hover-border-color: var(--ur-ffffff);
  }

  .btn-F4F5FA {
    --bs-btn-color: var(--ur-000000);
    --bs-btn-bg: var(--ur-F4F5FA);
    --bs-btn-border-color: var(--ur-F4F5FA);
    --bs-btn-hover-color: var(--ur-F4F5FA);
    --bs-btn-hover-bg: var(--ur-000000);
    --bs-btn-hover-border-color: var(--ur-000000);
  }

  .btn-ffffff:hover,
  .btn-0B0C0B:hover {
    opacity: 0.7;
    transition: 0.6s;
  }
  /* End button  */

  /* Start hader */
  .header-S1 {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
  .header-S1 .navbar {
    padding: 14px 0;
    background: #0000003b;
    backdrop-filter: blur(15px);
  }
  .header-S1 .navbar-collapse {
    flex-grow: 0;
  }
  .header-S1 .navbar-collapse .navbar-nav {
    gap: 8px;
  }
  .header-S1 .navbar-collapse .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    color: var(--ur-ffffff);
    font-weight: 600;
    transition: 0.2s;
  }

  .header-S1 .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #ffffff75 !important;
    transition: 0.2s;
  }

  /* End hader  */


  /* Start border width  */
  .border-dashed-3px{
    border-width: 2px !important;
    border-style: dashed !important;
    border-image: repeating-linear-gradient(90deg, #a3a39e 0 12px, /* dash length */ transparent 12px 18px /* gap */) 1;

  }
  /* End border width  */

  /* Start rounded hw  */
  .rounded-hw-S1-F4F5FA {
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    background-color: #f4f5fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
  }


  .hw-34px-80B2D9{
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    background-color: #80B2D9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
  }


  /* End rounded hw  */

  .bg-img-S1 {
    background-image: url(../img/home-page/home-hero.webp);
    background-size: cover;
    background-position: center;
  }

  .img-background-color {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 95px;
    background: linear-gradient(
      360deg,
      rgb(255 255 255) 36.79%,
      rgb(255 255 255 / 0%) 72.12%
    );
  }

  .line-right-side {
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 197.26%);
    max-width: 108px;
    min-width: 108px;
  }
  .line-left-side {
    height: 1px;
    background: linear-gradient(280deg, rgba(0, 0, 0, 0) 0%, #000000 197.26%);
    max-width: 108px;
    min-width: 108px;
  }

  .rounde-S1 {
    height: 6px;
    width: 6px;
    border-radius: 30px;
    background: #8e8e8e;
  }

  .card-S1-absolute-right {
    position: absolute;
    top: 130px;
    right: 0;
  }

  .card-S2-absolute-left {
    position: absolute;
    bottom: 190px;
    left: 0;
  }
  .footer-text-hover:hover{
    opacity: 0.6;
  }

  .remove-text{
    position: absolute;
    top: 50%;
    transform: translatey(-50%);;
    right: 15px;
  }

  /* Start slider-rotate-img  */

  .slide-img-left{
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .slide-img-right{
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .slider-rotate-img .slide-img-left:nth-child(1) {
    transform:  translate(12px) rotate(270deg);
  }
  .slider-rotate-img .slide-img-left:nth-child(2) {
    transform: translate(57px, -212px) rotate(-427deg);
  }
  .slider-rotate-img .slide-img-left:nth-child(3) {
    /* transform: translate(145px,395px-390px) rotate(315deg); */
    transform: translate(168px, -395px) rotate(-408deg);
  }
  .slider-rotate-img .slide-img-left:nth-child(4) {
    /* transform: translate(313px, -518px) rotate(332deg); */
    transform: translate(337px, -528px) rotate(-385deg);
  }
  .slider-rotate-img .slide-img-left:nth-child(5) {
    /* transform: translate(529px, -570px) rotate(0); */
    transform: translate(567px, -580px) rotate(0);
  }
  .slider-rotate-img .slide-img-right:nth-child(6) {
    /* transform: translate(-367px, -516px) rotate(385deg); */
    transform: translate(-337px, -528px) rotate(385deg);
  }
  .slider-rotate-img .slide-img-right:nth-child(7) {
    /* transform:translate(-189px, -381px) rotate(410deg); */
    transform: translate(-168px, -395px) rotate(408deg);
  }
  .slider-rotate-img .slide-img-right:nth-child(8) {
    /* transform:translate(-71px, -212px) rotate(423deg); */
    transform: translate(-57px, -212px) rotate(427deg);
  }
  .slider-rotate-img .slide-img-right:nth-child(9) {
    transform:translate(-12px) rotate(-270deg);
  }

  .Revenue-Swiper .swiper-wrapper{
    transition-timing-function : linear;
  }
  /* End slider-rotate-img  */


  /* Strat faq-accordion  */
  .faq-accordion{
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .faq-accordion .accordion-header .accordion-button{
    padding: 0;
    font-size: 22px;
    color: var(--ur-000000);
    font-weight: 600;
    background-color: transparent;
    box-shadow: none;
  }
  .faq-accordion .accordion-header .accordion-button{
    justify-content: space-between;
    gap: 12px;
  }
  .faq-accordion .accordion-header .accordion-button:not(.collapsed){
    color: var(--ur-000000);
    background-color: #F4F5FA;
    box-shadow: none;
  }

  .faq-accordion .accordion-item{
    padding: 40px;
    border: 0;
    border-radius: 24px;
    background-color: #F4F5FA;
  }
  .faq-accordion .accordion-body{
    padding-top: 10px !important;
    padding: 0;
  }
  .accordion-button::after{
    display: none;
  }

  .faq-accordion .accordion-header .accordion-button:not(.collapsed) .accordion-icon{
    transform: rotate(180deg);
    transition: 0.6s;
  }

  .faq-accordion .accordion-header .accordion-button .accordion-icon{
    transform: rotate(0);
    transition: 0.6s;

  }
  .faq-accordion .accordion-header .accordion-button .rounded-hw-40px-ffffff{
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
  }
  .faq-accordion .accordion-header .accordion-button:not(.collapsed) .rounded-hw-40px-ffffff{
    background-color: #ffffff !important;
  }

  .faq-accordion .accordion-body{
    padding-right: 40px;
  }
  .faq-accordion .accordion-body{
    font-size: 16px;
  }
  /* End faq-accordion  */


  /* Start faq-auestions-tab  */
  .faq-auestions-tab{
    display: inline-flex;
    margin: 0;
    margin-bottom: 0 !important;
    padding: 4px;
    border-radius: 50px;
    background: #F4F5FA;
  }
  .faq-auestions-tab .nav-item .nav-link {
    padding: 19px 24px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #727272;
    transition: 0.3s;
  }
  .faq-auestions-tab .nav-item .nav-link.active{
    background-color: var(--ur-000000);
    color: var(--ur-ffffff);
    transition: 0.3s;
  }
  /* End faq-auestions-tab  */



  /* Start contact-form-input  */
  .contact-form-input .form-label{
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
  }
  .contact-form-input .form-control{
    padding: 16px 18px;
    border-radius: 12px;
    background-color: var(--ur-ffffff);
    border-color: #EBEBEB;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    transition: 0.4s;

  }
  .contact-form-input .form-control::placeholder{
    color: #00000099;
  }
  .contact-form-input .form-control:hover{
    border-color: #1a191980;
    transition: 0.4s;
  }
  /* End contact-form-input  */

  /* Start policy-point  */
  .policy-point  li{
    font-size: 20px;
    color: #727272;
    margin-bottom: 4px;
  }
  /* End policy-point  */


  /* Start cookies-card  */
  .cookies-card{
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 554px;
    z-index: 999;
  }
  /* End cookies-card  */


  .ticket-card {
    position: relative;
    -webkit-mask: radial-gradient(circle 15px at left 57%, transparent 98%, black 100%), radial-gradient(circle 15px at right 57%, transparent 98%, black 100%), linear-gradient(black, black);
    -webkit-mask-composite: destination-out;
    mask: radial-gradient(circle 15px at left 57%, transparent 98%, black 100%), radial-gradient(circle 15px at right 57%, transparent 98%, black 100%), linear-gradient(black, black);
    mask-composite: exclude;
  }
.ticket-card-absolute{
  position: absolute;
  bottom: 95px;
  right: 100px;
}


/* Start  loader  */
.loader-wrapper{
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  z-index: 999999;
}
.loader-wrapper.lodded{
  opacity: 0;
  visibility: hidden;
}
/* End  loader  */