@font-face {
    font-family: 'LemonTuesday';
    src: url("./assets/fonts/LemonTuesday.woff");
    src: url("./assets/fonts/LemonTuesday.woff2");
}
@font-face {
    font-family: 'PT Sans';
    font-weight: normal;
    src: url("./assets/fonts/PTSans-Regular.woff");
    src: url("./assets/fonts/PTSans-Regular.woff2");
}
@font-face {
    font-family: 'PT Sans';
    font-weight: bold;
    src: url("./assets/fonts/PTSans-Bold.woff");
    src: url("./assets/fonts/PTSans-Bold.woff2");
}


body{
   /* background-color: #01524C;*/
    height: unset;!important;
    overflow-x: hidden;
}
nav{
    background-color: #F1F9F6;
    height: 150px;

}
nav a{
color: #707070;
}
nav a:hover{
    color: #707070;
}
.orange-btn{
    border: 2px solid #FF414D ;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
   color: #FF414D;
}
.orange-btn:hover{
    color: #FF414D;
}


#header h1{
    font-size: 50px;
    color: #fff;
}
#header h1 span {
    color: #FF6100;
}
#header p{
    font-size: 19px;
    width: 950px;
    color: #fff;
}
#header button{
    font-size: 15px;
    font-weight: bold;
    border-radius: 50px;
    color: #fff;
    border: none;
    background-color: #FE6C24;
}
.dairedis{
    width: 475px;
    height: 475px;
    border: 1px solid #146F68;
    border-radius: 100%;
    z-index: 3;
}
.daire{
    width: 450px;
    height: 450px;
   background-color: #146F68;
    border-radius: 100%;
}
.top-pop h4{
    color:#FE6C24
}
.top-pop p{
    color:#FE6C24
}
.top-pop span{
    color:#fff;
    font-weight: bold;
}
.top-button{
    border: 1px solid #FE6C24;
    color:#FE6C24 !important;
    border-radius: 20px;
}
.body-trans a{
    font-family: 'PT SANS';
    font-weight: bold;
    letter-spacing: 1px;
    color: #01524C;
}
.body-trans a div{
    background-color: #FE6C24;
}
.modul-create{
    background-color: #F1F9F6;
}
.modul-create h2{
    font-family: 'PT SANS';
    font-size: 45px;
    letter-spacing: 1px;
}
.second-part text{
    font-family: 'PT SANS';
    font-weight: bold;
    color: #01524C;
    font-size: 30px;
}
.second-part p{
    font-family: 'PT SANS';
    font-weight: normal;
    color: #01524C;
    font-size: 20px;
}
.third-part a{
    font-family: 'PT SANS';
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
}
.third-part a div{
    background-color: #FE6C24;
}
.third-part a div text{
    font-family: 'PT Sans';
    font-weight: normal;
}
.third-part h2{
    font-size: 50px;
}
.fourth-part h2{
    font-size: 50px;
    color: #fff;
}
.fifth-part h2{
    font-size: 40px;
    color: #01524C;
}
.sixth-part h2{
    font-size: 40px;
    color: #01524C;
}
.entegre-slider{
    background-color: #01524C;
    border-radius: 2%;
}
.swiper {
    width: 100%;
    height: 50%;
    border-radius: 2%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #E2F2F1;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px;
}
.swiper-slide-two {
    text-align: center;
    font-size: 18px;
    background-color: #E2F2F1;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #8FCBC6;
    position: relative;
}
.swiper-pagination-bullet-active {
    color: #fff;
    border: 1px solid #8FCBC6;

}
.slider-two{background-color: #fff!important;}

.slider-two .swiper-pagination-bullet-active{
    background: red;
}
.swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid transparent;
    border-radius: 100%;
}

.swiper-pagination-bullet-active:before {border-color: #8FCBC6;}


.slider-right-baslik{
    font-family: 'PT SANS';
    font-weight: bold;
    color: #01524C;
    font-size: 25px;
}
.slider-right-icerik{
    font-family: 'PT SANS';
    font-weight: normal;
    color: #4E4E4E;
    font-size: 15px;
}
.slider-right-ahref{
    font-family: 'PT SANS';
    font-weight: bold;
    color: #4E4E4E;
    font-size: 15px;
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: auto;
    left: auto
}
.swiper-back{
    background-image: url("./assets/image/background-entegre.png");
}
.swiper-button-next,.swiper-button-prev {
    position: relative!important;

}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 22px;
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 22px;
}
div#kt_accordion_2_item_1.show {
    background-color: #E2F2F1;
}
div#kt_accordion_2_item_2.show {
    background-color: #E2F2F1;
}
div#kt_accordion_2_item_3.show {
    background-color: #E2F2F1;
}
div#kt_accordion_2_item_4.show {
    background-color: #E2F2F1;
}
.accordion-header.py-3.d-flex {
    background-color: #E2F2F1;
}

.accordion-header.py-3.d-flex.collapsed {
    background-color: #F1F9F6;
}
footer{
    background-color: #fff;
}
footer #footer{
    background-color: #01524C;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 585px;
}
.footer-menu p{
    font-family: PT Sans;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}
.footer-menu a{
    font-family: PT Sans;
    font-weight: normal;
    font-size: 15px;
    color: #fff;
}
.svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #01524C;
}
.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #01524C;
}
.btn-check:active + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:checked + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #01524C;
}
.menu-item .menu-link .menu-arrow {
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    margin-left: .5rem;
    width: 2rem;
    height: 2rem;
}
.menu-item .menu-link .menu-arrow:after {
    display: block;
    width: 100%;
    content: " ";
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.06463 4.42111C1.96161 4.22088 1.9809 3.9637 2.12863 3.78597L5.12847 0.177181C5.31402 -0.046034 5.63049 -0.060261 5.83532 0.145404C6.04015 0.351069 6.05578 0.698744 5.87023 0.921959L3.19406 4.14137L5.84414 7.06417C6.03896 7.27904 6.03835 7.62686 5.84278 7.84105C5.64721 8.05524 5.33073 8.05469 5.13591 7.83982L2.14806 4.54449C2.1141 4.50704 2.08629 4.46541 2.06463 4.42111Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%23A1A5B7'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
    height: 20px;
    width: 17px;
}
.button {
    background-color: #099;
    color: white;
    text-decoration: none;
    border-radius: 60px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    overflow:hidden;
    width: auto;
    max-width: 32px; /** I'm animating max-width because width needs to be auto, and auto can't be animated **/
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.5s;
}

.button-active {
    max-width: 300px;
}

.icon {
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    margin-right: 15px;
    padding: 0px 8px;
    display: flex;
    align-items: center;
}

.text {
    white-space: nowrap;
    padding-right: 15px;
}

 .button-add{

     max-width: 0px;
     overflow: hidden;
     transition: 0.5s max-width;

 }
.button-effect{
    max-width: 200px;
}
@keyframes slider-animation {
    from {opacity: 0%;}
    to{opacity: 100%;}
}
.slider-animation{
    animation-name: slider-animation;
    animation-duration: 1s;
}
@keyframes accordion-animation {
    from {opacity: 0%;}
    to{opacity: 100%;}
}
.accordion-animation{
    animation-name: slider-animation;
    animation-duration: 1s;
}
.case-big-shape {
    background-color: rgba(24, 181, 87, .07);
    border-radius: 80px;
    width: 3px;
    height: 500px;
    top: 0%;
    bottom: auto;
    left: 660px;
    right: auto;
}
.case-small-shape {
    background-color: #18b557;
    border-radius: 80px;
    width: 4px;
    transition: height 0.5s;,
}
.panel-login-right-content-mid-box {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: var(--border-radius-size);

}

.panel-login-right-content-mid-box #person {
    position: absolute;
    left: 61%;
    transform: translateX(-50%);
    z-index: 6;
    top: 50px;
    height: 93%;
}

@keyframes right-mid-box-before {
    0% {
        opacity: 0;
        width: 0;
        height: 0;R
        transform: translateX(-50%);
    }

    100% {
        opacity: 1;
        width: 60px;
        height: 60px;
        transform: translateX(0%);
    }
}

.panel-login-right-content-mid-box-line {
    background-color: var(--color-white);
    position: absolute;
    z-index: 2;
}

.panel-login-right-content-mid-box-line.a1 {
    left: 10%;
    bottom: 20%;
    width: 1px;
    height: 150px;
}

.panel-login-right-content-mid-box-line.a2 {
    bottom: 10%;
    width: 150px;
    height: 1px;
    left: 10%;
    opacity: 0.6;
}

@keyframes fade {
    0% {
        transform: translateX(-55%);
    }
    50% {
        transform: translateX(-45%);
    }
    100% {
        transform: translateX(-55%);
    }
}
.panel-login-right-content-mid-box #person {
    animation: fade infinite 5s;
}
.panel-login-right-content-mid-box-before {
    content: "";
    position: absolute;
    bottom: 10%;
    left: -6%;
    z-index: 3;
    opacity: 1;
    width: 60px;
    height: 60px;
}
.panel-login-right-content-mid-box-beforetwo {
    content: "";
    bottom: 10%;
    z-index: 3;
    opacity: 1;
    width: 60px;
    height: 60px;
}
.panel-login-right-content-mid-box-after {
    content: "";
    z-index: 3;
    opacity: 1;
    width: 60px;
    height: 60px;
}
.panel-login-right-content-mid-box-aftertwo {
    content: "";
    z-index: 3;
    opacity: 1;
    width: 60px;
    height: 60px;
}
.accordion-header .icon-1{
    display: none;
}
.accordion-header .icon-2{
    display: block;
}
.accordion-header.collapsed .icon-1{
    display: block;
}

.accordion-header.collapsed .icon-2{
    display: none;
}
#special h1{
    font-family: 'PT SANS';
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    font-size: 50px;

}
#special a{
    font-family: 'PT SANS';
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    font-size: 15px;

}
#special li{
    font-family: 'PT SANS';
    font-weight: light;
    letter-spacing: 1px;
    color: #FE6C24;
    font-size: 15px;

}
.special-title{
    font-family: 'PT SANS';
    font-weight: bold;
    letter-spacing: 1px;
    color: #01524C;
    font-size: 50px;
}
.special-bottom{
    background-color: #01524C;
}
.special-bottom:after{
    content: '';
    background: url("./assets/image/img-1.png");
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.2;
}
.oto-product:hover{
    background: #fff;
    content: '';
}

table {
    text-align: left;
    position: relative;
    border-collapse: collapse;
}
th, td {
    padding: 0.25rem;
}
tr.red th {
    background: red;
    color: white;
}
tr.green th {
    background: green;
    color: white;
}
tr.purple th {
    background: purple;
    color: white;
}
.stick {
    flex: 1;
    border: 1px solid #fff;
    margin-top: -1px;
    margin-left: -1px;
}