/* slider */.slider-container {    position: relative;    width: 100%;    aspect-ratio: 16 / 8;    background-color: #333;    overflow: hidden;    height: 50vh;    margin-top: 90px;}.slider-container .slide {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    opacity: 0;    transition: opacity 0.8s ease-in-out;    display: flex;    align-items: center;}.slider-container .slide img {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    object-fit: cover;    z-index: -1;}.slider-container .slide.active {    opacity: 1;}.slider-container .slide.active img {    z-index: 1;}.slider-container .slide .textic {    max-width: 600px;    position: relative;    z-index: 9;    color: #fff;}.slider-container .slide .textic .text1 {    display: block;    font-size: 36px;    font-weight: 700;    line-height: 1.3;    margin-bottom: 35px;}.slider-container .slide .textic .text2 {    display: block;    font-size: 16px;    font-weight: 500;}.slider-container .slide.active {    opacity: 1;}.slider-container .slider-btn {    position: absolute;    top: 50%;    transform: translateY(-50%);    background-color: #00000080;    fill: #fff;    border: none;    padding: 5px 10px;    font-size: 23px;    display: flex;    align-items: center;    font-weight: 700;    cursor: pointer;    border-radius: 5px;    z-index: 10;    transition: background-color 0.3s ease;    height: 42px;    width: 42px;}.slider-container .slider-btn:hover {    background-color: #000c;}.slider-container .prev-btn {    left: 15px;}.slider-container .next-btn {    right: 15px;}a {    text-decoration: none;}@media (max-width: 1023px) {    .hakkimizda_bg {        width: 100%;        height: auto;        padding: 40px 0 60px;        position: relative;    }    .kameraresim {        display: none;        width: 100%;        height: auto;    }    .hakkimizda_ic {        width: 100%;        margin: 10px auto 0;        text-align: left;        display: block;    }    .hakkimizda_baslik {        width: 100%;        text-align: left;    }    .hakkimizda_baslik h1 {        width: 100%;        margin: 0 0 0 -4px;        font-weight: 600;        font-size: 32px;        color: #282929;    }    .hakkimizda_baslik h2 {        width: 100%;        margin-top: 5px;        font-weight: 300;        font-size: 14px;        color: #656565;        letter-spacing: 4px;    }    .hakkimizda_yazi {        width: 100%;        margin: 20px 0 0;        font-weight: 300;        font-size: 14px;        color: #6e7172;        text-align: left;    }    a.hakkimizda_buton {        display: block;        width: 100%;        font-weight: 700;        color: #8e8e8e;        margin-top: 10px;    }}/* Masaüstü (min 1024px) */@media (min-width: 1024px) {    .hakkimizda_bg {        width: 100%;        height: auto;        padding: 50px 0 75px;        position: relative;    }    .kameraresim {        width: 100%;        height: auto;    }    .hakkimizda_ic {        width: 100%;        margin-top: 10px;        text-align: left;        display: block;    }    .hakkimizda_baslik {        width: 100%;        text-align: left;    }    .hakkimizda_baslik h1 {        width: 100%;        margin: 0 0 0 -4px;        font-weight: 600;        font-size: 32px;        color: #282929;    }    .hakkimizda_baslik h2 {        width: 100%;        margin-top: 5px;        font-weight: 300;        font-size: 14px;        color: #656565;        letter-spacing: 4px;    }    .hakkimizda_yazi {        width: 100%;        margin-top: 20px;        font-weight: 300;        font-size: 14px;        color: #6e7172;        text-align: left;    }    a.hakkimizda_buton {        display: block;        width: 100%;        font-weight: 700;        color: #8e8e8e;        margin-top: 10px;    }}/* Mobil Öncelikli (max-width: 1023px) */@media (max-width: 1023px) {    .urunlerbg {        width: 100%;        padding: 65px 0;        background: url(../images/urunbaslik_bg.png) no-repeat center top;    }    .urunlersagbaslik {        margin-top: 40px;    }    .urunbgbaslik {        width: 100%;        text-align: center;        margin: 0px 0 60px;    }    .urunbgbaslik h1 {        font-weight: 300;        font-size: 32px;        color: #fff;        margin: 0;    }    .urunbgbaslik span {        display: block;        margin: 20px 0;    }    .urunbgbaslik h2 {        font-weight: 300;        font-size: 14px;        color: #d5d5d5;        margin: 5px 0 0;    }    .urunanaresim {        position: relative;        width: 100%;    }    .urunanaresim img {        display: block;        width: 100%;        height: auto;    }    .urunanaresimbaslik {        position: absolute;        bottom: 10px;        left: 0;        width: 90%;        background: #fff;        text-align: center;        padding: 8px 0;    }    .urunanaresimbaslik h1 {        font-size: 14px;        font-weight: 700;        color: #333;        margin: 0;    }    .urunlersagbaslik h1, .urunlersagbaslik2 h1 {        font-weight: 600;        font-size: 20px;        margin: 0;    }    .urunlersagbaslik h2, .urunlersagbaslik2 h2 {        font-weight: 300;        font-size: 14px;        margin-top: 5px;    }    .urunlersagbaslik h1, .urunlersagbaslik h2 {        color: #fff;        text-align: center;    }    .urunlersagbaslik2 h1 {        color: #222 !important;        text-align: center;    }    .urunlersagbaslik2 h2 {        color: #999;    }}@media (min-width: 1024px) {    .urunlerbg {        width: 100%;        padding: 75px 0;        background: url(../images/urunbaslik_bg.png) no-repeat center top;    }    .urunlerbg a {        text-decoration: none;    }    .urunlerbg .container {        width: 1170px;    }    .urunbgbaslik {        text-align: center;        margin-bottom: 60px;    }    .urunbgbaslik h1 {        font-weight: 300;        font-size: 40px;        color: #fff;        margin: 0;    }    .urunbgbaslik span {        display: block;        margin: 20px 0;    }    .urunbgbaslik h2 {        font-weight: 300;        font-size: 15px;        color: #d5d5d5;        margin-top: 5px;    }    .urunanaresim {        position: relative;        width: 100%;        height: 600px;    }    .urunanaresim img {        width: 100%;        height: auto;        display: block;    }    .urunanaresimbaslik {        position: absolute;        top: 400px;        left: 80px;        width: 400px;        background: #fff;        text-align: center;        padding: 30px 0;    }    .urunanaresimbaslik h1 {        font-size: 20px;        font-weight: 700;        color: #333;        margin: 0;    }    .urunlersagbaslik,.urunlersagbaslik2 {        text-align: center;        margin-top: 50px;    }    .urunlersagbaslik h1,.urunlersagbaslik2 h1 {        font-weight: 600;        font-size: 22px;        margin: 0;    }    .urunlersagbaslik h2,.urunlersagbaslik2 h2 {        font-weight: 300;        font-size: 15px;        margin-top: 5px;    }    .urunlersagbaslik h1,.urunlersagbaslik h2 {        color: #fff;    }    .urunlersagbaslik2 h1 {        color: #222;    }    .urunlersagbaslik2 h2 {        color: #999;    }}.slider-container2 {    position: relative;    overflow: hidden;    width: 100%;    margin-top: 20px;}.slider-track {    display: flex;    transition: transform 0.6s ease;    width: 100%;}.slider-item {    flex: 0 0 50%;    text-align: center;    box-sizing: border-box;    padding: 10px;}.slider-item img {    width: 100%;    max-width: 400px;    height: auto;    /* border-radius: 10px; */    margin: 0 auto;    display: block;    border: solid 1px #e6e6e6;}.slider-item .baslik {    margin-top: 10px;}.slider-item .baslik h1 {    font-size: 18px;    font-weight: 600;    color: #222;    margin: 0;}.slider-item .baslik h2 {    font-size: 14px;    font-weight: 300;    color: #777;    margin-top: 5px;}.slider-item .baslik span {    /* display: inline-block; */    /* margin-top: 10px; */    /* padding: 6px 14px; */    font-size: 12px;    color: #333;    background: #f4f4f4;    border-radius: 4px;    border: 1px solid #ddd;    transition: 0.3s;    display: inline-block;    font-family: 'Poppins', sans-serif;    width: 110px;    height: 32px;    line-height: 30px;    background: #fff;    border-radius: 0px;    color: #000000;    z-index: 9;    position: relative;    margin-top: 10px;    border: solid 2px #1976bb;    font-size: 12px;    text-align: center;    font-weight: 500;}.slider-item .baslik span:hover {    /* background: #bad701; */    /* color: #fff; */    /* border-color: #bad701; */}/* === SLIDER BUTONLARI === */.slider-controls {    position: absolute;    top: 50%;    left: 0;    width: 100%;    display: flex;    justify-content: space-between;    transform: translateY(-50%);    pointer-events: none;}.slider-btn {    pointer-events: all;    background: rgba(255, 255, 255, 0.7);    border: none;    font-size: 24px;    font-weight: bold;    padding: 10px 15px;    border-radius: 50%;    cursor: pointer;    transition: background 0.3s;}.slider-btn:hover {    background: #bad701;    color: #fff;}/* === MOBİL === */@media (max-width: 768px) {    .slider-item {        flex: 0 0 100%;    }    .slider-btn {        font-size: 20px;        padding: 8px 12px;    }}.ref_bgana {    width: 100%;    background: url(../images/urunbaslik_bg2.png) no-repeat center top;    height: auto;}.ref_bg {    width: 100%;    text-align: center;    margin: 50px 0;    padding: 80px 20px 0;}.ref_bg_ic {    background-color: #fff;    padding: 0px;    box-shadow: 0 15px 20px rgba(0,0,0,0.2);    border-radius: 3px;    width: 100%;}.baslikk_talep {    width: 100%;    text-align: center;    margin: 30px 0 35px;}.baslikk_talep h1 {    font-weight: 300;    font-size: 45px;    color: #fff;    margin: 0;}.baslikk_talep h2 {    font-weight: 300;    font-size: 14px;    color: #fff;    margin-top: 12px;    line-height: 21px;}@media (min-width: 1024px) {    .ref_bg {        padding: 100px 150px 0;    }    .baslikk_talep h2 {        width: 800px;        margin: 12px auto 0;    }}.form2 {    color: #333;    position: relative;    overflow: hidden;    padding: 30px 50px;}.form2 label {    font-size: 14px;    text-transform: uppercase;    color: #888;    margin-bottom: 8px;    display: block;    letter-spacing: 1.5px;    text-align: left;}.form2 .guvenlik_input {    position: relative;}.form2 .guvenlik_resim {    position: absolute;    top: 40px;    right: 0;}.form2 .guvenlik_resim .guvenlikResim {    width: 80px;}.form2 input {    width: 100%;    padding: 16px;    /* margin-bottom: 0; */    /* background-color: #f9f9f9; */    /* border: 1px solid #ddd; */    /* border-radius: 3px; */    color: #333;    /* font-size: 16px; */    transition: all 0.3s ease;    outline: none;    /* height: 40px; */    font-size: 14px;    padding-top: 9px;    margin-bottom: 0px;    margin-top: 0px;    border: 1px solid #e4e4e4;    box-shadow: none !important;    background: #fff;    border-radius: 5px;    height: 55px;    margin-bottom: 10px;}.form2 textarea {    width: 100%;    padding: 16px;    margin-bottom: 15px;    background-color: #f9f9f9;    border: 1px solid #ddd;    border-radius: 3px;    color: #333;    font-size: 16px;    transition: all 0.3s ease;    outline: none;    height: 70px;}.form2 input:focus,.form2 textarea:focus {    border-color: #3498db;    background-color: #fff;    box-shadow: 0 0 10px rgba(52, 152, 219, 0.2);}.form2 input::placeholder,.form2 textarea::placeholder {    color: #f9f9f9;    display: none;    opacity: 0;}.form2 button {    background-color: #3498db;    color: #fff;    padding: 10px 10px;    border: none;    border-radius: 3px;    text-transform: uppercase;    font-weight: bold;    width: 100%;    cursor: pointer;    transition: all 0.4s ease;    font-size: 16px;    box-shadow: 0 4px 10px rgb(0 0 0 / 30%);    margin-top: 30px;    height: 50px;}.form2 button:hover {    box-shadow: 0 8px 20px rgb(0 0 0 / 50%);}.form2 .help-block {    color: #aaa;    font-size: 12px;    margin-top: -20px;    margin-bottom: 25px;    display: none;}.form2 .alert {    background-color: #e74c3c;    color: #fff;    padding: 12px;    border-radius: 8px;    font-size: 14px;    margin-top: 20px;    text-align: center;    display: none;}@media (max-width: 768px) {    .form2 {        padding: 30px;    }}.client-logos-section {    width: 100%;    padding: 70px 0;    overflow: hidden;}.section-title {    text-align: center;    font-size: 32px;    font-weight: 700;    color: #2c303b;    margin-top: 0px;    margin-bottom: 50px;}.logo-marquee {    width: 100%;    position: relative;    -webkit-mask-image: linear-gradient( to right, transparent, black 10%, black 90%, transparent );    mask-image: linear-gradient( to right, transparent, black 10%, black 90%, transparent );}.referansbg {    width: 100%;    background: #fff;    margin-top: 75px;}.referansbg_baslik {    width: 100%;    text-align: center;    margin-bottom: 30px;}.referansbg_baslik h1 {    width: 100%;    font-weight: 300;    font-size: 45px;    color: #282929;    margin: 0;    letter-spacing: 0;}.referansbg_baslik h2 {    display: inline-block;    max-width: 800px;    margin-top: 5px;    font-weight: 300;    font-size: 15px;    color: #656565;    line-height: 21px;}.referansbg_baslik span {    display: block;    margin: 20px 0;}.logo-marquee__track {    display: flex;    width: max-content;    flex-shrink: 0;    animation: scrollLogos 40s linear infinite;}.logo-marquee:hover .logo-marquee__track {    animation-play-state: paused;}.logo-marquee__item {    display: flex;    align-items: center;    justify-content: center;    padding: 0 20px;    height: 150px;}.logo-marquee__item img {    max-height: 100%;    width: auto;    /* filter: grayscale(100%); */    /* opacity: 0.6; */    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;}.logo-marquee__item:hover img {    filter: grayscale(0%);    opacity: 1;    transform: scale(1.1);}@keyframes scrollLogos {    from {        transform: translateX(0);    }    to {        transform: translateX(-50%);    }}@media (max-width: 768px) {    .logo-marquee__item {        padding: 0 15px;        height: 130px;    }}@media(max-width: 1024px) {    .slider-container {        height: 15vh;    }    .ref_bg_ic [class*="col-"] {        width: 100%;    }    .ref_bg {        width: 100%;        text-align: center;        margin: 0px 0;        padding: 30px 10px 0;    }    .urunlersagbaslik2 {        color: black;        margin-top: 40px !important;    }    .referansbg_baslik h1, .baslikk_talep h1 {        font-size: 32px;    }}