@charset "utf-8";

@font-face { font-family: "Neue Haas Unica"; src: url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Medium.eot); src: local("NeueHaasUnica-Medium"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Medium.eot?#iefix) format("embedded-opentype"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Medium.woff2) format("woff2"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Medium.woff) format("woff"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Unica"; src: url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Regular.eot); src: local("NeueHaasUnica-Regular"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Regular.eot?#iefix) format("embedded-opentype"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Regular.woff2) format("woff2"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Regular.woff) format("woff"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Neue Haas Unica"; src: url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Light.eot); src: local("NeueHaasUnica-Light"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Light.eot?#iefix) format("embedded-opentype"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Light.woff2) format("woff2"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Light.woff) format("woff"), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/NeueHaasUnica-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Didot'; src: url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot.eot); src: local('Didot'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot.eot?#iefix) format('embedded-opentype'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot.woff2) format('woff2'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot.woff) format('woff'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Didot'; src: url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot-Italic.eot); src: local('Didot Italic'), local('Didot-Italic'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot-Italic.eot?#iefix) format('embedded-opentype'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot-Italic.woff2) format('woff2'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot-Italic.woff) format('woff'), url(//copaci.ng/wp-content/themes/copaciteq/assets/css/fonts/Didot-Italic.ttf) format('truetype'); font-weight: normal; font-style: italic; font-display: swap; }
:root { --all-fast: all 0.3s;
--all-medium: all 0.5s;
--all-slow: all 0.8s; --white: 255 255 255;
--black-1: 0 0 0;
--black-2: 21 21 21;
--black-3: 48 48 48;
--gray-1: 160 160 160;
--gray-2: 217 217 217;
--green: 0 127 67;
} *,
ul,
ol,
li,
a { margin: 0; padding: 0; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Neue Haas Unica"; font-weight: 300; line-height: 1.5; color: inherit; color: #000; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Neue Haas Unica"; font-weight: 300; }
input,
input:focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus { box-shadow: none; outline: none; background: transparent; border-color: #000; color: rgb(0 0 0 / 70%); }
.form-check-input:focus { box-shadow: none; }
*,
a,
a:active,
a:focus,
a:hover,
button:hover,
button:focus { text-decoration: none; outline: 0; color: inherit; box-shadow: none; }
button { background: transparent; outline: none; box-shadow: none; cursor: pointer; }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }
a { display: inline-flex; flex-flow: row wrap; }
a:hover { color: inherit; }
body { width: 100%; font-size: 16px; line-height: 1.4; width: 100%; position: relative; font-family: "Neue Haas Unica"; font-weight: 400; color: #000; z-index: 1; overflow-x: hidden; transition: var(--all-slow); } body p { font-size: 16px; line-height: 1.6; color: #333; font-family: "Neue Haas Unica"; margin-bottom: 20px; font-weight: 300; }
.no-scroll { overflow: hidden; }
hr { border-top: 1px solid #ddd; }
span { font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-transform: inherit; }
::-moz-selection { color: rgb(var(--white) / 100%); background: #007F43; }
::selection { color: rgb(var(--white) / 100%); background: #007F43; }
::-webkit-scrollbar { width: 10px; display: none; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 3px rgb(255 255 255 / 80%); }
::-webkit-scrollbar-thumb { background-color: #888; border-radius: 15px; } input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
@media screen and (min-width: 1200px) {
.container-fluid { max-width: calc(100% - 160px); margin: 0 auto; position: relative; }
}
@media screen and (min-width: 1500px) {
.container { max-width: 1320px; position: relative; z-index: 1; }
}
.form-control::-webkit-input-placeholder { font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control::-moz-placeholder { font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control:-ms-input-placeholder { font-size: 16px; font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control::-ms-input-placeholder { font-size: 16px; color: rgba(0,0,0,0.5); }
.form-control::placeholder { font-size: 16px; transition: var(--all-fast); color: rgba(0,0,0,0.5); }
.form-group { margin-bottom: 40px; position: relative; }
label { font-size: 16px; line-height: 1; font-weight: 400; flex: 1; color: rgb(var(--black-3) / 100%); transition: var(--all-medium); }
.form-control { width: 100%; padding: 12px 0px; font-size: 16px; color: #000; line-height: 1; border: none; border-bottom: 1px solid rgb(94 95 97 / 30%); border-radius: 0; appearance: none; -webkit-appearance: none; background: transparent; transition: var(--all-fast); }
.form-control:focus ~ label, .form-control:not(:placeholder-shown) ~ label { font-size: 12px; transform: translateY(-14px); }
.form-control:focus, .form-select:focus { color: #000; background: transparent; border-bottom: 1px solid rgb(94 95 97 / 10%); outline: none; box-shadow: none; }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; }
.form-select { background: transparent url(//copaci.ng/wp-content/themes/copaciteq/assets/images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; color: #000; font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: 0.3px; padding: 12px 0; padding-right: 15px; border-bottom: 1px solid rgb(94 95 97 / 10%); border-radius: 0; cursor: pointer; }
.form-select:focus { background: transparent url(//copaci.ng/wp-content/themes/copaciteq/assets/images/icons/dropdown-arrow-black.svg) right center no-repeat; background-size: 10px; }
.form-control:focus + .link--graphic--slide { transform: translate3d(-66.6%, 0, 0); transition: transform 0.7s; transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
select.form-control:not([size]):not([multiple]), textarea.form-control { height: auto; } input[type=number] { -moz-appearance: textfield; }
.img-box { display: flex; flex-flow: row wrap; }
img, .svg { width: 100%; height: 100%; object-fit: cover; transition: var(--all-medium); }
#smooth-content { position: relative; }
.barContainer { position: fixed; top: 0; right: 0; width: 10px; height: 100vh; box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.8); background: #000; border-radius: 15px; z-index: 999; pointer-events: none; }
.bar { height: 20%; width: 100%; background-color: #888; border-radius: 15px; transition: all 0.8s; } .h1 { font-size: 18px; font-weight: 300; color: #000; font-family: "Neue Haas Unica"; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 20px; }
.h2 { font-size: 42px; font-weight: 200; color: #000; text-transform: uppercase; margin-bottom: 40px; }
.hero { font-size: 36px; color: #000; font-weight: 200; text-transform: uppercase; line-height: 1.4; margin-bottom: 20px; }
.section--title { font-size: 20px; font-weight: 500; color: rgb(var(--black-1) / 100%); text-transform: uppercase; margin-bottom: 50px; position: relative; z-index: 1; letter-spacing: 2px; }
.section--title[data-title] { padding-top: 72px; }
.section--title[data-title]::after { content: attr(data-title); font-size: 120px; font-family: 'Didot'; font-style: italic; text-transform: capitalize; letter-spacing: -5px; color: rgb(var(--green) / 10%); position: absolute; left: 50%; top: 0%; transform: translate(-50%, 0%); z-index: -1; }
.section--title::before { content: ''; width: 15px; height: 15px; background: rgb(var(--green) / 100%); margin-right: 10px; display: inline-flex; }
.section--subtitle { font-size: 36px; line-height: 1.2; font-weight: 300; font-family: "Neue Haas Unica"; margin-bottom: 24px; }
.hero--title { font-size: 87px; font-weight: 300; line-height: 0.95; color: rgb(var(--green) / 100%); font-family: 'Didot'; font-style: italic; text-transform: capitalize; margin-bottom: 30px; }
.p1 { font-size: 24px; line-height: 1.2; text-transform: initial; font-weight: 400; color: #000; margin-bottom: 24px; text-transform: capitalize; transition: var(--all-medium); }
.p2 { font-size: 18px; line-height: 1.2; text-transform: initial; font-weight: 300; color: rgb(0 0 0 / 60%); margin-bottom: 20px; transition: var(--all-medium); }
.button { display: inline-flex; flex-flow: row wrap; align-items: center; justify-content: center; border-radius: 25px; padding: 14px 30px 15px 30px; transition: var(--all-medium); }
.button span { font-size: 16px; line-height: 1; display: flex; padding-top: 0px; margin-top: -1px; font-weight: 500; text-transform: capitalize; transition: var(--all-medium); }
.button { font-size: 16px; line-height: 1; }
.button--green { background: #007F43; }
.button--green span { color: #fff; }
.button--white { background: rgb(var(--white) / 100%); }
.button--white span { color: #007F43; }
.button--outline { border: 1px solid; }
.button--outline.button--green { background: transparent; border-color: #007F43; }
.button--outline.button--green:hover { background-color: #007F43; }
.button--outline.button--green span { color: #007F43; }
.button--outline.button--green:hover span { color: #fff; }
.button img { width: 20px; margin-left: 10px; transition: var(--all-medium); margin-top: 4px; }
.button:hover img { margin-left: 20px; transform: rotate(-45deg); }
.button:has(img):hover { padding-right: 30px; }
.link--button { display: inline-flex; flex-flow: row wrap; align-items: center; position: relative; transition: var(--all-fast); }
.link--button span { font-size: 16px; font-weight: 500; color: #000; text-transform: capitalize; padding-top: 2px; transition: var(--all-fast); }
.link--button:hover span { color: #007F43; }
.link--button .link--button--arrow { display: flex; width: 45px; padding: 7px 12px; border-radius: 20px; border: 1px solid; transition: var(--all-fast); }
.link--button:hover .link--button--arrow { border-color: #007F43; }
.link--button .link--button--arrow.link--button--arrow--white { border-color: rgb(var(--white) / 100%); }
.link--button .link--button--arrow.link--button--arrow--green { border-color: rgb(var(--green) / 100%); }
.link--button span + .link--button--arrow { margin-left: 10px; }
.link--button .link--button--arrow img { width: 100%; object-fit: contain; transition: var(--all-medium); }
.link--button:hover span + .link--button--arrow { margin-left: 20px; }
.link--button:hover .link--button--arrow img { transform: rotate(-45deg); } .loader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; transition: opacity 1s cubic-bezier(0.2, 0.6, 0.35, 1) 1.8s, visibility 1s cubic-bezier(0.2, 0.6, 0.35, 1) 1.8s, transform 1s cubic-bezier(0.5, 0.05, 0.7, 0.2) 1.2s; }
.loader--bckg { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(var(--white) / 100%); transform-origin: center top; transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1) 1.2s; }
.loaded .loader { opacity: 0; visibility: hidden; transform: translateY(-100%); }
.loaded .loader--bckg { transform: scaleY(0.0001); transition-delay: 1.2s; }
.loader .logo-wrap { display: flex; flex-flow: row wrap; width: 100px; position: relative; }
.loader .logo-wrap img { width: 100%; opacity: 0.2; filter: grayscale(1); }
.loader .logo-wrap span { width: 100px; height: 100px; max-height: 0; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(//copaci.ng/wp-content/themes/copaciteq/assets/images/logo-black.svg) no-repeat center bottom; background-size: 100px; }
.grid--line--wrapper { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 90%; height: 100%; pointer-events: none; display: flex; flex-flow: row wrap; justify-content: space-between; z-index: -1; }
.grid--line--wrapper .grid--line { width: 1px; height: 100%; background: rgb(var(--green) / 10%); }
.top--line { position: relative; }
.top--line::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100px; width: 1px; background: rgb(var(--green) / 100%); } .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; transition: var(--all-medium); background: #fff; }
.header.active { background: #fff; }
.header .brand--logo { width: 180px; transition: var(--all-medium); display: flex; }
.header.active .brand--logo { padding: 15px 0; width: 160px; }
.header .brand--logo img { width: 100%; }
.header .search .search--icon { width: 40px; height: 40px; padding: 10px; display: flex; align-items: center; justify-content: center; }
.header .search .search--icon img { object-fit: contain; }
.header .wishlist-trigger { width: 42px; height: 42px; padding: 10px; margin-left: 10px; position: relative; display: flex; align-items: center; justify-content: center; }
.header .wishlist-trigger span { position: absolute; top: 0; right: -4px; font-size: 12px; min-width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background: #027f43; border-radius: 10px; color: #fff; }
.header .wishlist-trigger img { object-fit: contain; }
.header .navbar-nav { flex-direction: row; justify-content: center; }
.header .navbar-nav > li > a { align-items: center; font-size: 16px; font-weight: 400; line-height: 1.4; color: #303030; text-transform: uppercase; padding: 30px 30px; }
.header .navbar-nav > li > a.active { color: #007F43; font-weight: 500; }
.header .navbar-nav .close { display: none; }
.header .dropdown-toggle::after { margin-bottom: 4px; border: 0px; width: 8px; height: 8px; border-left: 1px solid #000; margin: 0px; margin-left: 10px; margin-top: -4px; border-bottom: 1px solid #000; transform: rotate(-45deg); }
.header .dropdown-menu { border-radius: 0; padding: 0px; } .navbar-nav .dropdown-menu { display: none; position: absolute; left: 0; top: 100%; border-radius:0px; z-index: 1000; min-width: 200px; background-color: white; box-shadow: none; border: 1px solid #e7e7e7; } .navbar-nav .dropdown:hover > .dropdown-menu,
.navbar-nav .dropdown-submenu:hover > .dropdown-menu { display: block; } .navbar-nav .dropdown-submenu { position: relative; }
.navbar-nav .dropdown-submenu .dropdown-item { display: flex; align-items: center; justify-content: space-between; }
.navbar-nav .dropdown-submenu .dropdown-toggle::after { transform: rotate(-135deg); }
.navbar-nav .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: 0; position: absolute; } @media (max-width: 768px) 
{
.navbar-nav .dropdown-menu { display: none; position: static; background-color: white; border: 1px solid #e7e7e7; min-width: 200px; }
.navbar-nav .dropdown-menu.show { display: block; }
.navbar-nav .dropdown-submenu .dropdown-menu { position: static; }
.navbar-nav .dropdown-item { padding: 10px; }
}
.dropdown-bx, .dropdown-bx2 { position: relative; }
.dropdown-menu-cont2 { position: absolute; top: 0px; left: 100%; }
.dropdown-menu-cont { position: absolute;top: 100%; left: 0px; }
.dropdown-menu-cont, .dropdown-menu-cont2 { display: none; background: #efefef; min-width: 200px; }
.dropdown-menu-cont li a , .dropdown-menu-cont2 li a { padding: 7px 18px; color:#000; font-size: 14px; font-weight: 400; text-transform: uppercase; display: flex; }
.dropdown-menu-cont li a:hover , .dropdown-menu-cont2 li a:hover { background: #007F43; color:#fff; }
.arrow { width: 8px; height: 8px; border-left: 1px solid #000; margin: 0px; margin-left: 10px; margin-top: -4px; border-bottom: 1px solid #000; transform: rotate(-45deg); }
.drodown-btn2 .arrow { transform: rotate(-135deg); }
.dropdown-menu-cont li a { justify-content: space-between; align-items: center; }
.dropdown-bx2.active .drodown-btn2 { background: #007F43; color:#fff; }
.dropdown-bx2.active .drodown-btn2 .arrow { border-color:#fff; }
.dropdown-menu-cont li a:hover .arrow , .dropdown-menu-cont2 li a:hover .arrow { border-color:#fff; } .hamburger { width: 28px; display: flex;justify-content: flex-end; align-items: flex-end; flex-flow: column wrap; margin-left: 12px; display: none; }
.hamburger span { display: inline-block; width: 25px; height: 2px; background: #3a3937; margin-top:2px; margin-bottom: 2px; }
.hamburger span:nth-child(2) { width: 20px; margin-left: auto; } .banner { position: relative; }
.banner .bg { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.banner .bg img { transition: all 9s linear; }
.banner .bg .mob-img { display: none; }
.banner .swiper-slide { position: relative; }
.banner .swiper-slide .banner--content { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 111; }
.banner .swiper-slide .banner--content .banner--subtitle { font-size: 20px; font-weight: 300; line-height: 1; color: rgb(var(--black-3) / 100%); text-transform: uppercase; margin-bottom: 20px; }
.banner .swiper-slide .banner--content .banner--title { font-size: 120px; font-weight: 300; line-height: 0.95; color: rgb(var(--black-3) / 100%); text-transform: uppercase; margin-bottom: 30px; }
.banner .swiper-slide .banner--content .banner--title span { font-family: 'Didot'; font-style: italic; display: inline-block; width: 100%; }
.banner .swiper-pagination { bottom: 120px; text-align: left; max-width: 1320px; padding: 0 var(--bs-gutter-x, .75rem); margin: auto; left: 50%; transform: translateX(-50%); }
.banner .swiper-pagination span { width: 12px; height: 12px; border-radius: 0; border: 1px solid rgb(0 127 67); background: transparent; transition: var(--all-medium); opacity: 1; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background: rgb(0 127 67); transform: rotate(180deg); }
.banner .discover-more { font-size: 18px; line-height: 1.4; color: rgb(var(--white) / 100%); text-transform: capitalize; font-weight: 300; position: absolute; left: 50%; bottom: 30px; writing-mode: vertical-lr; transform: rotate(180deg) translateX(50%); z-index: 2; } .our-story { padding: 80px 0; }
.our-story .img-box { width: 100%; height: 100%; }
.our-story p:last-child { margin-bottom: 0px; }
.our--mission .section--subtitle { margin-bottom: 0px; } .featured--projects .swiper-slide { display: inline-block; position: relative; transform: scale(0.9); transition: all 1.2s !important; }
.featured--projects .swiper-slide.swiper-slide-active { transform: scale(1); }
.featured--projects .swiper-slide .img-box { width: 100%; height: 100%; overflow: hidden; }
.featured--projects .swiper-slide .img-box img { transition: all 3s; }
.featured--projects .swiper-slide.swiper-slide-active:hover .img-box img { transform: scale(1.2); }
.featured--projects .swiper-slide .info { position: static; left: 60px; bottom: 60px; width: 100%; max-width: 100%; margin-top: 20px; }
.featured--projects .swiper-slide .info .p1 { color: rgb(var(--black) / 100%); margin-bottom: 10px; }
.featured--projects .swiper-slide .info p { color: rgb(var(--black) / 100%); margin-bottom: 10px; }
.featured--projects .swiper-pagination { position: static; text-align: left; width: auto; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none; }
.swiper-button-next, .swiper-button-prev { width: 46px; }
.swiper-button-next img, .swiper-button-prev img { object-fit: contain; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 30px; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 30px; } .products--by--category { padding: 80px 0; }
.products--by--category .nav-pills .nav-link { text-transform: uppercase; }
.nav-pills { justify-content: center; margin-bottom: 40px; padding-top: 20px; }
.nav-pills .nav-link { padding: 12px 20px 13px; border-radius: 40px; line-height: 1; font-size: 20px; font-weight: 400; text-transform: capitalize; color: rgb(var(--gray-1) / 100%); background: transparent; border: 1px solid transparent; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background: transparent; border-color: rgb(var(--green) / 100%); color: rgb(var(--green) / 100%); } .category--product--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 50px; }
.category--product--list li .card { width: 100%; border: none; border-radius: 0; }
.category--product--list li .card .card-img { width: 100%; border: 1px solid rgb(var(--black-1) / 10%); margin-bottom: 40px; overflow: hidden; }
.category--product--list li .card .card-img img { transition-duration: 1s; }
.category--product--list li .card:hover .card-img img { transform: scale(1.1); }
.category--product--list li .card .card-body { width: 100%; padding: 0; }
.category--product--list li .card .card-body .p1 { text-align: center; margin-bottom: 0; }
.category--product--list li .card:hover .card-body .p1 { color: #007F43; } .home--blogs { padding: 80px 0; }
.home--blogs p { text-transform: uppercase; margin-bottom: 16px; }
.card { border: none; border-radius: 0; }
.home--blogs .card .card-img { width: 100%; height: 400px; overflow: hidden; border-radius: 0px; }
.home--blogs .card .card-img img { transition: all 2s; }
.home--blogs .card:hover .card-img img { transform: scale(1.1); }
.home--blogs .card .card-body { padding: 30px 0 0; }
.home--blogs .card .card-body .p1 { transition: var(--all-medium); }
.home--blogs .card:hover .card-body .p1 { color: #007F43; }
.home--blogs .home--blog--btn--grp { margin-top: 40px; text-align: center; display: block; } .testimonials { padding: 50px 0 10px 0px; }
.testimonials--box { position: relative; background: url(//copaci.ng/wp-content/themes/copaciteq/assets/images/testimonial/testimonail-bg.png) no-repeat; background-position: 50% 0%; background-size: cover; padding: 40px 80px; overflow: hidden; }
.testimonials--box .section--title { color: #fff; }
.testimonials--box .swiper { overflow: visible; }
.testimonials--box .swiper-slide { opacity: 0 !important; }
.testimonials--box .swiper-slide.swiper-slide-active { opacity: 1 !important; }
.testimonials--box .img-box { width: 100%; aspect-ratio: 1; position: relative; z-index: 1; }
.testimonials--box .img-box .quote { position: absolute; right: -65px; top: -50px; width: 95px; z-index: -1; }
.testimonials--box .img-box .quote img { width: 100%; }
.testimonials--box .section--subtitle { font-weight: 300; color: #fff; margin-bottom: 50px; }
.testimonials--box .author { color: #fff; text-transform: uppercase; margin-bottom: 0px; }
.testimonials--box .author strong { font-weight: 500; }
.testimonials--box .swiper-button-prev, .testimonials--box .swiper-rtl .swiper-button-next { left: 80px; }
.testimonials--box .swiper-button-next, .testimonials--box .swiper-rtl .swiper-button-prev { right: 80px; } .footer { padding: 80px 0 0; }
.footer .newsletter--box { padding-right: 30px; }
.google-review-img { display: inline-block; width: 170px; margin-top: 35px; display: none; }
.google-review-img img { width: 100%; height: auto; }
.footer .newsletter--title { font-size: 45px; line-height: 1; font-style: italic; letter-spacing: -3px; color: rgb(var(--green) / 100%); font-family: 'Didot'; margin-bottom: 25px; }
.footer .input-group { width: 70%; }
.footer .input-group .form-control { font-size: 18px; font-weight: 300; padding: 15px 0; }
.footer .input-group .form-control::placeholder { font-size: 16px; }
.footer .input-group .btn { position: absolute; right: 0; bottom: 0; padding: 20px 0; height: auto; line-height: 1; display: flex; align-items: center; }
.footer .input-group .btn:focus { box-shadow: none; }
.footer .footer--title { font-size: 16px; text-transform: uppercase; font-weight: 500; margin-bottom: 25px; }
.footer .quick--links li { width: 100%; margin-bottom: 10px; }
.footer .quick--links li a, .footer .quick--links li { font-size: 17px; line-height: 1.4; font-weight: 300; position: relative; }
.footer .quick--links li a::after { content: ''; position: absolute; right: 0; top: 100%; width: 0; height: 1px; background: #007F43; transition: var(--all-medium); }
.footer .quick--links li a:hover::after { right: auto; left: 0; width: 100%; }
.footer .copy { width: 100%; padding: 20px 0; border-top: 1px solid rgb(var(--green) / 10%); background: #fff; margin-top: 70px; }
.footer .copy br { display: none; }
.footer .copy p { font-size: 14px; font-weight: 400; margin-bottom: 0; color: rgb(var(--black-3) / 50%); }
.footer .copy p a { font-weight: 400; }
.footer .copy .divider { padding: 0px 5px; }
.social { display: flex; flex-flow: row wrap; align-items: center; }
.social li { margin-left: 30px; }
.social li a { width: 22px; display: flex; }
.social li a img { width: 100%; } .inner--banner { width: 100%; position: relative; }
.inner--banner .inner--banner--bg { width: 100%; aspect-ratio: 192/70; }
.inner--banner .banner--content { width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.inner--banner .banner--content .hero--title { margin-bottom: 0; color: rgb(var(--black-1) / 100%); } [aria-label="breadcrumb"] { padding: 30px 0; }
.breadcrumb { margin-bottom: 0; }
[aria-label="breadcrumb"] .breadcrumb-item { font-size: 20px; font-weight: 300; color: rgb(var(--black-1) / 100%); }
[aria-label="breadcrumb"] .breadcrumb-item.active { color: rgb(var(--black-1) / 50%); }
.products--filters { padding: 16px 0; border-bottom: 1px solid rgb(var(--black-1) / 10%); }
.products--filters .filters--title { font-size: 16px; font-weight: 500; color: rgb(var(--black-1) / 100%); text-transform: uppercase; }
.products--filters .clear-filter { font-size: 14px; font-weight: 400; color: rgb(var(--black-1) / 100%); text-transform: capitalize; text-decoration: underline; }
.products--filters .sort--by { border: 1px solid rgb(var(--gray-2) / 100%); padding: 14px 18px; display: flex; }
.products--filters .sort--by span { font-size: 16px; font-weight: 400; color: rgb(var(--gray-1) / 100%); margin-right: 10px; }
.products--filters .sort--by select { border: none; padding: 0; min-width: 200px; }
.filters--wrapper { padding: 30px 0; height: 100%; }
.filters--wrapper .filter--box { padding-bottom: 40px; }
.filters--wrapper .filter--title { font-size: 16px; font-weight: 400; color: rgb(var(--black-1) / 100%); text-transform: uppercase; margin-bottom: 30px; }
.filter--list li { display: flex; width: 100%; margin-bottom: 15px; }
.filter--list .form-check { display: flex; flex-flow: row wrap; align-items: center; padding: 0; }
.filter--list .form-check-input { width: 20px; height: 20px; border-radius: 0; margin: 0; margin-right: 15px; float: none; }
.filter--list .form-check-label { padding: 2px 0; }
.filter--icon { display: none; }
.filter--close { display: none; }
.products--list--wrapper { padding: 30px 0 60px; }
.products--list { display: flex; flex-flow: row wrap; gap: 40px 30px; }
.products--list > li { width: calc(100% / 4 - 24px); }
.products--list.wish--list > li { width: calc(100% / 4 - 22.5px); }
.products--list > li .card { position: relative; width: 100%; background: transparent; }
.products--list > li .card .options-list { display: flex; flex-flow: column wrap; position: absolute; right: 30px; top: 30px; overflow: hidden; z-index: 1; }
.products--list > li .card .options-list li { display: flex; margin-bottom: 8px; transform: translateX(100%); opacity: 0; transition: var(--all-fast) ease-out; }
.products--list > li .card .options-list li:last-child { transition-delay: 0.1s; }
.products--list > li .card:hover .options-list li { transform: translateX(0%); opacity: 1; }
.products--list > li .card .options-list li a { display: flex; width: 35px; height: 35px; }
.products--list > li .card .options-list li a img { object-fit: contain; }
.products--list > li:hover .card .options-list li { transform: translateX(0%); opacity: 1; }
.products--list > li .card .card-img { width: 100%; aspect-ratio: 1; border: 1px solid rgb(var(--gray-2) / 50%); border-radius: 0; transition: var(--all-medium); overflow: hidden; }
.products--list > li .card:hover .card-img { border-color: rgb(var(--black-1) / 50%); }
.products--list > li .card:hover .card-img img { transform: scale(1.1); }
.products--list > li .card .card-body { display: flex; flex-flow: row wrap; padding: 16px 0 0; }
.products--list > li .card .product--title { width: 100%; font-size: 18px; font-weight: 400; color: #000; text-transform: capitalize; }
.products--list > li .card .product--price { width: 100%; font-size: 18px; font-weight: 400; color: #000; text-transform: capitalize; } [slider] { position: relative; height: 14px; border-radius: 10px; text-align: left; margin: 80px 0 10px 0; }
[slider] > div { position: absolute; left: 13px; right: 15px; height: 14px; }
[slider] > div > [inverse-left] { position: absolute; left: 0; height: 2px; border-radius: 10px; background-color: #CCC; margin: 0 7px; }
[slider] > div > [inverse-right] { position: absolute; right: 0; height: 2px; border-radius: 10px; background-color: #CCC; margin: 0 7px; }
[slider] > div > [range] { position: absolute; left: 0; height: 2%; border-radius: 14px; background-color: #1ABC9C; }
[slider] > div > [thumb] { position: absolute; top: -15px; z-index: 2; height: 28px; width: 28px; text-align: left; margin-left: -11px; cursor: pointer; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4); background-color: #FFF; border-radius: 50%; outline: none; }
[slider] > input[type=range] { position: absolute; pointer-events: none; -webkit-appearance: none; z-index: 3; height: 14px; top: -2px; width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; cursor: grab; }
div[slider] > input[type=range]::-ms-track { -webkit-appearance: none; background: transparent; color: transparent; }
div[slider] > input[type=range]::-moz-range-track { -moz-appearance: none; background: transparent; color: transparent; }
div[slider] > input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; border: transparent; }
div[slider] > input[type=range]:focus { outline: none; }
div[slider] > input[type=range]::-ms-thumb { pointer-events: all; width: 28px; height: 28px; border-radius: 0px; border: 0 none; background: red; }
div[slider] > input[type=range]::-moz-range-thumb { pointer-events: all; width: 28px; height: 28px; border-radius: 0px; border: 0 none; background: red; }
div[slider] > input[type=range]::-webkit-slider-thumb { pointer-events: all; width: 28px; height: 28px; border-radius: 0px; border: 0 none; background: red; -webkit-appearance: none; }
div[slider] > input[type=range]::-ms-fill-lower { background: transparent; border: 0 none; }
div[slider] > input[type=range]::-ms-fill-upper { background: transparent; border: 0 none; }
div[slider] > input[type=range]::-ms-tooltip { display: none; }
[slider] > div > [sign] { position: absolute; transform: translateX(-50%); top: -62px; z-index:3; background-color: rgb(var(--black-1) / 100%); color: #fff; padding: 2px 16px; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; }
[slider] > div > [sign]:after { position: absolute; content: ''; left: 50%; transform: translate(-50%); top: calc(100% + 2px); border-left: 7px solid transparent; border-right: 7px solid transparent; border-top-width: 8px; border-top-style: solid; border-top-color: rgb(var(--black-1) / 100%); }
[slider] > div > [sign] > span { font-size: 12px; font-weight: 400; line-height: 28px; } .pagination--section { padding: 50px 0; border-top: 1px solid rgb(var(--black-1) / 10%); border-bottom: 1px solid rgb(var(--black-1) / 10%); margin-bottom: 60px; }
.pagination--section .pagination { justify-content: center; align-items: center; }
.pagination--section .pagination .page-item { margin: 0 5px; }
.pagination--section .pagination .page-link { font-size: 16px; font-weight: 400; color: rgb(var(--black-1) / 100%); border: none; border-radius: 0; transition: var(--all-medium); }
.pagination--section .pagination .page-link:hover { background: #000; color: #fff; }
.pagination--section .page--count { font-size: 16px; font-weight: 400; color: rgb(var(--black-1) / 50%); } .header-space { width: 100%; height: 80px; }
.thumb-slider { height: 100%; }
.product-details { padding: 50px 0 80px 0px; }
.product-details .wishlist { position: absolute; right: 20px; top: 20px; width: 35px; z-index: 3; }
.product-details .gallery--grp { display: flex; }
.gallery--grp .position-relative { flex: 1; }
.product-details { width: 100%; height: 100%; }
.product-details .thumb-slider { width: 155px; height: 100%; flex: 0 0 auto; padding-right: 30px; }
.product-details .thumb-slider .swiper-slide { width: 100%; height: auto; border: 1px solid rgb(var(--gray-2) / 50%); transition: var(--all-fast); }
.product-details .thumb-slider .swiper-slide.swiper-slide-thumb-active { border: 1px solid rgb(var(--gray-1) / 100%); }
.product-details .thumb-slider .swiper-slide img { width: 100%; aspect-ratio: 1; }
.product-details .product-view-slider { border: 1px solid rgb(var(--gray-2) / 100%); aspect-ratio: 1; }
.product-details .product-view-slider .swiper-slide { width: 100%!important; height: auto; aspect-ratio: 1; background: #fff; }
.product-details .product-info { height: 100%; display: flex; flex-flow: column wrap; padding-left: 20px; align-items: flex-start; }
.product-details .product-info .title { font-size: 36px; font-weight: 300; color: rgb(var(--black-2) / 100%); margin-bottom: 20px; }
.product-details .product-info .size { font-size: 16px; font-weight: 400; color: rgb(var(--black-1) / 100%); margin-bottom: 20px; }
.product-details .product-info .size:empty { margin-bottom: 0px; }
.product-details .product-info .price { font-size: 24px; font-weight: 400; color: rgb(var(--black-2) / 100%); margin-bottom: 45px; }
.product-details .product-info .description { font-size: 18px; font-weight: 300; color: rgb(var(--black-2) / 100%); margin-bottom: auto; }
.product-details .product-info .button { margin: 45px 0; }
.product-details .product-info .button--outline.button--green { background: #007F43; border-color: #007F43; }
.product-details .product-info .button--outline.button--green span { color: #fff; }
.product-details .product-info .button--outline.button--green:hover { background: transparent; }
.product-details .product-info .button--outline.button--green:hover span { color: #007F43; } .social-share { display: flex; flex-flow: row wrap; align-items: center; gap: 20px; }
.social-share span { font-size: 16px; font-weight: 400; color: rgb(var(--black-1) / 100%); }
.social-share a { display: flex; padding: 5px; } .related-products { padding: 80px 0; } .our--mission { padding: 10px 0 20px 0px; }
.our--mission .img-box { width: 100%; margin-bottom: 40px; } .our-story.founder-message .hero--title { transform: translateX(0%); }
.our-story.founder-message p:last-child { margin-bottom: 0px; } .blogs { padding: 0 0 100px; }
.blogs .section--title { margin-bottom: 135px; }
.blog-list { display: flex; flex-flow: row wrap; margin-bottom: 64px; }
.blog-list { display: grid; grid-template-columns: 1fr; gap: 70px; }
.blog-list li:first-child { grid-column: span 1; }
.blog-list li:not(:first-child) { grid-template-columns: repeat(2, 1fr); grid-column: span 1; }
.blog-list li:first-child .card { flex-flow: row wrap; align-items: center; }
.blog-list li:first-child .card .card-img { width: calc(100% / 13 * 8); aspect-ratio: 8.5/5; margin-right: 60px; }
.blog-list li:first-child .card .card-body { flex: 1; }
.blog-list li .card { border: none; border-radius: 0; background: none; }
.blog-list li .card .card-img { width: 100%; aspect-ratio: 1.2; border-radius: 0; overflow: hidden; }
.blog-list li .card .card-img img { transition-duration: 4s; }
.blog-list li .card:hover .card-img img { transform: scale(1.2); }
.blog-list li .card .card-body { padding: 24px 0 0; }
.blog-list li:first-child .card .card-body { padding: 0px 0 0; }
.blog-list li .card .card-body .date { font-size: 16px; font-weight: 300; margin-bottom: 14px; color: #959595; }
.blog-list li .card .card-body .section--subtitle { text-transform: uppercase; margin-bottom: 12px; }
.blog-list li .card .card-body .p2 { margin-bottom: 0; }
@media (min-width: 768px) {
.blog-list { grid-template-columns: 1fr 1fr; }
.blog-list li:first-child { grid-column: span 2; }
} .blog-details { padding: 70px 0; }
.blog-details .blog-banner { width: 100%; display: flex; margin: 35px 0; }
.blog-details .blog-info p:has(+ h4) { margin-bottom: 48px; }
.blog-details .blog-info h2, .blog-details .blog-info h3, .blog-details .blog-info h4, .blog-details .blog-info h5, .blog-details .blog-info h6 { margin-bottom: 10px; font-size: 28px; }
.blog-details .social-share { margin: 50px 0; }
.blog-details .title { font-size: 35px; font-weight: 400; }
.blog-details .date { font-size: 16px; }
.blog-details ul li, .blog-details ol li { font-size: 16px; list-style-type: disc; list-style-position: outside; margin-bottom: 8px; }
.blog-details ul, .blog-details ol { padding-left: 20px; }
.blog-details ul, .blog-details ol { margin-bottom: 20px; }
.blog-details .social-share li { list-style-type: none; margin-bottom: 0px; }
.blog-details .social-share { padding-left: 0px; }
.blog-details .d-flex.justify-content-between { align-items: center; }
.blog-details  figure { width: 500px; margin: 25px 0px; border-radius: 0px; }
.blog-details  figure img { width: 100%; } .contact { padding-bottom: 100px; }
.contact .section--title { margin-bottom: 130px; }
.contact .wrapper { margin-bottom: 30px; }
.contact .title { font-size: 20px; font-weight: 400; color: #6d6e6d; margin-bottom: 8px; }
.contact .a { font-size: 16px; font-weight: 400; color: #000; margin-bottom: 0; }
.contact .social { margin-top: 15px; }
.contact .social li { margin-left: 0; margin-right: 20px; } .enquiry--modal .section--subtitle { font-weight: 400; font-size: 30px; }
.enquiry--modal .modal-body { padding: 40px 40px; }
.enquiry--modal .modal-header { padding-left: 40px; padding-right: 40px; }
.enquiry--modal .modal-header .btn-close { position: absolute; right: 20px; top: 20px; }
.wpcf7-form-control-wrap { display: block; }
.wpcf7-not-valid-tip { width: 100%!important; font-size: 14px!important; position: absolute; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { margin: 20px 10px!important; border-width: 1px; padding: 10px 10px; font-size: 14px!important; }
.footer .wpcf7 form.invalid .wpcf7-response-output, .footer .wpcf7 form.unaccepted .wpcf7-response-output, .footer .wpcf7 form.payment-required .wpcf7-response-output { margin-top: 40px!important; margin-left: 0px; margin-right: 0px; }
.enquiry--modal .wpcf7 form.invalid .wpcf7-response-output, .enquiry--modal .wpcf7 form.unaccepted .wpcf7-response-output, .enquiry--modal .wpcf7 form.payment-required .wpcf7-response-output { margin-bottom: 0px!important; }
.enquiry--modal .form-group { margin-bottom: 30px; } .search { position: relative; }
.search--icon { display: flex!important; }
.search--div { position: absolute; right: 100%; top: 50%; transform: translateY(-50%); }
.search--div { transition: all 0.4s; }
.asl_w_container { width: 0px!important; min-width: 0px!important; transition: all 0.4s; opacity: 0; }
div.asl_m.asl_w { border:none!important; }
.search.active .asl_w_container { width: 200px!important; opacity: 1; }
.promagnifier { display: none!important; }
#ajaxsearchlite1 .probox, div.asl_w .probox { height: 35px!important; display: flex; align-items: center; }
div.asl_m .probox .proinput form { height: 100%!important; }
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input { height: 100%!important; font-size: 14px!important; }
.proclose svg polygon { fill: #fff; }
div.asl_m .probox .proclose svg { margin-left: -13px!important; }
div.asl_m .probox .proloading { margin-right: 5px!important; }
.intl-tel-input.separate-dial-code .selected-flag { background: transparent!important; }
.intl-tel-input .country-list .country { font-size: 14px; }
.intl-tel-input ul.country-list { padding: 15px!important; box-shadow: 0 0 8px rgba(0,0,0,0.08); border: 0px; }
.intl-tel-input.separate-dial-code .selected-dial-code { font-size: 15px; }
.intl-tel-input .selected-flag { padding-left: 0px!important; }
.social-share a { width: 16px; width: auto; }
.breadcrumb li a, .breadcrumb li.breadcrumb-item { font-size: 15px; }
.mobile-menu-overlay { opacity: 0px; visibility: hidden; pointer-events: none; width: 100%; height: 100%; }