@import url("../asset/fonts/fonts.css");

a{
    color: #1AA79C;
}
.cari-online {
    width: 100%;
    height: 100vh;
    flex-wrap: unset !important;
    box-sizing: unset !important;
}

.cari-online .left,
.cari-online .right {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cari-online .left {
    border-right: 1px solid #c6c6c66c;
}

.cari-online .left::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 125%;
    background: #f7f7f7;
    z-index: -1;
}

.bank-container {
    border-top: 1px solid #c6c6c66c;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 40px 0;
}

.bank-container .item {
    display: flex;
    justify-content: center;
}

.bank-container .item img {
    width: 100%;
    padding: 0 30px;
}

.note-book-img {
    width: 700px;
    position: absolute;
    top: 85%;
    pointer-events: none;
}

.note-book-img img {
    width: 100%;
}


.cari-online-text {
    /* width: 640px; */
    text-align: center;
}

.cari-online-text h2 {
    color: #b9b9b9;
    font-size: 20px;
    margin-bottom: 35px;
    font-family: 'Latinka-Regular';
    font-weight: normal;
}

.cari-online-text h1 {
    color: #1AA79C;
    font-size: 65px;
    font-family: 'latinka-thin';
    font-weight: normal;
}

h1.cariPos-right-title {
    color: #303030;
    font-size: 70px;
    font-family: 'latinka-medium';
    font-weight: normal;
}

h1.cariPos-right-title span {
    color: #1AA79C;
    font-family: 'latinka-thin';
    font-weight: 600;
    font-size: 80px;
}

.cari-online-text p {
    font-size: 27px;
    color: #545454;
    font-family: 'latinka-regular';
}

.cari-online-text p strong {
    color: #3a3a3a;

}

.cari-online-text a {
    height: 60px;
    margin: 60px 0px 50px 0px;
    padding: 0px 45px;
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    color: #fff;
    font-family: 'latinka-light';
    font-size: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid #1AA79C;
    transition: all .3s ease-in;
}

.cari-online-text a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #1AA79C;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: scaleX(1);
    transition: transform .3s ease-in;
    transform-origin: center left;
}

.cari-online-text a:hover {
    color: #1AA79C;
}


.cari-online-text a:hover::before {
    transform: scaleX(0);
    transform-origin: center right;
}

.cari-online-text h3 {
    font-size: 20px;
    color: #575757;
    font-family: 'latinka-medium';
}

.right .cari-online-text a {
    font-family: 'latinka-light';
}

.right .cari-online-text a::before {
    background: #4CB984;
}

.right .cari-online-text a:hover {
    border: 1px solid #4CB984;
    color: #4CB984;
}

/* ---------------------------------------------------------------------------- */
.space {
    width: 100%;
    height: 100vh;
}

.scroll-items-text-wrapper {
    transition: all 1.4s .2s ease;
}

.scroll-items-text {
    padding: 55px 85px 55px 55px;
    top: 0;
    left: 0;
    opacity: 0;
    user-select: none;
    transition: opacity .3s ease-in;
}

.scroll-items-text.active {
    display: block;
    opacity: 1;
    user-select: all;
    transition: opacity .3s ease-in .3s;
}

.scroll-items-text-wrapper p {
    font-size: 23px;
    color: #7B7B7B;
    margin-top: 32px;
    font-family: 'latinka-regular';
}


.scroll-items-text-wrapper h2 {
    font-size: 40px;
    font-family: 'latinka-regular';
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.2;
}

.scroll-items-inner {
    transition: all 1.1s .2s ease;
}

.scroll-item {
    width: 100%;
    height: 330px;
    border-bottom: 1px solid #c6c6c66c;
    /*border-left: 1px solid transparent;*/
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 200px;
    overflow: hidden;
}
.scroll-item:hover {
    cursor: default;
}
.scroll-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.scroll-item h3 {
    color: #949494;
    font-family: 'latinka-medium';
    font-weight: normal;
    font-size: 27px;
}

.scroll-item span {
    color: rgb(189, 189, 189);
    font-size: 25px;
    font-family: 'latinka-regular';
}

.scroll-item:first-child {
    border-top: 1px solid #c6c6c66c;
}

.scroll-item-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.8s ease 0s;
    object-fit: cover;
}

.scroll-item.active .scroll-item-img {
    opacity: 1;
}
.scroll-item.active h3, .scroll-item.active span {
    color: #000;
}

.scroll-item:hover span,
.scroll-item:hover h3 {
    transform: translate(-5px, -5px);
    transition: 0.8s ease 0s;
}

.scroll-item:not(:hover) span,
.scroll-item:not(:hover) h3 {
    transform: translate(0px, 0px);
    transition: 0.8s ease 0s;
}


.scroll-item:hover span {
    transform: translateY(-5px);
}

.scroll-item:not(:hover) span {
    transform: translateY(0px);
}

.scroll-item-counter {
    position: absolute;
    top: 120px;
    left: 100px;
}

.croll-items-imgs-wrapper {
    height: 960px;
}

.croll-items-imgs {
    /* margin-top: 300px; */
    position: relative;
    top: -400px;
}

.croll-items-imgs .col-6.imgs-bottom {
    transform: translateY(160px);
}

.croll-items-imgs img {
    height: 678px;
    object-fit: cover;
}

/* -------------------------------------------------------------------------- */
.phone-slider {
    margin-bottom: 100px;
}

.two-phone-green-back {
    padding: 120px;
    z-index: 1;
    position: relative;
}

.two-phone-green-back .back {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #43998A;
    z-index: -1;
    transition: width .6s ease-in;
}

.phone-green-text-wrapper {
    transition: all .1s ease-in;
}

.phone-green-text-wrapper img {
    height: 50px;
}

.two-phone-green-back .phone-green-text {
    color: #FFF;
    font-size: 16px;
    width: 60%;
    padding-bottom: 50px;
    font-family: 'latinka-light';
    line-height: 1.8;
    letter-spacing: 1px;
}
.two-phone-green-back .store{
    padding: 15px 10px;
    margin-right: 10px;
    border-radius: 10px;
    border: solid 2px #2E2C2F;
    opacity: 0.5;
}
.two-phone-green-back .store:hover{
    opacity: 0.8;
}
.two-phone-green-back .store img{
    height: 30px;

}

.phone-title-wrapper {
    width: 52%;
    margin: 0 auto;
    margin-top: 90px;
    text-align: center;
    position: relative;
    top: 65px;
}

.phone-title {
    font-size: 34px;
    font-weight: 600;
    font-family: 'latinka-medium';
    line-height: 1.3;

}

.phone-text {
    font-size: 21px;
    margin-top: 20px;
    font-family: 'latinka-regular';
    color: #7B7B7B;
}

.two-phone-wrapper-inner-row {
    z-index: 2;
}

.cursor-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
    pointer-events: none;
}

.two-phone-wrapper-inner-row .cursor {
    transition: all 70ms;
    position: fixed;
    top: 0;
    left: 0;
    width: 11px;
    height: 20px;
    z-index: 9999;
    opacity: 0;
    user-select: none;
    pointer-events: none;
}

.two-phone-wrapper-inner-row .cursor img {
    transition: all .2s ease-in;
}

.cursor-border {
    position: fixed;
    top: -23px;
    left: -26px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1px solid #6d6d6d;
    z-index: 9999;
    transition: all 150ms;
    opacity: 0;
    user-select: none;
    pointer-events: none;
    transform-origin: center center;
}

.point-cursor {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #575757;
    display: inline-block;
    scale: 1;
    opacity: 0;
    transition: all .2s ease-in;
    user-select: none;
    pointer-events: none;
    position: relative;
    top: -23px;
    right: -2px;
    z-index: 9999;
}

.two-phone-wrapper-inner-row:hover,
.two-phone-wrapper-inner-row a:hover {
    cursor: none;
}

.two-phone-wrapper-inner-row:hover .cursor,
.two-phone-wrapper-inner-row:hover .cursor-border {
    opacity: 1;
}

.swiper {
    width: 100%;
    height: 100%;
}

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

.phone-swiper-text .swiper-wrapper {
    padding-top: 260px !important;
}

.phone-slider-next:hover,
.phone-slider-prev:hover {
    cursor: none;
}

.phone-swiper-img {
    position: relative;
    bottom: -200px;
}

.phone-swiper-img .swiper-slide img {
    height: unset !important;
}

.phone-swiper-text {
    width: calc(100% - 80px);
    margin: 0 !important;
}

.phone-swiper-text h2 {
    font-size: 37px;
    font-weight: 600;
    font-family: 'latinka-medium';
    line-height: 1.5;
}

.phone-swiper-text p {
    margin-top: 32px;
    font-size: 20px;
    font-family: 'latinka-regular';
    color: #7B7B7B;
    animation-delay: 0.5s !important;
}

.phone-swiper-text a {
    margin-top: 30px;
    font-size: 40px;
    font-family: 'latinka-medium';
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    color: #000;
    animation-delay: 0.7s !important;
    letter-spacing: 1px;
}

.phone-swiper-peagination {
    width: 80px !important;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 280px !important;
    top: -55px !important;
}

.phone-swiper-peagination span {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px 0 !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    background: none !important;
    position: relative !important;
    cursor: none !important;
    font-family: 'latinka-medium';
    font-weight: 400;
    font-size: 18px;
    color: #adadad;
}

.phone-swiper-peagination span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 40px;
    background: #b6b6b6d1;
    opacity: 0;
}

.phone-swiper-peagination span.swiper-pagination-bullet-active {
    color: #000;
}

.phone-swiper-peagination span.swiper-pagination-bullet-active::before {
    opacity: 1;
}

.two-phone-slider-left .swiper-slide {
    padding: 0px 60px 0px 50px;
    font-family: 'latinka-medium';
}

/* -------------------------------------- */

.product-title h2 {
    font-family: 'latinka-semibold';
    font-weight: 600;
    font-size: 32px;
    padding: 15px 0px;
}

.product-title h2 span {
    color: #43998A;
}

.product-text {
    width: 37%;
    font-family: 'latinka-regular';
    font-size: 16px;
    color: #7B7B7B;
    margin: 0 auto;
}

.pruduct-inner-wraper {
    text-align: center;
    width: 23%;
}

.product-wraper {
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
}

.product-wraper .circle {
    width: 90px;
    height: 90px;
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}

.product-wraper .circle::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #43998A;
    transform: scaleX(0);
    transition: transform .2s ease-in;
    transform-origin: center right;
}

.pruduct-inner-wraper:hover .circle::before {
    transform: scaleX(1);
    transform-origin: center left;
}

.product-wraper .circle img {
    max-width: 35px;
    transition: filter .2s ease-in;
}

.pruduct-inner-wraper:hover .circle img {
    filter: brightness(0) invert(1);
}

.pruduct-inner-wraper h3 {
    font-size: 17px;
    color: #585858;
    margin-bottom: 12px;
}

.pruduct-inner-wraper p {
    color: #777777;
    font-size: 14px;
    font-family: 'latinka-medium';
}

.pruduct-inner-wraper a {
    font-family: 'latinka-medium';
    font-size: 15px;
    color: #000000;
    transition: color .2s ease-in;
}

.pruduct-inner-wraper a:hover {
    color: #43998A;
}

/* ----------------------------------------------------------- */

.system-title {
    text-align: center;
}

.system-title h2 {
    font-family: 'latinka-semibold';
    font-weight: 600;
    font-size: 32px;
    padding: 15px 0px;
}

.system-title h2 span {
    color: #43998A;
}

.system-title p {
    font-family: 'latinka-regular';
    font-size: 16px;
    color: #7B7B7B;
    width: 39%;
    margin: 0 auto;
}

.product-item {
    width: 27%;
    position: relative;
}

.product-item img {
    width: 100%;
    object-fit: cover;
}


.product-item.mid::before {
    content: '';
    width: 1px;
    height: 120%;
    border: 1px solid #c6c6c66c;
    position: absolute;
    left: -20%;
    top: -50px;
}

.product-item.mid::after {
    content: '';
    width: 1px;
    height: 120%;
    border: 1px solid #c6c6c66c;
    position: absolute;
    right: -20%;
    top: -50px;
}

.product-item h2 {
    color: #585858;
    font-family: 'latinka-regular';
    font-size: 23px;
    font-weight: 600;
    width: 90%;
    padding: 20px 0px 10px 0px;
}

.product-item p {
    font-family: 'latinka-regular';
    font-size: 16px;
}

.button-wraper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ---------------------------------------------------------------------------- */

.system-product {
    margin: 80px 0 0 0;
}

/* -------------------------CariSlider.html------------------------- */


.tahsilat-slider-wrapper {
    background-color: #43998A;
    display: flex;
    margin-top: 95px;
}

.tahsilat-text-wrapper {
    border-right: 1px solid #d0d9d757;
    position: relative;
}

.tahsilat-text-inner {
    height: calc(100% - 160px);
    padding: 0px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cari-span {
    display: inline-block;
    background: #6DC17B;
    border-radius: 15px;
    padding: 5px 20px;
    font-family: 'latinka-light';
    font-size: 22px;
    color: #fff;
}

.tahsilat-right-swiper-wrapper {
    padding: 60px 120px 60px 45px;
}

.swiper.odeme-text-slider .swiper-slide {
    background: none;
    display: block;
    text-align: left;
}

.swiper.odeme-text-slider .swiper-slide h2 {
    padding: 30px 0px;
    color: #FFF;
    font-size: 45px;
    font-family: 'latinka-medium';
}

.swiper.odeme-text-slider .swiper-slide p {
    color: #FFF;
    font-size: 20px;
    font-family: 'latinka-regular';
}

.odeme-text-pagination .swiper-pagination-bullet {
    background-color: #fff;
    width: 10px;
    height: 10px;
}

.diffrentRounded-place {
    height: 718px;
    width: 870px;
    border-radius: 35px;
    border: 10px solid #eeecec;
}

.swiper.tahsilat-right-swiper .swiper-slide {
    background: #fff;
}

.odeme-text-btn {
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-top: 1px solid #d0d9d757;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.odeme-text-btn a {
    color: #fff;
    font-family: 'latinka-regular';
    font-size: 25px;
}

/* -------------------------CariSlider.html------------------------- */

.product-system-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0px 20px;
    position: relative;
}

.product-system-container.system-wrap {
    margin-top: 90px;
}

.product-system-bottom-line {
    padding-bottom: 90px;
}

.inner-more-btn {
    margin: 120px 0px 0px 0px;
    display: flex;
    justify-content: center;
}

.inner-more-btn a {
    height: 54px;
    padding: 0px 45px;
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    font-family: 'latinka-regular';
    position: relative;
    overflow: hidden;
    color: #43998A;
    font-size: 18px;
    border: 1px solid #43998A;
    transition: all .3s ease-in;
}

.inner-more-btn a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #43998A;
    transform: scaleX(0);
    z-index: -1;
    transition: transform .3s ease-in;
    transform-origin: center right;
}

.inner-more-btn a:hover {
    color: #fff;
}

.inner-more-btn a:hover::before {
    transform: scaleX(1);
    transform-origin: center left;
}

.animate-text-word {
    display: inline-block;
    opacity: 0;
    white-space: nowrap;
}

.abank-icon-animate {
    animation: bankAnimation .7s ease-in forwards;
    /* transition: all 0s ease; */
    opacity: 0;
    animation-delay: .75s;
}

@keyframes bankAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* ************************************************************* */

#inner-page-header {
    padding: 0 50px;
    padding-top: 5rem;
    overflow: hidden;
}

#main {
    padding-top: 95px;
    /* padding-right: 95px; */
    width: 100%;
}

.crumb {
    margin-top: 80px;
    margin-bottom: 10px;
}

.crumb a {
    color: #666;
}

.crumb-hp {
    opacity: .8;
}

.crumb-third {
    color: #44cda9;
}

.odeme-card-title {
    font-size: 65px;
    color: #868686;
    width: 70%;
    margin: 0 auto;
    font-weight: normal;
}

.odeme-card-title span {
    color: #1AA79C;
}

.line-height-advantage {
    line-height: 71px;
}

.rounded-free-box {
    height: 385px;
    width: 295px;
    border: 1px solid #B3B3B3;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .3s ease;
}

.rounded-free-box:first-child {
    margin-bottom: 130px;
}

.rounded-free-box:hover {
    background: #1AA79C;
}

.rounded-free-box:hover .advantage-content {
    color: #fff;
}

.rounded-free {
    border-radius: 35px;
    background-color: #fafafa;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.advantage-content {
    font-size: 25px;
    color: #868686;
}

.ucretsiz-png {
    height: 60px;
    width: 71px;
    position: absolute;
    top: -18px;
    right: 16px;
}

.avantajlar-container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 40px;
    margin-top: 125px;
    display: flex;
    justify-content: center;
}

.avantajlar-inner-box {
    display: flex;
}

.payment-advantage {
    margin: 0 25px;
}

.payment-advantage .mask {
    -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 16px, rgb(0, 0, 0) 100%);
    overflow: hidden;
    padding-top: 50px;
}

.payment-advantage:nth-child(2) {
    padding-top: 120px;
}

.payment-advantage:nth-child(3) {
    padding-top: 45px;
}

.payment-advantage:nth-child(4) {
    padding-top: 0;
}


/* 2 */

.bilgilendirme-title {
    font-size: 37px;
    line-height: 40px;
    font-weight: normal;
}

.latinka-5d-color {
    color: #5d5d5d;
}

.header-photo {
    /* height: 245px; */
    object-fit: contain;
    position: absolute;
    bottom: 0%;
    left: 0%;
    max-width: 100%;
    object-position: bottom;
}

.header-photo.radius-shadow {
    box-shadow: 0px 18px 36px 15px rgba(0, 0, 0, 0.1);
    border-radius: 30px 30px 0 0;
}

#leftMenu {
    margin-top: 100px;
    position: relative;
}

#sideMenu li a span {
    font-size: 18px;
    color: #000000;
    display: inline-block;
    font-family: 'latinka-light';
}

#sideMenu .nav-item a.active span {
    font-family: 'latinka-regular';
}

.bilgilendirme-text p {
    font-size: 17px;
    color: #5c5c5c;
    line-height: 1.8;
}

.bilgilendirme-text h2 {
    padding-left: 50px;
    font-size: 35px;
    font-family: 'latinka-Light';
    color: #696969;
    font-weight: normal;
}

.bilgilendirme-metin-left ul li,
.bilgilendirme-metin-right ul li {
    position: relative;
}

.bilgilendirme-metin-left ul li::before,
.bilgilendirme-metin-right ul li::before {
    content: '';
    width: 8px;
    height: 1px;
    position: absolute;
    top: 16px;
    left: -16px;
    background-color: #000;
}

/* 3 */

#blog-top {
    margin-top: 110px;
}

#blog-text #blog-top h1 {
    font-size: 55px;
    color: #696969;
    font-family: 'latinka-light';
    padding-right: 15px;
}

#blog-text #blog-top p {
    font-size: 26px;
    color: #1AA79C;
    width: 95%;
    font-family: 'latinka-light';
}

#blog-metin h2 {
    font-size: 22px;
    color: #292929;
    margin-top: 75px;
    font-family: 'latinka-light';
    font-weight: normal;
}

#blog-metin p {
    font-size: 22px;
    font-family: 'latinka-light';
    color: #707070;
    margin-block: 50px;
}

#blog-text {
    padding-left: 50px;
}

#blog-metin .col-12 {
    padding-right: 105px;
}

/* 4 */

#blog-img {
    border-radius: 19px;
    width: 100%;
}

#blog-baslik {
    padding-left: 10%;
    width: 82%;
}

#blog-baslik .cari-bottom-border {
    padding-right: 100px;
}

/* .blog-alt-item-wrapper {
    padding-right: 7%;
} */

.cari-bottom-border {
    border-bottom: 1px solid #c6c6c66c;
    position: relative;
}

.cari-bottom-border img {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    scale: -1;
    transition: .3s ease-in transform;
}

.cari-bottom-border:hover img {
    transform: translateX(-15px);
    scale: -1;
}

.cari-bottom-border:last-child {
    border: none;
}

#blog-baslik div h2 {
    font-size: 19px;
    margin-bottom: 13px;
}

#blog-baslik div p {
    font-size: 15px;
    color: #424242;
}

#blog-paper {
    border-radius: 19px;
}

#blog-paper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#blog-footer {
    margin-top: 30px;
}

#blog-footer h3 {
    font-size: 19px;
}

#blog-alt h2 {
    font-size: 37px;
    color: #5d5d5d;
}

#blogMenu li a span {
    font-size: 18px;
    color: #000000;
    display: inline-block;
}

#blogMenu .nav-item a.active span {
    color: #22A78C;
}

#blog-ust {
    margin: 100px 0;
}

#blogMenu li a {
    text-align: start;
    padding: 17px 0px;
}

/* 5 */

#fiyatlandirmaFree .fiyatlandirma-baslik {
    font-size: 45px;
    color: #1AA79C;
    position: relative;
}

.cari-mini-box {
    background-color: #43998A;
    border-radius: 10px;
    font-size: 22px;
    padding: 8px 20px;
    position: absolute;
    top: -3%;
    margin-left: 10px;
}

#fiyatlandirmaFree p,
#fiyatlandirmaFree span {
    font-size: 20px;
}

.fiyatlandirma-middle span:nth-child(1) {
    font-size: 20px;
    color: #43998A;
}

.fiyatlandirma-middle span:nth-child(2) {
    font-size: 20px;
    color: #000000;
}

.fiyatlandirma-middle span:nth-child(3) {
    font-size: 45px;
    color: #000000;
}

#fiyatlandirmaFree ul li {
    margin-bottom: 27px;
}

#fiyatlandirmaFree ul li span {
    font-size: 20px;
}

.fiyatlandirma-middle p {
    font-size: 20px;
}

#payTable .payTable-inner-col {
    padding: 100px 0;
}

#fiyatlandirmaFree a {
    font-size: 22px;
}

#kontorFiyatlari {
    margin-bottom: 80px;
}

.kontorFiyatlari-title h2 {
    font-size: 45px;
    color: #1AA79C;
    font-weight: 300;
    font-family: 'latinka-extraLight';
}

.kontorFiyatlari-title p {
    font-size: 20px;
    color: #919191;
}

.kontor-fiyatlari-list {
    width: 85%;
    margin: 0 auto;
    position: relative;
    flex-wrap: wrap;
}

.kontorFiyatlari-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 175px;
    width: 100%;
    height: 1px;
    background: #c6c6c66c;
    z-index: -1;
}


.kontor-fiyatlari-list-item .top {
    color: #43998A;
    font-size: 45px;
    font-family: 'latinka-medium';
    position: relative;
    line-height: 1;
}

.kontor-fiyatlari-list-item span.tl-span {
    font-size: 30px;
    font-family: 'latinka-light';
}

.kontor-fiyatlari-list-item .bottom {
    text-align: right;
    padding-right: 5px;
    margin-top: 10px;
}

.kontor-fiyatlari-list-item .bottom span.kdv {
    font-family: 'latinka-medium';
    color: #00000062;
    line-height: 1;
    font-size: 20px;
}

.kontor-fiyatlari-list-item .kontor-deger {
    position: relative;
    color: #00000077;
    font-family: 'latinka-medium';
    font-size: 28px;
    margin-bottom: 60px;
    white-space: nowrap;
}

.kontor-fiyatlari-list-item .kontor-deger span {
    font-family: 'latinka-semibold';
    color: #00000062;
    font-size: 16px;
}

.kontor-fiyatlari-list-item .kontor-deger::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 5px);
    bottom: -12px;
    background: #dadada;
}

.kontor-bottom-text {
    padding: 0 50px;
}

.kontor-bottom-text p {
    font-size: 20px;
    color: #3c3c3c;
}

.kontor-bottom-text h2 {
    font-size: 25px;
    color: #3c3c3c;
}


.my-accordion-title {
    font-size: 32px;
    color: #656565;
    padding-left: 130px;
    font-weight: 100;
}

.my-accordion-item {
    padding-left: 130px;
    padding: 0 80px 0 130px;
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.3s ease .1s, background 0.3s ease;

    cursor: pointer;
}

.my-accordion-item .accordion-main-text {
    margin: 40px 0;
    font-size: 20px;
    color: #575757;
    font-family: 'latinka-extraLight';
}

.my-accordion-item .hidden-text {
    width: 40%;
    color: #575757;
    font-family: 'latinka-regular';
    margin-bottom: 40px;
    font-size: 20px;
}

.my-accordion-item.accor-active {
    background: #F9F9F9;
    transition: max-height 0.3s ease .1s, background 0.3s ease;
}

.accordion-ico {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #e3e3e3;
    box-sizing: content-box;
}

.accordion-ico i {
    font-size: 40px;
    height: max-content;
    color: #e3e3e3 !important;
    transition: .3s;
}

.my-accordion-item.accor-active .accordion-ico i {
    transform: rotate(45deg);
}

#cari-pop {
    border-radius: 5px !important;
}

#cari-pop .modal-header h1 {
    font-size: 40px;
    color: #808080;
}

#cari-pop .modal-header p {
    font-size: 14px;
    color: #333333;
}

#pop-middle input {
    border-radius: 1px;
    font-size: 18px;
}

#gridCheck {
    border-radius: 4px !important;
}

#pop-middle label {
    font-size: 17px;
}

#pass-forget {
    font-size: 17px;
    color: #43998A !important;
}

#pop-middle p {
    font-size: 13px;
    color: #333333;
}

#pop-middle a u {
    font-size: 13px;
    color: #333333;
}

#freeLogin {
    width: 100%;
    background-color: #43998A;
    font-size: 20px;
}

#pop-bottom {
    font-size: 19px;
}

#x-bg {
    border-radius: 50px;
    right: 0;
    top: 10%;
    transform: translateX(50%);
    background-color: #43998A;
    border: none;
}

#x-bg i {
    font-size: 30px;
    height: max-content;
    color: #fff !important;
    transform: rotate(45deg);
}

.modal-dialog {
    max-width: 100% !important;
    height: 100vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.modal-dialog #cari-pop {
    max-width: 540px;
    padding: 0 40px;
}

#pop-middle {
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 50px 40px 40px 40px;
}

#pop-middle input::placeholder {
    font-size: 17px !important;
    color: #959595;

}

#iletisim {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.iletisim-text {
    font-size: 31px;
    display: inline-block;
}

.iletisim-title {
    font-size: 20px;
    color: #a7a7a7;
    font-family: 'latinka-light';
    font-weight: normal;
}

.iletisim-right h2 {
    font-size: 31px;
}

.iletisim-right p {
    font-size: 20px;
    color: #8E8E8E;
    width: 80%;
}

.iletisim-box {
    padding: 36px 50px;
    overflow: hidden;
}

.iletisim-right-item-wrapper {
    padding: 70px 0px;
}

.iletisim-down-text p {
    font-size: 16px;
    font-family: 'latinka-light';
    width: 76%;
    color: #767676;
}

.iletisim-down-text p b {
    color: #767676;
}

.iletisim-down-img img {
    margin-top: 80px;
    padding-right: 20px;
}

#kayit-ol .main-kayit-wrapper {
    padding: 0 50px;
    position: relative;
}

#kayit-ol .main-kayit-wrapper::before {
    content: '';
    background-color: #c6c6c66c;
    width: 1px;
    height: 100%;
    left: calc(50% + 47px);
    top: 0;
    position: fixed;
    z-index: -1;
}

#kayit-ol h1 {
    font-size: 40px;
    color: #808080;
    margin-top: 16px;
    margin-bottom: 25px;
}

#kayit-first span {
    font-size: 20px;
    color: #3e3e3e;
    margin-top: 15px;
    margin-bottom: 20px;
}

#kayit-ol .kayit-secenek-btn {
    width: 48.5%;
    background-color: #f2f2f2;
    font-size: 25px;
    color: #43998A;
    position: relative;
    padding: 20px 25px;
    overflow: hidden;
}

#kayit-ol .kayit-secenek-btn input {
    position: absolute;
    opacity: 0;
}

#kayit-ol .kayit-secenek-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #43998A;
    transition: transform .2s ease-in;
    z-index: 1;
}
#kayit-ol .kayit-secenek-btn:has(input:checked)::after {
    content: '\F26F';
    font-family: bootstrap-icons;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    z-index: 1;
    font-size: 35px;
}

#kayit-ol .kayit-secenek-btn.btn-first::before {
    transform: translateX(100%);
}

#kayit-ol .kayit-secenek-btn.btn-second::before {
    transform: translateX(-101%);
}

#kayit-ol .kayit-secenek-btn:has(input:checked)::before {
    transform: translateX(0%);
}

#kayit-ol .kayit-secenek-btn span {
    z-index: 2;
    transition: color .2s ease-in;
    position: relative;
}

#kayit-ol .kayit-secenek-btn:has(input:checked) span {
    color: #fff;
}

#kayit-second {
    font-size: 17px;
    color: #808080;
    margin-top: 15px;
}

.cari-form {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    background-color: white !important;
    background-clip: padding-box;
    border: none !important;
    border-bottom: 2px solid #f2f2f2 !important;
    border-radius: 0 !important;
}

#kayit-thirth input {
    margin-bottom: 15px;
}

#freeAccount {
    width: 100%;
    background-color: #43998A;
    font-size: 20px;
    padding: 15px;
}

.form-check-input:checked {
    background-color: #808080 !important;
    border-color: #FFFFFF !important;
}

.form-row {
    margin-top: 50px;
}

.form-row input::placeholder {
    font-size: 18px;
    font-weight: 600;
    font-family: 'latinka-extraLight';
    color: #000000;
}

.main-kayit-inner {

}

.roundedPlace {
    width: 870px;
    height: 40vw;
}

.roundedPlace.nasil-calisir-roundedPlace {
    margin: 0 auto;
}

#roundedPlaceContent {
    border-radius: 36px;
    height: 100%;
    width: 100%;
    border: 14px solid #f4f4f4;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px;
    overflow: hidden;
}

#roundedPlaceContent img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#tahsilat-right {
    line-height: 30px;
    padding: 0 40px;
    margin-top: 80px;
}

#tahsilat-right h1 {
    font-size: 35px;
    color: #3c3c3c;
    font-family: 'latinka-light';
}

#tahsilat-right p {
    font-size: 18px;
    color: #3c3c3c;
    font-family: 'latinka-light';
    margin-bottom: 25px;
}

.tahsilat-right-list li {
    position: relative;
    padding-left: 24px;
}

.tahsilat-right-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #59A598;
}

.feature-h2 {
    font-size: 30px;
    color: #3c3c3c;
    margin-left: 90px;
    font-family: 'latinka-light';
}

#feature h3 {
    font-size: 25px;
    color: #3c3c3c;
    font-family: 'latinka-light';
}

#feature p {
    font-size: 18px;
    color: #3c3c3c;
    line-height: 30px;
    font-family: 'latinka-light';
}

.feature-box {
    padding: 90px;
}

.feature-box .twin-div {
    padding: 90px;
}

.feature-item-text-wrapper {
    width: calc(100% - 75px);
}

#odeme-free-png {
    width: 180px !important;
    height: unset !important;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}

.odeme-feature-inner-wrap {
    width: 82%;
}

.feature {
    padding: 20px 10px;
    transition: all .3s ease-in;
}
.feature:hover{
    background: #f2f2f2;
}

#odeme-feature h2 {
    font-size: 18px;
    color: #3c3c3c;
}
#odeme-feature .feature:hover h2{
    color: #59A598;
}

#odeme-feature span {
    font-size: 16px;
    color: #3c3c3c;
}

#odeme-box p {
    font-size: 25px;
    margin-bottom: 0;
}

#nasil-calisir-button span {
    font-size: 22px;
    background: #75C277;
    padding: 7px 24px;
    border-radius: 15px;
}

#nasil-calisir-place {
    font-size: 45px;
    color: #3c3c3c;
}

.nasil-calisir-title-wrapper {
    padding-left: 100px;
    margin-top: 100px;
}

.nasil-calisir-title {
    font-size: 65px;
    color: #1AA79C;
}

.nasil-calisir-text {
    font-size: 18px;
    color: #434343;
}

.nasil-calisir-scroll-text {
    margin-top: 200px;
}

.nasil-calisir-scroll-text p {
    color: #b1b1b1;
    font-family: 'latinka-light';
    font-size: 14px;
    margin-bottom: 0;
}

.nasil-calisir-scroll-text p.color-green {
    font-weight: 600;
    color: #59A598;
}

.nasil-calisir-scroll-text::before {
    content: '';
    width: 1px;
    background: url('../asset/img/dashed-border.png') no-repeat;
    position: absolute;
    height: 200px;
    top: -80px;
    left: calc(50% - 1px);
    background-size: cover;
}

.nasil-calisir-free-item {
    width: 320px;
    height: 400px;
    border-radius: 15px;
    background-color: #F2F2F2;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    position: relative;
    margin-bottom: 25px;
}

.nasil-calisir-free-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 15px;
}

.nasil-calisir-free-wrapper {
    padding-right: 180px;
    padding-top: 130px;
}

.nc-free-img {
    width: 180px !important;
    height: unset !important;
    border-radius: 0 !important;
    position: absolute;
    right: -22px;
    top: -55px;
}

.nc-pointer {
    position: absolute;
    top: -24px;
    right: -188px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #59A598;
}

.nc-pointer .point {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #c6c6c66c;
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nc-pointer .point .inner {
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background: #1AA79C;
}

.nasil-calisir-freeText-wrapper {
    padding-top: 100px;
    padding-left: 60px;
}

.nasil-calisir-freeText-wrapper .text-wrap {
    width: 70%;
}

.nasil-calisir-freeText-wrapper h1 {
    font-size: 20px;
    color: #767676;
    font-family: 'latinka-semibold';
    margin-bottom: 18px;
}

.nasil-calisir-freeText-wrapper p {
    font-size: 17px;
    color: #434343;
    font-family: 'latinka-light';
}

.nasil-calisir-freeText-wrapper p a {
    color: #434343;
    text-decoration: underline !important;
}

.nasil-calisir-freeText-wrapper ul li {
    position: relative;
}

.nasil-calisir-freeText-wrapper ul li::before {
    content: '';
    position: absolute;
    left: -22px;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #59A598;
}

.nco-odeme-box p {
    color: #8e8e8e;
    font-size: 22px !important;
}

.nc-bottom-text {
    margin-top: 200px;
}

.fiyatlandirma-middle .lira-icon {
    font-size: 25px !important;
}

/* .blog-right-info h2,
.blog-right-info p {
    transition: .2s ease-in all;
}

.blog-right-info:hover h2,
.blog-right-info:hover p {
    transform: translateY(-5px);
    transition: .2s ease-in all;
} */

.blog-left-info {
    transition: .2s ease-in all;
}

.blog-left-info:hover {
    transform: translateX(5px);
    transition: .2s ease-in all;
}

#blog-img {
    transition: .2s ease-in all;
}

#blog-img:hover {
    transform: scale(1.03);
    transition: .2s ease-in all;
}

/* .blog-alt-item {
    display: none;
} */

.blog-alt-item .b-item-hover {
    transition: .2s ease scale;
}

.blog-alt-item:hover .b-item-hover {
    scale: 1.03;
    transition: .2s ease scale;
}

.scroll-text-nc {
    right: calc(50% - 7px);
    top: -95px;
}

.scroll-text-nc .point {
    border: 1px solid #1AA79C;
}

.scroll-text-nc .point .inner {
    background: #c6c6c66c;
}

.ncf-wrapper-last {
    padding-bottom: 200px;
}

.payTable-before-border::before {
    content: '';
    position: absolute;
    top: -145px;
    right: 0;
    width: 1px;
    height: calc(100% + 145px);
    background: #c6c6c66c;
}

/* scroll slider */
section.cari-scrollSlider-wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.cari-scrollSlider-wrapper .top {
    width: 100%;
    height: 84%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cari-scrollSlider-wrapper .bottom {
    width: 100%;
    height: 16%;
}

.scrollSlider-triggers {
    height: 100%;
    display: flex;
    flex-direction: column;
    user-select: none;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}

.scrollSlider-text-wrapper {
    position: relative;
    box-shadow: 0 40px 40px -24px rgba(17, 24, 39, .06), 0 32px 32px 2px rgba(17, 24, 39, .06), 0 16px 16px rgba(17, 24, 39, .06), 0 8px 8px rgba(17, 24, 39, .06), 0 4px 4px rgba(17, 24, 39, .06), 0 2px 3px -2px rgba(17, 24, 39, .06);
    border-radius: 12px !important;
    border: none !important;
}

.scroll-img-content {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    /* box-shadow: 0 0 0 1px rgba(17, 24, 39, .16); */
    position: relative;
    border: 14px solid #f4f4f4;
}

.scrollSlider-text-wrapper .scrollSlider-text {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .5s;
}

.scrollSlider-text-wrapper .scrollSlider-text.activeSl {
    opacity: 1;
    user-select: all;
}

.scrollSlider-text-wrapper .scrollSlider-text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scrollSlider-peagination-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
}

.scrollSlider-peagination-wrapper .active-line {
    height: 1px;
    background: #22A78C;
    position: absolute;
    top: 0;
    left: 0%;
    transition: all .2s ease-in-out;
}

.scrollSlider-peagination {
    height: 100%;
    border: 1px solid #c6c6c66c;
    padding: 0 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.scrollSlider-peagination .hover-effect {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f3f3f3;
    z-index: -1;
    transition: width .8s, height .8s, opacity .8s;
    opacity: 0;
}

.scrollSlider-peagination h3 {
    text-align: center;
    color: #8E8E8E;
    font-family: 'latinka-thin';
    user-select: none;
    font-size: 22px;
}

.scrollSlider-peagination h3 b {
    font-family: 'latinka-semibold';
}

/* ------------------ */
.point-target {
    position: absolute;
    top: 0%;
    left: 84.9%;
    width: 40px;
    height: 40px;
    transition-duration: .7s;
    transition-delay: .1s;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.point-target .out-border {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 2px #43998A solid;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: outerCircleAnimation;
    animation-delay: 1.5s;
}

.point-target .inner-border {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 4px #43998A solid;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: innerCircleAnimation;
}

@keyframes innerCircleAnimation {
    0% {
        transform: scaleX(1);
    }

    18% {
        transform: scale3d(.3, .3, .3);
    }

    100% {
        transform: scaleX(1);
    }
}

@keyframes outerCircleAnimation {
    0% {
        transform: scaleX(1);
        opacity: 1;
    }

    100% {
        transform: scale3d(2.3, 2.3, 2.3);
        opacity: 0;
    }
}

.info-box {
    position: absolute;
    left: -105px;
    top: 55px;
    width: 250px;
    background: #43998A;
    border-radius: 8px;
    padding: 15px;
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
}

.info-box.info-slide-anim {
    transform: translateY(0px);
    opacity: 1;
    transition: all .3s ease-in-out;
}

.info-box::before {
    content: '';
    width: 20px;
    height: 20px;
    background: #43998A;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 10px);
    top: -10px;
    z-index: -1;
}

.info-box p {
    font-family: 'Averta-Regular';
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 0;
}

.info-box.active-left::before {
    left: -8px;
    top: 15px;
}

.info-box.active-left {
    left: 70px;
    top: -6px;
}

.info-box.active-right::before {
    left: calc(100% - 12px);
    top: 15px;
}

.info-box.active-right {
    right: 64px;
    left: unset;
    top: -6px;
}

.info-box.active-bottom::before {
    top: unset;
    bottom: -8px;
}

.info-box.active-bottom {
    top: unset;
    bottom: 72px;
}

.nc-scroll-slider-main {
    margin-top: 120px;
}

/* scroll slider */
.maker-div {
    position: absolute;
    bottom: -245px;
    left: 30px;
    color: #B5B5B5
}

.e-fatura-title-wrapper p {
    margin: 0 auto;
    font-size: 26px;
    color: #1AA79C;
    margin-top: 20px;
    font-family: 'latinka-light';
}

.e-fatura-bot-text-list p {
    font-size: 20px;
    font-family: 'latinka-light';
}

.e-fatura-bot-text-list .col-6 {
    padding-right: 150px;
}

.e-fatura-bot-text-list ul li {
    margin-bottom: 20px;
    position: relative;
}

.e-fatura-bot-text-list ul li::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #22A78C;
}

.text-right {
    text-align: right;
}

.nasil-calisir-freeText-wrapper.reversed {
    padding-left: 0;
    padding-right: 60px;
}

.nasil-calisir-freeText-wrapper ul.reversed-list li::before {
    left: unset;
    right: -22px;
}

.nc-pointer.reversed-pointer {
    right: -68px;
}

.nc-pointer .point.margin-right-big {
    margin-left: 54px;
}

.eFatura-free-item {
    width: 435px;
    height: 350px;
    background: #E2E2E2;
}

.eFatura-right-free-img {
    opacity: .2;
    width: 141px;
}

.eFatura-nc-right {
    right: unset;
    left: 0;
    top: 6px;
}

.reversed-list-bottom-text {
    margin-top: 200px;
    font-size: 20px !important;
}

.eFatura-free-item.last-big {
    height: 650px;
}

.eFatura-nc-right .point.margin-right-big {
    margin-right: 54px;
    margin-left: 0;
}

.iletisim-right-item-img img {
    width: 90px;
}

.hakkimizda-header-img {
    height: 100px;
    position: absolute;
    left: 150px;
    top: 0;
}

.fiyatlandirma-slider {
    overflow: unset !important;
    margin-top: 50px;
}

.fiyatlandirma-slider-pagination {
    padding: 0 30px;
    display: none;
}

.fiyatlandirma-slider-pagination .swiper-pagination-bullet {
    width: 75px !important;
    height: 3px !important;
    border-radius: 10px;
}

.fiyatlandirma-slider-pagination .swiper-pagination-bullet-active {
    background: #22A78C;
}

#odeme-box div{
    transition: all .3s ease-in;
}
#odeme-box div:hover{
    background: #f2f2f2;
}