body {
    line-height: 1.2;
    font-family: "Podkova", serif;
    font-weight: 500;
    background-color: black;
    color: white;
}

h1,
h2,
h3 {
    line-height: 1;
}

img {
    object-fit: cover;
}

@font-face {
    font-family: "Gogol";
    src: url("/fonts/gogol_regular.otf");
}

:root {
    --secondary-font: Montserrat, sans-serif;
}

::-webkit-scrollbar {
    width: 0;
}

.container {
    width: 84rem;
    margin: 0 auto;
}

section {
    margin-bottom: 3rem;
}

.header {
    position: fixed;
    top: 0.5rem;
    left: 0;
    right: 0;
    z-index: 1000;
}

.header-container {
    height: 4.375rem;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0.1rem solid rgba(255, 255, 255, 0.25);
    gap: 2rem;
    border-radius: 30rem;
    backdrop-filter: blur(31.45px);
    color: #fff;
}

.logo {
    width: 100%;
    /*height: 100%;*/
    display: block;
    object-fit: unset;
}

.nav ul {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1rem;
    transition: opacity 0.3s ease;
}

.nav a:hover {
    opacity: 0.7;
}

.logo-box {
    width: 6.3rem;
    height: 3.2rem;
}

.header-contact {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.header-contact p {
    transition: all 0.4s ease-in;
}

.header-contact p:first-child {
    font-size: 0.75rem;
    text-align: end;
    cursor: pointer;
}

.header-contact p:first-child:hover {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.header-contact p:last-child {
    font-size: 0.875rem;
    font-weight: 700;
    text-align: end;
    cursor: pointer;
}

.btn-orange {
    background-color: #59351b;
    color: #ffffff;
    border-radius: 30rem;
    font-weight: 600;
    display: flex;
    width: 12.3125rem;
    height: 3.125rem;
    justify-content: center;
    align-items: center;
    transition: 0.4s ease-in;
}

.btn-orange:hover {
    background-color: white;
    color: black;
}

.menu-btn {
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: none;
    display: none;
    cursor: pointer;
}
.menu-btn img,
.close-btn img {
    width: 100%;
    height: 100%;
}

.mobile-menu {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(6.75px);
    display: none;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 2rem;
}

.mobile-header {
    margin-top: 0.5rem;
    height: 4.375rem;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0.1rem solid rgba(255, 255, 255, 0.25);
    gap: 2rem;
    background: rgba(255, 255, 255, 0.148);
    border-radius: 30rem;
    backdrop-filter: blur(31.45px);
    color: #fff;
}

.close-btn {
    background: none;
    border: none;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}
.mobile-nav {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.mobile-nav a {
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
}

.mobile-nav p {
    font-size: 0.9rem;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

/* hero-section */
.hero-section {
    position: relative;
    width: 100%;
    height: 45rem;
    background: url("../img/hero-img.jpg") center/cover no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 0 0 3.2rem 3.2rem;
    padding-bottom: 2.7rem;
}

.logo-container-mob {
    display: none;
}
.footer-mob-remove {
    display: none;
}

.about-us-hero {
    /*background: url("../img/about-us-back.jpg") center/cover no-repeat;*/
    height: 37.25rem;
}
.about-us-content p {
    max-width: 69.625rem;
}
.btn-about-top {
    margin-top: 3.5rem;
}
.pages-link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 6.5rem;
    gap: 0.3rem;
}
.pages-link a,
.pages-link p {
    font-size: 0.8rem;
    opacity: 0.6;
    font-family: var(--secondary-font);
    font-weight: 500;
    transition: all 0.4s ease-in;
}
.pages-link a:hover {
    opacity: 1;
}

.hero-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.hero-content {
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.3rem;
}

.lampa-hero {
    width: 9.93525rem;
    height: 5.3125rem;
}

.hero-content h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
}

.hero-content p {
    font-family: "Montserrat", sans-serif;
}

.logo-what {
    width: 2rem;
    height: 2rem;
}

.btn-book {
    font-size: 0.9rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    min-width: 11rem;
    height: 3.2rem;
    padding: 0.625rem;
    border-radius: 6.25rem;
    background: linear-gradient(180deg, #fff8e1 0%, #f9eec7 100%);
    color: #000;
    border: none;
    cursor: pointer;
    transition: all 0.4s ease-in;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn-book:hover {
    background: linear-gradient(180deg, #e7b963 0%, #d3a355 100%);
    color: #fff;
    box-shadow: 0 0 30px rgba(211, 163, 85, 0.6);
}

.btn-book:hover .btn-book-back {
    background-color: white;
}
.btn-book:hover .what-icon {
    color: #d3a355;
}

.btn-book-back {
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 5rem;
    background-color: black;
}

.btn-book .what-icon {
    color: #fff8e1;
    font-size: 1.3rem;
}

.hero-categories {
    display: flex;
    align-items: center;
}

.hero-categories p {
    color: white;
    padding: 0 1.25rem;
    height: 1.75rem;
    border-radius: 10rem;
    font-size: 0.875rem;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(45.25px);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex: 0 0 auto;
    scroll-snap-align: start;
}
.book-hall-text-mob {
    display: none;
}
/* rooms section */
.head-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}
.head-title div {
    font-size: 3rem;
    font-weight: 700;
}
.head-title a {
    color: white;
    font-size: 1.25rem;
    font-weight: 700;
}
.rooms-cards {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}
.room-card {
    background-color: #ffffff;
    border-radius: 1.875rem;
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27.0625rem;
    height: 32.875rem;
}
.room-info {
    /*background-image: url("../img/Subtract.png");*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 24.5625rem;
    height: 30.375rem;
    padding: 1.25rem;
    padding-bottom: 0;
    padding-right: 0;
    color: #fff;
}
.room-info-second {
    /*background-image: url("../img/room2.png");*/
    color: black;
}
.room-info-third {
    /*background-image: url("../img/room3.png");*/
}

.room-text-top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: end;
    padding-right: 1.25rem;
}
.room-info h3 {
    font-size: 2rem;
    font-weight: 700;
}

.room-text-rigt {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.img-mr {
    margin-right: 0.3rem;
}
.room-text-rigt p {
    font-family: var(--secondary-font);
}
.room-text-rigt p:last-child {
    margin-top: 0.3rem;
    opacity: 0.7;
    font-size: 0.875rem;
}

.room-price {
    font-weight: 600;
    font-size: 1.5rem;
    border-radius: 6.25rem;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(45.25px);
    height: 2.3rem;
    width: 13rem;
    cursor: pointer;
}
.btn-more-w-next {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.7rem;
    background: #495427;
    transition: background-color 0.3s ease;
}
.arrow-next {
    transition: transform 0.3s ease-in;
}
.btn-more-w-next:hover .arrow-next {
    transform: rotate(45deg);
}

/* podcast-section */
.podcast-cards {
    display: flex;
    gap: 1.5rem;
}
.podcast-card {
    transition: all 0.4s ease-in;
    background-image: url("../img/podcast1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 41.25rem;
    height: 25.3125rem;
    border-radius: 1.875rem;
    /* padding: 1.6rem 1.88rem; */
    align-items: start;
    border: 1px solid #ffffff1e;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.big-prof-img-mob {
    display: none;
}

.overlay {
    width: 41.25rem;
    height: 25.3125rem;
    background-color: rgba(0, 0, 0, 0.397);
    position: absolute;
    top: -1px;
    border-radius: 1.875rem;
    opacity: 0;
}

.podcast-card-second {
    background-image: url("../img/podcast2.jpg");
}

.podcast-card-head {
    padding: 1.6rem 1.88rem;
    width: 100%;
}
.podcast-card-head h2 {
    font-size: 2rem;
    font-weight: 600;
}
.podcast-card-head p {
    font-size: 1.5rem;
    font-weight: 600;
}
.idea-left-bot-mob {
    display: none;
}
.podcast-card-foot {
    padding: 1.6rem 1.88rem;
    display: flex;
    width: 100%;
    align-items: end;
    transition: all 0.4s ease-in;
    opacity: 0;
}
.podcast-card:hover .podcast-card-foot {
    opacity: 1;
    transform: scale(1);
}
.podcast-card:hover .podcast-service p {
    opacity: 1;
    transform: scale(1);
}
.podcast-card:hover .overlay {
    opacity: 1;
    transform: scale(1);
}
.podcast-card:hover .podcast-card-head {
    opacity: 1;
    transform: scale(1);
}

.order-service-btn {
    width: 16rem;
    height: 3.125rem;
    color: black;
    background-color: #fff8e1;
    font-size: 0.875rem;
    font-weight: 800;
}

.podcast-services {
    gap: 0.3rem;
    width: 100%;
}

.podcast-service {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}
.podcast-service p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    min-width: 5rem;
    padding: 0 1.25rem;
    border-radius: 10rem;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(45.25px);
    transition: all 0.4s ease-in;
    opacity: 0;
}

/* .podcasts {
    cursor: grab;
}
.podcasts:active {
    cursor: grabbing;
} */

.standard p:last-child {
    color: #d3a355;
}
.podcast-service.plus {
    color: #d3a355;
}

/* our-services section */
.our-services-section {
    position: relative;
    margin-bottom: -10rem;
}

.our-services-item {
    width: 20rem;
    height: 17.5rem;
    padding: 1rem;
    border-radius: 1.25rem;
    border: 1px solid var(--glass-stroke, #ffffff41);
    backdrop-filter: blur(60px);
    background-image: url("../img/blure.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.our-ser-item2 {
    position: relative;
    top: 13rem;
}
.our-ser-item3 {
    position: relative;
    top: 8rem;
}
.our-ser-item4 {
    position: relative;
    top: 3rem;
}

.our-services h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}
.our-services p {
    font-size: 0.875rem;
    margin-bottom: 0.6rem;
}
.our-services p:last-child {
    margin-bottom: 0;
}

.our-services span {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: end;
}

.yellow-lampa {
    animation: bounce;
    animation-duration: 2s;
    width: 29.9375rem;
    height: 54.9375rem;
    position: absolute;
    z-index: -1;
    bottom: 36rem;
    pointer-events: none;
}

.big-lampa {
    width: 100%;
    position: relative;
    z-index: -1;
}

.rooms {
    position: relative;
}

.hero-section,
.reels-section {
    position: relative;
}
.reels-section {
    display: flex;
    align-items: center;
    justify-content: center;
}
.reels-back-img {
    position: absolute;
    z-index: -1;
    width: 39.4375rem;
    height: 59.125rem;
    bottom: 26rem;
}

.why-choose-lampa-section {
    position: relative;
}

.why-choose-lampa-img {
    width: 55.125rem;
    height: 60.25rem;
    z-index: -1;
    position: absolute;
    right: -0.01rem;
}

.hero-back {
    position: absolute;
    z-index: -1;
    width: 69rem;
    height: 57rem;
    top: 9rem;
}

/* video course section */

.video-course-section {
    width: 87.5rem;
    height: 48rem;
    border-radius: 2.5rem;
    background: #fff8e1;
    color: black;
    margin: 0 auto;
    padding: 2rem 0;
    margin-bottom: 3rem;
    position: relative;
    z-index: 1;
}

.remove-back-section {
    background: #000;
    color: white;
}

.video-course-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.video-course-head a {
    color: white;
}

.video-body1 {
    width: 100%;
    display: flex;
    justify-content: end;
}
.video-body1 p {
    font-size: 1.5rem;
    font-weight: 600;
    max-width: 42.5rem;
    text-align: end;
}

.video-body {
    gap: 1rem;
    position: relative;
    bottom: 3rem;
}

.video-card2 {
    position: relative;
    top: 5rem;
}
.video-card3 {
    position: relative;
    top: 10rem;
}

.video-card {
    background-image: url("../img/lmp-back.png");
    display: flex;
    width: 27.0625rem;
    height: 25rem;
    padding: 1.875rem;
    padding-top: 1.8rem;
    flex-direction: column;
    border-radius: 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    color: white;
    backdrop-filter: blur(15.949999809265137px);
}

.video-card-head {
    justify-content: space-between;
    align-items: center;
}
.video-card-head h3 {
    font-size: 2rem;
    font-weight: 600;
}
.video-card-head p {
    font-size: 1.5rem;
    font-weight: 600;
}

.video-card-foot {
    gap: 1.25rem;
}

.video-card-ser {
    gap: 0.3rem;
}
.video-card-ser p {
    display: flex;
    padding: 0.5rem 1.25rem;
    justify-content: center;
    align-items: center;
    border-radius: 6.25rem;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(45.25px);
    font-size: 0.875rem;
    font-weight: 500;
}
.video-card-ser p:first-child {
    max-width: 9rem;
    color: #d3a355;
}
.video-card-ser p:nth-child(2) {
    max-width: 18rem;
}

.video-card-btns {
    justify-content: space-between;
    gap: 0.6875rem;
}

.video-card-btn1 {
    display: flex;
    width: 11.3125rem;
    height: 3.125rem;
    justify-content: center;
    align-items: center;
    border-radius: 6.25rem;
    background: #000;
    font-size: 0.875rem;
    font-weight: 700;
}
.video-card-btn1:hover {
    background: white;
    color: #000;
}

.video-card-btn2 {
    display: flex;
    width: 11.3125rem;
    height: 3.125rem;
    justify-content: center;
    align-items: center;
    border-radius: 6.25rem;
    background: #d3a355;
    font-size: 0.875rem;
    font-weight: 700;
    color: #000;
}
.video-card-btn2:hover {
    background: #fff8e1;
}

.video-foot {
    font-family: var(--secondary-font);
    max-width: 27rem;
}
.video-foot ul {
    padding-left: 20px;
}
.video-foot p,
.video-foot li {
    opacity: 0.6;
    font-size: 0.875rem;
    font-weight: 500;
}

/* reels section */
.reels-all-content {
    width: 100%;
    gap: 1.31rem;
}

.reels-card {
    backdrop-filter: blur(60px);
    background-image: url("../img/big-blure.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    width: 27.0625rem;
    height: 25rem;
    padding: 1.875rem;
    flex-direction: column;
    border-radius: 1.25rem;
    border: 1px solid var(--glass-stroke, #ffffff41);
    justify-content: space-between;
}

.reels-card-head h3 {
    font-size: 2rem;
    font-weight: 600;
}
.reels-card-head p {
    font-size: 1.5rem;
    font-weight: 600;
}

.reels-card-ser {
    gap: 0.25rem;
}
.reels-service {
    display: flex;
    gap: 0.25rem;
}
.reels-service p {
    padding: 0.5rem 1.25rem;
    border-radius: 6.25rem;
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(45.25px);
    font-size: 0.875rem;
    font-weight: 500;
}

.reels-service-gold p:first-child {
    color: #d3a355;
}

.reels-card-btn1 {
    border-radius: 6.25rem;
    background: #fff;
    width: 11.3125rem;
    height: 3.125rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: black;
}
.reels-card-btn1:hover {
    color: white;
    background-color: black;
}

.reels-card-btn2 {
    border-radius: 6.25rem;
    background: #d3a355;
    width: 11.3125rem;
    height: 3.125rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: black;
}
.reels-card-btn2:hover {
    background-color: #fff8e1;
}

.reels-card-btns {
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1.25rem;
}

.reels-con-left {
    gap: 2rem;
}

.reels-con-cen {
    justify-content: end;
    gap: 1rem;
}
.reels-con-cen-bot {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}
.reels-con-cen-bot p {
    opacity: 0.7;
}
.reels-con-cen-bot img {
    width: 8.5rem;
    height: 4.5625rem;
}
.reels-con-cen-bot-mob {
    display: none;
}
.reels-con-cen-img {
    width: 100%;
    display: flex;
    justify-content: end;
}

.video-imgs {
    gap: 1.25rem;
}

.video-box {
    width: 12.875rem;
    height: 23rem;
    border-radius: 1.25rem;
    cursor: pointer;
}
.pause-btn {
    width: 3.625rem;
    height: 3.625rem;
    cursor: pointer;
}
.video-box1 {
    background-image: url("../img/reels1.jpg");
}
.video-box2 {
    background-image: url("../img/reels2.jpg");
}
.video-box3 {
    background-image: url("../img/reels3.jpg");
}
.video-box4 {
    background-image: url("../img/reels4.jpg");
}

/* why-choose lampa section */
.choose-content {
    display: flex;
    gap: 1.25rem;
}

.choose-img {
    width: 34.25rem;
    height: 36rem;
    border-radius: 1.875rem;
    border: 1px solid var(--glass-stroke, #ffffff41);
}
.choose-text {
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 100%;
}

.accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 1.88rem 0;
}
.accordion-item:last-child {
    border-bottom: 0;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.accordion-header h3 {
    font-size: 2rem;
    font-weight: 600;
    transition: color 0.3s ease;
}

.accordion-toggle {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: 1.2px solid rgba(126, 134, 158, 0.3);
    background: transparent;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordion-toggle::before,
.accordion-toggle::after {
    content: "";
    position: absolute;
    width: 0.9rem;
    height: 0.1rem;
    background: #fff;
    transition: all 0.6s ease;
    transform-origin: center;
}

.accordion-toggle::before {
    transform: rotate(0deg);
}

.accordion-toggle::after {
    transform: rotate(90deg);
}

.accordion-item.active .accordion-toggle::before {
    transform: rotate(45deg);
}

.accordion-item.active .accordion-toggle::after {
    transform: rotate(-45deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in;
}

.accordion-item.active .accordion-content {
    max-height: 10rem;
    opacity: 1;
    margin-top: 0.6rem;
}

.accordion-content p {
    font-size: 0.875rem;
    font-weight: 500;
    opacity: 0.7;
    font-family: var(--secondary-font);
    line-height: 1.3;
    max-width: 44rem;
    margin-top: 0.2rem;
}

/* equipment section */
.equipment-container {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
}
.equipment-section .container {
    position: relative;
}
.equipment-section .container:after {
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 50%;
    content: "";
    background: black;
}
.equipment-slider {
    display: block;
    width: 48.3125rem;
}
.equipment-slider .slick-list {
    margin: 0 -15px;
}
.equipment-slider .slick-slide > div {
    padding: 0 15px;
}
.equipment-slider .slick-slide {
    margin: 0;
}
.equipment-card {
    background-image: url("../img/big-blure.png");
    display: flex !important;
    gap: 1.25rem;
    height: 27.0625rem;
    border-radius: 1.875rem;
    padding-right: 1.88rem;
}

.equipment-img {
    width: 27.0625rem;
    height: 27.0625rem;
    border-radius: 1.875rem;
}

.equipment-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2.5rem;
}
.equipment-text h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}
.equipment-text h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}
.equipment-text p {
    font-size: 0.875rem;
    opacity: 0.7;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.equipment-slider::-webkit-scrollbar {
    display: none;
}

.equipment-container {
    -webkit-overflow-scrolling: touch;
}

/* idea-section */
.idea-container {
    background-color: white;
    color: black;
    border-radius: 1.875rem;
    height: 26rem;
    display: flex;
    gap: 1.4rem;
    padding: 1.5rem 1.88rem;
    padding-top: 1.3rem;
}

.idea-text {
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}
.idea-text h3 {
    font-size: 3rem;
    font-weight: 700;
}
.idea-text div {
    font-size: 1.5rem;
    font-weight: 600;
}
.idea-text p {
    font-family: var(--secondary-font);
}

.idea-left {
    gap: 2.5rem;
}

.idea-left-bot {
    gap: 1rem;
}

.idea-bot-text p {
    font-family: "Gogol";
    font-size: 1.25rem;
}

.idea-bot-text p:last-child {
    text-align: end;
}

.idea-bot-two p:nth-child(2) {
    margin-left: 6.4rem;
}

.idea-btn1 {
    display: flex;
    width: 17.5rem;
    height: 3.125rem;
    justify-content: center;
    align-items: center;
    border-radius: 6.25rem;
    background: #000;
    font-size: 0.875rem;
    font-weight: 700;
}
.idea-btn1:hover {
    background: #d3a355;
    color: #000;
}

.contact-btn-icon {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 6.25rem;
    background-color: #000;
}
.contact-btn-icon:hover {
    background-color: #d3a355;
}
.contact-btn-icon:hover .contact-icon {
    color: black;
}
.idea-buttons {
    display: flex;
    gap: 0.62rem;
    align-items: center;
}
.contact-icon {
    color: #fff8e1;
    font-size: 1.5rem;
}

.contact-btn-icon-sec {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 6.25rem;
    background-color: #d3a355;
}
.contact-btn-icon-sec:hover .contact-icon-sec {
    text-shadow: 0 0 20px #fff8dc, 0 0 40px #fff8dc;
    font-size: 1.8rem;
}
.contact-icon-sec {
    color: white;
    font-size: 1.5rem;
    transition: all 0.4s ease-in;
}

.idea-text span,
.idea-text p a {
    font-weight: 700;
    text-decoration: underline;
    color: black;
}
.idea-text p a:hover {
    text-decoration: none;
}

.idea-img {
    width: 39rem;
    height: 23.5rem;
    object-fit: cover;
    position: relative;
    bottom: 0.5rem;
    border-radius: 1.25rem;
}

/* about-lampa section */
.about-lampa {
    background-image: url("../img/big-lmp-back.png");
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30rem;
    gap: 1.25rem;
}
.about-lamp-img {
    width: 26.5rem;
    height: 28.4375rem;
    border-radius: 1.875rem;
}
.about-lmp-tt {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 5rem;
}

.about-lmp-tt p {
    font-size: 0.875rem;
    opacity: 0.7;
    font-weight: 500;
    font-family: var(--secondary-font);
}
.about-lmp-text h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.lamp-info-txt {
    display: none;
    font-size: 1.5rem;
    font-weight: 600;
}

/* gallery-section */
.gallery-section {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1.25rem;
}
.gallery-section img {
    height: 11.5rem;
    width: 12.9rem;
}
.fancybox-slide--video img {
    display: none; /* Видеоның фондық суреті ретінде пайда болмайды */
}
.mb-0 {
    margin-bottom: 0 !important;
}
/* big-video-section */
.big-video-section {
    /*background-image: url("../img/big-video-img.jpg");*/

    background-size: cover;
    background-position: center center;
    height: 38rem;
    width: 100%;
    margin-bottom: 0;
}

.big-video-section video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.big-pause {
    width: 7rem;
    height: 7rem;
}

/* footer */
.footer {
    color: #fff;
    width: 100%;
    background: url("../img/footer.png") center/cover no-repeat;
    border-radius: 2rem 2rem 0 0;
    min-height: 65.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    padding-top: 4rem;
    padding-bottom: 2.5rem;
}

.footer-form-section {
    text-align: center;
}

.footer-form-container {
    max-width: 55.375rem;
    margin: 0 auto;
}

.footer-form-container h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}

.footer-form-container p {
    opacity: 0.7;
    font-size: 0.875rem;
    font-family: var(--secondary-font);
}

.footer-form {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    text-align: left;
    margin-top: 2.5rem;
}

.footer-form label {
    color: #fff;
    font-size: 0.875rem;
    font-family: Montserrat;
    font-weight: 500;
    opacity: 0.7;
}

.footer-form input,
.footer-form textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
    padding-bottom: 1rem;
    color: #fff;
    font-size: 0.875rem;
    outline: none;
    font-family: Montserrat;
    font-weight: 500;
    opacity: 0.7;
}

.footer-form input::placeholder,
.footer-form textarea::placeholder {
    color: white;
    opacity: 0.7;
    font-size: 0.875rem;
    font-family: Montserrat;
    font-weight: 500;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.contact-options {
    display: flex;
    gap: 1.3125rem;
}

.circle-foot {
    width: 0.625rem;
    height: 0.625rem;
    background: transparent;
    border: 1px solid white;
    border-radius: 2rem;
}

.foot-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1.25rem;
}

.contact-options label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid #fff;
    border-radius: 12rem;
    width: 12.875rem;
    height: 3.125rem;
    cursor: pointer;
    transition: all 0.3s ease;
    justify-content: center;
    color: white;
    opacity: 1;
    font-family: Podkova;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 0.4s ease-in;
}

/* height: 15.375rem; */

.logo-container {
    position: relative;
    width: 28.75369rem;
    height: 15.375rem;
    cursor: pointer;
}

.foot-lampa {
    height: 15.375rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.6s ease-in;
}

.lamp-on {
    opacity: 0;
}

.logo-container:hover .lamp-on {
    opacity: 1;
}

.logo-container:hover .lamp-off {
    opacity: 0;
}

.contact-options input {
    display: none;
}

.contact-options input:checked + .circle-foot {
    background: white;
}

.contact-options label:hover {
    background: rgba(255, 255, 255, 0.1);
}

.foot-for-btn {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.62rem;
}
.foot-for-btn p {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.7;
}
.foot-for-btn button {
    display: flex;
    width: 30.75rem;
    height: 3.125rem;
    justify-content: center;
    align-items: center;
    border-radius: 6.25rem;
    background: #000;
    font-size: 0.875rem;
    font-weight: 700;
    color: white;
    font-family: Podkova;
}

.foot-for-btn button:hover {
    color: black;
    background: white;
}

.footer-info {
    background: #fff;
    color: #000;
    height: 23.125rem;
    border-radius: 1.875rem;
    padding: 1.88rem;
}

.footer-info-container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.policy a {
    text-decoration: underline;
}
.policy a:hover {
    text-decoration: none;
}
.footer-bottom-text {
    display: flex;
    flex-direction: column;
}
.footer-bottom-text a:first-child {
    margin-bottom: 0.35rem;
}
.footer-bottom-text a:hover {
    opacity: 0.6;
}
.footer-bottom-text p,
.footer-bottom-text a {
    font-size: 0.75rem;
    font-family: var(--secondary-font);
    opacity: 0.7;
    transition: all 0.3s ease-in;
    color: black;
}

.footer-bottom-text p:hover {
    opacity: 1;
}
.send_btn {
    position: relative;
    overflow: hidden;
}
.footer-contacts {
    text-align: right;
    font-size: 1rem;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.footer-flex {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    gap: 1rem;
}

.footer-links a {
    color: #000;
    font-size: 0.88rem;
    font-weight: 600;
    transition: all 0.3s ease-in;
}
.footer-links a:hover {
    opacity: 0.6;
}

.footer-address a {
    font-size: 2rem;
    font-weight: 600;
    transition: all 0.5s ease-in;
    color: #000;
}

.footer-address a:hover {
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

/* about-com-section */
.about-com-section {
    position: relative;
}

.old-lamp-back {
    width: 65.6875rem;
    height: 43.8125rem;
    position: absolute;
    z-index: -1;
    right: -0.01rem;
    top: -2rem;
}

.about-com-container {
    display: flex;
    gap: 1.25rem;
    align-items: end;
}

.about-com-left-text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.about-com-left-text p {
    font-size: 0.875rem;
    font-family: var(--secondary-font);
    opacity: 0.7;
}

.about-com-left-bot {
    display: flex;
    flex-direction: column;
    gap: 3.87rem;
}
.about-com-left-bot p {
    font-size: 1.5rem;
    font-weight: 600;
}
.go-ser-btn {
    font-weight: 700;
    font-size: 0.875rem;
    color: black;
    background-color: white;
    border-radius: 6.25rem;
    width: 20rem;
    height: 3.125rem;
}
.go-ser-btn:hover {
    color: white;
    background-color: #d3a355;
}

.about-com-height {
    height: 43.75rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-com-left-text span {
    font-weight: 700;
}

.about-com-img {
    border-radius: 1.875rem;
    width: 27.0625rem;
    height: 28.4375rem;
}

/* about-us-text-section */
.about-us-text-section {
    max-width: 49rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 2.3rem;
    margin: 0 auto;
    margin-bottom: 3rem;
}
.about-us-text-section div {
    font-size: 3rem;
    font-weight: 700;
}
.about-us-text-section span {
    color: #d3a355;
}
.about-us-text-section p {
    font-family: var(--secondary-font);
    max-width: 47.25rem;
}

/* studios-container */
.studios-container {
    display: flex;
    gap: 1.25rem;
}

.studio-box1 {
    width: 20rem;
    gap: 1.25rem;
}
.studio-box2 {
    width: 34.1875rem;
    gap: 1.25rem;
}
.studio-box3 {
    width: 27.0625rem;
    gap: 1.25rem;
}
.studio-img {
    width: 100%;
    border-radius: 1.25rem;
}
.studio-img1 {
    height: 18.0625rem;
}
.studio-img2 {
    height: 30.875rem;
}
.studio-img3 {
    height: 24.4375rem;
}
.studio-text {
    width: 100%;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.universal-text {
    gap: 0.8rem;
}
.universal-text p {
    font-size: 0.875rem;
    font-family: var(--secondary-font);
    opacity: 0.7;
}
.universal-text a {
    text-align: end;
}
.studio-text h3 {
    font-size: 2rem;
    font-weight: 600;
}
.universal-text h3 {
    font-size: 1.5rem;
}
.studio-text a {
    font-size: 0.875rem;
    font-family: var(--secondary-font);
    opacity: 0.6;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    transition: all 0.4s ease-in;
}
.studio-text a:hover {
    opacity: 1;
}

/* photo-slider */
.photo-slider {
    position: relative;
    height: 49.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.photo-slider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("../img/pillow-back.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(3px);
    z-index: 0;
}

.slider-container {
    position: relative;
    height: 100%;
    width: 41.25rem;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: scale(1.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide.active {
    opacity: 1;
    transform: scale(1);
    z-index: 1;
}

.slide img {
    width: 41.25rem;
    height: 40.75rem;
    object-fit: cover;
}

.slide p {
    position: absolute;
    color: #fff;
    font-size: 0.9rem;
    border-radius: 6.25rem;
    transition: opacity 0.4s ease;
    backdrop-filter: blur(3px);
    height: 2.25rem;
    padding: 0 1.25rem;
    background: var(
        --style-1,
        url(<path-to-image>) lightgray 1124780211.748px 54905630.014px /
            -1322808403.708% -17463029207.537% no-repeat,
        rgba(255, 255, 255, 0.1)
    );
    backdrop-filter: blur(24.450000762939453px);
    border: 1px solid var(--glass-stroke, #ffffff41);
    display: flex;
    align-items: center;
    background-image: url("../img/big-blure.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slide span {
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

.slide p:nth-child(2) {
    top: 7rem;
    left: -20rem;
}
.slide p:nth-child(3) {
    bottom: 15rem;
    left: -14rem;
}
.slide p:nth-child(4) {
    top: 20rem;
    right: -14rem;
}
.slide p:nth-child(5) {
    bottom: 6rem;
    right: -3rem;
}

.about-com-left-bot-mob {
    display: none;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #fff;
    font-size: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.3s ease;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
}

.nav-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.prev-btn {
    left: 1rem;
    padding-right: 2px;
}
.next-btn {
    right: 1rem;
    padding-left: 2px;
}

/* halls section */
.halls-container {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.halls-container main {
    font-weight: 700;
    font-size: 3rem;
    display: none;
}

.halls-card {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

.hall-left-top {
    gap: 1.8rem;
    max-width: 27.0625rem;
}
.hall-left-top h2 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: -0.7rem;
}
.hall-left-top p {
    font-family: var(--secondary-font);
    font-size: 0.875rem;
}

.hall-left-text {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.hall-left-info {
    align-items: start;
}
.hall-left-info div {
    font-family: var(--secondary-font);
    font-size: 0.875rem;
    font-weight: 700;
}
.hall-left-info p {
    text-align: end;
    max-width: 14.8rem;
}

.hall-left-bottom {
    display: flex;
    flex-direction: column;
    gap: 1.88rem;
}

.hall-left-bottom p {
    font-size: 2rem;
    font-weight: 600;
    text-align: end;
}

.halls-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6875rem;
}

.hall-btn1 {
    border-radius: 6.25rem;
    background: #fff;
    width: 13.18rem;
    height: 3.125rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: black;
}
.hall-btn1:hover {
    color: white;
    background-color: black;
}

.hall-btn2 {
    border-radius: 6.25rem;
    background: #d3a355;
    width: 13.18rem;
    height: 3.125rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: black;
}
.hall-btn2:hover {
    background-color: #fff8e1;
}

.halls-content {
    height: 30.875rem;
    position: relative;
    width: 55.4375rem;
}

.hall-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.hall-slide.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.hall-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.25rem;
}

.hall-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(6px);
    cursor: pointer;
    z-index: 10;
    transition: background 0.3s ease, transform 0.2s ease;
}

.hall-btn.prev-hall {
    left: 1rem;
    padding-right: 0.219rem;
    padding-bottom: 0.063;
}

.hall-btn.next-hall {
    right: 1rem;
    padding-left: 0.219rem;
    padding-bottom: 0.063;
}

.hall-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

.hall-btn:active {
    transform: translateY(-50%) scale(0.9);
}

/* video-case */
.videos-case {
    gap: 1.25rem;
    overflow: hidden;
}

.vidoe-case-card {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 20rem;
    height: 35.6875rem;
    border-radius: 1.25rem;
}
.slick-track {
    display: flex;
}
.slick-slide {
    margin: 0 0.625rem;
}
.slick-list {
    margin: 0 -0.625rem;
}

.case-pause {
    width: 3.5rem;
    height: 3.5rem;
}
.vidoe-case-card1 {
    background-image: url("../img/video-case1.jpg");
}
.vidoe-case-card2 {
    background-image: url("../img/video-case2.jpg");
}
.vidoe-case-card3 {
    background-image: url("../img/video-case3.jpg");
}
.vidoe-case-card4 {
    background-image: url("../img/video-case4.jpg");
}

/* big-background-hall */
.big-background-hall {
    /*background-image: url("../img/hall-big-back1.jpg");*/
    width: 100%;
    height: 67.5625rem;
    border-radius: 0 0 3.125rem 3.125rem;
}

.pages-link-new {
    margin-top: 0.7rem;
    margin-bottom: 2rem;
}

.book-hall-container {
    height: 100%;
    padding-top: 5.5rem;
}

.book-hall-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.book-hall-container h2 {
    pointer-events: none;
    text-align: center;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white, #fff);
    font-size: 27.32594rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.97;
    position: relative;
    bottom: 3.5rem;
}

.video-course-fr a {
    color: #000;
}

.book-hall-text p {
    color: #fff;
    font-size: 0.9rem;
    border-radius: 6.25rem;
    transition: opacity 0.4s ease;
    backdrop-filter: blur(3px);
    height: 2.25rem;
    padding: 0 1.25rem;
    background: var(--style-1);
    backdrop-filter: blur(2rem);
    border: 1px solid var(--glass-stroke, #ffffff41);
    display: flex;
    align-items: center;
    background-image: url(../img/blure.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.book-hall-text p:nth-child(1) {
    left: 8rem;
}
.book-hall-text a {
    position: relative;
    bottom: 3rem;
}
.book-hall-text p:nth-child(1) {
    position: relative;
    left: 8rem;
}
.book-hall-text p:nth-child(4) {
    right: 25rem;
    bottom: 2rem;
}
.book-hall-text p:nth-child(5) {
    left: 33rem;
    bottom: 2rem;
}
.book-hall-text p:nth-child(6) {
    right: 6rem;
}
.book-hall-text p:nth-child(7) {
    left: 9.5rem;
    top: 6.5rem;
}
.book-hall-text p:nth-child(8) {
    right: 19rem;
    top: 11rem;
}

.just-text {
    font-size: 2rem;
    font-weight: 600;
}

/* what-include */
.what-include {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
}

.include-img1 {
    width: 34.375rem;
    border-radius: 1.875rem;
    height: 24.25rem;
}
.include-img2 {
    width: 15.1875;
    border-radius: 1.875rem;
    height: 24.25rem;
}

.include-text-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.booking-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background: white;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: 6.25rem;
    height: 3.125rem;
}
.booking-btn:hover {
    background: #d3a355;
    color: white;
}
.booking-btn1 {
    width: 100%;
}

.include-text-img h2 {
    font-size: 3rem;
    font-weight: 700;
}
.include-info-txt {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    font-family: var(--secondary-font);
    font-size: 1rem;
    font-weight: 500;
}
.include-info-txt ul {
    padding-left: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.include-info-txt li,
.include-info-txt p {
    font-size: 1rem;
    font-weight: 500;
}

.include-text-img main {
    font-size: 2rem;
    font-weight: 600;
}

/* band-slider */
.band-slider {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.band-container {
    position: relative;
    height: 37.5rem;
    border-radius: 1.875rem;
    overflow: hidden;
}

.band-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: scale(1.03);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.band-slide.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.band-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.875rem;
}
.hall-btn.prev-band {
    left: 1rem;
    padding-right: 0.2rem;
    padding-bottom: 0.063;
}

.hall-btn.next-band {
    right: 1rem;
    padding-left: 0.2rem;
    padding-bottom: 0.063;
}

/* arend-hall */
.arend-hall {
    display: flex;
    flex-direction: column;
    position: relative;
}
.arend-hall main {
    font-family: "Gogol";
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 4.5rem;
}
.arend-hall-back {
    width: 59.5rem;
    height: 69.8125rem;
    background-image: url("../img/svet-right-back.jpg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    position: absolute;
    z-index: -1;
}
.arend-hall-text-back {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 3rem;
}
.arend-hall-text {
    gap: 2rem;
    max-width: 55.4rem;
}
.booking-btn2 {
    width: 19.8125rem;
}

/* special section */
.special-boxes {
    gap: 1.3125rem;
}

.scroll-snap-slider {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding-bottom: 1rem;
    scrollbar-width: none;
}
.scroll-snap-slider::-webkit-scrollbar {
    display: none;
}

.special-card {
    display: flex;
    flex-direction: column;
    width: 27.0625rem;
    height: 29.9375rem;
    border-radius: 1.875rem;
    background-color: white;
    color: black;
    overflow: hidden;
    justify-content: space-between;
    scroll-snap-align: start;
}

.special-text {
    gap: 1rem;
    padding: 0 1.8rem;
    padding-top: 1.9rem;
}
.special-text h3 {
    font-size: 2rem;
    font-weight: 600;
}
.special-text p {
    font-size: 0.875rem;
    font-family: var(--secondary-font);
    font-weight: 500;
}

.special-card1 img {
    width: 27.0625rem;
    height: 16.8125rem;
}

.special-card2 {
    flex-direction: column-reverse;
    background-color: #495427;
    color: white;
    align-items: center;
}
.special-card2 img {
    width: 24.375rem;
    height: 20.9375rem;
}
.special-card3 img {
    width: 27.0625rem;
    height: 20.6875rem;
}
.special-text2 {
    padding-top: 0;
    padding-bottom: 1.9rem;
}

/* services-lampa */
.services-main-section {
    position: relative;
    margin-bottom: 5rem;
}
.services-lampa {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1.1rem;
    max-width: 69.4rem;
    margin: 2rem auto;
}

.services-lampa h1 {
    font-size: 3rem;
    font-weight: 700;
}
.services-lampa p {
    font-family: var(--secondary-font);
}

.all-services {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 69.4rem;
    overflow: hidden !important;
    margin: 0 auto;
}

.all-services a {
    font-size: 6rem;
    opacity: 0.2;
    font-weight: 600;
    transition: all 0.4s ease-in;
    cursor: pointer;
    text-transform: lowercase;
    position: relative;
    line-height: 1;
    white-space: nowrap;
}

.all-services-mob {
    display: none;
}

.all-services a:nth-child(2) {
    text-align: end;
}

.all-services a:nth-child(4) {
    left: 14rem;
}
.all-services a:nth-child(5) {
    text-align: end;
}

.services-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    transition: all 0.4s ease-in;
}

.services-card p {
    font-size: 0.875rem;
    font-family: Montserrat;
    opacity: 0.7;
    transition: all 0.4s ease-in;
}

.services-card p,
.services-card img {
    opacity: 0;
}

.services-card:hover p,
.services-card:hover img,
.services-card:hover a {
    opacity: 1;
}

.ser-img {
    border-radius: 0.625rem;
    position: absolute;
    z-index: -1;
    transition: all 0.4s ease-in;
}

.ser-img1 {
    width: 25.4375rem;
    height: 15.75rem;
    top: 15rem;
    left: 13rem;
}
.ser-img2 {
    width: 20.375rem;
    height: 18.0625rem;
    right: 10.5rem;
    top: 22rem;
}
.ser-img3 {
    width: 20.375rem;
    height: 16.375rem;
    left: 13rem;
    top: 34rem;
}
.ser-img4 {
    width: 19rem;
    height: 17rem;
    top: 33rem;
    left: 40rem;
}
.ser-img5 {
    width: 19.5rem;
    height: 20rem;
    right: 10.5rem;
    bottom: -4rem;
}

.services-card1 p {
    max-width: 27.0625rem;
    text-align: end;
}
.services-card2 p {
    max-width: 24.5rem;
}
.services-card3 p {
    max-width: 25.5625rem;
    text-align: end;
}
.services-card4 p:first-child {
    max-width: 13.9375rem;
}
.services-card4 p:last-child {
    max-width: 15.8125rem;
    text-align: end;
}
.services-card5 p {
    max-width: 24.5rem;
}

/* rules */
.rules {
    gap: 1rem;
}
.rules h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-top: 1rem;
}
.rules p,
.rules li {
    font-size: 0.9rem;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.rules div {
    font-size: 1.6rem;
    font-weight: 600;
}

.rules ul,
.rules ol {
    padding-left: 1.6rem;
    /*margin: -0.8rem 0;*/
}

/* contacts section */
.contacts-container h2 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.contacts-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.contact-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.3rem;
}

.contact-item p {
    font-size: 1.5rem;
    font-weight: 600;
}
.contact-item > a {
    font-family: var(--secondary-font);
    font-size: 0.875rem;
    text-decoration: underline;
}

.contact-item-sec a {
    font-family: Podkova;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.contact-item span {
    font-size: 0.875rem;
    opacity: 0.5;
    font-family: var(--secondary-font);
}

.contact-buttons {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.btn-gold {
    background: #d3a355;
    width: 14.6875rem;
    height: 3.125rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20rem;
    transition: all 0.4s ease-in;
}
.btn-gold:hover {
    background: white;
}

.icons-con {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background: #d3a355;
    color: #000;
    font-size: 1.4rem;
    transition: all 0.4s ease-in;
}
.icons-con:hover {
    background: white;
}

.map-contacts {
    height: 28.75rem;
    width: 100%;
    border-radius: 1.875rem;
    margin-bottom: 2rem;
}

.map-link {
    width: 100%;
    height: 4.2rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 122rem;
    font-size: 1.5rem;
    font-weight: 600;
}
.map-link:hover {
    background: #393939;
}

/* services inside section */
.ser-hero {
    margin-top: 2rem;
    gap: 1.25rem;
}

.ser-hero-img {
    width: 48.3125rem;
    height: 25.4375rem;
    border-radius: 1.875rem;
}
.ser-hero-left p {
    color: #d3a355;
    font-size: 6rem;
    text-transform: lowercase;
    font-weight: 600;
    line-height: 0.9;
    position: relative;
    bottom: 3.2rem;
    left: 2rem;
}

.ser-hero-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 25.4375rem;
}

.ser-hero-right h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.ser-hero-right p {
    font-size: 0.875rem;
    font-family: var(--secondary-font);
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.order-ser-btn {
    font-weight: 700;
    font-size: 0.875rem;
    color: black;
    background-color: #fff8e1;
    border-radius: 6.25rem;
    width: 100%;
    height: 3.125rem;
}
.order-ser-btn:hover {
    color: white;
    background-color: #d3a355;
}

.new-ser-item {
    min-height: 21rem;
}

.bot-ser-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.ser-item-section {
    margin-bottom: 3rem;
}

/* prof-studio */
.prof-studio {
    gap: 1.5rem;
}

.prof-studio-text {
    gap: 1rem;
}

.prof-studio-text h3 {
    font-size: 3rem;
    font-weight: 700;
}

.prof-studio-text p {
    font-size: 0.875rem;
    font-weight: 500;
    font-family: var(--secondary-font);
}

.prof-studio-img {
    width: 100%;
    align-items: end;
}

.big-prof-img {
    width: 41.25rem;
    height: 49rem;
    border-radius: 1.875rem;
}

.prof-img1 {
    width: 12.9375rem;
    height: 6.91788rem;
}
.prof-img2 {
    width: 3.51731rem;
    height: 2.16rem;
}

/* green-cards-container */
.green-content {
    gap: 1.25rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

.green-content::-webkit-scrollbar {
    display: none;
}

.green-card {
    scroll-snap-align: start;
    background-image: url("../img/green-blure.png");
    border-radius: 1.25rem;
    width: 20rem;
    height: 24.6875rem;
    padding: 1.875rem 1.25rem;
    background-color: #495427;
    color: white;
}

.green-card-imgs img:first-child {
    width: 4.875rem;
    height: 4.5625rem;
}
.green-card-imgs img:nth-child(2) {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.5625rem;
}

.green-card-text p {
    font-size: 1.5rem;
    font-weight: 600;
}

/* include-cost */

.include-cost {
    gap: 1.88rem;
}

.include-img {
    width: 34.1875rem;
    height: 36.6875rem;
    border-radius: 1.875rem;
}
.include-cost {
    position: relative;
}
.include-text h3 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 0.9;
}
.include-text p,
.include-text li {
    font-family: var(--secondary-font);
    font-weight: 400;
}
.include-text p {
    margin-bottom: 0.5rem;
}
.include-text ul {
    padding-left: 1.5rem;
}
.include-text {
    display: flex;
    flex-direction: column;
    gap: 1.88rem;
    justify-content: start;
}
.ser-btn1 {
    width: 14.375rem;
}

.include-cost-back {
    width: 26rem;
    height: 48rem;
    object-fit: cover;
    position: absolute;
    z-index: -1;
    right: -3rem;
    top: -1rem;
}

/* cases */
.cases-title {
    margin-bottom: 1rem;
}

.cases-slider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 26rem;
}

.case-slide {
    display: block;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8);
    transition: transform 0.5s ease, opacity 0.5s ease, filter 0.5s ease;
    filter: brightness(0.75);
}

.case-slide img {
    width: 19.7rem;
    height: 14rem;
    object-fit: cover;
    border-radius: 1.25rem;
    display: block;
}

.case-slide.is-prev,
.case-slide.is-active,
.case-slide.is-next {
    opacity: 1;
    pointer-events: auto;
}

.case-slide.is-prev {
    transform: translateX(-32rem) scale(1.15);
    z-index: 2;
}
.case-slide.is-next {
    transform: translateX(32rem) scale(1.15);
    z-index: 2;
}
.case-slide.is-active {
    transform: translateX(0) scale(1.85);
    z-index: 3;
    filter: brightness(1);
}

.play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.4rem;
    transition: transform 0.25s ease;
    cursor: pointer;
    padding-left: 0.25rem;
    padding-top: 0.2rem;
}
.play-btn:hover {
    transform: scale(1.08);
}

.case-btns {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.case-btn {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.5rem;
    background-color: transparent;
    color: white;
    font-size: 2.6rem;
    cursor: pointer;
    border: 1px solid #d3a355;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0.4rem;
}
.prev-case {
    padding-right: 0.2rem;
}
.next-case {
    padding-left: 0.2rem;
}
.case-btn:hover {
    background-color: #d3a355;
    color: black;
}
.btn-font {
    font-size: 0.95rem;
}

/* podsteps-section */

.podsteps-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 7rem;
}

.podsteps-left {
    flex: 0 0 28rem;
    min-height: 22.25rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.podsteps-left h2 {
    font-size: 2.9rem;
    font-weight: 700;
    line-height: 0.9;
    margin-bottom: 2.4rem;
}

.podsteps-left h2 span {
    font-size: 4rem;
}

.podsteps-left p {
    font-family: var(--secondary-font);
}

.podsteps-slider {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1.25rem;
    scroll-behavior: smooth;
}

.podsteps-card {
    flex: 0 0 27.0625rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 1.25rem;
    padding: 1.875rem;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 22.25rem;
    background-image: url("../img/last-blure.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.podsteps-texts {
    gap: 1.2rem;
}

.podsteps-texts div {
    font-size: 1.5rem;
    font-weight: 600;
}
.podsteps-texts p {
    font-size: 0.875rem;
    font-family: var(--secondary-font);
}

.podsteps-dots {
    display: flex;
    gap: 0.625rem;
}
.podsteps-dot {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff;
    opacity: 0.7;
}
.podsteps-dot--active {
    background: #d3a355;
}
.podsteps-slider::-webkit-scrollbar {
    display: none;
}

/* arend-grid-container */
.arend-grid-container {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
}

.arend-grid-lil,
.arend-grid-big {
    gap: 1.3rem;
}

.arend-lil-col {
    gap: 0.95rem;
    width: 27.0625rem;
}

.arend-big-col {
    width: 41.25rem;
    gap: 0.95rem;
}
.arend-big-col img {
    height: 22.6875rem;
}

.arend-lil-col img {
    height: 17.9375rem;
}

.arend-grid-container p {
    font-family: var(--secondary-font);
    font-size: 0.9rem;
    opacity: 0.7;
    text-transform: uppercase;
}
.arend-title {
    margin-bottom: 0;
}

/* services-photo-cases-container */
.services-photo-cases-container {
    overflow: hidden;
}
.spc-slider {
    position: relative;
}

.slick-track {
    display: flex !important;
}

.spc-slide {
    position: relative;
    overflow: hidden;
    color: black;
}

.spc-slide-sec {
    color: white;
}

.spc-slide img {
    width: 100%;
    height: 37rem;
    object-fit: cover;
    transition: 0.4s ease-in;
}

.spc-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.25rem;
    z-index: 2;
    pointer-events: none;
}

.spc-top {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    letter-spacing: 0.03rem;
}

.spc-bottom {
    text-align: center;
}

.spc-bottom p {
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}

.spc-hoverbox {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: #fff;
    opacity: 0;
    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(0px);
    transition: 0.4s ease-in;
    z-index: 3;
    cursor: pointer;
}

.spc-slide:hover img {
    filter: blur(5px) brightness(0.7);
    transform: scale(1.02);
}

.spc-slide:hover .spc-hoverbox {
    opacity: 1;
    background: rgba(0, 0, 0, 0.155);
    backdrop-filter: blur(5px);
}

.bot-ser-item-remove {
    display: none;
}
.page_title {
    margin: 2rem 0;
}
.text_content * {
    margin-bottom: 1rem;
}
.text_content ol,
.text_content ul {
    margin-left: 2rem;
}
.text_page {
    padding-bottom: 4rem;
}
.text_content a {
    text-decoration: underline;
}
.text_content a:hover {
    text-decoration: none;
}
.page_404 {
    padding-top: 7rem;
}
.page_title2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

/* new-photosection */
.new-page-hero {
    margin-top: 2rem;
    gap: 1.25rem;
}
.new-page-hero main {
    font-size: 3rem;
    font-weight: 700;
    width: 27rem;
}

.photosection-back {
    width: 90rem;
    height: 85rem;
    position: absolute;
    z-index: -1;
    transform: translateX(-50%);
    left: 50%;
    top: -13rem;
}

.hero-photosection {
    background-color: #000;
    width: 27rem;
    height: 36.125rem;
}

.hero-photosection img {
    width: 23.875rem;
    height: 33rem;
}

.hero-photosection-text {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 27rem;
    justify-content: end;
}

.hero-photosection-box p {
    font-size: 1.5rem;
    font-weight: 600;
}

.new-photosection-container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.new-content1,
.new-content-sec {
    gap: 1.25rem;
}
.new-content1 img {
    width: 27.125rem;
    height: 40.625rem;
}
.new-content2 img,
.new-content-sec img {
    width: 55.5rem;
    height: 30.8125rem;
}

.new-content-sec {
    align-items: end;
}

.new-content-sec-text p {
    font-size: 1.5rem;
    font-weight: 600;
}

.photosection-btn {
    font-size: 0.875rem;
    color: #000;
    height: 3.125rem;
    border-radius: 6.25rem;
    background-color: #fff8e1;
    font-weight: 700;
    margin-top: 4.3rem;
}
.photosection-btn:hover {
    background-color: #d3a355;
    color: white;
}

@media (max-width: 992px) {
    html {
        font-size: 11px !important;
    }
}

@media (max-width: 500px) {
    .desktop-nav,
    .desktop-contact {
        display: none;
    }

    .menu-btn {
        display: block;
    }

    .mobile-menu.head-active {
        display: flex;
    }
    .btn-orange {
        width: 90%;
        margin: 0 auto;
    }
    .header-container,
    .mobile-header {
        height: 4rem;
    }
}

@media (max-width: 450px) {
    .container {
        width: 90%;
    }
    .hero-categories {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
    }
    .hero-categories::-webkit-scrollbar {
        display: none;
    }

    .hero-section {
        height: 46.75rem;
    }

    .hero-section h1 {
        font-size: 3rem;
        line-height: 1;
        font-weight: 600;
    }
    .hero-section h1 br {
        display: none;
    }
    .hero-back {
        width: 52rem;
        top: 23rem;
    }
    .head-title {
        flex-direction: column-reverse;
        align-items: start;
        gap: 0.6rem;
    }

    .rooms-cards {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .podcast-cards {
        flex-direction: column;
    }
    .podcast-card,
    .overlay {
        width: 100%;
    }
    .podcast-card-foot {
        flex-direction: column;
        align-items: start;
        gap: 0.62rem;
    }
    .order-service-btn {
        width: 100%;
    }

    .our-ser-item2,
    .our-ser-item3,
    .our-ser-item4 {
        top: 0;
    }
    .podcast-section-first {
        margin-bottom: 8rem;
    }
    .our-services {
        display: flex;
        flex-direction: column;
        gap: 0.62rem;
    }
    .our-services-item {
        width: 100%;
    }
    .yellow-lampa {
        bottom: 0;
        top: -37rem;
    }
    .video-card2,
    .video-card3 {
        top: 0;
    }
    .video-body {
        display: flex;
        flex-direction: column;
        bottom: 0;
    }
    .video-course-section {
        height: auto;
        width: 100%;
    }
    .video-body1 {
        justify-content: start;
        width: 100%;
    }
    .video-body1 p {
        max-width: 80%;
        text-align: start;
        font-size: 1rem;
    }
    .video-body {
        margin: 1.5rem 0;
    }
    .video-card {
        width: 100%;
    }
    .video-card-btns {
        display: flex;
        flex-direction: column;
    }
    .video-card-btn1,
    .video-card-btn2 {
        width: 100%;
    }
    .video-card-foot {
        gap: 1rem;
    }
    .big-lampa {
        bottom: 4rem;
    }
    .video-course-head {
        margin-bottom: 0.6rem;
    }
    .reels-all-content {
        flex-direction: column;
    }
    .reels-con-left {
        flex-direction: column-reverse;
    }
    .reels-card {
        width: 100%;
    }
    .reels-back-img {
        display: none;
    }
    .reels-card-btns {
        flex-direction: column;
    }
    .reels-card-btn1,
    .reels-card-btn2 {
        width: 100%;
    }
    .video-imgs a {
        width: 50%;
    }
    .video-box {
        width: 100%;
    }
    .reels-con-cen-bot {
        gap: 0;
        flex-direction: row-reverse;
    }

    .reels-con-cen-img {
        justify-content: unset;
        align-self: center;
    }
    .reels-con-cen-bot p {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .reels-remove {
        display: none;
    }
    .reels-con-cen-bot-mob {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .reels-con-cen-bot-mob img {
        width: 8.5rem;
        height: 4.5625rem;
    }
    .reels-con-cen-bot-mob p {
        opacity: 0.7;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .choose-content {
        flex-direction: column;
    }
    .choose-img {
        width: 100%;
    }
    .accordion-content p {
        width: 90%;
    }
    .why-choose-lampa-img {
        bottom: -1rem;
        width: 30rem;
        height: 42rem;
    }
    .accordion-header {
        gap: 2rem;
    }
    .accordion-header h3 {
        font-size: 1.8rem;
    }
    .equipment-card {
        flex-direction: column;
        height: auto;
        border-radius: 1.875rem;
        width: 85%;
        display: flex;
        align-items: center;
        padding-right: 0;
    }
    .equipment-img {
        width: 100%;
    }
    .equipment-text {
        padding: 2rem;
        padding-top: 0;
        padding-bottom: 1.5rem;
        gap: 1.5rem;
    }

    .idea-container {
        flex-direction: column;
        height: auto;
    }
    .idea-img {
        width: 100%;
        height: 16rem;
    }
    .remove-idea {
        display: none;
    }
    .idea-left-bot-mob {
        display: flex;
        flex-direction: column;
    }
    .contact-btn-icon-sec {
        display: none;
    }
    .idea-buttons {
        width: 100%;
        justify-content: space-between;
    }
    .idea-btn1 {
        width: 19rem;
    }
    .about-insta {
        display: none;
    }
    .idea-bot-two {
        display: flex;
        flex-direction: column;
    }
    .idea-bot-text p {
        font-size: 1.8rem;
    }
    .about-lampa {
        flex-direction: column;
        background-image: none;
    }
    .about-lmp-text h3 {
        display: none;
    }
    .lamp-info-txt {
        display: block;
    }
    .about-lmp-tt {
        margin-bottom: 0;
    }
    .about-lamp-img {
        width: 100%;
    }
    .big-video-section {
        height: 16rem;
    }
    .big-pause {
        height: 4.5rem;
        width: 4.5rem;
    }
    .footer-form-container {
        width: 90%;
    }
    .contact-options {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .foot-for-btn button {
        width: 100%;
    }
    .foot-box {
        width: 100%;
    }
    .contact-options label {
        width: 100%;
    }
    .footer {
        height: auto;
    }
    .footer-info {
        height: auto;
    }
    .logo-container-remove,
    .footer-bottom-text-remove,
    .footer-address-remove {
        display: none;
    }
    .btn-book {
        width: 100%;
    }
    .about-com-container {
        flex-direction: column;
    }
    .old-lamp-back {
        display: none;
    }
    .logo-container-mob {
        display: block;
    }
    .logo-container-mob {
        width: 16rem;
        margin: 0 auto;
        margin-bottom: 1.5rem;
    }
    .footer-mob-remove {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        text-align: center;
        margin-top: 1.2rem;
    }
    .about-us-hero {
        height: 42rem;
        padding-bottom: 0;
    }
    .about-com-left-bot-remove {
        display: none;
    }
    .about-com-left-bot-mob {
        display: flex;
        flex-direction: column;
    }
    .about-com-left-bot {
        gap: 1.5rem;
    }
    .about-com-height {
        height: auto;
        gap: 1rem;
    }
    .about-com-img {
        width: 100%;
    }
    .go-ser-btn {
        width: 100%;
    }
    .head-title {
        margin-bottom: 1rem;
    }
    .about-us-text-section {
        max-width: 90%;
    }
    .studios-container {
        display: flex;
        flex-direction: column;
    }
    .studio-box1,
    .studio-box2,
    .studio-box3 {
        width: 100%;
    }
    .studios-container {
        gap: 2rem;
    }
    .slide img {
        width: 90%;
    }
    .next-btn {
        right: 2rem;
    }
    .prev-btn {
        left: 2rem;
    }

    .slide p {
        font-size: 0.85rem;
        display: flex;
        align-items: center;
        height: 2.2rem;
    }
    .slide span {
        font-size: 1.1rem;
    }
    .slide p:nth-child(2) {
        top: 7rem;
        left: 1rem;
    }
    .slide p:nth-child(3) {
        bottom: 15rem;
        left: 1rem;
    }
    .slide p:nth-child(4) {
        top: 19.5rem;
        right: 1rem;
    }
    .slide p:nth-child(5) {
        bottom: 6rem;
        right: 1rem;
    }
    .halls-card {
        flex-direction: column-reverse;
        gap: 1.8rem;
    }
    .halls-content {
        width: 100%;
        height: 28rem;
    }
    .hall-left-top {
        max-width: 100%;
    }
    .halls-left,
    .hall-left-bottom {
        gap: 1.5rem;
    }
    .halls-btns {
        flex-direction: column;
        gap: 1rem;
    }
    .hall-btn1,
    .hall-btn2 {
        width: 100%;
    }
    .halls-container {
        gap: 3rem;
    }
    .halls-container main {
        display: block;
        margin-bottom: -1.5rem;
    }
    .hall-left-top h2 {
        display: none;
    }
    .halls-section {
        margin-top: -1.5rem;
    }
    .book-hall-container h2 {
        font-size: 10rem;
        bottom: 0;
    }
    .what-include {
        flex-direction: column-reverse;
    }
    .include-img1 {
        display: none;
    }
    .include-img2 {
        width: 100%;
        height: 28rem;
    }
    .include-text-img {
        gap: 1.2rem;
    }
    .just-text {
        font-size: 1.8rem;
    }
    .arend-hall main {
        margin-bottom: 2rem;
        width: 75%;
        text-align: center;
    }
    .booking-btn2 {
        width: 100%;
    }
    .arend-hall-back {
        background-size: 40rem;
        background-position: center;
        bottom: -5rem;
    }
    .arend-hall {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .arend-hall-section {
        margin-bottom: 1rem;
    }
    .special-card {
        flex: 0 0 90%;
    }

    .book-hall-text-remove {
        display: none;
    }
    .book-hall-text-mob {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 86%;
    }
    .book-big-text-mob {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90%;
    }
    .book-big-text-mob h2 {
        font-size: 9rem;
        text-align: center;
        color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--white, #fff);
        font-style: normal;
        font-weight: 700;
        line-height: 1;
        position: relative;
        bottom: 6rem;
    }
    .book-hall-txts {
        display: flex;
        align-items: center;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .book-hall-txts::-webkit-scrollbar {
        display: none;
    }
    .book-hall-txts p {
        color: #fff;
        white-space: nowrap;
        font-size: 0.9rem;
        border-radius: 6.25rem;
        transition: opacity 0.4s ease;
        backdrop-filter: blur(3px);
        height: 2.25rem;
        padding: 0 1.25rem;
        background: var(--style-1);
        backdrop-filter: blur(2rem);
        border: 1px solid var(--glass-stroke, #ffffff41);
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url(../img/blure.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }
    .book-hall-two {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .big-background-hall {
        height: 50rem;
    }
    .contacts-info {
        flex-direction: column;
        align-items: start;
    }
    .contacts-container h2 {
        margin-top: 1rem;
        text-align: center;
    }
    .contact-buttons {
        justify-content: space-between;
        width: 100%;
    }
    .btn-gold {
        width: 19rem;
    }
    .map-link {
        font-size: 1.15rem;
    }
    .map-contacts {
        height: 30rem;
    }
    .ser-hero {
        flex-direction: column;
        gap: 0;
    }
    .ser-hero-img {
        width: 100%;
        height: 20rem;
    }
    .ser-hero-left p {
        font-size: 4.2rem;
        bottom: 2.3rem;
    }
    .ser-hero-right {
        height: auto;
        gap: 1.5rem;
    }
    .our-services {
        gap: 1rem;
    }
    .our-services-item {
        height: auto;
    }
    .case-slide.is-active {
        transform: translateX(0) scale(1.6);
    }
    .case-track {
        min-height: 22rem;
    }
    .cases-title {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .big-prof-img-remove {
        display: none;
    }
    .big-prof-img-mob {
        display: block;
        width: 100%;
        height: 32rem;
    }
    .prof-studio-left {
        gap: 2rem;
    }
    .prof-img1 {
        width: 9.3rem;
        height: 5rem;
    }
    .prof-img2 {
        height: 1.8rem;
        width: 2.8rem;
    }
    .prof-studio-text h3 {
        font-size: 2.9rem;
    }
    .podsteps-wrapper {
        flex-direction: column;
        gap: 3rem;
    }
    .podsteps-slider {
        flex-direction: column;
    }
    .podsteps-left h2 {
        margin-bottom: 1.5rem;
    }
    .podsteps-left {
        justify-content: unset;
        gap: 2rem;
        min-height: 10rem;
        flex: unset;
    }
    .podsteps-card {
        flex: unset;
        height: 19.5rem;
    }
    .podsteps-slider {
        gap: 1.5rem;
    }
    .green-card {
        flex: 0 0 75%;
    }
    .include-img {
        width: 100%;
        height: 33rem;
    }
    .include-cost {
        display: flex;
        flex-direction: column;
    }
    .include-cost-back {
        display: none;
    }
    .arend-grid-lil,
    .arend-grid-big {
        flex-direction: column;
    }
    .arend-big-col {
        width: 100%;
    }
    .arend-lil-col {
        width: 100%;
    }
    .arend-big-col img {
        height: 17.9375rem;
    }
    .video-course-section {
        padding: 0;
    }
    .reels-head {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .all-services-mob {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }
    .all-services-remove {
        display: none;
    }
    .services-card-mob {
        width: 100%;
        border-radius: 1.25rem;
        padding: 1.5rem;
        min-height: 26rem;
        display: flex;
        flex-direction: column;
        background-image: url("../img/blure.png");
        align-items: center;
        justify-content: center;
        gap: 1.7rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .services-card-mob a {
        text-transform: lowercase;
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 1;
    }
    .services-card-mob p {
        font-family: var(--secondary-font);
        font-size: 0.9rem;
        opacity: 0.7;
        text-align: center;
    }
    .ser-img-mob {
        width: 100%;
        height: 16rem;
        object-fit: cover;
        border-radius: 0.625rem;
    }
    .services-main-section {
        margin-bottom: 4rem;
    }
    .video-course-section-first {
        padding: 2rem 0;
        padding-bottom: 2.5rem;
    }
    .our-services-item-new span {
        display: none;
    }
    .bot-ser-item-remove span {
        display: block;
    }
    .bot-ser-item-remove {
        margin-top: 1.2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .hero-categories p {
        height: 2rem;
    }
    .our-services h2 {
        font-size: 1.85rem;
    }
    .our-services p {
        font-size: 1.1rem;
    }
    .reels-service p {
        font-size: 1rem;
    }
    .reels-card-head p {
        font-size: 1.8rem;
    }
    .reels-card-head h3 {
        font-size: 2.2rem;
    }

    .new-page-hero {
        flex-direction: column;
        align-items: center;
    }
    .new-page-hero main {
        text-align: center;
    }
    .hero-photosection-text {
        width: 100%;
    }
    .photosection-back {
        width: 100%;
        height: 88rem;
        top: -9rem;
    }
    .new-content1 {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .new-content1::-webkit-scrollbar {
        display: none;
    }
    .new-content1 img {
        height: 38rem;
        width: 28.5rem;
    }
    .new-content-sec {
        flex-direction: column-reverse;
    }
    .new-content2 img,
    .new-content-sec img {
        width: 100%;
        height: 16rem;
    }
}

@media (max-width: 360px) {
    .case-slide.is-active {
        transform: translateX(0) scale(1.5);
    }
}

.modal__block {
    background: url(../img/footer.png) center / cover no-repeat;
    color: white;
}
.modal__block .modal_title {
    color: white;
}
.modal__layer {
    background: rgba(255, 255, 255, 0.5);
}

.modal__block input {
    width: 100%;
    margin-bottom: 2rem;
}
.modal .foot-for-btn button {
    width: 100%;
}