@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;600;700&display=swap');

.info__item,
.footer__post ul li,
.cart__item,
.cart__bottom form,
.review__meta,
.review__showing ul li,
.singlecontent .countadd,
.shop__item--list .shop__inner,
.callAaction__form form,
.header__bararea,
.header--two .header__top .info ul li,
.header--two .header__top .info ul,
.header__bottom .area .menu,
.header__bottom .area,
.sidebar__totalamaunt .top,
.sidebar__radiolist .form-check .formcheck,
.sidebar__subtotal,
.sidebar__relatedpost .body ul,
.sidebar__commentForm form,
.sidebar__comment .body ul li .content__top,
.sidebar__categorie .body ul li,
.sidebar__author .body,
.sidebar .body ul li,
.widget__help .widget__body ul li,
.history__inner,
.history .section__wrapper,
.quote,
.blog__meta ul,
.testimonial--one .testimonial__content--rating,
.testimonial--one .testimonial__inner,
.team--deatils .team__thumb--info ul li,
.team--two .team__content ul,
.team--two .team__item,
.project--details .project__info .content ul,
.progressbararea li .title,
.about--three .about__img--content,
.banner__content ul,
.banner--four .lab_btn_group,
.search__area form,
.search,
.tags-section .tags,
.tags-section {
    display: flex;
    flex-wrap: wrap;
}

.shop__thumb,
.shop__mode a,
.callAaction__form,
.callAaction,
.menu-item-has-children>a,
.header__bar,
.header--one .header__bottom,
.header__bottom .area .menu .search_cart ul li,
.header__bottom .area .menu ul li,
.sidebar__search form,
.history__year>span span,
.history__year>span,
.history__year,
.history__inner,
.consultancy,
.wwd--two,
.blog--classic .blog__thumb,
.testimonial--one .testimonial__inner,
.testimonial--one .testimonial__item,
.team--deatils .team__thumb--info ul li .right,
.team--two .team__thumb,
.team--two .team__item,
.team--one .team__thumb,
.project--four .project__thumb,
.project--two .section__header,
.project--two,
.project__icon,
.project__item,
.approach--three .approach__item,
.service__item,
.about--three .about__thumb,
.about--two .about__img,
.about__img,
.feature__item,
.feature__area,
.banner__thumb,
.banner__area,
.banner--four .banner,
.banner--three .banner__slider,
.banner--one .banner__social ul li a,
.tags-section .tags li span,
.cart-plus-minus,
.custom-upload,
body.mrcart__overlay,
.header__cartcount {
    position: relative;
}

.search {
    position: fixed;
}

.shop__thumb::after,
.shop__mode a::after,
.callAaction::after,
.menu-item-has-children>a::before,
.menu-item-has-children>a::after,
.header__cartcount span,
.header__bar span,
.header__bottom .area .menu .search_cart ul li span,
.header__bottom .area .menu .search_cart ul li:last-child::before,
.header__bottom .area .menu .search_cart ul li::after,
.sidebar__search form button,
.faq .accordion-button:before,
.faq .accordion-button:after,
.history__year>span::before,
.history__year>span::after,
.history__year::after,
.consultancy::after,
.wwd--two::after,
.blog--classic .blog__thumb .date,
.testimonial--one .testimonial__item::after,
.team--deatils .team__thumb--info ul li .right::after,
.team--two .team__thumb::after,
.team--two .team__item::after,
.team--one .team__thumb ul,
.project--four .project__thumb::after,
.project--two .project__icon,
.project--two::before,
.project--two::after,
.project__content::after,
.project__content,
.approach--three .approach__item .radius-btn,
.service__back,
.about--three .about__img--content,
.about--two .about__img .abs__thumb,
.about__img--content,
.feature__item::after,
.banner__thumb--absthumb,
.banner--four .banner__quote,
.banner--three .banner__pagination,
.banner--one .banner__social ul li a::after,
.search__close,
.tags-section .tags li span::after,
.cart-plus-minus .qtybutton,
.custom-upload input[type=file],
body.mrcart__overlay::after {
    position: absolute;
    content: "";
}

.shop__thumb,
.sidebar__recentproduct .body ul li .thumb,
.sidebar__relatedpost .body ul li .thumb,
.sidebar__recentpost .body ul li .thumb,
.sidebar__author .thumb,
.history__thumb,
.blog__thumb,
.testimonial-one__carousel,
.proje__slider,
.ekibimiz__slider,
.urunkat__slider,
.testimonial__slider,
.team--one .team__thumb,
.approach--four .approach__thumb,
.approach--two .approach__thumb,
.banner--three,
.banner--one,
.cart-plus-minus,
.preloader,
.custom-upload,
.sidebar__recentproduct .body ul li .content h6,
.approach--two .approach__content h5 a,
.footer__post--content h6 a,
.cart__content a,
.sidebar .body ul li .content h6 a,
.blog__content h5 a {
    overflow: hidden;
}

.review__nav li,
.singlethumb__left .thumb,
.shop__content .rating span,
.shop__mode a.active,
.shop__mode a:hover,
.header__ellepsis i,
.header__bar,
.header__bottom .area .menu .search_cart ul li,
.service--three .sertab__item,
.filters-button-group .filter-btn,
.search__close,
.cart-plus-minus .qtybutton,
.custom-upload input[type=file],
.custom-upload .file-btn,
.custom-upload {
    cursor: pointer;
}

.footer__post--thumb img,
.cart__top table,
.singlethumb__right .thumb img,
.singlethumb__right,
.shop__link,
.shop__thumb img,
.shop__thumb::after,
.shop__item--list .shop__thumb,
.shop__product.lists .col-lg-4.col-md-6.col-12,
.header__bar span,
.header--two .header__bottom .area .main-menu,
.header--one,
.header__bottom.header-fixed,
.sidebar__relatedpost .body ul li .thumb img,
.sidebar__relatedpost .body ul li,
.sidebar__commentForm form input,
.sidebar__author .body .content,
.sidebar__author .body .thumb img,
.sidebar__author .body .thumb,
.widget__help .widget__body img,
.widget__brochure .widget__body img,
.history__thumb img,
.sponsor__thumb img,
.blog__thumb a img,
.testimonial--one .testimonial__content,
.team--deatils .team__thumb img,
.team--two .team__content,
.team--two .team__thumb img,
.team--two .team__thumb,
.team--one .team__thumb img,
.project--details .project__info .content ul li,
.project--four .project__thumb::after,
.project--two .project__thumb img,
.project__content,
.project__thumb img,
.approach--four .approach__thumb img,
.approach--two .approach__thumb img,
.service--details .service__maincontent img,
.service--three .sertabcontent__thumb img,
.service__back img,
.service__back,
.about__img--content,
.about__img--thumb>img,
.feature__item::after,
.banner__content ul li,
.banner--four .lab_btn_group--two .lab-btn,
.banner--three .lab_btn_group--two .lab-btn,
.banner--three .banner__pagination,
.search,
.map iframe,
input,
textarea,
select,
body.mrcart__overlay::after {
    width: 100%;
}

.footer__post--thumb img,
.singlethumb__right .thumb img,
.shop__thumb img,
.shop__thumb::after,
.sidebar__author .body .thumb img,
.consultancy::after,
.wwd--two::after,
.testimonial--one .testimonial__item::after,
.team--two .team__thumb img,
.project--four .project__thumb::after,
.project--two::after,
.project__content,
.service--details .service__maincontent img,
.service__back img,
.service__back,
.search,
.map iframe,
body.mrcart__overlay::after {
    height: 100%;
}

.review__poston a,
.singlecontent .rating p,
.shop__content .price,
.header__cartcount span,
.header__bottom .area .menu .search_cart ul li span,
.header__bottom .area .menu ul li a,
.sidebar__totalamaunt .top p,
.sidebar__calculate p,
.sidebar__shipping p,
.sidebar__subtotal p,
.history__year>span span,
.pricing__offer,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.testimonial--one .testimonial__content--count,
.team--one .team__thumb ul li a,
.approach--three .approach__item .radius-btn,
.service--three .sertab__content p,
.service--two .service__pagination span,
.progressbararea li .title p,
.banner--three .banner__pagination span,
.filters-button-group .filter-btn,
.text-btn,
.lab-btn,
.infotext p,
.paginationn li .page-link,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    font-weight: 700;
}

.cart__top table,
.team--deatils .team__thumb--info ul li .left p,
.about--three .about__content h6 {
    font-weight: 600;
}

.singlecontent h6 span,
.approach__content .step {
    font-weight: 500;
}

.shop__content .price span,
.contact__content p b,
.counter__title h6 {
    font-weight: 400;
}

.shop__link,
.project--four .project__thumb::after,
.project--two::before,
.about--three .about__img--content {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about--three .about__img--content,
.search__area form,
.search {
    justify-content: center;
}

.review__meta,
.callAaction__form form,
.header--two .header__bottom .area .main-menu,
.header__bottom .area .menu,
.header__bottom .area,
.sidebar__totalamaunt .top,
.sidebar__radiolist .form-check .formcheck,
.sidebar__subtotal,
.sidebar__relatedpost .body ul,
.sidebar__commentForm form,
.sidebar__comment .body ul li .content__top,
.sidebar__categorie .body ul li,
.blog__meta ul,
.testimonial--one .testimonial__inner,
.progressbararea li .title,
.tags-section {
    justify-content: space-between;
}

.singlecontent .countadd,
.blog--classic .blog__meta ul {
    justify-content: flex-start;
}

.info__item,
.footer__post ul li,
.cart__item,
.header__bararea,
.header--two .header__top .info ul li,
.header__bottom .area,
.sidebar__comment .body ul li .content__top,
.sidebar .body ul li,
.widget__help .widget__body ul li,
.history__inner,
.search,
.tags-section .tags,
.tags-section {
    align-items: center;
}

.review__nav li,
.sidebar__calculate button,
.sidebar__radiolist .form-check input,
.consultancy__contact input,
.consultancy__contact textarea,
.blog--classic .sidebar__search form input,
.blog--one .sidebar__search form input,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--two .team__content ul li a,
.service--details .service__maincontent form input,
.service--details .service__maincontent form textarea {
    background: #EDF2F6;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.footer__post--content h6 a,
.cart__content a,
.sidebar .body ul li .content h6 a,
.blog__content h5 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.sidebar__recentproduct .body ul li .content h6,
.approach--two .approach__content h5 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.shop__product.lists .shop__item,
.shop__product.grids .shop__item--list,
.header--innerpage .header__bottom::after,
.header--innerpage .header__bottom::before,
.header__bottom.header-fixed .header__ellepsis,
.consultancy::after,
.testimonial--one .testimonial__item::after,
.project--details .project__content::after,
.project--four .project__content::after,
.project--two .project__content::after,
.about--two .about__img .abs__thumb,
.about--two .about__thumb--two .about__img .abs__thumb,
.banner--one .banner__social {
    display: none;
}

.review__poston a,
.shop__product.lists .shop__item--list,
.contact__content p b,
.header__bottom .area .menu ul li ul li,
.header__bottom .area .menu ul li a,
.sidebar__calculate button,
.sidebar__author .content span,
.widget__body ul li a,
.pricing__offer,
.team--two .team__content span,
.project--four .project__content span,
.project__content span,
.about--three .about__img--content p span,
.about__img--content h5 span,
.text-btn {
    display: block;
}

.footer__post--content span,
.footer__community ul li a,
.footer__about ul li a,
.footer__about ul li,
.review__form form .ratings__rating,
.review__form form .ratings__title,
.review__nav li,
.singlecontent .rating p,
.shop__content .rating p,
.shop__link a,
.header__cartcount span,
.header__bar span,
.header--one .header__top .social li,
.header--one .header__top .info ul li,
.header__bottom .area .menu .search_cart ul li a,
.header__bottom .area .menu ul li,
.sidebar__tags .body ul li a,
.sidebar__author .body .content ul li,
.sidebar__author .content ul li a,
.sidebar__author .content ul li,
.history__year>span,
.blog__meta ul li a,
.testimonial--two .testimonial__content--rating ul li,
.testimonial--two .testimonial__content--rating ul,
.testimonial--one .testimonial__content--rating ul li,
.testimonial--one .testimonial__content span,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--deatils .team__thumb--info ul li .right ul li,
.team--two .team__content ul li a,
.team--two .team__content ul li,
.team--one .team__content span,
.team--one .team__thumb ul li a,
.project__icon,
.approach--three .approach__item .radius-btn,
.approach__content .step,
.banner--one .banner__social ul li,
.lab-btn,
.scrollToTop i,
.tags-section .social-link-list li a,
.tags-section .tags li a,
.tags-section .tags li span i,
.custom-upload {
    display: inline-block;
}

.tags-section .social-link-list li a {
    border-radius: 2px;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.cart__bottom form .lab-btn,
.cart__top table thead tr th,
.review__form form .lab-btn,
.callAaction__form form .lab-btn,
.sidebar__calculate button,
.sidebar__commentForm form button,
.sidebar__author .body .content ul li,
.consultancy__contact .lab-btn,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.service--details .service__maincontent form .lab-btn,
.search__area form button,
.map iframe {
    border: none;
}

.cart__bottom form input::placeholder,
.cart__top table thead tr th,
.review__poston a,
.review__nav li,
.singlecontent .rating p,
.shop__content .rating p,
.header__bottom .area .menu ul li a,
.sidebar__totalamaunt .top p,
.sidebar__calculate button,
.sidebar__calculate select::placeholder,
.sidebar__calculate input::placeholder,
.sidebar__calculate p,
.sidebar__radiolist .form-check .formcheck label,
.sidebar__shipping p,
.sidebar__subtotal p,
.sidebar__comment .body ul li .content .reply a,
.sidebar__tags .body ul li a,
.sidebar__author .content span,
.widget__body ul li a,
.pricing__head p,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.blog--classic .blog__thumb .date,
.blog__meta ul li a,
.team--deatils .team__thumb--info ul li .left p,
.team--deatils .team__thumb--info span,
.project--details .project__info .content ul li .info,
.project--details .project__info .content ul li .name,
.progressbararea li .title p,
.filters-button-group .filter-btn,
.text-btn,
.lab-btn,
.tags-section .tags li a,
.pageheader__area .breadcrumb li,
input::placeholder,
textarea::placeholder,
select::placeholder,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    text-transform: capitalize;
}

.pricing__offer,
.banner--four .banner__content h2,
.section__header h5 {
    text-transform: uppercase;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.info__content h6,
.info__content p,
.footer__post--content span,
.footer__post--content h6 a,
.footer__community ul li a,
.footer__about ul li a,
.footer__about p,
.footer__title h5,
.footer__bottom p a,
.footer__bottom p,
.review__nav li.active,
.shop__link a:hover,
.menu-item-has-children.open>a::after,
.menu-item-has-children.open>a::before,
.header__cartcount span,
.header--four .header__bottom .main-menu .menu .cart_icon .cart_item_count,
.header--four .header__bottom .main-menu .menu ul li a,
.header--two .header__bottom .area .main-menu .menu ul li a,
.header--one .header__top .social li,
.header--one .header__top .info ul li,
.header__bottom .area .menu ul li ul li a,
.sidebar__calculate button:hover,
.sidebar__comment .body ul li .content .reply a,
.sidebar__tags .body ul li a:hover,
.sidebar__author .content ul li a:hover,
.widget__body ul li a:hover,
.counter--two .counter__title h6,
.counter--two .section__header h2,
.counter__count h2,
.pricing__head h3,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button::after,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--two .wwd__content h2,
.wwd--two .wwd__content p,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button::after,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.quote h5,
.quote i,
.blog--classic .blog__thumb .date,
.mgorus__pagination span.swiper-pagination-bullet-active,
.proje__pagination span.swiper-pagination-bullet-active,
.ekibimiz__pagination span.swiper-pagination-bullet-active,
.urunkat__pagination span.swiper-pagination-bullet-active,
.testimonial__pagination span.swiper-pagination-bullet-active,
.testimonial--two .testimonial__content--rating ul li,
.testimonial--two .section__header h2,
.testimonial--one .testimonial__content--count,
.testimonial--one .testimonial__content--rating ul li,
.testimonial--one .section__header h2,
.team--deatils .team__thumb--info ul li .right ul li a:hover,
.team--two .team__content ul li a:hover,
.team--one .team__thumb ul li a:hover,
.team--one .team__item:hover .team__content span,
.team--one .team__item:hover .team__content h5 a,
.project--four .project__content span,
.project--four .project__content h5 a,
.project--two .section__header p,
.project--two .section__header h2,
.project__icon:hover,
.project__content span,
.project__content h5 a,
.approach--three .approach__item .radius-btn,
.approach__content .step,
.approach .section__header h2,
.service--two .service__pagination span.swiper-pagination-bullet-active,
.service--two .section__header h2,
.about--three .about__img--content p,
.about__img--content h5,
.banner__content ul li,
.banner--four .banner__quote h5,
.banner--four .banner__content h5,
.banner--three .banner__pagination span.swiper-pagination-bullet-active,
.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate:hover,
.banner--one .banner__social ul li a,
.banner--one .banner__content h2,
.filters-button-group .filter-btn.is-checked,
.search__area form input,
.search__close,
.lab-btn.bg-title:hover,
.lab-btn:hover,
.lab-btn,
.bg-title *,
.tags-section .social-link-list li a,
.paginationn li .page-link:hover,
.pageheader__area .breadcrumb li a,
.pageheader__area h2 {
    color: #fff;
}

.cart__bottom,
.cart__top table tbody,
.cart__top table thead,
.review__area,
.singlecontent,
.singlethumb,
.shop__link a,
.shop__item,
.shop__title,
.contact__item,
.contact--one input,
.contact--one textarea,
.contact--two input,
.contact--two textarea,
.header--four .header__bottom .main-menu .menu ul li a::after,
.header--four .header__bottom .main-menu .menu ul li a::before,
.header--two .header__bottom .area .main-menu .menu ul li a::after,
.header--two .header__bottom .area .main-menu .menu ul li a::before,
.header__bottom,
.sidebar__cartamount,
.sidebar__recentproduct,
.sidebar__relatedpost,
.sidebar__commentForm,
.sidebar__comment,
.sidebar__tags,
.sidebar__categorie,
.sidebar__recentpost,
.sidebar__search form input,
.sidebar__search,
.sidebar__author,
.widget__help,
.widget__brochure,
.widget__service,
.faq .accordion-collapse,
.faq .accordion-button,
.consultancy__contact,
.pricing__item,
.wwd--two .wwd__content .accordion-item .accordion-collapse,
.blog--classic .blog__item,
.blog--one .blog__item,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.testimonial--one .testimonial__item,
.team--deatils .section__wrapper,
.team--two .team__item,
.team--one .team__thumb ul li a,
.team--one .team__item,
.project--details .project__info,
.project--details .project__item,
.project--two .section__header .lab-btn:hover,
.project__icon,
.approach__item,
.service--details .service__maincontent,
.service--three .sertabcontent,
.service--three .sertab__item,
.service--two .service__pagination span,
.service--two .service__item,
.service__back .lab-btn:hover,
.service__item,
.feature__item,
.banner--three .banner__pagination span,
.filters-button-group .filter-btn {
    background-color: #fff;
}

.sidebar__author .content ul li a,
.bg-color {
    background-color: #F2F6F9;
}

.cart__content a,
.header--innerpage .header__ellepsis i,
.header--three .header__ellepsis i,
.header--two .header__top .info__content p,
.header__bottom .area .menu .search_cart ul li span,
.header__bottom .area .menu ul li a,
.sidebar__calculate button,
.sidebar__radiolist .form-check .formcheck span,
.sidebar__author .content ul li a,
.pricing__body ul li b,
.pricing__body ul li i.fa-circle-xmark,
.pricing__item:hover .pricing__head p,
.pricing__item.active .pricing__head p,
.wwd--two .wwd__content .accordion-item .accordion-collapse .accordion-body p,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--deatils .team__thumb--info ul li .left p,
.team--two .team__content ul li a,
.approach--four .section__header h2,
.service--three .sertab__content p,
.service--two .service__pagination span,
.progressbararea li .title p,
.about__content ul li h5,
.banner--three .banner__pagination span,
.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate,
.banner--one .banner__social ul li a i,
.filters-button-group .filter-btn,
.text-btn,
.paginationn li .page-link {
    color: #000000;
}

.header__bar span,
.header--two .header__bottom,
.faq .accordion-button.collapsed::after,
.faq .accordion-button.collapsed::before,
.faq .accordion-button.collapsed .accordion-icon,
.pricing__head,
.pricing__item:hover .pricing__body span.lab-btn,
.pricing__item.active .pricing__body span.lab-btn,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button.collapsed,
.testimonial--one .testimonial__content--count,
.team--two .team__thumb::after,
.team--two .team__item::after,
.project--two,
.project__icon:hover,
.progressbararea li .progress,
.about--three .about__img--content,
.banner--one,
.lab-btn:hover {
    background: #000000;
}

.footer__post--content span i,
.footer__bottom p a:hover,
.cart__content a:hover,
.review__form form .ratings__rating i,
.review__poston a:hover,
.review__meta .rating i,
.singlecontent .rating a,
.singlecontent .rating span,
.singlecontent h4,
.shop__content .rating span i,
.shop__link a,
.shop__item:hover .shop__content h6 a,
.shop__mode a.active,
.shop__mode a:hover,
.shop__title p,
.contact__content p span,
.sidebar__totalamaunt .top span,
.sidebar__subtotal span,
.sidebar__recentproduct .body ul li .content .rating span,
.sidebar__recentproduct .body ul li:hover .content h6 a,
.sidebar__relatedpost .body ul li:hover .content h6 a,
.sidebar__categorie .body ul li:hover a,
.sidebar__categorie .body ul li:hover span,
.sidebar__recentpost .body ul li:hover .content h6 a,
.history__year>span span,
.history__inner:hover .history__content h4,
.history__inner:hover .history__year>span span,
.counter--two .counter__count h4,
.pricing__body ul li i.fa-circle-check,
.pricing__head p,
.pricing__offer,
.blog--classic .blog__meta ul li a:hover,
.blog--classic .blog__item:hover .blog__content h3 a,
.blog__meta ul li a i,
.blog__meta ul li a:hover,
.blog__item:hover .blog__content h5 a,
.team--two .team__item:hover .team__content h5 a,
.team--one .team__thumb ul li a,
.project--details .project__info .content ul li .name,
.project--details .project__info .title h4,
.project--two .section__header .lab-btn:hover,
.project__icon,
.approach--four .approach__item:hover .approach__content h5 a,
.approach--four .section__wrapper p a,
.approach--two .approach__item:hover .approach__content h5 a,
.service--three .sertab__item.active .sertab__content p,
.service--two .service__item:hover .service__content h5 a,
.service__back .lab-btn:hover,
.progressbararea li .title p span,
.about--three .about__img--content h2,
.about__content ul li h5 i,
.about__content h5,
.feature--three .feature__item:hover .feature__content .text-btn,
.feature--three .feature__item:hover .feature__content h5 a,
.banner--four .banner__content h2,
.banner--three .banner__content h5,
.banner--one .banner__content h5,
.text-btn:hover,
.text-btn i,
.section__header h5,
.infotext p a,
.form-message.success,
.pageheader__area .breadcrumb li a:hover,
.pageheader__area .breadcrumb li a.active,
.pageheader__area .breadcrumb li {
    color: #c19943;
}

.footer__about ul li a,
.review__nav li.active,
.shop__link a:hover,
.header--one .header__bottom,
.sidebar__calculate button:hover,
.sidebar__author .content ul li a:hover,
.widget__body ul li a:hover,
.history__inner:hover .history__year::after,
.counter__item,
.pricing__item:hover .pricing__body .lab-btn,
.pricing__item.active .pricing__body .lab-btn,
.pricing__item:hover .pricing__head,
.pricing__item.active .pricing__head,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button.collapsed,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.sponsor--two,
.quote i,
.blog--classic .blog__thumb .date,
.mgorus__pagination span.swiper-pagination-bullet-active,
.proje__pagination span.swiper-pagination-bullet-active,
.ekibimiz__pagination span.swiper-pagination-bullet-active,
.urunkat__pagination span.swiper-pagination-bullet-active,
.testimonial__pagination span.swiper-pagination-bullet-active,
.testimonial--two .testimonial__content--rating ul,
.testimonial--one .testimonial__content--rating ul,
.testimonial--one .testimonial__item::after,
.team--deatils .team__thumb--info ul li .right ul li a:hover,
.team--two .team__content ul li a:hover,
.team--two .team__item:hover .team__thumb::after,
.team--two .team__item:hover::after,
.team--one .team__thumb ul li a:hover,
.team--one .team__item:hover,
.approach--three .approach__item .radius-btn,
.approach__content .step,
.service--two .service__pagination span.swiper-pagination-bullet-active,
.progressbararea li .progress .progress-bar,
.feature__item::after,
.banner--three .banner__pagination span.swiper-pagination-bullet-active,
.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate:hover,
.banner--one .banner__social ul li a i,
.filters-button-group .filter-btn.is-checked,
.search,
.lab-btn.bg-title:hover,
.lab-btn,
.scrollToTop i,
.tags-section .tags li a:hover,
.tags-section .tags li span::after,
.tags-section .tags li span {
    background: #c19943;
}

.contact--three input,
.contact--three textarea {
    background: #ecf0f3;
}

.sidebar__categorie .body ul li a i,
.sidebar .body ul li .content span,
.about--three .about__content h6 {
    color: #555555;
}

.footer__about ul li a,
.cart__top table tbody tr td:last-child,
.cart__top table thead tr th:nth-child(3),
.shop__link a,
.shop__link,
.contact__item,
.header__cartcount span,
.sidebar__calculate button,
.sidebar__author .content ul li a,
.sidebar__author,
.history__year,
.counter__item,
.pricing__body,
.pricing__head,
.pricing__offer,
.sponsor__thumb,
.quote i,
.mgorus__pagination,
.proje__pagination,
.ekibimiz__pagination,
.urunkat__pagination,
.testimonial__pagination,
.testimonial--two .testimonial__item,
.testimonial--one .testimonial__content--count,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--two .team__content ul li a,
.team--one .team__content,
.team--one .team__thumb ul li a,
.project--four .project__content,
.project__icon,
.approach--three .approach__item .radius-btn,
.service--three .sertab__item,
.service__back,
.about--three .about__img--content,
.banner--four .banner__quote,
.banner--four .lab_btn_group--two .lab-btn,
.banner--three .lab_btn_group--two .lab-btn,
.banner--three .banner__pagination,
.banner--one .banner__social ul li a i,
.search__area form button,
.scrollToTop i,
.tags-section .social-link-list li a,
.paginationn li .page-link {
    text-align: center;
}

.cart__top table thead tr th:last-child,
.about--two .about__img--thumb {
    text-align: right;
}

.cart__content,
.sidebar__author .body .content,
.pricing__body ul,
.about--two .about__thumb--two .about__img {
    text-align: left;
}

.tags-section .tags li,
ul li {
    list-style: none;
}

/* @@@@@@@@@@@@@  Extend Property Margin 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
.sidebar__author .body .content ul li,
.banner--four .banner__content .lab_btn_group a,
.banner--three .banner__content .lab_btn_group a,
.banner--four .lab_btn_group--two .lab-btn,
.banner--three .lab_btn_group--two .lab-btn,
.tags-section .tags,
ul {
    margin: 0;
}

.info__content h6,
.footer__bottom p,
.cart__item,
.singlecontent .rating p,
.shop__content .rating p,
.shop__content .price,
.shop__title p,
.contact__content p,
.header--two .header__top .info__content p,
.sidebar__subtotal p,
.sidebar__recentproduct .body ul li .content .price,
.sidebar .body ul li .content h6,
.sidebar .head h5,
.widget__help .widget__body ul li .content p,
.widget__help .widget__body ul li .icon img,
.widget__head h5,
.pricing__head p,
.pricing__head h3,
.wwd--two .wwd__content .accordion-item:last-child,
.wwd--one .wwd__content .accordion-item:last-child,
.quote h5,
.blog--classic .blog__meta ul,
.blog--one .blog__content h5,
.team--deatils .team__thumb--info ul li .right p,
.team--deatils .team__thumb--info ul li .left p,
.project--details .project__info .title h4,
.approach__content p,
.service--three .sertab__content p,
.service__content p,
.about--three .about__img--content p,
.about--three .about__img--content h2,
.about__img--content h5,
.feature__content p,
.infotext p,
.form-message {
    margin-bottom: 0px;
}

.review__poston p,
.singlethumb__left .nav-link,
.sidebar__comment .body ul li .content__top,
.sidebar__author .content span,
.counter__count h2,
.testimonial--one .testimonial__content span,
.team--deatils .team__content .progressbararea li .title p,
.project--four .project__icon,
.approach--two .approach__thumb,
.approach__content h5,
.service--three .sertab__thumb,
.service__content h5 {
    margin-bottom: 10px;
}

.singlecontent .rating,
.sidebar__author .thumb,
.counter--two .counter__thumb,
.about--three .about__content h6 {
    margin-bottom: 25px;
}

.blog--classic .blog__meta ul li span,
.text-btn i,
.lab-btn i {
    margin-left: 10px;
}

.tags-section .social-link-list li:last-child {
    margin-right: 0;
}

.footer__community ul li a i,
.sidebar__categorie .body ul li a i,
.widget__body ul li a i,
.pricing__body ul li i,
.blog--classic .blog__meta ul li a i,
.blog__meta ul li a i,
.service--three .sertabcontent__content ul li i,
.about__content ul li h5 i,
.banner--one .banner__social ul li a i,
.custom-upload i {
    margin-right: 5px;
}

.singlecontent .rating p,
.singlecontent h6 span,
.header--one .header__top .social li img,
.header--one .header__top .info ul li img,
.banner__content ul li i,
.banner--four .lab_btn_group--two .lab-btn img,
.banner--three .lab_btn_group--two .lab-btn img,
.tags-section .social-link-list li {
    margin-right: 10px;
}

.review__showing ul li .thumb,
.review__showing ul li,
.singlethumb__left,
.shop__item--list .shop__content .rating,
.sidebar__totalamaunt .top,
.sidebar__calculate,
.widget__help .widget__body img,
.widget__brochure .widget__body img,
.wwd--two .wwd__content .accordion-item,
.wwd--one .wwd__content .accordion-item,
.quote i,
.blog__meta ul,
.testimonial--two .testimonial__thumb,
.team--two .team__content span,
.team--one .team__thumb,
.service--details .service__maincontent img,
.service--three .sertabcontent__content h3,
.service--three .sertabcontent__content h2,
.about__img--content img,
.lab_btn_group .lab-btn,
.fourzero__content h2 {
    margin-bottom: 15px;
}

.team--deatils .team__thumb--info ul li .right ul,
.project--four .project__icon,
.project--two .project__icon,
.tags-section .social-link-list {
    margin-top: 0;
}

.review__form {
    margin-top: 15px;
}

.singlecontent .countadd .lab-btn {
    margin-left: 15px;
}

.review__form form .ratings__title,
.lab_btn_group .lab-btn {
    margin-right: 15px;
}

.contact__content h5,
.sidebar__calculate select,
.sidebar__calculate input,
.testimonial--one .testimonial__thumb,
.team--two .team__content p,
.approach__content .step,
.service--three .sertabcontent__content p {
    margin-bottom: 20px;
}

.team--deatils .team__thumb--info ul,
.about--three .about__content .lab-btn,
.feature--three .feature__content .text-btn {
    margin-top: 20px;
}

.description__content ul li,
.singlecontent ul li,
.header__bar {
    margin-left: 20px;
}

.blog--classic .blog__meta ul li,
.tags-section .tags li span {
    margin-right: 20px;
}

.info__content h6,
.footer__bottom p,
.cart__item,
.singlecontent .rating p,
.shop__content .rating p,
.shop__content .price,
.shop__title p,
.contact__content p,
.header--two .header__top .info__content p,
.sidebar__subtotal p,
.sidebar__recentproduct .body ul li .content .price,
.sidebar .body ul li .content h6,
.sidebar .head h5,
.widget__help .widget__body ul li .content p,
.widget__help .widget__body ul li .icon img,
.widget__head h5,
.pricing__head p,
.pricing__head h3,
.wwd--two .wwd__content .accordion-item:last-child,
.wwd--one .wwd__content .accordion-item:last-child,
.quote h5,
.blog--classic .blog__meta ul,
.blog--one .blog__content h5,
.team--deatils .team__thumb--info ul li .right p,
.team--deatils .team__thumb--info ul li .left p,
.project--details .project__info .title h4,
.approach__content p,
.service--three .sertab__content p,
.service__content p,
.about--three .about__img--content p,
.about--three .about__img--content h2,
.about__img--content h5,
.feature__content p,
.infotext p,
.form-message {
    margin-bottom: 0px;
}

.info__content p,
.shop__content h6,
.sidebar__comment .body ul li .content__top .name h6,
.sidebar__author .content h5,
.testimonial--two .testimonial__content h5,
.testimonial--one .testimonial__content h5,
.team--two .team__content h5,
.team--one .team__content h5,
.project--four .project__content h5,
.project__content h5,
.approach--four .approach__thumb {
    margin-top: 5px;
}

.footer__title h5,
.review__title,
.singlecontent ul,
.shop__title,
.contact__icon,
.callAaction__form form textarea,
.callAaction__form form input,
.callAaction__form form .custom-select,
.callAaction__form h2,
.sidebar__commentForm form input,
.sidebar__commentForm form textarea,
.widget__brochure,
.widget__service,
.consultancy__contact h2,
.pricing__body ul,
.testimonial--one .testimonial__content p,
.team--deatils .team__content p,
.team--two .team__thumb,
.project--details .project__thumb,
.project--two .section__header p,
.approach__icon,
.service--three .sertab,
.service__icon,
.feature__thumb,
.banner__content ul,
.banner--two .banner__content p,
.filters-button-group {
    margin-bottom: 2px;
}

.footer__about ul,
.header--two .header__bottom .area .main-menu .menu .lab-btn,
.header--one .header__bottom .menu .lab-btn,
.mgorus__pagination,
.proje__pagination,
.ekibimiz__pagination,
.urunkat__pagination,
.testimonial__pagination,
.service--details .service__maincontent form,
.service--three .sertabcontent__content .lab-btn,
.about__content .lab_btn_group,
.banner--three .banner__content .lab_btn_group,
.form-message.success,
.form-message.error,
.fourzero__content .lab-btn {
    margin-top: 20px;
}


/* @@@@@@@@@@@@@  Extend Property padding 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
.singlethumb__left .nav-link,
.header__bottom .area .menu .search_cart ul li a,
.sidebar__author .body .content ul li,
.team--deatils .team__thumb--info ul li .right ul li,
.project--details .project__content,
.tags-section .tags,
.paginationn li .page-link,
ul {
    padding: 0;
}

.sidebar__radiolist .form-check input,
.blog__meta ul li a {
    padding: 5px;
}

.pricing__offer,
.pricing__item,
.tags-section .tags li a {
    padding: 10px;
}

.singlethumb,
.shop__item,
.shop__title,
.sidebar__search form input,
.blog__content,
.blog__item,
.team--one .team__item,
.approach--four .approach__content,
.approach--four .approach__item,
.approach--two .approach__content,
.approach--two .approach__item,
.about--three .about__img--content,
input,
textarea,
select {
    padding: 15px;
}

.sidebar__relatedpost .body,
.sidebar__tags .body,
.sidebar__search .body,
.sidebar .head,
.blog--classic .blog__item {
    padding: 20px;
}

.cart__bottom,
.review__content,
.singlecontent,
.callAaction__form,
.sidebar__totalamaunt,
.sidebar__shipping,
.sidebar__commentForm form,
.sidebar__author,
.widget__help .widget__body,
.widget__brochure .widget__body,
.consultancy__contact,
.counter__item,
.pricing__head,
.quote,
.testimonial--two .testimonial__item,
.testimonial--one .testimonial__item,
.team--deatils .section__wrapper,
.team--two .team__item,
.project--details .project__info .title,
.project--details .project__item,
.project--two .project__content,
.project__content,
.service--details .service__maincontent,
.service--three .sertabcontent,
.about__img--content {
    padding: 30px;
}

.blog__meta ul {
    padding-bottom: 10px;
}

.sidebar__shipping {
    padding-bottom: 25px;
}

.cart__content {
    padding-left: 10px;
}

.info__content {
    padding-left: 20px;
}

.footer__post--content,
.header--two .header__top .info__content,
.sidebar .body ul li .content,
.widget__help .widget__body ul li .content,
.team--deatils .team__thumb--info ul li .right {
    padding-left: 15px;
}

.info__content {
    padding-left: 20px;
}

.review__form {
    padding-top: 30px;
}

.singlecontent .countadd .cart-plus-minus,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.team--one .team__thumb ul li a,
.service--two .service__pagination span,
.filters-button-group .filter-btn,
.paginationn li .page-link {
    margin: 5px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Titillium Web', sans-serif;
}

body.mrcart__overlay::after {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(11, 34, 57, 0.95);
}

body.margin-top {
    margin-top: 86px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

:root {
    scroll-behavior: auto !important;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #555555;
    font-size: 1rem;
    line-height: 1.5;
    font-family: 'Titillium Web', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    clear: both;
    line-height: 1.3;
    font-family: 'Titillium Web', sans-serif;
    color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 1.875rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1.125rem;
}

@media (min-width: 576px) {
    h1 {
        font-size: 3.75rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.875rem;
    }

    h4 {
        font-size: 1.5rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1.125rem;
    }
}

p {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 24px;
}

a {
    color: #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

a:visited {
    outline: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

a:focus {
    outline: thin dotted;
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}

img {
    height: auto;
    max-width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

select {
    border: 1px solid #ecf0f3;
}

input,
textarea,
select {
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
}

.uyepanel input,
.uyepanel textarea,
.uyepanel select {
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgb(245 245 245);
}

@media (max-width: 575px) {
    .bpc {
        background-position: center;
    }
}

/* @@@@@@@@@@@@@  Global CSS  @@@@@@@@@@@@@@ */
/*======= Background Image ==========*/
.bg-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/*============ Custom File Upload =============*/
.custom-upload .file-btn {
    border-radius: 5px;
}

.custom-upload input[type=file] {
    left: 0;
    top: 0;
    opacity: 0;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #c19943;
}

.preloader .preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader .preloader-inner .preloader-icon {
    width: 72px;
    height: 72px;
    display: inline-block;
    padding: 0px;
}

.preloader .preloader-inner .preloader-icon span {
    position: absolute;
    display: inline-block;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    background: #fff;
    -webkit-animation: preloader-fx 1.6s linear infinite;
    animation: preloader-fx 1.6s linear infinite;
}

.preloader .preloader-inner .preloader-icon span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

.map {
    height: 550px;
}

.fourzero__thumb {
    margin-bottom: 50px;
}

.fourzero__content p {
    max-width: 650px;
    margin-inline: auto;
}

.cart-plus-minus {
    border: 1px solid #ecf0f3;
    width: 125px;
    margin: 0 auto;
}

.cart-plus-minus .dec.qtybutton {
    border-right: 1px solid #ecf0f3;
    height: 40px;
    left: 0;
    top: 0;
}

.cart-plus-minus .cart-plus-minus-box {
    border: medium none;
    color: #000000;
    float: left;
    font-size: 14px;
    height: 38px;
    margin: 0;
    text-align: center;
    width: 125px;
    outline: none;
}

.cart-plus-minus .qtybutton {
    color: #000000;
    float: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    text-align: center;
    width: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cart-plus-minus .qtybutton:hover {
    background: #c19943;
    color: #fff;
}

.cart-plus-minus .inc.qtybutton {
    border-left: 1px solid #ecf0f3;
    height: 40px;
    right: 0;
    top: 0;
}

.form-message.error {
    color: red;
}

@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes price-ani {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0.1;
    }
}

@keyframes lab_round {
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes lab_round1 {
    100% {
        transform: rotateZ(-360deg);
    }
}

.paginationn li .page-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    outline: none;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginationn li .page-link:focus {
    box-shadow: none;
}

.paginationn li .page-link:hover {
    background-color: #c19943;
}

.paginationn li:first-child .page-link,
.paginationn li:last-child .page-link {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginationn .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #c19943 !important;
    border-color: #c19943 !important;
}

.tags-section {
    padding: 15px 30px;
    border: 1px solid #ecf0f3;
    border-top: none;
    gap: 15px;
}

.tags-section .tags li {
    padding: 5px 0;
}

.tags-section .tags li span {
    padding: 10px 15px;
    color: #fff;
}

.tags-section .tags li span::after {
    top: 50%;
    right: 0;
    transform: rotate(45deg) translateY(-50%);
    width: 15px;
    height: 15px;
}

.tags-section .tags li a {
    outline: none;
    margin: 0 3px;
    border: 1px solid #ecf0f3;
    color: #000000;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px;
}

.tags-section .tags li a:hover {
    color: #fff;
}

.tags-section .social-link-list li {
    padding: 5px 0;
}

.tags-section .social-link-list li a {
    background-color: #c19943;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.tags-section .social-link-list li a.facebook {
    background: #3b5998;
}

.tags-section .social-link-list li a.dribble {
    background: #ea4c89;
}

.tags-section .social-link-list li a.twitter {
    background: #55acee;
}

.tags-section .social-link-list li a.linkedin {
    background: #007bb5;
}

.tags-section .social-link-list li a:hover {
    border-radius: 50%;
}

.bg-title {
    background-color: #000000;
}

.theme-color {
    color: #c19943 !important;
}

.scrollToTop {
    position: fixed;
    bottom: -30%;
    right: 5%;
    z-index: 9;
}

.scrollToTop i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.scrollToTop i:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 20px 0px rgba(0, 113, 240, 0.49);
}

@media (min-width: 992px) {
    .pt-lg-110 {
        padding-top: 108px !important;
    }

    .pb-lg-110 {
        padding-bottom: 110px !important;
    }
}

.breadcrumb {
    background-color: transparent;
}

.section__header {
    max-width: 700px;
    margin: 0 auto 40px;
}

.section__header h5 {
    letter-spacing: 1.5px;
}

.section__header p {
    max-width: 100%;
    margin: 0 auto;
}

.mb-none-120 {
    margin-bottom: -120px;
}

.padding-tb {
    padding-block: 90px;
}

@media (min-width: 992px) {
    .padding-tb {
        padding-block: 90px;
    }
}

.lab-btn {
    padding: 12px 30px;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 0;
}

@media (min-width: 576px) {
    .lab-btn {
        padding: 16px 30px;
        font-size: 16px;
    }
}

.lab-btn.bg-transparate {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

@media (min-width: 576px) {
    .lab_btn_group .lab-btn {
        margin-bottom: 0;
    }
}

.text-btn {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search {
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search.active {
    opacity: 1;
    z-index: 99999;
}

.search__close {
    top: 30px;
    right: 30px;
    font-size: 30px;
}

.search__area form {
    width: 280px;
}

@media (min-width: 576px) {
    .search__area form {
        width: 550px;
    }
}

.search__area form input {
    border-color: rgba(255, 255, 255, 0.8);
    width: calc(100% - 60px);
}

.search__area form input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search__area form button {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.filters-button-group .filter-btn {
    padding: 15px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*=========@@@@@@@@@ All Common Items   @@@@@@@@@============*/
.banner__content h2 {
    font-size: 32px;
}

@media (min-width: 1200px) {
    .banner--one {
        padding-top: 130px;
        position: relative;
    }

    .banner--one::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        border-top: 400px solid #c19943;
        border-right: 425px solid transparent;
    }
}

.banner--one .banner__thumb {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

@media (min-width: 576px) {
    .banner--one .banner__thumb>img {
        max-width: none;
    }
}

@media (max-width: 575px) {
    .banner--one .banner__thumb--absthumb {
        display: none;
    }
}

@media (min-width: 992px) {
    .banner--one .banner__content h2 {
        font-size: 58px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner--one .banner__content h2 {
        font-size: 48px;
    }
}

@media (min-width: 1440px) {
    .banner--one .banner__content h2 {
        font-size: 64px;
    }
}

@media (max-width: 575px) {
    .banner--one .banner__content .lab_btn_group {
        margin-top: 40px;
    }
}

.banner--one .banner__social {
    position: absolute;
    top: 70%;
    left: -11%;
    z-index: 999;
    transform: rotate(-89deg);
}

@media (min-width: 1600px) {
    .banner--one .banner__social {
        display: block;
    }
}

.banner--one .banner__social ul li:nth-last-child(1) a::after {
    top: -43px;
}

.banner--one .banner__social ul li:nth-last-child(2) a::after {
    top: -40px;
}

.banner--one .banner__social ul li a {
    padding: 10px 30px;
}

.banner--one .banner__social ul li a::after {
    height: 118px;
    width: 1px;
    right: 0;
    top: -37px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.banner--one .banner__social ul li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.banner--two {
    padding-block: 80px;
}

@media (min-width: 768px) {
    .banner--two {
        padding-block: 150px;
    }
}

@media (min-width: 992px) {
    .banner--two .banner__content h2 {
        font-size: 58px;
    }
}

@media (min-width: 1440px) {
    .banner--two .banner__content h2 {
        font-size: 64px;
    }
}

@media (min-width: 576px) {
    .banner--two .banner__content p {
        font-size: 18px;
        line-height: 36px;
    }
}

@media (min-width: 1440px) {
    .banner--two .banner__content p {
        max-width: 90%;
    }
}

.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate {
    border-color: #000000;
}

.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate:hover {
    border-color: #c19943;
}

.banner--three .banner__slider .swiper-slide-active .banner__content {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.banner--three .banner__item {
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .banner--three .banner__item {
        background-position: center center;
        height: 100vh;
    }
}

.banner--three .banner__content {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    transition: 1s ease;
    max-width: 670px;
}

.banner--three .banner__content h2 {
    color: #c19943;
}

.banner--three .banner__content h5 {
    color: #fff;
    font-weight: 300;
    padding-block: 20px;
    line-height: normal;
    font-size: 24px;
}

/* =====================================
   SLIDER YAZI EFEKTLERİNİ TAMAMEN KAPAT
   ===================================== */

/* Tüm slider yazıları */
.banner__slider h1,
.banner__slider h2,
.banner__slider h3,
.banner__slider p,
.banner__slider .btn,
.banner__slider .banner__content {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* Slide aktif/pasif farkını da iptal et */
.swiper-slide .banner__content,
.swiper-slide-active .banner__content {
    opacity: 1 !important;
    transform: none !important;
}

/* =====================================
   MOBİL SLIDER YAZI KAYMASINI ENGELLE
   (Konum BOZULMAZ)
   ===================================== */
@media (max-width: 768px) {

    .banner__slider .banner__content {
        transform: none !important;
        left: auto !important;
        right: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
        width: 100%;
        max-width: 100%;
    }

    .banner__slider h1,
    .banner__slider h2,
    .banner__slider h3,
    .banner__slider p,
    .banner__slider .btn {
        transform: none !important;
        transition: none !important;
        text-align: center !important;
    }

}


@media (min-width: 992px) {
    .banner--three .banner__content h2 {
        font-size: 56px;
        line-height: 1.1;
    }
}

@media (min-width: 1440px) {
    .banner--three .banner__content h2 {
        font-size: 56px;
    }
}

.banner--three .banner__pagination {
    bottom: 30px;
    z-index: 1;
}

.banner--three .banner__pagination span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    opacity: 1;
    font-size: 0.875rem;
}

.banner--four {
    background: url(../images/banner/bg/06.jpg);
    padding-block: 80px;
    background-position: center;
}

@media (min-width: 768px) {
    .banner--four {
        padding-block: 120px;
    }
}

@media (min-width: 1200px) {
    .banner--four {
        padding-top: 345px;
        padding-bottom: 250px;
        background-position: bottom center;
    }
}

.banner--four .lab_btn_group {
    gap: 20px;
}

.banner--three .lab_btn_group--two,
.banner--four .lab_btn_group--two {
    gap: 0;
    display: block;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

@media (max-width: 575px) {

    .banner--three .lab_btn_group--two,
    .banner--four .lab_btn_group--two {
        display: none;
    }
}

@media (min-width: 1200px) {

    .banner--three .lab_btn_group--two,
    .banner--four .lab_btn_group--two {
        transform: translateY(200px);
    }
}

.banner--three .lab_btn_group--two .lab-btn,
.banner--four .lab_btn_group--two .lab-btn {
    background: rgba(11, 34, 57, 0.4);
}

@media (min-width: 992px) {
    .banner--four .banner__content h5 {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .banner--four .banner__content h5 {
        max-width: 250px;
        line-height: 1.5;
    }
}

.banner--four .banner__content h2 {
    font-size: 56px;
}

@media (max-width: 575px) {
    .banner--four .banner__content h2 {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    .banner--four .banner__content h2 {
        font-size: 72px;
    }
}

@media (min-width: 1200px) {
    .banner--four .banner__content h2 {
        font-size: 100px;
    }
}

.banner--four .banner__content .lab_btn_group {
    margin-top: 30px;
}

@media (min-width: 576px) {
    .banner--four .banner__content .lab_btn_group {
        margin-top: 60px;
    }
}

.banner--four .banner__quote {
    width: 300px;
    padding: 58px 30px;
    background: url(../images/banner/bg/quote.png) no-repeat;
    background-position: center;
    background-size: cover;
    right: 30px;
    top: 50%;
}

.banner--four .banner__quote h5 {
    line-height: 1.6;
}

.banner__area {
    background: url(../images/banner/bg/01.jpg);
    background-repeat: no-repeat;
    z-index: 11;
    background-size: cover;
    background-position: center right;
    padding: 50px 0;
}

@media (min-width: 1600px) {
    .banner__area {
        margin-left: 100px;
    }
}

@media (max-width: 575px) {
    .banner__content ul {
        display: none;
    }
}

.banner__content ul li {
    padding-block: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.banner__content ul li:last-child {
    border: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner__content ul li {
        font-size: 15px;
    }
}

@media (min-width: 576px) {
    .banner__content ul li {
        width: 50%;
    }

    .banner__content ul li:last-child,
    .banner__content ul li:nth-last-child(2) {
        border: none;
    }
}

.banner__thumb--absthumb {
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.banner__thumb--absthumb img {
    animation: lab_round 25s linear infinite;
}

.feature--two .feature__item {
    padding: 60px 20px;
}

@media (min-width: 1440px) {
    .feature--two .feature__item {
        padding: 60px 30px;
    }
}

.feature--three .feature__item {
    padding: 60px 30px;
}

.feature--three .feature__item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.feature__area {
    margin-top: -100px;
    z-index: 99;
}

.feature__item {
    padding: 60px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.feature__item::after {
    height: 4px;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.feature__item:hover::after {
    opacity: 1;
}

.feature__item:hover .feature__content h5 {
    color: #c19943;
}

.about__img--content {
    bottom: 0;
}

@media (min-width: 1200px) {

    .about__content h2,
    .about__content p {
        max-width: 90%;
    }
}

.about__content ul li {
    padding-block: 10px;
}

.about--two {
    background-position: right;
}

@media (min-width: 768px) {
    .about--two .about__thumb--two .about__img {
        text-align: right;
    }
}

.about--two .about__thumb--two .about__img .abs__thumb {
    bottom: 50%;
}

@media (min-width: 768px) {
    .about--two .about__thumb--two .about__img .abs__thumb {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about--two .about__thumb--two .about__img .abs__thumb {
        left: 120px;
        bottom: 30%;
    }
}

.about--two .about__img--thumb img {
    width: auto;
}

.about--two .about__img .abs__thumb {
    bottom: 70%;
    left: 0px;
    z-index: -1;
}

@media (min-width: 576px) {
    .about--two .about__img .abs__thumb {
        display: block;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .about--two .about__img .abs__thumb {
        bottom: 50%;
        left: 50px;
    }
}

@media (min-width: 1200px) {
    .about--two .about__content {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {

    .about--two .about__content h2,
    .about--two .about__content p {
        max-width: 100%;
    }
}

.about--three .about__img--content {
    align-items: center;
    align-content: center;
    width: 180px;
    height: 180px;
    border: 8px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media (min-width: 1440px) {
    .about--three .about__content h2 {
        max-width: 80%;
    }
}

.about--three .about__content h6 {
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.6;
}

@media (min-width: 1440px) {
    .about--teampage .about__content h2 {
        max-width: 80%;
    }
}

.progressbararea {
    max-width: 100%;
}

.progressbararea li .progress {
    height: 5px;
}

.progressbararea li .progress .progress-bar {
    height: 5px;
}

.service__item {
    min-height: 330px;
    perspective: 1000px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service__item:hover .service__back {
    visibility: visible;
}

.service__item:hover .service__back img {
    transform: translateX(0%);
}

.service__item:hover .service__back .lab-btn {
    transform: translateY(-172px);
}

.service__front {
    padding: 60px 30px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    min-height: inherit;
}

.service__back {
    top: 0;
    left: 0;
    min-height: inherit;
    visibility: hidden;
    overflow: hidden;
}

.service__back img {
    transform: translateX(-100%);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
    object-fit: cover;
}

.service__back .lab-btn {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
}

.service--two .service__pagination span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    opacity: 1;
    font-size: 0.8125rem;
}

.service--three .sertab {
    gap: 15px;
    border-bottom: none;
}

.service--three .sertab__item {
    width: 140px;
    padding-block: 20px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .service--three .sertab__item {
        width: 170px;
    }
}

.service--three .sertab__item.active {
    border-color: #c19943;
}

.service--three .sertab__content p {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service--three .sertabcontent__content ul li {
    padding-block: 7px;
}

.service--details .service__maincontent img {
    object-fit: cover;
    object-position: center;
}

.approach__item {
    padding: 60px 30px;
}

.approach__content .step {
    padding: 5px 30px;
    border-radius: 25px;
    font-size: 0.875rem;
}

.approach--two .approach__item:hover .approach__thumb img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.approach--three .approach__item:hover .radius-btn {
    opacity: 1;
}

.approach--three .approach__item .radius-btn {
    width: 50px;
    height: 50px;
    line-height: 46px;
    left: 50%;
    bottom: -20px;
    font-size: 14px;
    opacity: 0;
    border: 2px solid #000000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.approach--four .approach__item:hover .approach__thumb img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.project .section__header {
    max-width: 750px;
}

.project__item:hover .project__content {
    opacity: 1;
}

.project__content {
    background-color: rgba(11, 34, 57, 0.9);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project__content::after {
    bottom: 0;
    left: 0;
    border-bottom: 120px solid #c19943;
    border-right: 120px solid transparent;
}

.project__icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    margin-top: 120px;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project--two .section__header {
    z-index: 2;
}

@media (min-width: 992px) {
    .project--two .section__header {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .project--two .section__header p {
        max-width: 90%;
    }
}

.project--two::after {
    width: 39%;
    top: 0;
    left: 0;
    z-index: 1;
}

@media (min-width: 992px) {
    .project--two::after {
        background-color: #000000;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .project--two::after {
        width: 33%;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .project--two::after {
        width: 35%;
    }
}

.project--two::before {
    background: url(../images/bg/01.png) no-repeat;
    background-position: center;
    z-index: 11;
}

.project--two .project__content {
    top: auto;
    height: auto;
    bottom: 0;
    background-color: rgba(52, 189, 107, 0.9);
}

.project--two .project__icon {
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project--three .project__icon {
    margin-top: 150px;
}

.project--four .project__item:hover .project__thumb::after {
    opacity: 1;
}

.project--four .project__thumb::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgba(52, 189, 107, 0.9);
    opacity: 0;
}

.project--four .project__content {
    height: auto;
    top: 50%;
    background: transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project--details .project__content {
    position: static;
    opacity: 1;
    background: transparent;
}

.project--details .project__info {
    border: 1px solid #F2F6F9;
    margin-top: -50px;
}

@media (min-width: 992px) {
    .project--details .project__info {
        margin-top: -125px;
    }
}

.project--details .project__info .title {
    border-bottom: 1px solid #F2F6F9;
}

.project--details .project__info .content ul li {
    padding: 15px 30px;
    border-bottom: 1px solid #F2F6F9;
}

.project--details .project__info .content ul li:nth-last-child(1) {
    border-bottom: none;
}

@media (min-width: 576px) {
    .project--details .project__info .content ul li {
        width: 50%;
    }

    .project--details .project__info .content ul li:nth-last-child(2) {
        border-bottom: none;
    }
}

.project .swiper-slide.swiper-slide-duplicate {
    display: none;
}

.team--one .team__item {
    box-shadow: 0px 0px 10px rgba(11, 34, 57, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--one .team__item:hover .team__thumb ul {
    left: 10px;
}

.team--one .team__thumb ul {
    top: 15px;
    left: -40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--one .team__thumb ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    font-size: 14px;
}

.team--one .team__content {
    padding-block: 5px;
}

.team--one .team__content h5 a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--one .team__content span {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .team--two .team__item {
        padding: 40px;
    }
}

.team--two .team__item::after {
    width: 140px;
    height: 140px;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--two .team__thumb {
    z-index: 1;
    border: 6px solid #fff;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
}

@media (min-width: 576px) {
    .team--two .team__thumb {
        width: 40%;
        margin-bottom: 0;
    }
}

.team--two .team__thumb::after {
    top: 100%;
    left: 100%;
    width: 15px;
    height: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--two .team__thumb img {
    object-fit: cover;
}

@media (min-width: 576px) {
    .team--two .team__content {
        width: 60%;
        padding-left: 30px;
    }
}

@media (min-width: 1440px) {
    .team--two .team__content p {
        max-width: 90%;
    }
}

.team--two .team__content ul {
    gap: 5px;
}

.team--two .team__content ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--two .team__content ul li a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

@media (min-width: 992px) {
    .team--deatils .team__thumb--info {
        padding-left: 30px;
    }
}

.team--deatils .team__thumb--info ul li {
    padding-block: 10px;
}

.team--deatils .team__thumb--info ul li .left {
    width: 120px;
}

.team--deatils .team__thumb--info ul li .right {
    width: calc(100% - 120px);
}


.team--deatils .team__thumb--info ul li .right ul li a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 100%;
    font-size: 0.875rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--deatils .team__content .progressbararea li {
    padding-block: 15px;
}

.testimonial--one .testimonial__item::after {
    top: 0;
    left: 0;
    width: 100px;
    z-index: 0;
}

@media (min-width: 576px) {
    .testimonial--one .testimonial__item::after {
        display: inherit;
    }
}

.testimonial--one .testimonial__inner {
    z-index: 1;
}

.testimonial--one .testimonial__thumb {
    border: 6px solid #fff;
}

@media (min-width: 576px) {
    .testimonial--one .testimonial__content {
        width: calc(100% - 150px);
    }
}

@media (min-width: 1440px) {
    .testimonial--one .testimonial__content p {
        max-width: 85%;
    }
}

@media (min-width: 576px) {
    .testimonial--one .testimonial__content--rating {
        width: calc(100% - 0px);
    }
}

.testimonial--one .testimonial__content--rating ul {
    padding: 3px 10px;
    border-radius: 2px 0 0 2px;
}

.testimonial--one .testimonial__content--rating ul li {
    font-size: 14px;
}

.testimonial--one .testimonial__content--count {
    width: 50px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border-radius: 0 2px 2px 0;
}

.testimonial--two .testimonial__item {
    background: url(../images/bg/testi-bg.jpg);
}

.testimonial--two .testimonial__content--rating {
    padding: 15px 0 20px;
}

.testimonial--two .testimonial__content--rating ul {
    padding: 2px 15px;
    border-radius: 25px;
}

.testimonial--two .testimonial__content--rating ul li {
    font-size: 0.875rem;
}

.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 0.8125rem;
}

@media (min-width: 992px) {
    .blog--one .section__header {
        max-width: 600px;
    }
}

.blog__item {
    border: 1px solid #EDF2F6;
}

.blog__item:hover .blog__thumb a img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@media (min-width: 1200px) {
    .blog__content h5 {
        max-width: 96%;
    }
}

.blog__meta ul {
    border-bottom: 1px solid #ecf0f3;
}

.blog--classic .blog__thumb .quote {
    margin-bottom: 70px;
}

.blog--classic .blog__thumb .date {
    z-index: 1;
    left: 15px;
    bottom: 15px;
    padding: 5px 15px;
}

.blog--classic .blog__content {
    padding-block: 30px;
}

.blog--classic .blog__meta ul {
    border-bottom: none;
}

.quote {
    background: url(../images/blog/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.quote i {
    border-radius: 100%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .quote i {
        font-size: 2.5rem;
    }
}

@media (min-width: 576px) {
    .quote i {
        margin-bottom: 0;
    }
}

.quote h5 {
    line-height: 1.6;
}

@media (min-width: 576px) {
    .quote h5 {
        width: calc(100% - 90px);
        padding-left: 30px;
    }
}

.sponsor--one {
    padding-block: 90px;
}

.sponsor--two {
    padding-block: 90px;
}

@media (min-width: 1200px) {
    .wwd--one .wwd__content h2 {
        max-width: 70%;
    }
}

@media (min-width: 1440px) {
    .wwd--one .wwd__content h2 {
        max-width: 65%;
    }
}

.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button {
    border-radius: 0;
    box-shadow: none;
}

.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    background-image: none;
}

.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

.wwd--one .wwd__content .accordion-item .accordion-collapse {
    border: 1px solid #c19943;
    border-radius: 0;
}

.wwd--two::after {
    width: 48%;
    top: 0;
    right: 0;
}

@media (min-width: 992px) {
    .wwd--two::after {
        background: url(../images/wwd/01.jpg) no-repeat;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .wwd--two .wwd__content h2 {
        max-width: 70%;
    }
}

@media (min-width: 1440px) {
    .wwd--two .wwd__content h2 {
        max-width: 65%;
    }
}

.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button {
    border-radius: 0;
    box-shadow: none;
}

.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    background-image: none;
}

.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

.wwd--two .wwd__content .accordion-item .accordion-collapse {
    border: 1px solid #c19943;
    border-radius: 0;
}

.pricing__offer {
    font-size: 0.875rem;
}

.pricing__head {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing__head h3 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .pricing__head h3 {
        font-size: 2.5rem;
    }
}

.pricing__head p {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing__body {
    padding-bottom: 30px;
}

.pricing__body span.lab-btn {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    border: 2px solid #fff;
    padding: 11px 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing__body ul {
    padding-inline: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pricing__body ul {
        padding-inline: 30px;
    }
}

@media (min-width: 1440px) {
    .pricing__body ul {
        padding-inline: 90px;
    }
}

.pricing__body ul li {
    padding-block: 12px;
}

.counter__area {
    margin-top: -40px;
}

.counter__item {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.counter--two .counter__item {
    background: rgba(255, 255, 255, 0.1);
    padding: 60px 30px;
}


@media (min-width: 992px) {
    .consultancy::after {
        display: block;
    }
}

@media (max-width: 575px) {
    .consultancy__contact h2 {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .history__item {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .history__item {
        width: 50%;
    }
}

.history__item:last-child .history__year>span::before {
    display: none;
}

.history__inner {
    margin-block: 15px;
}

@media (max-width: 991px) {
    .history__inner {
        margin: 15px;
    }
}

.history__inner:hover .history__thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.history__inner:hover .history__year>span::after {
    background-color: #c19943;
}

@media (min-width: 992px) {
    .history__inner:hover .history__year>span span {
        color: #fff;
    }
}

@media (min-width: 992px) {
    .history__thumb {
        width: 35%;
    }
}

@media (min-width: 992px) {
    .history__year {
        width: 20%;
    }
}

.history__year::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 96px;
    height: 96px;
    top: 50%;
    left: 50%;
    border: 1px solid #c19943;
    background-color: #fff;
}

@media (max-width: 991px) {
    .history__year::after {
        display: none;
    }
}

.history__year>span {
    z-index: 1;
}

@media (max-width: 991px) {
    .history__year>span {
        padding: 5px 20px;
        background-color: #fff;
        position: absolute;
        top: -55px;
        left: 15px;
    }
}

.history__year>span::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 90px;
    height: 90px;
    top: 50%;
    left: 50%;
    border: 1px solid #c19943;
    background-color: #fff;
}

@media (max-width: 991px) {
    .history__year>span::after {
        display: none;
    }
}

.history__year>span::before {
    bottom: -125px;
    left: 50%;
    height: 100px;
    width: 15px;
    background-color: #c19943;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 991px) {
    .history__year>span::before {
        display: none;
    }
}

.history__year>span span {
    z-index: 1;
    font-size: 1.25rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.history__content {
    padding-top: 20px;
}

@media (min-width: 992px) {
    .history__content {
        width: 45%;
        padding-top: 0;
    }
}

@media (min-width: 992px) {
    .history__content h4 {
        margin-bottom: 20px;
    }
}

.faq .accordion-item {
    border: 1px solid #F2F6F9;
}

.faq .accordion-item:not(:last-child) {
    margin-block-end: 10px;
}

.faq .accordion-button {
    font-size: 1.125rem;
    padding: 15px 20px;
    font-weight: 700;
    text-transform: capitalize;
    border: none;
}

.faq .accordion-button .accordion-icon {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    font-size: 1rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: #c19943;
    color: #fff;
    margin-inline-end: 20px;
}

@media (min-width: 768px) {
    .faq .accordion-button .accordion-icon {
        width: 40px;
        height: 40px;
    }
}

.faq .accordion-button .accordion-headerText {
    width: calc(100% - 50px - 3ch);
}

.faq .accordion-button:not(.collapsed) {
    border-bottom: none;
    background-color: #fff;
    color: #c19943;
    box-shadow: none;
}

.faq .accordion-button:not(.collapsed):after {
    background-color: #c19943;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq .accordion-button:not(.collapsed):before {
    opacity: 0;
}

.faq .accordion-button:not(.collapsed) .accordion-icon {
    background-color: #c19943;
}

.faq .accordion-button:focus {
    box-shadow: none;
}

.faq .accordion-button:before,
.faq .accordion-button:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #c19943;
    background-image: none;
}

.faq .accordion-button:after {
    height: 20px;
    width: 2px;
    right: 30px;
}

.faq .accordion-button:before {
    right: 21px;
    width: 20px;
    height: 2px;
}

.faq .accordion-body {
    padding-inline-start: 2em;
    padding-block-start: 0;
    padding-inline-end: 30px;
}

@media (min-width: 576px) {
    .faq .accordion-body {
        padding-inline-start: 5em;
    }
}

.widget__head {
    padding: 25px 30px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.widget__body ul li:last-child a {
    border-bottom: none;
}

.widget__body ul li a {
    padding: 20px 30px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.widget__help .widget__body ul li {
    padding-block: 20px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.widget__help .widget__body ul li:last-child {
    border-bottom: none;
}

.widget__help .widget__body ul li .icon {
    width: 40px;
}

.widget__help .widget__body ul li .content {
    width: calc(100% - 40px);
}

.sidebar .head {
    border-bottom: 1px solid #ecf0f3;
}

@media (min-width: 576px) {
    .sidebar .head {
        padding-inline: 30px;
    }
}

.sidebar .body ul {
    padding-block: 15px;
}

.sidebar .body ul li {
    padding: 20px 20px;
    border-bottom: 1px solid #ecf0f3;
}

@media (min-width: 576px) {
    .sidebar .body ul li {
        padding-inline: 30px;
    }
}

.sidebar .body ul li:last-child {
    border-bottom: none;
}

.sidebar .body ul li:hover .content h5 a {
    color: #c19943;
}

.sidebar .body ul li .thumb {
    width: 40px;
}

.sidebar .body ul li .content {
    width: calc(100% - 40px);
}

.sidebar .body ul li .content h5 {
    font-size: 1.125rem;
}

.sidebar__author .thumb {
    width: 200px !important;
    height: 200px;
    border-radius: 100%;
    margin-inline: auto;
}

.sidebar__author .content ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    font-size: 0.8125rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media (min-width: 576px) {
    .sidebar__author .body .thumb {
        width: 120px !important;
        height: 120px;
        margin-bottom: 0;
    }
}

.sidebar__author .body .thumb img {
    object-fit: cover;
}

@media (min-width: 576px) {
    .sidebar__author .body .content {
        width: calc(100% - 135px);
        padding-left: 15px;
    }
}

.sidebar__search {
    border: 1px solid #ecf0f3;
}

@media (min-width: 576px) {
    .sidebar__search .body {
        padding: 30px;
    }
}

.sidebar__search form input {
    padding-right: 40px;
}

.sidebar__search form button {
    top: 50%;
    right: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar__recentpost {
    background-color: #f4f4f4;
}

.sidebar__recentpost .body ul li:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sidebar__recentpost .body ul li .thumb {
    width: 80px;
}

.sidebar__recentpost .body ul li .content {
    width: calc(100% - 80px);
}

.sidebar__recentpost .body ul li .content h6 {
    font-size: 1rem;
}

.sidebar__categorie .body ul li {
    margin: 0;
}

@media (min-width: 576px) {
    .sidebar__tags .body {
        padding: 30px;
    }
}

.sidebar__tags .body ul {
    padding-block: 0;
}

.sidebar__tags .body ul li {
    display: inline-block;
    padding: 0;
    border: none;
    margin-block: 0 !important;
}

.sidebar__tags .body ul li a {
    padding: 8px 15px;
    border: 1px solid #ecf0f3;
    margin: 5px;
}

.sidebar__tags .body ul li a:hover {
    background-color: #c19943;
    border-color: #c19943;
}

.sidebar__comment .body ul li {
    align-items: flex-start;
}

.sidebar__comment .body ul li .thumb {
    width: 80px;
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .sidebar__comment .body ul li .thumb {
        width: 80px !important;
        margin-bottom: 0;
    }
}

.sidebar__comment .body ul li .content {
    width: 100%;
    padding-left: 0;
}

@media (min-width: 576px) {
    .sidebar__comment .body ul li .content {
        width: calc(100% - 80px);
        padding-left: 15px;
    }
}

.sidebar__comment .body ul li .content__top {
    gap: 10px;
}

.sidebar__comment .body ul li .content__top .name h6 {
    font-size: 1rem;
}

@media (max-width: 575px) {
    .sidebar__comment .body ul li .content .reply {
        margin: 10px 0 15px;
    }
}

.sidebar__comment .body ul li .content .reply a {
    padding: 5px 15px;
    background-color: #c19943;
    font-size: 0.875rem;
}

.sidebar__comment .body ul li ul li {
    border-top: 1px solid #ecf0f3;
    border-bottom: none;
}

@media (max-width: 575px) {
    .sidebar__comment .body ul li ul li {
        padding-inline: 0;
    }
}

.sidebar__comment .body ul li ul li:last-child {
    margin-bottom: 0;
}

.sidebar__commentForm form input,
.sidebar__commentForm form textarea {
    border: 1px solid rgba(11, 34, 57, 0.1);
}

@media (min-width: 576px) {
    .sidebar__commentForm form input {
        width: calc(100% / 2 - 15px);
    }
}

@media (min-width: 576px) {
    .sidebar__relatedpost .body {
        padding: 30px;
    }
}

.sidebar__relatedpost .body ul {
    gap: 15px;
}

.sidebar__relatedpost .body ul li {
    border: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 576px) {
    .sidebar__relatedpost .body ul li {
        width: calc(100% / 2 - 15px);
    }
}

.sidebar__relatedpost .body ul li:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sidebar__relatedpost .body ul li .thumb {
    width: 100px;
}

.sidebar__relatedpost .body ul li .content {
    width: calc(100% - 100px);
}

.sidebar__recentproduct .body ul li:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sidebar__recentproduct .body ul li .thumb {
    width: 80px;
}

.sidebar__recentproduct .body ul li .content {
    width: calc(100% - 80px);
}

.sidebar__recentproduct .body ul li .content h6 {
    font-size: 1rem;
}

.sidebar__recentproduct .body ul li .content .rating span {
    font-size: 0.75rem;
}

.sidebar__subtotal {
    padding: 20px 30px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.sidebar__radiolist .form-check {
    padding-block: 5px;
}

.sidebar__radiolist .form-check input {
    box-shadow: none;
}

.sidebar__radiolist .form-check input :focus {
    outline: none;
}

.sidebar__radiolist .form-check input:checked {
    background-color: #c19943;
    border-color: #c19943;
    border-width: 2px;
    box-shadow: 0 0 5px rgba(11, 34, 57, 0.1);
}

.sidebar__calculate {
    padding-inline: 30px;
}

.sidebar__calculate select,
.sidebar__calculate input {
    border: 1px solid #ecf0f3;
}

.sidebar__calculate button {
    padding: 10px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*================*** Header Section Start Here     ***===================*/
.baslik-logo {
    top: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    background-color: #fff;
    width: 220px;
    height: 210px;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-border-bottom-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.baslik-logo.is-visible {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

.baslik-logo.is-visible img {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 479px) {
    .baslik-logo {
        width: 120px;
        height: 115px;
        -webkit-border-bottom-right-radius: 30px;
        -webkit-border-bottom-left-radius: 30px;
        -moz-border-radius-bottomright: 30px;
        -moz-border-radius-bottomleft: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .baslik-logo {
        width: 180px;
        height: 170px;
    }
}

.baslik-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 91%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.baslik-logo h1 {
    margin: 0;
    font-size: 0;
}

.baslik-logo img {
    width: 165px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s .4s;
    transition: .3s .4s;
}

@media (max-width: 479px) {
    .baslik-logo img {
        width: 90px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .baslik-logo img {
        width: 140px;
    }
}

.header__top {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header__bottom {
    padding-block: 22px;
}

.header__bottom.header-fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 3px rgba(11, 34, 57, 0.2);
}

@media (max-width: 575px) {
    .header__bottom .area .logo {
        max-width: 140px;
    }
}

@media (min-width: 1200px) {
    .header__bottom .area .logo {
        position: relative;
        z-index: 99;
    }
}

@media (max-width: 1199px) {
    .header__bottom .area .menu {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background-color: #fff;
        z-index: 9999;
        padding-bottom: 30px;
        height: 400px;
        overflow-y: auto;
    }

    .header__bottom .area .menu.active {
        display: inherit;
        padding-inline: 30px;
    }
}

@media (max-width: 1199px) {
    .header__bottom .area .menu ul li {
        display: block;
        border-bottom: 1px solid rgba(11, 34, 57, 0.1);
        position: relative;
    }
}

@media (min-width: 1200px) {
    .header__bottom .area .menu ul li:hover>ul {
        opacity: 1;
        top: 98%;
        visibility: visible;
    }
}

.header__bottom .area .menu ul li a {
    padding: 15px 16px;
    font-size: 15px;
}

@media (min-width: 1440px) {
    .header__bottom .area .menu ul li a {
        padding: 40px 14px;
        font-size: 14px;
    }
}

.header__bottom .area .menu ul li ul {
    background-color: #000000;

}

@media (max-width: 1199px) {
    .header__bottom .area .menu ul li ul {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header__bottom .area .menu ul li ul {
        position: absolute;
        width: 240px;
        top: calc(100% + 30px);
        left: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 0;
        z-index: 999;
        visibility: hidden;
    }

    .header__bottom .area .menu>ul>li>ul {
        border-top: 4px solid #c19943;
    }

    .header__bottom .area .menu>ul>li:before {
        position: absolute;
        content: "\f0de";
        font-family: "Font Awesome 5 Pro";
        color: #c19943;
        font-weight: 700;
        font-size: 57px;
        bottom: -47px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

    .header__bottom .area .menu>ul>li:hover:before {
        opacity: 1;
        visibility: visible;
    }
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::after,
.header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
    background-color: #fff;
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
    right: 24px;
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::after {
    right: 20px;
}

.header__bottom .area .menu ul li ul li a {
    font-weight: 300;
    font-size: 90%;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header__bottom .area .menu ul li ul li a:hover,
.header__bottom .area .menu ul li ul li a.active {
    background-color: #c19943;
    color: #fff;
}

.header__bottom .area .menu ul li ul li a:hover::after,
.header__bottom .area .menu ul li ul li a:hover::before,
.header__bottom .area .menu ul li ul li a.active::after,
.header__bottom .area .menu ul li ul li a.active::before {
    background-color: #fff;
}

@media (min-width: 1200px) {
    .header__bottom .area .menu ul li ul li ul {
        left: 100%;
        top: 0 !important;
    }
}

.header__bottom .area .menu .search_cart ul li {
    padding: 10px 15px;
}

@media (min-width: 1440px) {
    .header__bottom .area .menu .search_cart ul li {
        padding: 13px 20px;
    }
}

.header__bottom .area .menu .search_cart ul li::after {
    width: 1px;
    height: 100px;
    left: 0;
    top: -22px;
    border-right: 1px solid rgba(52, 189, 107, 0.1);
}

.header__bottom .area .menu .search_cart ul li:last-child::before {
    width: 1px;
    height: 100px;
    right: 0;
    top: -22px;
    border-right: 1px solid rgba(52, 189, 107, 0.1);
}

.header__bottom .area .menu .search_cart ul li span {
    top: 4px;
    right: 7px;
    font-size: 12px;
    background: #c19943;
    border-radius: 5px;
    color: #fff;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.header--one {
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 20;
    position: relative;
}

@media (min-width: 1200px) {
    .header--one {
        position: fixed;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 1440px) {
    .header--one .container-fluid {
        padding-inline: 140px;
    }
}

.header--one .header__top {
    border-bottom: 1px solid rgba(193, 153, 67, 0.1);
    background-color: #c19943;
}

@media (max-width: 1199px) {
    .header--one .header__top {
        display: none;
    }
}

@media (max-width: 1199px) {
    .header--one .header__top .info {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 1199px) {
    .header--one .header__top .info ul {
        text-align: center;
    }
}

.header--one .header__top .info ul li {
    padding: 15px 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    font-size: 10.5pt;
}

.header--one .header__top .info ul li i {
    font-size: 18px;
    margin-right: 10px;
    color: #000000;
}

.header--one .header__top .info ul li a {
    color: #000000;
}


@media (max-width: 1199px) {
    .header--one .header__top .info ul li:first-child {
        border-left: none;
    }
}

@media (max-width: 575px) {
    .header--one .header__top .info ul li {
        border: none;
    }
}

.header--one .header__top .info ul li:first-child {
    padding-left: 0;
    border: none;
}

@media (max-width: 1199px) {
    .header--one .header__top .social {
        text-align: center;
    }
}

.header--one .header__top .social li:first-child {
    padding-left: 0;
    border: none;
}

.header--one .header__top .social li {
    padding: 15px 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 10.5pt;
}

.header--one .header__top .social li a {
    color: #000000;
}

@media (max-width: 1199px) {
    .header--one .header__top .social li:first-child {
        border-left: none;
    }
}

@media (max-width: 575px) {
    .header--one .header__top .social li {
        border: none;
    }
}

@media (min-width: 1200px) {
    .header--one .header__bottom {
        background: #fff;
    }

    .header--one .header__bottom::after {
        position: absolute;
        content: "";
        top: 0;
        left: 325px;
        border-top: 100px solid #c19943;
        border-right: 105px solid transparent;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) and (max-width: 1439px) {
    .header--one .header__bottom::after {
        left: 245px;
        border-right: 60px solid transparent;
    }
}

@media (min-width: 1200px) {
    .header--one .header__bottom::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: #c19943;
        width: 325px;
        height: 100%;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) and (max-width: 1439px) {
    .header--one .header__bottom::before {
        width: 245px;
    }
}

@media (min-width: 1200px) {
    .header--one .header__bottom .menu .lab-btn {
        margin-top: 0;
    }
}

.header--one .header__bar span {
    background-color: #fff;
}

@media (max-width: 1199px) {
    .header--two .header__top {
        padding-block: 15px;
    }
}

.header--two .header__top .info ul li {
    padding: 15px 30px;
}

.header--two .header__top .info__icon {
    width: 30px;
}

.header--two .header__top .info__content {
    width: calc(100% - 30px);
}

.header--two .header__top .header__bar span {
    background: #000000;
}

.header--two .header__top .header__cartcount i,
.header--two .header__top .header__cartcount span {
    color: #000000;
}

.header--two .header__bottom {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    .header--two .header__bottom {
        padding: 0;
    }

    .header--two .header__bottom.header-fixed {
        position: static !important;
    }
}

@media (max-width: 1199px) {
    .header--two .header__bottom .area .main-menu {
        position: relative;
    }

    .header--two .header__bottom .area .main-menu .menu {
        background: #000000;
    }
}

@media (min-width: 1200px) {
    .header--two .header__bottom .area .main-menu .menu .lab-btn {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .header--three {
        position: static;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

.header--three .header__bottom {
    background: #EDF2F6;
}

@media (min-width: 1200px) {

    .header--three .header__bottom::after,
    .header--three .header__bottom::before {
        display: none;
    }
}

.header--three .header__bar span {
    background: #000000;
}

@media (min-width: 1200px) {
    .header--four {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

.header--four .header__bottom {
    background: #000000;
    padding: 0;
}

.search_cart ul {
    display: flex;
    align-items: center;
    height: 100%;
}

@media (min-width: 1200px) {
    .header--four .header__bottom {
        background: #000000;
    }

    .header--four .header__bottom::after,
    .header--four .header__bottom::before {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header--four .header__bottom.header-fixed {
        background: #000000;
    }
}

@media (max-width: 1199px) {
    .header--four .header__bottom .main-menu .menu {
        background: #000000;
    }
}

@media (min-width: 1200px) {
    .header--innerpage {
        position: static;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 1199px) {
    .header--innerpage .header__bottom {
        background: #f9f9f9;
    }
}

.header--innerpage .header__bar span {
    background-color: #000000;
}

.header__bar {
    width: 25px;
    height: 20px;
}

.header__bar span {
    height: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    left: 0;
}

.header__bar span:first-child {
    top: 0;
}

.header__bar span:nth-child(2) {
    top: 52%;
    transform: translateY(-65%);
}

.header__bar span:last-child {
    bottom: 0;
}

.header__bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px, 9px);
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px);
}

.header__bar.active span:nth-child(2) {
    opacity: 0;
}

.header__bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px, -9px);
    -ms-transform: rotate(-45deg) translate(3px, -9px);
    transform: rotate(-45deg) translate(3px, -9px);
}

@media (max-width: 575px) {
    .header__bar {
        width: 15px;
        height: 16px;
    }

    .header__bar span {
        height: 2px;
        width: 20px;
    }

    .header__bar.active span:first-child {
        -webkit-transform: rotate(45deg) translate(4px, 6px);
        -ms-transform: rotate(45deg) translate(4px, 6px);
        transform: rotate(45deg) translate(4px, 6px);
    }

    .header__bar.active span:nth-child(2) {
        opacity: 0;
    }

    .header__bar.active span:last-child {
        -webkit-transform: rotate(-45deg) translate(4px, -6px);
        -ms-transform: rotate(-45deg) translate(4px, -6px);
        transform: rotate(-45deg) translate(4px, -6px);
    }
}

.header__ellepsis {
    font-size: 20px;
    margin-left: 15px;
}

.header__ellepsis i {
    color: #fff;
}

.header__cartcount i {
    color: #fff;
}

.header__cartcount span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -20px;
    right: -10px;
    font-size: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.menu-item-has-children>a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    margin-left: 5px;
    font-size: 10px;
    margin-top: 4px;
    background-color: transparent !important;
}

.menu-item-has-children ul .menu-item-has-children>a::after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    margin-left: 5px;
    font-size: 10px;
    margin-top: 4px;
    background-color: transparent !important;
}

@media (min-width: 1200px) {
    .menu-item-has-children>a::after {
        content: "\f107";
        font-family: "Font Awesome 6 Free";
        margin-left: 5px;
        font-size: 10px;
        margin-top: 4px;
        background-color: transparent !important;
    }
}

@media (min-width: 1200px) {
    .menu-item-has-children:hover>a:before {
        transform: translate(-50%, -50%) rotate(90deg);
        opacity: 0;
    }
}

@media (max-width: 1199px) {
    .menu-item-has-children.open>a:before {
        transform: translate(-50%, -50%) rotate(90deg);
        opacity: 0;
    }
}

/* ================================
   LOGO – SOLA AL + SLIDER ÜSTÜ
================================ */

/* Header slider üstünde kalsın */
.header--one {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
}

/* Logo konumu */
.baslik-logo {
    left: 30px;                 /* SOLA ALINDI */
    top: 0;
    transform: translateY(-100%);
    z-index: 60;
}

/* Görünür olunca aşağı insin */
.baslik-logo.is-visible {
    transform: translateY(0);
}

/* Menü yüksekliğini LOGOYA GÖRE DENGELE */
.header__bottom {
    padding-top: 110px;         /* LOGO ALT BOŞLUK */
    padding-bottom: 20px;
}

/* Desktop için sol renk bloğu logo ile uyumlu */
@media (min-width: 1200px) {
    .header--one .header__bottom::before {
        width: 260px;
    }

    .header--one .header__bottom::after {
        left: 260px;
    }
}

/* Mobil düzen */
@media (max-width: 767px) {
    .baslik-logo {
        left: 15px;
    }

    .header__bottom {
        padding-top: 80px;
    }
}


/*================*** Header Section End Here     ***===================*/
.callAaction::after {
    width: 45%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #c19943;
}

.callAaction__form {
    background-color: #fff;
    z-index: 1;
}

.callAaction__form form input,
.callAaction__form form .custom-select {
    background-color: #F2F6F9;
}

@media (min-width: 576px) {

    .callAaction__form form input,
    .callAaction__form form .custom-select {
        width: calc(100% / 2 - 15px);
    }
}

.callAaction__form form textarea {
    background-color: #F2F6F9;
}

@media (min-width: 1200px) {
    .contact .section__header {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .contact--two .section__header h2 {
        max-width: 80%;
    }
}

@media (min-width: 1440px) {
    .contact--two .section__header h2 {
        max-width: 70%;
    }
}

.contact__item {
    padding: 60px 30px;
	height:100%;
}

.shop__mode a {
    padding-inline: 10px;
}

.shop__mode a::after {
    width: 1px;
    height: 54px;
    top: -17px;
    left: -3px;
    background: rgba(11, 34, 57, 0.1);
}

.shop__mode a:last-child {
    padding-right: 0;
}

.shop__product.lists .col-lg-4.col-md-6.col-12 {
    max-width: 100%;
}

.shop__product.lists .col-12 {
    max-width: 100%;
    width: 100%;
}

.shop__item:hover .shop__thumb img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.shop__item:hover .shop__thumb::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.shop__item:hover .shop__link {
    opacity: 1;
}

@media (min-width: 576px) {
    .shop__item--list .shop__thumb {
        width: 240px;
    }
}

@media (min-width: 576px) {
    .shop__item--list .shop__content {
        width: calc(100% - 240px);
        padding-left: 30px;
    }
}

.shop__thumb::after {
    top: 0;
    left: 0;
    background: rgba(11, 34, 57, 0.7);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shop__thumb img {
    object-fit: cover;
}

.shop__link {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 1;
}

.shop__link a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    font-size: 0.75rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.shop__content {
    padding: 25px 10px 10px;
}

.shop__content h6 {
    font-size: 1.125rem;
}

.shop__content .rating span i {
    font-size: 0.8125rem;
}

@media (min-width: 992px) {
    .shop--single .bg-lg-white {
        background: #fff;
    }
}

.singlethumb__left {
    gap: 10px;
}

@media (min-width: 576px) {
    .singlethumb__left {
        width: 100px;
        gap: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .singlethumb__left .nav-link {
        margin-bottom: 0;
        width: calc(100% / 2 - 5px);
    }
}

@media (min-width: 576px) {
    .singlethumb__left .nav-link:last-child {
        margin-bottom: 0;
    }
}

.singlethumb__left .nav-link.active {
    opacity: 0.25;
}

.singlethumb__left .nav-link.active .thumb {
    cursor: no-drop;
}

@media (min-width: 576px) {
    .singlethumb__right {
        width: calc(100% - 100px);
    }
}

@media (min-width: 576px) {
    .singlethumb__right .thumb {
        height: 418px;
    }
}

.singlethumb__right .thumb img {
    object-fit: cover;
    object-position: center;
}

.singlecontent .rating span {
    font-size: 0.8125rem;
}

.singlecontent ul li {
    padding-block: 5px;
    list-style-type: disc;
}

.singlecontent .countadd .lab-btn {
    padding-block: 13px;
}

@media (max-width: 412px) {
    .singlecontent .countadd .lab-btn {
        margin-left: 0;
        margin-top: 15px;
    }
}

.review__nav li {
    padding: 15px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.review__content.review-content-show .description {
    display: none;
}

.review__content.description-show .description {
    display: block;
}

.review__content.description-show .review__showing {
    display: none;
}

.review__showing ul li {
    padding-block: 15px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.review__showing ul li .thumb {
    width: 80px;
}

@media (min-width: 576px) {
    .review__showing ul li .thumb {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) {
    .review__showing ul li .content {
        width: calc(100% - 80px);
        padding-left: 30px;
    }
}

.review__meta .rating i {
    font-size: 0.875rem;
}

.review__poston a {
    font-size: 1.125rem;
}

.review__form form input,
.review__form form textarea {
    border: 1px solid rgba(11, 34, 57, 0.1);
}

.review__form form .ratings__rating i {
    font-size: 0.875rem;
}

.description__content ul li {
    padding-block: 5px;
    list-style-type: decimal;
}

@media (max-width: 767px) {
    .cart__top {
        overflow-x: auto;
    }
}

@media (max-width: 767px) {
    .cart__top table {
        width: 800px;
    }
}

.cart__top table thead tr th {
    border: 0.5px solid #ecf0f3;
    margin-bottom: -1px;
    margin-right: -1px;
    padding: 20px 15px;
}

.cart__top table tbody tr:nth-last-child(1) td:nth-child(1) {
    margin-bottom: 0;
    border-top: 0;
}

.cart__top table tbody tr td {
    padding: 20px 15px;
    border: 0.5px solid #ecf0f3;
    margin-bottom: -1px;
    margin-right: -1px;
}

@media (max-width: 575px) {
    .cart__bottom form {
        gap: 15px;
    }
}

.cart__bottom form input {
    border: 1px solid rgba(11, 34, 57, 0.1);
}

@media (min-width: 576px) {
    .cart__bottom form input {
        width: calc(100% - 175px);
    }
}

.cart__item {
    box-shadow: none;
}

.cart__thumb {
    width: 60px;
}

.cart__content {
    width: calc(100% - 60px);
    max-width: 230px;
}

.cart__content a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer--two .footer__top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer__middile {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-block: 60px;
}

.footer__bottom {
    padding-block: 10px;
}

.footer__about p {
    line-height: 30px;
    margin-top: 25px;
    text-align: justify;
}

.footer__about ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 2px;
}

@media (min-width: 576px) {
    .footer__community {
        max-width: 100%;
        margin: 0 -25;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer__community {
        max-width: 75%;
        margin: 0 auto;
    }
}

.footer__community ul li a {
    padding-block: 5px;
}

.footer__post--thumb {
    width: 80px;
    height: 80px;
}

.footer__post--thumb img {
    object-fit: cover;
}

.footer__post--content {
    width: calc(100% - 80px);
}

.footer__post--content h6 {
    font-size: 16px;
}

.footer__post ul li {
    padding-block: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__post ul li:last-child {
    border-bottom: none;
}

.info__item {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 20px 20px;
    height: 120px;
    align-items: center;
}

.info__icon {
    width: 50px;
}

.info__content {
    width: calc(100% - 50px);
}

.shadow.dark:after {
    background: #3d4045 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.shadow.dark {
    position: relative;
    z-index: 1;
}

.banner__slider .swiper-slide .banner__item::before {
    position: absolute;
    left: 5%;
    top: 50%;
    content: "";
    height: 500px;
    width: 500px;
    background: rgba(11, 34, 57, 0.4);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background-size: 220% 150%;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
    border-radius: 50%;
    filter: blur(80px);
    -webkit-filter: blur(80px);
}

.banner__slider .swiper-slide.swiper-slide-active .banner__item {
    opacity: 1;
}

.banner__slider .swiper-slide.swiper-slide-active .banner__item::before {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 30px;
}

.pageheader {
    padding-top: 205px;
    padding-bottom: 0px;
    position: relative;
    z-index: 1;
}

.sepet_bos {
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

div.sepet_bos span.uyari {
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: center;
}

div.sepet_bos span.bilgi {
    display: block;
}

.haber_kapak img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.urunkategori_kapak img {
    height: 400px;
    object-fit: cover;
    width: 100%;
}

.katalog_kapak img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.projekat_kapak img {
    height: 350px;
    object-fit: cover;
    width: 100%;
}

/*--------------------------------------------------------------
# Project Page V 1
--------------------------------------------------------------*/
.project-page-v-1 {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.project-page-v-1 .project-one__single {
    margin-bottom: 30px;
}

.project-page-v-1 .project-one__content-box {
    padding: 20px 20px 20px;
    padding-right: 14px;
    margin-right: 30px;
    min-height: 120px;
}

.project-page-v-1 .project-one__title {
    font-size: 24px;
}

.project-page-v-1 .project-one__title a:hover {
    color: #c19943;
}

.project-page-v-1 .project-one__arrow-box a {
    background-color: #c2b7bc;
}

.project-page-v-1 .project-one__single:hover .project-one__arrow-box a {
    background-color: #c19943;
}

/*--------------------------------------------------------------
# Project One
--------------------------------------------------------------*/
.project-one {
    position: relative;
    display: block;
    padding: 120px 0 190px;
    z-index: 1;
}

.project-one:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -moz-linear-gradient(-90deg, rgb(53, 127, 254) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(53, 127, 254) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(53, 127, 254) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.project-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .50;
    z-index: -1;
}

.project-one__bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 23%, rgba(255, 255, 255, 0) 61%);
    z-index: 1;
}

.project-one .container {
    max-width: 1600px;
}

.project-one .section-title {
    margin-bottom: 63px;
}

.project-one .section-title__text {
    color: #01050c;
}

.project-one__single {
    position: relative;
    display: block;
}

.project-one__img-box {
    position: relative;
    display: block;
}

.project-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}

.project-one__img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3px;
    content: "";
    background-color: rgba(1, 5, 12, .30);
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}

.project-one__single:hover .project-one__img:before {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
}

.project-one__img img {
    width: 100%;
    border-radius: 3px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 500ms ease
}

.project-one__single:hover .project-one__img img {
    transform: scale(1.05);
}

.project-one__content-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #01050c;
    padding: 28px 25px 26px;
    padding-right: 14px;
    border-top-right-radius: 22px;
    margin-top: -74px;
    margin-right: 30px;
    z-index: 2;
}

.project-one__content-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2px;
    right: 2px;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 24px 0px rgba(178, 185, 198, 0.35);
    border-top-right-radius: 22px;
}

.project-one__content-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: #01050c;
}

.project-one__title-box {
    position: relative;
    display: block;
}

.project-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.project-one__title a {
    color: #01050c;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project-one__title a:hover {
    color: #c19943;
}

.project-one__text {
    font-size: 16px;
    line-height: 31px;
}

.project-one__arrow-box {
    position: relative;
    display: block;
    top: 5px;
}

.project-one__arrow-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #a3bfad;
    border-radius: 50%;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.project-one__arrow-box a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -11px;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 50%;
    transform: translateY(-50%) scale(0);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.project-one__single:hover .project-one__arrow-box a:before {
    transform: translateY(-50%) scale(1);
}

.project-one__arrow-box a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 50%;
    transform: translateY(-50%) scale(1);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.project-one__single:hover .project-one__arrow-box a:after {
    transform: translateY(-50%) scale(0);
}

.project-one__single:hover .project-one__arrow-box a {
    background-color: #c19943;
}

.project-one__carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.project-one__carousel.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
}

.project-one__carousel.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible;
}

.project-one__carousel.owl-carousel .owl-dots {
    position: absolute;
    bottom: -70px;
    left: 0px;
    right: 0;
    text-align: center;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #c19943;
    border-radius: 50%;
    margin: 0px 10px;
    padding: 0px;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot::before {
    content: "";
    position: absolute;
    top: -11px;
    left: -11px;
    right: -11px;
    bottom: -11px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    transform: scale(0);
    transition: all 100ms linear;
    transition-delay: 0.1s;
}


.project-one__carousel.owl-carousel .owl-dot.active:before {
    transform: scale(1);
}

.project-one__carousel.owl-carousel .owl-dot:focus {
    outline: none;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot span {
    display: none;
}

/*--------------------------------------------------------------
# Blog Two
--------------------------------------------------------------*/
.blog-two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.blog-two .section-title {
    margin-bottom: 66px;
}

.blog-two__single {
    position: relative;
    display: block;
    background-color: #f3f3f3;
    padding: 44px 30px 39px;
    padding-right: 20px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    margin-bottom: 30px;
}

.blog-two__single::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 227px;
    height: 2px;
    background-color: #01050c;
}

.blog-two__date-box {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-two__tag {
    position: relative;
    display: block;
    background-color: #0b2916;
    padding: 4px 16px 5px;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
}

.blog-two__tag p {
    font-size: 14px;
    color: #fff;
    line-height: normal;
    margin-bottom: 0;
}

.blog-two__date {
    position: relative;
    display: block;
    margin-left: 18px;
}

.blog-two__date a {
    font-size: 14px;
    color: #5e6761;
}

.blog-two__date a i {
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.blog-two__title-2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 19px;
    margin-bottom: 22px;
}

.blog-two__title-2 a {
    color: #01050c;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__title-2 a:hover {
    color: #c19943;
}

.blog-two__btn-and-date {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-two__btn-2 {
    position: relative;
    display: block;
}

.blog-two__btn-2 a {
    font-size: 16px;
    font-weight: 600;
    color: #01050c;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__btn-2 a:hover {
    color: #c19943;
}

.blog-two__btn-2 a i {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #5e6761;
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-right: 12px;
    top: 3px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__btn-2 a:hover i {
    background-color: #c19943;
}

.blog-two__date-two {
    position: relative;
    display: inline-block;
    top: 5px;
}

.blog-two__date-two a {
    font-size: 14px;
    color: #5e6761;
}

.blog-two__date-two a i {
    font-size: 20px;
    position: relative;
    top: 3px;
    margin-right: 7px;
}

.pageheader:after {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.breadcrumb {
    padding: 23px 30px;
    background-color: rgb(193 153 67 / 50%);
    border-radius: 20px 20px 0px 0px;
    max-width: 775px;
    margin: 0 auto;
    margin-top: 55px;
    align-items: center;
    font-weight: 600;
}

.breadcrumb span.separator {
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
}

.breadcrumb span.separator:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.logo img {
    height: 90px;
}

.search_icon i,
.search_cart li a i {
    font-size: 25px;
    color: #c19943;
}

.search_cart ul li a {
    color: #c19943 !important;
    font-size: 20px !important;
    padding: 0 !important;
}

footer {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

footer .newsletter {
    position: relative;
    padding-left: 50px;
}

footer .newsletter form {
    margin-top: 30px;
}

footer .newsletter input,
footer .newsletter input:focus {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

footer .newsletter input::-webkit-input-placeholder,
footer .newsletter input:focus::-webkit-input-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter input::-moz-placeholder,
footer .newsletter input:focus::-moz-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter input:-ms-input-placeholder,
footer .newsletter input:focus:-ms-input-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter input:-moz-placeholder,
footer .newsletter input:focus:-moz-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter button {
    border: none;
    padding: 11px;
    width: 100%;
    border-radius: 5px;
    margin-top: 25px;
    font-weight: 600;
    background: transparent;
    position: relative;
    z-index: 1;
    color: #ffffff;
}

footer .newsletter button i {
    font-weight: 100;
}

footer .newsletter button::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #c19943;
    z-index: -1;
    border-radius: 5px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    background-size: 220% 150%;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .newsletter::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    footer .newsletter::after {
        display: none;
    }
}

footer .newsletter::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 3px;
    background: #c19943;
}

@media only screen and (max-width: 767px) {
    footer .newsletter::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    footer .newsletter {
        padding-left: 0;
    }
}

.esitle {
    margin-top: 56px;
}

.bg-1 {
    background: #EDF2F6;
}

.shop__item {
    -webkit-box-shadow: 0px 7px 60px rgb(0 0 0 / 7%);
    box-shadow: 0px 7px 60px rgb(0 0 0 / 7%);
}

.price span.linetrough {
    color: #666;
    text-decoration: line-through;
    font-weight: 300;
    margin-right: 10px;
}

/*SHOP*/
.product-cart-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 15px;
    overflow: hidden;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

.product-cart-wrap:hover {
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #BCE3C9;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

.product-cart-wrap .product-img-action-wrap {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    max-height: 320px;
    padding: 25px 25px 0 25px;
}

.product-cart-wrap .product-img-action-wrap .product-action-1 {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #BCE3C9;
}

.product-cart-wrap .product-img-action-wrap .product-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.product-cart-wrap .product-img-action-wrap .product-img a {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-cart-wrap .product-img-action-wrap .product-img a img {
    width: 100%;
    height: 295px;
    object-fit: cover;
}

.product-cart-wrap .product-img-action-wrap .product-img a img.hover-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.product-cart-wrap .product-img-action-wrap .product-img-zoom a img {
    -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
    transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
}

.product-cart-wrap .product-action-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 9;
    -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
}

.product-cart-wrap .product-action-1.show {
    visibility: visible;
    opacity: 1;
    bottom: 26px;
    left: unset;
    right: 20px;
    top: unset;
    -webkit-transform: none;
    transform: none;
}

.product-cart-wrap .product-action-1 button,
.product-cart-wrap .product-action-1 a.action-btn {
    width: 40px;
    height: 36px;
    line-height: 40px;
    text-align: center;
    position: relative;
    display: inline-block;
    border-right: 1px solid #BCE3C9;
}

.product-cart-wrap .product-action-1 button:last-child,
.product-cart-wrap .product-action-1 a.action-btn:last-child {
    border: none;
}

.product-cart-wrap .product-action-1 button.small,
.product-cart-wrap .product-action-1 a.action-btn.small {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.product-cart-wrap .product-action-1 button.small i,
.product-cart-wrap .product-action-1 a.action-btn.small i {
    font-size: 12px;
}

.product-cart-wrap .product-action-1 button:after,
.product-cart-wrap .product-action-1 a.action-btn:after {
    bottom: 100%;
    left: 50%;
    position: absolute;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 11px;
    padding: 7px 10px;
    color: #ffffff;
    background-color: #3BB77E;
    content: attr(aria-label);
    line-height: 1.3;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(0px);
    transform: translateX(-50%) translateY(0px);
}

.product-cart-wrap .product-action-1 button:before,
.product-cart-wrap .product-action-1 a.action-btn:before {
    content: '';
    position: absolute;
    left: calc(50% - 7px);
    bottom: 100%;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    border: 7px solid transparent;
    border-top-color: #3BB77E;
    z-index: 9;
    margin-bottom: -13px;
    transition-delay: .1s;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    opacity: 0;
    visibility: hidden;
}

.product-cart-wrap .product-action-1 button:last-child,
.product-cart-wrap .product-action-1 a.action-btn:last-child {
    margin-right: 0;
}

.product-cart-wrap .product-action-1 button i,
.product-cart-wrap .product-action-1 a.action-btn i {
    font-size: 15px;
    margin-left: 1px;
}

.product-cart-wrap .product-action-1 button:hover,
.product-cart-wrap .product-action-1 a.action-btn:hover {
    color: #FDC040;
}

.product-cart-wrap .product-action-1 button:hover:after,
.product-cart-wrap .product-action-1 a.action-btn:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
}

.product-cart-wrap .product-action-1 button:hover:before,
.product-cart-wrap .product-action-1 a.action-btn:hover:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.product-cart-wrap .product-action-1 button:hover i,
.product-cart-wrap .product-action-1 a.action-btn:hover i {
    color: #FDC040;
}

.product-cart-wrap .product-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-cart-wrap .product-badges.product-badges-mrg {
    margin: 0 0 10px;
}

.product-cart-wrap .product-badges.product-badges-position {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 9;
}

.product-cart-wrap .product-badges.product-badges-position-right {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
}

.product-cart-wrap .product-badges.product-badges-position-right span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 0px 10px 0 20px;
    color: #fff;
    padding: 9px 20px 10px 20px;
    background-color: #3BB77E;
}

.product-cart-wrap .product-badges span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 15px 0 20px 0;
    color: #fff;
    padding: 9px 20px 10px 20px;
}

/* =========================
   MOBİL CİHAZLAR İÇİN GRAMAJ ETİKETİ DÜZENLEMESİ
========================= */

@media (max-width: 480px) {
    .product-cart-wrap .product-badges span {
        /* Metnin tek satırda kalmasını sağlar */
        white-space: nowrap !important;
        
        /* Yazı boyutunu küçük ekran için optimize eder */
        font-size: 10px !important;
        
        /* İç boşlukları daraltarak etiketi inceltir */
        padding: 10px 30px !important;
        
        /* Resim 1'deki o özel kavisi korur */
        border-radius: 15px 0 20px 0 !important;
        
        /* Etiketin kutu içinde çok yer kaplamasını önler */
        display: inline-flex !important;
        align-items: center;
        max-width: 90%;
    }

    /* İkon varsa (terazi ikonu) onunla metin arasını açar */
    .product-cart-wrap .product-badges span i {
        margin-right: 4px !important;
    }
}

.product-cart-wrap .product-badges span:last-child {
    margin-right: 0px;
}

.product-cart-wrap .product-badges span.hot {
    background-color: #f74b81;
}

.product-cart-wrap .product-badges span.new {
    background-color: #3BB77E;
}

.product-cart-wrap .product-badges span.sale {
    background-color: #c19943;
}

.product-cart-wrap .product-badges span.best {
    background-color: #f59758;
}

.product-cart-wrap .product-content-wrap {
    padding: 0 20px 0px 20px;
}

.product-cart-wrap .product-content-wrap .product-category {
    margin-bottom: 5px;
    font-size: 14px;
}

.product-cart-wrap .product-content-wrap .product-category a {
    color: #adadad;
    font-size: 12px;
}

.product-cart-wrap .product-content-wrap .product-category a:hover {
    color: #3BB77E;
}

.product-cart-wrap .product-content-wrap h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    height: 45px;
}

.product-cart-wrap .product-content-wrap h2 a {
    color: #253D4E;
}

.product-cart-wrap .product-content-wrap h2 a:hover {
    color: #3BB77E;
}

.product-cart-wrap .product-content-wrap .product-price {
    padding-top: 0px;
}

.product-cart-wrap .product-content-wrap .product-price span {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.product-cart-wrap .product-content-wrap .product-price span.new-price {
    color: #3BB77E;
}

.product-cart-wrap .product-content-wrap .product-price span.old-price {
    font-size: 12px;
    color: #e10000;
    margin: 0 0 0 2px;
    text-decoration: line-through;
}

.product-cart-wrap .product-content-wrap .rating-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-cart-wrap .product-content-wrap .rating-result>span {
    display: block;
    overflow: hidden;
    margin-left: 5px;
}

.product-cart-wrap .product-content-wrap .rating-result::before {
    font-family: "uicons-regular-straight" !important;
    font-size: 11px;
    letter-spacing: 2px;
    content: '\f225' '\f225' '\f225' '\f225' '\f225';
    color: #ff9900;
}

.product-cart-wrap .product-content-wrap .add-to-cart {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    background-color: #f4f4f4;
    text-align: center;
    display: block;
    color: #253D4E;
    font-size: 16px;
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-weight: 300;
}

.product-cart-wrap .product-content-wrap .add-to-cart:hover {
    background-color: #3BB77E;
    color: #fff;
}

.product-cart-wrap .product-content-wrap .add-to-cart img {
    width: 20px;
    display: inline-block;
    margin-top: 11px;
}

.product-cart-wrap .product-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0px;
}

.product-cart-wrap .product-card-bottom .add-cart {
    cursor: pointer;
}

.product-cart-wrap .product-card-bottom .add-cart .add {
    position: relative;
    display: inline-block;
    padding: 6px 6px 6px 8px;
    border-radius: 4px;
    background-color: #c19943;
    font-size: 14px;
    font-weight: 700;
    top: 3px;
}

.product-cart-wrap .product-card-bottom .add-cart .add:hover {
    background-color: #000000;
    color: #c19943;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.product-cart-wrap .product-stock .status-bar {
    background-color: #ededed;
    margin: 0px 0 10px;
    border-radius: 5px;
}

.product-cart-wrap .product-stock .status-bar .sold-bar {
    background-image: linear-gradient(235deg, #3BB77E 0%, #77ccfd 100%);
    border-radius: 4px;
    height: 8px;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-33 {
    width: 33.333333333333%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-10 {
    width: 10%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-40 {
    width: 40%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-6 {
    width: 6.6666666666667%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-42 {
    width: 42.857142857143%;
}

.product-cart-wrap .product-stock .product-stock-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-cart-wrap .product-stock .product-stock-status .sold {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 20px;
}

.product-cart-wrap .product-stock .product-stock-status .available {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span {
    font-size: 15px;
}

.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.label {
    color: #253D4E;
}

.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.value {
    font-weight: 700;
    color: #333;
}

.product-cart-wrap .progress {
    height: 5px;
}

.product-cart-wrap:hover .product-img-action-wrap .product-img a img.hover-img {
    opacity: 1;
    visibility: visible;
}

.product-cart-wrap:hover .product-img-action-wrap .product-action-1 {
    opacity: 1;
    visibility: visible;
}

.product-cart-wrap:hover .product-img-zoom a img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
    transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
}

.product-cart-wrap.small {
    border: 0;
    text-align: center;
}

.product-cart-wrap.small .rating-result {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-cart-wrap.small .product-content-wrap {
    padding: 5px 15px 0 15px;
}

.product-cart-wrap.small .product-price {
    padding-top: 0;
}

.product-cart-wrap.small:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-cart-wrap.small h2 {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

.product-cart-wrap.small .product-badges span {
    font-size: 10px;
}

.product-cart-wrap.style-2 {
    border: 0;
    padding-bottom: 25px;
}

.product-cart-wrap.style-2:hover {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-cart-wrap.style-2 .product-img-action-wrap {
    padding: 0;
    position: relative;
    z-index: 1;
    max-height: unset;
}

.product-cart-wrap.style-2 .product-img-action-wrap img {
    border-radius: 15px;
}

.product-cart-wrap.style-2 .product-content-wrap {
    position: relative;
    margin-top: -90px;
    z-index: 3;
    padding: 0;
    max-width: 86%;
    margin-left: auto;
    margin-right: auto;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.product-cart-wrap.style-2 .product-content-wrap .deals-content {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    padding: 25px 30px;
}

.product-cart-wrap.style-2 .product-content-wrap .deals-countdown-wrap {
    position: absolute;
    top: -80px;
    width: 100%;
    text-align: center;
}

.product-cart-wrap.style-2:hover .product-content-wrap {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.shop-product-fillter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
    border-bottom: 1px solid #eceff1;
    padding-bottom: 20px;
}

.shop-product-fillter.style-2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}

.shop-product-fillter .sort-by-product-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.shop-product-fillter .sort-by-product-area .sort-by-cover {
    position: relative;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #f7f8f9;
    color: #777;
    padding: 9px 16px;
    border-radius: 10px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer;
    border: 1px solid #ececec;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap:hover {
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by {
    margin-right: 5px;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by i {
    margin-right: 10px;
    font-size: 14px;
    color: #ababab;
    position: relative;
    top: 2px;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by span {
    font-size: 13px;
    font-weight: 500;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span {
    font-size: 13px;
    font-weight: 500;
    color: #7E7E7E;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span i {
    font-size: 15px;
    color: #7E7E7E;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.mw-200 {
    min-width: 200px;
}

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

.mt-30 {
    margin-top: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

/* Flat Product Detail
-------------------------------------------------------------- */
.flat-product-detail {
    padding: 60px 0px;
}

.flat-product-detail.style1 {
    padding: 0px;
    position: relative;
    margin-bottom: 100px;
}

.flat-product-detail.style2 {
    padding: 30px 0 5px;
}

/* Product Detail */
.product-detail {
    background-color: #f4f4f4;
    padding: 36px 30px 38px 41px;
    border-radius: 8px;
    height: 97%;
}

.product-detail .header-detail h4.name {
    color: #484848;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
}

.product-detail .header-detail .category {
    color: #919191;
    text-transform: capitalize;
    font-family: "Segoe UI", "Roboto", "Inter", Arial, sans-serif !important;
    font-style: normal !important;
}

.product-detail .header-detail .reviewed {
    margin-top: 12px;
    margin-bottom: 15px;
}

.queue i {
    color: #f28b00;
    font-size: 11px;
    margin-right: 5px;
}

.product-detail .content-detail {
    margin-top: 21px;
}

.product-detail .content-detail .price .sale {
    font-size: 35px;
    margin-top: 0px;
}

.regular {
    color: #c5c5c5;
    font-size: 14px;
    text-decoration: line-through;
}

.sale {
    color: #000000;
    font-weight: 600;
    font-size: 22px;
}

.product-detail .content-detail .info-text {
    color: #838383;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-id {
    color: #484848;
    font-weight: bold;
}

.product-id .id {
    font-weight: 400;
    color: #838383;
}

.product-detail .footer-detail {
    margin-top: 30px;
}

.product-detail .footer-detail .social-single {
    margin-top: 25px;
    display: flex;
    align-items: center;
}

.product-detail .footer-detail .quanlity-box>div {
    width: 100%;
    display: inline-block;
    margin: 0;
}

.product-detail .footer-detail .quanlity-box>div.colors {
    margin-right: 8px;
    position: relative;
}

.product-detail .footer-detail .quanlity-box>div.colors:before {
    content: '\f107';
    position: absolute;
    font-family: 'Fontawesome';
    top: 12px;
    right: 22px;
    font-size: 14px;
    color: #1b1b19;
    z-index: 2;
}

.product-detail .footer-detail .quanlity-box>div.colors select {
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgba(234, 234, 234, 1);
    height: 46px;
}

.product-detail .footer-detail .quanlity-box>div.quanlity {
    position: relative;
}

.product-detail .footer-detail .quanlity-box>div.quanlity input {
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgba(234, 234, 234, 1);
    border-color: transparent;
    height: 46px;
    text-align: center;
    padding: 15px;
    color: #484848;
    position: relative;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-down {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
    top: 12px;
    left: 20px;
    z-index: 3;
    cursor: pointer;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-down:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 2px;
    background: #484848;
    top: 11px;
    left: 0px;
    z-index: 2;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-up {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
    top: 12px;
    right: 20px;
    z-index: 3;
    cursor: pointer;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-up:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 2px;
    background: #484848;
    top: 10px;
    right: 0px;
    z-index: 2;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-up:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 15px;
    background: #484848;
    top: 3px;
    right: 6.5px;
    z-index: 2;
}

.product-detail .footer-detail .social-single span {
    display: inline-block;
    font-weight: bold;
    color: #484848;
    line-height: 20px;
    margin-right: 25px;
}

.product-detail .footer-detail .social-single ul.social-list {
    display: inline-block;
}

.product-detail .footer-detail .social-single ul.social-list li {
    font-size: 16px;
    margin-right: 20px;
}

/* Reviewed */
.reviewed .queue i:last-child {
    color: #919191;
}

.reviewed .review {
    display: inline-block;
}

.reviewed .review .text {
    color: #838383;
    line-height: 20px;
}

.reviewed .review .text .add-review {
    color: #484848;
    margin-left: 11px;
}

.reviewed .status-product {
    float: right;
    padding-top: 23px;
    color: #484848;
}

.reviewed .status-product span {
    color: #fff;
    background-color: transparent !important;
    height: 24px;
    padding: 0 15px;
    display: inline-block;
    line-height: 24px;
    border-radius: 15px;
    margin-left: 15px;
}

/* Box Cart Style2 */
.box-cart.style2 {
    text-align: left;
    padding: 0;
    margin-top: 39px;
    margin-bottom: 48px;
}

.box-cart.style2 .btn-add-cart {
    display: inline-block;
}

.box-cart.style2 .btn-add-cart a {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background-color: #f92400;
    border-radius: 30px;
    width: 220px;
    font-size: 16px;
    font-weight: 600;
}

.box-cart.style2 .btn-add-cart a:hover {
    background-color: #2d2d2d;

}

.box-cart.style2 .btn-add-cart a img {
    padding-right: 18px;
}

.box-cart.style2 .compare-wishlist {
    display: inline-block;
    margin-left: 23px;
}

.box-cart.style2 .compare-wishlist a {
    color: #919191;
    font-size: 12px;
    font-weight: 600;
}

.box-cart.style2 .compare-wishlist a.compare {
    margin-right: 14px;
}

.box-cart.style2 .compare-wishlist a img {
    padding-right: 10px;
}

/* Product Detail Style2 */
.product-detail.style2 {
    background-color: #fff;
    padding: 36px 1px 34px;
}

.product-detail.style2 .content-detail .info-text {
    margin-top: 23px;
    margin-bottom: 10px;
}

.product-detail.style2 .footer-detail {
    margin-top: 27px;
}

.product-detail.style2 .social-single {
    margin-bottom: 43px;
    margin-top: 27px;
}

.product-detail.style2 .social-single span {
    float: left;
    font-weight: bold;
    margin-right: 29px;
}

.product-detail.style2 .social-single .social-list li {
    font-size: 16px;
    margin-right: 20px;
}

.product-detail.style2 .footer-detail .quanlity-box {
    width: 100%;
    overflow: hidden;
}

.product-detail.style2 .footer-detail .quanlity-box>div.quanlity {
    float: left;
    width: 128px;
    margin-right: 22px;
    margin-bottom: 15px;
}

.product-detail.style2 .footer-detail .quanlity-box>div.quanlity input {
    background-color: #f4f4f4;
    box-shadow: none;
    border: none;
    height: 45px;
    padding: 5px 15px 5px 9px;
    color: #484848;
}

.product-detail.style2 .quanlity-box .text {
    float: left;
}

.product-detail.style2 .quanlity-box .text p.name {
    color: #888888;
    font-size: 15px;
}

.product-detail.style2 .quanlity-box .text p.price {
    color: #f28b00;
    font-size: 16px;
}

/* Product Detail Style3 */
.product-detail.style3 {
    padding: 22px 31px 33px;
    margin-left: -15px;
}

.product-detail.style3 .reviewed .status-product {
    float: left;
    margin-top: 15px;
    margin-bottom: 30px;
}

.product-detail.style3 .footer-detail {
    margin-top: 41px;
}

.product-detail.style3 .footer-detail .quanlity-box>div {
    width: 100%;
    margin-bottom: 23px;
}

.product-detail.style3 .footer-detail .box-cart {
    margin: 0;
}

.product-detail.style3 .footer-detail .box-cart .btn-add-cart {
    margin-bottom: 16px;
    margin-top: 6px;
    display: block;
}

/* Product Detail Style4 */
.product-detail.style4 {
    background-color: #fff;
}

.product-detail.style4 .footer-detail .quanlity-box>div.colors select,
.product-detail.style4 .footer-detail .quanlity-box>div.quanlity input {
    background-color: #f4f4f4;
}

/* Flat Product Content
-------------------------------------------------------------- */
.flat-product-content {
    background-color: #f4f4f4;
    margin: 48px 0 0;
}

.flat-product-content .container {
    padding-top: 86px;
    padding-bottom: 64px;
}

.flat-product-content.style2 .container {
    padding-bottom: 64px;
}

.flat-product-content.style1 {
    background-color: #fff;
}

.flat-product-content .container {
    padding-top: 88px;
    padding-bottom: 52px;
}

/* Product Detail Bar */
.product-detail-bar {
    text-align: center;
    background-color: #fff;
    width: 100%;
    padding-left: 70px;
}

.product-detail-bar li {
    display: inline-block;
    color: #919191;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 25px;
    position: relative;
    z-index: 5;
}

.product-detail-bar li:before {
    content: '';
    position: absolute;
    background-color: #f4f4f4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    top: 0px;
    left: 0;
    width: 100%;
    height: 52px;
    z-index: -1;
    opacity: 0;
}

.product-detail-bar li.active,
.product-detail-bar li:hover {
    color: #2d2d2d;
    font-weight: 600;
}

.product-detail-bar li.active:before,
.product-detail-bar li:hover:before {
    opacity: 1;
}

.box-text:not(:first-child) {
    margin-top: 63px;
}

.box-text.design {
    margin-top: 73px;
}

.box-text.sound {
    margin-top: 79px;
}

.box-text h4 {
    margin-bottom: 21px;
    color: #484848;
    font-weight: bold;
    font-size: 18px;
}

.box-text p {
    color: #000000;
}

.description-image {
    text-align: right;
    margin-top: -11px;
    margin-right: 2px;
}

.description-image .box-text {
    margin-top: 61px;
    margin-right: 1px;
}

/* Flex slider Style1 */
.flexslider.style1 .flex-viewport {
    margin: 152px 68px 0 0px;
    text-align: center;
}

.flexslider .flex-viewport ul.slides li {
    position: relative;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.flexslider .flex-viewport ul.slides li img,
.flexslider.style3 .flex-viewport ul.slides li img {
    max-width: 350px;
}

.flexslider .flex-viewport ul.slides li div {
    position: absolute;
    top: 16px;
    left: 13px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

.flexslider .flex-viewport ul.slides li div span {
    background: #f59758;
    border-radius: 0;
    padding: 3px 10px;
    color: #fff;
    text-align: center;
}

.flexslider .flex-viewport ul.slides li div span.out-yeni {
    background: #c19943;
    border-radius: 0;
    padding: 3px 10px;
    color: #000000;
    text-align: center;
}

.flexslider.style1 .flex-control-thumbs {
    position: absolute;
    margin: 0;
}

.flexslider.style1 .flex-control-thumbs li {
    float: none;
    margin-bottom: 20px;
    width: 100%;
}

.flexslider.style1 .flex-control-thumbs img {
    width: 85px;
    height: 85px;
}

.flexslider.style1 .flex-control-nav {
    bottom: auto;
    top: 0px;
    margin-top: -93px;
    display: inline-block;
    width: 20%;
    background-color: #fff;
}

.flexslider.style1 .flex-control-nav li {
    display: block;
}

.flexslider.style1 .slides img {
    width: auto;
    float: right;
    padding-left: 100px;
}

.flexslider .flex-viewport ul.slides li img {
    max-width: 100%;
}

/* Flex style2 */
.flexslider.style2 {
    width: 59%;
    float: right;
}

.flexslider.style2 .flex-viewport {
    margin: 97px 110px 0 0px;
    text-align: center;
}

.flexslider.style2 .flex-viewport ul.slides li {
    position: relative;
    text-align: center;
}

.flexslider.style2 .flex-viewport ul.slides li span {
    position: absolute;
    top: 31px;
    left: 11px;
    height: 45px;
    line-height: 45px;
    width: 45px;
    background: #f28b00;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.flexslider.style2 .flex-control-thumbs {
    position: absolute;
    margin: 0;
}

.flexslider.style2 .flex-control-thumbs li {
    float: none;
    margin-bottom: 36px;
    width: 85px;
    height: 85px;
}

.flexslider.style2 .flex-control-thumbs img {
    width: 85px;
    height: 85px;
}

.flexslider.style2 .flex-control-nav {
    bottom: auto;
    top: 0px;
    right: 0;
    margin-top: 55px;
    display: inline-block;
    width: 24%;
    background-color: #fff;
}

.flexslider.style2 .flex-control-nav li {
    display: block;
}

.flexslider.style2 .slides img {
    width: auto;
    display: inline-block;
}

.flex-control-thumbs li {
    margin-right: 9px;
}

.flex-control-thumbs img:hover {
    opacity: 1;
    border: 2px solid #c19943;
}

.flex-control-thumbs .flex-active {
    cursor: default;
    border: 2px solid #c19943;
}

.flex-control-thumbs li img {
    width: 120px;
    object-fit: contain;
    padding: 5px;
    height: 100px;
    border: 2px solid #f4f4f4;
}

.flex-viewport {
    border: 2px solid #f4f4f4;
    border-radius: 8px;
}

.slides li img {
    width: 100% !important;
    height: 450px !important;
    object-fit: contain;
    padding: 10px;
}

.flex-control-thumbs {
    margin: 20px 0 0;
}

.product__color {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.attribute-name {
    margin-bottom: 5px;
    margin-bottom: 0;
}

.attribute-values ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product__color .color-swatch li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 0;
}

.text-swatch li input[type=checkbox],
.text-swatch li input[type=radio] {
    display: none;
}

.attribute-swatch-item input {
    background: #f4f5f9;
    border: 2px solid #f4f5f9;
    box-shadow: none;
    color: #4f5d77;
    font-size: 13px;
    height: 45px;
    padding-left: 20px;
    width: 100%;
}

.text-swatch li input[type=checkbox]:checked~span,
.text-swatch li input[type=radio]:checked~span {
    border: 1px solid #c19943;
}

.product__color .color-swatch li span {
    margin-bottom: 0;
}

.text-swatch li span {
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 5px 15px;
    position: relative;
    transition: .2s;
}

.text-swatch li input[type=checkbox]:checked~span:before,
.text-swatch li input[type=radio]:checked~span:before {
    border: 16px solid transparent;
    border-bottom: 16px solid #c19943;
    bottom: 0px;
    content: "";
    position: absolute;
    right: -16px;
}

.text-swatch li input[type=checkbox]:checked~span:after,
.text-swatch li input[type=radio]:checked~span:after {
    bottom: 1px;
    color: #fff;
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    font-size: 8px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: -6px;
    width: 15px;
}

.countadd {
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

.countadd .cart-plus-minus {
    margin-left: 0px;
    margin-right: 10px;
    background: #fff;
}

.countadd .lab-btn {
    padding-block: 7px;
}

.zoom {
    display: inline-block;
    position: relative;
}

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

/* Technical Specs */
.tecnical-specs .name {
    color: #484848;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Open Sans';
}

.tecnical-specs table {
    width: 100%;
}

.tecnical-specs table tr:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.tecnical-specs table tr td {
    padding: 15px 0;
}

.tecnical-specs table tr td:first-child {
    width: 150px;
    font-weight: bold;
    color: #484848;
}

.about-area {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 60px;
}

.form-common {
    width: 100%;
    background-color: #f4f4f4 !important;
    padding: 60px 45px;
    height: 100%;
    border-radius: 8px;
}

.widget_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 1em;
    margin: -0.1em 0 30px 0;
}

.widget_title:after {
    content: '';
    height: 1px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px dashed #ddd;
    margin-top: 5px;
}

.form-group {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-group>i {
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 19px;
    font-size: 16px;
    color: #000;
}

.divider-login {
    display: inline-block;
    width: 100%;
    position: relative;
}

.divider-login hr {
    border-top: 1.5px solid #cccccc;
}

.divider-login span {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 24px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f4f4f4;
}

.membership-page-right-content {
    margin-bottom: 10px;
    margin-top: 65px;
}

.membership-page-right-content .membership-option:last-child {
    margin-bottom: 0px;
}

.membership-page-right-content .membership-option .option-content .badge-group {
    margin-bottom: 20px;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item .circle-badge {
    float: left;
    width: 62px;
    height: 62px;
    background-color: #ddd;
    color: white;
    font-size: 34px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item .circle-badge i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item .badge-text {
    float: left;
    width: calc(100% - 62px);
    padding-left: 15px;
}

.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-custom-label,
.radio-custom-label {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
}

.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {
    content: '';
    border: 1px solid #c19943;
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #c19943;
    font-size: 12px;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
    margin-top: 0px;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "";
    background: #fff;
    color: #1f2026
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #c19943;
    font-size: 12px;
}

.text-right {
    text-align: right !important;
}

.checkout-area {
    padding-top: 80px;
    padding-bottom: 50px;
}

.billing-content {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 30px rgb(82 85 90 / 5%);
    -moz-box-shadow: 0 0 30px rgb(82 85 90 / 5%);
    box-shadow: 0 0 30px rgb(82 85 90 / 5%);
    padding: 30px 30px
}

.billing-content-2 {
    background-color: #f4f4f4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 30px 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .billing-content {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .billing-content {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .billing-content {
        margin-bottom: 30px
    }
}

.billing-content .checkout__title {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 700;
    color: #233d63;
    margin: 0;
}

.billing-content .card-content form .form-row .form-group .custom-checkbox label {
    color: #677286;
    font-size: 15px;
    font-weight: 600;
    margin: 0
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked),
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked {
    position: absolute;
    left: -9999px
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label,
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label {
    position: relative;
    padding-left: 26px;
    cursor: pointer
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label:before,
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label:after,
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:after {
    content: '\f00c';
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: "Font Awesome 5 Brands";
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    visibility: hidden
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:after {
    opacity: 1;
    visibility: visible
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:before {
    background-color: #f66b5d;
    border-color: #f66b5d
}

.billing-content .card-content form .form-row .country-select {
    margin-top: 0
}

.billing-content .card-content form .form-row .country-select:before {
    top: 15px
}

.billing-content .card-content form .form-row .country-select:after {
    bottom: 15px
}

.billing-content .card-content .checkout-table {
    font-size: 15px;
	    margin-bottom: 0;
}

.billing-content .card-content .checkout-table .checktable__head>tr>th {
    border-bottom: 0
}

.billing-content .card-content .checkout-table .checktable__head>tr:last-child {
    padding-bottom: 10px
}

.billing-content .card-content .checkout-table .checktable__head>tr>th:first-child,
.billing-content .card-content .checkout-table .checktable__body>tr>th:first-child,
.billing-content .card-content .checkout-table .checktable__foot>tr:first-child th,
.billing-content .card-content .checkout-table .checktable__body>tr>td:first-child {
    padding-left: 0
}

.billing-content .card-content .checkout-table .checktable__head>tr>th:last-child,
.billing-content .card-content .checkout-table .checktable__body>tr>td:last-child,
.billing-content .card-content .checkout-table .checktable__foot>tr:last-child td {
    text-align: right;
    padding-right: 0
}

.billing-content .card-content .checkout-table .checktable__products tr:first-child>* {
    border-top: 1px solid #ddd
}

.billing-content .card-content .checkout-table .checktable__products tr:last-child>*,
.billing-content .card-content .checkout-table .checktable__subtotals tr:last-child>* {
    padding-bottom: 15px
}

.billing-content .card-content .checkout-table .checktable__subtotals tr:first-child>*,
.billing-content .card-content .checkout-table .checktable__products tr:first-child>* {
    padding-top: 15px
}

.billing-content .card-content .checkout-table .checktable__body tr td,
.billing-content .card-content .checkout-table .checktable__body tr th {
    padding: 2px 0
}

.billing-content .card-content .checkout-table .checktable__foot tr th,
.billing-content .card-content .checkout-table .checktable__foot tr td {
    font-size: 20px
}

.billing-content .card-content .checkout-table tbody+tbody {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.billing-content .card-content .checkout-table tr th {
    color: #233d63;
    line-height: inherit;
    border: 0;
    padding: 5px 0
}

.billing-content .card-content .checkout-table tr td {
    color: #677286;
    font-weight: 600;
    border: 0;
    line-height: inherit
}

.billing-content .card-content .payment-method-wrap .theme-button {
    border: 0;
    margin-top: 25px;
    margin-bottom: 5px
}

.billing-content .payment-method-area {
    border-top: 1px solid #ddd;
    padding-top: 20px
}

.tile {
    padding: 20px 30px !important;
    background-color: #fff !important;
    border-right: solid 1px #e9f1f1 !important;
    position: relative;
}

.tile:last-child {
    border-right: none !important;
}

.tile a {
    text-decoration: none;
}

.tile .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 48px;
    line-height: 1;
    color: #ccc;
}

.tile .stat {
    color: #ee5586;
    margin-top: 20px;
    font-size: 40px;
    line-height: 1;
}

.tile .title {
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
}

.tile .highlight {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px;
}

.bg-color-blue {
    background-color: #5bc0de;
}

.bg-color-gold {
    background-color: #f0ad4e;
}

.bg-color-green {
    background-color: #5cb85c;
}

.bg-color-red {
    background-color: #d9534f;
}

.card-content .list-group {
    margin-bottom: 0;
    padding-left: 0;
}

.card-content .list-group a {
    border: 0;
    color: #333333;
    text-decoration: none;
    transition: all 0.3s;
    padding: 15px 10px;
    font-weight: 600;
}

.card-content .list-group a i {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-content .list-group a:hover {
    color: #00BCD4;
}

.card-content .fa {
    transition: all 0.3s;
}

.card-content .list-group a:hover>i {
    color: #00BCD4 !important;
}

.card-content .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #ccc;
}

.card-content .list-group-item {
    margin-bottom: 5px;
    padding-left: 10px !important;
    background: #ffffffa6;
}

.card-content .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #ccc;
}

.card-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.alert-sm {
    padding: 0.2rem 0.3rem;
    font-size: small;
    width: 95%;
}

.cart_table {
    border: 1px solid #f4f4f4;
    margin-bottom: 0px;
}

.cart_table thead {
    background-color: #f4f4f4;
}

.cart_table thead th {
    border: none !important;
}

.cart_table td:before,
.cart_table th {
    color: var(--title-color);
    font-weight: 600;
    border: none;
    padding: 27px 15px;
}

.cart_table td {
    border: none;
    border-bottom: 1px solid #f4f4f4;
    color: #8b8b8b;
    padding: 20px 10px;
    position: relative;
    vertical-align: middle;
}

.siparis_tarih {
    background: #faf7f2;
    display: inline-block;
    padding: 5px 8px;
    font-size: 12px;
}

.font-weight-light {
    font-weight: 400;
}

.modal {
    z-index: 9999;
}

.card {
    position: relative;
    width: 100%;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 2rem;
    border: 10px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.kapat {
    background: #c19943;
    border: none;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 10;
}

.bg-gray-1 {
    background: #f4f4f4;
}

.bg-gray-2 {
    background: #f7f7f7;
}

.f-size-15 {
    font-size: 15px;
}

.contact-card {
    padding: 47px 50px 40px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12);
    box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12);
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.shadow-none {
    box-shadow: none !important;
}

.message-box-y {
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
    background: #62a8ea17;
}

.message-box-y h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #62A8EA;
}

.message-box-y h4:nth-child(2) {
    color: #ffffff;
    background-color: #62A8EA;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
}

.message-box-y p {}

.clear {
    clear: both;
}

.message-box-m {
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
    background: #46BE8A17;
}

.message-box-m h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #46BE8A;
}

.message-box-m h4 small {
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
}

.message-box-m h4:nth-child(2) {
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
}

.message-box-m p {
    line-height: 25px;
}

.destek-ozet .col-lg-3 {
    text-align: center !important;
    border-right: solid 1px #e9f1f1 !important;
    background: #00000005;
}

.destek-ozet .col-lg-3:last-child {
    border-right: none !important;
}

.d-box {
    padding: 25px 0px;
}

.d-box p {
    margin: 0;
}

.box-success {
    background: #33c976;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}

.box-danger {
    background: #f44336;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}

.box-info {
    background: #34abd3;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}

.ticket-attachment-file a {
    color: #777;
}

.ticket-attachment-file {
    margin-top: 15px;
    font-size: 14px;
}

.ticket_cizgi {
    border-bottom: 1px solid #0000000d;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .cards-cover {
        height: 350px;
    }
}

.cards {
    position: relative;
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    border: 5px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    margin-bottom: 10px;
    background-color: #fff;
    background-clip: border-box;
}

@media (max-width: 767px) {
    .cards {
        margin-bottom: 10px;
    }
}

.cards a {
    position: relative;
    display: block;
}

.cards a:hover .cards-cover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.cards-cover {
    overflow: hidden;
    height: 350px;
}

@media (max-width: 479px) {
    .cards-cover {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cards-cover {
        height: 350px;
    }
}

.cards-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    transition: -webkit-transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    -o-transition: transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    transition: transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    transition: transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s, -webkit-transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
}

.cards-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 30px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

.cards-body .title {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}

.cards-body .text {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
}

.cards-body:before,
.cards-body:after {
    pointer-events: none;
}

.cards-body:before,
.cards-body:after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    z-index: 9;
}

.cards-body:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.cards-body:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}

.cards-body:hover:before,
.cards-body:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.paginationn {
    display: flex;
    padding-left: 0;
    list-style: none;
}

/*--------------------------------------------------------------
# Portfolio V-2
--------------------------------------------------------------*/
.portfolio-v-2 {
    position: relative;
    display: block;
    padding: 90px 0 90px;
}

/*--------------------------------------------------------------
# Business Status Two
--------------------------------------------------------------*/
.portfolio-three {
    position: relative;
    display: block;
    background-color: #eae6e6;
    padding: 120px 0 110px;
    overflow: hidden;
    z-index: 1;
}

.portfolio-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    z-index: -1;
}

.portfolio-three .container {
    max-width: 1800px;
}

.portfolio-three__single {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 6px;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
}

.portfolio-three__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.portfolio-three__img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: rgb(41, 41, 42);
    background: linear-gradient(0deg, rgba(41, 41, 42, 1) 6%, rgba(41, 41, 42, 0) 100%);
    z-index: 1;
}

.portfolio-three__img:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(255, 255, 255, .30);
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}

.portfolio-three__single:hover .portfolio-three__img:after {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
}

.portfolio-three__img img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 500ms ease
}

.portfolio-three__single:hover .portfolio-three__img img {
    transform: scale(1.05);
}

.portfolio-three__content-box {
    position: absolute;
    bottom: 0;
    left: 35px;
    right: 0;
    z-index: 2;
    padding-bottom: 25px;
}

.portfolio-three__title-box {
    position: relative;
    display: block;
}

.portfolio-three__title-box:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 3px;
    left: -15px;
    width: 3px;
    background-color: #ffffff;
}

.portfolio-three__title {
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    max-width: 80%;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.portfolio-three__title:hover {
    color: #c19943;
}

.portfolio-three__title a {
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 600;
}

.portfolio-three__title a:hover {
    color: #c19943;
}

.portfolio-three__sub-title {
    font-size: 16px;
    color: #ffffff;
    opacity: .80;
    line-height: 31px;
}

.portfolio-three__arrow {
    position: absolute;
    bottom: 0;
    right: 0;

    height: 100px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #ffffff;
    background-color: #c19943;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 100%);
}

.portfolio-three__arrow:hover {
    background-color: #090909;
}

.portfolio-three__arrow a {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #ffffff;
    background-color: #c19943;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 100%);
}

.portfolio-three__arrow a:hover {
    background-color: #090909;
}

.foto_galeri_kapak img {
    height: 300px;
    object-fit: cover;
}

.urunkat_anasayfa_kapak img {
    height: 400px;
    object-fit: cover;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.video-detail__wrapper {
    background: #333;
    min-height: 600px;
    padding-top: 50px;
    padding-bottom: 150px;
}

.video-detail__header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.video-detail__header .title {
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
}

.video-detail-player iframe {
    width: 100%;
    height: 530px;
}

@media (max-width: 767px) {
    .video-detail-player iframe {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-detail-player iframe {
        height: 400px;
    }
}

.video-detail-other-videos .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #c19943;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.video-detail-other-videos .heading .all-videos {
    text-transform: capitalize;
    font-size: 12px;
    color: #ffffff;
    opacity: .7;
    font-weight: 400;
}

.video-detail-other-videos .heading .all-videos:hover {
    text-decoration: underline;
}

.video-detail-list {
    overflow-y: auto;
    background: #212529;
    height: calc(530px - 60px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-detail-list {
        height: 340px;
    }
}

.video-detail-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    -webkit-transition: .3s;
    transition: .3s;
}

.video-detail-list li:last-child {
    border-bottom: 0 none;
}

.video-detail-list li:hover {
    background: rgba(0, 0, 0, 0.2);
}

.video-detail-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.video-detail-list .video-left {
    width: 110px;
    height: 70px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.video-detail-list .video-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-detail-list .video-left .icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.55);
    color: #ffffff;
    font-size: 16px;
}

.video-detail-list .video-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 15px;
}

.video-detail-list .video-right .title {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 0px !important;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.videobg {
    background: #333;
}

.arkaBeyaz1 {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.firmaLogo {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    height: 200px;
    overflow: hidden;
    text-align: center
}

.firmaLogo:hover {
    -webkit-box-shadow: 0px 2px 30px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 30px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 30px -5px rgba(0, 0, 0, 0.2);
}

.widget__service {
    background-color: #f4f4f4;
}

.widget__brochure {
    background-color: #f4f4f4;
}

.turkey-map-drawing {
    text-align: center;
}

.turkey-map-drawing svg {
    width: 100%;
    height: auto;
}

.turkey-map-drawing g.is-completed path {
    fill: #c19943;
}

.turkey-map-drawing path {
    cursor: pointer;
    fill: #000000;
    -webkit-transition: .2s;
    transition: .2s;
}

.turkey-map-drawing path:hover {
    fill: #c19943 !important;
}

.turkey-map-name {
    position: absolute;
    z-index: 2;
}

.turkey-map-name div {
    display: inline-block;
    background: #c19943;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 2px;
}

.list .card {
    width: 100%;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 2rem;
    border: 10px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.bayiler>.icon {
    position: absolute;
    right: 30px;
    top: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    width: 37px;
    height: 37px;
    border: 2px solid currentColor;
    color: #000;
    opacity: .3;
}

.box-header {
    margin-bottom: 50px;
}

.bayiler .title {
    color: #4d4d4d;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}

.bayiler .title.small {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0px;
}

.bayiler .text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #939393;
    font-size: 13px;
    margin-top: 5px;
    margin-right: 10px;
}

.box-footer .name {
    color: #777;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.box-footer .text .icon {
    margin-right: 10px;
    font-size: 13px;
}

/* ----------------------------------
    Testimonials Style
 ------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area.bg-fit {
        background-size: cover !important;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-area.bg-fit {
        background-image: none !important;
        background-color: #091d3e;
        overflow: hidden;
    }
}

.testimonial-style-one-box {
    padding-top: 120px;
    padding-bottom: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-style-one-box {
        padding-top: 50px;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-style-one-box {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -30px;
    }
}

.testimonial-style-one-carousel {
    margin: 0 -15px;
}

.testimonial-style-one {
    padding: 50px;
    border-radius: 10px;
    background: #fff;
    padding-bottom: 20px;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
}

.testimonial-style-one h4 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 22px;
}

.testimonial-style-one span {
    display: block;
    color: #c19943;
    font-weight: 600;
    font-size: 18px;
}

.testimonial-style-one p {
    margin: 0;
    line-height: normal;
}

.testimonial-style-one .quote-icon {
    position: absolute;
    width: 100px;
    right: 10px;
    top: 10px;
    opacity: 0.6;
}

.testimonial-style-one .provider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.testimonial-style-one .provider .thumb img {
    height: 80px;
    margin-left: 3px;
    padding: 0;
    margin-right: 20px;
    border-radius: 50%;
    min-width: 80px;
}

@media only screen and (max-width: 400px) {
    .testimonial-style-one .provider .thumb img {
        display: none;
    }
}

.testimonial-style-two-box {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (max-width: 767px) {
    .testimonial-style-two-box {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.testimonial-style-two-box .site-heading {
    margin-bottom: 40px;
}

.testimonial-style-two .provider {
    margin-top: 40px;
}

.testimonial-style-two .thumb {
    position: relative;
    margin-bottom: 20px;
}

.testimonial-style-two .thumb>img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#0090ff), color-stop(51%, #4e70fc), to(#9b4ff9));
    background: linear-gradient(-180deg, #0090ff 0%, #4e70fc 51%, #9b4ff9 100%);
    padding: 6px;
}

.testimonial-style-two p {
    margin: 0;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 300;
    color: #cccccc;
}

.testimonial-style-two h4 {
    font-weight: 600;
    margin-bottom: 3px;
}

.testimonial-style-two span {
    color: #c19943;
    font-weight: 600;
}

.project-info {
    background: #f4f4f4;
    padding: 50px;
    border-radius: 8px;
}

@media (max-width: 767px) {
    .gallery-list {
        margin-top: 15px;
    }
}

.gallery-list .gallery-card {
    margin-bottom: 15px;
}

.gallery-list .gallery-card:last-child {
    margin-bottom: 0;
}

.gallery-list .glink {
    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;
}

.gallery-list .photo {
    width: 120px;
    height: 90px;
    overflow: hidden;
}

.gallery-list .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-list .description {
    padding-left: 20px;
}

.gallery-list .description .title {
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
    max-height: 43px;
}

.gallery-list .description .date {
    color: #939393;
    font-size: 13px;
    margin-top: 7px;
}

.gallery-list .description .date .icon {
    font-size: 13px;
    margin-right: 7px;
}

.gallery.list .gallery-card {
    margin-bottom: 30px;
}

@media (max-width: 479px) {
    .gallery.list .gallery-card:last-child {
        margin-bottom: 0;
    }
}

.gallery-card a {
    position: relative;
    display: block;
}

.gallery-card a:hover .gallery-body {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

.gallery-card a:hover .gallery-cover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-card a:hover .gallery-photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-card a:hover .gallery-overlay {
    opacity: 1;
    visibility: visible;
}

.gallery-header {
    position: relative;
}

.gallery-header .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(238, 51, 53, 0.9);
    color: #fff;
    font-size: 18px;
}

.gallery-photo {
    overflow: hidden;
    height: 200px;
}

.gallery-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .7s ease;
    transition: .7s ease;
}

.gallery-footer {
    padding-top: 15px;
}

.gallery-footer .title {
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    max-height: 46px;
    overflow: hidden;
    margin-bottom: 8px;
}

.gallery-footer .text {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 1.7;
    max-height: 64px;
    overflow: hidden;
}

.gallery-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.3);
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

.gallery-overlay .icon {
    font-size: 42px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery-body {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 767px) {
    .gallery-body {
        padding: 20px;
    }
}

.gallery-body .title {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: normal;
    padding-right: 50px;
    overflow: hidden;
    max-height: 90px;
    margin: 0;
}

.gallery-body .date {
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .8;
}

.gallery-body .date .icon {
    font-size: 13px;
    margin-right: 7px;
}

.gallery-body>.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ee3335;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
}

@media (max-width: 479px) {
    .gallery-body>.icon {
        display: none;
    }
}

.gallery-cover {
    overflow: hidden;
    height: 300px;
}

@media (max-width: 479px) {
    .gallery-cover {
        height: auto;
    }
}

.gallery-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: ease .7s;
    transition: ease .7s;
}

.cart {
    background-color: #f4f4f4 !important;
}

.contact {
    background-color: #f4f4f4 !important;
}

.sidebar__cartamount {
    height: 100%;
}

#st-1 {
    z-index: 20 !important;
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.default-padding {
    padding-top: 90px;
    padding-bottom: 90px;
}

.proje_detay_Swiper {
    height: 80%;
    width: 100%;
}

.projedetay_Thumb_Swiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.projedetay_Thumb_Swiper .swiper-slide {
    height: 100%;
    opacity: 0.4;
    display: block;
    cursor: pointer;
}

.projedetay_Thumb_Swiper .swiper-slide-thumb-active {
    opacity: 1;
}

.proje_detay_Swiper img {
    height: 500px;
    width: 100%;
    object-fit: contain;
    background: #000;
}

.projedetay_Thumb_Swiper img {
    height: 160px;
    width: 100%;
    object-fit: cover;
}

.project-info .title {
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    margin-top: -5px;
}

.project-info .title::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 50px;
    border-bottom: 2px solid #c19943;
}

.project-info ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.project-info ul li {
    font-weight: 600;
    font-size: 16px;
    color: #232323;
    margin-top: 15px;
}

.project-info ul li:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.project-info ul li span {
    font-weight: 400;
    position: relative;
    display: block;
    color: #666666;
}

.project-info ul.social {
    margin-top: 25px;
    border-top: 1px solid #e2d8d8;
    padding-top: 25px;
}

.project-info ul.social li {
    display: inline-block;
    margin: 0;
    margin-right: 28px;
    margin-top: 5px;
}

.project-info ul.social li a {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 100;
    color: #232323;
}

.project-info ul.social li a:hover {
    color: #c19943;
}

.project-info ul.social li:last-child {
    margin-right: 0;
}

.post-pagi-area {
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.post-pagi-area a {
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    color: #c19943;
    font-size: 16px;
}

.post-pagi-area a i {
    font-weight: 600;
}

.post-pagi-area a:last-child {
    float: right;
    text-align: right;
}

.post-pagi-area a:last-child i {
    margin-left: 3px;
}

.post-pagi-area a:first-child i {
    margin-right: 3px;
}

.post-pagi-area a:hover {
    color: #c19943;
}

.post-pagi-area h5 {
    margin: 0;
    margin-top: 5px;
    font-weight: 600;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    font-size: 20px;
    text-transform: none;
}

.post-pagi-area h5:hover {
    color: #c19943;
}

.related-shots-area {
    padding: 90px 0px;
}

.section-padding {
    padding: 25px 0;
}

.card-2 {
    position: relative;
    background: #F4F6FA;
    text-align: center;
    border: 1px solid #F4F6FA;
    border-radius: 10px;
    padding: 20px 0px 18px 0px;
    margin-bottom: 20px;
    min-height: 180px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.shop-section .show-button .filter-category {
    margin-bottom: 25px
}

.shop-section .show-button .filter-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320)));
    padding-top: 16px
}

.shop-section .show-button .filter-category ul li {
    padding: calc(6px + (9 - 6) * ((100vw - 320px) / (1920 - 320))) calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320))) calc(6px + (9 - 6) * ((100vw - 320px) / (1920 - 320))) calc(7px + (11 - 7) * ((100vw - 320px) / (1920 - 320)));
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .show-button .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .show-button .filter-category ul li a {
    color: #777
}

.shop-section .top-filter-category {
    width: 100%;
    height: 0;
    padding: 0 24px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.shop-section .top-filter-category.show {
    padding: 24px;
    height: auto;
    margin-bottom: 22px
}

.shop-section .top-filter-category>.row>div {
    border-right: 1px solid #ececec
}

[dir="rtl"] .shop-section .top-filter-category>.row>div {
    border-right: unset;
    border-left: 1px solid #ececec
}

.shop-section .top-filter-category>.row>div:last-child {
    border: none
}

@media (max-width: 1199px) {
    .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: none
    }

    [dir="rtl"] .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: unset;
        border-left: none
    }
}

@media (max-width: 767px) {
    .shop-section .top-filter-category>.row>div {
        border: none
    }
}

.category-title h3 {
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 18px;
    font-weight: 600;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: #c19943}

.category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)))
}

[dir="rtl"] .category-list {
    padding-right: 0
}

.category-list li {
    display: block;
    width: 100%
}

.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
}

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

.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
}

.category-list li .category-list-box .form-check-label .name {
    font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 80%
}

.category-list li .category-list-box .form-check-label .number {
    color: #777;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)))
}

.custom-height {
    max-height: 195px;
    overflow-y: auto;
    height: 100%;
}

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

[dir="rtl"] .checkbox_animated {
    margin-right: unset;
    margin-left: 16px
}

.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 #c19943;
    border-top-style: none;
    border-right-style: none
}

[dir="rtl"] .checkbox_animated:before {
    left: unset;
    right: 4px
}

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

[dir="rtl"] .checkbox_animated:after {
    left: unset;
    right: 0
}

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

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

button,
hr,
input {
    overflow: visible;
}

.shop-section .sidebar-filter-menu a {
    border-radius: 0;
    color: #000;
    border: 1px solid #000;
    padding: 6px 20px;
}

.sozlesme_scrol::-webkit-scrollbar-track,
.chosen-results::-webkit-scrollbar-track,
.custom-height::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, 0.14)
}

.sozlesme_scrol::-webkit-scrollbar,
.chosen-results::-webkit-scrollbar,
.custom-height::-webkit-scrollbar {
    width: 4px;
    background-color: #f4f4f4;
    border-radius: 50px
}

.sozlesme_scrol::-webkit-scrollbar-thumb,
.chosen-results::-webkit-scrollbar-thumb,
.custom-height::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, 0.5)
}

.sort-by-cover select {
    border: 1px solid #000;
    padding: 5px 10px;
}

.alert-warning {
    color: #0c0c0c;
    background-color: #f9f9f3;
    border-color: #f9f9f3;
}

.single-services-box {
    background-color: #fafafa;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 30px;
}

.single-services-box h3 {
    position: relative;
    padding-left: 65px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 10px;
}

.single-services-box h3 i {
    color: #fe235b;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 45px;
    top: 3px;
    z-index: 1;
}

.single-services-box h3 i::after {
    position: absolute;
    left: -10px;
    top: -3px;
    z-index: -1;
    background-color: #fbd3dd;
    width: 55px;
    height: 55px;
    content: '';
    border-radius: 50%;
}

.single-services-box h3 i.color-043d72 {
    color: #043d72;
}

.single-services-box h3 i.color-043d72::after {
    background-color: #d4d6de;
}

.single-services-box p {
    margin-top: 15px;
}

.single-services-box .read-more-btn {
    display: inline-block;
    margin-top: 6px;
    color: #130947;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.single-services-box .read-more-btn:hover {
    color: #1a1a1a;
}

.single-services-box:hover {
    background-color: #fffffffff;
    border-color: #fffffffff !important;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    position: relative;
    z-index: 1;
}

.row .col-lg-6:nth-child(1) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(2) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(3) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(4) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(5) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(6) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(7) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(8) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(9) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(10) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(11) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(12) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(13) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(14) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(15) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(16) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(17) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(1) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(2) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(3) .single-services-box {
    border-left: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(4) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(4) .single-services-box,
.row .col-lg-4:nth-child(5) .single-services-box,
.row .col-lg-4:nth-child(7) .single-services-box,
.row .col-lg-4:nth-child(8) .single-services-box {
    border-right: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(7) .single-services-box {
    border-top: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(8) .single-services-box {
    border-top: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(9) .single-services-box {
    border-top: 1px solid #1a1a1a;
}

.order-complete-box {
    display: inline-block;
    width: 100%;
    padding: 50px 25px 50px;
    text-align: center;
}

.order-complete-box .btn-primary-gold {
    text-transform: inherit;
}

.order-complete-box p {
    margin: 30px 0;
    font-size: 24px;
    line-height: 40px;
}

.bg1 {
    position: relative;
    display: block;
    background-color: #f7f7f9;
    padding: 120px 0 120px;
    z-index: 1;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: luminosity;
}

.counter__thumb i {
    font-size: 61px;
    color: #c19943;
}

.bg2 {
    background-color: #f4f4f4;
}

.clip1 {
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
}

.tp-section__subtitle {
    font-size: 35px;
    font-weight: 700;
    position: relative;
}

.after-border {
    margin-left: 8px;
}

.before-border {
    margin-right: 8px;
}

.after-border,
.before-border {
    transform: translateY(-5px);
    height: 2px;
    width: 24px;
    background-color: #c19943;
    display: inline-block;
}

.sponsor__thumb img {
    border-radius: 10px;
    border: 1px solid #e7e7e7;
    padding: 10px;
}

.slide-menu {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    z-index: 1;
}

.slide-menu a {
    width: 100%;
}

.slide-menu {
    height: 110px;
}

.bg-img-none {
    background-image: none !important;
}

.bg-none {
    background: none !important;
}

.left-20 {
    left: 20px !important;
}

.right-20 {
    right: 20px !important;
}

.ortamenu {
    font-size: 24px;
    color: #c19943;
    margin-right: 10px;
    margin-left: 0 !important;
}

.download-area {
    position: relative
}

.download-wrapper {
    position: relative;
    background-image: url(../images/shape-7.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    padding: 40px;
    overflow: hidden;
    z-index: 1
}

.download-btn {
    display: flex;
    gap: 15px
}

.download-btn a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 20px;
    background: #c19943;
    color: #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.download-btn a:first-child {
    background: #c19943}

.download-btn a:last-child {
    background: #111111
}

.download-btn a:hover {
    background: #111111
}

.download-btn a:last-child:hover {
    background: #c19943}

.download-btn a i {
    font-size: 40px
}

.download-btn-content {
    display: flex;
    flex-direction: column
}

.download-btn-content span {
    font-weight: 500;
    font-size: 14px
}

.download-img {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 40%;
    text-align: right;
}

.download-img img {
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}

.site-heading {
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.site-title-tagline {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 18px;
    font-weight: 700;
    color: #c19943}

.site-title-tagline::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: #c19943;
    opacity: .2;
    left: -2px;
    bottom: 0
}

.site-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 45px;
    color: #111111;
    margin-bottom: 0
}

.site-title span {
    color: #c19943}

.site-heading p {
    margin-top: 15px
}

.heading-divider {
    display: inline-block;
    position: relative;
    border: 3px solid #c19943;
    width: 90px;
    height: 10px;
    border-radius: 50px
}

.heading-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 7px;
    width: 15px;
    border-radius: 50px;
    background: #c19943;
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear
}

@media all and (max-width: 991px) {
    .download-img {
        position: relative;
        right: 35px;
        width: 150%
    }
}

@media all and (max-width: 767px) {
    .download-btn {
        flex-direction: column
    }

    .download-btn a {
        max-width: 180px
    }
}

/*--------------------------------------------------------------
# Testimonial One
--------------------------------------------------------------*/
.testimonial-one {
    position: relative;
    display: block;
    background-color: #f3f3f3;
    padding: 120px 0 120px;
    z-index: 1;
}

.testimonial-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .10;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: luminosity;
}

.testimonial-one__bottom {
    position: relative;
    display: block;
}

.testimonial-one__carousel {
    position: relative;
    display: block;
}

.testimonial-one__single {
    position: relative;
    display: block;
    border-radius: 30px;
    z-index: 1;
    transform: translateY(0px);
    transition: transform 500ms ease;
}

.testimonial-one__single:hover {
    transform: translateY(-10px);
}

.testimonial-one__single-inner {
    position: relative;
    display: block;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    padding: 30px 0px 23px;
    overflow: hidden;
    z-index: 1;
}

.testimonial-one__text {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: -0.02em;
    padding-left: 40px;
    padding-right: 64px;
}

.testimonial-one__client-info {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 29px;
}

.testimonial-one__client-img-box {
    position: relative;
    display: block;
    width: 158px;
    height: 158px;
    border-radius: 50%;
    background-color: #575757;
    padding: 10px;
}

.testimonial-one__client-img {
    position: relative;
    display: block;
    height: 138px;
    width: 138px;
    border-radius: 50%;
    background-color: #ffffff;
}

.testimonial-one__client-img img {
    width: auto;
    border-radius: 50%;
    border: 11px solid #ffffff;
}

.testimonial-one__client-content {
    position: relative;
    display: block;
    margin-left: 40px;
    top: -13px;
}

.testimonial-one__client-rating {
    position: relative;
    display: flex;
    align-items: center;
}

.testimonial-one__client-rating span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #c19943;
}

.testimonial-one__client-rating span+span {
    margin-left: 3px;
}

.testimonial-one__client-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-top: 12px;
}

.testimonial-one__client-sub-title {
    font-size: 14px;
    line-height: 21px;
}

.testimonial-one__quote {
    position: absolute;
    right: 40px;
    bottom: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonial-one__single:hover .testimonial-one__quote {
    border: 1px solid #c19943;
}

.testimonial-one__quote span {
    position: relative;
    display: inline-block;
    font-size: 32px;
    color: #dddddd;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonial-one__single:hover .testimonial-one__quote span {
    color: #c19943;
}

.testimonial-one__shape-1 {
    position: absolute;
    left: -98px;
    right: -98px;
    top: 0;
    opacity: .07;
    mix-blend-mode: luminosity;
    z-index: -1;
}

.testimonial-one__shape-1 img {
    width: auto;
}

.testimonial-one__shape-2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 181px;
    z-index: -1;
}

.testimonial-one__shape-2 img {
    width: auto;
}

.icon-quote:before {
    content: "\f10e";
    font-family: "Font Awesome 6 Free";
}

/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.team-one__inner {
    position: relative;
    display: block;
    margin-left: 60px;
    margin-right: 60px;
}

.team-one__single {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    border: 2px solid #ddd;
    border-bottom: none;
    padding: 30px 30px 40px;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
    text-align: center;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__single:hover {
    border: 2px solid #c19943;
    border-bottom: none;
}

.team-one__single::before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: 0;
    height: 2px;
    background-color: #c19943;
}

.team-one__img-box {
    position: relative;
    display: block;
}

.team-one__img {
    position: relative;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.team-one__img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    border-radius: 50%;
    background-color: rgba(21, 21, 21, .50);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 1;
}

.team-one__single:hover .team-one__img:before {
    transform: scale(1.0);
    opacity: 1;
}

.team-one__img img {
    width: 100%;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__single:hover .team-one__img img {
    transform: scale(1.08);
}

.team-one__content {
    position: relative;
    display: block;
    margin-top: 21px;
}

.team-one__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}

.team-one__name a {
    color: #151515;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__name a:hover {
    color: #c19943;
}

.team-one__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.team-one__social a {
    position: relative;
    height: 40px;
    width: 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;
    text-align: center;
    color: #151515;
    background-color: #f3f3f3;
    font-size: 14px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.team-one__social a:hover {
    color: #ffffff;
    background-color: #c19943;
}

.team-one__social a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #c19943;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
}

.team-one__social a:hover:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.team-one__social a+a {
    margin-left: 10px;
}

.team-one__shape-1 {
    position: absolute;
    bottom: 44px;
    left: 50%;
    transform: translateX(-50%);
}

.team-one__shape-1 img {
    width: auto;
}

.team-one__shape-2 {
    position: absolute;
    bottom: 76px;
    left: 50%;
    transform: translateX(-50%);
}

.team-one__shape-2 img {
    width: auto;
}

.team-one__shape-3 {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
}

.team-one__shape-3 img {
    width: auto;
}

.ortamenu_link:hover {
    background-color: #c19943;
    color: #fff !important;
}

.ortamenu_link:hover i {
    color: #fff !important;
}

.f-size-30 {
    font-size: 30px !important;
}
hr {
    background: #ddd;
}
.payment-method-wrap{
	margin-top: 15px;
}
.top span{
	font-weight:bold;
}
@media (max-width: 575px) {
    .pageheader {
        padding-top: 17px;
        padding-block: 0px !important;
        padding-bottom: 0px;
        position: relative;
        z-index: 1;
    }

    .pageheader__area h2 {
        color: #fff;
        padding-top: 16px;
        font-size: 15px;
    }

    .breadcrumb {
        padding: 10px 10px;
        margin-top: 19px;
        font-weight: 600;
        font-size: 12px;
    }

    .portfolio-v-2 {
        padding: 40px 0 40px;
    }
	.bg1 {
		clip-path: none;
	}
	.slide-menu {
		height: auto;
		position: relative;
		background: #000000;
		padding-top: 15px;
	}
	.tp-section__subtitle {
		font-size: 20px;
	}
	.download-img img {
		clip-path: none;
	}
	.download-btn a {
		max-width: 100%;
	}
	.download-img{
		margin-top: 20px;
	}
	.banner__content h2 {
		font-size: 19px;
		line-height: normal;
	}
	.banner--three .banner__content h5 {
		padding-block: 5px;
		font-size: 13px;
		margin: 0px 25px;
	}
	
	.banner__slider .swiper-slide.swiper-slide-active .banner__item {
		height: 210px;
		text-align: center;
	}
	.banner__content .lab_btn_group a{
		padding: 5px 10px;
		font-size: 12px;
	}
	.right-20 {
		right: 0px !important;
		font-size: 12px;
	}
	.left-20 {
		left: 0px !important;
		font-size: 12px;
	}
	.banner__slider .swiper-slide .banner__item::before{
		display:none;
	}
	.padding-tb {
		padding-block: 40px;
	}
	.shop-product-fillter{
		flex-direction: column;
	}
	.blog-two {
		padding: 40px 0 40px;
	}
	.header--one .header__top .social li{
		padding: 15px 5px;
		font-size: 12px;
	}
	.mobil_sepet{
		position:relative;
	}
	.mobil_sepet a{
		color:#fff;
		font-size: 20px;
	}
	.mobil_sepet span {
		position: absolute;
		top: -4px;
		right: -8px;
		font-size: 11px;
		background: #ffffff;
		border-radius: 5px;
		color: #0b2138;
		width: 13px;
		height: 13px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 300;
	}
	.form-common {
		padding: 40px 25px;
		height: auto;
	}
	.divider-login span {
		font-size: 14px;
		top: 45%;
		padding: 0 10px;
	}
	.membership-page-right-content {
		margin-top: 20px;
	}
	.widget_title {
		font-size: 15px;
	}
	.cart__content {
		width: 100%;
		max-width: 100%;
	}
	.cart__content p {
		padding:0;
		margin:0;
	}
	.footer__bottom {
		margin-bottom: 10px;
	}
	.gallery-photo {
		height: auto;
	}
	.team-one__inner {
		position: relative;
		display: block;
		margin-left: 10px;
		margin-right: 10px;
	}
	div.dataTables_wrapper div.dataTables_filter {
		text-align: center !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		    margin-top: 10px;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center !important;
	}
	.testimonial-one__shape-2 {
		display: none;
	}
	.testimonial-one__quote {
		display: none;
	}
	.testimonial-one__client-img-box {
		width: 90px;
		height: 90px;
		margin-left: 20px;
	}
	.testimonial-one__client-img {
		height: 70px;
		width: 70px;
	}
	.testimonial-one__client-content {
		margin-left: 15px;
		top: 0px;
	}
	.testimonial-one__client-content {
		margin-left: 15px;
		top: 0px;
	}
}

/* --- ÜRÜN RESMİ ÇERÇEVE GENİŞLETME VE TAM GÖRÜNÜM --- */

/* 1. Ana çerçeveyi dikeyde uzatıyoruz (500px'den 750px'e çıkardık) */
.singlethumb__right {
    height: 750px !important; /* Çerçeveyi aşağı doğru uzatır */
    max-height: 80vh !important; /* Ekran boyunu aşmaması için güvenlik sınırı */
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fff !important;
}

/* 2. Resmin kesilmesini önle ve çerçeveye sığdır */
.flexslider .slides img {
    width: 100% !important;
    height: 100% !important;
    /* 'cover' yerine 'contain' kullanıyoruz ki resmin yarısı gitmesin, tamamı görünsün */
    object-fit: contain !important; 
    object-position: center !important;
}

/* 3. Slider içindeki viewport alanını da yükselt */
.flex-viewport {
    height: 100% !important;
    max-height: 750px !important;
}

/* 4. Mobil cihazlar için (Resimlerin çok küçük kalmaması için) */
@media (max-width: 767px) {
    .singlethumb__right, 
    .flexslider .slides img {
        height: 400px !important; /* Mobilde de çerçeveyi biraz büyüttük */
    }
}

.info-boxes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 40px 0;
}

/* Kargo vs Kutuları */

.feature-row {
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
    font-family: 'Poppins', sans-serif;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background: rgba(255,255,255,0.6);
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 14px;
    backdrop-filter: blur(6px);
}

.feature-item i {
    font-size: 30px;
    min-width: 34px;
    background: linear-gradient(135deg, #c19943 0%, #e3c77a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* TEXT */
.feature-item .text {
    display: flex;
    flex-direction: column;
}

.feature-item .text strong {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.05;
    margin: 0;
    color: #111;
}

.feature-item .text span {
    font-size: 12.5px;
    color: #8a8a8a;
    line-height: 1.15;
    margin-top: 2px;
}

/* Tablet */
@media (max-width: 992px) {
    .feature-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

/* Mobil */
@media (max-width: 576px) {
    .feature-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
        padding: 0 12px;
    }

    .feature-item {
        padding: 12px 14px;
        gap: 10px;
    }

    .feature-item i {
        font-size: 26px;
    }

    .feature-item .text strong {
        font-size: 14px;
    }

    .feature-item .text span {
        font-size: 12px;
        margin-top: 1px;
    }
}


/* COFFEE SVG – GENEL AYAR */
.coffee-icon {
    width: 80px;
    height: 80px;
    max-width: 100%;
    object-fit: contain;
    display: inline-block;

    /* SVG renklendirme (siyah svg için) */
    filter: brightness(0) saturate(100%) invert(27%) sepia(92%) saturate(548%) hue-rotate(10deg) brightness(95%) contrast(92%);
}

/* TABLET (768px – 1024px) */
@media (max-width: 1024px) {
    .coffee-icon {
        width: 70px;
        height: 70px;
    }
}

/* MOBİL (0 – 767px) */
@media (max-width: 767px) {
    .coffee-icon {
        width: 70px;
        height: 70px;
    }
}
/* Odometer ana yapı */
.counter__count .odometer {
    display: inline-flex;
    align-items: baseline; /* ALT HİZALAMA */
    line-height: 1;
}

/* + işareti */
.counter__count .odometer::before {
    content: "+";
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
    margin-right: 2px;
    position: relative;
    top: 0.08em; /* KRİTİK: alt hizalama */
}
@media (max-width: 768px) {
    .counter__count .odometer::before {
        top: 0.06em;
        margin-right: 1px;
    }
}

@media (max-width: 1199px) {

    .header__bar.d-xl-none {
        position: absolute;
        left: 0px;
        top: 33%;
        transform: translateY(-50%);
        z-index: 9999;
    }

}
@media (max-width: 1199px) {
    .logo {
        padding-left: 50px;
    }
}

@media (max-width: 575px) {

    .logo img {
        max-width: 180px;   /* varsayılan genelde 120–140px */
        height: auto;
    }

}
@media (max-width: 767px) {

    .logo img {
        max-width: 160px;
        height: 100px;
    }

}
@media (min-width: 768px) and (max-width: 1199px) {

    .logo img {
        max-width: 180px;
        height: 90px;
    }

}
/* Mobil + tablet hamburger – güvenli hizalama */
@media (max-width: 1199px) {

    .header__bar.d-xl-none {
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {

    .header__bar.d-xl-none {
        top: 54%;
    }

}
@media (max-width: 575px) {

    .header__bar.d-xl-none {
        top: 35%;
    }

}

/* COFFEE SVG – GENEL AYAR (BEYAZ) */
.coffee-icon {
    width: 80px;
    height: 80px;
    max-width: 100%;
    object-fit: contain;
    display: inline-block;

    /* SVG TAM BEYAZ */
    filter: brightness(0) saturate(100%) invert(100%);
}

/* TABLET */
@media (max-width: 1024px) {
    .coffee-icon {
        width: 70px;
        height: 70px;
    }
}

/* MOBİL */
@media (max-width: 767px) {
    .coffee-icon {
        width: 70px;
        height: 70px;
    }
}

/* =========================================
   MOBİL HAMBURGER – ÜST & STICKY AYRI AYAR
   ========================================= */
@media (max-width: 1199px) {

    /* SAYFA EN ÜSTTEYKEN */
    .header__bar.d-xl-none {
        position: absolute;
        left: 0;
        top: 35%;                 /* 👈 ÜSTTEYKEN DAHA YUKARI */
        transform: translateY(-50%);
        z-index: 9999;
    }

    /* SAYFA AŞAĞI KAYINCA (sticky aktif) */
    .sticky-bar .header__bar.d-xl-none {
        position: fixed;
        left: 0;
        top: 35%;                 /* 👈 SEPET İLE AYNI HİZA */
        transform: translateY(-50%);
        z-index: 9999;
    }

    /* MOBİL SEPET – REFERANS */
    .sticky-bar .mobil_sepet.d-xl-none {
        position: fixed;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
    }

}
footer .row.justify-content-center.g-4 {
    margin-top: 30px;
}

/* =====================================================
   FOOTER ALT – FINAL
   ===================================================== */

/* Ödeme logoları – boşluk SIFIRLANMIŞ */
.footer-payment-center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;

    margin: 10px 0 0 0;     /* ALT BOŞLUK YOK */
    padding: 8px 0 0 0;

    border-top: 1px solid rgba(255,255,255,0.15);
    flex-wrap: wrap;
}

/* SVG LOGO KONTROLÜ */
.footer-payment-center img {
    height: 40px;
    width: auto !important;
    max-width: none !important;
    object-fit: contain;
    display: block;

    filter: grayscale(100%) brightness(0.9);
    opacity: 0.8;
    transition: all 0.25s ease;
}

.footer-payment-center img:hover {
    filter: none;
    opacity: 1;
}

/* Güvenli Alışveriş badge */
.secure-badge {
    font-size: 13px;
    padding: 5px 14px;
    border-radius: 20px;
    color: #6ddf9c;
    border: 1px solid rgba(109,223,156,0.6);
    background: rgba(109,223,156,0.08);
    white-space: nowrap;
}

/* Pulse */
.pulse {
    animation: pulseGlow 1.8s infinite;
}

@keyframes pulseGlow {
    0%   { box-shadow: 0 0 0 0 rgba(109,223,156,0.6); }
    70%  { box-shadow: 0 0 0 10px rgba(109,223,156,0); }
    100% { box-shadow: 0 0 0 0 rgba(109,223,156,0); }
}

/* ALT BAR – COPYRIGHT SOL / AJANS SAĞ */
.footer-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 0;          /* KRİTİK: BOŞLUK YOK */
    padding: 10px 0 0 0;

    font-size: 13px;
    color: #cfcfcf;
}

/* Copyright */
.footer-copy-text {
    max-width: 75%;
    text-align: left;
}

/* Ajans */
.footer-agency img {
    height: 26px;
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

.footer-agency img:hover {
    opacity: 1;
}

/* =====================
   MOBİL UYUM
   ===================== */
@media (max-width: 768px) {

    .footer-payment-center {
        gap: 10px;
        margin-top: 8px;
    }

    .footer-payment-center img {
        height: 34px;
    }

    .footer-bottom-bar {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }

    .footer-copy-text {
        max-width: 100%;
        text-align: center;
    }

    .footer-agency {
        justify-content: center;
    }
}

/* =====================================================
   FOOTER ALT – MİKRO BOŞLUK TEMİZLİĞİ (FINAL)
   ===================================================== */

/* Footer içindeki son section / row boşlukları */
footer .row:last-child {
    margin-bottom: 0 !important;
}

/* İletişim kutularından sonra gelen boşluk */
footer .contact-area,
footer .contact-box,
footer .footer-contact {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ödeme logoları alanı – alt boşluk SIFIR */
.footer-payment-center {
    margin-bottom: -15px !important;
    padding-bottom: 0 !important;
}

/* Copyright bar üst boşluğu SIFIR */
.footer-bottom-bar {
    margin-top: 0 !important;
    padding-top: 6px !important;
}

/* Footer altındaki p etiketleri (asıl gizli suçlu) */
.footer-bottom-bar p,
.footer-bottom-bar .footer-copy-text {
    margin-bottom: 0 !important;
}

/* Footer genel alt padding varsa sıfırla */
footer {
    padding-bottom: 0 !important;
}

/* =========================================
   FOOTER INFO BOŞLUK TEMİZLEME (FINAL)
   ========================================= */

/* Footer içindeki info alanı */
footer .info {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: -35px !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

/* info içindeki row / content varsa */
footer .info .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* info içindeki div'ler (gizli boşluklar için) */
footer .info > div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* === MOBIL FOOTER ODEME IKONLARI FIX (BOZMADAN) === */
@media (max-width: 768px) {

    .footer-bottom,
    .footer-payment,
    .payment-methods,
    .payment-icons {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .footer-bottom {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 12px 0;
    }

    .footer-bottom img {
        max-height: 26px;
        width: auto;
        margin: 4px 6px;
    }
}
/* === MOBIL URUN GORSEL KADRAJ FIX (MASAUSTU ILE AYNI) === */
@media (max-width: 768px) {

    .product-cart-wrap .product-img-action-wrap {
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
    }

    .product-cart-wrap .product-img {
        height: auto !important;
        max-height: none !important;
    }

    .product-cart-wrap .product-img a {
        display: block;
        height: auto !important;
    }

    .product-cart-wrap .product-img a img {
        width: 100%;
        height: auto !important;
        max-height: none !important;
        object-fit: contain;
    }
}

.menu-home-icon a {
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.menu-home-icon a:hover {
    color: #c39a6b;
}

/* Masaüstünde yazıyı gizle */
.menu-home-icon .home-text {
    display: none;
}

/* MOBİL MENÜ – DİĞER MENÜLERLE AYNI FONT */
@media (max-width: 991px) {
    .menu-home-icon a {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .menu-home-icon .home-text {
        display: inline-block;
        color: #fff;

        /* 👇 DİĞER MENÜLERLE AYNI STİL */
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        text-transform: uppercase;
        letter-spacing: inherit;
        line-height: inherit;
    }
}

/* ==============================
   FEATURE ROW - FINAL
   ============================== */

.feature-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: stretch; /* tüm kutular eşit yükseklik */
}

/* KUTU */
.feature-row .feature-item {
    display: flex;
    align-items: center; /* ikon + metin dikey ortalı */
    gap: 14px;
    background: #fff;
    padding: 18px 16px;
    box-sizing: border-box;
}

/* İKON */
.feature-row .feature-item i {
    font-size: 28px;
    min-width: 32px;
    text-align: center;
    color: #2f9e44; /* tema rengine göre değiştir */
}

/* METİN ALANI */
.feature-row .feature-item .text {
    display: flex;
    flex-direction: column;
    gap: 6px; /* başlık – açıklama arası boşluk */
}

/* BAŞLIK */
.feature-row .feature-item strong {
    font-size: 15px;
    line-height: 1.3;
    display: block;
}

/* AÇIKLAMA */
.feature-row .feature-item span {
    font-size: 13px;
    line-height: 1.6;
    display: block;
}

/* ==============================
   MASAÜSTÜ (4 KUTU YAN YANA)
   ============================== */
@media (min-width: 769px) {
    .feature-row .feature-item {
        flex: 1 1 0;
        min-width: 0;
    }
}

/* ==============================
   MOBİL (2 + 2 DİZİLİM)
   ============================== */
@media (max-width: 768px) {
    .feature-row {
        gap: 14px;
    }

    .feature-row .feature-item {
        flex: 0 0 calc(50% - 7px); /* 2 kutu yan yana */
        padding: 14px 12px;
    }

    .feature-row .feature-item strong {
        font-size: 14px;
    }

    .feature-row .feature-item span {
        font-size: 12.5px;
        line-height: 1.5;
    }
}

.footer__title {
    position: relative;
    padding-bottom: 6px;   /* ↓ yazı–çizgi arası */
    margin-bottom: 10px;   /* ↓ alt boşluk */
}

.footer__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 3px;
    background-color: #c79a3b;
    border-radius: 50px;
}

.footer__title__hidden {
    display: none !important;
}
.payment-logo {
    height: 22px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.payment-logo:hover {
    opacity: .8;
}

/* ==================================================
   ÜRÜN GRUPLARI – FINAL TOPARLANMIŞ CSS
   ================================================== */

/* Alan sınırı */
.service--three .section__wrapper {
    max-width: 1560px;
    margin: 0 auto;
    padding: 0 28px;
}

/* Kart */
.portfolio-three__single {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.35s ease;
}

.portfolio-three__single:hover {
    transform: translateY(-5px);
}

/* Görsel alan */
.urunkat_anasayfa_kapak {
    position: relative;
    width: 100%;
    height: 360px;
    border-radius: 20px;
    overflow: hidden;
}

.urunkat_anasayfa_kapak img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Alt karartı */
.urunkat_anasayfa_kapak::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.78) 0%,
        rgba(0,0,0,0.45) 45%,
        rgba(0,0,0,0.18) 75%,
        rgba(0,0,0,0.05) 100%
    );
    transition: opacity 0.4s ease;
    z-index: 1;
}

.portfolio-three__single:hover .urunkat_anasayfa_kapak::after {
    opacity: 0;
}

/* ===============================
   SWEEP LIGHT
   =============================== */
.portfolio-three__single::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.30) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    transition: left 0.75s ease;
    z-index: 3;
    pointer-events: none;
}

.portfolio-three__single:hover::before {
    left: 140%;
}

/* ===============================
   YAZI + OK ALANI
   =============================== */
.portfolio-three__content-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    padding: 0 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
}

/* Yazı alanı */
.portfolio-three__title-box {
    max-width: calc(100% - 72px);
}

/* === YAZI (SIĞACAK ŞEKİLDE) === */
.portfolio-three__title {
    font-size: clamp(20px, 1.5vw, 26px); /* otomatik dengeler */
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    margin: 0;
    white-space: nowrap;
}

/* ===============================
   SAĞ DİKEY OK ŞERİDİ (BİREBİR)
   =============================== */
.portfolio-three__arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    top: -40px;
    width: 64px;
    background: linear-gradient(180deg, #d4b067, #c7a04a);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0px 20px 0;
}

.portfolio-three__arrow span,
.portfolio-three__arrow i {
    font-size: 22px;
    color: #ffffff;
    line-height: 1;
}

/* ===============================
   RESPONSIVE
   =============================== */
@media (max-width: 1199px) {
    .urunkat_anasayfa_kapak {
        height: 320px;
    }
}

@media (max-width: 767px) {
    .urunkat_anasayfa_kapak {
        height: 260px;
    }

    .portfolio-three__content-box {
        bottom: 18px;
        padding-left: 20px;
    }

    .portfolio-three__arrow {
        width: 56px;
    }
}

.franchise-sartlar {
    margin-top: 40px;
    padding: 26px 32px;
    border: 2px solid #C19943;
    border-radius: 14px;
    background-color: rgba(108, 68, 33); /* Daha koyu opaklık */
}

/* Başlık */
.franchise-sartlar h3 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 16px;
    letter-spacing: 0.6px;
}

/* Liste */
.franchise-sartlar ul {
    padding-left: 22px;
    margin: 0;
}

.franchise-sartlar ul li {
    color: #ffffff;
    font-size: 15.5px;
    line-height: 1.65;
    margin-bottom: 11px;
}

/* 📱 Mobil Optimizasyon */
@media (max-width: 768px) {
    .franchise-sartlar {
        margin-top: 30px;
        padding: 20px 18px;
        border-radius: 12px;
    }

    .franchise-sartlar h3 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .franchise-sartlar ul {
        padding-left: 18px;
    }

    .franchise-sartlar ul li {
        font-size: 14px;
        line-height: 1.55;
        margin-bottom: 8px;
    }
}

.franchise-top-btn {
    padding: 6px 16px;
    border-radius: 18px;
    background: linear-gradient(135deg, #6C4421, #8a5a2c);
    border: 2px solid #C19943;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

.franchise-top-btn:hover {
    background: linear-gradient(135deg, #8a5a2c, #6C4421);
    color: #ffffff;
}

@media (max-width: 768px) {
    .portfolio-three__title.f-size-30 {
        font-size: 18px !important;
        line-height: 1.25;
        overflow: visible;
        height: auto;
    }
}

/* Mobilde fiyat (sale) font boyutu */
@media (max-width: 767px) {
    .product-detail .content-detail .price .sale {
        font-size: 24px !important;
        line-height: 1.2;
    }
}

/* Stokta Var */
.status-product span.stok-var {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

/* Tükendi */
.status-product span.stok-tukendi {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

/* Stok yokken Sepete Ekle */
button.stok-yok {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}

button.stok-yok:hover {
    background-color: #ccc !important;
}

/* =====================================================
   FINAL – MOBİL & TABLET ÜRÜN GRID YAPISI
   BOOTSTRAP UYUMLU / S24 ULTRA FIX
   ===================================================== */

/* -------------------------------
   KATEGORİ SAYFASI – ÜRÜNLER
-------------------------------- */
@media (max-width: 1024px) {

    /* Row: bootstrap davranışı korunur */
    .shop-section .row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }

    /* 2'li grid: kolon bazlı */
    .shop-section .row > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

}

/* -------------------------------
   ÇOK KÜÇÜK EKRAN (İSTEĞE BAĞLI)
-------------------------------- */
@media (max-width: 360px) {

    .shop-section .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

}


/* -------------------------------
   METİN & BUTON ÖLÇEKLERİ
-------------------------------- */
@media (max-width: 1024px) {

    .product-cart-wrap .product-content-wrap .product-category,
    .service--three .product-cart-wrap .product-content-wrap .product-category {
        font-size: 3.0vw;
        line-height: 1.2;
        word-break: break-word;
    }

    .product-cart-wrap .product-content-wrap .product-price span,
    .service--three .product-cart-wrap .product-content-wrap .product-price span {
        font-size: 3.2vw;
        white-space: nowrap;
    }

    .product-cart-wrap .product-card-bottom .add-cart .add,
    .service--three .product-cart-wrap .product-card-bottom .add-cart .add {
        padding: 6px 8px;
        font-size: 2.8vw;
        line-height: 1.2;
        white-space: nowrap;
        top: 5px;
    }

    .product-cart-wrap .product-content-wrap h2,
    .service--three .product-cart-wrap .product-content-wrap h2 {
        font-size: 3.2vw;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* -------------------------------
   TAŞMA GÜVENCESİ
-------------------------------- */
@media (max-width: 390px) {
    html, body {
        overflow-x: hidden;
    }
}

@media (max-width: 768px) {

    /* ALT ALAN – SADECE BU KART */
    .product-cart-wrap .product-card-bottom {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        padding-bottom: 12px;
    }

    /* FİYAT */
    .product-cart-wrap .product-card-bottom .product-price span {
        font-size: clamp(22px, 4.8vw, 22px);
        line-height: 1.3;
        white-space: nowrap;
    }

    /* BUTON */
    .product-cart-wrap .product-card-bottom .add-cart .add {
        width: 100%;
        font-size: clamp(13px, 3.5vw, 15px);
        padding: 10px 10px;
        margin: 0;
        top: 0;
    }

}

/* =====================================================
   ARTUKLU YEMEN - MOBİL FİNAL CSS (TAM OPTİMİZE)
   ===================================================== */
@media (max-width: 1024px) {

    /* 1. GENEL MOBİL BOŞLUK DÜZENLEME */
    .mb-30 {
        margin-bottom: 15px !important;
    }

    /* 2. ANA TAŞIYICI VE DIŞ GENİŞLİK */
    .service.service--three.padding-tb.bg1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    .service.service--three.padding-tb.bg1 > .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .row.en-cok-satanlar-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        margin-left: -25px !important; 
        margin-right: -25px !important;
        width: calc(100% + 50px) !important;
    }

    .row.en-cok-satanlar-grid > [class*="col-"] {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-left: 10px !important; 
        padding-right: 10px !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
    }

    /* 3. ÜRÜN KARTI İÇ TASARIMI */
    .row.en-cok-satanlar-grid .product-cart-wrap {
        padding: 8px !important; 
        padding-bottom: 0px !important;
        border: 1px solid #eee !important;
        border-radius: 12px !important;
        background: #fff !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .row.en-cok-satanlar-grid .product-img-action-wrap {
        margin: -8px -8px 8px -8px !important;
    }

    /* 4. ÜRÜN ADI (Tam Görünüm) */
    .row.en-cok-satanlar-grid .product-content-wrap h2 {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin-top: 2px !important;
        margin-bottom: 4px !important;
        white-space: normal !important; 
        overflow: visible !important;   
        display: block !important;
        -webkit-line-clamp: unset !important; 
        height: auto !important;        
        min-height: 32px;
    }
    
    @media (max-width: 1024px) {
    /* 1. Ana Kart Yapısını Esnek Hale Getir */
    .product-cart-wrap {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        height: 100% !important;
    }

    /* 2. İçerik Alanını (Ad, Fiyat vb.) Kalan Boşluğu Dolduracak Şekilde Ayarla */
    .product-cart-wrap .product-content-wrap {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important; /* Bu komut içeriğin esnemesini sağlar */
    }

    /* 3. Ürün Adını Serbest Bırak (Kesilmesin ve Boşluk Kalmasın) */
    .product-cart-wrap .product-content-wrap h2 {
        height: auto !important;
        min-height: unset !important;
        margin-bottom: auto !important; /* Kısa isimlerde altındaki her şeyi aşağı iter */
        display: block !important;
    }

    /* 4. Buton Grubunu Her Zaman En Alta Sabitle */
    .product-cart-wrap .product-action-1 {
        margin-top: auto !important; /* Üstteki içerik ne kadar azsa o kadar boşluk yaratır */
        padding-top: 15px !important;
    }
}
    
    

    /* 5. FİYAT DÜZENLEME ('dan kısmını stilize etme) */
    .row.en-cok-satanlar-grid .product-price {
        margin-bottom: -18px !important; /* Boşluk daraltıldı */
    }

    /* Ana Rakam (Fiyat) */
    .row.en-cok-satanlar-grid .product-price span:first-child {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #333 !important;
    }

    /* 'dan Kısmı ve Başlayan Fiyatlarla Metni */
    .row.en-cok-satanlar-grid .product-price span + span, 
    .row.en-cok-satanlar-grid .product-content-wrap .font-xs {
        font-size: 11px !important;
        color: #999 !important; /* Gri renk */
        font-weight: 400 !important;
        margin-left: 2px;
    }

    /* 6. BUTON TASARIMI (4 Köşe Radius & Dar Boşluklar) */
    .row.en-cok-satanlar-grid .product-card-bottom {
        margin-top: auto !important;
        padding-top: 2px !important;
    }

    .row.en-cok-satanlar-grid .add-cart .add {
        width: 100% !important;
        padding: 10px 5px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        justify-content: center !important;
        border-radius: 8px !important; /* 4 köşeli kavisli buton */
        margin-top: 4px !important;
        margin-bottom: 2px !important;
        border: none !important;
    }
}

/* Küçük Ekran Fix */
@media (max-width: 375px) {
    .row.en-cok-satanlar-grid .product-content-wrap h2 { font-size: 12px !important; }
    .row.en-cok-satanlar-grid .product-price span:first-child { font-size: 16px !important; }
}

/* Ürün kodunun tek satırda ve kesilmeden (tam) görünmesi için */
@media (max-width: 1024px) {
    .row.en-cok-satanlar-grid .product-cart-wrap .product-category {
        white-space: nowrap !important; /* Alt satıra geçmeyi engeller */
        overflow: visible !important;   /* Kesilmeyi engeller, yazıyı serbest bırakır */
        text-overflow: clip !important; /* Üç noktayı kaldırır */
        display: block !important;
        font-size: 12px !important;     /* Alan dar olduğu için sığması adına fontu sabitledik */
        letter-spacing: -0.2px;         /* Harf arasını çok hafif daraltarak sığmayı kolaylaştırır */
    }
}

/* Animasyonlu Premium Etiket */
.premium-badge {
    position: absolute;
    top: 285px; /* Masaüstü konumu */
    left: 15px;
    background: linear-gradient(45deg, #d4af37, #f9f295, #ab8e28, #f9f295, #d4af37);
    background-size: 400% 400%; /* Gradyan akışı için */
    color: #000;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 4px;
    z-index: 9;
    letter-spacing: 1px;
    border: 1px solid rgba(255,255,255,0.5);
    pointer-events: none;
    white-space: nowrap;
    
    /* Parlama Animasyonu */
    overflow: hidden;
}

/* Parlama Efekti (Işık Süzmesi) */
.premium-badge::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.6);
    transform: rotate(30deg);
    transition: none;
    animation: shine 3s infinite;
}

@keyframes shine {
    0% { left: -60%; }
    20% { left: 120%; }
    100% { left: 120%; }
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .premium-badge {
        top: auto !important;
        bottom: -12px !important;
        left: 10px;
        font-size: 9px;
        padding: 3px 8px;
    }
}

/* 1. "İndirimli" Etiketi Tasarımı ve Vurgulu Animasyon */
.product-badges.product-badges-position-right span {
    background-color: #e31e24 !important;
    background-image: linear-gradient(145deg, #ff1f26, #b9161b) !important;
    border-radius: 0px 10px 0 20px !important; /* Mevcut turuncu şekli korur */
    color: #ffffff !important;
    padding: 8px 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 11px !important;
    box-shadow: 0 4px 15px rgba(227, 30, 36, 0.4);
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: none !important;
    animation: indirimVurgu 2.5s infinite ease-in-out;
}

/* Parlak Işık Süzmesi Animasyonu */
.product-badges.product-badges-position-right span::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -150%;
    width: 80%;
    height: 200%;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.7), transparent);
    transform: rotate(30deg);
    animation: indirimIsik 3s infinite;
}

@keyframes indirimIsik {
    0% { left: -150%; }
    30% { left: 150%; }
    100% { left: 150%; }
}

@keyframes indirimVurgu {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* 2. Masaüstü Konumlandırma */
@media (min-width: 992px) {
    .product-badges.product-badges-position-right {
        position: absolute !important;
        top: 0px !important;
        right: 0px !important;
        z-index: 10 !important;
    }
}

/* 3. Mobil Konumlandırma (Sorunu Çözen Kısım) */
@media (max-width: 991px) {
    /* İndirimli etiketini gramaj butonunun altına taşır */
    .product-badges.product-badges-position-right {
        position: absolute !important;
        top: 45px !important; /* Gramaj butonunun (genelde 35-40px) hemen altına gelmesi için */
        left: 0px !important;  /* Sol tarafa, gramaj butonuyla aynı hizaya alır */
        right: auto !important;
        z-index: 10 !important;
    }

    .product-badges.product-badges-position-right span {
        padding: 5px 12px !important; /* Mobilde taşma yapmaması için hafif daraltma */
        font-size: 10px !important;
        border-radius: 0px 10px 10px 0px !important; /* Mobilde sol kenara yaslandığı için şekil revizesi */
    }

    /* EN ÇOK SATAN (premium-badge) Konumunu Sabitleme */
    /* İndirimli etiketi gelse bile yerinin değişmemesini sağlar */
    .premium-badge {
        position: absolute !important;
        top: auto !important;
        bottom: -12px !important; /* Görselin sol altındaki sabit yeri */
        left: 10px !important;
        z-index: 11 !important;
    }
}

/* 1. Ana Taşıyıcıyı Esnek Yap */
.footer-payment-center {
    display: flex !important;
    align-items: center !important; /* Dikeyde hepsini ortalar */
    justify-content: center !important; /* Yatayda ortalar */
    flex-wrap: wrap !important; /* Mobilde taşarsa alt satıra geçer */
    gap: 12px !important; /* Logolar arası boşluk */
    width: 100% !important;
}

/* 2. ETBİS'in Div Yapısını Geçersiz Kıl */
.etbis-v2, 
.etbis-v2 div, 
.etbis-v2 a {
    display: inline-flex !important;
    vertical-align: middle !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Tüm Logoların Boyutunu Eşitle (ETBİS + Diğerleri) */
.payment-logo, 
.etbis-v2 img {
    height: 30px !important; /* Tüm logoların boyu burada eşitlenir */
    width: auto !important;
    display: block !important;
    object-fit: contain;
}

/* 4. SSL Badge Hizalaması */
.secure-badge {
    display: inline-flex !important;
    align-items: center !important;
    height: 35px !important; /* Logolarla aynı boyda olsun */
    margin-left: 10px !important;
}

/* 1. Kapsayıcıyı Sabitle: HTML'de ürün kartını tutan ana div'e bu class'ı eklemelisin */
/* Eğer ekleyemiyorsan, mevcut yapıdaki position:absolute'u bu değerlerle ezmeliyiz */

.yeni-urun-etiket, 
.yeni-urun-etiket-home {
    position: absolute !important;
    /* Konumu dikeyde sabitlemek için alt çizgiyi referans alıyoruz */
    bottom: 4% !important; 
    left: 82% !important;
    
    /* Görsel Ayarlar */
    background: linear-gradient(135deg, #2ecc71, #27ae60);
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 700;
    padding: 2px 8px !important;
    border-radius: 4px;
    text-transform: uppercase;
    z-index: 99;
    white-space: nowrap;
    animation: yeniUrunPulse 1.8s infinite;
}

/* Mobil için (iPhone SE, S24 vb.) İnce Ayar */
@media (max-width: 480px) {
    .yeni-urun-etiket, 
    .yeni-urun-etiket-home {
        /* Ekran daraldığında "Çok Satan"ın yanına tam oturması için */
        bottom: -5.5% !important; 
        left: 61% !important;
        font-size: 9px !important;
    }
}

/* Pulse Efekti */
@keyframes yeniUrunPulse {
    0% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.4); }
    70% { box-shadow: 0 0 0 6px rgba(46, 204, 113, 0); }
    100% { box-shadow: 0 0 0 0 rgba(46, 204, 113, 0); }
}