/*
  Created on : 7.Şubat.2023, 18:37:26
  Author     : ISDO Web & Yazilim
*/

/* GENEL */
body{font-family: 'Quicksand', sans-serif;color:#333; background-color: #F7F7F7; scroll-behavior: smooth; padding-top: 112px;}
a{text-decoration: none;transition: all 0.3s ease;}
ul{padding: 0;margin: 0}
ul li{list-style: none;}
.mask{position: fixed;background: rgba(0,0,0,.5);width: 100%;height: 100vh;left: 0;top: 0;z-index: 3;}
.pl-0 {padding-left: 0 !important;} 
input[type=search]::-webkit-search-cancel-button{display: none; outline: none;}
input[type=search]:focus-visible {outline: none;}
input:focus {outline: none;}
.primary-title {font-size: 32px;color: #1E1E1E;font-weight: 500; margin-bottom: 70px;}



/* GENEL END */

/* HEADER */
header { position: fixed; background:#fff; width: 100%; z-index: 9; top:0; transition: all ease 200ms; padding: 15px 0;}
header.initial-header {position: initial; margin-top: -90px;}
header.set-header {transition: all ease 200ms;background: #ffffff;box-shadow: 0px 4px 4px rgb(0 0 0 / 8%); padding: 5px 0;} 
header.set-header nav .navbar-nav > li > .nav-link {color: #222222; transition: all ease 200ms;}
header.set-header nav .brand-logo img { max-width:100%; transition: all ease 200ms;}
header.set-header nav .navbar-nav > li > .nav-link.show{color:#333 ;}
header.set-header .navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: 0;}
header nav{padding-top: 0 !important;padding-bottom: 0 !important;}
header nav .brand-logo {display: flex;width: 100%;height: 100%;align-items: center;justify-content: left;}
header nav .brand-logo img{transition: all ease 200ms; margin-left: -4px; max-width: 100%;width: 200px;}
header nav .navbar-collapse { justify-content: flex-end;}
header nav .navbar-nav > li > .nav-link{white-space: nowrap; color: #222; text-transform: uppercase; font-weight: 700;border-bottom: 2px solid transparent; margin: 0 5px;transition: all ease 200ms; font-size: 14px; padding-top:0 ; padding-bottom: 0;;}
header nav .navbar-nav > li > .nav-link.show{color:#222 ;}
header .navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: -40px;}
header nav .navbar-nav > li:last-child > .nav-link {margin: 0; padding-right: 0;}
header nav .navbar-nav > li > button{margin-left: 10px;height: 40px;background: #ff613e ;border-radius: 5px;text-transform: capitalize;-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);border-color: transparent;color: #fff;margin-top: 20px;font-size: 14px;padding-left: 15px;padding-right: 15px;}
header nav .navbar-nav > li > button i{margin-right: 5px;}
header .navbar-nav:not(.language) > li a {border-right: 1px solid #222;}
header .navbar-nav > li:last-child a {border-right: none;}
header .sidenav-toogle{display: none; color: #222;}
header.set-header .sidenav-toogle {color: #222; font-size: 17px;}
header .side-nav{position: fixed;left: 0;top: 0;background: #fff;height: 100vh;width: 300px;z-index: 5;left:-300px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
header .side-nav > ul > li:nth-child(1){box-shadow: none;text-align: center;margin-bottom: 30px}
header .side-nav > ul > li:nth-child(1) a:hover{background-color: transparent}
header .side-nav > ul > li:nth-child(1) a img{transition: all ease 200ms; margin-top: 10px; max-width: 80%;}
header .side-nav > ul > li a{color: rgba(0,0,0,0.87);display: block;font-size: 16px;height: 48px;line-height: 48px;padding: 0px 20px;font-weight: 400;}
header .side-nav > ul > li a i {margin-right: 5px; width: 25px;}
header .side-nav .accordion-item{border-radius: 0 !important;background: #222;box-shadow: none;border:none}
header .side-nav .accordion-item .accordion-button{border-radius: 0 !important;background: #fff;box-shadow: none;color: rgba(0,0,0,0.87);}
header .side-nav .accordion-item .accordion-body{padding: 0;padding-left: 15px}
header .side-nav .sidenav-button{margin-left: 20px;width: calc(100% - 40px);height: 40px;background: #ff613e ;border-radius: 5px;text-transform: capitalize;-webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);box-shadow: 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%), 0 0 0 0 rgb(0 0 0 / 20%);border-color: transparent;color: #fff;font-size: 14px;padding-left: 15px;padding-right: 15px;}
header .side-nav .sidenav-button i{margin-right: 5px;}
header .side-nav .accordion-collapse {background-color: #fff; border-radius: 0; --bs-accordion-border-radius:0}
header .side-nav .language li a img {height: 25px;}
header .navbar .language li a img { height: 20px}
header .navbar .language {width: 100%;justify-content: end; gap: 10px;}
.second-header {background-color:  #ff613e;}
.second-header .header-wrapper {display: flex;align-items: center;justify-content: space-between;}
.second-header .social-media-list {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.second-header .social-media-list a {color: #fff; padding: 0 5px; font-size: 16px;}
.second-header .link-menu .navbar-nav {gap: 10px; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.second-header .link-menu .navbar-nav .nav-link {color: #fff; font-size: 16px; font-weight: 500; padding: 5px 10px; transition: all ease 200ms;} 
.second-header .link-menu .navbar-nav .user {border-left: 1px solid #fff;}
.second-header .link-menu .navbar-nav .user i {margin-left: 10px;}
/* HEADER END */

/* MAIN IMAGE */
.main-img {position: relative;}
.main-img img {width: 100%;}
.main-slide {
    background-color:  #ff613e;
    overflow: hidden;
    position: relative;
}

.main-slide .slider-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: transparent;
    color: #fff;
    border-bottom: 2px solid #6a1b9a;
    width: 36%;
    margin-right: 2%;
    margin-left: auto;
    transform: translatey(100%);
    z-index: 3;
    position: relative;
    margin-top: -62px;
}

.main-slide .header-text {
    font-weight: bold;
    font-size: 1.1em;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
}

.main-slide .slider-navigation {
    display: flex;
    gap: 10px;
}

.main-slide .swiper-button-prev,
.main-slide .swiper-button-next {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    right: auto;
    left: auto;
    margin-top: 0;
}

.main-slide .swiper-button-prev:hover,
.main-slide .swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.main-slide .swiper-button-prev::after,
.main-slide .swiper-button-next::after {
    font-size: 0.8em !important;
}

.main-slide .swiper-slide {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
}

.main-slide .slide-image {
    width: 60%;
    height: auto;
    max-height:460px;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 9;
}

.main-slide .slide-content {
    padding-top: 62px !important;
    width: 40%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(../images/world-map.png) no-repeat center center;
    background-size: 120%;
    background-color: #c3c3c3;
    background-blend-mode: overlay;
    background-position: right;
}

.main-slide .slide-content h2 {
    font-size: 2.4em;
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700;
}

.main-slide .slide-content .meta-info {
    font-size: 0.9em;
    color: black;
    margin-bottom: 15px;
}

.main-slide .slide-content .meta-info span {
    margin-right: 15px;
}

.main-slide .slide-content .meta-info i {
    margin-right: 5px;
}

.main-slide .slide-content p {
    font-size: 1em;
    line-height: 1.6;
    color: black;
    margin-bottom: 20px;
}

.main-slide .read-more {
    display: inline-block;
    color: #4a148c;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
    transition: all ease 200ms;
}

.main-slide .read-more:hover {
    transition: all ease 200ms;
    transform: translateX(5px);
    text-decoration: underline;
}
.buttons-slider {
    padding: 10px 0;
}
.buttons-slider > div {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 16px;
    cursor: pointer;
    transition: all ease 200ms;
}

@media (max-width: 768px) {
    .main-slide .swiper-slide {
        flex-direction: column;
    }

    .main-slide .slide-image {
        width: 100%;
        height: 250px;
    }

    .main-slide .slide-content {
        width: 100%;
        padding: 20px;
    }

    .main-slide .slide-content h2 {
        font-size: 1.5em;
    }

    .main-slide .slide-content p {
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {


    .main-slide .slider-navigation {
        width: 100%;
        justify-content: flex-end;
    }
}
/* MAIN IMAGE END */


/* BANNER */
.banner {height: 300px; overflow: hidden; position: relative; margin-bottom: 50px;}
.banner img { width: 100%;}
.banner .main-content {position: absolute;left: 0;top: 0;padding-top: 120px;width: 100%;height: 100%;background: linear-gradient(263.13deg, rgba(0, 153, 153, 0.1) 0%, #ff613e 100%);display: flex;align-items: flex-end;}
.banner .main-content .title {color: #fff;font-size: 32px; margin-bottom: 50px;}
.banner .bread-crumbs {color: #fff;display: flex;flex-direction: row;flex-wrap: wrap; margin-top: -30px;}
.banner .bread-crumbs li::after{content: "/";width: 30px;display: inline-block;text-align: center;}
.banner .bread-crumbs li:last-child:after {display: none;}
.banner .bread-crumbs li:last-child {font-weight: 300;}
.banner .bread-crumbs li a {color: #fff;} 

/* BANNER END */

/* CONTENT */
.content .bsv-neden-burdasin {padding: 100px 0;}
.content .colorfull-card a {display: block; position: relative; margin-bottom: 1.5rem;}
.content .colorfull-card .card-img {overflow: hidden; border-radius: 0px;}
.content .colorfull-card .card-img img {width: 100%; border-radius: 0px;}
.content .colorfull-card .card-content {display: flex;flex-direction: column;justify-content: center; position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 2.5rem;}
.content .colorfull-card:nth-child(2) .card-content {background: linear-gradient(247.32deg, rgba(0, 153, 153, 0) 0%, #ff613e 64.74%);border-radius: 0px;}
.content .colorfull-card:nth-child(3) .card-content {background: linear-gradient(247.32deg, rgba(142, 114, 255, 0) 0%, #8E72FF 64.74%);border-radius: 0px;}
.content .colorfull-card:nth-child(4) .card-content {background: linear-gradient(247.32deg, rgba(55, 122, 221, 0) 0%, #377ADD 64.74%);border-radius: 0px;}
.content .colorfull-card:nth-child(5) .card-content {background: linear-gradient(247.32deg, rgba(0, 169, 78, 0) 0%, #00A94E 64.74%);border-radius: 0px;}
.content .colorfull-card:nth-child(6) .card-content {background: linear-gradient(254.9deg, rgba(254, 88, 36, 0) 0%, #FE5824 100%);border-radius: 0px;}
.content .colorfull-card .card-content .title {font-size: 24px;color: #FFFFFF;font-weight: 500; margin-bottom: 1rem;}  
.content .colorfull-card .card-content .text {font-size: 18px;font-weight: 400; color: #FFFFFF;}
.content .colorfull-card .card-content .button {font-size: 18px; font-weight: 500; color: #fff;}
.content .colorfull-card .card-content .button img {margin-left: 7px;; filter: brightness(0) invert(1) ;}
.content .bsv-guncel-icerikler {padding: 0 0 100px;}
.content .blog-card {padding: 1.5rem; background-color: #fff; border-radius: 0px;}
.content .blog-card.horizontal {margin-bottom: 1.5rem;}
.content .blog-card .card-img img {width: 100%;}
.content .blog-card .card-content .title {font-size: 20px;color: #1E1E1E; font-weight: 500; margin-top: 1.5rem;}
.content .blog-card .card-content .text {font-size: 16px;color: #444444;}
.content .blog-card .card-content .button {color: #ff613e;font-size: 16px; font-weight: 500;}
.content .blog-card.horizontal .card-content { display: flex;height: 100%;flex-direction: column;align-items: flex-start;justify-content: center;}
.content .blog-card.horizontal .card-content .title {margin-top: 0;}
.content .bsv-hikayeler {padding: 100px 0;}
.content .menu-card {position: relative; margin-bottom: 1.5rem;}
.content .menu-card .card-img img {width: 100%;}
.content .menu-card .card-content {background-color: rgba(0,0,0,.2); padding: 1rem; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;}
.content .menu-card .card-content .text-bottom {position: absolute; width: 100%; left: 0; bottom: 0; padding: 1rem;}
.content .menu-card .card-content .title {font-size: 18px; font-weight: 500; color: #fff;}
.content .menu-card .card-content p {margin-bottom: 0; line-height: 24px;font-size: 14px; color: #fff; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.content .bsv-bloglar {padding-bottom:calc(50px - 1.5rem);}
.content .bsv-bloglar .blog-card {margin-bottom: 1.5rem;}
.content .bsv-bloglar .blog-card .card-content .blog-date {display: flex; justify-content: space-between; margin-bottom: -15px;}
.content .bsv-bloglar .blog-card .card-content .blog-date span {font-size: 12px; color: #999;}
.content .bsv-bloglar .blog-card .card-content .text {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.content .contact-form {padding:40px 20px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.content .contact-form .title {font-size: 1.5rem; margin-bottom: 20px;}
.content .contact-form .input-field {margin-bottom: 1rem;}
.content .contact-form .input-field input {padding: 0 15px; font-size: 14px; width: 100%; display: block;width: 100%;border-radius: 0px;height: 50px;border: 1px solid #d2d2d2;}
.content .contact-form .input-field input:focus {border: 1px solid #222;}
.content .contact-form .input-field label {font-size: 14px;}
.content .contact-form .input-field .error-text {opacity: 0; color: #f50000; font-size: 12px; transition: .2s; font-weight: 500;margin-top: -10px; display: block;}
.content .contact-form .input-field .error-text.show-error-text {opacity: 1;margin-top: 0px; transition: .2s;}
.content .contact-form .form-button { float: right;border: 1px solid #ff613e; transition: .2s;background: transparent;padding: 7px 20px;border-radius: 6px;color: #ff613e;font-size: 14px;}
.content .contact-form .form-button:hover {background-color: #ff613e; color: #fff; transition: .2s;}
.content .contact-form .form-button i {margin-right: 5px;}
.content .adress-wrapper { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;height: 100%;}
.content .adress-box {padding: 20px;}
.content .adress-box li {font-size: 16px; font-weight: 300; margin-bottom: 7px; color: #222;}
.content .adress-box li a {font-weight: 300; color: #222;}
.content .adress-box li i {font-size: 13px; margin-right: 7px;}
.content .user-text h1{color: #272727;font-size: 1.5rem;margin: 0;margin-bottom: 30px; }
.content .user-text h2{color: #272727;font-size: 1.4rem;margin: 0;margin-bottom: 30px; }
.content .user-text h3{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 30px; }
.content .user-text h4{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 30px; }
.content .user-text h5{color: #272727;font-size: 1.2rem;margin: 0;margin-bottom: 30px; }
.content .user-text p{font-size: 16px;font-weight: 300; margin-bottom: 40px;}
.content .user-text span{font-size: 16px;font-weight: 300;margin-bottom: 1rem;display: block;}
.content .user-text ul{margin-left: 30px;margin-bottom: 1rem;}
.content .user-text ul li{font-size: 16px;list-style: circle;font-weight: 300;line-height: 2}
.content .user-text ol{margin-bottom: 1rem;}
.content .user-text ol li{font-size: 16px;font-weight: 300;line-height: 2}
.content .user-text table{width: 100%;margin-bottom: 20px}
.content .user-text table tr td{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #dedede;}
.content .user-text table tr:nth-child(1){font-weight: bold;}
.content .user-text table tr:nth-child(1) td{line-height: 2;border-bottom: 1px solid #212529;}
.content .user-text blockquote{border-left: 0.35rem solid #1da6e0;border-top: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px 20px;background-color: #fbfbfb !important;line-height: 1.7;}
.content .user-text blockquote p{margin-bottom: 0}
.content .user-text img{margin-bottom: 20px;}
.content .user-text .gizli-yazi {display: none;}
.content .urun-card{color: #272727;margin-bottom: 20px}
.content .urun-card a{color: #272727;}
.content .urun-card h2{margin: 0;font-size: 18px;color: #222222;height: 45px;word-break: break-word;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-box-orient: vertical;box-orient: vertical;-webkit-line-clamp: 2;moz-line-clamp: 2;-ms-line-clamp: 2;line-clamp: 2;overflow: hidden;}
.content .urun-card p{height: 72px;width: 100%;font-weight: 300;text-overflow: ellipsis;word-break: break-word;display: -webkit-box;-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-box-orient: vertical;box-orient: vertical;-webkit-line-clamp: 3;-moz-line-clamp: 3;-ms-line-clamp: 3;line-clamp: 3;overflow: hidden;line-height: 1.1;}
.content .chips{margin-top: 25px;margin-bottom: 25px;}
.content .chips .badge-light{color: #212529;background-color: #fff; border: 1px dashed #212529; margin-bottom: 25px;}
.content .chips .badge-light:hover{color: #f8f9fa;background-color: #212529;}
.content .chips .badge {display: inline-block;padding: 10px 15px;font-size: 75%;font-weight: 400;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: 5px;}
.search-event-box {
    background: #6cc6d2;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.search-event-box .fa-search {
    color: #fff;
    font-size: 1.5rem;
}
.search-event-box .fw-bold {
    color: #fff;
    font-size: 1.3rem;
}
.search-event-box form {
    margin-top: 10px;
}
.search-event-box .form-control,
.search-event-box .form-select {
    border: none;
    height: 48px;
    font-size: 1rem;
}
.search-event-box .form-control:focus,
.search-event-box .form-select:focus {
    box-shadow: 0 0 0 2px #ff613e33;
    border: 1px solid #ff613e;
}
.btn-search-event {
    background: #ff613e;
    color: #fff;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    font-size: 1.1rem;
    border: none;
    transition: background 0.2s;
}
.btn-search-event:hover {
    background: #e14d2a;
    color: #fff;
}
@media (max-width: 768px) {
    .search-event-box {
        padding: 1.2rem !important;
    }
    .search-event-box .fw-bold {
        font-size: 1.1rem;
    }
    .search-event-box .form-control,
    .search-event-box .form-select,
    .btn-search-event {
        height: 42px;
        line-height: 42px;
        font-size: 1rem;
    }
}
/* CONTENT END */


/* FOOTER */
footer {background:#262626; color: #fff;padding: 70px 0 1.5rem;}
footer .footer-logo {filter: brightness(0) invert(1); max-width: 200px;}
footer .small {opacity: .7;}
footer .list-unstyled li  {opacity: .7; padding: 10px 0; display: flex; align-items: center; gap: 10px;}
footer .list-unstyled li i {font-size: 12px;}
footer .list-unstyled.underline li {border-bottom: 1px solid #444;}
/* FOOTER END */

/* MODAL */
.modal .modal-body{height: 500px;overflow-y: scroll;}
.modal .modal-body p{font-size: 15px;font-weight: 300}
.modal .modal-body h3{font-size: 1.4rem}
.modal .modal-body ul{margin-left: 30px;margin-bottom: 20px;}
.modal .modal-body ul li{font-size: 15px;font-weight: 300;list-style: circle;}
.modal .modal-body ol li{font-size: 15px;font-weight: 300;}
.modal .modal-body a{color:#ff613e ;font-weight: 300}
.modal .modal-body label{font-weight: 300}
.modal .modal-body .teklif-al{background: #ff613e ;color: #fff;float: right;padding: 8px 15px;border-radius: 5px;font-size: 14px;cursor: pointer;}
.modal .modal-body .teklif-al i{margin-right: 7px;font-size: 12px}
.modal-header .btn-close:focus {outline: none; box-shadow: none;}
/* MODAL END */



/* RESPONSIVE */
@media only screen and (max-height: 700px){
  header .left-fixed-menu li:nth-child(1) {min-height: 160px;}
}

@media only screen and (min-width: 992px) {
  .container{width: 90%; }
  .advantages-slide {margin-left: -20px;}
  .main-location {padding-left: calc(5% + .75rem);}
  .banner .text-wrapper {padding-left: calc(5% + .75rem);}
  .navbar-expand-lg .navbar-collapse {flex-direction: column; gap: 15px; padding: 10px 0;}
}

@media only screen and (min-width: 1440px) {
  .container {max-width: 1360px;}
  .search-event {
    margin-bottom: 2.5rem;
  }
}

@media only screen and (max-width: 1440px){
  .banner img {width: auto; height: 100%;}
}

@media only screen and (max-width: 1366px){
  .main-img .main-content .title {width: 70%; font-size: 35px; line-height: 50px;}
}

@media only screen and (max-width: 1024px){
  .content .colorfull-card .card-content .title {font-size: 18px; margin-bottom: .5rem;}
  .content .colorfull-card .card-content .text {font-size: 15px; margin-bottom: .5rem;}
  .content .colorfull-card .card-content .button {font-size: 15px;}
}

@media only screen and (max-width: 992px){
header .sidenav-toogle{transition: all ease 200ms; display: block;position: absolute;left: 15px;font-size: 23px;z-index: 3; height: 40px; line-height: 40px;}
  header.set-header {height: 55px;}
  header.set-header .sidenav-toogle {height: 50px; line-height: 50px;}
  .container{max-width: 90%; }
  header .shown{left:0px !important}
  .content .banner .text-box .bread-crumbs {flex-wrap: wrap;}
  .main-img {height: 600px;display: flex;justify-content: center; overflow: hidden;}
  .main-img img {width: auto; height: 100%;}
  .content .blog-card {margin-bottom: 1.5rem;}
  .content .blog-card.horizontal .card-img img {margin-bottom: 1.5rem;}
  .content .colorfull-card .card-content {padding: .5rem;}
  .primary-title {margin-bottom: 40px;}
  .content .colorfull-card .card-img img {width: 130%; margin-left: -10%;}
  .primary-title {font-size: 25px; margin-bottom: 40px;}
  footer .footer-nav {margin: 40px 0;}
  header nav .brand-logo {justify-content: center;}
  body {padding-top: 72px;}
  .main-slide .slide-content h2 {font-size: 20px;}
  .main-slide .slide-content .meta-info {font-size: 14px;}
  .main-slide .slide-content .read-more {font-size: 14px;}
  .main-slide .slide-content .button {font-size: 14px;}
  .main-slide .slide-content .button img {width: 14px; height: 14px;}
  .main-slide .slide-content .button img {width: 14px; height: 14px;}
}


@media only screen and (max-width: 768px){
  footer .container{max-width: 95%;}
  .banner {height: 600px;}
  .banner .text-wrapper .title {font-size: 25px;}
  .content .contacts-infos .col-12 {border-right: 0; margin-bottom: 2rem;}
  .main-img .main-content .title {width: 100%;}
  footer .footer-logo {text-align: center;}
  footer .footer-logo img {max-width: 100%;}
  footer .footer-nav {justify-content: center;}
  footer .footer-nav li {margin-bottom: 1rem;}
  footer .footer-social {justify-content: center;}
  .content .colorfull-card:nth-child(6) .card-img img {width: auto;}
  .banner .main-content .title {font-size: 27px; margin-bottom: 30px;}
  .second-header {display: none;}
  .main-slide .slider-header {width: 100%; transform: none;}
}

@media only screen and (max-width: 601px){
  .whatsapp-dekstop{display: none}
  .whatsapp-mobil{display: flex;align-items: center; justify-content: center;position: fixed;width: 100%;bottom: 0;height: 40px;background: #25D366;text-align: center;color: #fff;z-index: 10;font-size: 15px;}
  .whatsapp-mobil i{font-size: 24px;margin-right: 7px;}
  footer .footer-bottom-image {margin-bottom: 0;}
  footer .footer-social li a {margin-top: 1rem;}
  .banner {display: flex; justify-content: center;}
  .content .left-menu li a {padding: 7px 20px;font-size: 15px;}
  .content .menu-card .card-content .title {font-size: 15px;}
  .content .menu-card .card-content .text {font-size: 13px; line-height: 1.2;}
}

@media only screen and (max-width: 570px){
  footer .footer-copyright{height: auto;}
  footer .footer-copyright .left{text-align: center;display: block;font-size: 16px;margin-bottom: 25px; float: none;}
  footer .footer-copyright .right a{margin-right: 0px;display: block;float: none;margin: auto;margin-top: 11px;  }
}

@media only screen and (max-width: 350px){
  header .header-top .brand-logo {width: 210px;}
  header .header-top .brand-logo img {max-width: 100%;}

}


/* RESPONSIVE END */

/* SIDEBAR NAVIGATION */
.sidebar-navigation {
    background: #fff;
    padding: 20px 0;
}

.sidebar-title {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0 20px;
}

.sidebar-section {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.sidebar-subtitle {
    color: #666;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

.sidebar-menu-item {
    margin: 0;
}

.sidebar-link {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
}

.sidebar-link:hover {
    background-color: #f8f9fa;
    color: #ff613e;
    text-decoration: none;
}

.sidebar-link.active {
    color: #ff613e;
    font-weight: 600;
    background-color: #fff5f3;
}

.sidebar-link i {
    width: 16px;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;
}

.sidebar-link span {
    flex: 1;
}

@media (max-width: 768px) {
    .sidebar-navigation {
        margin-bottom: 20px;
    }
    
    .sidebar-title {
        font-size: 15px;
        padding: 0 15px;
    }
    
    .sidebar-subtitle {
        padding: 0 15px;
    }
    
    .sidebar-link {
        padding: 6px 15px;
        font-size: 13px;
    }
    
    .sidebar-link i {
        width: 14px;
        margin-right: 8px;
    }
}

/* SIDEBAR NAVIGATION END */

.category-card-item {
    background: #fff;
    border: 2px solid #ff613e;
    padding: 24px 12px 16px 12px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    transition: all ease 200ms;
}
.category-card-item:hover {
    background-color: #ff613e1c;
    transition: all ease 200ms;
}
.category-card-item img {
    width: 64px;
    height: 64px;
    margin-bottom: 12px;
}
.category-card-item h3 {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 6px;
    color: #222;
    height: 46px;
}
.category-card-item span {
    font-size: 1em;
    color: #666;
}
.category-cards {
    background-color: #ffd6b8;
    padding: 0 0 20px 0;
}
.category-cards .category-cards-wrapper-1 {
    padding: 30px 50px 20px 50px;
    background-color: #fff;
}

.latest-news .container {
    padding: 0;
}

.latest-news .swiper {
    padding-bottom: 32px;
}

.latest-news .card {
    border: none;
    border-radius: 0 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    height: 100%;
    background: #fff;
    transition: box-shadow 0.2s;
}

.latest-news .card:hover {
    box-shadow: 0 4px 24px rgba(0,0,0,0.12);
}

.latest-news .card-img-top {
    width: 100%;
    height:300px;
    border-radius: 0 !important;
    object-fit:cover;
}
.latest-news .card-body {
    border-radius: 0 !important;
}
.latest-news .title-wrapper {
    border-bottom: 2px solid #ff613e;
}
.latest-news .card-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #222;
}


@media (max-width: 575.98px) {
    .latest-news .card-title {
        font-size: 1rem;
    }
}
.kurum-kart .kurum-kart-inner {
    position: relative;
    background: #fff;
    border-radius: 0px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    overflow: hidden;
    margin: 0 auto;
}

.kurum-kart .kurum-kart-img {
    width: 100%;
    height:300px;
    object-fit: cover;
    display: block;
}

.kurum-kart .kurum-kart-btn {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-99%);
    background: #6cc6d2;
    color: #fff;
    border: none;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 0.95em;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    cursor: pointer;
    transition: background 0.2s;
}
.kurum-kart .kurum-kart-btn:hover {
    background: #4bb3c1;
}

.kurum-kart .kurum-kart-content {
    padding: 18px 16px 10px 16px;
    position: relative;
}

.kurum-kart .kurum-kart-title {
    font-weight: 700;
    font-size: 1.1em;
    color: #222;
    margin-bottom: 10px;
}

.kurum-kart .kurum-kart-info {
    font-size: 1em;
}

.kurum-kart .etkinlik-sayi {
    color: #888;
    font-weight: 500;
}

.kurum-kart .gonullu-sayi {
    color: #ff613e;
    font-weight: 700;
}

.kurum-kart .bolme {
    color: #888;
    margin: 0 6px;
}
.text-primary {
    color: #6cc6d2 !important;
}

.sing-link .volunteer-call {
    background: #ff613e;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 12px rgba(0,0,0,0.10);
    margin-bottom: .5rem;
}
.sing-link .volunteer-img {
    width: 100%;
    margin-bottom: 18px;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(232, 209, 209, 0.06);
}
.sing-link .volunteer-content {
    text-align: left;
    color: #fff;
    padding: 0 30px 20px 30px;
}
.sing-link .volunteer-content h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
}
.sing-link .volunteer-content p {
    font-size: 1.1rem;
    margin-bottom: 22px;
    color: #fff;
}
.sing-link .volunteer-btn {
    background: #fff;
    color: #ff613e;
    font-weight: 700;
    border: none;
    padding: 14px 0;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 1.1rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.sing-link .volunteer-btn:hover {
    background: #ffe3d6;
    color: #e14d2a;
}
@media (max-width: 768px) {
    .sing-link .volunteer-content {
        padding: 0 10px 20px 10px;
    }
    .sing-link .volunteer-content h3 {
        font-size: 1.3rem;
    }
    .sing-link .volunteer-btn {
        font-size: 1rem;
        padding: 10px 0;
    }
}
.ebulten-box {
    padding: 18px 16px 16px 16px;
    margin-bottom: 24px;
}

.ebulten-title {
    color: #b3b3b3;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}

.ebulten-form {
    display: flex;
    gap: 0;
}

.ebulten-input {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid #d2d2d2;
    font-size: 16px;
    outline: none;
    transition: border 0.2s;
}

.ebulten-input:focus {
    border: 1px solid #6cc6d2;
}

.ebulten-btn {
    background: #6cc6d2;
    color: #fff;
    font-weight: 700;
    border: none;

    padding: 0 22px;
    font-size: 15px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background 0.2s;
}

.ebulten-btn:hover {
    background: #4bb3c1;
}

@media (max-width: 480px) {
    .ebulten-form {
        flex-direction: column;
        gap: 8px;
    }
    .ebulten-input, .ebulten-btn {
        border-radius: 3px !important;
    }
}
.counter {
    background: #f7f7f7;
}
.counter-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 80px;
    padding: 40px 0 30px 0;
}

.counter-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 160px;
}

.counter-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    opacity: 0.7;
}

.counter-number {
    font-size: 2.5rem;
    font-weight: 600;
    color: #666;
    margin-bottom: 6px;
    letter-spacing: 1px;
}

.counter-label {
    font-size: 1rem;
    color: #888;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 2px;
}
.main-content {
    background-color: #fff;
}

@media (max-width: 768px) {
    .counter-wrapper {
        flex-direction: column;
        gap: 30px;
        padding: 30px 0 20px 0;
    }
    .counter-item {
        min-width: 0;
    }
}

/* NEWS CATEGORY PAGE STYLES */
.news-page .search-filter-box {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 30px;
}

.news-page .search-box {
    position: relative;
}

.news-page .search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    z-index: 2;
}

.news-page .search-input {
    padding-left: 45px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    height: 48px;
    font-size: 16px;
    transition: border-color 0.2s;
}

.news-page .search-input:focus {
    border-color: #ff613e;
    box-shadow: 0 0 0 2px rgba(255, 97, 62, 0.1);
}

.news-page .form-select {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    height: 48px;
    font-size: 16px;
    transition: border-color 0.2s;
}

.news-page .form-select:focus {
    border-color: #ff613e;
    box-shadow: 0 0 0 2px rgba(255, 97, 62, 0.1);
}

.news-page .news-card {
    border: none;
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    background: #fff;
    transition: all 0.3s ease;
    height: 100%;
}

.news-page .news-card:hover {
    box-shadow: 0 4px 24px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.news-page .news-card a {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
}

.news-page .news-image-wrapper {
    position: relative;
    overflow: hidden;
}

.news-page .news-card .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0 !important;
    transition: transform 0.3s ease;
}

.news-page .news-card:hover .card-img-top {
    transform: scale(1.05);
}

.news-page .news-category {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ff613e;
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

.news-page .news-card .card-body {
    padding: 20px;
    border-radius: 0 !important;
}

.news-page .news-card .card-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: #222;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-page .news-card .card-text {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-page .news-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.news-page .news-meta .text-muted {
    font-size: 12px;
    color: #888;
}

.news-page .news-meta i {
    font-size: 11px;
}

/* Pagination Styles */
.news-page .pagination {
    gap: 5px;
}

.news-page .pagination .page-link {
    border: 1px solid #e0e0e0;
    color: #666;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s;
}

.news-page .pagination .page-link:hover {
    background-color: #ff613e;
    border-color: #ff613e;
    color: #fff;
}

.news-page .pagination .page-item.active .page-link {
    background-color: #ff613e;
    border-color: #ff613e;
    color: #fff;
}

.news-page .pagination .page-item.disabled .page-link {
    color: #ccc;
    border-color: #e0e0e0;
    background-color: #f8f9fa;
}

/* Responsive adjustments for news page */
@media (max-width: 768px) {
    .news-page .search-filter-box {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .news-page .search-input,
    .news-page .form-select {
        height: 44px;
        font-size: 15px;
    }
    
    .news-page .news-card .card-title {
        font-size: 1rem;
    }
    
    .news-page .news-card .card-text {
        font-size: 13px;
    }
    
    .news-page .news-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .news-page .pagination .page-link {
        padding: 8px 12px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .news-page .search-filter-box .row {
        gap: 15px;
    }
    
    .news-page .search-filter-box .col-md-6,
    .news-page .search-filter-box .col-md-3 {
        width: 100%;
    }
    
    .news-page .news-card .card-body {
        padding: 15px;
    }
    
    .news-page .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* NEWS CATEGORY PAGE STYLES END */

/* NEWS DETAIL PAGE STYLES */
.news-detail {
    padding: 50px 0;
    background-color: #f8f9fa;
}

.news-detail .container {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 40px;
}

/* Article Header */
.news-detail-header {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 25px;
}

.news-detail-category-badge {
    background: #ff613e;
    color: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.news-detail-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
    line-height: 1.3;
}

.news-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.news-detail-meta-item {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 14px;
}

.news-detail-meta-item i {
    color: #ff613e;
    margin-right: 8px;
}

/* Featured Image */
.news-detail-featured-image {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.news-detail-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Article Content */
.news-detail-content {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.news-detail-lead {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    margin-bottom: 25px;
    padding: 20px;
    background-color: #f8f9fa;
    border-left: 4px solid #ff613e;
    border-radius: 0 8px 8px 0;
}

.news-detail-subtitle {
    font-size: 1.5rem;
    font-weight: 600;
    color: #222;
    margin: 30px 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

.news-detail-quote {
    background: #f8f9fa;
    border-left: 4px solid #ff613e;
    padding: 25px;
    margin: 30px 0;
    border-radius: 0 8px 8px 0;
    font-style: italic;
}

.news-detail-quote p {
    font-size: 18px;
    color: #555;
    margin-bottom: 15px;
    font-weight: 500;
}

.news-detail-quote cite {
    color: #666;
    font-size: 14px;
    font-weight: 600;
}

.news-detail-list {
    margin: 20px 0;
    padding-left: 20px;
}

.news-detail-list li {
    margin-bottom: 10px;
    color: #555;
    line-height: 1.6;
}

.news-detail-gallery {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
    margin: 30px 0;
}

.news-detail-gallery-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
}

/* Article Footer */
.news-detail-footer {
    border-top: 2px solid #f0f0f0;
    padding-top: 30px;
}

.news-detail-tags-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px;
}

.news-detail-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.news-detail-tag {
    background: #f0f0f0;
    color: #666;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.2s;
}

.news-detail-tag:hover {
    background: #ff613e;
    color: #fff;
    text-decoration: none;
}

.news-detail-share-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px;
}

.news-detail-share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.news-detail-share-btn {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
}

.news-detail-share-btn i {
    margin-right: 8px;
}

.news-detail-share-facebook {
    background: #1877f2;
    color: #fff;
}

.news-detail-share-facebook:hover {
    background: #166fe5;
    color: #fff;
}

.news-detail-share-twitter {
    background: #1da1f2;
    color: #fff;
}

.news-detail-share-twitter:hover {
    background: #1a91da;
    color: #fff;
}

.news-detail-share-linkedin {
    background: #0077b5;
    color: #fff;
}

.news-detail-share-linkedin:hover {
    background: #006097;
    color: #fff;
}

.news-detail-share-whatsapp {
    background: #25d366;
    color: #fff;
}

.news-detail-share-whatsapp:hover {
    background: #22c55e;
    color: #fff;
}

/* Sidebar */
.news-detail-sidebar-section {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 25px;
    margin-bottom: 30px;
}

.news-detail-sidebar-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

/* Related News */
.news-detail-related-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.news-detail-related-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.news-detail-related-link {
    display: flex;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s;
}

.news-detail-related-link:hover {
    text-decoration: none;
    color: inherit;
    transform: translateX(5px);
}

.news-detail-related-image {
    width: 80px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
}

.news-detail-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-detail-related-content {
    flex: 1;
}

.news-detail-related-title {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-detail-related-meta {
    font-size: 12px;
    color: #666;
}

.news-detail-related-meta i {
    margin-right: 5px;
}

/* Newsletter */
.news-detail-newsletter {
    background: linear-gradient(135deg, #ff613e 0%, #ff8a65 100%);
    color: #fff;
    padding: 25px;
    border-radius: 8px;
    text-align: center;
}

.news-detail-newsletter-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
}

.news-detail-newsletter-text {
    font-size: 14px;
    margin-bottom: 20px;
    opacity: 0.9;
}

.news-detail-newsletter-input-group {
    display: flex;
    gap: 0;
}

.news-detail-newsletter-input {
    flex: 1;
    padding: 12px 16px;
    border: none;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
    outline: none;
}

.news-detail-newsletter-btn {
    background: #222;
    color: #fff;
    border: none;
    padding: 12px 16px;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    transition: background 0.2s;
}

.news-detail-newsletter-btn:hover {
    background: #333;
}

/* Categories */
.news-detail-categories {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.news-detail-category-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #f8f9fa;
    border-radius: 6px;
    text-decoration: none;
    color: #666;
    transition: all 0.2s;
}

.news-detail-category-link:hover {
    background: #ff613e;
    color: #fff;
    text-decoration: none;
    transform: translateX(5px);
}

.news-detail-category-name {
    font-weight: 500;
}

.news-detail-category-count {
    font-size: 12px;
    opacity: 0.7;
}

/* Responsive Design */
@media (max-width: 992px) {
    .news-detail .container {
        padding: 30px 20px;
    }
    
    .news-detail-title {
        font-size: 2rem;
    }
    
    .news-detail-meta {
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .news-detail {
        padding: 30px 0;
    }
    
    .news-detail .container {
        padding: 20px 15px;
    }
    
    .news-detail-title {
        font-size: 1.8rem;
    }
    
    .news-detail-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .news-detail-lead {
        font-size: 16px;
        padding: 15px;
    }
    
    .news-detail-subtitle {
        font-size: 1.3rem;
    }
    
    .news-detail-quote {
        padding: 20px;
    }
    
    .news-detail-quote p {
        font-size: 16px;
    }
    
    .news-detail-share-buttons {
        flex-direction: column;
    }
    
    .news-detail-share-btn {
        justify-content: center;
    }
    
    .news-detail-newsletter-input-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .news-detail-newsletter-input,
    .news-detail-newsletter-btn {
        border-radius: 6px;
    }
}

@media (max-width: 576px) {
    .news-detail-title {
        font-size: 1.5rem;
    }
    
    .news-detail-content {
        font-size: 15px;
    }
    
    .news-detail-sidebar-section {
        padding: 20px 15px;
    }
    
    .news-detail-related-image {
        width: 60px;
        height: 45px;
        margin-right: 12px;
    }
    
    .news-detail-related-title {
        font-size: 13px;
    }
}

/* NEWS DETAIL PAGE STYLES END */

/* SEARCH RESULTS PAGE STYLES */
.search-result-wrapper {
    padding: 50px 0;
    background-color: #f8f9fa;
}

/* Search Results Header */
.search-result-header {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.search-result-title {
    font-size: 2rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.search-result-subtitle {
    font-size: 16px;
    color: #666;
}

.search-result-count {
    font-weight: 700;
    color: #ff613e;
}

.search-result-query {
    font-weight: 600;
    color: #333;
    background: #fff3cd;
    padding: 2px 8px;
    border-radius: 4px;
}

.search-result-sort {
    text-align: right;
}

.search-result-sort-select {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    height: 40px;
    font-size: 14px;
    transition: border-color 0.2s;
}

.search-result-sort-select:focus {
    border-color: #ff613e;
    box-shadow: 0 0 0 2px rgba(255, 97, 62, 0.1);
}

/* Search Filters */
.search-result-filter-box {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.search-result-filter-select {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    height: 42px;
    font-size: 14px;
    transition: border-color 0.2s;
}

.search-result-filter-select:focus {
    border-color: #ff613e;
    box-shadow: 0 0 0 2px rgba(255, 97, 62, 0.1);
}

/* Search Results List */
.search-result-list {
    margin-bottom: 40px;
}

.search-result-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 25px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.search-result-item:hover {
    box-shadow: 0 4px 24px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.search-result-image {
    position: relative;
    height: 100%;
    min-height: 200px;
}

.search-result-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 200px;
}

.search-result-category {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ff613e;
    color: #fff;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 2;
}

.search-result-content {
    padding: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.search-result-item-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4;
}

.search-result-item-title a {
    color: #222;
    text-decoration: none;
    transition: color 0.2s;
}

.search-result-item-title a:hover {
    color: #ff613e;
    text-decoration: none;
}

.search-result-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;
}

.search-result-date,
.search-result-location,
.search-result-organization {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 14px;
}

.search-result-date i,
.search-result-location i,
.search-result-organization i {
    color: #ff613e;
    margin-right: 8px;
    font-size: 12px;
}

.search-result-description {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.search-result-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.search-result-tag {
    background: #f0f0f0;
    color: #666;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.2s;
}

.search-result-tag:hover {
    background: #ff613e;
    color: #fff;
}

.search-result-actions {
    display: flex;
    gap: 12px;
    margin-top: auto;
}

.search-result-btn-primary,
.search-result-btn-secondary {
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    display: inline-block;
}

.search-result-btn-primary {
    background: #ff613e;
    color: #fff;
    border: 1px solid #ff613e;
}

.search-result-btn-primary:hover {
    background: #e14d2a;
    border-color: #e14d2a;
    color: #fff;
    text-decoration: none;
}

.search-result-btn-secondary {
    background: transparent;
    color: #ff613e;
    border: 1px solid #ff613e;
}

.search-result-btn-secondary:hover {
    background: #ff613e;
    color: #fff;
    text-decoration: none;
}

/* Pagination */
.search-result-pagination {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.search-result-pagination .pagination {
    gap: 5px;
}

.search-result-pagination .page-link {
    border: 1px solid #e0e0e0;
    color: #666;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s;
}

.search-result-pagination .page-link:hover {
    background-color: #ff613e;
    border-color: #ff613e;
    color: #fff;
}

.search-result-pagination .page-item.active .page-link {
    background-color: #ff613e;
    border-color: #ff613e;
    color: #fff;
}

.search-result-pagination .page-item.disabled .page-link {
    color: #ccc;
    border-color: #e0e0e0;
    background-color: #f8f9fa;
}

/* Responsive Design for Search Results */
@media (max-width: 992px) {
    .search-result-wrapper {
        padding: 30px 0;
    }
    
    .search-result-title {
        font-size: 1.8rem;
    }
    
    .search-result-header {
        padding: 20px;
    }
    
    .search-result-filter-box {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .search-result-wrapper {
        padding: 20px 0;
    }
    
    .search-result-title {
        font-size: 1.5rem;
    }
    
    .search-result-header {
        padding: 15px;
    }
    
    .search-result-filter-box {
        padding: 15px;
    }
    
    .search-result-content {
        padding: 20px;
    }
    
    .search-result-item-title {
        font-size: 1.1rem;
    }
    
    .search-result-meta {
        flex-direction: column;
        gap: 10px;
    }
    
    .search-result-actions {
        flex-direction: column;
    }
    
    .search-result-btn-primary,
    .search-result-btn-secondary {
        text-align: center;
        width: 100%;
    }
    
    .search-result-sort {
        text-align: left;
        margin-top: 15px;
    }
    
    .search-result-pagination {
        padding: 20px 15px;
    }
    
    .search-result-pagination .page-link {
        padding: 8px 12px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .search-result-filter-box .row {
        gap: 15px;
    }
    
    .search-result-filter-box .col-md-3 {
        width: 100%;
    }
    
    .search-result-content {
        padding: 15px;
    }
    
    .search-result-image {
        min-height: 150px;
    }
    
    .search-result-image img {
        min-height: 150px;
    }
    
    .search-result-pagination .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* SEARCH RESULTS PAGE STYLES END */

/* LOGIN PAGE STYLES */
.login-container {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    padding: 40px 30px;
    margin: 20px 0;
    border: 1px solid #f0f0f0;
}

.login-header {
    margin-bottom: 30px;
}

.login-title {
    font-size: 2rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
}

.login-subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 0;
}

.login-form {
    width: 100%;
}

/* Login-specific form styles */
.login-form-label {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    font-size: 14px;
}

.login-input-group-text {
    background-color: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-right: none;
    color: #666;
    font-size: 14px;
    min-width: 45px;
    justify-content: center;
}

.login-form-control {
    border: 1px solid #e0e0e0;
    border-radius: 0 6px 6px 0;
    padding: 12px 15px;
    font-size: 16px;
    transition: all 0.2s ease;
    background-color: #fff;
}

.login-form-control:focus {
    border-color: #ff613e;
    box-shadow: 0 0 0 3px rgba(255, 97, 62, 0.1);
    background-color: #fff;
}

.login-input-group .login-form-control {
    border-left: none;
    border-radius: 0 6px 6px 0;
}

.login-input-group .login-input-group-text {
    border-radius: 6px 0 0 6px;
}

.login-toggle-btn {
    border: 1px solid #e0e0e0;
    border-left: none;
    color: #666;
    background-color: #f8f9fa;
    transition: all 0.2s ease;
}

.login-toggle-btn:hover {
    background-color: #e9ecef;
    border-color: #e0e0e0;
    color: #666;
}

.login-form-check-input {
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.login-form-check-input:checked {
    background-color: #ff613e;
    border-color: #ff613e;
}

.login-form-check-input:focus {
    box-shadow: 0 0 0 3px rgba(255, 97, 62, 0.1);
}

.login-form-check-label {
    font-size: 14px;
    color: #555;
    cursor: pointer;
}

.login-btn {
    background: linear-gradient(135deg, #ff613e 0%, #ff8a65 100%);
    border: none;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(255, 97, 62, 0.3);
}

.login-btn:hover {
    background: linear-gradient(135deg, #e14d2a 0%, #ff7a4a 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(255, 97, 62, 0.4);
}

.login-btn:active {
    transform: translateY(0);
}

.forgot-password-link {
    color: #ff613e;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.forgot-password-link:hover {
    color: #e14d2a;
    text-decoration: underline;
}

.login-divider {
    position: relative;
    text-align: center;
    margin: 30px 0;
}

.login-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
}

.login-divider span {
    background: #fff;
    padding: 0 15px;
    color: #666;
    font-size: 14px;
    font-weight: 500;
}

.social-login {
    margin-bottom: 20px;
}

.social-btn {
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
    border-width: 2px;
}

.social-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.register-link {
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}

.register-link p {
    font-size: 14px;
    color: #666;
}

.register-link-text {
    color: #ff613e;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.register-link-text:hover {
    color: #e14d2a;
    text-decoration: underline;
}

/* Login Form Validation Styles */
.login-form-control.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

.login-form-control.is-valid {
    border-color: #198754;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.1);
}

.login-form .invalid-feedback {
    display: block;
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
}

.login-form .valid-feedback {
    display: block;
    color: #198754;
    font-size: 12px;
    margin-top: 5px;
}

/* Loading State */
.login-btn.loading {
    position: relative;
    color: transparent;
}

.login-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Responsive Design for Login */
@media (max-width: 768px) {
    .login-container {
        padding: 30px 20px;
        margin: 10px 0;
    }
    
    .login-title {
        font-size: 1.8rem;
    }
    
    .login-subtitle {
        font-size: 14px;
    }
    
    .login-form-control {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 12px 12px;
    }
    
    .login-btn {
        padding: 12px 16px;
        font-size: 16px;
    }
    
    .social-btn {
        padding: 10px 16px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .login-container {
        padding: 25px 15px;
        border-radius: 8px;
    }
    
    .login-title {
        font-size: 1.6rem;
    }
    
    .login-input-group-text {
        min-width: 40px;
        font-size: 12px;
    }
    
    .login-form-control {
        padding: 10px 12px;
    }
    
    .login-btn {
        padding: 12px 14px;
    }
    
    .social-login {
        margin-bottom: 15px;
    }
    
    .social-btn {
        margin-bottom: 8px;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .login-container {
        background: #2d3748;
        border-color: #4a5568;
        color: #e2e8f0;
    }
    
    .login-title {
        color: #f7fafc;
    }
    
    .login-subtitle {
        color: #a0aec0;
    }
    
    .login-form-label {
        color: #e2e8f0;
    }
    
    .login-form-control {
        background-color: #4a5568;
        border-color: #718096;
        color: #e2e8f0;
    }
    
    .login-form-control:focus {
        background-color: #4a5568;
        border-color: #ff613e;
    }
    
    .login-input-group-text {
        background-color: #4a5568;
        border-color: #718096;
        color: #a0aec0;
    }
    
    .login-form-check-label {
        color: #a0aec0;
    }
    
    .login-divider span {
        background: #2d3748;
        color: #a0aec0;
    }
    
    .register-link {
        border-top-color: #4a5568;
    }
    
    .register-link p {
        color: #a0aec0;
    }
}

/* LOGIN PAGE STYLES END */