@font-face {
    font-family: 'evkal';
    src:  url('../fonts/evkal.eot?at7mnz');
    src:  url('../fonts/evkal.eot?at7mnz#iefix') format('embedded-opentype'),
    url('../fonts/evkal.ttf?at7mnz') format('truetype'),
    url('../fonts/evkal.woff?at7mnz') format('woff'),
    url('../fonts/evkal.svg?at7mnz#evkal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'evkal' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.evkal-square:before {
    content: "\e950";
}
.evkal-square2:before {
    content: "\e951";
}
.evkal-minus:before {
    content: "\e94b";
}
.evkal-plus:before {
    content: "\e94f";
}
.evkal-play-circle2:before {
    content: "\e94c";
}
.evkal-play-circle3:before {
    content: "\e94d";
}
.evkal-play-circle:before {
    content: "\e94e";
}
.evkal-play:before {
    content: "\e94a";
}
.evkal-location3:before {
    content: "\e949";
}
.evkal-youtube2:before {
    content: "\e948";
}
.evkal-checkbox-circle .path1:before {
    content: "\e945";
    color: rgb(245, 246, 253);
}
.evkal-checkbox-circle .path2:before {
    content: "\e946";
    margin-left: -1em;
    color: rgb(107, 110, 255);
}
.evkal-checkbox-circle-empty:before {
    content: "\e947";
    color: #f5f6fd;
}
.evkal-clock:before {
    content: "\e944";
}
.evkal-whatsapp:before {
    content: "\e943";
}
.evkal-arrow-right-double:before {
    content: "\e940";
}
.evkal-lock:before {
    content: "\e942";
}
.evkal-search:before {
    content: "\e941";
}
.evkal-checkbox-square-empty:before {
    content: "\e93e";
}
.evkal-checkbox-square-fill:before, .evkal-checkbox-square-empty.active:before {
    content: "\e93f";
}
.evkal-arrow-up2:before {
    content: "\e93c";
}
.evkal-arrow-down2:before {
    content: "\e93d";
}
.evkal-arrow-left2:before {
    content: "\e93a";
}
.evkal-menu2:before {
    content: "\e93b";
}
.evkal-arrow-right2:before {
    content: "\e920";
}
.evkal-comments:before {
    content: "\e925";
    color: #5d5ea3;
}
.evkal-exam-test2:before {
    content: "\e926";
}
.evkal-statistics2 .path1:before {
    content: "\e927";
    color: rgb(229, 48, 62);
}
.evkal-statistics2 .path2:before {
    content: "\e928";
    margin-left: -1em;
    color: rgb(183, 39, 50);
}
.evkal-statistics2 .path3:before {
    content: "\e929";
    margin-left: -1em;
    color: rgb(207, 128, 213);
}
.evkal-statistics2 .path4:before {
    content: "\e92a";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.evkal-statistics2 .path5:before {
    content: "\e92b";
    margin-left: -1em;
    color: rgb(224, 224, 226);
}
.evkal-statistics2 .path6:before {
    content: "\e92c";
    margin-left: -1em;
    color: rgb(207, 128, 213);
}
.evkal-statistics2 .path7:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(60, 59, 65);
}
.evkal-statistics2 .path8:before {
    content: "\e92e";
    margin-left: -1em;
    color: rgb(229, 48, 62);
}
.evkal-statistics2 .path9:before {
    content: "\e92f";
    margin-left: -1em;
    color: rgb(78, 186, 234);
}
.evkal-statistics2 .path10:before {
    content: "\e930";
    margin-left: -1em;
    color: rgb(46, 153, 212);
}
.evkal-statistics2 .path11:before {
    content: "\e931";
    margin-left: -1em;
    color: rgb(253, 212, 2);
}
.evkal-statistics2 .path12:before {
    content: "\e932";
    margin-left: -1em;
    color: rgb(251, 191, 19);
}
.evkal-statistics2 .path13:before {
    content: "\e933";
    margin-left: -1em;
    color: rgb(55, 182, 120);
}
.evkal-statistics2 .path14:before {
    content: "\e934";
    margin-left: -1em;
    color: rgb(0, 166, 83);
}
.evkal-statistics2 .path15:before {
    content: "\e935";
    margin-left: -1em;
    color: rgb(63, 109, 180);
}
.evkal-statistics2 .path16:before {
    content: "\e936";
    margin-left: -1em;
    color: rgb(31, 83, 164);
}
.evkal-statistics2 .path17:before {
    content: "\e937";
    margin-left: -1em;
    color: rgb(88, 86, 93);
}
.evkal-statistics2 .path18:before {
    content: "\e938";
    margin-left: -1em;
    color: rgb(88, 86, 93);
}
.evkal-users:before {
    content: "\e939";
    color: #fff;
}
.evkal-statistics .path1:before {
    content: "\e90f";
    color: rgb(229, 48, 62);
}
.evkal-statistics .path2:before {
    content: "\e910";
    margin-left: -1em;
    color: rgb(183, 39, 50);
}
.evkal-statistics .path3:before {
    content: "\e911";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.evkal-statistics .path4:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(224, 224, 226);
}
.evkal-statistics .path5:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(60, 59, 65);
}
.evkal-statistics .path6:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(229, 48, 62);
}
.evkal-statistics .path7:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(78, 186, 234);
}
.evkal-statistics .path8:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(46, 153, 212);
}
.evkal-statistics .path9:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(253, 212, 2);
}
.evkal-statistics .path10:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(251, 191, 19);
}
.evkal-statistics .path11:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(55, 182, 120);
}
.evkal-statistics .path12:before {
    content: "\e91a";
    margin-left: -1em;
    color: rgb(0, 166, 83);
}
.evkal-statistics .path13:before {
    content: "\e91b";
    margin-left: -1em;
    color: rgb(63, 109, 180);
}
.evkal-statistics .path14:before {
    content: "\e91c";
    margin-left: -1em;
    color: rgb(31, 83, 164);
}
.evkal-statistics .path15:before {
    content: "\e91d";
    margin-left: -1em;
    color: rgb(88, 86, 93);
}
.evkal-statistics .path16:before {
    content: "\e91e";
    margin-left: -1em;
    color: rgb(88, 86, 93);
}
.evkal-exam-test:before {
    content: "\e91f";
}
.evkal-phone3:before {
    content: "\e921";
    color: #fff;
}
.evkal-car2:before {
    content: "\e922";
    color: #fff;
}
.evkal-announcement:before {
    content: "\e923";
    color: #fff;
}
.evkal-starts:before {
    content: "\e924";
    color: #fff;
}
.evkal-menu:before {
    content: "\e90e";
}
.evkal-instagram:before {
    content: "\e90b";
}
.evkal-youtube:before {
    content: "\e90a";
    color: #ff0002;
}
.evkal-facebook:before {
    content: "\e90c";
}
.evkal-web:before {
    content: "\e90d";
}
.evkal-location2:before {
    content: "\e909";
}
.evkal-mail:before {
    content: "\e904";
}
.evkal-location:before {
    content: "\e900";
}
.evkal-phone:before {
    content: "\e901";
}
.evkal-arrow-left:before {
    content: "\e902";
}
.evkal-arrow-right:before {
    content: "\e903";
}
.evkal-car:before {
    content: "\e905";
}
.evkal-arrow-up:before {
    content: "\e906";
}
.evkal-phone2:before {
    content: "\e907";
}
.evkal-arrow-down:before {
    content: "\e908";
}

.checkbox-icon{
    content: '\e906';
    font-family: evkal !important;
    transition: .4s ease;
}

.scrollhide::-webkit-scrollbar {
    width: 0vw;
    height: 0vw;
}
.scrollhide::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
.scrollhide::-webkit-scrollbar-thumb {
    background: var(--bg-5);
    border: 0px none var(--bg-1);
}
.scrollhide::-webkit-scrollbar-thumb:hover {
    background: var(--bg-5);
}
.scrollhide::-webkit-scrollbar-thumb:active {
    background: var(--bg-5);
}
.scrollhide::-webkit-scrollbar-track {
    background: var(--bg-1);
    border: 0px none var(--bg-1);
}
.scrollhide::-webkit-scrollbar-track:hover {
    background: var(--bg-1);
}
.scrollhide::-webkit-scrollbar-track:active {
    background: var(--bg-1);
}
.scrollhide::-webkit-scrollbar-corner {
    background: transparent;
}

body, html {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

body.loading {
    width:100%;
    height:100%;
    position:relative;
    overflow: hidden;
}
body.loading:before{
    content:'';
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index: 9999;
}

.mobil-icon {
    height: 3vw;
}

.mobil-icon .line {
    transition: background 0s linear .15s;
    height:20%;
}

.mobil-icon.active .line {
    background: none!important;
}

body.main .mobil-icon .line::before, body.main .mobil-icon .line::after {
    position: absolute;
    display: block;
    border-radius: 1vw!important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    content: "";
}

body:not(.main) .mobil-icon .line::before, body:not(.main) .mobil-icon .line::after {
    position: absolute;
    display: block;
    border-radius: 1vw!important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark);
    content: "";
}

.mobil-icon .line::before {
    top: -1vw;
    transition: top .15s ease-in .15s,-webkit-transform .15s ease-in 0s;
    transition: top .15s ease-in .15s,transform .15s ease-in 0s;
    transition: top .15s ease-in .15s,transform .15s ease-in 0s,-webkit-transform .15s ease-in 0s;
}

.mobil-icon.active .line::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: top .15s ease-in 0s,-webkit-transform .15s ease-in .15s;
    transition: transform .15s ease-in .15s,top .15s ease-in 0s;
    transition: transform .15s ease-in .15s,top .15s ease-in 0s,-webkit-transform .15s ease-in .15s;
}

.mobil-icon .line::after {
    bottom: -1vw;
    transition: bottom .15s ease-in .15s,-webkit-transform .15s ease-in 0s;
    transition: bottom .15s ease-in .15s,transform .15s ease-in 0s;
    transition: bottom .15s ease-in .15s,transform .15s ease-in 0s,-webkit-transform .15s ease-in 0s;
}

.mobil-icon.active .line::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: bottom .15s ease-in 0s,-webkit-transform .15s ease-in .15s;
    transition: transform .15s ease-in .15s,bottom .15s ease-in 0s;
    transition: transform .15s ease-in .15s,bottom .15s ease-in 0s,-webkit-transform .15s ease-in .15s;
}

.nav-menu li {
    display:block;
    float:left;
}

.dropdown {
    z-index: 99!important;
    top: 1vw!important;
    transform: rotate3d(1, 1.5, 0, 90deg) translateX(-50%)!important;
    transition: top 0.5s ease 0.1s, transform 0.25s ease 0.1s, width 0s linear 1.2s, display 0s linear 1.2s;
}

.nav-menu li.ps-relative:hover .dropdown {
    z-index: 99!important;
    top: 1vw!important;
    transform: rotate3d(1, 0, 0, 0deg) translateX(-50%)!important;
    transition: top 0.5s ease, transform 0.75s ease, width 0s, display 0s;
}

/* The container must be positioned relative: */
.custom-select {
    position: relative;
    font-family: Poppins;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: white;
    padding: 1vw!important;
    padding-left: 1.5vw!important;
    padding-right: 1.5vw!important;
    border-radius: 4vw;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 1.7vw;
    right: 1vw;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #c7c7c7 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #c7c7c7 transparent;
    top: 1.2vw;
    right: 1vw;
    width: 0;
    height: 0;
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {

    body:not(.main) .nav-menu li a {
        color: var(--white)!important;
        text-decoration: none;
    }

    body:not(.main) .nav-menu li a:hover, body:not(.main) .nav-menu li.active a {
        color: var(--white);
    }

    .footer-top-right:before {
        height: 0.75vw;
        width: 90vw;
        top: calc(-100% + 1.4vw);
    }

    .nav-menu {
        position: absolute;
        top: 100%;
        width: 100vw;
        left: -4vw;
        padding-left: 0 !important;
        background: var(--bg-6);
        z-index: 99999;
        display: none;
    }

    .nav-menu li {
        float: unset;
        width: 90%;
        margin: 2vw auto !important;
        padding-bottom: 2vw;
        border-bottom: 0.2vw solid rgb(255 255 255 / 15%) !important;
    }

    .nav-menu li.ps-relative a.drop-title {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav-menu li a i {
        float: right;
    }

    .dropdown {
        position: relative !important;
        transform: unset !important;
        transition: unset !important;
        width: 100%;
        left: 0 !important;
        background: unset !important;
    }

    .nav-menu li.ps-relative:hover .dropdown {
        position: relative !important;
        transform: unset !important;
        transition: unset !important;
        width: 100%;
        left: 0 !important;
        background: unset !important;
    }

    .nav-menu li.ps-relative li {
        background: transparent !important;
    }

    .nav-menu li.ps-relative li a.tx-shopidark {
        color: var(--menu-white) !important;
    }

    .dropdown {
        display: none;
    }
}

@media (max-width: 767px) {
    .header-nav {
        padding:0!important;
    }

    body:not(.main) .nav-menu li a {
        color:var(--white)!important;
        text-decoration:none;
    }

    body:not(.main) .nav-menu li a:hover, body:not(.main) .nav-menu li.active a {
        color:var(--white);
    }

    .nav-menu {
        position: absolute;
        top: 100%;
        width: 100vw;
        left: 0;
        padding-left: 0!important;
        background: var(--bg-6);
        z-index: 99999;
        display:none;
    }

    .nav-menu li {
        float: unset;
        width:90%;
        margin:3vw auto!important;
        padding-bottom:3vw;
        border-bottom: 0.2vw solid rgb(255 255 255 / 15%) !important;
    }

    .nav-menu li.ps-relative a.drop-title {
        width:100%;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content:space-between;
    }

    .nav-menu li a i {
        float:right;
    }

    .dropdown {
        position: relative!important;
        transform: unset!important;
        transition: unset!important;
        width: 100%;
        left: 0!important;
        background: unset!important;
    }

    .nav-menu li.ps-relative:hover .dropdown {
        position: relative!important;
        transform: unset!important;
        transition: unset!important;
        width: 100%;
        left: 0!important;
        background: unset!important;
    }

    .nav-menu li.ps-relative li {
        background:transparent!important;
    }

    .nav-menu li.ps-relative li a.tx-shopidark {
        color:var(--menu-white)!important;
    }

    .mobil-icon {
        height:4vw;
    }

    .mobil-icon .line::before {
        top:-1.75vw;
        border-radius: 2vw!important;
    }

    .mobil-icon .line::after {
        bottom:-1.75vw;
        border-radius: 2vw!important;
    }

    .dropdown {
        display:none;
    }

    .custom-select {
        position: relative;
        font-family: Poppins;
    }

    .custom-select select {
        display: none; /*hide original SELECT element: */
    }

    .select-selected {
        background-color: white;
        padding: 2.5vw!important;
        padding-left: 2.5vw!important;
        padding-right: 2.5vw!important;
        border-radius: 3.5vw;
    }

    /* Style the arrow inside the select element: */
    .select-selected:after {
        position: absolute;
        content: "";
        top: 4vw;
        right: 2vw;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #c7c7c7 transparent transparent transparent;
    }

    /* Point the arrow upwards when the select box is open (active): */
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #c7c7c7 transparent;
        top: 3vw;
        right: 2vw;
        width: 0;
        height: 0;
    }
}
/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #c7c7c7!important;
    padding-left: 2vw!important;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: white;
    border-radius: 0.5vw!important;
    margin-top: 0.3vw!important;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.5vw!important;
}

::placeholder {
    color: #c7c7c7!important;
    opacity: 1;
    font-family: Poppins;
}
*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.circular-progress {
    position: relative;
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.circular-progress:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    background-color: #ffffff;
    border-radius: 50%;
}
.value-container {
    position: relative;
    color: #000000;
}
*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.circular-progress-2 {
    position: relative;
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.circular-progress-2:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    background-color: #ffffff;
    border-radius: 50%;
}
.value-container-2 {
    position: relative;
    color: #000000;
}

*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.circular-progress-3 {
    position: relative;
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.circular-progress-3:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    background-color: #ffffff;
    border-radius: 50%;
}
.value-container-3 {
    position: relative;
    color: #000000;
}
*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.circular-progress-4 {
    position: relative;
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.circular-progress-4:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    background-color: #ffffff;
    border-radius: 50%;
}
.value-container-4 {
    position: relative;
    color: #000000;
}
*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.circular-progress-5 {
    position: relative;
    border-radius: 50%;
    display: grid;
    place-items: center;
}
.circular-progress-5:before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    background-color: #ffffff;
    border-radius: 50%;
}
.value-container-5 {
    position: relative;
    color: #000000;
}

.kisalt {
    display: block;
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3; /* Göstermek istediğiniz satır sayısı */
    -webkit-box-orient: vertical;
}
@media (max-width: 700px) {
    .kisalt {
        display: block;
    }
}

.levhakutu {
    min-height: 14vw!important;
    min-width: 13vw!important;
}
.bolunmus-div {
    width: 50%;
    height: 100%;
    border-right: 1px solid #000; /* Çizgi rengi ve kalınlığını ayarlayabilirsiniz */
    box-sizing: border-box;
    float: left;
}