@font-face {
    font-family: ingmebold;
    src: url("../font/INGMe-Bold.otf");
 }
 @font-face {
    font-family: ingme;
    src: url("../font/INGMe.otf");
 }
 
 
 
 /*-------------------------------------------------- */
 
 
 
 /* Ekran 1: Mobil Ekranlar (0 - 767px) */
 @media only screen and (max-width: 767px) {
     
     
     
     
     
     
     
     
     
     
     
     
     
       /* Menü gizli */
    .openercstmmenu-y-tablet {
      display: none;
      background-color: #FF6200;
      z-index: 10001;
      position: absolute;
      width: 244px;
      margin-left: 10px;
      padding: 10px;
      list-style: none;
    }

    /* Menü aktif olunca görünür */
    .nav-item.active .openercstmmenu-y-tablet {
      display: block;
    }

    /* Menü bağlantıları */
    .openercstmmenu-y-tablet li a {
      display: block;
      color: white;
      text-decoration: none;
      font-size: 19px;
      font-family: 'ingme';
    }

    .openercstmmenu-y-tablet li {
      margin-bottom: 7px;
    }

    .openercstmmenu-y-tablet li:last-child {
      margin-bottom: 0;
    }

    /* Menü başlığı */
    .nav-link {
      cursor: pointer;
      display: inline-block;
      padding: 8px;
      color: black;
      text-decoration: none;
      font-family: 'ingme';
      font-size: 28px;
    }
     
     .arrowcstmmenu{
         position:relative;
     }
     
    .arrowcstmmenu::after{
         position:absolute;
         content:'▼';
         right:-19px;
         top:22px;
         font-size:13px;
     }
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
 
 .mobilecaptchaimg img {
    width: 28px;
}
 
    .slider-area .container {
        max-width: 100%;
    }
     
     .topbar, .navbar, .about, .products-grid, .products-grid-2, .contact-area-title-tablet-y, .contact-area-bottom-tablet-y, .footer-tablet-y, .footer-tablet-y, .contact-area-tablet-y, .contact-area-tablet-y, .three-grid-tablet-y, .products-grid-tablet-y, .about-tablet-y, .products-grid-2-tablet-y, .products-grid-tablet-y, .navbar-tablet-y, .topbar-tablet-y, .topbar-tablet-d, .footer-tablet-d, .three-grid-tablet-d, .three-grid, .contact-area-title, .contact-area, .footer, .navbar-tablet-d, .about-tablet-d, .products-grid-tablet-d, .products-grid-2-tablet-d, .contact-area-title-tablet-d, .contact-area-tablet-d{
         display: none;
     }
     
     .topbar-mobile{
         width: 100%;
         height: 60px;
         background-color: white;
         border-bottom: 1px #e5e5e5 solid;
     }
     
     .topbartext-mobile {
     position: relative;
     font-size: 16px;
     font-family: "ingme";
     border-bottom: 2px #FF6200 solid;
     margin-left: 30px;
     padding: 14px 0px 0px 0px;
 }

     
       .navbar-mobile .navbar-collapse {
         position: fixed;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: white;
         z-index: 999;
         transition: left 0.3s;
       }
           .navbar-light .navbar-toggler {
     color: transparent !important;
     border-color: transparent !important;
 }
         .navbar-toggler-x{
             
             background-image: url('https://www.ingleasing.com.tr/assets/img/hamburger-icon-close.png');
               background-size: cover; /* Resmi öğenin boyutuna sığdırır */
               background-repeat: no-repeat; /* Resmi tekrarlamaz */
               background-position: center center; /* Resmi öğenin ortasına hizalar */
 
             width: 33px;
             height: 33px;
             
             position: absolute;
             border: 0px white solid;
             top: 1%;
             right: 2%;
     }	
     
     
       .navbar-mobile .navbar-toggler {
         position: relative;
       }
 
       .navbar-mobile .navbar-toggler-icon {
         display: block;
         position: absolute;
         transform: translate(0, -50%);
         cursor: pointer;
           
         background-image: url('https://www.ingleasing.com.tr/assets/img/hamburger-icon.png');
           background-size: cover; /* Resmi öğenin boyutuna sığdırır */
           background-repeat: no-repeat; /* Resmi tekrarlamaz */
           background-position: center center; /* Resmi öğenin ortasına hizalar */
         width: 23px;
         height: 23px;
 
           
       }
 
       .navbar-mobile .navbar-nav {
         margin-top: 40px; /* İçerikten uzaklaştırma */
         padding-left: 30px;
       }
 
       .navbar-mobile .navbar-toggler.collapsed + .navbar-collapse {
         left: -100%;
 
       }
 
       .navbar-mobile .navbar-collapse.show {
         left: 0;
 
       }
     .navbar-mobile {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-around;
     align-items: center;
         background-color: white !important;
 }
     .navbar-mobile img{
         width: 70%;
     }
     
     a.nav-link{
         font-size: 28px;
         font-family: "ingme";
     }
     
     .slider-area{
         margin-top: 0px;
     }
 
     .owl-theme .owl-nav {
         margin-top: 10px;
         display: none !important;
     }
 
     .owl-dots {
         margin-top: -30px;
         position: inherit;
     }
 
     .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 10px;
     position: absolute;
     bottom: 0%;
     left: 27%;
 }
     
     .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: white !important;
             width: 15px;
     height: 15px;
 }
     
     .owl-theme .owl-dots .owl-dot span {
     width: 15px !important;
     height: 15px !important;
     margin: 5px 7px;
     background: transparent !important;
     border: 2px white solid !important;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 30px;
 }
     .about-mobile{
         margin-top: 60px;
     }
     .about-mobile h1{
         font-size: 30px;
         font-family: "ingmebold";
     }
     .about-mobile p{
         font-size: 18px;
         font-family: "ingme";
     }
 .r-left-mobile {
     margin-top: 30px;
     width: 85%;
     background-color: #E6E5F0;
     border-radius: 20px;
     padding: 25px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     margin-left: auto;
     margin-right: auto;
 }
 
 /*********** Baseline, reset styles ***********/
 input[type="range"] {
     -webkit-appearance: none;
     appearance: none;
     background: transparent;
     cursor: pointer;
     width: 100%;
   }
   
   /* Removes default focus */
   input[type="range"]:focus {
     outline: none;
   }
   
   /******** Chrome, Safari, Opera and Edge Chromium styles ********/
   /* slider track */
   input[type="range"]::-webkit-slider-runnable-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
     margin-top: -8.25px; /* Centers thumb on the track */
     background-color: #F1F1F1;
     border: 3px #FF6200 solid;
     border-radius: 20px;
     height: 20px;
     width: 20px;
   }
 
   /*********** Firefox styles ***********/
   /* slider track */
   input[type="range"]::-moz-range-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-moz-range-thumb {
     background-color: #F1F1F1;
     border: none; /*Removes extra border that FF applies*/
     border-radius: 20px;
     height: 15px;
     width: 15px;
   }
   datalist#vade-list {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     font-family: "ingme";
     font-size: 14px;
 }
 input#mal-bedeli:focus-visible {
     outline: none !important;
 }
 input#pesinat:focus-visible {
     outline: none !important;
 }
 input#mal-bedeli::-webkit-inner-spin-button,
 input#mal-bedeli::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
 input#pesinat::-webkit-inner-spin-button,
 input#pesinat::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
     .sbmtindx-mblcnvrt{
     width:100%; background-color:#E6E5F0; border: 2px #525098 solid; width:100%; margin-top:0px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:#525098; font-size: 16px; transition-duration: 500ms;
 }
 
 .sbmtindx-mblcnvrt:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     font-size: 16px;
     font-family: 'ingmebold'; 
     margin-top: 12px;
 }
     
     datalist#vade-list-mblcnvrt {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     font-family: "ingme";
     font-size: 14px;
 }
     
     
 .r-right-mobile {
     width: 85%;
     height: 690px;
     background-color: #E8F3FA;
     border-radius: 20px;
     padding: 25px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     margin-left: auto;
     margin-right: auto;
     margin-top: 40px;
 }
 .sbmtindx2{
     width:100% !important; background-color:#E8F3FA; border: 2px #525098 solid; margin-top:23px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:#525098; font-size: 16px; transition-duration: 500ms;
 }
 .products-grid-mobile{
     background-color: #F0F0F0;
     padding:30px 0px 30px 0px;
     margin-top: 50px;
 }
     .p-g-left h1{
         font-family: "ingmebold";
         font-size: 30px;
     }
         .p-g-left p{
         font-family: "ingme";
         font-size: 18px;
     }
     
     .p-g-right{
         margin-top: 50px;
     }
     
     .p-g-right img{
         width: 100%;
     }
     .sbmtindx3{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
         font-size: 16px;
     font-family: 'ingmebold'; 
 }
 
 .sbmtindx3:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
 }
     .p-g-left-2 h1{
         font-size: 30px;
         font-family: "ingmebold";
     }
     
         .p-g-left-2 p{
         font-size: 18px;
         font-family: "ingme";
     }
     
     .products-grid-2-mobile{
         margin-top: 30px;
         padding: 30px 0px 30px 0px;
     }
     
     .p-g-right-2 img{
         width: 100%;
         margin-top: 40px;
     }
     
     
 .sbmtindx4{
     
     width: 210px; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx4:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px; 
     width: 210px; 
 }
 .sbmtindx5{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx5:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
     width: 210px;
 }
     .orange-area{
     width: 100%;
     height: 300px;
     background-color: #FF6200;
 }
 .three-grid-mobile {
     height: 490px;
     width: 100%;
     margin-top: -200px;
 }
 .three-grid-area-mobile {
     width: 100%;
     height: 510px;
 
 
 }
 
 .three-grid-area-content-mobile {
     width: 100%;
     height: 460px;
     background-color: white;
     border-radius: 20px;
     padding: 25px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: stretch;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 }
 
 .three-grid-area-content-mobile h1{
     font-family: "ingmebold";
     font-size: 28px;
     color: #0C0057;
 }
 .three-grid-area-content-mobile .img-area-mobile{
     width: 100%;
     height: 170px;
     border-radius: 10px;
 }
 .three-grid-area-content-mobile p{
     font-family: 'ingme';
     font-size: 18px;
     color: #333333;
     margin-top: 20px !important;
 
 }
 
 
 .img-area-mobile img {
     width: 100%;
     height: 170px !important;
     border-radius: 10px;
 }
     
 
 .sbmtindx6{
     
     width: 100%; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 6px; font-size: 16px; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx6:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 6px;
     font-size: 16px;
     height: 50px; 
 }
 .contact-area-title-mobile {
     background-color: #F1F1F1;
     width: 100%;
     height: 90px;
     margin-top: 1040px;
 }
 .contact-area-title-mobile h1 {
     font-family: "ingmebold";
     font-size: 30px;
     padding-top: 29px !important;
 }
 .contact-area-mobile {
     background-color: #F1F1F1;
     width: 100%;
     padding-bottom: 50px;
 }
 .contact-area-grid-l-mobile {
     width: 100%;
     background-color: white;
     border-radius: 20px;
     padding: 20px;
     height: 1040px;
 }
     .contact-area-grid-l-mobile h1{
         color:#5E5E5E;
         font-size: 28px;
         font-family: "ingme";
         margin-bottom: 20px;
     }
     
     label {
     font-size: 18px;
     font-family: "ingme";
     color: black;
     margin-top: 6px;
 
 }
     
 .contact-area-grid-l-mobile input[type="submit"] {
     background-color: white !important;
     border: 2px #525098 solid;
     height: 45px;
     width: 110px;
     font-family: "ingmebold";
     border-radius: 7px;
     font-size: 16px;
     color: #525098;
     transition-duration: 500ms;
     
 }
     
 .contact-area-grid-l-mobile input#adsoyad {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 65px;
     width: 60%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     margin-left: 10px;
 }
 
 input#adsoyad8 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 65px;
    width: 60%;
    border-radius: 7px;
    font-family: "ingmebold";
    padding-left: 10px;
    margin-left: 10px;
}
     
 .contact-area-grid-l-mobile input#unvan {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 60%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     margin-left: 10px;
 }
 
 input#unvan8 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 40px;
    width: 60%;
    border-radius: 7px;
    font-family: "ingmebold";
    padding-left: 10px;
    margin-left: 10px;
}
     
 .contact-area-grid-l-mobile input#telefon {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 60%;
     border-radius: 7px;
     margin-left: 60px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
 input#telefon8 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 40px;
    width: 60%;
    border-radius: 7px;
    margin-left: 60px;
    font-family: "ingmebold";
    padding-left: 10px;
}
 
 input#telefon6 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 40px;
    width: 80%;
    border-radius: 7px;
    font-family: "ingmebold";
    margin-left: 50px;
}
 
 .contact-area-grid-l-mobile input#eposta {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 60%;
     border-radius: 7px;
     margin-left: 57px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
 input#eposta8 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 40px;
    width: 60%;
    border-radius: 7px;
    margin-left: 57px;
    font-family: "ingmebold";
    padding-left: 10px;
}
 
 .contact-area-grid-l-mobile textarea#mesaj {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 180px;
     width: 60%;
     border-radius: 7px;
     margin-left: 73px;
     font-family: "ingmebold";
     padding-left: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 textarea#mesaj8 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 180px;
    width: 60%;
    border-radius: 7px;
    margin-left: 73px;
    font-family: "ingmebold";
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
 
 .formgrid {
     margin-bottom: 10px;
     display: flex;
 }	
 
     .frma,.frmb,.frmc{
         margin-top: 7px;
         width: 30%;
     }
     
     .footer-mobile{
         background-color: #757575;
         padding: 20px 0px 20px 0px;
     }
     .footer-mobile ul{
         list-style-type: none;
         padding-left: 0px;
         margin-top: 20px;
     }
     .footer-mobile ul li{
         margin-bottom: 5px;
     }
     .footer-mobile ul li a{
         color:white;
         font-family: "ingme";
         text-decoration: none;
     }
     
     
     
     .formgridbtn{
 display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-end;
     width: 99%;
     }
         
     .message-text{
         width: 22%;
     }
     
     
 .sonuctitle-mblcnvrt{
     color: #525199;
     font-size: 15px;
     font-family: "ingmebold";
     text-decoration: underline 3px;
 }
     
 .sonuctitle2-mblcnvrt{
     font-size: 35px;
     color: #000000;
     font-family: "ingmebold";
     margin-top: 3px;
 }
     
 .sonuctitle3-mblcnvrt{
     font-size: 16px;
     color: #525199;
     font-family: "ingme";
     text-decoration: underline 2px #525199;
     margin-top: -4px !important;
     margin-bottom: 7px;
 }
         
 .aftr-btn-1-mblcnvrt{
     width: 100%;
     background-color: #E6E5F0;
     border: 2px #525098 solid;
     width: 100%;
     margin-top: 9px;
     height: 50px;
     border-radius: 7px;
     font-family: 'ingmebold';
     color: #525098;
     font-size: 18px;
     transition-duration: 500ms;
     margin-top: 14px;
 }
     


     
     
         
     
     
     
     
     
     
     
         
     
     
     
     
     
     
     
     
 }
 
 
 /*-------------------------------------------------- */
 
 /* Ekran 2: Dikey Tablet (768px - 991px) */
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 
     
         .topbar, .navbar, .about, .topbar-tablet-y, .products-grid, .contact-area-title-tablet-y, .contact-area-bottom-tablet-y, .footer-tablet-y, .footer-tablet-y, .navbar-tablet-y, .contact-area-tablet-y, .contact-area-tablet-y, .three-grid-tablet-y, .products-grid-tablet-y, .products-grid-2-tablet-y, .about-tablet-y, .products-grid-tablet-y, .products-grid-2, .three-grid, .contact-area-mobile, .footer-mobile, .contact-area-title, .contact-area, .footer, .topbar-mobile, .navbar-mobile, .about-mobile, .islem-mblcnvrt, .about-mobile,.r-right-mobile, .products-grid-mobile, .products-grid-2-mobile, .three-grid-mobile, .contact-area-title-mobile{
         display: none;
     }
     
     
     
     
     
     
     
     
     
     
     
     
     
 .cstmdtabletopener {
  position: relative;
  user-select: none;
}

.cstmdtabletopener > .dropdown-toggle::after {
  content: " ▼";
  font-size: 0.7em;
  margin-left: 5px;
  display: inline-block;
}

.cstmdtabletopener .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #FF6200;
        border: 0;
        min-width: 150px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        padding: 5px 0;
        z-index: 10;
}

.cstmdtabletopener .dropdown-menu li a {
  display: block;
  padding: 4px 15px;
  color: white;
  text-decoration: none;
          font-size: 18px !important;
}



.cstmdtabletopener.open > .dropdown-menu {
  display: block;
        padding: 10px 0px 10px 0px !important;
        margin: 0px !important;
                width: 240px !important;
}

a.dropdown-toggle {
    font-size: 28px;
    font-family: "ingme";
    text-decoration: none !important;
    color:  var(--bs-nav-link-color);
}
     
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 0;
    border-left: 0px !important;
    font-size:15px !important;
}     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
 
     .container{
         max-width: 992px;
     }
 
     
      .topbar-tablet-d{
          width: 100%;
          height: 60px;
          background-color: white;
          border-bottom: 1px #e5e5e5 solid;
      }
      .topbartext-mobile-tablet-d {
         position: relative;
         font-size: 16px;
         font-family: "ingme";
         border-bottom: 2px #FF6200 solid;
         margin-left: 30px;
         padding: 14px 0px 0px 0px;
      }
 
 
 
     .navbar-tablet-d .navbar-collapse {
          position: fixed;
          top: 0;
          left: -100%;
          width: 100%;
          height: 100%;
          background: white;
          z-index: 999;
          transition: left 0.3s;
        }
            .navbar-light .navbar-toggler {
      color: transparent !important;
      border-color: transparent !important;
  }
      
          .navbar-toggler-x{
              
              background-image: url('https://www.ingleasing.com.tr/assets/img/hamburger-icon-close.png');
                background-size: cover; /* Resmi öğenin boyutuna sığdırır */
                background-repeat: no-repeat; /* Resmi tekrarlamaz */
                background-position: center center; /* Resmi öğenin ortasına hizalar */
  
              width: 33px;
              height: 33px;
              
              position: absolute;
              border: 0px white solid;
              top: 1%;
              right: 2%;
      }	
      
      
        .navbar-tablet-d .navbar-toggler {
          position: relative;
        }
  
        .navbar-tablet-d .navbar-toggler-icon {
          display: block;
          position: absolute;
          transform: translate(0, -50%);
          cursor: pointer;
            margin-left: -130%;
          background-image: url('https://www.ingleasing.com.tr/assets/img/hamburger-icon.png');
            background-size: cover; /* Resmi öğenin boyutuna sığdırır */
            background-repeat: no-repeat; /* Resmi tekrarlamaz */
            background-position: center center; /* Resmi öğenin ortasına hizalar */
          width: 23px;
          height: 23px;
  
            
        }
  
        .navbar-tablet-d .navbar-nav {
          margin-top: 40px; /* İçerikten uzaklaştırma */
          padding-left: 30px;
        }
  
        .navbar-tablet-d .navbar-toggler.collapsed + .navbar-collapse {
          left: -100%;
  
        }
  
        .navbar-tablet-d .navbar-collapse.show {
          left: 0;
  
        }
      .navbar-tablet-d {
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-content: center;
         justify-content: space-between;
         align-items: center;
         background-color: white !important;
  }
      .navbar-tablet-d img{
          width: 70%;
          margin-left: 11%;
      }
      
      a.nav-link{
          font-size: 28px;
          font-family: "ingme";
      }
 
      .owl-theme .owl-nav {
         margin-top: 10px;
         display: none !important;
     }
 
     .owl-dots {
         margin-top: -40px;
         position: inherit;
     }
 
 
     .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 10px;
     position: absolute;
     bottom: 0%;
     left: 40%;
 }
     
     .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: white !important;
             width: 15px;
     height: 15px;
 }
     
     .owl-theme .owl-dots .owl-dot span {
     width: 15px !important;
     height: 15px !important;
     margin: 5px 7px;
     background: transparent !important;
     border: 2px white solid !important;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 30px;
 }
 
 
     
 .about-tablet-d{
     width: 100%;
     height: 970px;
 }
 .about-tablet-d .container{
     padding: 0px !important;
 }
 .left-area {
     width: 95%;
     margin-left: 20px;
     padding-top: 30px;
     padding-bottom: 30px;
 }
 .right-area {
     width: 100%;
     height: 500px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-around;
     z-index: 5;
 }
 .left-area h1{
     font-family: "ingmebold";
     font-size: 34px;
     color: #333333;
 }
 .left-area p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 .r-left {
     width: 46%;
     height: 470px;
     background-color: #E6E5F0;
     border-radius: 20px;
     padding: 25px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .r-right {
    width: 46%;
    height: 690px;
    background-color: #E8F3FA;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 4px 10px 15px -3px rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
 }
 /*********** Baseline, reset styles ***********/
 input[type="range"] {
     -webkit-appearance: none;
     appearance: none;
     background: transparent;
     cursor: pointer;
     width: 100%;
   }
   
   /* Removes default focus */
   input[type="range"]:focus {
     outline: none;
   }
   
   /******** Chrome, Safari, Opera and Edge Chromium styles ********/
   /* slider track */
   input[type="range"]::-webkit-slider-runnable-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
     margin-top: -8.25px; /* Centers thumb on the track */
     background-color: #F1F1F1;
     border: 3px #FF6200 solid;
     border-radius: 20px;
     height: 20px;
     width: 20px;
   }
 
   /*********** Firefox styles ***********/
   /* slider track */
   input[type="range"]::-moz-range-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-moz-range-thumb {
     background-color: #F1F1F1;
     border: none; /*Removes extra border that FF applies*/
     border-radius: 20px;
     height: 15px;
     width: 15px;
   }
   datalist#vade-list {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     font-family: "ingme";
     font-size: 14px;
 }
 input#mal-bedeli:focus-visible {
     outline: none !important;
 }
 input#pesinat:focus-visible {
     outline: none !important;
 }
 input#mal-bedeli::-webkit-inner-spin-button,
 input#mal-bedeli::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
 input#pesinat::-webkit-inner-spin-button,
 input#pesinat::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
         /* Formu merkeze al */
         form {
             width: 300px;
             margin: 0 auto;
         }
 
         /* Tik işareti için stil */
         .tick-icon {
             margin-right: 5px;
             width: 23px; /* Tik işareti genişliği */
             height: 23px; /* Tik işareti yüksekliği */
             margin-top: -5px;
         }
 
         /* Submit düğmesinin stillemesi */
         button[type="submit"] {
             position: relative;
                 position: relative;
     width: 300px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
         }
 
         form {
             width: 100% !important;
             margin: 0 auto;
         }
     
     
     .sbmtindx{
     width:100%; background-color:#E6E5F0; border: 2px #525098 solid; width:100%; margin-top:12px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:#525098; font-size: 16px; transition-duration: 500ms;
 }
 
 .sbmtindx:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     font-size: 16px;
     font-family: 'ingmebold'; 
     margin-top: 12px;
 }
     
 
 
 .sbmtindx2{
     width:100% !important; background-color:#E8F3FA; border: 2px #525098 solid; margin-top:23px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:#525098; font-size: 16px; transition-duration: 500ms;
 }
 
     
 
 .products-grid-tablet-d{
     background-color: #F0F0F0;
     padding:30px 0px 30px 0px;
 }
     .p-g-left h1{
         font-family: "ingmebold";
         font-size: 30px;
     }
         .p-g-left p{
         font-family: "ingme";
         font-size: 18px;
     }
     
     .p-g-right{
         margin-top: 50px;
     }
     
     .p-g-right img{
         width: 100%;
     }
     .sbmtindx3{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
         font-size: 16px;
     font-family: 'ingmebold'; 
 }
 
 .sbmtindx3:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
 }	
     
     
     .p-g-left {
     margin-left: 5px;
 }
     
     
         .p-g-left-2 {
     margin-left: 5px;
     margin-top: 30px;
 }
     
     
     .p-g-left-2 h1{
         font-size: 30px;
         font-family: "ingmebold";
     }
     
         .p-g-left-2 p{
         font-size: 18px;
         font-family: "ingme";
     }
     
     
     .sbmtindx4{
     
     width: 210px; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx4:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px; 
     width: 210px; 
 }
     
     .p-g-right-2 img {
     width: 100%;
 }
     
     
 
 .sbmtindx5{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx5:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
     width: 210px;
 }
     
     .products-grid-2-tablet-d{
         margin-bottom: 30px;
     }
 
 
     .orange-area {
     width: 100%;
     height: 200px;
     background-color: #FF6200;
 }
     
     
     
 .three-grid-tablet-d {
 
     width: 100%;
     margin-top: -110px;
 }
 .three-grid-area-tabled-d {
     width: 100%;
     height: 510px;
 
 
 }
 
 
 
 .three-grid-area-content-tablet-d h1{
     font-family: "ingmebold";
     font-size: 28px;
     color: #0C0057;
 }
 .three-grid-area-content-tablet-d .img-area-tablet-d{
     width: 100%;
     height: 250px;
     border-radius: 10px;
 }
 .three-grid-area-content-tablet-d p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-top: 20px !important;
 
 }
     
     .three-grid-area-content-tablet-d {
     width: 100%;
     height: 510px;
     background-color: white;
     border-radius: 20px;
     padding: 15px 25px 25px 25px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: stretch;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
     margin-bottom: 50px;
 }
     .img-area-tablet-d img {
     width: 100%;
         height: 250px;
         border-radius:10px;
 }
     
     .three-grid-area-tablet-d {
     width: 100%;
     height: 510px;
     margin-bottom: 50px;
 }
     
 
 .sbmtindx6{
     
     width: 100%; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 6px; font-size: 16px; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx6:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 6px;
     font-size: 16px;
     height: 50px; 
 }
     
 
 .contact-area-title-tablet-d {
     background-color: #F1F1F1;
     width: 100%;
     height: 90px;
 
 }
 .contact-area-title-tablet-d h1 {
     font-family: "ingmebold";
     font-size: 30px;
     padding-top: 29px !important;
 }
     
 
 .contact-area-tablet-d {
     background-color: #F1F1F1;
     width: 100%;
     padding-bottom: 75px;
 }
 .contact-area-grid-l-mobile {
     width: 100%;
     background-color: white;
     border-radius: 20px;
     padding: 20px;
     height: 990px;
 }
     .contact-area-grid-l-mobile h1{
         color:#5E5E5E;
         font-size: 28px;
         font-family: "ingme";
         margin-bottom: 20px;
     }
     
     label {
     font-size: 18px;
     font-family: "ingme";
     color: black;
     margin-top: 5px;
 
 }
     
 .contact-area-grid-l-mobile input[type="submit"] {
     background-color: white !important;
     border: 2px #525098 solid;
     height: 45px;
     width: 110px;
     font-family: "ingmebold";
     border-radius: 7px;
     font-size: 16px;
     color: #525098;
     transition-duration: 500ms;
     margin-top:10px;
 }
     
 .contact-area-grid-l-mobile input#adsoyad {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 60px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
 
 }
 
 input#adsoyad6 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 60px;
    width: 80%;
    border-radius: 7px;
    font-family: "ingmebold";
}
     
     
 .contact-area-grid-l-mobile input#unvan {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
 
 }
 
 
 input#unvan6 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 40px;
    width: 80%;
    border-radius: 7px;
    font-family: "ingmebold";
}
 
     
     
 .contact-area-grid-l-mobile input#telefon {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
     margin-left: 50px;
 }
 
 input#telefon6 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 40px;
    width: 80%;
    border-radius: 7px;
    font-family: "ingmebold";
    margin-left: 50px;
}
 
 .contact-area-grid-l-mobile input#eposta {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
     margin-left: 50px;
 }
 
 input#eposta6 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 40px;
    width: 80%;
    border-radius: 7px;
    font-family: "ingmebold";
    margin-left: 50px;
}
 
 .contact-area-grid-l-mobile textarea#mesaj {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 240px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-top: 10px;
     padding-bottom: 10px;
     margin-left: 14px;
     margin-left: 65px;
 }	
 
 
 textarea#mesaj6 {
    background-color: white;
    border: 1px #5E5E5E solid;
    height: 240px;
    width: 80%;
    border-radius: 7px;
    font-family: "ingmebold";
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 14px;
    margin-left: 65px;
}
     
 
 .formgrid {
 margin-bottom: 10px;
     display: flex;
     justify-content: space-between;
     margin-top: 10px;
 }
 
 
     .frma,.frmb,.frmc{
         margin-top: 7px;
         width: 20%;
     }
     
 .formgridbtn {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-end;
     width: 98%;
 
 }
     
 
     .footer-tablet-d{
         background-color: #757575;
         padding: 20px 0px 20px 0px;
     }
     .footer-tablet-d ul{
         list-style-type: none;
         padding-left: 0px;
         margin-top: 20px;
     }
     .footer-tablet-d ul li{
         margin-bottom: 5px;
     }
     .footer-tablet-d ul li a{
         color:white;
         font-family: "ingme";
         text-decoration: none;
     }
     
     
     form{
         margin-left: 5px;
     }
     
 
 
 }
 
 
 /*-------------------------------------------------- */
 
 /* Ekran 3: Yatay Tablet + Minibook Laptop (992px - 1199px) */
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
 
         .topbar, .topbar-mobile, .navbar-mobile, .about-mobile, .r-left-mobile, .r-right-mobile, .products-grid-mobile, .products-grid-2-mobile, .three-grid-mobile, .contact-area-title-mobile, .contact-area-mobile, .footer-mobile, .navbar, .about, .products-grid, .footer-tablet-d, .three-grid-tablet-d, .contact-area-tablet-d, .navbar-tablet-d, .about-tablet-d, .contact-area-title-tablet-d, .products-grid-tablet-d, .products-grid-2, .three-grid, .contact-area-title, .contact-area, .footer, .topbar-tablet-d, .navbar-tablet-d, .products-grid-2-tablet-d{
         display: none;
     }
     
     
     
     
     
     
     
     
.cstmytabletopener {
  position: relative;
  user-select: none;
}

.cstmytabletopener > .dropdown-toggle::after {
        position: absolute;
        content: '▼';
        right: -15px;
        top: 1px;
        font-size: 10px;
        color: #303030 !important;
}

.cstmytabletopener .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #FF6200; /* Arka plan rengi */
  border: 0; /* Border kaldırıldı */
  min-width: 150px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 4px;
  padding: 5px 0;
  z-index: 10;
}

.cstmytabletopener .dropdown-menu li a {
        display: block;
        padding: 8px 15px;
        color: white;
        text-decoration: none;
        padding-left: 10px;
        padding-bottom: 3px;
        padding-top: 3px;
        font-size: 14px !important;
}

/* Hover kaldırıldı - alt menüde hover efekti yok */
.cstmytabletopener .dropdown-menu li a:hover {
  background-color: transparent;
  color: white;
  cursor: default;
  transition: none;
}

.cstmytabletopener.open > .dropdown-menu {
        display: block;
        padding: 10px 0px 10px 0px !important;
        margin: 0px !important;
}
 
a.dropdown-toggle {
    color: #303030 !important;
    font-size: 13px !important;
    font-family: "ingme";
    position: relative;
    margin-right: 10px;
    text-decoration: none !important;
}     
     
  ul.dropdown-menu {
    width: 180px !important;
}   
    
    .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0;
    border-left: 0 !important;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
     
     
     
     
 
 
 
     .container{
         max-width: 992px;
     }
 
 
 
 
      .topbar-tablet-y{
          width: 100%;
          height: 60px;
          background-color: white;
          border-bottom: 1px #e5e5e5 solid;
      }
      .topbartext-mobile-tablet-y {
         position: relative;
         font-size: 16px;
         font-family: "ingme";
         border-bottom: 2px #FF6200 solid;
         margin-left: 30px;
         padding: 14px 0px 0px 0px;
      }
 
 
      .bg-light .container {
         max-width: 942px;
     }
 
      .bg-light {
         background-color: white !important;
         height: 70px !important;
         margin-top: 5px;
     }
     
     .bg-light .container {
         padding: 0px;
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-content: center;
         justify-content: space-between;
         align-items: center;
     }
     .menu-icon-1 {
         margin-right: 0px !important;
         padding-right: 0px !important;
     }
     
     a.nav-link {
         color: #303030 !important;
         font-size: 13px !important;
         font-family: "ingme";
         position: relative;
         margin-left: 3px;
     }
     
     a.nav-link:hover{
         color: #FF6200 !important;
         font-size: 13px !important;
         font-family: "ingme";
         position:relative;
         margin-left: 3px;
     }
     
     a.nav-link::after {
         position: absolute;
         bottom: 0px;
         left: 5%;
         width: 90%;
         height: 2px;
         background-color: #FF6200;
         content: " ";
         opacity: 0;
         transition-duration: 400ms;
     
     }
     a.nav-link:hover:after {
         position: absolute;
         bottom: 0px;
         left: 5%;
         width: 90%;
         height: 2px;
         background-color: #FF6200;
         content: " ";
         opacity: 1;
         transition-duration: 400ms;
     
     }
     
     li.nav-item:last-child a.nav-link:hover::after {
         opacity: 0 !important;
     }
 
     .navbar-tablet-y img {
         width: 200px;
     }
 
     .navbar-expand-lg .navbar-nav {
         -ms-flex-direction: row;
         flex-direction: row;
         margin-top: 10px;
     }
 
     .navbar-expand-lg .navbar-nav .nav-link{
         padding-right: 0.5rem;
         padding-left: 0.5rem;
         margin-right:15px;
     }
     
     
 
     li.nav-item.active .nav-link {
         color: #FF6200 !important;
     }
 
     a.nav-link:hover:after {
         position: absolute;
         bottom: 0px;
         left: 5%;
         width: 90%;
         height: 2px;
         background-color: #FF6200;
         content: " ";
         opacity: 1;
         transition-duration: 400ms;
     }
 
     li.nav-item.active a.nav-link::after {
         opacity: 1;
     }
 
     .slider-area .container {
         max-width: 940px !important;
     }
 
     .slider-area {
         height: 380px !important;
     }
     
 .owl-theme .owl-nav {
     margin-top: 10px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     margin-top: -280px !important;
     position: inherit;
 }
 
 
 button.owl-prev {
     font-size: 100px !important;
     color: #FF6200 !important;
 }
 
 button.owl-next {
     font-size: 100px !important;
     color: #FF6200 !important;
 }
 
 .owl-theme .owl-nav [class*=owl-]:hover {
     background: transparent !important;
     color: #FFF;
     text-decoration: none;
 }
 
 .owl-dots {
     margin-top: 70px !important;
     position: inherit;
 }
 
     
 .owl-carousel.owl-loaded {
     display: block;
 }
 
 .owl-theme .owl-nav.disabled+.owl-dots {
     position: absolute;
     bottom: 5%;
     left: 5%;
 }
 
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: #ffffff !important;
 }
 .owl-theme .owl-dots .owl-dot span {
     width: 17px !important;
     height: 17px !important;
     margin: 5px 7px;
     background: transparent !important;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 30px;
     border: 2px white solid !important;
 }
 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0,0,0);
     border-bottom-left-radius: 25px !important;
     border-bottom-right-radius: 25px !important;
 }
 
     
 .about-tablet-y{
     width: 100%;
     height: 960px;
 }
 .about-tablet-y .container{
     padding: 0px !important;
 }
 .left-area {
     width: 95%;
     margin-left: 20px;
     padding-top: 30px;
     padding-bottom: 30px;
 }
 .right-area {
     width: 100%;
     height: 500px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-around;
     z-index: 5;
 }
 .left-area h1{
     font-family: "ingmebold";
     font-size: 34px;
     color: #333333;
 }
 .left-area p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 .r-left {
     width: 46%;
     height: 470px;
     background-color: #E6E5F0;
     border-radius: 20px;
     padding: 25px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .r-right {
        width: 46%;
        height: 695px;
        background-color: #E8F3FA;
        border-radius: 20px;
        padding: 25px;
        box-shadow: 4px 10px 15px -3px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
 }
 /*********** Baseline, reset styles ***********/
 input[type="range"] {
     -webkit-appearance: none;
     appearance: none;
     background: transparent;
     cursor: pointer;
     width: 100%;
   }
   
   /* Removes default focus */
   input[type="range"]:focus {
     outline: none;
   }
   
   /******** Chrome, Safari, Opera and Edge Chromium styles ********/
   /* slider track */
   input[type="range"]::-webkit-slider-runnable-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
     margin-top: -8.25px; /* Centers thumb on the track */
     background-color: #F1F1F1;
     border: 3px #FF6200 solid;
     border-radius: 20px;
     height: 20px;
     width: 20px;
   }
 
   /*********** Firefox styles ***********/
   /* slider track */
   input[type="range"]::-moz-range-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-moz-range-thumb {
     background-color: #F1F1F1;
     border: none; /*Removes extra border that FF applies*/
     border-radius: 20px;
     height: 15px;
     width: 15px;
   }
   datalist#vade-list {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     font-family: "ingme";
     font-size: 14px;
 }
 input#mal-bedeli:focus-visible {
     outline: none !important;
 }
 input#pesinat:focus-visible {
     outline: none !important;
 }
 input#mal-bedeli::-webkit-inner-spin-button,
 input#mal-bedeli::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
 input#pesinat::-webkit-inner-spin-button,
 input#pesinat::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
         /* Formu merkeze al */
         form {
             width: 300px;
             margin: 0 auto;
         }
 
         /* Tik işareti için stil */
         .tick-icon {
             margin-right: 5px;
             width: 23px; /* Tik işareti genişliği */
             height: 23px; /* Tik işareti yüksekliği */
             margin-top: -5px;
         }
 
         /* Submit düğmesinin stillemesi */
         button[type="submit"] {
             position: relative;
                 position: relative;
     width: 300px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
         }
 
         form {
             width: 100% !important;
             margin: 0 auto;
         }
     
     
     .sbmtindx{
     width:100%; background-color:#E6E5F0; border: 2px #525098 solid; width:100%; margin-top:12px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:#525098; font-size: 16px; transition-duration: 500ms;
 }
 
 .sbmtindx:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     font-size: 16px;
     font-family: 'ingmebold'; 
     margin-top: 12px;
 }
     
 
 
 .sbmtindx2{
     width:100% !important; background-color:#E8F3FA; border: 2px #525098 solid; margin-top:23px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:#525098; font-size: 16px; transition-duration: 500ms;
 }
 
 .islem {
     width: 100%;
 }
 
 
 
 
 .products-grid-tablet-y{
     background-color: #F0F0F0;
     padding:30px 0px 60px 0px;
 }
     .p-g-left h1{
         font-family: "ingmebold";
         font-size: 30px;
     }
         .p-g-left p{
         font-family: "ingme";
         font-size: 18px;
     }
     
     .p-g-left{
         margin-top: 50px;
         width: 50%;
     }
 
     .p-g-right{
         margin-top: 50px;
         width: 50%;
     }
     
     .p-g-right img{
         width: 100%;
     }
     .sbmtindx3{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
         font-size: 16px;
     font-family: 'ingmebold'; 
 }
 
 .sbmtindx3:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
 }	
 
 
 
 .products-grid-2-tablet-y{
     margin-bottom: 30px;
     padding: 80px 0px 30px 0px;
 }
 
 .products-grid-2-tablet-y .div {
     display: flex;
 }
 
 .p-g-left-2 {
     width: 50%;
 }
 
 .p-g-left-2 h1 {
     font-family: "ingmebold";
     font-size: 30px;
 }
 
 .p-g-right-2 {
     width: 50%;
 }
 
 .p-g-right-2 img {
     width: 100%;
 }
 
 
 .sbmtindx4{
     
     width: 210px; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx4:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px; 
     width: 210px; 
 }
 
 .p-g-left-2 p{
     font-family: "ingme";
     font-size: 18px;
 }
 
 .sbmtindx5{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx5:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
     width: 210px;
 }
 
 .orange-area{
     width: 100%;
     height: 300px;
     background-color: #FF6200;
 }
 
 .three-grid-area-tabled-d {
     width: 100%;
     height: 510px;
 
 
 }
 
 
 .three-grid-area-content-tablet-d h1{
     font-family: "ingmebold";
     font-size: 28px;
     color: #0C0057;
 }
 .three-grid-area-content-tablet-d .img-area-tablet-d{
     width: 100%;
     height: 250px;
     border-radius: 10px;
 }
 .three-grid-area-content-tablet-d p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-top: 20px !important;
 
 }
     
     .three-grid-area-content-tablet-d {
     width: 90%;
     height: 510px;
     background-color: white;
     border-radius: 20px;
     padding: 15px 25px 25px 25px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: stretch;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
     margin-bottom: 50px;
 }
     .img-area-tablet-d img {
     width: 100%;
         height: 250px;
 }
     
     .three-grid-area-tablet-d {
     width: 100%;
     height: 510px;
     margin-bottom: 50px;
 }
     
 
 .sbmtindx6{
     
     width: 100%; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 6px; font-size: 16px; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx6:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 6px;
     font-size: 16px;
     height: 50px; 
 }
 
 
 
 
 
 .three-grid-tablet-y {
     height: 490px;
     width: 100%;
     margin-top: -200px;
 }
 .three-grid-area {
     width: 31%;
     height: 550px;
 
 }
 
 .three-grid-area-content {
     width: 100%;
     height: 470px;
     background-color: white;
     border-radius: 20px;
     padding: 25px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: stretch;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 }
 
 .three-grid-area-content h1{
     font-family: "ingmebold";
     font-size: 25px;
     color: #0C0057;
 }
 .three-grid-area-content .img-area{
     width: 100%;
     height: 170px;
     border-radius: 10px;
 }
 .three-grid-area-content p{
     font-family: 'ingme';
     font-size: 18px;
     color: #333333;
     margin-top: 20px !important;
 
 }
 
 
 .img-area img {
     width: 100%;
     height: 170px !important;
     border-radius: 10px;
 }
 
 
 .contact-area-title-tablet-y {
     background-color: #F1F1F1;
     width: 100%;
     height: 90px;
     margin-top: 30px;
 }
 .contact-area-title-tablet-y h1 {
     font-family: "ingmebold";
     font-size: 30px;
     padding-top: 29px !important;
 }
 
 
 
 .contact-area-tablet-y{
     width: 100%;
     height: 760px;
     background-color: #F1F1F1;
 }
 .contact-area-grid{
     width: 100%;
     height: 760px;
     background-color: white;
     border-radius: 18px;
     display: flex;
 }
 .contact-area-grid-l {
     width: 50%;
     height: 600px;
     border-top-left-radius: 18px;
     border-bottom-left-radius: 18px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     padding-left: 40px;
 }
 .contact-area-grid-r {
     width: 50%;
     height: 600px;
     border-top-right-radius: 18px;
     border-bottom-right-radius: 18px;
     margin-top: 70px;
     margin-left: -20px;
 }
 .contact-area-bottom{
     width: 100%;
     height: 0px;
     background-color: #F1F1F1;
 }
 .contact-area-grid-l h1{
     font-family: "ingme";
     font-size: 28px;
     color: #5E5E5E;
     margin: 0px;
     padding: 0px;
 }
 .formgrid {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-end;
     align-items: flex-start;
     margin-bottom: 20px;
     margin-right: 28px;
 }
 .formgrid label {
     font-size: 15px;
     color: #000000;
     font-family: "ingme";
     padding: 0px;
     margin: 10px 30px 0px 0px !important;
 }
 
 .contact-area-grid-r input#adsoyad{
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     margin-left: -4px;
 }
 
     input#adsoyad4{
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     margin-left: -4px;
 }
     
 .contact-area-grid-r input#unvan{
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
  input#unvan4{
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
     
 .contact-area-grid-r input#telefon {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
  input#telefon4 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
 .contact-area-grid-r input#eposta {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
  input#eposta4{
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
 .contact-area-grid-r textarea#mesaj {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 180px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
  textarea#mesaj4 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 180px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .contact-area-grid-r input[type="submit"] {
     background-color: white !important;
     border: 2px #525098 solid;
     height: 45px;
     width: 110px;
     font-family: "ingmebold";
     border-radius: 7px;
     font-size: 16px;
     color: #525098;
     transition-duration: 500ms;
 }
 
 .contact-area-grid-r input:hover[type="submit"] {
     background-color: #525098 !important;
     border: 2px #525098 solid;
     height: 45px;
     width: 110px;
     font-family: "ingmebold";
     border-radius: 7px;
     font-size: 16px;
     color: white;
     transition-duration: 500ms;
 }
 
 .contact-area-grid-r .formgridbtn {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-end;
     width: 94%;
 }
 
 
 .footer-tablet-y{
     background-color: #757575;
     padding: 20px 0px 20px 0px;
 }
 .footer-tablet-y ul{
     list-style-type: none !important;
     padding-left: 0px;
     margin-top: 20px;
 }
 .footer-tablet-y ul li{
     margin-bottom: 5px;
 }
 .footer-tablet-y ul li a{
     color:white;
     font-family: "ingme";
     text-decoration: none;
 }
 
 .contact-area-bottom-tablet-y {
     width: 100%;
     height: 70px;
     background-color: #F1F1F1;
 }
 
 
 
 
 
 
     
 }
 
 
 /*-------------------------------------------------- */
 
 
 /* Ekran 4 ve daha büyük: Notebook + Desktop (1200px ve yukarısı) */
 @media only screen and (min-width: 1200px) {
 
     
     .topbar-mobile, .navbar-mobile, .r-right-mobile, .topbar-tablet-d, .contact-area-title-tablet-y, .contact-area-bottom-tablet-y, .footer-tablet-y, .footer-tablet-y, .contact-area-tablet-y, .topbar-tablet-y, .contact-area-tablet-y, .three-grid-tablet-y, .products-grid-tablet-y, .products-grid-tablet-y, .products-grid-2-tablet-y, .about-tablet-y, .navbar-tablet-y, .footer-tablet-d, .about-tablet-d, .contact-area-tablet-d, .navbar-tablet-d, .three-grid-tablet-d, .contact-area-title-tablet-d, .products-grid-tablet-d, .r-left-mobile, .about-mobile, .products-grid-mobile, .products-grid-2-mobile, .three-grid-mobile, .contact-area-title-mobile, .contact-area-mobile, .footer-mobile, .navbar-tablet-d, .products-grid-2-tablet-d{
         display: none;
     }
     
 
    
.openercstmdesktop {
    position: relative !important;
}

.openercstmdesktop:hover .openercstmmenu {
    display: block !important;
    background-color: #FF6200 !important;
    width: 91.5%;
    list-style-type: none !important;
    padding-left: 13px !important;
    position: absolute;
    left: 30px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    z-index: 10 !important;
}

ul.openercstmmenu {
    display: none !important;
    position: absolute !important;
}

ul.openercstmmenu li a {
    color: white !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: "ingme";
}

ul.openercstmmenu li a {
    color: white !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-family: "ingme";
}

.openercstmdesktop:after {
    content: '▼';
    position: absolute;
    right: -6px;
    top: 11.5px;
    font-size: 9.5px;
}

li.nav-item.openercstmdesktop:hover::after {
    color: #FF6200 !important;
}


 
 /*index*/








 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .topbar {
     width: 100%;
     height: 70px;
     background-color: white;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-bottom: 1px #e5e5e5 solid;
 }
 .topbartext{
     margin: 0px;
     padding: 0px;
     font-size: 16px;
     position: relative;
     margin-top: -6px;
     font-family: 'ingme';
 }
 .topbartext::after {
     position: absolute;
     left: 0px;
     bottom: -5px;
     content: " ";
     width: 100%;
     height: 2px;
     background-color: #FF6200;
 }
 
 .container {
     padding: 0px;
     width: 1140px;
 }
 
 .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: 0px !important;
     margin-left: 0px !important;
 }
 
 .aftr-btn-1{
     width:100%; background-color:#E6E5F0; border: 2px #525098 solid; width:100%; margin-top:9px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:#525098; font-size: 18px; transition-duration: 500ms;
     margin-top: 14px;
 }
 
 .aftr-btn-1:hover{
     width:100%; background-color:#525098; border: 2px #525098 solid; width:100%; margin-top:9px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:white; font-size: 18px; transition-duration: 500ms;
     margin-top: 14px;
 }
 
 .bg-light {
     background-color: white !important;
     height: 125px !important;
 }
 
 .bg-light .container {
     padding: 0px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
 }
 .menu-icon-1 {
     margin-right: 0px !important;
     padding-right: 0px !important;
 }
 
 a.nav-link {
     color: #303030 !important;
     font-size: 14px !important;
     font-family: "ingme";
     position: relative;
     margin-left: 23px;
 }
 
 a.nav-link:hover{
     color: #FF6200 !important;
     font-size: 14px !important;
     font-family: "ingme";
     position:relative;
     margin-left: 23px;
 }
 
 a.nav-link::after {
     position: absolute;
     bottom: 0px;
     left: 5%;
     width: 90%;
     height: 2px;
     background-color: #FF6200;
     content: " ";
     opacity: 0;
     transition-duration: 400ms;
 
 }
 a.nav-link:hover:after {
     position: absolute;
     bottom: 0px;
     left: 5%;
     width: 90%;
     height: 2px;
     background-color: #FF6200;
     content: " ";
     opacity: 1;
     transition-duration: 400ms;
 
 }
 
 li.nav-item:last-child a.nav-link:hover::after {
     opacity: 0 !important;
 }
 
 
 .slider-area{
     width: 100%;
     height: 500px;
 }
 
 .owl-theme .owl-nav {
     margin-top: 10px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     margin-top: -330px !important;
     position: inherit;
 }
 
 
 button.owl-prev {
     font-size: 100px !important;
     color: #FF6200 !important;
 }
 
 button.owl-next {
     font-size: 100px !important;
     color: #FF6200 !important;
 }
 
 .owl-theme .owl-nav [class*=owl-]:hover {
     background: transparent !important;
     color: #FFF;
     text-decoration: none;
 }
 
 .owl-dots {
     margin-top: 107px !important;
     position: absolute;
     left: 5%;
 }
 
 .owl-carousel.owl-loaded {
     display: block;
     height: 650px;
 }
 
 .owl-theme .owl-nav.disabled+.owl-dots {
     position: absolute;
     bottom: 35%;
     left: 5%;
 }
 
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: #ffffff !important;
 }
 .owl-theme .owl-dots .owl-dot span {
     width: 17px !important;
     height: 17px !important;
     margin: 5px 7px;
     background: transparent !important;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity .2s ease;
     border-radius: 30px;
     border: 2px white solid !important;
 }
 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0,0,0);
     border-bottom-left-radius: 25px !important;
     border-bottom-right-radius: 25px !important;
 }
 
 .about{
     width: 100%;
     height: 300px;
 }
 .about .container{
     display: flex;
     padding: 0px !important;
 }
 .left-area {
     width: 70%;
     margin-top:40px;
 }
 .right-area {
    width: 25%;
    height: 500px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    margin-top: -430px;
    z-index: 5;
 
 }
 .left-area h1{
     font-family: "ingmebold";
     font-size: 34px;
     color: #333333;
 }
 .left-area p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 .r-left {
     width: 45%;
     height: 470px;
     background-color: #E6E5F0;
     border-radius: 20px;
     padding: 25px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .r-right {
    width: 100%;
    height: 690px;
    background-color: #E8F3FA;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 4px 10px 15px -3px rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
 }
 /*********** Baseline, reset styles ***********/
 input[type="range"] {
     -webkit-appearance: none;
     appearance: none;
     background: transparent;
     cursor: pointer;
     width: 100%;
   }
   
   /* Removes default focus */
   input[type="range"]:focus {
     outline: none;
   }
   
   /******** Chrome, Safari, Opera and Edge Chromium styles ********/
   /* slider track */
   input[type="range"]::-webkit-slider-runnable-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
     margin-top: -8.25px; /* Centers thumb on the track */
     background-color: #F1F1F1;
     border: 3px #FF6200 solid;
     border-radius: 20px;
     height: 20px;
     width: 20px;
   }
 
   /*********** Firefox styles ***********/
   /* slider track */
   input[type="range"]::-moz-range-track {
     background-color: #A8A8A8;
     border-radius: 5px;
     height: 3.5px;
   }
   
   /* slider thumb */
   input[type="range"]::-moz-range-thumb {
     background-color: #F1F1F1;
     border: none; /*Removes extra border that FF applies*/
     border-radius: 20px;
     height: 15px;
     width: 15px;
   }
   datalist#vade-list {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: space-between;
     align-items: center;
     font-family: "ingme";
     font-size: 14px;
 }
 input#mal-bedeli:focus-visible {
     outline: none !important;
 }
 input#pesinat:focus-visible {
     outline: none !important;
 }
 input#mal-bedeli::-webkit-inner-spin-button,
 input#mal-bedeli::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
 input#pesinat::-webkit-inner-spin-button,
 input#pesinat::-webkit-outer-spin-button {
     -webkit-appearance: none;
     appearance: none;
     margin: 0; /* İsterseniz margin değerlerini ayarlayabilirsiniz */
 }
 
         /* Formu merkeze al */
         form {
             width: 300px;
             margin: 0 auto;
         }
 
         /* Tik işareti için stil */
         .tick-icon {
             margin-right: 5px;
             width: 23px; /* Tik işareti genişliği */
             height: 23px; /* Tik işareti yüksekliği */
             margin-top: -5px;
         }
 
         /* Submit düğmesinin stillemesi */
         button[type="submit"] {
             position: relative;
                 position: relative;
     width: 300px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
         }
 
         form {
             width: 100% !important;
             margin: 0 auto;
         }
 .products-grid {
     width: 100%;
     height: 455px;
     background-color: #F0F0F0;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .p-g-left {
     background-color: #F0F0F0;
     width: 50%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: flex-start;
 }
 .p-g-left h1{
     font-family: "ingmebold";
     font-size: 30px;
     color: #333333;
 }
 .p-g-left p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 .p-g-right {
     width: 50%;
     background-color: #F0F0F0;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .products-grid-2 {
     width: 100%;
     height: 455px;
     background-color: white;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 
 .p-g-left-2 {
     background-color: white;
     width: 50%;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: flex-start;
 }
 .p-g-left-2 h1{
     font-family: "ingmebold";
     font-size: 30px;
     color: #333333;
 }
 .p-g-left-2 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 .p-g-right-2 {
     width: 50%;
     background-color: white;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .orange-area{
     width: 100%;
     height: 300px;
     background-color: #FF6200;
 }
 .three-grid {
     height: 490px;
     width: 100%;
     margin-top: -200px;
 }
 .three-grid-area {
     width: 31%;
     height: 550px;
 
 }
 
 .three-grid-area-content {
     width: 100%;
     height: 470px;
     background-color: white;
     border-radius: 20px;
     padding: 25px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: stretch;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 }
 
 .three-grid-area-content h1{
     font-family: "ingmebold";
     font-size: 28px;
     color: #0C0057;
 }
 .three-grid-area-content .img-area{
     width: 100%;
     height: 170px;
     border-radius: 10px;
 }
 .three-grid-area-content p{
     font-family: 'ingme';
     font-size: 18px;
     color: #333333;
     margin-top: 20px !important;
 
 }
 
 
 .img-area img {
     width: 100%;
     height: 170px !important;
     border-radius: 10px;
 }
 .contact-area-title {
     background-color: #F1F1F1;
     width: 100%;
     height: 120px;
     margin-top: 120px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
 }
 .contact-area-title h1 {
     font-family: "ingmebold";
     font-size: 28px;
     color: #303030;
     margin: 0px;
     padding: 0px;
 }
 .contact-area{
     width: 100%;
     height: 720px;
     background-color: #F1F1F1;
 }
 .contact-area-grid{
     width: 100%;
     height: 720px;
     background-color: white;
     border-radius: 18px;
     display: flex;
 }
 .contact-area-grid-l {
     width: 50%;
     height: 600px;
     border-top-left-radius: 18px;
     border-bottom-left-radius: 18px;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     padding-left: 90px;
 }
 .contact-area-grid-r {
     width: 50%;
     height: 600px;
     border-top-right-radius: 18px;
     border-bottom-right-radius: 18px;
     margin-top: 80px;
 }
 .contact-area-bottom{
     width: 100%;
     height: 70px;
     background-color: #F1F1F1;
 }
 .contact-area-grid-l h1{
     font-family: "ingme";
     font-size: 28px;
     color: #5E5E5E;
     margin: 0px;
     padding: 0px;
 }
 .formgrid {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-end;
     align-items: flex-start;
     margin-bottom: 20px;
     margin-right: 28px;
 }
 .formgrid label {
     font-size: 18px;
     color: #000000;
     font-family: "ingme";
     padding: 0px;
     margin: 7px 30px 0px 0px !important;
 }
 
 .contact-area-grid-r input#adsoyad{
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     margin-left: -4px;
 }
     
 .contact-area-grid-r input#unvan{
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
     
 .contact-area-grid-r input#telefon {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 .contact-area-grid-r input#eposta {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 .contact-area-grid-r textarea#mesaj {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 180px;
     width: 55%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 .contact-area-grid-r input[type="submit"] {
     background-color: white !important;
     border: 2px #525098 solid;
     height: 45px;
     width: 110px;
     font-family: "ingmebold";
     border-radius: 7px;
     font-size: 16px;
     color: #525098;
     transition-duration: 500ms;
     margin-top:15px;
 }
 
 .contact-area-grid-r input:hover[type="submit"] {
     background-color: #525098 !important;
     border: 2px #525098 solid;
     height: 45px;
     width: 110px;
     font-family: "ingmebold";
     border-radius: 7px;
     font-size: 16px;
     color: white;
     transition-duration: 500ms;
 }
 
 .contact-area-grid-r .formgridbtn {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-end;
     width: 95%;
 }
 .footer{
     width: 100%;
     height: 180px;
     background-color: #757575;
 }
 .f-left{
     width: 30%;
 
     background-color: #757575;
     padding-top: 30px;
 }
 .f-right {
     width: 70%;
 
     background-color: #757575;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-items: flex-end;
 }
 .f-right ul{
     display: flex;
 }
 .footer-row ul {
     list-style-type: none !important;
     margin: 5px;
 }
 .footer-row ul li {
     margin-left: 35px;
 }
 .footer-row ul li a {
     font-size: 14px;
     color: #FFFFFF;
     font-family: "ingme";
     text-decoration: none;
 }
 .sonuctitle{
     color:#525199;
     font-size: 15px;
     font-family: "ingmebold";
     text-decoration: underline 3px;
 }
 .sonuctitle2{
     font-size: 35px;
     color: #000000;
     font-family: "ingmebold";
     margin-top: 3px;
 }
 .sonuctitle3 {
     font-size: 16px;
     color: #525199;
     font-family: "ingme";
     text-decoration: underline 2px #525199;
     margin-top: -4px !important;
     margin-bottom: 7px;
 }
 
 div#sonucDiv {
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
 }
 
 .sbmtindx{
     width:100%; background-color:#525098; border: 2px #525098 solid; width:100%; margin-top:12px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:white; font-size: 16px; transition-duration: 500ms;
 }
 
 .sbmtindx:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     font-size: 16px;
     font-family: 'ingmebold'; 
     margin-top: 12px;
 }
 
 
 .sbmtindx2{
     width:100% !important; background-color:#525098; border: 2px #525098 solid; margin-top:23px; height:50px; border-radius: 7px; font-family: 'ingmebold'; color:white; font-size: 16px; transition-duration: 500ms;
 }
 
 
 
 
 .sbmtindx3{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
         font-size: 16px;
     font-family: 'ingmebold'; 
 }
 
 .sbmtindx3:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
 }
 
 
 
 
 .sbmtindx4{
     
     width: 210px; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx4:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px; 
     width: 210px; 
 }
 
 
 
 .sbmtindx5{
     
     width: 210px; height: 50px; background-color: #F0F0F0; border: 2px #525098 solid; border-radius: 5px; font-size: 20x; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx5:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 5px;
     width: 210px;
 }
 
 
 
 .sbmtindx6{
     
     width: 100%; height: 50px; background-color: white; border: 2px #525098 solid; border-radius: 6px; font-size: 16px; color: #525098; font-family: 'ingmebold'; margin-top: 15px;
     transition-duration: 500ms;
 }
 
 .sbmtindx6:hover{
     background-color: #525098;
     color: white;
     transition-duration: 500ms;
     border-radius: 6px;
     font-size: 16px;
     height: 50px; 
 }
 
 li.nav-item.active .nav-link {
     color: #FF6200 !important;
 }
 
 
 li.nav-item.active a.nav-link::after{
     opacity: 1;
 }
 
 /*index BİTİŞ*/
 
     
 }
 
 
 /*-------------------------------------------------- */