@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,
.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%;
}

.about__img--thumb>img {
width: 100%;
box-shadow: 5px 10px 8px 0px #888888;
border-radius: 10px;
}

.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--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;
}

.header--four .header__bottom .main-menu .menu ul li a {
color: #22366a;
}

.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: #b8c4e3;
}

.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: #b8c4e3;
}

.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,
.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: #22366a;
}

.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: #22366a;
}

.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;
border-radius: 5px;
box-shadow: 0px 0px 9px 0px #888888;
}

.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: 30px;
}

.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;
overflow-x: hidden;
}

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: #b8c4e3;
-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: #b8c4e3;
-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;
width: 100%;
height: 100%;
z-index: 99999;
background-color: #22366a; /* Arkaplan rengi */
display: flex;
justify-content: center;
align-items: center;
}

@keyframes grow-shrink {
0%, 100% {
transform: translate(-50%, -65%) scale(1);
}
50% {
transform: translate(-50%, -65%) scale(1.05); /* Büyüme oranı */
}
}

.logo-loader {
position: absolute;
top: 35%;
left: 50%;
width: 300px;
height: auto;
transform: translate(-50%, -65%);
animation: grow-shrink 1s infinite ease-in-out; /* Animasyon ekleniyor */
}

.loader-container {
height: 200px;
width: 350px;
position: relative;
}

.cat {
background-color: #f19b1a;
height: 65px;
width: 80px;
border-radius: 0 80px 80px 0;
position: absolute;
bottom: 60px;
right: 50px;
}

.ear {
height: 15px;
width: 15px;
background-color: #f19b1a;
position: absolute;
bottom: 64px;
left: 8px;
border-radius: 20px 0 0 0;
box-shadow: 25px 0 #f19b1a;
}

.eye,
.eye:before {
height: 7px;
width: 10px;
border: 2px solid #2c2c2c;
position: absolute;
border-radius: 0 0 15px 15px;
border-top: none;
}

.eye {
top: 18px;
left: 15px;
}

.eye:before {
content: "";
left: 30px;
}

.nose {
background-color: #ffffff;
height: 12px;
width: 12px;
border-radius: 50%;
position: absolute;
top: 32px;
left: 25px;
box-shadow: 12px 0 #ffffff;
}

.nose:before {
content: "";
width: 12px;
height: 8px;
position: absolute;
background-color: #ffffff;
left: 6px;
}

.nose:after {
content: "";
position: absolute;
height: 0;
width: 0;
border-top: 8px solid #ef926b;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
bottom: 7px;
left: 6px;
}

.mouth {
background-color: #2c2c2c;
height: 15px;
width: 17px;
position: absolute;
border-radius: 0 0 5px 5px;
top: 38px;
left: 27px;
animation: mouth-move 2s infinite;
transform-origin: top;
}

@keyframes mouth-move {
50% {
transform: scaleY(0.7);
}
}

.body {
background-color: #f19b1a;
height: 90px;
width: 140px;
position: absolute;
right: 65px;
bottom: 0;
border-radius: 60px 60px 0 0;
animation: sleep 2s infinite;
transform-origin: bottom right;
}

@keyframes sleep {
50% {
transform: scale(0.9, 1.05);
}
}

.tail {
background-color: #d07219;
height: 20px;
width: 100px;
position: absolute;
right: 150px;
bottom: 0;
border-radius: 20px 0 0 20px;
}

.body:before {
content: "";
position: absolute;
background-color: #ffffff;
height: 12px;
width: 30px;
border-radius: 6px;
bottom: 0;
left: 22px;
box-shadow: 45px 0 #ffffff;
}

.bubble {
height: 20px;
width: 20px;
background-color: rgba(255, 255, 255, 0.4);
position: absolute;
left: 65px;
top: 20px;
border-radius: 50px 50px 50px 5px;
animation: bubble-scale 2s infinite;
}

@keyframes bubble-scale {
50% {
transform: scale(1.6);
}
}

.shadow {
height: 10px;
width: 240px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 10px;
position: absolute;
bottom: 52px;
left: 70px;
animation: shadow 2s infinite;
}

@keyframes shadow {
50% {
transform: scaleX(0.7);
}
}

.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: #b8c4e3;
float: left;
font-size: 14px;
height: 38px;
margin: 0;
text-align: center;
width: 125px;
outline: none;
}

.cart-plus-minus .qtybutton {
color: #b8c4e3;
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: #22366a;
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: #22366a;
}

.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: #22366a !important;
border-color: #22366a !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: #b8c4e3;
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: #22366a;
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: #22366a;
}

.theme-color {
color: #22366a !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: 460px;
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;
border-radius: 8px;
color: white;
box-shadow: 0px 5px 5px 0px #888888;
}

@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 #22366a;
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: #b8c4e3;
}

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

.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: #22366a;
}

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

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

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

.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: #22366a;
}

.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: #22366a;
}

.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 #b8c4e3;
-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 #22366a;
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: #b8c4e3;
}
}

@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: 30px;
}

.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 #22366a;
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 #22366a;
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;
border-radius: 10px
}


@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: #22366a;
}

@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 #22366a;
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 #22366a;
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: #22366a;
-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: #22366a;
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: #22366a;
box-shadow: none;
}

.faq .accordion-button:not(.collapsed):after {
background-color: #22366a;
-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: #22366a;
}

.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: #22366a;
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: #22366a;
}

.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: #ffffff;
}

.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: #22366a;
border-color: #22366a;
}

.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: #22366a;
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: #22366a;
border-color: #22366a;
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 ***===================*/
.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: 200px;
}
}

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

@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 10px;
font-size: 15px;
}

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

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

}

@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 #22366a;
}

.header__bottom .area .menu>ul>li:before {
position: absolute;
content: "\f0de";
font-family: "Font Awesome 5 Pro";
color: #22366a;
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: #22366a;
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: #22366a;
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: 50px;
}
}

.header--one .header__top {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: #b8c4e3;
}

@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: #22366a;
}

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


@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: #fff;
}

@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 #22366a;
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: #22366a;
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: #22366a;
}

@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: #b8c4e3;
}

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

.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: #b8c4e3;
}
}

@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: #b8c4e3;
}

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

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

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

@media (min-width: 1200px) {
.header--four .header__bottom {
background: rgba(255, 255, 255, 0.6); /* Beyaz ve %10 opacity */
}

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

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

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

@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: #b8c4e3;
}

.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;
margin-right: 10px;
}

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

.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: #22366a;
}

.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;
}
}

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

.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 {
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: 30px;
}

.footer__about p {
line-height: 32px;
}

.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 auto;
}
}

@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-bottom: 0px;
position: relative;
z-index: 1;
}

.pageheader__area h2 {
position:relative;
top: 25px;
}

@media screen and (max-width: 600px) {
.pageheader__area h2 {
top: 0;
}
}

.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: auto;
object-fit: cover;
width: 100%;
border-radius: 10px;
min-height: 416px;
}

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

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

.projekat_kapak img {

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: #22366a;
}

.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: #22366a;
}

/*--------------------------------------------------------------
# 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;
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: 1rem;
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: #22366a;
}

.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: #22366a;
}

.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 #22366a;
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: 30px 0px 30px 0px;
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: #22366a;
padding: 4px 16px 5px;
border-radius: 5px;
color: #fff;
font-weight: 600;
}

.blog-two__tag p {
font-size: 0.8em;
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: #22366a;
}

.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: #22366a;
}

.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: #22366a;
}

.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: #b8c4e3 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(11 34 57 / 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 {
padding: 5px;
max-width: 50%;
height: auto;
}

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

.search_cart ul li a {
color: #22366a !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: #22366a;
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: #22366a;
}

@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: 260px;
object-fit: contain;
}

.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;
}

.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: #67bcee;
}

.product-cart-wrap .product-badges span.best {
background-color: #f59758;
}

.product-cart-wrap .product-content-wrap {
padding: 0 20px 20px 20px;
}

.product-cart-wrap .product-content-wrap .product-category {
margin-bottom: 5px;
}

.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: 5px;
}

.product-cart-wrap .product-content-wrap .product-price span {
font-size: 18px;
font-weight: bold;
color: #3BB77E;
}

.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: 14px;
color: #adadad;
margin: 0 0 0 7px;
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: #ffffff;
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: 15px;
}

.product-cart-wrap .product-card-bottom .add-cart {
cursor: pointer;
box-shadow: 0px 5px 5px 0px #888888;
border-radius: 4px;
}

.product-cart-wrap .product-card-bottom .add-cart .add {
position: relative;
display: inline-block;
padding: 6px 20px 6px 20px;
border-radius: 4px;
background-color: #1788da;
font-size: 14px;
font-weight: 700;
color: #fff
}

.product-cart-wrap .product-card-bottom .add-cart .add:hover {
background-color: #22366a;
color: #fff;
-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: 0px;
margin-top: 20px;
}

.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: #ffffff;
padding: 20px 10px 0px 10px;
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;
}

.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: #f28b00;
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: 12px;
color: #484848;
}

.reviewed .status-product span {
color: #fff;
background-color: #f92400;
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: #ffffff;
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: #ffffff;
}

/* Flat Product Content
-------------------------------------------------------------- */
.flat-product-content {
background-color: #ffffff;

}

.flat-product-content .container {
padding-top: 20px;
padding-bottom: 20px;
}

.flat-product-content.style2 .container {
padding-bottom: 64px;
}

.flat-product-content.style1 {
background-color: #fff;
}



/* Product Detail Bar */
.product-detail-bar {
text-align: center;
background-color: #fff;
width: 100%;
margin-top: 30px;
}

.product-detail-bar li {
display: inline-block;
color: white;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
padding: 10px 5px;
position: relative;
z-index: 5;
width: 30%;
background-color: #22366a;
border-radius: 12px;
}

.product-detail-bar li:before {
content: '';
position: absolute;
background-color: #ffffff;
border-radius: 10px;
top: 0px;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
}

.product-detail-bar li.active,
.product-detail-bar li:hover {
color: #2d2d2d;
font-weight: 600;
border: 1px solid #2d2d2d;
}

.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 {
color: #484848;
font-weight: bold;
font-size: 20px;
}

.box-text p {
color: #838383;
}

.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: #67bcee;
border-radius: 0;
padding: 3px 10px;
color: #fff;
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 #22366a;
}

.flex-control-thumbs .flex-active {
cursor: default;
border: 2px solid #22366a;
}

.flex-control-thumbs li img {
width: 120px;
object-fit: contain;
padding: 5px;
height: 100px;
border: 2px solid #ffffff;
}

.flex-viewport {
border: 2px solid #ffffff;
border-radius: 8px;
}

.slides li img {
width: 100% !important;
height: 600px !important;
object-fit: contain;
padding-top: 50px;
}

@media screen and (max-width: 600px) {
.slides li img {
width: 100% !important;
height: 500px !important;
object-fit: contain;
}
}
.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 #22366a;
}

.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 #22366a;
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: #ffffff !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: #ffffff;
}

.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 #22366a;
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: #22366a;
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: #22366a;
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: #ffffff;
-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 #ffffff;
margin-bottom: 0px;
}

.cart_table thead {
background-color: #ffffff;
}

.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 #ffffff;
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: #22366a;
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: #ffffff;
}

.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: 30px;
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: #22366a;
}

.portfolio-three__title a {
color: #ffffff;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
font-weight: 600;
}

.portfolio-three__title a:hover {
color: #22366a;
}

.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: #22366a;
-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: #22366a;
-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: #22366a;
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: #ffffff;
}

.widget__brochure {
background-color: #ffffff;
}

.turkey-map-drawing {
text-align: center;
}

.turkey-map-drawing svg {
width: 100%;
height: auto;
}

.turkey-map-drawing g.is-completed path {
fill: #22366a;
}

.turkey-map-drawing path {
cursor: pointer;
fill: #b8c4e3;
-webkit-transition: .2s;
transition: .2s;
}

.turkey-map-drawing path:hover {
fill: #22366a !important;
}

.turkey-map-name {
position: absolute;
z-index: 2;
}

.turkey-map-name div {
display: inline-block;
background: #22366a;
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: #22366a;
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: #22366a;
font-weight: 600;
}

.project-info {
background: #ffffff;

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: #ffffff !important;
}

.contact {
background-color: #ffffff !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 #22366a;
}

.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: #22366a;
}

.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 #ffffff;
}

.post-pagi-area a {
display: inline-block;
font-weight: 400;
text-transform: uppercase;
color: #22366a;
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: #22366a;
}

.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: #22366a;
}

.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: #22366a}

.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 #22366a;
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: #ffffff;
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;
z-index: 1;
clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
}

.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: #fff;
}

.bg2 {
background-color: #ffffff;
}

.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: #22366a;
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: #22366a;
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: #22366a;
color: #ffffff;
border-radius: 50px;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.download-btn a:first-child {
background: #22366a}

.download-btn a:last-child {
background: #111111
}

.download-btn a:hover {
background: #111111
}

.download-btn a:last-child:hover {
background: #22366a}

.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: #22366a}

.site-title-tagline::before {
content: "";
position: absolute;
height: 10px;
width: 100%;
background: #22366a;
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: #22366a}

.site-heading p {
margin-top: 15px
}

.heading-divider {
display: inline-block;
position: relative;
border: 3px solid #22366a;
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: #22366a;
-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: #22366a;
}

.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 #22366a;
}

.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: #22366a;
}

.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 #22366a;
border-bottom: none;
}

.team-one__single::before {
content: "";
position: absolute;
left: -2px;
right: -2px;
bottom: 0;
height: 2px;
background-color: #22366a;
}

.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: #22366a;
}

.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: #22366a;
}

.team-one__social a:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: #22366a;
-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: #22366a;
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;
margin-bottom: -10px;
}

.portfolio-v-2 {
padding: 40px 0 40px;
}
.bg1 {
clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%);
}
.slide-menu {
height: auto;
position: relative;
background: #b8c4e3;
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: 270px;
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: 40px;
}
.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;
}
}


.video-section {
position: relative;
width: 100%;
height: 100vh;
}

.video-section video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
pointer-events: none;
}

@media (max-width: 768px) {
.video-section {
position: relative;
width: 100%;
height: 85vh;
}
}

/* Karanlık katman */
.video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3); /* 0.3 opacity ile karanlık katman */
z-index: 1; /* Video'nun üstüne gelecek şekilde */
}

.text-content {
position: absolute;
top: 70%;
left: 50%;
transform: translateX(-50%);
text-align: center;
color: #fff;
font-family: 'Arial', sans-serif;
font-weight: bold;
z-index: 5;
animation: fadeIn 2s ease-in-out forwards;
width: 100% !important;
letter-spacing: 2px;
}

.text-content span, .text-content p {
opacity: 0;
animation-fill-mode: forwards; /* Animasyon bitince değerleri korur */
}

.text-content span {
font-size: 1.2rem;
margin: 10px 0;
animation: fadeInText 1.5s ease-in-out 0.5s forwards; /* 0.5s gecikme, ve forwards */
}

.text-content p {
font-size: 1rem;
margin: 5px 0;
animation: fadeInText 1.5s ease-in-out 1.5s forwards; /* 1.5s gecikme, ve forwards */
}

/* Animasyonlar */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

@keyframes fadeInText {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
.text-content span {
font-size: 1.1rem;
}

.text-content p {
font-size: 0.8rem;
}
.text-content {
top: 50%;
left: 50%;
}
}
/* animasyon scrool */
.scroll-down-arrow {
background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
background-size: contain;
background-repeat: no-repeat;
}

.scroll-down-link {
position: absolute;
z-index: 100;
cursor:pointer;
height: 60px;
width: 80px;
margin: 0px 0 0 -40px;
line-height: 60px;
left: 50%;
bottom: 5%;
color: #FFF;
text-align: center;
font-size: 70px;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-webkit-animation: fade_move_down 2s ease-in-out infinite;
-moz-animation: fade_move_down 2s ease-in-out infinite;
animation: fade_move_down 2s ease-in-out infinite;
}

@-webkit-keyframes fade_move_down {
0% { -webkit-transform:translate(0,-20px); opacity: 0; }
50% { opacity: 1; }
100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes fade_move_down {
0% { -moz-transform:translate(0,-20px); opacity: 0; }
50% { opacity: 1; }
100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes fade_move_down {
0% { transform:translate(0,-20px); opacity: 0; }
50% { opacity: 1; }
100% { transform:translate(0,20px); opacity: 0; }
}

.ultra-ingredients-header {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
text-align: center;
animation: fadeInHeader 2s ease-in-out;
}

@keyframes fadeInHeader {
0% {
opacity: 0;
transform: translateY(-30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

.ultra-header-text h1 {
font-size: 30px;
letter-spacing: 2px;
color: #a78d5e;
margin-bottom: 10px;
position: relative;
display: inline-block;
animation: fadeIn 2s;
}

@keyframes fadeIn {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-20px);
}
60% {
transform: translateY(-10px);
}
}

.ultra-header-text img {
max-width: 100px;
max-height: 100px;
animation: fadeIn 2s ease-in-out;
display: block;
margin: 0 auto;
}

@keyframes fadeIn {
0% {
opacity: 0;

}
100% {
opacity: 1;

}
}

.ultra-header-text h2 {
font-size: 22px;
color: #666;
margin-bottom: 40px;
opacity: 0;
animation: fadeIn 2s ease-in-out forwards;
animation-delay: 1.5s;
}

@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.ultra-ingredients-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
animation: slideIn 1.5s ease-in-out;
}

@keyframes slideIn {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}

.ultra-ingredient-item {
flex: 1 1 calc(25% - 20px);
background-color: #f5f5f5;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.ultra-ingredient-item img {
height: 50px;
width: auto;
margin-bottom: 10px;
}

.ultra-ingredient-item:hover {
transform: scale(1.05);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.ultra-ingredient-item h3 {
font-size: 18px;
color: #365581;
margin-bottom: 10px;
transition: color 0.3s ease-in-out;
}

.ultra-ingredient-item:hover h3 {
color: #a78d5e;
}

.ultra-ingredient-item p {
font-size: 14px;
color: #666;
display: flex;
justify-content: center;
align-items: center;
}

.ultra-footer-icons {
display: flex;
justify-content: space-around;
margin-top: 40px;
animation: zoomIn 1.5s ease-in-out;
}

@keyframes zoomIn {
0% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}

.ultra-footer-icon {
text-align: center;
transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.ultra-footer-icon:hover {
transform: translateY(-10px);
}

.ultra-footer-icon img {
width: 50px;
height: 50px;
margin-bottom: 10px;
}

.ultra-footer-icon p {
font-size: 12px;
color: #666;
}

@media (max-width: 768px) {
.ultra-ingredient-item {
flex: 1 1 calc(50% - 20px);
}

.ultra-footer-icon {
flex: 1 1 calc(50% - 10px); /* Mobilde %50 genişlik ve 2'şerli sıra halinde */
margin-bottom: 20px;
}
}

@media (max-width: 480px) {
.ultra-ingredient-item {
flex: 1 1 100%;
}
}

.ultra-ingredient-section {
display: flex;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}

.ultra-left-panel {
flex: 1;
animation: fadeInLeft 1s ease-in-out;
}

@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.ultra-animal-images {
text-align: center;
margin-bottom: 20px;
}

.ultra-animal-images img {
width: 100%;
max-width: 400px;
}

.ultra-protein-sources {
display: flex;
justify-content: space-around;
margin-top: 20px;
margin-bottom: 20px;
}

.ultra-protein-item {
text-align: center;
transition: transform 0.3s ease-in-out;
}

.ultra-protein-item:hover {
transform: scale(1.1);
}

.ultra-protein-item img {
width: 80px;
height: auto;
}

.ultra-protein-item p {
font-size: 14px;
margin-top: 10px;
}

.ultra-right-panel {
flex: 2;
padding-left: 40px;
animation: fadeInRight 1s ease-in-out;
}

@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

.ultra-ingredient-description {
display: flex;
align-items: center;
margin-bottom: 20px;
opacity: 0;
animation: fadeIn 2s forwards;
}

.ultra-ingredient-description img {
width: 50px;
height: 50px;
margin-right: 20px;
}

.ultra-ingredient-description p:first-child {
font-weight: bold;
font-size: 16px;
}

.ultra-ingredient-description p:last-child {
font-size: 14px;
color: #666;
}
@media (max-width: 768px) {
.ultra-ingredient-section {
flex-direction: column; /* Yan yana yerine alt alta gelir */
}

.ultra-right-panel {
padding-left: 0; /* Mobilde padding'i kaldırır */
}
}
.row {
margin-left: 0;
margin-right: 0;
}

/* burası quality sayfası ================== */


/* Unique Hero Section */
.unique-hero-section {
background: url('https://normpati.com/tema/genel/uploads/arkaplan/hero-bg.jpg') no-repeat center center/cover;
color: white;
text-align: center;
padding: 100px 20px;
position: relative;
z-index: 1;
perspective: 1000px;
}

.unique-hero-section::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: -1;
}

.unique-hero-section h1 {
font-size: 48px;
margin-bottom: 20px;
animation: heroFadeInDown 1s ease-out;
}

.unique-hero-section p {
font-size: 20px;
margin-bottom: 30px;
animation: heroFadeInUp 1.5s ease-out;
}

.unique-hero-buttons .unique-btn {
background-color: #a78d5e;
color: white;
padding: 15px 30px;
text-decoration: none;
margin: 10px;
transition: background-color 0.3s ease;
display: inline-block;
animation: heroFadeInUp 2s ease-out;
}

.unique-hero-buttons .unique-btn:hover {
background-color: #856a45;
}

@keyframes heroFadeInDown {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

@keyframes heroFadeInUp {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

/* Unique Quality Section */
.unique-quality-section {
padding: 50px 20px;
background-color: #ffffff;
text-align: center;
position: relative;
z-index: 2;
}

.unique-quality-section h2 {
font-size: 36px;
margin-bottom: 40px;
position: relative;
animation: qualityFadeInDown 1s ease-out;
}

.unique-quality-modules {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.unique-quality-item {
width: 20%;
margin: 15px;
text-align: center;
background: #f2f2f2;
padding: 20px;
border-radius: 10px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 2;
animation: qualityZoomIn 1.5s ease-out;
}

@media (max-width: 768px) {
.unique-quality-item {
width: 100%;
}
}

.unique-quality-item:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

@keyframes qualityZoomIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}

.unique-quality-item img {
width: 100%;
border-radius: 8px;
margin-bottom: 15px;
}

.unique-quality-item h3 {
font-size: 20px;
margin-bottom: 10px;
}

/* Unique R&D Section */
.unique-rd-section {
background-color: #f2f2f2;
padding: 50px 20px;
text-align: center;
position: relative;
z-index: 2;
}

.unique-rd-section h2 {
font-size: 36px;
margin-bottom: 40px;
animation: qualityFadeInDown 1s ease-out;
}

.unique-rd-modules {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.unique-rd-item {
width: 300px;
margin: 15px;
text-align: center;
background: #ffffff;
padding: 20px;
border-radius: 10px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
animation: qualityZoomIn 1.5s ease-out;
}

.unique-rd-item:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.unique-rd-item img {
width: 100%;
border-radius: 8px;
margin-bottom: 15px;
}

.unique-rd-item h3 {
font-size: 20px;
margin-bottom: 10px;
}

/* Unique Gallery Section */
.unique-gallery-section {
padding: 50px 20px;
background-color: #ffffff;
text-align: center;
}

.unique-gallery-section h2 {
font-size: 36px;
margin-bottom: 40px;
animation: qualityFadeInDown 1s ease-out;
}

.unique-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.unique-gallery-item {
width: 250px;
margin: 15px;
position: relative;
z-index: 2;
}

.unique-gallery-item img {
width: 30%;
height: auto;
border-radius: 8px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.unique-gallery-item:hover img {
transform: scale(1.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.unique-gallery-item p {
margin-top: 10px;
font-size: 16px;
}

/* Unique Footer Section */
.unique-footer-section {
color: #333;
padding: 0 20px;
text-align: center;
position: relative;
z-index: 3;
}

.unique-footer-section h2 {
font-size: 36px;
margin-bottom: 20px;
animation: qualityFadeInDown 1s ease-out;
}

.unique-footer-section p {
font-size: 20px;
margin-bottom: 30px;
animation: qualityFadeInUp 1.5s ease-out;
}

.unique-footer-section .unique-btn {
background-color: white;
color: #a78d5e;
padding: 15px 30px;
text-decoration: none;
transition: background-color 0.3s ease;
animation: qualityFadeInUp 2s ease-out;
}

.unique-footer-section .unique-btn:hover {
background-color: #f2f2f2;
}

.unique-container {
height: 530px;
width: 350px;
position: relative;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.unique-window {
width: 250px;
height: 390px;
background-color: #29467a;
outline: 12px solid #2d2623;
border-left: 5px solid #439abf;
border-right: 5px solid #439abf;
position: relative;
top: 20px;
left: 45px;
}
.unique-window:before,
.unique-window:after {
content: "";
position: absolute;
background: linear-gradient(#439abf 50%, #2d2623 50%);
}
.unique-window:after {
height: 15px;
width: 260px;
left: -5px;
top: 200px;
}
.unique-window:before {
height: 15px;
width: 310px;
left: -30px;
bottom: -15px;
}
.unique-mountain-1 {
height: 0;
width: 0;
border-bottom: 60px solid #22366d;
border-right: 20px solid transparent;
position: absolute;
bottom: 0;
}
.unique-mountain-1:before,
.unique-mountain-1:after,
.unique-mountain-2:before {
content: "";
position: absolute;
height: 0;
width: 0;
border-bottom: 60px solid #22366d;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}
.unique-mountain-1:before {
bottom: -60px;
left: 5px;
}
.unique-mountain-1:after {
bottom: -60px;
left: 35px;
}
.unique-mountain-2 {
position: absolute;
height: 0;
width: 0;
border-bottom: 60px solid #22366d;
border-left: 20px solid transparent;
right: 0;
bottom: 0;
}
.unique-mountain-2:before {
bottom: -60px;
right: 10px;
}
.unique-kitty {
background-color: #2d2623;
height: 140px;
width: 50px;
position: absolute;
bottom: -15px;
left: 95px;
border-radius: 40px 40px 0 0;
}
.unique-kitty:before {
content: "";
position: absolute;
background-color: #2d2623;
height: 80px;
width: 40px;
border-radius: 0 80px 80px 0;
bottom: 0;
left: 43px;
}
.unique-kitty:after {
content: "";
position: absolute;
background-color: #2d2623;
height: 80px;
width: 10px;
border-radius: 5px;
bottom: -70px;
left: 45px;
transform: rotate(-15deg);
transform-origin: top;
animation: unique-tail 4s infinite;
}
@keyframes unique-tail {
50% {
transform: rotate(10deg);
}
}
.unique-ear {
height: 0;
width: 0;
border-bottom: 40px solid #2d2623;
border-right: 33px solid transparent;
position: relative;
bottom: 12px;
}
.unique-ear:before {
content: "";
position: absolute;
height: 0;
width: 0;
border-bottom: 40px solid #2d2623;
border-left: 33px solid transparent;
bottom: -40px;
left: 17px;
}
.unique-moon {
height: 80px;
width: 80px;
border-radius: 50%;
background-color: transparent;
box-shadow: -15px 8px 0 1px #e8ae4a;
position: absolute;
left: 50px;
top: 60px;
}
.unique-star {
background-color: #e8ae4a;
height: 6px;
width: 6px;
border-radius: 50%;
position: absolute;
top: 30px;
left: 140px;
box-shadow: 80px 65px #e8ae4a, -120px 150px #e8ae4a, -80px 280px #e8ae4a,
70px 235px #e8ae4a, 40px 135px #e8ae4a;
animation: unique-twinkle 2s infinite;
}
@keyframes unique-twinkle {
50% {
opacity: 0.4;
}
}

.unique-wrapper {
display: grid;
grid-template-rows: 80px 1fr;
display: block;
}



.unique-brand {
display: flex;
}

.unique-logo {
width: 26px;
height: 26px;
background: #2661f7;
border-radius: 50%;
margin-right: 20px;
}

.unique-wordmark {
width: 150px;
height: 26px;
background: #62ffd0;
border-radius: 26px;
}

.unique-nav {
display: flex;
align-items: center;
}

.unique-nav-link {
display: block;
width: 80px;
height: 20px;
margin-left: 20px;
border-radius: 20px;
}

.unique-nav-link:nth-child(odd) {
background: #2661f7;
}

.unique-nav-link:nth-child(even) {
background: #62ffd0;
}

.unique-menu-icon {
width: 40px;
height: 40px;
background: #2661f7;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
display: none;
}

.unique-bar {
width: 20px;
height: 2px;
background: #fff;
position: relative;
}

.unique-bar:before,
.unique-bar:after {
content: "";
position: absolute;
width: 20px;
height: 2px;
background: #fff;
}

.unique-bar:before {
bottom: 5px;
}

.unique-bar:after {
top: 5px;
}

.unique-main {
width: 100vw;
display: flex;
}

.unique-section {
width: 25vw;
height: 300px;
display: flex;
align-items: flex-end;
justify-content: center;
}

.unique-section:nth-child(1) {
position: relative; /* Relative position ayarla, katmanlar için gerekli */
background: url('https://normpati.com/tema/genel/uploads/arkaplan/arkaplan32/footerss.png') no-repeat center
center/cover;
}

.unique-section:nth-child(1)::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Siyah opak katman (0.5 opaklık) */
z-index: 1; /* Katmanın içerik altında kalması için */
}

.unique-section:nth-child(1) .unique-content {

z-index: 2; /* İçeriğin siyah katmanın üstünde görünmesi için */
}

.unique-section:nth-child(2) {
position: relative;
background: url('https://normpati.com/tema/genel/product-detail/2.png') no-repeat center center/cover;
}

.unique-section:nth-child(2)::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Siyah opak katman (0.5 opaklık) */
z-index: 1; /* Katmanın içerik altında kalması için */
}

.unique-section:nth-child(2) .unique-content {
z-index: 2; /* İçeriğin siyah katmanın üstünde görünmesi için */
}

.unique-section:nth-child(3) {
position: relative;
background: url('https://normpati.com/tema/genel/product-detail/3.png') no-repeat center center/cover;
}

.unique-section:nth-child(3)::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Siyah opak katman (0.5 opaklık) */
z-index: 1; /* Katmanın içerik altında kalması için */
}

.unique-section:nth-child(3) .unique-content {
z-index: 2; /* İçeriğin siyah katmanın üstünde görünmesi için */
}

.unique-section:nth-child(4) {
position: relative;
background: url('https://normpati.com/tema/genel/product-detail/4.png') no-repeat center center/cover;
}

.unique-section:nth-child(4)::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* Siyah opak katman (0.5 opaklık) */
z-index: 1; /* Katmanın içerik altında kalması için */
}

.unique-section:nth-child(4) .unique-content {
z-index: 2; /* İçeriğin siyah katmanın üstünde görünmesi için */
}

.unique-content {
position: relative;
margin-bottom: 30px;
}

.unique-heading {
width: 300px;
height: 40px;
background: rgba(255, 255, 255, 0);
border-radius: 20px;
margin-bottom: -5px;

}

.unique-heading p{
font-size: 1.5rem;
font-weight: normal;
color: #fff;
}

.unique-sub-heading {
width: 120px;
height: 4px;
background: #fff;
border-radius: 20px;
margin-top: 20px;
}

@media screen and (min-width: 981px) {
.unique-section {
transition: all 0.4s cubic-bezier(0.61, -0.44, 0.33, 1.39);
}

.unique-section:hover {
width: 50vw;
}

.unique-section:hover .unique-content {
transform: rotate(0deg);
position: absolute;
bottom: 30px;
left: 30px;
}

.unique-content {
transition: all 0.4s cubic-bezier(0.61, -0.44, 0.33, 1.39);
}
}

@media screen and (max-width: 980px) {
.unique-header {
position: fixed;
}

.unique-main {
display: unset;
margin-top: 80px;
}

.unique-section {

width: 100vw;
height: calc(50vh - 40px);
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.unique-content {
transform: rotate(0deg);
position: absolute;
bottom: 30px;
left: 30px;
}
.unique-heading p{
font-size: 2rem;
font-weight: bold;
color: #fff;
}
}

@media screen and (max-width: 767px) {
.unique-nav-link {
display: none;
}

.unique-menu-icon {
display: flex;
}
}

@media screen and (max-width: 480px) {
.unique-main .unique-section {
width: 100vw;
border: none;
}
}

.container-product {
max-width: 1200px;
margin: 0 auto;
padding: 0px;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Text Section */
.text-section {
flex: 1 1 40%;
padding: 20px;
}

.text-section h2 {
color: #4CAF50;
font-size: 2rem;
font-weight: bold;
margin: 0;
}

.text-section h3 {
color: #A0C45A;
font-size: 1.5rem;
margin: 0;
}

.nutrients {
font-size: 1.2rem;
color: #555;
}

.ingredient-content {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.ingredient-box {
padding: 5px 0;
border: 2px solid #22366a;
margin: 10px 10px 0px 0px;
border-radius: 10px;
text-align: center;
flex: 1 1 30%;
transition: all 0.3s ease; /* Hover animasyonu için */
}

.ingredient-box p {
color: #22366a;
font-weight: bold;
margin: 0;
font-size: 0.8rem;
}

/* Hover efekti */
.ingredient-box:hover {
background-color: #22366a; /* Arka plan rengi hafif gri olur */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Hafif gölge efekti */
}

.ingredient-box p:hover{
color: #fff;
}

/* Image Section (Large image) */
.image-section {
flex: 1 1 50%;
text-align: center;
}

.image-section img {
width: 100%;
height: auto;
max-width: 500px;
position: relative;
}

/* Small Image Section */
.small-image-section {
flex: 1 1 100%;
display: flex;
justify-content: space-between;
padding: 0px 20px;
}

.small-image {
text-align: center;
width: 100px;
}

.small-image img {
width: 100%;
height: auto;
margin-bottom: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
.container {
flex-direction: column;
padding: 10px;
}

.text-section h2 {
font-size: 2rem;
}

.text-section h3 {
font-size: 1.2rem;
}

.image-section img {
max-width: 100%;
margin: 0 auto;
}

.ingredient-box {
flex: 1 1 45%;
margin-bottom: 10px;
}

/* Updated Small Image Section for Mobile */
.small-image-section {
display: flex;
justify-content: space-around; /* Small images spaced evenly */
flex-wrap: wrap;
}

.small-image {
flex: 1 1 30%;
margin-bottom: 15px;
}

.nutrients {
text-align: left;
}
}

@media (max-width: 480px) {
.text-section h2 {
font-size: 1.2rem;
}

.text-section h3 {
font-size: 1rem;
}

.ingredient-box {
flex: 1 1 100%;
}

.image-section img {
max-width: 100%;
}

/* Ensure small images stay horizontal even on smaller devices */
.small-image-section {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}

.small-image {
flex: 1 1 30%;
margin: 0;
}
}

/* Table styles */
.table-container {
width: 100%;
overflow-x: auto;
margin-top: 20px;
}

.custom-table {
width: 100%; /* Tabloyu tam genişlikte ayarlıyoruz */
border-collapse: collapse;
font-family: Arial, sans-serif;
background-color: #f9f9f9;
border: 1px solid #ddd;
}

.custom-table th,
.custom-table td {
padding: 12px 15px;
text-align: left;
border: 1px solid #ddd;
width: auto; /* Yüzde bazlı genişliği kaldırıyoruz, böylece içerik genişliğine göre ayarlansın */
}

.custom-table th {
background-color: #007bff;
color: white;
font-weight: bold;
}

.custom-table tbody tr:nth-child(even) {
background-color: #f2f2f2;
}

.custom-table tbody tr:hover {
background-color: #f1f1f1;
}

.custom-table td {
font-size: 14px;
}

.custom-table strong {
font-weight: bold;
color: #333;
}


.additional-info {
max-height: 70px;
padding: 0 20px 0 20px;
overflow: hidden;
opacity: 0.4;
/* Hafif silik görünüm */
transition: all 0.5s ease;
}

.additional-info.expanded {
max-height: 2000px;
/* İçerik açıldığında tam görünsün */
opacity: 1;
/* Tamamen görünür yap */
}

.centered-toggle-btn {
display: block;
margin: 20px auto;
/* Ortalamak için */
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
transition: background-color 0.3s;
}

.centered-toggle-btn:hover {
background-color: #0056b3;
}

.toggle-btn-kapsayici {
margin: 0px auto;
}


.promo-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.promo-card {
position: relative;
background: #f0f9ff;
width: 48%;
height: 360px;
padding: 16px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin: 10px;
overflow: hidden;
transition: transform 0.3s ease;
}

.promo-card:hover {
transform: translateY(-8px);
}

.promo-image {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: url('https://normpati.com/tema/genel/uploads/kedi.png') no-repeat center;
background-size: contain;
opacity: 0.9;
transition: opacity 0.3s ease;
}

.promo-image-2 {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: url('https://normpati.com/tema/genel/uploads/kopek.png') no-repeat center;
background-size: contain;
opacity: 0.9;
transition: opacity 0.3s ease;
}

.promo-card:hover .promo-image {
opacity: 0.7;
}




.promo-title {
margin: 0;
font-size: 32px;
color: #333;
}

.promo-subtitle {
margin: 4px 0 12px;
font-size: 14px;
color: #777;
}

.promo-button {
width: 150px;
padding: 8px;
background: #0056b3;
color: #fff;
border: none;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
transition: background 0.3s ease, transform 0.2s;
position: absolute;
bottom: 20px;
left: 20px;

}

.promo-button a {
color: #fff;
}

.promo-button a:hover {
color: #fff;
}

.promo-button:hover {
background: #22366a;
transform: scale(1.05);
}

@media (max-width: 768px) {
.promo-card {
width: 100%;
max-width: 360px;
margin: 10px 0;
}
}

.modern-product-filter {
display: flex;
flex-direction: column;
padding: 20px;
background-color: #f8f9fa;
border-radius: 8px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
margin-bottom: 15px;
width: 100%;
}

.product-summary {
text-align: left;
margin-bottom: 20px;
}

.product-count-text {
font-size: 18px;
color: #444;
}

.highlight-count {
color: #0056b3;
font-weight: bold;
}

.product-sort-area {
display: flex;
flex-direction: column;
}

.filter-category-block,
.filter-feature-block {
margin-bottom: 10px;
background: #ffffff;
padding: 10px;
border-radius: 8px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.filter-category-title,
.filter-feature-title {
font-size: 16px;
font-weight: 500;
color: #333;
}

.category-checkbox-list,
.feature-checkbox-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 2px;
}

.form-check {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
background-color: #e0e0e0;
border-radius: 20px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
position: relative;
border: 2px solid transparent;
/* Varsayılan olarak şeffaf kenarlık */
}

.form-check-input {
display: none;
}

.checkmark {
font-weight: 500;
color: #333;
padding: 0;
}

/* Hover ve Focus İçin Sade Sınır */
.form-check:hover,
.form-check:focus-within {
border: 2px solid #0056b3;
/* Hover ve focus durumunda mavi kenarlık */
background-color: #e0e0e0;
}

/* Seçili Durum (Active) */
.form-check.active {
background-color: #0056b3;
color: #ffffff;
border: 2px solid #0056b3;
/* Seçili durumda belirgin kenarlık */
}

/* Check Edildiğinde (Input Durumu) */
.form-check-input:checked+.checkmark {
background-color: #0056b3;
color: #ffffff;
border: 1px solid #0056b3;
/* Seçili durumda belirgin kenarlık */
}

/* Hover ve Geçiş Efektleri */
.form-check {
transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

.filter-submit-btn {
background-color: #0056b3;
color: #ffffff;
padding: 8px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s ease;
}

.filter-submit-btn:hover {
background-color: #004292;
}

@media (max-width: 768px) {

.category-checkbox-list,
.feature-checkbox-list {
flex-direction: row;
gap: 8px;
}

.modern-product-filter {
padding: 15px;
}

.filter-submit-btn {
width: 100%;
}
}


urunler-body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f5f5f5;
}
/* Ana Konteyner */
.mama-main-container {
display: flex;
align-items: center;
max-width: 100%;
width: 100%;
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
overflow: hidden;
}

/* Sol Buton Alanı */
.mama-button-section {
flex: 1;
padding: 40px;
display: flex;
flex-direction: column;
gap: 20px;

}

.mama-button-title {
font-size: 24px;
color: #4f6d7a;
font-weight: bold;
margin-bottom: 20px;
}

.mama-button {
padding: 15px 25px;
background: #2f9ecb;
color: white;
border: none;
border-radius: 30px;
cursor: pointer;
font-size: 18px;
font-weight: 500;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
text-align: center;
}

.mama-button::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 300%;
height: 300%;
background: rgba(255, 255, 255, 0.3);
transition: all 0.4s ease;
transform: translate(-150%, -150%) rotate(45deg);
}

.mama-button:hover::before {
transform: translate(150%, 150%) rotate(45deg);
}

.mama-button:hover {
background: #3e545e;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
color: white;
}


/* Sağ Görsel Alanı */
.mama-image-section {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 40px;
background-color: #ffffff;
}

.mama-image {
width: 100%;
max-width: 450px;
border-radius: 20px;
transition: transform 0.3s ease;
}

.mama-image-section:hover .mama-image {
transform: scale(1.05);
}

/* Üstte görünecek yazı */
.text-above-buttons {
  font-size: 24px;
  color: #4f6d7a;
  font-weight: bold;
  margin-bottom: 10px; /* Butonlardan biraz boşluk bırak */
}

/* Mobil Uyum */
@media (max-width: 768px) {
.mama-main-container {
flex-direction: column;
}

.mama-image {
max-width: 100%;
}

.mama-button {
font-size: 16px;
padding: 12px 60px;
}
}

/* Logolar Bölümü */
.brand-logos-section-urunler {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 40px;
margin-top: 40px;
padding: 20px;
background-color: #f9f9f9;
border-radius: 15px;
}

.brand-logo-urunler {
display: flex;
flex-direction: column;
align-items: center;
width: 150px;
text-align: center;
}

.brand-logo-urunler img {
width: 150px;
height: auto;
margin-bottom: 10px;
transition: transform 0.3s ease;
}

.brand-logo-urunler p {
font-size: 14px;
color: #4f6d7a;
font-weight: bold;
}

.brand-logo-urunler img:hover {
transform: scale(1.1);
}

/* Mobil Uyum */
@media (max-width: 768px) {
.brand-logo-urunler {
width: 45%;
}
}

.brand-title-urunler {
display: inline-block;
width: 100%;
text-align: center;
color: #333;
margin-top:20px;
}


.highcharts-figure {
min-width: 360px;
max-width: 800px;
margin: 0 auto;
}

#container-world {
height: 500px;
}

.animated-line {
stroke-dasharray: 1;
stroke-dashoffset: 1;
animation: dash 5s linear infinite;
}

@keyframes dash {
from {
stroke-dashoffset: 40;
}

to {
stroke-dashoffset: 20;
}
}

.highcharts-credits {
display: none;
}


.normpati-header {
background: url('https://normpati.com/tema/genel/uploads/fotogaleri/6.png') no-repeat center center/cover;
// background-image: linear-gradient(to bottom right, blue, yellow);
background-size: cover;
background-position: center;
height: 300px;
position: relative;
border-radius: 20px;
}
.normpati-header::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 20px;
background-color: rgba(0, 0, 0, 0.5);
}
.normpati-header-title {
position: relative;
color: #fff;
text-align: center;
top: 50%;
transform: translateY(-50%);
font-size: 2rem;
margin: 0;
z-index: 999;
}
.normpati-container {
max-width: 1000px;
margin: 40px auto;
padding: 0 20px;
}
.normpati-content {
line-height: 1.8;
font-size: 1.1rem;
}
.normpati-content p {
margin-bottom: 1.5rem;
}
.normpati-highlight {
color: #22366a;
font-weight: bold;
}
.normpati-values {
display: flex;
flex-wrap: wrap;
margin: 40px 0;
}
.normpati-value-item {
flex: 1 1 30%;
text-align: center;
padding: 20px;
}
.normpati-value-icon {
width: 80px;
margin-bottom: 20px;
}
.normpati-value-title {
font-size: 1.2rem;
margin-bottom: 10px;
color: #22366a;
}
@media (max-width: 768px) {
.normpati-values {
flex-direction: column;
}
.normpati-value-item {
margin-bottom: 20px;
}
.normpati-header-title {
font-size: 1.5rem;
}
.normpati-header {
height: 200px;
}
}

/* Bölüm Konteyneri */
.normpati-why-section-container {
max-width: 1000px;
margin: 40px auto;
padding: 20px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

/* Başlık Stilleri */
.normpati-why-header {
text-align: center;
color: #0056b3;
margin-bottom: 30px;
}

.normpati-why-header h1 {
font-size: 2.8rem;
font-weight: bold;
margin: 0;
}

/* İçerik Stili */
.normpati-why-content {
line-height: 1.8;
font-size: 1.1rem;
color: #555;
}

.normpati-why-content p {
margin-bottom: 1.5rem;
}

.normpati-highlight-text {
font-weight: bold;
color: #22366a;
}

/* Özel Avantaj Bölümü */
.normpati-why-features {
margin: 40px 0;
display: flex;
flex-direction: column;
gap: 20px;
}

.normpati-why-feature-item {
padding: 20px;
background-color: #e9f3ff;
border-left: 6px solid #22366a;
border-radius: 8px;
transition: transform 0.3s ease;
}

.normpati-why-feature-item:hover {
transform: translateX(10px);
}

.normpati-feature-title {
font-size: 1.5rem;
color: #22366a;
margin-bottom: 10px;
font-weight: bold;
}

.normpati-feature-text {
color: #444;
margin: 0;
}

/* Son Paragraf Stili */
.normpati-why-final-content {
line-height: 1.8;
font-size: 1.1rem;
color: #555;
text-align: center;
padding: 20px;
border-top: 1px solid #e0e0e0;
margin-top: 20px;
}

@media (max-width: 768px) {
.normpati-why-header h1 {
font-size: 2.2rem;
}
.normpati-why-features {
gap: 15px;
}
.normpati-why-feature-item {
padding: 15px;
}
}

.unique-hero-section2 {
background: url('https://r.resimlink.com/QUA53LK.png') no-repeat center center/cover;
color: white;
text-align: center;
padding: 100px 20px;
height: 450px;
position: relative;
z-index: 1;
perspective: 1000px;
border-radius: 10px 10px 10px 10px; 

}
.unique-hero-section3 {
background: url('https://normpati.com/tema/genel/uploads/fotogaleri/6.png') no-repeat center center/cover;
color: white;
text-align: center;
padding: 100px 20px;
height: 300px;
position: relative;
z-index: 1;
perspective: 1000px;
border-radius: 10px 10px 10px 10px;
}
.unique-hero-section4 {
background: url('https://normpati.com/tema/genel/uploads/fotogaleri/3.png') no-repeat center center/cover;
background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    height: 350px;
    width: 100%;
    position: relative;
    z-index: 1;
    perspective: 1000px;
    border-radius: 10px;
    width: 1000px;
    margin: 20px;
}
@media (max-width: 768px) {
    .unique-hero-section4 {
        height: 250px; /* Daha küçük ekranlarda yüksekliği azalt */
       
    }
}

/* Daha Küçük Telefonlar İçin */
@media (max-width: 480px) {
    .unique-hero-section4 {
        height: 200px; /* Çok küçük ekranlar için yükseklik daha da azalsın */
    }
}