html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    /*outline:none !important;*/
    border:1px solid gray;
    outline-color:gray;
    outline-width:0.3px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #f3f3f3;
}

a {
    text-decoration: none;
}

.hr-white {
    color: white;
}

.nav-232 a {
    font-size: 16px;
}

.bu-color-white {
    color: white !important;
}

.bu-color-black {
    color: black !important;
}

.bu-color-gray {
    color: gray !important;
}

.panel-white {
    background-color: white;
    border: 1px solid silver;
}


.border-pink {
    border: 1px solid deeppink;
}

.backg-pink {
    background-color: deeppink;
}

.backg-primary {
    background-color: #003366;
}

.bottom-menu {
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

i {
    font-size: 40px;
}

.bottom-menu li {
    text-decoration: none;
    color: silver !important;
    font-size: 14px;
    padding: 1px 0;
}

.menu-title {
    color: white !important;
    /*border-bottom:1px solid whitesmoke;*/
    font-size: 16px;
}

.bottom-menu li a {
    color: silver !important;
    text-decoration: none
}

section {
    padding: 40px 0;
}

.section-title {
    margin-bottom: 40px;
}


.cities-122 {
    display: flex;
    margin-top: 5px;
}

    .cities-122 .city-122 {
        margin-right: 8px;
    }

        .cities-122 .city-122 a {
            color: orangered !important;
            font-weight: bold;
        }

    .cities-122 .city-123 a {
        color: darkblue !important;
        font-weight: bold;
    }

.btn-223 {
    background-color: white;
    border: 1px solid darkblue;
    margin-right: 3px;
    padding: 5px 12px;
    border-radius: 20px;
    cursor: pointer;
}

.btn-224 {
    background-color: darkblue;
    border: 1px solid darkblue;
    margin-right: 3px;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    color: white;
}

    .btn-224 a {
        color: white !important;
    }
/*Layout Blog Section*/
.blog-item {
    width: 99%;
    padding: 15px;
    border: 1px solid silver;
    background-color: white;
}

    .blog-item img {
        width: 100%;
    }

    .blog-item .area {
    }

    .blog-item .title {
        font-size: 16px !important;
        margin-top: 20px
    }

    .blog-item .description {
        margin-top: 20px
    }

    .blog-item .link {
        font-size: 16px !important;
        margin-top: 20px
    }

    .blog-item img {
        /*aspect-ratio:1;*/
    }


/*Layout Company Section*/
.company-item {
    width: 99%;
    padding: 15px;
    border: 1px solid silver;
    background-color: white;
}

    .company-item img {
        width: 100%;
    }

    .company-item .area {
    }

    .company-item .title {
        font-size: 18px !important;
        margin-top: 5px;
        font-weight: 600;
        color: #4a4848;
    }

    .company-item .description {
        margin-top: 20px
    }

    .company-item .link {
        font-size: 16px !important;
        margin-top: 20px
    }

    .company-item img {
        aspect-ratio: 1;
        max-height: 200px;
    }

    .company-item .city-info {
        margin-top: 0px;
        color: gray;
    }

    .company-item .star {
        padding: 10px 0;
    }

        .company-item .star .bi {
            font-size: 14px;
        }

.star-company-2 .star {
    /*padding: 10px 0;*/
}

    .star-company-2 .star .bi {
        font-size: 14px;
    }

.star-company-1-area .star {
    /*padding: 10px 0;*/
}

    .star-company-1-area .star .bi {
        font-size: 18px;
    }


.brand-list {
    display: flex;
    overflow-x: auto; /* Yatayda taşma varsa scroll işlesin */
    /*white-space: nowrap;*/ /* Alt satıra geçmesin */
    /*scrollbar-width: none;*/ /* Firefox için scroll'u gizle */
    -ms-overflow-style: none;
}

    .brand-list::-webkit-scrollbar {
        /*display: none;*/ /* Chrome/Safari için scroll'u gizle */
    }

.brand-item {
    min-height: 150px !important;
    max-height: 150px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    padding: 15px;
    border: 1px solid silver;
    background-color: white;
    margin-right: 5px;
}

    .brand-item img {
        width: 100%;
        aspect-ratio: 1;
        max-height: 200px;
    }

    .brand-item h3 {
        font-size: 13px !important;
        margin-top: 5px;
    }

    .brand-item .titlex {
        font-size: 18px !important;
        margin-top: 5px;
        font-weight: 600;
        color: #4a4848;
    }



@media (min-width: 376px) {
    .blog-item {
        width: 99.9999%;
        padding: 5px;
        border: 0;
        border-bottom: 1px solid silver;
        margin-bottom: 15px;
    }
}

@media (min-width: 576px) {
    .blog-item {
        width: 99.9999%;
        padding: 5px;
        border: 1px solid silver;
    }
}

/* md - medium (≥768px) */
@media (min-width: 768px) {
    .blog-item {
        width: 48.9999%;
        padding: 15px;
    }

    .company-item {
        width: 48.9999%;
    }
}

/* lg - large (≥992px) */
@media (min-width: 992px) {
    .blog-item {
        width: 24%;
    }

    .company-item {
        width: 24%;
    }
}

/* xl - extra large (≥1200px) */
@media (min-width: 1200px) {
    .blog-item {
        width: 24%;
    }

    .company-item {
        width: 24%;
    }
}

/* xxl - extra extra large (≥1400px) */
@media (min-width: 1400px) {
    .blog-item {
        width: 24.00%;
    }

    .company-item {
        width: 19%;
    }
}


.banner-177 {
    background-color: darkblue;
    text-align: start;
    padding: 25px;
}

.banner-177-img img {
    width: 50px;
}

.banner-177-title {
    font-size: 32px;
    font-weight: bold;
    color: white;
    text-align:center
}

.banner-177-link {
    font-size: 16px;
    font-weight: bold;
    color: ghostwhite
}

.fixed-button {
    position: fixed;
    top: 40%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1050; /* Bootstrap modal vs. altında kalmasın diye */
    border-radius: 0.5rem 0 0 0.5rem; /* Sol taraf hafif yuvarlatılmış */
    padding: 10px 20px;
}

.btn-modal-open {
    cursor: pointer;
    font-weight: bold;
    color: brown;
}

.banner-177-link{
    border:1px solid silver;
    padding:8px 12px;
    border-radius:32px;
    margin-top:30px;
    text-align:center;
    background-color:white;
    color:darkblue;
    font-size:20px;
}


.bform-field-area{
  display:flex;

}

.bform-field-area div {
    width:120px;
}

.bu-input {
    width: 100%;
    padding: 15px;
    resize: none;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 8px;
    font-size: 14px;
}

.form-check-input{
    margin-right:1rem!important;
    height: 1.5em!important;
    width: 1.5em!important;
}