@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap');


body {


    font-family: 'Fredoka', sans-serif;


}


.contact-box {


    background-color: #fff;


    padding: 30px;


    border-radius: 20px;


    border: 2px dotted #ccc;


    text-align: left;


    height: 100%;


    transition: all 0.3s ease;


    position: relative;


}





.contact-box h5 {


    font-size: 20px;


    font-weight: bold;


    color: #001f3f;


    margin-top: 15px;


}





.contact-box p {


    margin-top: 10px;


    color: #444;


    font-size: 15px;


}





.contact-icon {


    margin-bottom: 10px;


}





.peach-border {


    background-color: #ffe8dd;


    border-color: #ffa07a;


}


.blue-border {


    background-color: #e6f3ff;


    border-color: #87cefa;


}


.yellow-border {


    background-color: #fff8e6;


    border-color: #ffd36b;


}





.contact-box:hover {


    transform: translateY(-5px);


    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);


}


.contact-section {


    background-color: #fff9f6;


    padding: 140px 0;


}





.section-header .section-subtitle {


    color: #f29c7c;


    font-family: monospace;


    font-size: 16px;


    margin-bottom: 10px;


}





.section-header .section-title {


    font-size: 36px;


    font-weight: bold;


    color: #1a2b3c;


}





.contact-form input,


.contact-form textarea {


    width: 100%;


    padding: 14px 20px;


    border: none;


    border-radius: 30px;


    background-color: #fff;


    box-shadow: 0 0 0 1px #eee;


    font-size: 15px;


    color: #333;


    transition: box-shadow 0.3s ease;


}





.contact-form input:focus,


.contact-form textarea:focus {


    outline: none;


    box-shadow: 0 0 0 2px #87cefa;


}





.contact-form textarea {


    resize: none;


}





.submit-btn {


    background-color: #87cefa;


    border: none;


    padding: 12px 30px;


    border-radius: 30px;


    font-size: 16px;


    font-weight: 500;


    color: #fff;


    cursor: pointer;


    position: relative;


    z-index: 1;


    transition: all 0.3s ease;


    box-shadow: 0 0 0 2px #87cefa dotted;


}





.submit-btn:hover {


    background-color: #6bb8e6;


}


@media (max-width: 768px){


    .harita iframe{


        justify-content: center;


        width: 350px;


        height: 400px;


    }


    .section-subtitle, .section-title{


        text-align: center;


    }


}