*::-webkit-scrollbar { width: 8px; background-color: #f2f2f2; }

*::-webkit-scrollbar-thumb { background-color: #104993 }
.bg-overlay22 { width: 100vw; height: 100vh; background-color: #222; position: fixed; z-index: 9; top: 0; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; }

.color-blue { color: #3c89b9 !important; }
:root { --tg-theme-primary: #184081; --tg-theme-secondary: #191D88; --tg-heading-color: #14176C; --tg-color-gray-3: #ECF6FA; }
.bg-blue { background-color: #3c89b9 !important; }
.active .form-check-label i { font-weight: 600; font-size: 14px; }
.bfr-none:before { display: none; }
.markalar-bslik { position: relative; margin-left: 10px; }
.markalar-bslik h3 { position: relative; display: inline-block; font-size: 28px; font-weight: 600; }
.after-none:after { content: none; }
/*.markalar-bslik h3::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: #1c76b4;
}*/
#header .activesticky .sticky-header { position: fixed; top: 0; left: 0; width: 100%; background-color: white; box-shadow: 0 0px 14px #121212; z-index: 9; padding: 15px 0; display: none; }
.header2.activesticky { background: #fff; box-shadow: 1px 2px 3px #CCB; position: fixed; width: 100%; left: 0; right: 0; background-color: #fff; TOP: 0; }
/*.header2 {
    box-shadow: 0 0px 14px #121212;
}*/

.header2.activesticky .header-nav-right { }
.header2.activesticky .badge { color: red }
.msgcount { background-color: #e20909 !important; color: white; /* border-radius: 50% !important; */ top: 11px !important; right: -19px; display: block; padding: 7px 10px; border-radius: 13px; }
.header2.activesticky .msgcount { background-color: red !important; color: white }
.header2 .header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; }

.header2 .header-nav .header-nav-left { position: relative; /* flex: 2 2 20em; */ padding: 0 38px; }

.header2 .header-nav .header-nav-left .dropdown-category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px; background: linear-gradient(90.56deg, #eaf0f8 8.46%, #cbcbcb 62.97%); color: #020202; border-radius: 5px; border: none; }

.header2 .header-nav .header-nav-left .dropdown-category i { font-size: 23px; margin-right: 9px; }

.header2 .header-nav .header-nav-left .dropdown-category span { font-size: 18px; font-weight: 600; }

.header2 .header-nav .header-nav-left .category-dropdown { position: absolute; top: 72px; left: 0; background-color: #fff; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd; z-index: 2; width: 300px; border-radius: 6px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.header2 .header-nav .header-nav-left:hover .category-dropdown { opacity: 1; visibility: visible; top: 63px; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px; padding: 20px 25px; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li { display: block; width: 100%; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4a5568; margin-left: 13px; font-size: 13px; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li a img { width: 23px; height: 23px; -o-object-fit: contain; object-fit: contain; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li a h6 { font-size: 17px; font-weight: 500; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; line-height: 1.2; margin: 0; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li a h6:before { content: ""; position: absolute; width: 0; height: 3px; bottom: -3px; left: 0; background-color: #4e9a12; opacity: 0.5; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6 { letter-spacing: 0.3px; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6::before { width: 65px; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li a i { margin-left: auto; }

.header2 .onhover-category-list:hover .onhover-category-box { opacity: 1; visibility: visible; margin-left: 25px; }

.header2 .category-title { display: none; }

.header2 .onhover-category-list .onhover-category-box { position: absolute; top: -15px; left: 100%; background: #fff; -webkit-box-shadow: 0 0 8px #ddd; box-shadow: 0 0 8px #ddd; padding: 20px 25px; border-radius: 5px; width: 520px; height: auto; overflow: auto; display: grid; grid-template-columns: auto auto; opacity: 0; visibility: hidden; margin-left: 14px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.header2 .onhover-category-list .onhover-category-box .category-title-box { margin-bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header2 .onhover-category-list .onhover-category-box .category-title-box h5 { font-weight: 600; font-size: 17px; line-height: 1.2; margin: 0; }

.header2 .onhover-category-list .onhover-category-box ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 7px; list-style: circle; }

.header2 .header-nav .header-nav-left .category-dropdown .category-list li { display: block; width: 100%; position: relative; }

.header2 .onhover-category-list .onhover-category-box ul li::after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 5px; height: 5px; background-color: #4a5568; border-radius: 100%; }

.header2 .header-nav-middle { /* margin: auto !important; */ padding: 0; flex: 1 1 20em; }

.header2 .navbar { display: inline-block; padding-top: 6px; padding-bottom: 6px; padding-left: 15px; z-index: 1; position: relative; }

.header2 .main-nav { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header2 .main-nav { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
}

@media (min-width: 900px) {
 .contant-page { min-height: 600px; }
}

.header2 .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0; padding-bottom: 0; }

.header2 .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) { top: 0; left: 0; -webkit-box-shadow: none; box-shadow: none; }

.header2 .navbar-expand-xl .offcanvas { -webkit-box-flex: 1; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .offcanvas { position: inherit; bottom: 0; z-index: 1000; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; visibility: visible !important; background-color: transparent; border-right: 0; border-left: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: none; transform: none; }
}

@media (min-width: 1200px) {
 .header2 .offcanvas-collapse { display: block; position: static; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto !important; max-width: 100% !important; height: auto !important; -webkit-transform: none !important; transform: none !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
}

.header2 .offcanvas { position: fixed; bottom: 0; z-index: 1080; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; -webkit-box-shadow: -1px 0 10px 0 rgb(34 34 34 / 7%), 5px 20px 40px 0 rgb(34 34 34 / 4%); box-shadow: -1px 0 10px 0 rgb(34 34 34 / 7%), 5px 20px 40px 0 rgb(34 34 34 / 4%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; will-change: transform, box-shadow; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow 0.3s ease; transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow 0.3s ease; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow 0.3s ease; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),box-shadow 0.3s ease,-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-box-shadow 0.3s ease; visibility: visible !important; }

@media (min-width: 1200px) {
 .header2 .order-xl-2 { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; }
}

.header2 .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

@media (max-width: 1199px) {
 .header2 .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) { width: calc(300px + (320 - 300) * ((100vw - 1200px) / (1920 - 1200))); -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 7; }
}

@media (min-width: 1200px) {
 .header2 .offcanvas-collapse .offcanvas-header { display: none; }
}

.header2 .offcanvas-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; padding: 20px 24px; z-index: 1; }

.header2 .navbar-shadow { -webkit-box-shadow: 0 2px 10px -3px rgb(34 34 34 / 10%); box-shadow: 0 2px 10px -3px rgb(34 34 34 / 10%); }

.header2 .offcanvas-header h5 { color: #3e97ea; font-weight: 600; font-size: 17px; line-height: 1.2; margin: 0; }

.header2 .offcanvas-header .btn-close { padding: 0; margin: -10px 0; font-size: 16px; }

@media (min-width: 1200px) {
 .header2.navbar-expand-xl.navbar .offcanvas-body { overflow: visible; }
}

@media (min-width: 1200px) {
 .header2 .offcanvas-collapse .offcanvas-body { padding: 0; overflow: initial; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .offcanvas-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; padding: 0; overflow-y: visible; }
}

.header2 .offcanvas-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 20px 24px; overflow-y: auto; height: 100%; }

.header2 .offcanvas-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .navbar-nav { position: relative; padding-top: 0; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
}

.header2 .navbar-nav { padding-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.header2 .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

@media (max-width: 1199px) {
 .header2 .offcanvas-collapse .offcanvas-body .navbar-nav { padding-top: 0; }
}

@media (max-width: 1199px) {
 .header2 .offcanvas-collapse .offcanvas-body .navbar-nav .nav-item { border-top: 0; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .navbar-nav .nav-item { border: 0; }
}

.header2 .navbar-nav .nav-item { margin-bottom: 0; }

.header2 .dropdown { position: relative; }

.header2 .navbar.navbar-expand-xl .navbar-nav .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 17px; font-weight: 600; position: relative; }


.header2 .navbar-light .navbar-nav .nav-link { color: #000; }
.header2 .navbar-light .navbar-nav .nav-link:hover { color: #fff }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
}

.header2 .navbar-nav .nav-item:hover { color: #fff; }
.header2 .navbar-nav .nav-item:hover > a { background-color: var(--tg-theme-primary); color: #fff; }

.header2 .navbar.navbar-expand-xl .navbar-nav .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: 600; position: relative; padding-left: 16px !important; }


.header2 .navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.header2 .nav-link { display: block; padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.header2 .navbar.navbar-expand-xl .navbar-nav .nav-link::before { content: ""; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; right: -12px; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
}

.header2 .dropdown-toggle::after { border-top: none !important }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu { margin-top: 0; -webkit-box-shadow: -1px 0 10px 0 rgb(34 34 34 / 7%), 5px 20px 40px 0 rgb(34 34 34 / 4%) !important; box-shadow: -1px 0 10px 0 rgb(34 34 34 / 7%), 5px 20px 40px 0 rgb(34 34 34 / 4%) !important; background-color: #fff; border-color: #fff; padding: 20px; border-radius: 0; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); display: block !important; }
}

.header2 .navbar-nav .dropdown-menu { min-width: 200px; margin: 0; margin-top: 0px; background-color: #fff; -webkit-box-shadow: -1px 0 10px 0 rgb(34 34 34 / 70%), 5px 20px 40px 0 rgb(34 34 34 / 40%) !important; box-shadow: 1px 0 9px -1px rgb(34 34 34 / 70%), 8px 10px 14px 0 rgb(34 34 34 / 32%) !important; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: 0; position: static; /*-webkit-transition: all 0.2s ease-in;*/ /*transition: all 0.2s ease-in;*/ opacity: 0; visibility: hidden; display: block !important; /*-webkit-transform: translateY(-15px);*/ /*transform: translateY(-15px);*/ }

.header2 .navbar-nav .dropdown-menu { position: static; }

.header2 .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.15); border-radius: 0.25rem; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu li { display: block; width: 100%; }
}

.header2 .navbar-light .navbar-nav .nav-link:hover { color: #ffffff; background-color: var(--tg-theme-primary); }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu li { display: block; width: 100%; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu li:first-child .dropdown-item { margin: 0; margin-top: -3px; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item:hover { background-color: transparent; /* letter-spacing: 0.03em; */ }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item:focus { background-color: transparent; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item { padding: 0; margin: 10px 0 0 0; font-size: 15px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; }
}

.header2 .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; text-shadow: 1px 1px 5px white; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item:hover { background-color: transparent; /* letter-spacing: 0.03em; */ }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item:hover::after { width: 40%; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item::after { content: ""; position: absolute; width: 0; height: 4px; bottom: -2px; left: 0; background-color: #187bd8; opacity: 0.3; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown:hover .dropdown-menu-2 { /*-webkit-transform: translateX(-50%) translateY(0);*/ /*transform: translateX(-50%) translateY(0);*/ display: block !important; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-column:first-of-type { margin-left: 0; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-mega .dropdown-column { margin-top: 5px; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-column { margin: 0; position: relative; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header { padding: 0; font-size: 16px; font-weight: 600; margin-bottom: 14px; }
}

.header2 .dropdown-header { display: block; padding: 8px 20px; margin-bottom: 0; font-size: 14px; color: var(--theme-color); white-space: nowrap; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item { padding: 0; margin: 13px 0px 11px 0; }
}

.header2 .navbar.navbar-expand-xl .navbar-nav .nav-item + .nav-item { margin-left: 0; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .navbar-nav .nav-item { border: 0; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-mega { position: static; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item::after { content: ""; position: absolute; width: 0; height: 4px; bottom: -2px; left: 0; background-color: #10a8d9; opacity: 0.3; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item:hover::after { width: 40%; }
}

@media (min-width: 1200px) {
 .col-xlnew-3 { width: 22%; }
}

@media (min-width: 1200px) {
 .col-xlnew-9 { width: 78%; }
}

.custom-height::-webkit-scrollbar { width: 4px; background-color: #f5f5f5; border-radius: 50px; }

.custom-height::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgb(37 107 196 / 50%); }

.satisAdetKatsayili { position: absolute; top: -22px; right: 0; width: 95%; font-size: 12px; color: white; background: #5ad14f; border-radius: 5px; padding: 0 1px !important; }

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-menu .dropdown-item::after { content: ""; position: absolute; width: 0; height: 4px; bottom: -2px; left: 0; background-color: var(--tg-theme-primary); opacity: 0.3; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown:hover > .dropdown-menu { opacity: 1; visibility: visible !important; }
}

.non-before::before { display: none; }

.filterTabLabels .removeVryant { content: ""; position: absolute; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 6 Free"; font-weight: 900; right: 13px; color: rgb(119, 119, 119); cursor: pointer; }

.header2 .navbar-nav .dropdown-menu-2 { left: 50%; -webkit-transform: translateX(-50%) translateY(-15px); transform: translateX(-50%) translateY(-15px); width: 52vw; min-width: unset; padding: 11px 22px 22px 22px !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; display: -webkit-box !important; display: -ms-flexbox !important; display: none !important; overflow: hidden; position: relative; z-index: 0; /* top: 46px; */ border-radius: 0; }

@media (min-width: 1200px) {
 .header2 .navbar-nav .dropdown-menu-2 { left: 0; }
}

@media (max-width: 1400px) {
 .header2 .navbar-nav .dropdown-menu-2 { background-position: 20px center; }
}

@media (max-width: 1199px) {
 .header2 .navbar-nav .dropdown-menu-2 { width: 100%; padding: 0 !important; left: 0; margin: 0; }
}


.header2 .header-nav .header-nav-right .deal-button { color: #3169c2; padding: 10px; position: relative; border-radius: 5px; overflow: hidden; z-index: 0; }

.header2 .header-nav .header-nav-right .deal-button::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #3169c2; opacity: 0.1; z-index: -1; }

.header2 .header-nav .header-nav-right .deal-button { color: #ffffff; font-weight: 500 }

.header2 .header-nav .header-nav-right .deal-button i { padding: 5px; background: #000000; border-radius: 50%; color: #ebf0f9; font-size: 13px; }

.category-box-list2 { padding: 20px; border-radius: 15px; background-color: #f1f1f3; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 0; margin: 0 10px; }

.category-box-list2 a { display: block; }

.category-box-list2 .category-name { margin-bottom: 12px; color: #222; display: block; position: relative; /*margin-top: 15px;*/ text-align: center; }

.category-box-list2 a img { margin: 0 auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; width: 100%; height: auto; }

.category-box-list2:hover { background-color: #fff; }

.category-box-list2:hover a img { opacity: 0.7; -webkit-transform: scale(1.03); transform: scale(1.03); }

.category-box-view .shop-button { opacity: 1; bottom: 17px; }

.category-box-list2 .category-box-view .shop-button { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #3e97ea; font-size: 14px; padding: 10px 20px; color: #fff; font-weight: 600; position: absolute; bottom: -40px; opacity: 0; }

.category-box-list2:hover::after { opacity: 1; }

.category-box-list2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(#3e97ea, 0.15); z-index: -1; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.category-box-list2:hover .category-name h4 { font-weight: 700; color: #ed1e24; }

#maninbrand .owl-stage .owl-item { max-width: 320px; }

#maninbrand .owl-nav { position: absolute; top: -70px; right: 15px; }

#maninbrand .owl-nav .owl-prev { position: absolute; left: unset; right: 55px; display: flex; justify-content: center; align-items: center; }

#maninbrand .owl-nav .owl-next { position: absolute; right: 5px; display: flex; justify-content: center; align-items: center; }

#maninbrand .owl-nav .owl-prev::before { content: "\f177"; }

#maninbrand .owl-nav .owl-next::before { content: "\f178"; }

#maninbrand .owl-nav .owl-prev::before { font-family: "Font Awesome 6 Free"; font-weight: 900; color: #ed1e24; font-size: 20px; }

#maninbrand .owl-nav .owl-next::before { font-family: "Font Awesome 6 Free"; font-weight: 900; color: #ed1e24; font-size: 20px; }

#maninbrand .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 40px; height: 40px; background: #fff; -webkit-box-shadow: 0px 1px 4px rgb(34 34 34 / 14%); box-shadow: 0px 1px 4px rgb(34 34 34 / 27%) !important; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#maninbrand .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover { background: #3e97ea !important; }

#maninbrand .owl-nav .owl-prev:hover::before, .owl-carousel .owl-nav .owl-next:hover::before { color: #fff; }
/* *** bunu media min-w 900 olarak değiştir*/
.category-box-list2 { min-height: 275px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center }
.sub-tab-header { position: absolute; left: 0; bottom: -15px; display: flex; justify-content: center; align-items: center; }
.sub-tab-header .czg { width: 55px; height: 2px; background: #ed1e24; }
.sub-tab-header i { color: #ed1e24; font-size: 15px; margin: 5px; }
.header2 .top-nav { padding: 0; border-bottom: 1px solid #4a0e0d; background-color: #fdfdfd; }

.header2 .top-nav .navbar-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.header2 .top-nav .navbar-top .web-logo img { width: 160px; height: auto; -o-object-fit: contain; object-fit: contain; }

.header2 .top-nav .navbar-top .middle-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header2 .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }

.font-w-600 { font-weight: 600 !important; }

@media (max-width: 1812px) {
 .header2 .top-nav .navbar-top .middle-box .search-box .input-group .form-control { width: 466px; }
}

.header2 .top-nav .navbar-top .middle-box .search-box .input-group .form-control { width: 577px; border-radius: 5px 0 0 5px; border-color: #ececec; height: unset; }


.header2 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.header2 .top-nav .navbar-top .middle-box .search-box .input-group button { background-color: #ffffff; color: #000; padding: 14px 20px; border-radius: 5px; border: 1px solid #d7d7d7; }

.header2 .input-group .btn { z-index: 1; }

.header2 .input-group .btn { position: relative; z-index: 2; }

.header2 .top-nav .navbar-top .middle-box .search-box .input-group button i { width: 20px; height: 20px; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-bottom: 0; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side { position: relative; padding-right: 32px; display: inline-block; font-size: 17px; COLOR: #FFF; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 24px; right: 14px; background-color: rgba(74,85,104,0.5); }

@media (max-width: 1660px) {
 .header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon i { margin-right: 0; }
}

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon i { margin-right: 14px; stroke-width: 1.5; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-badge { padding-right: 9px; }

.header2 .onhover-dropdown { position: relative; }

.p-0 { padding: 0 !important; }

.position-relative { position: relative !important; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child { display: none; }

@media (max-width: 1199px) {
 .header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child { display: block; }
}

.header2 .search-full { width: 0; height: 0; background-color: #fff; position: absolute; top: 0; right: 0; z-index: 2; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header2 .search-full .input-group { border: 1px solid #f0f3f8; }

.header2 .btn:hover { color: #fefefe !important; border-color: #fff !important }

.header2 a:hover { text-decoration: none; -webkit-transition: 0.5s ease; transition: 0.5s ease; }

.header2 .onhover-dropdown .onhover-div { position: absolute; top: 60px; right: -10px; background-color: #fff; z-index: 1001; width: 320px; border-radius: 10px; padding: 15px; -webkit-box-shadow: -1px 0 10px 0 rgb(34 34 34 / 7%), 5px 20px 40px 0 rgb(34 34 34 / 4%); box-shadow: -1px 0 10px 0 rgb(34 34 34 / 7%), 5px 20px 40px 0 rgb(34 34 34 / 4%); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; }

.header2 .onhover-dropdown:hover .onhover-div { opacity: 1; top: 50px; visibility: visible; }

.header2 .onhover-dropdown .onhover-div .cart-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; border-bottom: 1px solid #ececec; padding-bottom: 12px; }

.header2 .onhover-dropdown .onhover-div .cart-list li { margin: 0 !important; }

.header2 .onhover-dropdown .onhover-div .cart-list li .drop-cart { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.header2 .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-image img { width: 87px; background: #f8f8f8; padding: 10px; }

.header2 .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h5 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; margin-bottom: 5px; font-size: 15px; color: #3e97ea; font-weight: 500; }

.header2 .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 5px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.header2 h6 { font-size: 13px; line-height: 1.2; margin: 0; font-weight: 400; }

.header2 .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 span { margin-top: -2px; color: #4a5568; }

.header2 .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button { position: absolute; top: 0; right: 0; background-color: transparent; border: none; padding: 0; color: #4a5568; }

.header2 .onhover-dropdown .onhover-div .price-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; }

.header2 .theme-color { color: #429ce9; }

.header2 .fw-bold { font-weight: 700 !important; }

.header2 .onhover-dropdown .onhover-div .button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px; }

.header2 .onhover-dropdown .onhover-div .button-group .cart-button { border: 2px solid #429ce9; color: #429ce9; padding: 6px 10px; }

.header2 .btn-sm { padding: 8px 16px; font-size: 14px; font-weight: 500; }

.header2 .onhover-dropdown .onhover-div .button-group .cart-button { border: 2px solid #429ce9; color: #429ce9; padding: 6px 10px; }

.header2 .theme-bg-color { background: #429ce9 !important; }

.header2 .text-white { --bs-text-opacity: 1; color: #fff !important; }

.header2 h5 { font-size: 15px; line-height: 1.2; margin: 0; font-weight: 400; }

.header2 h4 { font-size: 17px; line-height: 1.2; margin: 0; font-weight: 400; }

.header2 .onhover-dropdown .onhover-div-login { right: 0; width: 160px; padding: 20px; }

.header2 .onhover-dropdown .onhover-div-login .user-box-name { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header2 .onhover-dropdown .onhover-div-login .user-box-name li { display: block; width: 100%; }

.header2 .onhover-dropdown .onhover-div-login .user-box-name li a { color: #222; display: block; position: relative; }

.header2 .onhover-dropdown .onhover-div-login .user-box-name li a::after { content: ""; position: absolute; width: 0; height: 4px; bottom: 0px; left: 0; background-color: #429ce9; opacity: 0.3; border-radius: 50px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: -1; }

.header2 .onhover-dropdown .onhover-div-login .user-box-name li a:hover::after { width: 40%; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span { width: 18px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #dc3545; font-size: 12px; padding: 0; border-radius: 2px; }

.header2 .btn .badge { position: relative; top: -1px; }

.header2 .translate-middle { -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }

.header2 .start-100 { }

.header2 .top-0 { top: 0 !important; }

.header2 .position-absolute { position: absolute !important; }

.header2 .badge { display: inline-block; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; display: flex; align-content: center; justify-content: center; align-items: center; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child { padding-right: 0; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child::before { content: none; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; font-size: 26px; color: #fff; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box:hover .delivery-detail h5 { color: #ffffff !important; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6 { color: #4a5568; margin-bottom: 3px; }

.header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 { font-weight: 500; color: #f9f8f8; font-size: 17px; }

.prolist-section .left-box { position: sticky; top: 97px; border-right: 1px solid #ddd; overflow: auto; }

.prolist-section .left-box .shop-left-sidebar { padding-right: 15px; }

.prolist-section .left-box .shop-left-sidebar .filter-category { margin-bottom: 25px; }

.prolist-section .left-box .shop-left-sidebar .filter-category .filter-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; padding: 0 0 8px 0; }

.prolist-section .left-box .shop-left-sidebar .filter-category .filter-title h2 { font-size: 18px; padding: 0 0 8px 0; font-weight: 600; border-bottom: 1px solid #0394df; }

.prolist-section .left-box .shop-left-sidebar .filter-category .filter-title a { display: block; color: #0394df }

.prolist-section .left-box .shop-left-sidebar .filter-category ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; padding-top: 16px; }

.prolist-section .left-box .shop-left-sidebar .filter-category ul li { padding: 9px 34px 9px 11px; background-color: #f9f8f6; position: relative; border-radius: 4px; display: inline-block; font-size: 14px; }

.prolist-section .left-box .shop-left-sidebar .filter-category ul li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 6 Free"; font-weight: 900; right: 13px; color: rgb(119, 119, 119); cursor: pointer; }

.prolist-section .left-box .shop-left-sidebar .filter-category ul li a { color: #777; }

.prolist-section .left-box .shop-left-sidebar .custome-accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px; }

.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item { border: none; width: 100%; }


.prolist-section .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.prolist-section .accordion-item { background-color: #fff; border: 1px solid rgba(0,0,0,0.125); }

.prolist-section .prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item { border: none; width: 100%; }

.prolist-section .accordion-item:not(:first-of-type) { border-top: 0; }

.prolist-section .accordion-header { font-size: 22px; font-weight: 600; line-height: 1; text-transform: capitalize; margin: 0; }

.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { color: #222; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }


.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button { font-size: 18px; padding: 0 0 8px 0; font-weight: 600; margin-bottom: 9px; }


.prolist-section .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button::before { content: ""; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; width: 26px; height: 26px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; top: 0px; right: 5px; background-color: rgb(247, 246, 244); font-size: 15px; border-radius: 100%; transition: all 0.3s ease-in-out 0s; }


.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button::after { content: unset }

.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button span { position: relative; display: inline-block; }

.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button span::before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -8px; left: 0; background-color: #1872b3; }

.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-collapse .accordion-body { padding: 3px 0 0; }

.prolist-section .left-box .shop-left-sidebar .search-box { position: relative; margin-bottom: 15px; }

.prolist-section .theme-form-floating-2 > .form-control { padding: 14px 10px; }

.prolist-section .theme-form-floating-2 > .form-control { height: 46px; }

.prolist-section .theme-form-floating-2 .form-control:focus { background-color: #fff; border: 1px solid #ced4da; box-shadow: 0 0 0 0 black; }

.prolist-section .theme-form-floating-2 > .form-control:focus { padding-top: 12px; padding-bottom: 10px; font-size: 15px; font-weight: 500; }

.prolist-section .theme-form-floating-2 > .form-control:focus ~ label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); opacity: .95; top: -5px; left: 10px; height: 31px; background-color: #fff; padding: 0 10px; opacity: 1; }

.prolist-section .form-floating > .form-control:focus ~ label { -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }

.prolist-section .theme-form-floating-2 label { font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))); color: #4a5568; }

.form-floating > label { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.prolist-section .theme-form-floating-2 > label { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 9px; padding: 0; border: none; height: auto; }

.prolist-section .left-box .shop-left-sidebar .search-box::after { content: "\f002"; position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; top: 50%; transform: translateY(-50%); right: 0px; font-size: 15px; height: 60%; display: flex; -webkit-box-align: center; align-items: center; color: rgb(74, 85, 104); border-left: 1px solid rgb(221, 221, 221); padding: 0px 18px; transition: all 0.3s ease-in-out; }

.shop-sidebar_department .filter-title { position: relative; }

.shop-sidebar_department .filter-title::before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -8px; left: 0; background-color: #1872b3; }

.prolist-section .left-box .shop-left-sidebar .custome-accordion .accordion-item .accordion-header .accordion-button.collapsed::before { content: "\f107"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.prolist-section .category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; }

.prolist-section .custom-height { height: 100%; }

.prolist-section .custom-padding { padding-right: 10px; }

.prolist-section .category-list li { display: block; width: 100%; font-size: 15px; cursor: pointer; }

.prolist-section .category-list li:hover { cursor: pointer !important; }

.prolist-section .category-list li label:hover { cursor: pointer !important; }

.prolist-section .category-list li:hover .category-list-box .name { color: #2077c0 !important }

.prolist-section .category-list li .category-list-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ps-0 { padding-left: 0 !important; }

#new-height { max-height: 312px; }

.m-0 { margin: 0 !important; }

.prolist-section .category-list li .category-list-box input { margin-top: -4px; }

.prolist-section .checkbox_animated { cursor: pointer; position: relative; margin-right: 16px; height: 100%; }

.prolist-section .checkbox_animated:checked:before { -webkit-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1); }

.prolist-section .checkbox_animated:before { content: ""; position: absolute; width: 12px; height: 6px; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75); -webkit-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); left: 4px; top: 4px; z-index: 1; border: 2px solid #3e97ea; border-top-style: none; border-right-style: none; }

.prolist-section .checkbox_animated:after { content: ""; position: absolute; width: 21px; height: 21px; top: -2px; left: 0; background-color: #fff; border: 2px solid #ececec; cursor: pointer; }

.prolist-section .category-list li .category-list-box .form-check-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-left: 8px; }

.prolist-section .category-list li .category-list-box .form-check-label .name { font-size: 16px; color: #222; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; width: 80%; }

.prolist-section .category-list li .category-list-box .form-check-label .number { color: #777; font-size: 14px; }

.prolist-section .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.prolist-section .show-button { margin-bottom: 13PX; display: flex; justify-content: space-between; align-items: center; align-content: center; position: relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.card-filter .show-button { margin-bottom: 0 !important }
.prolist-section .show-button .filter-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 30px; }

.mt-0 { margin-top: 0 !important; }

.prolist-section .show-button .filter-button { display: block; color: #fff; }

@media (min-width: 992px) {
 .d-lg-no { display: none !important; }
}

.d-none { display: none !important; }
.d-inline-bl { display: inline-block !important; }

.prolist-section .show-button .filter-button a { font-size: 14px; font-weight: 600; padding: 6px; background-color: #3e97ea; border-radius: 5px; display: inline-block; }

@media (max-width: 991px) {
 .prolist-section .show-button .top-filter-menu { margin-top: 4px; }
}

.prolist-section .show-button .top-filter-menu .grid-option { margin-left: 16px; }

@media (min-width: 768px) {
 .d-md-block { display: block !important; }
}

@media (max-width: 600px) {
 .prolist-section .show-button .top-filter-menu { display: none !important }
}

.prolist-section .show-button .top-filter-menu .grid-option ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.prolist-section .show-button .top-filter-menu .grid-option ul li { width: 35px; height: 35px; border-radius: 5px; background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%); }

.prolist-section .show-button .top-filter-menu .grid-option ul li.active { background: #0095da; }

.prolist-section .show-button .top-filter-menu .grid-option ul li { width: 35px; height: 35px; border-radius: 5px; background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%); }

.prolist-section .show-button .top-filter-menu .grid-option ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }

.prolist-section .product-box-3 { padding: 7px; position: relative; background-color: #ff; border-radius: 5px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid #ddd9d9; background-color: #fff; border-radius: 16px; }

.prolist-section .produr-list-item { margin: 0; margin-bottom: 25px; padding-left: 10px; padding-right: 10px }
.prolist-section .product-box-3:hover { -webkit-box-shadow: 0 0 8px rgb(34 34 34 / 8%); box-shadow: 0 0px 10px rgb(0 0 0 / 50%); }

.prolist-section .product-box-3:hover .product-header .product-image .product-option { opacity: 1; }

.prolist-section .product-box-3 .product-header .product-image .product-option li a i { width: 17px; height: auto; color: #ffffff; }

.prolist-section .product-box-3 .product-header { position: relative; }

.prolist-section .product-box-3 .product-header .product-image { text-align: center; padding: 0; display: block; overflow: hidden; margin-bottom: 10px; min-height: 260px; display: flex; align-content: center; justify-content: center; border-top-left-radius: 16px; border-top-right-radius: 16px; }
.prolist-section .product-box-3 .product-header .product-image > a { display: flex; align-content: center; justify-content: center; align-items: center; }
.prolist-section .product-box-3 .product-header .product-image > a img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.prolist-section .product-box-3:hover .product-header .product-image img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.prolist-section.product-box-3 .product-header .product-image img { width: 100%; height: 100px; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.prolist-section .product-box-3 .product-header .product-image .product-option { left: 50%; margin-left: -51px; -webkit-transform: translateX(-50%); transform: translateX(0%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; background-color: rgb(87 32 217); width: auto; bottom: 17px; padding: 6px 7px; border-radius: 7px; -webkit-box-shadow: 0 0 8px rgb(34 34 34 / 12%); box-shadow: 0 0 8px rgb(34 34 34 / 12%); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.prolist-section .product-box-3 .product-header .product-image .product-option li { position: relative; width: 100%; }
.prolist-section .product-box-3 .product-header .product-image .product-option li a { color: #fff }


.product-option-other { right: 0; -webkit-transform: translateX(-50%); transform: translateX(0%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; background-color: rgb(32 217 191); width: auto; top: 9px; padding: 6px 7px; border-radius: 7px; -webkit-box-shadow: 0 0 8px rgb(34 34 34 / 12%); box-shadow: 0 0 8px rgb(34 34 34 / 12%); opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-option-other li { position: relative; width: 100%; }
.product-option-other li a { color: #fff }
.product.grid-view:hover .product-option-other { top: 12px; opacity: 1; right: 5px; }

.prolist-section .product-box-3 .product-footer .product-detail .span-name { font-size: 13px; color: #50607c; margin-bottom: 4px; }

.prolist-section .product-box-3 .product-footer .product-detail a { color: #222; display: flex; justify-content: center; align-content: center; align-items: center; }

.prolist-section .product-box-3 .product-footer .product-detail .name { font-weight: 500; font-size: 15px !important; line-height: 21px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; min-height: 61px; display: none !important }

.prolist-section .product-box-3 .product-footer .product-detail .unit { font-size: 18px; font-weight: 500; margin-top: 6px; color: var(--tg-theme-primary); margin-bottom: 10px; }

.prolist-section .product-box-3 .product-footer .price { margin-top: 6px; font-weight: 600; text-align: center; margin-bottom: 25px; }

.prolist-section .product-box-3 .product-footer .price span { font-size: 20px; }

.prolist-section .theme-color { color: #146fb1 !important; }

.prolist-section .product-box-3 .product-footer .price del { margin-left: 4px; font-weight: 400; color: #777; font-size: 18px; }

.prolist-section .add-to-cart-box { background-color: #f8f8f8; border-radius: 50px; position: relative; flex-grow: 6; align-items: center; display: flex; justify-content: center; }

.prolist-section .show-button .top-filter-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.prolist-section .show-button .top-filter-menu .category-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.prolist-section .text-content { color: #4a5568; font-size: 15px; line-height: 1.2; margin: 0; font-weight: 400; margin-right: 5px; }

.prolist-section .show-button .top-filter-menu .category-dropdown .dropdown { margin-left: 10px; }

.prolist-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; background-color: #f6f5f2; font-size: 14px; padding: 9px 15px; border-radius: 5px; color: #777; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; }

.prolist-section .category-dropdown .dropdown-toggle::after { content: none; }

.prolist-section .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 2px; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.15); border-radius: 0.25rem; }

.prolist-section .category-dropdown .dropdown-menu.show { display: block !important; }

.prolist-section .category-dropdown .dropdown-menu .show { position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate(0px, 39px); }

.prolist-section .category-dropdown .dropdown-menu li a:hover { background-color: #ede8d7; color: #222 }

.prolist-section .add-to-cart-box .qty-box {width: 100%;height: 100%;margin: 0;display: none;}

.prolist-section .add-to-cart-box .qty-box .form-control:focus { box-shadow: 0 0 0 0 rgb(13 110 253 / 25%) !important }

.prolist-section .qty-box { margin-top: 10px; width: 100%; max-width: 250px; }

.prolist-section .add-to-cart-box .qty-box .input-group { background-color: #f8f8f8; border-radius: 50px; padding: 4px; text-align: center; z-index: 0; }

.prolist-section .add-to-cart-box .qty-box .input-group input { height: auto; background-color: transparent; border: none; padding: 0; text-align: center; font-size: 16px; color: #005bab; font-weight: bold; }

.prolist-section .add-to-cart-box .qty-box .input-group button { width: 29px; height: 29px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; padding: 0; background-color: #8f8f8f; z-index: 0; border-radius: 100% !important; }

.prolist-section .add-to-cart-box .qty-box .input-group a {width: 100%;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border: none;padding: 0;background-color: #212121;z-index: 0;align-content: center;border-radius: 11px;color: #fff;}

.prolist-section .add-to-cart-box .qty-box .input-group button:hover { background-color: #d21313; transition: all 0.3s ease-in-out; }

.prolist-section .add-to-cart-box .qty-box .input-group a:hover { background-color: #2584d8; transition: all 0.3s ease-in-out; }

.prolist-section .add-to-cart-box .qty-box .input-group a i { font-size: 13px; color: #fff; margin-top: 1px; margin-right: 11px; }

.prolist-section .add-to-cart-box .qty-box .input-group button i { font-size: 13px; color: #fff; margin-top: 1px; }

.bg-greyy { background-color: #8f8f8f !important; }

.bg-ligrey { background-color: #f8f8f8 !important }

.bg-redd { background-color: #d21313 !important; }

.mcontrl button { background-color: #d21313 !important; }

.mcontrl a { background-color: #d21313 !important; }

/*footer*/
.section-t-space { padding-top: 30px; }

.section-xx { background-color: #f8f8f8; position: relative; z-index: 0; display: block; }

.section-xx:before { content: ""; position: absolute; width: 30%; height: 100%; bottom: 0; right: 0; background-image: url(https://themes.pixelstrap.com/fastkart/assets/images/vegetable/footer-shape-2.png); background-repeat: no-repeat; z-index: -1; }

.section-xx::after { content: ""; position: absolute; width: 30%; height: 100%; top: 0; left: 0; background-image: url(https://themes.pixelstrap.com/fastkart/assets/images/vegetable/footer-shape.png); background-repeat: no-repeat; z-index: -1; }

.section-t-space .service-contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 30px; }

.section-t-space .service-contain .service-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.section-t-space .service-contain .service-box .service-image img { width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain; }

.section-t-space .service-contain .service-box .service-detail { margin-left: 20px; }

.section-t-space .service-contain .service-box .service-detail h5 { font-weight: 500; color: #222; font-size: 15px; line-height: 1.2; margin: 0; font-weight: 400; }

.section-t-space .service-contain .service-box + .service-box::before { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 50%; left: -104px; border: 1px dashed #c1c1c1; }

.section-xx .main-footer { border-top: 1px dashed #c1c1c1; }

.section-b-space { padding-bottom: 30px; }

.cart-table { background-color: #f8f8f8; padding: 20px 15px; }

.cart-table table { margin-bottom: 0; caption-side: bottom; border-collapse: collapse; vertical-align: top; border-color: #dee2e6; }

.cart-table table > tbody { vertical-align: inherit; }

.cart-table table tbody { border-color: inherit; border-style: solid; border-width: 0; }

.cart-table tr { border-color: inherit; border-style: solid; border-width: 0; }

.cart-table table tbody tr:first-child td { padding-top: 0; }

.cart-table table tbody tr td { padding: 22px 16px; min-width: calc(100px + (170 - 135) * ((100vw - 320px) / (1920 - 320))); border-right: none; }

.cart-table table tbody tr td.product-detail .product2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.cart-table table tbody tr td.product-detail .product2 .product-image { width: 70px; }

.cart-table table tbody tr td.product-detail .product2 .product-detail { margin-left: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320))); margin-top: 0; }

.cart-table table tbody tr td.product-detail .product2 .product-detail ul li { display: block; white-space: nowrap; margin-bottom: 3px; font-size: 14px; max-width: 200px }

.cart-table table tbody tr td.product-detail .product2 .product-detail ul li.name a { font-weight: 500; font-size: 14px; color: #222; }

.cart-table table tbody tr td.product-detail .product2 .grdsecenekgrupadi { font-weight: 600; font-size: 12px; color: black; }
.cart-table table tbody tr td.product-detail .product2 .urunozellik { text-align: left; }

.text-title { color: #222 !important; }

.cart-table table tbody tr td .table-title { margin-bottom: 12px; font-size: 14px; font-weight: 500; }

.cart-table table tbody tr td.price h5 { font-weight: 500; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cart-table table tbody tr td.price h5 del { font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320))); margin-left: 4px; }

.cart-table table tbody tr td.quantity { width: 20%; }

.cart-table table tbody tr td .quantity-price { width: 72%; }

.cart-table table .input-group2 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }

.cart-table table tbody tr td .quantity-price .cart_qty button { width: calc(29px + (35 - 29) * ((100vw - 320px) / (1920 - 320))); height: calc(29px + (35 - 29) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; background-color: #e3e0e0; border-radius: 100% !important; padding: 0; }

.cart-table .input-group2 > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.cart-table .input-group2:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.txt-left { text-align: left; }

.cart-table table { border: none }

.cart-table table tbody tr td .quantity-price .cart_qty input { padding: 0; border: none; text-align: center; background-color: transparent; }

.cart-table .input-group2 > .form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; }
.summery-box .summery-contain .coupon-cart .coupon-box .form-control { border: 2px solid #4a5568; padding: 10px; }
.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply { background: #429ce9 !important; color: #fff; padding: 0 15px; font-weight: 500; border: none; font-size: 13px; }
.summery-box .summery-contain .coupon-cart .coupon-box .form-control::placeholder { font-size: 13px; }
.summery-box .summery-contain .coupon-cart .input-group2 > .form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; }
.cart-table table .input-group2 .btn { z-index: 1; }

.cart-table table .text-content { color: #4a5568; }

.cart-table table tbody tr td .quantity-price .cart_qty button i { font-size: 14px; padding-top: 3px; }

.cart-table table tbody tr td .quantity-price .cart_qty input { padding: 0; border: none; text-align: center; background-color: transparent; }

.cart-table table tbody tr td.subtotal h5 { font-size: 18px; font-weight: 500; display: inline-block; color: #2c86ba; }

.cart-table table tbody tr td.save-remove .remove { font-weight: 400; font-size: 15px; color: #bf2020; text-decoration: underline; }


.summery-box { /* border-radius: 5px; */ background-color: #f8f8f8; /* box-shadow: 0 0 5px #ccd7e9; */ position: sticky; margin-bottom: 25px; }
.cart-table tr:last-child td { border-bottom-width: 0px }
.p-sticky { position: sticky; top: 10px; margin-bottom: 25px; }

.summery-box .summery-header { padding: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))) calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320))); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #480d0d; }

.summery-box .summery-header h3 { font-weight: 600; font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); line-height: 1.2; margin: 0; }

.ms-0 { margin-left: 0 !important; }

.border-0 { border: 0 !important; }

.img-fluid { max-width: 100%; height: auto; }

.pt-30 { padding-top: 30px !important; }

.mb-2 { margin-bottom: 0.5rem !important; }

.summery-box h6 { font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320))); line-height: 1.2; margin: 0; font-weight: 400; }

.summery-box .summery-contain .coupon-cart .coupon-box { position: relative; overflow: hidden; border-radius: 4px; }
.summery-box .summery-contain { padding: calc(11px + (16 - 11) * ((100vw - 320px) / (1920 - 320))) calc(11px + (22 - 11) * ((100vw - 320px) / (1920 - 320))); border-bottom: 1px solid #d2d2d2; }
.summery-box .summery-contain ul li { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #dedede; }

.summery-box .summery-contain ul li h4 { font-size: 15px; color: #4a5568; }

.summery-box .summery-contain ul li h4.price { color: #4a5568; margin-left: auto; }

.summery-box .summery-contain ul li:last-child { border-bottom: none; }

.summery-box .summery-total { padding: 0 calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320))); }

.summery-box .summery-total li:last-child { border-top: 1px solid #ececec; padding: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320))) 0; }

.summery-box .summery-total li:last-child h4 { font-weight: 600; line-height: 1.2; margin: 0; font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320))); }
.summery-box .summery-contain .coupon-cart .coupon-box { position: relative; overflow: hidden; border-radius: 4px; }
.summery-box .summery-contain .coupon-cart .coupon-box .form-control { border: 2px solid #429ce9; padding: 10px; }
.summery-box .summery-contain .coupon-cart .input-group2 { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
.summery-box .summery-total li { padding-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.summery-box .summery-total li h4.price { margin-left: auto; color: #429ce9; }

.mb-3 { margin-bottom: 1rem !important; }

.section-xx .main-footer .footer-logo .theme-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.border-top-0 { border-top: 0 !important; }

.section-xx .main-footer .footer-logo .theme-logo a img { width: 170px; }

.section-xx .main-footer .footer-logo .footer-logo-contain { margin: 13px 0; }

.section-xx .main-footer .footer-logo .footer-logo-contain p { font-size: 17px; color: #4a5568; line-height: 27px; margin-bottom: 0; width: 88%; }

.section-xx .main-footer .footer-logo .footer-logo-contain .address { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 7px; padding-left: 0; margin-bottom: 0; }

.section-xx .main-footer .footer-logo .footer-logo-contain .address li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; font-size: 14px; }

.section-xx .main-footer .footer-logo .footer-logo-contain .address li i { width: 18px; height: 18px; stroke: #4a5568; }

.section-xx .main-footer .footer-logo .footer-logo-contain .address li a { margin: 0 0 0 10px; color: #4a5568; line-height: 18px; font-size: 16px; }

.section-xx .main-footer .footer-title h4 { font-size: 19px; font-weight: 600; line-height: 1.2; }

.section-xx .main-footer .footer-contain { margin-top: 8px; }

.section-xx ul { padding-left: 0; margin-bottom: 0; }

.section-xx .main-footer .footer-contain ul li { display: block; font-size: 16px; }

.section-xx .main-footer .footer-contain ul li a { display: inline-block; position: relative; color: #4a5568; line-height: 2 }

.section-xx .main-footer .footer-logo .footer-logo-contain .address li:hover i { stroke: #1e78b5; }

.section-xx .main-footer .footer-logo .footer-logo-contain .address li:hover a { color: #1e78b5; }

.section-xx .main-footer .footer-contain ul li a::before { content: ""; position: absolute; width: 0; height: 2px; left: 0; bottom: 0; background-color: #1e78b5; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.section-xx .main-footer .footer-contain ul li a::after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 5px; height: 5px; left: -13px; background-color: #1e78b5; border-radius: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.section-xx .main-footer .footer-contain ul li a:hover::after { opacity: 1; }

.section-xx .main-footer .footer-contain ul li a:hover { color: #1e78b5; margin-left: 13px; transition: 0.5s ease; }

.section-xx .main-footer .footer-contain ul li a:hover::before { width: 100%; }

.section-xx .main-footer .footer-contact { margin-top: 15px; }

.section-xx .main-footer .footer-contact ul li { display: block; margin-bottom: 46px; position: relative; }

.section-xx .main-footer .footer-contact ul li::before { content: ""; position: absolute; bottom: -24px; right: 0; width: calc(100% - 33px); border-bottom: 1px dashed #c1c1c1; }

.section-xx .main-footer .footer-contact ul li .footer-number { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 12px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.section-xx .main-footer .footer-contact ul li .footer-number i { width: 18px; height: 18px; stroke: #4a5568; }

.section-xx .text-content { color: #4a5568; }

.section-xx h6 { font-size: 16px; line-height: 1.2; margin: 0; font-weight: 400; }

.section-xx .main-footer .footer-contact ul li .footer-number .contact-number h5 { margin-top: 6px; font-weight: 600; color: #222; }

.section-xx h5 { font-size: 18px; line-height: 1.2; margin: 0; font-weight: 400; }

.section-xx .main-footer .footer-contact ul li:last-child { margin-bottom: 0; }

.section-xx .main-footer .footer-contact ul li { display: block; margin-bottom: 46px; position: relative; }

.section-xx .mb-2 { margin-bottom: 0.5rem !important; }

.section-xx .mb-0 { margin-bottom: 0 !important; }

.section-xx .main-footer .social-app ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-xx .main-footer .footer-contact ul li { display: block; margin-bottom: 46px; position: relative; }

.section-xx .main-footer .footer-contact ul li.social-app ul li a { display: block; }

.section-xx .main-footer .footer-contact ul li.social-app ul li a img { width: 139px; }

.section-xx .sub-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px dashed #c1c1c1; }

.section-xx .section-small-space { padding: 30px 0; }

.section-xx .sub-footer .social-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-xx .sub-footer .social-link h6 { margin-right: 10px; }

.section-xx .sub-footer .social-link ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-xx .sub-footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px; }

.section-xx .sub-footer ul li { display: block; font-size: 14px; }

.section-xx .sub-footer .social-link ul li a { display: block; }

.section-xx .sub-footer .social-link ul li a i { color: #4a5568; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 25px; }

.section-xx .sub-footer .social-link ul li + li { margin-left: 8px; }

.breadscrumb-section { background-color: #f8f8f8; position: relative; padding-top: 0 }

.breadscrumb-section .breadscrumb-contain { padding: 18px 0 41px; text-align: center; color: #222; font-family: "Public Sans",sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: flex-start; POSITION: RELATIVE; flex-direction: column; align-content: flex-start; justify-content: center; }

.breadscrumb-section .breadscrumb-contain h2 { font-weight: 700; font-size: 26px; margin-bottom: 0; line-height: 1; text-transform: capitalize; margin: 0; }

.breadscrumb-section .breadscrumb-contain nav { margin-left: auto; position: absolute; left: 0; bottom: 11px; }

.breadscrumb-section .breadscrumb-contain nav .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.breadscrumb-section .breadscrumb-contain nav .breadcrumb .breadcrumb-item { font-weight: 500; display: inline-block; font-size: 14px; }

.breadscrumb-section .breadscrumb-contain nav .breadcrumb .breadcrumb-item i { color: #ed1e24; }

.breadscrumb-section .breadscrumb-contain nav .breadcrumb .breadcrumb-item + .breadcrumb-item { position: relative; }

.breadscrumb-section .breadscrumb-contain nav .breadcrumb .breadcrumb-item.active { color: #000; margin-top: 2px; }

.breadscrumb-section .breadscrumb-contain nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-weight: 900; content: '/'; color: #d20f0f; }

@media (min-width: 768px) {
 .pb-md-4 { padding-bottom: 1rem; }
}

.contact-detail-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f8f8f8; padding: 23px 44px; position: relative; border-radius: 10px; margin-left: 22px; }

.contact-detail-box .contact-icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: -21px; background-color: #1c76b4; padding: 13px; border-radius: 7px; display: inherit; color: #fff; }

.contact-detail-box .contact-detail-contain, .contact-detail-box .contact-detail-title { width: 100%; }

.contact-detail-box .contact-detail-contain p, .contact-detail-box .contact-detail-title h4 { margin-bottom: 0 }

.contact-detail-title h4 { font-weight: 600; font-size: 18px; margin-top: -2px; }

.contact-detail-box .contact-detail-contain p { margin: 0; font-size: 14px; line-height: 1.5; color: #4a5568; margin-bottom: -5px; display: inline-grid; }

.contact-detail-box .contact-detail-contain p a { font-size: 14px; color: #4a5568; }

.contact-page .contact-title { margin-bottom: 30px; margin-top: 35px; }

.contact-page .contact-title h3 { position: relative; display: inline-block; font-size: 28px; font-weight: 600; }

.contact-page .contact-title h3::after { content: ""; position: absolute; width: 70%; height: 2px; bottom: -5px; left: 0; background: #1c76b4; }

.mb-30 { margin-bottom: 30px; }

.right-contact-box { padding: 50px; border-radius: 10px; background-color: #f8f8f8; }

.mb-10 { margin-bottom: 10px !important }

.right-contact-box .form-control { display: block; width: 100%; font-size: 16px; font-weight: 400; line-height: 1.5; color: #212529; background-clip: padding-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 20px 20px 20px 45px; border: none; background-color: #fff; }

.right-contact-box .form-control:focus { box-shadow: 0 0 0 1px rgb(232 205 101); }
.right-contact-box .custom-input { position: relative; }
.right-contact-box .custom-input input, .right-contact-box .custom-textarea textarea { height: unset }
.right-contact-box .custom-textarea .form-control { padding-left: 52px; border: none; min-height: 120px; }
.right-contact-box .custom-textarea i { position: absolute; top: 0; left: 0; height: 100%; padding: 18px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; color: #4a5568 }
.right-contact-box .custom-textarea { position: relative; }
.right-contact-box .custom-textarea textarea { padding-top: 12px; }
.right-contact-box .custom-input i { position: absolute; top: 0; left: 0; height: 100%; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; color: #4a5568; }
.right-contact-box .custom-input img { position: absolute; top: 5px; left: 0; height: auto; padding: 5px 10px; }
.right-contact-box .captchaField input { padding-left: 120px; }
.right-contact-box .form-contact-btn { background: #f9cf2b; border: none; padding: 10px 14px; font-size: 17px; }

/*.right-contact-box .error {
    position: absolute;
    left: 0;
    bottom: -20px;
}*/
.right-contact-box .custom-input label.error { position: absolute; left: 17px; bottom: -15px; }
.right-contact-box .custom-textarea label.error { position: absolute; left: 17px; bottom: -15px; }

.contact-page .feature-map iframe { width: 100% }

@media (min-width: 1200px) {
 .contact-page .feature-map iframe { min-height: 500px }
}

.breadscrumb-contain ol { border-top: 1px solid #ebebeb; list-style: none; margin: 0; padding: 0; border: 0; display: inline-block }
.breadscrumb-contain ol li { display: inline-block }
.breadscrumb-contain ol li:last-child:after { display: none }
.breadscrumb-contain ol li .breadcrumb-link { font-size: 16px; color: #252525; line-height: 1; display: inline-block; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; line-height: 24px }
.breadscrumb-contain .breadcrumb-has-sub i { padding-right: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900 }
.breadscrumb-contain ol li { display: inline-block }
.breadscrumb-contain ol li .breadcrumb-link { font-size: 13px; color: #252525; line-height: 1; display: inline-block; -webkit-transition: .3s ease; -moz-transition: .3s ease; -ms-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; line-height: 24px }
.breadscrumb-contain .breadcrumb-has-sub { position: relative; cursor: pointer; /* border: 1px solid #9c9c9c; */ border-radius: 3px; padding: 4px; margin-left: 15px; box-shadow: 0 0 8px #737373; }
.breadscrumb-contain .breadcrumb-has-sub .bc-sub-link { border: 1px solid #ccc; padding-left: 8px; padding-right: 8px }
.products-group2 { position: relative; }
.breadscrumb-containb .breadcrumb-has-sub:hover { box-shadow: 1px 1px 1px #ccc }
.breadscrumb-contain .breadcrumb-has-sub:hover .breadcrumb-sub-ul { opacity: 1; visibility: visible; top: 29px; transition: all 0.2s ease-in; }
.breadscrumb-contain .breadcrumb-sub-ul { /*border: 1px solid #ccc;*/ border-top: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; text-align: start; position: absolute; left: 0; width: 374px; top: 90px; padding: 15px 10px; background-color: #ffffff; z-index: 9; box-shadow: 0px 0px 9px #8d8d8d; opacity: 0; visibility: hidden; }
.breadscrumb-contain .breadcrumb-sub-ul li { flex-direction: column; padding: 5px; flex: 0 0 50% }
.breadscrumb-contain ol li a { color: black; }
.breadscrumb-contain .breadcrumb-sub-ul li:after { content: "" !important }
.breadscrumb-contain .breadcrumb-has-sub:before { position: absolute; top: 4px; left: -12px; }
.current-category-logo img { width: 100%; max-width: 200px; }
section.kategori-liste-sec { margin-block: 0px 70px; }
.kategori-liste-row { flex-wrap: wrap; }
.kategori-liste-row .kategori-tab { text-align: center; padding: 15px 0; /* border: 3px solid #0000000a; */ border-radius: 14px; margin: 20px 0; box-shadow: 0 0px 8px #5b5b5b; transition: all 0.3s ease-in-out; position: relative; background: #ffffff; }
.kategori-liste-row .col-xl-3 { padding: 0 10px; }
.kategori-tab .kat-img { display: inline-flex; justify-content: center; align-items: center; width: 80%; height: auto; /*background: linear-gradient(90.56deg, #d0d0d0 8.46%, #b2b2b2 62.97%);*/ border-radius: 50%; /*border: 1px solid #656565;*/ }
.kat-img img { width: 80%; height: auto; }
.kategori-liste-sec .contact-title h3 { position: relative; display: inline-block; font-size: 28px; font-weight: 600; }
.kategori-liste-sec .contact-title h3::after { content: ""; position: absolute; width: 70%; height: 2px; bottom: -5px; left: 0; background: #1c76b4; }
.kategori-liste-row .kategori-tab:hover { /*border: 3px solid #2882b9;*/ }
.kategori-liste-row .kategori-tab:hover .kat-img { cursor: pointer; }
.kategori-liste-row .kategori-tab .cat-go-link { position: absolute; top: -3px; right: 10px; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; }
.kategori-liste-row .kategori-tab .cat-go-link i { font-size: 25px; color: #ab0505; }
.kategori-liste-row .kategori-tab:hover .cat-go-link { opacity: 1; visibility: visible; top: 10px; transition: all 0.2s ease-in; cursor: pointer; }
.kategori-tab .cat-name-tab { color: #4a4a4a; }
.kategori-tab h3 { font-size: 22px; color: #4a4a4a; margin-top: 10px; margin-bottom: 0; min-height: 50px; }
.kategori-liste-row .kategori-tab:hover .cat-name-tab h3 { /*color: #3576b7*/ }
.sub-ul-border-top { position: absolute; height: 1px; background-color: #ccc; top: 0; left: 100px; right: 0; padding: 0 !important; }
.brands-product { margin-block: 15px; background: #fafafa; padding-block: 10px; }
.brands-product .bslk { font-size: 17px; color: black; }
.brands-product .mrklar { font-size: 18px; color: #3576b7; padding: 5px; }
.brands-product .mrklar a { font-size: 18px; }
.brands-product .mrklar a:hover { color: #d8ae1e }
.mrklar span { color: #3576b7 }

.maninbnnerstyle { padding-block: 100px 70px; background: #fff }
.mb4-3 { margin-block: 40px; }

.prpaging2 { padding-top: 25px; background: #fff }
.left-box .shop-left-sidebar .back-button { display: none; }

.prolist-section .left-box.show { left: 0 !important; height: 100% !important; bottom: 0; }


.bg-overlay22.show { visibility: visible; opacity: 0.5; }
.py-wdth img { width: 300px; }

.contant-page { padding-top: 50px; }
.prolist-section-grid { width: 0 !important }
.prolist-section.prolist-section-grid .left-box { width: 300px; height: 100%; border-right: unset; position: fixed; top: 0; left: -350px; }

@media (max-width: 991px) {
 .col-xlnew-3 { width: 0; }
 .prolist-section .left-box { width: 300px; height: 100%; border-right: unset; position: fixed; top: 0; left: -350px; background-color: #fff; z-index: 1041; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: scroll; overflow-y: auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
 .prolist-section .left-box .shop-left-sidebar { padding: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))); }
 .prpaging2 { padding-block: 30px; }
 .prolist-section .left-box .shop-left-sidebar .back-button { display: block; margin-bottom: 26px; }
}


.prolist-section.prolist-section-grid .left-box { width: 300px; height: 100%; border-right: unset; position: fixed; top: 0; left: -350px; background-color: #fff; z-index: 1041; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; overflow-x: scroll; overflow-y: auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.prolist-section.prolist-section-grid .left-box .shop-left-sidebar { padding: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))); }
.prolist-section.prolist-section-grid .left-box .shop-left-sidebar .back-button { display: block; margin-bottom: 26px; font-size: 20px; }
.prolist-section.prolist-section-grid .left-box .shop-left-sidebar .back-button h3 { font-size: 17px; }
.disply-flex { display: flex !important; }

@media (min-width: 1200px) {
 #search-mbl-flex { display: none; }
}

@media (max-width: 1199px) {
 .header2 .top-nav .navbar-top .middle-box { display: none; }
 #search-mbl-flex { display: flex; }
 .header2 .top-nav .navbar-top .middle-box .search-box .input-group .form-control { width: 260px; }
 .mbl-flex { flex-wrap: nowrap; }

 .mbl-flex button { padding: 5px !important; }
}

.mr-bottm-40 { margin-bottom: 40px; }

@media (max-width: 700px) {
 .header2 .header-nav .header-nav-left .dropdown-category { padding: 6px; }
 .header2 .header-nav .header-nav-left .dropdown-category i { font-size: 18px; margin-right: 8px; }
 .header2 .header-nav .header-nav-left .dropdown-category span { font-size: 13px; }
 .header2 .header-nav .header-nav-right .deal-button { padding: 6px; }
 .header2 .header-nav .header-nav-right .deal-button i { padding: 5px; font-size: 10px; }
 .header2 .header-nav .header-nav-right .deal-button span { font-size: 13px; }
 .breadscrumb-section .breadscrumb-contain h2 { font-weight: 600; font-size: 15px; }
 /*.header2 .top-nav .navbar-top .middle-box {*/
 /*display: none;*/
 /*position: absolute;
        bottom: -40px;
        left: 10px;
    }*/
 .kategori-tab h3 { font-size: 16px; min-height: 30px; }
 .kat-img img { width: 70%; }
 .category-box-list2 { min-height: 140px; }
 .maninbnnerstyle { padding-block: 15px 15px; }
 .breadscrumb-section .breadscrumb-contain { padding: 15px 0; }
 #sidebarmobilemenu { padding: 8px 0; }
 .breadscrumb-section .breadscrumb-contain nav { position: relative; margin: 0; margin-top: 25px; }
 .contact-detail-box { padding: 15px 22px; margin-left: 22px; margin-bottom: 5px; }
 .contact-detail-box .contact-icon { left: -15px; padding: 7px; padding: 7px; }
 .contact-detail-box .contact-icon i { font-size: 13px; }
 .mb4-3 { margin-block: 30px; }
 .right-contact-box { padding: 20px; }
 .contact-page .contact-title h3 { font-size: 20px; }
 .right-contact-box .form-control { padding: 10px 10px 10px 40px; }
 .right-contact-box .custom-input i { padding: 0 13px; font-size: 16px; }
 .right-contact-box .form-control { padding: 10px 10px 10px 40px; }
 .right-contact-box .custom-input img { top: 0px; padding: 0px 10px; }
 .right-contact-box .form-contact-btn { padding: 10px 10px; font-size: 14px; }
 .mbl-none { display: none; }
 .header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon i { margin-right: 0px; }
 .header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box { padding: 0px; }
 .header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before { right: 0px; }
 .header2 .top-nav .navbar-top .rightside-box .right-side-menu .right-side { padding-right: 4px; margin: 3px; }
 .header-nav { margin-bottom: 5px; }
 .contant-page { padding-top: 20px; }
 .shop-products_top .content-story-text p img { max-width: 180px; margin-block: 20px 10px; }
 .main-footer .footer-title { margin-inline: 4px; }
 .section-xx .main-footer .footer-logo .footer-logo-contain { margin: 13px 5px; }
 .section-xx .main-footer .footer-logo .footer-logo-contain p { margin-bottom: 12px; width: 98%; }
 .section-xx .main-footer .footer-logo .footer-logo-contain .address li i { width: 22px; height: 22px; padding: 3px; border: 1px solid #9e9e9e; border-radius: 100%; }
 .section-xx .main-footer .footer-logo .footer-logo-contain .address li { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 13px; }
 .section-xx .section-small-space { display: inline-block; }
 .section-xx .section-small-space div { margin-block: 8px; }
 .header2 .top-nav .navbar-top .middle-box .search-box .input-group .form-control { width: 70%; }
}

.serch-abslt { position: absolute; bottom: -40px; left: 10px; display: flex !important }
.bg-overlay22.show { visibility: visible; opacity:  0.5; }
.header2 .main-nav .show { -webkit-transform: none !important; transform: none !important; -webkit-box-shadow: -1px 0 10px 0 rgba(34,34,34,0.07), 5px 20px 40px 0 rgba(34,34,34,0.04) !important; box-shadow: -1px 0 10px 0 rgba(34,34,34,0.07), 5px 20px 40px 0 rgba(34,34,34,0.04)   !important; }

@media (max-width: 1199px) {
 .header2 .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #4a5568; font-weight: 700; }
}

@media (max-width: 1199px) {
 .header2 .navbar-nav .dropdown-menu.show { display: block !important; }
}

@media (max-width: 1199px) {
 .header2 .navbar-nav .dropdown-menu { opacity: 1; visibility: visible; display: none !important; -webkit-transform: translateY(0); transform: translateY(0); }
 .header2 .dropdown-item { font-size: 13px; }
 .header2 .navbar.navbar-expand-xl .navbar-nav .nav-item + .nav-item { margin-left: 0px; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img { width: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; }
 .header2 .navbar-nav .dropdown-menu-2::after { content: ""; position: absolute; width: 100%; height: 100%; background-image: url(/images/bg-megamenu.jpg); background-position: right; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; z-index: -1; opacity: 0.1; }
}

@media (min-width: 1200px) {
 .header2 .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img { width: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; }
}


.header2 .navbar-expand-xl .dropdown-menu .dropdown-column::before { content: ""; position: absolute; height: 53px; top: 2px; width: calc( 100% + 15px); background-color: #fff; z-index: 0; margin-left: -19px; }
.dropdown-column.dropdown-column-img::before { display: none }
.header2 .offcanvas.test { -webkit-transform: none !important; transform: none !important; -webkit-box-shadow: -1px 0 10px 0 rgba(34,34,34,0.07), 5px 20px 40px 0 rgba(34,34,34,0.04) !important; box-shadow: -1px 0 10px 0 rgba(34,34,34,0.07), 5px 20px 40px 0 rgba(34,34,34,0.04) !important; }

.dropdown-mega-up-a { line-height: 61px; text-transform: uppercase }
.system-menu-up-a { line-height: 61px; text-transform: uppercase }
.megamenu-header { font-size: 22px; font-weight: bold; text-align: left; background-color: rgb(255 255 255); color: #000; margin: -22px -22px 0px -22px; padding: 5px 69px; display: none; }


#dropmew { width: 88px; min-width: 2rem; }
.dropdown-menu-lang { position: absolute; top: 36px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-clip: padding-box; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); width: auto; padding: 6px 0; border-radius: 0; border: 0; background-color: #fff; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s; transition: all .3s; border-bottom: 1px solid #ccc; }
.dropdown-lang { position: relative; display: flex; color: #080808; }
.dropdown-lang:hover { background-color: #000; }
.dropdown-lang:hover .newlink { color: #fff; }
.dropdown-lang:hover .dropdown-menu-lang { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); background-color: #000; }

.newlink { font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 500; color: #000; text-transform: uppercase; letter-spacing: 3px; margin: 5px 5px; -webkit-transition: all .4s; transition: all .4s; }
.newlink :hover { }
.header-sepet { position: relative; font-size: 15px; color: #000; padding: 9px 10px !important; /* padding-top: 9px !important; */ display: flex; justify-content: flex-start; align-items: center; align-content: center; }
.header-sepet i { font-size: 22px; color: #000; }
.header-sepet img { width: 34px; }
.header-sepet .spetlbl { display: block; margin-bottom: 7px; }
.header-sepet .spetsublbl { display: block; font-size: 12px; margin-top: -5px; }
.header-sepet .spetlblbox { text-align: left; padding-left: 2px; color: #fafafa; }

.activesticky .header-sepet { position: relative; color: #000; padding: 9px 10px !important; }
.
.dropdown-item-lang a { color: #fff; }
.dropdown-item-lang:hover { background-color: #4a4646 }



.importSellerFilter .filterItem, .importSellerFilter .category-list-lmenu { position: static }

.productlistCategory .category-list { overflow: hidden; overflow-y: auto; width: 100%; height: auto; max-height: 224px; display: block; }
.productlistCategory .category-list { overflow: hidden; overflow-y: auto; width: 100%; height: auto; max-height: 260px; display: block; }

.productlistCategory .category-list::-webkit-scrollbar-track { background-color: #fff }

.productlistCategory .category-list::-webkit-scrollbar { width: 7px; background-color: #fff }

.productlistCategory .category-list::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #707070 }


.productlistCategory .filterCategory { overflow: hidden; overflow-y: auto; width: 100%; display: block; }
.productlistCategory .filterCategory { width: 100%; display: block; }

.productlistCategory .filterCategory::-webkit-scrollbar-track { background-color: #fff }

.productlistCategory .filterCategory::-webkit-scrollbar { width: 7px; background-color: #fff }

.productlistCategory .filterCategory::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #707070 }




.productlistCategory .filterCategory h2 + .filterContent { max-height: 300px; width: 100%; overflow-x: hidden; overflow-y: auto; max-width: 100% }

.productlistCategory .filterCategory h2 + .filterContent::-webkit-scrollbar-track { background-color: #fff }

.productlistCategory .filterCategory h2 + .filterContent::-webkit-scrollbar { width: 7px; background-color: #fff }

.productlistCategory .filterCategory h2 + .filterContent::-webkit-scrollbar-thumb { border-radius: 100px; background-color: #707070 }

.productlistCategory .filterCategory.searchCategory .category-list-lmenu { width: auto; max-width: 100% }

.productlistCategory .filterCategory.searchCategory h2 + .filterContent { max-height: none; overflow: hidden }

.productlistCategory .filterCategory .category-list-lmenu { max-height: none; height: auto; min-height: 15px }

.productlistCategory .filterCategory .category-list-lmenu .filterItem { display: flex; height: auto; min-height: 31px; margin-top: auto; line-height: normal; width: auto; margin-bottom: 0; border-bottom: 1px solid #ececec; width: 100%; align-content: center; justify-content: center; align-items: center; }
.productlistCategory .filterCategory .category-list-lmenu .filterItem .filterItem a:hover { background-color: #e7e7e7f0; }
.productlistCategory .filterCategory .category-list-lmenu .filterItem > .category-list-lmenu { /* padding: 8px 0 0 0; */ margin-bottom: 5px; }
.productlistCategory .filterCategory .category-list-lmenu .filterItem .filterItem > .category-list-lmenu { padding: 4px 0 0 8px; margin-left: 8px }
.productlistCategory .filterCategory .category-list-lmenu .filterItem .filterItem.parent { min-height: auto }
.productlistCategory .filterCategory .category-list-lmenu .filterItem .filterItem.parent > a { margin-bottom: 0; border-left: 1px solid #edeff3; padding-left: 7px; display: flex; margin-top: 0; padding: 5px 0 5px 7px; font-size: 14px; }
.productlistCategory .filterCategory .category-list-lmenu .filterItem .filterItem.parent .category-list-lmenu { border-left: 1px solid #edeff3; padding: 2px 0 0 8px; min-height: 22px; max-width: 98%; width: 100%; }
.productlistCategory .filterCategory .category-list-lmenu .filterItem .filterItem.parent .category-list-lmenu a { border-left: 0; padding-left: 0; display: flex; padding: 5px 0 5px 5px; }
.productlistCategory .filterCategory .category-list-lmenu .filterItem:hover { background-color: var(--tg-theme-primary); transition: all 0.3s ease-in; }
.productlistCategory .filterCategory .category-list-lmenu .filterItem:hover a { color: #fff }
.filterItem.parent > a { }
.category-list-lmenu .currentcategory > a { color: #ed1e24; background-color: var(--tg-theme-primary); color: white; }
.productlistCategory .filterCategory .category-list-lmenu .category-list-lmenu { padding: 2px 0 0 8px; min-height: 22px; max-width: 98%; }
.filterItem a { color: #000; }
.filterItemsame a { padding: 6px 5px; width: 100%; transition: all 0.3s ease-in; }
.filterItemsame a:hover { background-color: var(--tg-theme-primary); color: white }
.productlistCategory .category-list-lmenu.open { max-height: none !important }
.vfilterlist2, .markamodelleri { width: 100%; display: flex; gap: 25px; row-gap: 25px; column-gap: 25px; flex-wrap: wrap; }
.system-menu-home { display: flex; height: 100%; width: 100%; color: #000; }

@media (max-width: 768px) {
 .header2 .top-nav .navbar-top .web-logo img { width: 102px; }
 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.9rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.8) !important; padding-left: calc(var(--bs-gutter-x) * .8) !important; margin-right: auto; margin-left: auto; }
}
/***********************************************************************/
.altmenu-standart li a { padding: 0 15px !important; display: block; line-height: 40px; }
.displayHomeTopMenu { margin-left: -15px; padding-right: 0; }
.mega-products .mega-product:first-child { border-left: none; }
.mega-product { border-left: 1px solid #e8e8e8; padding-bottom: 15px; }
.vertical-megamenus ul.megamenus-ul { position: relative; }
#index .vertical-megamenus ul.megamenus-ul { border: 0; }
.vertical-megamenus ul.megamenus-ul li.altmenunew { color: #666; border-left: 3px solid #fff; width: 100%; position: relative; background: #fff; margin-top: 6px; }
.open > .altmenu-menu { display: none; }
.vertical-megamenus .altmenu-menu { position: absolute; top: -18px; left: 100%; z-index: 900; -webkit-transition: opacity .5s,-webkit-transform .5s; transition: opacity .5s,transform .5s; -webkit-transition: all .45s ease-out 0; -moz-transition: all .45s ease-out 0; -o-transition: all .45s ease-out 0; transition: all .45s ease-out 0; -moz-transform: translate(100px,0); -webkit-transform: translate(100px,0); transform: translate(100px,0); opacity: 0; display: block; visibility: hidden; -webkit-backface-visibility: hidden; height: 0; min-height: 90px; background-color: #fff; }
.vertical-megamenus ul.megamenus-ul li.parent:hover .altmenu-menu { visibility: visible; display: block; height: auto; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; }
.vertical-megamenus ul.megamenus-ul li:hover { }
.vertical-megamenus ul.megamenus-ul li:hover > a.parent { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.vertical-megamenus li:hover a.parent, .vertical-menu-content a:hover { }
.vertical-megamenus ul.megamenus-ul li.parent:hover a.parent:after { height: 100%; position: absolute; top: 0; right: -1px; border-right: 10px solid #fff; width: 0; content: ""; z-index: 902; }
.vertical-megamenus ul.megamenus-ul li.parent a.parent:before { display: inline-block; font-family: "Font Awesome 6 Free"; font-weight: 600; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; position: absolute; top: 12px; right: 12px; color: #666; font-size: 14px; }
.vertical-megamenus ul.megamenus-ul li a.parent { display: block; border-bottom: 1px solid transparent; border-top: 1px solid transparent; padding: 6px 0 6px 12px; position: relative; }
.vertical-megamenus { position: relative; }
.vertical-menu-content { position: relative; top: 30px; left: 0; z-index: 1; background: #fff; /* border: 1px solid #e8e8e8; */ border-radius: 16px; padding: 13px; min-height: 438px; box-shadow: 0px 0px 5px #d0d0d0; }
.vertical-groups { border: 1px solid #ccc; min-height: 90px; padding-top: 15px; padding-bottom: 15px; }
.vertical-groups { }
.altmenu-standart .vertical-groups { min-height: 200px; }
.altmenu-submenu.level1 { display: block !important; margin-left: 5px; }
.altmenu-submenu li { line-height: 30px; }
.altmenu-submenu li a { }
.altmenu-standart ul { }
.altmenu-submenu { }
.vertical-megamenus ul.megamenus-ul li.altmenu { color: #666; border-left: 0solid #fff; width: 100%; position: relative; background: #fff; margin-top: 6px; }
@media (min-width: 992px) {
 .vertical-menu-content { width: 100%; }
}
.vertical-megamenus ul.megamenus-ul li:hover { }
.vertical-megamenus ul.megamenus-ul li .vertical-groups a { padding-left: 0; }
.vertical-megamenus li:hover a.parent, .vertical-menu-content a:hover { }
.altmenu-standart .vertical-altmenu-menu { width: 258px; }
.altmenu-standart .vertical-altmenu-menu { width: 100%; }
.altmenu-submenu.level1 .altmenu-menu, .altmenu-menu .altmenu-menu, .altmenu-menu .altmenu-menu.altmenu-menu { -webkit-transition: opacity .5s,-webkit-transform .5s !important; transition: opacity .5s,transform .5s !important; -webkit-transition: all .45s ease-out 0 !important; -moz-transition: all .45s ease-out 0 !important; -o-transition: all .45s ease-out 0 !important; transition: all .45s ease-out 0 !important; -moz-transform: translate(100px,0) !important; -webkit-transform: translate(100px,0) !important; transform: translate(100px,0) !important; opacity: 0 !important; }
.parent-sub:hover > .altmenu-menu { display: block; z-index: 1001 !important; visibility: visible !important; height: auto !important; -webkit-transform: translate(0,0) !important; -moz-transform: translate(0,0) !important; -o-transform: translate(0,0) !important; -ms-transform: translate(0,0) !important; transform: translate(0,0) !important; opacity: 1 !important; min-height: 202px; border: 0; }
.altmenu-submenu li.parent a.parent:after { display: none; }
.altmenu-submenu li.parent:hover a.parent:after { display: block; height: 100%; position: absolute; top: 0; right: -8px; border-right: 10px solid #fff; width: 0; content: ""; z-index: 902; }
.altmenu-submenu.level1 .vertical-groups, .altmenu-menu .altmenu-menu .vertical-groups, .altmenu-menu .altmenu-menu .altmenu-menu .vertical-groups { border-left: 0 }
.displayHomeSlider { padding-top: 30px; }
.parent-su a { padding: 10px }
.vertical-megamenus a { color: black }
.vertical-megamenus a:hover { color: red }
.parent-sub:hover > a { border-bottom: 1px solid #ccc !important; border-top: 1px solid #ccc !important; }
.dropdown-left-mega-menu .vertical-groups { }
.dropdown-left-mega-menu { padding: 0px 14px; }
.dropdown-left-mega-menu a { padding: 0 15px !important; display: block; line-height: 40px; }
.altmenu-menu-1344 { top: -165px !important; }
.last-product-goto-all { display: flex; padding: 10px; margin: 25px; align-content: center; justify-content: center; align-items: center; max-width: 300px; margin: 25px auto; }
.last-product-goto-all a { -webkit-transition: 0.5s; transition: 0.5s; display: block; padding: 5px; border: 1px solid #000; padding: 10px; width: 100%; text-align: center; background-color: #fcfcfc; font-weight: bold; }
.last-product-goto-all a i { margin: auto 10px }
.last-product-goto-all a:hover { background-color: #fff; color: #891c1a; }
.prpagingmain { margin-top: 35px; position: relative }
.activesticky .navbar-light .navbar-nav .nav-link { color: #090808; }
.mobileteklifbtn { }
.kayitlisepetbox { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 10px; }
.kayitlisepetbilgi { margin-right: 15px; }
.kayitlisepetbilgi-btnset { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-content: center; align-items: center; }
.kayitlisepetbilgi-btnset button { margin-right: 15px }
.kayitlisepetbilgi-title { color: #0e4e85; }
.cart-overview .cart-overview__items { max-height: 65vh; overflow-x: auto; overflow-y: none; line-height: 1.625em !important; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
@media only screen and (max-width: 768px) {
 .deseteklifbtn { display: none !important }
 .mobileteklifbtn { display: block !important }
 .kayitlisepetbilgi { margin-bottom: 15px }
}
@media only screen and (max-width: 768px) {
 .deseteklifbtn { display: none !important }
 .mobileteklifbtn { display: block !important }
}
@media (min-width: 992px) {
 .tgmenu__navbar-wrap { display: flex }
}
@media (max-width: 991px) . {
 .tgmenu__navbar-wrap { display: none }
}
@media only screen and (max-width: 1199px) {
 #categorymenu { display: none }
 .home-slider-left { display: none }
 .displayHomeSlider { width: 100% }
}
.header2 .logosticky { display: none }
.header2.activesticky .logosticky { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; align-items: center; margin-right: 87px; justify-content: center; align-content: center; text-align: center; }
.header2.activesticky .logosticky img { margin-left: 25px; max-width: 146px; }
.header-wishlist { color: #0c0c0c; }
.delivery-icon { display: flex }
.delivery-icon svg { margin-right: 6px }
.prpaging3 { padding: 0px 1px 30px; background: #fff; height: 100%; }
.wrapper, body, html { height: 100% !important }
.card-filter-filtermenu .filter-button a { }
.tg-header__style-two {position: relative;z-index: 2;/* overflow-x: hidden; */}
.tg-header__inner-wrap { display: flex; align-items: center; background-color: #fff; }
.tg-header__logo-wrap { width: 12.5%; flex: 0 0 auto; text-align: center; }
.tg-header__right-side { flex-grow: 1; border-left: 1px solid var(--tg-color-gray-5); }
.list-wrap { margin: 0px; padding: 0px; }
.logo { }
.logo img { }
.list-wrap li { list-style: none; }
.tg-header__top-two { padding: 3px 30px; border-bottom: 1px solid #dbdced; background: transparent; }
.tg-header__area-two { padding: 0 30px; background: rgba(255, 255, 255, 0.3); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px; }
.tgmenu__nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; align-items: normal; }
.tgmenu__action ul { margin: 0px; padding: 0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; margin-left: 10px; height: 100%; align-items: normal; }
.tgmenu__action ul li { position: relative; margin-left: 30px; position: relative; display: flex; align-content: center; justify-content: center; align-items: center; }
.tgmenu__action ul li.offCanvas-menu { margin-left: 0px; display: none; }
.tgmenu__action ul li.header-btn { margin-right: 30px; }

.tgmenu__action-two > .list-wrap li.header-search a, .tgmenu__action-two > .list-wrap li.offCanvas-menu .menu-tigger { font-size: 20px; line-height: 0; color: #1a1f8b; width: 85px; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #e1e2f1; border-top: none; border-bottom: none; }
.tgmenu__action ul li a svg { width: 20px; }
.tgmenu__action-two > .list-wrap li.header-btn .btn { border-radius: 30px; gap: 8px; }

.tgmenu__action ul .header-btn .btn {color: var(--tg-color-white-default);font-size: 14px;user-select: none;-moz-user-select: none;background: #000000 none repeat scroll 0 0;border: medium none;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;color: var(--tg-color-white-default);cursor: pointer;display: inline-flex;align-items: center;font-size: 14px;font-weight: 700;letter-spacing: 0;line-height: 1;margin-bottom: 0;padding: 10px 26px !important;color: #fff;justify-content: center;}
.tgmenu__action-two > .list-wrap li.offCanvas-menu .menu-tigger { border-radius: 0; box-shadow: none; font-size: 24px; line-height: 0; border: 1px solid #dfe0ed; border-top: none; border-bottom: none; margin-left: -1px; }
.tg-header__top-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; gap: 25px; }
.tg-header__top-info li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; gap: 8px; color: var(--tg-color-gray-1); font-size: 14px; font-weight: 500; }
.tg-header__top-two .list-wrap li { color: var(--tg-body-color); font-size: 15px; font-weight: 400; }
.tg-header__top-two .list-wrap li i { color: #184081; font-size: 20px; line-height: 0; }
.header-phone i { rotate: 340deg; }
.tg-header__top-two .list-wrap li a { color: #3e4071; }
.tg-header__top-right { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; gap: 25px; }
.tg-header__top-right li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; gap: 8px; color: var(--tg-color-gray-1); font-size: 14px; font-weight: 500; }
img, .img { max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.tg-header__right-side { flex-grow: 1; border-left: 1px solid #dbdceb; }
.features__area { background-color: #fff; }
.features__item-wrap { border-bottom: 1px solid #e6e7f5; }
.features__item-wrap .row { --bs-gutter-x: 0px; }
.features__item { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 80px 50px; border: 1px solid #e2e3ef; }
.features__icon { width: 80px; height: 80px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #e9f3f7; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; flex: 0 0 auto; font-size: 50px; line-height: 0; color: #191d8b; padding: 12px; }
.features__icon img { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.features__item:hover .features__icon img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.features__content .title { margin-bottom: 12px; font-size: 24px; font-weight: 600; }
.features__content p { margin-bottom: 0; }
.about__img-wrap-two { text-align: center; position: relative; padding: 30px 0; }
.about__img-wrap-two > img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border-left: 4px solid var(--tg-theme-secondary); max-width: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.alltuchtopdown { -webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate; animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate; animation-duration: 3s; }
.about__img-wrap-two .shape img { position: absolute; z-index: -1; left: 8%; bottom: -3%; }
.experience__box-two { position: absolute; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); left: 11px; bottom: 9%; padding: 60px 0; }
.experience__shape { position: absolute; left: -4%; top: 0; width: 65px; height: 100%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); z-index: -1; }
.experience__shape svg { width: 100%; height: 100%; color: #0797c0; overflow: visible; }
.experience__content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; gap: 20px; writing-mode: vertical-lr; position: relative; width: 53px; left: 8px; }
.experience__content .title { font-size: 50px; line-height: 0.8; font-weight: 800; margin-bottom: 0; color: #fff; position: relative; margin: 0; }
.experience__content p { margin-bottom: 0; text-align: left; color: #fff; }
.experience__content .title::before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -9px; width: 34px; height: 2px; background: #ffffff; }
.about__content-two { width: 90%; }
.section-title .sub-title { display: block; text-transform: uppercase; font-size: 15px; font-weight: 600; line-height: normal; color: var(--tg-theme-primary); margin-bottom: 12px; }
.section-title .title { margin-bottom: 0; font-size: 40px; perspective: 400px; }
.about__content-two > p { margin-bottom: 35px; }
.about__content-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 50px; }
.about__list-box .list-wrap li {list-style: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;font-size: 20px;font-weight: 500;color: #9f191d;font-family: var(--tg-heading-font-family);gap: 12px;margin-bottom: 10px;}
.about__list-box .list-wrap li i { width: 26px; height: 26px; flex: 0 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #145194; color: #fbfbfb; line-height: 0; font-size: 18px; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); }
.about__list-img { width: 184px; flex: 0 0 auto; }
.about__list-img img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.about-bottom { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; gap: 40px; }
.about-bottom .author-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; gap: 15px; }
.about-bottom .author-wrap .thumb { width: 60px; flex: 0 0 auto; border: 1px solid #B8B9DA; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.about-bottom .author-wrap .content img { margin-bottom: 5px; }
.about-bottom .author-wrap .content .title { margin-bottom: 0; font-size: 20px; font-weight: 500; }
.about-bottom .author-wrap .content .title span { font-size: 16px; font-weight: 400; color: #6568AF; }
.btn-two {background: #191d85;-moz-user-select: none;background: #555555 none repeat scroll 0 0;border: medium none;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;color: #f1efef;cursor: pointer;display: inline-flex;align-items: center;font-size: 14px;font-weight: 700;letter-spacing: 0;line-height: 1;margin-bottom: 0;padding: 18px 24px;text-align: center;text-transform: uppercase;touch-action: manipulation;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;vertical-align: middle;white-space: nowrap;position: relative;overflow: hidden;z-index: 1;}
.about__img-wrap-two::before { content: ""; position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 135px; height: 100%; background: var(--tg-theme-primary); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; z-index: -1; }
.about__area-two.about__bg { padding: 35px 0 }
.dropdown-item-lang { color: #ffffff !important; text-align: center !important; padding: 6px 5px; display: flex; justify-content: space-around; }
.dropdown-item-lang a { color: #ffffff !important; text-align: center; display: flex; }
.dropdown-item-lang a:after { content: "" !important }
.open-side #lbOverlay { z-index: 95; display: block !important; background-color: rgb(34, 34, 34, 0,46); }
@media (max-width: 1024px) {
 .tg-header__logo-wrap { display: none !important }
 .header2 .logosticky {display: flex;margin-right: 7px !important;margin-left: 10px;}
 .logosticky img { max-width: 118px !important; margin-left: 0px !important; }
 .tgmenu__action ul li.offCanvas-menu { display: flex }
}
@media (max-width: 1200px) {
 .tgmenu__action ul li.offCanvas-menu { display: flex }
}
@media only screen and (max-width: 680px) {
 .tgmenu__action-two > .list-wrap li.header-search a, .tgmenu__action-two > .list-wrap li.offCanvas-menu .menu-tigger { width: 60px; }
 li.header-search { display: none !important }
 .tgmenu__action ul li.header-btn { margin-right: 15px; margin-left: 10px; }
 .tg-header__area-two { padding: 0 }
 .tg-header__top-two .list-wrap li a span { display: none }
 .tg-header__top-two .list-wrap li a { position: relative; padding: 5px 10px; }
 .tg-header__top-two .list-wrap li a:after { position: absolute; content: "|"; right: -10px; top: 3px }

 .tg-header__top-two .list-wrap li { }
 .tg-header__top-two { padding: 3px 10px }

 .dropdown-item-lang a { text-indent: 0 !important; }

 .tgmenu__action-two > .list-wrap li.header-btn .btn { border-radius: 10px; gap: 8px; padding: 7px 20px 7px 6px !important; }
 .msgcount { color: white; top: 5px !important; right: -22px; padding: 7px 10px; }
.prolist-section .product-box-3 .product-header .product-image{max-height:200px!important}
 .tg-header__style-two {
    position: relative;
    z-index: 2;
    overflow-x: hidden;
}
}