/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/demo/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        4.0.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

@font-face {
    font-family: 'Aptos Serif';
    src: url('fonts/AptosSerif-Bold.woff2') format('woff2'),
        url('fonts/AptosSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Serif';
    src: url('fonts/AptosSerif-BoldItalic.woff2') format('woff2'),
        url('fonts/AptosSerif-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/Aptos-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-SemiBold.woff2') format('woff2'),
        url('fonts/Aptos-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Serif';
    src: url('fonts/AptosSerif-Regular.woff2') format('woff2'),
        url('fonts/AptosSerif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Serif';
    src: url('fonts/AptosSerif-Italic.woff2') format('woff2'),
        url('fonts/AptosSerif-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Narrow';
    src: url('fonts/Aptos-Narrow-Bold.woff2') format('woff2'),
        url('fonts/Aptos-Narrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Narrow';
    src: url('fonts/Aptos-Narrow-Bold-Italic.woff2') format('woff2'),
        url('fonts/Aptos-Narrow-Bold-Italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Narrow';
    src: url('fonts/Aptos-Narrow.woff2') format('woff2'),
        url('fonts/Aptos-Narrow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Mono';
    src: url('fonts/AptosMono-Italic.woff2') format('woff2'),
        url('fonts/AptosMono-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Mono';
    src: url('fonts/AptosMono-Bold.woff2') format('woff2'),
        url('fonts/AptosMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Mono';
    src: url('fonts/AptosMono-BoldItalic.woff2') format('woff2'),
        url('fonts/AptosMono-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Narrow';
    src: url('fonts/Aptos-Narrow-Italic.woff2') format('woff2'),
        url('fonts/Aptos-Narrow-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Mono';
    src: url('fonts/AptosMono.woff2') format('woff2'),
        url('fonts/AptosMono.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/Aptos-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-Italic.woff2') format('woff2'),
        url('fonts/Aptos-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-Light.woff2') format('woff2'),
        url('fonts/Aptos-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-LightItalic.woff2') format('woff2'),
        url('fonts/Aptos-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-ExtraBold.woff2') format('woff2'),
        url('fonts/Aptos-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Display';
    src: url('fonts/AptosDisplay-Italic.woff2') format('woff2'),
        url('fonts/AptosDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-BlackItalic.woff2') format('woff2'),
        url('fonts/Aptos-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-BoldItalic.woff2') format('woff2'),
        url('fonts/Aptos-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Display';
    src: url('fonts/AptosDisplay.woff2') format('woff2'),
        url('fonts/AptosDisplay.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Display';
    src: url('fonts/AptosDisplay-Bold.woff2') format('woff2'),
        url('fonts/AptosDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos Display';
    src: url('fonts/AptosDisplay-BoldItalic.woff2') format('woff2'),
        url('fonts/AptosDisplay-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-Black.woff2') format('woff2'),
        url('fonts/Aptos-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos-Bold.woff2') format('woff2'),
        url('fonts/Aptos-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aptos';
    src: url('fonts/Aptos.woff2') format('woff2'),
        url('fonts/Aptos.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@media (min-width: 768px) {
.header--is-sticked .site-header.sticky-resize .logosize--contain .site-logo-img {max-height: 90px !important;}
.header--is-sticked .site-header.sticky-resize .site-header-wrapper:not(.sticky-main-area) .site-header-main {height: 90px;}
}
.download-btn .btn{
	margin-top: -140px;
    position: relative;
    margin-left: -15px;
}
@media (max-width: 781px){
	.download-btn .btn{
		margin-left: 15px;
	}
}

body * {
    font-family: 'Aptos' !important;
}
.language-select select {
  padding: 6px 6px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 14px;
  cursor: pointer;
  background-color: #fff;
  outline: none !important;
}
.flag-dropdown {
  position: relative;
  display: inline-block;
}

.flag-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 50px;
  transition: background 0.2s ease;
}

.flag-toggle:hover, .flag-dropdown.active .flag-toggle{
  background: rgb(51 81 168 / 10%);
}
.flag-dropdown.active .flag-toggle{
    border-radius: 28px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.flag-toggle img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.flag-toggle .arrow {
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(-45deg);
  margin-top: -3px;
  transition: transform 0.2s ease;
  margin-left: 6px;
}

.flag-dropdown.active .arrow {
  transform: rotate(135deg);
  margin-top: 6px;
}

.flag-menu {
  position: absolute;
  top: 47px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 6px 8px;
  background: rgb(51 81 168 / 10%);
  backdrop-filter: blur(8px);
  border-radius: 50px;
  display: none;
  gap: 10px;
  flex-direction: column;
  align-items: center;
  z-index: 9999;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
}
.flag-dropdown.active .flag-menu {
  display: flex;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  
}

.flag-menu li {
  cursor: pointer;
  padding-right: 15px;
}

.flag-menu img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #ccc;
  transition: transform 0.2s ease;
}

.flag-menu img:hover {
  transform: scale(1.1);
}

.features_section .thescreenshot:before, .features_section .slick-dots{
    display: none !important;
}
.features_section .thescreenshot li{
    background-color: white;
}