/**********
  GENEL
**********/

::selection {
  background: #fec906;
  color: #222222;
}
.btn-ofis {
  --ar-btn-color: #ffffff;
  --ar-btn-bg: #fec906;
  --ar-btn-border-color: #fec906;
  --ar-btn-hover-color: #ffffff;
  --ar-btn-hover-bg: #e5b505;
  --ar-btn-hover-border-color: #d9ab05;
  --ar-btn-focus-shadow-rgb: 254, 201, 6;
  --ar-btn-active-color: #ffffff;
  --ar-btn-active-bg: #c89c04;
  --ar-btn-active-border-color: #b88f04;
  --ar-btn-active-shadow: unset;
  --ar-btn-disabled-color: #ffffff;
  --ar-btn-disabled-bg: #fec906;
  --ar-btn-disabled-border-color: #fec906;
}
.btn-outline-ofis {
  --ar-btn-color: #fec906;
  --ar-btn-border-color: #fec906;
  --ar-btn-hover-color: #000;
  --ar-btn-hover-bg: #fec906;
  --ar-btn-hover-border-color: #fec906;
  --ar-btn-focus-shadow-rgb: 254, 201, 6;
  --ar-btn-active-color: #000;
  --ar-btn-active-bg: #e5b505;
  --ar-btn-active-border-color: #e5b505;
  --ar-btn-active-shadow: unset;
  --ar-btn-disabled-color: #fec906;
  --ar-btn-disabled-bg: transparent;
  --ar-btn-disabled-border-color: #fec906;
  --ar-gradient: none;
}
.text-ofis {
  color: #fec906;
}
.bg-ofis {
  background-color: #fec906;
}
.bg-ofiss {
  background-color: #4e4d4d;
}
.border-ofis {
  border-color: #fec906;
}

h1>a:hover,
.h1>a:hover,
h2>a:hover,
.h2>a:hover,
h3>a:hover,
.h3>a:hover,
h4>a:hover,
.h4>a:hover,
h5>a:hover,
.h5>a:hover,
h6>a:hover,
.h6>a:hover {
  color: #fec906;
}


/**********
    HEADER
**********/

header {
  height: 83px;
}
.dil a {
  margin: 0 5px;
}
.navbar.navbar-expand-lg.fixed-top {
  background-color: #fff;
}
.navbar .nav-item:hover>.nav-link:not(.disabled),
.navbar .nav-item .nav-link.show:not(.disabled),
.dropdown-menu li:hover>.dropdown-item,
.dropdown-menu .dropdown-item.show {
  color: #fec906;
}
.nav-link {
  color: #4e4d4d;
}
.navbar.navbar-expand-lg.fixed-top {
  box-shadow: rgba(0, 0, 0, 0.24) 0 3px 8px;
}


/**********
  FOOTER
**********/

.footer .nav-link {
  color: #DDDDDD;
}
.footer .nav-link:hover {
  color: #eeeeee;
}
.footerborder {
  border-top: solid 1px #333333;
}
.footerborder a {
  color: #DDDDDD;
  text-decoration: auto;
}


/**********
  ANASAYFA
**********/

/*SLİDE*/
.anaslide {
  min-height: calc(100vh - 83px);
}
.slide-content {
  width: 100%;
  height: calc(100vh - 83px);
}
.slide-content h2,
.slide-content p {
  z-index: 2;
}
.s-ustsol {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.s-ustorta {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.s-ustsag {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.s-ortasol {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.s-ortaorta {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.s-ortasag {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.s-altsol {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.s-altorta {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.s-altsag {
  width: 100%;
  height: calc(100vh - 83px);
  padding: 10%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.swiper-pagination-bullet-active {
  background-color: #fec906;
  border-color: #fec906;
}

/*ÇÖZÜMLER*/
.nav-tabs {
  --ar-nav-tabs-link-active-color: #fec906;
  --ar-nav-tabs-link-active-border-color: #fec906;
}
.nav-link:hover,
.nav-link:focus {
  color: #fec906;
}
.accordion-button:not(.collapsed) {
  color: #434a57;
}

/*PAKETLER*/
.paketler{
    min-width: 19rem;
}


/**********
  PAKETLER
**********/

.mobile-packages {
    display: none;
}
@media screen and (max-width: 1024px) {
    .desktop-table {
        display: none !important;
    }
    .mobile-packages {
        display: block !important; padding: 10px;
    }
    .package-card {
        background: #ffffff !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 15px !important;
        overflow: hidden !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.08) !important;
        margin-bottom: 25px !important;
    }
    .package-header {
        background: #f8f9fa !important;
        padding: 18px !important;
        font-weight: 800 !important;
        text-align: center !important;
        font-size: 1.25rem !important;
        border-bottom: 1px solid #eee !important;
        color: #333 !important;
    }
    .package-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .package-list li {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 14px 20px !important;
        border-bottom: 1px solid #f5f5f5 !important;
    }
    .package-list li span:first-child {
        font-weight: 600 !important;
        color: #555 !important;
        flex: 1;
    }
    .package-list li i, .package-list li .small {
        margin-left: auto !important;
    }
    .highlight-card {
        border: 2px solid #ffc107 !important;
    }
}
@media screen and (max-width: 480px) {
    .package-list li {
        padding: 12px 12px !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 15px !important;
    }
    .package-list li span:first-child {
        flex: 1 !important;
        max-width: 75% !important;
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
        word-wrap: break-word !important;
        display: inline-block !important;
    }
    .package-list li i,
    .package-list li .small {
        flex-shrink: 0 !important;
        width: 20% !important;
        text-align: right !important;
        margin-left: auto !important;
        display: inline-flex !important;
        justify-content: flex-end !important;
        margin-top: 3px !important;
    }
    .package-list li .small {
        font-size: 0.7rem !important;
        line-height: 1.1 !important;
        color: #6c757d !important;
        word-break: break-word !important;
    }
    .package-list li i {
        font-size: 1.1rem !important;
    }
}


/**********
  KVKK
**********/

.figure-caption {
  font-size: 16px;
}


/**********
  MEDİA
**********/

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .navbar .dropdown-toggle::after{
        display: none;
    }
    header {
        height: 75px;
    }
    .anaslide {
        min-height: 500px;
    }
    .slide-content {
        height: 500px;
    }
    .s-ustsol,.s-ustorta,.s-ustsag,.s-ortasol,.s-ortaorta,.s-ortasag,.s-altsol,.s-altorta,.s-altsag{
        height: auto;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .slide-content p span {
        font-size: 30px !important;
        line-height: 1.2em;
    }
    .paketler{
        width: 100%;
        margin-bottom: 20px;
    }
    .nav-tabs .nav-item {
        width: 50%;
    }
    .footer .nav-link {
        justify-content: center;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .navbar .dropdown-toggle::after{
        display: none;
    }
    header {
        height: 75px;
    }
    .anaslide {
        min-height: 350px;
    }
    .slide-content {
        height: 350px;
    }
    .s-ustsol,.s-ustorta,.s-ustsag,.s-ortasol,.s-ortaorta,.s-ortasag,.s-altsol,.s-altorta,.s-altsag{
        height: auto;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .slide-content p span {
        font-size: 22px !important;
        line-height: 1.2em;
    }
    .paketler{
        width: 100%;
        margin-bottom: 20px;
    }
    .nav-tabs .nav-item {
        width: 100%;
    }
    .ilgihizmet .form-check-inline {
        width: 100%;
    }
    .footer .nav-link {
        justify-content: center;
    }
}


/**********
  0000000000
**********/