@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,400;0,600;1,400&display=swap');
body {font-family: 'Jost', sans-serif; font-style: normal; font-weight: normal; background: #F4F4F2; line-height: 130%; font-size: 18px;}

:root, body {font-size: 10px; line-height: 1.3; color: #1F1C1C;}
@media screen and (min-width: 576px) {
	:root, body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
	:root, body {font-size: 14px;}
}
@media screen and (min-width: 992px) {
	:root, body {font-size: 16px;}
}
@media screen and (min-width: 1200px) {
	:root, body {font-size: 18px;}
}

a:hover {text-decoration: none; color: #BDBDBD;}
a {color: #1F1C1C;}

h1, .h1 {font-size: 3.56rem; text-transform: uppercase; font-weight: 600; line-height: 120%;}
h2, .h2 {font-size: 2rem; text-transform: uppercase; font-weight: normal; line-height: 130%;}
h3, .h3 {font-size: 1.33rem; line-height: 130%;}
.p-s1 {font-weight: 600; font-size: 1rem; color: #1F1C1C;}
.p-s2 {font-weight: 600; text-decoration-line: underline;}


input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {position:relative; padding-left:1rem; cursor:pointer;}
input[type="checkbox"] + label::before {content:url('/images/uncheck.png'); position:absolute; right:100%; top:0;}
input[type="checkbox"]:checked + label::before {content:url('/images/check.png');}


.header-button{margin-left: 0rem !important;}
.header-button button{margin-left: 1rem !important;}
.btn {border-width:2px; padding: .45rem .75rem; font-weight: 600;}
.btn-light:hover {background: inherit; border: 2px solid #FFF; color:#fff;}
.btn-dark:hover {background: inherit; border: 2px solid #000; color: #000;}
.btn-light {background: #FFF;}
.btn-dark {background: #1F1C1C;}
.readmore:hover, a.title:hover {color: #4F4F4F;}
.owl-carousel .owl-dot.active {background:#fff !important; width:12px; height:12px;}
.owl-carousel .owl-dot {background:#fff !important; width:8px; height:8px;}
.fullbg {color:#fff;}
.bg-color {color:#fff;}

.pagination {margin-bottom:3rem;}
.pagination ul li span,
.pagination ul li a {display: inline-block; padding: .5rem 1rem; margin: 0 1rem 1rem 0; border-radius: .3rem; color: #364364; font-weight: 700; text-transform: uppercase; background: #fff; transition: .3s;}
.categories-module li a:hover,
.pagination ul li a:hover {background: #dfe4ec;}
.pagination ul {display:flex; justify-content: space-between; width: 100%; margin: 0; padding: 0;}
.pagination ul li {display:block; margin: 0; padding: 0;}
.pagination ul li::before {content:none !important;}
.pagination ul li a,
.pagination ul li span {margin: 0;}
.pagination ul li span {opacity: .7;}
.pagination .pagination-start,
.pagination .pagination-end {display:none;}

/*HEADER*/

header {background: #1F1C1C;}
header #header_items {align-items: center; width: 100%;}
header .container * {margin:0;}
header #top_menu ul .nav-child {display: none;}
header #top_menu ul.mod-menu__sub.list-unstyled.small{
  display:none;
}
@media (min-width:1200px) {
	.home header, .franshiza header, .katalog header {background: transparent;}
}

header a {color:#fff;}
header #top_menu ul {display: flex; flex-direction: column; align-items: center; margin-bottom: 2rem;}
header #top_menu ul li a {font-size: 2rem; margin-top: 1rem;}
header #top_menu ul .active::after {content:''; display: block; width: 22px; height: 2px; background: #fff;}
header .mcs-module {text-align: center;}
header .header-soc, header .mcs-module, header .header-email, header .header-phone {margin-bottom: 2rem;}
header .mcs-module a, header .header-email a, header .header-phone a, header .header-button .btn {font-size: 1.5rem;}
header .header-button {margin-bottom: 3rem;} 

@media (min-width:1200px) {
	header #top_menu ul li a {font-size: 1rem; }
	header #navbar-content {flex-direction: column; align-items: flex-start; margin-left: 100px;}
	header #top_menu {order: 12; width:100%; flex-direction: row;}
	header #top_menu ul {width:100%; justify-content: space-between; margin-top: 1rem; flex-direction: row; margin-bottom: 0;}
	header .mcs-module {text-align: left;}
	header .header-soc, header .mcs-module, header .header-email, header .header-phone, header .header-button {margin-bottom: 0;}
	header .mcs-module a, header .header-email a, header .header-phone a, header .header-button .btn {font-size: 0.9rem;}
}


header .call-mobile img {object-fit: cover; width: 22px; height: 22px;}
header .call-mobile .btn {padding: 0.6rem; border-radius: 50%;}


.mod-slider, .mod-slider-franchise {padding: 0;}
.mod-slider .owl-stage-outer, .mod-slider-franchise .owl-stage-outer {overflow: inherit;}
.mod-slider .img, .mod-slider-franchise .img {position:absolute; z-index: -1; top: -110px; bottom: 0; left:0; right:0;}
.mod-slider-franchise .img {top: -185px;}
.mod-slider .owl-item img, .mod-slider-franchise .owl-item img {object-fit: cover; height: 100%; width:100%;}
.mod-slider .img::before,  .mod-slider-franchise .img::before{position: absolute; background: rgba(31, 28, 28, 60%); content: ""; z-index: 1; top:0; bottom:0; left:0; right:0;}
.mod-slider .item {height:calc(100vh - 100px); min-height:550px;}
.mod-slider .item .container, 
.mod-slider .item .container .row, 
.home .mod-slider .item .container .row > div {height:100%;}
.mod-slider .item .container .row > div {display: flex; flex-direction: column; justify-content: center;}
.mod-slider .owl-dots .owl-dot {margin: 0 1rem;}
.mod-slider .owl-dots {margin-bottom: 5rem;}
.mod-slider .owl-mod-slider .title{font-size: 2.2rem;}
@media (min-width: 560px) {
	.mod-slider .owl-mod-slider .title{font-size: 3.56rem;}
}


.mod-services-title {margin: 3rem;}
.mod-services-title p {color: #000; text-align: center;}

@media (max-width: 768px) {
	.mod-services {display: flex; flex-direction: column; align-items: center;}
}
@media (max-width: 576px) {
	.mod-services .mod-services-card {display: flex; flex-direction: column;}
}

.mod-services .h2, .mod-curses .h2 {color: #000; text-align: center; margin: 3rem 0;}
.mod-services .text {flex-direction: column; display: flex; justify-content: space-around; color: #000;}
.mod-services .mod-services-card, .mod-curses .mod-curses-card {margin: 1rem 0;}
.mod-services .text .readmore {color: #000; font-weight: 600;}
.mod-services-card .image img:hover, .mod-sale .item img:hover, .mod-news img:hover, .blog img:hover {filter: brightness(55%); -webkit-filter: brightness(55%); transition: 124ms linear; }
a[data-lightbox="roadtrip"] {position: relative; display: block;}
a[data-lightbox="roadtrip"]:hover:after {content: ''; position: absolute;
 top: 0; right: 0; left: 0; background: url('/images/icons/lupa.png') center no-repeat rgba(0, 0, 0, 0.7); width: 100%; height: 100%;}
.mod-power {display: flex; flex-direction: column; align-items: center;}
.mod-power::before {background: #1F1C1C;}
.mod-power .mod-power-card {}
.mod-power .mod-power-title {margin-top: 4rem;}
.mod-power .mod-power-image {flex-direction: column; align-items: center;}
.mod-power .mod-power-image .image{object-fit: contain;}
.mod-power .mod-power-image p {text-align: center;}

@media (min-width: 992px) {
	.mod-power::before {background: linear-gradient(rgba(31,28, 28, 0.7), rgba(31,28, 28, 0.7)), url("/images/modules/mod-power/background/001.jpg") no-repeat;
	background-size: cover; content: ''; display: block; top: 0;}
	.mod-services::before, .mod-curses::before {background: url("/images/modules/background-logo/001.png") no-repeat center;
	background-size: 100% 100%; z-index: -10; display: block; content: ''; top: 0; margin-top: 4rem; box-sizing: border-box;}
}
.mod-reviews .title {text-align: center; margin-top: 7rem;}
.mod-reviews {flex-direction: column; align-items: center; justify-content: center;}
.owl-mod-reviews {margin-top: 4rem;}
.owl-mod-reviews span {color: #fff;}
/*.mod-reviews .owl-nav, .mod-photos .owl-nav {display: block!important;}*/
.mod-reviews .button {margin-top: 3rem; margin-bottom: 5rem;}
.mod-reviews .item .img img {border-radius: 4%;}

.mod-portfollio {display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.mod-portfollio::before, .mod-curse-work::before {background: linear-gradient(0deg, rgba(31, 28, 28, 0.3), rgba(31, 28, 28, 0.3)), url("/images/modules/mod-portfollio/background/001.jpg") no-repeat top;
	background-size: cover; content: ''; display: block; top: 0;}
.mod-portfollio .title {margin: 3rem 0;}
.mod-portfollio .item .img img, .mod-curse-work .item .img img {border-radius: 2%;}
.mod-portfollio .button {margin: 3rem 0 4rem;}
.mod-portfollio .owl-nav, .mod-curse-work .owl-nav {color: #000;}

@media (min-width: 576px) {
	.mod-portfollio .owl-mod-portfollio .owl-nav::before, .mod-curse-work .owl-mod-work-curse
	.owl-nav::before, .owl-mod-work .owl-nav::before {content: ''; display: block; z-index: -10; width: 45px; height: 45px;
	position: absolute; background: #FFF; border-radius: 50%; top: -16px; left: 17px;}
	
	.mod-portfollio .owl-mod-portfollio .owl-nav::after, .mod-curse-work .owl-mod-work-curse 
	.owl-nav::after, .owl-mod-work .owl-nav::after {content: ''; display: block; z-index: -10; width: 45px; height: 45px;
	position: absolute; background: #FFF; border-radius: 50%; top: -16px; right: 17px;}
	.owl-carousel .owl-next {right: 30px; }
	.owl-carousel .owl-prev {left: 30px; }
	.mod-reviews .owl-mod-reviews .owl-nav::before, .mod-photos .owl-mod-photos .owl-nav::before {content: ''; display: block; z-index: -5; width: 45px; height: 45px;
	position: absolute; background: #000; border-radius: 50%; top: -16px; left: 17px;}
	.mod-reviews .owl-mod-reviews .owl-nav::after, .mod-photos .owl-mod-photos .owl-nav::after  {content: ''; display: block; z-index: -5; width: 45px; height: 45px;
	position: absolute; background: #000; border-radius: 50%; top: -16px; right: 17px;}
	.owl-mod-work .owl-next span, .owl-mod-work .owl-prev span {color: #000;}
}
.mod-teacher-courses .link {margin-bottom: 3rem;}
@media (min-width: 992px) {
	.mod-teacher-courses .link {margin-bottom: 0;}
}

.mod-brand::before, .mod-feadback::before, .mod-open-form::before {background: #1F1C1C;}
.mod-brand .d-flex > div { height: 55px; }
.mod-brand .d-flex > div img { height: 100%; width: initial; filter: contrast(0) brightness(100); }

.mod-feadback .row {flex-direction: column;}

.mod-feadback .form {display: flex; flex-direction: column; margin-bottom: 4.5rem;}
.mod-feadback input::placeholder, .mod-open-form input::placeholder {color: #FFF;}
.mod-feadback .form-group input, .mod-feadback .form-group textarea {color: #fff;}
.mod-feadback textarea::placeholder, .mod-open-form textarea::placeholder {color: #FFF;}
.mod-feadback .title {margin-top: 4rem;}
.mod-feadback .btn {margin-top: 1rem;}
.mod-feadback .form-control, .mod-open-form .form-control {background: transparent;}

@media (min-width: 992px) {
	.mod-feadback::before {background: linear-gradient(90deg, #1F1C1C 0%, rgba(31, 28, 28, 0.8) 15.07%, rgba(31, 28, 28, 0) 82.67%),
	url("/images/modules/mod-feadback/001.jpg") no-repeat right;
	background-size: cover; content: ''; display: block; top: 0; z-index: -10;}
	.mod-open-form::before {background: linear-gradient(90deg, #1F1C1C 0%, rgba(31, 28, 28, 0.8) 15.07%, rgba(31, 28, 28, 0) 82.67%),
	url("/images/modules/mod-franchize/007.jpg") no-repeat right;
	background-size: cover; content: ''; display: block; top: 0; z-index: -10;}
	
}

.mod-map iframe {position:absolute; top:0; left:50%; width:100vw; margin-left:-50vw; right:0; bottom:0; z-index:5;}
.mod-map .text {position:relative; z-index:10;}
.mod-map .text .wrap {padding:5rem; margin-top:53vh ; background:#1F1C1C; text-align: center;}
.mod-map a {color: #FFF;}
@media (min-width: 760px) {
	.mod-map .text .wrap {margin-top:3rem;}
}

/*FOOTER*/
footer {background: #1F1C1C; color: #ffffff;}
footer a {color: #fff;}

#footer_items {margin: 3rem 0;}
#footer_items .menu li {margin-bottom: 1rem;}
#footer_items .menu {align-items: center; font-weight: 600; margin-bottom: 1.5rem;}
#footer_items .col-lg-2 li:first-child {display: none;}
.footer-studio, .contact {text-align: center; margin-bottom: 1rem;}
.footer-studio p, #footer_items .menu li a, #footer_items .contact p, .footer-studio .text, .contact .button a {font-size: 1.5rem}
#footer_items ul ul {display:none;}

@media (min-width: 576px) {
	.mod-map .text .wrap {text-align: left;}
}

@media (min-width: 1200px) {
	.footer-studio, .contact {text-align: left; margin-bottom: auto;}
	#footer_items .menu {align-items: flex-start;}
	
	.footer-studio p, #footer_items .menu li a, #footer_items .contact p, .wrap p, .footer-studio .text, 
	.contact .button a {font-size: 1rem}
	#footer_items .menu {margin-bottom: 0;}
}

.mod-author {display: flex; align-items: center; justify-content: space-between;
margin-top: 3rem;}


/*SERVICES*/

/*TOP*/

.uslugi #bottom {display: flex; flex-direction: column;}
.uslugi .mod-map {order: 4;}
.uslugi .mod-reviews {order: 2;}
.uslugi .mod-portfollio {order: 3;}
.uslugi .mod-brand {order: 1;}
.uslugi .nav-child{display: none;}

/*SERVICE*/


.kosmetologiya .mod-feadback,  .kosmetologiya .mod-map {color: #FFF;}

.service {margin-top: 7.5rem;}
.service table {border: 1px solid #000000; text-align: center; margin: 2rem 0;}
.service table th, .service table td  {border: 1px solid #000000;}
.service .nav-service {background: transparent; border: none; color: #000;}
.service .button {margin-top: 1rem;}
.service .row .text .fulltext {margin-top: 1.5rem;}
.service .row .img {display: flex; flex-direction: column;}
.service .row .img  img {object-fit: cover; width: 100%;}
.service .row .text {display: flex; flex-direction: column; justify-content: space-between;}
.service .title-price, .service .price-title {text-align: center;}
.service .price-title {}
.item-price {display: flex; flex-direction: column; align-items: center; margin-top: 7.5rem;}
.item-price .item-nav {margin-top: 3rem;}


.mod-work::before {background: #1F1C1C;}
.mod-work img, .mod-photos img {max-height:200px; object-fit:cover;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #000; background: transparent;}
.nav-tabs .nav-link.active::after {content:''; display: block; width: 55px; height: 2px; background: #1F1C1C;} 

@media(min-width: 1200px) {
	.service .row .img  img {object-fit: cover; width: 75%;}
}
@media(max-width: 768px) {
	.service .item-desc, .service .nav-service {flex-direction: column;}
	.service .item-nav {margin-bottom: 5rem;}
}

#nav-tabContent .table td:nth-child(2) {width:100px;}

/*COURSE*/

.course-desc.moduletable.fullbg {background: #1F1C1C;}
.course-desc .item {margin-bottom:1rem; padding-bottom:1rem; border:solid rgba(255,255,255,.5); border-width:0 0 1px 0;}
.course-desc > div:nth-child(2) {border-top-width:1px; margin-top:1rem; padding-top:1rem;}
.course-desc .item .wrap {max-width:1200px; margin:0 auto;}

.mod-teacher .module-title {text-align: center;}

.mod-curse-work {display: flex; flex-direction: column; align-items: center; padding: 3rem 0;}
.mod-curse-work .owl-mod-work-curse .img {margin: 1rem 0;}
.mod-curse-work .title {text-align: center;}


.kursy .mod-brand {margin: 0; order: 1;}
.kursy .mod-reviews {order: 2;}
.kursy .mod-portfollio {order: 3;}
.kursy .mod-map {order: 4;}
.kursy #bottom {display: flex; flex-direction: column;}


/*MASTERS*/
.mastera .com-masters {display: flex; justify-content: center;}
.mastera .com-masters .item {display: flex; flex-direction: column; align-items: center;}
.mastera .com-masters .introtext, .mastera .com-masters .title {text-align: center;}
.mastera .com-masters .introtext p {color: #000;}
.mastera .com-masters .description p {color: #000; text-align: center; font-size: 2rem;}
.mastera .com-masters .item:nth-child(2) {order: 10;}

@media (max-width: 576px) {
	.mastera .com-masters .item {display: flex; flex-direction: column; align-items: center;}
}

/*ABOUT*/
.mod-about img {width:100%; height:100%; object-fit:cover;}
.mod-about .introtext > *:nth-last-child(1) {margin-bottom:0; padding-bottom:0;}


/*NEWS*/ /*BLOG*/
.com-blog .col-12 {display: flex; align-items: center;}
.com-blog .image {display: flex;}
.com-blog .image .img {object-fit: contain;}

.novosti .mod-news .button a {display: none;}

/*FRANCHISE*/

.mod-slider-franchise .item .container {align-items: center;}
.mod-slider-franchise .title, .mod-slider-franchise .desc, 
.mod-franchise-desc .title, .mod-photos .title {text-align: center;}
.mod-franchise-desc .introtext {display: flex; flex-direction: row;}

.mod-franchise-desc .text {display: flex; flex-direction: column; justify-content: space-between; padding: 1rem 0;}

.mod-open-form .form-group input, .mod-open-form .form-group textarea {color: #fff;}

.mod-franchise-open {counter-reset: mod-franchise-open;}
.mod-franchise-open::before, .mod-franchise-business::before {background: #1F1C1C;}
.mod-franchise-open ol {margin:0; padding:0;}
.mod-franchise-open ol li {display:block; margin:0; padding-left:116px; position:relative;}
.mod-franchise-open ol li::before {position:absolute; content:counter(mod-franchise-open); counter-increment: mod-franchise-open; top:0; left:16px; width:80px; height:80px; border:1px solid #fff; border-radius:50%; display:flex; justify-content:center; align-items:center;
font-family: Jost; font-style: normal; font-weight: 200; font-size: 64px;}
.p {color: #1F1C1C;}

.mod-photos .owl-mod-photos .owl-nav button span {color: #fff;}

/*SALES*/
.aktsii .com-sales .item-sales {display: flex;justify-content: space-between;}
.aktsii .com-sales .item-sales .item {display: flex; align-items: center; flex-direction: column;}
.aktsii .com-sales .title {text-align: center;}

@media (max-width: 992px) {
	.mod-franchise-item {display: flex; justify-content: center;}
	.mod-franchise-business .item {justify-content: center;}
		.com-blog .col-12 {flex-direction: column;}
}

@media(max-width: 768px) {
	.com-sales .item-sales {flex-direction: column; align-items: center;}
	.mod-slider-franchise .container {padding: 0;}
	.mod-slider-franchise .desc {font-size: 32px; margin-bottom: 2rem;}
	.mod-news .item {flex-direction: column-reverse;}
}

@media(max-width: 576px) {
	.mod-franchise-desc .text {align-items: center;}

}
.pager.pagenav {position:relative; display:block; margin:0; padding:0;}
.pager.pagenav > li {display:block;}
.pager.pagenav .previous {float:left;}
.pager.pagenav .previous::before {content:'< ';}
.pager.pagenav .next {float:right;}
.pager.pagenav .next::after {content:' >';}
.pager.pagenav::after {content:''; display:block; clear:both;}

#m-feed-back-info input[type="checkbox"] + label::before {filter: invert(100%);}
.breadcrumb {background:none; color:#626262;}
.breadcrumb a {color:#626262;}
.breadcrumb .divider {margin:0 .5rem;}
.breadcrumb .active .divider {display:none;}

.animated.delay-1 {-webkit-animation-delay:200ms;animation-delay:200ms}
.animated.delay-2 {-webkit-animation-delay:400ms;animation-delay:400ms}
.animated.delay-3 {-webkit-animation-delay:600ms;animation-delay:600ms}
.animated.delay-4 {-webkit-animation-delay:800ms;animation-delay:800ms}
.animated.delay-5 {-webkit-animation-delay:1000ms;animation-delay:1000ms}
.animated.delay-6 {-webkit-animation-delay:1200ms;animation-delay:1200ms}
.animated.delay-7 {-webkit-animation-delay:1400ms;animation-delay:1400ms}
.animated.delay-8 {-webkit-animation-delay:1600ms;animation-delay:1600ms}
.animated.delay-9 {-webkit-animation-delay:1800ms;animation-delay:1800ms}
.animated.delay-10 {-webkit-animation-delay:2000ms;animation-delay:2000ms}
/*img {*/
/*	 object-fit: cover;*/
/*	 max-width: 500px;*/
/*	 max-height: 450px;*/
/*	 height: 330px;*/
/*	 width: 450px;*/
/* }*/
/*.lightbox .lb-image {*/
/*	object-fit: cover;*/
/*	max-width: 500px;*/
/*	max-height: 450px;*/
/*	height: 330px!important;*/
/*	width: 450px!important;*/
/* }*/

._open_popup_city { display: flex; align-items: center; cursor: pointer; transition: .2s; }
._open_popup_city:hover { filter: contrast(0.5); }
.strelochka { margin-left: .5rem !important; font-size: 1rem; transform: rotate(90deg); }

@media (max-width: 1199px) {
	._open_popup_city { margin-bottom: 1rem; font-size: 2rem; }
	.strelochka { font-size: 2.5rem; margin-left: 1.5rem !important; }
}

#top_menu .item-140 { display: none; }
.sposob-oplaty div[itemprop="articleBody"] ul li { position: relative; display: flex; font-size: 1rem; }
.sposob-oplaty div[itemprop="articleBody"] ul li::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -1rem;
	width: 6px;
	height: 6px;
	background: #1F1C1C;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.sposob-oplaty div[itemprop="articleBody"] ul img { margin-left: 0.5rem; height: 1rem; }

@media (max-width: 2560px) {
	.city-selector-modal a{ font-size: 1.2rem; }
}
@media (max-width: 768px) {
	.city-selector-modal a{ font-size: 1.5rem; }
}
@media (max-width: 425px) {
	.city-selector-modal a{ font-size: 2rem; }
}
.moduletable.mod-author.mt-5 {
    flex-direction: column;
}
.moduletable.mod-author.mt-5 div{
  display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
  .cookie-banner {
            display: none;
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            width: 90%;
            max-width: 800px;
            background-color: #000;
            color: #fff;
            padding: 25px;
            border-radius: 15px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
            z-index: 1000;
            font-family: Arial, sans-serif;
        }

        .cookie-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 20px;
        }

        .cookie-text {
            flex: 1;
            min-width: 300px;
            line-height: 1.6;
        }

        .cookie-text p {
            margin: 5px 0;
        }

        .cookie-button {
            background-color: #d4b853;
            color: #000;
            border: none;
            padding: 12px 30px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            transition: all 0.3s ease;
            white-space: nowrap;
        }

        .cookie-button:hover {
            background-color: #fff;
            color: #000;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
        }

        .cookie-button:active {
            transform: translateY(0);
        }

        @media (max-width: 768px) {
            .cookie-content {
                flex-direction: column;
                text-align: center;
            }
            
            .cookie-text {
                min-width: 100%;
            }
            
            .cookie-button {
                width: 100%;
                max-width: 250px;
            }
            
            .cookie-banner {
                bottom: 10px;
                width: 95%;
            }
        }
.cookie-text {
    flex-direction: column !important;
    font-size: 12px;
}