@import url("../fonts/fonts.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Passions+Conflict&family=Qwitcher+Grypen:wght@400;700&family=Rock+Salt&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
     font-family: "Inter", sans-serif;
}
video::-webkit-media-controls-panel {
display: none !important;
opacity: 1 !important;}
h1, h2, h3, h4, h5, h6{
    font-family: 'Aesthetic';
}
a,a:hover{
    transition:.2s;
    text-decoration:none
}
nav .logo,nav .menu,nav .nav-rght{
    display:inline-flex
}
a{
    color:#333
}
a:hover{
    color:#255e92
}
nav{
    display:block;
    padding:20px 6vw 0;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    z-index:999999;
    background:0 0;
    transition:.3s;
    position: relative;
    z-index: 3;
}
nav .logo{
    float:left
}
nav .logo img {
    height: 6rem;
    margin-top: -18px;
}
.bar .white-logo,.black-logo{
    display:none
}
#anasayfa,#anasayfa h1,#anasayfa h2,#exp img,#leaders h2,#leaders img,#leaders p,#unique,.bar .black-logo,.clutch,.place,.responseven,.rg,.slogan,.startup-icon,.white-logo{
    display:block
}
nav .nav-rght{
    float:right
}
nav .menu .nav-list {
    margin-top: 3vh;
}
nav .menu .nav-list li{
    display:inline-grid
}
nav .menu .nav-list li a img{
    filter:invert(1);
    height:21px;
    margin-top:-5px
}
.bar .menu .nav-list li a img{
    filter:none;
    height:21px;
    margin-top:-5px
}
.bar .menu .nav-list li a{
    font-family: 'Aesthetic';
    font-weight:500;
    font-size:.95rem;
    color:#1b1b1b;
    margin-left:5px
}
.bar .menu .nav-list li a:hover{
    color:#000;
    font-weight:500;
    border-bottom:2px solid #000
}
nav .menu .nav-list li a{
    padding:0 14px
}
.bar .nav-rght .user img{
    filter:none;
    float:left;
    margin-right:12px;
    height:24px;
    margin-top:4px
}
nav .menu .nav-list li a b:focus,nav .menu .nav-list li a b:hover{
    color:#e4b518
}
.nav-rght .user img{
    filter:invert(1);
    float:left;
    margin-right:12px;
    height:32px;
    margin-top:0
}
.nav-rght .user .login{
    margin-left:30px;
    min-width:100px;
    font-size:13px
}
.nav-rght .user{
    margin-top:6px;
    margin-right:80px
}
.bar .nav-rght .user .login a{
    color:#a1a1a1;
    line-height:54px;
    font-size:.7rem
}
.black-list h2,.black-list p,.nav-rght .user .login a{
    color:#fff
}
.nav-rght .user .login .lg a{
    font-weight:600
}
nav .nav-rght .lead button img{
    filter:invert(1);
    height:30px;
    margin-top:-2px
}
nav .nav-rght .lead button b{
    font-size:.9rem;
    font-weight:700;
    color:#000
}
.lead a b { 
    background: #d2c5a9;
    padding: 9px 31px;
    border-radius: 40px;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin-top: 1.9vh;
    position: relative;
    display: block;
    color: white;
    font-family: 'Aesthetic';
}
.offer-form h2 {
    font-size: 1.9rem;
    color: #464141;
}

#start {
    position: relative;
    display: block;
    text-align: center;
    background-image: url(../img/cover-bg.webp);
    background-size: cover;
    background-position: top;
    min-height: 100vh;
    margin-top: -12vh;
    padding-top: 30vh;
    z-index: 0;
}
.offer-form {
    padding: 20px;
    background: #ffffffba;
    border-radius: 20px;
    padding-top: 41px;
}
.registercv {
    position: relative;
    display: block;
    background-image: url(../img/cover-bg.webp);
    background-size: cover;
    background-position: top;
}
#start h1 {
    font-family: 'Enchants';
    font-size: 5rem;
    color: #000000;
    font-weight: 100;
}
#start h1 b{
      font-family: 'Enchants';
    position: relative;
    display: block;
    line-height: 6rem;
}
#start img {
    height: 40vh;
    margin-top: -10vh;
}

#start p {
    font-size: 1.1rem;
    max-width: 650px;
    position: relative;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 1.4rem;
    font-weight: 300;
    font-family: 'Argesta Display';
}
#slogan {
    position: relative;
    display: block;
    text-align: center;
    background-image: url(../img/watervawe-bg.webp);
    background-size: cover;
    padding: 10vh 0;
}

#slogan h2 {
    font-size: 3rem;
    font-family: 'Aesthetic';
    max-width: 1030px;
    position: relative;
    display: block;
    margin: 0 auto;
}
.alan-slide .owl-item .item a{
    background: red;
}

.alan-slide .owl-item .item a figure{
}
.alan-slide .owl-item .item a figure .cva {
    object-fit: cover;
    position: relative;
    display: block;
    width: 100%;
    height: 70vh;
    padding: 20px;
    border-radius: 52px;
}
.alan-slide .owl-item .item a figure figcaption {
    margin: 20px;
    margin-top: -70vh;
    width: 90%;
    position: absolute;
    height: 65vh;
    padding: 40px;
    margin: 20px;
    margin-top: -67.5vh;
    border-radius: 30px;
    color: #fff;
    font-size: 1rem;
    background: rgb(0 0 0 / 14%);
}
.alan-slide .owl-item .item a figure figcaption b {
    font-size: 1.4rem;
    font-family: 'Aesthetic';
    margin-top: 41vh;
    position: relative;
    display: block;
}
.alan-slide .owl-item .item a figure figcaption p{
    font-size: 0.8rem;
    font-family: 100;
}
.alan-slide .owl-item .item a figure figcaption img {
    filter: invert(1);
    height: 59px;
}
.alan-slide .owl-item .item a figure figcaption:hover{
        background: rgb(0 0 0 / 58%);
        transition:  all 0.4s;
}
#hikayemiz {
    position: relative;
    display: block;
    margin: 11vh 0px;
    padding: 11vh 0;
}
#hikayemiz img { 
    width: 100%;
    position: relative;
    display: block;
    height: auto;
    margin-top: -10vh;
}
#hikayemiz article{} 
#hikayemiz article h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    color: #786d66;
}
#hikayemiz article .firstp{
    font-size: 1.2rem;
    margin-bottom: 50px;
    position: relative;
    display: block;
    font-family: 'Argesta Display';
}
#hikayemiz article b{
    position: relative;
    display: block;
    font-family: 'Aesthetic';
    font-size: 1.3rem;
    color: #9c9c9c;
    margin-bottom: 10px;
}
#hikayemiz article p{
    position: relative;
    display: block;
    color:#585858;
}
#life {
    position: relative;
    display: block;
    min-height: 80vh;
    background: url(../img/life.webp);
    width: 100%;
    background-size: contain;
}
#life h3 {
    position: relative;
    display: block;
    font-size: 3rem;
    max-width: 648px;
    margin: 0 auto;
    margin-top: 10vh;
    background: linear-gradient(#6b774f, #333a1e);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#life img {
    height: 45vh;
    position: relative;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}

#faq {
    padding: 10vh;
    padding-top: 0;
    position: relative;
    display: block;
}
#faq .faq-head b {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.7rem;
}
#faq h2 {
    font-size: 3rem;
    position: relative;
    display: block;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: #f1f1f1;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
#discover{
    min-height: 80vh;
}
#discover img {
    height: 64vh;
     position: absolute;
    object-fit: cover;
    border-radius: 90px;
}
#discover h3 {
    font-size: 2rem;
   z-index: 1;
    text-align: center;
    color: #fff;
    margin-top:1vh;
}
#discover span {

    z-index: 1;
    text-align: center;
    margin-top: 18vh;
    color: #fff;
    font-family: 'Enchants';
    font-size: 3rem;
}
#discover a {

    z-index: 1;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    max-width: 170px;
    text-align: center;
    margin: 0 auto;
    padding: 7px 31px;
    transition: all 0.3s;
      margin-top: 2vh;
}
#discover a:hover{
    transition: all 0.3s;
       color: #fff;
    background: #3e621ba8;
    border-color: #3e621ba8;
}

footer {
    background-color:#f2f2f2;
    position: relative;
    display: block;
    min-height: 64vh;
    padding: 6vh;
    background-image: url(../img/footer2.webp);
    width: 100%;
    background-size: cover;
    background-position: top;
}
footer .f-logo {
    height: 8rem;
    position: relative;
    display: block;
    opacity: 0.6;
     margin-bottom: 4vh;
}

footer .f-list {
    margin-top: 6vh;
    position: relative;
}
footer .f-list h5 {
    font-size: 1.2rem;
    position: relative;
    display: block;
    margin-bottom: 19px;
    color: #a39e9a;
}
footer .f-list ul{}
footer .f-list ul li {
    list-style: none;
    line-height: 2rem;
}
footer .f-list ul li a {
    font-size: 1rem;
    font-family: 'Intern', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.74rem;
    color: #6f6f6f;
}

footer .f-tel {
    font-size: 1.5rem;
    position: relative;
    color: #a39e9a;
    position: relative;
    display: block;
     margin-bottom: 2vh;
}
footer .f-mail span {
    font-size: 0.8rem;
    color: #a39e9a;
    position: relative;
    display: block;
}

footer .f-mail {
    font-size: 1rem;
    position: relative;
    color: #a39e9a;
    position: relative;
    display: block;
    font-family: 'Intern',sans-serif;
    margin-bottom: 2vh;
}
footer .f-tel span {
    font-size: 0.8rem;
    color: #a39e9a;
    position: relative;
    display: block;
}
.social-media-list{}
.social-media-list li{
    list-style: none;
    display: inline-flex;
    margin-right: 10px;
}
.social-media-list li a{}
.social-media-list li a img {
    height: 30px;
    opacity: 0.5;
}
.flatline {
    margin-top: 4vh;
    padding-top: 4vh;
    border-top: 1px solid #ddd;
}
.copright {
    font-size: 0.8rem;
    font-family: Arial;
    color: #9c9c9c;
}
.madeby{
    position: relative;
    display: block;
    float: right;
    font-size: 0.8rem;
    font-family: Arial;
    color: #9c9c9c;
}
.madeby a{
    font-weight: bold;
}
.madeby b {
    color: #f04747;
}
.mobil-btn{
    display: none;
}
.mobil-block{
    display: none;
}
#video-cover{
    min-height: 100vh;
    position: relative;
    display: block;
}
video {
  pointer-events: none;
}
#video-cover video {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: -12vh;
    height: 102vh;
    object-fit: cover;
}
.nav-shadow {
    background: rgb(255, 255, 255);
      background: linear-gradient(182deg, rgba(255, 255, 255, 1) 0%, rgb(0 0 0 / 27%) 100%);
       position: absolute;
    top: 0;
    height:102vh;
    width: 100%;
    z-index: 2;
    background: url(../img/top-shadow.webp);
    background-position: top;
    background-size: cover;
}
.video-shadow {
    position: absolute;
    z-index: 1;
    top: -12vh;
    left: 0;
    right: 0;
    height: 102vh;
    background: linear-gradient(182deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 69%) 100%);
}
.video-content{
    position: relative;
    display: block;
    z-index: 4;
    padding: 10vh;
}
.video-content h1 {
    font-size: 5rem;
    color: #fff;
    padding-top: 30vh;
    text-align: center;
}
.video-content h3 {
    font-family: 'Cronal';
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    margin-top: 4vh;
}
.video-content h2 {
    font-size: 0.6rem;
    color: #fff;
    padding-top: 0;
    text-align: center;
    rotate: 0;
    margin-top: -1vh;
    z-index: 09;
    position: relative;
    display: block;
    text-shadow: none;
    margin-bottom: 3vh;
    letter-spacing: 11px;
}
.video-content p {
    font-size: 1rem;
    color: #fff;
    font-weight: 200;
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
}
video::-webkit-media-controls-container {
  opacity: 0 !important;
}

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}
    /* Old shadow dom for play button */
*::--webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}
    /* New shadow dom for play button */
    /* This one works */
*::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}
video::-webkit-media-controls-start-playback-button {
    display: none;
}
video::-webkit-media-controls-overlay-play-button {
display: none;
}
#hakkimizda {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 15vh;
    padding: 0 10vh;
}
#hakkimizda h2{
    font-size: 3rem;
    position: relative;
    display: block;
    color: #868177;
}

#hakkimizda b {
    font-size: 0.6rem;
    position: relative;
    display: block;
    letter-spacing: 5px;
    text-transform: uppercase;
}
#hakkimizda .first {
    position: relative;
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 40px;
    font-family: 'Argesta Display';
}
#hakkimizda article p {
    font-size: 1rem;
    font-weight: 200;
    margin-bottom: 21px;
}
#hakkimizda .ion {
    font-size: 0.9rem;
    font-weight: 300;
    margin-bottom: 21px;
    margin-top: 10px;
}
.ionbox {
    margin-top: 20px;
    position: relative;
    display: block;
    background: #eeeeee;
    padding: 20px;
    min-height: 200px;
    border-radius: 10px;
}
#kurucu {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 15vh;
    padding: 0 10vh;
}
#kurucu h2{
    font-size: 3rem;
    position: relative;
    display: block;
    color: #868177;
}

#kurucu b {
    font-size: 0.6rem;
    position: relative;
    display: block;
    letter-spacing: 5px;
    text-transform: uppercase;
}
#kurucu img {
    height: auto;
    width: 100%;
}
#kurucu p {
    font-size: 0.9rem;
    margin-bottom: 20px;
    font-weight: 300;
}
#slogan-banner {
    position: relative;
    display: block;
    background: url(../img/footer.webp);
    background-size: cover;
    background-position: top;
    background-color: whitesmoke;
    padding: 10vh;
    text-align: center;
    margin-bottom: 14vh;
        background: #b6b6b6;
}
#slogan-banner p {
    font-family: 'Argesta Display';
    font-size: 1.4rem;
    max-width: 740px;
    margin-bottom: 1vh;
    margin: 0 auto;
        color: #fff;
}
#hizmetler {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 15vh;
    padding: 0 10vh;
}
#hizmetler p {
    font-size: 1rem;
    font-weight: 200;
    margin-top: 3vh;
        margin-bottom: 6vh;
}
.obtn {
    position: relative;
    display: inline-block;
    border: 1px solid #898989;
    padding: 6px 30px;
    border-radius: 20px;
    font-weight: 200;
}

#hizmetler h2{
    font-size: 3rem;
    position: relative;
    display: block;
    color: #868177;
}

#hizmetler b {
    font-size: 0.6rem;
    position: relative;
    display: block;
    letter-spacing: 5px;
    text-transform: uppercase;
}
#hizmetler ul li{
    list-style: none;
    position: relative;
    display: block;

}
#hizmetler ul li h3{
    font-size: 1.6rem;
    position: relative;
    display: block;
    color: #000000;
    line-height: 4rem;
    border-bottom: 1px solid #ddd;
}
#hizmet-list {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 15vh;
    padding: 0 10vh;
}
.hizmet-item{
    border: 1px solid #ddd;
    padding: 30px;
}
.hizmet-item img {
    height: auto;
    width: 100%;
    height: 280px;
    object-fit: contain;
}
.hizmet-item h2 {
    font-size: 1.5rem;
    text-align: center;
    color: #242728;
}
.hizmet-item p {
    font-size: 0.9rem;
    font-weight: 200;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 3vh;
}
.hizmet-item a {
    margin-top: 1vh;
    text-align: center;
    position: relative;
    display: table;
    padding: 2px;
    margin: 0 auto;
    border-bottom: 1px solid #686767;
    opacity: 0.4;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.8rem;
}
.proje-item img {
    height: auto;
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: top center;
    margin-bottom: 30px;
    border-radius: 11px;
}
.video-content a {
    position: relative;
    display: inline-block;
    color: #fff;
    border: 0.5px solid #fff;
    padding: 8px 20px;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 200;
    margin: 0 auto;
    position: relative;
    display: table;
    margin-top: 4vh;
}
#topluluk {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 15vh;
    padding: 0 10vh;
}
#topluluk h2{
    font-size: 2rem;
    text-align: center;
    max-width: 990px;
    position: relative;
    display: block;
    margin: 0 auto;
}
#topluluk .t-about h2 {
    font-size: 2rem;
    text-align: left;
    max-width: 990px;
    position: relative;
    display: block;
    margin: 0 auto;
    color: #959595;
    margin-bottom: 20px;
}
.t-about {
    margin: 10vh;
}
.t-about p {
    font-size: 1rem;
    font-weight: 200;
    margin-bottom: 30px;
}

.t-about img{
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}
.t-about .ionbox{
    min-height: 290px;
}
.t-about .ionbox h3 {
    margin-bottom: 25px;
}
.t-about .ionbox p{}
.t-about p{}
#iletisim {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 7vh;
    padding: 10px;
    padding: 0 10vh;
}
.contact h1{
    border-bottom: 1px solid #737373;
    font-size: 3rem;
}
#iletisim .contact {
    padding: 8vh;
    padding-top: 20vh;
    padding-bottom: 7vh;
    margin-bottom: 0;
}
.contact-content {
    padding: 0 8vh;
}
.c-info{
    position: relative;
    display: block;
    font-size:1rem;
    font-weight: 200;
    max-width: 500px;
    margin-bottom:5vh;
}
.c-head {
    font-size: 0.8rem;
    font-weight: bold;
    position: relative;
    display: block;
    color: #93886f;
    margin-bottom: 4px;
}
.c-tel {
    font-size: 1.6rem;
    position: relative;
    display: block;
    margin-bottom: 3vh;
}
.c-tel:hover{
    color:#000;
}
.c-mail{
    position: relative;
    display: block;
    margin-bottom: 10vh;
}
.offer-input {
    width: 100%;
    display: block;
    background: 0 0;
    outline: 0;
    filter: none;
    color: #000;
    border: none;
    border-bottom: 1px solid #9a9a9a;
    margin-bottom: 32px;
    padding-bottom: 11px;
}
.offer-form p {
    font-size: 1rem;
    max-width: 400px;
}
.clemt {
    height: 58px;
    border-radius: 50px;
    border: 1px solid #dfdfdf;
    padding: 5px;
}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    float: left;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 500;
    min-width: 186px;
}
.offer-form p {
    font-size: 1rem;
    max-width: 100%;
    line-height: -20px;
}
.offer-btn-black {
    margin-top: 2vh;
    background: #000;
    color: #fff;
    font-size: 1.2rem;
    padding: 9px 50px;
    border: none;
    transition: .3s;
}
.checkbox label {
    font-size: .8rem;
    line-height: 1.2rem;
    color: #010101;
    font-weight: 300;
}
.clemt {
    height: 58px;
    border-radius: 50px;
    border: 1px solid #dfdfdf;
    padding: 5px;
    margin-bottom: -20px;
}
.cptm1{
    margin-bottom: 4vh;
}
.cxd{
    margin-bottom: 4vh;
}
#iletisim .contact {
    padding: 3vh;
    padding-top: 20vh;
    padding-bottom: 3vh;
    margin-bottom: 3VH;
}
.contact-content {
    padding: 0 3vh;
}
.etkinlik-item {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 0;
    padding-bottom: 0;
}
.etkinlik-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 20px;
}
.etkinlik-item .date {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 19px 0;
    text-transform: uppercase;
    font-weight: 400;
}

.etkinlik-item h2 {
    font-size: 1.8rem;
    position: relative;
    display: block;
}
#etkinlikler {
    position: relative;
    display: block;
    margin: 0;
    margin-bottom: 15vh;
    padding: 0 10vh;
}
.etkinlik-item .icerik {
    font-size: 0.9rem;
    font-weight: 300;
    margin: 3vh 0;
}
.etkinlik-item .konum {
    font-size: 0.9rem;
    position: relative;
    display: block;
}
.e-content{
    padding-left: 40px;
    padding-right: 40px;
}
.etkinlik-item a {
    background: #b5b5b5;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 17px;
    border-radius: 17px 17px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9rem;
    transition: all 0.3s;
        margin-top: 10vh;

}
.etkinlik-item a:hover{
    background: #000;
    transition: all 0.3s;
}
.pad10 {
    padding: 30px;
    position: relative;
    display: block;
}
.year {
    font-size: 9rem;
    position: absolute;
    font-family: 'Aesthetic';
    opacity: 0.4;
    left: 0;
    top: -40px;
    color: #ffffff;
}
.etkinlik-item {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 20px;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 6vh;
}
.etkinlik-item img {
    width: 100%;;
    margin-right: 40px;
    height: 280px;
    object-fit: cover;
    border-radius: 20px;
}
.etkinlik-item .bilgi {
    font-size: 0.8rem;
    color: #555;
    font-weight: 300;
    margin-bottom: 10px;
}
.etkinlik-item .konum {
    font-size: 1rem;
    position: relative;
    display: block;
    margin-top: 2vh;
}
.year {
    font-size: 7rem;
    position: absolute;
    font-family: 'Aesthetic';
    opacity: 0.4;
    left: 40px;
    top: 200px;
    color: #ffffff;
}
select {
    border: none;
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 10px;
    color: #757575;
    outline: none;
    width: 100%;
}
.odeme {
    padding: 2vh 0;
    padding-bottom: 8vh;
}
.odeme b {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 400;
    color: #b0a68f;
    position: relative;
    display: block;
}

.odeme h4 {
    font-size: 1.5rem;
}
.p60 {
    padding-left: 60px;
}
.alts {
    font-size: 0.8rem !important;
    margin-bottom: 34px;
    color: #6e6e6e;
}
.ktb{}
.ktb-t {
    font-size: 0.7rem;
    font-weight: 300;
    margin-bottom:13px;
}
.ktb-c {
    font-weight: 400;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    font-size: 0.9rem;
}
.iban {
    font-weight: 400;
    font-size: 0.9rem;
}
.kod {
    background: #79eba8;
    padding: 9px;
    position: relative;
    display: block;
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 20px;
    border-radius: 10px;
    font-weight: bold;
}
.badge-warning{
        color: #ffffff;
    font-weight: bold;
    background: #a29e91;
}
#loaderDiv img { 
    height: 110px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: block;
    margin-top: 100px;
}

@media only screen and (max-device-width: 768px){
    .odeme b {
    font-size: 0.6rem;
}
.odeme {
    padding: 2vh 0;
    padding-bottom: 5vh;
}
.offer-btn-black {
    margin-top: 2vh;
    background: #000;
    color: #fff;
    font-size: 1.2rem;
    padding: 9px 50px;
    border: none;
    transition: .3s;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10vh;
}
select {
    border: none;
    border-bottom: 1px solid #9a9a9a;
    padding-bottom: 10px;
    color: #757575;
    outline: none;
    width: 100%;
    margin-bottom: 20px;
            background: transparent;
}
.offer-form p {
        font-size: 0.9rem!important;
        max-width: 100%;
        line-height: -20px;
    }
        .p60 {
        padding: 10px;
        width: 100%;
        margin-top: 20px;
    }
    #iletisim .contact {
    padding: 3vh;
    padding-top: 10vh;
    padding-bottom: 3vh;
    margin-bottom: 3VH;
}

 .odeme h4 {
    font-size: 0.9rem;
}
    .mobil{
        overflow: hidden;
    }
    .menu .nav-list{
        display: none!important;
    }
    .mobil-btn .aktif{display:block;transition: all 0.3s;}
    .mobil-btn .pasif{display:none;transition: all 0.3s;}

    .mobil .mobil-btn .aktif{display:none;transition: all 0.3s;}
    .mobil .mobil-btn .pasif{display:block;transition: all 0.3s;}
    .lead{
        display: none;
    }
    .mobil nav {

        display: block;
        position: absolute;
        top: 0;
        background: #f5f4fd;
        min-height: 100vh;
        width: 100%;
        z-index: 6;
    }
    
    .mobil nav .menu .nav-list li {
            display: inline-grid;
            display: block;
            float: left;
            width: 100%;
            line-height: 2.7rem;
    }
    .contact-content {
    padding: 0;
    width: 100%;
    margin-left: 0px;
}
    .mobil .lead{
        display: block;
    }
    .mobil .lead a b {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        text-align: center;
    }
    .mobil-btn {
        position: relative;
        display: block;
        right: 20px;
        position: absolute;
        top: 40px;
        background: transparent;
        border: none;
        opacity: 0.5;
    }
     .mobil-btn  span {
        font-size: 0.7rem;
        position: relative;
        display: block;
        color: #82838a;
    }
    .mobil-btn img {
        height: 31px;
        margin-top: -4px;
        opacity: 0.9;
    }
    .mobil .nav-list{
        display: block!important;
    }
    .mobil{
        overflow-y: hidden;
    }
    #start h1 {
        font-family: 'Enchants';
        font-size: 3rem;
        color: #000000;
        font-weight: 100;
    }
    #start img {
        height: 32vh;
        margin-top: -5vh;
    }
    #start p {
        font-size: 0.8rem;
        max-width: 620px;
        position: relative;
        display: block;
        text-align: center;
        margin: 30px auto;
        margin-top: 10px;
        line-height: 1.3rem;
        font-weight: 300;
        padding: 20px;
                max-width: 372px;
    }
    #slogan h2 {
        font-size: 1.9rem;
        font-family: 'Aesthetic';
        max-width: 100%;
        position: relative;
        display: block;
        margin: 0 auto;
        padding: 20px;
    }
    #slogan{
        background-position: rş;
    }
    #hikayemiz .col-4,#hikayemiz .col-10,#hikayemiz .col-8,#hikayemiz .col-6{
        width: 100%;
        position: relative;
        display: block;
    }
    #hikayemiz .col-10 {
        padding: 4vh;
    }
    #hikayemiz article .firstp {
        font-size: 1rem;
        margin-bottom: 30px;
        position: relative;
        display: block;
        font-family: 'Argesta Display';
    }
    #hikayemiz article p {
        position: relative;
        display: block;
        color: #585858;
        font-size: 0.8rem;
        margin-bottom: 20px;
        font-weight: 200;
    }
    #hikayemiz article b {
        position: relative;
        display: block;
        font-family: 'Aesthetic';
        font-size: 1rem;
        color: #9c9c9c;
        margin-bottom: 10px;
        font-weight: bold;
    }
    #life h3 {
        position: relative;
        display: block;
        font-size: 2rem;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 10vh;
        background: linear-gradient(#6b774f, #333a1e);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }
    #hikayemiz {
        position: relative;
        display: block;
        margin: 11vh 0px;
        padding: 11vh 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #discover img {
        height: 41vh;
        position: absolute;
        object-fit: cover;
        border-radius: 60px;
    }
    #discover a {
        z-index: 1;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 20px;
        max-width: 170px;
        text-align: center;
        margin: 0 auto;
        padding: 10px 31px;
        transition: all 0.3s;
        margin-top: 2vh;
        font-size: 0.8rem;
        text-transform: uppercase;
        background: #ffffff2b;
    }
    #discover {
        min-height: 52vh;
        margin-top: 10vh;
    }
    #faq {
        padding: 18px;
        padding-top: 0;
        position: relative;
        display: block;
        margin-bottom: 10vh;
    }
    #discover span {
        z-index: 1;
        text-align: center;
        margin-top: 18vh;
        color: #fff;
        font-family: 'Enchants';
        font-size: 2rem;
    }
    #discover h3 {
        font-size: 0.7rem;
        z-index: 1;
        text-align: center;
        color: #fff;
        margin-top: 1vh;
    }
      #faq .col-4,#faq .col-8{
        width: 100%;
        position: relative;
        display: block;
    }
    #faq h2 {
        font-size: 2rem;
        position: relative;
        display: block;
    }
    .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: #fff;
        box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    }
    .accordion-body {
        padding: 20px 0;
        font-size: 0.8rem;
        font-weight: 300;
    }
    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
        border-radius: 0;
        font-size: 0.8rem;
        padding: 14px 0;
    }
     footer .col-4,footer .col-10,footer .col-8,footer .col-6{
        width: 100%;
        position: relative;
        display: block;
    }
    .madeby {
        position: relative;
        display: block;
        float: left;
        font-size: 0.8rem;
        font-family: Arial;
        color: #9c9c9c;
        margin-top: 20px;
        text-align: center;
    }
    .copright {
        font-size: 0.7rem;
        font-family: Arial;
        color: #9c9c9c;
    }
     footer .col-8 .col-4{
        width: 50%;
     }
     footer .f-list h5 {
        font-size: 1rem;
        position: relative;
        display: block;
        margin-bottom: 19px;
        color: #a39e9a;
    }
    footer .f-list ul li {
        list-style: none;
        line-height: 1.6rem;
    }
    footer .f-list ul li a {
        font-size: 1rem;
        font-family: 'Intern', sans-serif !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.6rem;
        color: #6f6f6f;
    }
    footer{
        padding: 3vh;
    }
    .mobil-block{display: block;}
    #start{
         margin-top: -13vh;
    }
    footer .f-logo {
        height: 8rem;
        position: relative;
        display: block;
        opacity: 0.6;
        margin-bottom: 4vh;
        left: -20px;
    }
    .video-content {
        position: relative;
        display: block;
        z-index: 4;
        padding: 10px;
    }
    .video-content h1 {
        font-size: 3rem;
        color: #fff;
        padding-top: 30vh;
        text-align: center;
    }
    .video-content h2 {
        font-size: 0.5rem;
        color: #fff;
        padding-top: 0;
        text-align: center;
        rotate: 0;
        margin-top: 0vh;
        z-index: 09;
        position: relative;
        display: block;
        text-shadow: none;
        margin-bottom: 3vh;
        letter-spacing: 6px;
    }
    .video-content p {
        font-size: 0.7rem;
        color: #fff;
        font-weight: 200;
        max-width: 690px;
        margin: 0 auto;
        text-align: center;
    }
    .video-content h3 {
        font-family: 'Cronal';
        font-size: 1rem;
        color: #fff;
        text-align: center;
        margin-top: 4vh;
    }
    #hakkimizda {
        position: relative;
        display: block;
        margin: 0;
        margin-bottom: 10vh;
        padding: 15px;
    }
    #hakkimizda .col-4{
        position: relative;
        display: block;
        width: 100%;
    }
    #hakkimizda .col-8,#hakkimizda .col-6{
        position: relative;
        display: block;
        width: 100%;
    }
    #hakkimizda .first {
        position: relative;
        display: block;
        font-size: 1rem;
        font-weight: 300;
        margin-bottom: 40px;
        font-family: 'Argesta Display';
        margin-top: 40px;
    }
    #kurucu {
        position: relative;
        display: block;
        margin: 0;
        margin-bottom: 15vh;
        padding: 15px;
    }
     #kurucu .col-8,#kurucu .col-6,#kurucu .col-4{
        position: relative;
        display: block;
        width: 100%;
    }
     #hizmetler .col-8,#hizmetler .col-6,#hizmetler .col-4{
        position: relative;
        display: block;
        width: 100%;
    }
     #hizmet-list .col-8,#hizmet-list .col-6,#hizmet-list .col-4{
        position: relative;
        display: block;
        width: 100%;
    }
    #slogan-banner {
        position: relative;
        display: block;
        background-size: cover;
        background-position: top;
        background-color: #868177;
        padding: 10px;
        text-align: center;
        margin-bottom: 10vh;
        padding-top: 7vh;
        background-position: right;
    }
    #slogan-banner p {
        font-family: 'Argesta Display';
        font-size: 1rem;
        max-width: 740px;
        margin-bottom: 1vh;
        margin: 0 auto;
        padding-bottom: 7vh;
        padding-top: 0;
                padding-left: 15px;
                text-align: left;
    }
    .video-content h1 {
        font-size: 2.3rem;
        color: #fff;
        padding-top: 30vh;
        text-align: center;
    }
    #hizmetler {
        position: relative;
        display: block;
        margin: 0;
        margin-bottom: 4vh;
        padding: 2vh;
    }
    #hizmet-list {
        position: relative;
        display: block;
        margin: 0;
        margin-bottom: 14vh;
        padding: 2vh;
    }
    .obtn {
        position: relative;
        display: inline-block;
        border: 1px solid #898989;
        padding: 6px 30px;
        border-radius: 20px;
        font-weight: 200;
        margin-bottom: 6vh;
    }
    #hizmetler h2 {
        font-size: 2.2rem;
        position: relative;
        display: block;
        color: #868177;
    }
    #hizmetler b {
        font-size: 0.5rem;
        position: relative;
        display: block;
        letter-spacing: 4px;
        text-transform: uppercase;
    }
    #hizmetler ul li h3 {
        font-size: 1.4rem;
        position: relative;
        display: block;
        color: #000000;
        line-height: 3.7rem;
        border-bottom: 1px solid #ddd;
    }
    #hizmet-list{
        padding:0;
    }

    .hizmet-item{
        border:none;
        border-bottom: 1px solid #ddd;
    }
    #topluluk {
        position: relative;
        display: block;
        margin: 0;
        margin-bottom: 7vh;
        padding: 10px;
    }
    #topluluk h2 {
        font-size: 1.1rem;
        text-align: center;
        max-width: 990px;
        position: relative;
        display: block;
        margin: 0 auto;
    }
    #topluluk .col-6,#topluluk .col-12,#topluluk .col-4{
        position: relative;
        display: block;
        width:100%;
    }
    .t-about {
        margin: 0px;
        margin-top: 4vh;
    }
    .offer-form p {
    font-size: 0.6rem;
    max-width: 100%;
    line-height: -20px;
    }
    .form-check {
        display: block;
        min-height: 1.5rem;
        padding-left: 1.5em;
        margin-bottom: .125rem;
        float: left;
        font-size: 1rem;
        line-height: 2rem;
        font-weight: 500;
        min-width: 92px;
    }
    .checkbox label {
        font-size: 0.6rem;
        line-height: 1rem;
        color: #010101;
        font-weight: 300;
        margin-bottom: 18px;
    }
        .offer-form {
        margin-top: -1vh;
        width: 100%;
    }

    .offer-input {
        font-size: 0.9rem;
    }
    .form-check-label {
        font-size: 0.8rem;
        line-height: 0;
        margin-top: 12px;
        position: relative;
        display: block;
    }
    .contact-content .col-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    #iletisim {
        position: relative;
        display: block;
        margin: 0;
        margin-bottom: 7vh;
        padding: 10px;
        padding: 10px;
    }
    .contact h1 {
        border-bottom: 1px solid #737373;
        font-size: 2.5rem;
    }
    .c-info {
        position: relative;
        display: block;
        font-size: 0.8rem;
        font-weight: 200;
        max-width: 500px;
        margin-bottom: 5vh;
    }
    #etkinlikler {
        position: relative;
        display: block;
        margin: 0;
        margin-bottom: 15vh;
        padding: 0;
        overflow-y: hidden;
    }
    .pad10 {
            padding: 0;
            position: relative;
            display: block;
        }
        .etkinlik-item {
        position: relative;
        display: block;
        width: 100%;
        border: none;
        border-radius: 20px;
        padding: 0;
        padding-bottom: 0;
        margin-bottom: 6vh;
        border-bottom: 1px solid #ddd;
    }
    .etkinlik-item .col-4, .etkinlik-item .col-8, .etkinlik-item .col-12, .etkinlik-item .col-6{
        position: relative;
        display: block;
        width: 100%;
        padding:0;
    }
    .etkinlik-item img {
        width: 100%;
        margin-right: 40px;
        height: 280px;
        object-fit: cover;
        border-radius: 0;
                position: relative;
        display: block;
    }
    }
   
    .year {
        font-size: 7rem;
        position: absolute;
        font-family: 'Aesthetic';
        opacity: 0.4;
        left: 0;
        top: 160px;
        color: #ffffff;
        z-index: 1;
    }
    .etkinlik-item .date {
        font-size: 1.1rem;
        font-weight: bold;
        margin: 19px 0;
        text-transform: uppercase;
        font-weight: 400;
    }
    .etkinlik-item h2 {
        font-size: 1.5rem;
        position: relative;
        display: block;
    }
     .e-content {
        padding: 0 37px!important;
    }
    .e-info {
        padding: 0 37px!important;
    }
    .etkinlik-item a {
        background: #b5b5b5;
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        padding: 17px;
        border-radius: 17px 17px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 0.9rem;
        transition: all 0.3s;
        margin-top: 4vh;
    }
}