:root {
    /*colors*/
    --color-yellow: #FCE469;
    --color-black: black;
    --color-grey : #c9c9c9;
}
* {
    font-family: 'Arial' !important;

}
.center1{
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 990px) {
    .top-55 {
        margin-top: -55px;
    }
    .top-55:hover {
        margin-top: -45px !important;
    }

    .center {
        display: flex;
        justify-content: center;
    }
    .btnbottom-search {
        border-width: 0px 0px 6px 0px;
        border-style: solid;
        border-radius: 42px;
        transition: background 0.3s, transform 0.3s;
    }

    .space-between {
        display: flex !important;
        justify-content: space-between !important;
    }
    .flex-desktop {
        display: flex;
    }
    .end-desktop {
        display: flex;
        justify-content: end;
    }
    .top120 {
        margin-top: -120px
    }
    .text-publikoo {
        margin-left: 2.3em;
    }
}
  #drag-drop-area {
            border: 2px dashed #FCE469;
            padding: 20px;
            text-align: center;
            position: relative;
            background-color: #f9f9f9;
            cursor: pointer;
        }

        #drag-drop-area.dragover {
            border-color: #000;
            background-color: #e0e0e0;
        }

        .upload-img {
            max-width: 100%;
            max-height: 150px;
            display: block;
            margin: 0 auto;
        }

        .upload-label {
            font-size: 16px;
            color: #333;
        }
        #file-name {
            margin-top: 10px;
            font-size: 14px;
            color: #333;
        }
        .containerinput {
            position: relative;
            text-align: center;
            margin-top: 20px;
        }
        .centered {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 0;
            width: 100%;
        }
        .centered:hover {
            cursor: pointer;
        }
        .containerinput:hover .span-text {
            color: #e7c100;
            cursor: pointer;
        }
        .input-file-100 {
            width: 100% !important;
        }
@media screen and (max-width: 990px) {

    /*.em-4 {*/

    /*    margin-top: 1em !important;*/

    /*}*/

    .margin-l77 {

        margin-left: 0 !important;

    }

    .right7 {

        margin-right: 0 !important;

    }

}

.margin-l77 {

    margin-left: 7em;

}

.right7 {

    margin-right: 15px;

}
@media screen and (max-width: 990px) {
    .btnbottom-search {
        border: none !important;

    }
    /*.button-search {*/
    /*    margin-left: 0 !important;*/
    /*}*/
    /*.li {*/
    /*    grid-column: span 9;*/
    /*}*/
    /*.li-1 {*/
    /*    grid-column: span 9;*/
    /*    grid-row: span 2;*/
    /*}*/

    .text-center-mobile {
        text-align: center !important;
    }
    .button-index {
        margin-left: 0px !important;
    }
    .button-index-1 {
        margin-left: 0px !important;
    }
    .margin-l3 {
        text-align: center !important;
        font-weight: bold;
        margin-left: 0 !important;
        font-size: 20px !important;
        font-weight: bold;
    }
    .em-4 {
        margin-top: 1em !important;
    }
    .em3-em3 {
        margin-top: 1em !important;
        margin-bottom: 1em;
    }
    .top-20-mobile {
        margin-top: 20px;
    }
    .em4-mobile {
        margin-top: 4em !important;
    }
    .em-20 {
        margin-top: 8em !important;
    }
    .center-mobile {
        display: flex;
        justify-content: center;
    }
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
    .top-mobile {
        margin-top: 4em !important;
    }
    .text-publiko {
        font-size: 20px !important;
        margin-left: 0 !important;
    }
}
/* Stili për menynë e shfaqur */
        .show-menu {
            display: flex !important;
        }
        /* Stili për menynë e fshehur */
        #drop_view {
            display: none;
        }
.center2{
    display: flex;

    flex-direction: row;
    justify-content: center;
}
@media screen and (max-width: 768px) {
    /* Stili për brendën e popup-it */
    .popup-content {
        margin: 25% auto !important;

    }
    .popup .close {

        top: -65px !important;

    }
    .mob-fles {
        display: flex;
        flex-direction: column;
    }
    .btt {
        width: 40%;
    }
    .tt {
        display: flex;
        justify-content: space-around;
    }
    .ll {
        width: 38%;
        margin-top: 20px;
    }
    .center2{
        display: flex;
        flex-direction: column;
    }


    .plus2 {
        margin-top: 4em !important;
    }
    .button-search {
        margin-left: 0 !important;
    }
    .li {
        grid-column: span 9;
        justify-content: center;
    }
    .li-1 {
        grid-column: span 9;
        grid-row: span 2;
    }
    .li-s {
        grid-column: span 9;
        justify-content: center;
    }
    .li {
        border-style: solid !important;
        border-width: 1px 1px 10px 1px !important;
        border-color: black !important;
    }
    .li-s {
        border-style: solid !important;
        border-width: 1px 1px 10px 1px !important;
        border-color: black !important;
    }
    .logo {
        margin-top: 8px;
    }
}
@media screen and (min-width: 768px) {
    .button-search {
        margin-left: 0 !important;
    }
    .li {
        grid-column: span 4;
        justify-content: center;
    }
    .li-1 {
        grid-column: span 9;
        grid-row: span 2;
    }
    .li-s {
        grid-column: span 9;
        justify-content: center;
    }
}
@media screen and (min-width: 990px) {
    .button-search {
        margin-left: 0 !important;
    }
    .li {
        grid-column: span 3;
        justify-content: center;
    }
    .li-1 {
        grid-column: span 3;
        grid-row: span 2;
    }
    .li-s {
        grid-column: span 12;
    }
    .em-20 {
        margin-top: 20em !important;
    }
}
@media screen and (max-width: 990px) {
    div.mobile-hidden {
        display: none;
    }
}
.desktop-hidden{ display: none; }


@media (max-width: 990px) {
    .desktop-hidden { display: block !important; }
    .mobile-hidden {display: none !important;}
}


@media screen and (max-width: 1400px) {
    div.mobile-nav {
        display: none;
    }
}
.desktop-nav{ display: none; }


@media (max-width: 1400px) {
    .desktop-nav { display: block !important; }
    .mobile-nav {display: none !important;}
}

.color-yellow {
    background-color: var(--color-yellow) !important;
}
.right {
    margin-right: 15px;
}
.space-between-card {
    display: flex;
    justify-content: space-between;
}
.navbar {
    /*overflow: hidden;*/
    background-color: var(--color-yellow);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.end {
    display: flex;
    justify-content: end;
}
.navbar a {
    float: left;
    /*display: block;*/
    color: var(--color-black);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.navbar a:hover {
    color: var(--color-black) !important;
}

.sign-in {
    background-color: white;
    padding: 8px 30px 10px 30px;
    border-radius: 8px !important;
    border-width: 1px 1px 5px 1px;
    border-style: solid;
    border-color: black;
    color: black;
}
.sign-register {
    background-color: var(--color-black);
    padding: 8px 30px 10px 30px;
    border-radius: 8px !important;
    border-style: solid !important;
    border-color: white !important;
    border-width: 1px 1px 5px 1px !important;
    color: white;
}
.sign-register:hover {
    /*margin-top: 4px;*/
    border-width: 1px 1px 5px 1px !important;
    border-color: transparent !important;
    transition: 0.1s;
}
.sign-in:hover {
    /*margin-top: 4px;*/
    border-width: 1px 1px 5px 1px;
    transition: 0.1s;
}
.flex {
    display: flex;
}
.fi {
    font-size: 12px;
}
.color-grey-c {
    color: #adadad;
}
.label-search-1 {
    display: flex;
    flex-direction: row;
    background-color: white;
    /*border-radius: 15px;*/
    /*border: 2px solid grey;*/
    /*margin: 10px 17px 10px 0px;*/
}
.label-text {
    padding-top: 26px;
    font-weight: bold;
}
.label-text-1 {
    padding-top: 21px;
    font-weight: bold;
}
.font {
    margin: 6px;
    font-size: 23px !important;
}
.background-image {
    height: 369px;
    margin-top: -18px;
    background: transparent linear-gradient(180deg, #FCE469 0%, #E59E1440 100%) 0% 0% no-repeat padding-box;
}
.-top-19 {
    margin-top: -19em;
}
.autocomplete {
    position: relative;
    display: inline-block;
}

.input {
    border-color: transparent;
    border-width: 0px 3px 0px 0px;
    /*margin: 13px;*/
    padding: 10px;
    font-size: 16px;
    background-color: white;
    /*border-radius: 15px;*/
}
.input-file {
    padding:6px;
    width: 300px;
    background: #ffffff;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0);
}
.upload-img {
    display: inline-block;
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: 50% 50%;
    border: 3px solid #FCE469;
    margin-right: 15px;
    vertical-align: middle;
    margin-bottom: 20px;
}
.input-file-upload input[type="file"] {
    opacity: 0;
    padding: 10px 0;
    height:36px;
    width: 150px;
    /*display: none;*/
}

.upload-label {
    width: 150px;
    height: 36px;
    background: #FCE469;
    text-align: center;
    color: #ffffff;
    display: block;
    padding: 8px 0;
    position: absolute;
    line-height: normal;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
.input-file-upload:hover .upload-label {
    background: #eaf5fe;
    color: #3b70f1;
}
.upload-label {
    width: 150px;
    height: 36px;
    background: var(--color-yellow);
    /*background: rgba(252, 228, 105, 0.53);*/
    text-align: center;
    color: black;
    display: block;
    padding: 8px 0;
    position: absolute;
    line-height: normal;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    border-radius: 20px;
}
.input-file-upload:hover .upload-label {
    background: rgba(252, 228, 105, 0.53);
    color:  black;
}
.input-line {
    border-color: var(--color-grey);
    border-width: 0px 3px 0px 0px;
    /*margin: 13px;*/
    padding: 10px;
    font-size: 16px;
    background-color: white;
    /*border-radius: 15px;*/
}
.input-line:focus {
    border-color: var(--color-grey) !important;
    border-width: 0px 3px 0px 0px !important;
    /*margin: 13px;*/
    padding: 10px;
    font-size: 16px;
    background-color: white;
    /*border-radius: 15px;*/
}
.input[type=text] {
    width: 100%;
    /*height: 25px;*/
    outline: none;
    margin: 11px 13px 11px 0px;
}
.width-100 {
    max-width: 100% !important;
}
.width-1002 {
    width: 100% !important;
}
.banner-100 {
    width: 100% !important;
    height: 100% !important;
}
.input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
    cursor: pointer;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
}
.input-dropdown {
    border: transparent;
    width: 90%;
    background: transparent;
    padding: 22px 0px 22px 0px
}
.input-dropdown:focus {
    border: transparent;
    outline: none
}
.input-dropdown:focus-visible {
    border: none !important;
}
.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #d4d4d4;
    background-color: white;
    border-radius: 3px;
}
.border-left {
    padding: 0px 0px 0px 29px !important;
    border-radius: 42px 0px 0px 42px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: var(--color-black);

}
.border-input {
    padding: 0px 0px 0px 29px !important;
    border-radius: 42px 42px 42px 42px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: var(--color-black);

}
.btnbottom-search {
    border-width: 0px 0px 6px 0px;
    border-style: solid;
    border-radius: 42px;
    transition: background 0.3s, transform 0.3s;
}

.btnbottom-search:hover {
    transform: translateY(3px);
    border-width: 0px 0px 6px 0px;
    transition: background 0.3s, transform 0.3s;
    border-color: transparent;
}
.btntop-search {
    border-width: 0px 0px 6px 0px;
    border-style: solid;
    border-radius: 42px;
    transition: background 0.3s, transform 0.3s;
}
.btntop-search:hover {
    transform: translateY(-4px);
    border-width: 1px 1px 6px 1px;
    transition: background 0.3s, transform 0.3s;
}
.service-banner {
    transition: background 0.3s, transform 0.3s;
    border-radius: 24px;
    border-style: solid;
    border-color: black;
    border-width: 3px 3px 15px 3px;
    height: 240px;
}
.service-banner:hover {
    transform: translateY(4px);
    transition: background 0.3s, transform 0.3s;
    border-width: 3px 3px 3px 3px;
}

.card-publiko {
    border-width: 0 8px 8px 0;
    border-style: solid;
    border-radius: 42px;
    transition: background 0.3s, transform 0.3s;
    max-height: 112vh;
    position: relative;
}
.card-publiko:hover {
    /*border-width: 3px 3px 3px 3px;*/
    /*margin-top: 10px;*/
    /*margin-left: 10px;*/
    /*transition: 0.1s;*/


    transform: translateY(8px) translateX(8px);
    border-width: 0 8px 8px 0;
    transition: background 0.3s, transform 0.3s;
    border: transparent;
}
.effect-card:hover {
    margin-top: -4px;
    position: relative;
    /*transition: all .25s cubic-bezier(.02, .01, .47, 1);*/
    border-width: 1px 1px 9px 1px;
    transition: 0.1s;
    cursor: pointer;
}
/*.border-left:hover {*/
/*    border: none;*/
/*}*/
.border-right {
    border-radius: 0px 42px 42px 0px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: var(--color-black);
}
.top-search {
    border-width: 0px 0px 6px 0px;
    border-style: solid;
    border-radius: 42px;
}
.top-search:hover {
    margin-top: 4px;
    border-width: 0px 0px 1px 0px;
    transition: 0.1s;

}
.btn-search {
    /*border-width: 1px 1px px 1px;*/
    border-style: solid;
    border-color: black;
    border-radius: 42px;
    min-width: 134px;
}
.btn-search:hover {
    /*border-width: 1px 1px 5px 1px;*/
}

.button-search {
    padding: 20px 0px 20px 0px;
    color: black;
    margin-left: 15px;
    z-index: 0;
    border-radius: 35px;
}
.back-color-ec {
    background-color: #ECECEC;
}
.button-index {
    padding: 14px 24px 14px 24px;
    color: black;
    margin-left: 15px;
    z-index: 0;
    border-radius: 35px;
}
.button-servic {
    padding: 8px 10px 8px 10px;
    color: black;
    z-index: 0;
    border-radius: 9px;
    min-width: 5em;
}
.button-service {
    padding: 12px 0px 12px 0px;
    color: black;
    z-index: 0;
    border-radius: 9px !important;
}
.button-index-1 {
    padding: 14px 24px 14px 24px;
    color: black;
    margin-left: 15px;
    z-index: 0;
    border-radius: 35px;
}
.title {
    font-weight: bold;
    font-size: 20px;
}
.title-card {
    font-weight: bold;
    font-size: 17px;
}
.bot-12 {
    margin-bottom: 12px;
}
.bot-27 {
    margin-bottom: 27px;
}
.bot-28 {
    margin-bottom: 28px;
}
.button-a {
    color: black;
    text-decoration: none;
    background: var(--color-yellow);
    padding: 12px;
    border-radius: 20px;
}

.button-a:hover {
    color: black;
    text-decoration: none;
    background: #fce4697a;
    padding: 12px;
    border-radius: 20px;
}
.button-btn {
    color: black;
    text-decoration: none;
    background: #fc6969;
    padding: 9px;
    border-radius: 20px;
    border: none;
}
.button-btn:hover {
    background: #fc69696e;
}
.em-6 {
    margin-top: 6em;
}
.select-design {
    color: black;
    border: 2px solid #FCE469;
    border-image-slice: 1;
    outline: none;
    width: 100%;
    border-radius: 15px;
    box-sizing: border-box;
    resize: vertical;
    padding-left: 20px;
    padding: 18px;
    margin-top: 2px;
}
.input-kontakt[type=text], .input-kontakt[type=email], .input-kontakt[type=number], .input-kontakt[type=password], .input-kontakt[type=date], textarea {
    color: black;
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #303030 100%);*/
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    border: 2px solid #FCE469;
    border-image-slice: 1;
    /*border-width: 2px;*/
    /*border-image-source: linear-gradient(to bottom, white, #303030);*/
    outline: none;
    width: 100%;
    border-radius: 15px;
    box-sizing: border-box;
    resize: vertical;
    padding-left: 20px;
    padding: 18px;
    margin-top: 2px;



}
.input-kontakt[type=text]:focus {
    border: 2px solid #FCE469;
}
.input-kontakt[type=email]:focus {
    border: 2px solid #FCE469;
}
.em-20 {
    margin-top: 20em;
}

.em-10 {
    margin-top: 10em !important;
}
.top-20 {
    margin-top: 20px !important;
}
.top-40 {
    margin-top: 40px !important;
}
.top-14 {
    margin-top: 10px;
}
.top-16 {
    margin-top: 16px !important;
}
.flex {
    display: flex;
}
.margin-5 {
    margin: 5px;
}
.em3-em3 {
    margin-top: 3em;
    margin-bottom: 1em;
}
.margin-l3 {
    margin-left: 3em;
    font-size: 40px;
    font-weight: bold;
}
.color-black {
    color: black;
}
.color-black:hover {
    color: black;
}
.margin-l1 {
    margin-left: 1em;
    font-size: 40px;
    font-weight: bold;
}
.button-index-2 {
    padding: 14px 4rem 14px 4rem;
    color: black;
    /* margin-left: 15px; */
    z-index: 0;
    border-radius: 35px;
    text-align: center;
}
.title-blog {
    font-size: 24px;
    font-weight: bold;
    word-break: break-word;
}
.li-blog {
    margin: 0;
    padding: 15px;
    list-style: none;
    border-radius: 22px;
    /*border: 1px solid black;*/
    border-width: 1px;
    border-color: black;
    border-style: solid;
    height: auto !important;
    background-size: cover;
}
.blog-card {
    border-radius: 30px;
    margin: 0;
    list-style: none;
    border-width: 2px;
    border-color: black;
    border-style: solid;
    background-size: cover;
}
.btntop-blog {
    border-width: 2px 2px 2px 2px;
    border-style: solid;
    border-radius: 20px;
    transition: background 0.3s, transform 0.3s;
}
.btntop-blog:hover {
    transform: translateY(-6px);
    border-width: 2px 2px 6px 2px;
    transition: background 0.3s, transform 0.3s;
}

.pad-blog {
    padding: 16px 10px 24px 26px;
}
.margin-l7 {
    margin-left: 7em;
}
.margin-l2 {
    margin-left: 2em;
}
.bold {
    font-weight: bold;
}

.decoration {
    text-decoration: none !important;
    outline: none !important;
    border: none !important;
    list-style: none !important;
    box-shadow: none !important;
}
.btn-y {
    background-color: var(--color-yellow);
    padding: 5px 21px 5px 21px;
    border-radius: 17px;
}
.btn-w {
    border: 1px solid black;
    padding: 5px 21px 5px 21px;
    border-radius: 17px;
}
.btn-s {
    padding: 5px 21px 5px 21px;
    border-radius: 17px;
    background-color: #fff4ba;
}
.publiko-banner {
    border-radius: 24px;
    border-style: solid;
    border-color: black;
    border-width: 3px 3px 15px 3px;
    height: 382px;
}
.top-img {
    margin-top: -55px;
}
.text-publiko {
    margin-left: 1em;
    font-size: 35px;
    font-weight: bold;
}
.btn-s a {
    color: black;
    text-decoration: none;
    pointer-events: none;
}
.text-center-mobile a {
    color: black;
    text-decoration: none;
    pointer-events: none;
}

.color-white {
    color: white;
}

.border-input {
    padding: 0px 0px 0px 29px !important;
    border-radius: 42px 42px 42px 42px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: var(--color-black);

}
.btn-logo {
    background-color: transparent;
    border-radius: 15px;
    border-width: 1px 1px 10px 1px;
}
.inputt[type=email] {
    width: 72% !important;
    /*height: 25px;*/
    outline: none;
    margin: 11px 13px 11px 0px;
}
.inputt {
    border-color: transparent;
    border-width: 0px 3px 0px 0px;
    /*margin: 13px;*/
    padding: 10px;
    font-size: 16px;
    background-color: white;
    /*border-radius: 15px;*/
}
.label-text-1 {
    padding-top: 21px;
    font-weight: bold;
}

.li {
    margin: 0;
    padding: 15px;
    list-style: none;
    border-radius: 22px;
    /*border: 1px solid black;*/
    border-width: 1px;
    border-color: black;
    border-style: solid;
    height: 190px;
    background-size: cover;
}
.top-13 {
    margin-top: 13em;
}

.top-10 {
    margin-top: 10em;
}
.top-8 {
    margin-top: 8em;
}
.li-s {
    margin: 0;
    padding: 15px;
    list-style: none;
    border-radius: 22px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    height: 190px;
    background-size: cover;
}
.li-1 {
    margin: 0;
    padding: 0 !important;
    list-style: none;
    /*border-radius: 22px;*/
    /*border: 1px solid black;*/
    height: 315px;
    background-size: cover;
}
.height-li-1 {
    height: 414px !important;
}
.banner-22px {
    border-radius: 22px;
    object-fit: cover;
    object-position: 50% 50%;
}
.title-card-pub {
    font-size: 41px;
}
.ntitle-card-pub {
    font-size: 31px;
}
.title-card-pub-1 {
    border-width: 2px 0px 2px 0px;
    border-style: solid;
    font-weight: bold;
}
.height-pub {
    height: 80px;
}
.pad--30 {
    padding-top: 30px;
}
.mar-30 {
    margin-top: 30px;
}

.star {
    margin-top: -55px;
}
.pink {
    background-color: #FF9A9C;
}
.pink-1 {
    background-color: #FDB7B9;
}
.yellow {
    background-color: #FCE469;
}
.yellow-1 {
    background-color: #ECECEC;
}
.purple {
    background-color: #FBC1FF;
}
.purple-1 {
    background-color: #DDABE0;
}
.green {
    background-color: #D3F9D8;
}
.green-1 {
    background-color: #B4E0BA;
}
.blue {
    background-color: #B0DFEB;
}
.blue-1 {
    background-color: #9AC8D3;
}
.orange {
    background-color: #FCBA9E;
}
.orange-1 {
    background-color: #E6AE96;
}
.title-premium {
    font-size: 31px;
    color: white;
    background-color: black;
    border-radius: 29px;
    /*margin-top: -46px;*/
    padding: 20px 0px 20px 0px;
    margin-bottom: -20px;
    position: relative;
    top: 6%;
/*     left: 39%; */
    transform: translate(0%, -50%);
}
.banner-pub {
    background-color: #4B818E;
    height: 342px;
    margin-bottom: 11em;
    border-radius: 10px;
}
.title-ban-2 {
    background-color: #3D6D79;
}
.btn-ban {
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: -12px !important;
    font-size: 22px;
    border-radius: 0px 10px 0px 0px;
}
.title-ban {
    color: white;
    font-size: 25px;
    padding: 20px;
}
.text-article {
    font-size: 22px

}
@media screen and (max-width: 1024px) {
    .text-article {
        font-size: 16px !important;
        margin: 22px 0px 22px 0px;
    }
}
.application-card {
    border: 2px solid black; border-radius: 20px; height: 10em; display:flex;
    /*flex-direction: row;*/
    align-items: center;
}
.btn-btn0btn {
    align-items: center;
    justify-content: space-evenly;
}
@media screen and (max-width: 990px) {
    .bt-100 {
        width: 100%;
    }
    .application-card {
        border: 2px solid black; border-radius: 20px; height: 10em; display:flex; flex-direction: column; align-items: flex-start;justify-content: center;
    }
    .banner-pub {
        background-color: #4B818E;
        height: auto !important;
        margin-bottom: 11em;
    }
    .title-premium {
        font-size: 21px !important;

    }
    .padd-mobile-20 {
        padding: 20px;
    }
    .title-ban {
        color: white;
        font-size: 20px;
        padding: 20px;
        height: 4em;
        display: flex;
        justify-content: center;
        /*background: red;*/
    }
    .margin-photo-bann-mob {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .top-top {
        margin-top: 2px !important;
    }
    .ett {
        margin-top: 20px;
    }
    .ett {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
.mobile-20 {

    margin-top: 20px;

}

.kontakt {

    background-color: #FCE469;

    padding: 70px;

    border-radius: 0px 40px 40px 0px;

    border-width: 2px 2px 15px 2px;

    border-style: solid;

}

.text-kontakt {

    font-size: 20px;

    padding: 15px;

}

.font-21 {

    font-size: 21px;

}

#map {

    margin-top: 50px;

    height: 360px;

    border-radius: 30px;

}

.em-6 {

    margin-top: 6em;

}

.input-kontakt[type=text], .input-kontakt[type=email], .input-kontakt[type=number], .input-kontakt[type=tel], .input-kontakt[type=password], textarea {

    color: black;

    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #303030 100%);*/

    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/

    border: 2px solid #FCE469;

    border-image-slice: 1;

    /*border-width: 2px;*/

    /*border-image-source: linear-gradient(to bottom, white, #303030);*/

    outline: none;

    width: 100%;

    border-radius: 15px;

    box-sizing: border-box;

    resize: vertical;

    padding-left: 20px;

    padding: 18px;

    margin-top: 2px;







}

.input-kontakt[type=text]:focus {

    border: 2px solid #FCE469;

}

.input-kontakt[type=email]:focus {

    border: 2px solid #FCE469;

}
.input-kontakt[type=tel]:focus {

    border: 2px solid #FCE469;

}
.top-top {
    margin-top: 50px;
}
@media screen and (min-width: 750px) {
    .flex-desktop-1 {
        display: flex !important;
    }

}
.ett {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*.effect-card:hover {*/
/*    margin-top: -10px;*/
/*    border-width: 1px 1px 14px 1px;*/
/*    transition: 0.1s;*/
/*}*/

.ul {
    grid-gap: 34px 19px !important;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) 1.2fr 1.2fr 0.5fr !important;
    /*grid-template-rows: 12vw repeat(2, 12vw) 12vw 100% 100%;*/
    /*box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);*/

}

/*.li {*/
/*    height: 190px;*/
/*    !*border: 1vw solid black;*!*/
/*    background-size: cover;*/
/*}*/


/*.li {*/
/*    grid-column: span 3;*/
/*}*/

.pad-li {
    padding: 10px 12px;
}
.pad-10 {
    padding: 10px;
}

.banner-100 {
    width: 100% !important;
    height: 100% !important;
}


.button-basic-slider a {
    color: white !important;
}
.space-between-card a {
    color: black;
    text-decoration: none;
}
.color-grey-c a {
    color: #adadad;
    text-decoration: none;
}
/*.ul {*/
/*    grid-gap: 34px 19px;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(6, 1fr) 1.2fr 1.2fr 0.5fr;*/
/*    !*grid-template-rows: 9vw repeat(2, 9vw) 9vw 100% 100%;*!*/
/*    !*box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);*!*/
/*}*/

/*.li {*/
/*    height: 190px;*/
/*    !*border: 1vw solid black;*!*/
/*    background-size: cover;*/
/*}*/
/*.li-1 {*/
/*    height: 100%;*/
/*    !*border: 1vw solid black;*!*/
/*    background-size: cover;*/
/*}*/
.li-height {
    height: 140px !important;
}
/*.li {*/
/*    grid-column: span 3;*/
/*}*/
/*.li-1 {*/
/*    grid-column: span 3;*/
/*    grid-row: span 2;*/
/*}*/
.banner-100 {
    width: 100% !important;
    height: 100% !important;
}
.warning {
    color: red;
    font-size: 200%;
}
@supports (display: grid) {
    .warning {
        display: none;
    }
}






















/*nav.php*/

.navbart {
    overflow: hidden;
    background-color: var(--color-yellow);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    margin-bottom: 50px;
}
.navbart {
    overflow: hidden;
    background-color: var(--color-yellow);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.navbart a {
    float: left;
    /*display: block;*/
    color: var(--color-black);
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    font-size: 17px;

}

.navbart a:hover {
    color: var(--color-black) !important;
}

#drop_view {
    display: none;
}
#drop_view.is_active {
    display: flex;
    /*justify-content: center;*/
}
#drop_view .list-group-item {
    cursor: pointer;
}
#drop_view .list-group-item:hover {
    background-color: transparent;
}
.list-group-item {
    background-color: transparent;
    border: none;
}
.center-nav-mobile {
    display: flex;
    justify-content: center;
}
.nav-mob-design {
    background-color: white;
    border-style: solid;
    border-width: 2px 2px 20px 2px;
    border-color: black;
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
/*nav.php*/















.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
}
.overlay.light {
    background: rgba(255, 255, 255, 0.5);
}
.overlay .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
}
.overlay:target {
    visibility: visible;
    position: fixed;
    opacity: 1;
    overflow: hidden; /* Shtoni këtë linjë për të ndaluar skrollimin e faqes */
}
.popup {
    /*margin: 75px auto;*/
    /*top: 40%;*/
    /*left: 40%;*/
    padding: 20px;
    background: #00000075;
    border: 1px solid #666;
    width: 100%;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    position: relative;
    height: 100%; /* Ose vlera tjetër sipas preferencës tuaj */
    overflow: auto;
}
.light .popup {
    border-color: #aaa;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.popup h2 {
    margin-top: 0;
    color: white;
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
    text-align: center;
}
/* Stili për brendën e popup-it */
.popup-content {
    background-color: white;
    margin: 12% auto; /* Pozicionimi vertikal qendror */
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    text-align: center;
    position: relative; /* Vendosim relative për ikonën e mbylljes */
}
.popup .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -100px;
    right: 20px;
    opacity: 0.8;
    transition: all 200ms;
    font-size: 50px;
    font-weight: bold;
    text-decoration: none;
    color: white;
}
.popup .close:hover {
    opacity: 1;
}
.popup .content {
    max-height: 400px;
    overflow: auto;
    text-align: center;
    color: white;
}
.popup p {
    margin: 0 0 1em;
}
.popup p:last-child {
    margin: 0;
}

.active {
    color: black !important;
}
.bold {
    font-weight: bold !important;
}
.li {
    margin: 0;
    padding: 15px;
    list-style: none;
    border-radius: 22px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    height: 190px;
    background-size: cover;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
    .li {
        border-style: solid !important;
        border-width: 1px 1px 10px 1px !important;
        border-color: black !important;
    }
}


/*nav-search*/
.border-search {
    padding: 0px 0px 0px 29px !important;
    border-radius: 42px 42px 42px 42px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: var(--color-black);
    margin: 10px;
}
@media screen and (max-width: 770px) {
	.centermobile {
		flex-direction: column !important;
	}
    .-top-119 {
        margin-top: -19em;
    }
}
@media screen and (min-width: 770px) {
    .-top-119 {
        margin-top: -16em !important;
    }
    .em-4 {
        margin-top: 4em !important;
    }
}
@media screen and (min-width: 1441px) {
    .-top-119 {
        margin-top: -19em !important;
    }
}
.photo-background {
    height: 373px;
    display: flex;
    align-items: end;
}

/*nav-search*/



























/*apliko*/
.title-apliko {
    font-size: 20px;
    font-weight: bold;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    border-color: var(--color-yellow);
}
.padd-20 {
    padding: 20px;
}
.apliko[type="checkbox"]:not(:checked),
.apliko[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
.apliko[type="checkbox"]:not(:checked) + label,
.apliko[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;
}

/* checkbox aspect boxi "Borderi" */
.apliko[type="checkbox"]:not(:checked) + label:before,
.apliko[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.8em;
    height: 1.8em;
    border: 1px solid black;
    background: #FCE469;
    border-radius: 50%;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(237, 190, 34, 0.2);
    -webkit-transition: all .275s;
    transition: all .275s;
}

/*checked mark aspect dmth osht X mrena  */
.apliko[type="checkbox"]:not(:checked) + label:after,
.apliko[type="checkbox"]:checked + label:after {
    content: '✕';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.675em;
    color: black;
    line-height: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

/*checked mark aspect changes */
.apliko[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.apliko[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

/*kur ta klikojsh mu qaj hijezimi permas*/
.apliko[type="checkbox"]:checked:focus + label:before,
.apliko[type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(237, 190, 34, 0.2);
}
.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    /*max-width: 600px;*/
}
.uploader label {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    background: transparent;
    border-radius: 15px;
    border: 2px solid var(--color-yellow);
    transition: all 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.uploader .label {
    padding: 5rem 1.5rem !important;
}

.uploader label.hover {
    /*border: 3px solid #454cad;*/
    /*box-shadow: inset 0 0 0 6px #eee;*/
}
.uploader label.hover #start i.fa {
    transform: scale(0.8);
    opacity: 0.3;
}
.uploader #start {
    float: left;
    clear: both;
    width: 35%;
}
.uploader #start.hidden {
    display: none;
}
.uploader #start i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    transition: all 0.2s ease-in-out;
}
.uploader #response {
    float: left;
    clear: both;
    width: 100%;
}
.uploader #response.hidden {
    display: none;
}
.uploader #response #messages {
    margin-bottom: 0.5rem;
}
.uploader #file-image {
    display: inline;
    margin: 0 auto 0.5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
}
.uploader #file-image.hidden {
    display: none;
}
.uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
.uploader #notimage.hidden {
    display: none;
}
.uploader progress,
.uploader .progress {
    display: inline;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    /*background-color: red;*/
    overflow: hidden;
}
.uploader .progress[value]::-webkit-progress-bar {
    border-radius: 4px;
}
.uploader input[type=file] {
    display: none;
}
.uploader div {
    margin: 0 0 0.5rem 0;
    color: #5f6982;
}
.uploader .btn {
    display: inline-block;
    margin: 0.5rem 0.5rem 0rem 0.5rem;
    clear: both;
    font-family: inherit;
    /*font-weight: 700;*/
    font-size: 14px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    border-radius: 11px;
    outline: none;
    /*padding: 0.5rem 2rem 2.5rem 2rem;*/
    height: 36px;
    line-height: 30px;
    color: #000000;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    background: white;
    cursor: pointer;
}
.border-bot {
    border-color: var(--color-yellow);
    border-width: 0px 0px 2px 0px;
    border-style: solid;
}
/*apliko*/




/*publiko*/
.title-card-pub {
    font-size: 41px;
}
.ntitle-card-pub {
    font-size: 31px;
}
.title-card-pub-1 {
    border-width: 2px 0px 2px 0px;
    border-style: solid;
}
.height-pub {
    height: 80px;
}
.pad--30 {
    padding-top: 30px;
}
.mar-30 {
    margin-top: 30px;
}


.star {
    margin-top: -55px;
}
.pink {
    background-color: #FF9A9C;
}
.pink-1 {
    background-color: #FDB7B9;
}
.yellow {
    background-color: #FCE469;
}
/*!*.yellow-1 {*!*/
/*!*    background-color: #ECECEC;*!*/
/*!*}*!*/
/*.purple {*/
/*    background-color: #FBC1FF;*/
/*}*/
/*.purple-1 {*/
/*    background-color: #DDABE0;*/
/*}*/
/*.green {*/
/*    background-color: #D3F9D8;*/
/*}*/
/*.green-1 {*/
/*    background-color: #B4E0BA;*/
/*}*/
/*.blue {*/
/*    background-color: #B0DFEB;*/
/*}*/
/*.blue-1 {*/
/*    background-color: #9AC8D3;*/
/*}*/
/*.orange {*/
/*    background-color: #FCBA9E;*/
/*}*/
/*.orange-1 {*/
/*    background-color: #E6AE96;*/
/*}*/
.color-transparent {
    background-color: rgb(255 255 255 / 50%) !important;
}

.banner-pub {
    background-color: #4B818E;
    height: 342px;
    margin-bottom: 11em;
}
.title-ban-2 {
    background-color: #3D6D79;
}
.btn-ban {
    background-color: black;
    color: white;
    padding: 20px;
    margin-right: -12px !important;
    font-size: 22px;
}
.title-ban {
    color: white;
    font-size: 25px;
    padding: 20px;
}
@media screen and (max-width: 990px) {

    .banner-pub {
        background-color: #4B818E;
        height: auto !important;
        margin-bottom: 11em;
    }
    .publiko-banner {
        height: auto !important;
    }
}
@media screen and (min-width: 750px) {
    .flex-desktop-1 {
        display: flex !important;
    }
}
/*publiko*/




/*shpallja*/
@media screen and (max-width: 990px) {
    /*.em-4 {*/
    /*    margin-top: 1em !important;*/
    /*}*/
    .margin-l77 {
        margin-left: 0 !important;
    }
    .right7 {
        margin-right: 0 !important;
    }
}
.margin-l77 {
    margin-left: 7em;
}
.right7 {
    margin-right: 15px;
}
/*shpallja*/


/*page-blog*/
@media screen and (max-width: 500px) {
    .width-1001 {
        width: 100%;
    }
}
@media screen and (min-width: 500px) {
    .width-1001 {
        width: 55%;
    }
}
@media screen and (min-width: 990px) {
    .width-1001 {
        width: 100% ;
    }
}
/*page-blog*/


/*contact*/
.mobile-20 {
    margin-top: 20px;
}
.kontakt {
    background-color: #FCE469;
    padding: 70px;
    border-radius: 0px 40px 40px 0px;
    border-width: 2px 2px 15px 2px;
    border-style: solid;
}
.text-kontakt {
    font-size: 20px;
    padding: 15px;
}
.font-21 {
    font-size: 21px;
}
#map {
    margin-top: 50px;
    height: 360px;
    border-radius: 30px;
}
/*contact*/


/*kyqu*/
.kyqu[type="checkbox"]:not(:checked),
.kyqu[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
.kyqu[type="checkbox"]:not(:checked) + label,
.kyqu[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;
}

/* checkbox aspect boxi "Borderi" */
.kyqu[type="checkbox"]:not(:checked) + label:before,
.kyqu[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #FCE469;
    background: #FFF;
    border-radius: .2em;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);
    -webkit-transition: all .275s;
    transition: all .275s;
}

/*checked mark aspect dmth osht X mrena  */
.kyqu[type="checkbox"]:not(:checked) + label:after,
.kyqu[type="checkbox"]:checked + label:after {
    content: '✕';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.375em;
    color: #FCE469;
    line-height: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

/*checked mark aspect changes */
.kyqu[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.kyqu[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

/*kur ta klikojsh mu qaj hijezimi permas*/
.kyqu[type="checkbox"]:checked:focus + label:before,
.kyqu[type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}
/*kyqu*/

/*footer*/
@media screen and (max-width: 990px) {
    .logo-footer {
        width: 100%;
    }
}
/*footer*/
.error-message {
    color: red;
    font-size: 0.8rem;
    margin-top: 5px;
}
.btn-search {

    border-width: 0px 0px 5px 0px;

    border-style: solid;

    border-color: black;

    border-radius: 42px;

    min-width: 134px;

}
.des100-mob2 {
	margin-top: 100px;
}
.top-8-kontakt {
		margin-top: 8em !important;
	}
@media screen and (max-width: 1400px) {
	.top-8-kontakt {
		margin-top: 0em !important;
	}
	.top-10 {
		margin-top: 0em !important;
	}
    div.mobile-nav {

        display: none;

    }
	.top-13 {
    margin-top: 5em !important;
	}
	.top-8 {
		margin-top: 2em !important;
	}
		.des100-mob2 {
		margin-top: 20px !important;
	}
	
}

.desktop-nav{ display: none; }





@media (max-width: 1400px) {

    .desktop-nav { display: block !important; }

    .mobile-nav {display: none !important;}

}
.active {
    color: white;
}



.btn-search {

    border-width: 1px 1px 5px 1px;

    border-style: solid;

    border-color: black;

    border-radius: 42px;

    min-width: 134px;

}
.rounded-profile{
    /*width: 80%;*/
    border-radius: 100%;
    background: transparent;
    border: 1px solid transparent;
}
.center-down{
    display: flex;
    align-items: center;
}
.color-placeholder-black::-webkit-input-placeholder{
    color: black;
    font-size: 18px;
}
.font-size-20{
    font-size: 20px;
}


.tml-log-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.tml-log-wrap .tml-label {
        font-weight: bold !important;
        font-size: 20px !important;
}
.tml-log-wrap .tml-field {
    margin-top: 0 !important;
}
.tml-user_login-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.tml-user_login-wrap .tml-label {
    font-weight: bold !important;
    font-size: 20px !important;
}
.tml-user_login-wrap .tml-field {
    margin-top: 0 !important;
}

.tml-user_email-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.tml-user_email-wrap .tml-label {
    font-weight: bold !important;
    font-size: 20px !important;
}
.tml-user_email-wrap .tml-field {
    margin-top: 0 !important;
}

.tml-user_pass1-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.tml-user_pass1-wrap .tml-label {
    font-weight: bold !important;
    font-size: 20px !important;
}
.tml-user_pass1-wrap .tml-field {
    margin-top: 0 !important;
}

.tml-user_pass2-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.tml-user_pass2-wrap .tml-label {
    font-weight: bold !important;
    font-size: 20px !important;
}
.tml-user_pass2-wrap .tml-field {
    margin-top: 0 !important;
}

















.tml-pwd-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}
.tml-pwd-wrap .tml-label {
    font-weight: bold !important;
    font-size: 20px !important;
}
.tml-pwd-wrap .tml-field {
    margin-top: 0 !important;
}

.tml-rememberme-wrap {
    display: flex;
    align-items: center;
/*     justify-content: space-between; */
}
.tml-rememberme-wrap .tml-label {
    margin-left: 8px;
}


.tml-submit-wrap .tml-button {
    border-width: 0px 0px 6px 0px !important;
    border-style: solid !important;
    /*border-radius: 42px;*/
    transition: background 0.3s, transform 0.3s !important;
    padding: 16px 40px 16px 40px !important;
    color: black !important;
    margin-left: 15px !important;
    z-index: 0 !important;
    border-radius: 35px !important;
    background-color: var(--color-yellow) !important;
}
.tml-submit-wrap .tml-button:hover {
    transform: translateY(3px);
    border-width: 0px 0px 6px 0px;
    transition: background 0.3s, transform 0.3s;
    border-color: transparent;
}

.btnbottom-search:hover {
    transform: translateY(3px);
    border-width: 0px 0px 6px 0px;
    transition: background 0.3s, transform 0.3s;
    border-color: transparent;
}


.tml-links {
    padding: 0;
}
.tml-register-link {
    display: inline-block; /* Bëni linkun të jetë një element i bllokut */
}

.tml-register-link .not-clickable {
    pointer-events: none; /* Hiq mundësinë e klikimit */
    text-decoration: none; /* Hiq dekorimin e tekstit */
    color: #000; /* Ngjyra e tekstit */
}

.tml-register-link a {
    color: black; !important;
    text-decoration: none !important;
}
.tml-register-link {
    list-style: none;
}
.tml-lostpassword-link a {
    color: black; !important;
    text-decoration: none !important;
}
.tml-lostpassword-link {
    list-style: none;
}

.tml-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #FCE469FF;
    border-radius: 4px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.tml-checkbox:checked {
    background-color: #FCE469FF;
    border-color: #FCE469FF;
}

.tml-checkbox::before {
    content: '';
    display: block
}


.tml-login-link a {
    color: black; !important;
    text-decoration: none !important;
}
.tml-login-link {
    list-style: none;
}

#backButton:hover {
    cursor: pointer; /* Kursori në hover */
}