@import url('https://fonts.googleapis.com/css?family=Muli');
@import url("./header.css");
@import url("./homepage.css");
@import url("./footer.css");

@import url("./responsive/header.css");
@import url("./responsive/homepage.css");
@import url("./responsive/footer.css");

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    font-family: 'Muli', sans-serif;
}

ul,
li {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin-bottom: 13px;
}

.website_generalWrapper {
    width: 100%;
    display: block;
}

/*slider*/

.image-wrapper {
    width: 100% !important;
    height: 180px !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #082c50 !important;
    border-radius: 14px !important;
}

/*slider*/


/*İletişim Alanı*/
.contact-left-info > p > a {
    margin-bottom: 15px;
    font-size: 15px !important;
    font-weight: 500;
    line-height: 17px;
    word-wrap: break-word;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000 !important;
}
/*İletişim Alanı*/


#slider {
    background-image: url(".");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
}

.contact-icon{
    background-color: #2c2c51;
    color: white;
    font-size: 1rem; /* Yazı büyüklüğüne göre uyum sağlar */
    padding: 1em; /* İç boşluk da yazı büyüklüğüne göre ayarlanır */
    border-radius: 50%; /* Yuvarlak kalmasını sağlar */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem; /* Genişlik de font büyüklüğüne göre değişir */
    height: 1rem; /* Yükseklik genişlikle orantılı kalır */
    margin-right: 10px; /* Metinden uzaklık aynı kalır */
}

 .form-control-password {
     position: relative;
 }

.form-control-password input {
    padding-right: 2.5rem; /* İkon için boşluk */
}

.form-control-password .toggle-password {
    position: absolute;
    right: 10px;
    top: 70%;
    transform: translateY(-50%);
    cursor: pointer;
}

.toggle-password i {
    color:darkgray;
}

.doktorpark-green-button {
    background-color: #2b697d !important; border-color: #2b697d !important;
}