img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}



     /*! This file is auto-generated */
     .wp-block-button__link {
        color: #fff;
        background-color: #32373c;
        border-radius: 9999px;
        box-shadow: none;
        text-decoration: none;
        padding: calc(.667em + 2px) calc(1.333em + 2px);
        font-size: 1.125em
    }

    .wp-block-file__button {
        background: #32373c;
        color: #fff;
        text-decoration: none
    }

    body {
        --wp--preset--color--black: #000000;
        --wp--preset--color--cyan-bluish-gray: #abb8c3;
        --wp--preset--color--white: #ffffff;
        --wp--preset--color--pale-pink: #f78da7;
        --wp--preset--color--vivid-red: #cf2e2e;
        --wp--preset--color--luminous-vivid-orange: #ff6900;
        --wp--preset--color--luminous-vivid-amber: #fcb900;
        --wp--preset--color--light-green-cyan: #7bdcb5;
        --wp--preset--color--vivid-green-cyan: #00d084;
        --wp--preset--color--pale-cyan-blue: #8ed1fc;
        --wp--preset--color--vivid-cyan-blue: #0693e3;
        --wp--preset--color--vivid-purple: #9b51e0;
        --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
        --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
        --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
        --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
        --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
        --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
        --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
        --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
        --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
        --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
        --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
        --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
        --wp--preset--font-size--small: 13px;
        --wp--preset--font-size--medium: 20px;
        --wp--preset--font-size--large: 36px;
        --wp--preset--font-size--x-large: 42px;
        --wp--preset--spacing--20: 0.44rem;
        --wp--preset--spacing--30: 0.67rem;
        --wp--preset--spacing--40: 1rem;
        --wp--preset--spacing--50: 1.5rem;
        --wp--preset--spacing--60: 2.25rem;
        --wp--preset--spacing--70: 3.38rem;
        --wp--preset--spacing--80: 5.06rem;
        --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
        --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
        --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
        --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
        --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    }

    :where(.is-layout-flex) {
        gap: 0.5em;
    }

    :where(.is-layout-grid) {
        gap: 0.5em;
    }

    body .is-layout-flow>.alignleft {
        float: left;
        margin-inline-start: 0;
        margin-inline-end: 2em;
    }

    body .is-layout-flow>.alignright {
        float: right;
        margin-inline-start: 2em;
        margin-inline-end: 0;
    }

    body .is-layout-flow>.aligncenter {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body .is-layout-constrained>.alignleft {
        float: left;
        margin-inline-start: 0;
        margin-inline-end: 2em;
    }

    body .is-layout-constrained>.alignright {
        float: right;
        margin-inline-start: 2em;
        margin-inline-end: 0;
    }

    body .is-layout-constrained>.aligncenter {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        max-width: var(--wp--style--global--content-size);
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body .is-layout-constrained>.alignwide {
        max-width: var(--wp--style--global--wide-size);
    }

    body .is-layout-flex {
        display: flex;
    }

    body .is-layout-flex {
        flex-wrap: wrap;
        align-items: center;
    }

    body .is-layout-flex>* {
        margin: 0;
    }

    body .is-layout-grid {
        display: grid;
    }

    body .is-layout-grid>* {
        margin: 0;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 2em;
    }

    :where(.wp-block-columns.is-layout-grid) {
        gap: 2em;
    }

    :where(.wp-block-post-template.is-layout-flex) {
        gap: 1.25em;
    }

    :where(.wp-block-post-template.is-layout-grid) {
        gap: 1.25em;
    }

    .has-black-color {
        color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-color {
        color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-color {
        color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-color {
        color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-color {
        color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-color {
        color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-color {
        color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-color {
        color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-color {
        color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-color {
        color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-color {
        color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-color {
        color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-black-background-color {
        background-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-background-color {
        background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-background-color {
        background-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-background-color {
        background-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-background-color {
        background-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-background-color {
        background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-background-color {
        background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-background-color {
        background-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-background-color {
        background-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-background-color {
        background-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-background-color {
        background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-background-color {
        background-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-black-border-color {
        border-color: var(--wp--preset--color--black) !important;
    }

    .has-cyan-bluish-gray-border-color {
        border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
    }

    .has-white-border-color {
        border-color: var(--wp--preset--color--white) !important;
    }

    .has-pale-pink-border-color {
        border-color: var(--wp--preset--color--pale-pink) !important;
    }

    .has-vivid-red-border-color {
        border-color: var(--wp--preset--color--vivid-red) !important;
    }

    .has-luminous-vivid-orange-border-color {
        border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-amber-border-color {
        border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
    }

    .has-light-green-cyan-border-color {
        border-color: var(--wp--preset--color--light-green-cyan) !important;
    }

    .has-vivid-green-cyan-border-color {
        border-color: var(--wp--preset--color--vivid-green-cyan) !important;
    }

    .has-pale-cyan-blue-border-color {
        border-color: var(--wp--preset--color--pale-cyan-blue) !important;
    }

    .has-vivid-cyan-blue-border-color {
        border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
    }

    .has-vivid-purple-border-color {
        border-color: var(--wp--preset--color--vivid-purple) !important;
    }

    .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
        background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
    }

    .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
        background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
    }

    .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
        background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
    }

    .has-luminous-vivid-orange-to-vivid-red-gradient-background {
        background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
    }

    .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
        background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
    }

    .has-cool-to-warm-spectrum-gradient-background {
        background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
    }

    .has-blush-light-purple-gradient-background {
        background: var(--wp--preset--gradient--blush-light-purple) !important;
    }

    .has-blush-bordeaux-gradient-background {
        background: var(--wp--preset--gradient--blush-bordeaux) !important;
    }

    .has-luminous-dusk-gradient-background {
        background: var(--wp--preset--gradient--luminous-dusk) !important;
    }

    .has-pale-ocean-gradient-background {
        background: var(--wp--preset--gradient--pale-ocean) !important;
    }

    .has-electric-grass-gradient-background {
        background: var(--wp--preset--gradient--electric-grass) !important;
    }

    .has-midnight-gradient-background {
        background: var(--wp--preset--gradient--midnight) !important;
    }

    .has-small-font-size {
        font-size: var(--wp--preset--font-size--small) !important;
    }

    .has-medium-font-size {
        font-size: var(--wp--preset--font-size--medium) !important;
    }

    .has-large-font-size {
        font-size: var(--wp--preset--font-size--large) !important;
    }

    .has-x-large-font-size {
        font-size: var(--wp--preset--font-size--x-large) !important;
    }

    .wp-block-navigation a:where(:not(.wp-element-button)) {
        color: inherit;
    }

    :where(.wp-block-post-template.is-layout-flex) {
        gap: 1.25em;
    }

    :where(.wp-block-post-template.is-layout-grid) {
        gap: 1.25em;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 2em;
    }

    :where(.wp-block-columns.is-layout-grid) {
        gap: 2em;
    }

    .wp-block-pullquote {
        font-size: 1.5em;
        line-height: 1.6;
    }


    .swiper-pagination-bullet {
        margin-left: 5px;
    }

    .navbar-nav .nav-link:hover {
        color: #000000;
    }

    .slider .main-slider .swiper-slide .container a {
        color: #ffffff;
        background: #000000;
    }

    .slider .main-slider .swiper-slide .container a:hover {
        background: #303236;
    }

    .navbar .navbar-button a {
        color: #000000;
        border: 2px solid #000000;
    }

    .navbar .navbar-button a:hover {
        color: #000000;
    }

    .slider .button-next:hover {
        background: none;
        color: #ffffff;
        border-radius: 5px;
    }

    .price-list-price {
        color: #000000;
    }

    .price-list-separator {
        border-bottom-color: #000000;
    }

    .custom-button {
        background: #000000 !important;
        font-weight: 600;
    }

    .counter-box h6:after {
        display: none;
    }

    .hamburger-menu span {
        background: #000000;
    }

    .cardContent h2 {
        background: #000000;
    }

    .custom-button:hover {
        background: #303236;
    }

    .custom-button12 {
        background: #000000;
        font-weight: 600;
    }

    .iconsocia:hover {
        color: #000000;
    }

    .wpcf7-validates-as-date {
        border-bottom: 0.3rem solid #000000;
        border-radius: 5px;
    }

    .side-widget .address a {
        border: 1px solid #000000;
        border-radius: 5px;
    }

    .side-widget .address a:hover {
        border: 1px solid #000000;
    }

    .custom-button12:hover {
        background: #303236;
    }

    .custom-button-form {
        border-bottom: 0.3rem solid #000000;
        font-weight: 600;
    }

    .menueffect a:hover {
        color: #303236;
    }

    .slider .button-prev {
        background: none;
        color: #ffffff;
        border-radius: 5px;
        transform: rotate(90deg);
    }

    .slider .button-next {
        background: none;
        color: #ffffff;
        border-radius: 5px;
        transform: rotate(90deg);
    }

    .slider .button-prev:hover {
        background: none;
        color: #ffffff;
        border-radius: 5px;
    }

    /*.container.ff:before {*/
    /*    background: linear-gradient(90deg, #000000 35%, #303236 100%, #303236 100%);*/
    /*}*/

    p.dz {
        transform: rotate(272deg);
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 23px;
        cursor: pointer;
        -webkit-transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
    }

    p.dzv {
        transform: rotate(-47deg);
        line-height: 0px;
        color: #fff;
        transition: .5s;
        font-size: 60px;
        padding: 6px 11px 16px 3px;
        margin: -4px -4px;
        position: relative;
    }

    .iconservice {
        background-color: #000000;
    }

    .iconservice:hover {
        background-color: #303236;
    }

    .sticky {
        position: fixed;
        left: 0;
        width: 100%;
        background: #000000;
        transition: all 0.9s;
    }

    i.flaticon-play.vdslidericon {
        font-size: 30px;
        text-align: center;
        line-height: 2000px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-left: 28px;
        margin-top: -5px;
    }

    .ahr {
        display: inline-flex;
        margin-right: 33px;
        position: relative;
    }

    .deptops {
        padding: 22px;
        border-radius: 5px;
        width: 100%;
        text-align: center;
    }

    .btnvdd {
        display: inline-flex;
        position: absolute;
        margin-top: 7px;
    }

    .phonecounttext {
        transform: translate(-50%, -50%);
        color: transparent;
        font-weight: 400;
        font-size: 50px;
        z-index: -1;
        -webkit-text-stroke: 1px #000000;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: Outfit;
    }

    .phonecounttext {
        border-bottom: 2px solid #bababa;
    }

    .phonecounttext:hover {
        color: #000000;
        border-bottom: 2px solid #000000;
    }

    .content-section {
        background: #000000;
    }

    .component-systemTabs .cards .card img {
        border: 6px solid #ffffff;
    }

    input#wp-block-search__input-1 {
        border-bottom: 0.3rem solid #000000;
    }

    .content-section.bottom-dark-spacing:after {
        background: #000000;
    }

    .section-title h2 {
        color: #000000;
    }

    .image-box .time {
        color: #000000;
    }

    .side-content form button[type="submit"] {
        color: #000000;
    }

    .side-image .side-timetable li b {
        color: #000000;
    }

    .side-member figcaption {
        background: #000000;
    }

    .custom-progress span {
        color: #000000;
    }

    .custom-progress .progress-bar .progress {
        background: #000000;
    }

    .tab-wrapper .tab-nav li.active a {
        background: #000000;
    }

    .tab-wrapper .tab-nav li.active a:hover {
        background: #303236;
    }

    .tab-wrapper .tab-item .tab-inner {
        background: #000000;
    }

    .tab-wrapper .tab-item .tab-inner ul li span {
        color: #000000;
    }

    .service-box {
        background: #000000;
    }

    .service-box:before {
        background: #000000;
    }

    .image-overlap-box figure {
        background: #000000;
    }

    .image-overlap-box .content a:hover {
        color: #303236;
    }

    .video {
        background: #000000;
    }

    .video a {
        color: #000000;
    }

    .class-box figure {
        background: #fff;
    }

    .text-box h5 {
        color: #000000;
    }

    .recent-news figure {
        background: #000000;
    }

    .recent-news .content h3 a {
        color: #000000;
    }

    .recent-news .content small span {
        background: #000000;
    }

    .blog-box figure {
        background: #000000;
    }

    .blog-box .content h3 a {
        color: #000000;
    }

    .blog-box .content blockquote {
        color: #000000;
    }

    .sidebar .widget .widget-title {
        color: #000000;
    }

    .sidebar .widget .widget-title:before {
        background: #000000;
    }

    .sidebar .widget form input[type="submit"] {
        background: #000000;
    }

    .sidebar .widget .categories li a {
        color: #000000;
    }

    .branch-box h6 {
        color: #000000;
    }

    .branch-box a {
        color: #000000;
    }

    .member-box figcaption {
        background: #000000;
    }

    .icon {
        background: #000000;
    }

    .iconsv {
        background: #000000;
    }

    .iconk {
        color: #f5f5f5;
    }

    li a:hover {
        color: #000000;
    }

    .iconk:hover {
        color: #303236;
    }

    .sidebar-service {
        background: none;
    }

    span.menu-service {
        background: #000000;
    }

    span.menu-service:hover {
        background: #303236;
    }

    span.menu-service.menuactive {
        background: #303236;
    }

    .iconleft {
        color: #000000;
    }

    .iconleft:hover {
        color: #303236;
    }

    a.menucolor {
        color: #000000;
    }

    a.menucolor:hover {
        color: #303236;
    }

    .pagination .page-item .page-link {
        color: #000000;
    }

    .footer .footer-info a {
        color: #000000;
    }

    .footer .footer-social li a:hover {
        background: #303236;
    }

    .iconk {
        color: #000000;
    }

    .iconk:hover {
        color: #303236;
    }

    .iconleft {
        color: #000000;
    }

    .iconk {
        color: #000000;
    }

    .iconk:hover {
        color: #303236;
    }

    .iconleft {
        color: #000000;
    }

    span.menu-service {
        color: #000000;
    }

    textarea#comment {
        border-bottom: 0.3rem solid #000000;
    }

    input#author {
        border-bottom: 0.3rem solid #000000;
    }

    input#email {
        border-bottom: 0.3rem solid #000000;
    }

    input#url {
        border-bottom: 0.3rem solid #000000;
    }

    .paketler2__on--arkayazi-1 {
        background: linear-gradient(to right bottom, #000000, #303236d7);
    }

    .form__input {
        border-bottom: 0.3rem solid #000000;
        border-radius: 5px;
        padding: 30px;
    }

    .form__input:focus {
        border-bottom: 0.3rem solid #000000;
    }

    .form__input:focus:invalid {
        border-bottom: 0.3rem solid #000000;
    }

    .form__radio-buton {
        border: 0.5rem solid #000000;
    }

    .form__radio-buton::after {
        background-color: #000000;
        border-radius: 5px;
    }

    .form-popup__input {
        border-bottom: 0.3rem solid #000000;
        border-radius: 5px;
    }

    .form-popup__input:focus {
        border-bottom: 0.3rem solid #000000;
        border-radius: 5px;
    }

    .form-popup__input:focus:invalid {
        border-bottom: 0.3rem solid #000000;
    }

    .hizmetler-kutu--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .ozellik-kutu--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .post-kutu--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .yorum-kutu--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .ozellik-kutu-iletisim--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .baslik-4--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .yukaricik {
        background-image: linear-gradient(to right bottom, #000000, #303236);
    }

    .footer-404 {
        background-image: linear-gradient(to right bottom, #000000, #303236);
    }

    .form-alani {
        background-image: linear-gradient(to right bottom, #000000, #303236);
    }

    .h2-baslik-hizmetler {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .h2-baslik-hizmetler__paragraf {
        color: #000000;
    }

    .h2-baslik-hizmetler-2 {
        color: #000000;
    }

    .side-widget small {
        color: #000000;
    }

    .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #303236;
        margin-left: 5px;
    }

    .swiper-pagination .swiper-pagination-bullet {
        background: #000000;
    }

    ::-webkit-scrollbar-thumb {
        background: #000000;
    }

    .custom-buttonw1 {
        border-bottom: 0.3rem solid #000000;
        font-weight: 600;
    }

    .iconsocia {
        color: #000000;
    }

    .paketler3__gorsel--1 {
        background-image: linear-gradient(to right bottom, #000000, #303236)
    }

    .paketler3__on--arkayazi-1 {
        background-image: linear-gradient(to right bottom, #000000, #303236)
    }

    p.countb {
        background: #000000;
    }

    .icontops {
        background: #000000;
        border-radius: 5px;
        color: #fff;
    }

    .icontops:hover {
        background: #303236;
        border-radius: 5px;
        color: #fff;
    }

    .boslukpls {
        margin-top: -5rem;
    }

    p.footerp {
        color: #000000;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    input#submit {
        background: #000000;
    }

    .custom-buttonw:hover {
        background: #000000;
    }

    .comment-meta.commentmetadata a:hover {
        color: #303236;
    }

    a.comment-edit-link:hover {
        color: #303236;
    }

    p.logged-in-as a:hover {
        color: #303236;
    }

    .menu-item a:hover {
        color: #303236;
    }

    li a {
        color: #000000;
    }

    .tag-cloud-link {
        color: #000000;
    }

    .tagcloud a:hover {
        color: #303236;
    }

    li#recent-posts-5 a:hover {
        color: #303236;
    }

    input#s {
        border-bottom: 0.3rem solid #303236;
    }

    .telh {
        background: #000000;
        color: #ffffff;
        font-family: Outfit;
    }

    .telh:hover {
        background: #303236;
    }

    .shimmer {
        color: grey;
        display: inline-block;
        -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/300% 100%;
        background-repeat: no-repeat;
        animation: shimmer 5.5s infinite;
    }

    @keyframes shimmer {
        100% {
            -webkit-mask-position: left;
        }
    }

    .col-lg-3.infs1 {
        border-radius: 5px;
    }

    .col-lg-3.infss3 {
        position: relative;
        border-radius: 5px;
    }

    .col-lg-3.infs2 {
        border-radius: 5px;
    }

    .col-lg-3.infs1,
    .col-lg-3.infs2 {
        position: relative;
    }

    .col-lg-3.infs1:before,
    .col-lg-3.infs2:before,
    .col-lg-3.infss3:before {
        position: absolute;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        z-index: -1;
        border-radius: 5px;
    }

    .col-lg-3.infs1:before,
    .col-lg-3.infs2:before,
    .col-lg-3.infss3:before {
        bottom: 0;
        display: block;
        height: 100%;
        width: 0%;
        left: 0;
        content: "";
        z-index: -1;
        background-color: #303236;
        border-radius: 5px;
    }

    .col-lg-3.infs1:hover:before,
    .col-lg-3.infs2:hover:before,
    .col-lg-3.infss3:hover:before {
        opacity: 1;
        width: 100%;
    }

    /* Dep VBefore After */
    .col-lg-6.ds {
        position: relative;
        z-index: 2;
        pointer-events: auto;
        cursor: default;
        text-align: center;
    }

    .dep {
        position: relative;
        background: none;
    }

    .dep:before {
        position: absolute;
        -webkit-transition: all 0.8s ease;
        transition: all 0.8s ease;
        z-index: -1;
        border-radius: 5px;
    }

    .dep:before {
        bottom: 0;
        display: block;
        height: 100%;
        width: 0%;
        left: 0;
        content: "";
        z-index: -1;
        background-color: #000000;
        border-radius: 5px;
        -webkit-perspective: 0px;
        -moz-perspective: 0px;
        -ms-perspective: 0px;
        -o-perspective: 0px;
        perspective: 0px;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
        transition: all 0.8s;
    }

    .dep:hover:before {
        opacity: 1;
        width: 100%;
        -webkit-perspective: 600px;
        -moz-perspective: 600px;
        -ms-perspective: 600px;
        -o-perspective: 600px;
        perspective: 600px;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        transition: all 0.8s;
    }

    .dep:hover h4,
    .dep:hover h3 {
        color: #fff;
        position: relative;
    }

    .ek-box_wrapper .ek-box {
        margin-top: 50px;
    }

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

    .ek-box .ek-box__img {
        position: relative;
        margin-bottom: 73px;
        display: block;
    }

    .ek-box__img:hover {
        -webkit-animation: electricef2 0.4s both;
        animation: electricef2 0.4s linear;
    }

    .ek-box .ek-box__img img.ek-img-main {
        opacity: 1;
        -webkit-transition: opacity 0.5s ease-in-out 0s;
        transition: opacity 0.5s ease-in-out 0s;
    }

    .ek-box .ek-box__img img {
        height: auto;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide img {
        display: block;
        width: 100%;
    }

    .ek-box .ek-box__img:before {
        color: #ffffff;
        font-size: 54px;
        line-height: 1;
        position: absolute;
        z-index: 3;
        top: 47px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: color .2s linear;
        transition: color .2s linear;
    }

    .ek-box .ek-box__img .ek-light {
        background-color: #242835;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .ek-box .ek-box__img img.ek-img-mask {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
    }

    .ek-box .tt-box02__img img {
        height: auto;
    }

    .col-lg-3.ds {
        position: relative;
        z-index: 2;
        pointer-events: auto;
        cursor: default;
        text-align: center;
    }


    @keyframes blinks {
        0% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    /* Dep Finish */
    .box-style.box-primary-color::before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 24, 32, 0)), color-stop(100%, #000000), to(rgba(0, 0, 0, 0.7)));
        background: linear-gradient(180deg, rgba(13, 24, 32, 0) 0%, #000000 100%, rgba(0, 0, 0, 0.7) 100%);
        +border-radius: 5px;
    }

    .box-style::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(61.46%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.9)));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 61.46%, rgba(255, 255, 255, 0.9) 100%);
        bottom: 0;
        border-radius: 5px;
    }

    .box-style.box-primary-color::after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 193, 148, 0)), color-stop(61.98%, #303236e0), to(#303236));
        background: linear-gradient(180deg, rgba(0, 193, 148, 0) 0%, #303236e0 61.98%, #303236 100%);
        bottom: 0;
        -webkit-transition: var(--transition);
        transition: var(--transition);
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
    }

    .box-style.box-primary-color:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .box-style:hover {
        -webkit-animation: electricef2 0.4s both;
        animation: electricef2 0.4s linear;
    }

    .box-style {
        position: relative;
        -webkit-transition: .5s;
        transition: var(--transition);
        width: 100%;
        height: 100%;
    }

    .descontent {
        z-index: 1;
    }

    .box-style .descontent {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0px 2px 9px 20px;
    }

    .box-style2.box-primary-color2::before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 24, 32, 0)), color-stop(100%, #303236), to(rgba(0, 0, 0, 0.7)));
        background: linear-gradient(180deg, rgba(13, 24, 32, 0) 0%, #00000000 100%, rgba(0, 0, 0, 0.7) 100%);
        border-radius: 5px;
    }

    .box-style2::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        width: 100%;
        height: 90%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(61.46%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.9)));
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 61.46%, rgba(255, 255, 255, 0.9) 100%);
        bottom: 0;
        border-radius: 5px;
    }

    .box-style2.box-primary-color2::after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        bottom: 0;
        -webkit-transition: var(--transition);
        transition: var(--transition);
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
    }

    .box-style2.box-primary-color2:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .box-style2:hover {
        -webkit-animation: electricef2 0.4s both;
        animation: electricef2 0.4s linear;
    }

    .box-style2 {
        position: relative;
        -webkit-transition: .5s;
        transition: var(--transition);
        width: 100%;
        height: 100%;
        color: #000;
        z-index: 2;
    }

    .box-style2 i {
        color: #fff;
        font-size: 60px;
    }

    .box-style2 h2 {
        font-size: 22px;
        margin-top: -20px;
        font-family: Outfit;
        font-weight: 600;
        color: #fff;
    }

    .descontent {
        z-index: 1;
    }

    .descontent:before {
        position: absolute;
        content: "";
        height: 105%;
        width: 100%;
        border-radius: 5px;
        transition: all .9s ease-in-out;
        z-index: -1;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #000000;
        border-radius: 5px;
        transition: all .6s ease-in-out;
        overflow: hidden;
    }

    .box-style2 .descontent {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .box-style2 .class-button {
        visibility: hidden;
        opacity: 0;
        margin-bottom: -80px;
        transition: all .3s ease-in-out;
    }

    .box-style2:hover .class-button {
        visibility: visible;
        opacity: 1;
        margin-bottom: -2px;
    }

    .descontent:after {
        position: absolute;
        content: "";
        height: 115%;
        width: 100%;
        z-index: -1;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #0000006c;
        border-radius: 5px;
        transition: all .6s ease-in-out;
    }

    /* Team */
    .box {
        text-align: center !important;
    }

    .box .image:before,
    .box .image:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        box-shadow: 100px 0 0 #ffffff03 inset, 0 100px 0 rgb(255 255 255 / 1%) inset, -100px 0 0 rgb(255 255 255 / 1%) inset, 0 -100px 0 rgb(255 255 255 / 1%) inset;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 300ms linear 0s;
        visibility: visible;
    }

    .box .image:after {
        transform: rotate(45deg);
    }

    .box:hover .image:after,
    .box:hover .image:before {
        box-shadow: 5px 0 0 rgb(255 255 255 / 50%) inset, 0 5px 0 rgb(255 255 255 / 50%) inset, -5px 0 0 rgb(255 255 255 / 50%) inset, 0 -5px 0 rgb(255 255 255 / 50%) inset;
    }

    .box .image img {
        width: 100%;
        height: 100%;
        transform: scale(1);
        transition: all 300ms linear 0s;
    }

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

    .box h3 {
        display: block;
        font-family: Outfit;
        font-size: 25px;
        font-weight: 600;
        color: #000;
    }

    .box p {
        display: block;
        color: #000;
        text-align: center;
        font-size: 17px;
    }

    .box .social {
        padding: 0;
        list-style: none;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        margin-top: 8px;
    }

    .box .social li {
        display: inline-block;
        margin-right: 5px;
    }

    .box .social li a {
        display: block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        border-radius: 0;
        font-size: 15px;
        color: #000;
        transition: all 300ms linear 0s;
    }

    .box:hover .social li a {
        border-radius: 1%;
        color: #000;
    }

    .box:hover .image {
        visibility: visible;
        transition: all 0.5s;
    }

    @media only screen and (max-width: 767px) {
        .box {
            margin-bottom: 30px;
        }
    }

    /* Team Finish */
    /* Button Effect Start */
    [class^="btn-"] {
        position: relative;
        display: block;
        overflow: hidden;
        height: 80px;
        max-width: 250px;
        margin: 1rem auto;
        color: #ffffff;
    }


    @keyframes criss-cross-left {
        0% {
            left: -10px;
        }

        50% {
            left: 35%;
            width: 50px;
            height: 50px;
        }

        70% {
            left: 20%;
        }

        100% {
            background-color: #303236;
            left: 110%;
            width: 375px;
            height: 375px;
            color: #ffffff;

        }
    }

    @keyframes criss-cross-right {
        0% {
            right: -20px;
        }

        30% {
            right: 30%;
            width: 20px;
            height: 20px;
        }

        40% {
            right: 20%;
        }

        100% {
            right: 80%;
            width: 125px;
            height: 125px;
        }
    }

    .btn-1 {
        position: relative;
        background: #000000;
        color: #ffffff;
        font-family: Outfit;
        height: 60px;
        line-height: 60px;
        display: inline-block;
        color: #ffffff;
        padding: 0 21px;
        position: relative;
        font-size: 18px;
        font-weight: 600;
        border-radius: 5px;
        margin-top: 19px;
        padding-left: 8px;
        padding-right: 17px;
    }

    .btn-1:before,
    .btn-1:after {
        position: absolute;
        top: 50%;
        content: '';
        width: 20px;
        height: 20px;
        background: #303236;
        border-radius: 5%;
    }

    .btn-1:before {
        left: -20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    }

    .btn-1:after {
        background: #303236;
        right: -20px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .btn-1:hover {
        font-family: Outfit;
        font-weight: 600;
        height: 60px;
        line-height: 60px;
        display: inline-block;
        color: #ffffff;
        padding: 0 21px;
        position: relative;
        font-size: 18px;
        font-weight: 600;
        border-radius: 5px;
        margin-top: 19px;
        padding-left: 8px;
        padding-right: 17px;
    }

    .btn-1:hover:before {
        -webkit-animation: criss-cross-left 0.9s both;
        animation: criss-cross-left 0.9s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;

    }

    .btn-1:hover:after {

        -webkit-animation: criss-cross-right 0.5s both;
        animation: criss-cross-right 0.5s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

    p.asdas {
        color: #fff;
        font-family: Outfit;
        font-weight: 600;
        z-index: 2;
        position: relative;
        display: flex;
        font-size: 18px;
    }

    /* Button Effect Finish */

    /* custom button effect */
    @keyframes criss-cross-left2 {
        0% {
            left: -10px;
        }

        50% {
            left: 35%;
            width: 50px;
            height: 50px;
        }

        70% {
            left: 20%;
        }

        100% {
            background-color: #303236;
            left: 110%;
            width: 375px;
            height: 375px;
            color: #ffffff;

        }
    }

    @keyframes criss-cross-right2 {
        0% {
            right: -20px;
        }

        30% {
            right: 30%;
            width: 20px;
            height: 20px;
        }

        40% {
            right: 20%;
        }

        100% {
            right: 80%;
            width: 125px;
            height: 125px;
        }
    }

    .btn-2 {
        position: relative;
        font-family: Outfit;
        font-weight: 600;
        background: #000000;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        color: #fff;
        border: 2px solid;
        padding: 0 48px;
        position: relative;
        border-radius: 5px;
        font-size: 16px;
        text-transform: capitalize;
    }

    .ozld {
        border-bottom: 2px solid #000000;
        border-radius: 5px;
        padding-top: 16px;
        padding-bottom: 16px;
        margin-top: 12px;
        width: 100%;
    }

    .btn-2:before,
    .btn-2:after {
        position: absolute;
        top: 50%;
        content: '';
        width: 20px;
        height: 20px;
        background: #303236;
        border-radius: 5%;
    }

    .btn-2:before {
        left: -20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    }

    .btn-2:after {
        background: #303236;
        right: -20px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .btn-2:hover {
        font-family: Outfit;
        font-weight: 600;
        background: #000000;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        color: #fff;
        border: 2px solid;
        padding: 0 48px;
        position: relative;
        border-radius: 5px;
        font-size: 16px;
        text-transform: capitalize;
    }

    .btn-2:hover:before {

        -webkit-animation: criss-cross-left2 0.9s both;
        animation: criss-cross-left2 0.9s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;

    }

    .btn-2:hover:after {

        -webkit-animation: criss-cross-right2 0.5s both;
        animation: criss-cross-right2 0.5s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

    @keyframes criss-cross-left5 {
        0% {
            left: -10px;
        }

        50% {
            left: 35%;
            width: 50px;
            height: 50px;
        }

        70% {
            left: 20%;
        }

        100% {
            background-color: #000000;
            left: 110%;
            width: 375px;
            height: 375px;
            color: #ffffff;

        }
    }

    @keyframes criss-cross-right5 {
        0% {
            right: -20px;
        }

        30% {
            right: 30%;
            width: 20px;
            height: 20px;
        }

        40% {
            right: 20%;
        }

        100% {
            right: 80%;
            width: 125px;
            height: 125px;
        }
    }

    .btn-5 {
        position: relative;
        font-family: Outfit;
        font-weight: 600;
        background: #000000;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        color: #fff;
        border: 2px solid;
        padding: 0 48px;
        position: relative;
        border-radius: 5px;
        font-size: 16px;
        text-transform: capitalize;
    }

    .btn-5:before,
    .btn-5:after {
        position: absolute;
        top: 50%;
        content: '';
        width: 20px;
        height: 20px;
        background: #000000;
        border-radius: 5%;
    }

    .btn-5:before {
        left: -20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    }

    .btn-5:after {
        background: #000000;
        right: -20px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .btn-5:hover {
        font-family: Outfit;
        font-weight: 600;
        background: #303236;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        color: #fff;
        border: 2px solid;
        padding: 0 48px;
        position: relative;
        border-radius: 5px;
        font-size: 16px;
        text-transform: capitalize;
    }

    .btn-5:hover:before {

        -webkit-animation: criss-cross-left5 0.9s both;
        animation: criss-cross-left5 0.9s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;

    }

    .btn-5:hover:after {

        -webkit-animation: criss-cross-right5 0.5s both;
        animation: criss-cross-right5 0.5s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

    p.btnn2 {
        color: #fff;
        font-family: Outfit;
        font-weight: 600;
        z-index: 2;
        position: relative;
        display: flex;
    }

    /* custom button finish */

    /* Slider button start */
    @keyframes criss-cross-left3 {
        0% {
            left: -10px;
        }

        50% {
            left: 35%;
            width: 50px;
            height: 50px;
        }

        70% {
            left: 20%;
        }

        100% {
            background-color: #303236;
            left: 110%;
            width: 375px;
            height: 375px;
            color: #ffffff;

        }
    }

    @keyframes criss-cross-right3 {
        0% {
            right: -20px;
        }

        30% {
            right: 30%;
            width: 20px;
            height: 20px;
        }

        40% {
            right: 20%;
        }

        100% {
            right: 80%;
            width: 125px;
            height: 125px;
        }
    }

    .btn-3 {
        position: relative;
        font-family: Outfit;
        font-weight: 600;
        background: #000000;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        color: #fff;
        border: 2px solid;
        padding: 0 50px;
        position: relative;
        border-radius: 5px;
        font-size: 16px;
        text-transform: capitalize;
        border: none;
    }

    .btn-3:before,
    .btn-3:after {
        position: absolute;
        top: 50%;
        content: '';
        width: 20px;
        height: 20px;
        background: #303236;
        border-radius: 5%;
    }

    .btn-3:before {
        left: -20px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

    }

    .btn-3:after {
        background: #303236;
        right: -20px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

    .btn-3:hover {
        font-family: Outfit;
        font-weight: 600;
        background: #000000;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        color: #fff;
        padding: 0 50px;
        position: relative;
        border-radius: 5px;
        font-size: 16px;
        text-transform: capitalize;
    }

    .btn-3:hover:before {

        -webkit-animation: criss-cross-left3 0.9s both;
        animation: criss-cross-left3 0.9s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;

    }

    .btn-3:hover:after {

        -webkit-animation: criss-cross-right3 0.5s both;
        animation: criss-cross-right3 0.5s both;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

    span.btnn3 {
        color: #fff;
        font-family: Outfit;
        font-weight: 600;
        z-index: 2;
        position: relative;
        display: flex;
    }

    /* Slider button finish */
    .fq2 {
        background: none;
    }

    .col-xl-3.dd {
        margin-bottom: 20px;
    }

    .col-lg-4.infs1 {
        background: none;
    }

    .col-lg-4.infs8 {
        background: none;
        margin-bottom: 68px;
    }

    .col-lg-4.infs8 {
        position: relative;
    }

    .col-lg-4.infs8:before {
        position: absolute;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .col-lg-4.infs8:before {
        bottom: 0;
        display: block;
        height: 4px;
        width: 0%;
        left: 0;
        content: "";
        background-color: #ffffff;
    }

    .col-lg-4.infs8:hover:before {
        opacity: 1;
        width: 100%;
    }

    .col-lg-4.infs2 {
        background: none;
    }

    .scal:hover {
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        transition: all 1s linear;
    }

    .col-lg-4.infs3 {
        background: #ffffff;
    }

    .col-lg-4.infs4 {
        background: #ffffff;
    }

    .col-lg-4.infs5 {
        background: #ffffff;
    }

    .orta1 {
        text-align: center;
    }

    .hero6,
    .hero8 {
        position: relative;
    }

    .iconsociai {
        color: #000000;
    }

    .iconsociai:hover {
        color: #000000;
    }

    ::selection {
        background-color: #000000;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #303236;
    }

    .ozellik-kutu-yorumlar--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .services-kutu1--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .services-kutu2--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    .services-kutu3--icon {
        background-image: linear-gradient(to right, #000000, #303236);
    }

    b.fn a:hover {
        color: #303236;
    }

    li a:hover {
        color: #303236;
    }

    select {
        border-bottom: 0.3rem solid #000000;
        margin-bottom: 17px;
        border-radius: 5px;
    }

    .wp-block-latest-posts__list a:hover {
        color: #000000;
    }

    #tabs li {
        color: #ffffff;
        border-bottom: 4px solid #000000;
    }

    .custom-buttonf {
        background: #000000;
        font-weight: 600;
    }

    .custom-buttonf:hover {
        background: #303236;
    }

    .beer-slider {
        border: 4px solid #000000;
    }

    .button-next1 {
        color: #000000;
        border: 2px solid #000000;
        border-radius: 5px;
    }

    .button-next1:hover {
        background: #000000;
    }

    .button-prev1 {
        color: #000000;
        border: 2px solid #000000;
        border-radius: 5px;
    }

    .button-prev1:hover {
        background: #000000;
    }

    .footer .footer-social li a {
        background: #000000;
    }

    .wp-post-image {
        height: 250px;
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
    }

    .menueffect a:before {
        background-color: #303236;
    }

    .menueffect a:after {
        display: none;
    }

    .services-kutu2--yazi1 {
        width: 100%;
    }

    .footer .footer-menu li a {
        color: #fff;
    }

    h3.prongl a {
        font-family: Outfit;
        font-size: 22px;
        color: #000;
        font-weight: 600;
    }

    h3.prongl {
        font-family: Outfit;
        font-size: 22px;
        color: #000;
        font-weight: 600;
    }

    h3.prongl2 a {
        font-family: Outfit;
        font-size: 22px;
        color: #fff;
        font-weight: 600;
    }

    h3.prongl2 {
        font-family: Outfit;
        font-size: 22px;
        color: #fff;
        font-weight: 600;
    }

    .footer .footer-menu li:before {
        background: #000000;
        display: none;
    }

    .iconserv {
        color: #000000;
        margin-top: 27rem;
        margin-bottom: -10px;
    }

    .iconserv:hover {
        color: #303236;
        margin-top: 27rem;
        margin-bottom: -10px;
    }

    h3.businesss a {
        font-family: Outfit;
        font-size: 20px;
        color: #000000;
        font-weight: 600;
    }

    h3.pron a {
        font-family: Outfit;
        font-size: 22px;
        color: #fff;
        font-weight: 600;
        text-align: left;
    }

    h3.pron {
        font-family: Outfit;
        font-size: 22px;
        color: #fff;
        font-weight: 600;
        text-align: left;
    }

    h3.pron2 a {
        font-family: Outfit;
        font-size: 22px;
        color: #000000;
        font-weight: 600;
    }

    h3.pron2 {
        font-family: Outfit;
        font-size: 22px;
        color: #000000;
        font-weight: 600;
    }

    h3.businesss {
        font-family: Outfit;
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    p.businesss {
        font-family: Outfit;
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    .horstime {
        color: #000000;
    }

    .or56 {
        text-align: center;
        display: inline-block;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .horstime:hover {
        color: #303236;
    }

    .dep:hover {}

    .row.ff {
        background: #ffffff;
        border-radius: 5px;
        pointer-events: none;
        cursor: default;
        z-index: -1;
    }

    .dep {
        box-shadow: 0px 0px 5px #b5b5b561;
    }

    .dep2:hover {
        box-shadow: 0px 0px 25px #bdbdbd59;
    }

    .dep2 {
        box-shadow: 0px 0px 25px #bdbdbd59;
    }

    .dep33 {
        background: #fff;
        padding: 9px;
        border-radius: 5px;
        box-shadow: 0px 0px 5px #b5b5b561;
    }

    .col-lg-2.d4 {
        margin-top: -10px;
    }
/* 
    .preloader figure {
        border: 1px solid #bababa;
    }

    .preloader figure:after {
        border-top: 3px solid #000000;
    } */

    .hakkimizda-bolumu-anasayfa {
        background: none;
    }

    .hakkimizda-bolumu-anasayfa2 {
        background: none;
    }

    .team-section {
        background: none;
    }

    .team-section2 {
        background: none;
    }

    .why-us {
        background: none;
    }

    .processs {
        background: 3888;
    }

    .special-paket-alani {
        background: 2815;
    }

    .faqs {
        background: none;
    }

    .bg-light {
        z-index: 8;
        background: #fff;
    }

    .fa,
    .fas {
        color: #000000;
    }

    .side-widget {
        z-index: 9;
    }

    .container.asa {
        padding-left: 0px;
        margin-left: -11px;
    }

    h3.baslik-2.h-yazi-margin-kucuk {
        font-size: 25px;
        font-weight: 600;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer {
        border: 2px solid #000000;
        border-style: dotted;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer:before {
        background: #000000;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer:hover {
        border: 2px solid #303236;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer:hover:before {
        background: #303236;
    }

    .hizmet-kutu .kutu-duzen h3 {
        font-family: Outfit;
        font-size: 18px;
        margin-bottom: 9px;
    }

    .hizmet-kutu .kutu-duzen p {
        font-family: Outfit;
        font-size: 16px;
        color: #000000;
    }

    .hizmet-kutu .kutu-duzen:hover {
        background: none;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa:after {
        position: absolute;
        content: '';
        background: #fff;
        width: 12px;
        height: 12px;
        right: 44px;
        top: 9px;
        border-radius: 50%;
        background: #000000;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa:after:hover {
        background: #303236;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer:after {
        position: absolute;
        content: '';
        background: #fff;
        width: 12px;
        height: 12px;
        right: 16px;
        top: 9px;
        border-radius: 50%;
        background: #000000;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer:after:hover {
        background: #303236;
    }

    .hizmet-kutu .kutu-duzen .icon-box i {
        position: relative;
        display: inline-block;
        font-size: 70px;
        background: #fff;
        width: 120px;
        height: 120px;
        line-height: 120px;
        text-align: center;
        border-radius: 50%;
        color: #000000;
        box-shadow: 0 0 50px rgb(0 0 0 / 10%);
        transition: all 500ms ease;
    }

    .hizmet-kutu .kutu-duzen .icon-box i:hover {
        color: #303236;
    }

    .hizmet-kutu.kutu-duzen:hover h3,
    .hizmet-kutu .kutu-duzen:hover h3 a,
    .hizmet-kutu .kutu-duzen:hover p {
        color: #000000;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa {
        width: 220px;
        height: 220px;
        left: -10px;
        top: -10px;
        border-style: dotted;
    }

    .hizmet-kutu .kutu-duzen .icon-box .border-layer.sa:before {
        left: 48px;
        bottom: 7px;
    }

    .hizmet-kutu .kutu-duzen .icon-box i.sa {
        font-size: 85px;
        width: 200px;
        height: 200px;
        line-height: 200px;
    }

    ul#menu-all-services {
        display: inline-grid;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        padding: 10px;
        line-height: 35px;
        color: #000000;
        font-family: Outfit;
        font-size: 18px;
        z-index: 1;
        position: relative;
    }

    ul#menu-all-services a {
        padding-left: 24px;
        color: #303236;
    }

    ul#menu-all-services a:hover {
        color: #fff;
    }

    ul#menu-all-services a:before {
        position: absolute;
        content: '';
        top: 20px;
        left: 9px;
        width: 15px;
        height: 15px;
        border-radius: 5px;
        background-color: #303236;
        transition: all 200ms linear;
        transition-delay: 0.1s;
    }

    ul#menu-all-services li {
        position: relative;
        display: block;
        background: #ffffff;
        color: var(--thm-black);
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        padding: 14px 16px 14px;
        padding-right: 20px;
        box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 12%);
        transition: all 200ms linear;
        transition-delay: 0.1s;
        z-index: 1;
    }

    ul#menu-all-services a:hover:after {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    ul#menu-all-services a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0px;
        bottom: 0px;
        right: 0;
        background: #000000;
        transition: -webkit-transform 0.4s ease;
        transition: transform 0.4s ease;
        transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        z-index: -1;
    }

    .paketler3__gorsel {
        background-size: cover;
        height: 23rem;
        background-blend-mode: color;
        border-top-left-radius: 0.3rem;
        border-top-right-radius: 0.3rem;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    }

    .bosluksv {
        margin-top: 2rem;
    }

    .footer .copyright:before {
        flex: 1;
        content: "";
        height: 1px;
        width: 100%;
        z-index: 1;
        background-color: #fff;
    }

    .footer .copyright:after {
        flex: 1;
        content: "";
        height: 1px;
        width: 100%;
        z-index: 1;
        background-color: #fff;
    }

    .menu-quick-links-container {
        text-align: center;
        justify-content: center;
        display: flex;
        width: 100%;
    }

    /* text primary */
    .cardContent h2,
    .answer {
        font-family: Outfit;
    }

    .services-kutu2--yazi1ss {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
    }

    .services-kutu2--wt {
        color: #000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
    }

    .services-kutu2--wt13 {
        color: #fff;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .icon-project-detail {
        font-size: 65px;
        color: #000000;
    }

    .icon-project-detail:hover {
        color: #303236;
    }

    img.prodetal {
        border-radius: 5px;
    }

    .sectionbars {
        background: #000000;
    }

    .sectionbars2 {
        background: #000000;
    }

    .sectionbars3 {
        background: #000000;
    }

    .sectionbars4 {
        background: #000000;
    }

    .services-kutu2--wtbb {
        color: #fff;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
    }

    .services-kutu2--wts3 {
        color: #fff;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        position: relative;
    }

    .component-systemTabs .cards .card .cardContent button {
        background: #000000;
        font-family: Outfit;
    }

    .person {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .ozellik-kutu-iletisim--yazi {
        color: #000;
        font-family: Outfit;
        font-size: 18px;
        font-weight: 400;
    }

    .footer-info p {
        color: #fff;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }

    .dep3 {
        background: #fff;
        padding: 22px;
        border-radius: 5px;
        width: 100%;
        box-shadow: 0px 0px 25px #bdbdbd59;
    }

    p {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .h2-baslik-hizmetler-21__paragraf {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paketler3__icerik ul li {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    body {
        overflow-y: scroll;
        overflow-x: hidden;
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-info {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    ul.post-categories a {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
    }

    span.date {
        color: #000;
        font-family: Outfit;
        font-size: 16px;
        background: none;
    }

    h4.infostext {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
    }

    h4.infostextgl {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
    }

    h4.infostext2 {
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
    }

    span.category {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
    }

    span.tt {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-info a {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-sol-beyaz a {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-sol-beyaz-orta a {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-ahp a {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-pdetay a {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-404 a {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .h2-baslik-hizmetler-yorum__yorum {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .testimon-text {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .post-kutu p {
        text-align: center;
        margin-top: 11px;
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .services-kutu2--yazi1 {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .h2-baslik-hizmetler-2__paragraf {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    .paragraf-popup {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
        font-weight: 400;
    }

    ul.post-categories {
        color: #000000;
        font-family: Outfit;
        font-size: 16px;
    }

    .services-kutu2--yazi {
        font-family: Outfit;
        font-size: 16px;
    }

    .b12px {
        margin-top: 10px;
    }

    .b142px {
        margin-top: 14px;
    }

    .b6px {
        margin-top: 7px;
    }

    .b111px {
        margin-top: 18px;
    }

    /* headings */
    .h2-baslik-forms {
        font-family: Outfit;
        font-size: 22px;
        font-weight: 900;
        background: #000000;
        position: relative;
        display: inline-block;
        padding: 15px 20px 15px 18px;
        border-radius: 5px;
        color: #fff;
    }

    h2.herrobigtitle {
        font-family: Outfit;
        font-size: 42px;
        font-weight: 900;
        color: #000000;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .flip-boxes h2 {
        font-size: 20px;
        color: #fff;
        font-family: Outfit;
        font-weight: 900;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .flip-boxes p {
        font-family: #fff;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .flip-boxes i {
        color: #fff;
        font-size: 63px;
    }

    .flip-box .backss,
    .flip-box .front,
    .flip-box2 .backss2,
    .flip-box2 .front2 {
        background-color: #000000 !important;
        border-radius: 5px;
    }

    .backss h2,
    .backss p,
    .backss2 h2,
    .backss2 p {
        color: white;
    }

    .flip-box .backss,
    .flip-box2 .backss2 {
        background-color: #303236 !important;
    }

    .flip-box,
    .flip-box2 {
        z-index: 1;
    }

    .counter-box .odometer {
        color: #000000;
    }

    h2.wow.fadeInLeft {
        font-weight: 600;
        font-family: Outfit;
    }

    .h2-baslik-forms {
        font-family: Outfit;
        font-size: 22px;
        font-weight: 900;
        background: #000000;
        position: relative;
        display: inline-block;
        padding: 15px 20px 15px 18px;
        border-radius: 5px;
        color: #fff;
    }

    .iconpfooter1,
    .iconpfooter2,
    .iconpfooter3 {
        color: #ffffff;
    }

    .h2-baslik-anasayfa-wtbb {
        color: #fff;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .countt {
        background: #000000;
        font-family: Outfit;
    }

    .countb {
        background: #000000;
        font-family: Outfit;
    }

    .h2-baslik-anasayfa-wt {
        color: #000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .component-systemTabs .cards .card .cardContent h2 {
        color: #000000;
        font-size: 21px;
        padding: 5px;
        margin-top: 25rem;
        font-family: Outfit;
    }

    .h2-baslik-anasayfa {
        color: #000000;
        border-bottom: .1rem solid #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-anasayfa-ozel {
        color: #000000 !important;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-hizmetler-223 {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-anasayfa-blog {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-ahb {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-bottom {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-404 {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-footer {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-iletisim-ozel {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-popup {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .baslik-3-h {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .baslik-33 {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .baslik-star {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-hizmetler-yorum {
        color: #000000;
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .baslik-3s {
        color: #000000;
        font-family: Outfit;
    }

    .baslik-3white {
        font-family: Outfit;
    }

    .baslik-orta {
        font-size: 23px;
        color: #000000;
        font-family: Outfit;
        font-weight: 900;
    }

    .baslik-4 {
        color: #000000;
        font-family: Outfit;
        font-weight: 900;
    }

    .slider .main-slider .swiper-slide .container h1 {
        font-family: Outfit;
        color: #fff;
    }

    .slider .main-slider .swiper-slide .container p {
        font-family: Outfit;
        color: #fff;
    }

    .slider .main-slider .swiper-slide .container a {
        font-family: Outfit;
        border-radius: 5px;
        border: none;
    }

    .slider .main-slider .swiper-slide .container a:hover {
        font-family: Outfit;
        border-radius: 5px;
    }

    .custom-button {
        font-family: Outfit;
        font-weight: 600;
    }

    .custom-buttonw {
        font-family: Outfit;
    }

    .question {
        font-family: Outfit;
        font-size: 18px;
        color: #000;
    }

    .answer {
        color: #000;
    }

    .baslik-sol {
        font-family: Outfit;
    }

    .member-box figcaption h6 {
        font-family: Outfit;
    }

    .member-box figcaption p {
        font-family: Outfit;
    }

    .h2-baslik-hizmetler-2 {
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-hizmetler-21 {
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .h2-baslik-hizmetler-2111 {
        color: #000000;
        font-size: 32px;
        font-weight: 900;
    }

    .baslik-3-service {
        font-family: Outfit;
    }

    .paketler3__pr-yazi {
        font-family: Outfit;
    }

    .paketler3__pr-degeri {
        font-family: Outfit;
        font-size: 32px;
        font-weight: 900;
    }

    .baslik-3 {
        font-size: 23px;
        color: #000000;
        font-family: Outfit;
    }

    .footer .widget-title {
        color: #fff;
        font-family: Outfit;
        font-weight: 900;
        text-align: center;
    }

    .page-header .container h2 {
        color: #000;
        font-family: Outfit;
        text-align: center !important;
    }

    .page-header .container p {
        color: #000;
        font-family: Outfit;
        text-align: center !important;
    }

    .page-header .container a {
        color: #000;
        font-family: Outfit;
        text-align: center !important;
    }

    .page-header .container a:hover {
        color: #000;
        font-family: Outfit;
    }

    .navbar .site-menu ul li a {
        font-family: Outfit;
        color: #000;
        padding: 11px;
    }

    .navbar .site-menu ul li a:hover {
        color: #fff;
        padding: 11px;
    }

    .navbar .site-menu ul li {
        display: flex;
    }

    .navbar .site-menu ul li a:hover:before {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: left center;
        transform-origin: left;
        background: #000000;
    }

    .navbar .site-menu ul li a:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        background: #00000017;
        top: 10px;
        left: 1px;
        bottom: 0;
        z-index: -1;
        border-radius: 5px;
    }

    .iconwr {
        background: none;
        transform: rotate(47deg);
    }

    .iconwr:before {
        content: "";
        position: absolute;
        left: 1px;
        top: 2px;
        z-index: -1;
        -webkit-transform: rotate(313deg);
        -ms-transform: rotate(313deg);
        transform: rotate(313deg);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s;
        background: #000000;
        width: 80px;
        height: 80px;
    }

    .iconwr:hover:before {
        transition: all 0.2s ease-in-out 0s;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-transform: rotate(223deg);
        -ms-transform: rotate(223deg);
        transform: rotate(223deg);
        background: #303236;
        width: 80px;
        height: 80px;
    }

    .menueffect * {
        box-sizing: revert;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #000;
        padding: 11px;
    }

    @media (min-width: 1280px) and (max-width: 1280px) {
        .navbar-light .navbar-nav .nav-link {
            color: #000;
        }
    }

    .dropdown-menu {
        min-width: 16rem;
        background: #fff;
        border-radius: 5px;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        padding-bottom: 5px;
        padding-top: 5px;
    /*        height: 500px;*/
    /*overflow: scroll;*/
    }

    .counter-box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
        text-align: center;
        border-radius: 5px;
        margin-top: -4rem;
    }

    .odometer {
        font-family: Outfit;
        font-size: 80px;
    }

    .counter-box h6 {
        font-family: Outfit;
    }

    .iconp {
        display: flex;
        justify-content: center;
        color: #fff;
        align-items: center;
        border-radius: 50%;
        z-index: 2;
        position: relative;
    }

    img.imgsg {
        border-radius: 5px;
    }

    /* Event */
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
        background-size: 5px 5px, 5px 5px, 1px 29px;
        background-repeat: no-repeat;
    }

    select:focus {
        background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
        background-size: 5px 5px, 5px 5px, 1px 29px;
        background-repeat: no-repeat;
        border-color: gray;
        outline: 0;
    }

    input#search_keywords {
        font-size: 17px;
        color: #828279;
    }

    input#search_location {
        font-size: 17px;
        color: #828279;
    }

    button#drp_autogen0 {
        font-size: 17px;
        color: #828279;
    }

    select#search_categories {
        font-size: 17px;
        color: #828279;
    }

    select#search_event_types {
        font-size: 17px;
        color: #828279;
    }

    /* Event Finish */
    .vbtn-fluid {
        display: flex;
        justify-content: center;
        color: #fff;
        background: #000000;
        align-items: center;
        border-radius: 50%;
        -webkit-animation: pulse2 linear 1000ms infinite;
        animation: pulse2 linear 1000ms infinite;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        width: 140px;
        height: 140px;
        border: none;
    }

    i.flaticon-play.vdicon {
        font-size: 42px;
        text-align: center;
        line-height: 2000px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-left: 10px;
    }

    @-webkit-keyframes pulse2 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #303236;
            ;
            box-shadow: 0 0 0 0 #303236;
            ;
        }

        70% {
            -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        }
    }

    @keyframes pulse2 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #303236;
            ;
            box-shadow: 0 0 0 0 #303236;
            ;
        }

        70% {
            -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        }
    }

    /* Video */
    .popup__kapat:link,
    .popup__kapat:visited {
        color: #000;
    }

    /* Video finish */

    /*.menueffect a:hover:before{
-webkit-animation:spin22fr4 15s linear infinite;
-moz-animation:spin22fr4 15s linear infinite;
animation:spin22fr4 15s linear infinite;
}*/
    @-moz-keyframes spin22fr4 {
        100% {
            -moz-transform: rotate(360deg);
        }
    }

    @-webkit-keyframes spin22fr4 {
        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin22fr4 {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes pulse3 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #303236;
            ;
            box-shadow: 0 0 0 0 #303236;
            ;
        }

        70% {
            -webkit-box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        }
    }

    @keyframes pulse3 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #303236;
            ;
            box-shadow: 0 0 0 0 #303236;
            ;
        }

        70% {
            -webkit-box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 20px rgba(94, 223, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        }
    }

    /* text secondary */
    ul.post-categories a:hover {
        color: #444444;
        font-family: Outfit;
        font-size: 16px;
    }

    .reply a:hover {
        color: #444444;
    }

    cite.fn a:hover {
        color: #444444;
    }

    time:hover {
        color: #444444;
    }

   
    .footer {
        background: #000000 !important;
    }

    .serviceb-alani {
        background: none;
    }

    .yorumlar-alani-sayfa {
        background: none;
    }

    .orserv {
        text-align: left;
    }

    .b1p {
        margin-top: 35px;
    }

    /*
responsive
*/

    @media only screen and (min-width: 1199px),
    only screen and (max-width: 1199px) {

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

        span.menu-service {
            color: #000000;
        }

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

    }

    @media only screen and (min-width: 991px),
    only screen and (max-width: 1180px) {

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

        span.menu-service {
            color: #000000;
        }

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

    }

    @media only screen and (min-width: 767px),
    only screen and (max-width: 767px) {

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

        span.menu-service {
            color: #000000;
        }

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

    }

    @media (min-width: 820px) and (max-width: 820px) {

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

        span.menu-service {
            color: #000000;
        }

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

    }

    @media (min-width: 767px) and (max-width: 850px) {

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

        span.menu-service {
            color: #000000;
        }

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

    }


    @media (min-width: 1180px) and (max-width: 1200px) {

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

        span.menu-service {
            color: #000000;
        }

        .iconk {
            color: #000000;
        }

        .iconk:hover {
            color: #303236;
        }

        .iconleft {
            color: #000000;
        }

        .icon {
            background: #000000;
        }

    }

    @media (min-width: 1180px) and (max-width: 1180px) {

        .info-or {
            padding: 15rem 0 30rem;
            background: #fbfbfb;
        }

    }

    .col-lg-12.counbig {
        text-align: center;
    }

    .counter-box.fft4 {
        margin-top: -171px;
    }

    .counttext {
        transform: translate(-50%, -50%);
        color: transparent;
        font-weight: 700;
        font-size: 120px;
        z-index: -1;
        -webkit-text-stroke: 1px #e9e9e9;
        margin-bottom: -31px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-family: Outfit;
    }

    .icon {
        padding: 5px;
        text-align: center;
        height: 90px;
        border-radius: 10rem;
        color: #000000;
        transition: .5s;
        margin-left: auto;
        margin-right: auto;
        font-size: 75px;
        z-index: 2;
        position: relative;
        background: none;
    }

    .icon:hover {
        background: none;
        color: #303236;
    }

    .page-header .container h2 {
        font-size: 40px !important;
        line-height: 110px !important;
        text-align: center !important;
    }

    img.efozel2 {
        border-radius: 5px;
        width: 100%;
        height: 250px;
    object-fit: fill;
    }

    .services-kutu2 {
        width: 100%;
    }

    .iconw {
        background: none;
    }

    .iconw {
        width: 90px;
        height: 93px;
        line-height: 80px;
        color: #fff;
        font-size: 50px;
        -webkit-transition: .5s;
        transition: .5s;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        font-size: 80px;
    }

    .testimonialimg {
        height: auto;
        border-radius: 0 0 175px 175px;
        position: relative;
        margin-bottom: 81px;
    }

    .testimonial-card {
        min-height: 169px;
        border-radius: 5px;
        flex-flow: column;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background: none;
        width: 100%;
        border: 2px solid #d9d9d9;
        border-radius: 5px;
    }

    .quote {
        font-size: 600%;
        float: none;
        opacity: .1;
        transform: rotate(0deg) translate(3px, -87px);
        color: #000000;
        text-align: center;
        width: 100%;
    }

    .h2-baslik-hizmetler-2cc {
        font-family: Outfit;
        font-size: 19px;
        font-weight: 700;
        color: #000000;
    }

    .page-header .container h2 {
        font-size: 40px;
        line-height: 110px;
    }

    img.drt {
        border-radius: 5px;
    }

    .iconinf22sty:hover {
        background: #303236;
    }

    .iconinf22sty {
        padding: 10px;
        text-align: center;
        width: 100px;
        height: 100px;
        line-height: 78px;
        border-radius: 5px;
        background: #000000;
        color: #fff;
        transition: 0s;
        margin-left: auto;
        margin-right: auto;
        FONT-WEIGHT: 600;
        font-size: 65px;
    }

    @media (min-width: 100px) and (max-width: 1300px) {
        body {
            overflow-y: scroll;
            overflow-x: hidden;
        }
    }

    .footer .copyright {
        color: #fff;
    }

    a.videopop.vbtnslider-fluid.vp-a.vp-yt-type {
        display: flex;
        justify-content: center;
        color: #fff;
        background: #000000;
        align-items: center;
        border-radius: 50%;
        -webkit-animation: pulse33 linear 1000ms infinite;
        animation: pulse33 linear 1000ms infinite;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        width: 80px;
        height: 80px;
        padding: 0;
        line-height: 0;
        position: relative;
        margin-left: 0;
    }

    a.videopop.vbtnslider-fluid.vp-a.vp-yt-type:hover {
        border-radius: 50%;
    }

    @-webkit-keyframes pulse33 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #000000;
            ;
            box-shadow: 0 0 0 0 #000000;
        }

        70% {
            -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        }
    }

    @keyframes pulse2 {
        0% {
            -webkit-box-shadow: 0 0 0 0 #000000;
            ;
            box-shadow: 0 0 0 0 #000000;
            ;
        }

        70% {
            -webkit-box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 40px rgba(94, 223, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
            box-shadow: 0 0 0 0 rgba(94, 223, 255, 0);
        }
    }

    .col-lg-4.lefthealt,
    img.ff {
        border-radius: 5px;
    }

    .col-lg-4.lefthealtfooter {
        padding-bottom: 16px;
        background: #303236
    }

    .iconhh {
        color: #ffffff;
    }

    .container.d445 {
        margin-top: -5px;
    }

    h2.h2-baslik-anasayfa-wth2e {
        color: #ffffff;
        font-family: Outfit;
        font-size: 23px;
        font-weight: 900;
    }

    .iconhh {
        padding: 0;
        text-align: center;
        height: auto;
        border-radius: 10rem;
        transition: .5s;
        margin-left: auto;
        margin-right: auto;
        font-size: 60px;
        z-index: 2;
        position: relative;
        background: none;
        line-height: 0;
        width: 97px;
    }

    .dephh {
        background: #000000;
        padding: 0px;
        border-radius: 5px;
        padding-bottom: 24px;
    }

    .col-lg-6.lefthealt {
        border-radius: 5px;
    }

    .dephh {
        box-shadow: 0px 0px 25px #bdbdbd59;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .depff {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    span.footlst {
        font-weight: 900;
        text-align: center;
        color: #fff;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
        font-size: 16px;
    }

    span.footli {
        text-align: center;
        color: #fff;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
        font-size: 16px;
    }

    .depff {
        padding: 22px;
        border-radius: 5px;
    }

    .iconheal {
        color: #ffffff;
    }

    .iconheal:hover {
        color: #ffffff;
    }

    img.footim {
        text-align: center;
        justify-content: center;
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
    }

    h2.h2-baslik-anasayfa-wthe {
        color: #ffffff;
        font-family: Outfit;
        font-size: 21px;
        font-weight: 900;
    }

    .deptop {
        box-shadow: 0px 0px 5px #b5b5b561;
    }

    .deptop {
        position: relative;
        background: none;
    }

    .deptop {
        background: #fff;
        padding: 22px;
        border-radius: 5px;
        margin-bottom: 16px;
    }

    .deptop:hover {
        position: relative;
        bottom: 0;
        display: block;
        width: 100%;
        left: 0;
        content: "";
        background-color: #000000;
        border-radius: 5px;
        box-shadow: 0px 0px 5px #b5b5b561;
    }

    .deptop:before {
        position: absolute;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
        z-index: -1;
        border-radius: 5px;
    }

    .deptop:before {
        bottom: 0;
        display: block;
        height: 100%;
        width: 0%;
        left: 0;
        content: "";
        z-index: -1;
        background-color: #000000;
        border-radius: 5px;
    }

    .deptop:hover:before {
        opacity: 1;
        width: 100%;
    }

    .deptop:hover h4,
    .deptop:hover h3 {
        color: #fff;
        position: relative;
    }

    .form-popup__input {
        font-size: 18px;
    }

    span.wpcf7-list-item-label {
        font-size: 18px;
        color: #979393;
    }

    input[type="checkbox"]:checked {
        border: 6px solid #000000;
    }

    .form-popup__input,
    select {
        font-size: 18px;
    }

    .page-header {
        width: 100% !important;
        height: 444px !important;
        max-height: 80vh;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
        background-attachment: scroll !important;
    }

    .widget,
    h2.widgettitle {
        border-radius: 5px;
    }

    body {
        --w: 1px;
        --n: 8;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) calc(100% - var(--w)), #a1939369 0);
        background-size: calc((100% - var(--n)*var(--w))/(var(--n) + 1) + var(--w)) 100%;
    }

    .slider .main-slider .swiper-slide .slide-image:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0.4;
        --w: 1px;
        --n: 8;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) calc(100% - var(--w)), #a19393fc 0);
        background-size: calc((100% - var(--n)*var(--w))/(var(--n) + 1) + var(--w)) 100%;
    }

    input[type="text"],
    input[type="email"] {
        background: none;
    }

    select {
        background-color: #ffffff00;
    }

    .hizmetlerr-bolumu,
    .dep2,
    .widget,
    h2.widgettitle,
    ul#menu-all-services li,
    .callbackform,
    .hizmetler-detay-sayfasi-alani,
    .news-alani-sayfa,
    .post-kutu,
    .iletisim-icon-alani,
    .iletisim-form-alani,
    .ozellik-kutu-iletisim {
        background: none;
    }

    @media (min-width: 1280px) and (max-width: 1280px) {
        .slider .main-slider .swiper-slide .container h1 {
            font-size: 38px;
        }

        .slider .main-slider .swiper-slide .container a.rotbutton {
            background: none;
            top: -26px;
            left: -11px;
        }
    }