/* Otomatik üretildi: tools/critical-css/generate.mjs (2026-10-08). Elle düzenlemeyin. */
@keyframes pulsing { 
  0% { opacity: 0; transform: scale(1); }
  40% { opacity: 0.3; transform: scale(1.2); }
  100% { opacity: 0; transform: scale(1.5); }
}
@keyframes slideTopDown { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-6px); }
}
@keyframes headerAnimation { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes zoomOut { 
  50% { transform: scale(1.1); }
}
@keyframes rotating { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes translateHeader { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translateY(0px); }
}
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; background-color: rgb(255, 255, 255); font-family: Roboto, sans-serif; font-size: 14px; color: rgb(132, 142, 159); overflow-x: hidden; }
::selection { background-color: rgb(33, 205, 192); color: rgb(255, 255, 255); }
a { color: rgb(33, 205, 192); transition: color 0.3s; }
a:hover { color: rgb(33, 51, 96); text-decoration: none; }
section { position: relative; padding-top: 110px; padding-bottom: 110px; }
img { max-width: 100%; }
* { outline: 0px; }
button { padding: 0px; border: 0px; }
button, select { background-color: transparent; }
.form-control, .form-control:focus, button, button:focus { outline: 0px; box-shadow: none; }
textarea { resize: none; }
@media (min-width: 1200px){
.container { max-width: 1200px; }
}
@media (min-width: 768px) and (max-width: 1200px){
.container { max-width: 100%; }
}
@media (max-width: 991px){
body, html { overflow-x: hidden; }
}
.mt-40 { margin-top: 40px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mr-30 { margin-right: 30px !important; }
.ml-30 { margin-left: 30px !important; }
.pt-120 { padding-top: 120px !important; }
.pb-80 { padding-bottom: 80px !important; }
@media (max-width: 992px){
.mt-30, .mt-40 { margin-top: 20px !important; }
.mb-30 { margin-bottom: 15px !important; }
.mb-50 { margin-bottom: 25px !important; }
.ml-30 { margin-left: 15px !important; }
.pt-120 { padding-top: 60px !important; }
.pb-80 { padding-bottom: 40px !important; }
}
@media (min-width: 768px) and (max-width: 991px){
section { padding-top: 60px; padding-bottom: 60px; }
}
@media (min-width: 320px) and (max-width: 767px){
section { padding-top: 50px; padding-bottom: 50px; }
}
.color-primary { color: rgb(33, 205, 192) !important; }
.color-heading { color: rgb(14, 32, 77) !important; }
.color-body { color: rgb(132, 142, 159) !important; }
.bg-overlay::before { content: ""; position: absolute; inset: 0px; width: 100%; height: 100%; z-index: -1; background-color: rgba(27, 26, 26, 0.25); }
h1, h2, h3, h4, h5, h6 { color: rgb(14, 32, 77); font-family: Quicksand, sans-serif; text-transform: capitalize; font-weight: 700; line-height: 1.3; margin-bottom: 20px; }
p { line-height: 1.75; margin-bottom: 15px; }
h1 { font-size: 52px; }
h2 { font-size: 42px; }
.text-block__title { font-size: 25px; margin-bottom: 17px; }
.text-block__desc { font-size: 16px; line-height: 26px; }
.pagetitle__heading { font-size: 40px; margin-bottom: 20px; }
.page-title { padding-top: 110px; padding-bottom: 120px; }
.page-title .breadcrumb-item a, .page-title .breadcrumb-item + .breadcrumb-item::before, .page-title .breadcrumb-item.active { color: rgb(67, 91, 161); }
.page-title.bg-overlay::before { opacity: 0.55; background-color: transparent; background-image: linear-gradient(90deg, rgb(255, 255, 255) 0px, transparent 35%); }
.page-title-layout5 { padding-top: 80px; padding-bottom: 80px; }
@media (min-width: 768px) and (max-width: 991px){
.page-title { padding-bottom: 70px; }
}
@media (min-width: 320px) and (max-width: 767px){
.page-title { padding-bottom: 50px; }
.page-title .pagetitle__heading { line-height: 1.2; margin-bottom: 20px; font-size: 28px !important; }
}
.btn { text-transform: capitalize; position: relative; z-index: 1; font-size: 15px; font-weight: 700; min-width: 170px; height: 60px; display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 0px 15px; border: 0px; border-radius: 3px; overflow: hidden; transition: 0.3s linear; }
.btn.active, .btn:active, .btn:focus { box-shadow: none; outline: 0px; }
.btn i, .btn span { margin: 0px 3px; }
.btn.btn__primary:not(.btn__link):not(.btn__outlined)::before, .btn.btn__secondary:not(.btn__link):not(.btn__outlined)::before, .btn.btn__white:not(.btn__link):not(.btn__outlined)::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; background-color: rgb(33, 51, 96); transform: scaleX(0); transform-origin: right center; transition: transform 0.24s cubic-bezier(0.37, 0.31, 0.31, 0.9); }
.btn.btn__primary:not(.btn__link):not(.btn__outlined):hover::before, .btn.btn__secondary:not(.btn__link):not(.btn__outlined):hover::before, .btn.btn__white:not(.btn__link):not(.btn__outlined):hover::before { transform: scaleX(1); transform-origin: left center; }
.btn__primary, .btn__primary .icon-filled { color: rgb(255, 255, 255); background-color: rgb(33, 205, 192); }
.btn__primary:active, .btn__primary:focus { color: rgb(255, 255, 255); border-color: rgb(33, 205, 192); background-color: rgb(33, 205, 192); }
.btn__primary:hover { color: rgb(255, 255, 255); }
.btn__primary-style2:hover .icon-arrow-left, .btn__primary-style2:hover .icon-arrow-right, .btn__secondary, .btn__secondary .icon-filled { color: rgb(255, 255, 255); background-color: rgb(33, 51, 96); }
.btn__secondary::before { background-color: rgb(33, 205, 192) !important; }
.btn__secondary:hover { color: rgb(255, 255, 255); }
.btn__secondary:hover .icon-filled, .social-icons li a:hover { background-color: rgb(33, 205, 192); }
.btn__secondary:active, .btn__secondary:focus { color: rgb(255, 255, 255); border-color: rgb(34, 34, 34); background-color: rgb(34, 34, 34); }
.btn__link, .btn__outlined, .btn__white.btn__outlined { background-color: transparent; }
.btn__link { min-width: 0px; line-height: 1; height: auto; padding: 0px; border-radius: 0px; border: 0px !important; }
.btn__link:active, .btn__link:focus { background-color: transparent; }
.btn__link.btn__primary { color: rgb(33, 205, 192); }
.btn__link.btn__primary:hover { color: rgb(34, 34, 34); }
.btn__link.btn__secondary { color: rgb(33, 51, 96); }
.btn__link.btn__secondary:hover { color: rgb(33, 205, 192); }
.btn__block { width: 100%; }
.btn__rounded { border-radius: 50px; }
@media (min-width: 320px) and (max-width: 767px){
.btn:not(.btn__link) { font-size: 13px; min-width: 120px; height: 50px; }
}
label { font-weight: 700; line-height: 1; margin-bottom: 10px; }
.form-group { position: relative; }
.form-control { font-size: 14px; background-color: rgb(255, 255, 255); }
.form-control:focus { border-color: rgb(33, 205, 192); background-color: rgb(255, 255, 255); }
.form-control::-webkit-input-placeholder { color: rgb(38, 54, 94); }
.custom-control-label { font-weight: 400; }
.custom-control-label::before { position: absolute; top: -2px; left: -1.5rem; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: rgb(255, 255, 255); border: 1px solid rgb(231, 235, 239); border-radius: 0px; }
.custom-control-label::after { position: absolute; top: 2px; left: -20px; width: 1rem; height: 1rem; content: ""; background: 50% center / 50% 50% no-repeat; border-radius: 1px; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; background-color: rgb(33, 205, 192); width: 8px; height: 8px; }
.custom-checkbox .custom-control-label::before { border-radius: 0px; }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: transparent; border-color: transparent; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: transparent; border: 1px solid rgb(231, 235, 239) !important; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; }
input[type="checkbox"], input[type="radio"] { box-shadow: none !important; }
::-webkit-calendar-picker-indicator, ::-webkit-inner-spin-button { opacity: 0; }
@media (min-width: 320px) and (max-width: 767px){
.form-group, .nice-select { margin-bottom: 20px; }
.form-control, .nice-select { height: 50px; border-radius: 50px; }
}
.nav-tabs .nav__link:last-of-type, .social-icons li:last-of-type { margin-right: 0px; }
.social-icons { display: flex; flex-wrap: wrap; align-items: center; }
.pagination li, .social-icons li { margin-right: 10px; }
.social-icons li a { position: relative; z-index: 2; display: block; width: 23px; height: 23px; line-height: 23px; border-radius: 50%; font-size: 12px; text-align: center; color: rgb(255, 255, 255); background-color: rgb(33, 51, 96); transition: 0.4s linear; }
.icon-arrow-right { font-size: 65%; }
.breadcrumb { padding: 0px; background-color: transparent; }
.breadcrumb-item { position: relative; font-size: 14px; }
.breadcrumb-item + .breadcrumb-item::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; }
@media (min-width: 320px) and (max-width: 767px){
.breadcrumb-item a, .breadcrumb-item + .breadcrumb-item { font-size: 12px; }
}
.contact-list li { font-size: 14px; margin-bottom: 5px; }
.contact-list li:last-child { margin-bottom: 0px; }
.contact-list li a { color: rgb(132, 142, 159); }
.navbar .dropdown-menu .nav__item .nav__item-link:hover, .navbar .nav__item .nav__item-link.active, .navbar .nav__item .nav__item-link:hover, .slick-arrow:hover { color: rgb(33, 205, 192); }
.header { position: relative; z-index: 1000; }
.navbar { padding: 0px; height: 100px; max-height: 100px; background-color: rgb(255, 255, 255); }
.navbar > .container, .navbar > .container-fluid { position: relative; height: 100px; }
.navbar .navbar-brand { padding: 0px; margin: 0px; line-height: 100px; }
.navbar .navbar-toggler { padding: 0px; border: 0px; border-radius: 0px; width: 23px; position: relative; }
.navbar .navbar-toggler .menu-lines { display: inline-block; }
.navbar .navbar-toggler .menu-lines::after, .navbar .navbar-toggler .menu-lines::before { content: ""; position: absolute; left: 0px; width: 23px; height: 1px; display: inline-block; background-color: rgb(33, 51, 96); transition: 0.3s; }
.navbar .navbar-toggler .menu-lines::before { top: 0px; }
.navbar .navbar-toggler .menu-lines::after { top: 12px; }
.navbar .navbar-toggler .menu-lines span { position: absolute; top: 6px; left: 0px; width: 18px; height: 1px; background-color: rgb(33, 51, 96); }
.navbar .nav__item { position: relative; margin-right: 29px; }
.header-topbar .contact__list li:last-child, .navbar .nav__item:last-child, .navbar-actions > li:last-child { margin-right: 0px; }
.navbar .nav__item .nav__item-link { font-size: 15px; font-weight: 700; text-transform: capitalize; display: block; position: relative; color: rgb(33, 51, 96); line-height: 100px; letter-spacing: 0.4px; padding-right: 15px; }
.navbar .nav__item .nav__item-link::before { content: ""; position: absolute; top: 0px; left: 0px; width: 0px; height: 2px; background-color: rgb(33, 205, 192); transition: 0.5s; }
.navbar .nav__item .nav__item-link.active::before, .navbar .nav__item .nav__item-link:hover::before { width: 100%; }
.navbar .dropdown-toggle::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; border: 0px; vertical-align: middle; margin-left: 0px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
.navbar .dropdown-menu { border-radius: 0px; border: 0px; margin: 0px; background-color: rgb(255, 255, 255); }
.navbar .dropdown-menu .nav__item { padding: 0px 40px; margin-right: 0px; }
.navbar .dropdown-menu .nav__item .nav__item-link { font-size: 14px; color: rgb(14, 32, 77); text-transform: capitalize; font-weight: 400; white-space: nowrap; position: relative; line-height: 36px !important; }
.navbar .dropdown-menu .nav__item .nav__item-link::after { content: ""; position: absolute; top: 50%; left: -20px; width: 10px; height: 2px; opacity: 0; background-color: rgb(33, 205, 192); transform: translateY(-50%); transition: 0.3s linear; }
.navbar .dropdown-menu .nav__item .nav__item-link:hover::after { opacity: 1; left: -15px; }
.header-topbar { height: 60px; display: flex; align-items: center; background-color: rgb(40, 59, 106); }
.header-topbar .contact__list li { position: relative; display: flex; align-items: center; font-size: 13px; margin-right: 20px; }
.header-topbar .contact__list li a:not(.btn) { color: rgb(244, 244, 244); }
.header-topbar .contact__list li a:not(.btn):hover { color: rgb(255, 255, 255); }
.header-topbar .contact__list li > i { font-size: 16px; color: rgb(120, 143, 200); margin-right: 8px; }
.header-topbar .lang-dropdown .lang-dropdown-toggle img, .phone__number i { margin-right: 7px; }
.header-layout1, .header-layout2 { box-shadow: rgba(9, 29, 62, 0.1) 0px 5px 83px 0px; }
.miniPopup-emergency-trigger { position: relative; z-index: 151; height: 50px; margin-top: 10px; padding: 10px 20px; border-radius: 10px 10px 0px 0px; color: rgb(33, 51, 96); background-color: rgb(255, 255, 255); }
.miniPopup-emergency-trigger::after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
.miniPopup, .search-popup { opacity: 0; visibility: hidden; background-color: rgb(255, 255, 255); }
.miniPopup { position: absolute; top: 100%; left: 0px; z-index: 150; width: 310px; padding: 40px; border-radius: 0px 0px 6px 6px; box-shadow: rgba(9, 29, 62, 0.15) 0px 5px 83px 0px; transition: 0.3s; transform: translateY(20px); }
.miniPopup-emergency .emergency__icon { font-size: 60px; line-height: 1; color: rgb(33, 205, 192); margin-bottom: 20px; }
.miniPopup-emergency .phone__number { font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.miniPopup-emergency .btn { padding-top: 24px; border-top: 2px solid rgb(230, 232, 235); }
@media (min-width: 1200px){
.header-topbar { display: block; }
.header-topbar > .container-fluid, .navbar > .container-fluid { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 1199px){
.header-topbar { display: none; }
}
@media (min-width: 992px) and (max-width: 1200px){
.navbar .nav__item { margin-right: 20px; }
}
@media (max-width: 991px){
.navbar .navbar-toggler { position: absolute; right: 15px; height: 13px; }
.navbar .collapse:not(.show) { display: block; }
.navbar .navbar-nav { margin: 0px !important; }
.navbar .nav__item { margin-right: 0px; }
.navbar .nav__item .nav__item-link { color: rgb(34, 34, 34); padding-left: 15px; line-height: 35px !important; }
.navbar .nav__item .nav__item-link:hover { color: rgb(33, 205, 192); }
.navbar .dropdown-toggle::after, .navbar .nav__item .nav__item-link::before { display: none; }
.navbar .navbar-collapse { position: fixed; inset: 0px; width: 100%; height: 100%; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; padding: 0px; transition: 0.4s; }
.navbar .navbar-collapse .navbar-nav { opacity: 0; width: 240px; height: 100%; overflow-y: auto; padding: 50px 0px 20px; background-color: rgb(255, 255, 255); transform: translateX(-100%); transition: 0.3s 0.4s; }
.navbar .close-mobile-menu { position: absolute; top: 30px; right: 30px; z-index: 1100; width: 35px; height: 35px; line-height: 33px; text-align: center; border-radius: 50%; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); cursor: pointer; opacity: 0; transform: scale(0.8); transition: 0.4s 0.5s; }
.navbar .nav__item [data-toggle="dropdown"]::after { font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0px; width: 50%; text-align: right; z-index: 2; padding-right: 15px; line-height: 35px; display: block !important; }
.header .navbar, .header-transparent .navbar, .navbar .dropdown-menu { background-color: rgb(255, 255, 255); }
.navbar .dropdown-menu .nav__item { padding: 0px 15px 0px 30px; }
.navbar .dropdown-menu .nav__item .nav__item-link { padding-left: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.header .navbar .navbar-toggler .menu-lines span, .header .navbar .navbar-toggler .menu-lines::after, .header .navbar .navbar-toggler .menu-lines::before, .header-transparent .navbar .navbar-toggler .menu-lines span, .header-transparent .navbar .navbar-toggler .menu-lines::after, .header-transparent .navbar .navbar-toggler .menu-lines::before { background-color: rgb(33, 51, 96); }
.header .navbar-expand-lg > .container, .header .navbar-expand-lg > .container-fluid, .header-transparent .navbar-expand-lg > .container, .header-transparent .navbar-expand-lg > .container-fluid { width: 100%; max-width: none; }
.header .navbar, .header .navbar > .container, .header .navbar > .container-fluid, .header-transparent .navbar, .header-transparent .navbar > .container, .header-transparent .navbar > .container-fluid { height: 80px; }
.header .header-full .navbar, .header .header-full .navbar .navbar-brand, .header .navbar-brand, .header-transparent .header-full .navbar, .header-transparent .header-full .navbar .navbar-brand, .header-transparent .navbar-brand { margin-left: 15px; line-height: 80px !important; }
}
@media (min-width: 992px){
.navbar .dropdown-menu { width: auto; min-width: 235px; box-shadow: rgba(40, 40, 40, 0.1) 0px 2px 6px 0px; padding: 25px 0px 23px; border-radius: 0px 0px 6px 6px; }
.nav__item i[data-toggle="dropdown"], .navbar .dropdown-menu .nav__item .nav__item-link::before { display: none; }
.navbar .nav__item.dropdown-submenu > .mega-menu, .navbar .nav__item.has-dropdown > .dropdown-menu, .navbar .nav__item.has-dropdown > .dropdown-menu > .nav__item.dropdown-submenu > .dropdown-menu, .navbar .nav__item.has-dropdown > .mega-menu { display: block; position: absolute; left: 0px; right: auto; z-index: 1050; opacity: 0; visibility: hidden; transition: 0.5s; transform: translateY(10px); }
.navbar .nav__item.dropdown-submenu:hover > .mega-menu, .navbar .nav__item.has-dropdown:hover > .dropdown-menu, .navbar .nav__item.has-dropdown:hover > .mega-menu, .navbar .nav__item.has-dropdown > .dropdown-menu > .nav__item.dropdown-submenu:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0px); }
}
@media (max-width: 420px){
.header .navbar-brand img { max-width: 120px; }
}
.accordion-item .accordion__title:hover, .footer .footer-widget-nav li a:hover, .footer .footer__copyright-links li a:hover { color: rgb(33, 205, 192); }
.footer .footer-primary { padding-top: 85px; padding-bottom: 60px; background-color: rgb(29, 42, 77); }
.footer [class*="footer-widget"] { margin-bottom: 30px; }
.footer .footer-widget__title { color: rgb(255, 255, 255); font-size: 16px; text-transform: capitalize; margin-bottom: 30px; }
.footer .contact-list li { line-height: 26px; margin-bottom: 0px; }
.footer .footer-widget-contact { position: relative; overflow: hidden; padding: 40px; border-radius: 15px; background-color: rgb(255, 255, 255); }
.footer .footer-widget-contact::before { content: ""; font-family: icomoon; position: absolute; right: -30px; bottom: -15px; font-size: 170px; line-height: 1; color: rgba(40, 59, 106, 0.05); transform: rotate(-20deg); z-index: 0; }
.footer .footer-widget-contact::after { content: ""; position: absolute; top: 40px; bottom: 40px; left: 0px; width: 3px; background-color: rgb(33, 205, 192); }
.footer .footer-widget-nav li a { display: block; position: relative; color: rgb(132, 142, 159); font-size: 14px; margin-bottom: 11px; }
.footer .phone__number { margin: 20px 0px; }
.phone__number { display: inline-flex; align-items: center; font-family: Quicksand, sans-serif; font-weight: 700; font-size: 22px; line-height: 1; color: rgb(56, 81, 162) !important; }
.phone__number:hover { color: rgb(33, 205, 192) !important; }
#scrollTopBtn { position: fixed; right: 10px; bottom: 30px; width: 45px; height: 45px; opacity: 0; z-index: 1000; font-size: 18px; border-radius: 50%; color: rgb(255, 255, 255); background-color: rgb(33, 205, 192); overflow: hidden; transition: 0.3s ease-in-out; }
#scrollTopBtn:hover { background-color: rgb(34, 34, 34); }
@media (min-width: 1200px){
.footer .footer-widget-about, .footer .footer-widget-nav { margin-top: 40px; }
}
@media (min-width: 320px) and (max-width: 1200px){
.footer .footer-primary { padding-top: 35px; padding-bottom: 30px; }
.footer .footer-widget-contact { padding: 20px; }
.footer .footer-widget-contact::after { top: 20px; bottom: 20px; }
.footer .footer-widget__title { margin-bottom: 15px; }
.footer .footer-widget-nav li a { font-size: 13px; }
.footer .phone__number { margin: 10px 0px; }
}
@media (min-width: 320px) and (max-width: 767px){
#scrollTopBtn { bottom: 20px; width: 30px; height: 30px; font-size: 14px; }
}
.post-item, .post-item .post__img { position: relative; border-radius: 6px; }
.post-item { margin-bottom: 30px; transition: 0.3s linear; }
.post-item .post__img { overflow: hidden; }
.post-item .post__img img { transition: 0.9s; }
.post-item .post__title { font-size: 20px; margin-bottom: 28px; }
.post-item .post__meta { margin-bottom: 14px; }
.post-item .post__meta > * { position: relative; font-size: 13px; color: rgb(67, 91, 161); line-height: 1; margin-right: 15px; padding-right: 15px; }
.post-item .post__meta > ::after { content: ""; position: absolute; top: 0px; right: 0px; width: 2px; height: 100%; background-color: rgb(222, 223, 227); }
.post-item .post__meta > :last-child { padding-right: 0px; margin-right: 0px; }
.blog-tags ul li:last-child a::before, .post-item .post__meta-cat a:last-child::after, .post-item .post__meta > :last-child::after { display: none; }
.post-item .post__body { position: relative; z-index: 3; padding: 0px 30px 40px 37px; margin-top: -15px; }
.post-item:hover { box-shadow: rgba(9, 29, 62, 0.15) 0px 5px 83px 0px; }
.post-item:hover .post__img img, .services-layout2 .service-item:hover .service__img img { transform: scale(1.1) rotate(1deg); }
.blog-single .post-item .post__img { border-radius: 16px; }
.blog-single .post-item:hover { box-shadow: none; }
@media (min-width: 1200px){
.blog-single .post-item .post__title { font-size: 27px; }
.blog-single .post-item .post__desc p { font-size: 16px; line-height: 1.7; margin-bottom: 25px; }
.blog-single .post-item .post__body { margin-top: -35px; background-color: rgb(255, 255, 255); border-top-right-radius: 30px; margin-right: 40px; }
}
@media (min-width: 320px) and (max-width: 767px){
.post-item { margin-bottom: 15px; }
}
@media (min-width: 320px) and (max-width: 575px){
.post-item .post__body { padding: 0px 20px 30px 27px; }
}
.widget { position: relative; padding: 40px; overflow: hidden; border-radius: 10px; margin-bottom: 40px; background-color: rgb(222, 248, 246); }
.widget::after { content: ""; position: absolute; top: 40px; bottom: 40px; left: 0px; width: 3px; background-color: rgb(33, 205, 192); }
.widget .widget__title { font-size: 19px; margin-bottom: 23px; }
.widget-categories ul li a:hover, .widget-poducts .widget-product-item:hover .widget-product__title a, .widget-post-item:hover .widget-post__title a { color: rgb(33, 205, 192); }
.widget-post-item { margin-bottom: 25px; }
.widget-post-item .widget-post__title { font-size: 16px; margin-bottom: 0px; }
.product__title a, .widget-poducts .widget-product-item .widget-product__title a, .widget-post-item .widget-post__title a { color: rgb(14, 32, 77); }
.widget-post-item .widget-post__img { flex: 0 0 80px; max-width: 80px; margin-right: 15px; }
.about__img img, .widget-poducts .widget-product-item .widget-product__img img, .widget-post-item .widget-post__img img { border-radius: 5px; }
.widget-post-item .widget-post__date { line-height: 1; font-size: 13px; margin-bottom: 4px; }
.login-page { min-height: 100vh; display: flex; align-items: center; background-color: rgb(248, 249, 250); }
.login-form { background: rgb(255, 255, 255); padding: 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 20px; max-width: 450px; width: 100%; margin: 0px auto; }
.login-form__header { text-align: center; margin-bottom: 30px; }
.login-form__header img { max-width: 180px; margin-bottom: 20px; }
.login-form__title { font-size: 24px; color: rgb(44, 62, 80); margin-bottom: 10px; }
.login-form__desc { color: rgb(108, 117, 125); font-size: 14px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; color: rgb(44, 62, 80); font-weight: 500; }
.form-control { height: 50px; padding: 10px 15px; border: 1px solid rgb(231, 235, 239); border-radius: 5px; transition: 0.3s; }
.form-control:focus { border-color: var(--primary-color); box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.login-form__options { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.custom-control { margin-bottom: 0px; }
.forgot-password, .register-link a { color: var(--primary-color); text-decoration: none; }
.forgot-password { font-size: 14px; }
.forgot-password:hover, .register-link a:hover { text-decoration: underline; }
.btn-login { height: 50px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.register-link { text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid rgb(231, 235, 239); }
.register-link a { font-weight: 600; }
@media (max-width: 767px){
.login-form { padding: 30px 20px; margin: 20px; }
}
.report-check-btn { line-height: 30px; background-color: rgb(35, 205, 191); padding: 1px 15px; border-radius: 3px; transition: 0.3s; }
.report-check-btn:hover, .report-info-btn, .report-info-btn:hover { background-color: rgb(20, 135, 125); transition: 0.3s; }
.cookie-notification { position: fixed; bottom: 0px; left: 0px; right: 0px; background: rgba(255, 255, 255, 0.95); padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 10px; z-index: 9999; display: none; }
.cookie-notification .container { display: flex; align-items: center; justify-content: space-between; }
.cookie-notification p { margin: 0px; color: rgb(102, 102, 102); font-size: 14px; }
.cookie-notification .btn-group { display: flex; gap: 10px; }
.cookie-notification .btn { padding: 8px 20px; font-size: 14px; border-radius: 5px; cursor: pointer; transition: 0.3s; }
.cookie-notification .btn-accept, .custom-modal-btn { background: rgb(35, 205, 191); color: rgb(255, 255, 255); border: 0px; }
.cookie-notification .btn-reject { background: 0px 0px; color: rgb(227, 68, 105); border: 1px solid rgb(161, 51, 77); }
.cookie-notification .btn:hover { opacity: 0.9; }
@media (max-width: 767px){
.cookie-notification .container { flex-direction: column; text-align: center; gap: 15px; }
.cookie-notification .btn-group { width: 100%; justify-content: center; }
}
.custom-modal-overlay { display: none; position: fixed; z-index: 5000; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; }
.custom-modal-box { background: rgb(255, 255, 255); padding: 30px; border-radius: 16px; max-width: 400px; width: 90%; box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 30px; text-align: center; position: relative; }
.custom-modal-header { display: flex; justify-content: space-between; align-items: center; }
.custom-modal-close { font-size: 28px; cursor: pointer; color: rgb(102, 102, 102); }
.custom-modal-close:hover { color: rgb(0, 0, 0); }
.custom-modal-text { margin: 20px 0px; font-size: 16px; }
.custom-modal-buttons { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.app-btn img { width: 140px; height: auto; transition: transform 0.2s; }
.app-btn img:hover { transform: scale(1.05); }
.top-google-ios { margin-right: 6px; }
.post__desc > h2, h3, h4, h5, h6 { font-size: 22px !important; }

/* Also neutralize previously cached critical CSS overlays on custom buttons. */
.btn:not(.btn__primary):not(.btn__secondary):not(.btn__white)::before{content:none!important}