.elementor-44699 .elementor-element.elementor-element-dbe8a65{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.3;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}.elementor-44699 .elementor-element.elementor-element-dbe8a65:not(.elementor-motion-effects-element-type-background), .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://aktifzeka.com/wp-content/uploads/2025/04/herro-1-scaled-1.webp");background-position:0px -50px;background-repeat:no-repeat;background-size:cover;}.elementor-44699 .elementor-element.elementor-element-dbe8a65::before, .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .elementor-background-video-container::before, .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .e-con-inner > .elementor-background-video-container::before, .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .elementor-background-slideshow::before, .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-044b931 );--background-overlay:'';}.elementor-44699 .elementor-element.elementor-element-d0ee107 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-44699 .elementor-element.elementor-element-d0ee107 .woocommerce-breadcrumb{color:var( --e-global-color-text );}.elementor-44699 .elementor-element.elementor-element-d0ee107 .woocommerce-breadcrumb > a{color:var( --e-global-color-3caff66 );}.elementor-44699 .elementor-element.elementor-element-27b8f65 .elementor-heading-title{font-weight:500;color:var( --e-global-color-text );}.elementor-44699 .elementor-element.elementor-element-410e7ea{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8em;--padding-bottom:8em;--padding-left:2em;--padding-right:2em;}.elementor-44699 .elementor-element.elementor-element-963db9f{--display:flex;--justify-content:center;--padding-top:3em;--padding-bottom:3em;--padding-left:1em;--padding-right:5em;}.elementor-44699 .elementor-element.elementor-element-dd1d401 .elementor-heading-title{font-size:50px;}.elementor-44699 .elementor-element.elementor-element-23642ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-44699 .elementor-element.elementor-element-c89a766 .elementor-icon-wrapper{text-align:center;}.elementor-44699 .elementor-element.elementor-element-c89a766.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );}.elementor-44699 .elementor-element.elementor-element-c89a766.elementor-view-framed .elementor-icon, .elementor-44699 .elementor-element.elementor-element-c89a766.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-44699 .elementor-element.elementor-element-c89a766.elementor-view-framed .elementor-icon, .elementor-44699 .elementor-element.elementor-element-c89a766.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-44699 .elementor-element.elementor-element-ee04092{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2em;--padding-bottom:5em;--padding-left:1em;--padding-right:1em;}.elementor-44699 .elementor-element.elementor-element-43e1cad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(20px/2);}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(20px/2);}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(20px/2);margin-left:calc(20px/2);}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-20px/2);margin-left:calc(-20px/2);}body.rtl .elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-20px/2);}body:not(.rtl) .elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-20px/2);}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-item:not(:last-child):after{content:"";width:100%;border-color:#0EDBB81F;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-icon i{color:var( --e-global-color-3caff66 );transition:color 0.3s;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-icon svg{fill:var( --e-global-color-3caff66 );transition:fill 0.3s;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-d49ac81 );}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-44699 .elementor-element.elementor-element-8d4f28d{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-item > a{font-weight:500;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-text{color:var( --e-global-color-044b931 );transition:color 0.3s;}.elementor-44699 .elementor-element.elementor-element-8d4f28d .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-d49ac81 );}.elementor-44699 .elementor-element.elementor-element-6f41d58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-44699 .elementor-element.elementor-element-21db4f9{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-44699 .elementor-element.elementor-element-dbe8a65{--width:100%;}.elementor-44699 .elementor-element.elementor-element-963db9f{--width:70%;}.elementor-44699 .elementor-element.elementor-element-23642ed{--width:30%;}.elementor-44699 .elementor-element.elementor-element-43e1cad{--width:25%;}.elementor-44699 .elementor-element.elementor-element-6f41d58{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-44699 .elementor-element.elementor-element-963db9f{--width:65%;}.elementor-44699 .elementor-element.elementor-element-23642ed{--width:35%;}}@media(min-width:1025px){.elementor-44699 .elementor-element.elementor-element-dbe8a65:not(.elementor-motion-effects-element-type-background), .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-44699 .elementor-element.elementor-element-dbe8a65:not(.elementor-motion-effects-element-type-background), .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-44699 .elementor-element.elementor-element-dbe8a65{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-44699 .elementor-element.elementor-element-963db9f{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-44699 .elementor-element.elementor-element-dd1d401 .elementor-heading-title{font-size:36px;}.elementor-44699 .elementor-element.elementor-element-21db4f9{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-44699 .elementor-element.elementor-element-dbe8a65:not(.elementor-motion-effects-element-type-background), .elementor-44699 .elementor-element.elementor-element-dbe8a65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-44699 .elementor-element.elementor-element-dbe8a65{--padding-top:21px;--padding-bottom:21px;--padding-left:21px;--padding-right:21px;}.elementor-44699 .elementor-element.elementor-element-27b8f65 .elementor-heading-title{font-size:20px;}.elementor-44699 .elementor-element.elementor-element-963db9f{--padding-top:21px;--padding-bottom:21px;--padding-left:21px;--padding-right:21px;}.elementor-44699 .elementor-element.elementor-element-dd1d401{text-align:center;}.elementor-44699 .elementor-element.elementor-element-dd1d401 .elementor-heading-title{font-size:24px;}.elementor-44699 .elementor-element.elementor-element-21db4f9{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-7a5acf1 */.container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 2rem;
            max-width: 1200px;
            width: 100%;
        }
        
        .card {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 1.5rem;
            border-radius: 10px;
            background-color: transparent;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
        }
        
        .card:hover {
            transform: translateY(-5px);
            color: #fff!important;
            background: var(--color-content-primary) !important;
        }
        

        .card img {
            width: 80px;
            height: 80px;
            object-fit: contain;
            margin-bottom: 1rem;
        }
        
        .card h3 {
            font-size: 1rem;
        }
       
        
        /* Modal stili */
        .modal {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            align-items: center;
            justify-content: center;
        }
        
        .modal-content {
            background-color: #fff;
            color: #000;
            padding: 2rem;
            border-radius: 10px;
            max-width: 500px;
            width: 90%;
            text-align: center;
            position: relative;
        }
        .disabled {
          opacity: 0.5;
          cursor: not-allowed;
          pointer-events: none;
        }
        .modal-buttons {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-top: 2rem;
        }
        
        .modal-btn {
            padding: 0.8rem 1.5rem;
            border: none;
            border-radius: 5px;
            background-color: #1a73e8;
            color: white;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s;
            text-decoration: none;
            display: block;
        }
        
        .modal-btn:hover {
            background-color: #1557b0;
            color: #fff !important;
        }
        
        .close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            font-size: 1.5rem;
            cursor: pointer;
            color: #666;
            background: none;
            border: none;
        }
        
        /* Responsive ayarları */
        @media (max-width: 1024px) {
            .container {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .container {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 480px) {
            .container {
                grid-template-columns: 1fr;
            }
            
            .card img {
                width: 60px;
                height: 60px;
            }
        }
        h2#modalTitle {
            color: #000;
        }/* End custom CSS */