@media(max-width:600px) {
    .card h3 {
        font-size: 4.1rem !important;
    }

    .card p {
        font-size: 2.8rem !important;
    }

    .orbiting-particle {
        bottom: -14% !important;
    }

    .featurebg {
        padding-inline: 4rem;
        padding-block: 5rem;
    }

    .why-blockchain h2 {
        font-size: 5rem !important;
    }

    .service-card h3 {
        font-size: 3.9rem !important;
    }

    .icon {
        font-size: 14rem !important;
    }

    .spfeature {
        width: 26% !important;
    }

    .section-title {
        font-size: 6rem !important;
    }

    .btn-2 {
        line-height: 47px !important;
        height: 47px !important;
        margin-bottom: 70px;
    }
    .dropdown-toggle::after{
        display:none;
    }
}

@media (max-width: 768px) {
    .tv-widget-wrapper {
        width: 90% !important;
    }
}

.tv-widget-wrapper {
    width: 46%;
}

.footer .footer-social li a {
    border: none !important;
}

.iconsociaf {
    font-size: 39px !important;
}

.iconsocia, .iconsociai {
    font-size: 39px !important;
}

.iconsociaf {
    font-size: 32px !important;
}

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

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

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

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

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

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

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

.price-list-price {
    color: #23276e;
}

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

.custom-button {
    background: #23276e;
    font-weight: 600;
}

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

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

.cardContent h2 {
    background: #23276e;
}

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

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

.wpcf7-validates-as-date {
    border-bottom: 0.3rem solid #23276e;
    border-radius: 100px;
}

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

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

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

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

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

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

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

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: 7px 0px;
    margin: -4px -4px;
    position: relative;
}

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

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

.deptops {
    padding: 22px;
    border-radius: 100px;
    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: #23276e;
        border-bottom: 2px solid #23276e;
    }

.content-section {
    background: #23276e;
}

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

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

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

.section-title h2 {
    color: #23276e;
}

.image-box .time {
    color: #23276e;
}

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

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

.side-member figcaption {
    background: #23276e;
}

.custom-progress span {
    color: #23276e;
}

.custom-progress .progress-bar .progress {
    background: #23276e;
}

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

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

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

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

.service-box {
    background: #23276e;
}

    .service-box:before {
        background: #23276e;
    }

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

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

.video {
    background: #23276e;
}

    .video a {
        color: #23276e;
    }

.class-box figure {
    background: none;
}

.text-box h5 {
    color: #23276e;
}

.recent-news figure {
    background: #23276e;
}

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

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

.blog-box figure {
    background: #23276e;
}

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

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

.sidebar .widget .widget-title {
    color: #23276e;
}

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

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

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

.branch-box h6 {
    color: #23276e;
}

.branch-box a {
    color: #23276e;
}

.member-box figcaption {
    background: #23276e;
}

.icon {
    background: #23276e;
}

.iconsv {
    background: #23276e;
}

.iconk {
    color: #f5f5f5;
}

li a:hover {
    color: #23276e;
}

.iconk:hover {
    color: #da4fd3;
}

.sidebar-service {
    background: none;
}

span.menu-service {
    background: #23276e;
}

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

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

.iconleft {
    color: #23276e;
}

    .iconleft:hover {
        color: #da4fd3;
    }

a.menucolor {
    color: #23276e;
}

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

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

.footer .footer-info a {
    color: #23276e;
}

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

.iconk {
    color: #23276e;
}

    .iconk:hover {
        color: #da4fd3;
    }

.iconleft {
    color: #23276e;
}

.iconk {
    color: #23276e;
}

    .iconk:hover {
        color: #da4fd3;
    }

.iconleft {
    color: #23276e;
}

span.menu-service {
    color: #23276e;
}

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

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

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

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

.paketler2__on--arkayazi-1 {
    background: linear-gradient(to right bottom, #23276e, #da4fd3d7);
}

.form__input {
    border-bottom: 0.3rem solid #23276e;
    border-radius: 100px;
    padding: 30px;
    background: #fff;
    color: #000;
}

.ozellik-kutu-iletisim {
    background-color: #23276e;
    border-radius: 44px;
}

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

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

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

    .form__radio-buton::after {
        background-color: #23276e;
        border-radius: 100px;
    }

.form-popup__input {
    border-bottom: 0.3rem solid #23276e;
    border-radius: 100px;
}

    .form-popup__input:focus {
        border-bottom: 0.3rem solid #23276e;
        border-radius: 100px;
    }

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

.hizmetler-kutu--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

.ozellik-kutu--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

.post-kutu--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

.yorum-kutu--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

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

.baslik-4--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

.yukaricik {
    background-image: linear-gradient(to right bottom, #23276e,#da4fd3);
}

.footer-404 {
    background-image: linear-gradient(to right bottom, #23276e,#da4fd3);
}

.form-alani {
    background-image: linear-gradient(to right bottom,#23276e,#da4fd3);
}

.h2-baslik-hizmetler {
    background-image: linear-gradient(to right, #23276e, #da4fd3);
}

.h2-baslik-hizmetler__paragraf {
    color: #23276e;
}

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

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

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #da4fd3;
}

.swiper-pagination .swiper-pagination-bullet {
    background: #23276e;
}

::-webkit-scrollbar-thumb {
    background: #23276e;
}

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

.iconsocia {
    color: #fff;
}

.paketler3__gorsel--1 {
    background-image: linear-gradient(to right bottom, #23276e, #da4fd3)
}

.paketler3__on--arkayazi-1 {
    background-image: linear-gradient(to right bottom, #23276e, #da4fd3)
}

p.countb {
    background: #23276e;
}

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

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

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

.hero-cointech {
    background: transparent url() bottom center/cover no-repeat scroll;
}

input#submit {
    background: #23276e;
}

.custom-buttonw:hover {
    background: #23276e;
}

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

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

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

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

li a {
    color: #23276e;
}

.tag-cloud-link {
    color: #23276e;
}

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

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

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

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

    .telh:hover {
        background: #da4fd3;
    }

.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: 100px;
}

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

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

.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: 100px;
    }

    .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: #da4fd3;
        border-radius: 100px;
    }

    .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 */
.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%;
        content: "";
        z-index: -1;
        background-color: #23276e;
        border-radius: 5px;
        left: 0;
    }

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

    .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;
    width: 100%;
    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%, #23276e), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, rgba(13, 24, 32, 0) 0%, #23276e 100%, rgba(0, 0, 0, 0.7) 100%);
    + border-radius:100px;
}

.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: 100px;
}

.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%, #da4fd3e0), to(#da4fd3));
    background: linear-gradient(180deg, rgba(0, 193, 148, 0) 0%, #da4fd3e0 61.98%, #da4fd3 100%);
    bottom: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    border-radius: 100px;
}

.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%, #da4fd3), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, rgba(13, 24, 32, 0) 0%, #da4fd3 100%, rgba(0, 0, 0, 0.7) 100%);
    + border-radius:100px;
}

.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: 100px;
}

.box-style2.box-primary-color2::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%, #23276ee0), to(#23276e));
    background: linear-gradient(180deg, rgba(0, 193, 148, 0) 0%, #23276ee0 61.98%, #23276e 100%);
    bottom: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    border-radius: 100px;
}

.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%;
}

.descontent {
    z-index: 1;
}

.box-style2 .descontent {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0px 2px 9px 20px;
}
/* Button Effect Start */
[class^="btn-"] {
    position: relative;
    display: block;
    overflow: hidden;
    height: 80px;
    max-width: 250px;
    margin: 1rem auto;
    border: 2px solid currentColor;
    color: #ffffff;
}


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

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

    70% {
        left: 20%;
    }

    100% {
        background-color: #23276e;
        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: none;
    color: #ffffff;
    font-family: Outfit;
    height: 55px;
    line-height: 50px;
    display: inline-block;
    color: #ffffff;
    padding: 0 21px;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    border-radius: 100px;
    margin-top: 19px;
    padding-left: 8px;
    padding-right: 10px;
    transition: all .9s;
}

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

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

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

    .btn-1:hover {
        font-family: Outfit;
        font-weight: 600;
        height: 55px;
        line-height: 50px;
        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: 10px;
        transition: all .9s;
    }

        .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: 15px;
}
/* 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: #da4fd3;
        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: #23276e;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    color: #fff;
    padding: 0 48px;
    position: relative;
    border-radius: 100px;
    font-size: 16px;
    text-transform: capitalize;
    transition: all .9s;
    border: none;
}

.ozld {
    border-radius: 100px;
    padding-top: 16px;
    margin-top: 12px;
    width: 100%;
    margin-bottom: -12px;
}

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

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

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

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

    .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: #23276e;
        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: #da4fd3;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    color: #fff;
    border: 2px solid;
    padding: 0 48px;
    position: relative;
    border-radius: 100px;
    font-size: 16px;
    text-transform: capitalize;
    transition: all .9s;
}

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

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

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

    .btn-5:hover {
        font-family: Outfit;
        font-weight: 600;
        background: #da4fd3;
        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;
        transition: all .9s;
    }

        .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: #da4fd3;
        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;
    }
}

.bg-black {
    background: black;
}

.btn-3 {
    position: relative;
    font-family: Outfit;
    font-weight: 600;
    background: #23276e;
    height: 50px;
    line-height: 48px;
    display: inline-block;
    color: #fff;
    border: 2px solid;
    padding: 0 39px;
    position: relative;
    border-radius: 100px;
    font-size: 16px;
    text-transform: capitalize;
    border: none;
    transition: all .9s;
}

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

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

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

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

        .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: #23276e;
}

.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: #fff;
}

    .iconsociai:hover {
        color: #fff;
    }

::selection {
    background-color: #23276e;
}

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

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

.services-kutu1--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

.services-kutu2--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

.services-kutu3--icon {
    background-image: linear-gradient(to right, #23276e,#da4fd3);
}

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

li a:hover {
    color: #da4fd3;
}

select {
    border-bottom: 0.3rem solid #23276e;
    margin-bottom: 17px;
    border-radius: 100px;
}

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

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

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

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

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

.button-next1 {
    color: #23276e;
    border: 2px solid #23276e;
    border-radius: 100px;
}

    .button-next1:hover {
        background: #23276e;
    }

.button-prev1 {
    color: #23276e;
    border: 2px solid #23276e;
    border-radius: 100px;
}

    .button-prev1:hover {
        background: #23276e;
    }

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

.wp-post-image {
    height: 100%;
    width: 100%;
    border-radius: 41px;
}

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

.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: #fff;
    font-weight: 600;
}

h3.prongl {
    font-family: Outfit;
    font-size: 22px;
    color: #fff;
    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: #23276e;
    display: none;
}

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

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

h3.businesss a {
    font-family: Outfit;
    font-size: 20px;
    color: #ffffff;
    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: #ffffff;
    font-weight: 600;
}

h3.pron2 {
    font-family: Outfit;
    font-size: 22px;
    color: #ffffff;
    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: #23276e;
}

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

.horstime:hover {
    color: #da4fd3;
}

.dep:hover {
}

.row.ff {
    border-radius: 100px;
    pointer-events: none;
    cursor: default;
    z-index: -1;
}

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

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

.col-lg-2.d4 {
    margin-top: -10px;
}

.col-lg-2.fr {
    border: 1px solid rgb(255 255 255 / 12%);
}

.preloader figure {
    border: 2px solid #23276e;
}

    .preloader figure:after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid transparent;
        border-top: 3px solid #da4fd3;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: -3px;
        animation: rotate1 0.60s infinite;
    }

.hakkimizda-bolumu-anasayfa {
    background: #010101;
}

.info-featured {
    background: #010101;
}

.markalar {
    background: #010101;
}

.charts {
    background: #010101;
}

.road-map {
    background: #010101;
}

.team-section {
    background:;
}

.current-tokens {
    background: #010101;
}

.current-list {
    background: #010101;
}

.offer-request {
    background: #010101;
}

.faqs {
    background: #010101;
}

.news-alani-sayfa {
    background: #010101;
}

.iletisim-form-alani, .iletisim-icon-alani {
    background:;
}

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

.why-us {
    background: #ffffff;
}

.processs {
    background: 3888;
}

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

.bg-light {
    z-index: 8;
}

.fa, .fas {
    color: #23276e;
}

.side-widget {
    z-index: 9;
    background: #010101;
}

.container.asa {
}

.cryptowp-grid .cryptowp-coin-icon {
    width: 23%;
}

    .cryptowp-grid .cryptowp-coin-icon + .cryptowp-coin-stats {
        width: 60%;
    }

.cryptowp-grid .cryptowp-coin-inner {
    background: none;
    box-shadow: 2px 4px 16px rgb(0 0 0 / 10%);
    padding: 25px;
    border: 1px solid rgb(255 255 255 / 12%);
}

.cryptowp-coin-name, .cryptowp-coin-price {
    color: #fff;
}

.cryptowp-grid .cryptowp-coin-icon {
    width: auto;
}

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

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

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

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

.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: #ffffff;
}

.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: #23276e;
}

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

.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: #23276e;
}

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

.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: #23276e;
    box-shadow: 0 0 50px rgb(0 0 0 / 10%);
    transition: all 500ms ease;
}

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

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

.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: #ffffff;
    font-family: Outfit;
    font-size: 18px;
    z-index: 1;
    position: relative;
}

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

        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: 100px;
            background-color: #da4fd3;
            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: #23276e;
        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: #e1e1e1;
}

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

.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: #ffffff;
    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: #23276e;
}

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

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

.sectionbars {
    background: #da4fd3;
}

.sectionbars2 {
    background: #23276e;
}

.sectionbars3 {
    background: #23276e;
}

.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: #23276e;
    font-family: Outfit;
}

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

.ozellik-kutu-iletisim--yazi {
    color: #fff;
    font-family: Outfit;
    font-size: 16px;
    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: 100px;
    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: #ffffff;
    font-family: Outfit;
    font-size: 16px;
    font-weight: 400;
}

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

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

ul.post-categories a {
    color: #ffffff;
    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: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h2-baslik-anasayfa {
    color: #ffffff;
    border-bottom: .1rem solid #23276e;
    font-family: Outfit;
    font-size: 35px;
    font-weight: 900;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.baslik-4 {
    color: #ffffff;
    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: 100px;
    border: none;
    transition: all .9s;
}

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

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

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

.question {
    font-family: Outfit;
    font-size: 18px;
    color: #fff;
    background: #121212;
    border-radius: 5px;
    margin-bottom: 10px;
}

.answercont {
    margin-bottom: 10px;
}

.answer {
    color: #fff;
}

.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: 35px;
    font-weight: 900;
}

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

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

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

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

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

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

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

.page-header .container h2 {
    color: #fff;
    font-family: Outfit;
}

.page-header .container p {
    color: #fff;
    font-family: Outfit;
}

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

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

.navbar .site-menu ul li a {
    font-family: Outfit;
    color: #fff;
    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;
    }

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

.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: #23276e;
        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: #da4fd3;
        width: 80px;
        height: 80px;
    }

.menueffect * {
    box-sizing: revert;
}

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

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

.navbar-expand-md .navbar-nav .dropdown-menu {
    padding-bottom: 5px;
    padding-top: 5px;
}

#ycd-circle-9534 .textDiv_Days h4, #ycd-circle-9534 .textDiv_Days span {
    color: #ffffff !important;
}

#ycd-circle-9534 .textDiv_Hours h4, #ycd-circle-9534 .textDiv_Hours span {
    color: #ffffff !important;
}

#ycd-circle-9534 .textDiv_Minutes h4, #ycd-circle-9534 .textDiv_Minutes span {
    color: #ffffff !important;
}

#ycd-circle-9534 .textDiv_Seconds h4, #ycd-circle-9534 .textDiv_Seconds span {
    color: #ffffff !important;
}

.counter-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    text-align: center;
    border-radius: 100px;
    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: 100px;
}
/* Event */
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details {
    width: 100%;
    padding-left: 226px;
    float: left;
    font-size: 15px;
    color: #23276e;
    margin-top: 7px;
}

.wpem-event-listings .wpem-event-layout-wrapper .event_featured, .wpem-event-listings .wpem-event-layout-wrapper .event_featured:hover {
    background: #ffffff;
}

.wpem-event-organizer-tabs .wpem-tabs-wrapper .wpem-tabs-wrap .wpem-tab-link.active, .wpem-event-venue-tabs .wpem-tabs-wrapper .wpem-tabs-wrap .wpem-tab-link.active {
    color: #ffffff;
    border: 1px solid #23276e;
    border-bottom: none;
    margin-bottom: -1px;
}

.wpem-event-date-type {
    margin-top: 25px;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-date {
    font-size: 80px;
    line-height: 80px;
    font-weight: 600;
    color: #ffffff;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-to-date .wpem-month {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 15px;
    color: #ffffff;
    text-align: center;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-to-date .wpem-date {
    font-size: 80px;
    line-height: 80px;
    font-weight: 600;
    color: #ffffff;
    margin-top: -3px;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner {
    float: left;
    padding-right: 20px;
    width: 100%;
}

    .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
        height: 186px;
        width: auto;
        background-size: cover !important;
        background-position: center !important;
        border-radius: 100px;
        background-color: #ffffff;
    }

.wpem-main a {
    text-decoration: none;
    outline: 0;
    transition: color .2s;
    width: 100%;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-from-date {
    width: 121px;
    display: inline-block;
    float: left;
    text-align: center;
    padding-right: 3px;
}

.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper {
    border: 1px solid var(--wpem-gray-border-color);
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}

    .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img {
        height: 265px;
        width: 100%;
        border-radius: 0;
        position: relative;
        margin-top: -26px;
    }

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;
}

.wpem-theme-button, a.wpem-theme-button, button.wpem-theme-button, input.wpem-theme-button {
    background: #23276e;
}

.wpem-main a {
    color: #23276e;
}

    .wpem-main a:hover {
        color: #da4fd3;
    }

.wpem-form-wrapper .showing_applied_filters a {
    color: #23276e;
}

.wpem-form-wrapper .showing_applied_filters a {
    float: right;
    margin: 2px;
    display: contents;
}

.wpem-form-wrapper .showing_applied_filters span {
    margin: 2px;
    display: inline-block;
    width: 94%;
}

.wpem-alert-danger {
    background: none;
    color: #23276e;
    border: 2px solid #23276e;
}

.wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon.wpem-active-layout {
    background-color: #23276e;
}
/* Event Finish */
.vbtn-fluid {
    display: flex;
    justify-content: center;
    color: #fff;
    background: #23276e;
    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 #da4fd3;
        ;
        box-shadow: 0 0 0 0 #da4fd3;
        ;
    }

    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 #da4fd3;
        ;
        box-shadow: 0 0 0 0 #da4fd3;
        ;
    }

    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 #da4fd3;
        ;
        box-shadow: 0 0 0 0 #da4fd3;
        ;
    }

    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 #da4fd3;
        ;
        box-shadow: 0 0 0 0 #da4fd3;
        ;
    }

    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: #23276e;
    font-family: Outfit;
    font-size: 16px;
}

.reply a:hover {
    color: #23276e;
}

cite.fn a:hover {
    color: #23276e;
}

time:hover {
    color: #23276e;
}

/* service background */
.footer {
    background: #010101;
    border-top: 1px solid #e1e1e1;
}

.serviceb-alani {
    background: none;
}

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

.orserv {
    text-align: left;
}
/*
responsive
*/

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

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }

    span.menu-service {
        color: #23276e;
    }

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }
}

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

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }

    span.menu-service {
        color: #23276e;
    }

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }
}

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

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }

    span.menu-service {
        color: #23276e;
    }

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }
}

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

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }

    span.menu-service {
        color: #23276e;
    }

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }
}

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

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }

    span.menu-service {
        color: #23276e;
    }

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }
}


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

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }

    span.menu-service {
        color: #23276e;
    }

    .iconk {
        color: #23276e;
    }

        .iconk:hover {
            color: #da4fd3;
        }

    .iconleft {
        color: #23276e;
    }

    .icon {
        background: #23276e;
    }
}

@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: #fff;
    transition: .5s;
    margin-left: auto;
    margin-right: auto;
    font-size: 75px;
    z-index: 2;
    position: relative;
    background: none;
}

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

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

img.efozel2 {
    border-radius: 100px;
    width: 100%;
}

.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: 100px;
    flex-flow: column;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: none;
    width: 100%;
    border: 2px solid #d9d9d9;
    border-radius: 100px;
}

.quote {
    font-size: 600%;
    float: none;
    opacity: .1;
    transform: rotate(0deg) translate(3px, -101px);
    color: #23276e;
    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: 100px;
}

.iconinf22sty:hover {
    background: #da4fd3;
}

.iconinf22sty {
    padding: 10px;
    text-align: center;
    width: 100px;
    height: 100px;
    line-height: 78px;
    border-radius: 100px;
    background: #23276e;
    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;
        background: #010101;
    }
}

.footer .copyright {
    color: #fff;
}

a.videopop.vbtnslider-fluid.vp-a.vp-yt-type {
    display: flex;
    justify-content: center;
    color: #fff;
    background: #23276e;
    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 #23276e;
        ;
        box-shadow: 0 0 0 0 #23276e;
    }

    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 #23276e;
        ;
        box-shadow: 0 0 0 0 #23276e;
        ;
    }

    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: 100px;
}

.col-lg-4.lefthealtfooter {
    padding-bottom: 16px;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 5px;
}

.iconhh {
    color: #ffffff;
}

    .iconhh:hover {
        color: #fff;
    }

.col-lg-4.ff, .col-lg-2.ff {
    border: 1px solid rgb(255 255 255 / 12%);
}

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;
}

.col-lg-2.ff {
    background: #23276e;
    border-radius: 5px;
    transition: all 0.9s;
}

    .col-lg-2.ff:hover {
        background: #da4fd3;
        border-radius: 5px;
        transition: all 0.9s;
    }

.dephh {
    padding: 0px;
    border-radius: 5px;
    padding-bottom: 6px;
}

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

.dephh {
    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: 2px;
    border-radius: 100px;
    margin-top: 14px;
}

.iconheal {
    color: #ffffff;
}

    .iconheal:hover {
        color: #ffffff;
    }

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

.preloader {
    background: #010101;
}

.page-transition {
    background: #010101;
}

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

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

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

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

    .deptop:hover {
        position: relative;
        bottom: 0;
        display: block;
        width: 100%;
        left: 0;
        content: "";
        background-color: #23276e;
        border-radius: 100px;
        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: 100px;
    }

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

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

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

.navbar .site-menu ul li {
    padding: 0 15px;
}

@media (min-width: 1536px) and (max-width: 1536px) {
    .slider .main-slider {
        width: 100%;
        height: 119vh;
    }

    .hakkimizda-bolumu-anasayfa {
        padding: 18rem 0 0rem;
        margin-top: -14rem;
        margin-bottom: 0px;
    }
}

@media (min-width: 1280px) and (max-width: 1280px) {
    .slider .main-slider {
        width: 100%;
        height: 119vh;
    }

    .hakkimizda-bolumu-anasayfa {
        padding: 18rem 0 0rem;
        margin-top: -14rem;
        margin-bottom: 0px;
    }
}

@media (min-width: 1745.45px) and (max-width: 1745.45px) {
    .slider .main-slider {
        width: 100%;
        height: 111vh;
    }

    .hakkimizda-bolumu-anasayfa {
        padding: 18rem 0 0rem;
        margin-top: -17rem;
        margin-bottom: 0px;
    }
}