@charset "UTF-8";
@import url("flaticon.min.css");
@import url("font-awesome-5.9.0.min.css");
@import url("bootstrap.min.css");
@import url("magnific-popup.min.css");
@import url("swiper-bundle.min.css");

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

body {
    color: #415674;
    background: #f6f6f6;
    font-weight: 400;
    line-height: 1.82;
    font-size: 16px;
    font-family: var(--ronse-genel-font);
    background-image: var(--ronse-site-desen);
    background-repeat: repeat-y;;
    background-size: contain;
    height: 100%;
}

a {
    color: #415674;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}

a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #22262F;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 12px;
    font-family: var(--ronse-baslik-font);
    font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #6c757d;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white h1 a,
.text-white h2 a,
.text-white h3 a,
.text-white h4 a,
.text-white h5 a,
.text-white h6 a {
    color: white;
}

h1 {
    font-size: 65px;
}

h2 {
    font-size: 45px;
}

h3 {
    line-height: 1.35;
    font-size: 30px;
}

h4 {
    line-height: 1.2;
    font-size: 22px;
}

h5 {
    line-height: 1.5;
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

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

img {
    max-width: 100%;
    display: inline-block;
}

header:after, section:after, footer:after {
    display: block;
    clear: both;
    content: "";
}


input,
select,
textarea,
.nice-select,
.form-control {
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    padding: 16px 30px;
    background: #f7f7f7;

    border: 1px solid #f7f7f7;
}

.nice-select {
    line-height: 1.5;
}

textarea {
    display: inherit;
}

.form-group {
    margin-bottom: 30px;
}

input:focus,
textarea:focus,
.form-control:focus,
.nice-select.open,
.nice-select:active,
.nice-select:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border-color: #e9eaeb;
}

button:focus {
    outline: none;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: var(--ronse-genel-renk);
    text-transform: capitalize;
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    color: var(--ronse-genel-renk);
    text-transform: capitalize;
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: var(--ronse-genel-renk);
    text-transform: capitalize;
}

input::placeholder,
select::placeholder,
textarea::placeholder,
.form-control::placeholder {
    color: var(--ronse-genel-renk);
    text-transform: capitalize;
}

input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none;
}

input[type=checkbox], input[type=radio] {
    height: auto;
    width: auto;
}

/*******************************************************/
/*****************  02. Common Classes *****************/
/*******************************************************/
.page-wrapper {
    position: relative;
    z-index: 9;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    min-width: 300px;
}

.container {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}

.no-gap {
    margin-left: 0;
    margin-right: 0;
}

.no-gap > div {
    padding-left: 0;
    padding-right: 0;
}

.small-gap {
    margin-left: -5px;
    margin-right: -5px;
}

.small-gap > div {
    padding-left: 5px;
    padding-right: 5px;
}


/** Section Title style **/
.section-title {
    z-index: 1;
    position: relative;
    margin: auto;
    max-width: 900px;
}

.section-title h2 {
    text-transform: none;
    font-size: 60px;
    font-weight: 700;
}


.section-title h2 .number {
    color: var(--ronse-genel-renk);
}

.section-title h2 span:not(.number) {
    display: inline-block;
    padding: 0 15px 10px 10px;
    margin: 0 -15px -10px -10px;
    background: url(../images/shapes/title-bg.png) no-repeat right bottom;
}

.sub-title {
    color: white;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    padding: 0px 20px;
    display: inline-block;
    background: var(--ronse-ikinci-renk);
    margin-bottom: 10px;
}

.sub-title.style-two {
    color: var(--ronse-genel-renk);
    background: rgba(32, 78, 207, 0.1);
}

.sub-title-two {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
    color: var(--ronse-genel-renk);
}

.sub-title-three {
    font-size: 20px;
    font-weight: 700;
    color: #2467ec;
    margin-bottom: 15px;
    display: inline-block;
}

.sub-title-three span {
    position: relative;
}

.sub-title-three span:before {
    content: '';
    width: 100%;
    height: 10px;
    left: 0;
    top: 95%;
    position: absolute;
    background: url(../images/shapes/subtitle-line.png) no-repeat center/cover;
}

.bg-text {
    text-transform: uppercase;
    position: absolute;
    font-size: 355px;
    font-weight: 800;
    line-height: 0.7;
    opacity: 0.04;
    z-index: -1;
    bottom: 0;
    right: 0;
}


/** Button style **/
.theme-btn, a.theme-btn {
    color: white;
    cursor: pointer;
    font-weight: 500;
    font-size: 15px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 12px;
    border-radius: 5px;
}

.theme-btn i,
a.theme-btn i {
    font-size: 12px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-left: 15px;
}

.theme-btn:hover i,
a.theme-btn:hover i {
    margin: 0 -3px 0 18px;
}

.theme-btn:hover, .theme-btn:focus, .theme-btn.style-two:not(:hover),
a.theme-btn:hover,
a.theme-btn:focus,
a.theme-btn.style-two:not(:hover) {
    background: #495057;
}

.theme-btn:not(:hover), .theme-btn.style-two:hover,
a.theme-btn:not(:hover),
a.theme-btn.style-two:hover {
    background: var(--ronse-ikinci-renk);
}

.theme-btn.style-three,
a.theme-btn.style-three {
    color: var(--ronse-genel-renk);
    background: transparent;
    border: 1px solid #e9eaeb;
}

.theme-btn.style-three:hover,
a.theme-btn.style-three:hover {
    color: var(--ronse-genel-renk);
    border-color: var(--ronse-genel-renk);
}

.theme-btn.style-four,
a.theme-btn.style-four {
    color: #fff;
    background: var(--ronse-genel-renk);
}

.theme-btn.style-four:hover,
a.theme-btn.style-four:hover {
    color: white;
    background: var(--ronse-genel-renk);
}

.theme-btn.style-five,
a.theme-btn.style-five {
    color: var(--ronse-genel-renk);
    background: #f7f7f7;
}

.theme-btn.style-five:hover,
a.theme-btn.style-five:hover {
    color: white;
    background: var(--ronse-ikinci-renk);
}

/* Read More Btb */
.read-more {
    font-size: 15px;
    font-weight: 800;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase;
    text-decoration: underline;
}

.read-more.color-two {
    color: var(--ronse-genel-renk);
}

/*** Scroll Top style ***/
.scroll-top {
    position: absolute;
    z-index: 99;
    color: white;
    top: -20px;
    display: none;
    right: calc(50% - 27.5px);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    width: 35px;
    height: 35px;
    background: var(--ronse-ikinci-renk);
    line-height: 55px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
}

/* Text White */
.text-white *,
.text-white .bg-text {
    color: white;
}

/* Position */
.rel {
    position: relative;
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.overlay {
    z-index: 1;
    position: relative;
}

.overlay::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.3;
    background-color: black;
}


/* Backgruond Size */
.bgs-cover {
    background-size: cover;
    background-position: center;
}

/* Color + Background */
.bg-lighter {
    background-color: #f7f7f7;
}

.bg-light-two {
    background-color: #f4f6f9;
}

.bg-green {
    background-color: var(--ronse-ikinci-renk);
}

.bg-blue {
    background-color: var(--ronse-genel-renk);
}

.bg-dark-blue {
    background-color: var(--ronse-genel-renk);
}

.bg-bscms {
    background: #e9f0f8;
}

.bg-light-blue {
    background-color: #6c757d;
}

.bg-black {
    background-color: #141517;
}

/*******************************************************/
/******************* 06. Header style ******************/
/*******************************************************/
.main-header {
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    width: 100%;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-header .header-upper {
    z-index: 5;
    width: 100%;
    position: relative;
    padding-left: 55px;
    padding-right: 55px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background-image: var(--ronse-header-arkaplan-gorseli);
    background-position: top center;
    background-repeat: repeat-x;
}

.main-header .logo-outer {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}

.main-header .logo {
    z-index: 9;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 25px 50px;
    position: relative;
    border-radius: 12px;
    margin-top: -26px;
    margin-bottom: -26px;
    background: var(--ronse-ikinci-renk);
}

.main-header.fixed-header .header-upper {
    top: 0;
    position: fixed;
    background: white;
    -webkit-animation: sticky 1s;
    animation: sticky 1s;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(87, 95, 245, 0.1);
}

.main-header.fixed-header .logo {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-header.fixed-header .navbar-collapse > ul > li {
    padding-top: 25px;
    padding-bottom: 25px;
}

.main-header.fixed-header .navbar-collapse > ul > li > a span {
    color: var(--ronse-menu-color);
}


.main-header.fixed-header .mobile-logo {
    margin-top: 0;
}

/* Header Top */
.header-top, .header-top a, .header-top i {
    padding-top: 3px;
    padding-bottom: 3px;
    background: var(--ronse-tasarim1-topbar-arkaplan-renk);
    color: var(--ronse-tasarim1-topbar-yazi-rengi);
    opacity: 1;
}

.top-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 336px;
    padding-right: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top-inner .top-left p {
    margin: 0px 20px 0px 0px;

}

.top-inner .top-left p b {
    font-weight: 700;
}

.top-inner .top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 25px;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.top-inner .top-menu li {
    margin-left: 25px;
}

.top-inner .top-menu li a:hover {
    text-decoration: underline;
}

.top-right .social-style-two a {
    margin-left: 0;
    margin-right: 25px;
}

.top-right .social-style-two a:last-child {
    margin-right: 0;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navbar-collapse > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.main-menu .navbar-collapse li {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    /* padding: 15px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.main-menu .navbar-collapse li.dropdown .dropdown-btn {
    cursor: pointer;
    font-size: 13px;
    margin: 0px;
    padding: 0 10px;
}


.main-menu .navbar-collapse li a {
    position: relative;
    display: block;
    opacity: 1;
    font-weight: 500;
    color: #212529;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    text-transform: uppercase;
    font-size: 14px;
}

.main-menu .navbar-collapse li li {
    border-top: 1px solid #f3f3f3;
}

.main-menu .navbar-collapse li li a {
    text-transform: capitalize;
}

.main-menu .navbar-collapse li ul {
    position: absolute;
    left: inherit;
    top: 45px;
    min-width: 250px;
    z-index: 100;
    display: none;
    background: #ffffff;
}

.dropdown-menu {
    padding: 0px;
    border-radius: 0px;
}

.main-menu .navbar-collapse li ul li {
    width: 100%;
    padding: 0px;
}


.main-menu .navbar-collapse li ul li ul {
    left: 100%;
    top: 0%;
}

.main-menu .navbar-header {
    display: none;
}


.main-menu .navbar-header .navbar-toggle {
    float: right;
    padding: 4px 0;
    cursor: pointer;
    background: transparent;
}

.main-menu .navbar-header .navbar-toggle .icon-bar {
    background: var(--ronse-genel-renk);
    height: 3px;
    width: 30px;
    display: block;
    margin: 7px 0;
}

.main-menu .mobile-logo {
    z-index: 5;
    padding: 10px;
    max-width: 75px;
    position: relative;
    margin-top: -15px;
    margin-bottom: -15px;
}

/* Header Three */
.main-header.header-three {
    background: var(--ronse-tasarim1-menu-arkaplan-renk);
}

.main-header.header-three .top-inner {
    padding-left: 0;
    padding-right: 0;
}

.main-header.header-three .top-inner .top-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.main-header.header-three .header-inner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 0;
}


.main-header.header-three .logo {
    margin: 0;
    padding: 0;
    background: transparent;
}

.main-header.header-three .top-inner .top-left i {
    background: var(--ronse-ikinci-renk);
    font-size: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    margin-right: 5px;
}

}

.main-header.header-three .main-menu .navbar-collapse > ul > li {
    position: relative;
}

.main-header.header-three .main-menu .navbar-collapse > ul > li > a {
    color: var(--ronse-menu-color);
    font-size: var(--ronse-menu-font-size);
    letter-spacing: var(--ronse-menu-letter-spacing);
    font-family: var(--ronse-menu-fontu);
    font-weight: var(--ronse-menu-font-weight);
    line-height: var(--ronse-menu-line-height);
    text-transform: var(--ronse-menu-text-transform);
}

.main-header.header-three .main-menu .navbar-collapse > ul > li > a:hover {
    color: var(--ronse-genel-renk);
    font-size: var(--ronse-menu-font-size);
    letter-spacing: var(--ronse-menu-letter-spacing);
    font-family: var(--ronse-menu-fontu);
    font-weight: var(--ronse-menu-font-weight);
    line-height: var(--ronse-menu-line-height);
    text-transform: var(--ronse-menu-text-transform);
}


.main-header.header-three .main-menu .navbar-collapse > ul > li.dropdown > .dropdown-btn {
    color: white;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.main-header.header-three .main-menu .navbar-collapse > ul > li:hover:before, .main-header.header-three .main-menu .navbar-collapse > ul > li.current:before {
    opacity: 1;
    width: 70%;
}

.main-header.header-three .main-menu .navbar-collapse > ul > li:hover > .dropdown-btn, .main-header.header-three .main-menu .navbar-collapse > ul > li.current > .dropdown-btn {
    color: var(--ronse-ikinci-renk);
}

.main-header.header-three .main-menu .navbar-toggle .icon-bar {
    background: white;
}

.main-header.header-three .menu-btn-sidebar .nav-search {
    position: relative;
}


.main-header.header-three .menu-btn-sidebar .nav-search > button {
    color: white;
    background: transparent;
}

.main-header.header-three .menu-btn-sidebar form {
    right: 0;
    bottom: -80px;
    margin-right: 0;
    min-width: 200px;
    position: absolute;
}

.main-header.header-three .menu-btn-sidebar form.hide {
    display: none;
}

.main-header.header-three .menu-btn-sidebar > button {
    color: white;
}

.main-header.header-three .menu-btn-sidebar .icon-bar {
    background: white;
}

.main-header.header-three .menu-btn-sidebar .cart:after {
    color: var(--ronse-genel-renk);
    background: var(--ronse-ikinci-renk);
}

.main-header.header-three .mobile-logo {
    padding: 0;
    margin-bottom: 0;
    max-width: 180px;
    margin-top: 10px;
}

.main-header.header-three.fixed-header .header-upper {
    background-image: var(--ronse-header-arkaplan-gorseli);
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #fff;
}

.main-header.header-three.fixed-header .logo {
    margin-bottom: 0;
}

/*******************************************************/
/******************* 07. Hero Section ******************/
/*******************************************************/
.hero-section {
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.hero-section:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 330px;
    height: 330px;
    background: #f7f7f7;
    line-height: 330px;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: translate(-25%, 50%);
    -ms-transform: translate(-25%, 50%);
    transform: translate(-25%, 50%);
}

.hero-section:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    z-index: -1;
    width: 965px;
    height: 965px;
    background: #f7f7f7;
    line-height: 965px;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: translate(15%, -50%);
    -ms-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
}


.hero-content h1 {
    text-transform: capitalize;
}


.hero-content p {
    font-size: 18px;
}


/* Hero Two */
.hero-section-two {
    overflow: hidden;
}

.hero-content-two {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}


.hero-content-two .list-style-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.hero-content-two .list-style-one li {
    margin-left: 20px;
    margin-right: 20px;
}


.hero-two-btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hero-two-btns .theme-btn:not(:last-child) {
    margin-right: 20px;
}

.hero-two-btns .video-play {
    left: 0;
    width: auto;
    height: auto;
    line-height: 1;
    position: relative;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    background: transparent;
}

.hero-two-btns .video-play i {
    margin-right: 10px;
    width: 55px;
    height: 55px;
    background: white;
    line-height: 55px;
    border-radius: 50%;
    text-align: center;
    color: var(--ronse-genel-renk);
}

.hero-two-btns .video-play span {
    font-size: 15px;
    font-weight: 800;
    text-decoration: underline;
}

.admin-speech {
    text-align: left;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 30px 50px;
    background: #1c317c;
    border-radius: 12px;
}


.admin-speech .image {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-50%, -45%);
    -ms-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
}

.admin-speech .image img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.admin-speech p {
    opacity: 0.8;
}

.admin-speech .name {
    opacity: 0.7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.admin-speech .name:before {
    content: '';
    width: 25px;
    height: 2px;
    margin-right: 10px;
    background: var(--ronse-ikinci-renk);
}

.hero-two-left,
.hero-two-right {
    z-index: -1;
    max-width: 25%;
    position: absolute;
}

.hero-two-left {
    left: 5%;
    bottom: 0;
}

.hero-two-left:before {
    content: '';
    left: -5%;
    bottom: 0;
    z-index: -2;
    width: 90%;
    height: 85%;
    position: absolute;
    background: var(--ronse-genel-renk);
    border-radius: 200px 200px 0 0;
}

.hero-two-right {
    right: 5%;
    bottom: 100px;
}

.hero-two-right:after, .hero-two-right:before {
    content: '';
    left: 44%;
    z-index: -2;
    position: absolute;
    border-radius: 50%;
    background: var(--ronse-genel-renk);
}

.hero-two-right:before {
    width: 475px;
    height: 475px;
    opacity: 0.5;
    bottom: 13%;
}

.hero-two-right:after {
    width: 350px;
    height: 350px;
    bottom: 10%;
    -webkit-animation: fadeInRight 1s linear 1.5s both;
    animation: fadeInRight 1s linear 1.5s both;
}

/* Hero Three */
.hero-three-image-part {
    z-index: 1;
    max-width: 630px;
    text-align: center;
    position: relative;
    margin-left: -85px;
    padding-left: 50px;
    padding-right: 50px;
}


.hero-three-image-part .hero-chart {
    top: 0;
    right: 10%;
    padding: 25px;
    max-width: 190px;
    background: white;
    position: absolute;
    text-align: center;
    border-radius: 20px;
    -webkit-box-shadow: 10px 0 60px rgba(75, 131, 252, 0.15);
    box-shadow: 10px 0 60px rgba(75, 131, 252, 0.15);
}


.hero-three-image-part .hero-chart h5 {
    margin: 15px 0 0;
    line-height: 25px;
}

.hero-three-image-part .hero-circle {
    left: 0;
    bottom: 10%;
    z-index: -1;
    position: absolute;
    -webkit-animation: 35s rotated_circle infinite;
    animation: 35s rotated_circle infinite;
}

.hero-three-image-part .about-image-over-item:first-child {
    top: 25%;
    left: -25%;
}


.hero-three-image-part .about-image-over-item:last-child {
    right: 0;
    bottom: 20%;
}


.hero-three-image-part:after {
    content: '';
    width: 590px;
    height: 590px;
    opacity: 0.1;
    left: 50%;
    top: 50%;
    z-index: -1;
    position: absolute;
    border-radius: 50%;
    -webkit-transform: translate(-60%, -52%);
    -ms-transform: translate(-60%, -52%);
    transform: translate(-60%, -52%);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--ronse-genel-renk)), to(white));
    background: -webkit-linear-gradient(var(--ronse-genel-renk) 0%, white 100%);
    background: -o-linear-gradient(var(--ronse-genel-renk) 0%, white 100%);
    background: linear-gradient(var(--ronse-genel-renk) 0%, white 100%);
}


.hero-content-three .hero-sub-title {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    color: var(--ronse-genel-renk);
}

.hero-content-three .hero-sub-title span {
    font-size: 30px;
    color: var(--ronse-genel-renk);
}

.hero-content-three .hero-sub-title:before {
    content: "\f00c";
    font-weight: 600;
    margin-right: 15px;
    color: var(--ronse-genel-renk);
    font-family: "Font Awesome 5 Free";
}

.hero-content-three h1 {
    font-size: 58px;
}


.hero-content-three h1 span {
    padding-right: 15px;
    margin-right: -15px;
    padding-bottom: 6px;
    margin-bottom: -6px;
    display: inline-block;
    background: url(../images/shapes/title-bg.png) no-repeat right bottom;
}

.hero-content-three .list-style-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hero-content-three .list-style-one li:not(:last-child) {
    margin-right: 35px;
}

.hero-content-three .list-style-one li:before {
    background: var(--ronse-genel-renk);
}

.hero-content-three .hero-btns .theme-btn:first-child {
    margin-right: 5px;
}

.hero-section-three .hero-rectangle {
    position: absolute;
    z-index: -2;
    bottom: 10%;
    right: 8%;
    -webkit-animation: 20s moveLeftRight infinite;
    animation: 20s moveLeftRight infinite;
}

.hero-section-three .hero-circles-one,
.hero-section-three .hero-circles-two,
.hero-section-three .hero-circles-two:after,
.hero-section-three .hero-circles-one:after,
.hero-section-three .hero-circles-one:before {
    z-index: -1;
    content: '';
    position: absolute;
    border-radius: 50%;
    background: rgba(30, 40, 69, 0.03);
}

.hero-section-three .hero-circles-one {
    width: 280px;
    height: 280px;
    top: 0;
    right: 0;
    -webkit-transform: translate(35%, -20px);
    -ms-transform: translate(35%, -20px);
    transform: translate(35%, -20px);
}


.hero-section-three .hero-circles-two {
    width: 780px;
    height: 780px;
    top: 0;
    right: 0;
    -webkit-transform: translate(45%, -35%);
    -ms-transform: translate(45%, -35%);
    transform: translate(45%, -35%);
}


.hero-section-three .hero-circles-two:after,
.hero-section-three .hero-circles-one:after,
.hero-section-three .hero-circles-one:before {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hero-section-three .hero-circles-one:before {
    width: calc(100% + 150px);
    height: calc(100% + 150px);
}


.hero-section-three .hero-circles-one:after {
    width: calc(100% + 330px);
    height: calc(100% + 330px);
}


.hero-section-three .hero-circles-two:after {
    width: calc(100% + 200px);
    height: calc(100% + 200px);
}


/*******************************************************/
/******************* 10. Page Banner *******************/
/*******************************************************/
.ronse-sayfa-bilgisi {
    background-size: cover;
    background-position: center;
    z-index: 1;
    position: relative;
    padding: 60px 0;
}

.ronse-sayfa-bilgisi::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.90;
    background-color: var(--ronse-ikinci-renk);
}

/*******************************************************/
/**************** 09. Features Section *****************/
/*******************************************************/
.feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 355px;
}


.feature-item .image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100px;
    height: 100px;
    margin-right: 30px;
    text-align: center;
    border-radius: 24px;
    background: #f7f7f7;
    line-height: 100px;
}


.feature-item .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 25px;
    color: var(--ronse-genel-renk);
    width: 60px;
    height: 60px;
    background: #f7f7f7;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
}


.feature-item p {
    margin-bottom: 0;
}

.text-white .feature-item p {
    opacity: 0.6;
}

/* Feature Two */
.feature-two-item {
    z-index: 1;
    padding-top: 45px;
    position: relative;
    padding-left: 70px;
    margin-bottom: 30px;
}


.feature-two-item .number {
    position: absolute;
    font-size: 250px;
    font-weight: 700;
    left: 0;
    top: -30px;
    z-index: -1;
    opacity: 0.08;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px var(--ronse-ikinci-renk);
}


.feature-two-item .icon {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

.feature-two-item .details-btn {
    line-height: 1;
    font-size: 22px;
    margin-left: 3px;
}

/* Feature Three */
.feature-three-item {
    padding: 30px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 10px;
    display: block;
    box-shadow: 0 5px 35px rgb(0 0 0 / 10%);
    background: #F8F8F8;
    border: 3px solid transparent;
}

.feature-three-item:hover {
    -webkit-box-shadow: 10px 0 60px rgba(76, 76, 76, 0.1);
    box-shadow: 10px 0 60px rgba(76, 76, 76, 0.1);
    background: #ffffff;
    border: 3px solid var(--ronse-ikinci-renk);
}

.feature-three-item .icon i {
    line-height: 1;
    font-size: 30px;
    color: var(--ronse-ikinci-renk);
}

.feature-three-item h4 {
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0px;
}

.feature-three-item .details-btn {
    line-height: 1;
    font-size: 22px;
}

.why-learn-feature .feature-three-item {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.why-learn-feature .feature-three-item .icon {
    margin-bottom: 22px;
}

/* Feature Four */
.freature-section-four:after, .freature-section-four:before {
    content: '';
    width: 320px;
    height: 320px;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.freature-section-four:before {
    left: 5%;
    bottom: 0;
}

.freature-section-four:after {
    top: 35%;
    right: 5%;
}

.feature-four-item {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.feature-four-item img {
    width: 100%;
}

.feature-four-item .content {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 35px;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.90196)), to(rgba(0, 0, 0, 0.2)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.90196) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.90196) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.90196) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.feature-four-item .content .number {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 700;
    margin-bottom: auto;
    color: var(--ronse-genel-renk);
    width: 40px;
    height: 40px;
    background: var(--ronse-ikinci-renk);
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}

.feature-four-item .content h5 {
    color: white;
    margin-bottom: 2px;
}

.feature-four-item .content .tour-type {
    color: white;
    opacity: 0.6;
}

.feature-four-item:hover {
    border-radius: 7px;
    -webkit-box-shadow: 0 25px 60px rgba(76, 76, 76, 0.25);
    box-shadow: 0 25px 60px rgba(76, 76, 76, 0.25);
}

.feature-four-item:hover .number {
    color: white;
    background: var(--ronse-ikinci-renk);
}

/* Feature Five */
.feature-five-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-color: white;
    -webkit-box-shadow: 10px 0 60px rgba(76, 76, 76, 0.1);
    box-shadow: 10px 0 60px rgba(76, 76, 76, 0.1);
    border-radius: 30px;
}


.feature-five-item .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50px;
    margin: 5px 20px 15px 0;
}

.feature-five-item h4 {
    font-size: 24px;
    margin-bottom: 15px;
}

.feature-five-item p {
    margin-bottom: 0;
}

.feature-five-item:not(:last-child) {
    margin-bottom: 30px;
}

/* Feature Six */
.feature-six-item {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: white;
    margin-bottom: 30px;
    border: 1px solid #e9eaeb;
    border-radius: 10px;
}

.feature-six-item .content {
    padding: 40px 30px 15px;
    text-align: center;
}

.feature-six-item .content .icon {
    height: 50px;
    margin-bottom: 20px;
}

.feature-six-item .read-more {
    padding: 13px 30px;
    text-decoration: none;
    border-top: 1px solid #e9eaeb;
    border-bottom: 5px solid transparent;
    font-size: 13px;
    text-align: center;
    display: block;
}

.feature-six-item:hover {
    border-color: white;
    -webkit-box-shadow: 10px 0 60px rgba(76, 76, 76, 0.1);
    box-shadow: 10px 0 60px rgba(76, 76, 76, 0.1);
}

.feature-six-item:hover .read-more {
    color: var(--ronse-ikinci-renk);
    border-bottom: 5px solid var(--ronse-ikinci-renk);
}

/*******************************************************/
/****************** 10. About Section ******************/
/*******************************************************/
.about-man {
    z-index: 1;
    text-align: center;
    position: relative;
}

.about-man:before {
    content: '';
    left: 50%;
    top: 0;
    z-index: -1;
    position: absolute;
    width: 540px;
    height: 540px;
    background: #f7f7f7;
    line-height: 540px;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: translate(-55%, -10%);
    -ms-transform: translate(-55%, -10%);
    transform: translate(-55%, -10%);
}


.about-btns .theme-btn {
    margin-right: 30px;
}

/* About Two */
.about-two-left {
    max-width: 500px;
    position: relative;
}


.about-two-images img {
    width: 70%;
    border-radius: 10px;
}

.about-two-images img:first-child {
    margin-left: 30%;
}

.about-two-images img:last-child {
    margin-top: -10%;
    margin-right: 30%;
}

.about-content-two {
    max-width: 490px;
}


.about-image-over-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 35px;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: white;
    position: absolute;
    border-radius: 35px;
    -webkit-box-shadow: 10px 0 60px rgba(75, 131, 252, 0.15);
    box-shadow: 10px 0 60px rgba(75, 131, 252, 0.15);
}


.about-image-over-item:first-child {
    top: 15%;
    left: -15%;
}


.about-image-over-item:last-child {
    bottom: 15%;
    right: -15%;
}


.about-image-over-item img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 15px;
}


.about-image-over-item h5 {
    margin-bottom: 0;
}


/* About Three */
.about-three-image {
    padding-right: 50px;
    margin-right: -75px;
}


.about-three-image-content {
    padding: 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -85px -50px 0 85px;
}

.about-three-image-content h4 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 600;
}

.about-content-three {
    max-width: 500px;
    margin-left: auto;
}


/* About Four */
.about-four-content .list-style-four li:before {
    color: var(--ronse-ikinci-renk);
}

.about-four-right-part {
    position: relative;
}

.about-four-right-part .image-one,
.about-four-right-part .image-two {
    width: 65%;
}

.about-four-right-part .image-one {
    display: block;
    margin-left: auto;
    margin-bottom: -25%;
}


.about-four-right-part .saticfiction {
    top: 10%;
    left: 10%;
    max-width: 205px;
    text-align: center;
    position: absolute;
    padding: 35px 30px 15px;
}


.about-four-right-part .saticfiction .counter-number {
    margin-bottom: 10px;
    display: inline-block;
}


.about-four-right-part .experience {
    right: 5%;
    bottom: 4%;
    max-width: 155px;
    text-align: center;
    position: absolute;
    padding: 25px 25px 10px;
}


.about-four-right-part .experience i {
    font-size: 50px;
    margin-bottom: 15px;
    display: inline-block;
}

/* About Page */
.about-page-middle {
    position: relative;
    max-width: 500px;
}

.about-page-middle img {
    width: 100%;
}

.about-page-middle .circle-content {
    width: 220px;
    height: 220px;
    left: 0%;
    top: 50%;
    color: white;
    padding: 20px;
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    background: var(--ronse-genel-renk);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-page-middle .circle-content b {
    font-size: 60px;
    margin-bottom: 15px;
}

.about-page-middle .circle-content span {
    line-height: 1.5;
    margin-bottom: 10px;
}


/* Rules And Condition */
.rules-condition-content .section-title {
    margin-right: -30px;
}


.rules-condition-image-part {
    position: relative;
}

.rules-condition-image-part img {
    width: 100%;
}

.rules-condition-image-part .logo {
    position: absolute;
    left: 58.333333%;
    top: 50%;
    padding: 35px;
    width: 150px;
    height: 150px;
    background: var(--ronse-ikinci-renk);
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
}

/*******************************************************/
/**************** 12. Work Step Section ****************/
/*******************************************************/
.work-step-wrap {
    margin-left: -30px;
    margin-right: -30px;
}

.work-step-wrap .work-step-item {
    margin: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.work-step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: white;
    border-radius: 5px;
    padding: 35px 35px 15px;
    -webkit-box-shadow: 10px 0 33px rgba(30, 40, 69, 0.07);
    box-shadow: 10px 0 33px rgba(30, 40, 69, 0.07);
}


.work-step-item .number {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: white;
    font-size: 24px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: 600;
    margin-right: 30px;
    margin-bottom: 15px;
    display: inline-block;

    border: 1px solid transparent;
    width: 50px;
    height: 50px;
    background: var(--ronse-genel-renk);
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
}

.work-step-item h4, .work-step-item p {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.work-step-item:hover {
    background: var(--ronse-genel-renk);
}

.work-step-item:hover .number {
    border-color: white;
}

.work-step-item:hover h4, .work-step-item:hover p {
    color: white;
}

.slider-arrow-btns button {
    width: 45px;
    height: 45px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    line-height: 45px;
    border-radius: 5px;
    color: var(--ronse-ikinci-renk);
    background: transparent;
    border: 1px solid #e9eaeb;
}

.slider-arrow-btns button:hover, .slider-arrow-btns button:focus {
    color: white;
    background: var(--ronse-ikinci-renk);
    border-color: var(--ronse-ikinci-renk);
}

.slider-arrow-btns button:not(:last-child) {
    margin-right: 5px;
}

.bebefit-work-steps .work-step-item {
    padding-top: 25px;
    padding-bottom: 8px;
}

.bebefit-work-steps .work-step-item:not(:last-child) {
    margin-bottom: 30px;
}

.bebefit-work-steps .work-step-item h4 {
    margin-bottom: 10px;
}

.bebefit-work-steps .work-step-item:nth-child(1) {
    margin-left: 30px;
    margin-right: 70px;
}


.bebefit-work-steps .work-step-item:nth-child(2) {
    position: absolute;
    top: 50%;
    right: 100%;
    max-width: 470px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transform: translate(80px, -50%);
    -ms-transform: translate(80px, -50%);
    transform: translate(80px, -50%);
}


.bebefit-work-steps .work-step-item:nth-child(3) {
    margin-left: 100px;
}


.bebefit-work-steps .work-step-item:nth-child(4) {
    margin-left: 50px;
    margin-right: 50px;
}

/*******************************************************/
/****************** 14. Event Section ******************/
/*******************************************************/

.event-section-three .container {
    max-width: 1380px;
}

.event-section-three:after, .event-section-three:before,
.event-section-three .for-circle:after,
.event-section-three .for-circle:before {
    content: '';
    width: 320px;
    height: 320px;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.event-section-three:before {
    left: 3%;
    top: 95%;
}

.event-section-three:after {
    left: 6%;
    top: 105%;
}

.event-section-three .for-circle:before {
    top: 50%;
    right: 8%;
}

.event-section-three .for-circle:after {
    top: 60%;
    right: 3%;
}

.event-three-inner {
    background: white;
    padding: 70px 90px 80px;
    -webkit-box-shadow: 10px 0 60px rgba(175, 175, 175, 0.1);
    box-shadow: 10px 0 60px rgba(175, 175, 175, 0.1);
}


.ronse-icerik-listeleme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 5px;
}


.ronse-icerik-listeleme .image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 150px;
    margin-right: 10px;
    position: relative;
}

.ronse-icerik-listeleme img {
    height: 110px !important;
    object-fit: cover;
    object-position: center center;
    width: 150px;
}


.ronse-icerik-listeleme .image .date {
    right: 0;
    bottom: 0;
    color: white;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    padding: 25px 1px 10px;
    height: calc(100% + 0px);
    background: var(--ronse-genel-renk);
    -webkit-writing-mode: vertical-lr;
    /** -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 0, 50% 10px);
    clip-path: polygon(100% 0, 100% 100%, 0% 100%, 0 0, 50% 10px); **/
}

.ronse-icerik-listeleme .content .location {
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
}

.ronse-icerik-listeleme .content .location i {
    margin-right: 5px;
    color: var(--ronse-genel-renk);
}

.ronse-icerik-listeleme .content h4 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
}

.ronse-icerik-listeleme .content h4 a {
    color: #405673;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 600;
}

/*******************************************************/
/******************* Slider Haber ******************/
/*******************************************************/
.blog-item {
    border-radius: 5px;
}

.blog-item .blog-content {
    padding: 25px;
}

.blog-item .blog-content h5, .blog-item .blog-content h4, .blog-item .blog-content p {
    margin-bottom: 5px;
}

.blog-item .date {
    color: white;
    min-width: 66px;
    line-height: 1.3;
    font-weight: 500;
    padding: 6px 10px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    background: var(--ronse-ikinci-renk);
}

.blog-item .date span {
    display: block;
    font-size: 22px;
}

.blog-item .read-more {
    color: var(--ronse-genel-renk);
}

.blog-item .blog-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-item .blog-meta li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-item .blog-meta li i {
    margin-right: 5px;
}

.blog-item .blog-meta li:not(:last-child) {
    margin-right: 20px;
}

.blog-item.big-item {
    z-index: 1;
    position: relative;
}

.blog-item.big-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 1;
    background-color: transparent;
}

.blog-item.big-item:before {
    z-index: 1;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1e1e1e));
    background: -webkit-linear-gradient(transparent, #1e1e1e);
    background: -o-linear-gradient(transparent, #1e1e1e);
    background: linear-gradient(transparent, #1e1e1e);
}

.blog-item.big-item .blog-content {
    bottom: 0;
    left: 10px;
    z-index: 2;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    position: absolute;
    width: calc(100% - 20px);
}

.blog-item.big-item .blog-content .date {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 25px;
}

.blog-item.big-item .blog-content a {
    color: white;
}

.blog-item.big-item .blog-content li {
    opacity: 0.5;
    font-size: 14px;
}

.blog-item:not(.big-item) .blog-content {
    background: white;
    position: relative;
    padding: 35px 25px 22px;
    -webkit-box-shadow: 10px 0 60px rgba(109, 109, 109, 0.1);
    box-shadow: 10px 0 60px rgba(109, 109, 109, 0.1);
}

/* Blog Details */
.blog-details-wrap {
    margin-bottom: 0;
}

.blog-details-wrap h4 {
    font-size: 24px;
}


.blog-details-wrap .title {
    max-width: 600px;
}


.blog-details-wrap p, .blog-details-wrap h3 {
    margin-bottom: 18px;
}

.blog-details-wrap .tag-share h6 {
    font-size: 18px;
    margin: 5px 15px 0 0;
}

blockquote {
    padding: 35px 50px;
    margin-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #f7f7f7;
    border-radius: 0 5px 5px 0;
    border-left: 4px solid var(--ronse-ikinci-renk);
}


blockquote .blockquote-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


blockquote .blockquote-footer:before {
    font-size: 35px;
    margin-right: 15px;
    color: var(--ronse-genel-renk);
}


.post-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.post-nav > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 275px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.post-nav > div .post-thumb {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 75px;
    margin-right: 20px;
}

.post-nav > div .post-thumb img {
    border-radius: 5px;
}

.post-nav > div .content h6 {
    font-size: 18px;
    margin-bottom: 5px;
}

.post-nav > div .content span {
    font-size: 14px;
}

.post-nav > div .content span i {
    margin-right: 3px;
}

.comment-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}


.comment-body .author-thumb {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 85px;
    margin-right: 35px;
}


.comment-body .author-thumb img {
    width: 100%;
    border-radius: 50%;
}

.comment-body .comment-content {
    padding: 25px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    background: #f7f7f7;
    width: 100%;
}

.comment-body .comment-content .name-date {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.comment-body .comment-content .name-date h6, .comment-body .comment-content .name-date .comment-date {
    margin-bottom: 10px;
}

.comment-body .comment-content .name-date h6 {
    font-size: 18px;
}

.comment-body .comment-content .name-date .ratting {
    line-height: 1;
    margin-bottom: 15px;
}

.comment-body .comment-content .name-date .ratting i {
    color: var(--ronse-ikinci-renk);
    margin-right: 2px;
    font-size: 12px;
}

.comment-body .comment-content p {
    margin-bottom: 8px;
}

.comment-body .comment-content .reply-link {
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.comment-body .comment-content .reply-link i {
    margin-left: 6px;
}

.comment-body:hover .comment-content {
    background: white;
    -webkit-box-shadow: 10px 0 60px rgba(138, 138, 138, 0.2);
    box-shadow: 10px 0 60px rgba(138, 138, 138, 0.2);
}

.comment-body:hover .comment-content:before {
    border-right-color: white;
}

.comment-list > li > .comment-body {
    margin-right: 60px;
}


.comment-list .children {
    margin-left: 60px;
}


.admin-comment .author-thumb {
    max-width: 160px;
    margin-right: 35px;
}

.admin-comment .social-style-two a:first-child {
    margin-left: 0;
}


.comment-form h4 {
    margin-bottom: 8px;
}

.comment-form .form-group {
    position: relative;
}

.comment-form .form-group > label {
    top: 0;
    right: 0;
    cursor: pointer;
    position: absolute;
}

.comment-form .form-group .nice-select,
.comment-form .form-group .form-control {
    border: none;
    border-radius: 0;
    padding: 0 15px 15px 0;
    background: transparent;
    border-bottom: 2px solid #e9eaeb;
}

.comment-form .form-group .nice-select:focus,
.comment-form .form-group .form-control:focus {
    border-color: var(--ronse-genel-renk);
}

.comment-form .form-group .nice-select:after {
    right: 3px;
    width: 8px;
    height: 8px;
    margin-top: -10px;
}

/*******************************************************/
/******************* 17. Client Logo *******************/
/*******************************************************/
.logo-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.logo-inner .logo-item {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-left: 15px;
    margin-right: 15px;
}

.logo-inner .logo-item:hover {
    -webkit-filter: opacity(1) grayscale(0);
    filter: opacity(1) grayscale(0);
}


.logo-inner.style-two {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/* 404 Error Page */
.error-inner img {
    margin-left: -120px;
}


/*******************************************************/
/***************** 29. Sidebar Widgets *****************/
/*******************************************************/
.widget-title {
    margin-bottom: 20px;
}

.widget {
    border: 2px solid #e9eaeb;
    border-radius: 10px;
}

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

.widget-about h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.widget-about p {
    font-size: 14px;
}

.widget-about img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.blog-sidebar .widget-title {
    padding: 10px 33px 18px;
    border-bottom: 1px solid #d5d2d2;
}


.slider-section {
    position: relative;
}

.slider-section .pagingInfo {
    top: 50%;
    right: 16%;
    color: white;
    font-size: 24px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 150px;
    height: 150px;
    background: transparent;
    line-height: 150px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.15);
}


.slider-section .pagingInfo .pagingStatus {
    line-height: 1;
    font-size: 50px;
    margin-right: -10px;
    margin-bottom: 30px;
}


.slider-section .pagingInfo .separator {
    line-height: 1;
    margin-top: 30px;
}


.slider-section .pagingInfo .pagingCount {
    line-height: 1;
    margin-top: 30px;
}


.slider-section .bg-text {
    z-index: 1;
    opacity: 0.1;
    font-size: 250px;
    color: transparent;
    -webkit-text-stroke: 1px;
    text-transform: capitalize;
    -webkit-text-stroke-color: white;
}


.slider-section .circle-one,
.slider-section .circle-two {
    z-index: 1;
}

.slider-section .circle-one {
    top: 60%;
    left: 65%;
}

.anaSlider .slider-item {
    padding-top: 95px;
    min-height: 550px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    background-size: cover;
    background-position: center;
}

.anaSlider .slider-item::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0.6;
    background-color: #141517;
}


.anaSlider .slider-content {
    z-index: 2;
    position: relative;
    margin: 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}


.anaSlider .slider-content h2 {
    color: #F8F8F8;
    font-size: var(--ronse-slider-font-size);
    letter-spacing: var(--ronse-slider-letter-spacing);
    font-family: var(--ronse-slider-fontu);
    font-weight: var(--ronse-slider-font-weight);
    line-height: var(--ronse-slider-line-height);
    text-transform: var(--ronse-slider-text-transform);
}

.anaSlider .slider-content p {
    max-width: 60%;
}

.anaSlider .slider-content .slider-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.anaSlider .slider-content .slider-btns .theme-btn {
    margin-top: 15px;
    margin-right: 20px;
}

.anaSlider .slider-content .slider-btns .slider-video-play {
    color: white;
    margin-top: 15px;
    width: 55px;
    height: 55px;
    background: var(--ronse-genel-renk);
    line-height: 55px;
    border-radius: 50%;
    text-align: center;
}

.anaSlider .slider-content .slider-btns .slider-video-play:hover {
    background: var(--ronse-ikinci-renk);
}

.anaSlider .slider-content * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.slick-active .sub-title-three {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.slick-active h2 {
    -webkit-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

.slick-active .slider-btns {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

/*******************************************************/
/******************* 30. CTA Section *******************/
/*******************************************************/
.call-to-action-inner {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    margin-top: -65px;
    padding: 20px 50px;
    border-radius: 8px;
    -webkit-transform: translateY(65px);
    -ms-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-box-shadow: 10px 0 60px rgba(36, 103, 236, 0.1);
    box-shadow: 10px 0 60px rgba(36, 103, 236, 0.1);
}


.call-to-action-inner .notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.call-to-action-inner .notification img {
    margin-right: 30px;
}


.call-to-action-inner .notification h4 {
    font-size: 24px;
    margin-bottom: 0;
}

.call-to-action-inner .notification p {
    margin-bottom: 0;
}


/*******************************************************/
/******************* 32. Main Footer *******************/
/*******************************************************/

footer {
    padding-bottom: 50px;
}

.footer-title {
    margin-bottom: 10px;
    color: var(--ronse-footer-baslik-rengi);
    font-family: var(--ronse-genel-font);
    position: relative;
    letter-spacing: -1px;
    font-weight: 500;
}

.footer-title:after {
    content: '';
    height: 2px;
    width: 70px;
    background-color: var(--ronse-genel-renk);
    position: absolute;
    left: 0;
    bottom: -10px;
}

.footer-widget p {
    color: #d8d8d8;
}

.menu-widget ul li {
    text-transform: capitalize;
}

.menu-widget ul li a {
    color: var(--ronse-footer-yazi-rengi);
    position: relative;
    padding-left: 20px;
    font-size: 15px;
}

.menu-widget ul li a:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    left: 0;
    top: 8px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 50%;
    background: #d8d8d8;
}

.menu-widget ul li a:hover {
    color: white;
}

.menu-widget ul li a:hover:before {
    background: white;
}

.menu-widget ul li:not(:last-child) {
    margin-bottom: 5px;
}

.contact-info-widget ul li, .contact-info-widget ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--ronse-footer-yazi-rengi) !important;
}

.contact-info-widget ul li:not(:last-child) {
    margin-bottom: 10px;
}

.contact-info-widget ul li i {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 28px;
    font-size: 18px;
    margin-top: 6px;
    margin-right: 5px;
    color: var(--ronse-ikinci-renk);
}

.video-widget {
    max-width: 300px;
}

.video-widget img {
    width: 100%;
    border-radius: 8px;
}

.video-widget .video-play {
    width: 45px;
    height: 45px;
    font-size: 14px;
    line-height: 45px;
}

.video-widget .video-play i {
    padding-left: 3px;
    color: var(--ronse-ikinci-renk);
}

.copyright-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
}

.copyright-inner p {
    margin-right: 25px;
    margin-bottom: 6px;
}

.copyright-inner p a {
    font-weight: 800;
}

.copyright-inner .footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: capitalize;
}

.copyright-inner .footer-menu li {
    line-height: 1;
    margin-bottom: 8px;
}

.copyright-inner .footer-menu li a {
    color: #d8d8d8;
}

.copyright-inner .footer-menu li a:hover {
    color: white;
    text-decoration: underline;
}

.copyright-inner .footer-menu li:not(:last-child) {
    margin-right: 25px;
}

/* Scroll To Top */
.bg-black .scroll-top {
    border-color: var(--ronse-genel-renk);
    background: var(--ronse-ikinci-renk);
}

.bg-black .scroll-top span {
    color: #141517;
}

.bg-black .contact-info-widget ul li a:hover {
    color: var(--ronse-genel-renk);
}

.bg-black .contact-info-widget ul li i {
    color: var(--ronse-ikinci-renk);
}

/* Footer Two */
.footer-two {
    background: #1e2845;
}

.footer-two .logo-inner {
    border-bottom: 1px solid #353e58;
}

.footer-two .copyright-inner {
    border-top: 1px solid #353e58;
}

.footer-two .scroll-top {
    border-color: var(--ronse-ikinci-renk);
}

/** BS BANNER */

.haberSlider .item {
    position: relative;
}

.haberSlider .item::after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .76)), color-stop(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .76), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.haberSlider img {
    height: 475px !important;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

.haberSlider .item .slider-title {
    position: absolute;
    bottom: 20px;
    left: 18px;
    bottom: 46px;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    z-index: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 32px;
    -webkit-line-clamp: 2;
    line-height: 45px;
    max-height: 156px;
    overflow: hidden;
}

.haberSlider .item .slide-category {
    background-color: var(--ronse-genel-renk);
    font-size: 16px;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    padding: 0 8px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.logo-item img {
    max-width: 90px !important;
    max-height: 60px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logo-item img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.kurum-logolari .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(77, 99, 121, 0.15);
    border-radius: 15px;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.kurum-logolari .item:hover {
    border: 3px solid var(--ronse-ikinci-renk);
}

.main-footer {
    background-color: var(--ronse-footer-arkaplan);
    background-image: var(--ronse-footer-arkaplan-gorseli);
    background-repeat: no-repeat;
    border-top: 10px solid var(--ronse-footer-kenar-rengi);
    width: 100%;
    opacity: 1;
    background-position: center center;
    background-size: cover;
}

.bs-projeler .coach-content a {
    font-size: 15px;
    line-height: 20px;
}

.bs-projeler .coach-content {
    padding: 10px 15px;
}

.icerik-paylas {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-widget ul li a:hover {
    color: var(--ronse-ikinci-renk);
}

.nav-link {
    padding: 0px !important;
}

.gallery-image img {
    border-radius: 3px;
}

.gallery-image img:hover {
    opacity: 0.5;
}

/** Sosyal Medya ***/
.social-style-one {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.social-style-one a {
    color: white;
    font-size: 14px;
    width: 30px;
    height: 30px;
    background: #495057;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
}

.social-style-one a:hover {
    background: var(--ronse-genel-renk);
}

.social-style-one a:not(:last-child) {
    margin-right: 7px;
}

.social-style-one .facebook {
    background: #4267B2;
}

.social-style-one .twitter {
    background: #1DA1F2;
}

.social-style-one .linkedin {
    background: #0e76a8;
}

.social-style-one .telegram {
    background: #0088cc;
}

.social-style-one .whatsapp {
    background: #25D366;
}

.firma-alani h4 {
    line-height: 1.5;
    height: 80px;
    object-fit: cover;
    object-position: center center;
    font-weight: 600;
}

.features-section {
    padding: 40px 0;
    color: #FFFFFF;
    background: var(--ronse-genel-renk);
}

.features-section .image i {
    font-size: 40px;
    color: rgb(45, 51, 51);
}

.dropdown-item.active, .dropdown-item:active {
    background: transparent;
}

.tab-style-2 .yemekGorseli img {
    width: 100px;
    height: 100px;
}

.card .card-header img {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.header2 {
    font-family: var(--ronse-menu-font);
    font-weight: var(--ronse-menu-font-weight);
    background-color: var(--ronse-tasarim2-menu-arkaplan-renk);
}

.main-header .header2 .main-menu .navbar-collapse > ul > li > a,
.main-header .header2 .menu-btn-sidebar .nav-search > button,
.main-header .header2 .main-menu .navbar-collapse > ul > li.dropdown > .dropdown-btn {
    color: var(--ronse-tasarim2-menu-renk);
}

.main-header .header2 .menu-btn-sidebar .icon-bar {
    background: var(--ronse-tasarim2-menu-renk);
}


/** Whatsapp Destek **/

.whatsapp-fixed {
    position: fixed;
    bottom: 16%;
    right: 0;
    z-index: 4721;
}

.whatsapp-fixed a {
    display: block;
    text-align: left;
    font-size: 1em;
}

.whatsapp-fixed .btn {
    line-height: 30px;
}

.btn-whatsapp {
    background: #128c7e;
    color: #F8F8F8;
    border-radius: 0px;
    border: transparent;
    font-weight: 700;
    border-top-left-radius: 10px;
}

.btn-whatsapp:hover, .btn-call:hover {
    background: #23262D;
    color: #FFFFFF;
    border: transparent;
}

.btn-call {
    background: #d00505;
    color: #F8F8F8;
    border-radius: 0px;
    border: transparent;
    font-weight: 700;
    border-bottom-left-radius: 10px;
}

/** Swiper */
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 15px !important;
}

.swiper-button-next, .swiper-button-prev {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
    background-color: var(--ronse-ikinci-renk);
    color: #FFFFFF !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: var(--ronse-genel-renk);
}

.swiper-pagination-bullet-active {
    background: #fff !important;
    width: 20px !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    background: var(--ronse-ikinci-renk);
    opacity: 1;
    height: 10px;
    width: 10px;
    border-radius: 10px;
}

/*** Slider Haber **/
.haberSlider .swiper-pagination {
    position: relative;
    background: #1e1e1e;
}

/*** Padding **/

.ronse50x50 {
    padding: 50px 0;
}


/*******************************************************/
/******************* 26. FAQs Section ******************/
/*******************************************************/
.faqs-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 2px solid #e9eaeb;
    margin-bottom: 20px;
}

.faqs-tab li:not(:last-child) {
    margin-right: 20px;
}


.faqs-tab li a {
    color: #979797;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-top: 10px;
    margin-bottom: -3px;
    padding: 0 5px 10px;
    display: inline-block;
    border-bottom: 4px solid transparent;
}


.faqs-tab li a:hover, .faqs-tab li a.active {
    color: var(--ronse-genel-renk);
}

.faqs-tab li a.active {
    border-color: var(--ronse-genel-renk-second);
}

.faqs-tab li:first-child a {
    padding-left: 0;
}

.faq-accordion .card {
    border: none;
    background: transparent;
}

.faq-accordion .card:not(:last-child) {
    margin-bottom: 10px;
    border-left: 5px solid var(--ronse-ikinci-renk);
}

.faq-accordion .card-header {
    font-size: 20px;
    font-weight: 700;
    border-radius: 0;
    padding: 11px 40px;
    background: transparent;
    color: var(--ronse-genel-renk);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e9eaeb;
}


.faq-accordion .card-header.collapsed {
    text-decoration: none;
    color: var(--ronse-genel-renk);
    background: #f7f7f7;
    border-color: #f7f7f7;
}

.faq-accordion .card-header.collapsed .toggle-btn {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.faq-accordion .card-header.collapsed .toggle-btn:after, .faq-accordion .card-header.collapsed .toggle-btn:before {
    background: var(--ronse-genel-renk);
}

.faq-accordion .card-header.collapsed .toggle-btn:before {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -ms-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
}

.faq-accordion .card-header .toggle-btn {
    height: 15px;
    width: 15px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-left: 15px;
    position: relative;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-accordion .card-header .toggle-btn:after, .faq-accordion .card-header .toggle-btn:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: var(--ronse-gene-renk);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.faq-accordion .card-header .toggle-btn:before {
    width: 2px;
    height: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq-accordion .card-header .toggle-btn:after {
    height: 2px;
    width: 100%;
}

.faq-accordion .card-body {
    padding: 0;
    border: 1px solid #e9eaeb;
    border-top: none;
}

.tab-content .card {
    background: white;
    margin-bottom: 15px;
    -webkit-box-shadow: inset 10px 0 60px rgba(139, 139, 139, 0.1);
    box-shadow: inset 10px 0 60px rgba(139, 139, 139, 0.1);
}

.tab-content .card-body,
.tab-content .card-header {
    border: none;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
}


.tab-content .card-body {
    padding-bottom: 5px;
}

.tab-content .card-header {
    font-size: 14px;
    background: transparent;
    color: #47474d;
}


.tab-content .card-header.collapsed {
    background: #f4f6fd;
}

/*** Kvkk **/

.kvkk-surecleri {
    left: 20px;
    bottom: 20px;
    background: #313641;
    z-index: 999999;
    padding: 20px;
    border-radius: 10px;
    color: #FFFFFF;
    width: 400px;
}

.kvkk-kapat {
    position: absolute;
    right: 0;
    top: -10px;
    background: var(--ronse-ikinci-renk);
    padding: 10px;
    color: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kvkk-kapat i {
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

.kvkk-surecleri p {
    line-height: 1.3;
    font-size: 14px;
    margin-bottom: 5px;
}

.kvkk-surecleri a {
    color: var(--ronse-ikinci-renk);
    font-weight: 700;
    font-weight: 15px;
}

.kvkk-surecleri a:hover {
    color: #FFFFFF;
}

/*** Acil Numaralar **/

.acil-numara {
    border-radius: 10px;
    background: #FFFFFF;
    overflow: hidden;
    text-align: center;
}

.acil-numara-alt {
    background: var(--ronse-ikinci-renk);
}

.acil-numara i {
    font-size: 2em;
    margin-bottom: 10px;
}

.acil-numara a {
    font-size: 1em;
    font-weight: 700;
    color: #FFFFFF;
}

.acil-numara h4 {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 18px;
}

.acil-numara:hover {
    background: var(--ronse-genel-renk);
    color: #FFFFFF;
    cursor: pointer;
}

/** Mobil Menü */
.offcanvas-header .btn-close {
    background: var(--ronse-genel-renk);
    opacity: 1;
    line-height: 1;
}

.offcanvas-header .btn-close i {
    color: #FFFFFF;
}

.offcanvas {
    background-image: var(--ronse-site-desen);
    background-repeat: no-repeat;
    background-position: center center;
}

.ronse-mobil-menu .nav-link {
    padding: 5px 0 !important;
    border-bottom: 1px dotted #ddd;
    font-weight: 600;
    color: #6c757d;
    border-left: 5px solid var(--ronse-genel-renk);
    padding-left: 10px !important;
    margin-bottom: 10px;
    border-radius: 5px;
}

/** İçerik Alanı **/

.icerik-govdesi {
    padding: 20px;
    background: #FFFFFF;
}

.icerik-gorseli img {
    height: 250px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    border-bottom: 2px solid rgba(214, 214, 214, 0.71);
}

.icerik-govdesi {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 90px;
    object-fit: cover;
    object-position: center center;
}

/** Ronse Mobil Menü **/
.ronse-mobil-buton {
    background: var(--ronse-mobil-buton-arkaplan);
    color: var(--ronse-mobil-buton-yazi-rengi) !important;
}

.ronse-mobil-buton:hover {
    background: var(--ronse-genel-renk);
    color: var(--ronse-ikinci-renk) !important;
}

.fixed-header .header-inner {
    padding: 0px !important;
}

.ronse-video-player {
    position: relative;
    z-index: 0;
}

.ronse-video-player > .ronse-video-gorseli {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*** Swiper Tumb **/

.buyukGorsel {
    height: auto;
    width: 100%;
}

.kucukGorsel {
    height: auto;
    box-sizing: border-box;
    padding: 10px 0;
}

.kucukGorsel .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    border: 3px solid var(--ronse-ikinci-renk);
    border-radius: 3px;
}

.kucukGorsel .swiper-slide-thumb-active {
    opacity: 1;
    border: 3px solid var(--ronse-ikinci-renk);
    border-radius: 3px;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/** Woocommerce **/
.woocommerce ul.products li.product .button {
    display: block;
    margin-top: 1em;
    text-align: center;
    font-weight: 500;
}

.page-title {
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 0px;
}

/** SCM Heading  **/
.icerik-baslik-alani {
    position: relative;
    z-index: 1;
    text-align: center;
}

.icerik-baslik-alani .icerik-baslik-ust {
    top: -44px;
}

.icerik-baslik-ust {
    font-size: 140px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #777777;
    opacity: 0.1;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    font-family: var(--ronse-icerik-ana-baslik-font);
}

.icerik-baslik-alani .icerik-alt-baslik {
    margin-bottom: 13px;
    line-height: 1;
    font-family: var(--ronse-icerik-baslik-font);
}

.icerik-alt-baslik {
    color: var(--ronse-genel-renk);
    font-size: 14px;
    letter-spacing: 0px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.icerik-alt-baslik .ronse-cizgi1 {
    margin-right: 10px;
}

.icerik-alt-baslik .ronse-cizgi2 {
    margin-left: 10px;
}

.icerik-baslik-alani .icerik-ana-baslik {
    margin-bottom: 18px;
}

.icerik-ana-baslik {
    font-size: 2.3em;
    line-height: 1.1;
    font-weight: var(--ronse-icerik-font-weight);
    color: var(--ronse-icerik-color);
    font-family: var(--ronse-icerik-baslik-font);
    letter-spacing: -1px;
}

.menu-dil-menusu a span {
    font-size: 12px !important;
}

.menu-dil-menusu img {
    width: 21px !important;
    height: 16px !important;
}


.blog-sidebar .widget-title {
    padding: 0 33px 18px;
    margin: -18px -33px 30px;
    border-bottom: 1px solid var(--ronse-genel-renk);
}

@media only screen and (max-width: 375px) {
    .blog-sidebar .widget-title {
        padding-left: 25px;
        padding-right: 25px;
        margin-left: -25px;
        margin-right: -25px;
    }
}

.widget {
    border-radius: 3px;
    padding: 35px 33px;
    border: 1px solid #e9eaeb;
}

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


.widget-recent-courses ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.widget-recent-courses ul li:not(:last-child) {
    margin-bottom: 25px;
}

.widget-recent-courses ul li .image {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: 85px;
    margin-right: 25px;
}

.widget-recent-courses ul li h6 {
    font-size: 17px;
    margin-bottom: 0;
}

.widget-recent-courses ul li .content span {
    font-size: 13px;
}

.widget-recent-courses ul li .content span a {
    font-weight: 700;
}

.ronse-urun-listesi img {
    height: 60px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

/** Ronse Katalog **/
.ronse-katalog {
    position: relative;
    z-index: 2;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 60px 0;
}

.ronse-katalog::before {
    content: "";
    position: absolute;
    background: var(--ronse-ikinci-renk);
    opacity: 0.961;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.ronse-katalog-baslik {
    color: #fff;
    font-family: var(--ronse-icerik-baslik-font);
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 500;
}

.ronse-katalog-kutu {
    text-align: start;
    position: relative;
    z-index: 2;
    background: var(--ronse-genel-renk);
    display: inline-block;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 15px 30px 21px;
    color: #fff0f0;
}

.ronse-katalog-kutu .ikon {
    position: absolute;
    right: -11px;
    top: -17px;
    z-index: -1;
}

/** RTL **/

.rtl .feature-item .image {
    margin-right: 0px;
    margin-left: 30px;
}

.rtl .top-right .social-style-two a {
    margin-right: 0;
    margin-left: 25px;
}

.rtl .social-style-one a:not(:last-child) {
    margin-right: 0px;
    margin-left: 7px;
}

.rtl .main-header.header-three .top-inner .top-left i {
    margin-left: 7px;
}

/** Menü Yeni Kodlar **/
.main-header.header-three .main-menu .navbar-collapse > ul > li > a span {
    margin: 0 20px;
}


.main-header.header-three .main-menu .navbar-collapse > ul > li.dropdown > .dropdown-btn {
    display: none;
}


.reacttimeline ul {
    padding: 0;
    margin: 0;
}

.reacttimeline .default-line {
    content: '';
    position: absolute;
    left: 50%;
    width: 8px;
    background: #f0f0f0;
    height: 85%;
}

.reacttimeline .draw-line {
    width: 8px;
    height: 0;
    position: absolute;
    left: 50%;
    background: var(--ronse-genel-renk);
    border-radius: 30px;
}

.reacttimeline ul li {
    list-style-type: none;
    position: relative;
    width: 2px;
    margin: 0 auto;
    height: 400px;
    background: transparent;
}

.reacttimeline ul li.in-view:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 28px;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 0 25px rgba(0, 0, 0, .09);
}

/*** İletişim Kutuları */

.contact-box {
    border: 1px solid #e7e7e7;
    background: #ffffff;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.03);
    padding: 47px 50px 42px 50px;
    height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-box {
        padding: 30px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-box {
        padding: 30px 20px;
    }
}

@media (max-width: 767px) {
    .contact-box {
        padding: 30px 15px;
    }
}

.contact-map-area .map-area iframe {
    min-height: 701px;
    border: 0;
    margin-bottom: -10px;
}

.fabrika-resmi .shape-square {
    position: absolute;
    right: 80px;
    top: 40px;
    z-index: 1;
    animation: rotation infinite 5s linear !important;
}

/** Fabrika Bilgileri Başlık **/

.semi-title {
    color: #b8b8b8;
    font-size: 14px;
    letter-spacing: 0px;
}

.sect-title {
    font-size: 60px;
    line-height: 1.17;
}

.sect-title span {
    font-weight: 100;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .sect-title {
        font-size: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sect-title {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .sect-title {
        font-size: 30px;
    }
}

.sect-title .bottom-shape::before {
    left: 0;
    top: 63%;
}

.bottom-shape::before {
    position: absolute;
    content: "";
    background: url(https://reactheme.com/products/html/finanix/assets/img/shape/line-1.svg) no-repeat;
    width: 100%;
    height: 14px;
    left: 7px;
    top: 65%;
    z-index: -1;
}

.sect-title .bottom-shape::before {
    left: 0;
    top: 63%;
}

.adres-bilgileri {
    border: 1px solid #212529;
    padding: 10px;
    border-radius: 5px;
}

.adres-bilgileri .baslik {
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    background: var(--ronse-genel-renk);
    width: fit-content;
    padding: 0 10px;
    border-radius: 5px;
    color: #F8F8F8;
    margin: 0 auto;
    font-size: 15px;
    font-family: var(--ronse-genel-font);
    font-weight: 400;
}

.tarihce-sol {
    flex-direction: inherit;
}

.tarihce-sag {
    display: flex;
    flex-direction: row-reverse;
}

.timeline-box img {
    border-radius: 10px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.timeline-box p {
    font-weight: 400;
    line-height: 1.4;
}

.feature-item h4 {
    font-size: 17px;
}

.ytp-embed:not(.ad-showing) .ytp-title-text {
    display: none !important;
}

/** Ronse Butonlar **/
.ronse-btn {
    overflow: hidden;
    color: #ffffff;
    background: #bb0b0b;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 21px 40px;
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
    text-transform: capitalize;
}

.ronse-btn:hover {
    background: #000;
    color: #fff;
}

.ronse-btn-kenarlik {
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 21px 40px;
    background: rgba(220, 20, 20, 0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.ronse-btn-kenarlik:hover {
    border: 2px solid transparent;
    color: #ffffff;
    padding: 22px 38px;
    border-color: #bb0b0b;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #bb0b0b;
}

/** Ronse Slogan **/
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?vvl13r');
    src: url('fonts/icomoon.eot?vvl13r#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?vvl13r') format('truetype'),
    url('fonts/icomoon.woff?vvl13r') format('woff'),
    url('fonts/icomoon.svg?vvl13r#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-scm:before {
    content: "\e900";
}


.ronse-slogan {
    position: relative;
    z-index: 1;
}

.ronse-slogan p {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.ronse-slogan::before {
    content: "";
    position: absolute;
    background: var(--ronse-genel-renk);
    width: 200px;
    height: 200px;
    border-radius: 0 100% 0 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    -webkit-border-radius: 0 100% 0 0;
    -moz-border-radius: 0 100% 0 0;
    -ms-border-radius: 0 100% 0 0;
    -o-border-radius: 0 100% 0 0;
}

@media (max-width: 767px) {
    .ronse-slogan::before {
        display: none;
    }
}

.ronse-slogan .shape-one {
    position: absolute;
    right: 78px;
    top: 112px;
    z-index: 5;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ronse-slogan .shape-one {
        top: 20px;
    }
}

@media (max-width: 767px) {
    .ronse-slogan .shape-one {
        display: none;
    }
}

.ronse-slogan .cta-bg {
    text-align: center;
    min-height: 584px;
    display: flex;
    align-items: center;
    background-size: cover !important;
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .ronse-slogan .cta-bg {
        min-height: 460px;
    }
}

.ronse-slogan .cta-bg::before {
    background: #040404;
    opacity: 0.502;
    z-index: -1;
}

.ronse-slogan .cta-bg::after {
    content: "";
    position: absolute;
    background: var(--ronse-genel-renk);
    width: 60px;
    height: 350px;
    border-radius: 0 0 0 200px;
    right: 0;
    top: 0;
    z-index: 3;
    -webkit-border-radius: 0 0 0 200px;
    -moz-border-radius: 0 0 0 200px;
    -ms-border-radius: 0 0 0 200px;
    -o-border-radius: 0 0 0 200px;
}

@media (max-width: 767px) {
    .ronse-slogan .cta-bg::after {
        display: none;
    }
}

.ronse-slogan .cta-bg .ronse-slogan-alani {
    position: relative;
    z-index: 5;
    border: 1px dotted #D6D6D6;
    padding: 25px;
    border-radius: 10px;
    vertical-align: top;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ronse-slogan .cta-bg .ronse-slogan-alani .sect-title2 {
    line-height: 1.21;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700;
    font-size: 30px;
}

.ronse-slogan .cta-bg .ronse-slogan-alani .btn-list {
    padding: 0;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ronse-slogan .cta-bg {
        min-height: 420px;
    }
}

.ronse-slogan .semi-title2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 10px;
}

.ronse-slogan .cta-bg::before {
    background: #6c757d;
    opacity: 0.88;
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/** Ronse Ürünler **/
.shop-shorter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-shorter .sort-text {
    font-size: 18px;
    font-weight: 600;
    margin-right: auto;
    margin-bottom: 5px;
    color: #262d3d;
    font-family: "Raleway", sans-serif;
}

.shop-shorter .sort-text b {
    font-size: 22px;
    font-weight: 700;
    color: var(--ronse-genel-renk);
}

.shop-shorter .grid-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.shop-shorter .grid-list li {
    margin-right: 25px;
}

.shop-shorter .nice-select {
    font-size: 15px;
    font-weight: 800;
    min-width: 200px;
    border-radius: 5px;
    color: #262d3d;
    background: transparent;
    text-transform: uppercase;
    padding: 10px 55px 10px 25px;
    border: 2px solid #e9eaeb;
}

.shop-shorter .nice-select:after {
    width: 7px;
    height: 7px;
    right: 20px;
    border-color: #262d3d;
}

.shop-shorter .nice-select .list {
    width: 100%;
}

.product-item {
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px;
    border: 1px solid rgba(138, 138, 138, 0.15);
    border-radius: 10px;
}

.product-item .product-image {
    padding: 0px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    position: relative;
}

.product-item .product-image::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: var(--ronse-genel-renk);
}

.product-item .product-image:before {
    z-index: 1;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}

.product-item .product-image .off {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    z-index: 2;
    line-height: 1;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 5px;
    background: var(--ronse-ikinci-renk);
}

.product-item .product-image .off i {
    font-size: 25px;
}

.product-item .product-image .cart-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    opacity: 0;
    color: white;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    text-transform: capitalize;
    background: var(--ronse-genel-renk);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.product-item .product-image .cart-btn:hover {
    background: var(--ronse-genel-renk);
}

.product-item .product-content {
    padding: 30px;
    background: #FFFFFF;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.product-item .product-content h6 {
    font-size: 18px;
    margin-bottom: 5px;
}

.product-item .product-content .category {
    font-size: 15px;
}

.product-item .product-content .ratting i {
    color: #ffa200;
    font-size: 12px;
    margin-right: 2px;
}

.product-item .product-content .price del {
    opacity: 0.5;
    font-size: 13px;
    font-weight: 700;
    margin-right: 5px;
}

.product-item .product-content .price del:before {
    content: '$';
}

.product-item .product-content .price span {
    font-weight: 800;
    color: var(--ronse-genel-renk);
}

.product-item .product-content .price span:before {
    content: '$';
}

.product-item:hover .product-image:before {
    opacity: 0.75;
}

.product-item:hover .product-image .cart-btn {
    opacity: 1;
}


.ronse-product-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-bottom: 20px;
}

.ronse-product-header .category {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-right: 15px;
    color: var(--ronse-genel-renk);
}

.ronse-product-header img {
    margin-right: 10px;
    margin-bottom: 5px;
}

.ronse-product-header .off {
    color: white;
    line-height: 1;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-right: 30px;
    border-radius: 13px;
    padding: 8px 13px 5px;
    text-transform: uppercase;
    background: var(--ronse-genel-renk);
}

.ronse-product-header .ratting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ronse-product-header .ratting i {
    color: var(--ronse-ikinci-renk);
    font-size: 14px;
    margin-right: 5px;
}

.ronse-product-header .ratting span {
    font-size: 20px;
}

.ronse-diger-urunler {
    margin-top: 50px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #fff !important;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

.woocommerce ul.products li.product .button {
    display: block;
    margin-top: 1em;
    text-align: center;
    font-weight: 500;
    background: #848d93;
    color: #fff;
}

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 15px;
    color: #737c81;
    font-weight: 400;
}

/** Ronsee Newsletter **/
.newsletter-video {
    overflow: hidden;
    border-radius: 5px;
    margin-right: -50px;
}

@media only screen and (max-width: 991px) {
    .newsletter-video {
        margin: 0;
    }
}

.newsletter-video:before {
    z-index: 1;
}

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

.newsletter-content {
    margin-right: -70px;
    margin-left: -110px;
    padding: 95px 70px 95px 200px;
    background-color: #f8f9fa;
    border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

@media only screen and (max-width: 1199px) and (min-width: 991px) {
    .newsletter-content {
        padding-left: 165px;
    }
}

@media only screen and (max-width: 991px) {
    .newsletter-content {
        margin: 0;
        padding: 75px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .newsletter-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 991px) {
    .newsletter-content h2 {
        font-size: 42px;
    }
}

.newsletter-email {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background: white;
    border-radius: 5px;
    position: relative;
    margin-left: -160px;
}

@media only screen and (max-width: 991px) {
    .newsletter-email {
        margin-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .newsletter-email {
        display: block;
    }
}

@media only screen and (max-width: 375px) {
    .newsletter-email {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.newsletter-email label {
    top: 44px;
    left: 45px;
    line-height: 1;
    cursor: pointer;
    margin-bottom: 0;
    position: absolute;
    color: #204ecf;
}

@media only screen and (max-width: 375px) {
    .newsletter-email label {
        left: 25px;
    }
}

.newsletter-email input {
    padding: 15px 0 15px 50px;
}

@media only screen and (max-width: 375px) {
    .newsletter-email input {
        padding-left: 40px;
    }
}

.newsletter-email input::-webkit-input-placeholder {
    font-weight: 600;
    color: #262d3d;
}

.newsletter-email input:-ms-input-placeholder {
    font-weight: 600;
    color: #262d3d;
}

.newsletter-email input::-ms-input-placeholder {
    font-weight: 600;
    color: #262d3d;
}

.newsletter-email input::placeholder {
    font-weight: 600;
    color: #262d3d;
}

.video-play {
    left: 50%;
    top: 50%;
    z-index: 3;
    position: absolute;
    width: 80px;
    height: 80px;
    background: white;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    color: #204ecf;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.newsletter-radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.newsletter-radios .custom-radio {
    padding-left: 35px;
}

.newsletter-radios .custom-radio:not(:last-child) {
    margin-right: 35px;
}

.newsletter-radios .custom-control-label {
    cursor: pointer;
}

.newsletter-radios .custom-control-label:after {
    top: 6px;
    left: -35px;
    width: 25px;
    height: 25px;
    background: rgba(0, 204, 131, 0.15) !important;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
}

.newsletter-radios .custom-control-label:before {
    top: 9px;
    z-index: 1;
    left: -28px;
    border: none;
    font-size: 12px;
    content: "\f00c";
    font-weight: 600;
    color: #00cc83;
    background: transparent;
    font-family: "Font Awesome 5 Free";
}

.newsletter-radios .custom-control-input:checked ~ .custom-control-label::before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.newsletter-radios .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none !important;
    background-color: #00cc83 !important;
}

/* Newsletter Video Section */
.newsletter-video-section {
    padding-left: 55px;
    padding-right: 55px;
}

@media only screen and (max-width: 1500px) {
    .newsletter-video-section {
        padding-left: 0;
        padding-right: 0;
    }
}

.newsletter-video-part {
    height: 720px;
}

@media only screen and (max-width: 767px) {
    .newsletter-video-part {
        height: 500px;
    }
}

@media only screen and (max-width: 575px) {
    .newsletter-video-part {
        height: 400px;
    }
}

.newsletter-video-part:before {
    opacity: 0.45;
}

.newsletter-video-part .video-play {
    color: white;
    background: #00cc83;
}

@media only screen and (min-width: 767px) {
    .newsletter-video-part .video-play {
        width: 110px;
        height: 110px;
        line-height: 110px;
    }
}

.newsletter-video-part .notification {
    left: 16%;
    bottom: 15%;
    max-width: 250px;
    position: absolute;
    padding: 45px 40px 25px;
}

@media only screen and (max-width: 1199px) {
    .newsletter-video-part .notification {
        left: 10%;
        bottom: 10%;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-video-part .notification {
        display: none;
    }
}

.newsletter-video-part .notification img {
    margin-bottom: 18px;
}

.newsletter-video-part .notification:before {
    content: '';
    left: -40%;
    top: 15%;
    width: 150px;
    height: 70px;
    position: absolute;
    background: url(../images/shapes/notification-line.png) no-repeat center/cover;
}

@media only screen and (max-width: 1199px) {
    .newsletter-video-part .notification:before {
        left: -30%;
    }
}

.newsletter-video-part .bg-text {
    right: 50%;
    bottom: 50%;
    opacity: 0.2;
    font-size: 300px;
    color: transparent;
    text-transform: capitalize;
    -webkit-text-stroke: 1px white;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

@media only screen and (max-width: 1199px) {
    .newsletter-video-part .bg-text {
        font-size: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-video-part .bg-text {
        font-size: 150px;
    }
}

@media only screen and (max-width: 575px) {
    .newsletter-video-part .bg-text {
        font-size: 100px;
    }
}

@media only screen and (max-width: 375px) {
    .newsletter-video-part .bg-text {
        font-size: 80px;
    }
}

.newsletter-video-part .bg-text:before {
    content: '';
    width: 320px;
    height: 320px;
    position: absolute;
    border-radius: 50%;
    border: 1px solid white;
    -webkit-transform: translate(-50%, -25%);
    -ms-transform: translate(-50%, -25%);
    transform: translate(-50%, -25%);
}

@media only screen and (max-width: 1199px) {
    .newsletter-video-part .bg-text:before {
        width: 200px;
        height: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-video-part .bg-text:before {
        display: none;
    }
}

.newsletter-video-content {
    z-index: 1;
    position: relative;
    margin-left: -330px;
    padding: 60px 70px 70px;
}

@media only screen and (max-width: 1199px) {
    .newsletter-video-content {
        margin-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .newsletter-video-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .newsletter-video-content .newsletter-radios .custom-control-label {
        font-size: 18px;
    }
}

.newsletter-video-content .newsletter-radios .custom-control-label:before {
    color: white;
}

.newsletter-video-content .newsletter-email {
    margin-left: 0;
}

.newsletter-video-content .newsletter-email label {
    top: 40px;
}

.newsletter-video-content .newsletter-email label i {
    color: #204ecf;
}

.newsletter-video-content .newsletter-email input {
    padding-top: 10px;
    padding-bottom: 10px;
}

.newsletter-video-content .newsletter-email .theme-btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 30px;
    padding-right: 30px;
}

/** Ronse Timeline **/

.timeline-box {
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .timeline-box {
        margin-bottom: 0;
    }
}

.timeline-box .left-content h2 {
    color: var(--ronse-genel-renk);
    font-size: 60px;
    margin-bottom: 20px;
    font-family: var(--ronse-baslik-font);
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .timeline-box .left-content h2 {
        font-size: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .timeline-box .left-content h2 {
        font-size: 60px;
    }
}

.timeline-box .left-content h2.heding-grey {
    color: #ededed;
}

.timeline-box .left-content h4 {
    font-size: 24px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .timeline-box .left-content h4 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .timeline-box .left-content h4 {
        font-size: 20px;
    }
}

.journey-list {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    align-items: center;
    justify-content: space-between;
    grid-gap: 30px;
    position: relative;
    z-index: 1;
    padding-left: 0;
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .journey-list {
        padding-top: 0;
        grid-gap: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .journey-list {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .journey-list {
        padding-top: 0;
        display: block;
    }
}

.journey-list::before {
    content: "";
    position: absolute;
    background: url(../img/journey/time-line1.png) no-repeat;
    width: 100px;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
    .journey-list::before {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .journey-list::before {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .journey-list::before {
        display: none;
    }
}

@media (max-width: 767px) {
    .journey-list::before {
        display: none;
    }
}

.journey-list li {
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .journey-list li {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .journey-list li img {
        width: 100%;
    }
}

.journey-list li:first-child, .journey-list li:nth-child(3), .journey-list li:nth-child(5), .journey-list li:nth-child(7) {
    padding-right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .journey-list li:first-child, .journey-list li:nth-child(3), .journey-list li:nth-child(5), .journey-list li:nth-child(7) {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .journey-list li:first-child, .journey-list li:nth-child(3), .journey-list li:nth-child(5), .journey-list li:nth-child(7) {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .journey-list li:first-child, .journey-list li:nth-child(3), .journey-list li:nth-child(5), .journey-list li:nth-child(7) {
        padding-right: 0;
    }
}

.journey-list li:nth-child(2), .journey-list li:nth-child(4), .journey-list li:nth-child(6), .journey-list li:nth-child(8) {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    padding-left: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .journey-list li:nth-child(2), .journey-list li:nth-child(4), .journey-list li:nth-child(6), .journey-list li:nth-child(8) {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        padding-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .journey-list li:nth-child(2), .journey-list li:nth-child(4), .journey-list li:nth-child(6), .journey-list li:nth-child(8) {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .journey-list li:nth-child(2), .journey-list li:nth-child(4), .journey-list li:nth-child(6), .journey-list li:nth-child(8) {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        padding-left: 0;
    }
}

.journey-list li:after {
    content: '\e900';
    position: absolute;
    right: -34px;
    top: 40%;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    transition: all .4s ease-in-out;
    box-shadow: 0 0 25px rgba(0, 0, 0, .09);
    font-family: 'icomoon';
    text-align: center;
}

.journey-list li:nth-child(even):after {
    right: auto;
    left: -27px;
    top: 70%;
}

.journey-list li .timeline-box .left-content h2 {
    color: #607D8B;
}

.journey-list li.in-view .timeline-box .left-content h2 {
    color: var(--ronse-genel-renk);
    font-family: var(--ronse-icerik-ana-baslik-font);
}

.journey-list li:nth-child(even) {
    padding-left: 65px !important;
}

.journey-list li:nth-child(odd) {
    padding-right: 32px !important;
}

body .journey-list::before {
    display: none;
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
    .reacttimeline,
    .journey-list li:after {
        display: none;
    }

    .journey-list li:nth-child(even) {
        padding-left: 0px !important;
    }

    .journey-list li:nth-child(odd) {
        padding-right: 0px !important;
    }
}

/** Ronse İletisim **/
.contact-info-area .bg-text {
    bottom: 65px;
    font-weight: 800;
}

.contact-info-area:before {
    content: '';
    bottom: 0;
    z-index: -1;
    width: 330px;
    height: 330px;
    left: -150px;
    border-radius: 50%;
    position: absolute;
    background: #f7f7f7;
    -webkit-animation: 5s down-up-one infinite;
    animation: 5s down-up-one infinite;
}

.contact-info-box {
    padding: 35px;
    background: white;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 10px 0 60px rgba(138, 138, 138, 0.1);
    box-shadow: 10px 0 60px rgba(138, 138, 138, 0.1);
}

.contact-info-box > i {
    color: white;
    font-size: 35px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 25px;
    display: inline-block;
    width: 80px;
    height: 80px;
    background: var(--ronse-ikinci-renk);
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
}

.contact-info-box h4 {
    margin-bottom: 10px;
}

.contact-info-box span {
    font-size: 18px;
    font-weight: 600;
}

.contact-info-box:hover > i {
    background: var(--ronse-genel-renk);
}

@media only screen and (min-width: 1501px) {
    .contact-page-image {
        margin-left: 100px;
        margin-right: -150px;
    }
}

.contact-form {
    background: white;
    border-radius: 5px;
    -webkit-transform: translateY(290px);
    -ms-transform: translateY(290px);
    transform: translateY(290px);
}

/* 404 Error Page */
.error-inner img {
    margin-left: -120px;
}

@media only screen and (max-width: 767px) {
    .error-inner img {
        margin-left: -50px;
    }
}

@media only screen and (max-width: 480px) {
    .error-inner img {
        margin-left: -25px;
    }
}

@media only screen and (min-width: 1501px) {
    .error-inner .theme-btn {
        padding-left: 70px;
        padding-right: 70px;
    }
}

/** Ronse Slogan **/
.ronse-kart-slogan-ust {
    margin-bottom: 30px;
}

.ronse-kart {
    border-top: 4px solid var(--ronse-genel-renk);
    padding: 20px;
    background: #F8F8F8;
    border-radius: 10px;
    border-bottom: 5px solid var(--ronse-ikinci-renk);
}

.ronse-kart-ust {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kart-ikon {
    background: var(--ronse-genel-renk);
    height: 50px;
    width: 70px;
    margin-right: 10px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    display: inline-block;
}

.kart-ikon i {
    color: #F8F8F8;
    font-size: 30px;
    line-height: 50px;
}

.ronse-kart-ust h4 {
    font-size: 15px;
}

.ronse-kart-govdesi img {
    border-radius: 5px !important;
}

p.ronse-tarihce-alani {
    max-width: 60%;
    margin: 0 auto;
    font-weight: 500;
    margin-bottom: 20px;
}

.ronse-kutu {
    background: #fff;
    padding: 20px 30px;
    border-radius: 10px;
    text-align: center;
    font-size: 20px !important;
    border-bottom: 8px solid var(--ronse-genel-renk);
}
.ronse-kutu:hover {
    border-bottom: 8px solid var(--ronse-ikinci-renk);
}
.ronse-kutu img {
    background: var(--ronse-ikinci-renk);
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 5px !important;
}

.ronse-kutu h6 {
    font-size: 18px;
}

.ronse-slogan-kartlari h3 {
    font-size: 35px !important;
    letter-spacing: -1px;
}

/**Modal **/

.cookie-modal .modal-dialog {
    margin: 0
}

@media (max-width: 767px) {
    .cookie-modal .modal-dialog {
        margin-top: 75px
    }
}

@media (min-width: 576px) {
    .cookie-modal .modal-dialog {
        min-height: calc(100% - 3.5rem)
    }
}

@media (min-width: 992px) {
    .pdf-modal .modal-dialog .modal-content .modal-header .close {
        font-size: 50px;
        padding: 15px
    }

    .cookie-modal .modal-dialog {
        max-width: 862px
    }
}

.cookie-modal .modal-dialog-centered {
    align-items: flex-end;
    min-height: 100%
}

.cookie-modal .modal-content {
    position: relative;
    background-color: #1e1e1e;
    color: #fff;
    border-radius: 0
}

.cookie-modal .modal-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 10px;
    background-color: var(--ronse-genel-renk);
    transform: translateY(-100%)
}

@media (min-width: 576px) {
    .cookie-modal .modal-dialog-centered {
        align-items: center;
        margin: 1.75rem auto
    }

    .cookie-modal .modal-content::before {
        z-index: -1;
        height: 100%;
        inset: 0;
        transform: translateY(10px) translateX(10px)
    }
}

.cookie-modal .modal-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5
}

.cookie-modal .modal-header {
    position: relative;
    padding: 12px 12px 8px;
    border: none
}

@media (min-width: 992px) {
    .cookie-modal .modal-header {
        padding: 24px 24px 8px
    }
}

.cookie-modal .modal-header:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 12px;
    left: 12px;
    height: 1px;
    background-color: #d3d3d3
}

.cookie-modal .modal-body {
    padding: 8px 12px
}

.cookie-modal .modal-body a {
    color: #fff;
    text-decoration: underline
}

.cookie-modal .modal-body p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0
}

@media (min-width: 992px) {
    .cookie-modal .modal-body {
        padding: 8px 24px 16px
    }

    .cookie-modal .modal-body p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        margin-bottom: 20px;
    }
}

.cookie-modal .modal-body .btn-link {
    margin-top: 8px;
    font-weight: 700;
    padding-bottom: 4px;
    max-width: fit-content
}

.cookie-modal .modal-footer {
    padding: 8px 12px 16px;
    border: none
}

@media (min-width: 992px) {
    .cookie-modal .modal-body .btn-link {
        margin-top: 16px
    }

    .cookie-modal .modal-footer {
        padding: 16px 24px 24px
    }
}

.cookie-modal .modal-footer .button-wrapper {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column
}

.cookie-modal .modal-footer .button-wrapper > :not(:first-child) {
    margin-top: 16px
}

@media (min-width: 992px) {
    .cookie-modal .modal-footer .button-wrapper {
        flex-direction: row;
        justify-content: space-between
    }

    .cookie-modal .modal-footer .button-wrapper > * {
        flex: 1 1 200px
    }

    .cookie-modal .modal-footer .button-wrapper > :not(:first-child) {
        margin-top: 0;
        margin-left: 11px
    }
}

.cookie-modal .modal-footer .btn {
    padding: 14px 20px;
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43
}

.cookie-modal .modal-footer .btn:hover {
    transform: unset
}

.cookie-accordion {
    margin-top: 16px;
    color: #000
}

@media (min-width: 992px) {
    .cookie-accordion {
        margin-top: 32px
    }
}

.cookie-accordion .card {
    border: none;
    border-radius: 0
}

.cookie-accordion .card:not(:first-of-type) {
    margin-top: 16px
}

.cookie-accordion .card .card-header {
    all: unset;
    display: flex;
    position: relative
}

.cookie-accordion .card .card-header .primary-switch {
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 12px;
    z-index: 2
}

.cookie-accordion .card .card-body {
    padding: 16px
}

.cookie-accordion .accordion-btn {
    all: unset;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    padding: 14px 60px 14px 12px
}

.cookie-accordion .accordion-btn.active {
    color: var(--ronse-genel-renk);
    background-color: #f8e7e4
}

.cookie-accordion .accordion-btn .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 12px
}

@media (min-width: 768px) {
    .cookie-modal .modal-header:after {
        content: unset
    }

    .cookie-accordion .card .card-header .primary-switch {
        top: 12px;
        bottom: 12px;
        right: 16px
    }

    .cookie-accordion .accordion-btn {
        font-size: 16px;
        line-height: 1.25;
        padding: 13px 65px 13px 16px
    }

    .cookie-accordion .accordion-btn .icon-wrapper {
        width: 24px;
        height: 24px;
        margin-right: 16px
    }
}

.cookie-accordion .accordion-btn .icon-wrapper .icon {
    font-size: 10.7px
}

@media (min-width: 768px) {
    .cookie-accordion .accordion-btn .icon-wrapper .icon {
        font-size: 16px
    }
}

.primary-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 26px;
    margin: 0
}

.primary-switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.primary-switch input:checked + .slider {
    background-color: var(--ronse-genel-renk);
    border-color: var(--ronse-genel-renk);
}

.primary-switch input:checked + .slider:before {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(45, 54, 67, .05);
    transform: translateX(18px)
}

.primary-switch input:disabled + .slider {
    opacity: .5
}

.primary-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    border: 1px solid #999;
    transition: all .3s ease-in-out;
    will-change: background-color, border-color;
    z-index: 2
}

.primary-switch .slider:before {
    position: absolute;
    content: '';
    width: 20px;
    inset: 2px;
    background-color: #999;
    transition: all .3s ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(45, 54, 67, .05);
    will-change: transform, background-color
}

.primary-switch .slider.round {
    border-radius: 20px
}

.primary-switch .slider.round:before {
    border-radius: 50%
}

.btn-general {
    min-width: 160px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    padding: 20px;
    border-radius: 0;
    color: #fff;
    background-color: var(--ronse-genel-renk);
    border-color: var(--ronse-genel-renk);
    transform-origin: center;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1);
    transition: all ease .25s;
}

.ronse-urun-detay h2, .ronse-urun-detay h1 {
    font-size: 25px;
}

h1.urun-baslik {
    text-transform: capitalize;
    font-size: 35px;
    color: var(--ronse-genel-renk);
    letter-spacing: -1px;
}

.product-image img {
    height: 250px !important;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}

tbody, td, tfoot, th, thead, tr {
    padding: 5px 10px;
    border: 1px solid #c4c3c3;
}

#gallery-1 .gallery-item, dl {
    margin: 0px  0 !important;
}
.diger-renkler {
    padding: 20px;
    background: #ffffff;
    border-radius: 5px;
    border: 2px solid #c4c3c3;
    margin-top: 20px;
}
.diger-renkler .product-item .content {
    padding: 10px;
}
.diger-renkler .content p {
   font-size: 14px;
    line-height: 17px;
    font-weight: 500;
}

.etiketler {
    border: 2px solid rgba(129, 132, 138, 0.71);
    padding: 30px;
    border-radius: 10px;
}

.etiketler ul li {
    display: inline-block;
}