@media screen and (max-width: 768px) {#kira-sertifikasi {height: unset;padding: 40px 16px;&>div {height: unset;flex-direction: column-reverse;align-items: flex-start;.image {width: 100%;max-width: 724px;border-radius: 8px;}.content {height: unset;h2 {font-size: 24px;}a {font-size: 16px;}}}}#yatirimci-iliskileri {padding: 40px 16px;}#duyurular {padding: 40px 16px;}#iletisim {.inner-section {padding: 32px 12px !important;.map {iframe {max-height: 216px !important;}}}}}#yatirimci-iliskileri {.inner-section {max-width: 1170px;width: 100%;.title {}.grid {display: flex;flex-wrap: wrap;justify-content: center;div {}}}}#duyurular {.inner-section {max-width: 1170px;width: 100%;}}#iletisim {.inner-section {max-width: 1170px;width: 100%;flex-wrap: wrap;padding: 60px 70px;border-radius: 8px;background-color: #DEE3ED;.map {max-width: 669px;min-width: 250px;max-height: 300px;width: 100%;iframe {width: inherit;}}}}@media screen and (max-width: 480px) {#duyurular {.inner-section {.list {&>div {flex-direction: column;align-items: flex-start;}}}}}footer {.inner-footer {max-width: 1170px;width: 100%;flex-wrap: wrap;}}@media screen and (max-width: 980px) {footer {padding: 40px 16px;.inner-footer {align-items: center;justify-content: center;gap: 24px;flex-direction: column-reverse;.items-center {flex-direction: column;width: 100%;border-bottom: 1px solid #FFFFFF33;padding-bottom: 24px;a {text-decoration: underline;color: #FFFFFFBF;}}&>p {text-align: center;}}}}.hakkimizda-page {padding-left: 16px;padding-right: 16px;.tabs-area {.tabs {.tab {width: 178px;height: 82px;display: flex;justify-content: center;align-items: center;color: white;opacity: .75;&:hover {color: rgb(5 180 199 / var(--tw-text-opacity, 1));}&.active {position: relative;opacity: 1;font-weight: bold;&::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;background: #FFFFFFBF;border-top-left-radius: 12px;border-top-right-radius: 12px;}}}}}@media screen and (max-width: 980px) {.tabs-area {display: none;height: unset;.tabs {flex-direction: column;.tab {width: 100%;height: 48px;&::before {height: 3px !important;}}}}}}.kira-sertifikasi-page {padding-left: 16px;padding-right: 16px;}.home {.banner {max-height: 724px;}#kira-sertifikasi {padding-left: 12px;.content {padding-left: clamp(12px, calc(12px + (135 - 12) * ((100vw - 1170px) / (1440 - 1170))), 135px);}}@media screen and (max-width: 768px) {.banner {height: 100dvw;picture {img {height: 100%;}}.content {transform: translateX(-50%);bottom: 20px;top: unset;width: 90dvw;left: 50%;h2 {font-size: 24px;text-align: center;}}}}}.accordions {display: flex;flex-direction: column;gap: 28px;* {color: #222943;}.accordion {background: #fff;border-radius: 8px;transition: all 0.45s ease-in-out;.trigger {position: relative;padding: 32px;padding-right: 56px;cursor: pointer;span {font-weight: 700;font-style: Bold;font-size: 18px;line-height: 22px;}&::after {content: url(/assets/img/icon-accordion-arrow.svg);position: absolute;top: 50%;right: 32px;transform: translateY(-50%) rotate(0deg);width: 16px;height: auto;transition: all 0.45s ease-in-out;}}.detail {max-height: 0;height: auto;opacity: 0;transition: all 0.45s ease-in-out;overflow: hidden;padding: 0 32px 0 32px;}&.active {border: 1px solid #05B4C7;.trigger {&::after {transform: rotate(180deg);}}.detail {opacity: 1;padding: 32px;margin-top: -16px;}}}&.v-02 {.accordion {.trigger {display: flex;justify-content: flex-start;align-items: baseline;gap: 87px;.date {font-weight: 400;font-size: 20px;line-height: 28px;}.title {font-weight: 700;font-size: 20px;line-height: 24px;}}.detail {h3 {font-weight: 700;font-size: 20px;line-height: 24px;margin-bottom: 20px;}}&.active {.trigger {.title {display: none;}}}}}&.v-03 {.accordion {border: unset;.trigger {display: flex;justify-content: flex-start;align-items: baseline;gap: 87px;.trigger-content {display: flex;flex-direction: column;gap: 12px;.date {font-weight: 700;font-size: 18px;line-height: 22px;}.title {font-weight: 700;font-size: 18px;line-height: 22px;}.subtext {font-weight: 400;font-size: 18px;line-height: 22px;}}}.detail {.link-blocks {display: flex;justify-content: flex-start;gap: 24px;flex-wrap: wrap;* {color: #FFFFFFBF;}.link {flex: 1 1 28%;margin-right: 24px;border-right: 1px solid #DEE3ED;padding: 12px;max-width: 280px;text-decoration: underline;&:last-child {border-right: unset;}span {display: block;}}}}&.active {background-color: unset;* {color: white;}.trigger {border-bottom: 1px solid #DEE3ED99;&::after {content: url(/assets/img/icon-accordion-white.svg);transform: rotate(-90deg);}}}}}@media screen and (max-width: 768px) {&.v-02 {.accordion {.trigger {flex-direction: column;gap: 12px;}}}&.v-03 {.accordion {.detail {.link-blocks {flex-direction: column;.link {border-right: unset;max-width: unset;span {max-width: unset;}}}}}}}}header {.hamburger-menu {display: none;&::before {content: url(/assets/img/hamburger-menu.svg);display: block;width: 18px;height: 18px;}}&.mobile-menu-active {.hamburger-menu {&::before {content: url(/assets/img/icon-close.svg);}}}@media screen and (max-width: 1280px) {.logo {height: 36px;}nav {gap: 24px;a {font-size: 14px;}}}@media screen and (max-width: 980px) {&.mobile-menu-active {&>div {&>div {nav {display: flex !important;z-index: 10;}}}}&>div {&>div {position: relative;padding: 31px 24px;.logo {height: 28px;}nav {display: none !important;position: absolute;left: 0;top: 90px;height: calc(100dvh - 88px);width: 100%;flex-direction: column;background-color: #002855;justify-content: flex-start;gap: 0 !important;a {padding: 20px 16px;border-bottom: 1px solid #FFFFFF;position: relative;width: 100%;&::after {content: url(/assets/img/icon-accordion-white.svg);position: absolute;right: 16px;top: 50%;transform: translateY(-50%);}}}.hamburger-menu {display: block;}}}}}.content-area {width: 100%;margin: 0 auto;color: white;padding-bottom: 32px;}.links-area {max-width: 1170px;width: 100%;margin: 0 auto;.links {gap: 29px;margin-top: 29px;.link {font-weight: 400;font-size: 18px;line-height: 22px;text-decoration: underline;color: #049EAD;display: flex;&::after {content: url(/assets/img/icon-launch.svg);display: inline-block;width: 24px;height: 24px;margin-left: 4px;}}}}@media screen and (max-width: 980px) {.custom-dropdown {display: block !important;}}.custom-dropdown {display: none;max-width: 480px;width: 100%;border-radius: 8px;background-color: #FFFFFF1A;position: relative;.dropdown-selected {font-weight: 700;font-size: 18px;line-height: 22px;text-align: center;color: white;cursor: pointer;user-select: none;display: flex;justify-content: center;align-items: center;gap: 10px;padding: 11px;&::after {content: url(/assets/img/icon-accordion-white.svg);display: inline-block;transform: rotate(90deg);width: 24px;height: 24px;}}&.open .dropdown-options {display: block;}.dropdown-options {display: none;position: absolute;width: 100%;background: #758ba3;overflow: hidden;z-index: 1000;.dropdown-option {padding: 11px;cursor: pointer;transition: background 0.2s;font-weight: 700;font-size: 18px;line-height: 22px;text-align: center;color: white;}}}.not-found {background: linear-gradient(180deg, #39C2D7 -9.54%, rgba(255, 255, 255, 0) 91.67%);min-height: 100%;.inner-section {position: relative;max-width: 1920px;padding: 0 0 68px;margin: 0 auto;.image {position: relative;display: flex;justify-content: center;align-items: center;height: 450px;picture {display: block;height: inherit;z-index: 1;img {height: inherit;width: auto;}}&::before {content: '';background-image: url(/assets/img/404-bg-icon-web.webp);background-repeat: no-repeat;background-size: contain;height: 495px;width: 1184px;position: absolute;top: 0;left: 50%;transform: translate(-50%, 10%);animation: premiumFloat 8s ease-in-out infinite;opacity: .9;}}.content {display: flex;flex-direction: column;align-items: center;gap: 24px;text-align: center;max-width: 1170px;width: 100%;margin: 0 auto;padding: 0 12px;h2, p {max-width: 870px;color: white;margin: unset !important;}h2 {font-size: 24px;font-weight: 700;}p {font-size: 18px;}.btn-primary {max-width: 570px;width: 100%;height: 44px;background-color: #002855;text-decoration: none;border-radius: 100px;display: flex;justify-content: center;align-items: center;span {color: white;}}.pages-buttons {display: flex;justify-content: center;align-items: center;max-width: 1170px;width: 100%;row-gap: 10px;column-gap: 10px;.btn-page {max-width: 50%;width: 100%;height: 74px;display: flex;justify-content: center;align-items: center;background-color: white;border-radius: 4px;border: 1px solid #A0ACBD;text-decoration: none;span {font-size: 14px;color: #002855;}}}}}}@keyframes premiumFloat {0% {transform: translate(-50%, calc(10% - 6px)) rotate(0deg) scale(1);opacity: 0.9;}25% {transform: translate(-50%, calc(10% - 10px)) rotate(-2deg) scale(1.03);opacity: 1;}50% {transform: translate(-50%, calc(10% - 3px)) rotate(1deg) scale(1.01);opacity: 0.95;}75% {transform: translate(-50%, calc(10% - 9px)) rotate(-1deg) scale(1.04);opacity: 1;}100% {transform: translate(-50%, calc(10% - 6px)) rotate(0deg) scale(1);opacity: 0.9;}}@media screen and (max-width: 768px) {.not-found {.inner-section {.image {height: auto;width: 100%;picture {width: inherit;img {width: inherit;}}&::before {background-image: url(/assets/img/404-bg-icon-mobile.webp);width: 100%;height: 100%;transform: translateX(-50%);}}.content {position: unset !important;transform: unset !important;padding: 0 40px;h2 {font-size: 18px;font-weight: 800;}p {font-size: 16px;}.pages-buttons {flex-wrap: wrap;.btn-page {max-width: 100%;}}}}}}html {&:has(header.mobile-menu-active) {overflow-y: hidden;}}ul {list-style: unset;padding-left: 16px;li {padding: 4px 0;}}