.section-305 .vice-presidents .vice-presidents-item:nth-child(5):before.section-301 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: clamp(50px, 39.29vw, 530px);
    position: relative;
    z-index: 4;
}

.section-301 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: clamp(50px, 39.29vw, 530px);
    position: relative;
    z-index: 4;
}
.section-301 .top-text {
 position: relative;
}
.section-301 .top-text img {
    max-width: clamp(110px, 11.43vw, 140px);
    position: absolute;
    right: 50px;
    top: calc(clamp(80px, 11.43vw, 140px) / -2 - 12px);
}
.section-301 .top-text .title {
    display: inline-block;
    position: relative;
    font-size: var(--block-title);
    color: var(--a-color-1);
    font-weight: bold;
    padding-bottom: 9px;
    margin-bottom: 30px;
}
.section-301 .top-text .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: var(--height-underline);
    background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(0, 31, 52, 0.99) 1%, rgba(237, 239, 240, 0) 100%);
}
.section-301 .top-text .desc p {
    line-height: normal;
    font-size: clamp(15px, 1.43vw, 20px);
}
.section-301 .bottom {
    background-color: var(--a-color-2);
    border-radius: 25px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.16);
    padding: 24px;
}
.section-301 .bottom {
}
.section-301 .bottom .bottom-header {
    margin-top: 70px;
    margin-bottom: 50px;
}

.section-301 .bottom .bottom-header .title {
    text-align: center;
    font-size: clamp(15px, 1.43vw, 25px);
    font-weight: 500;
}
 
.section-301 .bottom .item {
    display: flex;
    align-items: flex-start;
    gap: clamp(10px, 1.43vw, 20px);
    background-color: #edeff0;
    border: 2px solid #b2a68c;
    padding: clamp(10px, 1.43vw, 20px);
    border-radius: 10px; 
    line-height: normal;
    height: 230px;
}
.section-301 .bottom .item img {
    max-width: 55px;
    max-height: 55px;
}
.section-301 .bottom .item .text {
    font-size: clamp(14px, 1.43vw, 20px);
}

.section-302 {
    position: relative;
    z-index: 3;
    padding: 110px 0;
    background: linear-gradient(to bottom, rgba(208, 198, 176, 1) 0%, rgba(255, 255, 255, 0) 100%);
    margin-top: -80px;
}

.section-302 .timeline-header {
    margin-bottom: 60px;
}
.section-302 .timeline-header h2 {
    display: inline-block;
    position: relative;
    font-size: var(--block-title);
    color: var(--a-color-1);
    font-weight: bold;
    padding-bottom: 9px;
}
.section-302 .timeline-header h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: var(--height-underline);
    background: linear-gradient(to right, rgba(178, 166, 140, 1) 0%, rgba(208, 198, 176, 0) 100%);
}

.section-302 .timeline-nav {
    position: relative;
}

.section-302 .timeline-nav::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #b2a68c;
    z-index: 0;
}

.section-302 .timeline-nav .nav-item {
    margin: 0;
    position: relative;
    flex: 1;
}
.section-302 .timeline-nav .nav-item:has(.timeline-btn.active)::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 500px;
    background: linear-gradient(to bottom, #b2a68c 1%, rgba(255, 255, 255, 0) 100%);
    left: 50%;
    transform: translateX(-50%);
    top: 11px;
    opacity: 0.47;
}

.section-302 .timeline-btn {
    position: relative;
    z-index: 1;
    background: #fff !important;
    border: 2px solid #b2a68c !important;
    width: 20px;
    height: 20px;
    padding: 0 !important;
    border-radius: 50% !important;
    margin: 0 auto;
}

.section-302 .timeline-btn:hover,
.section-302 .timeline-btn:focus {
    background: #001f34 !important;
    border-color: #001f34 !important;
}

.section-302 .timeline-btn .year {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #001f34;
    font-size: 16px;
}

.section-302 .timeline-btn.active {
    background: #b2a68c !important;
    border-color: #fff !important;
}

.section-302 .timeline-content {
    background-color: #fff;
    padding: clamp(10px, 2.14vw, 30px);
    border-radius: 10px; 
    border: 2px solid #b2a68c;
    /* height: 340px; */
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #b2a68c #edeff0;
}

.section-302 .timeline-text {
    color: #001f34;
    line-height: 1.6;
    padding-right: 30px;
}

.section-302 .timeline-text::-webkit-scrollbar {
    width: 8px;
    background: #edeff0;
    border-radius: 8px;
}
.section-302 .timeline-text::-webkit-scrollbar-thumb {
    background: #b2a68c;
    border-radius: 8px;
}
.section-302 .timeline-text::-webkit-scrollbar-thumb:hover {
    background: #8c7b5a;
}

@media (max-width: 768px) {
	
	
	.section-305 .nav-tabs .nav-item .nav-link.active {
		width: 100%;
	}
    .section-302 .timeline-nav .nav-item:has(.timeline-btn.active)::after {
        display: none;
    }
    .section-302 .timeline-btn .year {
 	    white-space: normal;
	    font-size: 12px;
	    line-height: 15px;
	    top: -50px;
    }
    
    .section-301 .bottom .item {
	    height: inherit
    }

    .section-302 .timeline-nav {
        flex-wrap: wrap;
        gap: 50px 0;
    }

    .section-302 .timeline-nav .nav-item {
    flex: env();
    width: 50%;
    }

    .section-302 .timeline-nav::after {
       display: none;
    }
    .section-302 .timeline-content .col-md-6:first-child {
        margin-bottom: 20px;
    }
    
 }

.section-303 .title {
    display: inline-block;
    position: relative;
    font-size: var(--block-title);
    color: var(--a-color-1);
    font-weight: bold;
    padding-bottom: 9px;
    margin-bottom: 30px;
}
.section-303 .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: var(--height-underline);
    background: linear-gradient(to right, rgba(30, 87, 153, 1) 0%, rgba(0, 31, 52, 0.99) 1%, rgba(237, 239, 240, 0) 100%);
}
.section-303 .images {
}
.section-303 .images img {
    max-width: 100%;
}

.section-304 {
    position: relative;
    z-index: 3;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    display: flex;
    align-items: center;
}
.section-304.section-304-2 {
    position: relative;
    height: clamp(270px, 35.71vw, 500px);
}
@media screen and (max-width: 767px) {
	
	
    .section-304.section-304-2::before {
        content: "";
        inset: 0;
        position: absolute;
        background: linear-gradient(to bottom, #fff 0%,  rgba(255, 255, 255, 0) 100%);
 
    }
    .section-304.section-304-2 .container {
        position: relative;
        z-index: 3;
    }
    
       
}

}
.section-304 .item {
    display: flex;
    align-items: center;
    gap: clamp(15px, 2.14vw, 30px);
}
.section-304 .images {
    width: 130px;
}
.section-304 .images img {
    max-width: 100%;
}
.section-304 .title {
    display: inline-block;
    position: relative;
    font-size: var(--block-title);
    color: #fff;
    font-weight: bold;
    padding-bottom: 9px;
    margin-bottom: 30px;
    line-height: 1.1;
    text-transform: uppercase;
    width: 350px;
}
.section-304 .title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: var(--height-underline);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.section-304 .title.blue-title {
    color: #001f34;
}
.section-304 .title.blue-title::after {
    background: linear-gradient(to right, #001f34 0%, rgba(255, 255, 255, 0) 100%);
}

.section-305 {
    position: relative;
    z-index: 3;
    background: linear-gradient(to bottom, #e0dbd0 0%, rgba(255, 255, 255, 0) 100%);
}
.section-305 .nav-tabs {
    border: 0;
    gap: clamp(8px, 2.14vw, 30px);
    justify-content: center;
    margin-top: calc(-144px / 2);
    /* pointer-events: none; */
}
.section-305 .nav-tabs .nav-item {
    margin: 0;
    width: 120px;
    position: relative;
}
.section-305 .nav-tabs .nav-item .nav-link {
    border: 0;
    text-align: center;
    font-weight: bold;
    border-radius: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: none;
    line-height: normal;
    color: #000;
}
.section-305 .nav-tabs .nav-item .nav-link .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: #d0c6b0;
    border: 2px solid #b2a68c;
    margin-bottom: 30px;
}
.section-305 .nav-tabs .nav-item .nav-link .icon > img {
    max-width: 60px;
    max-height: 60px;
}
.section-305 .nav-tabs .nav-item .nav-link .icon > img + img {
    display: none;
}
.section-305 .nav-tabs .nav-item:has(.active) {
    width: 260px;
}
.section-305 .nav-tabs .nav-item .nav-link.active {
}
.section-305 .nav-tabs .nav-item .nav-link.active span {

}
.section-305 .nav-tabs .nav-item .nav-link.active strong {
    position: relative;
    font-size: clamp(0.75rem, 0.6574rem + 0.463vw, 1rem);
    color: #847550;
}
.section-305 .nav-tabs .nav-item .nav-link.active strong:before {
    content: "";
    height: 5px;
    width: 77px;
    background-color: currentColor;
    margin: 5px auto;
    display: block;
}
.section-305 .nav-tabs .nav-item .nav-link.active:after {
    content: "";
    display: block;
    width: 2px;
    height: 50px;
    background-color: #b2a68c;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -18px;
    opacity: 0;
}
.section-305 .nav-tabs .nav-item .nav-link.active .icon {
    background: transparent;
    margin-top: -65px;
}
.section-305 .nav-tabs .nav-item .nav-link.active .icon > img {
    display: none;
}
.section-305 .nav-tabs .nav-item .nav-link.active .icon > img + img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 10px solid transparent;
    border-radius: 100%;
}

.section-305 .organization-chart {
    padding-top: 65px;
}
.section-305 .organization-chart .vice-presidents .vice-presidents-item:not(:last-child) .vice-item {
    border-right: 1px solid #fff;
}
.section-305 .vice-presidents .vice-presidents-item {
    padding-top: 60px;
    position: relative;
}
@media screen and (min-width: 992px) {
    .section-305 .vice-presidents .vice-presidents-item {
        flex: 1;
    }
}
.section-305 .vice-presidents .vice-presidents-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #b2a68c;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
}
.section-305 .vice-presidents .vice-presidents-item:first-child::after {
    width: 50%;
    left: 50%;
}
.section-305 .vice-presidents .vice-presidents-item:last-child::after {
    width: 50%;
    right: auto;
}
.section-305 .vice-presidents .vice-presidents-item::before {
    content: "";
    display: block;
    width: 2px;
    height: 50px;
    background-color: #b2a68c;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.section-305 .vice-presidents .vice-presidents-item:nth-child(3):before {
    height: 80px;
    top: -40px;
}
.section-305 .vice-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 100%;
}

.section-305 .photo-wrapper {
    border-radius: 100%;
    overflow: hidden;
    width: 100%;
    max-width: 150px;
    margin-bottom: 20px;
}

.section-305 .photo-wrapper img {
    width: 100%;
    height: auto;
}

.section-305 .vice-item h3 {
    font-size: 17px;
    color: #001f34;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
}
.section-305 .vice-item .title:before {
    content: "";
    height: 5px;
    width: 77px;
    background-color: #847550;
    display: block;
    margin: 15px auto;
}
.section-305 .vice-item .title {
    color: #847550;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    margin-bottom: 10px;
}
.section-305 .vice-item .title span {
    font-weight: 500;
    display: block;
}

.section-305 .department-list {
    list-style: none;
    padding: 0 30px;
    margin: 0;
    text-align: center;
}
.section-305 .department-list li:before {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #b2a68c;
    margin: 10px auto;
}
.section-305 .department-list li {
    font-size: 14px;
    color: #001f34;
    font-weight: 500;
    line-height: normal;
}

.section-306 {
    position: relative;
    padding-bottom: clamp(30px, 14.29vw, 200px);
    /* background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #dbe1e4 52.7%,
        #dae0e3 100%
    ); */
    background: url(../images/a/icra-yeni-bg-2.png) no-repeat center;
    background: linear-gradient(to bottom, #d8d1c4 0%, #f9f8f6 100%);
}
.section-306::after {
    content: "";
    background: url(../images/ucak-yeni.png) no-repeat center bottom 250px / 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 100%;
    pointer-events: none;
}
@media (max-width: 767px) {
    .section-306::after { 
        background: url(../images/ucak-yeni.png) no-repeat center bottom 20px / 100%;
    }
    .section-305 .organization-chart {
        padding-top: 25px;
    }
}
.section-306::before {
    content: "";
    background: url(../images/section-306-lines.png) no-repeat center bottom 50px / 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 100%;
    pointer-events: none;
}
.section-306 .section-306-title .title {
    text-align: center;
    margin-bottom: 50px;
}
.section-306 .section-306-title strong {
    font-size: 25px;
    margin-bottom: 5px;
    display: block;
}
.section-306 .section-306-title span {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #847550;
    line-height: 1;
    text-align: center;
}
.section-306 .section-306-title span::before,
.section-306 .section-306-title span::after {
    content: "";
    height: 2px;
    width: 77px;
    background-color: #E41512;
    display: block;
    margin: 3px auto;
}
.section-306 .section-306-title span::before {

}
.section-306 .section-306-title span::after {

}
.section-306 .section-306-title .images {
    border-radius: 100%;
    border: 2px solid #e41512;
    width: 250px;
    aspect-ratio: 1;
    margin: 0 auto 20px;
    padding: 10px;
    margin-top: calc(-250px / 2);
    position: relative;
    z-index: 5;
}
.section-306 .section-306-title .images img {
    display: block;
    max-width: 100%;
}

.section-306 .section-306-title p {
    font-size: clamp(18px, 1.57vw, 22px);
    font-weight: 600;
    margin-bottom: 110px;
    color: #847550;
}

.section-306 .bg {
    padding: 44px 44px 250px;
    border-radius: 13px;
    background: linear-gradient(to top, #dae0e3 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(218, 224, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: #fff;
}

.section-306 .section-306-members {
    display: flex;
    gap: 8px;
    margin-top: -124px;
    margin-bottom: 100px;
    position: relative;
    z-index: 2;
}

.section-306 .section-306-member {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.section-306 .section-306-member img {
    max-width: 100%;
    aspect-ratio: 1;
    border-radius: 100%;
    margin-bottom: 10px;
}

.section-306 .section-306-member h5 {
    font-size: clamp(15px, 1.21vw, 19px);
    font-weight: 600;
    margin: 5px 0;
    color: #001F34;
    line-height: normal;
}

.section-306 .section-306-member p {
    font-size: 17px;
    color: #847550;
    font-weight: 500;
    line-height: normal;
}
.section-306 .section-306-member p:before,
.section-306 .section-306-member p:after {
    content: "";
    height: 2px;
    width: 77px;
    background: #847550;
    display: block;
    margin: 8px auto;
}
.section-306 .section-306-member p:before {
}
.section-306 .section-306-member p:after {
}
.section-306 .section-306-list {
    position: relative;
    z-index: 2;
}
.section-306 .section-306-list h2 {
    text-align: center;
    font-weight: 25;
    font-weight: bold;
    color: #847550;
    margin-bottom: 30px;
}
.section-306 .section-306-list ul {
    list-style: none;
    padding: 0;
}

.section-306 .section-306-list li {
    font-size: clamp(16px, 1.21vw, 20px);
    margin-bottom: 20px;
    /* background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Mi41IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNDIuNSAxNiI+CiAgPGcgZGF0YS1uYW1lPSJHcm91cCAyNTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zODMuNSAtMTE3NikiPgogICAgPHJlY3Qgd2lkdGg9IjI5IiBoZWlnaHQ9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4My41IDExODMuMTI5KSIgZmlsbD0iI2U0MTUxMiIvPgogICAgPHBhdGggZD0iTTgsMGw4LDE0SDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MjYgMTE3NiksIHJvdGF0ZSg5MCkiIGZpbGw9IiNlNDE1MTIiLz4KICA8L2c+Cjwvc3ZnPg==") no-repeat top 5px left; */
    /* padding-left: 68px; */
    display: flex;
    gap: 15px;
}
.section-306 .section-306-list li::before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-color: #b2a68c;
    flex-shrink: 0;
    margin-top: 8px;
}

.section-307 {
    background: url("../images/a/baskanin_mesaji.png") no-repeat center top;
}
.section-307 .quote {
	text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    margin-top: -180px;
    position: relative;
    z-index: 3;
}
.section-307 .quote p {
    font-size: clamp(16px, 2.14vw, 26px);
    color: #534934;
    margin-bottom: clamp(10px, 2.86vw, 40px);
    font-family: var(--font-3);
    line-height: 1.6;
    font-weight: 300;
}
.section-307 .quote img {
    max-width: clamp(200px, 31.43vw, 440px);
}
.section-307 .content {
    border-top: 2px solid #b2a68c;
    border-bottom: 2px solid #b2a68c;
    padding: 30px 0;
    margin: 30px 0;
}
.section-307 .content p {
    font-size: clamp(14px, 1.21vw, 20px);
    font-weight: 400;
    margin-bottom: 20px;
}
.section-307 .signature {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    font-size: clamp(15px, 1.21vw, 17px);
    font-weight: 600;
}
.section-307 .signature span{
    text-align: center;
}
.section-308 {
    background: linear-gradient(to bottom, rgba(219, 213, 201, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.section-308 .top-text {
    font-size: clamp(18px, 1.57vw, 25px);
    font-weight: bold;
    text-align: center;
    color: #847550;
    line-height: normal;
}
.section-308 .icons .icon {
    background-color: #b2a68c;
    width: 82px;
    height: 82px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.section-308 .icons .icon img {
    max-height: 60px;
    max-width: 60px;
}
.section-308 .icons .text {
    font-size: clamp(16px, 1.21vw, 20px);
    line-height: normal;
    display: flex;
    gap: clamp(10px, 2.14vw, 30px);
    padding-top: clamp(6px, 1.29vw, 18px);
}
.section-308 .icons .row {
    margin-bottom: 20px;
    justify-content: center;
}
.section-308 .icons .row:nth-child(odd) .text::before,
.section-308 .icons .row:nth-child(even) .text::before {
    content: "";
    width: clamp(25px, 6.07vw, 85px);
    height: 2px;
    display: block;
    background: #b2a68c;
    flex-shrink: 0;
    transform: translateY(23px);
}
.section-308 .icons .row:nth-child(odd) .text {
}
.section-308 .icons .row:nth-child(even) .text {
    flex-direction: row-reverse;
    text-align: right;
}
.section-308 .icons .row:nth-child(odd) .text::before {
}
.section-308 .icons .row:nth-child(even) .text::before {
}
.section-308 .map {
    position: relative;
}
.section-308 .map img {
    width: 100%;
}
.section-308 .map .text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: normal;
    font-size: clamp(15px, 1.57vw, 22px);
    font-weight: bold;
    width: 100%;
}
.section-308 .map .text span {
    background-color: #b2a68b;
    color: #fff;
    padding: 2px 5px;
}
.section-308 .bottom-text-title {
    color: #b2a68c;
    font-size: clamp(20px, 2.86vw, 40px);
    font-weight: 700;
    line-height: normal;
}
.section-308 .bottom-text {
    border-top: 2px solid #b2a68c;
    border-bottom: 2px solid #b2a68c;
    margin: 15px 0;
    padding: 15px 0;
}
.section-308 .bottom-text .left-text {
    color: #001f34;
    font-size: clamp(20px, 2.86vw, 40px);
    font-weight: 700;
    line-height: normal;
}
.section-308 .bottom-text .right-text {
}
.section-308 .bottom-text .right-text p {
    font-size: clamp(16px, 1.29vw, 18px);
    margin-bottom: 15px;
    font-weight: 500;
}

.section-309 {
    background: url("../images/a/bg.jpg") no-repeat center bottom / cover;
    padding-bottom: clamp(30px, 14.29vw, 200px);
}
.section-309 .pdf-area {
    background-color: #fff;
    border-radius: 10px;
    height: 500px;
    margin-top: -1.5rem;
    position: relative;
    z-index: 4;
}
.section-309 .item {
    background-color: #dae0e3;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    gap: 20px;
    height: 100%;
    color: #000;
}
.section-309 .item:hover {
    background-color: #cad0d2;
}
.section-309 .item img {
    width: 50px;
}

.section-310 {
    background: url("../images/a/bg.jpg") no-repeat center bottom / cover;
    padding-bottom: 100px;
}
.section-310 .nav-tabs {
    border: 0;
    display: flex;
    gap: clamp(15px, 2.14vw, 30px);
    position: relative;
    z-index: 4;
    margin-top: -30px;
    margin-bottom: 30px;
}
.section-310 .nav-tabs .nav-item {
    margin: 0;
    flex: 1;
}
.section-310 .nav-tabs .nav-item .nav-link {
    background-color: #fff;
    border-radius: 15px;
    border: 0;
    display: flex;
    align-items: center;
    font-size: clamp(15px, 1.43vw, 20px);
    font-weight: 600;
    height: 100%;
    line-height: normal;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    color: #000;
    transition: all 0.3s ease;
}
.section-310 .nav-tabs .nav-item .nav-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.section-310 .nav-tabs .nav-item .nav-link .icon {
    border-right: 2px solid #e41512;
    padding-right: 15px;
    margin-right: 15px;
    height: 100px;
    display: flex;
    align-items: center;
}
.section-310 .nav-tabs .nav-item .nav-link .icon img {
}
.section-310 .nav-tabs .nav-item .nav-link.active {
    background-color: #e41512;
    color: #fff;
}
.section-310 .nav-tabs .nav-item .nav-link.active .icon {
    border-color: #fff;
}
.section-310 .nav-tabs .nav-item .nav-link.active .icon img {
    filter: brightness(0) invert(1);
}
.section-310 .tab-content {
}
.section-310 .tab-content ul {
}
.section-310 .tab-content ul li {
    display: flex;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 12px;
    line-height: normal;
}
.section-310 .tab-content ul li span {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    background: #dae0e3;
    border-radius: 15px;
    font-size: clamp(15px, 1.29vw, 18px);
    padding: 5px 20px;
    font-weight: 600;
    min-height: 100px;
}
.section-310 .tab-content ul li a {
    width: clamp(40px, 7.14vw, 100px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dae0e3;
    border-radius: 15px;
    font-size: clamp(16px, 1.64vw, 23px);
    flex-shrink: 0;
    border: 1px solid #dae0e3;
    color: #000;
}
.section-310 .tab-content ul li a i {
}
.section-310 .tab-content ul li a:hover {
    border-color: #e41512;
}
.section-310 .tab-content ul li a:hover i {
    color: #e41512;
}

.section-311 {
    background: url("../images/a/bg.jpg") no-repeat center bottom;
    padding-bottom: 100px;
}
.section-311 .items {
    position: relative;
    z-index: 3;
    margin-top: -1.5rem;
}
.section-311 .item {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    padding: clamp(8px, 1.07vw, 15px);
    border-radius: clamp(8px, 1.07vw, 15px);
    gap: clamp(15px, 2.14vw, 30px);
    height: 100%;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}
.section-311 .item:hover {
    border-color: var(--a-color-1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.section-311 .item .images {
    flex: 1;
}
.section-311 .item .images img {
    width: 100%;
}
.section-311 .item h3 {
    flex: 1;
    font-size: clamp(16px, 1.57vw, 22px);
    font-weight: 600;
    color: #58595b;
    max-width: 100%;
}
.section-311 .item h3:after {
    content: "";
    background-color: currentColor;
    width: 55px;
    height: 3px;
    display: block;
    margin-top: 7px;
}

.section-312 {
    background: url(../images/a/bg.jpg) no-repeat center bottom / cover;
    padding-top: clamp(120px, 14.29vw, 200px);
}
.section-312:before {
    content: "";
    background: url(../images/a/haberler_slider_1920x600px.jpg) no-repeat center top / cover;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 600px;
}
.section-312 .block-title {
    display: block;
    position: relative;
    font-size: var(--block-title);
    color: #fff;
    font-weight: bold;
    padding-bottom: 9px;
    line-height: 1.1;
    margin-bottom: 8px;
}
.section-312 .news-head::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    width: 100%;
    height: var(--height-underline);
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.section-312 .news-area {
}
.section-312 .news-head::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -6px;
    width: 100%;
    height: var(--height-underline);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.section-312 .news-head {
    background-color: #90989d;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 50px;
    position: relative;
}

.section-312 .news-head .title {
    padding-left: 25px;
    width: 40%;
}

.section-312 .news-head .news-date {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.section-312 .news-head .news-title {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    padding: 10px 0;
    margin: 10px 0;
    line-height: normal;
}

.section-312 .news-head .images {
    width: 60%;
}

.section-312 .news-head .images img {
    width: 100%;
}

.section-312 .news-content {
}
.section-312 .news-content h3 {
    font-size: 22px;
}
.section-312 .news-content p {
    margin-bottom: 20px;
    font-size: 16px;
}

.section-312 .news-bottom {
    display: flex;
    gap: 10px;
    margin: 40px 0;
}

.section-312 .news-bottom .gallery-button {
    width: 210px;
}

.section-312 .news-bottom .gallery-button a {
    width: 210px;
    background: #90989d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 9px;
    line-height: normal;
}
.section-312 .news-bottom .gallery-button a:hover {
    background: #666;
}

.section-312 .news-bottom .gallery-button img {
    border-right: 1px solid currentColor;
    padding-right: 10px;
    margin-right: 10px;
}

.section-312 .news-bottom .next-news {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: linear-gradient(to right, rgba(218, 224, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.section-312 .news-bottom .next-news a {
    color: #e41512;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: normal;
    padding: 10px;
}

.section-312 .news-bottom .next-news a:hover {
    text-decoration: underline;
}

.section-312 .news-slider {
    position: relative;
    z-index: 3;
}
.section-312 .news-slider-title::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #dae0e3;
    display: block;
}
.section-312 .news-slider .swiper-slide {
    height: auto;
}
.section-312 .news-slider .swiper-slide a {
    height: 100%;
}
.section-312 .news-slider .swiper-slide a:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}
.section-312 .news-slider .swiper-button-prev {
    left: -40px;
}
.section-312 .news-slider .swiper-button-next {
    right: -40px;
}
.section-312 .news-slider .swiper-button-prev,
.section-312 .news-slider .swiper-button-next {
}
.section-312 .news-slider .swiper-button-prev::after,
.section-312 .news-slider .swiper-button-next::after {
    color: #90989d;
    font-size: 28px;
}

.section-312 .news-slider .swiper-pagination {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 30px 0;
}
.section-312 .news-slider .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: none;
    border: 2px solid #dae0e3;
    opacity: 1;
}
.section-312 .news-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #dae0e3;
}

@media (max-width: 1399px) {
    .section-305 .department-list {
        padding: 0;
    }
    .section-306 .section-306-members {
        flex-wrap: wrap;
        justify-content: center;
    }
    .section-306 .section-306-member {
        width: 15%;
        flex: none;
    }
}
@media (max-width: 1199px) {
    .section-306 .section-306-member {
        width: 23%;
    }
    .section-307 .quote {
        gap: 40px;
        margin-top: -100px;
    }
}
@media (max-width: 991px) {
    .section-312 {
        background: url(../images/a/haberler_slider_1920x600px.jpg) no-repeat center top / 800px, url(../images/a/bg.jpg) no-repeat center top;
    }
    .section-305 .vice-presidents .vice-presidents-item::before,
    .section-305 .vice-presidents .vice-presidents-item:first-child::after,
    .section-305 .vice-presidents .vice-presidents-item::after {
        display: none;
    }
    .section-305 .nav-tabs .nav-item {
        width: 100px;
    }
    .section-305 .nav-tabs .nav-item:has(.active) {
        width: 100%;
    }
    .section-305 .nav-tabs .nav-item .nav-link.active .icon {
        margin-top: -30px;
    }
}
@media (max-width: 767px) {
    .section-312 {
        background: url(../images/a/haberler_slider_1920x600px.jpg) no-repeat center top / 800px, url(../images/a/bg.jpg) no-repeat center top;
    }
    .section-312 .news-head {
        flex-direction: column;
        padding: 15px;
        gap: 15px;
    }
    .section-312 .news-head .title {
        padding-left: 0;
        width: 100%;
    }
    .section-312 .news-head .news-title {
        font-size: 22px;
    }
    .section-312 .news-head .images {
        width: 100%;
    }
    .section-312 .news-bottom .gallery-button a {
        width: 170px;
        padding: 6px;
    }
    .section-312 .news-slider .swiper-button-prev,
    .section-312 .news-slider .swiper-button-next {
        display: none;
    }
    .section-310 .tab-content ul li {
     }
    .section-302 .timeline-text {
        line-height: normal;
    }
    .section-305 .nav-tabs {
        margin-top: 20px!important;
    }
    .section-305 .nav-tabs .nav-item .nav-link.active .icon {
        margin-top: 0;
    }
    .section-305 .nav-tabs .nav-item:nth-child(3) {
        width: 76%;
        order: -1;
    }
   
    .section-305 .nav-tabs .nav-item {
        width: 34%;
    }
    .section-305 .nav-tabs .nav-item .nav-link .icon {
	    margin-bottom: 10px;
    }
    .section-305 .nav-tabs .nav-item .nav-link .icon {
	    width: 80%;
    }
    .section-305 .vice-presidents .vice-presidents-item {
        padding-top: 0;
        position: relative;
    }
    .section-305 .department-list li:before {
        height: 9px;
        margin: 7px auto;
    }
    .section-306 .bg {
        padding: 20px 20px 80px;
    }
    .section-306 .section-306-members {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .section-306 .section-306-member {
        width: 47%;
    }
    .section-306 .section-306-list li {
        padding-left: 40px;
        background-size: 27px;
    }
    .section-306 .section-306-title .images {
        width: 160px;
        padding: 8px;
        margin-top: calc(-90px / 2);
    }
    .section-306 .section-306-title p {
        margin-bottom: 50px;
    }
    .section-307 .quote {
        gap: 10px;
        margin-top: 20px;
        align-items: center;
    }
    .section-308 .icons .icon {
        width: 100%;
        aspect-ratio: 1;
        height: auto;
    }
    .section-308 .icons .icon img {
        max-height: 35px;
        max-width: 35px;
    }
    .section-308 .map img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .section-308 .map .text {
        width: 100%;
    }
    
}