/*
  Created on : 7.Şubat.2023, 18:37:26
  Author     : ISDO Web & Yazilim
*/

/* GENEL */
body{font-family: 'Noto Sans', sans-serif;color: #0D1629; scroll-behavior: smooth;}
a{text-decoration: none;transition: all 0.3s ease;}
ul{padding: 0;margin: 0}
ul li{list-style: none;}
.mask{position: fixed;background: rgba(0,0,0,.5);width: 100%;height: 100vh;left: 0;top: 0;z-index: 3;}
.pl-0 {padding-left: 0 !important;} 
.pt-100 {padding-top: 100px;}
.br-20 {border-radius: 20px;}
input[type=search]::-webkit-search-cancel-button{display: none; outline: none;}
input[type=search]:focus-visible {outline: none;}
input:focus {outline: none;}
.primary-title {font-size: 32px;color: #0D1629;font-weight: 500; margin-bottom: 70px;}
.primary-button {padding: 12px 23px;color: #FFFFFF;font-weight: 500;font-size: 16px;background: #273e3e; border: 1px solid #273e3e; transition: .2s; display: inline-block; border-radius: 40px 0px 40px 40px;}
.primary-button:hover {color: #0D1629;  transition: .2s; background-color: transparent; }
.primary-button.color-reverse {color: #0D1629;  transition: .2s; background-color: transparent; }
.bbi-yontemler .primary-button{font-size: 14px;}
footer .footer-links {display: none;}
/* GENEL END */

/* HEADER */
header { position: fixed; background:transparent; width: 100%; z-index: 9; top:0; transition: all ease 200ms;}
header.initial-header {position: initial; margin-top: -90px;}
header.set-header {transition: all ease 200ms;background: #ffffff;box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);} 
header.set-header nav .navbar-nav > li > .nav-link {color: #0D1629; transition: all ease 200ms;line-height: 50px;}
header.set-header nav .brand-logo img {height: 60px; margin-top: 5px; transition: all ease 200ms;}
header.set-header nav .navbar-nav > li > .nav-link.show{color:#0D1629 ;}
header.set-header .navbar-expand-lg .navbar-nav .dropdown-menu { margin-top: 0;}
header.set-.header-7-24-link {padding: .4rem .75rem;}
header.add-background-img {background-color: #fff;}
header .header-top {background-color: #273e3e;background-image: url(https://www.zehraboz.av.tr/uploads/sayfa-resimleri/_41025.svg);background-size: 150px;}
header .header-top .header-top-wrap {display: flex;justify-content: space-between;flex-direction: row;gap: 7px;height: 50px; align-items: center;}
header .header-top .header-top-wrap .header-contact {display: flex;flex-direction: row;gap: 7px;height: 50px; align-items: center;}
header .header-top .header-top-wrap .header-contact li i {color: #fff;font-size: 17px; margin-right: 10px;}
header .header-top .header-top-wrap .header-contact li a {color: #FFFFFF;font-weight: 300;font-size: 15px;} 
header .header-top .header-top-wrap .header-contact li::after { content: "|";padding-left: 10px;color: #ddd;font-size: 24px;font-weight: 100;line-height: 1;}
header .header-top .header-top-wrap .header-contact li:last-child:after {display: none;}
header .header-top .header-top-wrap .header-social {display: flex;flex-direction: row;gap: 7px;height: 50px; align-items: center;}
header .header-top .header-top-wrap .header-social li a {display: flex;align-items: center;justify-content: center; width: 30px;height: 30px;}
header .header-top .header-top-wrap .header-social li a i {color: #fff;}
.header-7-24-link {position: absolute; right: .75rem; border-radius: 40px; border-top-right-radius: 0; padding: .75rem;margin-left: 2rem; display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center; background-color: #273e3e;}
.header-7-24-link a {display: block; font-size: 14px; color: #fff; font-weight: 300;}
.header-7-24-link a i {font-size: 13px; margin-right: 4px;}
.header-7-24-link img {margin-right: 15px;}
header .relative {position: relative;}
header .right-div {justify-content: center !important;}
header nav{padding-top: 0 !important;padding-bottom: 0 !important;}
header nav .brand-logo { position: absolute; top: 0;}
header nav .brand-logo img{transition: all ease 200ms; margin-left: -4px; margin-top: 12px;}
header nav .navbar-collapse { justify-content: flex-end;}
header nav .navbar-nav > li > .nav-link{color: #0D1629; text-transform: uppercase; font-weight: 500;border-bottom: 2px solid transparent;line-height: 100px; margin: 0 15px;transition: all ease 200ms;}
header nav .navbar-nav > li > .nav-link.show{color:#0D1629 ;}
header .navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: -40px;}
header nav .navbar-nav > li:last-child > .nav-link {margin: 0; padding-right: 0;}
header nav .navbar-nav > li > button{margin-left: 10px;height: 40px;background: #273e3e ;border-radius: 5px;text-transform: capitalize;-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);border-color: transparent;color: #fff;margin-top: 20px;font-size: 14px;padding-left: 15px;padding-right: 15px;}
header nav .navbar-nav > li > button i{margin-right: 5px;}
header .sidenav-toogle{display: none; color: #0D1629;}
header.set-header .sidenav-toogle {color: #273e3e; font-size: 17px;}
header .side-nav{position: fixed;left: 0;top: 0;background: #fff;height: 100vh;width: 300px;z-index: 5;left:-300px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
header .side-nav > ul > li:nth-child(1){height: 110px;box-shadow: none;text-align: center;margin-bottom: 10px}
header .side-nav > ul > li:nth-child(1) a{height: 110px;}
header .side-nav > ul > li:nth-child(1) a:hover{background-color: transparent}
header .side-nav > ul > li:nth-child(1) a img{transition: all ease 200ms; max-height: 100px; margin-top: 10px;}
header .side-nav > ul > li a{color: rgba(0,0,0,0.87);display: block;font-size: 16px;height: 48px;line-height: 48px;padding: 0px 20px;font-weight: 400;}
header .side-nav > ul > li a i {margin-right: 5px; width: 25px;}
header .side-nav .accordion-item{border-radius: 0 !important;background: #fff;box-shadow: none;border:none}
header .side-nav .accordion-item .accordion-button{border-radius: 0 !important;background: #fff;box-shadow: none;color: rgba(0,0,0,0.87);}
header .side-nav .accordion-item .accordion-body{padding: 0;padding-left: 15px;}
header .side-nav .sidenav-button{margin-left: 20px;width: calc(100% - 40px);height: 40px;background: #273e3e ;border-radius: 5px;text-transform: capitalize;-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);border-color: transparent;color: #fff;font-size: 14px;padding-left: 15px;padding-right: 15px;}
header .side-nav .sidenav-button i{margin-right: 5px;}
header .dropdown-item {padding: 12px; border-bottom: 1px solid #dddd;}
header .dropdown-menu li:last-child .dropdown-item {border-bottom: 0;}
/* HEADER END */

/* MAIN IMAGE */
.main-img {position: relative;}
.main-img::before {position: absolute; content: ""; width: 100%; height: 100%; background: rgb(255 255 255 / 20%);}
.main-img img {width: 100%;}
.main-img .main-content {position: absolute;width: 100%;color: #fff;top: 50%; transform: translateY(-50%);}
.main-img .main-content .title { font-size: 30px; margin-bottom: 1rem; line-height: 45px;color: #0D1629;}
.main-img .main-content .text-box p {font-weight: 500;font-size: 22px;color: #0D1629;margin: 1.7rem 0;width: 78%;}
.main-img .main-content .text-box { margin-top: 60px;margin-left: 0px;}
/* MAIN IMAGE END */

/* Popup Ana Stil */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(39, 62, 62, 0.15);
    z-index: 1000;
    text-align: center;
    padding: 0;
    box-shadow: none;
}

/* Kapatma Butonu */
.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 5px 14px;
    border-radius: 9px;
    z-index: 1001;
}

/* Resmi Ortala ve Ekrana Sığdır */
.popup-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    border-radius: 10px;
}

/* BANNER */
.page-banner {height: 500px; overflow: hidden; width: 100%; position: relative;padding-top: 170px;}
.page-banner img {width: auto; height: 100%;}
.page-banner .bread-crumbs {position: absolute;width: 100%;display: flex;align-items: center;justify-content: center;left: 0;bottom: 10px;color: #fff;font-weight: 200;font-size: 14px;}
.page-banner .bread-crumbs li {margin-right: 15px;}
.page-banner .bread-crumbs li::after {content: "/"; margin-left: 15px;}
.page-banner .bread-crumbs li:last-child {margin-right: 0;font-size: 16px; font-weight: 400;}
.page-banner .bread-crumbs li:last-child::after {display: none;}
.page-banner .bread-crumbs li a {color: #fff; font-weight: 300; font-size: 15px;}
.page-banner .banner-content { position: absolute;background: rgb(39 62 62 / 47%);width: 100%;height: 100%;text-align: center;left: 0;top: 0;}
.page-banner .banner-content .title {  width: 100%; text-align: center; margin: 0;position: absolute;left: 50%;top: 65%;transform: translate(-50%, -50%);font-size: 38px;color: #fff;font-weight: 300;}
.banner .bread-crumbs { display: flex;align-items: center;justify-content: center;position: absolute;bottom: 0;width: 100%;color: #fff; padding: 10px 0;}
.banner .bread-crumbs li {font-size: 16px;}
/* BANNER END */

/* CONTENT */
.content .show-mobile {display: none;}
.content .bbi-about {padding: 100px 0 0;}
.content .bbi-about .title-label {color: #273e3e;font-size: 18px; margin: 1rem 0; display: block;}
.content .bbi-about .title {text-transform: uppercase;font-size: 28px;color: #0D1629;  margin-bottom: 1.5rem;}
.content .bbi-about p {font-size: 19px;color: #808080; margin: 1.5rem 0;}
.content .bbi-about ul li {display:none; color: #808080; font-weight: 300;font-size: 18px;}
.content .bbi-about ul li i {color: #273e3e;font-size: 18px; margin-right: 7px;}
.content .bbi-services {background: #ececec; padding: 100px 0; text-align: center; }
.content .bbi-services .title-label {color: #273e3e;font-size: 18px; margin-bottom: .5rem; display: block;}
.content .bbi-services .title {text-transform: uppercase;font-size: 28px;color: #0D1629;  margin-bottom: 1.5rem;}
.content .bbi-services .services-slide-wrapper {position: relative;}
.content .bbi-services .services-slide-wrapper::before {content: url(../images/shape.png);position: absolute;left: -30px;top: 10px;transform: translate(-50%, -50%);}
.content .bbi-services .services-slide-wrapper::after {content: url(../images/shape.png);position: absolute;right: 30px;bottom: 20px;transform: translate(50%, 50%);}
.content .bbi-services .owl-nav {margin-top: 1.5rem; position: absolute; width: 100%;}
.content .bbi-services .owl-nav i {width: 35px;height: 35px;background: #273e3e;display: flex;justify-content: center;align-items: center;margin: 5px;color: #fff;border-radius: 50%;}
.content .service-card {position: relative; background-color: #fff; padding-bottom: 50px; border-radius: 20px; overflow: hidden;}
.content .service-card .card-img {position: relative; padding: 0px 0 10px;}
.content .service-card .card-img .img-wrapper {margin: auto; width: 100%; overflow: hidden;}
.content .service-card .card-img .img-wrapper img {width: 100%;}
.content .service-card .card-img .card-icon {background: #ececec; width: 42px; height: 42px; overflow: hidden; border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: -21px auto 0;position: relative;}
.content .service-card .card-img .card-icon img {width: auto;}
.content .service-card .card-content {padding: 0 1rem;}
.content .service-card .card-content .title {font-family: 'Lato', sans-serif;font-size: 22px;color: #0D1629; margin: 1rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 4;-webkit-box-orient: vertical;}
.content .service-card .card-content p {color: #808080;font-size: 15px;font-weight: 300;margin-bottom: 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 4;-webkit-box-orient: vertical;}
.content .bbi-video {transform: translateY(-50%); margin-bottom: -230px;}
.content .bbi-video .video-iframe {cursor: pointer; position: relative; text-align: center; border-radius: 20px; overflow: hidden;}
.content .bbi-video .video-iframe img {max-width: 100%; border-radius: 50px;}
.content .bbi-video .video-iframe .play-btn { width: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.content .bbi-video .video-iframe iframe {width: 100%; height: 500px;}
.content .bbi-yontemler {padding: 100px 0; text-align: center;}
.content .bbi-yontemler .title-label {color: #273e3e;font-size: 18px; margin-bottom: 1rem; display: block;}
.content .bbi-yontemler .title {text-transform: uppercase;font-size: 28px;color: #0D1629;  margin-bottom: 1.5rem;}
.content .yontem-card {border-radius: 20px; overflow: hidden; margin-bottom: 1.5rem;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.content .yontem-card .card-img img {width: 100%;}
.content .yontem-card .card-content {padding: 1.5rem; padding-top: 0;}
.content .yontem-card .card-title {font-size: 23px; font-weight: 500;color: #0D1629; margin: 1rem 0;}
.content .yontem-card .text { color: #808080;margin-bottom: 1.5rem;font-weight: 300;font-size: 14px;height: 65px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 5;-webkit-box-orient: vertical;}
.content .yontem-card .date {color: #808080; display: flex; justify-content: space-between; font-size: 12px; padding: 0 1.5rem; padding-top: 1rem;}
.content .bbi-comments {text-align: center;background: #ececec; padding: 100px 0;}
.content .bbi-comments .title-label {color: #273e3e;font-size: 18px; margin-bottom: 1rem; display: block;}
.content .bbi-comments .title {text-transform: uppercase;font-size: 28px;color: #0D1629;  margin-bottom: 1.5rem;}
.content .bbi-comments .customer-comments h2{margin: 0;color: #0D1629;font-size: 2.4rem;font-weight: 500;margin-top: 10px;text-align: center;}
.content .bbi-comments .customer-comments p{margin: 0;color:#0D1629;font-weight: 300;font-size: 21px;margin-top: 10px;text-align: center;}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person{overflow: hidden; display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 50px;text-align: center;flex-wrap: wrap;}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person li{transition: all 0.5s ease;cursor: pointer;opacity: .5}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person li img{border-radius: 50%;}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person li .comment-item-div p:nth-child(1){margin: 0;margin-top: 15px; font-weight: 500;}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person li .comment-item-div p:nth-child(2){margin: 0;font-size: 12px;font-weight: 300; color:#273e3e ;}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person li .comment-item-div p:nth-child(3){margin: 0;font-size: 12px;}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person li:hover{opacity: 1;}
.content .bbi-comments .customer-comments .customer-comment .customer-comment-person li.active{opacity: 1;}
.content .bbi-comments .customer-comment-comment li{transition: all 0.5s ease;}
.content .bbi-comments .customer-comment-comment li div{padding: 20px 30px;border-radius: 10px;}
.content .bbi-comments .customer-comment-comment li div p{font-size: 20px;font-weight: 300;}
.content .bbi-comments .customer-comments .rating i {color: #FFAB01;}
.content .bbi-sss .primary-title {     }
.content .bbi-referanslar {padding: 100px 0; text-align: center;}
.content .bbi-referanslar .item {background: #0D1629; border-radius: 20px; height: 150px;display: flex;align-items: center; justify-content: center;}
.content .bbi-referanslar .item img {width: auto; margin: auto; max-width: 100%;}
.content .bbi-referanslar .owl-nav {margin-top: 1.5rem; width: 100%; text-align: center;}
.content .bbi-referanslar .owl-nav i {width: 35px;height: 35px;background: #273e3e;display: flex;justify-content: center;align-items: center;margin: 5px;color: #fff;border-radius: 50%;}
.content .bbi-referanslar .title-label {color: #273e3e;font-size: 18px; margin-bottom: 1rem; display: block;}
.content .bbi-referanslar .title {text-transform: uppercase;font-size: 28px;color: #0D1629;  margin-bottom: 1.5rem;}
.content .default-page {padding: 100px 0;}
.content .left-menu {box-shadow: none; margin-top: 0; border-top: 0; border-left: 0; border-right: 0; margin-left: 0;}
.content .left-menu>li {list-style-type: none; margin-bottom: 5px;}
.content .left-menu .dropdown-list-content {padding-left: 15px; display: none; transition: all ease 200ms; transform: translateY(-102%);position: relative;z-index: 2; opacity: 0;}
.content .left-menu .dropdown-list-title {overflow: hidden;}
.content .left-menu a { z-index: 5;position: relative;transition: .2s; background-color: #fff;box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;margin: 7px 9px; border-radius: 3px; display: block;padding: 15px 25px;font-weight: 400;font-size: 14px;color: #3F3F3F;}
.content .left-menu a i {font-size: 12px; margin-right: 4px; }
.content .left-menu .active>a {background: #273e3e; color: #fff;}
.content .left-menu .active>.dropdown-list>.dropdown-list-title>a {background: #868686; color: #fff;}
.content .left-menu .dropdown-list-title.open-dropdown-list-content>.dropdown-list-content {transition: all ease 200ms; display: block; opacity: 1; transform: translateY(0);}
.content .left-menu .dropdown-list-title.open-dropdown-list-content> a {background: #868686; color: #fff; transition: .2s;}
.content .default-page .service-card {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-bottom: 1.5rem;}
.content .galeri-page {padding: 100px 0;}
.content .galeri-page .row>div {margin-bottom: 1rem;}
.content .contact-form {padding:40px 20px;border-radius: 12px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.content .contact-form .title {font-size: 1.5rem; margin-bottom: 20px;}
.content .contact-form .input-field {margin-bottom: 1rem;}
.content .contact-form .input-field input {padding: 0 15px; font-size: 14px; width: 100%; display: block;width: 100%;border-radius: 8px;height: 50px;border: 1px solid #d2d2d2;}
.content .contact-form .input-field input:focus {border: 1px solid #222;}
.content .contact-form .input-field label {font-size: 14px;}
.content .contact-form .input-field .error-text {opacity: 0; color: #f50000; font-size: 12px; transition: .2s; font-weight: 500;margin-top: -10px; display: block;}
.content .contact-form .input-field .error-text.show-error-text {opacity: 1;margin-top: 0px; transition: .2s;}
.content .contact-form .form-button { float: right;}
.content .contact-form .form-button:hover {background-color: #273e3e; color: #fff; transition: .2s;}
.content .contact-form .form-button i {margin-right: 5px;}
.content .adress-wrapper {display: flex;flex-direction: column;border-radius: 12px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;height: 100%;}
.content .map-box {height: 100%;}
.content .adress-box {padding: 20px;}
.content .adress-box li {font-size: 16px; font-weight: 300; margin-bottom: 7px; color: #222;padding: 10px 0;}
.content .adress-box li a {font-weight: 300; color: #222;}
.content .adress-box li i {font-size: 13px; margin-right: 7px;}
.content .user-text h1{color: #272727;font-size: 1.5rem;margin: 0;margin-bottom: 30px; }
.content .user-text h2{color: #272727;font-size: 1.4rem;margin: 0;margin-bottom: 30px; }
.content .user-text h3{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 30px; }
.content .user-text h4{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 30px; }
.content .user-text h5{color: #272727;font-size: 1.2rem;margin: 0;margin-bottom: 30px; }
.content .user-text p{font-size: 16px;font-weight: 300;}
.content .user-text span{font-size: 16px;font-weight: 300;margin-bottom: 1rem;display: block;}
.content .user-text ul{margin-left: 30px;margin-bottom: 1rem;}
.content .user-text ul li{font-size: 16px;list-style: circle;font-weight: 300;line-height: 2}
.content .user-text ol{margin-bottom: 1rem;}
.content .user-text ol li{font-size: 16px;font-weight: 300;line-height: 2}
.content .user-text table{width: 100%;margin-bottom: 20px}
.content .user-text table tr td{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #dedede;}
.content .user-text table tr:nth-child(1){font-weight: bold;}
.content .user-text table tr:nth-child(1) td{line-height: 2;border-bottom: 1px solid #212529;}
.content .user-text blockquote{border-left: 0.35rem solid #1da6e0;border-top: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 20px;background-color: #fbfbfb !important;line-height: 1.7;}
.content .user-text blockquote p{margin-bottom: 0}
.content .user-text img{margin-bottom: 20px; max-width: 100%; height: auto;}
.content .user-text .gizli-yazi {display: none;}
.content .urun-card{color: #272727;margin-bottom: 20px}
.content .urun-card a{color: #272727;}
.content .urun-card h2{margin: 0;font-size: 18px;color: #0D1629;height: 45px;word-break: break-word;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-box-orient: vertical;box-orient: vertical;-webkit-line-clamp: 2;moz-line-clamp: 2;-ms-line-clamp: 2;line-clamp: 2;overflow: hidden;}
.content .urun-card p{height: 72px;width: 100%;font-weight: 300;text-overflow: ellipsis;word-break: break-word;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-box-orient: vertical;box-orient: vertical;-webkit-line-clamp: 3;-moz-line-clamp: 3;-ms-line-clamp: 3;line-clamp: 3;overflow: hidden;line-height: 1.1;}
.content .chips{margin-top: 25px;margin-bottom: 25px;}
.content .chips .badge-light{color: #212529;background-color: #fff; border: 1px dashed #212529; margin-bottom: 25px;}
.content .chips .badge-light:hover{color: #f8f9fa;background-color: #212529;}
.content .chips .badge {display: inline-block;padding: 10px 15px;font-size: 75%;font-weight: 400;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 5px;}
.content .isdo-accordion {margin-bottom: 1.5rem; border: 1px solid #ddd;}
.content .isdo-accordion .isdo-accordion-header {cursor: pointer;padding: 1rem;display: flex;justify-content: space-between;align-items: center;}
.content .isdo-accordion .isdo-accordion-header .title {margin-bottom: 0;font-family: 'Noto Sans', sans-serif; font-size: 17px; user-select: none; font-family: ;}
.content .isdo-accordion .isdo-accordion-header i {transition: all ease 200ms;}
.content .isdo-accordion .isdo-accordion-body {overflow: hidden;padding: 0 1rem;border-top: 0px solid #ddd;transition: all ease 200ms; max-height: 0;}
.content .isdo-accordion.show .isdo-accordion-body{padding: 1rem;border-top: 1px solid #ddd;transition: all ease 200ms;transform: translateY(0%); max-height: max-content;}
.content .isdo-accordion.show .isdo-accordion-header i {transform: rotate(180deg); transition: all ease 200ms;}
/* CONTENT END */


/* FOOTER */

footer .whatsapp-desktop{background-color: #8e8e8e;text-align: center;bottom: 5%;position: fixed;z-index: 11;width: 50px;height: 50px;border-radius: 50%;right: 3%;color: #fff;text-align: center; }
footer .whatsapp-desktop a{color:#fff;}
footer .whatsapp-desktop a i{color:#fff;font-size: 24px;padding-top: 13px;}
.footer-whatsapp{position: fixed;right: 1%; bottom:10%; z-index: 100;}
.footer-whatsapp i{position: absolute;left: 15px;color: #fff;font-size: 23px;top: 9px;}
.footer-whatsapp span{position: absolute;left: 42px;color: #fff;font-size: 14px;top: 10px;font-weight: 500;}
footer .whatsapp-footer {display: none;background-color: #8e8e8e; text-align: center; bottom: 0;position: fixed;width: 100%;z-index:11;}
footer .whatsapp-footer a {color: #fff; padding: 7px 0px;width: 100%; display: block;}
footer .whatsapp-footer i {color: #fff; margin-right: 10px; font-size: 21px;}
footer {background: #273e3e; position: relative;background-image: url(https://www.zehraboz.av.tr/uploads/sayfa-resimleri/_41025.svg);background-size: 150px;}
footer .footer-wrapper {padding: 80px 0 50px;}
footer h5{font-size: 22px;font-weight: 400}
footer .brand-logo{margin-bottom: 10px;}
footer .brand-logo img{max-width: 76.95px; filter: brightness(0) invert(1);}
footer .footer-thin{font-size: 12px;font-weight: 300;margin: 0;color: #BAB7B7;display: block;margin-top: 20px;}
footer .footer-thin-social{margin-top: 40px;margin-bottom: 5px;color:#fff;}
footer .footer-social{padding-inline-start: 0px;margin-block-start: 1rem;margin-block-end: 2rem; display:flex;}
footer .footer-social li{margin-right: 10px;text-align: center;line-height: 25px;}
footer .footer-social li:last-child{margin-right: 0}
footer .footer-social li i{color: #fff;font-size: 18px;}
footer .footer-link-list{margin-bottom: 25px;}
footer .footer-link-list li{margin-bottom: 10px;color:#fff !important;font-weight: 300; font-size: 15px;}
footer .footer-link-list li i {margin-right: 7px; font-size: 13px;}
footer .footer-link-list li a{color:#fff !important;font-weight: 300; font-size: 15px; cursor: pointer !important;}
footer .footer-bottom-image {margin: 50px 0 -50px;width: 100%;overflow: hidden;} 
footer .footer-bottom-image img {width: 100%;}
footer .footer-copyright {background: #fff;color:#8e8e8e; padding: 15px 10px;font-size: 13px;height:50px; font-weight: 400; }
footer .footer-copyright .right a{margin-right: 16px;font-weight: 300;font-size: 13px;color: #8e8e8e;}
footer .footer-copyright .web-tasarim{float: right;width: 73px;height: 23px;opacity: .5;margin-top: 0;text-indent: -9999px;background: url(../images/isdo.png) no-repeat;-webkit-transition: all .3s linear;transition: all .3s linear;}
footer .footer-copyright .web-tasarim:hover{opacity: 1;}
footer .footer-copyrights {border-top:1px solid #BCBCBC;padding-top: 20px; padding-bottom: 20px;}
footer .footer-copyrights .row{margin-bottom: 0}
footer .footer-copyrights .bni{height: 30px}
footer .footer-copyrights ul{margin: 0;padding: 0;float: right;margin-top: 5px}
footer .footer-copyrights ul li{float: left;margin-right: 20px}
footer .footer-copyrights ul li:last-child{margin-right: 0px}
footer .footer-copyrights ul li a{color:#fff !important;font-weight: 100;cursor: pointer;}
/* FOOTER END */

/* MODAL */
.modal .modal-body{height: 500px;overflow-y: scroll;}
.modal .modal-body p{font-size: 15px;font-weight: 300}
.modal .modal-body h3{font-size: 1.4rem}
.modal .modal-body ul{margin-left: 30px;margin-bottom: 20px;}
.modal .modal-body ul li{font-size: 15px;font-weight: 300;list-style: circle;}
.modal .modal-body ol li{font-size: 15px;font-weight: 300;}
.modal .modal-body a{color:#273e3e ;font-weight: 300}
.modal .modal-body label{font-weight: 300}
.modal .modal-body .teklif-al{background: #273e3e ;color: #fff;float: right;padding: 8px 15px;border-radius: 5px;font-size: 14px;cursor: pointer;}
.modal .modal-body .teklif-al i{margin-right: 7px;font-size: 12px}
.modal-header .btn-close:focus {outline: none; box-shadow: none;}
/* MODAL END */



/* RESPONSIVE */
@media only screen and (max-height: 700px){
  header .left-fixed-menu li:nth-child(1) {min-height: 160px;}
}

@media only screen and (min-width: 992px) {
  .container{width: 90%; }
  .advantages-slide {margin-left: -20px;}
  .main-location {padding-left: calc(5% + .75rem);}
  .banner .text-wrapper {padding-left: calc(5% + .75rem);}
}

@media only screen and (min-width: 1440px) {
  .container {max-width: 1360px;}
}

@media only screen and (max-width: 1440px){
  .banner img {width: auto; height: 100%;}
  .main-img {overflow: hidden;}
  .main-img>img {width: 130%; margin-left: -15%;}
  .main-img .main-content .title { line-height: 40px;font-size: 40px; }
}

@media only screen and (max-width: 1250px){
  .main-img .main-content .title {font-size: 25px;line-height: 25px;}
  .primary-button {font-size: 14px; padding: 10px 15px; font-weight: 400;}
  header nav .navbar-nav > li > .nav-link {margin: 0 5px; font-size: 14px;}
  .header-7-24-link img {width: 30px; margin-right: 5px;}
}

@media only screen and (max-width: 1240px){
    .main-img .main-content .title {font-size: 25px;line-height: 25px;}
s
}

@media only screen and (max-width: 992px){
  .table-hide {display: none;}
  header .sidenav-toogle{transition: all ease 200ms; display: block;position: absolute;left: 0; width: 60px; font-size: 23px;z-index: 3; height: 110px; line-height: 110px;}
  header.set-header {height: 50px;}
  header .header-top {display: none;}
  header.set-header nav .brand-logo img {height: 40px;}
  header.set-header .sidenav-toogle {height: 50px; line-height: 50px;}
  .container{max-width: 90%; }
  header .navbar-expand-lg>.container {justify-content: center;}
  header .shown{left:0px !important}
  .content .banner .text-box .bread-crumbs {flex-wrap: wrap;}
  header nav .brand-logo {position: relative;}
  .page-banner {padding-top: 100px;}
  header {height: 100px;}
  header nav .brand-logo img {height: 77px;}
  .content .service-card .card-content .title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 2;-webkit-box-orient: vertical;}
}


@media only screen and (max-width: 768px){
  footer .container{max-width: 95%;}
  .banner {height: 600px;}
  .banner .text-wrapper .title {font-size: 25px;}
  .content .contacts-infos .col-12 {border-right: 0; margin-bottom: 2rem;}
  header .header-top {display: none;}
  .header-7-24-link {right: 0;padding: 5px 0.75rem;margin-top: 5px;}
  .header-7-24-link img {width: 25px;}
  .header-7-24-link a {font-size: 12px;}
  .header-7-24-link a i {font-size: 11px;}
  header nav .brand-logo img {margin-top: 15px;}
  header .navbar-expand-lg>.container {justify-content: flex-start; padding-left: 40px;}
  header.set-header nav .brand-logo img {height: 40px; margin-top: 5px; transition: all ease 200ms;}
  .main-img>img {width: 230%; margin-left: -55%;}
  .content .bbi-services .services-slide-wrapper::after {width: 50px; overflow: hidden;}
  .content .bbi-video {margin-bottom: -180px;}
  .content .left-menu{height: 200px;overflow: scroll;}
  .content .default-page{padding: 50px 0;}
  .content .adress-wrapper{margin-top: 40px;}

}

@media only screen and (max-width: 601px){
    .whatsapp-dekstop{display: none}
    .whatsapp-mobil{display: flex;align-items: center; justify-content: center;position: fixed;width: 100%;bottom: 0;height: 40px;background: #8e8e8e;text-align: center;color: #fff;z-index: 10;font-size: 15px;}
    .whatsapp-mobil i{font-size: 24px;margin-right: 7px;}
    footer .footer-bottom-image {margin-bottom: 0;}
    footer .footer-social li a {margin-top: 1rem;}
    .banner {display: flex; justify-content: center;}
    .main-img .main-content .text-box p {font-size: 14px;margin: 1rem 0; display: none;}
    .main-img .main-content .text-box{background: rgb(255 255 255 / 50%);padding: 30px;}
    .content .bbi-video .video-iframe .play-btn {width: 74px;}
    .content .bbi-video .video-iframe iframe {height: 200px;}
    .content .bbi-video {margin-bottom: -160px;}
    .footer-whatsapp,
    .header-7-24-link {display: none;}
    header .navbar-expand-lg>.container {justify-content: center;}
    footer .footer-links {display: block;}
    footer .footer-copyright {padding-bottom: 50px;}
    footer .footer-links {position: fixed; z-index: 9; bottom: 0; align-items: center; width: 100%;height: 40px;display: flex;justify-content: space-between;gap: 10px;}
    footer .footer-links a { border-top-right-radius: 8px; font-size: 13px; height: 40px;line-height: 40px; background-color: #0d1629; display: block;flex: 1;text-align: center;color: #fff;}
    footer .footer-links a:nth-child(2){background-color: #52cd5f; border-top-left-radius: 8px;  border-top-right-radius: 0;}
    footer .footer-links a i {margin-right: 5px;}
    .content .show-mobile {display: flex; position: relative;right: 10px; padding: 10px 30px;}
    .content .show-mobile a {font-size: 15px;}
    .content .show-mobile a i {font-size: 14px;}
    .content .show-mobile img {width: auto; margin-right: 15px;}
    .page-banner {display: flex;align-items: center;justify-content: center; height: 330px;}
    .page-banner .bread-crumbs {flex-wrap: wrap;}
    .page-banner .banner-content .title {top: 55%;font-size: 23px;}
}

@media only screen and (max-width: 570px){
    footer .whatsapp-desktop{display: block; bottom: 6%;}
    footer .whatsapp-footer {display: none;}
    footer .footer-copyright{height: auto;}
    footer .footer-copyright .left{text-align: center;display: block;font-size: 16px;margin-bottom: 25px; float: none;}
    footer .footer-copyright .right a{margin-right: 0px;display: block;float: none;margin: auto;margin-top: 11px;  }
    .main-img>img {width: 350%; margin-left: -80%;}
    .main-img .main-content .title {font-size: 26px; line-height: 36px;}
    .content .bbi-comments .customer-comments .customer-comment .customer-comment-person {flex-wrap: nowrap;}
    .content .bbi-comments .customer-comments .customer-comment .customer-comment-person li {width: 33%;}
    .content .bbi-comments .customer-comments .customer-comment .customer-comment-person li img {width: 60px;}
    .content .bbi-comments .customer-comment-comment li div {padding: 10px;}
    .content .bbi-comments .customer-comments .customer-comment .customer-comment-person {gap: 10px;}
    .content .bbi-comments .customer-comments p {font-size: 13px;}
    .content .bbi-comments .customer-comments .customer-comment .customer-comment-person li .comment-item-div p:nth-child(2) {font-size: 10px;}
    footer h5 {font-size: 17px;}
}

@media only screen and (max-width: 425px){
  .content .bbi-services {padding-bottom: 170px;}
  .content .bbi-video {margin-bottom: -140px;}
}

@media only screen and (max-width: 350px){
  header .header-top .brand-logo {width: 210px;}
  header .header-top .brand-logo img {max-width: 100%;}
  .main-img>img {width: 320%;margin-left: -100%;}
  header .sidenav-toogle {font-size: 18px;left: -12px;}
  header nav .brand-logo img {margin-left: -15px;height: 64px;}
}


/* RESPONSIVE END */