:root {
    --fixed-margin-size: 3rem;
    --project-color-1: #ff8747;
    font-size: 17px;
    --project-btn-color-1: rgb(224, 102, 34);
    --project-btn-hover-color-1: rgb(234, 88, 7);
    --project-btn-color-2: rgb(13, 33, 64);
    --project-btn-hover-color-2: rgb(13, 33, 64);
    --project-btn-color-3: rgb(20, 107, 176);
    --project-btn-hover-color-3: rgb(20, 107, 176);
    --project-alert-bg-color: rgba(255, 0, 0, 0.75);
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../fonts/Poppins-ExtraBold.ttf');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.ttf');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'Poppins-LightItalic';
    src: url('../fonts/Poppins-LightItalic.ttf');
}

body {
    font-family: Poppins-Medium, sans-serif;
    overflow-x: hidden;
    color: #312e2e;
}

p,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 !important;
}

b,
strong,
.fw-bold {
    font-family: Poppins-Bold, sans-serif;
}

.fmt {
    margin-top: var(--fixed-margin-size) !important;
}

.fmb {
    margin-bottom: var(--fixed-margin-size) !important;
}

.fpt {
    padding-top: var(--fixed-margin-size) !important;
}

.fpb {
    padding-bottom: var(--fixed-margin-size) !important;
}

.f-bold,
.fw-bold {
    font-family: Poppins-Bold, sans-serif !important;
}

.f-ligth,
.fw-light {
    font-family: Poppins-Light, sans-serif !important;
}

.font-semi-bold {
    font-family: Poppins-SemiBold, sans-serif;
}

.font-extra-bold {
    font-family: Poppins-ExtraBold, sans-serif;
}

.font-regular {
    font-family: Poppins-Regular, sans-serif;
}

.font-light-italic {
    font-family: Poppins-LightItalic, sans-serif !important;
}

.font-15 {
    font-size: 15px !important;
}

.text-color-1 {
    color: var(--project-color-1);
}

.btn-custom-1 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-1);
    --bs-btn-border-color: var(--project-btn-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-hover-color-1);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-1);
    --bs-btn-focus-shadow-rgb: 77, 43, 138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-1);
    --bs-btn-active-border-color: var(--project-btn-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77, 43, 138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-1);
    --bs-btn-disabled-border-color: var(--project-btn-color-1);
}

.btn-outline-custom-1 {
    --bs-btn-color: var(--project-btn-color-1);
    --bs-btn-border-color: var(--project-btn-color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-color-1);
    --bs-btn-hover-border-color: var(--project-btn-color-1);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-1);
    --bs-btn-active-border-color: var(--project-btn-color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--project-btn-color-1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--project-btn-color-1);
    --bs-gradient: none;
}

.btn-custom-2 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-2);
    --bs-btn-border-color: var(--project-btn-color-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-hover-color-2);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-2);
    --bs-btn-focus-shadow-rgb: 77, 43, 138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-2);
    --bs-btn-active-border-color: var(--project-btn-color-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77, 43, 138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-2);
    --bs-btn-disabled-border-color: var(--project-btn-color-2);
}

.btn-outline-custom-2 {
    --bs-btn-color: var(--project-btn-color-2);
    --bs-btn-border-color: var(--project-btn-color-2);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-color-2);
    --bs-btn-hover-border-color: var(--project-btn-color-2);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-2);
    --bs-btn-active-border-color: var(--project-btn-color-2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--project-btn-color-2);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--project-btn-color-2);
    --bs-gradient: none;
}

.btn-custom-3 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-3);
    --bs-btn-border-color: var(--project-btn-color-3);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-hover-color-3);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-3);
    --bs-btn-focus-shadow-rgb: 77, 43, 138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-3);
    --bs-btn-active-border-color: var(--project-btn-color-3);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77, 43, 138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-3);
    --bs-btn-disabled-border-color: var(--project-btn-color-3);
}

.btn-custom-3 {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--project-btn-color-3);
    --bs-btn-border-color: var(--project-btn-color-3);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--project-btn-hover-color-3);
    --bs-btn-hover-border-color: var(--project-btn-hover-color-3);
    --bs-btn-focus-shadow-rgb: 77, 43, 138;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--project-btn-color-3);
    --bs-btn-active-border-color: var(--project-btn-color-3);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(77, 43, 138, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--project-btn-color-3);
    --bs-btn-disabled-border-color: var(--project-btn-color-3);
}

.custom-alert-1 {
    --bs-alert-color: white;
    --bs-alert-bg: var(--project-alert-bg-color);
    --bs-alert-border-color: var(--project-alert-bg-color);
    --bs-alert-link-color: white;
    font-family: Poppins-Bold, sans-serif;
}

.short-text {
    white-space: nowrap;
    width: 100%;
    /* IE6 needs any width */
    overflow: hidden;
    /* "overflow" value must be different from  visible"*/
    -o-text-overflow: ellipsis;
    /* Opera < 11*/
    text-overflow: ellipsis;
    /* IE, Safari (WebKit), Opera >= 11, FF > 6 */
}

form label.required:after {
    content: "*";
    font-size: 1em;
    margin: 0.3em;
    position: relative;
    top: -2px;
    color: red;
}

.img-cover {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
}

.text-line-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-line-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-line-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-line-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    /* number of lines to show */
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.color-unset {
    color: unset;
}

.cursor-pointer {
    cursor: pointer;
}

.main-section {
    background-repeat: repeat-y;
    /* background-size: cover; */
    background-position: top center;
}

.main-section-sub-page {
    background-repeat: repeat-y;
    /* background-size: cover; */
    background-position: top center;
}

.border-white {
    border-bottom: 1px solid white;
    height: 1px;
}

.border-custom-1 {
    border-bottom: 1px solid #909eac;
    height: 1px;
}

.border-custom-2 {
    border-bottom: 5px solid #d2d6db;
    height: 1px;
}

.badge-custom-1 {
    background-color: #dfdfdf !important;
    color: #282828 !important;
    padding: .5rem 1rem;
    font-family: Poppins-Light, sans-serif;
}

.pagination .active>.page-link,
.page-link.active {
    background-color: var(--project-color-1);
    border-color: var(--project-color-1);
}

/** HEADER START **/
.header-top-bar {
    padding-top: 2rem;
    padding-bottom: .6rem;
}

.header-logo-text {
    color: white;
    font-size: 3rem;
}

.header-logo-sub-text {
    font-size: 1.5rem;
    color: var(--project-color-1);
}

.header-nav .nav-link {
    color: white;
}

.navbar-nav {
    --bs-nav-link-padding-y: 0;
}

.header-nav .navbar-nav .nav-item:not(:last-child) {
    border-right: 3px solid white;
}

.header-nav .navbar-nav .nav-item:last-child {
    padding-right: 0 !important;
}

.header-sign-op-other-page {
    background-color: #2d2d2d;
    color: white;
    padding: .2rem .5rem;
}

#navbarSupportedContent>ul>li:last-child>a {
    padding-right: 0;
}

.navbar-sub-page img {
    height: 30px;
    width: auto;
    display: block;
}

.navbar-sub-page .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: .5rem 4rem;
}

.navbar-sub-page .navbar-nav .nav-item {
    border-right: 0 !important;
    margin-right: 3px;
}

/** HEADER END **/


/** INDEX START **/
.swiper-button-next-custom-research-manual {
    right: -30px;
    font-size: 1.5rem;
    color: white;
}

.swiper-button-prev-custom-research-manual {
    left: -30px;
    font-size: 1.5rem;
    color: white;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-next:after {
    content: '';
}

.research-manual-project-item-box {
    background-color: white;
    height: 400px;
    color: #282828;
    transition: background-color 0.3s ease-in-out;
    padding: 1rem !important;
    padding-bottom: 1.75rem !important;
}

.research-manual-project-item-box:hover {
    background-color: #0d2140;
    color: white;
}

.research-manual-project-item-box a {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    height: 90%;
}

.research-manual-project-item-box .hover-image {
    display: none;
}

.research-manual-project-item-box:hover .preview-image {
    display: none;
}

.research-manual-project-item-box .research-manual-project-img-box {
    border: 2px solid #1F6F78;
    width: 130px;
    height: 130px;
}

.research-manual-project-item-box:hover .hover-image {
    display: unset;
}

.research-manual-project-item-box:hover .research-manual-project-img-box {
    border-color: white;
}

.log-book {
    background-color: #0B2449;
}

.book-left-border {
    border-bottom: 1px solid #092b56;
    height: 1px;
    width: 100%;
}

.log-book .log-book-left .left-book-content {
    height: 257px;
}

.log-book .log-book-left h1 {
    color: #092b56;
    font-size: 1rem;
}

.log-book-right img {
    height: 257px;
}

.log-book .log-book-left p {
    color: #282828;
    font-size: .7rem;
}

.log-book .log-book-right {
    position: relative;
}

.log-book .log-book-right p {
    position: absolute;
    bottom: 39%;
    width: 50%;
    left: 5%;
    font-size: 1rem;
}

.log-book .log-book-right h1 {
    position: absolute;
    bottom: 25%;
    width: 50%;
    color: #00183c;
    left: 5%;
    font-size: 1rem;
}

.log-book-footer-container {
    position: absolute;
    bottom: 5%;
    display: flex;
    flex-direction: row;
    gap: .25rem;
    justify-content: center;
    align-items: center;
}

.log-book-footer img {
    height: 35px;
    width: fit-content;
}

.index-videos a {
    color: unset;
}

.index-video-title {
    color: #092b56;
}

.index-videos .index-video-text {
    color: #282828;
}

.index-border {
    border: 1px solid #909eac;
}

.index-video-row:hover {
    background-color: #0d2140;
}

.index-video-row:hover .index-video-title {
    color: white !important;
    text-decoration: underline;
}

.index-video-row:hover .index-video-title2 {
    color: white !important;
}

.index-video-row:hover .index-video-text {
    color: white !important;
    text-align: justify !important;
}

.project-form label {
    display: none;
}

.project-form .form-control,
.index-register .form-select {
    border-radius: 0;
    background-color: #112E4C;
    color: white;
    padding: 1rem;
}

.project-form .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.project-form ::placeholder {
    color: white;
    opacity: 1;
    /* Firefox */
}

.project-form .form-select {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-down-fill' viewBox='0 0 16 16'> <path fill='white' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/> </svg> ");
}

/** INDEX END **/


/** CONTACT START **/
.contact-form textarea.form-control {
    background-color: white;
    color: #0F3456;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
}

.contact-form textarea.form-control::placeholder {
    color: #0F3456;
}

/** CONTACT END **/

.row-center {
    justify-content: center;
}

.log-book-button h5 {
    font-size: 1rem;
}

.research-manual-project-item-box-footer {
    position: relative;
    height: fit-content !important;
    padding-top: 1rem;
}

.research-manual-project-item-box-footer img {
    position: absolute;
    height: 35px;
}

/** FOOTER START **/
footer {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 5rem;
    padding-bottom: 8rem;
}

.footer-content-box {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.footer-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
}

.footer-nav li:not(:last-child) {
    border-right: 3px solid white;
}

.footer-nav li:last-child {
    padding-right: 0 !important;
}

.footer-nav li {
    padding-right: 1rem;
    padding-left: .5rem;
}

/** FOOTER END **/
/** PAGE DETAIL START **/
.page-content {
    background-color: #EDF5F5;
    color: #282828;
    padding: 1rem 0;
}

.page-center {
    padding-left: 15%;
    padding-right: 15%;
}

.page-content-title {
    width: 100%;
    font-family: Poppins-ExtraBold, sans-serif;
    text-align: center;
    margin-bottom: 2rem !important;
}

/** PAGE DETAIL END **/


/** VIDEOS PAGE START **/
.videos-modal {
    --bs-modal-bg: rgba(0, 0, 0, 0.8)
}

.videos-modal .bi-x-circle {
    font-size: 25px;
}

.videos-modal #modalVideoName {
    background-color: #265c61;
    font-family: Poppins-Bold, sans-serif;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    padding: 1rem 1.5rem;
}

.videos-modal #modalVideoImg {
    border: 5px solid #ff8747;
    border-radius: 30px;
}

.videos-modal #imgPlayIcon {
    color: #ff8747;
    font-size: 10rem;
}

.swiper-button-next-custom-video-modal {
    right: -30px;
    font-size: 1.5rem;
    color: white;
}

.swiper-button-prev-custom-video-modal {
    left: -30px;
    font-size: 1.5rem;
    color: white;
}

.video-modal-item-box {
    height: 150px;
    max-height: 150px;
    overflow: hidden;
    border: 1px solid #ff8747;
}

.videos-modal .other-videos-text {
    position: absolute;
    top: 0;
    padding: 20px;
    /* İçerik kenar boşluğu */
    width: calc(100% - 40px);
    /* Sol ve sağ kenar boşluğu hesaba katılarak genişlik */
    height: 100%;
    /* Sol ve sağ kenar boşluğu hesaba katılarak genişlik */
    max-height: 100%;
    max-width: 90%;
    left: 50%;
    transform: translateX(-50%);
    word-wrap: break-word;
    /* Uzun kelimelerin taşmasını engeller */
}

#videoIframe {
    width: 720px;
    height: 405px;
}

.all-videos-top h3 {
    color: #2b78a4;
    margin-bottom: 1rem !important;
    text-align: center;
}

.all-videos-top p {
    margin-bottom: 1rem !important;
}

/** VIDEOS PAGE END **/


/** CLINICAL ATLAS PAGE START **/
.clinical-atlas-accordion .accordion-button-1 {
    background-color: #2b2828;
    font-family: Poppins-Bold, sans-serif;
    padding: 1rem 3rem;
    color: white;
    text-align: center;
    text-transform: uppercase;
    height: 80px;
}

.clinical-atlas-accordion .accordion-button-2 {
    background-color: #2b78a4;
    font-family: Poppins-Bold, sans-serif;
    padding: 1rem 3rem;
    color: white;
    text-align: center;
    text-transform: uppercase;
    height: 80px;
}

.clinical-atlas-accordion .accordion-button-3 {
    background-color: #166171;
    font-family: Poppins-Bold, sans-serif;
    padding: 1rem 3rem;
    color: white;
    text-align: center;
    text-transform: uppercase;
    height: 80px;
}

.clinical-atlas-accordion .accordion-button {
    display: block;
}

.clinical-atlas-accordion .accordion-button::after {
    display: none;
}

.clinical-atlas-accordion .accordion-1 h3 {
    color: #2b78a4;
    margin-bottom: 1rem !important;
    text-align: center;
}

.clinical-atlas-accordion .accordion-1 p {
    margin-bottom: 1rem !important;
}

.clinical-atlas-accordion .accordion-2 h3 {
    background-color: #2b4f64;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.clinical-atlas-accordion .accordion-2 .bg-light {
    background-color: #e5e5e5;
}

.clinical-atlas-accordion .accordion-2 .item-color {
    color: #092b56;
}

.clinical-atlas-accordion .accordion-2 .item-color a {
    padding: 1rem 3rem;
    display: block;
}

.clinical-atlas-accordion .accordion-2 .border-bottom {
    border-bottom: 1px solid #7c8b9b !important;
}

.clinical-atlas-accordion .accordion-2 .border-bottom:hover {
    background-color: #112e4c !important;
    color: white;
}

.clinical-atlas-accordion .accordion-3 h3 {
    color: #2b78a4;
    margin-bottom: 1rem !important;
    text-align: center;
}

.clinical-atlas-accordion .accordion-2 .item {
    padding: 1rem 3rem;
    display: block;
}

.clinical-atlas-accordion .accordion-2 .pl-5 {
    padding-left: 5rem !important;
}

/** CLINICAL ATLAS PAGE END **/
/** MOBİLE NAVBAR START **/
.mobile-navbar .offcanvas-header,
.mobile-navbar .offcanvas-body,
.mobile-navbar .bg-body-tertiary,
.mobile-navbar i {
    background-color: #176c7c !important;
    color: white;
}

/** MOBİLE NAVBAR END **/

.swal2-html-container {
    text-align: left;
}

.contributors-page h3 {
    color: #2b78a4;
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .page-center {
        padding-left: 5%;
        padding-right: 5%;
    }

    .footer-nav {
        display: block;
    }

    .footer-nav li:not(:last-child) {
        border-right: none;
    }

    .footer-content-box {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    .log-book .log-book-right p {
        font-size: .8rem;
    }

    .log-book .log-book-right h1 {
        font-size: 1.2rem;
    }

    .swiper-button-next-custom-research-manual {
        right: 1px;
        color: var(--project-color-1);
    }

    .swiper-button-prev-custom-research-manual {
        left: 1px;
        color: var(--project-color-1);
    }

    .index-video-row .index-video-tags {
        height: auto;
    }

    #videoIframe {
        width: 100%;
        height: 216px;
    }

    .swiper-button-next-custom-video-modal {
        right: 10px;
        color: var(--project-color-1);
    }

    .swiper-button-prev-custom-video-modal {
        left: 10px;
        color: var(--project-color-1);
    }

    .log-book-right img {
        height: auto;
    }

    .log-book .log-book-left .left-book-content {
        height: auto;
    }

    .header-logo-text {
        font-size: 2rem;
    }

    .header-logo-sub-text {
        font-size: 1.3rem;
    }
}

@media (min-device-width : 320px) and (max-device-width : 480px) {

    .log-book .log-book-right p {
        font-size: .5rem;
    }

    .log-book .log-book-right h1 {
        font-size: .75rem;
    }

    .log-book-footer-container {
        left: 1.5rem;
    }

    .log-book-footer img {
        height: 15px;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .log-book-footer img {
        height: 25px;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}