* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none !important;
  outline: none;
font-family: "Poppins", sans-serif;
}
main {
  background: #f7f7f7;
}
.sec-title {
  margin: 0 0 30px 0;
}
.product_sect_title {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 40px;
}
.pr_wrapper {
    position: relative;
}
.pr_wrapper .pr-swiper-button-next {
    display: flex;
    align-items:center;
    justify-content: center;
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 2;
}
.pr_wrapper .pr-swiper-button-prev {
    display: flex;
    align-items:center;
    justify-content: center;
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 2;
}

.pop-btn {
  color: #151515;
  font-size: 13px;
  line-height: 1.55;
  padding: 12px 30px;
  font-weight: 400;
  border-radius: 5px;
  background-color: #ffffff;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  /*box-shadow: 0 0 8px #ccc;*/
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.pop-btn:hover {
  background-color: #282828;
  color: #ffffff;
}
#submit{
    width: 150px;
}
#submit:hover{
    box-shadow: 0 0 5px #ccc;
}
section {
  padding: 50px 0;
}
h1 {
  font-size: 40px;
  font-weight: 300;
}
@media (max-width: 767px){
    h1{
      font-size: 35px;
    }
}
ul {
  padding: 0;
}
.container{
  margin: auto;
}

 .row{row-gap:20px}
/*innerPages*/

#innerPages{
    padding: 100px 0 50px 0;
}
.innerFlex{
    display: flex;
    gap: 20px
}
.inner-sec-title{
    font-size: 35px;
    font-weight: 400;
    margin: 30px 0;
}

.inner-about-title{
    font-size: 40px;
    font-weight: 600px;
}
.inner-about-story{
    margin-top: 30px;
    font-size: 18px;
    img{
        height: 450px;
        border-radius: 30px;
    }
}
.contact-title{
    font-size: 24px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 25px;
}
.contact-top{
   margin-top: 90px;
}
.yumru img {
    width: 34px;
    padding: 5px;
}
.yumru {
    background: black;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.yazi a{
    color: #000;
}
.foto img {
    object-fit:cover;
    width:160px;
    height:160px;
    border-radius:50%;
}


/* Böyük şəkil üçün sabit nisbətli çərçivə */
.product-gallery { height: 520px; }

.gallery-frame{
  position: relative;
  width: 100%;
  height:100%;         /* istəyə görə 4/3 və s. */
  background: #f8f9fa;
  border-radius: .75rem;
  overflow: hidden;
}
.gallery-frame .main-swiper{ position: absolute; inset: 0; height: 100% !important; }

/* Kiçik ekranlarda sərbəst axın */
#innerPages .product-gallery{display:flex !important;column-gap:0 !important;}
@media (max-width: 767.98px) {
  .product-gallery { height: auto; }
  .gallery-frame { aspect-ratio: 4 / 3; }  /* mobil üçün bir az “daha hündür” */
}

.badge {
    background-color: #48beff;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 12px 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.badge--hit {
    background-color: #9964ad
}
/* HEADER START */
header {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(17.5px);
  position: fixed;
  width: 100%;
  z-index: 100;
  transition: all .3s;
}
.fixed-header{
    background: #fff;
    box-shadow: 0 0 10px #cfcfcf;
}
.header,
.footer-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.header-right{
  margin: 0;
}
.header-logo{
  img{
     filter: brightness(0) invert(1);
  }
}
.fixed-header .header-logo img{
    filter: none !important;
}
.fixed-header .desktop-menu ul li a{
    color: #000;
}
.desktop-menu ul {
  display: flex;
  align-items: center;
  gap: 20px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  margin-bottom: 0;
}
.desktop-menu ul li a {
  color: #fff;
  transition: 0.2s;
}
.desktop-menu ul li:hover a:not(.text-dark) {
    font-weight:600;
}
.styled-button, .burger-btn{
    display: none;
}

.styled-button {
    padding: 5px 1.5rem;
    position: relative;
    font-size: 1rem; 
    color: #ffffff;
    background: #C01B17;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    cursor: pointer;
    transform: translateY(2px);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:10px;
}

.styled-button::before {
  position: absolute;
  top: -2px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: linear-gradient(to bottom, #292929, #000000);
  z-index: -1;
  border-radius: 9999px;
  transition: all 0.2s ease;
  opacity: 1;
  pointer-events: none;
}
.eventsSwiper1 {height: 300px !important;overflow: hidden !important;
    border-radius: 8px !important;}
 
.about-button{
  position: relative; 
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #171717, #242424);
  width: 40px;
  height: 40px;
  margin-left: 20px;
  border-radius: 50%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 1);
  border: 1px solid #252525;
  transition: all 0.2s ease;
}
.full-button{
   position: relative; 
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #171717, #242424);
  min-width: 150px;
  width:fit-content;
  min-height: 45px;
  color:white;
  border-radius: 20px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 1);
  border: 1px solid #252525;
  transition: all 0.2s ease;   
}

/*.styled-button .inner-button::before ,.about-button:before,.full-button:before{*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: -2px;*/
/*  right: -1px;*/
/*  bottom: -1px;*/
/*  left: -1px;*/
/*  background: linear-gradient(to bottom, #292929, #000000);*/
/*  z-index: -1;*/
/*  border-radius: 9999px;*/
/*  transition: all 0.2s ease;*/
/*  opacity: 1;*/
/*}*/
.styled-button .inner-button .icon ,.about-button i {
  filter: drop-shadow(0 10px 20px rgba(26, 25, 25, 0.9))
    drop-shadow(0 0 4px rgba(0, 0, 0, 1));
  transition: all 0.4s ease-in-out;
}
.styled-button .inner-button .icon:hover {
  filter: drop-shadow(0 10px 20px rgba(50, 50, 50, 1))
    drop-shadow(0 0 20px rgba(2, 2, 2, 1));
  transform: rotate(-35deg);
}

@media (max-width: 1200px){
    .burger-btn{
        display: block;
    }
    .styled-button, .desktop-menu{
        display: none
    }
    .swiper-zoom-btn{
        display: inline-flex;
    }
    .offcanvas-body{
        padding: 0 !important;
    }
    .burger-nav{
        height: 100vh;
        min-width: 400px;
        overflow-y: scroll;
    }
    .mobile-menu{
        font-size: 18px;
        padding: 10px 0;
    }
    .mobile-menu ul li:hover{
        background: #0003;
    }
    .mobile-menu ul li a{
        color: #000;
    }
    .mobile-menu ul li{
        padding: 8px 30px;
        margin: 5px 0;
        transition: .3s;
        cursor: pointer;
    }
    .styled-button-mobile{
        display: inline-flex;
        background: #ca1617;
        padding: 10px;
        color: #fff;
        font-size: 16px;
        width: 300px;
        margin: 20px 30px;
    }
}

@media (max-width: 564px){
    .burger-nav{
       min-width: 100%;
    }
}

/* HEADER END */


/*MODAL*/
.modal{
    height: auto !important;
}
.modal-backdrop{
    z-index: 2 !important;
}

.modal .panel {
    color:#000;
    padding: 0 20px;
    align-items: flex-start;
}

.modal .panel h2 {
    font-size: 22px;
}

.modal  input {
    background:transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 25px;
    width: 100%;
    outline:none;
}

.modal textarea {
    background:transparent;
    border:1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 25px;
    width: 100%;
    outline:none;
    border-radius: 16px;
    padding: 10px 20px 0 20px;
    height: 90px;
}

.modal  .form-row {
    position: relative;
    width: 100%;
}
.my-gpr {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.form-row:focus-within .label {
  font-size: 10px;
  color: #000; 
  transition: all 0.2s ease;
}


.modal .label {
    position: absolute;
    transition: .2s;
    font-size: 17px;
    left: 0;
    top: -5px;
    color:rgba(255, 255, 255, 0.3);
}
.form24-input-label,.form24-input-required,.form24-policy .checkmark,.form24-input .select .select-label:after,.form24-input .select .select-options,.form24-input .select .select-options-backdrop {
    position: absolute;
}
.form24-input,.form24-policy,.form24-policy label,.form24-input .select .select-label,.form24-input .select .select-options-inner{
	position:relative;
}
.form24-input input[type="text"],.form24-input textarea,.form24-input select,.form24-input .select,.form24-input .select .select-label .value,.form24-input .select .select-options,.form24-input .select .select-options-backdrop,.form24-input,.form24-input-label,.form24-submit button {
    width: 100%;
}
.form24-input .select .select-options-backdrop{
	height:100%;
}

.form24-input select,.form24-policy input[type="checkbox"],.form24-input .select .select-options{
	display:none;
}

.form24-input input[type="text"],.form24-input textarea,.form24-input .select,.form24-input .select .select-label .value,.form24-input .select .select-label:after,.form24-input .select .select-options-backdrop,.form24-input,.form24-input-label,.form24-submit button {
    display: block;
}

.form24-input .select .select-options,.form24-input .select .select-label .value{
	overflow: hidden;
}
.form24-input .select .select-label .value{
    white-space: nowrap;
    text-overflow: ellipsis;
}



.form24-input-label,.form24-input-required{
	line-height: 1;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    font-size: 16px;
    font-weight: 400;
	z-index:1;
}
.form24-input-label{
	bottom:12px;
    left: 0;
    pointer-events: none;
}
.form24-input-required{
	bottom:12px;
	right:0;
}

.form24-policy .checkmark{
	top:2px;
	left:0;
	width:20px;
	height:20px;
	line-height: 18px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #000;
	z-index:1;
	text-align:center;
}
.form24-policy .checkmark:after{
	content: "\e901";
	font-family:"FontAwesome";
	font-size:12px;
	opacity:0;
	display:inline-block;
}
.form24-policy input:checked ~ .checkmark:after {
	opacity:1;
}

.form24-policy label,.form24-input .select,.form24-submit button{
	cursor:pointer;
}
.form24-policy-label a{
	text-decoration:underline !important;
}
.form24-policy-label{
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	padding-left: 28px;
	padding-top: 4px;
    padding-bottom: 4px;
}

/*.form24-wrapper.bg-darkest .form24-policy .checkmark{*/
/*	border:1px solid var(--text-secondary-on-dark);*/
/*}*/


.form24-input-label,.form24-input-required,.form24-input .select{
	color:#60606c;
}

/*.form24-wrapper.bg-darkest .form24-input .select,*/
/*.form24-wrapper.bg-darkest .form24-policy-label,*/
/*.form24-wrapper.bg-darkest .form24-policy-label a,*/
/*.form24-wrapper.bg-darkest .form24-policy .checkmark:after,*/
/*.form24-wrapper.bg-darkest .form24-input-label,*/
/*.form24-wrapper.bg-darkest .form24-input-required{*/
/*	color:var(--text-secondary-on-dark);*/
/*}*/


.form24-input input[type="text"]{
	padding-top:0;
}
.form24-input textarea,.form24-input select,.form24-input .select .select-label{
	padding-top:12px;
}

.form24-input input[type="text"],.form24-input textarea,.form24-input select,.form24-input .select .select-label{
	outline:none;
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding-bottom:12px;
}
.form24-input input[type="text"]{
	padding-left:0;
	padding-right:16px;
}
.form24-input textarea,.form24-input select{
	padding-left:16px;
	padding-right:16px;
}
.form24-input .select .select-label{
	padding-left:16px;
	padding-right:32px;
}
.form24-input input[type="text"]{
	border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.form24-input input[type="text"]:focus{
	border-bottom:1px solid var(--text-primary);
}

.form24-input textarea,.form24-input select,.form24-input .select .select-label,.form24-input .select .select-options{
	border:1px solid rgba(0, 0, 0, 0.3);
}
.form24-input textarea:focus,.form24-input select:focus{
	border:1px solid #fff;
}

.form24-wrapper.bg-darkest .form24-input input[type="text"]{
	border-bottom:1px solid #ccc;
}

.form24-input .select .select-label,.form24-wrapper.bg-darkest .form24-input textarea,.form24-wrapper.bg-darkest .form24-input select,.form24-input .select .select-label,.form24-wrapper.bg-darkest .form24-input .select .select-options,.form24-input .select .select-label,.form24-input .select .select-label,.form24-input .select .select-label,.form24-input .select .select-label,.form24-input .select .select-label{
	border:1px solid #ccc;
}


/*.form24-wrapper.bg-darkest .form24-input input[type="text"]:focus{*/
/*	border-bottom:1px solid var(--text-primary-on-dark);*/
/*}*/

/*.form24-wrapper.bg-darkest .form24-input textarea:focus,.form24-wrapper.bg-darkest .form24-input select:focus{*/
/*	border:1px solid var(--text-primary-on-dark);*/
/*}*/


.form24-input .select .select-label:after {
    content: '';
    top: 50%;
    right: 16px;
    width: 9px;
    height: 9px;
    border-right: 2px solid #60606c;
    border-top: 2px solid #60606c;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -6px;
}

/*.form24-wrapper.bg-darkest .form24-input .select .select-label:after{*/
/*	border-right: 2px solid var(--text-secondary-on-dark);*/
/*    border-top: 2px solid var(--text-secondary-on-dark);*/
/*}*/

.form24-input .select .select-options{
    z-index: 2;
    left: 0;
    top: 100%;
    transform: translateY(12px);
	-webkit-transform: translateY(12px);
}
.form24-input .select .select-options-backdrop{
	background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(18px);
	z-index:0;
}

.form24-wrapper.bg-darkest .form24-input .select .select-options-backdrop{
	background-color: rgba(0, 0, 0, 0.2);
}

.form24-input .select .select-option{
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding:12px 16px;
}
.form24-input .select .select-option:hover,.form24-input .select .select-option.selected{
	background-color: rgba(0, 0, 0, 0.1);
}
.form24-wrapper.bg-darkest .form24-input .select .select-option:hover,.form24-wrapper.bg-darkest .form24-input .select .select-option.selected{
	background-color: rgba(255, 255, 255, 0.1);
}


.form24-title{
	font-size: 22px;
	font-weight: 800;
	line-height: 28px;
	letter-spacing: 0.88px;
	text-transform: uppercase;
}
.form24-subtitle{
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}

.form24-title,.form24-subtitle,.form24-input,.form24-submit{
	margin-bottom:16px;
}

.form24-input input[type="text"]:focus + .form24-input-label{
	top:-10px;
	font-size: 10px;
}

.form24-wrapper,
.form24-input input[type="text"]:focus + .form24-input-label,
.form24-input input[type="text"]:focus ~ .form24-input-required,
.form24-input input[type="text"],
.form24-input textarea,
.form24-input select,
.form24-input .select .select-option:hover,
.form24-input .select .select-option.selected,
.form24-title,
.form24-subtitle,
.form24-policy-label,
.form24-policy-label a,
.form24-policy .checkmark:after{
	color: #000;
}

/*.form24-wrapper.bg-darkest,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="text"]:focus ~ .form24-input-required,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="text"]:focus + .form24-input-label,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="text"],*/
/*.form24-wrapper.bg-darkest .form24-input textarea,*/
/*.form24-wrapper.bg-darkest .form24-input select:focus,*/
/*.form24-wrapper.bg-darkest .form24-input .select .select-option:hover,*/
/*.form24-wrapper.bg-darkest .form24-input .select .select-option.selected,*/
/*.form24-wrapper.bg-darkest .form24-title,*/
/*.form24-wrapper.bg-darkest .form24-subtitle{*/
/*	color:var(--text-primary-on-dark);*/
/*}*/

.form24-input textarea{
	resize: none;
}
.form24-input textarea, .form24-input select, .form24-input .select .select-label, .form24-input .select .select-options{
	border-radius: 16px;
	-webkit-border-radius: 16px;
}
@media (max-width:767px){
	.form24-title {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: 0.72px;
	}
	.form24-subtitle{
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.8px;
	}
}

.funnel-item-inner{
    position: relative;
}

.funnel-item-inner {
    display: block;
    width: 100%;
}

/*MODAL END*/


 /*SLIDER SECTION START */
.hero-banner{
    position: relative;
}
.swiper.zoomSwiper{
    height: 100vh;
    overflow: hidden;
} 
.zoomSwiper .swiper-slide {
  position: relative;
  overflow: hidden;
}
.hero-overlay{
    position: absolute;
    width: 100%;
    content: "";
    background: linear-gradient(to bottom, #000000, rgba(25, 44, 58, 0));
    height: 50%;
    z-index: 6;
    top: 0;
    left: 0;
}
.zoomSwiper .swiper-slide{
  width: 100%;
  height: 100%;
}
 .swiper-zoom-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  animation: kenburns 12s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}

@keyframes kenburns {
  0%   { transform: scale(1); }
  100%  { transform: scale(1.2); }
}

.zoomSwiper .swiper-pagination-bullet{
   width: 15px;
}
.zoomSwiper .swiper-pagination-bullet-active{
    background: #fff;
    width: 35px;
    border-radius: 40%;
}
.slogan {
    text-align: start;
    position: absolute;
    top: 35%;
    width: 550px;
    height: 290px;
    z-index: 5;
}
    
.slogan h3 { text-shadow: 0px 1px 6px rgb(0 0 0 / 57%);
    font-weight: 300;
    color: #fff;
    font-size: 30pt;
    width: 90%;
    margin-inline:auto;
    margin-top: 25px;
    line-height: 1;
    letter-spacing: -1px;
}

.slogan .slogan-text {
    color: #fff;
    font-size: 18px;
    width: 90%;
    margin: 16px auto;
    font-weight: 200;
}
.slogan::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    backdrop-filter: blur(8px) brightness(80%);
    border-radius: 5px;
    left: 0;
    z-index: -1;
}
.slogan::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin: 1rem;
    border: 1px dashed rgba(255,255,255,.5);
    clip-path: polygon(0 calc(100% - 100rem ),0 100%,10rem 100%,100rem 0,0 0,0 1rem,100% 1rem,100% 0,calc(100% - 1rem) 0,calc(100% - 10rem) 100%,100% 100%,100% calc(100% - 10rem));
    z-index: 555;
    border-radius: 5px;
}

.swiper-zoom-btn{
  cursor: pointer;
  margin-bottom:20px;
  border-radius:5px !important;
  margin-left:25px;
}

/*Chat icon*/

.fab-container {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
}
.fab-main {
    overflow: hidden;
  width: 55px;
  height: 55px;
  /*background-color: #000;*/
  /*color: #fff;*/
  border: none;
  border-radius: 50%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: transform 0.3s ease;
  position: relative;
}
.fab-main::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  opacity: 0;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: beat 3.2s ease-in-out infinite;
}
.fab-main.no-animation::after {
  animation: none;
}
@keyframes beat {
  0% {
    width: 90%;
    height: 90%;
  }
  15% {
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  80%,
  95% {
    opacity: 0;
    width: 200%;
    height: 200%;
  }
  100% {
    opacity: 0;
    width: 90%;
    height: 90%;
  }
}
.fab-main .social-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  font-size: 23px;
}
.fab-main .social-icon i {
    color: #fff;
}
.animate {
  animation: bounce 5s infinite;
}
.fab-main .social-icon:nth-child(1) {
  animation-delay: 0s;
  background: #46C256;
}
.fab-main .social-icon:nth-child(2) {
  animation-delay: 1.5s;
  background: #0084C8;
}
.fab-main .social-icon:nth-child(3) {
  animation-delay: 3.5s;
  background: #222;
}
.fab-main .social-icon:nth-child(3) i {
  color: #9AEA7F !important;
}
.fab-main .social-icon:nth-child(4) {
  animation-delay: 5.5s;
  background: #222;
}
.instagram-gradient {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* keyframes */
@keyframes bounce {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.hover-arrow {
  display: none;
  animation: none;
}
.fab-main:hover .hover-arrow {
  display: block;
  opacity: 1;
}
.fab-options {
  display: none;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}

.fab-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  pointer-events: none;
  text-decoration: none;
  background: #000;
}

/* Action buttons container */

.fab-btn-active {
  opacity: 1 !important;
  transform: translateY(0);
  pointer-events: auto;
}
.fab-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}

/* Stagger animation */
.fab-options .fab-btn:nth-child(1) {
  transition-delay: 0.05s;
}
.fab-options .fab-btn:nth-child(2) {
  transition-delay: 0.1s;
}
.fab-options .fab-btn:nth-child(3) {
  transition-delay: 0.15s;
}


@media (max-width: 1200px){
    .swiper-zoom-btn{
        display: inline-flex;
    }
}
@media (max-width: 767px){
    .slogan{
       width: 70%;
    }
    .slogan h3{
        font-size: 34px;
        margin-top: 45px;
    }
    .slogan .slogan-text{
        font-size: 16px;
    }
    .swiper-zoom-btn{
        transform: translateY(52px);
    }
    .swiper-zoom-btn .inner-button{
        display: none;
    }
    .swiper-pagination{
        display: none;
    }
}
@media (max-width: 640px){
    .slogan{
      width: 85%;
      height: 275px;
    }
    .swiper-zoom-btn{
        transform: translateY(38px);
        width: 125px;
    }
}
@media (max-width: 550px){
    .slogan{
      width: 90%;
    }
    .swiper-zoom-btn{
        transform: translateY(55px);
    }
    .slogan h3{
        font-size: 24px;
    }
    .slogan .slogan-text{
        font-size: 14px;
        width: 80%;
    }
}

@media (max-width: 483px){

    .swiper-zoom-btn{
        transform: translateY(25px);
    }
}
/* SLIDER SECTION END */

/* CATEGORY START */
.categories {
  background: url("../img/bg-img-1.png") no-repeat center center/cover;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 95vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.categories:has(.item:nth-child(1):hover) {
  background: url("../img/img 1.jpg") no-repeat center center/cover;
}
.categories:has(.item:nth-child(2):hover) {
  background: url("../img/img2.webp") no-repeat center center/cover;
}
.categories:has(.item:nth-child(3):hover) {
  background: url("../img/img3.jpg") no-repeat center center/cover;
}
.categories:has(.item:nth-child(4):hover) {
  background: url("../img/img4.avif") no-repeat center center/cover;
}
.categories:has(.item:nth-child(5):hover) {
  background: url("../img/img10.jpg") no-repeat center center/cover;
}
.categories:has(.item:nth-child(6):hover) {
  background: url("../img/img7.jpg") no-repeat center center/cover;
}
.categories::after {
  position: absolute;
  content: "";
  width: 2px;
  right: 50%;
  top: 40px;
  background: #fff;
  height: 85%;
  rotate: 180deg;
}
.item {
  position: relative;
  cursor: pointer;
  width: 100%;
  transition: all 0.3s ease;
  overflow: visible;
}
.categories::before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    content: '';
    /*z-index: 2;*/
    background: -webkit-linear-gradient(270deg, rgba(24, 24, 27, 0) 50%, rgba(24, 24, 27, 0.6) 80%, #242429 100%);
    background: linear-gradient(180deg, rgba(24, 24, 27, 0) 50%, rgba(24, 24, 27, 0.6) 80%, #242429 100%);
	top:-1px;
	bottom:-1px;
    left: 0;
}
.item:nth-child(1)::after, .item:nth-child(6)::after{
  content: '';
  width: 2px;
  background: #fff;
  height: 100%;
  position: absolute;
 }
 .item:nth-child(1)::after{
    right: 0;
 }
 .item:nth-child(6)::after{
  left: 0;
 }
 .item:nth-child(2)::after,
.item:nth-child(4)::after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  background: #fff;
  transition: all 0.3s ease;
}
.item:nth-child(2) {
  grid-area: 1 / 2 / 4 / 3;
}
.item:nth-child(3) {
  grid-area: 4 / 2 / 7 / 3;
}
.item:nth-child(4) {
  grid-area: 1 / 3 / 3 / 4;
}
.item:nth-child(5) {
  grid-area: 3 / 3 / 7 / 4;
}
.item:nth-child(1) {
  grid-area: 1 / 1 / 7 / 2;
}
.item:nth-child(6) {
  grid-area: 1 / 4 / 7 / 5;
}
.categ-text {
  position: absolute;
  width: 60%;
  margin-inline:auto;
  font-size: 25px;
  color: #fff;
  letter-spacing: -.032rem;
  transition: all 0.3s ease;
}
.categ-text{
	border-width:1px;
	border-style:solid;
	border-color:transparent;
	color:#fff;
	background-color:#303032;
	padding:0 10px;
	height:44px;
	line-height:1.1;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none!important;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	letter-spacing: 0.44px;
	text-transform: uppercase;
}
.categ-text svg{margin-left:10px;}
.item:hover .categ-text {
  background:#464649;
}
.item:nth-child(2) .categ-text {
  top: 40px;
  left: 40px;
}
.item:nth-child(2):hover .categ-text {
  top: 60px;
}
.item:nth-child(3) .categ-text {
  bottom: 60px;
  left: 40px;
}
.item:nth-child(3):hover .categ-text {
  bottom: 80px;
}
.item:nth-child(4) .categ-text {
  top: 40px;
  left: 40px;
}
.item:nth-child(4):hover .categ-text {
  top: 60px;
}
.item:nth-child(5) .categ-text {
  left: 40px;
  bottom: 60px;
}
.item:nth-child(5):hover .categ-text {
  bottom: 80px;
}
.item:nth-child(1) .categ-text {
  bottom: 50%;
  left: 40px;
}
.item:nth-child(1):hover .categ-text {
  left: 60px;
}
.item:nth-child(6) .categ-text {
  bottom: 50%;
  left: 40px;
}
.item:nth-child(6):hover .categ-text {
  left: 60px;
}


@media (max-width: 991px){
    .categ-text{
       font-size: 24px;
    }
}

@media (max-width: 767px){
    .categories {
       display: grid;
       grid-template-columns: 1fr;
       height: auto;
    }
    .categories::after, .item::after{
        display: none;
    }
    .item {
      grid-area: auto !important;
      width: 100%; 
      display: flex;
      align-items: center;
      padding-left: 40px;
      border-bottom: 2px solid #fff;
      height: 100px;
    }
    .item:nth-child(6){
        border: none;
    }
    .categ-text{
      position: static;
      font-size: 20px;  
    }
    item:nth-child(2)::after, item:nth-child(4)::after{
        display: none !important;
    }
}

/* CATEGORY END */



/* ADVANTAGES START */

.advantages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}

.advantage {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  overflow: hidden;
  min-height: 270px;
  border-radius: 8px;
  line-height: 1.5;
  box-shadow: 0 0 20px #eee;
  overflow: hidden;
  background: linear-gradient(135deg, rgb(204 212 212) 0%, rgb(255 255 255) 80%);
}
.advantage:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin: 10px;
    border: 2px dashed rgb(255 255 255 / 34%);
    clip-path: polygon(0 calc(100% - 100rem), 0 100%, 10rem 100%, 100rem 0, 0 0, 0 1rem, 100% 1rem, 100% 0, calc(100% - 1rem) 0, calc(100% - 10rem) 100%, 100% 100%, 100% calc(100% - 10rem));
    z-index: 555;
    border-radius: 10px;
    pointer-events: none;
}
.advantage::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    top: 0;
    filter: blur(5px);
    transform: rotate(180deg) translate(-450%, 0);
    transition: all 3s cubic-bezier(0, -0.02, 0, 0.99);
}
.advantage:hover::before{
    transform: rotate(180deg) translate(450%, 0);
    transition: all 3s cubic-bezier(0, -0.02, 0, 0.99);
}
.advantage:hover .adv-hover-img{
    right: -100px;
    opacity: 1;
    top: 40px;
}
.adv-content{
    flex-grow: 1;
    padding: 25px 20px;
    height:330px;
}
.adv-title{
    margin-bottom: 20px;
    font-size: 20pt;
    margin-top: 0px;
    font-weight: 200;
    letter-spacing: -1px;
    position: relative;
    z-index: 3;
}
.adv-hover-img{
    width: 314px;
    position: absolute;
    right: -163px;
    opacity: .82;
    top: 45px;
    transform: rotate(340deg);
    transition: all .6s;
    scale: 1.5;
}
.adv-icon{
    margin: 0 0 10px 0;
}
.adv-icon img{
    width: 30px;
    height: 30px;
}
.advantage-text {
    z-index: 5;
    width: 65%;
    display: block;
    line-height: 1.3;
    text-align: left;
    left: 1%;
    position: relative;
    font-size: 10pt;
    text-align: justify;
}
.adv-btn{
    /*width: 100px;*/
    background: #000;
    color: #fff;
    padding: 6px 24px;
    font-size: 14px;
    text-align: center;
    align-self: center;
    position: absolute;
    bottom: 5%;
    z-index: 6;
    left: 40%;
}

@media (max-width: 991px){
    .adv-title{
       font-size: 18pt;
    }
    .advantage-text{
      width: 93%;
    }
}
@media (max-width: 767px){
    .advantages {
        grid-template-columns: repeat(1, 1fr);
    }
    .advantage{
       min-height: 180px;
    }
    .adv-title{
     margin-bottom: 10px;
    }
    .adv-title .fa-circle{
        font-size: 18px;
    }
    .adv-btn {
        bottom: 7%;
    }
}
/* ADVANTAGES END */

/* ABOUT SECTION START */
.about-sec {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}
.about-content {
  width: 60%;
}
.about-slider {
  width: 40%;
  height: 100%;
  /*height: 456px;*/
}
.about-content h3 {
  font-size: 30px;
  line-height: 45px;
  font-weight: 500;
}
.about-content p {
  font-size: 20px;
  color: #4a4a4a;
  line-height: 30px;
  margin: 20px 0;
}
.about-btns {
  display: flex;
  align-items: center;
  font-size: 20px;
  gap: 30px;
  text-align: center;
}
.about-btns button {
  border-radius: 5px;
  font-size: 20px;
}
.about-btns-top {
  margin-bottom: 25px;
}
.about-btns-top button {
  padding: 5px 25px;
  font-size: 14px;
}
.about-btn-lft {
  background: #ca1617;
  color: #fff;
}
.about-btn-right {
  border: 1px solid #000;
}
.swiper {
  width: 100%;
  height: 100%;
}
.aboutSwiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.swiper-button-next,
.swiper-button-prev {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 7px !important;
  color: black !important;
  background-color: white;
  font-weight: bolder;
  --swiper-navigation-size: 14px;
}

@media (max-width: 991px){
    .about-sec{
        flex-direction: column;
    } 
    .about-slider, .about-content{
        width: 100%;
    }
    .about-btns {
        gap: 10px;
    }
    .about-btns button, .about-btns a{
       width: 50%;
    }
    .about-content h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .about-content p {
        font-size: 14px;
        line-height: 24px;
    }
    
}
@media (max-width: 767px){
    .about-btns{
        /*flex-direction: column;*/
        font-size: 12px;
    }
    /*.about-btns button, .about-btns a{*/
    /*     width: 50%;*/
    /*}*/
    /*.about-btns a{*/
    /*    text-align: center;*/
    /*}*/
    
}

/* ABOUT SECTION END */

/*INSTAGRAM*/

  .as-styled {
    padding: 56px 0 24px;
    background: #fff;
    color: #0f0f10;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }
  .as-styled__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .as-styled__head {
    text-align: center;
    margin-bottom: 28px;
  }
  .as-styled__head h2 {
   font-size: 30px;
line-height: 36px;
font-weight: 300;
letter-spacing: 2px;
word-wrap: break-word;
margin: 0 0 16px;
  }
  .as-styled__sub {
    margin: 0 0 12px 0;
    font-size:12px;
  }
  .as-styled__tags {
    display: inline-flex;
    gap: 18px;
    align-items: center;
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    margin: auto;
    justify-content: center;
     text-decoration: none;
    font-size:14px;
    font-weight:300;
  }
  .as-styled__tags a {
    text-decoration: none;
    font-size:14px;
    font-weight:300;
  }
  .as-styled__tags a:hover { text-decoration: underline; }
  .as-styled__follow {
        display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin: 0;
    padding: 8px 24px;
    border-radius: 0;
    border: 1px solid #d3d6d9;
    background: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #464646;
    cursor: pointer;
    transition: border-color .2s, background-color .2s, color .2s;
    margin-top: 20px;
  }
  .as-styled__follow:hover {
    background: #f5f6f7;
    border-color: #bfc3c9;
    border: 1px solid black;
  }

  /* GRID */
  .as-styled__grid {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
  }
  @media (max-width: 1200px) {
    .as-styled__grid { grid-template-columns: repeat(4, 1fr); }
  }
  @media (max-width: 768px) {
    .as-styled__grid { grid-template-columns: repeat(2, 1fr); }
  }

  /* CARD */
  .card-inst {
    position: relative;
    overflow: hidden;
    background: #eee;
    max-height: 200px;
  }
  .card-inst a { display:block; width:100%; height:100%; position:relative; }
  .card-inst img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform .6s ease;
    display: block;
  }

  /* Overlay */
  .card__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-direction: column;
       background: #bbbbbb94;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .35s ease, transform .35s ease;
    text-align: center;
    padding: 20px;
  }
  .card__badge {
    color: #fff;
    font-weight: 700;
    letter-spacing: .06em;
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 11px;
  }
  .card__btn {
    font-size: 11px;
        line-height: 15px;
        background-color: #fff;
        border: 1px solid #d3d6d9;
        color: #464646;
        cursor: pointer;
        font-weight: 600;
        display: block;
        letter-spacing: 2px;
        margin: 0 auto;
        padding: 11px 24px;
        width: 123px;
  }

  /* Hover / Focus эффект */
  .card-inst:hover img,
  .card-inst:focus-within img {
    transform: scale(1.08);
  }
  .card-inst:hover .card__overlay,
  .card-inst:focus-within .card__overlay {
    opacity: 1;
    transform: translateY(0);
  }



/* EVENTS SECTION START */
.events {
  padding: 0 30px;
}
.events-sliders {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 30px;
}
.event-slider {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  .swiper{
      height: auto;
  }
}
.event-slider .swiper-slide img{
    scale: 1;
    transition: .5s ease-in-out;
}
.event-slider .swiper-slide img:hover{
    scale: 1.15;
}
.event-title {
  font-size: 18px;
  margin: 20px 0 10px;
  color: #000;
}

.event-text{
    color: #555;
}

@media (max-width: 991px){
    .event-slider .swiper-slide{
        height: 300px;
    }
}
@media (max-width: 767px){
    .events-sliders {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .events {
        padding: 0px 15px;
    }
    .event-slider{
        box-shadow: 0 0 7px #ccc;
        padding: 0 0 15px 0;
    }
    .event-slider .swiper-button-next, .swiper-button-prev {
        display: none;
    }
    .event-content{
        padding: 0 10px 0 15px;
        font-size: 14px;
    }
    .event-title{
        font-size: 16px;
    }
}
/* EVENTS SECTION END */

/* CALL TO ACTION  START */
#call-to-action {
  background: #000;
  color: #f7f7f7;
  padding: 60px 20px;
}
.call-to-action-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  /*padding: 25px;*/
  border-radius: 15px;
}

.call-to-action-left {
  width: calc(33.3% - 10px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.call-to-action-title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 15px;
  text-align: center;
  line-height: 32px;
}
.call-to-action-text,
.workTime_inner {
  font-size: 14px;
}
.phone_foot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  margin: 10px 0 15px;
}
.phone_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 18px;
  margin-bottom: 5px;
}
.phone_inner a {
  color: #f7f7f7;
  font-weight: bold;
}

.workTime_inner span {
  padding: 6px 10px 7px;
  height: 30px;
  display: block;
  border-radius: 8px;
  background: #f7f7f7;
  color: #000;
}
.call-to-action-right {
  width: calc(66.6% - 10px);
  height: auto;
}
.form_cols {
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.left_col {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 10px;
}
.form_cols .left_col,
.form_cols .right_col {
  width: calc(50% - 10px);
}
.form_cols input{
    height: 45px;
}
.form_cols input,
textarea {
  border-radius: 8px;
  padding: 10px;
}
.form-btm {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 14px;
  margin: 10px 0;
  text-align: start;
}
.form-btn {
  padding: 11px 5px;
  font-size: 16px;
  width: 350px;
  border-radius: 8px;
  background: #ca1617;
  color: #fff;
}

@media (max-width: 991px){
    .call-to-action-form{
        flex-direction: column;
    }
    .call-to-action-left, .call-to-action-right{
        width: 100%;
    }
    .call-to-action-text{
        width: 60%;
    }
   .call-to-action-text, .form-btm{
        font-size: 12px;
    }
    .phone_inner a {
        font-size: 14px;
    }
}
@media (max-width: 640px){
    .form_cols{
        flex-direction: column;
    }
    .form_cols .left_col, .form_cols .right_col{
        width: 100%;
    }
}
/* CALL TO ACTION END */

/* FOOTER START */
.footer-top {
  background: #e9e9e9;
  padding: 12px;
  margin: 0 0 23px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.footer-phone-email{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.footer-top .need-help {
  font-size: 22px;
  line-height: 29px;
  font-style: italic;
}
.footer-top-tel,
.footer-top-email {
  font-size: 14px;
  span {
    font-weight: 600;
  }
}
.footer-nav {
  gap: 60px;
  padding: 0;
  margin-bottom: 7px;
}
.footer-logo {
  display: block;
  width: 200px;
}

.menu-footer ul {
  justify-content: space-between;
}
.menu-footer ul li a {
  color: #000;
}
.copyright {
  font-size: 14px;
  margin: 0 0 0 5px;
}
.footer-warning {
  font-size: 13px;
  color: #666;
  margin: 15px 0 23px 5px;
}

@media (max-width: 767px){
    .footer-top{
        flex-direction: column;
        gap: 20px;
    }
}
/* FOOTER END */

.products-slider {
  padding-bottom: 80px;
  padding-top:20px;
}
.product-slide {
  position: relative;
  background: #ccc;
  border-radius: 8px;
}
.img-top {
  position: absolute;
  width: calc(100% - 20px);
  top: 10px;
  left: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.img-bottom {
  position: absolute;
  bottom: -6px;
  right: 5px;
  font-size: 10px;
  color: #767676;
}
.img-bottom span {
  padding: 15px 5px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e8e7e7;
}
.sale {
  color: #d70404;
}
.img-bottom .new {
  padding: 15px 12px;
}
.img-top-left {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #fff;
  font-size: 12px;
  padding: 7px 16px;
  border-radius: 20px;
  color: #767676;
}
.img-top-left-price {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #262623;
  color: #fff;
  padding: 0 4px;
  border-radius: 8px 3px 3px 8px;
}
.products-slider .product-icon {
  width: 10px !important;
  height: 10px !important;
}
.product-slide img {
  border-radius: 0 !important;
}
.products-slider .product-img {
  min-height: 200px;
  transition: all 1s ease;
}
.product-slide::before {
  position: absolute;
  top: 0;
  z-index: 2;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
}
.product-slide .second-img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 1s ease;
}
.product-slide:hover .second-img {
  opacity: 1;
}
.product-slide:hover .product-img {
  opacity: 0;
}
.product-info {
  font-size: 16px;
  margin: 30px 0 0 0;
}
.product-name {
  margin-bottom: 10px !important;
}
.product-info-price {
  display: flex;
  align-items: center;
  gap: 10px;
}
.new-price {
  font-size: 18px;
  color: #d70404;
}
.old-price {
  color: #767676;
  text-decoration: line-through !important;
}
.swiper-scrollbar {
  height: 1px !important;
  background: #ddd;
  margin-top: 10px;
  border-radius: 2px;
  left: 0 !important;
  cursor: grab;
}
.swiper-scrollbar-drag {
  background: #000;
  border-radius: 2px;
}
.swiper-scrollbar:hover .swiper-scrollbar-drag {
  height: 2.5px !important  ;
}

.tFron {
  font-size: 13px;
}
.ui-5kIyv.ui-G4iQB {
  fill: #fff;
  stroke: #c4c4c4;
}

.ui-5kIyv {
  color: #767676;
}
.ui-G4iQB {
  display: grid;
  height: 2em;
  white-space: nowrap;
  width: max-content;
}
.ui-G4iQB .ui-A4pWG,
.ui-G4iQB .ui-OQy8X {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: inherit;
}

.ui-G4iQB .ui-A4pWG {
  stroke-width: 1px;
  overflow: visible;
  width: auto;
}

.ui-5kIyv.ui-G4iQB .ui-OQy8X {
  background-color: #fff;
  border-color: #c4c4c4;
}

.ui-WATUm.ui-G4iQB .ui-OQy8X {
  border: 1px solid;
  border-left: none;
  transform: translateY(-1px);
}
.ui-G4iQB .ui-OQy8X {
  align-items: center;
  border-radius: 2px 0.3125em 0.3125em 2px;
  display: flex;
  font-weight: 500;
  justify-content: center;
  margin-left: 0.8em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}
.ui-G4iQB .ui-A4pWG,
.ui-G4iQB .ui-OQy8X {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: inherit;
}

.ui-PzkuZ .ui-OQy8X::before {
  content: "−";
}
.ui-G4iQB .ui-OQy8X {
  align-items: center;
  border-radius: 2px 0.3125em 0.3125em 2px;
  display: flex;
  font-weight: 500;
  justify-content: center;
  margin-left: 0.8em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}
.ui-PzkuZ .ui-OQy8X:after {
  content: "%";
}
/* ////////////////////// */

/* event daxili sehife */

.event-swiper .swiper-slide {
  height: 80vh;
}
.event-swiper .swiper-slide:first-child {
  flex: 0 0 700px;
}
.event-next.swiper-button-next,
.event-prev.swiper-button-prev {
  background: #2424241a !important;
  width: 60px;
  height: 60px;
}
.event-prev.swiper-button-prev:after,
.swiper-rtl .event-next.swiper-button-next:after,
.event-next.swiper-button-next:after,
.swiper-rtl .event-prev.swiper-button-prev:after {
  content: "" !important;
}
.event-next.swiper-button-next.swiper-button-disabled,
.event-prev.swiper-button-prev.swiper-button-disabled {
  display: none !important;
  opacity: 0 !important;
}

/*dropdown*/
.sol {
  padding: 10px;
}
.sag {
    background: #303030;
    border-radius: 15px;
    color: white;
    padding: 10px;
    margin-left: 20px;
}
.drop-menu .sol li a:hover {
    background-color: #f1f1f9;
}
.drop-menu li a img{margin-right:10px;}
 .drop-menu .sag li a:hover{
    background:#545454;
}

.drop-menu, .drop-menu li {
    transition: 120ms cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 991px) {
  .nav-item:hover .drop-menu {
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .08);
  }
  .drop-list:hover .nav-link:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-bottom: 0;
  }
}

.drop-menu {
    opacity: 0;
    position: absolute;
    background: white;
    top: 71%;
    z-index: 3;
    border-radius: 16px;
    will-change: transform;
    visibility: hidden;
    width: auto;
}
.drop-menu li a {
    padding: 9px 30px 9px 9px;
    display: inline-flex;
    align-items: center;
    border-radius: 25px;
    width: 100%;
}
/*dropdown end*/

/*new product*/
.k-row{ overflow:visible; } /* açılan hissələr üçün */
.k-card{
  position:relative;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:transform .18s ease, box-shadow .18s ease;
  overflow:visible;                  /* aşağı/sol açılan laylar çıxsın */
}
.k-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 46px rgba(0,0,0,.12);
  z-index:60;                        /* qonşuların üzərinə çıxsın */
}

/* ===== Media (üst yarı) ===== */
.k-media{
  /*position:relative;*/
  overflow:hidden;
  background:#f3f5f8;
}
.k-main{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s ease;
  min-height:427px;
}
.k-card:hover .k-main{ transform:scale(1.04); }

/* ===== Left thumbs drawer ===== */
.k-thumbs{
  position:absolute; inset:8px auto 8px 8px; width:78px;
  display:flex; flex-direction:column; gap:8px; padding:8px;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(140%) blur(6px);
  height:357px;
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  transform:translateX(-85px); opacity:0; pointer-events:none;
  transition:transform .22s ease, opacity .22s ease;
}

.k-card:hover .k-thumbs{ opacity:1; pointer-events:auto; }
.k-thumbs img{
  width:100%; height:62px; object-fit:cover; border-radius:8px; cursor:pointer;
  border:2px solid transparent; transition:border-color .15s ease, transform .15s ease;
}
.k-thumbs img:hover{ border-color:#ffd271; transform:translateY(-1px); }

/* ===== Body (alt yazılar) ===== */
.k-body{ padding:14px 16px 18px; }
.k-body .styled-button,.k-body .inner-button{
    background:#ca1617 !important;
    border-color:#ca1617 !important;
    box-shadow:none !important;
    filter:none !important;
}
.k-body .inner-button::before{opacity:0 !important;position:static !important;}
.k-price{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.productSwiper{padding-bottom:60px;padding-top:20px;}
.productSwiper .k-price {
    font-size: 13px;
}
.k-price-new{ font-weight:800; font-size:20px; color:black;}
.k-price-old{ color:#8d99a7; text-decoration:line-through; font-size:14px; }
.k-title{ font-size:16px; line-height:1.35; margin:6px 0 12px; font-weight:500; color:#222; }
.k-btn{
  border:0; background:#eceef2; color:#222; font-weight:700; padding:10px 16px;
  border-radius:12px; cursor:pointer; transition:filter .15s ease, transform .15s ease;
}
.k-btn:hover{ filter:brightness(.96); transform:translateY(-1px); }

/* ===== Bottom specs drawer (2 lines) ===== */
.k-specs{
  position:absolute; left:0; right:0;
  bottom:-64px;                        /* kartın altından açılır */
  background:#fff; color:#333;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
  padding:10px 14px;
  font-size:14px; line-height:1.35;
  display:grid; gap:6px;
  opacity:0; transform:translateY(6px); pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
  z-index:70;                          /* başqa kartların üzərində */
}
.k-card:hover .k-specs{ opacity:1; transform:translateY(0); pointer-events:auto; }
.k-ribbon{
  position:absolute;
  right:12px;
  top:0;
  width:50px; height:120px;          /* tələb olunan ölçü */
  border-radius:0 0 30px 30px;
  background:linear-gradient(180deg,#ca1617 0%,#ca1617 100%);
  box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.25);
  display:flex; align-items:center; justify-content:center;
  z-index:90;                         /* digər qatların üzərinə çıxsın */
  /* Hover animasiyası üçün başlanğıc: yuxarıdan gizli */
  transform:translateY(-160px);
  opacity:0; pointer-events:none;
  transition:transform .28s cubic-bezier(.2,.7,.2,1), opacity .28s ease;
}
/* Alt “uc” (lent effekti) */
/* Yazını aşağıdan-yuxarı oxutmaq */
.k-ribbon span{
  color:#fff; font-weight:800; font-size:14px; letter-spacing:.06em;
  writing-mode:vertical-rl;          /* vertical mətn */
  text-orientation:mixed;
  transform:rotate(180deg);          /* aşağıdan-yuxarı istiqamət */
}

/* Hover zamanı lenti endir */
.k-card:hover .k-ribbon{
  transform:translateY(0);
  opacity:1;
}

/* Rəng variantları (istəsən istifadə et) */
.k-ribbon--gold{ background:linear-gradient(180deg,#FFD15A 0%,#FF9B22 100%); }
.k-ribbon--green{ background:linear-gradient(180deg,#27d17f 0%,#16a34a 100%); }
.k-ribbon--red{ background:linear-gradient(180deg,#ff6868 0%,#e11d48 100%); }
/**/
/**/
/**/

.example-2 {
  display: flex;
  position:absolute;
  z-index:10;
  right:20px;
  top:10px;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.example-2 .icon-content {
  margin: 0 10px;
  position: relative;
  width:30px;
}
.example-2 .icon-content .tooltip {
  position: absolute;
  width:95px;
  top: -10px;
  left: -500%;
  transform: translateX(50%);
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  transition: all 0.3s ease;
}
.example-2 .icon-content:hover .tooltip {
  opacity: 1;
  visibility: visible;
  top: 6px;
}
.example-2 .icon-content span {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 20%;
  color: #4d4d4d;
  background-color: #ffff;
  transition: all 0.3s ease-in-out;
}
.example-2 .icon-content span:hover {
  box-shadow: 3px 2px 45px 0px rgb(0 0 0 / 50%);
}
.example-2 .icon-content span svg {
  position: relative;
  z-index: 1;
  width: 30px;
  height: 30px;
}
.example-2 .icon-content span:hover {
  color: white;
}
.example-2 .icon-content span .filled {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #000;
  transition: all 0.3s ease-in-out;
}
.example-2 .icon-content span:hover .filled {
  height: 100%;
}
.example-2 .icon-content span:hover svg path{
    fill:white;
}
.example-2 .icon-content span[data-social="spotify"] .filled,
.example-2 .icon-content span[data-social="spotify"] ~ .tooltip {
  background-color: #1db954;
}
.example-2 .icon-content span[data-social="pinterest"] .filled,
.example-2 .icon-content span[data-social="pinterest"] ~ .tooltip {
  background-color: #bd081c;
}
.example-2 .icon-content span[data-social="dribbble"] .filled,
.example-2 .icon-content span[data-social="dribbble"] ~ .tooltip {
  background-color: #ea4c89;
}
.example-2 .icon-content span[data-social="telegram"] .filled,
.example-2 .icon-content span[data-social="telegram"] ~ .tooltip {
  background-color: #0088cc;
}
.fab-btn.chat.fab-btn-active {
    background: #222;
    color: #9AEA7F;
}
.fab-btn.telegram.fab-btn-active{
    background: #24A1DE;
}
.fab-btn.instagram.fab-btn-active{
    background: #222;
}
.fab-btn.whatsapp.fab-btn-active {
    background: #25d366;
}
/*i.fa-whatsapp {*/
/*    color: #25d366;*/
/*}*/
/*i.fa-telegram {*/
/*    color: #24A1DE;*/
/*}*/
/*i.fa-comments {*/
/*    color: #C71717;*/
/*}*/
.styled-button.wpContact {
    background-color: #25D366 !important;
}
/*mehsul inner*/
.list-group-item span{font-size:14px;}

/*new about*/
            @font-face {
                font-family: 'Rubik';
                src: url(/_nuxt/fonts/Rubik-SemiBold.58eaa74.eot);
                src: url(/_nuxt/fonts/Rubik-SemiBold.58eaa74.eot?#iefix) format("embedded-opentype"),url(/_nuxt/fonts/Rubik-SemiBold.9c32941.woff2) format("woff2"),url(/_nuxt/fonts/Rubik-SemiBold.e9c53c5.woff) format("woff"),url(/_nuxt/fonts/Rubik-SemiBold.d4d1d76.ttf) format("truetype"),url(/_nuxt/img/Rubik-SemiBold.7626109.svg#Rubik-SemiBold) format("svg");
                font-weight: 600;
                font-style: normal;
                font-display: swap
            }

            @font-face {
                font-family: 'Rubik';
                src: url(/_nuxt/fonts/Rubik-Bold.28198b7.eot);
                src: url(/_nuxt/fonts/Rubik-Bold.28198b7.eot?#iefix) format("embedded-opentype"),url(/_nuxt/fonts/Rubik-Bold.79cd5cc.woff2) format("woff2"),url(/_nuxt/fonts/Rubik-Bold.704be18.woff) format("woff"),url(/_nuxt/fonts/Rubik-Bold.d437e92.ttf) format("truetype"),url(/_nuxt/img/Rubik-Bold.5915040.svg#Rubik-Bold) format("svg");
                font-weight: bold;
                font-style: normal;
                font-display: swap
            }

            @font-face {
                font-family: 'Rubik';
                src: url(/_nuxt/fonts/Rubik-Medium.f0420aa.eot);
                src: url(/_nuxt/fonts/Rubik-Medium.f0420aa.eot?#iefix) format("embedded-opentype"),url(/_nuxt/fonts/Rubik-Medium.5f4249f.woff2) format("woff2"),url(/_nuxt/fonts/Rubik-Medium.74fded8.woff) format("woff"),url(/_nuxt/fonts/Rubik-Medium.8e2eadb.ttf) format("truetype"),url(/_nuxt/img/Rubik-Medium.38f9cc0.svg#Rubik-Medium) format("svg");
                font-weight: 500;
                font-style: normal;
                font-display: swap
            }

            @font-face {
                font-family: 'Rubik';
                src: url(/_nuxt/fonts/Rubik-Regular.b379b3b.eot);
                src: url(/_nuxt/fonts/Rubik-Regular.b379b3b.eot?#iefix) format("embedded-opentype"),url(/_nuxt/fonts/Rubik-Regular.855df8a.woff2) format("woff2"),url(/_nuxt/fonts/Rubik-Regular.882e9e0.woff) format("woff"),url(/_nuxt/fonts/Rubik-Regular.29463d3.ttf) format("truetype"),url(/_nuxt/img/Rubik-Regular.531b9c3.svg#Rubik-Regular) format("svg");
                font-weight: normal;
                font-style: normal;
                font-display: swap
            }

            * {
                box-sizing: border-box;
                -webkit-tap-highlight-color: transparent
            }

            html,body {
                overflow-x: hidden
            }

            body {
                max-width: 1920px;
                margin: 0 auto;
                font-family: 'Rubik', sans-serif;
                font-weight: 400;
                font-size: 16px;
                color: #2B2B2B
            }

            body::-webkit-scrollbar {
                width: 5px
            }

            body::-webkit-scrollbar-track {
                background: #EBE2DC
            }

            body::-webkit-scrollbar-thumb {
                background: #65AB0E;
                border-radius: 30px
            }

            p {
                margin: 0
            }

            .container {
                width: 100%;
                max-width: 100%;
                margin-left: auto;
                margin-right: auto;
                padding: 0 15px
            }

            @media (min-width: 1200px) {
                .container {
                    width:1280px
                }
            }

            .m-bottom {
                margin-bottom: 50px !important
            }

            a {
                text-decoration: none;
                outline: none;
                color: inherit
            }

            a:hover,a:focus {
                text-decoration: none;
                outline: none
            }

            .button {
                position: relative;
                display: inline-block;
                z-index: 1;
                padding: 14px 60px 14px 30px;
                font-family: 'Rubik';
                font-weight: 500;
                font-size: 18px;
                line-height: 1.5;
                color: white;
                background-image: linear-gradient(90deg, #65AB0E 0%, #B3E042 100%);
                border-radius: 30px;
                border: 0;
                overflow: hidden;
                cursor: pointer
            }

            .button span {
                position: relative;
                z-index: 3;
                display: inline-block;
                margin-bottom: 1px;
                will-change: transform;
                transform: translateZ(0);
                transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1)
            }

            .button:after {
                position: absolute;
                content: '';
                top: 0;
                left: 0;
                z-index: 2;
                width: 100%;
                height: 100%;
                background-image: linear-gradient(90deg, #65AB0E 0%, #65AB0E 100%);
                transition: opacity 0.4s ease-in-out;
                opacity: 0
            }

            .button:before {
                content: "";
                position: absolute;
                z-index: 3;
                top: calc(50% - 5px);
                right: 30px;
                width: 10px;
                height: 10px;
                background: #fff;
                border-radius: 50%;
                will-change: transform;
                transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1)
            }

            .button:hover:after {
                opacity: 1
            }

            .button:hover:before {
                transform: translate3d(45px, 0, 0) scale(0.5)
            }

            .button:hover span {
                transform: translate3d(15px, 0, 0)
            }

            .button-white {
                padding: 14px 30px;
                font-size: 18px;
                color: #2B2B2B;
                background: #fff;
                border: 1px solid #65AB0E;
                cursor: pointer;
                transition: color 0.4s ease-in-out
            }

            .button-white:hover {
                color: #fff
            }

            .button-white:hover span {
                transform: translate3d(0, 0, 0)
            }

            .button-white:before {
                display: none
            }

            h2 {
                font-weight: bold;
                line-height: 1.1;
                margin: 0 0 20px 0;
                color: #2B2B2B
            }

            h2 {
                position: relative;
                font-size: 50px
            }

            h2:before {
                content: '';
                position: absolute;
                top: -15px;
                left: 0;
                z-index: -1;
                width: 90px;
                height: 90px;
                background: linear-gradient(90deg, #65AB0E 0%, #B3E042 100%);
                opacity: 0.8;
                filter: blur(35px)
            }

            h2 span {
                position: relative;
                z-index: 1;
                font-weight: 200;
            }

            img {
                max-width: 100%;
                height: auto
            }

            .block-number {
                position: absolute !important;
                top: -36px;
                left: 0;
                display: none;
                font-weight: 400;
                font-size: 14px;
                line-height: 1.5;
                background: linear-gradient(90deg, #B3E042 0%, #65AB0E 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                text-fill-color: transparent
            }

            .aos-init,[data-aos] {
                opacity: 1 !important;
                transform: none !important
            }

            h2:before {
                animation: pulse 3s ease infinite
            }

            @keyframes pulse {
                50% {
                    transform: scale(0.5);
                    filter: blur(25px)
                }
            }

            @media (max-width: 1200px) {

                h2 {
                    font-size: 40px
                }

                .m-bottom {
                    margin-bottom: 100px
                }
            }

            @media screen and (max-width: 1000px) {
                .m-bottom {
                    margin-bottom:70px
                }

                h2 {
                    font-size: 34px
                }

                h2:before {
                    top: -10px;
                    width: 45px;
                    height: 45px;
                    filter: blur(20px)
                }

                .block-number {
                    top: -31px
                }
            }

            @media (max-width: 760px) {
                .m-bottom {
                    margin-bottom:60px
                }

                h2 {
                    font-size: 24px
                }

                .button {
                    font-size: 16px
                }

                .aos-init {
                    opacity: 1 !important;
                    transform: none !important
                }
            }

            :root {
                --vs-colors--lightest: rgba(60,60,60,0.26);
                --vs-colors--light: rgba(60,60,60,0.5);
                --vs-colors--dark: #333;
                --vs-colors--darkest: rgba(0,0,0,0.15);
                --vs-search-input-color: inherit;
                --vs-search-input-bg: #fff;
                --vs-search-input-placeholder-color: inherit;
                --vs-font-size: 1rem;
                --vs-line-height: 1.4;
                --vs-state-disabled-bg: #f8f8f8;
                --vs-state-disabled-color: var(--vs-colors--light);
                --vs-state-disabled-controls-color: var(--vs-colors--light);
                --vs-state-disabled-cursor: not-allowed;
                --vs-border-color: var(--vs-colors--lightest);
                --vs-border-width: 1px;
                --vs-border-style: solid;
                --vs-border-radius: 4px;
                --vs-actions-padding: 4px 6px 0 3px;
                --vs-controls-color: var(--vs-colors--light);
                --vs-controls-size: 1;
                --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
                --vs-selected-bg: #f0f0f0;
                --vs-selected-color: var(--vs-colors--dark);
                --vs-selected-border-color: var(--vs-border-color);
                --vs-selected-border-style: var(--vs-border-style);
                --vs-selected-border-width: var(--vs-border-width);
                --vs-dropdown-bg: #fff;
                --vs-dropdown-color: inherit;
                --vs-dropdown-z-index: 1000;
                --vs-dropdown-min-width: 160px;
                --vs-dropdown-max-height: 350px;
                --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
                --vs-dropdown-option-bg: #000;
                --vs-dropdown-option-color: var(--vs-dropdown-color);
                --vs-dropdown-option-padding: 3px 20px;
                --vs-dropdown-option--active-bg: #5897fb;
                --vs-dropdown-option--active-color: #fff;
                --vs-dropdown-option--deselect-bg: #fb5858;
                --vs-dropdown-option--deselect-color: #fff;
                --vs-transition-timing-function: cubic-bezier(1,-0.115,0.975,0.855);
                --vs-transition-duration: 150ms
            }

            :root {
                --vs-transition-timing-function: cubic-bezier(1,0.5,0.8,1);
                --vs-transition-duration: 0.15s
            }

            :root {
                --vs-disabled-bg: var(--vs-state-disabled-bg);
                --vs-disabled-color: var(--vs-state-disabled-color);
                --vs-disabled-cursor: var(--vs-state-disabled-cursor)
            }

            [data-aos][data-aos][data-aos-delay="100"] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="100"].aos-animate {
                transition-delay: .1s
            }

            [data-aos][data-aos][data-aos-delay="200"] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="200"].aos-animate {
                transition-delay: .2s
            }

            [data-aos][data-aos][data-aos-delay="300"] {
                transition-delay: 0
            }

            [data-aos][data-aos][data-aos-delay="300"].aos-animate {
                transition-delay: .3s
            }

            [data-aos^=fade][data-aos^=fade] {
                opacity: 0;
                transition-property: opacity,transform
            }

            [data-aos^=fade][data-aos^=fade].aos-animate {
                opacity: 1;
                transform: translateZ(0)
            }

            [data-aos=fade-up] {
                transform: translate3d(0,100px,0)
            }

            [data-aos=fade-left] {
                transform: translate3d(100px,0,0)
            }

            #about {
                padding-top: 70px
            }

            #about .container {
                width: 1200px
            }

            #about .about-video {
                cursor: pointer;
                border-radius: 8px;
                margin-top: 9px;
                overflow: hidden;
                position: relative
            }

            #about .about-video .about-video-preview {
                height: 452px;
            }

            #about .about-video video {
                width: 920px;
                height: 452px
            }

            #about .about-video:after {
                content: '';
                width: 60px;
                height: 60px;
                display: block;
                background-image: url(/img/download.svg);
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                cursor: pointer;
                transition: 0.3s;
                pointer-events: none;
                background-size: contain;
            }


            #about .about-info {
                display: flex
            }

            #about .about-img {
                width: 464px;
                min-width: 464px;
                height: 464px;
                position: relative
            }

            #about .about-img-text {
                background: #fff;
                padding: 10px;
                font-weight: 600;
                font-size: 14px;
                line-height: 150%;
                color: #595959;
                box-shadow: 0px 5px 20px rgba(232,232,232,0.7);
                border-radius: 5px;
                position: absolute;
                top: -25px;
                left: -40px;
                z-index: 2
            }

            #about .about-img-text p {
                white-space: nowrap;
                color: #59595980
            }

            #about .about-right {
                padding-left: 35px
            }

            #about .about-right h2 {
                margin-top: 1px;
                font-size: 42px;
            }
            

            #about .about-right .about-info-text {
                font-weight: 500;
                font-size: 18px;
                line-height: 130%;
                color: #2B2B2B
            }

            #about .about-right .about-info-desc {
                font-size: 15px;
                line-height: 150%;
                color: #595959;
                margin-top: 20px;
                margin-bottom: 30px
            }

            /*#about .about-right .about-info-desc a {*/
            /*    color: #65ab0e;*/
            /*    transition: all 0.3s ease-in-out*/
            /*}*/

            #about .about-right .about-info-desc a:hover {
                text-decoration: underline
            }

            #about .about-right .about-info-buttons {
                display: flex;
                align-items: center
            }

            #about .about-right .about-info-buttons .button {
                margin-right: 20px
            }

            #about .about-right .about-info-buttons .button.button-white {
                margin-right: 0;
                padding: 14px 26px
            }

            #about .about-benefits {
                display: flex;
                margin: 40px -15px 0
            }

            #about .about-benefits .about-benefits-item {
                flex: 1 1 25%;
                width: 25%;
                max-width: 25%;
                padding: 0 15px
            }

            #about .about-benefits .about-benefits-item .about-benefits-item-wrap {
                background: #F5FFE9;
                border-radius: 5px;
                padding: 30px 20px;
                display: flex;
                flex-direction: column;
                justify-content: space-between
            }

            #about .about-benefits .about-benefits-item .about-benefits-item-wrap img {
                width: 40px;
                height: 40px;
                object-fit: contain;
                margin-bottom: 20px
            }

            #about .about-benefits .about-benefits-item .about-benefits-item-wrap .about-benefits-item-text {
                font-size: 18px;
                line-height: 130%;
                color: #2B2B2B
            }

            #about .about-benefits .about-benefits-item .about-benefits-item-wrap .about-benefits-item-text a {
                text-decoration: underline
            }

            #about .about-benefits .about-benefits-item .about-benefits-item-wrap .about-benefits-item-text p {
                margin: 0
            }

            @media (max-width: 1340px) {
                #about .about-img-text {
                    left:0
                }
            }

            @media (max-width: 1200px) {

                #about .about-right .about-info-buttons {
                    flex-wrap: wrap
                }

                #about .about-right .about-info-buttons .button {
                    width: 380px;
                    text-align: center;
                    margin-bottom: 15px
                }

                #about .about-right .about-info-buttons .button:last-child {
                    margin-bottom: 0
                }

                .about-benefits .about-benefits-item .about-benefits-item-wrap {
                    height: 100%
                }
            }

            @media (max-width: 1000px) {
                #about {
                    padding-top:50px
                }

                #about .about-info {
                    flex-direction: column;
                    padding: 0 40px
                }

                #about .about-video {
                    overflow: initial;
                    margin-top: 0px
                }

                #about .about-video video {
                    width: 100%;
                    height: 100%;
                    object-fit:cover;
                }

                #about .about-benefits {
                    flex-wrap: wrap;
                    margin-bottom: -30px
                }

                #about .about-benefits .about-benefits-item {
                    flex: 1 1 50%;
                    width: 50%;
                    max-width: 50%;
                    margin-bottom: 30px
                }

                #about .about-img {
                    width: 100%;
                    max-width: 800px;
                    margin-bottom: 30px;
                    margin-left: auto;
                    margin-right: auto
                }

                #about .about-img-text {
                    left: -20px;
                    padding: 10px
                }

                #about .about-right {
                    padding-left: 0
                }

                #about .about-right h2 {
                    max-width: 550px
                }

                #about .about-right .about-info-buttons {
                    flex-flow: column nowrap;
                    align-items: stretch
                }
            }

            @media (max-width: 760px) {

                #about {
                    padding-top: 40px
                }

                #about .about-info {
                    padding: 0
                }

                #about .about-img {
                    display: flex;
                    flex-direction: column-reverse;
                    max-width: 100%;
                    min-width: auto;
                    height: auto;
                    margin: 0 auto 60px
                }

                #about .about-img-text {
                    position: initial;
                    max-width: 100%;
                    margin-top: 10px
                }

                #about .about-right .about-info-text {
                    font-size: 20px
                }

                #about .about-right .about-info-buttons {
                    margin: 0 auto -15px
                }

                #about .about-right .about-info-buttons .button {
                    flex: 1 1 100%;
                    width: 100%;
                    max-width: 375px
                }

                #about .about-right .about-info-buttons .button:not(.button-white) {
                    margin: 0 auto 15px
                }

                #about .about-right .about-info-buttons .button.button-white {
                    margin: 0 auto
                }
            }

            @media screen and (max-width: 500px) {
                #about .about-benefits {
                    margin:40px auto -20px
                }

                #about .about-benefits .about-benefits-item {
                    flex: 1 1 100%;
                    width: 100%;
                    max-width: 100%;
                    margin-bottom: 20px;
                    padding: 0
                }
            }