﻿:root {
    --container-width: 1410px;
    --container-out: calc(calc(100vw - var(--container-width)) / 2);
    --default-color: #bb3708;
}

* {
    font-family: 'Sofia Pro', sans-serif;
    scroll-behavior: smooth;
    outline: 0 !important;
    outline: none;
    text-decoration: none;
	
}
::selection {
    background: none;
    color: inherit;
}
.text-center {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 ,p {
    margin-top: 0;
}

body {
    font-family: 'Sofia Pro', sans-serif;
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.gap-2 {
    gap: 1rem;
}

.c-container {
    width: 100%;
    max-width: var(--container-width);
    margin: 0 auto;
}

.cl-container {
    margin: 0 auto;
    margin-left: var(--container-out);
}

li {
    list-style: none;
}

ul {
    margin: 0;
    padding: 0;
}

a,a:hover,a:focus {
    text-decoration: none;
    color: initial
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

button:focus {
    border: none;
    outline: none;
}

hr {
    color: #ECECEC;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #bb3708;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #bb3708;
}

.phone {
    display: none;
}

.st0 {
    fill: #DBDBDB;
    position: relative;
}

.st0 {
    fill: #DBDBDB;
}

.st0:hover {
    fill: #005240;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.haki-menu-pdf a {
    color: #fff;
    background: #4b5324;
    padding: 12px 28px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
}
.haki-menu-pdf a img{
   display:none
}

header {
    width: 100%;
    position: absolute;
    z-index: 9;
    padding: 17px 0px;
    top: 0;
}

header.header {
    width: 100%;
    position: relative;
    z-index: 9;
}

header .menu {
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    margin-left: 150px;
    display: flex;
}

header .menu .top li {
    position: relative;
    margin: 0 13px;
}

header .menu .bottom li {
    position: relative;
    margin: 0px 35px;
    z-index: 99;
    padding: 15px 0;
}

header .menu li:first-child {
    margin-left: 0
}

header .menu li:last-child {
    margin-right: 0
}

header .right {
    margin: 0 104px 0 47px;
}

header .menu li .dropdown-menu {
    position: absolute;
    top: 50px;
    left: 0;
    padding: 16px 0 16px 24px;
    background: #ffffff;
    display: none;
    z-index: 88;
}

header .menu li.dropdown:hover .dropdown-menu {
    display: block;
}

header .menu li.dropdown .dropdown-menu li {
    margin: 6px 0 15px;
    padding: 0;
    position: relative;
    padding-right: 24px;
    display: flex;
    align-items: center;
    text-transform: none;
}

header .menu li.dropdown .dropdown-menu li svg {
    margin-left: 26px;
    font-size: 11px
}

header .menu li.dropdown .dropdown-menu li a {
    padding-left: 0;
    margin-left: 0;
}

header .menu li.dropdown .dropdown-menu li a span {
    white-space: nowrap;
    text-align: left;
    margin-left: 8px;
    position: relative;
    left: 0;
    transition: all .5s;
    color: #75787A;
}

header .menu li.dropdown .dropdown-menu li:hover a span {
    color: #A6A8A9;
    left: 15px;
}

header .menu .top li a {
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}

header .menu li .dropdown-menu-two {
    position: absolute;
    top: 0;
    left: 100%;
    padding: 15px 24px;
    background: #fff;
    display: none;
    z-index: 88;
}

header .menu .dropdown-menu li:hover .dropdown-menu-two {
    display: block;
}

header .menu .bottom li a {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

header .menu li a {
    color: #bb3708;
}

header .menu .bottom li a {
    color: #bb3708;
}

header .menu .dropdown li a {
    color: #bb3708;
    font-size: 15px;
    font-weight: 400;
}

header .menu li a i {
    color: #000;
    font-size: 10px;
    margin-left: 5px;
}

header .link a {
    margin-left: 44px;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
}

header .link a,header .link li {
    color: #75787A;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 39px;
}

header .link i {
    color: #75787A;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 10px;
}

header .link a i {
    color: #75787A;
    margin-left: 5px;
    margin-top: 5px;
}

header .link li:hover i {
    color: #262554
}

header .link li {
    position: relative;
    padding-bottom: 15px;
    padding-top: 15px;
}

header .link li:hover {
    color: #262554
}

header .link li .dropdown {
    position: absolute;
    top: 50px;
    left: 0;
    padding: 30px 80px 30px 30px;
    border: 1px solid rgb(166 168 169 / 50%);
    border-radius: 10px;
    background: #fff;
    display: none;
}

header .link li:hover .dropdown {
    display: block;
}

header .link li .dropdown li {
    padding-left: 0;
    margin-left: 0;
    padding: 7px 0;
}

header .link li .dropdown li a {
    padding-left: 0;
    margin-left: 0;
}

header .link li .dropdown li a span {
    white-space: nowrap;
    text-align: left;
    margin-left: 8px;
    left: 0;
    position: relative;
    transition: all .5s;
}

header .link li .dropdown li:hover a span {
    color: #A6A8A9;
    left: 15px;
}

.openmenu {
    min-height: 100vh;
    background: #fcf3f5;
    width: calc(100% - 30px);
    position: fixed;
    top: -100vh;
    z-index: 100;
    transition: all .5s;
    visibility: hidden;
    overflow: auto;
    padding-left: 15px;
    padding-top: 30px;
    padding-right: 15px;
}

.openmenu:after {
    content: "";
    width: 56vw;
    height: 75vh;
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position-x: 7vw;
    opacity: .5;
}

.openmenu .flexd {
    flex-direction: column;
    display: flex;
    height: 100vh;
    gap: 8vh;
}

.openmenu .search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 50px;
    padding: 12px 12px;
}

.openmenu .bottom span {
    font-size: 14px;
    color: #fff;
}

.openmenu .right {
    flex-direction: row-reverse;
    display: flex;
    gap: 20px;
}

.openmenu .top {
    margin-bottom: 20px
}

.openmenu .bottom {
    text-align: center
}

.openmenu .navs {
    padding: 0 0px;
}

.openmenu .link {
    padding-left: 0;
}

.openmenu .link li {
    margin-bottom: 10px;
    position: relative;
    left: 0;
    transition: all .5s;
}

.openmenu .navs-link-right {
    margin-left: 78px;
    overflow: auto;
    height: 62vh;
    position: relative;
    z-index: 2;
}

.openmenu .link li a {
    color: #bb3708;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
}

.openmenu .navs-link {
    position: relative;
}

.openmenu .link li.active a {
    color: #fff;
}

.menu-btn {
    cursor: pointer;
    margin-left: 20px;
    position: relative;
    padding: 10px 13px;
    margin-right: 0;
   background: rgb(75 83 36);
    display: none;
    flex-direction: column;
    width: 25px;
    align-items: center;
    justify-content: center;
    height: 25px;
    border-radius: 10px;
}

.menu-btn span {
    position: relative;
    content: " ";
    background: #fff;
    width: 33px;
    height: 2px;
    display: block;
    margin-bottom: 7px;
    transition: all .5s ease-in-out;
    cursor: pointer;
}
.menu-btn span:last-child {
   
    margin-bottom: 0;
}


.menu-btn b {
    margin-bottom: 0;
    padding-bottom: 0;
    color: rgb(255 255 255 / 80%);
    font-size: 12px;
}

header.header .menu-btn b {
    color: rgb(82 109 128 / 80%);
}

.openmenu .close {
    cursor: pointer;
    margin-left: 36px;
    position: relative;
    padding: 0px 0px;
    margin-right: 0;
    background: rgb(75 83 36);
    display: flex;
    flex-direction: column;
    width: 60px;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 10px;
}

.openmenu .close span {
    position: absolute;
    content: " ";
    background: #fff;
    width: 25px;
    height: 2px;
    display: block;
    margin-bottom: 6px;
    transition: all .5s ease-in-out;
    cursor: pointer;
    transform: rotate(45deg);
    transform-origin: center;
    top: 29px;
}

.openmenu .close span+span {
    transform: rotate(-45deg);
    transform-origin: center;
}

.openmenu .close b {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
    font-size: 12px;
    margin-top: 35px;
}

.navs-link-right::-webkit-scrollbar {
    width: 0px;
}

.openmenu .navs-link-right .link {
    display: none;
}

.openmenu .navs-link-right .link li {
    margin-bottom: 10px
}

.openmenu .navs-link-right .link ul {
    margin-left: 20px;
    margin-top: 10px
}

.openmenu .navs-link-right .link a {
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 700;
}

.openmenu .navs-link-right .link ul li {
    margin-bottom: 5px
}

.openmenu .navs-link-right .link ul a {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    font-weight: 400;
}

.openmenu .dropdownmenu {
    padding-left: 15px;
    margin-top: 10px;
}

.openmenu .dropdown .dropdownmenu a {
    font-size: 17px;
    line-height: 20px;
}

.openmenu .active .dropdownmenu {
    display: block;
}
.slider {position:relative;}
.slider .item {
    position: relative;
}

.slider .content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding-top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
}

.slider .content h2 {
    font-size: 75px;
    line-height: 78px;
    color: var(--default-color);
    font-weight: 500;
    margin-top: 0;
    max-width: 37rem;
    margin-bottom: 35px;
}

.slider .content h2 b {
    display: block;
}

.slider .content p {
    font-size: 25px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    margin-top: 0;
    max-width: 40rem;
}

.page-down {
    position: absolute;
    bottom: 0px;
    cursor: pointer;
    z-index: 9;
    width: 100%;
    left: 0;
}

.page-down .arrows {
    display: flex;
    align-items: stretch;
}

.page-down .arrows .info {
    background: #4b5324;
    min-width: 436px;
    padding: 44px 0 45px 44px;
}

.page-down .arrows .info .slide-count {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 26px;
    color: #ffffff78;
}

.page-down .arrows .info .slide-count span {
    font-size: 21px;
}

.page-down .arrows .info .next-title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin-top: 23px;
    min-height: 64px;
}

.page-down .arrows .info .next-title b {
    display: block;
}

.slider .arrows li {
    background: #6f7550;
    width: 104px;
    height: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 29px;
    margin-left: 0;
}

.slider .arrows li:last-child {
    background: #93987c;
    color: #fff;
}

.slider picture img {
    height: 100vh;
    width: 100%;
    object-position: bottom;
    object-fit: cover;
    max-width: 100%;
}

.about {
    margin: 180px 0 180px 0;
}

.about img {
    padding-right: 5%;
}

.about .item {
}

.about .item h1 {
    color: #bb3708;
    font-size: 62px;
    font-weight: 500;
    line-height: 47px;
    margin: 0;
}

.about .item h3 {
    color: #4b5324;
    font-size: 86px;
    font-weight: 700;
    line-height: 78px;
    margin: 23px 0;
}

.about .item p {
    color: #000;
    font-size: 25px;
    font-weight: 300;
    margin-top: 35px;
    margin-bottom: 50px;
    line-height: 36px;
}

.about .item a {
    color: #bb3708;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 2px solid;
    transition: all .5s ease-in-out;
}

.about .item a svg {
    margin-top: -5px;
    margin-left: 10px;
    transition: all .5s ease-in-out;
    padding-right: 0;
}

.about .item a:hover svg {
    margin-left: 30px;
}

.product .pore {
    position: relative;
    padding-top: 90px;
    height: 100%;
}

.product .bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    height: 55%;
    object-fit: cover;
    object-position: left;
}

.product .home-product-menu {
    overflow: hidden;
}

.product .home-product-menu .left {
    margin-left: var(--container-out);
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.product h3 {
    color: #4b5324;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}

.product .item h1 {
    color: #bb3708;
    font-size: 48px;
    margin-bottom: 30px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 0;
}

.product .item h1:hover {
    color: #bb3708;
}

.product .item h1.active {
    color: #fff;
    cursor: pointer;
}

.product .item #protext {
    min-height: 150px;
}

.product .item p {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-top: 0;
    margin-right: var(--container-out);
    line-height: 42px;
}

.slick-prev:before, .slick-next:before {
    display: none;
}

.slider-item img {
    margin: 0 auto;
    position: relative;
    top: 0;
}

.slider-item h4 {
    font-size: 27px;
    font-weight: 700;
    color: #4b5324;
    font-weight: 700;
}

.slider-item h3 {
    font-size: 20px;
    font-weight: 500;
    color: #005240;
    margin-bottom: 6px;
}

.slider-item:hover h3 {
    color: #bb3708
}

.slider-item h5 {
    font-size: 14px;
    font-weight: 700;
    color: #8D8D8D
}

.slider-item h5 b:last-child {
    display: none
}

.product-home-slider {
    display: none;
    margin-left: 50px;
}

.product-home-slider.active {
    display: block;
}

.product .item a {
    margin-bottom: 15px;
    margin-left: 7%;
    display: none;
    color: #fff;
    background: #bb3708;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 30px;
    border-radius: 30px;
    transition: all .3s ease-in-out;
}

.product .item a.active {
    display: block;
}

.product .item a:hover {
    padding: 16px 45px;
    margin-left: 5%;
}

.slick-next,.slick-next:hover,.slick-next:focus {
    font-size: 24px;
    color: #4b5324;
    left: -90px;
    top: 70%;
    height: 60px;
    width: 50px;
    transition: all .5s ease-in-out;
}

.slick-prev,.slick-prev:hover,.slick-prev:focus {
    font-size: 24px;
    color: #4b5324;
    left: -90px;
    top: 35%;
    width: 50px;
    height: 60px;
    transition: all .5s ease-in-out;
}

.catalog-news {
    margin-top: 130px;
}

.catalog-news h2 {
    font-size: 36px;
    color: #3D3D3D;
    font-weight: 500;
    padding-left: 15px;
    margin-bottom: 2px;
}

.catalog-news .news {
    margin-top: 45px;
}

.catalog-news .news .news-img {
    overflow: hidden;
}

.catalog-news .news img {
    transition: all .5s ease-in-out;
}

.catalog-news .news:hover img {
    transform: scale(1.1);
}

.catalog-news .item b {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background: #8D8D8D;
    padding: 10px 35px;
    position: relative;
    left: -25%;
    top: 25px;
}

.catalog-news .item h5 {
    font-size: 24px;
    color: #3D3D3D;
    font-weight: 500;
    margin-top: 60px;
    margin-bottom: 40px;
}

.catalog-news .item a {
    color: #bb3708;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 2px solid;
    transition: all .5s ease-in-out;
}

.catalog-news .news:hover a {
}

.catalog-news .item a img {
    margin-top: -5px;
    margin-left: 10px;
    transition: all .5s ease-in-out;
    padding-right: 0;
}

.catalog-news .news:hover a img {
    margin-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.catalog-news .all {
    background: #f2f2f2;
    color: #8D8D8D;
    padding: 10px 30px 10px;
    border-radius: 30px;
}

.catalog-news .all:hover {
    color: #000;
}

.catalog-news .catalog {
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 0px 32px -8px rgba(183,169,136,0.57);
    -moz-box-shadow: 0px 0px 32px -8px rgba(183,169,136,0.57);
    box-shadow: 0px 0px 32px -8px rgba(183,169,136,0.57);
    height: calc(100% - .5rem););););););
}
.catalog-news .catalog span {position:absolute;left:40px;top: 30px;font-size: 46px;color: rgb(0 0 0 / 10%);letter-spacing: -2px;}
.catalog-news .catalog img {
    transition: all .5s ease-in-out;
}

.catalog-news .catalog .ust {
    position: absolute;
    bottom: 20px;
    left: 0;
    margin-top: 0;
    width: 100%;
    padding-left: 45px;
}

.catalog-news .catalog .ust h1 {
    font-size: 45px;
    color: #4f542b;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 45px;
}

.catalog-news .catalog.menu .ust h1 {
    font-size: 25px;
    color: #fff;
}

.catalog-news .catalog.kruvasan {
    margin-bottom: 1.5rem;
    height: 50%;
}

.catalog-news .catalog.kruvasan .ust h1 {
    color: #bb3708;
}

.catalog-news .catalog .ust p {
    color: #000;
    font-weight: 500;
    font-size: 25px;
    margin-top: 20px;
    max-width: 39rem;
}

.catalog-news .catalog.kruvasan .ust p {
    max-width: 25rem;
}

.tarifler {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-x: left !important;
    margin-top: 130px;
    overflow: hidden;
}

.tarifler .slick-list {
    padding: 0 20% 0 0 !important;
}

.tarif-slider {
    padding: 100px 0 100px 90px;
}

.tarif-slider .item {
    padding: 0 15px;
}

.tarif-slider .item .zoom {
    overflow: hidden
}

.tarif-slider .item .zoom img {
    transition: all .5s ease-in-out;
    transform: scale(1);
}

.tarif-slider .item:hover .zoom img {
    transform: scale(1.1);
}

.tarif-slider .item .details {
    background: #bb3708;
    text-align: center;
    padding: 45px;
}

.tarif-slider .item:hover .details {
    background: #4b5324;
}

.tarif-slider .item .details h1 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}

.tarif-slider .item .details p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 25px;
}

.tarif-slider .item .details a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.tarif-slider .item .details a svg {
    font-size: 12px;
    margin-left: 10px;
    transition: all .5s ease-in-out;
}

.tarif-slider .item:hover .details a svg {
    margin-left: 20px;
}

.tarif-slider .slick-next {
    left: -10px;
    top: 53%;
    width: 50px;
    height: 50px;
    transition: all .5s ease-in-out;
    border: 2px solid;
    border-radius: 50px;
}

.tarif-slider .slick-prev {
    left: -10px;
    top: 45%;
    width: 50px;
    height: 50px;
    transition: all .5s ease-in-out;
    border: 2px solid;
    border-radius: 50px;
}

.tarifler .title {
    margin-left: var(--container-out);
}

.tarifler .title h6 {
    color: #4b5324;
    font-size: 16px;
    letter-spacing: 4px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.tarifler .title h4 {
    color: #bb3708;
    font-size: 64px;
    font-weight: 500;
    margin-bottom: 81px;
    width: 0;
}

.tarifler .title a {
    color: #fff;
    background: #bb3708;
    padding: 17px 55px 19px;
    border-radius: 60px;
    font-weight: 700;
    transition: all .5s ease-in-out;
    white-space: nowrap;
}

.tarifler .title a:hover {
    padding: 17px 65px 19px
}

.partners {
    margin-top: 120px;
}

.partners .item {
    border-right: 1px solid #DBDBDB;
}

.partners .item.slick-active:last-child {
    border-right: none;
}

.partners .item img {
    padding: 3% 30%;
    position: relative;
    transition: all .5s ease-in-out;
}

.partners .item:hover img {
    transform: scale(1.1);
}

footer {
    margin-top: 50px;
    padding-bottom: 0;
    position: relative;
}

footer p {
    font-size: 23px;
    color: #000;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 45px;
}

footer ul.footer-kvkk {
    margin-top: 0;
}

footer .bottom {
    margin-top: 0;
    border-top: 2px solid #4b5324;
    border-bottom: 2px solid #4b5324;
    padding: 45px 0;
}

footer .bottom img {
    width: 75px;
    padding: 0;
    margin-left: 10px;
}

footer .bottom a {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    flex: 1;
    display: block;
}

footer .bottom .footer-policy {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .bottom .footer-policy a {
    flex: initial;
}

footer .bottom ul li {
    margin-top: 0;
}

footer .bottom ul li a {
    font-size: 14px;
    color: #8D8D8D;
    font-weight: 500;
}

footer .bottom .coconad {
    display: flex;
    justify-content: end;
    align-items: center;
}

.banner {
    background-position-x: right!important;
    background-size: cover!important;
    position: relative;
    margin-top: 0;
    padding-bottom: 15px;
    background-repeat: no-repeat !important;
    min-height: 375px;
    display: flex;
    align-items: end;
}

.banner h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 75px;
}

.banner .breadcrumb {
    background: transparent;
    padding: 0;
    padding-top: 15px;
    display: flex;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
}
.banner .breadcrumb::-webkit-scrollbar  {
display:none;
}
.banner .breadcrumb li {
    color: #fff;
}

.banner .breadcrumb li a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.banner .breadcrumb li a span {
    margin-left: 8px;
    margin-right: 8px;
}

.banner .breadcrumb .active span {
    margin-left: 8px;
    margin-right: 8px;
}

.s-link {
    background: #bb3708;
    padding: 20px 0;
}

.s-link a {
    margin-right: 4.5%;
    color: rgb(255 255 255 / 80%);
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.s-link a.active {
    color: #fff;
}

.s-link a:hover {
    color: #fff;
}

.aboutus {
    margin-top: 100px;
}

.aboutus .left .title {
    padding-left: var(--container-out);
}

.aboutus .left h1 {
    font-size: 62px;
    font-weight: 500;
    color: #bb3708;
    line-height: 80px;
    margin-bottom: 15px;
}

.aboutus .left h3 {
    font-size: 86px;
    font-weight: 700;
    color: #4b5324;
    line-height: 88px;
    margin-bottom: 110px;
}

.aboutus .left p {
    font-size: 32px;
    font-weight: 500;
    color: #3D3D3D;
    line-height: 52px;
}

.aboutus .right {
    padding-right: var(--container-out);
}

.aboutus .right p {
    font-size: 25px;
    font-weight: 300;
    color: #3D3D3D;
    line-height: 36px;
}

.bg-gray {
    background: #f9f4f6;
    position: relative;
}

.mission-vision .bg-hover:nth-child(1) .bg-gray:after {
    background: #bb3708;
    left: 0;
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .5s ease-in-out;
}

.mission-vision .bg-hover:nth-child(2) .bg-gray:before {
    background: #bb3708;
    right: 0;
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .5s ease-in-out;
}

.mission-vision .bg-hover:nth-child(1).bg-hover:hover .bg-gray:after {
    width: 100%;
}

.mission-vision .bg-hover:nth-child(2).bg-hover:hover .bg-gray:before {
    width: 100%;
}

.mission-vision {
    margin-top: 150px;
}

.mission-vision .detail {
    padding: 10%;
    z-index: 999;
}

.mission-vision .detail h1 {
    font-size: 48px;
    font-weight: 700;
    color: #bb3708;
    margin-bottom: 80px;
    line-height: 88px;
}

.mission-vision .detail p {
    font-size: 24px;
    font-weight: 300;
    color: #3D3D3D;
    line-height: 40px;
}

.mission-vision .bg-hover:hover .detail h1 {
    color: #fff;
}

.mission-vision .bg-hover:hover .detail p {
    color: #fff;
}

.politika {
    margin-top: 235px;
}

.politika .bg-gray {
    padding: 98px 78px;
}

.politika .bg-gray ul {
    padding-left: 20px;
}

.politika .bg-gray ul li {
    list-style: initial;
    font-size: 24px;
    font-weight: 300;
    color: #3D3D3D;
    line-height: 44px;
}

.politika .politika-text {
    height: 100%;
}

.politika .politika-text h2 {
    font-size: 48px;
    font-weight: 700;
    color: #005240;
    line-height: 25px;
    margin-bottom: 80px;
}

.politika .slick-next {
    left: -80px;
    top: 50%;
    height: 60px;
    width: 50px;
    transition: all .5s ease-in-out;
}

.politika .slick-next:hover {
    left: -90px;
}

.politika .slick-prev {
    right: -110px;
    left: initial;
    top: 50%;
    width: 50px;
    height: 60px;
    transition: all .5s ease-in-out;
}

.politika .slick-prev:hover {
    right: -120px;
    left: initial;
}

.video {
    margin-top: 120px;
    padding-top: 60px;
    position: relative;
    padding-bottom: 100px;
}

.video img {
    margin: 0 auto;
    transition: all .5s ease-in-out;
}

.video img:hover {
    transform: scale(1.1);
}

.video h1 {
    font-size: 46px;
    font-weight: 700;
    color: #4b5324;
    line-height: 88px;
    margin-bottom: 40px;
}

.video .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.video .details {
    position: absolute;
    top: 40%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.video .slick-next {
    left: -80px;
    top: 50%;
    height: 60px;
    width: 50px;
    transition: all .5s ease-in-out;
}

.video .slick-next:hover {
    left: -90px;
}

.video .slick-prev {
    right: -110px;
    left: initial;
    top: 50%;
    width: 50px;
    height: 60px;
    transition: all .5s ease-in-out;
}

.video .slick-prev:hover {
    right: -120px;
    left: initial;
}

.video .details img {
    margin-bottom: 20px;
}

.video .details h6 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
}

.video .details img:hover {
    transform: scale(1);
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 22px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 4px;
    content: ' ';
    border-radius: 10px;
    text-align: center;
    margin-right: 37px;
    opacity: 1;
    color: #b7b7b7;
    background: #b7b7b7;
    display: block;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #ffae00;
    background: #000;
    width: 75px;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li.slick-active {
    width: 75px;
    height: 20px;
}

.slick-dots {
    bottom: -40px;
}

.bayilik {
    margin-top: 180px;
}

.mb-90 {
    margin-bottom: 90px;
}

.bayilik .item {
    padding: 0 30px 0 75px;
}

.bayilik .item h1 {
    font-size: 48px;
    font-weight: 700;
    color: #bb3708;
    line-height: 88px;
    margin-bottom: 40px;
}

.bayilik .item p {
    font-size: 20px;
    font-weight: 300;
    color: #3D3D3D;
    line-height: 36px;
    margin-bottom: 60px;
}

.bayilik .item a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #bb3708;
    padding: 15px 25px;
    transition: all .5s ease-in-out;
    border-radius: 60px;
}

.bayilik .item a:hover {
    padding: 15px 40px;
}

.media {
    margin-top: 120px;
}

.media .item {
    margin-bottom: 40px
}

.media .item .media-detail {
    padding-right: 12%;
}

.media .item .media-detail h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.media .item img {
    transition: transform .2s;
    margin: 0 auto;
}

.media .item-img {
    overflow: hidden;
}

.media .item:hover img {
    transform: scale(1.1);
}

.media .item .media-detail p {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: #161C2D;
}

.media-details {
    margin-top: 60px;
    margin-bottom: 4vh;
}

.media-details .media-detail {
    padding-left: 5.5vw;
}

.media-details .media-detail h3 {
    font-size: 40px;
    line-height: 54px;
    font-weight: 700;
    margin: 60px 0;
}

.media-details .media-detail p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

b.link {
    color: #bb3708;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 7px;
    border-bottom: 2px solid;
    transition: all .5s ease-in-out;
}

b.link img {
    margin-top: -5px;
    margin-left: 25px;
    transition: all .5s ease-in-out;
    padding-right: 0;
}

.media .item .link img {
    transition: transform .2s;
    margin-left: 11px;
}

.media .item:hover b.link img {
    transform: scale(1.1);
    margin-left: 25px;
}

.media .item p {
    margin-top: 30px;
}

.media .item b.date {
    background: #8D8D8D;
    color: #fff;
    padding: 12px 30px;
    font-size: 14px;
}

.media .item h3 {
    font-weight: 400;
    font-size: 24px;
    color: #3D3D3D;
}

.media-details h3 {
    font-size: 48px;
    line-height: 64px;
    font-weight: 500;
    color: #3D3D3D;
}

.media-details p b {
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
    color: #8D8D8D;
}

.media-details p {
    font-size: 20px;
    line-height: 36px;
    font-weight: 300;
    color: #3D3D3D;
}

.pl-80 {
    padding-left: 120px;
}

.documents {
    margin-top: 80px;
}

.documents .border {
    padding-right: 120px;
}

.documents h1 {
    font-size: 36px;
    line-height: 72px;
    font-weight: 500;
    color: #3D3D3D;
    letter-spacing: 2px;
}

.documents p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #3D3D3D;
}

.documents a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background: #bb3708;
    padding: 15px 30px;
    border-radius: 60px;
    transition: all .5s ease-in-out;
    position: relative;
    right: 0;
}

.documents a:hover {
    padding: 15px 40px;
    right: -5px;
}

.products {
    margin-top: 50px;
}

.products .product-img {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    transition: transform .5s ease-in-out;
}

.products .product-img .hover {
    overflow: hidden;
}

.products .product-img img {
    transition: transform .5s ease-in-out;
    overflow: hidden;
}

.products .product-img:hover img {
    transform: scale(1.1);
}

.products .links img {
    position: absolute;
    top: 50px;
    left: 7%;
}

.products .links a {
    position: absolute;
    bottom: 50px;
    left: 7%;
    color: #fff;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

.products .links a svg {
    font-size: 14px;
    margin-left: 10px;
    transition: all .5s ease-in-out;
}

.products .product-img:hover .links a svg {
    margin-left: 20px;
}

.products-list {
    margin: 90px 0;
}

.products-list .item {
    text-align: center;
}

.products-list .product-title h2 {
    font-size: 30px;
    line-height: 25px;
    font-weight: 500;
    color: #4b5324;
    margin-top: 20px;
}

.products-list .product-title h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #005240;
}

.products-list .item:hover .product-title h3 {
    color: #bb3708
}

.rounded-5 {
    border-radius: 60px;
}

.w-35 {
    width: 35%;
}

.product-detay h2 {
    font-size: 40px;
    line-height: 20px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 24px;
    padding-top: 78px;
}

.product-detay h3 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 0;
}

.product-detay .slick-prev {
    right: 7%;
    left: initial;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    transition: all .5s ease-in-out;
    z-index: 90;
    background: #F2F2F2;
}

.product-detay .slick-prev:hover {
    background: #8D8D8D;
}

.product-detay .slick-next {
    left: 7%;
    z-index: 999;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    transition: all .5s ease-in-out;
    z-index: 90;
    background: #F2F2F2;
}

.product-detail-slider {
    display: none;
}

.product-detail-slider.active {
    display: block;
}

.tabs-slider a {
    background: #DBDBDB;
    padding: 13px 22px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    min-width: 100px;
    margin: 10px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs-slider a.active {
    background: #bb3708;
}

.details-text {
    display: none;
}

.details-text.active {
    display: block;
}

.tabs-detalis {
    margin-top: 60px;
}

.tabs-detalis a {
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #3D3D3D;
    margin-right: 50px;
    transition: all .5s ease-in-out;
    position: relative;
}

.tabs-detalis a:hover {
    color: #bb3708;
}

.tabs-detalis a:after {
    left: 0;
    content: " ";
    width: 0%;
    height: 2px;
    background: #bb3708;
    position: absolute;
    bottom: 0;
    transition: all .5s ease-in-out;
}

.tabs-detalis a:hover:after {
    width: 100%;
}

.tabs-detalis a.active {
    color: #bb3708;
    position: relative;
}

.tabs-detalis a.active:after {
    left: 0;
    content: " ";
    width: 100%;
    height: 2px;
    background: #bb3708;
    position: absolute;
    bottom: 0;
}

.details-text {
    margin-top: 40px;
}

.details-text h1 {
    color: #bb3708;
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0;
}

.details-text p {
    color: #3D3D3D;
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0;
}

table {
    width: 100%;
}

table tr {
    border-bottom: 1px solid #DBDBDB;
    display: flex;
    justify-content: space-between;
    padding: 10px 10% 10px 5%;
}

table tr:nth-child(1) {
    background: #bb3708;
}

table tr td {
    font-size: 20px;
    font-weight: 500;
    color: #3D3D3D;
}

table tr:nth-child(1) td {
    color: #fff;
    font-weight: 600;
}

.details-text h4 {
    background: #DBDBDB;
    color: #3D3D3D;
    padding: 12px 12% 12px 5%;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 20px;
}

.opsiyons {
    margin-top: 50px;
    text-align: center;
}

.opsiyons svg {
    position: relative;
    transition: all .5s ease-in-out;
    top: 0;
}

.opsiyons svg .st0 {
    fill: #3D3D3D;
}

.opsiyons .col-sm-4:hover svg {
    top: -10%;
}

.opsiyons .col-sm-4:hover svg .st0 {
    fill: #005240;
}

.opsiyons .col-sm-4 h4 {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    color: #3D3D3D;
}

.opsiyons .col-sm-4 h3 {
    margin-top: 10px;
    font-size: 36px;
    font-weight: 500;
    color: #3D3D3D;
}

.tarif-bilgi {
    margin-top: 110px;
}

.tarif-bilgi .item {
    padding: 75px 0 60px 60px;
}

.tarif-bilgi .item h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: 7px;
}

.tarif-bilgi .item h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 60px;
}

.tarif-bilgi .item.item-one h2 {
    width: 50%
}

.tarif-bilgi .item.item-one img {
    position: absolute;
    right: 12%;
    top: 15%;
}

.tarif-bilgi .item a {
    background: #bb3708;
    padding: 20px 55px;
    color: #fff;
    border-radius: 60px;
    transition: all .5s ease-in-out;
}

.tarif-bilgi .item a:hover {
    padding: 20px 65px;
}

.products-list h6 {
    margin-bottom: -20px;
    font-size: 36px;
    font-weight: 700;
    color: #3D3D3D;
}

.pl-90 {
    padding-left: 90px;
}

.form-group {
    padding: 1px 0 5px!important;
    margin-bottom: 11px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.form-group.textarea {
    align-items: start;
}

.form-group.textarea textarea {
    padding-top: 0;
    min-height: 160px
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6;
}

.captcha input {
    height: 38px
}

.form-group span {
    font-size: 16px;
    color: #8D8D8D;
    font-weight: 500;
}

.form-check {
    margin-bottom: 15px
}

.form-check .check {
    display: flex;
    align-items: start;
    gap: 5px;
}

.form-check span {
    color: #3D3D3D;
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
}

.form-check span a {
    display: block;
    color: #bb3708;
    font-size: 14px;
    font-weight: 500;
}

.form-btn {
    background: #bb3708;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 18px 46px;
    border-radius: 60px;
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 18px;
}

.tarif-list {
    margin-top: 30px;
}

.tarif-list .item {
    margin-top: 50px;
}

.tarif-list .item .border {
    padding-bottom: 45px;
}

.tarif-list .item-img {
    overflow: hidden;
}

.tarif-list .item-img img {
    transition: all .5s ease-in-out;
}

.tarif-list .item:hover .item-img img {
    transform: scale(1.1)
}

.tarif-list .tarif-title {
}

.tarif-list .tarif-title h3 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.5;
    line-height: 72px;
    color: #bb3708;
    margin-bottom: 20px;
    margin-top: 30px;
}

.tarif-list .tarif-title p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #3D3D3D;
    margin-bottom: 25px;
    padding: 0 5%;
}

.tarif-list .tarif-title b {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #005240;
}

.tarif-list .tarif-title b svg {
    font-size: 12px;
    margin-left: 10px;
    transition: all .5s ease-in-out;
}

.tarif-list .item:hover .tarif-title b svg {
    margin-left: 20px;
}

.tarif-detay {
    margin-top: 80px;
}

.tarif-detay h1 {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.5;
    line-height: 72px;
    color: #bb3708;
    margin-bottom: 45px;
}

.tarif-detay p {
    font-size: 20px;
    font-weight: 500;
    color: #3D3D3D;
    padding-right: 15%;
}

.mt-80 {
    margin-top: 80px;
}

.mb-50 {
    margin-bottom: 50px;
}

.tarif-detay h3 {
    margin-left: 30px;
    font-size: 32px;
    font-weight: 700;
    color: #bb3708;
}

.tarif-detay .item-one p {
    padding: initial;
    font-size: 20px;
    font-weight: 500;
    color: #3D3D3D;
    line-height: 28px;
}

.tarif-detay .item-two p {
    padding: initial;
    font-size: 16px;
    font-weight: 500;
    color: #3D3D3D;
    line-height: 28px;
}

.ortaklarimiz {
    margin-top: 50px;
}

.p-40 {
    padding: 40px;
}

.ortaks li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    padding: 7px 10px;
    cursor: pointer;
}

.ortaks li:nth-child(1) {
    border-top: 1px solid #DBDBDB;
}

.ortaks li {
    border-bottom: 1px solid #DBDBDB;
}

.ortaks li svg {
    opacity: 0;
    font-size: 12px;
    color: #bb3708;
}

.ortaks .active svg {
    opacity: 1;
}

.ortaks li a {
    font-size: 18px;
    color: #3D3D3D;
    font-weight: 700;
    text-transform: uppercase;
}

.ortaks li.active a {
    color: #bb3708;
}

.mt-100 {
    margin-top: 100px;
}

.iletisim {
    margin-top: 90px;
}
.contact-links ul {display:flex; gap:1vw;margin-bottom:25px;}
.contact-links ul li{background:#bb3708;color:#fff;padding:8px 28px;border-radius:10px;cursor:pointer;}
.contact-links ul li.active{background:#4b5324;color:#fff;padding:8px 28px;border-radius:10px;cursor:pointer;}
.iletisim h3 {
    font-size: 36px;
    color: #bb3708;
    font-weight: 500;
    margin-bottom: 31px;
}

.iletisim h4 {
    font-size: 16px;
    color: #bb3708;
    font-weight: 700;
    cursor: pointer;
}

.iletisim p {
    font-size: 20px;
    color: #3D3D3D;
    font-weight: 500;
    padding-right: 40%;
}

.iletisim li {
    font-size: 20px;
    color: #3D3D3D;
    font-weight: 500;
    margin-bottom: 15px;
}

.iletisim li a {
    font-size: 20px;
    color: #3D3D3D;
    font-weight: 500;
}

.iletisim li a:hover {
    color: #bb3708;
}

.iletisim a svg {
    font-size: 22px;
    margin-right: 15px;
    color: #bb3708;
    border: 1px solid #bb3708;
    !i;!;!; border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px;
    width: 22px !important;
    !i;!; }

.kvkk {
    margin-top: 100px;
}

.kvkk p {
    font-size: 20px;
    color: #3D3D3D;
    font-weight: 400;
    line-height: 30px;
}

.top {
    position: absolute;
    right: 5%;
    bottom: 0;
}

.top a {
    background: #4b5324;
    border-radius: 120px;
    transform: rotate(0);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top svg {
    font-size: 20px;
    color: #fff;
    transform: rotate(0);
    position: relative;
    top: 0;
    transition: all .5s ease-in-out;
}

.top a:hover svg {
    top: -5px;
    transform: rotate(0);
}

.whatsapp {
    position: fixed;
    right: 4%;
    bottom: 12%;
    z-index: 999;
}

.whatsapp img {
    width: 6.3vw;
}

header .dropdown-menu img {
    height: 21vw;
    width: 100%;
}

input[type="submit"] {
    border: none;
    cursor: pointer;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 21px;
    height: 16px;
    margin-top: 1px;
}

.product-phone-link {
    margin-top: 35px;
}

.product-phone-link .mobile-link {
    background: #bb3708;
    padding: 7px 21px 9px;
    color: #fff;
    font-size: 16px;
    border-radius: 60px;
}

.search.phone.d-flex {
    display: none!important
}

.contact-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-form .col-form-label {
    width: 40%;
}

.contact-form .input {
    width: 60%;
}

.social-contact {
    display: flex;
    align-items: center;
    justify-content: start;
}

.meram-belediyesi {
    margin: 40px 0;
}

.meram-belediyesi p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
    font-size: 16px;
}

.meram-belediyesi img {
    height: 40px;
}

.footer-contact {
    border-top: 2px solid #4b5324;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.footer-contact .content {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 100%;
    padding: 42px 0 57px;
    border-right: 2px solid #4b5324;
}

.footer-contact .content:last-child {
    border-right: none;
}

.footer-contact .content span {
    color: #000;
    font-size: 18px;
    display: inline-block;
    margin-top: 7px;
    font-weight: 500;
}

.footer-contact .content a {
    color: #000;
    font-size: 28px;
}

.product-one {
    position: relative;
    padding-top: 60px;
}

.product-one:after {
    background: #bb3708;
    position: absolute;
    width: 100%;
    height: 40%;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
}

.about-two {
    margin-top: 100px;
}

.about-two .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}

.about-two .content:nth-child(even) {
    flex-direction: row-reverse;
}

.about-two .content .text {
    width: calc(50% - 65px);
}

.about-two .content:nth-child(even) .text {
    padding-right: 0;
    width: calc(50% - 65px);
}

.about-two .content .text h2 {
    font-size: 62px;
    color: var(--default-color);
    font-weight: 500;
}

.about-two .content .text p {
    font-size: 25px;
    color: #000;
    font-weight: 300;
    line-height: 36px;
}

.about-two .content .content-img {
    width: 50%;
}

.about-two .content img {
    width: 100%;
}

.products-list-group {
    margin-top: 100px;
}

.products-list-group .item {
    -webkit-box-shadow: 0px 0px 79px -40px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 0px 79px -40px rgba(0,0,0,0.52);
    box-shadow: 0px 0px 79px -40px rgba(0,0,0,0.52);
    position: relative;
}
.products-list-group .item img {
    min-height: 300px;
    background: #fff;
    object-fit: contain;
    object-position: bottom right;
    width: 100%;
    }

.products-list-group .product-title {
    position: absolute;
    bottom: 35px;
    left: 40px;
}

.products-list-group .product-title h2 {
    font-size: 50px;
    font-weight: 700;
    color: #4b5324;
    margin-bottom: 5px;
    line-height: 55px;
}

.products-list-group .product-title b {
    border-bottom: 1px solid;
    font-size: 19px;
    font-weight: 700;
    color: #4b5324;
    margin-top: 60px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: all .5s;
}
.products-list-group .item:hover .product-title b {

    gap: 15px;
    transition: all .5s;
}

.products-list-group .product-title b svg {
    font-size: 16px;
   
}
.product-list-slider .slick-slide {
      margin: 0 15px;
  }

 
.product-list-slider  .slick-list {
      margin: 0 -15px;
  }
 .products-list .old-product{color:#4b5324;font-size:38px;margin-bottom:40px;font-weight:700;margin-top:90px;}
 .degerler {display:flex;flex-wrap:wrap;align-items:start;margin-top: 155px;}
 .degerler .value{width:50%;margin-bottom: 68px;}
 .degerler .value label{display:block;margin-bottom:10px;font-size:24px;font-weight:700;color:#4b5324;text-transform:uppercase;}
.degerler .value span{display:block;font-size:20px;font-weight:500;color:#000;}
.degerler .value svg{font-size:20px;color:#bb3708;}
.h-50{height:50%;}
.phone-1024 {display:none !important;}
.phone-768 {display:none !important;}
.haki-menu-pdf {position:relative;padding-bottom:25px;padding-top:25px}
.haki-menu-pdf .menu-drop{display:none;position:absolute;top:100%;right:0;padding:15px 30px 30px 0;background:#fff;}
.haki-menu-pdf .menu-drop a{background:transparent;color:#4b5324}
.haki-menu-pdf:hover .menu-drop{display:block;}
.haki-menu-pdf .menu-drop li {
 margin-bottom:10px
}