*
/* GENEL */
body{font-family: "Red Hat Display", sans-serif;color:var(--black); scroll-behavior: smooth; }
a{text-decoration: none;transition: all 0.3s ease; color: var(--black);}
a:hover{text-decoration: none;transition: all 0.3s ease; color: var(--black);}
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::-webkit-search-cancel-button{display: none; outline: none;}
input:focus-visible {outline: none;}
input:focus {outline: none;}
input:focus {box-shadow: none;}
button:focus-visible {outline: none !important; }
button:focus {outline: none !important;}
button:focus {box-shadow: none !important;}
select:focus-visible {outline: none !important; }
select:focus {outline: none !important;}
select:focus {box-shadow: none !important;}
.page-link:focus {box-shadow: none !important;}
.form-control:focus {border: 1px solid rgba(0, 0, 0, .15); box-shadow: none;}
.py-set {padding: 5rem 0;}
.my-set {margin: 5rem 0;}
.primary-button { background: linear-gradient(45deg, #ff6b35, #ff8c42); color: white; border: none; padding: 16px 50px; font-size: 16px; font-weight: 600; border-radius: 8px; cursor: pointer; position: relative; overflow: hidden; transition: all 0.3s ease; text-decoration: none; display: inline-block;}
.primary-button::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; border-radius: 50%; z-index: 1; }
.primary-button:hover::before { width: 300px; height: 300px; }
.primary-button:hover { transform: translateY(-3px); background: linear-gradient(45deg, #ff8c42, #ff6b35); color: #fff;}
.primary-button span { position: relative; z-index: 2; }
.primary-button svg {width: 20px; margin-right: 5px; fill: #fff;}
.secondary-button { background: transparent; color: var(--orange); border: 1px solid var(--orange); padding: 12px 50px; font-size: 16px; font-weight: 600; border-radius: 8px; cursor: pointer; position: relative; overflow: hidden; transition: all 0.3s ease; text-decoration: none; display: inline-block;}
.secondary-button::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; border-radius: 50%; z-index: 1; }
.secondary-button:hover::before { width: 300px; height: 300px; }
.secondary-button:hover { transform: translateY(-3px); background: linear-gradient(45deg, #ff8c42, #ff6b35); color: #fff;}
.secondary-button span { position: relative; z-index: 2; }
.tertiary-button {background-color:#676665; transition: all ease .2s; border: 1px solid #676665; color: #fff; box-shadow: none; padding: 7px 15px; border-radius: 8px; font-size: 15px;}
.tertiary-button:hover {background-color: #fff; color: #676665;} 
.tertiary-button svg {margin-top: -3px; margin-right: 3px;}
.green-text {color: #1B8B00;}
.yellow-text {color: #FCAC2C;}
.red-text {color: #FC2C2C;}
.custom-control-input:focus ~ .custom-control-label::before {box-shadow: none !important; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
:root {
    --orange: #FF6600;
    --black:#252525;
    --grey: #F4F4F4;
}
/* GENEL END */

/* HEADER */
header { position: fixed; background:var(--grey); width: 100%; z-index: 9; top:0; transition: all ease 200ms;}
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%);} 
header.set-header nav .navbar-nav > li > .nav-link {color:var(--black); transition: all ease 200ms;line-height: 50px;}
header.set-header nav .brand-logo img {height: 50px;transition: all ease 200ms;}
header.set-header nav .navbar-nav > li > .nav-link.show{color:var(--black) ;}
header.set-header .navbar-expand-lg .navbar-nav .dropdown-menu {margin-top: 0;}
header.set-header .header-top .header-top-wrap {margin-top: -40px;}
header .relative {position: relative;}
header nav{padding-top: 0 !important;padding-bottom: 0 !important;}
header nav .brand-logo img{transition: all ease 200ms; margin-left: -4px; height: 53px;}
header nav .navbar-collapse { justify-content: right;}
header nav .navbar-nav > li > .nav-link{color:var(--black);font-weight: 500;border-bottom: 2px solid transparent;line-height: 100px; margin: 0 10px;transition: all ease 200ms;}
header nav .navbar-nav > li > .nav-link.show{color:var(--black) ;}
header .navbar-expand-lg {transition: all ease 200ms;}
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 .sidenav-toogle{display: none; color:var(--black);}
header.set-header .sidenav-toogle {color: var(--orange); font-size: 17px;}
header .side-nav{position: fixed;left: 0;top: 0;background: #fff;height: 100%;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;display: flex ; flex-direction: column; justify-content: space-between;}
header .side-nav > ul.list-unstyled > li:nth-child(1){height: 70px;box-shadow: none;text-align: center;margin-bottom: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
header .side-nav > ul.list-unstyled > li:nth-child(1) a{height: 70px;}
header .side-nav > ul.list-unstyled > li:nth-child(1) a:hover{background-color: transparent}
header .side-nav > ul.list-unstyled > li:nth-child(1) a img{transition: all ease 200ms; max-height: 50px; margin-top: 10px; max-width: 100%; object-fit: contain;}
header .side-nav > ul.list-unstyled > li a{color: rgba(0,0,0,0.87);display: flex;justify-content: space-between;font-size: 16px;height: 48px;line-height: 48px;padding: 0px 20px;font-weight: 400;}
header .side-nav > ul.list-unstyled > li a svg {margin-right: 5px; width: 25px;}
header .side-nav .accordion-item{border-radius: 0 !important;background: #fff;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: var(--orange) ;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 .header-social {background: #61bece;  height: 40px;}
header .side-nav .header-social li a svg {fill: #fff;}
/* HEADER END */


/* HERO */
.slider-content {padding: 5rem 0;}
.slider-content .text-box .sup-title {font-size: 30px; margin-bottom: 1rem;}
.slider-content .text-box .title {font-size: 56px;  font-weight: 700;}
.slider-content .image-box {text-align: center;}
.slider-content .image-box img {max-width: 100%; width: 380px;}
#heroSwiper .hero-pagination {right: 0; left: initial; width: auto; display: flex ; flex-direction: column; gap: 10px; top: 50%; transform: translateY(-50%); height: auto; justify-content: center;}
#heroSwiper .hero-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background: transparent; border: 1px solid var(--orange); opacity: 1;}
#heroSwiper .hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--orange);}
/* HERO END */

/* toast */
.toast-container { position: fixed; top: 20px; right: 20px; z-index: 9999; }
.toast { min-width: 250px; margin-bottom: 10px; padding: 12px 16px; border-radius: 6px; color: #fff; font-size: 14px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); opacity: 0; transform: translateX(100%); transition: all 0.4s ease; }
.toast.show { opacity: 1; transform: translateX(0); }
.toast.success { background-color: #28a745; }
.toast.error { background-color: #dc3545; }
.toast.warning { background-color: #ffc107; color: #333; }
/* toast END*/


/* CONTENT */
.page-title {font-size: 30px; color: var(--black); text-align: center; position: relative; padding-bottom: 1.5rem;}
.page-title::after {content: ""; position: absolute; width: 130px; height: 2px; background: var(--orange); bottom: .75rem; left: 50%; transform: translateX(-50%);}
.advantages {background-color: var(--grey);} 
.advantage-card {text-align: center;}
.advantage-card .icon-box {width: 60px; height: 60px;margin: auto; margin-bottom: 1.5rem;}
.advantage-card .icon-box svg {width: 100%; fill: var(--orange);}
.advantage-card .icon-box img {width: 100%}
.advantage-card .content .title {font-size: 24px; font-weight: 600;}
.advantage-card .content .text {font-size: 16px; max-width: 50%; margin: auto;}
.tool-card {padding: 3.5rem 1rem; margin-bottom: 1.5rem; transition: all ease .2s; display: block; background-color: #FFEDE3; border-radius: 8px; overflow: hidden; text-align: center; color: var(--black);}
.tool-card .icon-box {border: 1px solid var(--orange); width: 120px; height: 120px; margin: auto; background-color: var(--orange); display: flex; justify-content: center; align-items: center; margin-bottom: 1.5rem; border-radius: 50%;}
.tool-card .icon-box svg {width: 60px; height: 60px; fill: #fff;}
.tool-card .icon-box > *  {width: 60px; height: 60px; object-fit: contain; filter: brightness(0) invert(1);}
.tool-card .text {width: 80%; margin: 1rem auto;} 
.tool-card:hover { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-top: -.5rem;}
.tool-card:hover .icon-box {background-color: transparent; transition: all ease .3s;} 
.tool-card:hover .icon-box > * {filter: none}
.cta {background-image: url(../images/cta-bg.jpg); position: relative; background-position: center; background-attachment: fixed;}
.cta::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.78); z-index: 1;}
.cta>.container {position: relative; z-index: 2;}
.cta .text {margin-bottom: 0; color: #fff; font-size: 35px;}
.cta .cta-form {max-width: 350px; margin-left: auto;}
.cta .cta-form input {width: 100%; height: 50px; border-radius: 8px; outline: none; border: 0; padding: .5rem 1rem; margin-bottom: 1rem;}
.cta .cta-form .primary-button {width: 100%;}
.blog-boxes {display: grid; gap: 20px;}
.blog-boxes .item-4,.item-3, .item-2 {max-height: 200px;}
.blog-card { width: 100%; overflow: hidden; position: relative; display: block; border-radius: 16px; height: 100%;}
.blog-card > img {width: 100%; height: 100%;object-fit: cover;}
.blog-card .card-content { text-align: center; background-color: rgba(255, 102, 0, .85); padding: 1.5rem; color: #fff; position: absolute; width: 100%; top: 0; display: flex ; height: 100%; flex-direction: column; justify-content: center; transform: translateY(100%); transition: all ease .3s;}
.blog-card:hover .card-content {transform: translateY(0);}
.blog-card .card-content .title {font-size: 22px; font-weight:500; margin-bottom: 1rem; color: #fff;}
.blog-card .card-content .text {font-size: 15px; color: #fff;}
.blog-card .card-content .blog-btn {font-size: 15px;}
.blog-card .card-content .blog-btn svg {width: 17px; fill: #fff;}
.social-box {display: flex; gap: .75rem;}
.social-box a {width: 40px; height: 40px;background-color: #575757; display: flex ; align-items: center; justify-content: center; border-radius: 8px; fill: #fff;}
.social-box a svg {width: 20px; height: 20px;}
.kh-search-trigger { display:inline-flex; align-items:center; gap:10px; padding:10px 10px; border-radius:999px; border:1px solid rgba(0,0,0,.12); background:#fff; fill:var(--orange); font-weight:600; }
.kh-ico-search { width:18px; height:18px; margin-right:6px; }
.kh-modal-dialog { transform:translateY(-24px); transition:transform .28s ease; }
.modal.show .kh-modal-dialog { transform:translateY(0); }
.kh-modal-content { border:0; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.28); }
.kh-modal-header { border:0; padding:16px 16px 0 16px; }
.kh-modal-title { font-size:26px; font-weight:500; color:var(--black); }
.kh-modal-body { padding:12px 16px 18px 16px; display: flex ; flex-direction: column; justify-content: space-between;}
.kh-searchbar { display:grid; grid-template-columns:1fr auto; gap:10px; }
.kh-inputwrap { position:relative; }
.kh-input { border-radius:12px; border:1px solid rgba(0,0,0,.15); padding:12px 14px; font-size:16px; background:#fff; color:var(--black); }
.kh-submit { border:0; border-radius:12px; padding:12px 16px; font-weight:600; background:linear-gradient(45deg,#ff6b35,#ff8c42); }
.kh-suggest { position:absolute; z-index:3; top:calc(100% + 6px); left:0; right:0; max-height:320px; overflow:auto; background:#fff; border:1px solid rgba(0,0,0,.12); border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.12); display:none; margin-left: 0;}
.kh-suggest.kh-open { display:block; }
.kh-suggest li { list-style:none; }
.kh-suggest a { display:flex; align-items:center; gap:8px; padding:10px 12px; color:var(--black); text-decoration:none; }
.kh-suggest a:hover { background:var(--grey); }
.kh-section { margin-top:14px; }
.kh-section-title { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#707070; margin:8px 0; }
.kh-chiplist { display:flex; flex-wrap:wrap; gap:10px; }
.kh-chip { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:var(--grey); border:1px solid rgba(0,0,0,.08); color:var(--black); font-size:14px; }
@media (max-width:576px) { .kh-searchbar { grid-template-columns:1fr; } }
.page-hero {position: relative; text-align: center; display: flex ; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid var(--grey);}
.page-hero .ustm-title {font-size: 30px; font-weight: 600; color: #222;}
.page-hero .page-hero-content {width: 100%;}
.bread-crumbs {width: 100%; display: flex ; align-items: center; justify-content: center; gap: .5rem;}
.bread-crumbs li a {color: #222;}
.bread-crumbs li {display: flex; gap: .5rem; align-items: center;}
.bread-crumbs li svg {height: 16px;fill: #222;}
.bread-crumbs li:last-child svg {display: none;}
.ka-grid{list-style:none;display:grid;grid-template-columns:1fr;gap:16px;padding:0;margin:8px 0 0}
@media(min-width:640px){.ka-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.ka-grid{grid-template-columns:repeat(3,1fr)}}
.ka-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--ka-bg);border:1px solid #eef0f3;border-radius:16px;box-shadow:0 6px 20px rgba(31,42,55,.06);text-decoration:none;color:var(--ka-ink);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ka-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(31,42,55,.12);border-color:#e6e8ec}
.ka-card:focus{outline:0;box-shadow:0 0 0 4px var(--ka-ring);border-color:var(--ka-accent)}
.ka-icon{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--ka-accent-weak);display:grid;place-items:center}
.ka-icon img {width:30px;height:30px;}
.ka-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.ka-name{font-weight:600;line-height:1.2;font-size: 20px;margin-bottom: 0;}
.ka-desc{font-size:13px;color:var(--ka-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ka-toolbar{gap:12px} 
.ka-input{width:110px; border-radius:10px; border-color:#e5e7eb; } 
.default-title {font-size: 23px; border-bottom: 1px solid var(--orange); margin-bottom: 1.5rem; padding-bottom: .75rem;}
.default-table {text-align: center; border-radius: 8px; overflow: hidden;}
.default-table thead {background-color: #FFF0E6;}
.default-table thead th {font-size: 14px;}
.table-highlight {background-color: #FCCCB1 !important;}
.default-table>tbody>tr:nth-of-type(odd)>* {background-color: #FAFAFA;}
.default-table>tbody>tr:nth-of-type(even)>* {background-color: #F4F4F4;}
.default-table tfoot {background-color: #EAEAEA;}
.default-table>:not(caption)>*>* {box-shadow: none; border: 0; border-right: 1px solid #dee2e6;}
.default-table>:not(caption) *:last-child {border-right: 0;}
.ka-select { height:48px; border-radius:10px; border-color:#e5e7eb; }
.ka-check { display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none; }
.ka-check-input { position:absolute; opacity:0; width:0; height:0; }
.ka-check-box {min-width:18px; width:18px; height:18px; border:2px solid #ff6a00; border-radius:4px; display:inline-block; position:relative; }
.ka-check-input:checked + .ka-check-box::after { content:""; position:absolute; left:3px; top:0px; width:8px; height:14px; border-right:3px solid #ff6a00; border-bottom:3px solid #ff6a00; transform:rotate(45deg); }
.ka-check-text { font-size:14px; color:#4b5563; }
.ka-wrap .primary-button {padding: 12px 50px;}
.ka-label {font-size: 14px; margin-bottom: .25rem;}
.ka-wrap .info-text {color:#6C6C6C; font-size: 13px;}
.ka-wrap .horizon-form {display: flex;align-items: center; position: relative;}
.ka-wrap .horizon-form .form-control {width: auto; flex: 1;}
.ka-wrap .horizon-form .ka-label {padding-right: 1rem; min-width: 200px;}
.ka-wrap .horizon-form .ka-label span {width: 120px; display: inline-block;}
.ka-wrap .horizon-form .input-text {position: absolute;right: 1rem;}
.ka-wrap .text-button {padding: 12px 50px; transition: all ease .2s; border: 0; background: transparent; font-size: 16px; font-weight: 600; border-radius: 8px; color: var(--black);}
.ka-wrap .text-button:hover {background-color: var(--grey);}
.result-box {background-color: #EDF0F2; padding: 1.5rem; border-radius: 8px; overflow: hidden;}
.result-box ul li {font-size: 17px; font-weight: 500; margin-bottom: 1rem;display: flex ; justify-content: space-between;}
.result-box ul li:last-child {margin-bottom: 0;}
.result-box ul li span:first-child {padding-right: 10px; width: 49%;}
.result-box ul li span:last-child {padding-left: 10px; width: 49%; text-align: end;} 
.result-box ul li.main-result {color: var(--orange);}  
.result-box.right-large ul li span:first-child {width: 30%;}
.result-box.right-large ul li span:last-child {width: 69%;}
.result-box.left-large ul li span:first-child {width: 69%;}
.result-box.left-large ul li span:last-child {width: 30%;}
.table-bordered>:not(caption)>* {border-top: 0;}
.table-info {display: flex; justify-content: space-between; align-items: center; background-color: #EAEAEA; padding: 1rem 1.5rem; border-radius: 8px; margin-top: 1.5rem;}
.table-info .tertiary-button {white-space: nowrap;}
.accordion .accordion-button {border-bottom: 0; color: var(--black);font-weight: 700; justify-content: space-between;}
.accordion .accordion-button::after {display: none;}
.accordion .accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed) {color: var(--black); background-color: transparent;}
.accordion-body {font-size: 15px;}
.accordion .accordion-icon {width: 25px; height: 25px; position: relative;}
.accordion .accordion-icon::after {content: ""; transition: all ease .2s; position: absolute; height: 15px; width: 2px; background: var(--orange); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 20px;}
.accordion .accordion-icon::before {content: ""; position: absolute; height: 2px; width: 15px; background: var(--orange); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 20px;}
.accordion .accordion-button:not(.collapsed) .accordion-icon::after {height: 2px;}
.cat-age-result {text-align: center;display: flex ; justify-content: space-between; align-items: center;}
.cat-age-result .cat-image {margin-bottom: 1rem; width: 49%; height: 100%;}
.cat-age-result .cat-image img {width: 100%;height: 100%;border-radius: 8px; object-fit: contain;}
.cat-age-result .age-display {font-size: 16px;color: var(--black); width: 49%;}
.cat-age-result .age-display .number {font-size: 48px;font-weight: 700;color: var(--black);display: block;line-height: 1;margin: 0.5rem 0;}
.tax-table {background: #fff;overflow: hidden;}
.tax-header {display: flex; background: #FFF0E6; padding: 1rem; margin-bottom: 1rem; border-radius: 8px; }
.tax-row {display: flex; padding: 0.75rem 0rem; align-items: center;}
.tax-col {flex: 1; text-align: center; padding: 0 0.5rem;}
.tax-col select, .tax-col input[type="number"] {width: 100%; border: 1px solid #e5e7eb; border-radius: 6px; padding: 0.5rem;}
.tax-radio {display: inline-flex; position: relative; cursor: pointer; align-items: center; gap: .5rem;}
.tax-radio input {position: absolute; opacity: 0;}
.tax-radio span {display: inline-block; width: 20px; height: 20px; border: 2px solid var(--orange); border-radius: 50%;}
.tax-radio input:checked + span:after {content: ""; position: absolute; left: 6px; top: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--orange);}
.tax-radio>div {margin-bottom: -4px; position: relative;}
.tax-table.result {min-width: 150px;}
.tax-table .result-cell {background: #F0F0F0; height: 48px; display: flex ; align-items: center; justify-content: center; width: 100%; border-radius: 8px; font-weight: 700;}
.tax-header .tax-col {font-weight: 600;}
.yuzde-hesaplama .tax-radio {width: 48%;}
.color-orange {color: var(--orange);}
.check-container {display: inline-flex;align-items: center;border: 1px solid #ddd;border-radius: 10px; overflow: hidden;}
.check-container .option {border-left: 1px solid #ddd;padding: 12px 14px;cursor: pointer;background: #fff;user-select: none;}
.check-container .option:first-child {border-left: 0;}
.check-container .option.active {background: #ff6600;color: #fff;border-color: #ff6600;}
.check-container .option.disabled {color: #aaa;cursor: not-allowed;}
#otherInput {border: 1px solid #ddd;padding: 7px 10px;border-radius: 0px;display: none;border: 0;}
.ka-textarea {height: 300px; border: 1px solid var(--orange);}
.ka-textarea:focus {border: 1px solid var(--orange); box-shadow: 0 0 2px 1px rgba(255, 102, 0, 0.2);}
.result-table {border: 1px solid #ddd; border-radius: 10px; overflow: hidden; }
.result-table .table-header {font-weight: 700; background-color: #EDF0F2;text-align: center;padding:.75rem .5rem;}
.result-table .table-body {padding: 0 1rem;}
.result-table .table-body li {padding: .5rem; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;} 
.result-table .table-body li span:last-child {background-color: var(--grey); padding: .25rem .75rem; border-radius: .5rem;}
.result-table .table-body li:last-child {border-bottom: 0;}
.result-boxes {margin: 1rem 0; padding: 0; list-style: none; display: flex ; gap: 1rem;justify-content: space-between ; flex-wrap: wrap;}
.result-boxes li {background: var(--grey); padding: 1rem; border-radius: 8px; width: calc(25% - 1rem); text-align: center; font-size: 14px; font-weight: 700;}
.result-box .tertiary-button {background-color: var(--black); white-space: nowrap; display: inline-block;}
.search-box {display: flex; border: 1px solid var(--orange); border-radius: 10px; overflow: hidden; padding: 0;}
.search-box input {border: 0; padding: 12px 16px; flex: 1; outline: none; font-size: 16px; height: 65px;}
.search-box .primary-button {border-radius: 0;}
.search-box .primary-button:hover {transform: translate(0);}
.search-box .form-control:focus {border: 0;}
.domain-result {justify-content: center; font-size:26px; font-weight: 700;}
.ka-badge {font-size: 13px; font-weight: 400; padding: .25rem .75rem; background: #ddd; border-radius: 6px; height: max-content; user-select: none;}
.ka-badge.ka-warn {background: #ffeedf; color: #ff6600;}
.ka-badge.ka-success {background: #e6f4ea; color: #1b8b00;}
.domain-whois .result-table .table-body li {justify-content: left; gap:1rem;}
.domain-whois .result-table .table-body li span:first-child {min-width: 150px;}
.ka-table {width: 100%;border-radius: 10px; overflow: hidden;}
.ka-table thead {background-color: #FFF0E6; border-radius: 10px;}
.ka-table thead th {padding: 10px 20px; font-size: 14px; text-align: center;}
.ka-table tbody td {padding: 10px;}
.ka-table tbody td:last-child {text-align: center;}
.ka-table tbody td input {width: 100%;}
.ka-table .form-control {height: 48px !important;}
.ka-table td:empty {visibility:hidden;}
.ka-table .link-text {color: var(--orange); font-weight: 600; text-decoration: underline; cursor: pointer;}
.result-actions {margin-top: 1.5rem;display: flex ; flex-wrap: wrap; gap: 1rem;justify-content: center;}
.result-actions .button {border: 1px solid #fff; transition: all ease 300ms; background: #fff; padding: 5px 10px; border-radius: 6px; font-size: 13px; white-space: nowrap;}
.result-actions .button:hover {background-color: var(--grey);transition: all ease 300ms; }
.result-actions .button svg {width: 20px; height: 20px; fill: var(--orange);}
.iframe-modal .modal-body {background: #f8f9fa;border-radius: 8px;padding: 20px;}
.iframe-code {background: #fff;border: 1px solid #dee2e6;border-radius: 4px;padding: 15px;margin: 15px 0;}
.iframe-code pre {margin: 0;white-space: pre-wrap;font-family: monospace;}
.copy-iframe {color: #fff;border: none;padding: 8px 16px;border-radius: 4px;cursor: pointer;display: inline-flex;align-items: center;gap: 8px;}
.copy-iframe svg {width: 16px;height: 16px;fill: currentColor;}




/*General CSS*/
.zed-form-container {background: white; border-radius: 16px; padding:0 40px; position: relative; overflow: hidden; height: 100%;}
.zed-form-title {text-align: center; color: #2c3e50; font-size: 28px; margin-bottom: 30px; font-weight: 600;}
.zed-form-group {position: relative;}
.zed-form-label {display: block; margin-bottom: 8px; color: #555; font-weight: 500; font-size: 14px;}
.zed-form-input, .zed-form-textarea {width: 100%; padding: 12px 16px; border: 2px solid #e1e5e9; border-radius: 10px; font-size: 16px; transition: all 0.3s ease; background-color: #f8f9fa;}
.zed-form-input:focus, .zed-form-textarea:focus {outline: none; border-color: var(--orange); background-color: white; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}
.zed-form-textarea {resize: vertical; min-height: 120px; font-family: inherit;}
.zed-form-error {color: #e74c3c; font-size: 12px; margin-top: 5px; opacity: 0; transform: translateY(-10px); transition: all 0.3s ease;}
.zed-form-error.zed-show-error {opacity: 1; transform: translateY(0);}
.zed-form-input.zed-error, .zed-form-textarea.zed-error {border-color: #e74c3c; background-color: #fdf2f2;}
.zed-form-submit {width: 100%; padding: 14px; background: linear-gradient(135deg, var(--orange) 0%, #764ba2 100%); color: white; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden;}
.zed-form-submit:hover:not(:disabled) {transform: translateY(-2px); box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);}
.zed-form-submit:disabled {opacity: 0.7; cursor: not-allowed; transform: none;}
.zed-toast {position: fixed; top: 20px; right: 20px; padding: 16px 20px; border-radius: 8px; color: white; font-weight: 500; z-index: 1000; transform: translateX(400px); transition: transform 0.3s ease;}
.zed-toast.zed-success {background-color: #27ae60;}
.zed-toast.zed-error {background-color: #e74c3c;}
.zed-toast.zed-show {transform: translateX(0);}
.zed-contact-info {background: white; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden;}
.zed-map-container {width: 100%; height: 350px; position: relative; border-radius: 16px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); overflow: hidden;}
.zed-map-container iframe {width: 100%; height: 100%; border: none; filter: grayscale(0.3); transition: filter 0.3s ease;}
.zed-map-container iframe:hover {filter: grayscale(0);}
.zed-info-content {padding: 40px; position: relative;}
.zed-info-content::before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #61bece, #1fbc7e);}
.zed-info-title {font-size: 20px; font-weight: 600; color: #272727; margin-bottom: 1rem; padding-bottom: 1rem; display: flex; align-items: center; gap: 10px; text-align: center; border-bottom: 1px solid var(--orange);}
.zed-info-item {display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; padding: 20px; background: #f8f9fa; border-radius: 12px; transition: all 0.3s ease;}
.zed-info-item:hover {background: #e9ecef; transform: translateX(5px);}
.zed-info-icon {width: 20px; height: 20px; margin-top: 2px; flex-shrink: 0; fill:#1fbc7e;}
.zed-info-details h4 {font-size: 16px; font-weight: 600; color: #2c3e50; margin-bottom: 5px;}
.zed-info-details p {color: #7f8c8d; font-size: 14px; line-height: 1.5;}
.user-text h1{color: #272727;font-size: 1.5rem;margin: 0;margin-bottom: 1.2rem; }
.user-text h2{color: #272727;font-size: 1.4rem;margin: 0;margin-bottom: 1.2rem; }
.user-text h3{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 1.2rem; }
.user-text h4{color: #272727;font-size: 1.3rem;margin: 0;margin-bottom: 1.2rem;}
.user-text h5{color: #272727;font-size: 1.2rem;margin: 0;margin-bottom: 1.2rem;}
.user-text p{font-size: 16px;font-weight: 400; margin-bottom: 20px; line-height: 1.4;}
.user-text span{font-size: 16px;font-weight: 400;margin-bottom: 1rem;display: block;}
.user-text ul{margin-left: 30px;margin-bottom: 1rem;}
.user-text ul li{font-size: 16px;list-style: circle;font-weight: 400;line-height: 2}
.user-text ol{margin-bottom: 1rem;}
.user-text ol li{font-size: 16px;font-weight: 400;line-height: 2}
.user-text table{width: 100%;margin-bottom: 20px}
.user-text table tr td{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #dedede;}
.user-text table tr:nth-child(1){font-weight: bold;}
.user-text table tr:nth-child(1) td{line-height: 2;border-bottom: 1px solid #212529;}
.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;}
.user-text blockquote p{margin-bottom: 0}
.user-text img{margin-bottom: 20px; max-width: 100%; height: auto; border-radius: 8px;}
.user-text .hide-text {display: none;}
/* CONTENT END */


/* FOOTER */
footer {background: var(--black); position: relative; z-index: 3;}
footer .header-social li a {background-color: transparent; width: 40px; height: 40px;}
footer .header-social li a svg {fill: #222; width: 25px; height: 25px;}
footer h5{font-size: 1.25rem;font-weight: 500; color: #fff;}
footer .footer-top {padding: 50px 0;border-bottom: 1px solid #4b4b4b;} 
footer .footer-call {display: flex;align-items: center;justify-content: flex-end;gap: 1rem;color: #222;}
footer .footer-call h3 {font-weight: 300; margin-bottom: 0; font-size: 1.25rem;}
footer .brand-logo{margin-bottom: 1.5rem; display: block; width: max-content;}
footer .brand-logo img{max-width: 100%; object-fit: contain;}
footer .footer-thin{font-size: 12px;font-weight: 300;margin: 0;color: #BAB7B7;display: block;margin-top: 20px;}
footer .footer-thin-social{margin-top: 40px;margin-bottom: 5px;color:#222;}
footer .footer-social{padding-inline-start: 0px;margin-block-start: 1rem;margin-block-end: 2rem; display:flex;}
footer .footer-social li{margin-right: 10px;text-align: center;line-height: 25px;}
footer .footer-social li:last-child{margin-right: 0}
footer .footer-social li i{color: #222;font-size: 18px;}
footer .footer-link-list{margin-bottom: 25px;}
footer .footer-link-list li{margin-bottom: 10px;color:#fff !important;font-weight: 300; font-size: 15px;}
footer .footer-link-list li i {margin-right: 7px; font-size: 13px;}
footer .footer-link-list li a{color:#fff !important;  font-weight: 400; font-size: 14px; cursor: pointer !important;}
footer .footer-link-list li a:hover {opacity: 1; transition: all ease .3s;}
footer .footer-link-list li {opacity: .5; transition: all ease .3s;}
footer .footer-link-list li:hover {opacity: 1; transition: all ease .3s;}
footer .footer-bottom-image {margin: 50px 0 -50px;width: 100%;overflow: hidden;} 
footer .footer-bottom-image img {width: 100%;}
footer .footer-copyright {color:#8e8e8e; font-size: 13px; font-weight: 400; }
footer .footer-copyright .right a{margin-right: 16px;font-weight: 300;font-size: 13px;color: #8e8e8e;}
footer .footer-copyright .web-tasarim{white-space: nowrap; margin-top: 0;-webkit-transition: all .3s linear;transition: all .3s linear;}
footer .footer-copyright .web-tasarim:hover{opacity: 1;}
footer .footer-copyrights {border-top:1px solid #BCBCBC;padding-top: 20px; padding-bottom: 20px;}
footer .footer-copyrights .row{margin-bottom: 0}
footer .footer-copyrights .bni{height: 30px}
footer .footer-copyrights ul{margin: 0;padding: 0;float: right;margin-top: 5px}
footer .footer-copyrights ul li{float: left;margin-right: 20px}
footer .footer-copyrights ul li:last-child{margin-right: 0px}
footer .footer-copyrights ul li a{color:#222 !important;font-weight: 100;cursor: pointer;}
footer .copyright-wrapper {display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 1.5rem 10px; border-top: 1px solid #BCBCBC;}
footer .zedtech-logo {height: 20px; opacity: .5; transition: all ease .3s;}
footer .zedtech-logo:hover {opacity: 1;}
footer .footer-input {width: 80%; overflow: hidden; border-radius: 8px;border:1px solid #61bece;}
/* FOOTER 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: 1440px) {
    .container {max-width: 1360px;}
}

@media only screen and (min-width: 992px) {
    .container{width: 90%; }
    .navbar-expand-lg .navbar-collapse {position: absolute; width: 100%; z-index: 2;}
    .navbar-expand-lg {height: 100px;}
    header.set-header .navbar-expand-lg {height: 70px; transition: all ease 200ms;}
    .brand-logo,.header-link {position: relative; z-index: 3;}

}
@media only screen and (min-width: 768px) {
    .blog-boxes { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; }
    .blog-boxes .item-1 { grid-column: 1 / 2; grid-row: 1 / 3; } 
    .blog-boxes .item-2 { grid-column: 2 / 3; grid-row: 1 / 2; } 
    .blog-boxes .item-3 { grid-column: 2 / 3; grid-row: 2 / 3; } 
    .blog-boxes .item-4 { grid-column: 1 / 3; grid-row: 3 / 4; }
}



@media only screen and (max-width: 991px){
    .table-hide {display: none;}
    header .sidenav-toogle{transition: all ease 200ms; display: block;position: absolute;right: 15px;font-size: 23px;z-index: 3; height: 78px; line-height: 78px;}
    header.set-header {height: 50px;}
    header .header-top {display: none;}
    header.set-header nav .brand-logo img {height: 40px; margin-top: 5px;}
    header.set-header .sidenav-toogle {height: 50px; line-height: 50px;}
    .container{max-width: 90%;}
    header .navbar-expand-lg>.container {justify-content: left;}
    header .shown{left:0px !important}
    header nav .brand-logo {position: relative;}
    header nav .brand-logo img {margin-top: 15px; margin-bottom: 15px;}
    .py-set {padding: 2.5rem 0;} 
    .my-set {margin: 2.5rem 0;}
    .advantage-card .content .text {max-width: 90%;}
    .slider-content .image-box {margin-top: 2rem;}
    .slider-content .text-box .sup-title {font-size: 20px;}
    .slider-content .text-box .title {font-size: 35px;}
    .primary-button,.secondary-button {padding: 14px 30px;}
    .tool-card .icon-box {width: 100px; height: 100px;}
    .tool-card .text {width: 100%; font-size: 15px;}
    .tool-card {padding: 2rem 1rem;}
    .cta .cta-form {margin:1.5rem auto 0;}
    .blog-card .card-content .title {font-size: 18px;}
    .blog-card .card-content .text {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
    .default-title {font-size: 20px;}
    .ka-table tbody td {padding: 16px 8px;}
    .ka-wrap .horizon-form .ka-label {min-width: 130px;}
}


@media only screen and (max-width: 768px){
    footer .container{max-width: 95%;}
    header .header-top {display: none;}
    header .header-7-24-link {display: none;}
    header.set-header nav .brand-logo img {height: 40px; transition: all ease 200ms;}
    .zed-contact-page {padding: 20px 10px;}
    .zed-form-container, .zed-info-content {padding: 30px 20px;}
    .zed-page-title {font-size: 28px;}
    .zed-page-subtitle {font-size: 16px;}
    .zed-map-container {height: 250px;} 
    .blog-boxes { grid-template-columns: 1fr; grid-template-rows: auto auto auto auto;} 
    .blog-boxes .item-4,.item-3, .item-2 {max-height: none;}
    .advantage-card .content .text {max-width: 60%;}
    .tax-row .form-control { min-width: 100px; }
    .yuzde-hesaplama .tax-radio  {width: 100%;}
    .result-boxes li {width: calc(50% - .5rem);}
}

@media only screen and (max-width: 601px){
    .container {max-width: 97%;}
    .page-hero {justify-content: flex-end;background-position: left bottom;padding-top: 0;}
    .page-hero .ustm-title {font-size: 25px;}
    .bread-crumbs li a {font-size: 14px; white-space: nowrap;}
    .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 .brand-logo {margin-bottom: 1.5rem;display: block;}
    footer .footer-social li a {margin-top: 1rem;}  
    .py-set {padding: 2rem 0;} 
    .my-set {margin: 2rem 0;} 
    .feature-card {margin-bottom: 1.5rem;}
    .main-about .rounded-3 {margin-bottom: 1rem;}
    footer .footer-call {justify-content: center;}
    footer .header-social {margin-bottom: 1.5rem;}
    .cta .text {font-size: 23px;}
    .blog-card {height: 210px;}
    .advantage-card {margin-bottom: 2rem;}
    .advantage-card .icon-box {width: 60px; height: 60px; margin-bottom: 1rem;}
    .advantage-card .content .title {font-size: 19px;}
    .page-title {font-size: 20px; font-weight: 600;}
    .tool-card .icon-box {width: 80px; height: 80px; padding: 1rem;}
    .tool-card .icon-box svg {width: 50px; height: 50px;}
    .tool-card .icon-box img {width: 100%;}
    .blog-card .card-content .title {height: 50px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
    .blog-card .card-content {transform: translateY(62%);}
    .slider-content .text-box .title {font-size: 25px;}
    .slider-content {padding: 3rem 0;}
    .slider-content .text-box .sup-title {font-size: 16px; margin-bottom: .5rem;} 
    .primary-button, .secondary-button {padding: 8px 24px;font-size: 15px}
    .slider-content .image-box {width: 250px;}
    .social-box {margin-bottom: 1.5rem;}
    .tool-card .title {font-size: 20px; font-weight: 600;}
    .table-info {flex-direction: column;}
    footer .social-box {justify-content: flex-start; margin-bottom: 1rem !important;}
    .social-box {display: flex ; gap: .75rem; justify-content: center; margin-bottom: 0 !important; padding: 1rem 0;}
    .ka-wrap .primary-button {padding: 12px 40px;} 
    .ka-wrap .text-button {padding: 12px 40px;}
    .tax-table.result {min-width: 60px;}
    .tax-row .form-control { min-width: 60px; font-size: 12px;}
    .tax-header .tax-col {font-size: 13px; white-space: nowrap;}
    .tax-table .result-cell {font-size: 12px;}
    .tax-header {padding: 1rem 0;}
    .bread-crumbs {flex-wrap: wrap;}
    .result-boxes {gap: .5rem;}
    .result-boxes li {font-size: 13px; padding: .5rem; width: calc(50% - .25rem);}
    .domain-whois .result-table .table-body li span:first-child {min-width: 110px;}
    .ka-table thead th {font-size: 13px; padding: 8px 10px;}
    .ka-table tbody td {font-size: 13px; padding: 8px 10px;}
    .ka-table tbody td input {min-width: 75px}
}

@media only screen and (max-width: 570px){
    footer .footer-copyright{height: auto;}
    footer .footer-copyright .left{text-align: center;display: block;font-size: 14px; float: none;}
    footer .footer-copyright .right {display: flex;justify-content: center;width: 100%;gap: 1rem;align-items: center; margin-top: 1rem;}
    footer .footer-copyright .right .web-tasarim {margin: 0 !important;}
    footer .footer-copyright .right a{margin-right: 0px;display: block;float: none;margin: auto; }
    .treatment-card__title {font-size:22px;}
    .treatment-card__subtitle {font-size:15px;}
    .result-box .tertiary-button {text-align: center; white-space: wrap;}
    .ka-wrap .horizon-form .form-control {width: 100%;}
}

@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 */

.blogs .blog-categories .page-title { color: var(--black); font-weight: 700; font-size: 2rem; margin-bottom: 1.5rem; text-align: left; }
.blogs .blog-categories .page-title::after { content: ""; position: absolute; width: 130px; height: 2px; background: var(--orange); bottom: .75rem; left: 0; transform: none; }
.blogs .category-filter .btn { border-radius: 25px; padding: 0.5rem 1.5rem; font-weight: 500; transition: all 0.3s ease; margin-right: 0.5rem; margin-bottom: 0.5rem; border: 1px solid var(--orange); color: var(--orange); }
.blogs .category-filter .btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); background: var(--orange); color: white; }
.blogs .category-filter .btn.active { background: var(--orange); border-color: var(--orange); color: white; }
.blogs .featured-blog { background: var(--grey); padding: 2rem; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin-bottom: 3rem; }
.blogs .featured-image { position: relative; overflow: hidden; border-radius: 12px; }
.blogs .featured-image img { transition: transform 0.3s ease; width: 100%; height: auto; }
.blogs .featured-image:hover img { transform: scale(1.05); }
.blogs .featured-image .badge { font-size: 0.9rem; font-weight: 600; border-radius: 20px; padding: 0.5rem 1rem; background: var(--orange); }
.blogs .featured-content .blog-category { background: var(--orange); color: white; padding: 0.3rem 1rem; border-radius: 15px; font-size: 0.85rem; font-weight: 600; display: inline-block; }
.blogs .featured-title { color: var(--black); font-weight: 700; font-size: 1.8rem; line-height: 1.3; margin: 1rem 0; }
.blogs .featured-title:hover { color: var(--orange); transition: color 0.3s ease; }
.blogs .featured-excerpt { font-size: 1.1rem; line-height: 1.6; color: #6c757d; }
.blogs .blog-meta { font-size: 0.9rem; color: #6c757d; }
.blogs .blog-meta svg { fill: var(--orange);margin-top: -3px;}
.blogs .blog-card { background: white; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; border: 1px solid #e9ecef; height: 100%; }
.blogs .blog-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(255, 102, 0, 0.15); }
.blogs .blog-image { position: relative; overflow: hidden; height: 200px; }
.blogs .blog-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.blogs .blog-card:hover .blog-image img { transform: scale(1.1); }
.blogs .blog-category-badge { position: absolute; top: 10px; right: 10px; background: rgba(255, 102, 0, 0.9); color: white; padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 0.8rem; font-weight: 600; backdrop-filter: blur(10px); }
.blogs .blog-content { padding: 1.5rem; display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 200px); }
.blogs .blog-title { margin: 0 0 1rem 0; line-height: .6;}
.blogs .blog-title a { color: var(--black); text-decoration: none; font-weight: 600; font-size: 1.1rem; line-height: 1.4; transition: color 0.3s ease; }
.blogs .blog-title a:hover { color: var(--orange); }
.blogs .blog-excerpt { color: #6c757d; line-height: 1.5; margin-bottom: 1rem; flex-grow: 1; }
.blogs .blog-meta { margin-top: auto; font-size: 0.85rem; color: #6c757d; }
.blogs .pagination .page-link { border-radius: 8px; margin: 0 0.2rem; padding: 0.5rem 0.8rem; border: 1px solid #dee2e6; color: #6c757d; transition: all 0.3s ease; }
.blogs .pagination .page-link:hover { background: var(--orange); border-color: var(--orange); color: white; transform: translateY(-2px); }
.blogs .pagination .page-item.active .page-link { background: var(--orange); border-color: var(--orange); color: white; }
.blogs .blog-newsletter { background: var(--grey); border-radius: 12px; padding: 2rem; border: 1px solid #dee2e6; }
.blogs .blog-newsletter h4 { color: var(--black); font-weight: 700; }
.blogs .blog-newsletter .form-control { border-radius: 25px 0 0 25px; border: 1px solid #dee2e6; padding: 0.7rem 1.2rem; }
.blogs .blog-newsletter .btn { border-radius: 0 25px 25px 0; padding: 0.7rem 1.5rem; background: var(--orange); border: none; font-weight: 600; color: white; }
.blogs .blog-newsletter .btn:hover { background: #e55a00; transform: translateY(-1px); }
@media (max-width: 768px) { .blogs .featured-blog { padding: 1.5rem; } .blogs .featured-title { font-size: 1.5rem; } .blogs .blog-newsletter { padding: 1.5rem; } .blogs .category-filter .btn { margin-bottom: 0.8rem; } }
@media (max-width: 576px) { .blogs .featured-blog { padding: 1rem; } .blogs .featured-title { font-size: 1.3rem; } .blogs .blog-newsletter { padding: 1rem; } .blogs .blog-newsletter .input-group { flex-direction: column; } .blogs .blog-newsletter .form-control { border-radius: 25px; margin-bottom: 0.5rem; } .blogs .blog-newsletter .btn { border-radius: 25px; width: 100%; } }

/* BLOG DETAIL PAGE */
.blog-detail .article-featured-image img { width: 100%; height: 400px; object-fit: cover; }
.blog-detail .article-category .badge { background: var(--orange) !important; }
.blog-detail .article-title { color: var(--black); font-weight: 700; font-size: 2.5rem; line-height: 1.2; margin-bottom: 1rem; }
.blog-detail .article-meta { font-size: 0.9rem; color: #6c757d; }
.blog-detail .article-meta svg { fill: var(--orange); margin-top: -3px; }
.blog-detail .author-avatar { width: 40px; height: 40px; }
.blog-detail .author-avatar-large { width: 80px; height: 80px; }
.blog-detail .article-content { font-size: 1.1rem; line-height: 1.7; }
.blog-detail .info-box { border: 1px solid #dee2e6; }
.blog-detail .info-box h4 { color: var(--orange); }
.blog-detail .warning-box h5 { color: #856404; }
.blog-detail .article-tags .badge { background: #6c757d !important; color: white; padding: 0.5rem 1rem; font-size: 0.85rem; margin-right: 0.5rem; margin-bottom: 0.5rem; text-decoration: none; }
.blog-detail .article-tags .badge:hover { background: var(--orange) !important; }
.blog-detail .share-buttons .btn { border-radius: 25px; }
.blog-detail .author-bio { border: 1px solid #dee2e6; }
.blog-detail .sidebar-widget { background: white; padding: 1.5rem; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
.blog-detail .widget-title { color: var(--black); font-weight: 600; font-size: 1.2rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--orange); }
.blog-detail .category-list li { padding: 0.5rem 0; border-bottom: 1px solid #f8f9fa; }
.blog-detail .category-list li:last-child { border-bottom: none; }
.blog-detail .category-list a { color: var(--black); text-decoration: none; display: flex; justify-content: space-between; align-items: center; }
.blog-detail .category-list a:hover { color: var(--orange); }
.blog-detail .post-count { background: var(--grey); color: #6c757d; padding: 0.2rem 0.5rem; border-radius: 10px; font-size: 0.8rem; }
.blog-detail .recent-post-thumb { width: 80px; height: 60px; object-fit: cover; }
.blog-detail .recent-post-title a { color: var(--black); text-decoration: none; font-size: 0.9rem; line-height: 1.3; }
.blog-detail .recent-post-title a:hover { color: var(--orange); }
.blog-detail .tag-cloud .badge { color: var(--black) !important; border: 1px solid #dee2e6; text-decoration: none; padding: 0.4rem 0.8rem; }
.blog-detail .tag-cloud .badge:hover { background: var(--orange) !important; color: white !important; border-color: var(--orange); }
.blog-detail .newsletter-widget { background: var(--orange) !important; }
.blog-detail .related-posts .blog-card { border: 1px solid #e9ecef; transition:  all ease .2s;}
.blog-image img {width: 100%;}
.blog-detail .blog-category-badge { position: absolute; top: 10px; right: 10px; background: rgba(255, 102, 0, 0.9); color: white; padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 0.8rem; font-weight: 600; backdrop-filter: blur(10px); }
.blog-detail .related-posts .blog-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(255, 102, 0, 0.15); transition: all ease .2s; }
@media (max-width: 768px) { .blog-detail .article-title { font-size: 2rem; } .blog-detail .article-featured-image img { height: 250px; } .blog-detail .article-meta { flex-direction: column; align-items: flex-start !important; gap: 0.5rem !important; } .blog-detail .author-bio { flex-direction: column; text-align: center; } .blog-detail .author-bio .author-avatar-large { margin: 0 auto 1rem auto; } }