.elementor-1803 .elementor-element.elementor-element-8341f75 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-d3402e0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1803 .elementor-element.elementor-element-1b79341 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-7d3e37f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1803 .elementor-element.elementor-element-32aa7d3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-9cfebb8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-7c9e07f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-93ea937 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-fc41a42 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-d8f8216 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-c2b5825 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-f394c73 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-4f78e18 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-046b3a9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-1803 .elementor-element.elementor-element-46c8842 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}/* Start custom CSS for html, class: .elementor-element-95f75b5 */[data-smooth-scroll] {
    position: relative;
    z-index: 1;
}

[data-smooth-scroll-detector] {
    width: 100%;
    height: var(--site-header-top-height);
    opacity: 0;
    position: absolute;
    bottom: var(--products-top-text-height);
    z-index: 0;
}

[data-smooth-scroll-back] {
    width: 3em;
    height: 3em;
    position: fixed;
    bottom: 1em;
    right: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 60%;
    background-color: #e9bb35;
    border-radius: 50%;
    transform: rotate(-90deg);
    box-shadow: 0 0 6px black;
    transition: all ease-in-out 500ms;
    z-index: 100000;
}

[data-smooth-scroll-back].open {
    right: 1em;
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c8c2992 */[data-elementor-type=wp-page] {
    min-height: calc( 100vh );
    width: 100%;
    position: relative;
    padding-top: var(--site-header-top-height);
    padding-bottom: 3em;
    padding-left: var(--site-header-side-width);
    background-color: var(--background-color);
}

.page-intro {
    position: relative;
    padding: 4em 0 2em 0;
}


/* TOP MENU */
.products-top-menu .products-top-menu-container {
    --content-width: 80%;
    padding-right: 1em;
}

.products-top-menu .products-top-menu-container .products-top-menu-header h2 {
    color :black;
    font-size: 1.8em;
    font-weight: 700;
    padding-bottom: 0.5em;
}

.products-top-menu .products-top-menu-container .products-top-menu-header h2 span {
    display: block;
    width: 100% !important;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container {
    display: flex;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item {
    --margin-size: 0.7em;
    --width: calc((var(--content-width) - 5 * var(--margin-size)) / 6);
    width: var(--width);
    margin-left: var(--margin-size);
    margin-bottom: -4em;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-img > [data-element-type=img] {
    position: relative;
    padding-top: 200%;
    background-size: cover !important;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover {
        cursor: pointer;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover > .products-top-item-img > [data-element-type=img] {
    padding-top: 215%;
    transition: all ease-in 400ms;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover > .products-top-item-img > [data-element-type=img]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 18%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:first-child {
    margin-left: 0;
}

.products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-text {
    background-color: black;
    padding: 1em;
    min-height: 7em;
    color: white !important;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -4em;
    text-align: center;
    height: var(--products-top-text-height);
}

@media(max-width: 1200px) {
    .products-top-menu .products-top-menu-container {
        --content-width: 100%;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item {
        --margin-size: 0.5em;
        font-size: 0.9em;
    }
    
    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-text {
        padding: 1em 0.5em;
    }
}

@media(max-width: 800px) {
    .page-intro {
        padding-left: 0;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item {
        font-size: 0.85em;
        width: calc(3 * var(--width));
        display: flex;
        margin-left: 0;
        margin-bottom: 0.5em;
        --height: 6em;
    }
    
    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-text {
        padding: 1em 0.5em;
        top: 0;
        --product-top-text-width: 8em;
        width: var(--product-top-text-width);
        height: calc(var(--height) * 1 / 0.85);
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-img {
        width: 0;
        flex-grow: 1;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-img > [data-element-type=img] {
        padding-top: var(--height);
    }
    
    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover > .products-top-item-img > [data-element-type=img] {
        padding-top: var(--height);
        transform: scaleX(1.1);
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover > .products-top-item-img > [data-element-type=img]:before {
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 18%);
    }
}

@media(max-width: 600px) {
    [data-elementor-type=wp-page] {
        --site-header-side-width: 0;
    }
    
    .page-intro {
        padding-left: 1em;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-header h2 {
        font-size: 1.1em;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item {
        width: 48%;
    }
}


@media(max-width: 320px) {
    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container {
        justify-content: space-evenly;
    }
    
    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item {
        flex-direction: column;
        width: min(48%, 130px);
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-img {
        width: 100%;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-img > [data-element-type=img] {
        padding-top: 3em;;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item > .products-top-item-text {
        width: 100%;
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover > .products-top-item-img > [data-element-type=img] {
        padding-top: 3em;
        transform: none;
    }
    
    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover {
        box-shadow: 0 0 15px black;
        transform: translate(2px,2px);
    }

    .products-top-menu .products-top-menu-container .products-top-menu-content .products-top-container > .products-top-item:hover > .products-top-item-img > [data-element-type=img]:before {
        background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 18%);
    }
}

/* PRODUCT-ITEM */

.products-item {
    padding-left: 1.5em;
    padding-right: 1em;
    padding-top: calc(5em + 20px);
    overflow-x: clip;
}

@media(max-width: 800px) {
    .products-item {
        padding-left: 0;
    }
}
    
/* KURUMSAL CHECK-UP */
    
.products-item.kurumsal-checkup {
    --content-width: 55%;
}

.products-item.kurumsal-checkup .col-content {
    width: var(--content-width);
    align-items: center;
}

.products-item.kurumsal-checkup .col-content .content-header h2 {
    color :black;
    font-size: 1.8em;
    font-weight: 700;
}

.products-item.kurumsal-checkup .col-content .content-html {
    font-size: 1.2em;
    padding-top: 0.5em;
}
    
.products-item.kurumsal-checkup .col-content .content-html .intro-list ul {
    list-style: none;
    margin-block: 0;
}

.products-item.kurumsal-checkup .col-content .content-html .intro-list ul > li {
    position: relative;
}
    
.products-item.kurumsal-checkup .col-content .content-html .intro-list ul > li:before {
    content: ".";
    font-family: "Monospace";
    color: #eb9623;
    font-size: 3.2em;
    display: inline;
    line-height: 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position:absolute;
    top: -0.23em;
    left: -0.4em;
}

.products-item.kurumsal-checkup .col-content .content-html .detail-list {
    padding-top: 2em;
}
.products-item.kurumsal-checkup .col-content .content-html .detail-list ul {
    list-style: none;
    margin-block: 0;
    display: flex;
    flex-wrap: wrap;
    --margin: 1em;
    justify-content: space-between;
    font-size: 0.85em;
}

.products-item.kurumsal-checkup .col-content .content-html .detail-list ul li {
    display: flex;
    align-content: center;
    align-items :center;
    width: calc((100% - 2 * var(--margin)) / 3);
    border: solid 2px orange;
    margin-bottom: 1em;
    text-align: center;
    padding: 1.5em 1em;
}

.products-item.kurumsal-checkup .col-image {
    width: calc(100% - var(--content-width));
    overflow: hidden;
    align-items: yp[];
}

.products-item.kurumsal-checkup .col-image > .elementor-widget-wrap {
    height: 0;
    padding-top: 100%;
    position: relative;
}

.products-item.kurumsal-checkup .col-image .img-bg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.products-item.kurumsal-checkup .col-image .img-bg img {
    position: relative;
    width: 100%;
    height: auto;
    
}

.products-item.kurumsal-checkup .col-image .img-ball {
    position: absolute;
    z-index: 1;
}

.products-item.kurumsal-checkup .col-image .img-ball img {
    width: 100%;
}

.products-item.kurumsal-checkup .col-image .img-ball:nth-child(2) {
    width: 8em;
    top: 20%;
    left: 10%;
}

.products-item.kurumsal-checkup .col-image .img-ball:nth-child(3) {
    width: 4em;
    bottom: 5%;
    right: 50%;
    left: unset;
}

@media(max-width: 1024px) {
    .products-item.kurumsal-checkup {
        --content-width: min(100%, 600px);
    }

    .products-item.kurumsal-checkup .col-content {
        order: 1;
    }
    
    .products-item.kurumsal-checkup .col-image {
        position: absolute;
        right: 30%;
        transform: rotate(-90deg);
        transform-origin: 50% 20%;
    }

    .products-item.kurumsal-checkup .col-image .img-ball {
        font-size: 0.5em;
    }
}

@media(max-width: 800px) {
    .products-item.kurumsal-checkup .col-image {
        width: 30%;
        right: 0;
        transform: none;
    }
}

@media(max-width: 600px) {    
    .products-item.kurumsal-checkup {
        font-size: calc(8px + 1.2vw);
    }

    .products-item.kurumsal-checkup .col-image {
        right: -5%;
    }

    .products-item.kurumsal-checkup .col-content .content-html .detail-list ul {
        padding-inline: 0;
    }
}

@media(max-width: 400px) {    
    .products-item.kurumsal-checkup {
        font-size: calc(10px + 1.2vw);
    }

    .products-item.kurumsal-checkup .col-image {
        position: relative;
        width: min(100%,300px);
        padding: 2em;
    }

    .products-item.kurumsal-checkup .col-content .content-html .detail-list ul {
        padding-inline: 0;
    }
}

/* DEGISIM YONETIMI */

.products-item.degisim-yonetimi {
    --content-width: 50%;
}

.products-item.degisim-yonetimi .col-content {
    width: var(--content-width);
    align-items: center;
}

.products-item.degisim-yonetimi .col-content .content-header h2 {
    color :black;
    font-size: 1.8em;
    font-weight: 700;
}

.products-item.degisim-yonetimi .col-content .content-html {
    font-size: 1.2em;
    padding-top: 0.5em;
    max-width: 30em;
}
    
.products-item.degisim-yonetimi .col-content .content-html .intro-list ul {
    list-style: none;
    margin-block: 0;
}

.products-item.degisim-yonetimi .col-content .content-html .intro-list ul > li {
    position: relative;
}
    
.products-item.degisim-yonetimi .col-content .content-html .intro-list ul > li:before {
    content: ".";
    font-family: "Monospace";
    color: #eb9623;
    font-size: 3.2em;
    display: inline;
    line-height: 20px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position:absolute;
    top: -0.23em;
    left: -0.4em;
}

.products-item.degisim-yonetimi .col-content .content-html .intro-list > ul > li:before {
    color: black;
}

.products-item.degisim-yonetimi .col-content .content-html .intro-list > ul > li > ul > li:before {
    color: white;
    border: solid 1px black;
    border-radius: 100%;
    line-height: 10px;
    width: 8px;
    height: 8px;
    top: 0.15em;
}

.products-item.degisim-yonetimi .col-image {
    width: 0;
    flex-grow: 1;
    align-items: center;
    overflow: hidden;
}

.products-item.degisim-yonetimi .col-image > .elementor-widget-wrap {
    height: 0;
    padding-top: 60%;
    position: relative;
}
    
.products-item.degisim-yonetimi .col-image .img-bg {
    position: absolute;
    height: 120%;
    left: 0;
    top: 0;
    z-index: 2;
}

.products-item.degisim-yonetimi .col-image .img-bg > .elementor-widget-container {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: -5%;
    display: flex;
    justify-content: center;
}

.products-item.degisim-yonetimi .col-image .img-bg img {
    max-width: unset;
    width: auto;
    height: 100% !important;
}

.products-item.degisim-yonetimi .col-image .img-ball {
    position: absolute;
    z-index: 1;
}

.products-item.degisim-yonetimi .col-image .img-ball img {
    width: 100%;
}

.products-item.degisim-yonetimi .col-image .img-ball:nth-child(2) {
    width: 8em;
    top: 0;
    left: 0;
}

.products-item.degisim-yonetimi .col-image .img-ball:nth-child(3) {
    width: 4em;
    bottom: 15%;
    right: 40%;
    left: unset;
}

.products-item.degisim-yonetimi .col-image .img-ball:nth-child(4) {
    width: 4em;
    bottom: 18%;
    left: 2%;
}

@media(max-width: 1200px) {
    .products-item.degisim-yonetimi {
        --content-width: 60%;
    }

    .products-item.degisim-yonetimi .col-image {
        font-size: 0.5em;
    }
}

@media(max-width: 900px) {
    .products-item.degisim-yonetimi {
        font-size: calc(10px + 0.6vw);
    }
}

@media(max-width: 768px) {
    .products-item.degisim-yonetimi {
        font-size: 14px;
    }
    
    .products-item.degisim-yonetimi .col-image {
        order: 0;
        flex-grow: 0;
        margin: auto;
        width: min(90%,500px);
        margin-bottom: 5em;
        overflow: hidden;
    }

    .products-item.degisim-yonetimi .col-image .img-bg > .elementor-widget-container {
        justify-content: end;
    }

    .products-item.degisim-yonetimi .col-content {
        order: 1;
        width: 100%;
    }

    .products-item.degisim-yonetimi .col-content .content-html .intro-list ul {
        padding-inline: 0;
        padding-left: 1.5em;
    }
}

@media(max-width: 400px) {
    .products-item.degisim-yonetimi .col-content .content-html .intro-list ul {
        padding-left: 1em;
    }
}
    
/* MRM */
    
.products-item.mrm {
    --content-width: fit-content;
    padding-right: 1em;
}

.products-item.mrm .col-content {
    width: var(--content-width);
}

.products-item.mrm .col-content  .content-header h2 {
    color :black;
    font-size: 1.8em;
    font-weight: 700;
}

.products-item.mrm .col-content .mrm-container > .mrm-icon-list > ul > li > .icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}
    
.products-item.mrm .col-content .content-html .mrm-container {
    display: flex;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list {
    width: fit-content;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul {
    list-style: none;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul > li {
    display: flex;
    margin-top: 2em;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul > li > .icon {
    --width: 5em;
    width: var(--width);
    height: 0;
    padding-top: var(--width);
    border: solid 1px #111133;
    border-radius: 50%;
    
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul > li > .content {
    font-size: 0.85em;
    padding-left: 2em;
    max-width: 16em;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul > li > .content > h3 {
    margin-block: 0;
    font-weight: 600;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul > li > .content > p {
    font-weight: 300;
    letter-spacing: 0.03em;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-desc {
    max-width: 25em;
    margin-left: 4em;
}
    
.products-item.mrm .col-content .content-html .mrm-container > .mrm-desc > h3 {
    font-weight: 600;
    font-size: 1.1em;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-desc > h3:before {
    content: "\2022";
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-desc > ul {
    font-weight: 300;
    font-size: 1.1em;
    letter-spacing: 0.02em;
    list-style: circle;
}

.products-item.mrm .col-content .content-html .mrm-container > .mrm-desc > ul > li {
    margin-bottom: 0.4em;
}

.products-item.mrm .col-image {
    width: 0;
    flex-grow: 1;
}

.products-item.mrm .col-image .img-ball {
    position: absolute;
}

.products-item.mrm .col-image .img-ball img {
    width: 100%;
    height: auto;
}

.products-item.mrm .col-image .img-ball:nth-child(1) {
    width: 5em;
    left: -2em;
    bottom: 0;
}

.products-item.mrm .col-image .img-ball:nth-child(2) {
    width: 9em;
    left: 3em;
    top: -2em;
}

@media(max-width: 1200px) {
    .products-item.mrm .col-image .img-ball:nth-child(2) {
        left: 0;
    }
}

@media(max-width: 900px) {
    .products-item.mrm .col-content .content-html .mrm-container {
        flex-direction: column;
    }
    
    .products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list {
        width: 100%;
        display: flex;
    }

    .products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul {
        display: flex;
        flex-direction: column;
    }
    
    .products-item.mrm .col-content .content-html .mrm-container > .mrm-desc {
        margin-left: 0;
        width: 100%;
    }

    .products-item.mrm .col-image .img-ball:nth-child(1) {
        bottom: 50%;;
    }
}

@media(max-width: 600px) {
    .products-item.mrm .col-content .mrm-container > .mrm-icon-list > ul {
        padding-inline: 0;
    }

    .products-item.mrm .col-content .mrm-container > .mrm-desc ul {
        padding-inline: 0;
        padding-left: 1.5em;
    }
}

@media(max-width: 320px) {
    .products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list > ul > li {
        flex-direction: column;
    }

    .products-item.mrm .col-content .content-html .mrm-container > .mrm-icon-list ul > li > .content {
        padding-left: 0;
        padding-top: 0.5em;
    }
}

/* HUB */

.products-item.hub {
    --content-width: min(90%, 900px);
    padding-right: 0;
}

.products-item.hub .col-content {
    width: var(--content-width);
}

.products-item.hub .col-content .content-header h2 {
    color :black;
    font-size: 1.8em;
    font-weight: 700;
}

.products-item.hub .col-content .content-html {
    font-size: 1.2em;
    padding-top: 0.5em;
}

.products-item.hub .col-content .content-html .hub-content {
    position:relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
    --width: max(calc(35% - 4em), 15em);
    --icon-width: 25%;
}

.products-item.hub .col-content .content-html .hub-content > h2 {
    font-size: 0.8em;
    width: 100%;
    margin-bottom: 3em;
}

.products-item.hub .col-content .content-html .hub-content > h2:before {
    content: "\25CF";
    margin-right: 0.25em;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi,
.products-item.hub .col-content .content-html .hub-content .middle-hub {
    position:relative;
    display: block;
    width: var(--width);
    z-index: 2;
}
    
.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi {
    --bg-color: #e85b29;
    margin-left: 5%;
}

.products-item.hub .col-content .content-html .hub-content .finans-yonetimi {
    --bg-color: #e89630;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi ,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi {
    font-size: 0.85em;
    background-color: var(--bg-color);
    border-radius: 1em;
    padding: 1em 0;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .icon,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .icon {
    width: var(--icon-width);
    height: 0;
    padding-top: 25%;
    position: absolute;
    top: 0;
    background-color: var(--bg-color);
    border-radius: 50%;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .icon {
    left: 0;
    transform: translate(-20%,-20%);
    z-index: 1;
}

.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .icon {
    right: 0;
    transform: translate(20%,-20%);
    z-index: 1;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain {
    --height: 2px;
    --color: #ebc522;;
    width: 1.5em;
    height: var(--height);
    background-color: var(--color);
    position: absolute;
    top: 50%;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain:before,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain:before,
.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain:after,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain:after {
    position: absolute;
    --size: 0.5em;
    display: block;
    content: "";
    width: var(--size);
    height: var(--size);
    border: solid 1px var(--color);
    border-radius: 50%;
    top: 0;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain:before,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain:before {
    left: 0;
    transform: translate(-100%,calc(-50% + var(--height) / 2));
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain:after,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain:after {
    right: 0;
    transform: translate(100%,calc(-50% + var(--height) / 2));
}
    
.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain {
    right: -1em;
    transform: translateX(50%);
}

.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain {
    left: -1em;
    transform: translateX(-50%);
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .content,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .content {
    position:relative;
    background-color: white;
    padding: 2em 1em;
    border: solid 2px var(--bg-color);
    border-radius: 1em;
    height: 100%;
}

.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .content {
    left: 1em;
}

.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .content {
    right: 1em;
}
    
.products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .content > h2,
.products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .content > h2 {
    font-size: 0.9em;
}

.products-item.hub .col-content .content-html .hub-content .middle-hub {
    font-size: 1.2em;
    margin: auto 2em;
    width: 0;
    flex-grow: 0.6;
}

.products-item.hub .col-content .content-html .hub-content .middle-hub > .content {
    height: 0;
    padding-top: 100%;
    border-radius: 50%;
    background-color:  #eb7221;;
}

.products-item.hub .col-content .content-html .hub-content .middle-hub h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-block: 0;
}
    
.products-item.hub .col-image {
    width: 0;
    flex-grow: 1;
}

.products-item.hub .col-image .img-ball {
    position: absolute;
}

.products-item.hub .col-image .img-ball img {
    width: 100%;
    height: auto;
}

.products-item.hub .col-image .img-ball:nth-child(1) {
    width: 8em;
    left: 0;
    top: 0;
}

.products-item.hub .col-image .img-ball:nth-child(2) {
    width: 12em;
    left: -8em;
    top: 12em;
}

.products-item.hub .col-image .img-ball:nth-child(3) {
    width: 5em;
    left: 5em;
    bottom: 3em;
}

@media(max-width: 1200px) {
    .products-item.hub .col-image {
        font-size: 0.7em;
    }

    .products-item.hub .col-content .content-html .hub-content {
        --width: 13em;
    }
}

@media(max-width: 900px) {
    .products-item.hub {
        --content-width: 96%;
        padding-left: 0;
    }
    .products-item.hub .col-image {
        font-size: 0.5em;
    }

    .products-item.hub .col-content .content-html .hub-content {
        --width: min(40%, 15em);
        justify-content: center;
    }

    .products-item.hub .col-content .content-html .hub-content .finans-yonetimi {
        order: 1;
    }

    .products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi {
        order: 2;
        margin-left: calc(100% - 2 * var(--width) - 2em);
    }

    .products-item.hub .col-content .content-html .hub-content .middle-hub {
        order: 0;
        flex-grow: 0;
        width: 20%;
        margin-left: calc(50%);
        transform: translateX(-50%);
        margin-right: 30%;
        z-index: 1;
    }

    .products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain,
    .products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain {
        top: 0;
    }

    .products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain {
        right: 0;
        z-index: 2;
        left: unset;
        transform: translate(6vw, -1vw) rotate(-45deg);
        transform-origin: left top;
        width: 2em;
    }

    .products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain {
        left: 0;
        right: unset;
        z-index: 2;
        transform: translate(-6vw, -1vw) rotate(45deg) ;
        transform-origin: right top;
        width: 2em;
    }
}


@media(max-width: 600px) {
    .products-item.hub .col-content .content-html .hub-content {
        --width: max(45%, 15em);
    }

    .products-item.hub .col-content .content-html .hub-content .finans-yonetimi {
        order: 0;
        margin-bottom: 2em;
    }

    .products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .icon {
        top: unset;
        bottom: -2em;
    }
    

    .products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi {
        order: 2;
        margin-top: 2em;
        margin-left: 0;
    }

    .products-item.hub .col-content .content-html .hub-content .middle-hub {
        flex-shrink: 0;
        --hub-width: max(20%, 6em);
        margin: 0 calc(50% - var(--hub-width) / 2);
        max-width: unset;
        transform: none;
        order: 1;
        width: var(--hub-width);
    }

    .products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain {
        top: unset;
        bottom: 0;
    }

    .products-item.hub .col-content .content-html .hub-content .finans-yonetimi > .chain {
        transform: translate(-3vw, 5vw) rotate(145deg);
    }

    .products-item.hub .col-content .content-html .hub-content .pazarlama-yonetimi > .chain {
        transform: translate(2vw, -4vw) rotate(145deg) ;
    }
}

@media(max-width: 400px) {
    .products-item.hub .col-content .content-html .hub-content {
        --width: min(calc(100% - 2em), 15em);
    }
}

/* THREE WAY */

.products-item.three-way {
    --content-width: 100%;
    overflow-x: clip;
}

.products-item.three-way .col-content {
    width: var(--content-width);
}

.products-item.three-way .col-content  .content-header h2 {
    color :black;
    font-weight: 400 !important;
    font-size: 1.8em;
    font-weight: 700;
}
    
.products-item.three-way .col-content .content-html .three-way-container {
    padding-top: 2em;
    display: flex;
    align-items: center;
}

.products-item.three-way .col-content .content-html .three-way-container ul,
.products-item.three-way .col-content .content-html .three-way-container h3,
.products-item.three-way .col-content .content-html .three-way-container p {
    margin-block: 0;
    padding-inline: 0;
}

.products-item.three-way .col-content .content-html .three-way-container ul {
    list-style: none;
}

.products-item.three-way .col-content .content-html .three-way-container > .left > ul > li {
    display: flex;
    align-items: stretch;
    margin-bottom: 0.5em;
}

.products-item.three-way .col-content .content-html .three-way-container > .left > ul > li > h3 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1em;
    width: 13em !important;
    flex-grow: 0;
    flex-shrink: 0;
    color: white;
    border-radius: 1em;
    position: relative;
    z-index: 1;
    box-shadow: 1px 0 0 1px  white;
}

.products-item.three-way .col-content .content-html .three-way-container > .left > ul > li:first-child > h3 {
    background-color: #ea8022;
}

.products-item.three-way .col-content .content-html .three-way-container > .left > ul > li:first-child > ul {
    background-color: #eb9623;
}

.products-item.three-way .col-content .content-html .three-way-container > .left > ul > li:last-child > h3 {
    background-color: #eb5f23;
}

.products-item.three-way .col-content .content-html .three-way-container > .left > ul > li:last-child > ul {
    background-color: #eb7221;
}

.products-item.three-way .col-content .content-html .three-way-container > .left > ul > li > ul {
    max-width: 25em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: disc;
    padding: 0.5em 1em 0.5em 2.5em;
    position: relative;
    z-index: 0;
    left: -1em;
    border-top: 0.5em solid white;
    border-bottom: 0.5em solid white;
    border-radius: 0 1em 1em 0;
}

.products-item.three-way .col-content .content-html .three-way-container > .right {
    padding-right: 2em;
    padding-left: min(2%, 3em);
}

.products-item.three-way .col-content .content-html .three-way-container > .right > table  tr > td {
    vertical-align: top;
}

.products-item.three-way .col-content .content-html .three-way-container > .right > table  tr:not(:last-child) > td {
    padding-bottom: 0.6em;
}
.products-item.three-way .col-content .content-html .three-way-container > .right > table  tr > td:first-child {
    font-weight: 500;
    padding-right: 1.4em;
}

.products-item.three-way .col-content .content-html .three-way-container > .right > table  tr > td:not(first-child) {
    font-weight: 400;
    max-width: 23em;
}

.products-item.three-way .col-image {
    width: 0;
    flex-grow: 1;
}


.products-item.three-way {
    --content-width: 100%;
}

.products-item.three-way .col-content {
    width: var(--content-width);
}

@media(max-width: 1200px) {
    .products-item.three-way .col-content .content-html .three-way-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .products-item.three-way .col-content .content-html .three-way-container > .left {
        margin-bottom: 2em;
    }
}

@media(max-width: 600px) {
    .products-item.three-way {
        padding-left: 0;
    }
    .products-item.three-way .col-content .content-html .three-way-container > .right {
        padding: 0;
    }
}

@media(max-width:550px) {
    .products-item.three-way .col-content .content-html .three-way-container > .left > ul > li > h3 {
        width: 10em !important;
    }
}

@media(max-width:450px) {
    .products-item.three-way .col-content .content-html .three-way-container > .left > ul > li:first-child {
        margin-bottom: 2em;
    }

    .products-item.three-way .col-content .content-html .three-way-container > .left > ul > li {
        flex-direction: column;
    }
    
    .products-item.three-way .col-content .content-html .three-way-container > .left > ul > li > h3 {
        width: 100% !important;
        border-radius: 0;
        box-shadow: none;
        text-align: left;
        justify-content: flex-start;
    }

    .products-item.three-way .col-content .content-html .three-way-container > .left > ul > li > ul {
        border: none;
        border-top: solid 2px white;
        left: 0;
        border-radius: 0;
        width: 100% !important;
        max-width: unset;
    }
}

/* FAMILY */
    
.products-item.family {
    --content-width: 100%;
    padding-left: 0;
}

.products-item.family .col-content {
    width: var(--content-width);
}

.products-item.family .col-image {
    width: 0;
    flex-grow: 1;
}

.products-item.family .col-content .content-html .family-content h2,
.products-item.family .col-content .content-html .family-content h3,
.products-item.family .col-content .content-html .family-content ul {
    margin-block: 0;
    padding-inline: 0;
}

.products-item.family .col-content .content-html .family-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: start;
}

.products-item.family .col-content .content-html .family-content > h2 {
    color :black;
    font-size: 1.8em;
    font-weight: 700;
    padding-bottom: 0.5em;
}
    
.products-item.family .col-content .content-html .family-content > .right {
    font-size: min(calc(12px + 0.5vw), 16px);
}
    
.products-item.family .col-content .content-html .family-content > .left {
    width: min(100%, 740px);
    margin-bottom: 2em;
}

.products-item.family .col-content .content-html .family-content > .left > h2 {
    width: 100%;
    margin-bottom: 0.8em;
    margin-top: 1.2em;
    text-align: left;
    font-weight: 600;
    padding-inline: 0;
}
    
.products-item.family .col-content .content-html .family-content > .left > ul {
    list-style: none;
    display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 1.4em;
    grid-template-areas: "a c"
        "b c";
}

.products-item.family .col-content .content-html .family-content > .left > ul > li {
    border: solid 3px #ea8022;
    border-radius: 2em;
    padding: 1.4em 1em;
    max-width: 20em;
    display: flex;
    align-items: center;
}

.products-item.family .col-content .content-html .family-content > .left > ul > li:nth-child(1) {
    grid-area: a;
    min-height: var(--family-left-cell-height);
    
}

.products-item.family .col-content .content-html .family-content > .left > ul > li:nth-child(2) {
    grid-area: b;
    min-height: var(--family-left-cell-height);
}

.products-item.family .col-content .content-html .family-content > .left > ul > li:nth-child(3) {
    grid-area: c;
    padding-left: 2em;
}

.products-item.family .col-content .content-html .family-content > .left > ul > li:nth-child(3) > ul {
    list-style: none;
}
    
.products-item.family .col-content .content-html .family-content > .left > ul > li:nth-child(3) > ul > li {
    position: relative;
}
    
.products-item.family .col-content .content-html .family-content > .left> ul > li:nth-child(3) > ul > li:before {
    content: "";
    display: inline-block;
    width: 0.15em;
    height: 0.15em;
    left: -0.6em;
    top: 0.5em;
    position: absolute;
    border-radius: 50%;
    background-color: gray;
}


@media(max-width: 756px) {
    .products-item.family .col-content .content-html .family-content > .left > ul {
        grid-template-areas: "a b"
            "c c";
    }

    .products-item.family .col-content .content-html .family-content > .left > ul > li {
        margin: auto;
    }

    .products-item.family .col-content .content-html .family-content > .left > ul > li:nth-child(3) {
        padding: 3em 2em;
    }
}


@media(max-width: 580px) {
    .products-item.family .col-content .content-html .family-content > .left > ul {
        grid-template-areas: "a"
            "b" "c";
    }
}

.products-item.family .col-content .content-html .family-content > .right {
    width: min(100%, 740px);
    margin-bottom: 2em;
}

.products-item.family .col-content .content-html .family-content > .right > h2 {
    width: 100%;
    margin-bottom: 0.8em;
    margin-top: 1.4em;
    text-align: left;
    font-weight: 600;
    padding-inline: 0;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants {
    --sine: 0.70710678;
    --cosine: 0.70710678;
    --q-size: 10em;
    --q-padding: calc(var(--q-size) / 3);
    --q-text-padding: 0.5em;
    --color: #ea8022;
    --q-gap: 0.3em;
    margin:auto;
    width: fit-content;
    display: grid;
    grid-template-areas: "lt rt" "lb rb";
}
    
.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant {
    display: flex;
    position: relative;
    flex-direction: row;
    height: calc( var(--q-size) * var(--sine) + var(--family-right-quad-top-ul-height));
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant > ul {
    padding: 1em 1em 1em 2em;;
    z-index: 5;
    font-size: 0.9em;
    border: solid 2px var(--color);;
    border-radius: 2em;
    display: inline;
    width: fit-content;
    position: absolute;
    max-width: calc(var(--family-right-quadrants-width) / 2 - var(--x) - 2px);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant > .q {
    width: var(--q-size);
    height: var(--q-size);
    background-color: var(--color);
    display: flex;
    z-index: 2;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant > .q > h3 {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.1em;
    font-weight: 400;
    color: white;
}
    
.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(1) {
    width: calc(var(--family-right-quad-left-ul-width) + var(--q-size) * var(--cosine));
    margin: 0 var(--q-gap) var(--q-gap) 0;
    align-items: end;
    justify-content: end;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(1) > ul {
    display: block;
    bottom: calc(var(--q-size) * var(--sine));
    --x: calc(var(--q-size) * var(--cosine));
    right: var(--x);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(1) > .q {
    border-top-left-radius: 100%;
    padding: var(--q-padding) var(--q-text-padding) var(--q-text-padding) var(--q-padding);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(1) > .q > h3 {
    text-align: right;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(2) {
    width: calc(var(--family-right-quad-right-ul-width) + var(--q-size) * var(--cosine));
    align-items: end;
    justify-content: start;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(2) > ul {
    bottom: calc(var(--q-size) * var(--sine));
    --x: calc(var(--q-size) * var(--cosine));
    left: var(--x);
    order: 2;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(2) > .q {
    order: 1;
    border-top-right-radius: 100%;
    padding: var(--q-padding) var(--q-padding) var(--q-text-padding) var(--q-text-padding);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(2) > .q > h3 {
    text-align: left;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(3) {
    align-items: start;
    justify-content: end;
    margin-right: var(--q-gap);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(3) > ul {
    top: calc(var(--q-size) * var(--sine));
    --x: calc(var(--q-size) * var(--cosine));
    right: var(--x);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(3) > .q {
    border-bottom-left-radius: 100%;
    padding: var(--q-text-padding) var(--q-text-padding) var(--q-padding) var(--q-padding);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(3) > .q > h3 {
    text-align: right;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(4) {
    align-items: start;
    justify-content: start;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(4) > ul {
    top: calc(var(--q-size) * var(--sine));
    --x: calc(var(--q-size) * var(--cosine));
    left: var(--x);
    order: 2;
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(4) > .q {
    order: 1;
    border-bottom-right-radius: 100%;
    padding: var(--q-text-padding) var(--q-padding) var(--q-padding) var(--q-text-padding);
}

.products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant:nth-child(3) > .q > h3 {
    text-align: left;
}


@media(max-width: 480px) {
    .products-item.family .col-content .content-html .family-content > .right > .quadrants {
        position: relative;
        font-size: 3.25vw;
        --q-size: 7em;
        --q-gap: 0.2em;
    }

    .products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant > .q h3 {
        font-size: 1em;
    }

    .products-item.family .col-content .content-html .family-content > .right > .quadrants > .quadrant > ul {
        width: 30vw;
    }
}

.products-item.family .col-content .content-html .family-content > .third {
    
}

.products-item.family .col-content .content-html .family-content > .third > h2 {
    width: 100%;
    margin-bottom: 0.8em;
    margin-top: 1.2em;
    text-align: left;
    font-weight: 600;
    padding-inline: 0;
}

.products-item.family .col-content .content-html .family-content > .third > ul {
    list-style: none;
    padding: 1.4em 1em 1.4em 1em;
    position: relative;
    z-index: 1;
}

.products-item.family .col-content .content-html .family-content > .third > ul:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 10em);
    height: 100%;
    background-image: url(/wp-content/uploads/2023/06/aile-anayasasi.jpeg);
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    z-index: 0;
}

.products-item.family .col-content .content-html .family-content > .third > ul > li {
    position: relative;
}
    
.products-item.family .col-content .content-html .family-content > .third > ul > li:before {
    content: "";
    display: inline-block;
    width: 0.15em;
    height: 0.15em;
    left: -0.6em;
    top: 0.5em;
    position: absolute;
    border-radius: 50%;
    background-color: gray;
    z-index: 0;
}

@media(max-width: 570px) {
    .products-item.family .col-content .content-html .family-content > .third {
        width: 100%;
    }

    .products-item.family .col-content .content-html .family-content > .third > ul {}
    .products-item.family .col-content .content-html .family-content > .third > ul:before {
        width: 100%;
        background-image: linear-gradient(to right, #fffffff9, #ffffff99), url(/wp-content/uploads/2023/06/aile-anayasasi.jpeg);
        background-position: top left, 100%;
        background-size: cover, auto 100%;
        background-repeat: no-repeat, no-repeat;
    }
}


/* COZUMLERIMIZ */

.products-item.cozumlerimiz .col-content {
    width: min(100%, 1024px);
    font-size: 0.9em;
}

.products-item.cozumlerimiz .col-content .content-header h2 {
    color :black;
    font-size: 1.8em;
    font-weight: 700;
}
    
.products-item.cozumlerimiz .col-content .content-html ul {
    --item-count: 7;
    --margin: 0.5em;
    list-style: none;
    color: black;
    display: flex;
    justify-content: space-between;
    maring-block: 0;
    padding-inline: 0;
    padding-left: 3em;
}

.products-item.cozumlerimiz .col-content .content-html ul > li {
    position: relative;
    --item-width: calc((100% - var(--item-count) * var(--margin)) / var(--item-count));
    width: var(--item-width);
    background-color: #3b69b9;
    border-radius: 1em;
    height: 0;
    padding-top: var(--item-width);
    font-weight: 500;
}

.products-item.cozumlerimiz .col-content .content-html ul > li > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(1) {
    background-color: #ebc522;
}
    
.products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(2) {
    background-color: #eb9623;
}

.products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(3) {
    background-color: #ea8022;
}

.products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(4) {
    background-color: #eb7221;
}

.products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(5) {
    background-color: #eb5f23;
}

.products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(6) {
    background-color: #eb4e22;
}

.products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(7) {
    background-color: #d24821;
}

@media(max-width: 1200px) {
    .products-item.cozumlerimiz .col-content .content-html ul {
        padding-inline: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
        --margin: 1em;
        --item-count: 5;
    }

    .products-item.cozumlerimiz .col-content .content-html ul > li {
        margin-top: 1em;
        margin-left: var(--margin);
    }
    
    .products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(4) {
        margin-left: calc(var(--item-width) + 2 * var(--margin));
        margin-right: calc((var(--item-count) - 2) * var(--item-width));
    }
}

@media(max-width: 800px) {
    .products-item.cozumlerimiz .col-content .content-html ul {
        --item-count: 4;
    }
}

@media(max-width: 600px) {
    .products-item.cozumlerimiz .col-content .content-html ul {
        font-size: 0.9em;
        --item-count: 3;
    }
}

@media(max-width: 400px) {
    .products-item.cozumlerimiz .col-content .content-html ul {
        font-size: 0.9em;
        --item-count: 2;
        --margin: 0.5em;
        justify-content: space-around;
    }

    .products-item.cozumlerimiz .col-content .content-html ul > li:nth-child(4),
    .products-item.cozumlerimiz .col-content .content-html ul > li {
        margin-left: unset;
        margin-right: unset;
    }
}/* End custom CSS */