@media (max-width: 768px) { .demo-talep-form-features { grid-template-columns: repeat(2, 1fr) !important; gap: 15px !important; } .demo-talep-form-feature { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 10px !important; } .demo-talep-form-feature-icon { margin-bottom: 0 !important; flex-shrink: 0 !important; } .demo-talep-form-feature-text { font-size: 14px !important; } } .demo-talep-form-section { background-color: #f8fafc; padding: 40px; position: relative; font-family: 'Arial', sans-serif; color: #333; max-width: 1200px; margin: 0 auto; border-radius: 8px; overflow: hidden; } .demo-talep-form-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .demo-talep-form-left { flex: 1; min-width: 300px; } .demo-talep-form-right { flex: 1; min-width: 300px; } .demo-talep-form-heading { font-size: 36px; font-weight: 600; color: #2d3748; margin-bottom: 10px; } .demo-talep-form-subtext { font-size: 16px; color: #4a5568; margin-bottom: 11px; } .demo-talep-form-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .demo-talep-form-feature { display: flex; align-items: center; gap: 10px; } .demo-talep-form-feature-icon { width: 30px; height: 30px; background-color: #e2e8f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .demo-talep-form-feature-text { font-size: 16px; color: #4a5568; } .demo-talep-form-input-group { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 20px; } .demo-talep-form-input { width: 100%; padding: 12px 15px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 14px; box-sizing: border-box; } .demo-talep-form-full-width { grid-column: span 2; } .demo-talep-form-select { width: 100%; padding: 12px 15px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 14px; background-color: white; box-sizing: border-box; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; } .demo-talep-form-button { background-color: #0960a5; color: white; border: none; padding: 12px 11px; border-radius: 30px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; /* margin: -64px 150px -2px; */ transition: background-color 0.3s; margin-left: 332px; padding-left: 23px; margin-top: -62px; padding-right: 20px; } .demo-talep-form-button:hover { background-color: #074d84; } .demo-talep-form-blob { position: absolute; width: 150px; height: 150px; border-radius: 50%; z-index: 0; } .demo-talep-form-blob-top { top: -50px; right: -50px; } .demo-talep-form-blob-bottom { bottom: -50px; left: -50px; } @media (max-width: 768px) { .demo-talep-form-section { background-color: #f8fafc; padding: 50px !important; } .demo-talep-form-button { margin-left: 50px !important; padding-left: 23px !important; margin-top: 19px !important; padding-right: 15px !important; } } @media (max-width: 768px) { .demo-talep-form-input-group { grid-template-columns: 1fr; } .demo-talep-form-full-width { grid-column: span 1; } .demo-talep-form-features { grid-template-columns: 1fr; } } .dernekweb-contact-container { font-family: Arial, sans-serif !important; max-width: 1200px !important; margin: 31px auto !important; padding: 20px !important; box-sizing: border-box !important; } .dernekweb-contact-title { text-align: center !important; margin-bottom: 30px !important; } .dernekweb-contact-title h2 { font-size: 28px !important; margin-bottom: 5px !important; color: #333 !important; font-weight: bold !important; } .dernekweb-contact-title h3 { font-size: 20px !important; font-weight: normal !important; color: #333 !important; margin-top: 5px !important; } .dernekweb-contact-content { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; gap: 0 !important; /* Kartlar arasında boşluk yok */ } .dernekweb-contact-box { flex: 1 !important; min-width: 300px !important; border-radius: 10px !important; overflow: hidden !important; border: 1px solid #e0e0e0 !important; margin: 0 !important; } .dernekweb-contact-box.gaziantep { background-color: #f9f9f9 !important; color: #333 !important; margin-right: -1px !important; /* Kartları birbirine bitişik yapmak için */ border-radius: 24px !important; } .dernekweb-contact-box.ankara { background-color: #027630 !important; color: white !important; margin-left: -38px !important; border-radius: 24px !important; } .dernekweb-contact-location { display: flex !important; align-items: center !important; justify-content: center !important; padding: 15px !important; position: relative !important; } .dernekweb-contact-icon { display: inline-block !important; width: 15px !important; height: 20px !important; background-color: currentColor !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z'/%3E%3C/svg%3E") !important; mask-repeat: no-repeat !important; mask-position: center !important; margin-right: 10px !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z'/%3E%3C/svg%3E") !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center !important; } .dernekweb-contact-location h4 { font-size: 24px !important; margin: 0 !important; font-weight: bold !important; } .dernekweb-contact-details { padding: 24px !important; } .dernekweb-contact-row { display: flex !important; margin-bottom: 10px !important; line-height: 1.5 !important; } .dernekweb-contact-label { min-width: 120px !important; font-weight: bold !important; } .dernekweb-contact-value { flex: 1 !important; } /* Responsive adjustments */ @media (max-width: 768px) { .dernekweb-contact-content { flex-direction: column !important; } .dernekweb-contact-box.gaziantep { margin-right: 0 !important; border-radius: 10px 10px 0 0 !important; } .dernekweb-contact-box.ankara { margin-left: 0 !important; border-radius: 0 0 10px 10px !important; } .dernekweb-contact-row { flex-direction: column !important; } .dernekweb-contact-label { margin-bottom: 5px !important; } } .iletisim-container { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } .iletisim-card { background-color: #fff; box-shadow: 0 27px 29px rgba(0, 0, 0, 0.09); border-radius: 8px; padding: 30px; width: 280px; min-height: 320px; display: flex; flex-direction: column; height: 291px; margin-top: 65px; } .iletisim-card-title { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 30px; min-height: 50px; } .iletisim-card-content { flex-grow: 1; display: flex; flex-direction: column; gap: 20px; margin-top: -33px; } .iletisim-info-row { display: flex; align-items: flex-start; gap: 10px; } .iletisim-icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; color: #FF6B35; flex-shrink: 0; } .iletisim-info-text { font-size: 14px; color: #666; line-height: 1.4; } /* İletişim Form CSS */ .iletisim-form-container { background-color: #fff; box-shadow: 0 315px 29px rgba(0, 0, 0, 0.09); border-radius: 8px; padding: 30px; width: 580px; min-height: 320px; display: flex; flex-direction: column; } .iletisim-form { display: flex; flex-direction: column; gap: 20px; width: 100%; } .iletisim-image { margin-top: 10px; height: 155px; overflow: hidden; position: relative; } .iletisim-image img { position: absolute; top: 0; left: 0; width: 100%; object-fit: cover; } /* Responsive Düzenlemeler */ @media screen and (max-width: 1200px) { .iletisim-form-container { width: 100%; max-width: 580px; } } @media screen and (max-width: 768px) { .iletisim-card { width: 100%; max-width: 400px; margin-top: 5px !important; } .mx-autoc { margin-left: -1px; margin-right: 7px; width: 276px !important; } } .row.no-guttersa { margin-right: -171px; margin-left: -2px; } .mx-autob { margin-left: -31px; margin-right: 7px; } .mx-autoc { margin-left: -1px; margin-right: 7px; width: 443px; } .btn.btn-primarya { background-color: #039f41; color: #ffffff; border-color: #039f41; margin-left: 227px; width: 134px; } /* İletişim Kartları Ana Kapsayıcı */ .iletisim-container { max-width: 1200px; margin: 30px auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; /* Kartlar arası boşluk */ font-family: Arial, sans-serif; } /* Yeni Tasarıma Uygun İletişim Kartı Stilleri */ .iletisim-card { background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; width: 310px; min-height: auto; display: flex; flex-direction: column; padding: 0; /* İç padding kaldırıldı */ overflow: hidden; /* Köşelerin yuvarlak kalması için */ box-shadow: none; /* Gölge kaldırıldı */ } .iletisim-card-header { padding: 20px 25px 15px 25px; } .iletisim-card-header .title { font-size: 28px; font-weight: bold; margin: 0 0 5px 0; } .iletisim-card-header.gaziantep .title { color: #f86942; } .iletisim-card-header.ankara .title { color: #004a98; } .iletisim-card-header .subtitle { font-size: 16px; color: #666; margin: 0; } .iletisim-card-content { padding: 25px; color: #ffffff; flex-grow: 1; display: flex; flex-direction: column; gap: 25px; margin-top: 0; } .iletisim-card-content.gaziantep { background-color: #f86942; } .iletisim-card-content.ankara { background-color: #004a98; } .iletisim-info-row { display: flex; align-items: center; /* Dikey hizalama */ gap: 15px; /* İkon ve metin arası boşluk */ } .iletisim-icon { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .iletisim-info-text { font-size: 15px; color: #ffffff; line-height: 1.5; } /* Eski ve kullanılmayan stiller kaldırıldı veya düzenlendi */ .iletisim-card-title { /* Bu class artık başlık için kullanılmıyor */ } .iletisim-image { display: none; /* Resimler gizlendi */ } /* --- Diğer CSS Kurallarınız --- */ /* İletişim Form CSS */ .iletisim-form-container { background-color: #fff; box-shadow: 0 315px 29px rgba(0, 0, 0, 0.09); border-radius: 8px; padding: 30px; width: 512px; min-height: 320px; display: flex; flex-direction: column; } .iletisim-form { display: flex; flex-direction: column; gap: 20px; width: 100%; } @media (max-width: 768px) { .iletisim-icon svg { display: block !important; width: 24px !important; height: 24px !important; visibility: visible !important; } } /* Responsive Düzenlemeler */ @media screen and (max-width: 1200px) { .iletisim-form-container { width: 100%; max-width: 380px; } } @media screen and (max-width: 900px) { .iletisim-card { width: 114%; max-width: 335px; } } @media (max-width: 768px) { .row.no-guttersa { margin-right: 0 !important; margin-left: 0 !important; } .mx-autob { margin-left: -23px; margin-right: -9px; } .col-6, .col-12, .col-md-6, .col-md-8 { width: 100% !important; max-width: 100%; display: block; } .btn.btn-primarya { margin-left: 0; width: 75%; margin-left: 41px; } }