/*Rtl Css*/ *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } header a, footer a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; font-weight: 700; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-right: 0; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } table { width: 100%; border-spacing: 0; } th, td { padding: 5px; text-align: center; } table td, table tr, table th { border: 1px solid #ddd; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img, .wp-block-image img { height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 1em 0; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-size: 17px; } abbr, acronym { border-bottom: 1px dotted #ddd; cursor: help; } mark, ins { background: #ddd; text-decoration: none; } big { font-size: 125%; } select, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { border-radius: 0; box-sizing: border-box; display: block; font-size: 17px; width: 100%; background: #fff; border: 1px solid #ccc; line-height: 1.75; padding: 7px 15px; color: #1c1c1c; } p a { text-decoration: underline; } textarea { width: 100%; height: 120px; padding: 15px 20px; } input[type="checkbox"] { display: inline; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #c3c3c3; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a3a2a2; } hr { background-color: #999; border: 0; height: 1px; margin-bottom: 1.5em; } a { color: var(--wp--preset--color--primary); outline: 0 !important; } .widget a:not(.wp-block-button__link), .entry-summery a:not(.wp-block-button__link), .entry-content a:not(.wp-block-button__link) { text-underline-offset: 3px; text-decoration-skip-ink: all; text-decoration-thickness: 1px; text-decoration: underline; } .widget a:not(.wp-block-button__link):hover, .entry-summery a:not(.wp-block-button__link):hover, .entry-content a:not(.wp-block-button__link):hover { color: var(--wp--preset--color--primary); } a:focus-visible, a:focus { outline: thin dotted !important; } a:hover, a:active, a:hover { outline: 0; color: var(--wp--preset--color--primary); } /*alignwide*/ .alignfull{ margin:0 !important; width: auto !important } h1,h2,h3,h4,h5,h6{ color: #000; } /*---------------- Woocommerce CSS------------------ */ .woocommerce .wp-block-woocommerce-product-collection ul.wc-block-product-template h3.wp-block-post-title{ font-size: 25px !important; } .woocommerce h3 a{ color: #000!important; text-decoration: none; } .woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{ background: var(--wp--preset--color--primary); color: #fff; padding: 10px; } .woocommerce .wp-block-query-pagination-numbers{ display: flex; align-items: center; gap: 10px; } .woocommerce .wp-block-query-pagination{ gap: 0; } .woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{ background: #000; color: #fff !important; } .woocommerce .wp-block-post{ box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .woocommerce .select2-container--default .select2-selection--single{ height: 40px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 5px 8px; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 8px; } .woocommerce form .form-row input.input-text { padding: 8px; border: 1px solid #bcbcbc; } .related.products h2 { text-align: right; } .woocommerce .star-rating span::before { color: #f3f321; } .woocommerce ul.products li.product .star-rating{ margin: 0 auto 8px; font-size: 15px !important; } .woocommerce span.onsale{ background: var(--wp--preset--color--primary); padding: 0; color: #fff; } .products li { box-shadow: 2px -2px 5px #bbb; padding: 10px !important; text-align: center; } .woocommerce ul.products li.product a img{ margin: 0; } h2.woocommerce-loop-product__title, .woocommerce div.product li .product_title { color: #000; letter-spacing: 1px; font-weight: 600; text-align: center !important; font-size: 20px !important; padding: 5px 0 5px 0 !important; } .woocommerce ul.products li.product .button { margin-top: 5px; } .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; } .woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{ margin-bottom: 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{ background: var(--wp--preset--color--primary); color: #fff ; border-radius: solid 1px solid var(--wp--preset--color--primary); padding: 8px 25px !important; opacity: 1 !important; text-decoration: none; border-radius: 30px; } .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{ background: var(--wp--preset--color--primary) !important; color: #fff !important; border-radius: solid 1px solid var(--wp--preset--color--primary) !important; border: none !important; border-radius: 30px !important; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background: var(--wp--preset--color--tertiary) !important; border: 1px solid var(--wp--preset--color--tertiary); } .woocommerce .quantity .qty { width: 5em; padding: 7px !important; border-radius: 30px; border: solid 1px #000; color: #000; line-height: 1; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { max-width: 100%; } .woocommerce-account.woocommerce-dashboard .wp-block-group.main-page{ padding: 0 !important; } .woocommerce-account.woocommerce-dashboard .wp-block-group.main-page .woocommerce{ width: 80%; } nav.woocommerce-MyAccount-navigation ul { list-style: none; padding-right: 0; } nav.woocommerce-MyAccount-navigation ul li { background: var(--wp--preset--color--primary); padding: 12px !important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: #fff; font-weight: 600; } nav.woocommerce-MyAccount-navigation ul li a:hover{ color: #222 !important; } span.posted_in { display: block; } span.woocommerce-input-wrapper { width: 100%; } select.orderby { padding: 10px; } .woocommerce-product-gallery__image{ padding: 2px; } .woocommerce .cart .button, .woocommerce .cart input.button{ padding: 12px; } nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{ text-decoration: none !important; } .woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label { color: #000; line-height: 28px; } .woocommerce .woocommerce-breadcrumb{ max-width: 90%; margin: 0 auto; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{ margin-top: 20px; } .woocommerce-page .select2-container .select2-selection .select2-selection__arrow{ height: 1.5rem !important; } .woocommerce input#password{ border: 1px solid #bcbcbc; } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 0px !important; } .woocommerce-page form .password-input{ width: 100%; } .woocommerce nav.woocommerce-pagination ul li a { display: block; padding: 12px 15px; text-decoration: none; width: auto; color: #fff; background: var(--wp--preset--color--primary); transition: background .15s ease-in-out; font-weight: bold; } .woocommerce nav.woocommerce-pagination ul li a:hover{ background: #000; color: #fff; } .woocommerce nav.woocommerce-pagination ul li span.current{ padding: 12.5px 15px; background: #000; color: #fff; font-weight: normal; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{ border: none; float: none; overflow: unset; } .woocommerce nav.woocommerce-pagination { text-align: center; margin-bottom: 20px; } .woocommerce-cart table.cart td.actions .coupon .input-text{ width: 110px !important; padding: 5px 5px 5px !important; margin: 0px 0 0px 10px !important; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 30px; } #payment{ margin: 0 0 30px 0; } .product-name a{ color: #000; } .wp-block-heading { margin-bottom: 5px; margin-top: 5px; } .search-icon path{ color: #000; } .single-product #reviews .comment-form .form-submit .submit.wp-block-button__link{ width: auto; } .single-product .woocommerce.product .wp-block-woocommerce-product-price{ margin-top: 0; } .single-product .woocommerce.product .alg_currency_select{ width: auto; background-color: var(--wp--preset--color--primary); border: none; color: #ffffff; } .single-product .wp-block-woocommerce-product-meta .wp-block-group{ margin-right: 0 !important; } /* Header Section */ .home .main-header-section{ position: absolute; z-index: 2; right: 0; left: 0; } .home .header-section .header-inner-section{ background-color: #0000 !important; max-width: 75%; } .header-section .header-inner-section{ max-width: 80%; } .home .header-section .header-inner-section .header-logo .header-title a, .home .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu{ color: var(--wp--preset--color--foreground) !important; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu{ background-color: #0000 !important; } .home .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu li a:hover{ color: var(--wp--preset--color--primary) !important; } .home .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu ul ul li a:hover{ color: var(--wp--preset--color--background) !important; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu ul ul li a{ padding: 10px; } .header-section .header-inner-section .header-menu .header-btn-box .header-main-menu li a:hover{ color: var(--wp--preset--color--foreground) !important; } .home .header-section .header-right-box .header-btn a{ background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--background) !important; } .header-section .header-right-box .header-btn a:hover{ background-color: var(--wp--preset--color--foreground) !important; } .home .header-section .header-menu .header-search svg.search-icon{ fill: var(--wp--preset--color--foreground); } .header-section .header-menu .header-search svg.search-icon{ fill: var(--wp--preset--color--background); transform: rotate(90deg); } .header-section .header-menu .header-search button.wp-block-search__button{ background-color: #0000; border: none; display: flex; align-items: center; padding: 0; } .home .header-section .header-inner-section{ position: relative; z-index: 1; } .home .header-section .header-inner-section:after{ content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; cursor: pointer; background-image: url(./images/header-bg.png); z-index: -1; } .header-section .header-right-box .header-btn a{ clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%); } .header-section .header-inner-section{ position: relative; } .header-section .header-inner-section .header-logo a:hover{ color: var(--wp--preset--color--background) !important; } /*Banner section*/ .banner-section .banner-inner{ height: 800px; } .banner-section .wp-block-cover__inner-container{ z-index: 1; height: 100%; display: flex; align-items: flex-end; } .banner-section .bnr-main-cont-box{ width: 100%; } .banner-section .banner-left-cont{ position: relative; z-index: 2; } .banner-section .banner-inner .banner-bg{ margin-top: 0; } .banner-section .banner-bg .banner-btm-text{ opacity: 0.2; position: relative; z-index: 2; } .banner-section .banner-left-cont .banner-btns{ gap: 0; } .banner-section .banner-left-cont .banner-btns .banner-btn1 a, .banner-section .banner-left-cont .banner-btns .banner-btn2 a, .about-section .about-left-box .about-btn a{ clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); } .banner-section .banner-left-cont .banner-btns .banner-btn1 a:hover{ background-color: var(--wp--preset--color--background) !important; color: var(--wp--preset--color--foreground) !important; } .banner-section .banner-left-cont .banner-btns .banner-btn2 a:hover{ background-color: var(--wp--preset--color--primary) !important; color: #ffffff !important; } .banner-section .banner-social-icons{ gap: 20px; position: absolute; top: 36%; right: 5%; z-index: 1; } .banner-section .banner-social-icons ul.wp-block-social-links{ gap: 5px; } .banner-section .banner-social-icons ul.wp-block-social-links a{ background-color: #000000; height: 32px; width: 32px; display: flex; justify-content: center; font-size: 20px; } .banner-section .banner-social-icons .social-icon-text{ writing-mode: vertical-rl; transform: rotate(-180deg); line-height: 2; } .banner-section .banner-social-icons ul.wp-block-social-links li:hover{ transform: scale(1); } .banner-section .banner-social-icons ul.wp-block-social-links li:hover a{ background-color: var(--wp--preset--color--primary); } .banner-section .banner-swiper-pagination, .banner-section .banner-swiper-pagination span{ color: var(--wp--preset--color--background); } .banner-section .banner-swiper-pagination{ gap: 2px; font-weight: 600; font-size: 25px; align-items: baseline; position: absolute; z-index: 1; right: 60px; bottom: 15px; } .banner-section .banner-swiper-pagination .swiper-pagination-current{ font-size: 40px; line-height: 1.2; } .banner-section .banner-navigation{ position: absolute; z-index: 2; bottom: 0; left: 0; } .banner-section .banner-navigation .banner-nav-inner-box{ clip-path: polygon(65% 70%, 85% 30%, 100% 100%, 0 100%, 10% 70%); position: relative; z-index: 1; } .banner-section .banner-navigation .banner-nav-outer{ position: relative !important; } .banner-section .banner-right-box2{ position: absolute; bottom: 0; left: 55px; height: 72%; width: 20%; background-color: var(--wp--preset--color--primary); opacity: 0.2; clip-path: polygon(37% 0, 61% 100%, 100% 80%); } .banner-section .banner-right-box1{ position: absolute; height: 100%; width: 25%; top: 0; left: 0; background-color: var(--wp--preset--color--foreground); z-index: 1; opacity: 0.35; clip-path: polygon(52% 0, 100% 0, 100% 100%, 0% 100%); } .banner-section .banner-bg:before{ content: ''; position: absolute; height: 100%; width: 10%; top: 0; right: 0; background-color: var(--wp--preset--color--foreground); opacity: 0.35; clip-path: polygon(0 0, 0% 100%, 100% 100%); z-index: 1; } .banner-section .banner-bg:after{ content: ''; position: absolute; height: 50%; width: 10%; top: 0; right: 0; background-color: var(--wp--preset--color--primary); z-index: 1; opacity: 0.35; clip-path: polygon(0 0, 50% 100%, 100% 0); } .banner-section .banner-navigation .banner-navigate-btn{ gap: 10px; } .banner-section .banner-navigation .banner-swiper-button-prev, .banner-section .banner-navigation .banner-swiper-button-next{ position: relative; } .banner-section .banner-navigation .banner-swiper-button-prev:after, .banner-section .banner-navigation .banner-swiper-button-next:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); height: 30px; width: 30px; background-color: transparent; background-repeat: no-repeat; background-size: 70% 70%; background-position: center; background-color: var(--wp--preset--color--foreground); cursor: pointer; } .banner-section .banner-navigation .banner-swiper-button-prev:after{ left: 0; } .banner-section .banner-navigation .banner-swiper-button-next:after{ right: 0; } .banner-section .banner-navigation .banner-swiper-button-prev:after{ background-image: url(./images/previous.svg); } .banner-section .banner-navigation .banner-swiper-button-next:after{ background-image: url(./images/next1.svg); } .banner-section .banner-navigation .banner-swiper-button-prev a, .banner-section .banner-navigation .banner-swiper-button-next a{ background-color: #0000; } .banner-section .banner-navigation .banner-swiper-button-prev a{ padding-left: 45px !important; } .banner-section .banner-navigation .banner-swiper-button-next a{ padding-right: 45px !important; } .banner-section .banner-navigation .banner-swiper-button-prev:hover:after{ background-image: url(./images/previous1.svg); background-color: var(--wp--preset--color--background); } .banner-section .banner-navigation .banner-swiper-button-next:hover:after{ background-image: url(./images/next.svg); background-color: var(--wp--preset--color--background); } /* Project Section */ .project-section .project-head-box .project-bg-heading, .faq-section .faq-head-box .faq-bg-heading, .news-section .news-head-box .news-bg-heading{ position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); opacity: 0.04; z-index: -1; width: 100%; word-wrap: break-word; } .news-section .news-head-box .news-bg-heading{ top: 65%; } .project-section .mySwiper1, .news-section .mySwiper2{ overflow: hidden; } .news-section .mySwiper2{ padding: 10px; } .project-section:after, .faq-section:after{ content: ''; position: absolute; height: 100%; width: 100%; top: 0; background-color: var(--wp--preset--color--primary); opacity: 0.1; z-index: -1; } .project-section .project-box .project-inner-box{ filter: drop-shadow(0px 3px 6px #0000001A); } .news-section .news-box .news-inner-box{ filter: drop-shadow(0px 0px 6px #00000026); } .project-section .project-box .project-inner-box:before, .news-section .news-box .news-inner-box:before{ content: ''; position: absolute; height: 100%; width: 100%; background-color: var(--wp--preset--color--background); top: 0; z-index: -1; clip-path: polygon(0 0, 100% 0, 100% 80%, 80% 100%, 0 100%); } .project-section .project-box .project-inner-box:hover .project-title a, .news-section .news-box .news-inner-box:hover .news-title a{ color: var(--wp--preset--color--primary) !important; } .project-section .project-box .project-inner-box .project-img:after, .project-section .project-box .project-inner-box .project-img:before{ content: ''; position: absolute; background-color: var(--wp--preset--color--foreground); opacity: 0; left: 0; z-index: 1; } .project-section .project-box .project-inner-box .project-img:after{ top: 0; clip-path: polygon(0 0, 100% 100%, 100% 0); height: 35%; width: 22%; } .project-section .project-box .project-inner-box .project-img:before{ bottom: 0; clip-path: polygon(100% 0, 0 100%, 100% 100%); height: 85%; width: 45%; } .project-section .project-box .project-inner-box:hover .project-img:after, .project-section .project-box .project-inner-box:hover .project-img:before{ opacity: 0.4; } .project-section, .project-section, .project-section .project-box .project-inner-box, .project-section .project-box .project-inner-box .project-main-box, .project-section .project-box .project-inner-box .project-img, .project-section .project-head-box, .faq-section .faq-head-box, .news-section .news-head-box, .news-section .news-box .news-inner-box{ position: relative; } .project-section .project-box .project-inner-box .project-main-box .project-catgory, .news-section .news-box .news-inner-box .news-main-box .news-date{ position: absolute; right: 20px; top: 20px; } .project-section .project-box .project-inner-box .project-main-box .project-catgory a{ text-decoration: none; } .project-section .project-box .project-inner-box .project-main-box .project-catgory a:hover{ color: var(--wp--preset--color--background); } .project-section .project-box .project-inner-box .project-img, .news-section .news-box .news-inner-box .news-img{ clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 20%); border-radius: 0 !important; } .project-section .project-box .project-inner-box .project-desc .wp-block-post-excerpt__excerpt, .news-section .news-box .news-inner-box .news-desc .wp-block-post-excerpt__excerpt{ padding-left: 60px; } .project-section .project-box .project-desc .wp-block-post-excerpt__more-text a{ background-color: #0000; color: var(--wp--preset--color--foreground) !important; text-transform: capitalize; padding: 0; font-weight: 500; } .project-section .project-box .project-desc .wp-block-post-excerpt__more-text{ margin-top: 10px; } .project-section .project-swiper-pagination, .news-section .news-swiper-pagination{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; padding-top: 15px; gap: 0; } .project-section .project-swiper-pagination .swiper-pagination-bullet, .news-section .news-swiper-pagination .swiper-pagination-bullet{ background-color: var(--wp--preset--color--foreground); opacity: 0.15; height: 8px; width: 8px; margin: 0 5px !important; } .project-section .project-swiper-pagination .swiper-pagination-bullet-active, .news-section .news-swiper-pagination .swiper-pagination-bullet-active{ background-color: var(--wp--preset--color--primary); opacity: 1; height: 12px; width: 12px; } /* About Section */ .about-section .about-mid-box .about-inner-box1, .about-section .about-mid-box .about-inner-box2{ clip-path: polygon(80% 0, 100% 40%, 100% 100%, 0 100%, 0 0); } .about-section .about-mid-box .about-mid-btm-img{ position: relative; display: flex; align-items: flex-end; } .about-section .about-mid-box .about-mid-btm-img .wp-block-cover__inner-container{ position: relative; } .about-section .about-mid-box .about-mid-btm-img .wp-block-cover__inner-container:after{ content: ''; position: absolute; height: 100px; width: 100px; bottom: 0; left: 0; background-color: var(--wp--preset--color--foreground); clip-path: polygon(100% 0, 0% 100%, 100% 100%); opacity: 0; transition: 0.6s; } .about-section .about-mid-box .about-mid-btm-img:after, .about-section .about-mid-box .about-mid-btm-img:before{ content: ''; position: absolute; background-color: var(--wp--preset--color--foreground); right: 0; z-index: 1; transition: 1s; } .about-section .about-mid-box .about-mid-btm-img:after{ height: 45%; width: 35%; clip-path: polygon(100% 0, 0% 100%, 0 0); top: 0; opacity: 0; } .about-section .about-mid-box .about-mid-btm-img:before{ height: 78%; width: 55%; clip-path: polygon(0 100%, 100% 100%, 0 0); bottom: 0; opacity: 0; } .about-section .about-mid-box .about-mid-btm-img:hover:after{ opacity: 0.3; } .about-section .about-mid-box .about-mid-btm-img:hover:before{ opacity: 0.25; } .about-section .about-mid-box .about-mid-btm-img:hover .wp-block-cover__inner-container:after{ opacity: 1; } .about-section .about-mid-box .about-mid-outer-box{ gap: 12px; } .about-section .about-mid-box, .about-section .about-right-box{ display: flex; flex-direction: column; justify-content: space-between; } .about-section .about-right-box .about-video{ clip-path: polygon(100% 0, 100% 70%, 85% 100%, 0 100%, 0 0); } .about-section .about-right-box .about-video .wp-block-embed__wrapper{ height: 260px; } .about-section .about-left-box .about-btn a:hover{ background-color: var(--wp--preset--color--foreground) !important; } .about-section .about-right-box .about-video a.wpzoom-video-popup-block{ width: 50px; } .about-section .about-right-box .about-video a.wpzoom-video-popup-block .wpzoom-video-popup-block_icon{ font-size: 30px !important; background-color: var(--wp--preset--color--primary); display: inline-flex; padding: 10px; border-radius: 10px; height: 50px; width: 50px; padding: 12px; color: #fff; } .wpzoom-video-popup-block-modal .mfp-close{ font-size: 35px !important; background-color: var(--wp--preset--color--primary); display: inline-flex; padding: 0px 10px 5px; border-radius: 10px; opacity: 1; width: auto; align-items: center; } .about-section .about-right-box .about-video a.wpzoom-video-popup-block:hover .wpzoom-video-popup-block_icon{ color: var(--wp--preset--color--background); } .about-section .about-right-box .about-video .wp-block-cover__inner-container{ text-align: center; } /* FAQ's Section */ .faq-section .faq-detail-section details.faq-btm-title summary{ padding: 10px 20px 10px 40px; list-style: none; position: relative; } .faq-section .faq-detail-section details.faq-btm-title{ box-shadow: 0px 3px 6px 0px #00000026; margin-top: 25px; } .faq-section .faq-detail-section details.faq-btm-title[open] > summary{ border-bottom: 1px solid var(--wp--preset--color--background); } .faq-section .faq-detail-section details.faq-btm-title[open] > summary + p{ margin-top: 0; padding: 15px 20px; } .faq-section .faq-detail-section details.faq-btm-title[open]{ background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--background) !important; } .faq-section .faq-detail-section details.faq-btm-title summary:after{ content: ''; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); height: 15px; width: 15px; background-color: transparent; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(./images/faq.svg); } .faq-section .faq-detail-section details.faq-btm-title[open] > summary:after{ background-image: url(./images/faq1.svg); } /* News Section */ .news-section .news-inner-box .news-meta-box .news-author, .news-section .news-inner-box .news-meta-box .news-comment .wp-block-comments-title, .footer-section .footer-box .footer-phone, .footer-section .footer-box .footer-mail, .footer-section .footer-box .footer-address{ position: relative; } .news-section .news-inner-box .news-meta-box .news-author:after, .news-section .news-inner-box .news-meta-box .news-comment .wp-block-comments-title:after, .footer-section .footer-box .footer-phone:after, .footer-section .footer-box .footer-mail:after, .footer-section .footer-box .footer-address:after{ content: ''; position: absolute; right: 0; top: 45%; transform: translateY(-50%); height: 18px; width: 18px; background-color: transparent; background-repeat: no-repeat; background-size: 100% 100%; } .news-section .news-inner-box .news-meta-box .news-author:after{ background-image: url(./images/author.svg); } .news-section .news-inner-box .news-meta-box .news-comment .wp-block-comments-title:after{ background-image: url(./images/comment.svg); } .footer-section .footer-box .footer-phone:after{ background-image: url(./images/phone.svg); } .footer-section .footer-box .footer-mail:after{ background-image: url(./images/email.svg); } .footer-section .footer-box .footer-address:after{ background-image: url(./images/location.svg); } .footer-section .footer-box .footer-phone:after, .footer-section .footer-box .footer-mail:after, .footer-section .footer-box .footer-address:after{ background-color: var(--wp--preset--color--primary); background-size: 50% 50%; padding: 16px; background-position: center; } /*added woo product*/ .wc-block-components-product-sale-badge img{ height: 250px !important; } .products-block-post-template h3 a{ font-size: 22px !important; text-decoration: none ; } span.woocommerce-Price-amount.amount{ font-size: 18px !important; color: #000; } a.added_to_cart.wc_forward{ margin-top: 0 !important; background: var(--wp--preset--color--primary); color: #fff; padding: 6px 12px; font-size: 18px !important; text-decoration: none; border-radius: 6px; } .single-post .wp-block-post-featured-image img{ width: auto; } .single-post .wp-block-post-author__avatar img{ width: 25px !important; height: 25px !important; } .wp-block-woocommerce-checkout.wc-block-checkout { width: 90%; margin: 0 auto; } .woocommerce .product .yith-wcwl-add-to-wishlist-button svg, .woocommerce .product .yith-wcwl-add-to-wishlist-button--added svg{ color: #ffffff !important; } /*archive*/ .archive-page-sec{ padding-bottom: 30px; padding-top: 30px; } /*Footer Section*/ .footer-section .footer-box .footer-phone, .footer-section .footer-box .footer-mail, .footer-section .footer-box .footer-address { display: inline-flex; } .footer-section:before{ content: ''; position: absolute; height: 65px; width: 90px; background-color: var(--wp--preset--color--foreground); top: -64px; right: 0; clip-path: polygon(0 0, 0% 100%, 100% 100%); } .footer-section .footer-box .footer-mail-box, .footer-section .footer-box .footer-phone-box{ gap: 12px; } .footer-section .wp-block-social-links{ gap: 10px !important; } .footer-section .wp-block-tag-cloud a{ border:1px solid var(--wp--preset--color--primary); padding: 6px 10px; margin: 2px; } .footer-section .wp-block-tag-cloud a:hover{ background: #009DAE; border:1px solid #009DAE; } .footer-add{ margin-left: 10%; } .footer-section { padding: 0; min-height: auto; position: relative; } .footer-section .wp-block-columns.copyright-section { justify-content: center; position: relative; } .footer-section .wp-block-columns.copyright-section:before, .footer-section .wp-block-columns.copyright-section:after{ content: ''; position: absolute; width: 60px; } .footer-section .wp-block-columns.copyright-section:before{ background-color: var(--wp--preset--color--foreground); clip-path: polygon(100% 0, 0% 100%, 0 0); height: 100%; top: -1px; right: 0; } .footer-section .wp-block-columns.copyright-section:after{ background-color: var(--wp--preset--color--primary); clip-path: polygon(100% 0, 0% 100%, 100% 100%); height: 100%; top: -99%; left: 0; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child { padding-right: 50px; } .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { padding-left: 50px; } .footer-add{ line-height: 30px !important; } .footer-box a{ text-decoration: none !important; } .footer-box ul { padding: 0; gap: 0; } .footer-box{ position: relative; } .footer-box ul li { list-style: none; margin-bottom: 10px; } .footer-section .wp-block-social-link{ background: transparent !important; color: var(--wp--preset--color--tertiary); } .footer-section .wp-block-button__link { padding: 10px 25px; font-weight: 500; font-size: 14px; color: #fff !important; text-decoration: none; background-color: transparent; border: 2px solid #fff; } .search-menu .menu-section .wp-block-search__button svg:hover{ color: #fff !important; } .footer-section .wp-block-social-link a{ padding: 6px !important; border-radius: 0; background: #ffffff; color: #000000 !important; font-size: 20px !important; } .footer-section .wp-block-social-link a:hover{ background-color: var(--wp--preset--color--primary); color: #ffffff !important; } .copyright-section p{ line-height: 30px; } .copyright-section p a{ text-decoration: none; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{ color: #1778f2; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{ color:#f00075; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{ color:#1da1f2; } .footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{ color:#e60122; } .innerpage-banner{ margin: 0 !important; } /*theme-button-section*/ .theme-button-section a{ border: 2px solid transparent !important; } .theme-button-section a:hover{ border: 2px solid var(--wp--preset--color--primary) !important; background: transparent !important; color: #000 !important; font-size: 18px; font-weight: 600; } /*404 Page CSS*/ .wp-block-search__button { border: 0; background: var(--wp--preset--color--primary); } /*Sidebar CSS*/ .theme-sidebar .wp-block-tag-cloud a{ border:1px solid var(--wp--preset--color--primary); padding: 6px 10px; margin: 2px; } .theme-sidebar .wp-block-group { padding: 15px ; border: 1px solid #eee; color: #6b6b6b; } .theme-sidebar .wp-block-group h3 { color: var(--wp--preset--color--primary); padding-bottom: 5px; border-bottom: 3px solid var(--wp--preset--color--primary); font-size: 24px !important; } .theme-sidebar .wp-block-group ul { padding-right: 20px; } .theme-sidebar .wp-block-group ul li { line-height: 2; font-size: 20px; color: var(--wp--preset--color--primary); list-style: disc; text-decoration: none !important; } .theme-sidebar .wp-block-group ul li a { color: #000 !important; text-decoration: none !important; font-size: 16px; } .theme-sidebar .wp-block-social-links .wp-social-link a{ color: #ffffff !important; } .theme-sidebar ul.wp-block-social-links { padding: 0; } .theme-sidebar ul.wp-block-social-links a{ padding: 10px !important; } .theme-sidebar ul.wp-block-social-links a svg { font-size: 18px; } .theme-sidebar .wp-block-tag-cloud a{ background:#fff; color: #000; font-size:15px !important; padding: 6px 18px; margin: 2px 4px 6px; display:inline-block; border: 2px solid #000; text-decoration: none; } .theme-sidebar .wp-block-tag-cloud a:hover{ background: var(--wp--preset--color--primary); color: #fff; border: 2px solid var(--wp--preset--color--primary); } .theme-sidebar .wp-block-gallery { gap: 1em; } .wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{ margin-bottom: 30px; } .wp-element-button,.wc-block-components-checkout-return-to-cart-button{ background: var(--wp--preset--color--primary); color: #fff; border: 1px solid transparent; border-radius: 6px; padding: 6px 25px; } .wp-block-woocommerce-filled-cart-block .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button{ text-decoration: none; } .wc-block-cart__sidebar .wc-block-cart__totals-title{ padding: 8px 16px !important; } .single-product .wp-block-woocommerce-product-template li .wp-block-woocommerce-product-button .added_to_cart.wc_forward{ margin-top: 10px !important; } .single-product .wc-block-grid__product-price del .woocommerce-Price-amount.amount{ text-decoration: line-through; } .single-product .wc-block-grid__product-price del{ text-decoration: none; } .single-product .yith-add-to-wishlist-button-block--single a{ background-color: var(--wp--preset--color--primary); text-decoration: none; color: #ffffff; padding: 10px; border-radius: 6px; } .wp-element-button:hover{ background: transparent; border: 1px solid var(--wp--preset--color--primary); color: #fff !important; } .wp-block-search__button:hover{ color: #fff ; } .wp-block-site-logo{ margin-top: 10px !important; } .wp-block-site-title{ line-height: 1; } /*Blog Section*/ .wp-block-latest-posts.is-grid li { position: relative; background: #fff; border: solid 1px #eee; box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%); margin-bottom: 30px; } .blog-section .wp-block-latest-posts.is-grid li { box-shadow: none; } .wp-block-latest-posts.is-grid li img { width: 100%; } .wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title { font-size: 20px; font-weight: 700; color: #000; padding: 0 10px; text-transform: capitalize; text-decoration: none; display: block; margin: 15px 0 0; } .wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{ display: inline-block; background: var(--wp--preset--color--primary); padding: 8px 8px; font-weight: 600; font-size: 13px; color: #fff; margin: 10px 10px 0px 0px; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt { color: #6b6b6b; padding: 0 10px; font-size: 14px; line-height: 25px; } .innerpage-banner .wp-block-group h1{ color: #fff !important; } /*blog post*/ .single-post .wp-block-comments .comment-form .comment-form-cookies-consent{ align-items: flex-start; } .single-post .wp-block-comments .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent{ margin-top: 10px; } .has-shadow-dark, .has-no-hover-shadow-dark { box-shadow: 0 6px 30px 7px #2125471a; transition: 0.5s; padding: 50px !important; margin-bottom: 30px; } p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{ padding: 10px 15px; background: var(--wp--preset--color--primary); border-radius: 6px; font-size: 18px !important; color: #fff; border: 1px solid transparent; cursor: pointer; text-decoration: none !important; margin-top: 10px; margin-bottom: 10px; } .navigation .alignleft a, .navigation .alignright a{ color: #000 !important; font-size: 18px !important; text-decoration: none !important; } .comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{ color: #000 !important; font-size: 16px !important; font-weight: 700; } p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{ background: transparent !important; border: 1px solid var(--wp--preset--color--primary); color: var(--wp--preset--color--foreground) !important; } footer.comment-meta { margin-top: 12px; } .wp-block-post-author__name{ margin: 10px 0px; } /*Sidebar CSS*/ .theme-sidebar .wp-block-search__button{ background: var(--wp--preset--color--primary) !important; } .theme-sidebar .wp-block-group { padding: 15px ; border: 1px solid #eee; color: #6b6b6b; box-shadow: 0 0px 6px 0px #cdcaca; transition: 0.5s; margin-bottom: 30px; } .single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{ font-size: 30px; } .wp-block-post-author{ align-items: center; } /*blog listing*/ .wp-block-query-pagination { margin: 80px 0; } .wp-block-query-pagination .wp-block-query-pagination-numbers { margin: 0; display: inline-block; } .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous { padding: 12px 16px; background: var(--wp--preset--color--primary); line-height: 1; margin: 0 3px; text-decoration: inherit; display: inline-block; box-shadow: 0 0 15px #0000002b; border-radius: 100px; color: #fff; } .wp-block-query-pagination .page-numbers.current, .wp-block-query-pagination a:hover, .wp-block-query-pagination a:focus, .wp-block-query-pagination a:active { background-color: var(--wp--preset--color--primary); color: #fff; } .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous { padding: 12px 16px; background:#fff; line-height: 1; margin: 0 3px; text-decoration: inherit; display: inline-block; box-shadow: 0 0 15px #0000002b; border-radius: 100px; color: #000; } .wp-block-post-title a{ color: #000; } .wp-block-post-excerpt__more-link{ padding: 10px; background: var(--wp--preset--color--primary); color: #fff !important; font-weight: 600; } .wp-block-post-excerpt__more-link:hover{ background: #000; } /*my account address button css*/ header.woocommerce-Address-title.title a{ background-color: var(--wp--preset--color--primary); border-radius: 0px !important; color: #fff; font-size: 15px; font-weight: bold !important; text-decoration: none !important; padding: 12px 20px !important; } .wc-block-grid__product-onsale{ background-color: var(--wp--preset--color--primary) !important; border-radius: 6px !important; color: #fff !important; border-color: transparent !important; } a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{ padding: 10px 16px !important; } header.woocommerce-Address-title.title a:hover,.wp-element-button:hover, .wp-block-button__link:hover{ background: #000; color:#fff !important; } .wc-block-grid__products { justify-content: center; } .woocommerce h1.alignwide.wp-block-query-title, .woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex, .woocommerce .products-block-post-template, .woocommerce .wp-block-woocommerce-breadcrumbs, .search.search-no-results .wp-block-woocommerce-breadcrumbs, .search.search-no-results .wp-block-woocommerce-product-collection-no-results{ width: 90%; margin: 0 auto; } .single-product.woocommerce .wp-block-woocommerce-breadcrumbs{ width: 100%; } .footer-para{ font-size: 14px !important; } .woocommerce .wp-block-woocommerce-store-notices + .wp-block-group, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-breadcrumbs, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-store-notices + .wp-block-columns, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details, .single-product.woocommerce .woocommerce.product .wp-block-woocommerce-product-details + .wp-block-woocommerce-product-collection, .single-product.woocommerce .wp-block-woocommerce-store-notices{ width: 90%; } /*cart css*/ header.woocommerce-Address-title.title{ display: inline-grid; margin-bottom: 20px; } .woocommerce-account .addresses .title .edit{ text-decoration: none; color: #fff !important; } ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{ display: grid !important; grid-template-columns: auto auto auto auto; gap: 1em; width: 90%; margin: 0 auto; } li.wc-block-grid__product{ max-width: 100% !important; } .wc-block-grid__product-onsale{ padding: 5px 12px !important; font-size: 12px !important; } table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{ border: 1px solid #dcdcdc; margin: 0 0 24px -1px; text-align: right; width: 100%; border-radius: 5px; } td.wc-block-cart-item__image{ padding: 16px 16px 16px 0px !important; } td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{ padding-right: 16px !important; padding-left: 16px !important; } tr.wc-block-cart-items__header th{ font-weight: 700; padding: 9px 12px !important; line-height: 1.5em; font-size: 16px; } a.wc-block-components-product-name{ color: #000; font-size: 20px; font-weight: 600; } span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{ color: #717171 !important; } span.price.wc-block-components-product-price{ text-align: right !important; } a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button{ text-decoration: none !important; } button.wc-block-cart-item__remove-link{ font-size: 1em !important; } span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ text-align: right !important; } a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{ border-radius: 0; color: #fff !important; font-weight: 500; padding: 10px 25px !important; font-size: 18px; border-radius: 6px; } span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{ font-size: 1.5em !important; padding: 10px !important; display: block !important; } button.wc-block-components-checkout-place-order-button:hover, a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, a.wc-block-components-checkout-return-to-cart-button:hover{ background-color:#000; } .wp-block-woocommerce-checkout-order-summary-block{ border: 1px solid #dcdcdc; } .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{ padding: 10px; } .wc-block-components-button:hover{ background-color: #000 !important; } .wc-block-components-product-metadata .wc-block-components-product-metadata__description p{ font-size: 14px; } .wp-block-woocommerce-cart.alignwide { margin-right: auto; margin-left: auto; } .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{ padding-left: 0%; } .woocommerce-account .woocommerce-MyAccount-navigation { background-color: transparent !important; } .woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{ padding: 5px 12px !important; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0 !important; } .woocommerce{ margin: 0 auto; max-width: 100% !important; } nav.woocommerce-MyAccount-navigation ul li a { color: #fff; text-decoration: none; font-weight: 600; } .wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{ border: 1px solid #fff !important; } button.wc-block-cart-item__remove-link{ display: block !important; } tr.wc-block-cart-items__header{ border-bottom: 1px solid #fff; } tr.wc-block-cart-items__row{ border-top: 1px solid #fff; } .wc-block-cart{ width: 90%; } .wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{ text-align: right; } .single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price ins{ background: none !important; } .single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column { flex-basis: 40% !important; } /* Wishslist */ .woocommerce-wishlist .wishlist_table.mobile{ padding-right: 0; } .woocommerce-wishlist .wishlist_table.mobile table{ width: auto; } .woocommerce-wishlist .wishlist_table.mobile li{ padding: 15px; border: 1px solid #000000; } .woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{ display: flex; align-items: center; justify-content: flex-start; } .woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{ display: grid; grid-template-columns: 2fr 50%; gap: 10px; } .woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{ font-size: 16px !important; font-weight: 500; } .woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{ font-size: 14px !important; padding: 6px !important; } .woocommerce-wishlist .main-product-section .wishlist_view { display: block !important; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{ display: none; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{ opacity: 1; } .woocommerce-wishlist .yith-wcwl-share .share-button i{ font-family: 'FontAwesome'; } .woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{ text-decoration: none !important; line-height: 12px; } .woocommerce-wishlist .wishlist_table .product-add-to-cart a{ border-radius: 6px; color: #fff; padding: 12px 12px !important; font-size: 15px; font-weight: bold; text-decoration: none !important; } .woocommerce-wishlist .wishlist_table.responsive .product-name a{ text-decoration: none; } /*woocommerce css*/ .wp-block-button.wc-block-components-product-button{ gap: 0; } .woocommerce a.added_to_cart{ margin-top: 0; } li.wc-block-product,li.wc-block-grid__product{ border: 1px solid #dcdcdc; padding: 10px; } .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{ background: var(--wp--preset--color--accent); color: #fff; border-color:var(--wp--preset--color--accent) ; } .woocommerce .price ins, .woocommerce bdi{ font-size: 16px; } .woocommerce .wc-block-components-product-price ins, .woocommerce-wishlist .wishlist-items-wrapper .product-price ins, .woocommerce-wishlist .wishlist_table.responsive .item-details-table ins{ background-color: transparent; } .woocommerce-wishlist .wishlist-items-wrapper .product-remove a, .woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{ text-decoration: none; } .woocommerce-wishlist .product-add-to-cart a.add_to_cart_button{ width: 130px; height: 50px; display: flex !important; align-items: center; justify-content: center; } .woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{ font-size: 30px; } .wp-block-woocommerce-related-products .wp-block-post{ width: calc(33% - 1em)!important; } .woocommerce-shop .add_to_cart_button{ padding: 10px 12px !important; } /*blog and archive css*/ .blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link{ background: var(--wp--preset--color--primary); border-radius: 6px; padding: 7px 10px; color: #fff; text-decoration: none !important; } span.page-numbers.current { background: var(--wp--preset--color--primary); color: #fff; padding: 12px 16px; } a.page-numbers{ background: transparent; color: var(--wp--preset--color--primary); border: 1px solid var(--wp--preset--color--primary); padding: 8px 10px; } .wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{ color: #fff; background: var(--wp--preset--color--primary); padding: 12px 16px; } .wp-block-query-pagination{ gap: 10px !important; } .wp-block-query-pagination a{ text-decoration: none; } .blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover, .wp-block-post-template .wp-block-post-excerpt__more-link:hover{ background: #000; color: #fff; } .archive .wp-block-post-template figure,.wp-block-post-template figure{ margin: 0 !important; } .wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date { margin-top: 10px; } .archive .wp-block-post-template, .wp-block-post-template{ gap: 1.2em; } .wp-block-post-template .wp-block-post-excerpt__excerpt{ color: #717171; } .woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{ text-align: center; } .woocommerce-account .entry-content .woocommerce-form-login { width: 450px; margin: 0 auto; } .wc-block-components-checkout-return-to-cart-button svg{ right: 3% !important; } a.wc-block-components-checkout-return-to-cart-button{ padding: 10px 30px 10px 12px !important; } /* Scroll to Top */ .scroll-top-box { display: none; /* Initially hidden */ position: fixed; bottom: 20px; left: 20px; background: var(--wp--preset--color--primary); color: white; border: none; border-radius: 50% !important; padding: 10px 18px 13px; cursor: pointer; z-index: 1000; transition: opacity 0.3s; } .scroll-top-box .wp-block-button__link.wp-element-button{ border-radius: 50% !important; padding: 0!important; margin: 0 !important; } .scroll-top-box .wp-block-button__link, .scroll-top-box .wp-block-button__link:hover{ background-color: var(--wp--preset--color--primary); } /*RESPONSIVE MEDIA*/ @media screen and (max-width:767px) { .home .main-header-section{ position: static; background-color: #ffffff !important; } .home .header-section .header-inner-section{ background-color: #ffffff !important; } .main-header-section{ background-color: var(--wp--preset--color--primary); } .home .header-section .header-inner-section:after{ content: none; } .header-section .header-inner-section{ clip-path: none; padding: 0 !important; text-align: center; gap: 10px; } .header-section .header-inner-section .header-right-box .header-btn-box, .header-section .header-inner-section .header-right-box .header-btn{ justify-content: center; } .footer-section .copyright-section p{ padding-right: 35px; padding-left: 35px; } .banner-section .banner-inner { height: 600px; } .banner-section .banner-inner, .banner-section .banner-inner .banner-bg{ min-height: 600px !important; } .banner-section .banner-inner .banner-bg{ align-items: center; } .banner-section .banner-bg:after, .banner-section .banner-bg:before{ content: none; } .banner-section .banner-navigation .banner-nav-inner-box{ clip-path: none; padding: 10px !important; justify-content: center; } .banner-section .banner-navigation{ position: static; } .banner-section .banner-bg .banner-btm-text{ font-size: 35px !important; } .banner-section .banner-bg .banner-cont-outer-box{ margin-bottom: 0 !important; } .banner-section .banner-navigation .bnr-review-box, .banner-section .banner-social-icons, .banner-section .banner-right-box1, .banner-section .banner-right-box2{ display: none; } .banner-section .banner-swiper-pagination{ right: 50%; transform: translateX(50%); justify-content: center; bottom: 75px; } .banner-section .banner-left-cont, .banner-section .banner-bg .banner-btm-text{ text-align: center; } .banner-section .banner-left-cont .banner-title{ font-size: 32px !important; padding-right: 0 !important; border-right: none; } .banner-section .banner-left-cont .banner-btns { gap: 10px; justify-content: center; } .banner-section .wp-block-cover__inner-container{ align-items: center; } .project-section .project-head-box .project-bg-heading, .faq-section .faq-head-box .faq-bg-heading, .news-section .news-head-box .news-bg-heading{ font-size: 46px !important; line-height: 1; } .about-section .about-inner-boxes{ flex-direction: column-reverse; } .about-section .about-right-box .about-small-title, .about-section .about-right-box .about-sec-heading, .about-section .about-left-box .about-desc{ text-align: center !important; } .about-section .about-left-box .about-btn{ justify-content: center; } .about-section .about-right-box .about-sec-heading{ font-size: 28px !important; } .about-section .about-mid-box .about-mid-outer-box{ flex-wrap: nowrap !important; } .footer-section .footer-box .footer-contact-box{ display: flex; flex-direction: column; } .search .wp-block-cover.innerpage-banner + .wp-block-group form .wp-block-search__inside-wrapper { width: 100% !important; } .faq-section .faq-detail-section{ gap: 0; } .footer-section .footer-box .footer-phone-box, .footer-section .footer-box .footer-mail-box{ justify-content: center; } .error-page{ padding: 0 !important; } .error-page h2{ font-size: 122px !important; } .has-shadow-dark, .has-no-hover-shadow-dark{ padding: 20px !important; } .wp-block-post-comments .commentlist .comment{ padding-right: 0 !important; } .main-page, .page-no-title{ padding: 20px !important; } .footer-section .wp-block-navigation-item__label{ color: #000 !important; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { padding: 0; } .footer-section .wp-block-columns { padding: 0 20px; } .footer-section .wp-block-columns.copyright-section { padding: 20px; text-align: center; } .footer-section .wp-block-columns { margin: 0; } .copyright-section .wp-block-social-links{ justify-content: center !important; } .footer-section .wp-block-group{ padding: 10px; max-width: 100% !important; } .footer-section h1{ text-align: center; } span.woocommerce-Price-amount.amount { font-size: 14px !important; } .products-block-post-template h3 a { font-size: 20px !important; } .footer-para{ margin-left: 0% !important; } .wp-block-navigation__responsive-container-content{ margin-right: 30px; } .footer-section .wp-block-group{ text-align: center !important; } .footer-section .wp-block-social-links{ justify-content: center !important; } .banner-calender .wp-block-column p{ text-align: center; } li.wc-block-grid__product{ max-width: 100% !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row{ display: flex !important; flex-direction: column; padding: 10px !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image{ padding: 0 !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row .wc-block-cart-item__image img{ height: 100px; width: auto; float: right; margin-bottom: 12px; } .single-product .wc-block-store-notices + .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 100% !important; } .single-product .wc-block-store-notices + .wp-block-columns{ gap: 0; } } @media screen and (min-width: 768px) and (max-width: 991px){ .banner-section .banner-inner { height: 650px; } .banner-section .banner-inner, .banner-section .banner-inner .banner-bg{ min-height: 650px !important; } .banner-section .banner-bg:before, .banner-section .banner-bg:after{ width: 15%; } .banner-section:before{ left: 43px; height: 72%; width: 45%; } .banner-section:after{ width: 55%; } .banner-section .banner-bg .banner-btm-text{ font-size: 50px !important; } .banner-section .banner-bg .banner-left-cont .banner-title{ font-size: 35px !important; } .banner-section .banner-bg .banner-cont-outer-box{ margin-bottom: 45px !important; } .banner-section .wp-block-cover__inner-container{ align-items: center; } .banner-section .banner-right-box1{ width: 60%; } .banner-section .banner-right-box2{ left: 50px; height: 80%; width: 45%; } .banner-section .banner-right-blank{ display: none; } .banner-section .banner-left-cont{ flex-basis: 100% !important; } .banner-section .banner-swiper-pagination{ right: 30px; } .project-section .project-head-box .project-bg-heading, .faq-section .faq-head-box .faq-bg-heading, .news-section .news-head-box .news-bg-heading{ font-size: 54px !important; } .about-section .about-inner-boxes{ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } .about-section .about-inner-boxes .about-left-box { grid-column-start: 2; grid-row-start: 1; } .about-section .about-inner-boxes .about-mid-box{ grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 2; } .about-section .about-inner-boxes .about-right-box{ grid-column-start: 1; grid-row-start: 1; } .about-section .about-mid-box, .about-section .about-right-box{ justify-content: flex-start; } .about-section .about-mid-box .about-mid-outer-box{ flex-wrap: nowrap !important; } .footer-section .footer-box .footer-phone-box p{ font-size: 18px !important; } .faq-section .faq-detail-section{ gap: 12px; flex-wrap: nowrap !important; } .single-product .wc-block-store-notices + .wp-block-columns > .wp-block-column { flex-basis: 100% !important; } .single-product .wc-block-store-notices + .wp-block-columns{ flex-wrap: wrap !important; } li.wc-block-grid__product{ max-width: 26% !important; } .banner-box h2:before,.banner-calender::before{ border: none; } .single-post-sidebar-on-right, .single-post-sidebar-on-left { margin-left: 0%; margin-right: 0%; } .wp-block-navigation__responsive-container-content{ margin-right: 20px; } .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{ max-width: 100%; } .blog-section ul.wp-block-latest-posts__list, .blog-section .head-text, .footer-section .wp-block-columns, .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child, .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) { padding: 0; } .wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 46% !important; } .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child { flex-basis: 70% !important; } .menu-section nav{ gap: 0 !important; } .menu-section-button a{ padding: 10px 9px !important; font-size: 13px; } .menu-section .wp-block-navigation__responsive-container-open { background: var(--wp--preset--color--primary); padding: 10px; color: #fff; margin: 0 auto; } .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{ flex-basis: 200% !important; } .footer-section .wp-block-group{ padding: 0; max-width: 100% !important; } .banner-col-2 h1{ font-size: 36px !important; line-height: 55px; } .products-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .footer-section .wp-block-columns{ display: grid; grid-template-columns: auto auto; } .footer-section .wp-block-social-links { gap: 0.5rem !important; } .footer-section .wp-block-columns.copyright-section{ display: block; } .footer-para{ margin-left: 0% !important; } .woocommerce-cart .wc-block-cart .wc-block-cart-items__row{ gap: 12px; } .single-product .wc-block-store-notices + .wp-block-columns{ gap: 0; } } @media screen and (min-width: 782px) and (max-width: 992px){ .archive .archive-page .wp-block-latest-posts li{ flex: 1 0 50% !important; } } @media screen and (max-width: 1024px) and (min-width: 1000px) { li.wc-block-grid__product{ max-width: 18% !important; } .copyright-section .wp-block-social-links{ gap: 10px; } .footer-para{ margin-left: 0% !important; } } @media screen and (min-width: 901px) and (max-width: 991px){ .header-section .header-inner-section{ padding: 3px 10px !important; clip-path: polygon(1% 0, 100% 0, 97% 100%, 0% 100%); gap: 0; } .header-section .header-inner-section .header-logo{ flex-basis: 20% !important; } .header-section .header-inner-section .header-menu{ flex-basis: 65% !important; } .header-section .header-inner-section .header-right-box{ flex-basis: 15% !important; } .header-section .header-right-box .header-btn a{ padding: 6px 16px !important; font-size: 14px !important; } .header-section .header-menu .header-btn-box{ gap: 0; } .header-section .header-menu .header-btn-box .header-main-menu ul{ gap: 16px; } .header-section .header-menu .header-btn-box .header-search{ width: 135px; } .header-section .header-menu .header-btn-box .header-search .wp-block-search__inside-wrapper { justify-content: flex-end; } } @media screen and (min-width: 768px) and (max-width: 900px){ .header-section .header-inner-section{ clip-path: none; flex-wrap: nowrap !important; padding-right: 16px !important; gap: 0; } .header-section .header-inner-section .header-logo{ flex-basis: 20% !important; } .header-section .header-inner-section .header-menu{ flex-basis: 55% !important; } .header-section .header-inner-section .header-right-box{ flex-basis: 25% !important; } } @media screen and (max-width: 900px) { .header-section .header-menu .header-btn-box .header-main-menu{ gap: 0; } .header-section .header-menu .header-btn-box .header-main-menu ul li{ padding: 10px 0; } .home .header-section .header-menu .header-btn-box .header-main-menu ul li a{ color: var(--wp--preset--color--background); } .home .header-section .header-menu .wp-block-navigation__responsive-container.is-menu-open{ margin-top: 40px; } .header-section .header-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg{ background-color: var(--wp--preset--color--background); fill: var(--wp--preset--color--primary); padding: 4px; height: 35px; width: 35px; } .header-section .header-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{ left: 5px; } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: none; } .wp-block-navigation__responsive-container-open:not(.always-shown) { display: block; } .header-menus .wp-block-navigation__responsive-container-content ul.wp-block-navigation{ gap: 30px !important; } .woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{ grid-template-columns: 100%; } } @media screen and (max-width: 1400px) and (min-width:1025px){ .copyright-section .wp-block-social-links{ gap: 10px; } .footer-para{ margin-left: 0% !important; } } @media screen and (max-width: 768px){ .single-product ul.tabs.wc-tabs{ display: flex !important; } } @media screen and (max-width: 991px){ .wc-block-components-sidebar-layout{ display: block; } .wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{ width: 100% !important; } } @media screen and (max-width: 425px){ .single-product .wp-block-add-to-cart-form .single_add_to_cart_button.button{ padding: 6px 20px !important; } td.wc-block-cart-item__total{ padding: 0 !important; } tr.wc-block-cart-items__row{ grid-template-columns: repeat(4, 1fr)!important; } .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{ display: block; } } @media screen and (min-width: 721px) and (max-width: 1199px){ .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template, .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{ grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr)); gap: 0.83333em; } .wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{ width: calc(50% - 1em)!important; } } @media screen and (max-width: 720px){ .wc-block-product-template__responsive,ul.wc-block-grid__products{ grid-template-columns: auto !important; } .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{ display: block; grid-template-columns: auto !important; } li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li, .page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{ margin-bottom: 20px; } .wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{ width: calc(100% - 1em)!important; } .not-found-heading{ font-size: 50px !important; } } @media screen and (max-width: 768px){ .single-product .wp-block-woocommerce-product-details .woocommerce-tabs li.active{ border-bottom-width: 2px !important; border-right-width: 0 !important; } } @media screen and (max-width: 599px){ .woocommerce-account .entry-content .woocommerce-form-login{ width: 100% !important; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{ flex-direction: column; gap: 1em; } .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{ width: auto; } .wc-block-components-order-summary-item{ display: block !important; } } @media screen and (min-width: 600px) and (max-width: 991px){ .single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{ width: calc(50% - 1em); } } @media screen and (min-width: 992px) and (max-width: 1199px){ .header-section .header-inner-section{ gap: 0; } .header-section .header-inner-section .header-menu .header-btn-box{ gap: 10px; } .header-section .header-right-box .header-btn a { clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%); } .header-section .header-inner-section .header-logo{ flex-basis: 15% !important; } .header-section .header-inner-section .header-menu{ flex-basis: 65% !important; } .header-section .header-inner-section .header-right-box{ flex-basis: 20% !important; } .header-section .header-inner-section .header-menu .header-btn-box .header-search{ width: 120px; } .header-section .header-menu .header-btn-box .header-search .wp-block-search__inside-wrapper { justify-content: flex-end; } .banner-section .banner-btm-text-box{ margin-bottom: 90px !important; } .banner-section .banner-cont-outer-box{ margin-bottom: 30px !important; } .banner-section .bnr-main-cont-box .banner-left-cont{ flex-basis: 100% !important; } .banner-section .banner-right-box1{ width: 45%; } .banner-section .banner-right-box2{ width: 36%; } .about-section .about-inner-boxes{ display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } .about-section .about-inner-boxes .about-left-box { grid-column-start: 2; grid-row-start: 1; } .about-section .about-inner-boxes .about-mid-box{ grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 2; } .about-section .about-inner-boxes .about-right-box{ grid-column-start: 1; grid-row-start: 1; } .footer-section .wp-block-columns { display: grid; grid-template-columns: auto auto; } .footer-section .footer-box .footer-phone-box p{ font-size: 17px !important; } .single-product .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li{ width: calc(33% - 1em); } .single-post-sidebar-on-right > .wp-block-column:nth-child(1){ flex-basis: 60% !important; } .single-post-sidebar-on-right > .wp-block-column:nth-child(2){ flex-basis: 40% !important; } .archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(1){ flex-basis: 65% !important; } .archive-page-sec > .wp-block-columns > .wp-block-column:nth-child(2){ flex-basis: 35% !important; } } @media screen and (min-width: 1200px) and (max-width: 1399px){ .header-section .header-inner-section .header-menu .header-btn-box{ gap: 10px; } .header-section .header-inner-section .header-logo{ flex-basis: 15% !important; } .header-section .header-inner-section .header-menu{ flex-basis: 65% !important; } .header-section .header-inner-section .header-right-box{ flex-basis: 20% !important; } .header-section .header-inner-section .header-menu .header-search{ width: 175px; } .header-section .header-menu .header-btn-box .header-search .wp-block-search__inside-wrapper { justify-content: flex-end; } .banner-section .banner-btm-text-box{ margin-bottom: 90px !important; } .banner-section .banner-cont-outer-box{ margin-bottom: 50px !important; } .banner-section .banner-right-box2{ width: 30%; } .banner-section .banner-right-box1{ width: 38%; } .about-section .about-left-box .about-desc{ font-size: 14px !important; } .about-section .about-mid-box .about-inner-box1, .about-section .about-mid-box .about-inner-box2{ padding-right: 10px !important; padding-left: 10px !important; } } @media screen and (min-width: 1400px) and (max-width: 1780px){ .header-section .header-inner-section .header-logo{ flex-basis: 15% !important; } .header-section .header-inner-section .header-menu{ flex-basis: 65% !important; } .header-section .header-inner-section .header-right-box{ flex-basis: 20% !important; } .banner-section .banner-btm-text-box{ margin-bottom: 70px !important; } .banner-section .banner-cont-outer-box{ margin-bottom: 50px !important; } .banner-section .banner-right-box2{ width: 25%; } .banner-section .banner-right-box1{ width: 31%; } }