@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) {
 
         .topbar, .contact-area-bottom-tablet-y, .footer-tablet-y, .contact-area-tablet-y, .contact-area-title-hb-tablet-y, .leasing-area-7-tablet-y, .leasing-area-6-tablet-y, .leasing-area-5-tablet-y, .paralax-area-grid-8-tablet-y, .leasing-area-4-tablet-y, .leasing-area-3-tablet-y, .paralax-area-grid-7-tablet-y, .testk-tablet-y, .leasing-area-tablet-y, .navsubmenu-tablet-y, .topbar-tablet-y, .navbar, .navsubmenu, .navbar-tablet-y, .leasing-area, .navbar-tablet-d, .contact-area-hb-grid-tablet-d, .footer-tablet, .contact-area-title-hb-tablet-d, .leasing-area-5-tablet-d, .leasing-area-7-tablet-d, .leasing-area-6-tablet-d, .paralax-area-grid-8-tablet-d, .leasing-area-4-tablet-d, .paralax-area-grid-7-tablet-d, .leasing-area-3-tablet-d, .testk-tablet-d, .leasing-area-tablet-d, .navsubmenu-tablet-d, .testk, .leasing-area-2, .paralax-area-grid-7, .topbar-tablet-d, .leasing-area-3, .leasing-area-4, .topbar-tablet-y, .leasing-area-5, .leasing-area-6, .leasing-area-7, .contact-area-grid, .footer, .footer-tablet-d{
             display: none;
         }













     
       /* 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;
     }
     
     












         
.captchamobileimg img {
    width: 28px !important;
}
 
      .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;
           margin-left: 0%;
         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-between;
        align-items: center;
        background-color: white !important;
 
 }
     .navbar-mobile img{
         width: 70%;
         margin-left: 11%;
     }
     
     a.nav-link{
         font-size: 28px;
         font-family: "ingme";
     }
 
     
     .navsubmenu-mobile {
         width: 100%;
         background-color: #EEEEEE !important;
         padding-top:10px;
         padding-bottom:20px;
     }
 
     .navsubmenuleft-mobile h1{
         font-family:"ingmebold";
         font-size:30px;
         color:#303030;

     }
 
     .navsubmenuleft-mobile ul{
         list-style-type:none;
     }
 
     .navsubmenuleft-mobile ul li a{
         font-size:14px;
         color:#303030;
         margin-left:-7px;
         font-family:"ingme";
         text-decoration: none;
     }
 
     .paralax-area-grid-mobile {
         background-image: url(https://ingleasingwebtest.private.external.dmz/img/photo1.png);
         height: 200px;
         display: flex;
         align-items: center;
         justify-content: center;
         background-repeat: no-repeat;
         position: relative;
     }
 
     .leasing-area-left-mobile img {
         width: 100%;
     }
 
     .leasing-area-left-mobile{
         width: 100%;
         margin-top: 15px;
     }
 
     .leasing-area-left-mobile p{
         margin-top: 50px;
         width: 90%;
         margin-left: auto;
         margin-right: auto;
         font-family: "ingme";
     }
 
     .leasing-area-2-top-mobile{
         width: 100%;
         height: 150px;
         background-color: #FF6200;
         margin-top: 30px;
     }
 
     .leasing-area-2-top-mobile p {
         font-size: 28px;
         color: white;
         font-family: "ingmebold";
         padding-top: 10px;
     }
 
     .leasing-area-2-mobile {
         width: 100%;
         height: 520px;
         margin-top: -120px;
     }
 
     .slide-item-grid {
         width: 100%;
 
     margin-top: -80px;
     }
 
     .card-area-1 {
         width: 90%;
 
         background-color: green;
         margin-left: auto;
         margin-right: auto;
         background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     }
 
     .card-area-1 img {
         width: 35px;
         height: 35px;
     }
 
     .card-area-1 p {
         font-family: "ingme";
         font-size: 18px;
         color: #333333;
         margin-left: 5px;
     }
 
     .card-area-1::after {
         position: absolute;
         content: "1";
         top: -14px;
         left: -13px;
         background-color: white;
         font-size: 20px;
         font-family: 'ingmebold';
         width: 30px;
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-content: center;
         justify-content: center;
         align-items: center;
         border-radius: 25px;
         color: #FF6200;
         box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
     }
 
 
 /**/
 
 
 
 .card-area-2 {
     width: 90%;
 
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
 box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
 border-radius: 15px;
 padding: 15px;
 position: relative;
 margin-top: 30px;
 }
 
 .card-area-2 img {
     width: 35px;
     height: 35px;
 }
 
 .card-area-2 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
 }
 
 .card-area-2::after {
     position: absolute;
     content: "2";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 
 /**/
 
 
 
 .card-area-3 {
     width: 90%;
 
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
 box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
 border-radius: 15px;
 padding: 15px;
 position: relative;
 margin-top: 30px;
 }
 
 .card-area-3 img {
     width: 35px;
     height: 35px;
 }
 
 .card-area-3 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
 }
 
 .card-area-3::after {
     position: absolute;
     content: "3";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 /**/
 
 
 
 .card-area-4 {
     width: 90%;
 
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
 box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
 border-radius: 15px;
 padding: 15px;
 position: relative;
 margin-top: 30px;
 }
 
 .card-area-4 img {
     width: 35px;
     height: 35px;
 }
 
 .card-area-4 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
 }
 
 .card-area-4::after {
     position: absolute;
     content: "4";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 /**/
 
 
 
 .card-area-5 {
     width: 90%;
 
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
 box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
 border-radius: 15px;
 padding: 15px;
 position: relative;
 margin-top: 30px;
 }
 
 .card-area-5 img {
     width: 35px;
     height: 35px;
 }
 
 .card-area-5 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
 }
 
 .card-area-5::after {
     position: absolute;
     content: "5";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 /**/
 
 
 
 .card-area-6 {
     width: 90%;
 
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
 box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
 border-radius: 15px;
 padding: 15px;
 position: relative;
 margin-top: 30px;
 }
 
 .card-area-6 img {
     width: 35px;
     height: 35px;
 }
 
 .card-area-6 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
 }
 
 .card-area-6::after {
     position: absolute;
     content: "6";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 /**/
 
 
 
 .card-area-7 {
     width: 90%;
 
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
 box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
 border-radius: 15px;
 padding: 15px;
 position: relative;
 margin-top: 30px;
 }
 
 .card-area-7 img {
     width: 35px;
     height: 35px;
 }
 
 .card-area-7 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
 }
 
 .card-area-7::after {
     position: absolute;
     content: "7";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 
 /**/
 
 
 
 .card-area-8 {
     width: 90%;
 
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
 box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
 border-radius: 15px;
 padding: 15px;
 position: relative;
 margin-top: 30px;
 }
 
 .card-area-8 img {
     width: 35px;
     height: 35px;
 }
 
 .card-area-8 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
 }
 
 .card-area-8::after {
     position: absolute;
     content: "8";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 
 .paralax-area-grid-7-mobile {
     background-image: url(https://www.ingleasing.com.tr/assets/img/avantajlarmobilehdr.jpg);
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover; /* Görselin tam genişlikte ve yükseklikte olmasını sağlar */
     position: relative;
 }
 
 .paralax-area-grid-7-mobile .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-7-mobile{
     width: 100%;
     height: 400px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-7-mobile::after {
     content: "Avantajlar";
     font-family: 'ingme';
     font-size: 28px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     margin-left: 20px;
     bottom: 75px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 
 .leasing-area-3-mobile {
     background-color: #F1F1F1 !important;
     padding-top: 60px;
 }
 
 
 .l-a-3-area-1 {
     width: 90% !important;
     margin-left: 20px;
 }
 
 .l-a-3-area-1 p {
     font-family: "ingme";
     
 }
 
 .left-row-area-first {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     width: 90%;
     margin-left: 20px;
 }
 
 .left-row-area-first p {
     font-family: "ingme";
     margin-left: 20px;
 }
 
 .left-row-area-first img {
     width: 37px;
     height: 33px;
 }
 
 .left-row-area{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     width: 90%;
     margin-left: 20px;
 }
 
 .left-row-area img{
     width: 37px;
     height: 33px;
 }
 
 .left-row-area p {
     font-family: "ingme";
     margin-left: 20px;
 }
 
 .right-row-area-first{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     width: 90%;
     margin-left: 20px;
 }
 
 .right-row-area-first img{
     width: 37px;
     height: 33px;
 }
 
 .right-row-area-first p{
     font-family: "ingme";
     margin-left: 20px;
 }
 
 .right-row-area{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-items: center;
     width: 90%;
     margin-left: 20px;
 }
 
 .right-row-area p{
     font-family: "ingme";
     margin-left: 20px;
 }
 
 .right-row-area img{
     width: 37px;
     height: 33px;
 }
 
 .mbl-g-1{
     margin-top: 10px;
     margin-bottom: 10px;
 }
 .mbl-g-2{
     margin-top: 20px;
     margin-bottom: 30px;
 }
 
 .mbl-g-3 {
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 .mbl-g-4{
     margin-top: 10px;
     margin-bottom: 10px;
 }
 .mbl-g-5{
     margin-top: 10px;
     margin-bottom: 30px;
 }
 
 .mbl-g-6 {
     margin-top: 10px;
     margin-bottom: 20px;
 }
 
 .mbl-g-7 {
     margin-top: 30px;
     margin-bottom: 20px;
 }
 
 .mbl-g-8 {
     margin-top: 30px;
     margin-bottom: 20px;
 }
 
 
 .l-a-3-area-2-left {
     margin-top: 40px;
 }
 
 .testk-mobile {
 
     padding-bottom: 60px;
 }
 
 .leasing-area-4-left img {
     width: 100%;
 }
 
 .l-a-3-area-2-right {
     padding-bottom: 30px;
 }
 
 .leasing-area-4-right p {
     font-family: "ingme";
     width: 90%;
     margin-left: 20px;
     margin-bottom: 30px;
     padding-top: 50px;
 }
 
 .table-mobile-grid{
     width: 100%;
 
 }
 
 table {
     border-collapse: collapse;
     width: 100%;
     margin-left: auto;
     margin-top: auto;
 }
 
 
 .paralax-area-grid-8-mobile {
     background-image: url(https://www.ingleasing.com.tr/assets/img/nelerleaseedilirheadermbl.jpg);
     height: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover; /* Görselin tam genişlikte ve yükseklikte olmasını sağlar */
     position: relative;
 }
 
 .paralax-area-grid-8-mobile .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-8-mobile{
     width: 100%;
     height: 400px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-8-mobile::after {
     content: "Neler Lease Edilir?";
     font-family: 'ingme';
     font-size: 28px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     margin-left: 20px;
     bottom: 77px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 .leasing-area-5-mobile {
     background-color: #F1F1F1 !important;
     padding-top: 50px;
     padding-bottom: 30px;
 }
 
 .leasing-area-5-left p {
     font-family: "ingme" !important;
 }
 
 p.leasing-area-5-middle-title {
     font-family: "ingme" !important;
 }
 
 .leasing-area-5-middle-row-first {
     display: flex !important;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-bottom: 15px;
 }
 
 .leasing-area-5-right{
     margin-top: 50px;
 }
 
 .leasing-area-5-right-title{
     font-family: "ingme";
 }
 
 .leasing-area-5-right-row-first {
     display: flex !important;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: flex-start;
     margin-bottom: 10px;
     margin-top: 20px;
 }
 
 .leasing-area-5-right-row{
     display: flex !important;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: flex-start;
     margin-bottom: 10px;
 }
 
 .leasing-area-5-right-row-first p {
     margin-left: 20px;
     font-family: "ingme";
 }
 
 .leasing-area-5-right-row p {
     margin-left: 20px !important;
     font-family: "ingme";
 }
 
 .leasing-area-6-mobile{
     background-color: #F1F1F1;
     padding-bottom: 30px;
 }
 
 .cstm-area-mbl-1{
     margin-bottom: 0px;
 }
 
 .leasing-area-7-mobile img {
     width: 100%;
 }
 
 .leasing-area-7-right p {
     width: 90%;
     margin-left: 20px;
     font-family: "ingme";
 }
 
 
 .contact-area-title-hb-mobile {
     height: 60px;
     background-color: #F1F1F1;
     margin-top: 50px;
 }
 
 .contact-area-title-hb-first-mobile{
     display: flex;
     width: 100%;
     height: 30px;
     position: relative;
 }
 .contact-area-title-hb-first-mobile:after {
     content: "İletişim";
     font-family: 'ingme';
 font-size: 28px !important;
 position: absolute;
 color: white;
 background-color: #FF6200;
 margin-left: 5px;
 bottom: 5px;
 padding: 3px 16px;
 border-radius: 7px;
 font-weight: 700;
 }
 
 
 .contact-area-hb-grid-mobile{
     width: 100%;
     height: 1160px;
     background-color: #F1F1F1;
 }
 
 .contact-area-grid-mobile{
     width: 100%;
     background-color: white;
     border-radius: 18px;
     padding-bottom: 15px;
     height:1107px;
 }
 
 .contact-area-grid-l-mobile{
     width: 100%;
     background-color: white;
     border-radius: 20px;
     padding: 20px;
 }
 
 .contact-area-grid-r-mobile{
     width: 100%;
     height: 600px;
     border-top-right-radius: 18px;
     border-bottom-right-radius: 18px;
     margin-top: 50px;
 }
 
 .contact-area-grid-l-mobile h1 {
     color: #5E5E5E;
     font-size: 28px;
     font-family: "ingme";
     margin-bottom: 20px;
 }
 
 .formgrid {
     margin-bottom: 10px;
     display: flex;
 }
 
 .frma, .frmb, .frmc {
     margin-top: 7px;
     width: 30%;
 }
 
 label {
     font-size: 18px;
     font-family: "ingme";
     color: black;
     width: 40%;
     margin-top: 6px;
 }
 
 .contact-area-grid-l-mobile input#adsoyad {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 60px;
     width: 68%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     margin-left: 10px;
 }
    
 .contact-area-grid-l-mobile input#adsoyad8 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 60px;
     width: 68%;
     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: 68%;
     border-radius: 7px;
     font-family: "ingmebold";
     padding-left: 10px;
     margin-left: 10px;
 }
 
  .contact-area-grid-l-mobile input#unvan8 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 68%;
     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: 77%;
     border-radius: 7px;
     margin-left: 25px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
  .contact-area-grid-l-mobile input#telefon8 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 77%;
     border-radius: 7px;
     margin-left: 25px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
 .contact-area-grid-l-mobile input#eposta {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 74%;
     border-radius: 7px;
     margin-left: 21px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
  .contact-area-grid-l-mobile input#eposta8 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 74%;
     border-radius: 7px;
     margin-left: 21px;
     font-family: "ingmebold";
     padding-left: 10px;
 }
 
 .contact-area-grid-l-mobile textarea#mesaj {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 240px;
     width: 70%;
     border-radius: 7px;
     margin-left: 14px;
     font-family: "ingmebold";
     padding-left: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
  .contact-area-grid-l-mobile textarea#mesaj8 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 240px;
     width: 70%;
     border-radius: 7px;
     margin-left: 14px;
     font-family: "ingmebold";
     padding-left: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .formgridbtn {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-end;
     width: 100%;
 }
 
 .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;
 }
 
 
 .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;
 }
 
 .left-row-area-first p {
     margin-bottom: 0px;
 }
 
 .left-row-area.mbl-g-1 p {
     margin-top: 10px;
 }
 
 .left-row-area.mbl-g-2 p {
     margin-bottom: 0px;
     margin-top: 0px;
 }
 
 .left-row-area.mbl-g-3 p {
     margin-top: 20px;
 }
 
 .left-row-area.mbl-g-4 p {
     margin-top: 20px;
 }
 
 .right-row-area-first.mbl-g-5 p {
     margin-top: 20px;
 }
 
 .right-row-area.mbl-g-6 p {
     margin-bottom: 0px;
 }
 
 .right-row-area.mbl-g-7 p {
     margin-bottom: 0px;
 }
 
 .right-row-area.mbl-g-8 p {
     margin-bottom: 0px;
 }
      
 .right-row-area p {
     margin-bottom: 0px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  }
 
 
   /*-------------------------------------------------- */
 
 
 
  /*-------------------------------------------------- */
  
  /* Ekran 2: Dikey Tablet (768px - 991px) */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
  
      
     .topbar, .contact-area-bottom-tablet-y, .footer-tablet-y, .contact-area-tablet-y, .contact-area-title-hb-tablet-y, .leasing-area-7-tablet-y, .leasing-area-6-tablet-y, .leasing-area-5-tablet-y, .paralax-area-grid-8-tablet-y, .leasing-area-4-tablet-y, .leasing-area-3-tablet-y, .paralax-area-grid-7-tablet-y, .testk-tablet-y, .leasing-area-tablet-y, .navsubmenu-tablet-y, .topbar-tablet-y, .topbar-mobile, .navbar, .navbar-mobile,.navsubmenu, .navbar-tablet-y, .navsubmenu-mobile,.leasing-area,.leasing-area-mobile,.testk,.testk-mobile,.leasing-area-3,.leasing-area-3-mobile,.leasing-area-4,.leasing-area-4-mobile,.leasing-area-5,.leasing-area-5-mobile,.leasing-area-6,.leasing-area-6-mobile,.leasing-area-7,.leasing-area-7-mobile,.contact-area-title-hb,.contact-area-title-hb-mobile,.contact-area-grid,.contact-area-grid-mobile,.footer,.footer-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;
}     
  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
     .captchabtncerez {
    border: 0px;
    background-color: #FF6200;
    color: white;
    font-size: 15px;
    width: 10px;
    height: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 9px;
    margin-top: -154px !important;
    margin-left: 96px;
}
      
     .container{
         max-width: 991px;
     }
 
     
      .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-tablet-d{
             
             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";
     }
 
     
     .navsubmenu-tablet-d {
         width: 100%;
         background-color: #EEEEEE !important;
 
         padding-top:10px;
         padding-bottom:20px;
     }
 
     .navsubmenuleft-tablet-d h1{
         font-family:"ingmebold";
         font-size:30px;
         color:#303030;
         margin-left: 7%;
     }
 
     .navsubmenuleft-tablet-d ul{
         list-style-type:none;
     }
 
     .navsubmenuleft-tablet-d ul li a{
         font-size:14px;
         color:#303030;
         margin-left:-7px;
         font-family:"ingme";
     }
 
     .navsubmenu-tablet-d h1{
         margin-left: 25px;
     }
     
     
     .navsubmenu-tablet-d ul{
         list-style-type: none;
     }
     
          .navsubmenu-tablet-d ul li a{
             font-size: 18px;
    color: #303030;
    margin-left: 3px;
    font-family: "ingme";
    text-decoration: none;
     }
     
     
     .leasing-area-tablet-d {
         width: 100%;
     }
 
     .leasing-area-tablet-d img {
         width: 100%;
     }
 
     .testk-tablet-d {
         padding-bottom: 60px;
     }
 
     .leasing-area-2-top-tablet-d {
         width: 100%;
         height: 150px;
         background-color: #FF6200;
         margin-top: 30px;
     }
 
     .leasing-area-2-top-tablet-d p {
         font-size: 28px;
         color: white;
         font-family: "ingmebold";
         padding-top: 10px;
     }
 
     .slide-item-grid {
         width: 100%;
         margin-top: -70px;
     }
 /**/
     .card-area-1 {
         width: 90%;
         background-color: green;
         margin-left: auto;
         margin-right: auto;
         background-color: white;
         box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
         border-radius: 15px;
         padding: 15px;
         position: relative;
     }
 
     .card-area-1 img {
         width: 45px;
         height: 45px;
     }
 
     .card-area-1 p {
         font-family: "ingme";
         font-size: 18px;
         color: #333333;
         margin-left: 5px;
         margin-top: 10px;
     }
 
     .card-area-1::after {
         position: absolute;
         content: "1";
         top: -14px;
         left: -13px;
         background-color: white;
         font-size: 20px;
         font-family: 'ingmebold';
         width: 30px;
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-content: center;
         justify-content: center;
         align-items: center;
         border-radius: 25px;
         color: #FF6200;
         box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
     }
 
 /**/
 .card-area-2 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-2 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-2 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-2::after {
     position: absolute;
     content: "2";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 
 /**/
 .card-area-3 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-3 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-3 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-3::after {
     position: absolute;
     content: "3";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 /**/
 .card-area-4 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-4 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-4 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-4::after {
     position: absolute;
     content: "4";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-5 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-5 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-5 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-5::after {
     position: absolute;
     content: "5";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-6 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-6 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-6 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-6::after {
     position: absolute;
     content: "6";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-7 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-7 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-7 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-7::after {
     position: absolute;
     content: "7";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-8 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-8 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-8 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-8::after {
     position: absolute;
     content: "8";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 
 
 
 .paralax-area-grid-7-tablet-d {
     background-image: url(https://www.ingleasing.com.tr/assets/img/avantajlardtbltheader.jpg);
     height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover; /* Görselin tam genişlikte ve yükseklikte olmasını sağlar */
     position: relative;
 }
 
 .paralax-area-grid-7-tablet-d .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-7-tablet-d{
     width: 100%;
     height: 400px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-7-tablet-d::after {
     content: "Avantajlar";
     font-family: 'ingme';
     font-size: 28px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     margin-left: 20px;
     bottom: 25px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 .leasing-area-3-tablet-d {
     background-color: #F1F1F1 !important;
     padding-top: 60px;
     padding-bottom: 10px;
 }
 
 
 .l-a-3-area-1 p {
     font-family: "ingme";
     width: 90%;
     margin-left: 20px;
 }
 
 .left-row-area-first {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: flex-start;
     margin-left: 20px;
     margin-bottom: 20px;
     margin-top: 50px;
 }
 
 .left-row-area-first p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area-first img {
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-1 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-1 img{
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-1 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-2 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-2 img {
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-2 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-3 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-3 img {
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-3 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-4 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-4 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-4 img {
     width: 50px;
     height: 45px;
 }
 
 .right-row-area-first.mbl-g-5 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area-first.mbl-g-5 img {
     width: 50px;
     height: 45px;
 }
 
 .right-row-area-first.mbl-g-5 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .right-row-area.mbl-g-6 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area.mbl-g-6 img{
     width: 50px;
     height: 45px;
 }
 
 .right-row-area.mbl-g-6 p{
 
     margin-left: 30px;
     font-family: "ingme";
 
 }
 
 .right-row-area.mbl-g-7 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area.mbl-g-7  img{
 
     width: 50px;
     height: 45px;
 
 }
 
 .right-row-area.mbl-g-7 p{
 
     margin-left: 30px;
     font-family: "ingme";
 
 }
 
 .right-row-area.mbl-g-8 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area.mbl-g-8 img{
     width: 50px;
     height: 45px;
 }
 
 .right-row-area.mbl-g-8 p{
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .right-row-area {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area img{
     width: 50px;
     height: 45px;
 }
 
 .right-row-area p{
     margin-left: 30px;
     font-family: "ingme";
 }
 
 
 .leasing-area-4-left img{
     width:100%;
     border-radius: 7px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
     border-radius: 10px;
 }
 
 .leasing-area-4-right {
     width: 100%;
     background-color: white;
     padding-top: 5%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     align-items: flex-start;
 }
 
 .leasing-area-4-right p{
     font-size: 18px;
     font-family: "ingme";
     color:#333333;
     width: 90%;
     margin-left: 20px;
 }
 
 .leasing-area-4-left {
     width: 100%;
 }
 
 .leasing-area-4-left img {
     width: 100%;
 }
 
 .table-mobile-grid {
     margin-left: 20px;
 }
 
 
 .paralax-area-grid-8-tablet-d {
     background-image: url(https://www.ingleasing.com.tr/assets/img/nelerleaseedilirdtblthdr.jpg);
     height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover; /* Görselin tam genişlikte ve yükseklikte olmasını sağlar */
     position: relative;
 }
 
 .paralax-area-grid-8-tablet-d .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-8-tablet-d{
     width: 100%;
     height: 400px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-8-tablet-d::after {
     content: "Neler Lease Edilir?";
     font-family: 'ingme';
     font-size: 28px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     margin-left: 20px;
     bottom: 26px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 .leasing-area-5-tablet-d {
     background-color: #F1F1F1 !important;
     padding-top: 50px;
     padding-bottom: 30px;
 }
 .leasing-area-5-left p {
     font-family: "ingme" !important;
 }
 p.leasing-area-5-middle-title {
     font-family: "ingme" !important;
 }
 
 .leasing-area-5-middle-row-first {
     display: flex !important;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-bottom: 15px;
 }
 
 .leasing-area-5-right-title {
     font-family: "ingme";
     margin-top: 30px;
 }
 
 .leasing-area-5-right-row-first {
     display: flex !important;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: flex-start;
     margin-bottom: 10px;
     margin-top: 20px;
 }
 
 .leasing-area-5-right-row-first p {
     margin-left: 20px;
     font-family: "ingme";
 }
 
 .leasing-area-5-right-row {
     display: flex !important;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: flex-start;
     margin-bottom: 10px;
 }
 
 .leasing-area-5-right-row p {
     margin-left: 20px !important;
     font-family: "ingme";
 }
 
 .leasing-area-6-tablet-d {
     background-color: #F1F1F1;
     padding-bottom: 30px;
 }
 .leasing-area-7-tablet-d {
     width: 100%;
 }
 .leasing-area-7-tablet-d img {
     width: 100%;
 }
 
 .leasing-area-7-right {
     width: 90%;
     margin-left: 20px;
 }
 
 
 
 .contact-area-title-hb-tablet-d {
     height: 60px;
     background-color: #F1F1F1;
     margin-top: 50px;
 }
 
 .contact-area-title-hb-first-tablet-d{
     display: flex;
     width: 100%;
     height: 30px;
     position: relative;
 }
 .contact-area-title-hb-first-tablet-d:after {
     content: "İletişim";
     font-family: 'ingme';
 font-size: 28px !important;
 position: absolute;
 color: white;
 background-color: #FF6200;
 margin-left: 5px;
 bottom: 5px;
 padding: 3px 16px;
 border-radius: 7px;
 font-weight: 700;
 }
 
 
 .contact-area-hb-grid-tablet-d{
     width: 100%;
     height: 1080px;
     background-color: #F1F1F1;
 }
 
 .contact-area-grid-tablet-d{
     width: 100%;
     background-color: white;
     border-radius: 18px;
     padding-bottom: 15px;
     height:1010px;
 }
 
 .contact-area-grid-l-tablet-d{
     width: 100%;
     background-color: white;
     border-radius: 20px;
     padding: 20px;
 }
 
 .contact-area-grid-r-tablet-d{
     width: 100%;
     height: 600px;
     border-top-right-radius: 18px;
     border-bottom-right-radius: 18px;
     margin-top: 50px;
 }
 
 .contact-area-grid-l-tablet-d h1 {
     color: #5E5E5E;
     font-size: 28px;
     font-family: "ingme";
     margin-bottom: 20px;
 }
 
 .formgrid {
     margin-bottom: 10px;
     display: flex;
     justify-content: space-between;
     margin-top: 10px;
 }
 
 .frma, .frmb, .frmc {
     margin-top: 7px;
     width: 20%;
 }
 
 label {
     font-size: 18px;
     font-family: "ingme";
     color: black;
     width: 20%;
     margin-top: 6px;
 }
 
 .contact-area-grid-l-tablet-d input#adsoyad {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 60px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
 }
 
  .contact-area-grid-l-tablet-d input#adsoyad6 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 60px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
 }
      
 .contact-area-grid-l-tablet-d input#unvan {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
 }
 
  .contact-area-grid-l-tablet-d input#unvan6 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
     font-family: "ingmebold";
 }
 
 .contact-area-grid-l-tablet-d input#telefon {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
 
     font-family: "ingmebold";
 
 }
 
 
 .contact-area-grid-l-tablet-d input#telefon6 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
 
     font-family: "ingmebold";
 
 }
 
 .contact-area-grid-l-tablet-d input#eposta {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
 
     font-family: "ingmebold";
 
 }
 
  .contact-area-grid-l-tablet-d input#eposta6 {
     background-color: white;
     border: 1px #5E5E5E solid;
     height: 40px;
     width: 80%;
     border-radius: 7px;
 
     font-family: "ingmebold";
 
 }
 
 .contact-area-grid-l-tablet-d 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;
 }
 
  .contact-area-grid-l-tablet-d 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;
 }
 
 .formgridbtn {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: flex-end;
     width: 100%;
 }
 
 .contact-area-grid-l-tablet-d 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:20px;
 }
 
 
 
 .footer-tablet{
     background-color: #757575;
     padding: 20px 0px 20px 0px;
 }
 .footer-tablet ul{
     list-style-type: none;
     padding-left: 0px;
     margin-top: 20px;
 }
 .footer-tablet ul li{
     margin-bottom: 5px;
 }
 .footer-tablet ul li a{
     color:white;
     font-family: "ingme";
     text-decoration: none;
 }
 
 .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%;
 }
 
 
  .numericarea{
     font-size: 12px;
     color: #FF6200 !important;
     font-family: 'ingme';
     width: 150px;
  }
 
 
 
 
            .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;
            }
            


.navbar-toggler-x {
    background-image: url(https://www.ingleasing.com.tr/assets/img/hamburger-icon-close.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 33px;
    height: 33px;
    position: absolute;
    border: 0px white solid;
    top: 1%;
    right: 2%;
}

 .numericarea{
    font-size: 12px;
    color: #FF6200 !important;
    font-family: 'ingme';
    width: 150px;
 }
 
 
 
 
 
 
  }
  
  /*-------------------------------------------------- */
  
  /* Ekran 3: Yatay Tablet + Minibook Laptop (992px - 1199px) */
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
  
     .topbar-tablet-d, .testk-tablet-d, .topbar, .topbar-mobile, .navbar, .navbar-mobile, .navsubmenu, .leasing-area-6, .navsubmenu-mobile, .leasing-area-6-mobile, .leasing-area-7, .contact-area-hb-grid, .contact-area-hb-grid-mobile, .footer, .footer-mobile, .leasing-area-7-mobile, .leasing-area, .leasing-area-mobile, .leasing-area-3-mobile, .leasing-area-4, .leasing-area-4-mobile, .leasing-area-5, .leasing-area-5-mobile, .slide-item-grid, .leasing-area-2, .leasing-area-3, .leasing-area-2-top-mobile, .leasing-area-2-top, .navbar-tablet-d, .navsubmenu-tablet-d, .leasing-area-tablet-d, .contact-area-hb-grid-tablet-d, .footer-tablet, .leasing-area-7-tablet-d, .contact-area-title-hb-tablet-d, .leasing-area-6-tablet-d, .leasing-area-5-tablet-d, .paralax-area-grid-7-tablet-d, .leasing-area-3-tablet-d, .leasing-area-4-tablet-d, .paralax-area-grid-8-tablet-d, .footer-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;
     }
 
     .navsubmenu-tablet-y {
         width: 100%;
         height: 100px;
         background-color: #EEEEEE;
         display: flex;
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         z-index: 5;
     }
     
     .active-menu-item {
         color: #525199 !important;
     }
     
     
     
     
     .navsubmenuleft {
         width: 20%;
         height: 100px;
         background-color: #EEEEEE;
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-content: center;
         justify-content: flex-start;
         align-items: center;
     }
     
     .navsubmenuright {
         width: 80%;
         height: 100px;
         background-color: #EEEEEE;
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-content: center;
         justify-content: flex-end;
         align-items: center;
     }
     
     .navsubmenuleft h1 {
         font-size: 24px;
         color: #303030;
         font-family: "ingmebold";
         margin: 0px !important;
     }
     
     .navsubmenuright ul{
         display: flex;
     }
     
     .navsubmenuright ul li{
         list-style-type: none;
         margin-left: 15px;
     }
     
     .navsubmenuright ul li:last-child{
         margin-right: 20px;
     }
     
     .navsubmenuright ul li a{
         color: #303030;
         font-size: 13px;
         font-family: "ingme";
         text-decoration: none;
         position: relative;
         transition-duration: 400ms;
     }
     
     .navsubmenuright ul li a::before {
         content: "";
         position: absolute;
         width: 100%;
         height: 2px;
         background-color: #525199;
         left: 0px;
         bottom: -6px;
         opacity: 0;
         transition-duration: 400ms;
     }
     
     .navsubmenuright ul li a.active-menu-item::before {
         opacity: 1;
     }
     
     
     .navsubmenuright ul li a:hover{
         color:#525199;
         transition-duration: 400ms;
     }
     
     .navsubmenuright ul li a:hover::before {
         opacity: 1;
         transition-duration: 400ms;
     }
 
     .navsubmenu-tablet-y .container {
         max-width: 940px;
     }
 
     .navsubmenuright ul li:first-child{
         margin-left: 15px !important;
     }
      
     div#leasing .container {
     max-width: 940px;
 }
      
      
      
 .leasing-area-tablet-y{
     width: 100%;
 
     background-color: white;
 }
 
 .leasing-area-left {
     width: 48%;
 
     background-color: white;
 }
 
 .leasing-area-left img{
     width: 100% !important;
     height: 680px !important;
     border-radius: 10px;
 }
 
 .leasing-area-right {
     width: 48%;
 
     background-color: white;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: flex-end;
 }
 
 .leasing-area-right p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin: 0px;
     position: relative;
 }
 
 .leasing-area-right p::after {
     content: "Leasing Nedir?";
     font-family: 'ingme';
     font-size: 31px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     left: -93px;
     top: -110px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
      
      
      
     .testk-tablet-y {
         padding-bottom: 60px;
     }
 
     .leasing-area-2-top-tablet-y {
         width: 100%;
         height: 150px;
         background-color: #FF6200;
         margin-top: 80px;
     }
 
     .leasing-area-2-top-tablet-y p {
         font-size: 28px;
         color: white;
         font-family: "ingmebold";
         padding-top: 15px;
     }
 
     .slide-item-grid {
         width: 100%;
         margin-top: -70px;
     }
 /**/
     .card-area-1 {
         width: 90%;
         background-color: green;
         margin-left: auto;
         margin-right: auto;
         background-color: white;
         box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
         border-radius: 15px;
         padding: 15px;
         position: relative;
     }
 
     .card-area-1 img {
         width: 45px;
         height: 45px;
     }
 
     .card-area-1 p {
         font-family: "ingme";
         font-size: 18px;
         color: #333333;
         margin-left: 5px;
         margin-top: 10px;
     }
 
     .card-area-1::after {
         position: absolute;
         content: "1";
         top: -14px;
         left: -13px;
         background-color: white;
         font-size: 20px;
         font-family: 'ingmebold';
         width: 30px;
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-content: center;
         justify-content: center;
         align-items: center;
         border-radius: 25px;
         color: #FF6200;
         box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
     }
 
 /**/
 .card-area-2 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-2 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-2 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-2::after {
     position: absolute;
     content: "2";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 
 /**/
 .card-area-3 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-3 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-3 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-3::after {
     position: absolute;
     content: "3";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 /**/
 .card-area-4 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-4 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-4 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-4::after {
     position: absolute;
     content: "4";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-5 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-5 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-5 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-5::after {
     position: absolute;
     content: "5";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-6 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-6 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-6 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-6::after {
     position: absolute;
     content: "6";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-7 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-7 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-7 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-7::after {
     position: absolute;
     content: "7";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 /**/
 .card-area-8 {
     width: 90%;
     background-color: green;
     margin-left: auto;
     margin-right: auto;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     padding: 15px;
     position: relative;
     margin-top: 30px;
 }
 
 .card-area-8 img {
     width: 45px;
     height: 45px;
 }
 
 .card-area-8 p {
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin-left: 5px;
     margin-top: 10px;
 }
 
 .card-area-8::after {
     position: absolute;
     content: "8";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
      
      .slide-item-grid-tblt-y{
              width: 100%;
     margin-top: -70px;
      }
      
      div#sürecmobilesct .container-fluid {
     max-width: 980px;
 }
      
      
      
      
      
      
 
 .paralax-area-grid-7-tablet-y {
     background-image: url(https://www.ingleasing.com.tr/assets/img/avantajlarytbltheader.jpg);
     height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     position: relative;
 }
 
 .paralax-area-grid-7-tablet-y .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-7-tablet-y{
     width: 100%;
     height: 300px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-7-tablet-y::after {
     content: "Avantajlar";
     font-family: 'ingme';
     font-size: 28px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     margin-left: 35px;
     bottom: -24px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
      
      
      
      
 .leasing-area-3-tablet-y {
     background-color: #F1F1F1 !important;
     padding-top: 60px;
     padding-bottom: 10px;
 }
 
 
 .l-a-3-area-1 p {
     font-family: "ingme";
     width: 90%;
     margin-left: 20px;
 }
 
 .left-row-area-first {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: flex-start;
     margin-left: -8px;
     margin-bottom: 20px;
     margin-top: 50px;
     
     
     
 }
 
 .left-row-area-first p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area-first img {
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-1 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-1 img{
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-1 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-2 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-2 img {
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-2 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-3 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-3 img {
     width: 50px;
     height: 45px;
 }
 
 .left-row-area.mbl-g-3 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-4 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .left-row-area.mbl-g-4 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .left-row-area.mbl-g-4 img {
     width: 50px;
     height: 45px;
 }
 
 .right-row-area-first.mbl-g-5 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area-first.mbl-g-5 img {
     width: 50px;
     height: 45px;
 }
 
 .right-row-area-first.mbl-g-5 p {
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .right-row-area.mbl-g-6 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area.mbl-g-6 img{
     width: 50px;
     height: 45px;
 }
 
 .right-row-area.mbl-g-6 p{
 
     margin-left: 30px;
     font-family: "ingme";
 
 }
 
 .right-row-area.mbl-g-7 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area.mbl-g-7  img{
 
     width: 50px;
     height: 45px;
 
 }
 
 .right-row-area.mbl-g-7 p{
 
     margin-left: 30px;
     font-family: "ingme";
 
 }
 
 .right-row-area.mbl-g-8 {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area.mbl-g-8 img{
     width: 50px;
     height: 45px;
 }
 
 .right-row-area.mbl-g-8 p{
     margin-left: 30px;
     font-family: "ingme";
 }
 
 .right-row-area {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
     margin-left: 20px;
     margin-bottom: 20px;
 }
 
 .right-row-area img{
     width: 50px;
     height: 45px;
 }
 
 .right-row-area p{
     margin-left: 30px;
     font-family: "ingme";
 }
      
 .leasing-area-3-tablet-y .container {
     max-width: 952px !important;
 } 
      
 div#kdvliekipmanlarmobilesct .container {
     max-width: 912px !important;
 } 
      
 .leasing-area-4-left img {
     width: 100%;
 }
      
 div#kdvliekipmanlarmobilesct {
     margin-top: 50px;
 } 
      
 .leasing-area-4-right {
     margin-top: 50px;
 }
      
 .leasing-area-4-right p {
     margin-left: 20px;
 }
      
 .table-mobile-grid {
     margin-left: 20px;
 
 }
      
 
 
 .paralax-area-grid-8-tablet-y {
     background-image: url(https://www.ingleasing.com.tr/assets/img/nelerleaseedilirytblt.jpg);
     height: 300px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     position: relative;
     margin-top: 50px;
 }
 
 .paralax-area-grid-8-tablet-y .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-8-tablet-y{
     width: 100%;
     height: 300px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-8-tablet-y::after {
     content: "Neler Lease Edilir?";
     font-family: 'ingme';
     font-size: 28px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     margin-left: 60px;
     bottom: -21px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
      
      
      .leasing-area-5-tablet-y{
          margin-top: 50px;
          margin-left: 60px;
      }
      
      .leasing-area-5-middle-row-first {
     display: flex;
          margin-bottom: 10px;
 }
      
 .leasing-area-5-middle-row-first img {
     width: 27px;
     height: 23px;
     margin-top: 5px;
 }
     
      .leasing-area-5-middle{
          margin-bottom: 30px;
      }
      
      .leasing-area-5-right-row-first {
     display: flex;
          margin-bottom: 10px;
 }
      
 .leasing-area-5-right-row {
     display: flex;
     margin-bottom: 10px;
 }
      
 .leasing-area-5-right-row-first img {
     width: 23px;
     height: 27px;
     margin-right: 23px;
 }
      
      .leasing-area-5-right-row img {
     width: 23px;
     height: 27px;
     margin-right: 23px;
 }
      
      
 .leasing-area-6-tablet-y {
     margin-top: 40px;
 }
      
 
 
 .leasing-area-7-tablet-y {
     width: 100%;
     margin-top: 70px;
 }
 .leasing-area-7-tablet-y img {
     width: 100%;
 }
 
 .leasing-area-7-right {
     width: 90%;
     margin-left: 20px;
 }
      
 div#satvegerikiralamobilesct .container {
     max-width: 958px !important;
 }	 
      
 
 .contact-area-title-hb-tablet-y {
     height: 60px;
     background-color: #F1F1F1;
     margin-top: 50px;
 }
 
 .contact-area-title-hb-first-tablet-y{
     display: flex;
     width: 100%;
     height: 30px;
     position: relative;
 }
 .contact-area-title-hb-first-tablet-y:after {
     content: "İletişim";
     font-family: 'ingme';
 font-size: 28px !important;
 position: absolute;
 color: white;
 background-color: #FF6200;
 margin-left: 5px;
 bottom: 5px;
 padding: 3px 16px;
 border-radius: 7px;
 font-weight: 700;
 } 
      
 .captchaytbltimg {
    margin-left: 205px;
}
 .contact-area-tablet-y{
     width: 100%;
     height: 820px;
     background-color: #F1F1F1;
 }
 .contact-area-grid{
     width: 100%;
     height: 750px;
     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: 50px;
     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: 9px 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;
 }
 
  .contact-area-grid-r 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;
 }
 
  .contact-area-grid-r 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;
 }
 
  .contact-area-grid-r 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;     margin-top:20px;
   
 }
 
 .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;
     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;
 }
 
 .contact-area-bottom-tablet-y {
     width: 100%;
     height: 70px;
     background-color: #F1F1F1;
 }
  
      
      form{
          margin-top: 10px;
      }
      
       .numericarea{
     font-size: 12px;
     color: #FF6200 !important;
     font-family: 'ingme';
     width: 150px;
  }
      
      
  }
  
  
  /*-------------------------------------------------- */
  
  
  /* Ekran 4 ve daha büyük: Notebook + Desktop (1200px ve yukarısı) */
  @media only screen and (min-width: 1200px) {
 
     .topbar-mobile, .contact-area-bottom-tablet-y, .footer-tablet-y, .contact-area-tablet-y, .contact-area-title-hb-tablet-y, .leasing-area-7-tablet-y, .leasing-area-6-tablet-y, .leasing-area-5-tablet-y, .paralax-area-grid-8-tablet-y, .leasing-area-4-tablet-y, .leasing-area-3-tablet-y, .paralax-area-grid-7-tablet-y, .testk-tablet-y, .leasing-area-tablet-y, .navsubmenu-tablet-y, .topbar-tablet-y, .navbar-mobile, .navsubmenu-mobile, .leasing-area-6-tablet-d, .navbar-tablet-y, .navbar-tablet-d, .contact-area-hb-grid-tablet-d, .footer-tablet, .leasing-area-7-tablet-d, .contact-area-title-hb-tablet-d, .leasing-area-tablet-d, .leasing-area-5-tablet-d, .testk-tablet-d, .leasing-area-3-tablet-d, .paralax-area-grid-8-tablet-d, .navsubmenu-tablet-d, .leasing-area-4-tablet-d, .paralax-area-grid-7-tablet-d, .leasing-area-mobile, .topbar-tablet-d, .footer-mobile, .contact-area-hb-grid-mobile, .leasing-area-6-mobile, .leasing-area-7-mobile, .testk-mobile, .contact-area-title-hb-mobile, .sub-paralax-area-grid-7-mobile, .leasing-area-3-mobile, .leasing-area-4-mobile, .paralax-area-grid-8-mobile, .leasing-area-5-mobile, .footer-tablet-d{
         display: none;
     }
     
              .cpcaptchabtn {
    position: absolute !important;
    margin-top: -20px !important;
}

 
 
     /*-------------------------------------------------- */
     
     
     
     
     
     
     
     
 
.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;
}

 
     
     
     
     
     
     
     
     
     
     
     
     
 
 .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;
 }
 
 
 
 
 
 .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;
 }
 
 
 li.nav-item.active .nav-link {
     color: #FF6200 !important;
 }
 
 
 li.nav-item.active a.nav-link::after{
     opacity: 1;
 }
 
 
 
 
 
 .navsubmenu {
     width: 100%;
     height: 100px;
     background-color: #EEEEEE;
     display: flex;
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 5;
 }
 
 .active-menu-item {
     color: #525199 !important;
 }
 
 
 
 
 .navsubmenuleft {
     width: 20%;
     height: 100px;
     background-color: #EEEEEE;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: center;
 }
 
 .navsubmenuright {
     width: 80%;
     height: 100px;
     background-color: #EEEEEE;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-end;
     align-items: center;
 }
 
 .navsubmenuleft h1 {
     font-size: 30px;
     color: #303030;
     font-family: "ingmebold";
     margin: 0px !important;
 }
 
 .navsubmenuright ul{
     display: flex;
 }
 
 .navsubmenuright ul li{
     list-style-type: none;
     margin-left: 30px;
 }
 
 .navsubmenuright ul li:last-child{
     margin-right: 0px !important;
     padding-right: 30px !important;
 }
 
 .navsubmenuright ul li a{
     color: #303030;
     font-size: 14px;
     font-family: "ingme";
     text-decoration: none;
     position: relative;
     transition-duration: 400ms;
 }
 
 .navsubmenuright ul li a::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     background-color: #525199;
     left: 0px;
     bottom: -6px;
     opacity: 0;
     transition-duration: 400ms;
 }
 
 .navsubmenuright ul li a.active-menu-item::before {
     opacity: 1;
 }
 
 
 .navsubmenuright ul li a:hover{
     color:#525199;
     transition-duration: 400ms;
 }
 
 .navsubmenuright ul li a:hover::before {
     opacity: 1;
     transition-duration: 400ms;
 }
 
 
 /*-------------------------------------------------- */
 
 .contact-area-hb-grid{
     width: 100%;
     height: 770px;
     background-color: #F1F1F1;
 }
 
 .contact-area-title-hb {
     height: 60px;
     background-color: #F1F1F1;
 }
 
 
 .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-title-hb-first{
     display: flex;
     width: 100%;
     height: 30px;
     position: relative;
 }
 .contact-area-title-hb-first:after {
     content: "İletişim";
     font-family: 'ingme';
     font-size: 31px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     left: 0;
     bottom: 5px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 .contact-area{
     width: 100%;
     height: 600px;
     background-color: #F1F1F1;
 }
 .contact-area-grid{
     width: 100%;
     height: 700px;
     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: 60px;
 }
 .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;
 }
 
 
 
 
 
 
 
 /*------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
 /*Leasing */
 
 .leasing-area{
     width: 100%;
     height: 730px;
     background-color: white;
 }
 
 .leasing-area-left {
     width: 48%;
     height: 580px;
     background-color: white;
 }
 
 .leasing-area-left img{
     width: 100% !important;
     height: 580px !important;
     border-radius: 10px;
 }
 
 .leasing-area-right {
     width: 48%;
     height: 580px;
     background-color: white;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     align-items: flex-end;
 }
 
 .leasing-area-right p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     margin: 0px;
     position: relative;
 }
 
 .leasing-area-right p::after {
     content: "Leasing Nedir?";
     font-family: 'ingme';
     font-size: 31px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     left: -93px;
     top: -100px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 .leasing-area-2-top{
     width: 100%;
     height: 250px;
     background-color: #FF6200;
 }
 
 .leasing-area-2-top p{
     font-size: 34px;
     color: white;
     font-family: "ingmebold";
     padding-top: 40px;
 }
 
 .leasing-area-2 {
     width: 100%;
     height: 650px;
     margin-top: -120px;
 }
 
 
 .leasing-area-2 .owl-item {
     width: 300px !important;
 }
 
 .leasing-area-2  .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 40px;
     position: initial;
 }
 
 
 .leasing-area-2 .owl-carousel.owl-loaded{
     height: 500px;
     display: none !important;
 }
 
 
 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0,0,0);
     padding-left: 93px !important;
 }
 
 
 .container-fluid{
     padding-right: 0px;
 }
 
 
 .fluid-grid-cstm{
     padding-left: 0px !important;
 }
 
 
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
     background: #FF6200 !important;
     width: 17px;
     height: 17px;
     border: 2px #FF6200 solid;
 }
 
 .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 #FF6200 solid;
 }
 
 .item-card-1{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-1::after {
     position: absolute;
     content: "1";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-1 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-1 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 .item-card-2{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-2::after {
     position: absolute;
     content: "2";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-2 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-2 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 
 .item-card-3{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-3::after {
     position: absolute;
     content: "3";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-3 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-3 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 
 .item-card-4{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-4::after {
     position: absolute;
     content: "4";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-4 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-4 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 .item-card-5{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-5::after {
     position: absolute;
     content: "5";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-5 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-5 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 
 .item-card-6{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-6::after {
     position: absolute;
     content: "6";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-6 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-6 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 .item-card-7{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-7::after {
     position: absolute;
     content: "7";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-7 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-7 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 .item-card-8{
     width: 100%;
     height: 300px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgba(0,0,0,.1), 0 10px 16px 0 rgba(0,0,0,.16);
 margin: 14px 0px 20px 15px;
 padding: 25px 0px 0px 25px;
 border-radius: 15px;
 position: relative;
 }
 
 .item-card-8::after {
     position: absolute;
     content: "8";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
 box-shadow: 1px 1px 0px 2px rgba(0,0,0,0.1);
 }
 
 
 .item-card-8 img{
     width: 65px !important;
     height: 65px !important;
 }
 
 .item-card-8 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
 }
 
 
 /*----------------------*/
 
 
 
 .paralax-area-grid-7 {
     background-image: url(https://www.ingleasing.com.tr/assets/img/Avantajlar.jpg);
     height: 400px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover; /* Görselin tam genişlikte ve yükseklikte olmasını sağlar */
     position: relative;
 }
 
 .paralax-area-grid-7 .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-7{
     width: 100%;
     height: 400px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-7::after {
     content: "Avantajlar";
     font-family: 'ingme';
     font-size: 31px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     left: 0;
     bottom: -25px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 .leasing-area-3{
     width: 100%;
     height: 850px;
     background-color: #F1F1F1;
 }
 
 .leasing-area-3 p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     padding-top: 70px;
 }
 
 .l-a-3-area-2{
     width: 100%;
     height: 500px;
     margin-top: 50px;
     display: flex;
     
 }
 
 .l-a-3-area-2-left{
     width:50%;
     height: 500px;
 
 }
 
 
 .l-a-3-area-2-right{
     width:50%;
     height: 500px;
 }
 
 .left-row-area-first{
     width: 100%;
     height: 70px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
 }
 
 .left-row-area-first p {
     font-family: "ingmebold";
     font-size: 18px;
     color: #333333;
     padding: 0px;
     margin: 0px;
 }
 
 .left-row-area-first img{
     width: 60px;
     height: 50px;
     margin-right: 25px;
     margin-top: 5px;
 }
 
 .left-row-area {
     width: 100%;
     height: 70px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     margin-top: 40px;
 }
 
 .left-row-area p {
     font-family: "ingmebold";
     font-size: 19px;
     color: #333333;
     padding: 0px;
     margin: 0px;
 }
 
 .left-row-area img{
     width: 60px;
     height: 50px;
     margin-right: 25px;
 
 }
 
 
 
 /*-------------------------------*/
 
 
 .right-row-area-first{
     width: 100%;
     height: 70px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     margin-left: 120px;
 }
 
 .right-row-area-first p {
     font-family: "ingmebold";
     font-size: 19px;
     color: #333333;
     padding: 0px;
     margin: 0px;
 }
 
 .right-row-area-first img{
     width: 60px;
     height: 50px;
     margin-right: 25px;
     margin-top: 5px;
 }
 
 .right-row-area {
     width: 100%;
     height: 70px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: flex-start;
     margin-top: 40px;
     margin-left: 120px;
 }
 
 .right-row-area p {
     font-family: "ingmebold";
     font-size: 19px;
     color: #333333;
     padding: 0px;
     margin: 0px;
 }
 
 .right-row-area img{
     width: 60px;
     height: 50px;
     margin-right: 25px;
     margin-top: 5px;
 }
 
 .leasing-area-4 {
     width: 100%;
     height: 1350px;
     background-color: white;
     padding-top: 100px;
 }
 
 .leasing-area-4-left{
     width: 100%;
     height: 320px;
     position: relative;
 }
 
 .leasing-area-4-left img{
     width:100%;
     height: 300px;
     border-radius: 7px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
     border-radius: 10px;
 }
 .leasing-area-4-left::after{
     content: "%1 KDV’li Ekipmanlar";
     font-family: 'ingme';
     font-size: 31px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     left: 3%;
     bottom: -5px;
     width: 327px;
     padding: 3px 15px;
     border-radius: 7px;
 }
 .leasing-area-4-right {
     width: 100%;
     height: 800px;
     background-color: white;
     padding-top: 5%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     align-items: flex-start;
 }
 
 .leasing-area-4-right p{
     font-size: 18px;
     font-family: "ingme";
     color:#333333;
 }
 
 .cstmspc{
     margin-top: 20px;
 }
 
 
 
 .paralax-area-grid-8 {
     background-image: url(https://www.ingleasing.com.tr/assets/img/NelerLeaseEdilir.jpg);
     height: 400px;
     display: flex;
     align-items: center;
     justify-content: center;
     background-repeat: no-repeat;
     background-size: cover; /* Görselin tam genişlikte ve yükseklikte olmasını sağlar */
     position: relative;
 }
 
 .paralax-area-grid-8 .container{
     padding: 0px;
 }
 
 .sub-paralax-area-grid-8{
     width: 100%;
     height: 400px;
     position: relative;
 
 }
 
 .sub-paralax-area-grid-8::after {
     content: "Neler Lease Edilir?";
     font-family: 'ingme';
     font-size: 31px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     left: 0;
     bottom: -25px;
     padding: 3px 16px;
     border-radius: 7px;
     font-weight: 700;
 }
 
 .leasing-area-5{
     width: 100%;
     height: 850px;
     background-color: #F1F1F1;
 }
 .leasing-area-5-left{
     width: 33%;
     height: 800px;
     background-color: #F1F1F1;
     padding-top: 80px;
 }
 .leasing-area-5-middle{
     width: 33%;
     height: 800px;
     background-color: #F1F1F1;
         padding-top: 80px;
 }
 .leasing-area-5-right{
     width: 35%;
     height: 800px;
     background-color: #F1F1F1;
     padding-top: 80px;
 }
 .leasing-area-5-left p{
     font-family: "ingme";
     font-size: 18px;
     color: #333333;
     padding: 0px;
     margin: 0px;
 }
 
 .leasing-area-5-middle .leasing-area-5-middle-title{
     font-family: "ingmebold";
     font-size: 18px;
     color: #333333;
     padding: 0px 0px 0px 0px;
     margin: 0px;
 }
 
 .leasing-area-5-middle-row-first{
     display: flex;
     width:100%;
     height: 50px;
     background-color: #F1F1F1;
     margin-top: 25px;
 }
 
 .leasing-area-5-middle-row-first img {
     width: 18px;
     height: 18px;
     margin-right: 15px;
     margin-top: 5px;
 }
 
 .leasing-area-5-middle-row-first p{
     font-size: 18px;
     font-family: "ingme";
     padding: 0px;
     margin: 0px;
 }
 
 .leasing-area-5-middle-row p{
     font-size: 20px;
     font-family: "ingme";
     padding: 0px;
     margin: 0px;
 }
 
 .leasing-area-5-middle-row{
     display: flex;
     width:100%;
     height: 50px;
     background-color: #F1F1F1;
     margin-top: 25px;
 }
 
 .leasing-area-5-middle-row img{
     width:20px;
     height: 22px;
     margin-right: 15px;
 }
 
 .leasing-area-5-middle-row p{
     font-size: 20px;
     font-family: "ingme";
 }
 
 /*-----------------------------------*/
 
 
 .leasing-area-5-right .leasing-area-5-right-title{
     font-family: "ingmebold";
     font-size: 18px;
     color: #333333;
     padding: 0px 0px 0px 0px;
     margin: 0px;
 }
 
 .leasing-area-5-right-row-first{
     display: flex;
     width:100%;
     height: 50px;
     background-color: #F1F1F1;
     margin-top: 25px;
 }
 
 .leasing-area-5-right-row{
     display: flex;
     width:100%;
     height: 50px;
     background-color: #F1F1F1;
 }
 
 .leasing-area-5-right-row-first img {
     width: 18px;
     height: 18px;
     margin-right: 15px;
     margin-top: 5px;
 }
 
 .leasing-area-5-right-row-first p{
     font-size: 18px;
     font-family: "ingme";
     padding: 0px;
     margin: 0px;
 }
 
 .leasing-area-5-right-row p{
     font-size: 20px;
     font-family: "ingme";
     padding: 0px;
     margin: 0px;
 }
 
 .leasing-area-5-right-row img{
     width:18px;
     height: 18px;
     margin-right: 15px;
         margin-top: 5px;
 }
 
 .leasing-area-5-right-row p{
     font-size: 20px;
     font-family: "ingme";
 }
 
 
 .leasing-area-6{
     width: 100%;
     height: auto;
     background-color: #F1F1F1;
 }
 .leasing-area-6-left{
     width: 50%;
     height: auto;
     background-color: #F1F1F1;
 }
 .leasing-area-6-right{
     width: 50%;
     height: auto;
     background-color: #F1F1F1;
 }
 
 .leasing-area-6-bottom{
     width: 100%;
     height: 100px;
     background-color: #F1F1F1;
 }
 
 
 .leasing-area-7 {
     width: 100%;
     height: 850px;
     background-color: white;
     padding-top: 100px;
 }
 
 .leasing-area-7-left{
     width: 35%;
     height: 800px;
     position: relative;
 }
 
 .leasing-area-7-left img{
     width:100%;
     border-radius: 7px;
     box-shadow: 4px 10px 15px -3px rgba(0,0,0,0.1);
 }
 .leasing-area-7-left::after{
     content: "Sat ve Geri Kirala Nedir? (Gayrimenkul)";
     font-family: 'ingme';
     font-size: 31px !important;
     position: absolute;
     color: white;
     background-color: #FF6200;
     font-size: 50px;
     left: 87%;
     top: 40px;
     width: 560px;
     padding: 3px 15px;
     border-radius: 7px;
 }
 .leasing-area-7-right {
     width: 65%;
     height: 0px;
     background-color: white;
     padding-left: 3%;
     padding-top: 10%;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     align-content: center;
     align-items: flex-start;
 }
 
 .leasing-area-7-right p{
     font-size: 18px;
     font-family: "ingme";
     color:#303030;
 }
 
 .active-menu-item {
     color: #525199 !important;
 }
 
 
 
 .f-g-c-one {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-one::after{
     position: absolute;
     content: "1";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .f-g-c-two {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-two::after{
     position: absolute;
     content: "2";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .f-g-c-three {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-three::after{
     position: absolute;
     content: "3";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .f-g-c-four {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-four::after{
     position: absolute;
     content: "4";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .f-g-c-five {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-five::after{
     position: absolute;
     content: "5";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .f-g-c-six {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-six::after{
     position: absolute;
     content: "6";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .f-g-c-seven {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-seven::after{
     position: absolute;
     content: "7";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .f-g-c-eight {
     padding: 18px;
     width: 24%;
     height: 270px;
     background-color: white;
     box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%), 0 10px 16px 0 rgb(0 0 0 / 16%);
     border-radius: 15px;
     position: relative;
 }
 
 .f-g-c-eight::after{
     position: absolute;
     content: "8";
     top: -14px;
     left: -13px;
     background-color: white;
     font-size: 20px;
     font-family: 'ingmebold';
     width: 30px;
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 25px;
     color: #FF6200;
     box-shadow: 1px 1px 0px 2px rgb(0 0 0 / 10%);
 }
 
 .four-grid-custom {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     align-content: center;
     align-items: center;
     justify-content: space-between;
 }
      
       .numericarea{
     font-size: 12px;
     color: #FF6200 !important;
     font-family: 'ingme';
     width: 150px;
  }
  
  
  
 
 /*LeasingBİTİŞ*/
 
 
 
 /*-------------------------------------------------- */
 
  }
 
 
  /*-------------------------------------------------- */