/*-----------------------------------------------------------------------------------
Copyright (c) 2026
Theme Name:  -
Theme URI:   -
Description: -
Author:      - Adem Duran -
Author URI:  - https: //ademduran.com -  https://bionluk.com/adeemdrn - @frontend.adem -
Version:     - 1.02.1 -

-----------------------------------------------------------------------------------*/
@import url('__root.css');
@import url('__responsive.css');
@import url('../font/font.css');

body {
       font-family: var(--font_sans) !important;
       font-size: calc(var(--font_size) * 0.8) !important;
       line-height: var(--leading_normal) !important;
       font-weight: var(--font_normal) !important;
       color: var(--color_text) !important;
       background-color: var(--color_white) !important;
       overflow-x: hidden !important;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       opacity: 0;
       transition: opacity 0.25s ease;
}

/*==================================================
===| [Preloader] CSS
===================================================*/
body.css-loaded {
       opacity: 1;
}

body:not(.css-loaded) * {
       animation: none !important;
       transition: none !important;
}

body.css-loaded #preloader {
       pointer-events: none;
}

#preloader {
       position: fixed;
       inset: 0;
       z-index: 9999;
       background: var(--color_white, #fff);
       display: flex;
       align-items: center;
       justify-content: center;
       transition: opacity .4s ease, visibility .4s ease;
}

#preloader.hide {
       opacity: 0;
       visibility: hidden;
}

.preloader__inner {
       text-align: center;
}

.preloader__inner .logo {
       display: block;
       font-size: calc(var(--font_size, 16px) * 1.2);
       letter-spacing: 4px;
       color: var(--color_primary, #333);
       margin-bottom: calc(var(--base_spacing, 16px) * 0.7);
       font-weight: var(--font_semibold, 600);
}

.preloader__inner .bar {
       width: 100%;
       height: 3px;
       background: rgba(216, 216, 216, 0.425);
       overflow: hidden;
       border-radius: var(--radius_sm, 4px);
}

.preloader__inner .bar span {
       display: block;
       width: 40%;
       height: 100%;
       background: var(--color_primary, #333);
       animation: loading 1.2s infinite ease-in-out;
}

@keyframes loading {
       0% {
              transform: translateX(-100%);
       }

       100% {
              transform: translateX(250%);
       }
}

/*==================================================
===| [Input Style] CSS
===================================================*/
.form-control {
       border-radius: var(--radius_sm) !important;
       border: 1px solid var(--color_bg2) !important;
       font-size: calc(var(--font_size)*.8) !important;
       font-weight: var(--font_semibold) !important;
       transition: border-color var(--transition_lg), color var(--transition_lg);
       color: var(--color_primary) !important;
}

.form-control:focus {
       border-color: var(--color_secondary) !important;
       box-shadow: 0 0 0 4px #18AA9D1f !important;
}

.form-floating>label {
       color: var(--color_text) !important;
}

/*==================================================
===| [Link Style] CSS
===================================================*/
.theme__btn {
       position: relative;
       display: inline;
}

.theme__btn .btn__link {
       padding: calc(var(--base_spacing) * .8) calc(var(--base_spacing) * 2);
       color: var(--color_white);
       text-decoration: none;
       letter-spacing: 2px;
       background-color: var(--color_secondary);
       border-radius: var(--radius_sm);
       display: inline-flex;
       align-items: center;
       font-weight: var(--font_semibold);
       gap: 15px;
       transition: background-color var(--transition_lg);
}

.theme__btn .btn__link.btn__secondary {
       color: var(--color_primary);
       background-color: var(--color_bg2);
       transition: background-color var(--transition_lg);
}

.theme__btn .btn__link.btn__secondary:hover {
       background-color: var(--color_secondary);
}

.theme__btn .btn__link:hover {
       background-color: var(--color_primary);
}

.theme__btn .btn__link .icons {
       margin-top: -2px;
       display: block;
       width: 20px;
       height: 20px;
       background-color: var(--color_white);
       border-radius: var(--radius_full);
       justify-content: center;
       align-items: center;
       display: flex;
       flex-shrink: 0;
}

.theme__btn .btn__link .icons svg {
       color: var(--color_primary);
}

/*==================================================
===| [Sticky Menu] CSS
===================================================*/
.sticky__menu {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 100;
       box-shadow: var(--shadow_sm);
       animation: stickyIn var(--transition_lg);
}

.sticky__menu::before {
       content: "";
       position: absolute;
       inset: 0;
       background: var(--color_bg);
       backdrop-filter: blur(15px);
       -webkit-backdrop-filter: blur(15px);
       z-index: -1;
       transition: background var(--transition_lg);
}

@keyframes stickyIn {
       from {
              opacity: 0;
              transform: translateY(-15px);
       }

       to {
              opacity: 1;
              transform: translateY(0);
       }
}

/*==================================================
===| [Top Header] CSS
===================================================*/
.header .top__header .header__contact a,
.header .top__header .header__social a {
       color: var(--color_primary);
       text-decoration: none;
}

.header .top__header .header__contact a svg,
.header .top__header .header__social a svg {
       transition: color var(--transition_lg);
}

.header .top__header .header__contact a:hover svg,
.header .top__header .header__social a:hover {
       color: var(--color_secondary);
}
@media (max-width: 767px) {
    .header .menu__wrapper .navbar-brand img {
        width: 150px!important;
        height: 35px!important;
    }
}

/*==================================================
===| [Header Menu] CSS
===================================================*/
.header .menu__wrapper {
       background-color: var(--color_bg);
}

.header .menu__wrapper .vr {
       background-color: var(--color_bg2) !important;
       opacity: 1 !important;
       min-height: 20px !important;
       justify-content: center;
       align-items: center;
       align-self: center;
       display: flex;
}

.header .menu__wrapper .navbar-brand img {
       
       height: 55px;
}

.header .menu__wrapper .navbar-nav .nav-link {
       color: var(--color_primary);
       font-weight: var(--font_semibold);
}

.header .menu__wrapper .lang__drop,
.header .menu__wrapper .header__search svg,
.header .menu__wrapper .navbar-toggler svg {
       color: var(--color_primary);
}

/*==================================================
===| [Offcanvas] CSS
===================================================*/
.offcanvas.offcanvas-top .form-floating {
       width: 100%;
       max-width: 800px;
}

.offcanvas.offcanvas-top .form-floating .search__btn svg {
       color: var(--color_text);
       transition: color var(--transition_lg);
}

.offcanvas.offcanvas-top .form-floating .search__btn:hover svg {
       color: var(--color_secondary);
}

/*==================================================
===| [Banner Slider] CSS
===================================================*/
.banner__slider {
       position: relative;
}

.banner__slider::before {
       background-image: url('../../img/slider_bg.png');
       background-size: cover;
       background-position: center bottom;
       background-repeat: no-repeat;
       height: 100%;
       width: 70%;
       position: absolute;
       left: 0;
       top: 0;
       content: "";
       z-index: -1;
}

.banner__slider::after {
       background-color: var(--color_bg);
       height: 100%;
       width: 30%;
       position: absolute;
       right: 0;
       top: 0;
       content: "";
       z-index: -1;
}

.banner__slider .news__img {
       width: 100%;
       height: 100%;
}

.banner__slider .news__img img {
       width: 100%;
       height: 632px;
       object-fit: contain;
       border-radius: var(--radius_sm);
}

.banner__slider .banner__text h2 {
       color: var(--color_white);
       font-size: calc(var(--font_size) * 2);
       font-weight: var(--font_bold);
}

.banner__slider .banner__text h2 span {
       font-weight: var(--font_normal);
}

.banner__slider .banner__text p {
       color: var(--color_white);
       font-size: calc(var(--font_size) * .9);
       line-height: var(--leading_tight);
}

.banner__slider .banner__arrows {
       position: absolute;
       right: -70px;
       top: 50%;
       transform: translateY(-50%);
       display: flex;
       flex-direction: column;
       gap: 20px;
}

.banner__slider .banner__arrow {
       width: 60px;
       height: 60px;
       border-radius: var(--radius_full);
       border: none;
       cursor: pointer;
       font-size: 22px;
       display: flex;
       align-items: center;
       justify-content: center;
}

.banner__slider .banner__arrow.next {
       background: var(--color_secondary);
       color: var(--color_white);
}

.banner__slider .banner__arrow {
       transition: background-color var(--transition_lg), color var(--transition_lg);
}

.banner__slider .banner__arrow:hover {
       background: var(--color_primary) !important;
       color: var(--color_white) !important;
}

.banner__slider .banner__arrow.prev {
       background: var(--color_bg2);
       color: var(--color_text);
}

.glide__slides {
       margin: 0;
       padding: 0;
       list-style: none;
}

.glide__slide {
       width: 100%;
}

.banner__slider .row {
       margin-left: 0;
       margin-right: 0;
}

/*==================================================
===| [Featured Wrapper] CSS
===================================================*/
.featured__wrapper .head__text span {
       color: var(--color_primary);
       font-size: calc(var(--font_size) * 1.3);
       font-weight: var(--font_semibold);
}

.featured__list {
       padding: calc(var(--base_spacing)* 3.3) 0;
       background-color: var(--color_bg);
}

.featured__list .featured__items .radius_top_left {
       border-top-left-radius: var(--radius_lg) !important;
}

.featured__list .featured__items .radius_top_right {
       border-top-right-radius: var(--radius_lg) !important;
}

.featured__list .featured__items .radius_bottom_left {
       border-bottom-left-radius: var(--radius_lg) !important;
}

.featured__list .featured__items .radius_bottom_right {
       border-bottom-right-radius: var(--radius_lg) !important;
}

.featured__list .card .card-body .head__info span,
.featured__list .small__text span {
       font-size: calc(var(--font_size) * 1);
       color: var(--color_primary);
}

.featured__list .card .card-body .info__content p {
       font-size: calc(var(--font_size) * .8);
       color: var(--color_primary);
}

.featured__list .card .card-body hr {
       border-color: var(--color_border);
       opacity: 1;
       width: 100%;
}

.featured__list .number__list .number__items strong {
       font-size: calc(var(--font_size) * 2.3);
       color: var(--color_primary);
}

.featured__list .number__list .number__items p {
       font-size: calc(var(--font_size) * .8);
       color: var(--color_primary);
}

.featured__list .number__list .number__items {
       border-right: 1px solid var(--color_border);
}

.featured__list .number__list .col-lg-3:last-child .number__items {
       border-right: 0 !important;
}

.featured__items .img img {
       width: 100%;
       height: 100%;
       max-height: 300px;
       object-fit: cover;
}

.featured__items .card {
       display: flex;
       align-items: center;
       justify-content: center;
       height: 100%;
       min-height: 300px;
}

.featured__items .card .card-body {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
}

/*==================================================
===| [Priorities Wrapper] CSS
===================================================*/

.priorities__wrapper .head__info .line {
       font-size: calc(var(--font_size)* 1);
       font-weight: var(--font_semibold);
       color: var(--color_text_blue);
       padding-left: 55px;
       position: relative;
}

.priorities__wrapper .head__info p {
       font-size: calc(var(--font_size)* .9);
       color: var(--color_primary);
       margin-top: 10px;
}

.priorities__wrapper .head__info .line::before {
       position: absolute;
       transform: translateY(-50%) !important;
       left: 0 !important;
       top: 50% !important;
       width: 45px;
       height: 3px;
       background-color: var(--color_secondary);
       content: " ";
}

.priorities__wrapper .card__list .card {
       border-color: var(--color_border);
}

.priorities__wrapper .card__list .card .icons img {
       width: 37px;
       height: 36px;
}

.priorities__wrapper .card__list .card p {
       margin-bottom: 0;
}

/*==================================================
===| [Activities Wrapper] CSS
===================================================*/
.activities__wrapper {
       background-color: var(--color_bg);
       position: relative;
       padding: calc(var(--base_spacing)* 5) 0;
}

.activities__wrapper .content__wrapper {
       padding: calc(var(--base_spacing)* 3) calc(var(--base_spacing)* 2);
       padding-bottom: calc(var(--base_spacing)* 1);
       z-index: 3;
}

.activities__wrapper .bg__:before {
       width: 100%;
       height: 640px;
       position: absolute;
       background-color: var(--color_white);
       left: 0;
       border-radius: var(--radius_lg);
       top: 0;
       content: "";
       z-index: 0;
}

.activities__wrapper .head__info .line {
       font-size: calc(var(--font_size)* 1);
       font-weight: var(--font_semibold);
       color: var(--color_text_blue);
       padding-left: 55px;
       position: relative;
}

.activities__wrapper .head__info p {
       font-size: calc(var(--font_size)* .9);
       color: var(--color_primary);
       margin-top: 10px;
}

.activities__wrapper .head__info .line::before {
       position: absolute;
       transform: translateY(-50%) !important;
       left: 0 !important;
       top: 50% !important;
       width: 45px;
       height: 3px;
       background-color: var(--color_secondary);
       content: " ";
}

.activities__wrapper .content__wrapper .large__title {
       width: 100%;
       max-width: 600px;
}

.activities__wrapper .content__wrapper .small__text {
       width: 100%;
       max-width: 400px;
}

.activities__wrapper .content__wrapper .large__title strong {
       color: var(--color_primary);
       font-size: calc(var(--font_size) * 1.3);
       font-weight: var(--font_semibold);
}

.activities__wrapper .content__wrapper .small__text p {
       font-size: calc(var(--font_size) * .8);
       color: var(--color_text);
}

.activities__wrapper .content__wrapper .slider__arrow {
       width: 60px;
       height: 60px;
       border-radius: var(--radius_full);
       border: none;
       cursor: pointer;
       font-size: 22px;
       display: flex;
       align-items: center;
       justify-content: center;
}

.activities__wrapper .content__wrapper .slider__arrow.next {
       background: var(--color_secondary);
       color: var(--color_white);
}

.activities__wrapper .content__wrapper .slider__arrow {
       transition: background-color var(--transition_lg), color var(--transition_lg);
}

.activities__wrapper .content__wrapper .slider__arrow:hover {
       background: var(--color_primary) !important;
       color: var(--color_white) !important;
}

.activities__wrapper .content__wrapper .slider__arrow.prev {
       background: var(--color_bg2);
       color: var(--color_text);
}

.activities__wrapper .activities__slider .glide__slides {
       margin: 0;
       padding: 0;
       align-items: stretch;
}

.activities__wrapper .activities__slider .glide__slide {
       height: auto;
}

.activities__wrapper .activity__card {
       background-color: var(--color_bg);
       border-radius: var(--radius_lg);
       padding: 28px 24px;
       height: 100%;
       min-height: 400px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       position: relative;
       overflow: hidden;
       transition: box-shadow var(--transition_lg);
}

.activities__wrapper .activity__card::before {
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       top: 0;
       content: "";
       background-color: #edeef9e6;
       z-index: 1;
       transition: background-color var(--transition_lg);
}

.activities__wrapper .activity__card:hover::before {
       background-color: var(--color_primary);
}

.activities__wrapper .activity__card .activity__card-icon {
       width: 56px;
       height: 56px;
       border-radius: var(--radius_full);
       background-color: var(--color_primary);
       display: flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 20px;
       flex-shrink: 0;
       transition: background-color var(--transition_lg);
}

.activities__wrapper .activity__card:hover .activity__card-icon {
       background-color: var(--color_secondary);
}

.activities__wrapper .activity__card .activity__card-icon svg {
       width: 28px;
       height: 28px;
       color: var(--color_white);
       fill: var(--color_white);
}

.activities__wrapper .activity__card .activity__card-title {
       font-size: calc(var(--font_size)* 1);
       font-weight: var(--font_semibold);
       color: var(--color_primary);
       margin-bottom: 12px;
       transition: color var(--transition_lg);
}

.activities__wrapper .activity__card:hover .activity__card-title {
       color: var(--color_white);
}

.activities__wrapper .activity__card .activity__card-text p {
       font-size: calc(var(--font_size) * .8);
       color: var(--color_text);
       line-height: 1.4;
       display: -webkit-box;
       -webkit-line-clamp: 4;
       -webkit-box-orient: vertical;
       overflow: hidden;
       transition: color var(--transition_lg);
}

.activities__wrapper .activity__card:hover .activity__card-text p {
       color: var(--color_white);
}

.activities__wrapper .activities__slider .glide__bullets {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 6px;
       margin-top: 28px;
       bottom: auto;
       position: static;
       transform: none;
}

.activities__wrapper .activities__slider .glide__bullet {
       width: 10px;
       height: 10px;
       border-radius: 50px;
       background-color: var(--color_primary);
       border: none;
       cursor: pointer;
       padding: 0;
       transition: background-color var(--transition_lg), width var(--transition_lg);
}

.activities__wrapper .activities__slider .glide__bullet--active {
       background-color: var(--color_secondary);
}

.activities__wrapper .button__slider [data-glide-el="controls"] {
       flex-direction: row-reverse;
       gap: 8px;
}

.activities__wrapper .btn__link {
       color: var(--color_primary);
}

.activities__wrapper .btn__link .icons {
       background-color: var(--color_primary);
}

.activities__wrapper .btn__link .icons svg {
       color: var(--color_white);
}


/*==================================================
===| [Brand Wrapper] CSS
===================================================*/
.brand__wrapper .head__info .line {
       font-size: calc(var(--font_size)* 1);
       font-weight: var(--font_semibold);
       color: var(--color_text_blue);
       padding-left: 55px;
       position: relative;
}

.brand__wrapper .head__info p {
       font-size: calc(var(--font_size)* .9);
       color: var(--color_primary);
       margin-top: 10px;
}

.brand__wrapper .head__info .line::before {
       position: absolute;
       transform: translateY(-50%) !important;
       left: 0 !important;
       top: 50% !important;
       width: 45px;
       height: 3px;
       background-color: var(--color_secondary);
       content: " ";
}

.brand__wrapper {
       position: relative;
}

.brand__wrapper .brand__items {
       margin: 0 auto;
       justify-content: center;
       align-items: center;
       display: flex;
}

.brand__wrapper .banner__arrows {
       position: absolute;
       top: 50%;
       left: 0;
       width: 100%;
       transform: translateY(-50%);
       pointer-events: none;
}

.brand__wrapper .banner__arrow {
       pointer-events: all;
       width: 48px;
       height: 48px;
       border-radius: 50%;
       background: var(--color_bg2);
       border: 1px solid var(--color_border);
       display: flex;
       align-items: center;
       color: var(--color_white);
       justify-content: center;
       transition: var(--transition_lg);
}

.brand__wrapper .banner__arrow:hover {
       background: var(--color_primary) !important;
       color: var(--color_white);
}

.brand__wrapper .banner__arrow.prev {
       position: absolute;
       left: -0px;
}

.brand__wrapper .banner__arrow.next {
       position: absolute;
       right: -0px;
}


.brand__wrapper .brand__items img {
       width: 200px;
       height: 75px;
}

/*==================================================
===| [Footer] CSS
===================================================*/
.footer .footer__bg {
       background-color: var(--color_primary);
       padding: calc(var(--base_spacing)* 5) calc(var(--base_spacing)* 3) calc(var(--base_spacing)* 1) calc(var(--base_spacing)* 3);
       border-radius: var(--radius_lg);
}

.footer .footer__text p {
       color: #ffffffaf;
       margin-bottom: 0;
}

.footer .footer__text a {
       color: var(--color_secondary);
       margin-bottom: 0;
}

.footer .menu__list strong {
       color: var(--color_white);
       font-size: calc(var(--font_size) * 1.3);
       font-weight: var(--font_semibold);
}

.footer .newsletter strong {
       color: var(--color_white);
}

.footer .menu__list .nav-link,
.footer .menu__list .adress a,
.footer .menu__list .mail a,
.footer .menu__list .phone a,
.footer .menu__list .mail svg,
.footer .social__media svg,
.footer .copyh__text p,
.footer .menu__list .phone svg {
       color: #ffffffaf;
       text-decoration: none !important;
}

.footer .copyh__text p a {
       color: var(--color_white);
}

.footer .newsletter input {
       color: var(--color_white) !important;
       box-shadow: none !important;
}

.footer .newsletter .form-floating>label {
       color: #ffffffaf !important;
       padding-left: 0;
}

/*==================================================
===| [Page Banner] CSS
===================================================*/
.page__header {
       padding: calc(var(--base_spacing)* 10) 0;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center center;
}

.page__header .breadcrumb {
       padding-left: calc(var(--base_spacing)* 2.4);
}

.page__header .breadcrumb {
       position: relative;
}

.page__header .breadcrumb:before {
       width: 30px;
       height: 2px;
       background-color: var(--color_secondary);
       position: absolute;
       transform: translateY(-50%) !important;
       left: 0 !important;
       top: 50% !important;
       content: "";
}

.page__header .breadcrumb .breadcrumb-item a {
       color: var(--color_white) !important;
       font-size: calc(var(--font_size)* .8);
}

.page__header .breadcrumb .breadcrumb-item.active {
       color: var(--color_secondary);
       font-size: calc(var(--font_size)* .8);
}

.breadcrumb-item+.breadcrumb-item::before {
       color: var(--color_white) !important;
}

.page__header .page__title {
       font-size: calc(var(--font_size)* 2.2);
       color: var(--color_white);
       font-weight: var(--font_normal);
}


/*==================================================
===| [Sticky] CSS
===================================================*/


.search__result {
       position: absolute;
       top: 100%;
       left: 0;
       width: 100%;
       background: #fff;
       border-radius: 10px;
       max-height: 400px;
       overflow-y: auto;
       z-index: 999;
       box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
       display: none;
}

.search__item {
       display: flex;
       padding: 12px 16px;
       border-bottom: 1px solid #eee;
       text-decoration: none;
       color: #000;
       transition: .2s;
}

.search__item:hover {
       background: #f8f8f8;
}

.page__detail.about__wrapper .about__img img {
width: 100%;
height: 450px;
    
}