/* my edittion */
.input-group-append .input-group-text {
    max-height: 50px;
    border-radius: 18%;
    cursor: pointer;
    background: var(--style-form-input-background-color);
    background-color: var(--style-form-input-background-color);
    border: none;
}



.input-group-append .input-group-text:hover {
    box-shadow: 0px 3px 10px -3px var(--style-box-hover-shadow-color);
}

.knsl-center div {
    margin-bottom: 20px;
    margin-top: 10px;
}

h1.knsl-h1-inner {
    color: var(--panel-primary-color);
    font-size: 110px;
    font-family: 'IRANSans', sans-serif;
    cursor: default;
}

.my-flex-div {
    display: block;
}

.square-image {
    width: 100%;
    /* عرض تصویر را مشخص می‌کند (می‌توانید آن را به دلخواه تنظیم کنید) */
    aspect-ratio: 1 / 1;
    /* نسبت طول به عرض را به صورت 1:1 تنظیم می‌کند */
    object-fit: cover;
    /* تصویر را به صورت پرکننده (cover) داخل مربع قرار می‌دهد */
}

.rounding_the_corners {
    border-radius: 10px;
}

.image_size_fixed {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}

.rectangle_cover {
    aspect-ratio: 2 / 1;
    object-fit: cover;
}

.border-top-line {
    border-top: 1px solid var(--panel-border-dark-color);
}

.single_prod {
    animation-delay: var(--panel-animation-delay) !important;
    transition: all var(--panel-transition-delay) ease !important;
}

.single_prod .prod_details_ .prod_accordion {
    background-color: var(--style-icon-box-background-color);
    color: var(--style-dark-gray-color);
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-weight: bold;
}

.single_prod .prod_details_ .active, .prod_details_ .prod_accordion:hover {
    background-color: var(--style-icon-box-background-color);
}

.single_prod .prod_details_ .prod_accordion:after {
    content: '\002B';
    color: var(--style-dark-gray-color);
    font-weight: bold;
    margin-left: 5px;
    width: min-content;
}

.single_prod .prod_details_ .active:after {
    content: "\2212";
}

.single_prod .prod_details_ .panel {
    padding: 0 18px;
    /* background-color: white; */
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.single_prod .prod_details_ .panel.hidden {
    max-height: 0 !important;
}

.single_prod .knsl-breadcrumbs2 li span{
    cursor: default;
}

.single_prod .prod_details_ .panel p{
    text-align: justify;
}

.single_prod .prod_details_ .panel .addresses .div_info {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: bold;
}

.single_prod .prod_details_ .panel .addresses .div_info .address_icon {
    color: var(--style-accent-color);
}

.single_prod .prod_details_ .panel .addresses .div_info .address_title {
    color: var(--style-accent-color);
}

.single_prod .swiper-wrapper {
    display: flex;
}

.single_prod .swiper-wrapper .knsl-Product-detail-photo-lg .knsl-zoom {
    width: fit-content;
    padding: 15px 20px;
    background: var(--style-light-gray-color);
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-radius: 10px 0px;
    margin: -3px;
}

.single_prod .swiper-wrapper .knsl-Product-detail-photo-lg .knsl-zoom i{
    opacity: 0.8;
    color: var(--style-dark-gray-color);
}

.single_prod .swiper-wrapper .knsl-Product-detail-photo-lg .knsl-zoom:hover{
    box-shadow: -6px -6px 7px 0px #000000b0;
}

.single_prod .swiper-wrapper .knsl-Product-detail-photo-lg .knsl-zoom:hover i{
    opacity: 1;
}

.single_prod .knsl-Product-features-lg.knsl-mb-20 {
    column-count: 2;
}

.single_prod .knsl-Product-features-lg.knsl-mb-20 .knsl-feature {
    display: flex;
}

.single_prod .knsl-Product-features-lg.knsl-mb-20 .knsl-feature span{
    margin: 0 10px;
    align-self: center;
    font-weight: bold;
}

.single_prod .knsl-icon-frame {
    width: 35px;
    overflow: hidden;
    height: 35px;
    background: white;
    border-radius: 10px;
    align-content: center;
    text-align: -webkit-center;
}

.single_prod .knsl-icon-frame img{
    width: 25px;
    height: 25px;
}

.hidden {
    display: none;
}

.show {
    display: block !important;
}

.single_prod .buy_price_field {
    align-content: start;
    margin-inline-start: auto;
    margin-top: 20px;
}

.single_prod .highlight_div {
    border-color: var(--panel-primary-light-color);
    border: 2px solid;
    box-shadow: -1px 3px 6px 0px var(--panel-border-dark-color);
}

.single_prod .highlight_div .row1 {
    width: -webkit-fill-available;
}

.single_prod .highlight_div .row1 .event-time-display {
    display: block;
    border-bottom: 1px solid var(--panel-border-light-color);
    padding-bottom: 10px;
    font-size: 13px;
}

.single_prod .highlight_div .row1 .event-time-display .in_line{
    display: flex;
}

.single_prod .highlight_div .row1 .event-time-display .date {
    display: flex;
}

.single_prod .highlight_div .row1 .event-time-display .date p {
    margin-inline-start: 10px;
    font-weight: bold;
}

.single_prod .highlight_div .row1 .event-time-display .date i {
    color: var(--style-accent-color);
    align-content: center;
}

.single_prod .highlight_div .row1 .event-time-display .time {
    display: flex;
    margin-inline-start: auto;
}

.single_prod .highlight_div .row1 .event-time-display .time p {
    margin: 0 5px;
}

.single_prod .highlight_div .row1 .event-time-display .time_txt span.content {
    font-weight: bold;
}

.single_prod .highlight_div .row1 .event-time-display .time i {
    color: var(--style-accent-color);
    align-content: center;
}

.single_prod .highlight_div .row3 {
    display:flex;
    cursor: default;
}

.single_prod .highlight_div .row3 .title {
    margin-top: 15px;
    margin-bottom: 0px;
}

.single_prod .highlight_div .row3 .discount_div .currency_value {
    justify-self: start;
    text-decoration-line: line-through;
    font-size: 12px;
    margin-inline-start: 0px;
}

.single_prod .highlight_div .row3 .discount_div .discount_part {
    padding: 5px 10px;
    margin: 12px 0;
    border-radius: 8px;
    color: var(--white);
    width: -webkit-fill-available;
    background: rgba(55, 167, 248, .08);
    display: flex;
    align-items: center;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .icon {
    background: #64b010;
    padding: 5px 0 0 0;
    border-radius: 5px;
    height: 25px;
    width: 32px;
    align-content: center;
    margin: 10px;
    position: relative;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .icon i {
    margin: auto 8px;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .icon span {
    border-color: #eff8fe;
    border: 5px solid;
    color: #eff8fe;
    background: #eff8fe;
    height: 5px;
    width: 5px;
    position: absolute;
    align-self: anchor-center;
    border-radius: 50%;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .icon span.node_1 {
    top: 0;
    right: -5px;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .icon span.node_2 {
    top: 0;
    left: -5px;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .texts {
    display: block;
    width: -webkit-fill-available;
    justify-items: flex-start;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .texts .percent_text {
    color: #64b010;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 15px;
}

.single_prod .highlight_div .row3 .discount_div .discount_part .texts .percent_title {
    color: #000;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 16px;
}

.single_prod .highlight_div .row3 .div_flags {
    margin: 0 8px;
}

.single_prod .highlight_div .row3 .div_flags .item_flag {
    width: fit-content;
}


.single_prod .highlight_div .row2 .countdown-container {
    background-color: #e6f7ff; /* Lighter blue for container */
    padding: 0px 0px;
    border-radius: 10px;
    margin-top: 10px;
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
    text-align: center;
    display: flex;
    cursor: default;
}

.single_prod .highlight_div .row2 .countdown-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

.single_prod .highlight_div .row2 .clock-icon {
    font-size: 24px;
    color: var(--style-accent-color);
    margin-right: 0px;
}

.single_prod .highlight_div .row2 .clock-icon img{
    width: 60px;
}

.single_prod .highlight_div .row2 .text_area{
    justify-items: flex-start;
}

.single_prod .highlight_div .row2 .buy-now {
    font-size: 14px;
    color: var(--style-accent-color);
    font-weight: bold;
}

.single_prod .highlight_div .row2 .timer-section {
    display: inline-block;
    margin: 0px;
}

.single_prod .highlight_div .row2 .countdown-timer {
    align-content: center;
    margin-inline-start: auto;
    margin-inline-end: 10px;
    display: flex;
    align-items: anchor-center;
}

.single_prod .highlight_div .row2 .time-value {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: black;
    min-width: 20px;
}

.single_prod .highlight_div .row2 .time-seprator {
    color: var(--style-accent-color);
    font-size: 30px;
    margin: 0px 5px;
    align-self: self-start;
}

.single_prod .highlight_div .row2 .time-label {
    display: block;
    font-size: 9px;
    color: black;
    opacity: 0.7;
}

.single_prod .highlight_div .row2 .sale-end-text {
    margin-top: 0px;
    font-size: 10px;
    color: black;
    opacity: 0.7;
}




.single_prod .highlight_div:hover {
    border-color: var(--panel-primary-light-color);
    border: 2px solid;
    box-shadow: -1px 3px 11px 2px var(--panel-border-dark-color);
}

.single_prod .Location .div_label{
    display: grid;
    width: 100px;
    height: 100px;
    background: var(--white);
    border-radius: 20px;
    align-content: center;
    justify-items: center;
    line-height: 27px;
}

.single_prod .Location .address .div_label .head{
    font-weight: bolder;
    font-size: 13px;
}

.single_prod .Location .address .div_label .body{
    font-size: 10px;
    margin-top: -4px;
}

.single_prod .Location .address .div_label .icon{
    width: 30px;
    height: 30px;
    background: var(--panel-primary-light-color);
    border-radius: 50px;
    color: var(--white);
    text-align: -webkit-center;
    margin-bottom: 3px;
    place-content: center;
}

.single_prod .Location .address{
    background: var(--panel-other-color2);
    border: 1px solid;
    border-radius: 20px;
    border-color: var(--panel-other-color6);
    overflow: hidden;
    display: flex;
    cursor: default;
}

.single_prod .Location .address .div_info {
    display: grid;
    padding: 20px;
}

.single_prod .Location .address .div_info .head {
    color: var(--panel-primary-light-color);
    font-weight: bolder;
    font-size: 13px;
}

.single_prod .Location .address .div_info .head:hover {
    color: var(--panel-primary-hover-color);
}

.single_prod .Location .address .div_info .body {
    font-weight: bold;
    font-size: 11px;
}

.single_prod .Location_on_map {
    border-radius: 20px;
    overflow: hidden;
    border-color: var(--panel-other-color6);
}

.single_prod .gallery .show_more {
    color: var(--panel-primary-light-color);
    margin-inline-start: auto;
}

.single_prod .gallery .div_more {
    display: inline-flex;
    width: -webkit-fill-available;
}

/***************************

gallery Product

***************************/

.galleryProductsMasterDiv .swiper-wrapper {
    overflow-x: auto;
    /* display: -webkit-box;
    scrollbar-width: none; */

    display: flex;
    white-space: nowrap; /* جلوگیری از شکستن خط */
    scrollbar-width: none; /* برای فایرفاکس */

    user-select: none; /* جلوگیری از انتخاب متن */
    -webkit-user-select: none; /* برای مرورگرهای وب‌کیت */
    -moz-user-select: none; /* برای فایرفاکس */
    -ms-user-select: none; /* برای اینترنت اکسپلورر */
    -webkit-user-drag: none; /* برای مرورگرهای وب‌کیت */
    pointer-events: auto; /* اجازه دادن به کلیک */
}

.galleryProductsMasterDiv .galleryProducts {
    overflow: visible;
    width: -webkit-fill-available;
}

.galleryProductsMasterDiv .galleryProducts img{
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    object-fit: cover;
    width: -webkit-fill-available;
    overflow-clip-margin: content-box;
    overflow: clip;
}


/* برای مرورگرهای وب‌کیت (کروم، سافاری، اج) */
.galleryProductsMasterDiv::-webkit-scrollbar {
    display: none; /* مخفی کردن نوار اسکرول */
}

.galleryProductsMasterDiv .slider_controller2 {
    position: absolute;
    width: 35px;
    height: 35px;
    background: var(--white);
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    align-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.galleryProductsMasterDiv .slider_controller2.left {
    box-shadow: 6px 6px 11px 1px var(--panel-shadow-color);
    top: calc(70% - 50px);
    left: 0px;
}

.galleryProductsMasterDiv .slider_controller2.right {
    box-shadow: -6px 6px 11px 1px var(--panel-shadow-color);
    /* top: 165px; */
    top: calc(70% - 50px);
    right: 0px;
}

.galleryProductsMasterDiv .slider_controller2.right, .galleryProductsMasterDiv .slider_controller2.left {
    padding-top: 5px;
}


.galleryProductsMasterDiv .slider_controller2.left:hover {
    box-shadow: 6px 6px 22px 1px var(--panel-shadow-color);
}

.galleryProductsMasterDiv .slider_controller2.right:hover {
    box-shadow: -6px 6px 22px 1px var(--panel-shadow-color);
}

.galleryProductsMasterDiv .swiper-slide {
    margin: 0px !important;
    opacity: 1 !important;
    transform: none !important;
}


/***************************

breadcrumbs

***************************/
.single_prod .knsl-breadcrumbs2 {
    width: -webkit-fill-available;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    margin: 0;
    height: 30px;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--style-top-bar-background-color);
    color: var(--style-dark-gray-color);
}

.single_prod .knsl-breadcrumbs2 li {
    margin-right: 10px;
    list-style-type: none;
}

.single_prod .knsl-breadcrumbs2 li:last-child {
    margin-right: 0;
}

.single_prod .knsl-breadcrumbs2 li a {
    color: var(--style-dark-gray-color);
    opacity: 0.6;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

.single_prod .knsl-breadcrumbs2 li a:after {
    font-size: 11px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.single_prod .knsl-breadcrumbs2 li a:hover {
    opacity: 1;
}

.single_prod .knsl-breadcrumbs2 li span {
    color: var(--style-dark-gray-color);
    margin: 10px;
}
/* line 136, ../scss/_content.scss */
.single_prod .knsl-banner-simple {
    padding-top: 120px;
    padding-bottom: 10px;
    background-color: var(--style-light-gray-color);
}

.single_prod.knsl-banner-simple2 {
    margin-top: 113px;
    margin-bottom: 0;
    border-radius: 0 0 10px 10px;
    overflow: visible;
    z-index: 15;
    background-color: var(--style-top-bar-background-color);
    /* -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color); */
    /* box-shadow: 0px 10px 20px 0 var(--style-box-shadow-color); */
}

.knsl-transition-bottom:after {
    display: none;
}

.single_prod .div_prod_slider {
    max-height: 400px;
    overflow: hidden;
    border-radius: 20px;
}

/***************************

price

***************************/
.single_prod .knsl-price-card {
    padding: 20px 10px;
    box-shadow: 0px 0px 5px 5px var(--style-box-shadow-color);
    border-radius: 10px;
    background-color: var(--style-price-card-background-color);
    width: 100%;
    text-align: center;
    position: relative;
    cursor: default;
}

.single_prod .knsl-price-card .knsl-price-number {
    font-size: 36px;
    line-height: 30px;
    color: var(--style-accent-3-color);
    font-weight: 600;
    margin: 10px 0px 10px 0px;
}

.single_prod .knsl-price-card .knsl-price-number span {
    font-size: 18px;
    color: var(--style-dark-gray-color);
    font-weight: 800;
    padding-inline-end: 8px;
}

.single_prod .knsl-price-card .knsl-open-time {
    font-size: 36px;
    line-height: 30px;
    color: var(--style-accent-3-color);
    font-weight: 600;
    margin-bottom: 10px;
}

.single_prod .knsl-price-card .knsl-open-time span {
    font-size: 16px;
    color: var(--style-dark-gray-color);
    font-weight: 400 !important;
}

.single_prod .knsl-price-card .knsl-open-time .works_date {
    display: block;
    width: -webkit-fill-available;
    justify-items: flex-start;
}

.single_prod .knsl-price-card .knsl-open-time .works_date .div_part {
    margin: 0 5px;
    opacity: 0.5;
    font-size: 7px;
    line-height: 7px;
    padding-top: 11px;
}


.single_prod .knsl-price-card .knsl-open-time .works_date .div_part .item_part {
    font-size: 10px;
    line-height: 10px;
}

.single_prod .knsl-price-card .knsl-open-time .works_date .div_item .fa-circle {
    font-size: 10px;
    color: var(--panel-accent-color); /*#37a7f8*/
    border: 4px solid var(--panel-accent-border-color);
    border-radius: 50%;
    padding: 0px;
    line-height: 9px;
    border-right-style: dotted;
}

.single_prod .knsl-price-card .pink_item {
    width: -webkit-fill-available;
    margin: 0px;
}

.single_prod .knsl-price-card .pink_item .img img {
    width: 30px;
    margin-inline-start: 5px;
}

.single_prod .knsl-price-card .pink_item .row {
    width: -webkit-fill-available;
    margin: 0px;
}

.single_prod .knsl-price-card .pink_item .master_div {
    display: contents;
}

.single_prod .knsl-price-card .pink_item .head {
    display: contents;
    text-align: right;
}

.single_prod .knsl-price-card .pink_item .body {
    padding-inline-start: 42px;
}

.single_prod .knsl-price-card .pink_item .body p {
    text-align: start;
    font-size: small;
}

.single_prod .knsl-price-card .pink_item .head p {
    color: #c64fde;
    margin-inline-start: 10px;
    align-self: center;
}

.single_prod .knsl-price-card .orange_item .head p {
    color: #ff8300;
    align-self: center;
}

.single_prod .knsl-price-card .orange_item .master_div .img {
    margin-inline-start: 15px;
}

.single_prod .knsl-price-card .orange_item .master_div {
    display: flex;
}

.single_prod .knsl-price-card .orange_item p {
    text-align-last: start;
    align-self: start;
    text-align: start;
    padding: 5px 10px;
}

.single_prod .knsl-price-card .orange_item img {
    margin: 5px;
}

.single_prod .knsl-price-card .persons {
    margin: 0px;
    overflow: hidden;
    border: 1px solid #b6b0b073;
    border-radius: 10px;
    padding: 10px 20px;
}


.single_prod .knsl-price-card .persons .opt {
    display: flex;
    align-items: center;
    margin-inline-start: auto;
    position: absolute;
    align-self: anchor-center;
}

.single_prod .knsl-price-card .persons .opt .music,
.single_prod .knsl-price-card .persons .opt .like {
    width: 30px;
    height: 30px;
    border: 1px solid #b6b0b073;
    border-radius: 50%;
    margin: 0 10px;
    opacity: 0.7;
    cursor: pointer;
}

.single_prod .knsl-price-card .persons .opt .music i,
.single_prod .knsl-price-card .persons .opt .like i {
    width: 30px;
    height: 30px;
    align-content: center;
    text-align: center;
}

.single_prod .knsl-price-card .persons .opt .music:hover i {
    color: var(--style-accent-color);
}

.single_prod .knsl-price-card .persons .opt .like:hover i {
    color: var(--red);
}

.single_prod .knsl-price-card .persons .opt .music.active i {
    color: var(--style-accent-color);
    opacity: 1;
}

.single_prod .knsl-price-card .persons .opt .like.active i {
    color: var(--red);
    opacity: 1;
}

.single_prod .knsl-price-card .persons .text_div {
    margin: 0 10px;
    align-content: center;
    width: auto;
    max-width: 45%;
}

.single_prod .knsl-price-card .persons .text_div p {
    margin-bottom: 0px;
}

.single_prod .knsl-price-card .persons .img img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 8px;
}

.single_prod .knsl-price-card .progress-container {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
}

.single_prod .knsl-price-card .progress-bar {
    position: relative;
    height: 100%;
    background-color: #ddd;
    width: 0%;
    transition: width 0.1s;
}

.single_prod .knsl-tags-card .item-tag {
    position: relative;
    margin: 10px 10px 10px 20px;
    background: #ebebeb;
    padding: 5px 10px 5px 10px;
    height: 31px;
}

.single_prod .knsl-tags-card .item-tag::after {
    content: "";
    position: absolute;
    border: 4px solid;
    align-self: anchor-center;
    border-radius: 50%;
    border-color: var(--style-icon-box-background-color);
}

.single_prod .knsl-tags-card .item-tag::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}

.div_prod_slider .swiper-container .swiper-slide .volume-control {
    position: absolute;
    width: 40px;
    height: 40px;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, .2);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    padding: 10px 10px;
    margin: 0px;
}

.div_prod_slider .swiper-container .swiper-slide .volume-control i {
    font-size: 20px;
    color: #fff;
}


.similarProductsMasterDiv .slider_controller3, .single_prod .slider_controller {
    position: absolute;
    width: 60px;
    height: 60px;
    background: var(--white);
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    align-content: center;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.similarProductsMasterDiv .slider_controller3.left, .single_prod .slider_controller.left {
    box-shadow: 6px 6px 11px 1px var(--panel-shadow-color);
    top: calc(50% - 50px);
    left: -20px;
}

.similarProductsMasterDiv .slider_controller3.right, .single_prod .slider_controller.right {
    box-shadow: -6px 6px 11px 1px var(--panel-shadow-color);
    /* top: 165px; */
    top: calc(50% - 50px);
    right: -20px;
}

.similarProductsMasterDiv .slider_controller3.right, .similarProductsMasterDiv .slider_controller3.left {
    padding-top: 5px;
}


.similarProductsMasterDiv .slider_controller3.left:hover, .single_prod .slider_controller.left:hover {
    box-shadow: 6px 6px 22px 1px var(--panel-shadow-color);
}

.similarProductsMasterDiv .slider_controller3.right:hover, .single_prod .slider_controller.right:hover {
    box-shadow: -6px 6px 22px 1px var(--panel-shadow-color);
}

.single_prod .col-lg-7 p{
    line-height: 30px;
    text-align: justify;
}

.single_prod .div_prod_slider .swiper-slide {
    width: 100% !important;
}

.single_prod .div_prod_slider .loading-indicator {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 4px solid #f3f3f3; /* رنگ اولیه حاشیه */
    border-radius: 5%; /* شروع با مقدار 5% */
    display: none; /* به صورت پیش‌فرض مخفی است */
    z-index: 10;
    animation: colorChange 8s linear infinite, borderRadiusChange 8s ease-in-out infinite;
}

.knsl-btn, .knsl-btn:focus {
    box-shadow: none !important;
    border: none !important;
    border-radius: 10px !important;
}

.prod_details_ ul li{
    list-style-type: unset;
}


/***************************

similar Product

***************************/

.similarProductsMasterDiv .swiper-wrapper {
    overflow-x: auto;
    /* display: -webkit-box;
    scrollbar-width: none; */

    display: flex;
    white-space: nowrap; /* جلوگیری از شکستن خط */
    scrollbar-width: none; /* برای فایرفاکس */

    user-select: none; /* جلوگیری از انتخاب متن */
    -webkit-user-select: none; /* برای مرورگرهای وب‌کیت */
    -moz-user-select: none; /* برای فایرفاکس */
    -ms-user-select: none; /* برای اینترنت اکسپلورر */
    -webkit-user-drag: none; /* برای مرورگرهای وب‌کیت */
    pointer-events: auto; /* اجازه دادن به کلیک */
}

.similarProductsMasterDiv .similarProducts {
    overflow: visible;
}

.similarProductsMasterDiv .similarProducts .card_info .cover_img img{
    aspect-ratio: 5 / 3;
    border-radius: 20px;
    object-fit: cover;
    width: -webkit-fill-available;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.similarProductsMasterDiv .similarProducts .card_info .title {
    overflow: hidden;
}

.similarProductsMasterDiv .similarProducts .card_info .title p {
    margin-top: 8px;
    width: max-content;
    font-weight: bold;

}

.similarProductsMasterDiv .similarProducts .card_info .price_block p.price {
    float: right;
    direction: ltr;
    text-decoration: line-through;
    opacity: 0.7;
}

.similarProductsMasterDiv .similarProducts .card_info .price_block p.discount {
    direction: ltr;
    font-size: small;
}

/* برای مرورگرهای وب‌کیت (کروم، سافاری، اج) */
.similarProductsMasterDiv::-webkit-scrollbar {
    display: none; /* مخفی کردن نوار اسکرول */
}

.similarProductsMasterDiv .slider_controller.right, .similarProductsMasterDiv .slider_controller3.right {
    width: 35px;
    height: 35px;
    top: calc(50% - 50px);
    right: 0;
}

.similarProductsMasterDiv .slider_controller.left, .similarProductsMasterDiv .slider_controller3.left {
    width: 35px;
    height: 35px;
    top: calc(50% - 50px);
    left: 0;
}

.similarProductsMasterDiv .swiper-slide {
    margin: 0px !important;
}



/***************************

Free cancellation

***************************/
.single_prod .highlight_div .row3 div .green_part {
    font-size: 10px;
    box-shadow: 0px 0px 7px 3px var(--success);
    margin-inline-end: 8px;
    border-radius: 5px;
    padding: 1px;
}

.single_prod .highlight_div .row3 div .free_txt {
    font-size: 12px;
}

.single_prod .highlight_div .row3 div .green_part .icon {
    color: var(--success);
}



/***************************

price table

***************************/
.single_prod .prod_all_price_ {
    box-shadow: none;
    border: 0px;
    padding: 0px;
}

.single_prod .prod_all_price_ .knsl-review-card {
    box-shadow: none;
}


.single_prod .prod_all_price_ .col-lg-12 {
    box-shadow: none;
    border: 0px;
    padding: 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--panel-border-dark-color);
}

.single_prod .prod_all_price_ .head__ {
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 18px;
}

.single_prod .prod_all_price_ .row_price {
    display: flex;
}

.single_prod .prod_all_price_ .row_price .name {
    margin-top: 10px;
    margin-bottom: 10px;
}

.single_prod .prod_all_price_ .row_price .price {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-inline-start: auto;
}

/***************************

  reviews

  ***************************/
/* line 1721, ../scss/_content.scss */
.knsl-review-card {
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    border-radius: 10px;
    background-color: var(--style-white-color);
    text-align: right;
    padding: 20px;
    margin-bottom: 20px;
}

/* line 1729, ../scss/_content.scss */
.knsl-review-card blockquote {
    text-align: start;
    padding: 0;
    font-size: 15px;
    margin-bottom: 0;
    font-style: normal;
    margin-inline-start: 50px;
    background: var(--reviews-bg);
    padding: 20px;
    color: var(--reviews-color);
}

/* line 1736, ../scss/_content.scss */
.knsl-review-card blockquote:after,
.knsl-review-card blockquote:before {
    display: none;
}

/* line 1742, ../scss/_content.scss */
.knsl-review-card .knsl-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px;
}

/* line 1748, ../scss/_content.scss */
.knsl-review-card .knsl-card-header .knsl-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* line 1751, ../scss/_content.scss */
.knsl-review-card .knsl-card-header .knsl-stars li {
    color: var(--panel-primary-color);
    margin-left: 2px;
}

/* line 1755, ../scss/_content.scss */
.knsl-review-card .knsl-card-header .knsl-stars li.knsl-empty {
    color: var(--style-bottom-page-sections);
}

/* line 1761, ../scss/_content.scss */
.knsl-review-card .knsl-card-header .knsl-name-and-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 1765, ../scss/_content.scss */
.knsl-review-card .knsl-card-header .knsl-name-and-photo span {
    font-size: 12px;
}

/* line 1769, ../scss/_content.scss */
.knsl-review-card .knsl-card-header .knsl-name-and-photo .knsl-avatar-frame {
    margin-inline-end: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
}

/* line 1778, ../scss/_content.scss */
.knsl-review-card .knsl-card-header .knsl-name-and-photo .knsl-avatar-frame img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.comments .knsl-review-card {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.comments .knsl-review-card .knsl-card-header .knsl-name-and-photo {
    width: -webkit-fill-available;
}

.comments .knsl-review-card .knsl-card-header .knsl-name-and-photo .knsl-avatar-frame {
    width: 40px;
    height: auto;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}

.comments .knsl-review-card .header {
    display: flex;
    width: -webkit-fill-available;
}

.comments .knsl-review-card .header .title {
    width: max-content;
}

.comments .knsl-review-card .header .date {
    width: max-content;
    margin-inline-start: auto;
}

.custom-rtl-input::placeholder {
    direction: rtl;
    text-align: right;
}


/***********************************

knsl-whyus-form

***********************************/
.knsl-whyus-form {
    background-color: var(--style-global-show-why-us-bg-color);
    border-radius: 10px;
    padding: 20px;
    display:block;
    gap: 20px;
}

.knsl-whyus-form .whyUs .row.body {
    display: flex;
    width: -webkit-fill-available;
    justify-content: center;
}

.knsl-whyus-form .why-buy-item img {
    width: 25px;
    height: 25px;
}

.knsl-whyus-form .why-buy-item div {
    display: grid;
}

.knsl-whyus-form .whyUs .row.header .text span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
    margin-inline-start: 20px;
}

.knsl-whyus-form .payWay .row.header .text span {
    font-size: 14px;
    font-weight: normal;
    color: var(--style-global-show-pay-color);
}

.knsl-whyus-form .payWay .row.header {
    margin-top: 20px;
}

.knsl-whyus-form .payWay {
    margin-right: 20px;
    margin-left: 20px;
}

.knsl-whyus-form .why-buy-item .title, .knsl-whyus-form .why-buy-item .desc {
    float: inline-start;
    text-align: start;
    margin-top: 6px;
}

.knsl-whyus-form .why-buy-item .title{
    font-weight: bold;
}

.knsl-whyus-form .why-buy-item .desc {
    font-size: 11px;
    color: var(--style-global-show-pay-color);
}

.knsl-whyus-form .why-buy-item {
    display: block;
    align-items: start;
    justify-items: self-start;
    gap: 10px;
    width: 43%;
    margin: 0 10px;
    margin-top: 15px;
    background-color: var(--style-global-show-why-pay-bg-color);
    padding: 5px 5px;
    border-radius: 8px;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
}

.knsl-whyus-form .payWay .payment-method {
    background-color: var(--style-global-show-why-pay-bg-color);
    padding: 0px 6px;
    border-radius: 6px;
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.05); */
    display: flex;
    align-items: center;
    gap: 8px;
}

.knsl-whyus-form .payWay .payment-method img {
    object-fit: contain;
    width: 26px;
    height: 26px;
}

.knsl-whyus-form .payWay .row.body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 10px;
}

.knsl-whyus-form.type2 {
    background: none;
    margin: 0px -10px 25px -10px !important;
    padding: 0;
}

.knsl-whyus-form.type2 .why-buy-item {
    width: auto;
    margin: 0 20px;
}

.knsl-whyus-form.type2 .whyUs .row.body {
    justify-content: start;
    margin-top: 15px;
}

.knsl-whyus-form.type2 .payWay {
    margin: 30px 0px 60px 0px;
}
.knsl-whyus-form.type2 .payWay .row.header span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0 20px 0 0;
}

.knsl-whyus-form.type2 .payWay .payment-method img {
    width: 40px;
    height: 40px;
}

.knsl-whyus-form.type2 .payWay .row.body {
    margin: 0 20px 0 0;
}

.knsl-whyus-form.type2 .payWay .payment-method {
    margin-inline-start: 20px;
    margin-top: 10px;
}

/*********************************************

End of knsl-whyus-form

*********************************************/
/*********************************************

Start of footer_top_part

*********************************************/
.footer_top_part {
    border-top: 1px solid var(--panel-border-dark-color);
}

.footer_top_part .container {
    padding-top: 30px;
    margin-bottom: 20px;
}

.footer_top_part .top_footer{
    overflow: hidden;
    position: relative;
    margin-inline-start: auto;
    vertical-align: top;
}

.footer_top_part .type3 {
    background-color: unset;
    display: ruby;
    overflow: hidden;
}

.footer_top_part .type3 .top_footer .row.header .text span {
    font-weight: bold;
    font-size: 13px;
    color: #000;
    opacity: 0.7;
}

.footer_top_part .type3 .top_footer.logo_part .row.body .text {
    margin-top: 35px;
}

.footer_top_part .type3 .top_footer.logo_part img.res_pic {
    max-width: 150px;
}

.footer_top_part .type3 .top_footer.payWay .row.header {
    margin-top: 0px;
}

.footer_top_part .type3 .top_footer.social_media {
    margin: 0;
}

.footer_top_part .type3 .top_footer.social_media.phone .row.header {
    display: block;
}

.footer_top_part .type3 .top_footer.social_media.phone .row.body {
    display: block;
}

.footer_top_part .type3 .top_footer.social_media .social-method {
    display: flex;
    margin: 15px 0 0 0;
}

.footer_top_part .type3 .top_footer.social_media .social-method.facebook .icon {
    background-color: var(--style-color-facebook);
    background: var(--style-color-facebook);
}

.footer_top_part .type3 .top_footer.social_media .social-method.whatsapp .icon {
    background-color: var(--style-color-whatsapp);
    background: var(--style-color-whatsapp);
}

.footer_top_part .type3 .top_footer.social_media .social-method.telegram .icon {
    background-color: var(--style-color-telegram);
    background: var(--style-color-telegram);
}

.footer_top_part .type3 .top_footer.social_media .social-method.instagram .icon {
    background-color: var(--style-color-instagram);
    background: var(--style-color-instagram);
}

.footer_top_part .type3 .top_footer.social_media .social-method.youtube .icon {
    background-color: var(--style-color-youtube);
    background: var(--style-color-youtube);
}

.footer_top_part .type3 .top_footer.social_media .social-method.linkedIn .icon {
    background-color: var(--style-color-linkedIn);
    background: var(--style-color-linkedIn);
}

.footer_top_part .type3 .top_footer.social_media .social-method.twitter .icon {
    background-color: var(--style-color-twitter);
    background: var(--style-color-twitter);
}

.footer_top_part .type3 .top_footer.social_media .social-method.Eitaa .icon img {
    width: 26px;
    height: 26px;
    margin: -4px 0 0 0;
}

.footer_top_part .type3 .top_footer.social_media .social-method.twitter .icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100) hue-rotate(120deg) contrast(100%);
    width: 18px;
    height: 18px;
    margin: -4px 0 0 0;
}

.footer_top_part .type3 .top_footer.social_media .social-method.Eitaa .icon {
    background-color: var(--style-color-Eitaa);
    background: var(--style-color-Eitaa);
    width: 36px;
    height: 36px;
    overflow: hidden;
}


.footer_top_part .type3 .top_footer.social_media .social-method .link {
    color: var(--style-global-footer-links-color);
    background: var(--style-global-footer-links-bg-color);
    border: 2px solid var(--style-global-footer-links-color);
    border-radius: 10px;
    padding: 5px 8px;
}

.footer_top_part .type3 .top_footer.social_media .social-method .icon {
    background: var(--style-global-footer-links-color);
    color: var(--style-global-footer-links-bg-color);
    padding: 0px 0px 0px 0px;
    margin-inline-end: 10px;
    border-radius: 50px;
    font-size: 20px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    align-content: center;
    text-align: center;
}

.footer_top_part .type3 .top_footer.social_media .social-method .link a,
.footer_top_part .type3 .top_footer.social_media .social-method .link i {
    color: var(--style-global-footer-links-color);
    background: var(--style-global-footer-links-bg-color);
}

.footer_top_part .type3 .top_footer.social_media .social-method:hover .link ,
.footer_top_part .type3 .top_footer.social_media .social-method:hover .link a,
.footer_top_part .type3 .top_footer.social_media .social-method:hover .link i {
    background: var(--style-global-footer-links-color);
    color: var(--style-global-footer-links-bg-color);
}

.footer_top_part .type3 .top_footer.social_media .social-method .link a span {
    font-size: 12px;
}

/*********************************************

End of footer_top_part

*********************************************/
/*********************************************

start of footer_center_part

*********************************************/
.footer_center_part {
    border-top: 1px solid var(--panel-border-dark-color);
}

.footer_center_part .container {
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer_center_part .col_items .head {
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
    margin-bottom: 15px;
    color: var(--style-global-footer-text-color);
    background-color: var(--style-global-footer-bg-color);
    background: var(--style-global-footer-bg-color);
    cursor: default;
}

.footer_center_part .col_items .body {
    font-size: 12px;
    opacity: 0.7;
    color: var(--style-global-footer-text-color);
    background-color: var(--style-global-footer-bg-color);
    background: var(--style-global-footer-bg-color);
}

.footer_center_part .col_items .item_footer {
    margin-bottom: 10px;
    margin-top: 5px;
}

/*********************************************

End of footer_center_part

*********************************************/
/*********************************************

Start of footer_bottom_part

*********************************************/
.footer_bottom_part {
    margin-bottom: 15px;
}

.footer_bottom_part .container {
    display: flex;
}

.footer_bottom_part .bottom_items .head {
    font-weight: bold;
    font-size: 14px;
    opacity: 0.8;
    color: var(--style-global-footer-text-color);
    margin-bottom: 10px;
}

.footer_bottom_part .bottom_items.supports {
    display: flex;
}

.footer_bottom_part .bottom_items.supports .head {
    margin-inline-end: 10px;
}

.footer_bottom_part .bottom_items.supports .body a p {
    padding: 10px 15px;
    color: var(--style-global-footer-text-color);
    border-radius: 8px;
    font-weight: bold;
    opacity: 0.9;
}

.footer_bottom_part .bottom_items.supports .body a p:hover {
    color: var(--style-global-footer-links-color);
    /* border: 2px solid var(--style-global-footer-links-color); */
}

.footer_bottom_part .bottom_items .body {
    font-size: 12px;
    opacity: 0.7;
    color: var(--style-global-footer-text-color);
}

.footer_bottom_part .bottom_items.icons {
    display: flex;
    margin-bottom: 5px;
}

.footer_bottom_part .bottom_items .link {
    margin: 8px;
}

.footer_bottom_part .bottom_items .link a i {
    font-size: 16px;
    margin-top: 2px;
}

.footer_bottom_part .bottom_items .link a img {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100) hue-rotate(120deg) contrast(100%);
    opacity: 0.7;
}

/*********************************************

End of footer_bottom_part

*********************************************/


.single_prod .slider_labels {
    position: absolute;
    z-index: 10;
    display: flex;

}

.single_prod .slider_labels .labels_item {
    margin-bottom: 10px;
    margin-inline-start: 15px;
    margin-top: 10px;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    background: var(--style-global-label-bg-color);
    color: var(--style-global-label-color);
}

.knsl-book-form .ages_percent_item {
    width: -webkit-fill-available;
    cursor: default;
}

.knsl-book-form .ages_percent_item .row {
    width: -webkit-fill-available;
    text-align: start;
    margin: 0px 0px;
}

.knsl-book-form .ages_percent_item .master_div {
    width: -webkit-fill-available;
}

.knsl-book-form .ages_percent_item .master_div .head {
    font-size: 16px;
    font-weight: bold;
    justify-items: start;
}

.knsl-book-form .ages_percent_item .master_div .head p {
    margin-inline-start: 7px;
}

.knsl-book-form .ages_percent_item .master_div .item {
    margin: 8px 0;
    padding: 7px 7px;
    font-size: 13px;
    border-radius: 8px;
}

.knsl-book-form .ages_percent_item .master_div .item .title {
    color: var(--style-accent2-color);
    display: flex;
    font-weight: bold;
}

.knsl-book-form .ages_percent_item .master_div .item .title img {
    width: 20px;
    margin-inline-end: 5px;
    margin-bottom: 10px;
}

.knsl-book-form .ages_percent_item .master_div .item .body p {
    margin-inline-start: 25px;
}

.knsl-book-form .ages_percent_item .master_div .item .body p.head {
    color: var(--style-accent2-color);
}

.knsl-book-form .ages_percent_item .master_div .item:hover {
    background-color: var(--style-bg-ghost-color);
}

.share-body .share-body__icon {
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: var(--style-accent-color);
    border-radius: 50%;
    align-content: center;
    place-self: center;
    margin: 0px;
}

.share-body .share-body__icon i {
    margin-top: 5px;
}

.share-body .share-body__link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #333;
    padding: 5px 0;
    opacity: 0.8;
}

.share-body .share-body__link:hover {
    text-decoration: unset;
    font-weight: 500;
    animation-delay: 0.1s;
    opacity: 1;
    transition: all 0.1s ease;
}

.share-body .share-body__link:hover, .share-body .share-body__link:hover a span {
    text-decoration: unset;
    font-weight: 500;
    animation-delay: 0.1s;
    transition: all 0.1s ease;
}

.knsl-title-frame3-div {
    align-self: center;
    font-size: 12px;
    margin-inline-start: auto;
    height: -webkit-fill-available;
    margin-top: 8px;
}

.knsl-title-frame3-div .knsl-title-frame3 .knsl-breadcrumbs3 {
    display: flex;
}

.knsl-title-frame3-div .knsl-title-frame3 .knsl-breadcrumbs3 li {
    cursor: pointer;
}

.knsl-title-frame3-div .knsl-title-frame3 .knsl-breadcrumbs3 i {
    margin-inline-start: 10px;
    margin-inline-end: 5px;
}

.knsl-title-frame3 {
    position: relative;
}

.share-body {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    background: var(--panel-modal-bg-color);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 9999;
    width: 250px;
}

.global_header .top_part {
    height: 82px;
}

.global_header .under_menu {
    height: 13px;
    font-weight: bold;
}

.dataTables_wrapper.container-fluid .row {
    display: flex;
}

.header_menu_items .header_menu_item a {
    margin-inline-end: 10px;
    font-size: 14px;
    white-space: nowrap;
}


.header_menu_items .slider_controller_header_menu.left,
.header_menu_items .slider_controller_header_menu.right {
    position: absolute;
    background: var(--style-global-header-bg-color);
    padding: 10px 10px;
    top: 0;
    z-index: 2;
    margin: 0px;
    margin-top: -10px;
}

/***************************

typography

***************************/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/fonts/fa/IRANSans(FaNum).ttf');
    src: url('../fonts/fonts/fa/IRANSans(FaNum)_Light.ttf') format('truetype'),
        /* FF39+,Chrome36+, Opera24+*/
        url('../fonts/fonts/fa/IRANSans(FaNum)_Medium.ttf') format('truetype'),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('../fonts/fonts/fa/IRANSans(FaNum)_UltraLight.ttf') format('truetype');
}

* {
    animation-delay: var(--panel-animation-delay);
    transition: all var(--panel-transition-delay) ease;
}

body {
    /* font-family: 'Jost', sans-serif; */
    font-family: 'IRANSans', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 400;
    color: var(--style-text-color);
}

/* line 13, ../scss/_common.scss */
/* line 13, ../scss/_common.scss */
body {
    direction: ltr;
    text-align: left;
}

/* line 21, ../scss/_common.scss */
section {
    position: relative;
}

/* line 25, ../scss/_common.scss */
*:focus {
    outline: inherit;
}

/* line 29, ../scss/_common.scss */
a,
a:hover {
    text-decoration: none;
    color: var(--style-dark-gray-color);
}

/* line 35, ../scss/_common.scss */
p:last-child {
    margin-bottom: 0;
}

/* line 39, ../scss/_common.scss */
.container {
    position: relative;
}

/* line 43, ../scss/_common.scss */
ul {
    padding: 0;
    margin: 0;
}

/* line 47, ../scss/_common.scss */
ul li {
    list-style-type: none;
}

/* line 52, ../scss/_common.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    letter-spacing: 0;
    color: var(--style-dark-gray-color);
    padding: 0;
    margin: 0;
}

/* line 65, ../scss/_common.scss */
h1 {
    font-size: 50px;
}

/* line 68, ../scss/_common.scss */
h1.knsl-h1-inner {
    font-size: 40px;
}

/* line 73, ../scss/_common.scss */
h2 {
    font-size: 32px;
}

/* line 77, ../scss/_common.scss */
h3 {
    font-size: 22px;
}

/* line 81, ../scss/_common.scss */
h4 {
    font-size: 18px;
}

/* line 85, ../scss/_common.scss */
h5 {
    font-size: 14px;
}

/* line 89, ../scss/_common.scss */
h6 {
    font-size: 12px;
}

/* line 115, ../scss/_common.scss */
.knsl-white {
    color: var(--style-bottom-page-sections);
}

/* line 118, ../scss/_common.scss */
.knsl-white h1,
.knsl-white h2,
.knsl-white h3,
.knsl-white h4,
.knsl-white h5,
.knsl-white h6 {
    color: var(--style-white-color);
}

/* line 128, ../scss/_common.scss */
.knsl-accent {
    color: var(--style-accent-color);
}

/* line 132, ../scss/_common.scss */
.knsl-accent-2 {
    color: var(--style-accent-2-color);
}

/* line 136, ../scss/_common.scss */
.knsl-accent-3 {
    color: var(--style-accent-3-color);
}

/* line 140, ../scss/_common.scss */
.knsl-center {
    text-align: center;
}

/* line 153, ../scss/_common.scss */
.knsl-title-frame p {
    max-width: 800px;
}

/* line 158, ../scss/_common.scss */
.knsl-title-frame.knsl-center p {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/***************************

  image

  ***************************/
/* line 170, ../scss/_common.scss */
.knsl-default-img {
    width: 100%;
    border: solid 10px var(--style-white-color);
    border-radius: 10px;
}

/***************************

quote

***************************/
/* line 180, ../scss/_common.scss */
blockquote {
    position: relative;
    background-color: var(--style-white-color);
    padding: 30px 60px;
    border-radius: 10px;
    font-size: 18px;
    font-style: italic;
    text-align: center;
}

/* line 189, ../scss/_common.scss */
blockquote:before {
    font-style: italic;
    position: absolute;
    line-height: 55px;
    font-size: 56px;
    color: var(--style-accent-2-color);
    content: ' " ';
    font-family: 'IRANSans', cursive;
}

/* line 201, ../scss/_common.scss */
blockquote:after {
    font-style: italic;
    position: absolute;
    bottom: -20px;
    right: 30px;
    line-height: 0;
    font-size: 72px;
    color: var(--style-accent-2-color);
    content: ' " ';
    font-family: 'Monoton', cursive;
}

/***************************

  badge

  ***************************/
/* line 218, ../scss/_common.scss */
.knsl-badge {
    border-radius: 3px;
    color: var(--style-white-color);
    position: absolute;
    z-index: 4;
    background-color: var(--style-accent-2-color);
    padding: 1px 10px;
}

/***************************

button

***************************/
/* line 234, ../scss/_common.scss */
.knsl-btn,
.knsl-btn:focus {
    outline: inherit;
    -webkit-box-shadow: 0 0 0 10px var(--style-white-color), 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 0 0 10px var(--style-white-color), 0 2px 48px 0 var(--style-box-shadow-color);
    cursor: pointer;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    height: 50px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 12px;
    white-space: nowrap;
    color: var(--style-white-color) !important;
    background-color: var(--style-accent-color);
    -webkit-transition: var(--panel-transition-delay)ease-in-out;
    transition: var(--panel-transition-delay)ease-in-out;
}

/* line 253, ../scss/_common.scss */
.knsl-btn img,
.knsl-btn:focus img {
    width: 12px;
    margin-right: 12px;
}

/* line 257, ../scss/_common.scss */
.knsl-btn img.knsl-zoom,
.knsl-btn:focus img.knsl-zoom {
    -webkit-transform: scale(1.4) translateY(-1px);
    transform: scale(1.4) translateY(-1px);
}

/* line 262, ../scss/_common.scss */
.knsl-btn:hover,
.knsl-btn:focus:hover {
    color: var(--style-white-color);
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
}

/* line 267, ../scss/_common.scss */
.knsl-btn.knsl-btn-icon-only,
.knsl-btn:focus.knsl-btn-icon-only {
    width: 50px;
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* line 279, ../scss/_common.scss */
.knsl-btn.knsl-btn-accent-2,
.knsl-btn:focus.knsl-btn-accent-2 {
    background-color: var(--style-accent-2-color);
}

/* line 287, ../scss/_common.scss */
.knsl-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 304, ../scss/_common.scss */
.knsl-link {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-weight: 500;
    color: var(--style-dark-gray-color);
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}


/* line 313, ../scss/_common.scss */
.knsl-link:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    font-size: 11px;
    position: absolute;
    transition: 0.2s ease-in-out !important;
}

/* line 325, ../scss/_common.scss */
.knsl-link:hover:after {
    transform: translateX(-5px);
}

/***************************

universal slider

***************************/
/* line 335, ../scss/_common.scss */
.knsl-uni-slider {
    overflow: visible;
    position: relative;
}

/* line 340, ../scss/_common.scss */
.knsl-uni-slider-nav-panel {
    display: flex;
    justify-content: space-between;
}

/* line 344, ../scss/_common.scss */
.knsl-uni-slider-nav-panel .knsl-uni-slider-pagination {
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
    text-align: center;
    z-index: 7;
    font-size: 13px;
    bottom: 30px;
    background-color: var(--style-white-color);
    border-radius: 40px;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 0 10px var(--style-transparent-border-color);
    box-shadow: 0 0 0 10px var(--style-transparent-border-color);
    color: var(--style-dark-gray-color);
}

/* line 360, ../scss/_common.scss */
.knsl-uni-slider-nav-panel .knsl-uni-slider-pagination span {
    margin: 0 5px;
}

/* line 365, ../scss/_common.scss */
.knsl-uni-slider-nav-panel .knsl-uni-nav {
    background-color: var(--style-white-color);
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-next,
.knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-prev {
    margin: 0 10px;
    color: var(--style-dark-gray-color);
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

/* line 390, ../scss/_common.scss */
.knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-next.swiper-button-disabled,
.knsl-uni-slider-nav-panel .knsl-uni-nav .knsl-uni-slider-prev.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/***************************

  grid

  ***************************/
/* line 404, ../scss/_common.scss */
.knsl-masonry-grid-item-h-x-2 .knsl-work-item .knsl-work-cover-frame {
    padding-bottom: calc(126% + 20px);
}

/* line 412, ../scss/_common.scss */
.knsl-masonry-grid-item-50 .knsl-work-item .knsl-work-cover-frame {
    padding-bottom: calc(63% + 8px);
}

/* line 419, ../scss/_common.scss */
.knsl-masonry-grid-item-50.knsl-masonry-grid-item-h-x-2 .knsl-work-item .knsl-work-cover-frame {
    padding-bottom: calc(126% + 36px);
}

/* line 425, ../scss/_common.scss */
.knsl-masonry-grid {
    margin: -10px;
    min-height: 100vh !important;
}

/* line 430, ../scss/_common.scss */
.knsl-masonry-grid:after {
    content: '';
    display: block;
    clear: both;
}

/* line 436, ../scss/_common.scss */
.knsl-grid-sizer,
.knsl-masonry-grid-item {
    width: 25%;
}

/* line 442, ../scss/_common.scss */
.knsl-3-col .knsl-grid-sizer,
.knsl-3-col .knsl-masonry-grid-item {
    width: 33.333%;
}

/* line 449, ../scss/_common.scss */
.knsl-4-col .knsl-grid-sizer,
.knsl-4-col .knsl-masonry-grid-item {
    width: 25%;
}

/* line 455, ../scss/_common.scss */
.knsl-masonry-grid-item {
    float: right;
    padding: 0 10px;
    overflow: hidden;
}

/* line 461, ../scss/_common.scss */
.knsl-masonry-grid-item-25 {
    width: 25%;
}

/* line 465, ../scss/_common.scss */
.knsl-masonry-grid-item-33 {
    width: 33.3333%;
}

/* line 469, ../scss/_common.scss */
.knsl-masonry-grid-item-50 {
    width: 50%;
}

/* line 473, ../scss/_common.scss */
.knsl-masonry-grid-item-100 {
    width: 100%;
}

/***************************

section transitions

***************************/
/* line 494, ../scss/_common.scss */
.knsl-transition-top {
    position: relative;
    background-color: var(--style-bottom-page-sections);
}

/* line 498, ../scss/_common.scss */
.knsl-transition-top:before {
    content: "";
    position: absolute;
    z-index: -1;
    background-color: var(--style-bottom-page-sections);
    height: 50px;
    width: 100%;
    background: linear-gradient(-135deg, var(--style-icon-box-background-color) 25%, transparent 25%) -50px 0, linear-gradient(-225deg, var(--style-icon-box-background-color) 25%, transparent 25%) -50px 0, linear-gradient(-315deg, var(--style-bottom-page-sections) 25%, transparent 25%), linear-gradient(-45deg, var(--style-bottom-page-sections) 25%, transparent 25%);
    background-size: 50px 50px;
    background-color: var(--style-icon-box-background-color);
}



/* line 514, ../scss/_common.scss */
.knsl-transition-bottom {
    position: relative;
    background-color: var(--style-bottom-page-sections);
}

/* line 518, ../scss/_common.scss */
.knsl-transition-bottom:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -85px;
    background-color: var(--style-bottom-page-sections);
    height: 50px;
    width: 100%;
    background: linear-gradient(-135deg, var(--style-bottom-page-sections) 25%, transparent 25%) -50px 0, linear-gradient(-225deg, var(--style-bottom-page-sections) 25%, transparent 25%) -50px 0, linear-gradient(-315deg, var(--style-icon-box-background-color) 25%, transparent 25%), linear-gradient(-45deg, var(--style-icon-box-background-color) 25%, transparent 25%);
    background-size: 50px 50px;
    background-color: var(--style-icon-box-background-color);
}

/* line 534, ../scss/_common.scss */
.knsl-deco-left {
    position: absolute;
    z-index: 0;
    width: 50%;
    opacity: 0.4;
}

/* line 543, ../scss/_common.scss */
.knsl-deco-right {
    position: absolute;
    z-index: 0;
    width: 50%;
    opacity: 0.4;
}

/***************************

  spaces

  ***************************/
/* line 556, ../scss/_common.scss */
.knsl-p-180-100 {
    padding-top: 180px;
    padding-bottom: 100px;
}

/* line 561, ../scss/_common.scss */
.knsl-p-100-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

/* line 566, ../scss/_common.scss */
.knsl-p-100-0 {
    padding-top: 100px;
}

/* line 570, ../scss/_common.scss */
.knsl-p-0-100 {
    padding-bottom: 100px;
}

/* line 574, ../scss/_common.scss */
.knsl-p-100-80 {
    padding-top: 100px;
    padding-bottom: 80px;
}

/* line 579, ../scss/_common.scss */
.knsl-p-80-100 {
    padding-top: 80px;
    padding-bottom: 100px;
}

/* line 584, ../scss/_common.scss */
.knsl-p-0-80 {
    padding-bottom: 80px;
}

/* line 588, ../scss/_common.scss */
.knsl-p-0-90 {
    margin-bottom: 90px;
}

/* line 592, ../scss/_common.scss */
.knsl-p-40-0 {
    padding-top: 40px;
}

/* line 596, ../scss/_common.scss */
.knsl-mb-100 {
    margin-bottom: 100px;
}

/* line 600, ../scss/_common.scss */
.knsl-mb-80 {
    margin-bottom: 80px;
}

/* line 604, ../scss/_common.scss */
.knsl-mb-60 {
    margin-bottom: 60px;
}

/* line 608, ../scss/_common.scss */
.knsl-mb-40 {
    margin-bottom: 40px;
}

/* line 612, ../scss/_common.scss */
.knsl-mb-30 {
    margin-bottom: 30px;
}

/* line 616, ../scss/_common.scss */
.knsl-mb-20 {
    margin-bottom: 20px;
}

/* line 620, ../scss/_common.scss */
.knsl-mb-10 {
    margin-bottom: 10px;
}

/***************************

  page marcup

  ***************************/
/* line 6, ../scss/_frame.scss */
html {
    scroll-behavior: smooth;
}

/* line 10, ../scss/_frame.scss */
body {
    background-color: var(--style-icon-box-background-color);
}

/* line 14, ../scss/_frame.scss */
::-webkit-scrollbar {
    width: 4px;
}

/* line 18, ../scss/_frame.scss */
::-webkit-scrollbar-track {
    background: var(--style-bottom-page-sections);
}

/* line 22, ../scss/_frame.scss */
::-webkit-scrollbar-thumb {
    background: var(--style-accent-color);
    border-radius: 2px;
}

/* line 27, ../scss/_frame.scss */
::-webkit-scrollbar-thumb:hover {
    -webkit-filter: var(--style-scrollbar-thumb-hover-color);
    filter: var(--style-scrollbar-thumb-hover-color);
}

/* line 32, ../scss/_frame.scss */
.knsl-app {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    width: 100%;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

/***************************

  preloader

  ***************************/
/* line 44, ../scss/_frame.scss */
.knsl-preloader-frame {
    background-color: var(--style-preloader-background-color);
    position: fixed;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}

/* line 56, ../scss/_frame.scss */
.knsl-preloader-frame .knsl-preloader {
    opacity: 0;
    margin-bottom: 30px;
    text-align: center;
}

/* line 61, ../scss/_frame.scss */
.knsl-preloader-frame .knsl-preloader img {
    width: 90px;
    margin-bottom: 20px;
}

/* line 66, ../scss/_frame.scss */
.knsl-preloader-frame .knsl-preloader .knsl-preloader-progress {
    border-radius: 5px;
    overflow: hidden;
    width: 180px;
    background-color: var(--style-preloader-progress-color);
    height: 4px;
    margin-bottom: 20px;
}

/* line 74, ../scss/_frame.scss */
.knsl-preloader-frame .knsl-preloader .knsl-preloader-progress .knsl-preloader-bar {
    height: 100%;
    background-color: var(--style-preloader-bar-color);
}

/* line 81, ../scss/_frame.scss */
.knsl-preloader-frame.knsl-hidden {
    opacity: 0;
    pointer-events: none;
}

/* line 87, ../scss/_frame.scss */
.knsl-preloader-bar {
    width: 0;
}

/***************************

  top bar

  ***************************/
/* line 95, ../scss/_frame.scss */
.knsl-top-bar {
    /* -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color); */
    border-radius: 0 0 10px 10px;
    position: fixed;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: block;
    align-items: center;
    background-color: var(--style-top-bar-background-color);
    width: 100%;
    height: 108px;
    border-bottom: 1px solid var(--panel-border-color);
}

/* line 108, ../scss/_frame.scss */
.knsl-top-bar .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 113, ../scss/_frame.scss */
.knsl-top-bar .container .knsl-left-side {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 118, ../scss/_frame.scss */
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
}

/* line 123, ../scss/_frame.scss */
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame .knsl-logo-text {
    position: relative;
    font-weight: 900;
    font-size: 22px;
    color: var(--style-dark-gray-color);
}

/* line 130, ../scss/_frame.scss */
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame .knsl-logo-text span {
    color: var(--style-accent-color);
}

/* line 135, ../scss/_frame.scss */
.knsl-top-bar .container .knsl-left-side .knsl-logo-frame img {
    width: 90px !important;
}

/* line 141, ../scss/_frame.scss */
.knsl-top-bar .container .knsl-right-side {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 72%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/***************************

  menu

  ***************************/

/* line 200, ../scss/_frame.scss */
.knsl-menu nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
}

/* line 205, ../scss/_frame.scss */
.knsl-menu nav ul li {
    height: 80px;
    position: relative;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 213, ../scss/_frame.scss */
.knsl-menu nav ul li:after {
    content: '';
    position: absolute;
    border-radius: 10px;
    height: 4px;
    width: 0;
    background-color: var(--panel-primary-text-color);
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

/* line 227, ../scss/_frame.scss */
.knsl-menu nav ul li.current-item:after,
.knsl-menu nav ul li.current-menu-item:after {
    width: calc(100% - 20px);
}

/* line 232, ../scss/_frame.scss */
.global_header .top_part .knsl-menu nav ul li a {
    white-space: nowrap;
    height: 100%;
    width: 100%;
    padding: 0 20px;
    line-height: 82px;
    color: var(--style-dark-gray-color);
    font-size: 15px;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

.global_header .under_menu .knsl-menu nav ul li a {
    white-space: nowrap;
    height: 100%;
    width: 100%;
    padding: 0;
    line-height: 36px;
    margin-inline-end: 20px;
    align-content: center;
    font-size: 18px;
    color: var(--style-dark-gray-color);
    height: 30px;
    font-size: 15px;
    -webkit-transition: var(--panel-transition-delay)ease-in-out;
    transition: var(--panel-transition-delay)ease-in-out;
}

/* line 242, ../scss/_frame.scss */
.knsl-menu nav ul li a:hover {
    color: var(--style-accent-color);
}

/* line 247, ../scss/_frame.scss */
.knsl-menu nav ul li ul {
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    padding: 10px;
    pointer-events: none;
    background-color: var(--style-top-bar-background-color);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    height: auto;
    border-radius: 5px;
    min-width: 130px;
    position: absolute;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

/* line 265, ../scss/_frame.scss */
.knsl-menu nav ul li ul:before {
    content: '';
    background-color: transparent;
    width: 100%;
    height: 5px;
    position: absolute;
}

/* line 275, ../scss/_frame.scss */
.knsl-menu nav ul li ul li {
    height: 40px;
    margin: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

/* line 280, ../scss/_frame.scss */
.knsl-menu nav ul li ul li:after,
.knsl-menu nav ul li ul li:before {
    display: none;
}

/* line 285, ../scss/_frame.scss */
.knsl-menu nav ul li ul li a {
    line-height: 40px;
}

/* line 292, ../scss/_frame.scss */
.knsl-menu nav ul li:hover ul {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/***************************

  mobile menu button

  ***************************/
/* line 390, ../scss/_frame.scss */
.knsl-menu-btn {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    margin-top: 2px;
    padding: 8px 7px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

/* line 401, ../scss/_frame.scss */
.knsl-menu-btn span,
.knsl-menu-btn span:after,
.knsl-menu-btn span:before {
    content: "";
    display: block;
    width: 15px;
    height: 0.15em;
    border-radius: 1px;
    background: var(--style-dark-gray-color);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

/* line 414, ../scss/_frame.scss */
.knsl-menu-btn span {
    position: relative;
    margin: 5px 0 0;
}

/* line 418, ../scss/_frame.scss */
.knsl-menu-btn span:after,
.knsl-menu-btn span:before {
    position: absolute;
}

/* line 423, ../scss/_frame.scss */
.knsl-menu-btn span:before {
    top: -5px;
}

/* line 427, ../scss/_frame.scss */
.knsl-menu-btn span:after {
    top: 5px;
}

/* line 433, ../scss/_frame.scss */
.knsl-menu-btn.knsl-active span {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* line 436, ../scss/_frame.scss */
.knsl-menu-btn.knsl-active span:before {
    -webkit-transform: translate(0px, 5px) rotate(90deg);
    transform: translate(0px, 5px) rotate(90deg);
}

/* line 440, ../scss/_frame.scss */
.knsl-menu-btn.knsl-active span:after {
    -webkit-transform: translate(0px, -5px) rotate(90deg);
    transform: translate(0px, -5px) rotate(90deg);
}


/***************************

popup

***************************/
/* line 464, ../scss/_frame.scss */
.knsl-popup {
    display: none;
    text-align: center;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 10px var(--style-transparent-border-color);
    box-shadow: 0 0 0 10px var(--style-transparent-border-color);
}

/* line 470, ../scss/_frame.scss */
.knsl-popup .knsl-succes-icon {
    width: 60px;
    margin-bottom: 10px;
}

/* line 476, ../scss/_frame.scss */
.knsl-popup-frame {
    pointer-events: none;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--style-popup-background-color);
    height: 100vh;
    z-index: 9999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 80px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

/* line 492, ../scss/_frame.scss */
.knsl-popup-frame .knsl-book-popup {
    padding-top: 40px;
    padding-bottom: 40px;
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    height: auto;
    overflow: visible;
    max-width: 500px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* line 503, ../scss/_frame.scss */
.knsl-popup-frame .knsl-book-popup h2 {
    margin-top: 10px;
    text-align: center;
}

/* line 508, ../scss/_frame.scss */
.knsl-popup-frame .knsl-book-popup .knsl-close-popup {
    position: absolute;
    font-size: 38px;
    font-weight: 200;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

/* line 517, ../scss/_frame.scss */
.knsl-popup-frame .knsl-book-popup .knsl-close-popup:hover {
    color: var(--style-dark-gray-color);
}

.search_box {
    margin: 5px 25px;
    display: block;
    height: 45px;
    position: relative;
    padding: 5px 10px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 2px 6px 0px var(--panel-shadow-color);
    background: unset !important;
    background-color: unset !important;
    float: none;
}

.search_box .search_box_field {
    display: flex;
    height: 100%;
    background: unset !important;
    background-color: unset !important;
    box-shadow: none;
}

.search_box .search_box_field .search_icon {
    padding: 8px;
    padding-inline-end: 12px;
    height: 100%;
    font-size: 14px;
    cursor: pointer;
}

.search_box .search_box_field input {
    background: unset !important;
    background-color: unset !important;
    height: 100%;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    padding-inline-start: 5px;
}

.global_header .top_part .knsl-left-side a,
.global_header .top_part .knsl-left-side .search_field,
.global_header .top_part .knsl-left-side .search_datepicker,
.global_header .top_part .knsl-left-side .search_box_field,
.global_header .top_part .knsl-left-side .search_icon {
    z-index: 9995;
    pointer-events: all;
}

.global_header .top_part.part_search_box .search_box {
    box-shadow: 0px 2px 6px 0px var(--panel-shadow-color);
    border: 1px solid;
}

body.show_search_in_page {
    overflow: hidden;
}

.global_header .top_part.part_search_box .knsl-right-side,
.global_header .top_part.part_search_box .knsl-menu-btn {
    display: none;
}

.search_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); /* شیشه سفید با کمی شفافیت */
    z-index: 990;
    pointer-events: none; /* اجازه ندهد کلیک‌ها متوقف شوند */
}

.error_layout .row .knsl-center {
    place-items: center;
}

.error_layout .row .knsl-center p {
    text-align-last: center;
    align-self: center;
}

.error_layout .row .knsl-center h1 {
    font-size: 100px;
    margin-top: 20%;
}

.error_layout .row .knsl-center div,
.error_layout .row .knsl-center p {
    font-size: 25px;
}

.swiper-slide .knsl-scroll-animation {
    opacity: 1;
}

.knsl-uni-slider-header_menu-nav-panel .knsl-uni-slider-header_menu-pagination {
    display: none;
}

.knsl-uni-slider-header_menu {

}

.knsl-uni-slider-header_menu .swiper-wrapper {
    height: 25px;
    display: flex;
    align-items: center;
}

.knsl-uni-slider-header_menu .swiper-slide {
    width: auto;
    flex-shrink: 0;
}

.knsl-uni-slider-header_menu .swiper-wrapper .swiper-slide {
    height: 25px;
    width: auto;
    margin-top: -62px;
}

.knsl-uni-slider-header_menu .swiper-wrapper .swiper-slide .knsl-room-card {
    height: 25px;
}

.knsl-uni-slider-header_menu .knsl-uni-slider-header_menu-nav-panel .knsl-uni-slider-header_menu-prev ,
.knsl-uni-slider-header_menu .knsl-uni-slider-header_menu-nav-panel .knsl-uni-slider-header_menu-next {
    position: absolute;
    z-index: 999;
    top: 0;
    padding: 2px 10px;
    cursor: pointer;
    font-size: 16px;
    background: var(--style-global-header-slider-btns-bg-color);
}

.knsl-uni-slider-header_menu .knsl-uni-slider-header_menu-nav-panel .knsl-uni-slider-header_menu-prev:hover ,
.knsl-uni-slider-header_menu .knsl-uni-slider-header_menu-nav-panel .knsl-uni-slider-header_menu-next:hover {
    background: var(--style-global-header-bg-color);
}

.knsl-banner .knsl-cover-frame img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-animation: zoom 20s ease-in-out infinite;
    animation: zoom 20s ease-in-out infinite;
}

.knsl-banner .knsl-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: var(--style-banner-overlay-color);
}

/* line 41, ../scss/_content.scss */
.knsl-banner .knsl-banner-content {
    height: 100vh;
    width: 100%;
    position: relative;
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 52, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-banner-buttons .knsl-btn {
    margin: 0 15px;
}

/* line 57, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-main-title {
    width: 100%;
    position: relative;
}

/* line 61, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-main-title .knsl-stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--panel-primary-text-color);
    font-size: 13px;
    background-color: var(--style-gallery-hover-color);
    width: 120px;
    margin: 0 auto 20px;
    border-radius: 15px;
}

/* line 75, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-main-title .knsl-stars li {
    margin: 0 3px;
}

/* line 80, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-main-title h1 {
    z-index: 1;
    color: var(--style-white-color);
}


/* line 86, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-scroll-hint-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 92, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-scroll-hint-frame .knsl-scroll-hint {
    display: block;
    background-color: var(--style-gallery-hover-color);
    position: relative;
    width: 24px;
    height: 40px;
    border: solid 2px var(--panel-primary-text-color);
    border-radius: 20px;
}

/* line 101, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-scroll-hint-frame .knsl-scroll-hint:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    background-color: var(--style-white-color);
    height: 4px;
    width: 4px;
    -webkit-animation: mouse 1s infinite ease-in-out;
    animation: mouse 1s infinite ease-in-out;
}


/* line 114, ../scss/_content.scss */
.knsl-banner .knsl-banner-content .knsl-scroll-hint-frame.knsl-scroll-hint-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

/* line 121, ../scss/_content.scss */
.knsl-banner.knsl-banner-short {
    height: 550px;
}

/* line 125, ../scss/_content.scss */
.knsl-banner.knsl-banner-short .knsl-banner-content .knsl-main-title {
    margin-top: 110px;
}

/* line 130, ../scss/_content.scss */
.knsl-banner.knsl-banner-short .knsl-scroll-hint-frame {
    padding-top: 0 !important;
}

/***************************

popup

***************************/

/* line 523, ../scss/_frame.scss */
.knsl-popup-frame.knsl-active {
    pointer-events: all;
    opacity: 1;
}

/* line 526, ../scss/_frame.scss */
.knsl-popup-frame.knsl-active .knsl-book-popup {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

/***************************

icon box

***************************/
/* line 188, ../scss/_content.scss */
.knsl-icon-box {
    -webkit-box-shadow: inset 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: inset 0 2px 48px 0 var(--style-box-shadow-color);
    border-radius: 10px;
    text-align: center;
    background-color: var(--style-icon-box-background-color);
    padding: 30px;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
    border: solid 10px var(--style-white-color);
    margin-bottom: 10px;
    height: calc(100% - 10px);
}

/* line 199, ../scss/_content.scss */
.knsl-icon-box img {
    width: 45px;
    height: 45px;
}

/* line 204, ../scss/_content.scss */
.knsl-icon-box .knsl-counter-number {
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    font-family: 'Monoton', cursive;
}

/* line 212, ../scss/_content.scss */
.knsl-icon-box.knsl-icon-box-sm {
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    padding: 20px;
    border: none;
    background-color: var(--style-white-color);
}

/* line 218, ../scss/_content.scss */
.knsl-icon-box.knsl-icon-box-sm img {
    width: 35px;
    height: 35px;
}


/***************************

icon box

***************************/

/* line 225, ../scss/_content.scss */
.knsl-features-card {
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    z-index: 2;
    position: relative;
    border-radius: 10px;
    background-color: var(--style-features-card-background-color);
    padding: 10px 10px 0;
}

/* line 233, ../scss/_content.scss */
.knsl-features-card:before {
    content: '';
    width: 500px;
    height: 10px;
    background-color: var(--style-white-color);
    position: absolute;
    z-index: 999;
    top: calc(50% - 5px);
    left: -500px;
}

/* line 244, ../scss/_content.scss */
.knsl-features-card:after {
    content: '';
    width: 500px;
    height: 10px;
    background-color: var(--style-white-color);
    position: absolute;
    z-index: 999;
    top: calc(50% - 5px);
    right: -500px;
}

/* line 255, ../scss/_content.scss */
.knsl-features-card .knsl-icon-box {
    border: none;
}

/* line 275, ../scss/_content.scss */
.knsl-quote-with-author .knsl-photo-frame:before {
    content: '';
    width: 500px;
    height: 10px;
    background-color: var(--style-white-color);
    position: absolute;
    z-index: 999;
    bottom: calc(27% - 5px);
}

/* line 286, ../scss/_content.scss */
.knsl-quote-with-author .knsl-photo-frame:after {
    content: '';
    width: 150%;
    height: 10px;
    background-color: var(--style-white-color);
    position: absolute;
    z-index: 9;
    bottom: calc(27% - 5px);
}

/* line 298, ../scss/_content.scss */
.knsl-quote-with-author .knsl-photo-frame img {
    width: 60%;
}

/* line 303, ../scss/_content.scss */
.knsl-quote-with-author blockquote {
    font-size: 18px;
}

/* line 308, ../scss/_content.scss */
.knsl-quote-with-author .knsl-quote-bottom {
    position: relative;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* line 315, ../scss/_content.scss */
.knsl-quote-with-author .knsl-quote-bottom .knsl-signature {
    width: 160px;
    -webkit-transform: rotate(5deg) translateY(-5px);
    transform: rotate(5deg) translateY(-5px);
    margin-left: 30px;
    opacity: 0.7;
}

/***************************

gallery

***************************/
/* line 384, ../scss/_content.scss */
.knsl-about-slider {
    overflow: visible;
}

/* line 389, ../scss/_content.scss */
.knsl-slider-nav-panel .knsl-about-slider-1-pagination {
    width: 80px;
    text-align: center;
    position: absolute;
    z-index: 7;
    font-size: 13px;
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    bottom: 30px;
    background-color: var(--style-white-color);
    border-radius: 40px;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 0 10px var(--style-transparent-border-color);
    box-shadow: 0 0 0 10px var(--style-transparent-border-color);
    color: var(--style-dark-gray-color);
}

/* line 405, ../scss/_content.scss */
.knsl-slider-nav-panel .knsl-about-slider-nav {
    position: absolute;
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    bottom: 30px;
    text-align: center;
    z-index: 9;
    border-radius: 40px;
    background-color: var(--style-white-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 0 10px var(--style-transparent-border-color);
    box-shadow: 0 0 0 10px var(--style-transparent-border-color);
}

/* line 418, ../scss/_content.scss */
.knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-next,
.knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-prev {
    border-radius: 50%;
    height: 45px;
    width: 45px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--style-dark-gray-color);
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/* line 431, ../scss/_content.scss */
.knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-next.swiper-button-disabled,
.knsl-slider-nav-panel .knsl-about-slider-nav .knsl-about-slider-1-prev.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* line 455, ../scss/_content.scss */
.knsl-image-frame {
    border: solid 10px var(--style-white-color);
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding-bottom: 65%;
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
}

/* line 463, ../scss/_content.scss */
.knsl-image-frame img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 5px;
    z-index: 1;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

/* line 476, ../scss/_content.scss */
.knsl-image-frame .knsl-zoom {
    opacity: 0;
    z-index: 9;
    background-color: var(--style-gallery-hover-color);
    border: solid 2px var(--style-white-color);
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    margin-top: -20px;
    color: var(--style-white-color);
    -webkit-transform: scale(0.5) translateY(15px);
    transform: scale(0.5) translateY(15px);
    font-size: 13px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/* line 500, ../scss/_content.scss */
.knsl-image-frame:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* line 504, ../scss/_content.scss */
.knsl-image-frame:hover .knsl-zoom {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

/* line 511, ../scss/_content.scss */
.knsl-gallery-item {
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    width: 100%;
    margin-bottom: 20px;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

/* line 520, ../scss/_content.scss */
.knsl-gallery-item img {
    width: 100%;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

/* line 525, ../scss/_content.scss */
.knsl-gallery-item .knsl-zoom {
    opacity: 0;
    z-index: 9;
    background-color: var(--style-gallery-hover-color);
    border: solid 2px var(--style-white-color);
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    margin-top: -20px;
    color: var(--style-white-color);
    -webkit-transform: scale(0.5) translateY(15px);
    transform: scale(0.5) translateY(15px);
    font-size: 13px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/* line 549, ../scss/_content.scss */
.knsl-gallery-item:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* line 553, ../scss/_content.scss */
.knsl-gallery-item:hover .knsl-zoom {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}


/***************************

about

***************************/
/* line 564, ../scss/_content.scss */
.knsl-about-card {
    -webkit-box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    box-shadow: 0 2px 48px 0 var(--style-box-shadow-color);
    border: solid 10px var(--style-white-color);
    border-radius: 20px;
    overflow: hidden;
    background-color: var(--style-white-color);
}

/* line 571, ../scss/_content.scss */
.knsl-about-card .knsl-about-photo,
.knsl-about-card .knsl-video-frame {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 70%;
}

/* line 578, ../scss/_content.scss */
.knsl-about-card .knsl-about-photo img,
.knsl-about-card .knsl-video-frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* line 589, ../scss/_content.scss */
.knsl-about-card .knsl-about-text {
    padding: 60px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/***************************

video

***************************/

/* line 609, ../scss/_content.scss */
.knsl-video-frame {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}

/* line 614, ../scss/_content.scss */
.knsl-video-frame img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* line 625, ../scss/_content.scss */
.knsl-video-frame .knsl-play-btn {
    color: var(--style-white-color);
    padding-left: 4px;
    position: absolute;
    margin-top: -30px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: var(--panel-primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: wave 1s ease-in-out infinite;
    animation: wave 1s ease-in-out infinite;
    -webkit-transition: var(--panel-transition-delay) ease-in-out;
    transition: var(--panel-transition-delay) ease-in-out;
}

/* line 643, ../scss/_content.scss */
.knsl-video-frame .knsl-play-btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}