@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
  overflow-x: hidden;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

.head-bg{
  background: linear-gradient(180deg, #1E1F22 0%, #3E3D3D 100%);
  border-radius: 0px 0px 50px 0px;
  position: relative;
}

.menu-mobil{
  display: none;
}

.container{
  max-width: 1140px;
  width: 100%;
  margin: auto;
  position: relative;
}

.head-bg-menu-rows{
  display: flex;
  padding: 45px 0px;
  align-items: center;
  position: relative;
  justify-content: end;
}

.head-bg-menu-rows-col-1 a{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.phones-b a{
  font-size: 20px;
}

.head-bg-menu-rows-col-1{
  position: relative;
}

.phones-b{
  margin-bottom: 5px;
  text-align: right;
}

.whatsappbut{
  margin-top: 16px;
  padding: 10px 30px;
  text-transform: unset;
  background: #27d366;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}



.head-title-index{
  font-family: 'Inter';
  font-style: italic;
  font-weight: 800;
  font-size: 66px;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  text-align: center;
}

.head-slogan-index{
  padding-bottom: 60px;
  padding-top: 20px;
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 40px;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: matrix(1, -0.04, 0.05, 1, 0, 0);
}

.head-bg-menu-rows-col-2{
  flex: auto;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0px;
  z-index: 0;
}

.head-panelbot-line{
  display: flex;
  gap: 30px;
  padding-bottom: 40px;
}

.index-type-rows{
  display: flex;
  justify-content: space-between;
  padding-bottom: 70px;
}

.index-type-rows-col1 img{
   width: 100%;
}

.index-type-rows-col1 .index-type-rows-col1-name{
  display: block;
  padding: 15px 24px;
  width: 220px;
  background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.08) -7.77%, rgba(255, 255, 255, 0.22) 126.5%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 4px 16px rgba(84, 84, 84, 0.21);
  backdrop-filter: blur(5px);
  border-radius: 16px;
  transform: rotate(-9.94deg);
  text-align: center;
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: matrix(0.99, -0.16, 0.19, 0.98, 0, 0);
  margin-top: -30px;
  margin-left: auto;
}

.index-type-rows-col3 img{
  width: 100%;
}

.index-type-rows-col2 img{
  width: 100%;
}

.index-type-rows-col2-name{
  display: block;
  padding: 15px 24px;
  width: 248px;
  background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.08) -7.77%, rgba(255, 255, 255, 0.22) 126.5%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 4px 16px rgba(84, 84, 84, 0.21);
  backdrop-filter: blur(5px);
  border-radius: 16px;
  transform: rotate(-9.94deg);
  text-align: center;
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  transform: matrix(0.99, -0.16, 0.19, 0.98, 0, 0);
  margin-top: -30px;
  margin-left: auto;
}


.index-type-rows-col3 .index-type-rows-col3-name{
  display: block;
  padding: 15px 24px;
  width: 220px;
  background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.08) -7.77%, rgba(255, 255, 255, 0.22) 126.5%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 4px 16px rgba(84, 84, 84, 0.21);
  backdrop-filter: blur(5px);
  border-radius: 16px;
  transform: rotate(4.43deg);
  text-align: center;
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: -30px;
  margin-right: auto;
}

.index-type-rows > div{
   width: 24%;
}

.head-panelbot-line-button1{
  background: #FFE600;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  padding: 20px 30px;
  text-transform: uppercase;
  cursor: pointer;
}

.head-panelbot-line-text{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-size: 14px;
  line-height: 17px;
  color: #FFE500;
  width: 550px;
}

.head-panelbot-line-button2{
  background: transparent;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 50px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #ffe600;
  padding: 20px 30px;
  text-transform: uppercase;
  border: 1px solid #ffe600;
  cursor: pointer;
}

.sbp-new{
  position: absolute;
  top: 109px;
  width: 300px;
  right: -48px;
}

.index-full-main{
  position: relative;
}

.br-step2{
  background: linear-gradient(180deg, #232222 0%, #FFFFFF 100%);
}

.br-step3-title{  
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 55px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 52px;
  line-height: 60px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #262B2E;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.br-step-bce{
  background: linear-gradient(180deg, #1E1F22 0%, #3E3D3D 100%);
  padding: 20px;
  border-radius: 20px;
  position: relative;
}

.br-step2-rows{
  margin-top: 45px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.br-step2-rows-title{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  display: flex;
  align-items: center;
  color: #F7F7F9;
}

.br-step2-rows-desc{
    padding: 24px;
    background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.08) -7.77%, rgba(255, 255, 255, 0.22) 126.5%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 4px 16px rgba(84, 84, 84, 0.21);
    backdrop-filter: blur(5px);
    border-radius: 16px;
    margin-top: 15px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #F7F7F9;
    opacity: 0.8;
}

.br-step2-rows > div{
  width: 49%;
}

.index-type-rows-col2-stop img{
  display: block;
  width: 160px;
  margin-left: auto;
  margin-top: 105px;
}

.br-step-bce-img{
  margin-top: 10px;
}

.br-step2-rows-panel{
  display: flex;
}

.br-step2-rows-panel .new-br-step-bce-img{
  margin-left: 30px;
  position: relative;
}

.br-step2-rows-panel .new-br-step-bce-img img{
  position: absolute;
  bottom: -20px;
}

.br-step3-rows-desc-dop{
  padding-bottom: 47px;
}

.br-step2-rows-one{
  position: relative;
}

.br-step3-flag{
  position: absolute;
  right: -98px;
  top: -86px;
}

.br-step2-map{
  position: absolute;
  top: 140px;
  right: 0px;
  width: 280px;
}

.br-step2-rows-col-3,.br-step2-rows-col-4{
  width: 32% !important;
}

.br-step2-rows-col-3-desc-rows{
  overflow: hidden;
  margin-left: -20px;
   margin-right: -20px;
}

.br-step2-rows-col-3-desc{
  background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.08) -7.77%, rgba(255, 255, 255, 0.22) 126.5%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 4px 16px rgba(84, 84, 84, 0.21);
  backdrop-filter: blur(5px);
  border-radius: 16px;
  transform: rotate(1.61deg);
  margin: 10px -50px 10px -50px;
  padding: 18px 70px 30px;
  opacity: 0.8;
}
.br-step2-rows-col-3-desc > div{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #F7F7F9;
  transform: rotate(359deg);
}

.br-step2-rows-col-3-img{
  display: flex;
  justify-content: center;
  margin-top: -30px;
  position: relative;
}

.br-step2-rows-col-3 .br-step-bce,.br-step2-rows-col-4 .br-step-bce{
  padding-bottom: 0px;
}

.br-step2-rows-col-4-desc{
  padding: 17px 24px 5px 12px;
  background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.08) -7.77%, rgba(255, 255, 255, 0.22) 126.5%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 4px 16px rgba(84, 84, 84, 0.21);
  backdrop-filter: blur(5px);
  border-radius: 16px 0px 0px 16px;
  transform: rotate(-4.72deg);
  margin: 28px -50px 10px -50px;
}

.br-step2-rows-col-4-desc > div{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #F7F7F9;
  transform: rotate(365deg);
  padding: 0px 37px;
}

.br-step2-rows-col-4-img{
  display: flex;
  position: relative;
  margin-top: -5px;
  justify-content: center;
}

.br-step2-rows-col-5{
  width: 32% !important;
  position: relative;
}

.br-step2-rows-col-5 .br-step-bce{
  padding-bottom: 0px;
  background: linear-gradient(180deg, #FFE500 0%, #FFE500 30%, #000000 100%);
}

.br-step2-rows-col-5 .br-step2-rows-title{
  color: #000000;
}

.br-step2-rows-col-5-desc {
  padding: 21px 24px 23px 12px;
  background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.08) -7.77%, rgba(255, 255, 255, 0.22) 126.5%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25), inset 4px 4px 16px rgba(84, 84, 84, 0.21);
  backdrop-filter: blur(5px);
  margin: 11px -20px 10px -20px;
}

.br-step2-rows-col-5-desc > div {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #000000;
  padding: 0px 10px;
}

.br-step2-rows-col-5-img {
  display: flex;
  position: relative;
  margin-top: -20px;
  justify-content: center;
}

.br-step2-rows-col-5-plus{
  position: absolute;
  top: 96px;
  right: -95px;
}

.br-step2-rows-col-6{
   width: 49%;
}

.br-step2-rows-col-7{
  width: 49%;
}

.br-step2-rows-col-6-title{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  color: #F7F7F9;
}

.br-step2-rows-col-7-title{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 31px;
  color: #F7F7F9;
}

.head-panelbot-line-mobil{
  display: none;
}

.stel-mobil{
  display: none;
}

.salescid{
  background: linear-gradient(100.13deg, rgba(255, 255, 255, 0.26) -7.77%, rgba(255, 255, 255, 0.09) 126.5%);
  backdrop-filter: blur(4px);
  transform: rotate(29.73deg);
  width: 150px;
  padding: 15px;
  border-radius: 50px;
  text-align: center;
  font-family: 'Inter';
  font-weight: 800;
  position: absolute;
  top: 106px;
  transition: 80deg;
  z-index: 1;
  left: -2px;
}

.mobil-menu-show{
  position: absolute;
  top: 90px;
  width: 100%;
  z-index: 99;
  left: 0px;
  background: linear-gradient(rgb(30, 31, 34) 0%, rgb(148, 148, 148) 100%);
  padding: 20px 20px 40px;
  text-align: center;
}

.mobil-menu-show .phones-b a{
   color: white;
   font-size: 22px;
}

.mobil-menu-show .phones-b{
  margin-bottom: 15px;
  text-align: center;
}

.mobil-menu-show .whatsappbut {
  display: inline-block;
  
}

.salescid > div{
  background: #ffe600;
  border-radius: 50px;
  padding: 15px;
}

.mobil-menu-show a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

@keyframes moving {
  30% {
    webkit-transform: skewX(-45deg) translateX(40em);
    transform: skewX(-45deg) translateX(40em);
  }

  100% {
    webkit-transform: skewX(-45deg) translateX(40em);
    transform: skewX(-45deg) translateX(40em);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.075);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.booking-icon {
  z-index: 50;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 40px;
  bottom: 40px;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 10px 40px 0px rgba(227, 93, 18, 0.2);
  animation: pulse 3s 
ease-in-out infinite;
}

.autoflash {
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lighting {
  height: 100%;
  width: 30px;
  top: 0px;
  left: -100%;
  webkit-animation: moving 4s ease-in-out infinite;
  -moz-animation: moving 4s ease-in-out infinite;
  -ms-animation: moving 4s ease-in-out infinite;
  -o-animation: moving 4s ease-in-out infinite;
  animation: moving 4s ease-in-out infinite;
}

.flash {
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 100%);
  height: 100%;
  width: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
  transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
  transition: none;
}

.booking-icon__circle {
  width: 172px;
  height: 172px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: rotate 2s linear infinite;
}

.new-br{
  
}

.mobil-typev1{
  display:none;
}

.start-now{
  background: #FFCB00;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 50px;
  text-align: center;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 19px;
color: #2B3134;
cursor: pointer;
width: 300px;
margin-left: auto;
margin-right: auto;
}

.br-step2-rows-one{
  margin-bottom: 60px;
}

@media (max-width:768px) {
  .start-now{
     width:100%;
  }
  .head-title-index{
    font-size: 30px;
    text-align: right;
    line-height: 30px;
  }

  .head-panelbot-line{
    display: none;
  }

  .head-slogan-index{
    text-align: right;
    line-height: 25px;
  }

  .head-bg-menu-rows-col-1{
    display: none;
  }

  .head-bg-menu-rows-col-2 img{
    width: 170px;
  }

  .container{
    padding: 0px 15px;
  }

  .sbp-new{
    display: none;
  }

  .head-panelbot-line-mobil{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding-bottom: 50px;
  }

  .index-type-rows{
    overflow-x: scroll;
    gap: 20px;
  }

  .index-type-rows > div{
    flex-shrink: 0;
    width: 80%;
  }

  .head-panelbot-line-text{
    font-size: 17px;
    text-align: right;
    line-height: 20px;
  }

  .stel-mobil{
    position: absolute;
    z-index: 9;
    top: 201px;
    display: block;
  }

  .index-type-rows-col2-stop{
    display: none;
  }

  .menu-mobil{
    position: relative;
    width: 50px;
    height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .head-bg-menu-rows{
    height: 96px;
  }

  .br-step3-title{
    font-size: 20px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 26px;
  }

 

  .br-step2-rows{
    overflow-x: scroll;
    gap: 20px;
    flex-wrap: unset;
  }

  .br-step2-rows > div{
    flex-shrink: 0;
    width: 90% !important;
  }

  .br-step-bce-img{
    text-align: center;
  }

  .br-step2-map{
    display: none;
  }

  .br-step2-rows-col-4-desc {
    padding: 25px 24px 18px 12px;
  }

  .br-step2-rows-col-5-plus{
    bottom: -3px;
    top: unset;
    right: 7px;
  }

  .br-step3-flag{
    display: none;
  }

  .mobil-typev1{
    position: absolute;
    top: 35px;
    left: 0px;
    display: block;
  }



}