@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box }
body { background: #f0f3f7; display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
* { font-family: "Inter", serif; font-optical-sizing: auto; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
a { text-decoration: none; transition: 300ms all; cursor: pointer; }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; display: block; }
body:before { content: ""; width: 100%; height: 30%; position: absolute; z-index: -1; display: block; border-radius: 500px; background: #A661A4; filter: blur(100px); top: -80px; left: 0px; opacity: 0.2; }
.wrapper { max-width: 100%; display: flex; flex-direction: row; align-content: center; justify-content: space-between; align-items: flex-start; width: 1920px; max-width: 100%; gap: 32px; flex-wrap: nowrap; padding: 0px 32px; }
.wrapper-left { width: calc(100% - 452px); position: relative; padding: 32px 0px 0px; }
.container { max-width: 100%; /* width: 1280px; */ margin: auto; }
.warning { background: #F6F5FF; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; padding: 8px 0px; justify-content: center; align-items: center; gap: 10px; color: #fff; border-bottom: 1px solid #0f0ac714; color: #50a9e9; }
.warning strong { font-weight: 600; color: #E30404; }
header { position: absolute; /* transition: 300ms all; */ top: 32px; z-index: 2; border-radius: 60px 60px 0px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(10px); width: 100%; height: 100px; padding: 0 40px; z-index: 10; }
header .container { display: flex; align-content: space-around; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; height: 100%; }
header .container .logo { display: flex; align-items: center; /* border-right: 1px solid rgba(0, 46, 99, 0.10); */ padding-right: 32px; transition: 300ms all; width: 220px; }
header .container .menu { display: flex; align-items: center; padding-left: 20px; }
header .container .menu ul { display: flex; flex-direction: row; gap: 16px; }
header .container .menu ul li { }
header .container .menu ul li a { font-size: 16px; font-weight: 600; color: #12283F; padding: 16px; transition: 200ms all; }
header .container .menu ul li a:hover { color: #b268a7; }
header .container .headPhone { display: flex; align-items: center; border-left: 1px solid rgba(0, 46, 99, 0.10); padding-left: 32px; }
header .container .headPhone a { color: #12283F; font-size: 24px; font-style: normal; font-weight: 800; line-height: normal; display: flex; align-items: center; gap: 8px; }
.homeDisplay { height: 95vh; margin: auto; position: relative; display: flex; border-radius: 20px; overflow: hidden; background-image: url(../images/display_bg.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; max-height: 840px; min-height: 640px; flex-direction: row; justify-content: center; align-items: center; gap: 20px; padding-top: 100px; background-color: #fff; }
.homeDisplay:before { content: ""; background: linear-gradient(0deg, #f0f3f7 0%, #ffffff00 100%); width: 100%; height: 100px; position: absolute; bottom: 0px; }
.homeImg { position: relative;/* top: 17%; *//* right: 230px; */
}
.homeImg .badge { position: absolute; right: 0px; top: 40%; right: -50px; }
.homeDisplay .slogan { position: relative; z-index: 2; color: #172E4D; width: 630px; display: flex; flex-direction: column; gap: 8px; height: 100%; justify-content: center; top: 0px;/* left: 10%; */ }
.homeDisplay .slogan h1 { color: #172E4D; font-family: Inter; font-size: 56px; font-style: normal; font-weight: 700; line-height: 117.7%; letter-spacing: -2.8px; }
.homeDisplay .slogan p u { font-weight: 700; }
.homeDisplay .slogan h2 { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; /* 150% */ letter-spacing: -0.4px; }
.homeDisplay .slogan strong { font-size: 24px; font-style: normal; font-weight: 500; line-height: inherit; }
.homeDisplay .slogan .event-date { display: inline-flex; padding: 16px 20px; justify-content: center; align-items: center; gap: 16px; border-radius: 8px 36px 36px 8px; background: linear-gradient(90deg, #F41818 0%, #FE8503 40.5%, #FF7200 100%), linear-gradient(90deg, #172E4D 0%, #314B6F 100%); width: fit-content; color: #fff; }
.homeDisplay .slogan .event-date:before { content: ""; width: 8px; height: 8px; border-radius: 10px; position: relative; background: #ffffff; }
.homeDisplay .slogan p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; width: 44%; margin-top: 20px; }
.features { margin-top: 64px; }
.features ul { }
.features ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 48px; width: 100%; justify-content: space-between; gap: 32px; row-gap: 48px; margin-top: 64px; }
.features ul li { display: flex; flex-direction: column; padding: 32px; width: calc(33.33% - 22px); gap: 16px; background: #fff; /* box-shadow: 0px 0px 30px rgb(0 0 0 / 10%); */ border-radius: 20px; }
.features ul li i { background: #5B4495; margin-top: -60px; width: 90px; height: 90px; border-radius: 60px; display: flex; justify-content: center; align-content: center; border: 4px solid #f0f3f7; padding: 12px; box-sizing: border-box; }
.features ul li strong { color: #5B4495; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; display: flex; gap: 16px; align-items: center; }
.features ul li p { color: #1A2A41; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: 0.4px; opacity: 0.6; }
.features h2 { color: #12283F; text-align: center; font-size: 48px; font-style: normal; font-weight: 700; }
.features h3 { color: #1A2A41; font-style: normal; font-weight: 400; line-height: 24px; opacity: 0.6; width: 90%; margin-top: 12px; text-align: center; }
.features .container { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.title { width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.title h5 { color: #5b4495; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 1px; }
.title h2 { /* 127.273% */ color: #172E4D; text-align: center; font-family: Inter; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
.title h3 { text-align: center; color: #1A2A41; font-style: normal; font-weight: 400; line-height: 24px; opacity: 0.6; width: 90%; margin-top: 12px; width: 60%; }
.homeNews { margin-top: 64px; }
.newList { display: flex; flex-direction: row; gap: 32px; padding: 32px 0 0px; }
.newList .newItem { border-radius: 20px; background: #FFF; overflow: hidden; width: 100%; position: relative; box-shadow: 0px 25px 55px 0px rgba(18, 40, 63, 0.05); }
.newList .newItem .newItemImg { width: 100%; }
.newList .newItem .newItemText { padding: 32px; display: flex; flex-direction: column; gap: 16px; }
.newList .newItem .newItemText h3 { /* 108.333% */ color: #172E4D; font-size: 20px; font-style: normal; font-weight: 500; line-height: 29px; }
.newList .newItem .newItemText p { color: #545454; font-size: 18px; font-style: normal; font-weight: 400; line-height: 32px;/* 177.778% */ }
.newList .newItem a .newItemImg:before { content: ""; background: url(../images/icons/tour-arrow.svg); width: 49px; height: 48px; display: block; position: absolute; right: 60px; top: 24px; opacity: 0; transform: rotate(0deg); transition: 300ms all; }
.newList .newItem a:hover .newItemImg:before { content: ""; transform: rotate(45deg); opacity: 1; right: 24px; }
.newList .newItem a:hover .newItemText h3 { color: #0051e6; }
.testimonials { border-radius: 20px; background: #ffffff; width: 100%; display: flex; margin: auto; padding: 48px 0 0px; margin-top: 64px; }
.testimonialsSlide { padding: 32px 0px; }
.testimonialsSlide .item { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.commentText { color: #1D1E25; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 29px;/* 200% */ }
.commentText:before { content: ""; background: url(../images/icons/comment-icon.svg); width: 31px; display: flex; height: 24px; align-items: center; margin: 0 auto 20px; }
.author { display: flex; flex-direction: column; align-items: center; }
.testimonials .owl-nav button: hover { opacity: 1 !important; }
.testimonials .owl-item { transform: scale(0); transition: 400ms all; }
.testimonials .owl-item.active { /* transform: scale(1); */ }
.author .avatar { width: 70px; height: 70px; border-radius: 35px; overflow: hidden; }
.author span { color: #242B42; text-align: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
.author .avatar img { width: 100%; object-fit: cover; height: 100%; }
.owl-nav { }
.testimonials .owl-nav button { width: 48px; height: 48px; position: absolute; top: 35%; background-color: #f1ecff !important; border-radius: 60px; background-repeat: no-repeat !important; background-position: center !important; opacity: 0.6 !important; transition: 300ms all; }
.testimonials .owl-nav .owl-prev { background-image: url(../images/icons/arrow-left.svg) !important; left: 40px; }
.testimonials .owl-nav .owl-next { right: 40px; background-image: url(../images/icons/arrow-right.svg) !important; }
.testimonials .owl-nav button span { display: none; }
.testimonials .owl-nav button.disabled { display: none; }
.testimonials .owl-nav button:hover { opacity: 1 !important; }
.testimonials .owl-item { transform: scale(0.5); transition: 400ms all; opacity: 0.1; }
.testimonials .owl-item.active.center { transform: scale(1); opacity: 1; background: #fff; border-radius: 20px; margin-bottom: 32px; }
footer { display: flex; padding: 32px 48px; justify-content: space-between; align-items: center; flex-shrink: 0; border-radius: 20px 20px 0px 0px; background: #FFF; margin-top: 48px; width: 100%; flex-direction: column; gap: 32px; }
footer .container { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 80px; position: relative; justify-content: space-between; width: 100%; align-items: center; }
.footerLeft { display: flex; flex-direction: column; gap: 24px; }
.footerText { color: #fff; opacity: 0.4; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ letter-spacing: -0.16px; }
.social { display: flex; flex-direction: row; gap: 16px; }
.social a { transition: 300ms all; }
.social:hover a { opacity: 0.4; }
.social:hover a:hover { opacity: 1; }
.f-menu { gap: 6px; flex-direction: column; display: flex; }
.f-menu span { color: #FFF; font-size: 18px; font-style: normal; font-weight: 800; line-height: 38px;/* 211.111% */ }
.f-menu ul { gap: 32px; display: flex; flex-direction: row; }
.f-menu ul li { }
.f-menu ul li a { /* 211.111% */ transition: 300ms all; display: block; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; /* 150% */ letter-spacing: 0.16px; color: #172e4d; }
.f-menu ul li a:hover { color: #5b4495; }
.copyright { display: flex; width: 100%; text-align: center; justify-content: center; align-items: center; border-top: 1px solid #ededed; padding: 16px 0px 0px; color: #919191; font-size: 13px; }
.headerMobilBtn { display: none; }
.popupModal--title { font-size: 24px; font-weight: 700; }
.popupModal-inner.roomModal-inner { gap: 24px; display: flex; flex-direction: column; }
.popupModal { width: 800px; border-radius: 20px; display: none; max-width: 100%; }
.popupModal__text { font-size: 16px; gap: 16px; display: flex; flex-direction: column; }
.popupModal__text a { color: #ab65a2; }
.mobileHeader { display: flex; width: 100%; flex-direction: row; display: none; }
.mobileHeader a { gap: 8px; display: flex; flex-direction: row; width: 50%; padding: 10px; font-weight: 700; color: #fff; display: flex; align-items: center; font-weight: 400; font-size: 14px; justify-content: center; }
a.mobileTel { background: #0064ff; color: #fff; }
a.mobileWhatsapp { background: #55c544; width: 50%; }
a.mobileTel i { background: #fff; border-radius: 20px; padding: 5px; width: 32px; height: 32px; box-sizing: border-box; }
a.mobileWhatsapp i { width: 24px; height: 24px; }
.homeForm { position: sticky; background: #fff; padding: 20px 48px; width: 420px; top: 0px; height: 100vh; display: flex; align-content: center; justify-content: center; flex-direction: column; box-shadow: 0px 25px 55px 0px rgba(18, 40, 63, 0.05); min-height: 100vh; overflow-y: scroll; }
 .homeForm::-webkit-scrollbar-track {
 border-radius: 0px;
 background-color: #ffffff;
}
 .homeForm::-webkit-scrollbar {
 width: 4px;
 background-color: #F5F5F5;
}
 .homeForm::-webkit-scrollbar-thumb {
 border-radius: 0px;
 background-color: #4e4e4e;
}
.homeForm>.title { position: relative; display: block; margin-bottom: 22px; letter-spacing: -0.5px; color: #1E1E1E; text-align: center; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; }
.homeForm>form { position: relative; display: block; width: 100% }
.homeForm>form>ul { position: relative; display: flex; flex-direction: column; gap: 14px; }
.homeForm>form>ul>li { position: relative; display: flex; flex-direction: column; gap: 4px; }
.homeForm>form>ul>li>label { display: block; color: #27364B; font-size: 14px; line-height: 19px }
.inputDefault { position: relative; width: 100%; height: 48px; border: 2px solid #d0dbe1; background-color: #fff; border-radius: 6px; padding: 8px 16px; color: #00164f; font-size: 16px; }
.inputDefault:focus { background-color: rgba(208, 219, 225, .3) }
textarea.inputDefault { resize: none; height: 70px; }
.submit { position: relative; display: block; height: 52px; background: #141414; border-radius: 64px; color: #fff; font-size: 16px; font-weight: 600; background-repeat: no-repeat; background-size: 24px; cursor: pointer; border: none; background: linear-gradient(90deg, #AB85D2 0%, #FF3093 100%); }
.checkboxInner { position: relative; display: flex; align-items: center; gap: 16px; font-size: 14px; line-height: 19px; color: #6f7c9d; flex-flow: wrap; cursor: pointer; }
.checkboxInner a { text-decoration: underline; color: #9779a3; }
.checkbox { -webkit-appearance: none; -moz-appearance-radius: 0; appearance: none; border: none; position: relative; display: block; width: 18px; height: 18px; background: 0 0; cursor: pointer; border: 2px solid #d0dbe1; border-radius: 6px }
.checkbox::before { content: ""; position: absolute; width: 8px; height: 8px; background: #00164f; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 2px; opacity: 0 }
.checkbox:checked:before { opacity: 1 }
.checkboxInner>label { position: relative; display: block; width: calc(100% - 18px - 16px); cursor: pointer; }
.iletisim { width: 1440px; display: flex; margin: auto; padding: 80px 0px 80px; }
section.content { position: relative; border-radius: 20px; background: #fff; /* box-shadow: 0px 25px 55px 0px rgba(18, 40, 63, 0.05); */ /* overflow: hidden; */
margin-top: 64px; }
section.content:before { content: ""; background: url("../images/icons/content-icon.svg"); width: 136px; height: 105px; position: absolute; left: 50%; transform: translateX(-50%); top: -60px; }
section.content .container { padding: 48px 0px; overflow: hidden; position: relative; border-radius: 20px; }
.neler-kazandirir:before { content: ""; width: 200px; height: 200px; background: #F97DF1; position: absolute; left: -130px; top: 60%; border-radius: 50%; filter: blur(110px); z-index: 0; opacity: 0.7; }
.content .container:after { content: ""; width: 200px; height: 200px; background: #558dff; position: absolute; right: -80px; border-radius: 50%; filter: blur(146px); z-index: 0; top: -30px; }
.content-description { color: #172E4D; text-align: center; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 300; line-height: 150%; display: flex; width: 70%; margin: auto; }
.countdown { position: relative; display: flex; justify-content: center; gap: 48px; padding: 48px 0px; }
.countdown>li { position: relative; display: block; border-radius: 6px; color: #fff; text-align: center; min-width: 60px; box-sizing: border-box }
.countdown>li>span { display: block; color: #172E4D; font-size: 64px; font-style: normal; font-weight: 700; line-height: normal; }
.countdown>li>p { display: block; color: #172E4D; text-align: center; font-family: Inter; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.88px; text-transform: uppercase; }
.neler-kazandirir { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin-top: 48px; overflow: hidden; position: relative; }
.neler-kazandirir .title { display: flex; padding: 24px 20px; justify-content: center; align-items: center; gap: 16px; align-self: stretch; color: #FFF; font-size: 32px; font-style: normal; font-weight: 700; line-height: 140%; /* 44.8px */ background: #5B4495; }
.neler-kazandirir ul { width: 1000px; display: flex; flex-direction: row; gap: 48px; flex-wrap: wrap; counter-reset: counter; margin: 48px; z-index: 2; position: relative; }
.neler-kazandirir ul li { width: calc(50% - 48px); counter-increment: counter; display: flex; flex-direction: column; }
.neler-kazandirir ul li h3 { color: #5B4495; font-size: 30px; font-style: normal; font-weight: 600; /* 153.333% */ letter-spacing: -0.9px; margin-bottom: 16px; z-index: 2; position: relative; }
.neler-kazandirir ul li p { color: #172E4D; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 300; line-height: 32px;/* 177.778% */ }
.neler-kazandirir ul li:before { font-size: 72px; font-style: normal; font-weight: 700; line-height: 72px; /* 63.014% */ background: linear-gradient(180deg, #5B4495 -40%, rgb(255 255 255) 90%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "0" counter(counter); margin-bottom: -16px; opacity: 0.5; z-index: 0; }
section.sss { display: flex; flex-direction: column; gap: 32px; align-items: center; margin-top: 64px; }
section.sss .title { color: #172E4D; text-align: center; font-family: Inter; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; }
.accordion-container { flex-direction: column; width: 950px; gap: 16px; display: flex; align-items: flex-end; align-content: center; max-width: 100%; }
.accordion-item { width: 100%; float: left; }
.accordion-header { cursor: pointer; justify-content: space-between; border-radius: 40px; border: 1px solid transparent; background: #FFF; box-shadow: 0px 20px 20px 0px rgba(23, 46, 77, 0.04); color: #172E4D; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; position: relative; display: flex; padding: 24px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; }
.accordion-header:hover { background-color: #fdf7ff;/* border: 1px solid #fff; */ }
.accordion-header.active { background-color: #d1e7dd; color: #A661A4; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; align-content: center; background: linear-gradient(0deg, #ffffff 0%, #faedff 100%); border-radius: 36px 36px 0px 0px; border: 1px solid #fff; position: relative; }
.accordion-content { padding: 15px; display: none; background-color: #fff; font-size: 16px; line-height: 1.5; border-radius: 0px 0px 36px 36px; padding: 0px 24px 24px 24px; position: relative; }
.accordion-icon { font-size: 40px; transition: transform 0.3s ease; font-weight: 300; position: absolute; right: 20px; width: 56px; height: 56px; text-align: center; top: 10px; }
.accordion-header.active .accordion-icon { transform: rotate(180deg); }
.seminerSlide { margin-top: 32px; filter: drop-shadow(0px 25px 55px rgba(18, 40, 63, 0.05)); }
.seminerSlide .item { border-radius: 20px; background: #FFF; overflow: hidden; width: 100%; position: relative; }
.newItemText { padding: 32px; display: flex; flex-direction: column; gap: 8px; }
.newItemText h3 { color: #172E4D; font-size: 20px; font-style: normal; font-weight: 500; line-height: 29px; }
.newItemText .newsDate { color: #A8A8A8; font-family: Inter; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.15px; }
.seminerSlide.owl-carousel .owl-nav button { position: absolute; width: 58px; height: 58px; border-radius: 52px; border: 0px solid #FFF; background: #ffffff !important; /* backdrop-filter: blur(5px); */ top: calc(50% - 35px); left: -90px; background-position: center !important; background-repeat: no-repeat !important; }
.seminerSlide.owl-carousel .owl-nav button span { color: #5B4495; font-size: 24px; }
.seminerSlide.owl-carousel .owl-nav button.owl-next { right: 30px; left: inherit; }
.seminerSlide.owl-carousel .owl-nav button.owl-prev.disabled { display: none; }
.seminerSlide.owl-carousel .owl-nav button.owl-next.disabled { display: none; }
.seminerSlide.owl-carousel .owl-item.active { pointer-events: auto; transform: scale(1); opacity: 1; }
.seminerSlide.owl-carousel .owl-item { transform: scale(0); opacity: 0.5; transition: 500ms all; }
.owl-carousel .owl-dots { display: flex; width: 100%; justify-content: center; flex-direction: row; align-items: center; gap: 16px; margin-top: 60px; width: 100%; }
.owl-carousel .owl-dots button { width: 12px; height: 12px; border-radius: 13px; background: #5b4495; position: relative; transition: 300ms all; opacity: 0.4; }
.owl-carousel button.owl-dot.active { background: #5B4495; opacity: 1; }
.owl-carousel button.owl-dot:before { width: 24px; height: 24px; border: 1px solid #5B4495; position: absolute; content: ""; left: -7px; top: -7px; border-radius: 40px; transform: scale(0); transition: 300ms all; }
.owl-carousel button.owl-dot.active:before { transform: scale(1); }
section.contact-card { height: 300px; border-radius: 20px; width: 100%; margin-top: 64px; background: linear-gradient(-27deg, rgb(4 104 165 / 80%) 0%, rgba(23, 162, 248, 0.80) 100%); position: relative; }
.contact-img { position: absolute; right: 0px; bottom: -48px; }
.contact-text { position: absolute; left: 310px; top: 50%; transform: translateY(-50%); width: 560px; }
.contact-text span { color: #FFF; text-align: center; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; line-height: 14px; /* 100% */ letter-spacing: 2.8px; }
.contact-text h4 { color: #FFF; font-size: 40px; font-style: normal; font-weight: 400; line-height: 54px; /* 135% */ letter-spacing: -0.4px; }
.contact-button { display: flex; align-items: flex-start; gap: 22px; align-self: stretch; margin-top: 16px; }
.contact-button a { display: flex; padding: 16px 32px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.50); color: #fff; cursor: pointer; }
.contact-button a:hover { border-radius: 8px; background: #013A7B; border: 1px solid #013A7B; }
.contact-icon { position: absolute; bottom: 0px; height: 93%; top: 0px; }
.contact-icon img { width: 377px; height: 100%; object-position: bottom; object-fit: cover; }
.overlay_bg { display: none; }
.kapatForm { width: 40px; height: 40px; position: absolute; right: 30px; top: -20px; background-color: #5d5d5d; text-align: center; font-size: 30px; font-weight: 300; padding: 10px 0; box-sizing: border-box; cursor: pointer; box-shadow: 0 5px 29px 0 rgba(0, 0, 0, .3); display: flex; display: none; justify-content: center; align-items: center; text-align: center; padding: 9px; border-radius: 10px; }
.tesekkurler-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100vh; text-align: center; gap: 26px; height: 95vh; margin: auto; position: relative; border-radius: 20px; overflow: hidden; background-image: url(../images/display_bg.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; align-items: center; gap: 20px; height: 100vh; background-color: #fff; }
.tesekkurler { display: flex; font-size: 32px; line-height: 36px; background: #fff; border-radius: 20px; padding: 48px 32px 16px; box-sizing: border-box; border: 1px solid transparent; background: #FFF; box-shadow: 0px 20px 20px 0px rgba(23, 46, 77, 0.04); color: #172E4D; margin-top: 22px; flex-direction: column; gap: 13px; align-items: center; }
a.whatsapp-katil { background: #008069; color: #fff; border: 0px; padding: 12px 20px; border-radius: 8px; font-size: 16px; }
.tesekkurler p { font-size: 16px; opacity: 0.5; }
.tesekkurler button { color: #fff; border: 0px; padding: 12px 20px; border-radius: 8px; background: #314B6F; font-size: 16px; }
.tesekkurler a.website { font-size: 16px; color: #314B6F; margin-left: 16px; border-radius: 8px; font-size: 16px; display: inline-block; margin: 0px; width: fit-content; padding: 0px 30px; }