@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

body
{
    margin: 0;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.01px;
}

input, textarea, select
{
    border-radius: 0;
    background-image: none;
    outline: none;
}

select
{
    -webkit-appearance: none !important;
    -moz-appearance: none; /* Mozilla */
    -o-appearance: none; /* Opera */
    -ms-appearance:none; /* Internet Explorer */
    appearance: none;
    background-image: url('../images/select_icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 25px !important;
    color: #000;
}

html
{
    scroll-behavior: smooth;
}

.container
{
    width: 1300px;
}

a
{
    text-decoration: none;
    color: inherit;
}

.d-none
{
    display: none;
}

.mx-auto
{
    margin-left: auto;
    margin-right: auto;
}

.flex
{
    display: flex;
}

.justify-between
{
    justify-content: space-between;
}

.w-full
{
    width: 100%;
}

.relative
{
    position: relative;
}

.items-center
{
    align-items: center;
}

.pv-100
{
    padding-top: 100px;
    padding-bottom: 100px;
}

.pb-70
{
    padding-bottom: 70px;
}

.w-1\/2
{
    width: 50%;
}

.justify-right
{
    justify-content: flex-end;
}

.top-line
{
    background-color: #203E7D;
    width: 100%;
    height: 7px;
}

.header-nav ul li a
{
    text-transform: uppercase;
    font-weight: bold;
}

.header-nav ul li:not(:last-child)
{
    margin-right: 12%;
}

.header-nav ul
{
    margin-left: 50px;
}

ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.header-icons img
{
    width: 30px;
    height: 30px;
}

.header-logo
{
    min-width: 20%;
}

.header-nav
{
    min-width: 74%;
}

.header-icons
{
    min-width: 6%;
}

.header-logo img
{
    width: 200px;
}

.header-content
{
    padding-top: 25px;
    padding-bottom: 25px;
}

header li
{
    line-height: 50px;
}

header
{
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}

.slider-img
{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-slider ul li
{
    height: 800px;
}

.slider-img picture,
.slider-img img
{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}

.slider-img picture
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-filter
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.17);
    z-index: 1;
}

.black-filter
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.35);
}

.slide-arrow2
{
    position: absolute;
    z-index: 2;
    top: 50%;
    color: #fff;
    font-weight: bold;
    right: 70px;
    font-size: 0.6845em;
    line-height: 27px;
    cursor: pointer;
    transform: translate(0,-50%);
}

.slide-arrow1
{
    position: absolute;
    z-index: 2;
    top: 50%;
    color: #fff;
    font-weight: bold;
    left: 70px;
    font-size: 0.6845em;
    line-height: 27px;
    cursor: pointer;
    transform: translate(0,-50%);
}

.slide-prev:hover span
{
    display: none;
}

.slide-prev:hover .slide-prev-arrow
{
    display: block;
}

.slide-prev-arrow
{
    display: none;
}

.slide-next:hover span
{
    display: none;
}

.slide-next:hover .slide-next-arrow
{
    display: block;
}

.slide-next-arrow
{
    display: none;
}

.mouse-icon
{
    position: absolute;
    z-index: 2;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%,0);
}

h5
{
    font-size: 1em;
    margin-top: 0;
    color: #2F2F2F;
    text-transform: capitalize;
    margin-bottom: 10px;
}

h4
{
    font-size: 1em;
    margin-top: 0;
    color: #2F2F2F;
    text-transform: uppercase;
    margin-bottom: 10px;
}

h3
{
    font-size: 1.62em;
    margin-top: 0;
    margin: 0;
}

h2
{
    font-size: 2.5em;
    margin-top: 0;
    margin-bottom: 0;
    color: #082664;
}

p
{
    font-size: 1.3em;
    line-height: 1.5em;
    color: #383838;
}

.lined-btn
{
    font-size: 1em;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    margin-top: 13px;
}

.lined-btn::after
{
    width: 50px;
    height: 2px;
    background-color: #2F2F2F;
    margin-left: 10px;
    display: var(--right);
    content: '';
}

.bg-div
{
    background-color: #F4F4F4;
}

.text-center
{
    text-align: center;
}

.our-product
{
    width: 310px;
    display: flex;
    position: relative;
    cursor: pointer;
}

.flex-wrap
{
    flex-wrap: wrap;
}

.block
{
    display: block;
}

.our-product2 .our-product-mini:not(:last-child)
{
    margin-bottom: 20px;
}

.our-product2
{
    width: 310px;
    display: flex;
    position: relative;
    cursor: pointer;
}

.our-product-title
{
    position: absolute;
    font-weight: bold;
    text-transform: uppercase;
    top: -23px;
    padding-left: 18px;
}

.our-product-title::before
{
    content: '';
    width: 3px;
    height: 42px;
    background-color: #F8C200;
    position: absolute;
    transition: all 0.3s;
}

.our-product-title-big::before
{
    transition: all 0.6s;
}

.our-product-title span
{
    margin-left: 10px;
    font-size: 1em;
}

.our-product-title2
{
    position: absolute;
    font-weight: bold;
    text-transform: uppercase;
    bottom: -23px;
    padding-left: 18px;
}

.our-product-title2::before
{
    content: '';
    width: 3px;
    height: 42px;
    background-color: #F8C200;
    position: absolute;
    bottom: 0px;
    transition: all 0.3s;
}

.our-product-title2 span
{
    margin-left: 10px;
    font-size: 1em;
}

.our-product-title-btn div
{
    background-color: #F8C200;
    padding: 8px 30px;
    font-weight: bold;
    font-size: 1em;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    transition: all 0.2s linear;
    z-index: 2;
    white-space: nowrap;
}

.our-product-title-btn div:hover
{
    background-color: #082664;
    color: #fff;
}

.our-product .lined-btn
{
    margin-top: 10px;
}

.sustainability .sustainability-container
{
    width: 85%;
}

.sustainability-text
{
    padding-left: 45px;
    padding-right: 12px;
}

.swiper-slide__play
{
    border-radius: 50%;
    bottom: 50%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    aspect-ratio: 1/1;
    left: 50%;
    top: 50%;
    width: 10.592%;
    transform: translate(-50%,-50%);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.swiper-slide__play svg
{
    margin: 0 auto;
    padding-left: 4px;
}

.hover\:bg-secondary-100:hover
{
    background-color: #eff5f7;
}

.absolute
{
    position: absolute;
}


.video-text
{
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 7.69%;
    transform: translate(0,-50%);
    width: min-content;
}

.videoH1
{
    color: #fff;
    font-size: 3.35em;
    margin: 0;
    margin-bottom: 12px;
}

.videoH2
{
    color: #fff;
    font-size: 2.45em;
    width: 437px;
    margin: 0;
    margin-bottom: 19px;
}

.videoh4
{
    color: #fff;
    margin: 0;
    margin-top: 26px;
}

.video-text-line
{
    width: 267px;
    height: 2px;
    background-color: #fff;
}

.video-play
{
    position: absolute;
    z-index: 5;
    width: 13%;
    top  : 5.7%;
    right: 5.7%;
    cursor: pointer;
}

.video-play-brand
{
    position: absolute;
    z-index: 5;
    width: 125px;
    height: 125px;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.pt-100
{
    padding-top: 100px;
}

.pb-100
{
    padding-bottom: 100px;
}

.pb-50
{
    padding-bottom: 50px;
}

.core-values-area-image
{
    width: 45%;
}

.core-values-icon
{
    margin-right: 20px;
}

.core-values-text p
{
    margin: 0;
    margin-top: 5px;
}

.core-values
{
    column-gap: 60px;
    row-gap: 30px;
    margin-top: 15px;
    margin-bottom: 35px;
}

.core-value
{
    width: calc(50% - 30px);
}

.core-values-area-text
{
    padding-left: 75px;
    padding-top: 30px;
}

.news h2
{
    margin-bottom: 42px;
}

.new
{
    max-width: 415px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.blog
{
    max-width: 415px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.new-text
{
    padding: 33px;
    background-color: #fff;
}

.new-date
{
    color: #F8C200;
    font-weight: bold;
    margin-bottom: 3px;
}

.new-title, .blog-title
{
    font-size: 1.6em;
    color: #203E7D;
    font-weight: bold;
}

.new-image
{
    position: relative;
}

.blog-image
{
    position: relative;
}

.bordered-btn
{
    border: 1px #2F2F2F solid;
    font-weight: bold;
    padding: 8px 45px;
    transition: all 0.2s linear;
}

.justify-center
{
    justify-content: center;
}

.e-bulten-content
{
    position: absolute;
    z-index: 5;
    width: 62.30%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.e-bulten-text
{
    width: 41.12%;
    padding-right: 20%;
}

.e-bulten-text h4
{
    color: #fff;
}

.e-bulten-text h2
{
    color: #fff;
}

.e-bulten-text h2 span
{
    color: #F8C200;
}

.e-bulten-text p
{
    color: #fff;
    padding-right: 100px;
}

.e-bulten-input
{
    background: rgb(256, 256, 256, 0.71);
    border: 0;
    outline: 0;
    color: #000;
    padding: 13px;
    margin-bottom: 16px;
}

.e-bulten-input-area
{
    width: 38.88%;
}

.e-bulten-input::-moz-placeholder
{
    color: #fff;
    opacity: 1;
}

.e-bulten-input:-ms-input-placeholder
{
    color: #fff;
}

.e-bulten-input::-webkit-input-placeholder
{
    color: #fff;
}

.e-bulten-btn
{
    background-color: #F8C200;
    border: 0;
    outline: 0;
    font-weight: bold;
    padding: 8px 45px;
    cursor: pointer;
    transition: all 0.2s linear;
    text-transform: uppercase;
    color: #000;
}
.e-bulten-content
{
    flex-wrap: wrap;
    position: relative;
    transform: translate(0,0);
    width: 80%;
    top: 0;
    left: 0;
}
.e-bulten img
{
    position: absolute;
}
.e-bulten .container
{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}
.e-bulten .black-filter
{
    z-index: 1;
}

.e-bulten .container
{
    height: min-content;
}

footer
{
    padding-top: 100px;
    padding-bottom: 50px;
}

.footer-logo-area
{
    width: 280px;
    font-size: 1.35em;
    color: #2F2F2F;
    margin-right: 252px;
    line-height: 1.5em;
}

.footer-logo-area img
{
    margin-bottom: 23px;
}

footer h3
{
    margin-bottom: 7px;
}

.footer-text
{
    font-size: 1.3em;
    line-height: 36px;
    color: #2F2F2F;
}

.footer-text-p
{
    font-size: 1.3em;
    line-height: 36px;
    color: #2F2F2F;
    margin: 0;
}

.footer-text-p p
{
    font-size: 1.3em;
    line-height: 36px;
    color: #2F2F2F;
    margin: 0;
}

.footer-contact-us svg
{
    margin-right: 10px;
}

.upBtn
{
    width: 48px;
    height: 48px;
    background-color: #203E7D;
    border-radius: 50px;
}

footer hr
{
    margin: 0;
}

.footer-social
{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
}

.footer-social img
{
    width: 30px;
    color: #2F2F2F;
}

.footer-social li:not(:last-child) svg
{
    margin-right: 25px;
}

.menu-social img
{
    width : 25px;
    height: 25px;
    color: #2F2F2F;
}


.swiper-pagination
{
    margin-bottom: 20px;
}

.rotating
{
    animation: rotate 7s linear infinite;
}

.our-product:hover .our-product-title::before
{
    height: 228px;
    cursor: pointer;
}

.optb-area-mini
{
    overflow: hidden;
    width: 0;
    display: block;
    position: absolute;
    top: 135px;
    left: 0px;
    height: 35px;
}

.optb-area
{
    overflow: hidden;
    width: 0;
    display: block;
    position: absolute;
    top: 220px;
    left: 0px;
    height: 35px;
}

.our-product-mini:hover .optb-area-mini
{
    animation: openBtn 0.3s linear forwards;
    animation-delay: 0.4s;
}

.our-product:hover .optb-area
{
    animation: openBtn 0.3s linear forwards;
    animation-delay: 0.6s;
}

.our-product-mini2 .optb-area-mini
{
    top: 90px;
}

.our-product-mini:hover .our-product-title-mini::before
{
    height: 140px;
    cursor: pointer;
}

.our-product-mini2:hover .our-product-title2::before
{
    height: 140px;
    cursor: pointer;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes openBtn {
    from {
        width:0 ;
    }
    to {
        width: 180px;
    }
}

.slider-text
{
    max-width: 598px;
    width: 90%;
    margin-bottom: 20px;
}

.main-slider .container
{
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

h1
{
    font-size: 3.35em;
    margin: 0;
}

.main-slider h4
{
    font-size: 1.3em;
    margin: 0;
}

.main-slider p
{
    font-size: 1.67em;
}

.slider-text-white,
.slider-text-white p,
.slider-text-white h1,
.slider-text-white h4
{
    color: #fff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.slider-text-dark,
.slider-text-dark p,
.slider-text-dark h1,
.slider-text-dark h4
{
    color: #082664 !important;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
}
.slider-text-dark p,
.slider-text-white p
{
    font-weight: 500;
}

.main-slider .bordered-btn
{
    background-color: #fff;
    border: 0;
    font-size: 1em;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    color: #082664;
}

.main-slider h1 span::after
{
    width: 106%;
    height: 37px;
    background-color: var(--underlineColor);
    position: absolute;
    content: '';
    left: 0;
    z-index: -1;
    top: 32px;
    left: -3%;
}

.main-slider h1 span
{
    position: relative;
    white-space: nowrap;
}

.menuBtn
{
    cursor: pointer;
}

#menu
{
    max-width: 390px;
    width: calc(100% - 75px);
    height: calc(100% - 90px);
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999999;
    padding: 45px 30px 45px 45px;
    transform: translate(100%,0);
    transition: all 0.4s linear;
}

.menu-social-area
{
    position: absolute;
    bottom: 45px;
}

.menu-lang-radio
{
    display: none;
}

.selectedLang a label
{
    color: #F8C200;
}

.menu-lang-li label
{
    cursor: pointer;
}

.menu-lang-li:not(:last-child)
{
    margin-right: 17px;
}

.menu-top
{
    margin-bottom: 40px;
    padding-right: 25px;
}

.menu-content ul li:not(:last-child) .menu-content-main-titles, .menu-content ul li:not(:last-child) .menu-content-main-titles
{
    padding-bottom: 20px;
}

.menu-content svg
{
    position: absolute;
    top: 0;
    right: 0;
}

.menu-content ul li
{
    position: relative;
}

.menu-content ul li
{
    font-weight: bold
}

.menu-content
{
    height: 600px;
    padding-right: 25px;
}

.menu-content ul li a:hover
{
    color: #F8C200;
}

.menu-content ul li a
{
    font-size: 1.3em;
    transition: all 0.1s linear;
}

.menu-top ul li label
{
    transition: all 0.1s linear;
}

.menu-top ul li label:hover
{
    color: #F8C200;
}

.menu-content ul li label
{
    font-size: 1.3em;
    font-weight: bold;
    transition: all 0.1s linear;
}

.menu-content ul li:hover label
{
    cursor: pointer;
    color: #F8C200 !important;
}

.menu-content ul li:hover
{
    cursor: pointer;
}

.close-menu
{
    background-color: transparent;
    border: 0;
    outline: none;
    padding: 0;
    font-size: 40px;
    color: #000;
}

.close-menu:hover
{
    cursor: pointer;
}

.close-search
{
    background-color: transparent;
    border: 0;
    outline: none;
    padding: 0;
    font-size: 40px;
    position: absolute;
    top: 10px;
    right: 40px;
    color: #000;
}

.close-search:hover
{
    cursor: pointer;
}

.ddm-subContent ul li a
{
    font-size: 0.95em;
}

.ddm-subContent ul
{
    margin-left: 22px;
    margin-top: 17px;
    margin-bottom: 17px;
}

.ddm-subContent ul li:not(:last-child)
{
    margin-bottom: 15px;
}

.ddm-subContent
{
    height: 0;
    overflow: hidden;
    transition: all 0.4s linear;
}

.ddm-ok
{
    transition: all 0.4s linear;
}

.banner-filter
{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(0, 0, 0, 0.25);
}

.banner
{
    overflow: hidden;
    justify-content: center;
}

.banner-text
{
    position: absolute;
    z-index: 5;
    height: 100%;
}

.banner-text h3, .banner-text h4
{
    color: #fff;
}

.banner-text h3
{
    margin-bottom: 10px;
}

.about-img
{
    width: 50%;
    max-width: 615px;
    height: max-content;
    aspect-ratio: 600/600;
}

.ita-responsive,
.ita-responsive-reverse
{
    column-gap: 5.38%;
}

.about-text
{
    width: 53.846%;
}

.about-text h2, .about-text h3
{
    color: #082664;
    font-weight: bold;
}

.about-text h2
{
    margin-bottom: 30px;
}

.mission-vision-area
{
    background:linear-gradient(to right,#379AEA,#00528D);
    width: 84.12%;
}

.mission-vision-content
{
    padding-left: 310px;
}

.mission-vision-content h3, .mission-vision-content p
{
    color: #fff;
}

.mission-vision-content .w-1\/2
{
    padding-right: 50px;
}

.our-values-filter
{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.59);
}

.responsive-img
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.responsive-img img
{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}

.our-values-area h2
{
    color: #fff;
}

.our-values-area p
{
    color: #fff;
}

.our-values-content
{
    z-index: 5;
    padding: 90px 190px 70px 200px;
}

.our-values-text
{
    margin-bottom: 20px;
}

.our-values-text h2
{
    color: #f8c200;
}

.our-values table p
{
    color: #fff;
    margin: 0;
}

.value-title
{
    margin-top: 13px;
}

.our-values td
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 33.333333%;
}

.our-values tr:first-child
{
    margin-bottom: 33px;
}

.our-values table
{
    width: 700px;
}

.sub-line
{
    background-color: #F8C200;
    height: 15px;
    width: 87.15%;
}

.ceo-message-area h3
{
    color: #082664;
    margin-bottom: 12px;
    padding-left: 45px;
    padding-right: 45px;
}

.el-yazisi
{
    font-family: "Dancing Script", cursive;
}

.ceo-message-area .el-yazisi
{
    font-size: 3.2em;
}

.ceo-message-area p
{
    margin-top: 4px;
    margin-bottom: 10px;
}

.ceo-message-area li
{
    margin-bottom: 20px;
}

.awards-bg
{
    background-color: rgb(230, 230, 230, 0.4);
    height: 635px;
    width: 76%;
    position: absolute;
}

.our-awards-area .container
{
    z-index: 5;
    height: 100%;
}

.our-awards-area
{
    height: 635px;
}

.award
{
    width: 255px;
    height: 395px;
    border-radius: 23px;
    padding: 30px;
}

div.award
{
    background-color: #203E7D;
}

.awards
{
    right: 0;
    position: absolute;
    top: 50%;
    transform: translate(157.5px,-50%);
}

.awards div.award:nth-child(2n)
{
    background:linear-gradient(to top left,#006EBD,#52AEF8);
}

.award h3, .award p, .award span
{
    color: #fff;
}

.award p
{
    margin-top: 5px;
}

.award span
{
    font-size: 3.035em;
}

.pt-50
{
    padding-top: 50px;
}

.pv-50
{
    padding-top: 50px;
    padding-bottom: 50px;
}


.brands-text
{
    width: 455px;
}

.brands
{
    padding-left: 45px;
    width: 812px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand
{
    border: 1px solid #e5e5e5;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s linear;
    max-width: calc(33% - 27px);
}

.brand img
{
    width: 100%;
    height: 100%;
}

.brand-row
{
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap ;
    row-gap: 20px;
    height: min-content;
}

.brand h4
{
    margin: 0;
}

.banner img
{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner picture
{
    width: 100%;
    height: 300px;
}


.b2 img
{
    height: 300px;
}

.swiper-pagination-bullet
{
    opacity: 1 !important;
    background: #fff !important;
    transition: all 0.1s linear;
}

.swiper-pagination-bullet-active
{
    width : 12px !important;
    height: 12px !important;
}

.swiper-pagination
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-white
{
    color: #fff;
}

.black-square
{
    width: 350px;
    height: 350px;
    background-color: #000;
    position: absolute;
    bottom: -25px;
    right: 100px;
    padding: 50px;
}

.banner h4
{
    text-transform: none;
}

.brand-ara-img
{
    height: 355px;
}

.minus-btn
{
    width: 33px;
    height: 8px;
    background-color: #082664;
    border-radius: 50px;
}

.pdl-title
{
    background-color: #88DBEC;
    padding: 30px 80px;
}

.pd-title
{
    color: #082664;
    font-size: 1.3em;
    font-weight: bold;
}

.pd-desc
{
    font-size: 1.1em;
    color: #2E2E2E;
}

.pdl-icons
{
    width: 72px;
    height: 72px;
    margin-right: 25px;
}

.product-search-area .container
{
    background-color: #241F1F;
}

.psa-content
{
    padding: 45px 90px 45px 90px;
}

.psa-btn
{
    padding: 20px 35px 20px 35px;
    font-size: 1.3em;
    transition: all 0.2s linear;
    white-space: nowrap;
}

.psa-btn:not(:last-child)
{
    background-color: #fff;
    margin-right: 30px;
}

.psa-btn:not(:last-child):hover
{
    background-color: #FFCD38;
    margin-right: 30px;
}

.psa-btn:last-child
{
    background-color: #FFCD38;
}

.psa-btn:last-child:hover
{
    background-color: #fff;
}

.psa-btn img
{
    width: 17px;
    height: 17px;
}

.hf-input
{
    height: 40px;
    font-size: 1em;
    outline: 0;
    border: 1px #CDCDCD solid;
    padding-left: 10px;
}

.hf-input::-moz-placeholder
{
    opacity: 1;
    color: #2E2E2E;
}

.hf-input:-ms-input-placeholder
{
    color: #2E2E2E;
}

.hf-input::-webkit-input-placeholder
{
    color: #2E2E2E;
}

.hf-submit
{
    background-color: #FFCD38;
    width: 102.75%;
    font-size: 1.3em;
    color: #000;
    padding-top: 7px;
    padding-bottom: 7px;
    border: 0;
    outline: 0;
    position: relative;
    transition: all 0.15s linear;
    cursor: pointer;
}

.hf-submit:hover
{
    background-color: #203E7D;
    color: #fff;
}

.os-content
{
    width: calc(50% -  15.9%);
    background-color: #31343B;
    position: absolute;
    height: 640px;
    left: 0;
    padding-left: 16%;
}

.os-img
{
    width: 50%;
    position: absolute;
    height: 640px;
    right: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.os-img img
{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}

.our-services
{
    height: 640px;
}

.our-services h3
{
    font-weight: normal;
}

.os-icons
{
    width: 23px;
    height: 23px;
    margin-right: 15px;
}

.our-services ul li:not(:last-child)
{
    margin-bottom: 19px;
}

.our-services .bordered-btn
{
    border-color: #fff;
    color: #fff;
    padding: 8px 45px;
}

.bordered-btn:hover
{
    background-color: #FFCD38;
    color: #082664;
    border-color: #FFCD38;
}

.header-nav ul li::before
{
    width: 0;
    height: 2px;
    background-color: #203E7D;
    content: '';
    position: absolute;
    bottom: 0;
    transition: all 0.3s;
}

.header-nav ul li:hover::before
{
    width: 100%;
}

.header-nav ul li
{
    position: relative;
    line-height: 56px;
}

.lined-btn span:first-child
{
    width: 78px;
    height: 2px;
    background-color: #2F2F2F;
    display: var(--left);
    content: '';
    transition: all 0.3s linear;
    position: absolute;
    top: 0;
    left: -88px;
    z-index: 5;
}

.lined-btn span:last-child
{
    width: 52px;
    height: 2px;
    background-color: #2F2F2F;
    display: var(--left);
    content: '';
    transition: all 0.3s linear;
    position: absolute;
    left: 0;
}

.btn-line
{
    overflow: hidden;
    transition: 0.3s all linear;
    width: 52px;
    position: relative;
    height: 2px;
    margin-right: 10px;
}

.lined-btn:hover .btn-line span:first-child
{
    left: 0;
}

.lined-btn:hover .btn-line span:last-child
{
    left: 88px;
}

.lined-btn:hover .btn-line
{
    width: 78px;
}

.anim-img::before
{
    top: 0;
    right: 51%;
    bottom: 0;
    left: 50%;
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 5;
    transform: rotate(5deg);
}

.anim-img:hover::before
{
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 900ms linear;
}

.anim-img:hover::after
{
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 900ms linear;
}

.anim-img::after
{
    top: 50%;
    right: 0;
    bottom: 50%;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 1;
    z-index: 3;
    transform: rotate(5deg);
}

.anim-img:hover img
{
    transform: scale(1.05);
}

.anim-img img
{
    transition: 0.3s all;
}

.sustainability-sayac
{
    top: 10px;
    right: 30px;
}

.sustainability-sayac img
{
    position: absolute;
}

.sustainability-sayac img:first-child
{
    z-index: 2;
    left: -45px;
}

.sustainability-sayac img:last-child
{
    z-index: 1;
    top: -25px;
}

#sayac-hour
{
    z-index: 5;
    font-size: 1em;
    font-weight: bold;
    top: 44px;
    left: -15px;
}

#sayac-day
{
    z-index: 5;
    font-size: 0.7em;
    font-weight: bold;
    top: 73px;
    left: -17px;
    width: 77px;
}

.our-investments ul li img
{
    width: 17px;
    margin-right: 10px;
}

.our-investments ul li
{
    margin-bottom: 18px;
}

.w-1\/3
{
    width: 33.33333%;
}

.companies .w-1\/3:first-child .company
{
    padding-right: 15px;
    padding-left: 0;
}

.companies .w-1\/3:last-child .company
{
    padding-right: 0;
    padding-left: 15px;
}

.company
{
    padding-right: 15px;
    padding-left: 15px;
}

.company-top-bar
{
    height: 10px;
    width: 100%;
    background-color: #203E7D;
}

.company-text
{
    padding: 35px;
}

.company-text img
{
    margin-bottom: 23px;
}

.company-text p
{
    margin:0;
    margin-bottom: 10px;
}

.company-text a svg
{
    vertical-align: middle;
    margin-left: 15px;
}

.company-content
{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 97%;
}

.sf-input
{
    height: 60px;
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    font-size: 1.3em;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px;
}

.sf-input-area:first-child
{
    padding-right: 10px;
    padding-left: 0;
}

.sf-input-area:last-child
{
    padding-left: 10px;
    padding-right: 0;
}

.sf-input-area
{
    padding-left: 10px;
    padding-right: 10px;
}

.sf-select
{
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px;
    height: 62px;
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    font-size: 1.3em;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.op-select
{
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px;
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    font-size: 1em;
    outline: none;
    background-color: #fff;
    width: 400px;
    height: 40px;
}

.search-form p
{
    margin-bottom: 60px;
}

.search-chck
{
    height: 20px;
    width : 20px;
    margin-right: 15px;
}

.search-form label
{
    font-size: 1.3em;
    margin-right: 70px;
}

.sf-search-btn
{
    font-size: 1em;
    padding: 8px 45px;
    border: 0;
    outline: 0;
    background-color: #F8C200;
    margin-right: 40px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.2s linear;
    height: 37px;
    color: #000;
}

.sf-search-btn:hover
{
    background-color: #2E2E2E;
    color: #fff;
}

.sf-clear-btn
{
    font-size: 1em;
    padding: 8px 45px;
    border: 0;
    outline: 0;
    background-color: #2E2E2E;
    margin-right: 40px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.2s linear;
    height: 37px;
}

.sf-clear-btn:hover
{
    background-color: #F8C200;
    color: #2E2E2E;
}

.bg-yellow
{
    background-color: #FFCD38 !important;
}

.color-yellow
{
    color: #FFCD38 !important;
}

.w-1\/4
{
    width: 25%;
}

.w-3\/4
{
    width: 75%;
}

.results-download-icon
{
    width: 34px;
    margin-right: 10px;
}

.result-title
{
    font-size: 27px;
    font-weight: bold;
}

.result-desc
{
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.result-download
{
    font-size: 17px;
    font-weight: bold;
}

.result-content
{
    padding: 40px 30px 20px 20px;
}

.result
{
    background-color: #F6F6F6;
    transition: all 0.2s linear;
}

.result:hover
{
    background-color: #FFCD38;
}

.result-area:nth-child(4n + 1) .result
{
    margin-right: 15px;
}

.result-area:nth-child(4n + 2) .result
{
    margin-left: 15px;
    margin-right: 15px;
}

.result-area:nth-child(4n + 3) .result
{
    margin-left: 15px;
    margin-right: 15px;
}

.result-area:nth-child(4n + 4) .result
{
    margin-left: 15px;
}

.result-area:not(:nth-last-child(-n + 4))
{
    margin-bottom: 25px;
}

.sf-not-found-container
{
    width: 960px;
}

.spr-input
{
    height: 60px;
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    font-size: 1.3em;
    outline: none;
}

.spr-row .spr-input:first-child
{
    margin-right: 20px;
}

.spr-row .spr-input:last-child
{
    margin-left: 20px;
}

.spr-row:not(:last-child)
{
    margin-bottom: 36px;
}

.spr-text-area
{
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 1.62em;
    outline: none;
    height: 125px;
    resize: none;
}

.text-right
{
    text-align: right;
}

.bg2Alt-img-area:first-child div
{
    padding-right: 10px;
    padding-left: 0;
}

.bg2Alt-img-area:last-child div
{
    padding-left: 10px;
    padding-right: 0;
}

.bg2Alt-img-area div
{
    padding-left: 10px;
    padding-right: 10px;
}


.goal .text-center
{
    padding: 40px;
    padding-top: 70px;
}

.goal h3
{
    text-transform: uppercase;
}

.goal .text-center
{
    background-color: #F6F6F6;
}

.goal-area:nth-child(3n + 1) .goal
{
    padding-right: 15px;
}

.goal-area:nth-child(3n + 2) .goal
{
    padding-right: 15px;
    padding-left: 15px;
}

.goal-area:nth-child(3n + 3) .goal
{
    padding-left: 15px;
}

.goal-area:not(:nth-last-child(-n + 3))
{
    margin-bottom: 100px;
}

.goal-icon
{
    position: absolute;
    width : 87px;
    height: 87px;
    border: 3px solid #E6E6E6;
    border-radius: 50%;
    background-color: #fff;
    z-index: 5;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
}

.goal
{
    position: relative;
}

.goal-icon img
{
    width : 100%;
    height: 100%;
}

.news-area
{
    gap: 27px;
}

.blog:hover .blog-image .blog-review::before
{
    content: 'REVIEW';
    background-color: #FFCD38;
    color: #2e2e2e;
    padding: 8px 45px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-weight: bold;
    font-size: 1em;
}

.blog:hover .blog-image .blog-review
{
    display: block;
}

.blog-review
{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(256, 256, 256, 0.4);
    display: none;
}

.new-list .new:nth-child(3n + 1)
{
    margin-right: 13.75px;
}

.new-list .new:nth-child(3n + 2)
{
    margin-right: 13.75px;
    margin-left: 13.75px;
}

.new-list .new:nth-child(3n + 3)
{
    margin-left: 13.75px;
}

.new-list .new:not(:nth-last-child(-n + 3))
{
    margin-bottom: 27.5px;
}

.new:hover .new-image .blog-review::before
{
    content: 'REVIEW';
    background-color: #FFCD38;
    color: #2e2e2e;
    padding: 8px 45px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-weight: bold;
    font-size: 1em;
    transition: all 0.2s linear;
}

.new:hover .new-image .blog-review
{
    display: block;
}

.new:hover .blog-image .blog-review::before
{
    content: 'REVIEW';
    background-color: #FFCD38;
    color: #2e2e2e;
    padding: 8px 45px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-weight: bold;
    font-size: 1em;
}

.new:hover .blog-image .blog-review
{
    display: block;
}

.social-box
{
    background-color: #F8C200;
    width: 33px;
    height: 33px;
    border-radius: 8px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-box img
{
    width : 17px;
}

.social-box-area
{
    margin-bottom: 10px;
}

.site-shadow
{
    box-shadow: rgba(99, 99, 99, 0.15) 0px 2px 8px 0px;
}

.contact-social-area
{
    padding: 30px;
}

.contact-social-area .social-box-area
{
    margin-left: 25px;
}

.cf-input
{
    height: 60px;
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    font-size: 1em;
    outline: none;
    margin-top: 10px;
    width: calc(100% - 12px);
}

.contact-form label
{
    font-size: 1.3em;
    font-weight: bold;
}

.cf-row
{
    column-gap: 30px;
}

.cf-row:not(:last-child)
{
    margin-bottom: 30px;
}

.cf-text-area
{
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 1.62em;
    outline: none;
    height: 176px;
    resize: none;
    margin-top: 10px;
    width: calc(100% - 12px);
}

.contact-form
{
    padding: 35px;
}

.bdob-img
{
    height: 80px;
    width : 80px;
    transition: all 0.25s linear;
    margin-right: 10px;
}

.bdob-text h3
{
    margin-bottom: 10px;
}

.bd-other-blogs .justify-right:not(:last-child)
{
    margin-bottom: 20px;
}

.bd-other-blog
{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 15px;
}

.box-404
{
    width: 400px;
    height: 200px;
    background-color: #F8C200;
    border-radius: 180px;
    font-size: 100px;
    text-align: center;
    line-height: 200px;
    color: #203E7D;
    font-weight: bold;
}

.area-404
{
    position: absolute;
    left: 50%;
    top: 5%;
    transform: translate(-50%,0);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 750px;
    width: 90%;
}

.area-404 p
{
    width: 100%;
    text-align: center;
}

.logo-404
{
    max-width: 500px;
    width: 100%;
}

.btn-404
{
    font-size: 1.3em;
    padding: 10px 25px;
    border: 0;
    outline: 0;
    background-color: #F8C200;
    font-weight: bold;
    transition: all 0.2s linear;
}

.btn-404:hover
{
    background-color: #082664;
    color: #fff;
}

.box-404, .logo-404, .area-404 h2, .area-404 p
{
    margin-bottom: 40px;
}

.ik-form
{
    width: 70%;
}

.ik-input
{
    height: 50px;
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    font-size: 1em;
    outline: none;
    width: calc(100% - 20px);
    margin-top: 10px;
}

.ik-form label
{
    font-size: 1em;
}

.ik-chck
{
    height: 20px;
    width : 20px;
    margin-right: 15px;
}

.ik-row
{
    margin-top: 35px;
}

.ik-text-area
{
    padding: 0;
    border: 1px solid #dbdbdb;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 1.62em;
    outline: none;
    height: 125px;
    resize: none;
    margin-top: 10px;
}

.file-input
{
    margin-top: 28px;
}

.file-input input[type="file"] {
    display: none;
}

.file-input label
{
    display: flex;
    height: 52px;
    align-items: center;
    justify-content: center;
    background-color: #FFCD38;
    color: #2e2e2e;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-weight: bold;
}

.file-input label:hover
{
    background-color: #2E2E2E;
    color: #fff;
}

.e-bulten-btn:hover
{
    background-color: #203E7D;
    color: #fff;
}

#searchArea
{
    width: 100%;
    height: 100px;
    padding: 40px 0 30px 0;
    background: #fff;
    position: absolute;
    top: 81px;
    left: 50%;
    transform: translate(-50%,0);
    display: flex;
    box-shadow: 0 40px 50px rgb(0 0 0 / 0.15);
    transition: all 0.4s linear;
    display: none;
    opacity: 0;
}

#searchArea:hover::before
{
    width: 100%;
    height: 3px;
    content: '';
    left: 0;
}

#searchArea::before
{
    content: '';
    width: 0;
    height: 3px;
    background-color: #203E7D;
    left: 50%;
    position: absolute;
    top: 0px;
    transition: all 0.25s linear;
}

.searchArea-input-box
{
    width: 750px;
}

.searchArea-input
{
    padding: 0 0 30px;
    width: 100%;
    outline: 0;
    text-align: center;
    color: #272727;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #f2f2f2;
    letter-spacing: 1.8px;
    font-size: 1.5em;
    font-weight: 400;
}

.pdf-row:hover
{
    background-color: #e3e3e3;
    cursor: pointer;
}

.pdf-row:hover .pdl-icons
{
    animation: jump 0.5s infinite ease-in-out;
}

@keyframes jump
{
    50%
    {
        margin-top: -20px;
    }
}

.os-list p
{
    margin: 0;
    line-height: 1;
}

.bd-text
{
    margin-top: 30px;
}

.contact-social-area p
{
    margin: 0;
    line-height: 1;
}

.our-products-area-title
{
    margin-bottom: 20px;
}

.pagination a
{
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
}

.pagination a.active
{
  background-color: #FFCD38;
  color: #000;
  border-radius: 5px;
}

.pagination a:hover:not(.active)
{
  background-color: #ddd;
  border-radius: 5px;
}

.social-box-area p
{
    margin: 0;
}

.pagination-page
{
    display: none;
}

#page1
{
    display: block;
}

.kupa
{
    overflow: hidden;
}

.kupa::before
{
    content: '';
    position: absolute;
    width: 200%;
    height: 75%;
    background: linear-gradient(to bottom,transparent,#fff);
    opacity: 0.5;
    rotate: -45deg;
    transform: translate(-10%,-250%);
    animation: kayanKupa 3s linear infinite;
}

@keyframes kayanKupa {
    from {
        transform: translate(-10%,-250%);
    }
    to {
        transform: translate(-10%,250%);
    }
}

.open-positions-area
{
    background-color: #f5f5f5;
}

.open-positions-area .container
{
    background: linear-gradient(to top, #006EBD,#52AEF8);
    padding: 36px 0;
    position: relative;
    min-height: 188px;
}

.open-positions-area .container::before
{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, #006EBD,#52AEF8);
    transform: translate(-99%,0);
    top: 0;
}

.open-positions-area .bordered-btn
{
    background-color: #CF041D;
    color: #fff;
    border: #fff 0px solid !important;
    padding: 10.5px 15px;
    margin-left: 10px;
}

.open-positions-img
{
    width: 202px;
    right: 0;
    top: -50px;
}

.ik-slide-bg
{
    height: max-content;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ik-slide-bg-img
{
    position: absolute;
    height: 100%;
}

.filter
{
    background: rgb(0, 0, 0, var(--filterOpacity));
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.ik-slide-content
{
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 60px;
    padding-left : 20%;
    padding-right: 20%;
    width: 60%;
}

.ik-slide .el-yazisi
{
    font-size: 72px;
}

.pv-75
{
    padding-top: 75px;
    padding-bottom: 75px;
}

.galeri-popup
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0,0.5);
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.popup
{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0,0.5);
    top: 0;
    left: 0;
    z-index: 999;
}

.popup-content
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 70%;
    max-height: 90%;
}

.popup-content img
{
    width: 100%;
}

.popup-close
{
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-size: 2em;
    position: absolute;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    right: 0;
    top: 0;
    transform: translate(50%,-50%);
    cursor: pointer;
}

.op-logo
{
    top: 0;
    right: 20px;
    width: 100px;
}

.pt-75
{
    padding-top: 75px;
}

.onay-p p
{
    font-size: 0.95em;
}

.sayac-bg
{
    width: 110px;
    height: 82px;
    background-color: #207D3D;
    position: absolute;
    left: 15px;
    border-radius: 12%;
    padding: 30px 20px 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    top: 5px;
}

.sayac-bg h3
{
    font-size: 1.1em;
    color: #fff;
    text-align: right;
}

.sayac-bg img
{
    position: relative;
    width: 40px;
    margin-top: -20px;
}

.our-brands-text
{
    width: 480px;
    padding-right: 20px;
}

.brand h3
{
    font-weight: normal;
}

.admin-brand:hover,
.brand-anim:hover
{
    margin-top: -8px;
    margin-bottom: 8px;
}

.brand-anim:hover
{
    background-color: #ffcd38;
}

.open-positions-area .bordered-btn:hover
{
    background-color: #082664;
}

.new-category
{
    content: 'News & Events';
    background-color: #203E7D;
    color: #fff;
    position: absolute;
    bottom: 0;
    transform: translate(0,50%);
    right: 0;
    padding: 10px 16px 10px 16px;
}

.galeri-img
{
    display: flex;
    position: relative;
    overflow: hidden;
    width: calc(25% - 13.33px);
    aspect-ratio: 1/1;
}

.galeri-img img
{
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;

}

.mini-galeri
{
    display: flex;
    flex-wrap: wrap;
    gap: 13.33px;
}

.galeri-images
{
    display: flex;
    flex-wrap: wrap;
    gap: 13.33px;
}

.mini-galeri-text
{
    width: calc(50% - 100px - 13.33px);
    height: calc(315px - 100px);
    background-color: #241F1F;
    padding: 50px;
}

.mini-galeri-text .btn-line span
{
    background-color: #fff;
}

.mini-galeri-text p
{
    color: #fff;
}

.galeri-img-hover
{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: #F4B609;
    top: 0;
    left: 0;
    transition: all 0.1s linear;
    background-repeat: no-repeat;
    background-position: center;
}

.galeri-img:hover .galeri-img-hover
{
    opacity: 1;
    cursor: pointer;
}

.galeri-text
{
    padding-right: 29%;
    margin-bottom: 30px;
}

.product-group-list
{
    width: 100%;
    padding: 20px 0 80px 0;
}

.p-group-row:hover
{
    background-color: #e3e3e3;
    cursor: pointer;
}

.p-group-row
{
    width: calc(100% - 160px);
    padding:0 80px;
    min-height: 100px;
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

.plus-btn
{
    right: 0;
    width: 26px;
    height: 26px;
    top: 0;
    transform: translate(0,50%);
}

.plus-btn div:first-child
{
    width: 6px;
    height: 26px;
    background-color: #082664;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    transition: all 0.3s linear;
}

.plus-btn div:last-child
{
    width: 26px;
    height: 6px;
    background-color: #082664;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}

.p-group-title
{
    color: #082664;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    width: 100%;
}

.PG-title-line
{
    background-color: #203E7D;
    height: 1px;
    position: absolute;
    bottom: 0;
    width: calc(100% - 160px);
}

.pdf-row
{
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding: 0 80px 0 120px;
    width: calc(100% - 200px);
}

.product-download-list
{
    height: 0;
    overflow: hidden;
    transition: all 0.3s linear;
    position: relative;
}

.gallery-arrow button
{
    border: 0;
    background-color: transparent;
    padding: 0;
    outline: none;
    cursor: pointer;
}

#galeri-next
{
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0,-50%);
}

#galeri-prev
{
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(0,-50%);
}

#close-gallery
{
    width: 50px;
    height: 50px;
    z-index: 999;
    cursor: pointer;
    position: fixed;
    right: 10px;
    top: 10px;
}

.catalog-btn
{
    margin-bottom: 40px;
}

.catalog-btn .bordered-btn
{
    background-color: #FFCD38;
    color: #082664;
    border: 0;
}

.catalog-btn .bordered-btn:hover
{
    background-color: #082664;
    color: #fff;
}

.cookie-btn .bordered-btn
{
    background-color: #FFCD38;
    color: #082664;
    border: 0;
    font-size: 1.2em;
    cursor: pointer;
}

.cookie-btn
{
    margin: 20px 0 0;
}

.cookie-btn .bordered-btn:hover
{
    background-color: #082664;
    color: #fff;
}

.fixed
{
    position: fixed;
}

.cookie-warn
{
    padding: 25px;
    bottom: 20px;
    left: 20px;
    width: 350px;
    display: none;
    backdrop-filter: blur(25px);
    background: rgb(0 0 0 / 85%);
    position: fixed;
    z-index: 999;
}

.cookie-warn span
{
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.7;
    display: block;
}

.cookie-consent
{
    padding: 25px;
    bottom: 20px;
    left: 20px;
    width: 350px;
    display: none;
    backdrop-filter: blur(25px);
    background: rgb(0 0 0 / 85%);
    position: fixed;
    z-index: 999;
}

.brand-video2-area .brand-video2-title h1
{
    text-transform: uppercase;
    color: #2E2E2E;
    width: 610px;
    font-family: "Antonio", sans-serif;
    font-size: 4.8em;
}

.brand-video2-title
{
    height: 100%;
    position: relative;
}

.brand-video2-title-h1
{
    transform: rotate(-90deg);
    width: 590px;
    position: absolute;
    top: 34.5%;
    left: -16%;
}

.brand-video-2
{
    position: absolute;
    width: 1300px;
    aspect-ratio: 16/9;
    top: -15px;
    right: 15px;
}

#video2Banner .video-play-brand
{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.trayforma-calculator-bg
{
    position: absolute;
    width: calc(100% + 100px);
    transform: translate(-50px,0);
    z-index: -1;
}

.trayforma-calculator h2::after
{
    width: 106%;
    height: 37px;
    background-color: #FFCD38;
    position: absolute;
    content: '';
    left: 0;
    z-index: 2;
    top: 27px;
    left: -3%;
}

.trayforma-calculator span
{
    z-index: 5;
    position: relative;
}

.trayforma-calculator h2
{
    width: min-content;
    position: relative;
    white-space: nowrap;
    margin-left: 15px;
    margin-bottom: 60px;
    color: #241F1F;
}

.trayforma-calculator
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: calc(100% - 140px);
    padding: 0 70px;
}

.color-black
{
    color: #000;
}

.trayforma-calculator input[type="range"]
{
    width: 100%;
    outline: none;
    background-color: #3F3A3A;
    height: 6px;
    border: 0;
    -webkit-appearance:none;
    margin-bottom: 10px;
}



.trayforma-calculator input[type="range"]::-webkit-slider-thumb
{
    background: #0093D2;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    height: 25px;
    width: 25px;
    z-index: 1;
    -webkit-appearance: none;
}

.trayforma-calculator input[type="range"]::-moz-range-thumb
{
    background: #0093D2;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    height: 25px;
    width: 25px;
    z-index: 1;
    -webkit-appearance: none;
}

.range-numbers p
{
    margin: 0;
}

.trayforma-range
{
    margin-bottom: 40px;
}

.trayforma-output
{
    width: 100%;
    display: flex;
    column-gap: 70px;
}

.trayforma-calculator-area p
{
    margin: 0;
}

.trayforma-output-title
{
    background-color: #008ECA;
    width: calc(100% - 40px);
    padding: 10px 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.output-changes
{
    font-size: 25px;
    color: #16943D;
    line-height: 55px;
}

.trayforma-output-values
{
    column-gap: 15px;
}

.output-change-area
{
    background-color: #fff;
    border: 1px solid #CDCDCD;
    min-height: 55px;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.ovf-product-image img
{
    width: 100%;
    position: absolute;
}

.ob-short
{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.05em;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
}

.ovf-product-image
{
    width: 100%;
    height: max-content;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    aspect-ratio: 310/255;
}

.ovf-product-image img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
}

.ceo-message-area2 p
{
    margin-bottom: 40px;
}

.ceo-message-area2 ul li img
{
    width: 20px;
    margin-right: 10px;
}

.e-bulten-chck-area, .aydinlatma-chck-area
{
    white-space: nowrap;
}

.e-bulten-chck-area p, .aydinlatma-chck-area p
{
    font-size: 1em;
}

.e-bulten-chck-area .spr-search-chck, .aydinlatma-chck-area .spr-search-chck
{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.mission-vision-content ul li
{
    color: #fff;
    font-size: 1.3em;
    line-height: 1.5em;
}

.mission-vision-content ul li:not(:last-child)
{
    margin-bottom: 10px;
}

.mission-vision-content ul
{
    margin-top: 10px;
}

.mv-bg
{
    position: absolute;
    width: 165px;
    height: 150px;
    bottom: 0;
    left: 15%;
    opacity: 33%;
}

.mv-bg img
{
    width: 100%;
    height: 100%;
}

.mission-vision-area ul
{
    margin-left: 25px;
    margin-top: 25px;
    font-size: 1em;
}

.mission-vision-area ul li
{
    position: relative;
}

.mission-vision-area ul li::before
{
    content: url('../images/vision_list_icon.svg');
    background-image: none !important;
    left: -40px;
    top: 5px;
    position: absolute;
}

.list-double-arrow ul
{
    list-style-image: url('../images/list_double_arrow.svg');
    font-size: 1.3em;
    margin-left: 25px;
}

.sustainability-policy-area .list-double-arrow ul:first-child
{
    margin-right: 30px;
}

.list-double-arrow ul li
{
    padding-left: 5px;
    margin-bottom: 18px;
}

.el-yazisi h2
{
    font-weight: normal;
}

.imza-area p
{
    margin-bottom: 0;
}

.items-top
{
    align-items: flex-start;
}

.our-investments ul
{
    margin-left: 55px;
    padding-right: 50px;
    margin-bottom: 30px;
}

.p-m-0 p
{
    margin: 0;
}

.company-text a, .company-text svg
{
    outline: none;
}

.ik-slide p
{
    color: #fff;
}

.ftr-mobile
{
    display: none;
}

.ftr-item-mobile
{
    display: none;
}

.footer-nav-mobile
{
    display: none;
}

.MFI-title
{
  color: #000;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 35px;
}

.ddm-titles label
{
  color: #000;
  font-size: 1.3em;
  font-weight: 700;
}

.ddm-main-titles
{
  padding: 20px 0px;
}

.ddm-contents
{
    padding: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
}

.ddm-items
{
    border-top: 2px #000 solid;
    padding-left: 5px;
    padding-right: 5px;
}

.ddm-chck
{
    display: none;
}

.ddm-status
{
    width: 30px;
}

.ddm-status
{
    font-size: 24px;
    right: 0;
}

.ddm-status1
{
    width:4px;
    height:20px;
    background-color: #000;
    transition: 0.6s ease-in-out;
}

.ddm-status2
{
    width:20px;
    height:4px;
    background-color: #000;
}

.e-bulten img
{
    min-width: 100%;
    min-height: 100%;
}

.hop-mobile
{
    display: none;
}

.hop-mobile .our-product-mini2:hover .our-product-title2::before
{
    height: 42px;
}

.slide-alt-img img
{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: calc(100% + 60px);
    object-fit: cover;
}

.slide-alt-img
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    max-width: 615px;
}

.slide-alt-img-mobile
{
    display: none;
    aspect-ratio: 600/400;
    margin-bottom: 40px;
    width: 100%;
    min-height: max-content;
}

.slide-alt-img-desktop .anim-img
{
    height:100%;
    aspect-ratio:600/400;
    z-index:10;
    top:0;
}

.core-values-area-image
{
    max-width: 580px;
    max-height: 540px;
    width: 100%;
    aspect-ratio: 580/540;
}

.core-values-area-image img
{
    width: 580px;
    aspect-ratio: 580/540;
}

.award-area-text
{
    padding-right: 60%;
}

img.award
{
    max-width: 315px !important;
    padding: 0;
    aspect-ratio: 315/445 !important;
    width: 100%;
    height: max-content;
}
.awards .award
{
    max-width: 255px;
    aspect-ratio: 255/385;
}

.awards-slide
{
    display: none;
}

.pp-mobile
{
    display: none;
}

.ph-140-brand
{
    padding-left: 140px;
    padding-right: 140px;
}

#pdf-area h3
{
    width: 93%;
}

.dc-list-title
{
    width: 100%;
    position: relative;
    background-color: #EFEFEF;
}

.dc-list-title h3
{
    color: #082664;
    padding: 19px 0;
}

.dc-list-title::before
{
    content: "";
    width: 100%;
    position: absolute;
    left: -50%;
    background-color: #EFEFEF;
    height: 100%;
    z-index: -1;
}

.dc-brands:not(:last-child)
{
    margin-bottom: 60px;
}

#download-center-pdfs .container:first-child
{
    margin-bottom: 40px;
}

#download-center-pdfs .p-group-row
{
    padding: 0 40px;
    width: calc(100% - 80px);
}

#download-center-pdfs .PG-title-line
{
    width: calc(100% - 80px);
}

#download-center-pdfs .pdf-row
{
    padding: 0 40px 0 60px;
    width: calc(100% - 100px);
}

#download-center-pdfs .p-group-title h3
{
    font-size: 1.3em;
}

.deklarasyon-migrasyon
{
    column-gap: 12%;
}

.dm-mail img
{
    width: 40px;
    height: 40px;
}

.dm-mail
{
    display: flex;
    align-items: center;
}

.dm-mail p
{
    margin: 0 0 0 15px;
    color: #000;
    font-weight: bold;
}

.certificates-area h2
{
    color: #082664;
    margin-bottom: 30px;
}

.certifica
{
    border: 1px solid #CDCDCD;
    display: flex;
    width: calc(16.66666% - 20px);
}

.certifica img
{
    width: 100%;
}

.certificates
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
}

.video-text p
{
    color: #fff;
    margin: 0;
    margin-top: 26px;
    font-size: 1em;
    font-weight: bold;
}

.susta-value
{
    width: 33.333%;
    display: flex;
    align-items: center;
}

.susta-value:nth-child(1),
.susta-value:nth-child(4)
{
    width: 30%;
}

.susta-value:nth-child(2),
.susta-value:nth-child(5)
{
    width: 36%;
}

.susta-values
{
   row-gap: 20px;
}

.susta-value p
{
    margin: 0 !important;
    font-weight: bold;
    font-size: 1.1em;
    white-space: nowrap;
}

.susta-value img
{
    margin-right: 10px;
    width: 45px;
}

.sv-tite
{
    color: #2F2F2F;
}

.sv-desc
{
    color: #207D3D;
}

.about-ara p
{
    padding-right: 12%;
    margin-bottom: 0;
}

.galeri-line
{
    background-color: #F5F5F5;
    height: 6px;
    width: 70%;
    margin-bottom: 24px;
}

.video-galeri-line
{
    background-color: #F5F5F5;
    height: 6px;
    width: 70%;
    margin-bottom: 24px;
    margin-left: auto;
}

.t-foto-galeri
{
    background-color: #F5F5F5;
    display: flex;
    min-height: 200px;
    position: relative;
    align-items: center;
    padding: 20px 0;
    transform: scale(99.231%,100%) translate(-0.3845%,0);
}

.tfg-title h3
{
    color: #231815;
    font-size: 2.2em;
    margin-top: 18px;
    margin-bottom: 30px;
}

.tfg-title
{
    width: calc(25% - 60px);
    padding: 0 30px;
    height: 100%;
}

.t-foto-galeri::before
{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -50%;
    background-color: #F5F5F5;
    z-index: -1;
}

.tfg-link
{
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #231815;
    position: relative;
}

.tfg-link::before
{
    content: '';
    background-color: #231815;
    width: 33.33%;
    height: 2px;
    position: absolute;
    bottom: 0;
}

.tfg-link:hover::before
{
    animation: subLine 0.4s ease-in-out forwards;
}

.tfg-link2::before
{
    right: 0;
    left: auto;
}

.tfg-fotos
{
    display: grid;
    gap: 10px;
    grid-template-areas:
      'foto1 foto1 foto1 foto1'
      'foto2 foto2 foto2 foto2';
    transform: translate(0.7690%,0);
}

.tfg-foto
{
    background-color: #d4d4d4;
    overflow: hidden;
    position: relative;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    display: flex;
    cursor: pointer;
}

.tfg-foto img
{
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    max-height: 247.5px;
}

.tfg-foto::before
{
    content: url("../images/magnifier3.svg");
    background-color: rgba(244, 182, 9, 0.93);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.15s linear;
}

.tfg-foto:hover::before
{
    opacity: 1;
}

@keyframes subLine
{
    0%
    {
        width: 33.33%;
    }
    70%
    {
        width: 110%;
    }
    100%
    {
        width: 100%;
    }
}

.t-video-galeri
{
    background-color: #F5F5F5;
    min-height: 513px;
    position: relative;
    display: flex;
    align-items: center;
}

.tvg-title
{
    width: calc(25% - 60px);
    padding: 0 30px;
    height: 100%;
}

.tvg-title h3
{
    color: #231815;
    font-size: 2.2em;
    margin-top: 18px;
    margin-bottom: 30px;
}

.tvg-slide-area
{
    width: 70%;
    position: absolute;
    left: 0;
    overflow: hidden;
    top: 20px;
    max-width: 1344px;
}

.tvg-slide
{
    overflow: visible;
    width: 835px;
}

.tvg-video
{
    width: 835px;
    aspect-ratio: 16/9;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.tvg-video::before
{
    content: url('../images/youtube2.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(207, 4, 29, 0.81);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.15s linear;
}

.tvg-video:hover::before
{
    opacity: 1;
}

.tvg-video img
{
    height: 100%;
}

.h-full
{
    height: 100%;
}

.video-popup
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

#popupVideo
{
    width: 100%;
    aspect-ratio: 16/9;
}

.video-popup .popup-content
{
    width: 70%;
    aspect-ratio: 16/9;
}

.video-popup .popup-close
{
    top: -15px;
    right: -15px;
}

.t-pas
{
    text-align: center;
}

.t-pas h1
{
    color: #082664;
}

.t-pas p
{
    font-size: 1.1em;
    color: #231815;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.galeri-videos
{
    display: flex;
    flex-wrap: wrap;
    gap: 13.33px;
}

.galeri-video
{
    width: calc(50% - 10px);
    aspect-ratio: 16/9;
    position: relative;
    display: flex;
    cursor: pointer;
}

.galeri-video img
{
    width: 100%;
}

.galeri-video::before
{
    content: url('../images/youtube2.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(207, 4, 29, 0.81);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.15s linear;
}

.galeri-video:hover::before
{
    opacity: 1;
}

.ikili-title
{
    margin-bottom: 40px;
}

.p-h3 p
{
    font-size: 1.62em;
    font-weight: bold;
    color: #000;
}

.first-p-m-0 p:first-child
{
    margin-top: 0px;
}

.certifica
{
    transition: all 0.15s linear;
}

a.certifica:hover
{
    transform: translate(0,-10px);
}

a.certifica
{
    cursor: url('../images/download_certificate.svg'),auto;
}

.contact-area .social-box-area p
{
    font-weight: bold;
}

.pay-area
{
    background-color: #F6F6F6;
    padding: 40px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.pay-area a
{
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    display: flex;
    align-items: center;
    background-color: #F8C200;
    padding: 7px 20px;
    text-transform: uppercase;
}

.pay-area p
{
    width: 100%;
}

.pay-area a img
{
    width: 30px;
    margin-left: 10px;
}

.contact-left-area
{
    width: 40%;
    margin-right: 20px;
}

.contact-right-area
{
    width: 60%;
}

.sr-di img
{
    width: calc(50% - 30px);
}

.our-goals-img
{
    width:100%;
    position: absolute;
}

.bg2Alt-img-area img
{
    width: 100%;
}

.goal .goal-text
{
    height: calc(100% - 110px);
}

.blog2
{
    width: calc(33.333% - 27px) !important;
}

.dc-policies
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 25px;
    margin-top: 40px;
}

.dc-policy
{
    width: 100%;
    color: #082664;
    display: flex;
    align-items: center;
}

.dc-policy img
{
    width: 48px;
    margin-right: 20px;
}

.dc-policy h3
{
    white-space: nowrap;
    margin-right: 30px;
}

.dc-line
{
    width: 100%;
    background-color: #203E7D;
    height: 1px;
}

.dc-policy:hover img
{
    animation: jump2 0.5s infinite ease-in-out;
}

@keyframes jump2
{
    50%
    {
        transform: translate(0,-10px);
    }
}

.sub-blog-slide
{
    padding: 0 10px 50px 10px;
}

.about-text-content p:last-child
{
    margin-bottom: 0;
}

.video-play-brand
{
    width: 18% !important;
    aspect-ratio: 1/1 !important;
}

.left-top
{
    top: 20px;
    left: 20px;
}

.video-play-brand img
{
    width: 100% !important;
    height: 100% !important;
}

.susta-area-title img
{
    display: none;
}

.labs-desktop
{
    width: 77%;
    margin-left: auto;
    margin-right: auto;
}

.lab-step
{
    display: flex;
    position: relative;
    justify-content: right;
}

.ls-desc p
{
    margin: 0 !important;
}

.ls-img
{
    width: 50%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 250px;
    border-radius: 20px;
}

.ls-img img
{
    width: 100%;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.ls-desc
{
    padding-left: 50px;
    width: calc(50% - 50px);
    text-align: right;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    align-items: end;
}

.lab-step:nth-child(2n + 2) .ls-desc
{
    justify-content: left;
}

.ls-desc p
{
    width: 100%;
}

.ls-desc::before
{
    content: '';
    position: absolute;
    bottom: 0px;
    height: 2px;
    background-color: #082664;
    width: calc(100% + 50px);
    right: 0;
}

.ls-desc::after
{
    content: '';
    position: absolute;
    bottom: -3px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #082664;
    left: -52px;
}

.lab-step:nth-child(2n + 2)
{
    flex-direction: row-reverse;
}

.lab-step:nth-child(2n + 2) .ls-desc
{
    padding-right: 50px;
    padding-left: 0;
    width: calc(50% - 50px);
    text-align: left;
    display: flex;
    align-items: end;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 50px;
}

.lab-step:nth-child(2n + 2) .ls-desc::before
{
    content: '';
    position: absolute;
    bottom: 0px;
    height: 2px;
    background-color: #082664;
    width: calc(100% + 50px);
    right: auto;
    left: 0;
}

.lab-step:nth-child(2n + 2) .ls-desc::after
{
    content: '';
    position: absolute;
    bottom: -3px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background-color: #082664;
    right: -52px;
    left: auto;
}

.lab-step:not(:last-child)
{
    margin-bottom: 40px;
}

.last-p-a p:last-child
{
    margin-bottom: 0;
}

.first-p-a p:first-child
{
    margin-top: 0 !important;
}

.search-form label
{
    white-space: nowrap;
}

.app-areas
{
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 30px;
}

.app-area
{
    width: calc(25% - 22.5px);
}

.search-form label
{
    margin-right: 0;
}

.sf-mb-60
{
    margin-bottom: 60px;
}

.sf-btns
{
    flex-wrap: nowrap !important;
}

.list-area ul:not(.todo-list)
{
    font-size: 1.2em;
    color: #383838;
}

.list-area ul:not(.todo-list) li:not(:last-child)
{
    margin-bottom: 20px;
}

.list-area ul:not(.todo-list) li
{
    position: relative;
    margin-left: 20px;
}

.list-area ul:not(.todo-list) li::before
{
    content: '';
    width : 10px;
    height: 10px;
    position: absolute;
    background-size: 100%;
    left: -20px;
    top: 0;
    transform: translateY(0.25em);
    background-color: #00539B;
    border-radius: 100%;
}

.list-area ol:not(.todo-list)
{
    font-size: 1.2em;
    color: #383838;
}

.list-area ol:not(.todo-list) li:not(:last-child)
{
    margin-bottom: 20px;
}

.list-area ol:not(.todo-list) li
{
    position: relative;
    margin-left: 20px;
}

.list-area ol:not(.todo-list)
{
    list-style: none;
    counter-reset: list-counter;
    padding-left: 0.5em;
}

.list-area ol:not(.todo-list) li
{
    counter-increment: list-counter;
    position: relative;
    padding-left: 0.3em;
}

.list-area ol:not(.todo-list) li::before
{
    content: counter(list-counter) ".";
    color: #00539B;
    font-weight: bold;
    position: absolute;
    left: -1.5em;
}

.todo-list
{
    font-size: 1.2em;
    color: #383838;
}

.todo-list li:not(:last-child)
{
    margin-bottom: 20px;
}

.todo-list li
{
    position: relative;
    margin-left: 35px;
}

.todo-list li::before
{
    content: '';
    width : 25px !important;
    height: 25px !important;
    background-image: url('../images/list-icon.svg');
    position: absolute;
    background-size: 100%;
    left: -35px;
    top: -3px;
}

.ssp-ita ul
{
    font-size: 1.2em;
    color: #383838;
}

.ssp-ita ul li:not(:last-child)
{
    margin-bottom: 20px;
}

.ssp-ita ul li
{
    position: relative;
    margin-left: 35px;
}

.ssp-ita ul li::before
{
    content: '';
    width : 25px;
    height: 25px;
    background-image: url('../images/list-icon.svg');
    position: absolute;
    background-size: 100%;
    left: -35px;
    top: 0;
}

.ssp-page .page-title
{
    margin-bottom: 30px;
}

.ssp-page img
{
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
    height: max-content;
}

figcaption
{
    margin-top: 40px;
    width: 100%;
    text-align: center;
}

.ssp-page p:has(img)
{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

p:empty
{
    margin: 0 !important;
    height: 2em;
}

.ssp-page p + h1,
.ssp-page p + h2,
.ssp-page p + h3,
.ssp-page p + h4,
.ssp-page p + h5,
.ssp-page p + h6
{
    padding-top: 1em;
}

.todo-list + h1,
.todo-list + h2,
.todo-list + h3,
.todo-list + h4,
.todo-list + h5,
.todo-list + h6,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ol + h1,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
ol + h6,
.ssp-page ol + h1,
.ssp-page ol + h2,
.ssp-page ol + h3,
.ssp-page ol + h4,
.ssp-page ol + h5,
.ssp-page ol + h6,
.ssp-page img + h1,
.ssp-page img + h2,
.ssp-page img + h3,
.ssp-page img + h4,
.ssp-page img + h5,
.ssp-page img + h6
{
    padding-top: 2em;
}

.ssp-page figure.image
{
    width: 100%;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

figure
{
    margin: 0;
}

.menu-content
{
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 210px);
    padding-right: 30px;
}

.menu-content::-webkit-scrollbar {
    width: 3px;
}

.menu-content::-webkit-scrollbar-track
{
    background: #FFCD38;
}

.menu-content::-webkit-scrollbar-thumb
{
    background: #082664;
    border-radius: 6px;
}

.contact-page .contact-social-area
{
    width: calc(100% - 60px);
    display: flex;
    flex-wrap: wrap;
}

.contact-page .contact-social-area h2
{
    width: 100%;
}

.contact-page .contact-social-area .social-box-area
{
    margin: 0 !important;
}

.contact-page .contact-social-area .social-box-area .social-box
{
    width : 45px;
    height: 45px;
    background-color: transparent;
}

.contact-page .contact-social-area .social-box-area .social-box img
{
    width : 70%;
    height: 70%;
}

.contact-page-img
{
    width: 100%;
    height: calc(100% - 187px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    position: relative;
}

.contact-page-img img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
}

.contact-page .sf-search-btn,
.contact-page .sf-clear-btn
{
    padding: 8px 87px;
}

.ssp-sps
{
    width: 100%;
    column-gap: calc(7.692% - 50px);
    row-gap: 40px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.ssp-sp
{
    width: calc(46.154% + 25px);
}

.ssp-sp-img
{
    width: 100%;
    height: max-content;
    aspect-ratio: 600/400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
}

.ssp-sp-img img
{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
}

.ssp-img-hvr
{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.29);
    opacity: 0;
    transition: all 0.2s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ssp-img-hvr .hvr-btn
{
    font-weight: bold;
    padding: 8px 33px;
    background-color: #F8C200;
}

.ssp-sp-img:hover .ssp-img-hvr
{
    opacity: 1;
}

.service-list
{
    display: flex;
    width: calc(100% - 20px);
    flex-wrap: wrap;
    row-gap: 60px;
    margin-left: auto;
    margin-right: auto;
}

.service
{
    width: 100%;
    display: flex;
    column-gap: 50px
}

.service-img
{
    width: calc(50% - 25px);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 600/400;
}

.service-text
{
    width: calc(50% - 25px);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.service-line
{
    width: 122%;
    height: 2px;
    background-color: #082664;
    position: absolute;
    right: 0;
}

.service-line::before
{
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #082664;
    left: 0;
    top: 0;
    transform: translate(-50%,-39%);
    border-radius: 100%;
}

.service-text h3
{
    padding-bottom: 1em;
}

.service-img img
{
    min-width: 100%;
    position: absolute;
    min-height: 100%;
}

.p-white p
{
    color: #fff;
}

.os-list ul
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.os-list ul li
{
    width: calc(50% - 10px);
}

.text-upper
{
    text-transform: uppercase;
}

.ftr-addres p
{
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.home-popup
{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homep-content
{
    max-width: 600px;
    width: 90%;
    height: 450px;
    position: relative;
}

.homep-content img
{
    width: 100%;
    height: max-content;
}

.homep-close
{
    position: absolute;
    width : 36px;
    height: 36px;
    background-color: #000;
    border-radius: 100%;
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.homep-close::before
{
    content: '';
    width: 2px;
    height: 60%;
    background-color: #fff;
    position: absolute;
    transform: rotate(45deg);
}

.homep-close::after
{
    content: '';
    width: 2px;
    height: 60%;
    background-color: #fff;
    position: absolute;
    transform: rotate(-45deg);
}

.e-bulten-onay input[type="checkbox"]
{
    background-color: red;
    width : 25px;
    height: 25px;
    margin: 0 !important;
    margin-right: 10px !important;
}

.e-bulten-onay p
{
    color: #fff;
    font-size: 0.95em;
}

.e-bulten-onay
{
    margin-bottom: 15px;
}

.e-bulten-onay
{
    display: flex;
}

.form-onay p
{
    font-size: 1em;
}

.social-box-area-cont .social-box-area:last-child
{
    margin-bottom: 0 !important;
}

.lined-btn-none
{
    display: none;
}

.bd-text figure.image
{
    max-width: 100%;
}

.bd-text figure.image img
{
    width: 100%;
    height: max-content;
}

.form-onay
{
    flex-wrap: nowrap !important;
}

.file1
{
    position: relative;
}

.file1::before
{
    content: '✓';
    background-color: #2E2E2E !important;
    color: #fff !important;
    font-size: 1.8em !important;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alt-a-line a
{
    text-decoration: underline;
}

#download-center-pdfs .p-group-row
{
    margin-bottom: 14px;
}


.cf-col .custom-select
{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.cf-col .custom-select select
{
    padding-right: 30px;
    background: transparent;
    -webkit-appearance: none; /* WebKit */
    -moz-appearance: none; /* Mozilla */
    -o-appearance: none; /* Opera */
    -ms-appearance:none; /* Internet Explorer */
    appearance: none;
    margin: 0 !important;
}

.bd-other-blogs .bordered-btn
{
    margin-top: 10px;
}

.ita-responsive-img
{
    max-width: 615px;
    flex-shrink: 0;
    width: calc(50% - 2.69%) !important;
}

.ita-responsive-text
{
    width: calc(50% - 2.69%) !important;
}

.map-area .container
{
    display: flex;
    column-gap: 100px;
}

.map-area-text,
.map-area-img
{
    width: calc(50% - 50px);
}

.about-years
{
    width: 100%;
    position: relative;
    display: flex;
}

.about-years::before
{
    content: '';
    width: 100%;
    background-color: #FFCD38;
    height: 4px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}

.about-year
{
    width: 100%;
    height: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.about-years-slide li
{
    height: 750px;
    position: relative;
    display: block;
}

.about-years-mobile-slide li
{
    height: 380px;
    position: relative;
    display: block;
}

.about-years-mobile .years-circle
{
    bottom: 1.5%;
}

.about-years-mobile.about-years::before
{
    bottom: 2.5%;
    top: auto;
    transform: translate(0,0);
}

.about-years-mobile .ay-container
{
    padding: 0;
}

.about-years-mobile .year-content
{
    text-align: center;
}

.about-years-mobile .year-content p
{
    width: 100%;
}

.about-years-mobile-slide li .about-year
{
    height: 100%;
}

.about-year .year-content
{
    display: flex;
    flex-wrap: wrap;
    height: min-content;
}

.year1 .year-content
{
    transform: translate(0,-9%);
    padding-bottom: 50px;
}

.year1 .years-circle
{
    bottom: 0;
    left: 50%;
}

.year2 .years-circle
{
    top: 0;
    left: 50%;
}

.year2 .year-content
{
    padding-top: 50px;
}

.year2 h3
{
    margin-top: 40px;
}

.year1
{
    align-items: flex-end;
    position: relative;
}
.year2
{
    align-items: flex-start;
    position: relative;
}

.ay-container
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    padding: 50px 0 40px 0;
}

.about-years-slide
{
    overflow: visible;
}

.about-year h2
{
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 0.5px 0.5px #000, -0.5px -0.5px #000, 0.5px -0.5px #000, -0.5px 0.5px #000;
    color: #fff;
    margin-bottom: 10px;
}

.about-year h3
{
    color: #082664;
}

.years-circle
{
    width: 4px;
    height: 37px;
    background-color: #FFCD38;
    transform: translate(0,-38%);
    position: absolute;
    left: 50%;
    bottom: 50%;
}

.years-circle::before
{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #FFCD38;
    border-radius: 50%;
    top: -20%;
    left: 50%;
    transform: translate(-50%,0);
}

.years-circle::after
{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #FFCD38;
    border-radius: 50%;
    bottom: -50%;
    left: 50%;
    transform: translate(-50%,0);
}

.year2 .years-circle::before
{
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #FFCD38;
    border-radius: 50%;
    bottom: -20%;
    left: 50%;
    transform: translate(-50%,0);
    top: auto;
}

.year2 .years-circle::after
{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #FFCD38;
    border-radius: 50%;
    top: -50%;
    left: 50%;
    transform: translate(-50%,0);
    bottom: auto;
}

.about-1-empty
{
    height: 50%;
    width: 100%;
}

.about-2-empty
{
    height: 50%;
    width: 100%;
}

.year2 .years-circle
{
    transform: translate(0,3px);
}

.about-year p
{
    margin: 10px 0;
}

.about-years-desktop
{
    display: flex;
}

.about-years-mobile
{
    display: none;
}

.op-btns
{
    display: none;
}

.hop-desktop
{
    margin-top: 80px;
}

.op-btns a:nth-child(2)
{
    background-color: #082664;
}

.op-btns a:nth-child(2):hover
{
    background-color: #CF041D;
}

.calc-head
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#calc-select
{
    background-color: #403f3f;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px;
    background-image: url('../images/select_icon_white.svg') !important;
    padding-right: 50px;
}

.calc-sub-p
{
    font-size: 1.05em;
}

.items-end
{
    align-items: end;
}

.tot-green
{
    background-color: #207d3d;
}

#calculators-area .calculators
{
    display: none;
}

.raw-html-embed iframe{
    aspect-ratio: 16 / 9;
    width:100%;
    height: max-content;
}

table:has(img) img {
    width: 100% !important;
    cursor:pointer !important;
}

.prd-i-p p
{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

/* RESPONSİVE BAŞLANGIÇ */

@media(max-width:1440px)
{
    .container
    {
        width: 1200px;
    }
    .footer-logo-area
    {
        margin-right: 120px;
    }
    .our-product
    {
        width: calc(25% - 15px);
    }
    .our-product2
    {
        width: calc(25% - 15px);
    }
    .our-product img,
    .our-product2 img
    {
        width: 100%;
    }
    .award-area-text
    {
        padding-right: 70%;
    }
    .psa-btn
    {
        white-space: nowrap;
        padding: 15px 30px 15px 30px;
    }
    .os-content
    {
        padding-left: 120px;
        width: calc(50% - 120px);
    }
    .susta-value
    {
        width: 50% !important;
    }
    .contact-flex
    {
        display: flex;
    }
    .contact-flex-wrap
    {
        flex-wrap: wrap;
    }
    .csa-s
    {
        height: calc(100% - 20px);
        margin-left: 20px;
    }
    .labs-desktop
    {
        width: 83%;
    }
    .susta-area-title h2
    {
        padding-right: 300px !important;
    }
    .sustainability-sayac
    {
        right: 110px;
    }
}

@media(max-width:1280px)
{
    .container
    {
        width: 1000px;
    }
    #search-btn
    {
        margin-right: 10px;
    }
    .ftr-desktop
    {
        display: none;
    }
    .ftr-mobile
    {
        display: flex;
        margin: 0;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        margin-bottom: 40px;
    }
    .ftr-contents
    {
        display: flex;
        justify-content: center;
        column-gap: 10%;
        margin-bottom: 50px !important;
    }
    .ftr-item
    {
        margin: 0 !important;
    }
    .core-values-area-image
    {
        max-width: 400px;
    }
    .core-values-area-image img
    {
        width: 400px;
    }
    .core-values-area-text
    {
        padding-left: 35px;
    }
    .e-bulten p
    {
        margin: 0;
    }
    .mission-vision-content
    {
        padding-left: 150px;
    }
    .awards
    {
        position: relative;
        padding: 0 !important;
        transform: translate(0,-50%);
    }
    .our-awards-area
    {
        height: min-content;
    }
    .our-awards-area
    {
        background-color: rgb(230, 230, 230, 0.4);
    }
    .awards-bg
    {
        background-color: transparent;
        justify-content: center;
        display: flex;
        height: 485px;
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }
    .award-area-text
    {
        padding: 0 !important;
    }
    #pdf-area h3
    {
        font-size: 1.3em;
    }
    .psa-butons
    {
        flex-wrap: wrap;
        width: min-content !important;
        row-gap: 10px;
    }
    .psa-content
    {
        padding: 30px 5.38%;
    }
    .output-change-area
    {
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .trayforma-calculator p
    {
        font-size: 1.1em;
    }
    .trayforma-calculator-bg
    {
        height: 100%;
    }
    .trayforma-calculator
    {
        padding: 0 20px !important;
        width: calc(100% - 40px) !important;
    }
    .sustainability .sustainability-container
    {
        width: 90%;
    }
    .sustainability-sayac
    {
        display: none;
    }
    .our-awards-area
    {
        padding: 50px 0;
        margin-top: 40px;
    }
    .e-bulten-chck-area, .aydinlatma-chck-area
    {
        white-space: normal;
    }
    .crfw
    {
        flex-wrap: wrap;
    }
    .psa-btn-area
    {
        width: auto !important;
    }
    .mini-galeri-text
    {
        width: 100%;
        min-height: 150px;
        height: max-content;
    }
    .news-wrap
    {
        flex-wrap: wrap;
    }
    .bd-img
    {
        width: 100%;
    }
    .bd-other-blogs
    {
        width: 100%;
    }
    .bd-other-blog
    {
        width: 100%;
        position: relative;
    }
    .p-20-r
    {
        padding: 0 !important;
    }
    .bd-other-blog .lined-btn
    {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0,-50%);
    }
    footer
    {
        padding-top: 50px;
    }
    .f-mb-110
    {
        margin-bottom: 0 !important;
    }
    .award-area-text p:last-child
    {
        margin-bottom: 0;
    }
    .susta-area-title
    {
        display: flex;
    }
    .susta-area-title img
    {
        display: block;
        width: 35%;
        margin-right: -15%;
        margin-left: 1%;
    }
    .susta-area-title h2
    {
        padding-right: 0 !important;
    }
    .labs-desktop
    {
        width: 100%;
    }
    .pr-155-r
    {
        padding-right: 70px !important;
    }
    .ita-responsive-big
    {
        flex-direction: row-reverse;
    }
    .op-select
    {
        width: 300px;
    }
}

@media(max-width:1080px)
{
    .container
    {
        width: 900px;
    }
    .header-nav ul li:not(:last-child)
    {
        margin-right: 10%;
    }
    .ftr-span
    {
        width: 70%;
    }
    .hop-desktop
    {
        display: none;
    }
    .hop-mobile
    {
        display: block;
    }
    .sustainability .sustainability-container
    {
        width: 100%;
    }
    .sustainability-sayac
    {
        top: -10%;
        right: 30%;
    }
    .core-value
    {
        flex-wrap: wrap;
    }
    h2
    {
        font-size: 1.8em;
    }
    p
    {
        font-size: 1.2em;
    }
    .mission-vision-content ul li
    {
        font-size: 1.2em;
    }
    .slide-arrow2
    {
        display: none;
    }
    .trayforma-output-values
    {
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .trayforma-calculator-bg
    {
        height: 120%;
    }
    .trayforma-calculator
    {
        height: 120%;
    }
    .trayforma-calculator-area
    {
        margin-bottom: 0;
    }
    .os-content
    {
        padding-left: 60px;
        width: calc(50% - 60px);
    }
    .trayforma-calculator h2::after
    {
        height: 27px;
        top: 17px;
    }
    .list-double-arrow ul
    {
        font-size: 1.2em;
    }
    .open-positions-img
    {
        display: none;
    }
    .open-positions-area .container::after
    {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background: linear-gradient(to top, #006EBD, #52AEF8);
        transform: translate(99%, 0);
        top: 0;
    }
    .open-positions-area
    {
        overflow: hidden;
    }
    .susta-area-title img
    {
        margin-right: -10%;
    }
    .ls-img
    {
        min-height: 200px;
    }
    .labs-desktop
    {
        width: 89%;
    }
    .search-form label
    {
        font-size: 1.1em;
    }
    .contact-page .sf-search-btn,
    .contact-page .sf-clear-btn
    {
        padding: 8px 67px;
    }
    .help-form
    {
        margin-top: 70px;
    }
    .trayforma-output
    {
        column-gap: 40px;
    }
}

@media(max-width:1024px)
{
    .main-slider ul li
    {
        height: 530px;
    }
    .sr-di img
    {
        width: calc(50% - 15px);
    }
    .certifica
    {
        display: flex;
        width: calc(20% - 20px);
    }
    .blog2
    {
        width: calc(50% - 27px) !important;
    }
    #page_edit_btn,
    #page_save_btn
    {
        display: none !important;
    }
}

@media(max-width:975px)
{
    .container
    {
        width: 800px;
    }
    .header-nav
    {
        display: none;
    }
    .header-content .container
    {
        justify-content: space-between;
    }
    .ftr-contents
    {
        flex-wrap: wrap;
    }
    .ftr-item
    {
        width: 45% !important;
        justify-content: center;
        text-align: center;
    }
    .ftr-item-mobile
    {
        display: flex;
    }
    #searchArea
    {
        top: 58px;
    }
    .our-values-content
    {
        padding: 90px 100px 70px 100px;
    }
    .ceo-message-area h3
    {
        padding: 0;
    }
    .brand
    {
        max-width: calc(33% - 14px);
    }
    .our-brands-area.pv-100
    {
        padding: 60px 0;
    }
    .susta-value
    {
        display: block;
    }
    .cf-row
    {
        flex-wrap: wrap;
        margin-bottom: 20px !important;
    }
    .cf-row .cf-col:first-child
    {
        margin-bottom: 20px;
    }
    .cf-row .cf-col:last-child
    {
        margin-bottom: 0px;
    }
    .cf-btn-area
    {
        flex-wrap: nowrap;
    }
    .psa-btn
    {
        font-size: 1em;
        padding: 7.5px 15px 7.5px 15px;
    }
    .psa-btn:not(:last-child)
    {
        margin-right: 15px;
    }
    .goal h3
    {
        font-size: 1.3em;
    }
    .sustainability-image
    {
        width: 270%;
    }
    .sustainability-image img
    {
        width: 100%;
        object-fit: cover;
    }
    .labs-desktop
    {
        width: 100%;
    }
    .sf-input-area
    {
        width: calc(50% - 20px);
        padding: 0 !important;
    }
    .sf-input-areas
    {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sf-input-area:last-child
    {
        margin-top: 30px;
        width: calc(100% - 10px);
    }
    .trayforma-calculator p
    {
        font-size: 1em;
    }
}

@media(max-width:860px)
{
    .container
    {
        width: 700px;
    }
    .sustainability-image
    {
        display: none;
    }
    .sustainability-sayac
    {
        top: -30%;
        right: 20%;
    }
    .sustainability-sayac img
    {
        width: 180px;
    }
    .map-area .container
    {
        flex-wrap: wrap-reverse;
    }
    .map-area-img,
    .map-area-text
    {
        width: 100%;
    }
    .map-area img
    {
        margin-bottom: 60px;
    }
    .videoH1
    {
        font-size: 2.5em;
    }
    .videoH2
    {
        font-size: 1.8em;
    }
    .e-bulten-content
    {
        width: 75%;
    }
    .mission-vision-area
    {
        width: 100%;
    }
    .mission-vision-content
    {
        padding-left: 50px;
    }
    .flex-wrap-helpForm
    {
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .hf-input,
    .hf-submit
    {
        width: 100% !important;
    }
    .flex-wrap-helpForm .w-1\/2
    {
        width: calc(100% - 15px);
        padding: 0 !important;
    }
    .susta-value
    {
        display: flex;
    }
    .goals-h1
    {
        font-size: 3em;
    }
    .goal-text
    {
        padding: 25px !important;
        padding-top: 70px !important;
    }
    .tvg-wrap
    {
        flex-wrap: wrap-reverse;
    }
    .tvg-slide-area
    {
        position: relative;
    }
    .tvg-title
    {
        width: 100%;
        padding: 0;
    }
    .t-video-galeri
    {
        padding: 50px 0;
    }
    .tvg-slide-area
    {
        width: 100%;
        aspect-ratio: 16/9;
        height: max-content;
    }
    .tvg-slide
    {
        width: 100%;
    }
    .opa-btns
    {
        flex-wrap: wrap;
    }
    .open-positions-area .bordered-btn
    {
        margin-left: 0;
        margin-top: 10px;
    }
    .op-select
    {
        width: 80%;
    }
    .dc-policies h3
    {
        font-size: 1.1em;
    }
    .app-area
    {
        width: calc(33% - 18px);
    }
    .search-form label
    {
        font-size: 1.2em;
    }
    .search-results-area .pdf-row
    {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .pdl-title
    {
        padding: 30px 15px;
    }
    .contact-page .sf-search-btn,
    .contact-page .sf-clear-btn
    {
        padding: 8px 47px;
    }
    .ita-responsive
    {
        flex-direction: row-reverse;
    }
    .op-btns
    {
        column-gap: 20px;
        flex-wrap: wrap;
    }
    .trayforma-output-title
    {
        padding: 10px 10px;
        width: calc(100% - 20px);
    }
    .trayforma-output
    {
        column-gap: 30px;
    }

    table:has(img) {
        width: 100% !important;
    }
    table:has(img) td {
        display: block !important;
    }
    table:has(img) img {
        width: 100% !important;
    }
}

@media(max-width:780px)
{
    .container
    {
        width: 600px;
    }
    .ftr-span
    {
        width: 50%;
    }
    .footer-social
    {
        left: 53%;
    }
    .footer-social li:not(:last-child) svg
    {
        margin-right: 10px;
    }
    .slide-alt-img-mobile
    {
        display: flex;
    }
    .slide-alt-img-desktop
    {
        display: none;
    }
    .flex-wrap-sa
    {
        flex-wrap: wrap;
    }
    .slide-alt-text
    {
        width: 100%;
    }
    .flex-wrap-hcv
    {
        flex-wrap: wrap;
    }
    .e-bulten-text
    {
        width: 100%;
        padding-right: 0;
    }
    .e-bulten-input-area
    {
        width: 100%;
    }
    .core-values-area-image
    {
        width: 100%;
    }
    .core-values-area-image img
    {
        width: 100%;
    }
    .core-values-area-image
    {
        max-width: none;
    }
    .e-bulten p
    {
        margin-bottom: 10px;
    }
    .videoH1
    {
        font-size: 2em;
    }
    .videoH2
    {
        font-size: 1.4em;
    }
    .e-bulten-input
    {
        width: calc(100% - 26px);
    }
    .sustainability-text
    {
        padding: 0 !important;
    }
    .main-slider ul li
    {
        height: 450px;
    }
    .main-slider h4
    {
        display: none;
    }
    .ita-responsive
    {
        flex-wrap: wrap;
    }
    .ita-responsive-reverse
    {
        flex-wrap: wrap-reverse;
    }
    .ita-responsive-img,
    .ita-responsive-text
    {
        width: 100% !important;
    }
    .ita-responsive-text
    {
        margin-top: 40px;
    }
    .about-text-content
    {
        padding: 0;
    }
    .ceo-message-area .container
    {
        flex-wrap: wrap;
    }
    .ceo-message-area .container .w-1\/2
    {
        width: 100%;
        padding: 0 !important;
    }
    .ceo-message-area .container .w-1\/2:first-child
    {
        margin-bottom: 40px;
    }
    .awards .award
    {
        width: calc(50% - 10px);
        max-width: 255px;
        height: max-content;
        aspect-ratio: 255/385;
    }
    img.award
    {
        width: calc(50% - 10px) !important;
    }
    .awards
    {
        width: 100%;
        justify-content: center;
        padding: 0 20px !important;
    }
    .awards-bg
    {
        height: 485px;
    }
    .our-brands-area .container
    {
        flex-wrap: wrap;
    }
    .brands
    {
        padding: 20px 0 0 0 !important;
    }
    .pp-mobile
    {
        display: block;
    }
    .pp-desktop
    {
        display: none;
    }
    .ph-140-brand
    {
        padding: 0 80px !important;
    }
    .psa-btn
    {
        font-size: 1em;
    }
    .psa-cubuk
    {
        height: 100% !important;
    }
    .trayforma-output
    {
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 30px;
    }
    .trayforma-calculator-bg
    {
        display: none;
    }
    .trayforma-calculator
    {
        height: max-content !important;
    }
    .trayforma-calculator-area .container
    {
        height: max-content !important;
    }
    .trayforma-calculator-area
    {
        background-color: #f5f5f5;
        padding-bottom: 40px;
        margin-top: 40px;
    }
    .os-area-reverse
    {
        flex-wrap: wrap-reverse;
    }
    .os-content
    {
        width: calc(100% - 100px);
        padding-left:100px;
        position: relative;
        height: 400px;
        background-image: url('../images/our_services.png');
        background-position: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .os-img
    {
        width: 100%;
        position: relative;
        height: 400px;
        display: none;
    }
    .os-content::before
    {
        content: '';
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 0;
        position: absolute;
        left: 0;
        top: 0;
    }
    .os-content .pr-155-r
    {
        z-index: 5;
    }
    .our-services
    {
        height: max-content !important;
    }
    .cf-img
    {
        display: none;
    }
    .contact-left-area
    {
        margin: 0 !important;
        width: 100%;
        margin-bottom: 20px !important;
    }
    .contact-right-area
    {
        width: 100%;
    }
    .cf-area
    {
        flex-wrap: wrap;
    }
    .psa-content
    {
        flex-wrap: wrap;
    }
    .psa-btn-area
    {
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .psa-butons
    {
        margin-top: 10px;
        width: auto !important;
    }
    .brand-row
    {
        gap: 10px !important;
    }
    .brand
    {
        max-width: calc(50% - 10px);
    }
    .goal-area
    {
        width: calc(50% - 10px);
        margin-bottom: 0 !important;
    }
    .goal
    {
        padding: 0 !important;
    }
    .goals-list
    {
        column-gap: 20px;
        row-gap: 60px;
    }
    .tfg-title
    {
        width: calc(35% - 30px);
    }
    .susta-area-title img
    {
        margin-right: 0 !important;
    }
    .padding-reset-ita
    {
        padding: 0 !important;
    }
    .service
    {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .service-img,
    .service-text
    {
        width: 100%;
    }
    .service-text h3
    {
        padding-bottom: 0;
    }
    .service-list
    {
        row-gap: 40px;
    }
    .service-line
    {
        display: none;
    }
    .service-img img
    {
        position: relative;
        width: 100%;
    }
    .popup-content
    {
        transform: translate(-50%,-100%);
        width: 95% !important;
        top: auto;
        bottom: 150px;
        transform: translate(-50%,0);
    }
    .video-popup .popup-content
    {
        transform: translate(-50%,-50%);
    }
    .video-popup .popup-close
    {
        right: 3.5%;
        border-radius:0;
        top: -25px;
    }
    #galeri-prev
    {
        top: auto;
        left: 35%;
        bottom: 40px;
        transform: translate(0,0);
    }
    #galeri-next
    {
        top: auto;
        right: 35%;
        bottom: 40px;
        transform: translate(0,0);
    }
    .help-form
    {
        margin-top: 0;
    }
    .trayforma-calculator h2
    {
        margin-bottom: 35px;
        margin-left: 8px;
    }
    .calc-head
    {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    #calc-select
    {
        font-size: 1.1em;
    }
    .trayforma-output-title
    {
        margin-bottom: 10px
    }
}

@media(max-width:650px)
{
    .container
    {
        width: 550px;
    }
    .ftr-contact
    {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .ftr-item-mobile
    {
        display: none;
    }
    .mission-vision-content
    {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .mv-bg
    {
        display: none;
    }
    .our-values-area .container
    {
        width: 100%;
    }
    #pdf-area h3
    {
        font-size: 1.1em;
    }
    .pdl-icons
    {
        width: 50px;
        height: 50px;
    }
    .pd-title
    {
        font-size: 1em;
    }
    .pd-desc
    {
        font-size: 0.9em;
    }
    .psa-content
    {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .psa-butons
    {
        width: 100% !important;
    }
    .psa-btn:not(:last-child)
    {
        margin-right: 10px;
    }

    .susta-value
    {
        display: block;
    }
    .policy-pr-reset
    {
        padding-right: 0 !important;
    }
    .certifica
    {
        width: calc(25% - 20px);
    }
    .ik-slide-content
    {
        padding-left : 5%;
        padding-right: 5%;
    }
    .galeri-img
    {
        width: calc(33.333% - 9.33px);
    }
    .tfg-wrap
    {
        flex-wrap: wrap;
    }
    .tfg-title
    {
        padding: 0 !important;
        width: 100%;
        margin-bottom: 40px;
    }
    .tfg-fotos
    {
        transform:translate(0);
    }
    .t-foto-galeri::before
    {
        width: 200%;
        left: 50%;
        transform: translate(-50%,0);
    }
    .ik-col.w-1\/2
    {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }
    .ik-row
    {
        flex-wrap: wrap;
        row-gap: 20px;
        margin-top: 20px;
    }
    .ik-col.w-1\/2 .ik-input
    {
        width: 100%;
        -webkit-appearance: none;
    }
    .pl-8
    {
        padding-left: 0 !important;
    }
    .ik-col.w-1\/3
    {
        width: 50%;
        display: flex;
        flex-wrap: wrap
    }
    .ik-col.w-1\/3 .ik-input
    {
        width: calc(100% - 20px);
    }
    .file-input
    {
        margin-top: 0;
        justify-content: left;
    }
    .file-input label
    {
        width: calc(100% - 10px) !important;
    }
    .blog2
    {
        width: 100% !important;
    }
    .news-area
    {
        justify-content: center;
    }
    .videoH2
    {
        font-size: 1.3em;
        width: 250px;
    }
    .video-text p
    {
        font-size: 0.8em;
    }
    .video-play
    {
        width: 19%;
    }
    #searchArea
    {
        width: 100%;
        position: fixed;
        top: 91px;
    }
    .close-search
    {
        top: 5px;
        right: 5px;
    }
    .ls-desc
    {
        padding-left: 30px;
        width: calc(50% - 30px);
    }
    .lab-step:nth-child(2n + 2) .ls-desc
    {
        padding-right: 30px;
        width: calc(50% - 30px);
    }
    .app-area
    {
        width: calc(50% - 15px);
    }
    .sf-input-area
    {
        width: 100%;
    }
    .sf-input-area:first-child
    {
        margin-bottom: 20px;
    }
    .sf-input-area:last-child
    {
        margin-top: 20px;
    }
    .spr-input
    {
        width: 100%;
        margin: 0 !important;
    }
    .spr-row
    {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .spr-row:not(:last-child)
    {
        margin-bottom: 20px;
    }
    .bd-other-blog
    {
        display: block;
    }
    .bd-other-blog .lined-btn .btn-line
    {
        display: none;
    }
    .bd-other-blog .lined-btn
    {
        display: none;
    }
    .lined-btn-none
    {
        display: block !important;
        position: relative !important;
        top: auto !important;
        right: auto !important;
        transform: translate(0,0) !important;
    }
    .ob-short
    {
        width: 100%;
    }
    .of-hidden
    {
        overflow: hidden;
    }
    .video-play-brand
    {
        width: 20% !important;
    }
    .left-top
    {
        top: 10px;
        left: 10px;
    }
    .mobile-reverse
    {
        flex-wrap: wrap-reverse;
    }
}


@media(max-width:600px)
{
    h4
    {
        font-size: 0.9em !important;
    }
    .container
    {
        width: 90%;
    }
    .ftr-span
    {
        width: 90%;
    }
    .footer-social
    {
        display: none;
    }
    .footer-nav-desktop
    {
        display: none;
    }
    .footer-nav-mobile
    {
        display: block;
    }
    .sustainability-sayac
    {
        top: -20%;
        right: 30%;
    }
    .videoH1
    {
        font-size: 1.5em;
    }
    .videoH2
    {
        font-size: 1.2em;
    }
    .video-text
    {
        left: 20px;
    }
    .sustainability-sayac img
    {
        width: 140px;
        top: 0 !important;
    }
    .core-value
    {
        flex-wrap: nowrap;
        width: 100%;
    }
    .pv-100
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .pt-100
    {
        padding-top: 40px;
    }
    .pb-100
    {
        padding-bottom: 40px;
    }
    .our-product-title2 span
    {
        font-size: 0.8em;
    }
    .main-slider ul li
    {
        height: 430px;
    }
    .main-slider h1
    {
        font-size: 2.4em;
    }
    .main-slider p
    {
        font-size: 1.2em;
    }
    .main-slider h1 span::after
    {
        height: 21px;
        top: 25px;
    }
    .our-values-content
    {
        padding: 60px 20px 60px 20px;
    }
    .core-values
    {
        margin-bottom: 0;
    }
    .awards-slide
    {
        display: block;
        margin-bottom: 20px;
    }
    .awards
    {
        display: none;
    }
    img.award
    {
        width: 100% !important;
    }
    .awards-bg
    {
        height: 595px;
    }
    .ph-140-brand
    {
        padding: 0 20px !important;
    }
    .p-group-row
    {
        padding: 0 40px;
        width: calc(100% - 80px);
    }
    .PG-title-line
    {
        width: calc(100% - 80px);
    }
    .pdf-row
    {
        padding: 0 40px 0 60px;
        width: calc(100% - 100px);
    }

    .susta-value
    {
        display: flex;
        width: 100% !important;
    }
    .addres-wrap
    {
        flex-wrap: wrap;
    }
    .padding-reset
    {
        padding: 0 !important;
    }
    .psa-btn:not(:last-child)
    {
        margin-bottom: 10px;
    }
    .dc-brands .plus-btn
    {
        position: relative !important;
    }
    .dc-brands .p-group-title
    {
        display: flex;
        justify-content: space-between;
    }
    .dc-brands .p-group-title h3
    {
        width: 100%;
    }
    .deklarasyon-migrasyon
    {
        column-gap: 0;
        flex-wrap: wrap;
        row-gap: 40px;
    }
    .dc-line
    {
        display: none;
    }
    .dc-policy h3
    {
        white-space: normal;
    }
    .pr-155-r
    {
        padding-right: 40px !important;
    }
    .f-mb-110
    {
        margin-bottom: 40px !important;
    }
    .ftr-span
    {
        text-align: left;
    }
    .ftr-alt
    {
        height: 60px;
    }
    .f-mt-43
    {
        margin-top: 0 !important;
    }
    .footer-logo-area
    {
        font-size: 1em;
    }
    .our-products-area-title
    {
        margin-bottom: 0 !important;
    }
    .brand-ara-img
    {
        height: max-content;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .brand-ara-img p:last-child
    {
        margin-bottom: 0;
    }
    .psa-btn:last-child
    {
        margin-top: -10px;
    }
    .last-p p:last-child
    {
        margin-bottom: 0;
    }
    .ik-slide-content
    {
        padding-left: 2%;
        padding-right: 2%;
        width: 98%;
    }
    .lab-step
    {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .ls-img
    {
        width: 100%;
        overflow: visible;
    }
    .ls-img img
    {
        position: relative;
        width: 100%;
        object-fit: cover;
    }
    .ls-desc
    {
        width: calc(100% - 10px);
        margin-left: 35px;
        padding-right: 10px;
        padding-left: 0 !important;
        text-align: left;
        margin-bottom: 0 !important;
    }
    .lab-step .ls-desc::after
    {
        left: -2px;
        top: -10px;
        right: auto;
        bottom: auto;
    }
    .lab-step .ls-desc::before
    {
        content: '';
        position: absolute;
        bottom: auto;
        top: -4px;
        height: 60px;
        width: 2px;
        background-color: #082664;
        right: auto;
        left: 1px;
        transform: translate(0,-100%);
    }
    .lab-step:nth-child(2n + 2) .ls-desc
    {
        width: calc(100% - 10px);
        margin-left: 35px;
        padding-right: 10px;
        padding-left: 0 !important;
        text-align: left;
    }
    .lab-step:nth-child(2n + 2) .ls-desc::after
    {
        left: -2px;
        top: -10px;
        right: auto;
        bottom: auto;
    }
    .lab-step:nth-child(2n + 2) .ls-desc::before
    {
        content: '';
        position: absolute;
        bottom: auto;
        top: -4px;
        height: 60px;
        width: 2px;
        background-color: #082664;
        right: auto;
        left: 1px;
        transform: translate(0,-100%);
    }
    .search-form p,
    .sf-mb-60
    {
        margin-bottom: 30px;
    }
    .sf-container-2
    {
        margin: 0 !important;
        width: 100%;
    }
    .about-years-mobile
    {
        display: flex;
    }

    .about-years-desktop
    {
        display: none;
    }
    .prr img
    {
        width: 100px !important;
        height: 100px !important;
    }
    .prr
    {
        column-gap: 15px !important;
        padding: 10px !important;
    }
    .prr-txt p
    {
        font-size: 1em !important;
    }
    .prr span
    {
        font-size: 1.25em !important;
    }
}

@media(max-width:500px)
{
    .banner
    {
        height: 150px;
    }
    .banner h3
    {
        font-size: 1.3em;
    }
    .banner picture
    {
        height: 150px;
    }
    .b2 img
    {
        height: 150px;
    }
    #keyword-page,
    #keyword-document
    {
        width: calc(80% - 50px);
    }
}

@media(max-width:480px)
{
    .videoH1
    {
        font-size: 1.2em;
        width: 100%;
    }
    .videoH2
    {
        font-size: 0.9em;
    }
    .video-text
    {
        width: calc(100% - 20px);
    }
    .main-slider h1
    {
        font-size: 2em;
    }
    .main-slider p
    {
        font-size: 0.9em;
    }
    .main-slider .bordered-btn
    {
        font-size: 0.9em;
        padding: 6px 25px;
    }
    .b-tirnak
    {
        display: none;
    }
    #pdf-area h3
    {
        font-size: 0.9em;
        width: 80%;
    }
    .pdl-icons
    {
        width: 50px;
        height: 50px;
    }
    .pd-title
    {
        font-size: 0.8em;
    }
    .pd-desc
    {
        font-size: 0.7em;
    }
    .cf-btn-area
    {
        flex-wrap: wrap;
    }
    .cf-btn-area .flex:first-child
    {
        margin-bottom: 20px;
    }
    .sr-di img
    {
        width: calc(100%);
    }
    .sr-di
    {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .brands-area
    {
        flex-wrap: wrap;
    }
    .our-brands-text
    {
        width: 100%;
        padding: 0 !important;
    }
    .certifica
    {
        width: calc(33.333% - 20px);
    }
    .goal-area
    {
        width: 100%  !important;
        margin-bottom: 0 !important;
    }
    .galeri-text
    {
        padding-right: 0%;
    }
    .ik-col.w-1\/3
    {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }
    .ik-col.w-1\/3 .ik-input
    {
        width: 100%;
    }
    .file-input
    {
        margin-top: 0;
        justify-content: left;
    }
    .file-input label
    {
        width: 100% !important;
    }
    .ik-row .sf-search-btn,
    .ik-row .sf-clear-btn
    {
        margin-right: 10px;
    }
    .bd-other-blog .lined-btn .btn-line
    {
        display: none;
    }
    .app-area
    {
        width: 100%;
    }
    .sf-pl-title-area
    {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .sf-pl-title-area h2
    {
        width: 100%;
    }
    .sf-pl-title-area p
    {
        width: 100%;
    }
    .pdl-title
    {
        padding: 30px 20px;
    }
    .cookie-warn
    {
        width: calc(100% - 50px);
        left: 0;
        bottom: 0;
    }
    .contact-page .sf-clear-btn
    {
        margin-top: -20px !important;
    }
    .os-content
    {
        height: 550px;
    }
}

@media(max-width:445px)
{
    .contact-page .sf-search-btn, .contact-page .sf-clear-btn
    {
        width: 100%;
        padding: 8px 0;
    }
    .cf-btn-area .flex
    {
        width: 100%;
    }
    .contact-page .sf-clear-btn
    {
        margin-top: 0 !important;
    }
}

@media(max-width:400px)
{
    .main-slider ul li
    {
        height: max-content;
        aspect-ratio: 430/485;
    }
    .slider-img picture, .slider-img img
    {
        width: 100%;
        height: 100%;
    }
    #keyword-page,
    #keyword-document
    {
        width: calc(100% - 50px);
    }
}

@media(max-width:400px)
{
    .videoH1
    {
        font-size: 1em;
        width: 100%;
    }
    .videoH2
    {
        font-size: 0.75em;
        width: 150px;
    }
    .video-text p
    {
        font-size: 0.6em;
    }
    .video-text
    {
        width: calc(100% - 20px);
    }
    .video-text-line
    {
        width: 150px;
    }
    .sustainability-sayac
    {
        top: -20%;
        right: auto;
        left: 13%;
    }
    .brand
    {
        max-width: calc(50% - 12px);
    }
    .os-content
    {
        width: calc(100% - 30px);
        padding-left: 30px;
    }
    .open-positions-area .bordered-btn
    {
        padding: 10.5px 25px;
        font-size: 0.9em;
    }
    .video-play
    {
        width: 25%;
    }
    .sf-btns
    {
        width: 100%;
        flex-wrap: wrap !important;
        row-gap: 0 !important;
    }
    .sf-btn button,
    .sf-btn a
    {
        width: 100%;
        margin: 0 !important;
    }
    .sf-btn
    {
        width: 100%;
    }
    .sf-btn:last-child
    {
        margin-top: 20px;
    }
    #calc-select
    {
        font-size: 0.9em;
    }
}

@media (max-width:350px)
{
    .p-group-row
    {
        min-height: 120px;
    }
    .os-list ul li
    {
        width: 100%;
    }
    .os-content
    {
        height: max-content;
    }
}

.element-edit-hover
{
    cursor: pointer;
    position: relative;
}

.element-edit-hover.absolute
{
    position: absolute;
}

.page-edit-btn
{
    position: fixed;
    height: 50px;
    background-color: #ffa500;
    border: 0;
    color: #000;
    border-radius: 5px;
    left: 35px;
    top: 35px;
    display: flex;
    column-gap: 20px;
    align-items: center;
    padding: 0 10px;
    font-weight: bold;
}

.page-edit-btn.save
{
    background-color: #4BB543;
    display: flex;
    column-gap: 20px;
    align-items: center;
    padding: 0 10px;
    font-weight: bold;
}

@media (max-width:1800px)
{
    .page-edit-btn
    {
        left: 0;
        top: 113px;
    }
}
@media (max-width:975px)
{
    .page-edit-btn
    {
        left: 0;
        top: 106px;
    }
}

.awards
{
    z-index: 20;
}

.element-edit-hover::after
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 165, 0, 0.6);
    top: 0;
    left: 0;
    z-index: 20;
}

.element-edit-hover .eeh-z-1
{
    z-index: -1;
}

.admin-li
{
    color: blue;
    font-weight: bold;
}

.admin-brand .brand-right-kay
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 1.5em;
    position: relative;
}

.admin-brand
{
    width: 100%;
}

.admin-brand:hover
{
    background-color: blue;
}

.admin-brand:hover .admin-brand-text
{
    color: #fff !important;
}

.admin-brand-text
{
    position: absolute;
    text-align: center;
    color: blue !important;
    margin: 0 !important;
}

.sustainability-policy-area ul
{
    margin-top: 1em;
}

.sustainability-policy-area ul + p
{
    margin-top: 0 !important;
}

#years-title
{
    padding: 0 10px;
    width: calc(100% - 20px);
}

input[type="date"]::-webkit-calendar-picker-indicator
{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    cursor:pointer;
}

.bg-gray
{
    background-color: #f5f5f5;
}

.spbtns
{
    cursor: pointer;
    transition: all 0.3s linear;
    border: 1px solid #dbdbdb;
    padding: 10px;
    font-size: 1.3em !important;
    background-color: transparent;
}

.search-title
{
    margin-bottom: 20px;
}

.spbtns.opened
{
    font-weight: bold;
    background-color: #2e2e2e;
    color: #fff;
}

.search-area-product,
.search-area-page,
.search-area-document
{
    transition: all 0s linear;
}

.search-area-page
{
    display: none;
    opacity: 0;
}

.search-area-document
{
    display: none;
    opacity: 0;
}

.page-result-area
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.prr
{
    width: 100%;
    transition: all 0.3s linear;
    display: flex;
    align-items: center;
    column-gap: 30px;
    padding: 20px;
}

.prr:not(:first-child)
{
    border-top: 2px solid #e2e5ec;
}

.prr img
{
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.prr span
{
    font-size: 1.4em;
    font-weight: bold;
}

.prr:hover
{
    background-color: rgba(0, 0, 0, 0.05);
}

.prr-txt p
{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin: 5px 0 0 0 !important;
}


.document-result-area .prr img
{
    width: 48px !important;
    height: max-content !important;
    aspect-ratio: 1/1 !important;
}

.search-form
{
    display: none;
    opacity: 0;
    transition: all 0.3s linear;
}

.key-inp
{
    padding-right: 43px;
    width: calc(100% - 43px);
}


.key-inp.w-1\/3
{
    padding-right: 43px;
    width: calc(33.333% - 43px);
}

.s-p-a .pdf-row
{
    padding: 20px;
    width: 100%;
    height: fit-content;
    transition: all 0.2s linear;
}

.s-p-a .pdf-row:hover
{
    background-color: rgba(0, 0, 0, 0.05);
}

.s-p-a .product-download-list-content .pdr-a:not(:first-child) .pdf-row
{
    border-top: 2px solid #e2e5ec;
}

.s-p-a .pdf-row:hover .pdl-icons
{
    animation: none;
}

.sea-type-btns
{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.next-year
{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, calc(-100% + 2px));
    cursor: pointer;
}
.next-year-mobile
{
    position: absolute;
    top: 99%;
    right: 10px;
    transform: translate(0, calc(-100% + 2px));
    cursor: pointer;
}

.prev-year
{
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, calc(-100% - 2px)) rotate(180deg);
    cursor: pointer;
}

.prev-year-mobile
{
    position: absolute;
    top: 99%;
    left: 10px;
    transform: translate(0, calc(-100% - 2px)) rotate(180deg);
    cursor: pointer;
}

.about-year
{
    user-select: none;
}

.prev-year svg,
.next-year svg
{
    width: 45px;
    height: 45px;
}

.prev-year-mobile svg,
.next-year-mobile svg
{
    width: 45px;
    height: 45px;
}