/*

    CSS & HTML Developer / Selahattin AKARIŞIK / www.selahattinakarisik.com.tr

 */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
    font-size: 100%;
}

html {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight:400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: "Poppins", serif;
    font-display:fallback;
}

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a{
    text-decoration:none;
    cursor:pointer;
}

a:hover,
a:focus,
a:visited{
    text-decoration:none;
    outline:none;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
}

h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 17px; }

.ust-mesaj {
    background: #F5F7F9;
    padding: 20px;
    font-size: 16px;
    text-align: center;
}

.ust-mesaj span {
    margin-left: 15px;
    margin-right: 15px;
}

.ust-mesaj a {
    color: #0F49B0;
    font-weight: 500;
}

.navbar {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(140, 151, 168, 0.3);
}

.navbar .navbar-brand {
    font-size: 48px;
    font-weight: 700;
    color: #0F49B0;
    font-family: "Inter", serif;
}

.navbar-collapse {
    margin-left: 60px;
}

.navbar .nav-link {
    color: #1E1E1E;
    margin-top: 7px;
    margin-right: 30px;
    font-size: 16px;
    font-weight: 500;
    height: 70px;
    display: flex;
    align-items: center;
}

.navbar .nav-link i {
    margin-right: 7px;
}

.navbar .teklif-alin {
    background-color: #1E1E1E;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    border-radius: 10px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar .teklif-alin i {
    transform: rotate(45deg);
    margin-right: 7px;
    font-size: 20px;
}

.slider {
    padding-top: 10px;
    padding-bottom: 50px;
}

.slider h1 {
    font-size: 40px;
    font-weight: 600;
}

.slider h1 .ince {
    font-weight: 500;
}

.slider p {
    font-size: 18px;
    padding-top: 20px;
}

.slider img {
    width: 100%;
}

.slider .button-1 {
    background: none;
    color: #013682;
    font-weight: 400;
    border: 1px solid #D5D7DA;
    border-radius: 5px;
    padding: 5px;
    height: 40px;
    min-width: 52%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.slider .button-1 .bi-info-circle {
    padding-left: 5px;
    padding-right: 10px;
}

.slider .button-1 .bi-box-arrow-up-right {
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
}

.slider .button-2 {
    background: none;
    border:2px solid #D5D7DA;
    height: 48px;
    padding-left: 15px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
    min-width: 180px;
    text-align: left;
}

.slider .button-2 i {
    padding-right: 10px;
}

.slider .button-3 {
    background: #1E1E1E;
    border:2px solid #D5D7DA;
    height: 48px;
    padding-left: 15px;
    padding-right: 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    color: white;
    min-width: 140px;
    text-align: left;
}

.slider .button-3 i {
    padding-right: 10px;
}

.footer {

}

.footer .sosyal {
    background-color: #F7F6F6;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .sosyal button {
    width: 48px;
    height: 48px;
    background-color: white;
    border-radius: 100px;
    margin: 10px;
    transition: 0.5s;
}

.footer .copyright {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 300;
}

.footer .copyright span {
    font-weight: 500;
}

.footer .footer-menu {
    padding-bottom: 30px;
}

.footer .footer-menu ul li {
    float: left;
    margin-right: 50px;
}

.footer .footer-menu ul li a {
    color: black;
    font-size: 14px;
    font-weight: 400px;
}

.footer .footer-menu .float-right li {
    float: right;
    margin-right: 0px;
    margin-left: 50px;
}

.referanslar {
    background-color: #F5F7F9;
    padding-top: 30px;
    padding-bottom: 30px;
}

.referanslar .referans {
    background-color: #FFFFFF;
    border: 1px solid #D5D7DA;
    border-radius: 10px;
    position: relative;
    padding: 20px;
    padding-top: 25px;
    margin-bottom: 30px;
}

.referanslar .referans .baslik {
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: 3px;
    right: 25px;
}

.referanslar .referans h3 {
    font-size: 22px;
    font-weight: 500;
}

.referanslar .referans .icerik {
    background-color: #FFF0F0;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.referanslar .referans .icerik img {
    width: 100%;
}

.referanslar .referans .icerik p {
    font-size: 13px;
    font-weight: 300;
    text-align: justify;
    line-height: 19.5px;
}

.referanslar .referans .hr {
    border-left: 1px solid black;
    height: 194px;
    max-height: 100%;
    opacity: 0.3;
    padding-right: 20px;
    padding-left: -10px;
}

.referanslar .referans .detay {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.referanslar .referans .detay button {
    height: 32px;
    display: flex;
    align-items: center;
    float: left;
    background-color: #F2E9E9;
    font-size: 12px;
    font-weight: 300;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
}

.referanslar .referans .detay button i {
    padding-right: 7px;
}

.hizmetler {
    padding-top: 50px;
    padding-bottom: 50px;
}

.hizmetler .hizmet {
    border: 1px solid #D5D7DA;
    border-radius: 10px;
    min-height: 200px;
    padding: 20px;
    margin-bottom: 30px;
}

.hizmetler .hizmet i {
    font-size: 20px;
    color: #013682;
}

.hizmetler .hizmet h4 {
    font-size: 16px;
    font-weight: 500;
}

.hizmetler .hizmet p {
    font-weight: 300;
    font-size: 11.5px;
}

.yorumlar {
    background-color: #F5F7F9;
    position: relative;
    margin-top: -50px;
}

.yorumlar .yorum {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.yorumlar .icerik {
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    max-width: 70%;
    padding: 30px;
    padding-left: 0px;
}

.yorumlar .icerik .isim {
    color: #013682;
    font-size: 20px;
    font-weight: 500;
    margin: 0px;
    padding: 0px;
    margin-top:35px;
}

.yorumlar .icerik .unvan {
    font-size: 20px;
    font-weight: 300;
}

.yorumlar .icerik i {
    color: #A1A8B0;
    font-size: 60px;
    opacity: 0.5;
}

.yorumlar .resim {
    padding: 30px;
}

.yorumlar .resim img {
    width: 400px;
    max-width: 100%;
}

.yorumlar .kontrol {
    margin-top: 50px;
}

.yorumlar .kontrol button {
    background-color: white;
    border: 1px solid #8C97A8;
    font-size: 16px;
    min-width: 46px;
    min-height: 46px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
}

.yorumlar .kontrol button i {
    font-size: 24px;
    opacity: 1;
    color: black;
}

.yorumlar .active {
    display: flex;
    opacity: 1;
}

.birlikte-yazalim {
    padding-top: 45px;
    padding-bottom: 75px;
    position: relative;
}

.birlikte-yazalim img {
    width: 100%;
}

.birlikte-yazalim h5 {
    font-size: 36px;
    font-weight: 600;
}

.birlikte-yazalim h5 span {
    color: #013682;
}

.birlikte-yazalim p {
    font-size: 14px;
    font-weight: 300;
    margin-top: -20px;
}

.birlikte-yazalim .item {
    background-color: #FFF0F0;
    padding: 10px;
    border-radius: 10px;
    margin-top: 25px;
    min-height: 330px;
}

.birlikte-yazalim .item h6 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 0px;
}

.birlikte-yazalim .item p {
    font-size: 14px;
    line-height: normal;
    margin-top: 10px;
}

.iletisim-formu {
    background-color: #F5F7F9;
    margin-top: 50px
}

.iletisim-formu img {
    width: 100%;
    margin-top: -70px;
}

.iletisim-formu p {
    font-size: 26px;
    font-weight: 300;
    margin-top: 50px;
}

.iletisim-formu .alt-bilgi {
    font-size: 12px;
    font-weight: 400;
    margin-top: 100px;
}

.iletisim-formu form {
    position: relative;
}

.iletisim-formu form input {
    height: 60px;
    border-radius: 10px;
}

.iletisim-formu form input:focus {
    box-shadow: none;
    border-color: #013682;
}

.iletisim-formu form button {
    background-color: #013682;
    width: auto;
    color: white;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    height: 51px;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    right: 0;
}

.iletisim-formu form button i {
    padding-right: 10px;
}

.blog-anasayfa {
    padding-top: 20px;
}

.blog-anasayfa .item {
    padding: 10px;
    border: 1px solid #D5D7DA;
    border-radius: 10px;
    padding-bottom: 50px;
    margin-top: 30px;
}

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

.blog-anasayfa .item a {
    color: black;
}

.blog-anasayfa .item h6 {
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px;
}

.blog-anasayfa .item p {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    overflow:hidden;
}

.blog-anasayfa .item button {
    background-color: #D9D9D9;
    padding: 5px;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 300;
    float: right;
}

.blog-anasayfa .item button i {
    padding-right: 10px;
}

.mobil-uygulama {
    background-color: #F5F7F9;
    padding-top: 40px;
    padding-bottom: 10px;
}

.mobil-uygulama img {
    width: 100%;
    padding-bottom: 40px;
}

.mobil-uygulama h1 {
    color: #022C44;
    font-size: 40px;
    font-weight: 600;
}

.mobil-uygulama p {
    font-size: 20px;
    padding-top: 15px;
}

.mobil-uygulama-banner {
    margin-top: -50px;
}

.mobil-uygulama-banner .bg-color {
    background-color: #013682;
    border-radius: 10px;
    color: white;
    margin:0px;
    min-height: 184px;
    padding: 15px;
    display: flex;
    align-items: center;
}

.mobil-uygulama-banner h2 {
    font-size: 20px;
    font-weight: 600;
}

.mobil-uygulama-banner p {
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
    margin-top: 15px;
}

.mobil-uygulama-banner button {
    background: none;
    border: 1px solid white;
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    border-radius: 10px;
    color: white;
    font-weight: 400;
    font-size: 16px;
}

.mobil-uygulama-banner button:hover {
    background-color: white;
    color: #013682;
    font-weight: 400;
}

.neler-yapiyoruz {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neler-yapiyoruz .item {
    border: 1px solid #D5D7DA;
    padding: 10px;
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    width: 100%;
    min-width: 150px;
}

.neler-yapiyoruz .item h3 {
    font-size: 14px;
    font-weight: 500;
}

.neler-yapiyoruz .item i {
    font-size: 24px;
    color: #013682;
}

.nasil-calisiyoruz h4 {
    font-size: 28px;
    font-weight: 600;
}

.nasil-calisiyoruz p {
    font-size: 14px;
    font-weight: 300;
}

.nasil-calisiyoruz .item {
    border: 1px solid #D5D7DA;
    border-radius: 10px;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.nasil-calisiyoruz .min-h {
    min-height: 210px;
}

.nasil-calisiyoruz .item h5 {
    color: #013682;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 6px;
    text-transform: uppercase;
}

.nasil-calisiyoruz .item p {
    font-size: 12.5px;
    text-align: justify;
    font-weight: 300;
}

.sik-sorulan-sorular {
    margin-top: 50px;
    text-align: center;
}

.sik-sorulan-sorular h6 {
    font-size: 30px;
    font-weight: 600;
}

.sik-sorulan-sorular p {
    font-size: 20px;
    font-weight: 300;
    padding-top: 10px;
}

.sik-sorulan-sorular .accordion {
    text-align: left;
    margin-top: 50px;
}

.sik-sorulan-sorular .accordion .accordion-item {
    margin-bottom: 20px;
    border: none;
}

.sik-sorulan-sorular .accordion .accordion-header button {
    background-color: #fff;
    border: 1px solid #D5D7DA;
    color: black;
    border-radius: 15px;
}

.sik-sorulan-sorular .accordion .accordion-header button:focus {
    box-shadow: none;
    background-color: none;
}

.sik-sorulan-sorular .accordion .accordion-body {
    border: 1px solid #D5D7DA;
    margin-top: -10px;
    padding-top: 30px;
    font-size: 15px;
    font-weight: 300;
}

.referanslar-logo img {
    max-width: 100%;
}

.ozel-yazilim {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.ozel-yazilim h1 {
    font-size: 32px;
    font-weight: 600;
    color: #022C44;
}

.ozel-yazilim p {
    font-size: 16px;
    font-weight: 300;
    padding-top: 15px;
}

.ozel-yazilim button {
    padding: 6px;
    border-radius: 100px;
    border: 1px solid #009CA8;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
    font-weight: 400;
}

.ozel-yazilim .button-1 {
    background-color: #009CA8;
    color: white;
    margin-right: 25px;
    transition: 0.5s;
}

.ozel-yazilim .button-2 {
    background-color: white;
    color: #022C44;
    transition: 0.5s;
}

.esnafexpress {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #F5F7F9;
    margin-top: 50px;
    margin-bottom: 50px;
}

.esnafexpress img {
    width: 100%;
}

.esnafexpress span {
    font-size: 14px;
    font-weight: 400;
    color: #022C44;
}

.esnafexpress h2 {
    font-size: 28px;
    font-weight: 600;
    color: #022C44;
}

.esnafexpress p {
    padding-top: 20px;
    font-size: 14px;
    text-align: justify;
    font-weight: 300;
}

.referans-genis {
    margin-top: 70px;
    margin-bottom: 40px;
    position: relative;
}

.referans-genis .item-border {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #D5D7DA;
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
}

.referans-genis .item {
    background-color: #FFF0F0;
    padding: 30px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
}

.referans-genis .item img {
    width: 90%;
}

.referans-genis .item h5 {
    font-size: 22px;
    font-weight: 500;
}

.referans-genis .item .detay {
    font-size: 18px;
    font-weight: 300;
}

.referans-genis .item p {
    font-size: 13px;
    font-weight: 300;
    text-align: justify;
}

.referans-genis .item .etiket {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.referans-genis .item .etiket button {
    background-color: #F2E9E9;
    font-size: 14px;
    font-weight: 300;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.referans-genis .item .etiket button i {
    padding-right: 7px;
    font-size: 18px;
}

.referans-genis .item .vertical-hr {
    border: none;
    border-left: 1px solid black;
    opacity: 0.2;
    height: 194px;
    float: right;
    margin-left: 30px;
}

.referans-genis .baslik {
    position: absolute;
    top: -25px;
    right: 23px;
    margin-top: 30px;
}

.bg-fintech {
    background-color: #FFF0F0;
}

.mobil-odeme {
    margin-top: 40px;
    margin-bottom: 10px;
}

.mobil-odeme .item {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #D5D7DA;
    margin-top: 20px;
    margin-bottom: 10px;
}

.mobil-odeme .item img {
    width: 100%;
    border-radius: 10px;
}

.mobil-odeme .item h3 {
    color: #022C44;
    font-weight: 600;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mobil-odeme .item p {
    text-align: justify;
}

.referanslar-sayfa {
    background-color: #F5F7F9;
    padding-top: 50px;
    padding-bottom: 50px;
}

.referanslar-sayfa img {
    width: 100%;
}

.referanslar-sayfa h1 {
    font-size: 30px;
    font-weight: 400;
    color: #022C44;
}

.referanslar-sayfa h1 span {
    font-weight: 600;
}

.referanslar-sayfa p {
    font-size: 15px;
    padding-top: 20px;
    font-weight: 300;
    text-align: justify;
    padding-right: 35px;
}

.referans {
    margin-top: 30px;
    margin-bottom: 100px;
}

.referans .item {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #D5D7DA;
    margin-top: 20px;
    margin-bottom: 10px;
}

.referans .item img {
    width: 100%;
}

.referans .item h3 {
    color: #022C44;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
}

.referans .item p {
    text-align: justify;
    font-size: 13px;
    font-weight: 300;
}

.referans .item .etiket {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.referans .item .etiket button {
    background-color: #F2E9E9;
    font-size: 11px;
    font-weight: 300;
    padding: 2px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.referans .item .etiket button i {
    padding-right: 7px;
    font-size: 18px;
}

.blog {
    margin-top: 50px;
    margin-bottom: 100px;
}

.blog h1 {
    font-size: 36px;
    font-weight: 600;
    color: #022C44;
    text-align: center;
}

.blog p {
    font-size: 14px;
    font-weight: 300px;
    text-align: center;
    margin-top: 15px;
}

.blog form .input-group-text {
    background: none;
    border-right: none;
    border-color: #D5D7DA;
    width: 33px;
    color: #989A9D;
}

.blog form input {
    border-left: none;
    height: 43px;
    border-color: #D5D7DA;
    font-size: 14px;
    font-weight: 300;
    color: #989A9D;
}

.blog form input::placeholder {
    color: #989A9D;
}

.blog form input:focus {
    box-shadow: none;
    border-color: #D5D7DA;
    font-size: 14px;
    font-weight: 300;
}

.blog .blog-item {
    padding: 10px;
    border: 1px solid #D5D7DA;
    border-radius: 10px;
    margin-top: 35px;
    margin-bottom: 15px;
    padding-right: 25px;
}

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

.blog .blog-item a {
    color: black;
}

.blog .blog-item h3 {
    font-size: 22px;
    font-weight: 400;
}

.blog .blog-item p {
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
    margin-top: -15px;
}

.blog .blog-item .kategori {
    font-size: 14px;
    font-weight: 400;
    color: #CC0B0B;
}

.blog .blog-item .tarih {
    color: #505050;
    font-size: 14px;
    font-weight: 400;
    opacity: 0.7;
}

.blog .pagination {
    border: 1px solid #F2F0F0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    margin-top: 25px;
}

.blog .pagination span {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog .pagination a {
    width: 35px;
    height: 35px;
    color: #1B2128;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
}

.blog .pagination a:hover {
    background-color: #F9FAFC;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
}

.blog .pagination .active {
    background-color: #F9FAFC;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
}

.blog-detay {
    margin-top: 50px;
    margin-bottom: 100px;
}

.blog-detay .bg-color {
    background-color: #FCFCFC;
    border-radius: 5px;
    padding: 30px;
}

.blog-detay h1 {
    font-size: 36px;
    font-weight: 400;
}

.blog-detay .tarih {
    font-size: 14px;
    opacity: 0.7;
}

.blog-detay hr {
    background-color: #C9C7C7;
    opacity: 0.7;
    margin-bottom: 30px;
}

.blog-detay h2 , h3 , h4 , h5 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 15px;
    padding-top: 5px;
}

.blog-detay p {
    font-size: 15px;
    font-weight: 300;
}

.blog-detay ul li {
    font-size: 15px;
    font-weight: 300;
}

.bize-ulasin {
    margin-top: 50px;
    margin-bottom: 100px;
}

.bize-ulasin h1 {
    font-size: 40px;
    font-weight: 600;
    color: #022C44;
    text-align: center;
}

.bize-ulasin p {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

.bize-ulasin p span {
    font-weight: 500;
}

.bize-ulasin .iletisim-form {
    background-color: #F5F7F9;
    border-radius: 10px;
    padding: 100px;
}

.bize-ulasin .iletisim-form img {
    width: 400px;
    max-width: 100%;
    float: right;
}

.bize-ulasin .iletisim-form .form-control {
    box-shadow: none;
    border: 1px solid #F2F0F0;
    background-color: white;
}

.bize-ulasin .iletisim-form .form-control:focus {
    border-color: #0F49B0;
}

.bize-ulasin .iletisim-form form {
    width: 80%;
    margin: 0 auto;
}

.bize-ulasin .iletisim-form form button {
    background-color: #0F49B0;
    color: white;
    float: right;
    padding: 5px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bize-ulasin .iletisim-form form button i {
    padding-right: 7px;
    font-size: 22px;
}

.bize-ulasin .item {
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}

.bize-ulasin .item .icon {
    margin: 0 auto;
    width: 58px;
    height: 58px;
    background-color: #F5F2F2;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 15px;
}

.bize-ulasin .item .icon i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bize-ulasin .item a {
    color: black;
    font-size: 16px;
    font-weight: 300;
}

.bize-ulasin .item p {
    margin: 0px;
    padding: 0px;
    padding-bottom: 7px;
    color: black;
    font-size: 16px;
    font-weight: 300;
}



.teklif-al {
    margin-top: 50px;
    margin-bottom: 20px;
}

.teklif-al h1 {
    font-size: 40px;
    font-weight: 600;
    color: #022C44;
}

.teklif-al p {
    font-size: 16px;
    font-weight: 300;
}

.teklif-al p span {
    font-weight: 500;
}

.teklif-al .iletisim-form {
    background-color: #F5F7F9;
    border-radius: 10px;
    padding: 100px;
    padding-top: 30px;
    padding-bottom: 100px;
}

.teklif-al .iletisim-form img {
    width: 400px;
    max-width: 100%;
    float: right;
    margin-top: 50px;
}

.teklif-al .iletisim-form .form-control {
    box-shadow: none;
    border: 1px solid #F2F0F0;
    background-color: white;
}

.teklif-al .iletisim-form .form-control:focus {
    border-color: #0F49B0;
}

.teklif-al .iletisim-form form {
    width: 80%;
    margin-top: 50px;
}

.teklif-al .iletisim-form form button {
    background-color: #0F49B0;
    color: white;
    float: right;
    padding: 5px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.teklif-al .iletisim-form form button i {
    padding-right: 7px;
    font-size: 22px;
}

.form-check {
    display: flex;
    align-items: center;
}

.form-check-label:focus {
    box-shadow: none;
    border-color: #D9D9D9;
}

.form-check-input:focus {
    box-shadow: none;
    border-color: #D9D9D9;
}

.form-check-input {
    border-color: #D9D9D9;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-top: 0px;
    display: flex;
}

.form-check-input:checked {
    background-color: #0F49B0;
    box-shadow: none;
    border-color: #D9D9D9;
}

.form-check label {
    font-weight: 300;
}

.form-check a {
    color: black;
    font-weight: 500;
}

.hakkimizda {
    margin-top: 50px;
    margin-bottom: 100px;
}

.hakkimizda h1 {
    font-size: 36px;
    font-weight: 400;
}

.hakkimizda hr {
    background-color: #C9C7C7;
}

.hakkimizda p {
    font-size: 400;
    font-size: 16px;
}

.projenizmi-var {
    margin-top: 250px;
    height: 350px;
    background-color: #F5F7F9;
}

.projenizmi-var img {
    width: 100%;
    margin-top: -195px;
}

.projenizmi-var .button-ust {
    background-color: white;
    border: 1px solid #D5D7DA;
    color: #013682;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.projenizmi-var .button-ust i {
    font-size: 20px;
    padding-right: 10px;
}

.projenizmi-var h2 {
    font-size: 40px;
    font-weight: 400;
    padding-bottom: 15px;
}

.projenizmi-var h2 span {
    font-weight: 500;
}

.projenizmi-var .button-1 {
    background-color: #013682;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
    color: white;
    border-radius: 5px;
    border: 1px solid #013682;
}

.projenizmi-var .button-2 {
    background-color: white;
    padding: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;

    border-radius: 5px;
    border: 1px solid #D5D7DA;
}

.projenizmi-var .button-2 i {
    font-size: 20px;
    padding-right: 10px;
}